@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');

.gallery_header_bg{
    background-color: var(--theme-color-3)!important;
}
#myNav1 .nav-link{
    text-transform: uppercase;
    color: var(--theme-color-2)!important;
    font-family: var(--bs-font-Catamaran);
    font-size: 9px;    
    font-weight: 300;
    line-height: 2.1em;
    letter-spacing: .15em;
    position: relative;
}

/* hide close button when toggler icon show */
.navbar-toggler.collapsed .close-icon{
    display: none;
}

/* show close button when toggler icon click */
.navbar-toggler:not(.collapsed) .navbar-toggler-icon{
    display: inline;
}

/*change close icon color */
.close-icon {
    color: var(--theme-color-2);
}

/* change toggler icon color */
.custom-toggler .navbar-toggler-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")!important;
}

/* remove toggler box shadow */
.navbar .navbar-toggler:focus{
    box-shadow: none;
}

/* for header menu logo always center */
#myNav1{
    padding-inline: 5.3%;
    /* position: absolute; */
    /* left: 0; */
    /* right: 0; */
}
#myNav1 .booknow a{
    color: var(--theme-color-2)!important;
}

/* hover effect */
#myNav1 .nav-link{
    margin-inline: .5rem;
}
#myNav1 .nav-link:hover{
    color: var(--theme-color-2);
}
#myNav1 .nav-link::after{  
    content: '';
	position: absolute;
	bottom: 0;
	left: -2px;
	height: 1px;
	width: calc(100% + 2px);
	background-color: var(--theme-color-2);
	transform: scaleX(0);
	transform-origin: right;
	transition: transform .36s cubic-bezier(.57,.01,.29,.99);
}
#myNav1 .nav-link:hover::after, #myNav1 .nav-link.a1::after {
	transform: scaleX(1);
	transform-origin: left;
}
#myNav1 .btn-check:focus + .btn, .btn:focus{
    box-shadow: none!important;
}

/* media queries */
@media (min-width: 1591px){
    #myNav1 .nav-link{
        font-size: 12px; 
    }
}
@media (min-width: 0px) and (max-width: 991px) {
    #myNav1 .nav-link{
        margin-block: .5rem;
        display: inline-block;
        font-size: 12px;
        font-weight: 400;
    }
}