/*
Theme Name: Goldfinch Child
Template: goldfinch
Author: Rustam and Selestin
Description: Goldfinch Hotels, is a part of the MRG Group conglomerate, believes that hospitality is a personal responsibility, and there are no shortcuts to guest satisfaction.
Version: 1.0

*/
html {
    scroll-behavior: smooth;
    min-width: initial;
}
html::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}

html::-webkit-scrollbar {
    width: 8px;
    background-color: transparent;
}

html::-webkit-scrollbar-thumb {
    background-color: rgb(197 197 197 / 80%);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.theme-scrollbar::-webkit-scrollbar-track, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-track, .modal::-webkit-scrollbar-track, .select.large .list ul::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    background-color: transparent;
}

.theme-scrollbar::-webkit-scrollbar, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar, .modal::-webkit-scrollbar, .select.large .list ul::-webkit-scrollbar {
    width: 4px;
    background-color: transparent;
}

.theme-scrollbar::-webkit-scrollbar-thumb, .select2-container--default .select2-results>.select2-results__options::-webkit-scrollbar-thumb, .modal::-webkit-scrollbar-thumb, .select.large .list ul::-webkit-scrollbar-thumb {
    background-color: #e0e0e0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

/* @font-face {
    font-family: 'swis721_btroman';
    src: url('../goldfinch-child/fonts/tt0003m_-webfont.woff2') format('woff2'),
         url('../goldfinch-child/fonts/tt0003m_-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_std35_light';
    src: url('../goldfinch-child/fonts/avenirltstd-light-webfont.woff2') format('woff2'),
         url('../goldfinch-child/fonts/avenirltstd-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'avenir_lt_pro65_medium';
    src: url('../goldfinch-child/fonts/avenirltpromedium-webfont.woff2') format('woff2'),
         url('../goldfinch-child/fonts/avenirltpromedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'avenir_lt_pro65_medium';
    src: url('../goldfinch-child/fonts/avenirltpromedium-webfont.woff2') format('woff2'),
         url('../goldfinch-child/fonts/avenirltpromedium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

} */
@font-face {
    font-family: 'carentro_demoregular';
    src: url('../goldfinch-child/fonts/carentro_demo-webfont.woff2') format('woff2'),
         url('../goldfinch-child/fonts/carentro_demo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
body, p{
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}
h1, h2, h3, h4, h5, h6, .ue_simple_slider_title{
font-family: 'carentro_demoregular' !important;
}
.ue_simple_slider_title{

font-family: 'carentro_demoregular' !important;
}
p, .ue_simple_slider_text{
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.09px;
}
#main {
     margin-top: 0px !important;
}
.navbar-collapse {flex-grow: inherit !important;}
.navbar-brand{padding:0;}
.navbar-brand img {
    height: 74px !important;
}
#navbar .navbar-collapse {flex-grow: inherit !important;}

 #menu-main-menu li a {
     color:#000000;
    font-size: 14px;
    line-height: 26px;
    letter-spacing: 0.1px;
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    padding: 5px 15px ;
    position: relative; 
    transition: color 0.5s ease;
}
ul.dropdown-menu {padding: 23px !important; border:none; left: -10px !important; background: #FFFFFF 0% 0% no-repeat padding-box;
box-shadow: 0px 6px 6px #00000029;
border-radius: 0px 0px 8px 8px;} 
.dropdown-menu li {background-color: transparent !important;}
.dropdown-menu li a{
       color:#000000;
    font-size: 13px;
    line-height: 26px;
    letter-spacing: 0.1px;
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    padding: 0 !important;
    margin-bottom: 0px;
    position: relative; 
    
}
.dropdown-item:focus, .dropdown-item:hover {background: transparent !important;}
.dropdown-menu li a::before{display: none;}
.dropdown-item.active, .dropdown-item:active {background: transparent !important;}
#menu-item-551 a {
    color:#A3782B !important;
    font-size: 15px !important;
    padding: 5px 15px !important;
    border: 1px solid #A3782B;
border-radius: 27px;
}
#menu-item-551 a:hover {
    color:#fff !important;
    font-size: 15px !important;
    padding: 5px 15px !important;
    background: #A3782B;
border-radius: 27px;
}
 
#menu-main-menu li a::before {
  content: '';
  position: absolute;
  bottom:-2px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 20px;
  height: 3px;
  background:  #60BB46;
  background-size: 300% 100%;
  opacity: 0;
  
}


#menu-main-menu li a:hover::before {
  opacity: 1;
   
}

@keyframes shimmer111 {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

@media (min-width: 1366px) {
     .container-fluid{--bs-gutter-x:6.25rem !important;}
    
}
@media (min-width:1500px){
    #menu-main-menu li a {
     color:#000000;
    font-size: 18px;
    line-height: 26px;
    letter-spacing: 0.1px;
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    padding: 5px 20px !important;
}
#menu-item-551 a {
    color:#A3782B !important;
    font-size: 19px !important;
    padding: 15px 20px !important;
    border: 1px solid #A3782B;
border-radius: 27px;
}
#menu-item-551 a:hover {
    color:#fff !important;
    font-size: 19px !important;
    padding: 5px 20px !important;
    background: #A3782B;
border-radius: 27px;
}
#footer .wp-container-core-columns-is-layout-3 {gap:70px;}
}
#footer {
    background-color: #F4F4F4 !important;
    padding: 50px 0 0 0;
}
#footer p {
    margin-top: 10px;
    color: #8E8E8E;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: .16px;
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
}
footer h2.wp-block-heading {
    font-size: 20px;
    line-height: 26px;
    letter-spacing: .1px;
     font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
    font-weight: 600;
}
#menu-quick-links, #menu-quick-links-one, #menu-hotels-resorts, #menu-conference-events {padding: 0;}
#menu-quick-links li, #menu-quick-links-one li, #menu-conference-events li, #menu-hotels-resorts li{list-style: none;}
#menu-quick-links li a, #menu-hotels-resorts li a, #menu-conference-events li a{
font-size: 14px;
line-height:28px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
letter-spacing: 0.09px;
color: #292929;
}

#menu-quick-links-one li a {
  font-size: 16px !important;
line-height:36px !important;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
letter-spacing: 0.09px;
color: #292929;
font-weight: 500 !important;  
}
#footer .menu-item a[aria-current=page] {color: #292929 !important;}
#menu-item-1164 a, #menu-item-1165 a, #menu-item-1168 a{
font-size: 16px !important;
line-height:36px !important;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
letter-spacing: 0.09px;
font-weight: 500 !important;

}
.wp-block-columns.social-widget.is-layout-flex.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex {gap: 1em !important;}
ul.social{padding:0;}
ul.social li {list-style: none;}
ul.social li a svg {
fill: #A3782B;     
}

#footer .is-layout-flex {
    align-items: flex-start;
    
}

.footer-copyright{
    background-color: #2A2A2A;
    padding: 12px 0;
    margin-top: 35px;
}
.footer-copyright p{ font-size:16px;
line-height: 24px;
  font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
letter-spacing: 0.16px;
color: #BCBCBC;}
#footer p {
    margin: 0 !important;
}
.privacy {
text-align: end;
}
.privacy a{
font-size:16px;
line-height: 24px;
font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif !important;
letter-spacing: 0.16px;
color: #BCBCBC;
margin-left: 80px;
}
@media (max-width: 680px) {
  #footer .is-layout-flex {display: block;}  
  .navbar-brand img {
    height: 65px !important;
}
#menu-main-menu li a::before{display: none;}

}


.goldfinch-search-box{
            position: absolute;
            top: 0;
            right: 0;
            width: 1170px;
            height: 100%;
        transition: transform 0.3s ease;
            box-sizing: border-box;
             transform: translateX(0); /* Initially fully visible */
        }

        /* Initially hide part of the box */
    .goldfinch-search-box.hide {
            transform: translateX(100%);
            left: 50px;
        }

        /* Arrow styling */
        .toggle-arrow {
            position: absolute;
            top: 50%;
            left: -20px;
            border-radius:100px;
            color: white;
            text-align: center;
            line-height: 30px;
            cursor: pointer;
            font-size: 18px;
            display: flex;
            align-items: center;
            justify-content: center;
              transform: translateY(-50%);
    transition: transform 0.3s ease;
            width: 37px;
    height: 37px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 1px 3px 6px #00000029;
        }

        /* Rotating arrow when box is hidden */
        .goldfinch-search-box.hide .toggle-arrow {
            transform: translateY(-50%) rotate(180deg);
        }

        /* Extra text when the box is hidden */
        .goldfinch-search-box.hide .toggle-arrow::before {
            content: "Booking Form";
            position: absolute;
            left: 100%;
            width: 100px;
            color: white;
            white-space: nowrap;
            font-size: 14px;
            text-align: center;
            transform: rotate(180deg);
      }

        /* Box content */
       
    .visible-hidden {visibility: hidden;}
.banquet .slick-dots {left: 260px;}
 .san-gal .elementor-gallery__titles-container   {border-bottom: 2px solid #8e8e8e;}
 @media (min-width: 768px) and (max-width: 1024px) {
#footer .is-layout-flex {display: block;}  
  .navbar-brand img {
    height: 65px !important;
}
 }
 .js-scroll {
    opacity: 0;
}

.scrolled.fade-in {
    animation: fade-in 1s ease-in-out both;
    -webkit-animation: fade-in 1s ease-in-out both;
}

.scrolled.fade-in-top {
    animation: fade-in-top 1s ease-in-out both;
    -webkit-animation: fade-in-top 1s ease-in-out both;
}

.scrolled.fade-in-bottom {
    animation: fade-in-bottom 1s ease-in-out both;
    -webkit-animation: fade-in-bottom 1s ease-in-out both;
}

.scrolled.fade-in-left {
    animation: fade-in-left 1s ease-in-out both;
    -webkit-animation: fade-in-left 1s ease-in-out both;
}

.scrolled.fade-in-right {
    animation: fade-in-right 1s ease-in-out both;
    -webkit-animation: fade-in-right 1s ease-in-out both;
}

@keyframes fade-in-left {
    0% {
        opacity: 0;
        transform: translateX(-30px);
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
    }

    100% {
        opacity: 1;
        transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

@keyframes fade-in-right {
    0% {
        opacity: 0;
        transform: translateX(30px);
        -webkit-transform: translateX(30px);
        -moz-transform: translateX(30px);
        -ms-transform: translateX(30px);
        -o-transform: translateX(30px);
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes fade-in-bottom {
    0% {
        opacity: 0;
        transform: translateY(30px);
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in-top {
    0% {
        opacity: 0;
        transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes fade-in {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.zoom-out {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 3s;
    transition-timing-function: ease-out;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.zoom-out.scrolled {
    opacity: 1;
    -webkit-transform: translateZ(0) scale(1);
    transform: translateZ(0) scale(1);
}

.fade-up {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transform: translate3d(0, 24px, 0);
    -webkit-transform: translate3d(0, 24px, 0);
    -moz-transform: translate3d(0, 24px, 0);
    -ms-transform: translate3d(0, 24px, 0);
    -o-transform: translate3d(0, 24px, 0);
}

.fade-up.scrolled {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.fade-down {
    opacity: 0;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    transition-duration: 1s;
    transition-timing-function: ease-out;
    transform: translate3d(0, -24px, 0);
    -webkit-transform: translate3d(0, -24px, 0);
    -moz-transform: translate3d(0, -24px, 0);
    -ms-transform: translate3d(0, -24px, 0);
    -o-transform: translate3d(0, -24px, 0);
}

.fade-down.scrolled {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.delay1 {
    -webkit-animation-delay: 0.2s !important;
    animation-delay: 0.2s !important;
}

.delay2 {
    -webkit-animation-delay: 0.4s !important;
    animation-delay: 0.4s !important;
}

.delay3 {
    -webkit-animation-delay: 0.6s !important;
    animation-delay: 0.6s !important;
}

.delay4 {
    -webkit-animation-delay: 0.8s !important;
    animation-delay: 0.8s !important;
}

.delay5 {
    -webkit-animation-delay: 1s !important;
    animation-delay: 1s !important;
}

.delay6 {
    -webkit-animation-delay: 1.2s !important;
    animation-delay: 1.2s !important;
}

.delay7 {
    -webkit-animation-delay: 1.4s !important;
    animation-delay: 1.4s !important;
}

.delay8 {
    -webkit-animation-delay: 1.6s !important;
    animation-delay: 1.6s !important;
}

.delay9 {
    -webkit-animation-delay: 1.8s !important;
    animation-delay: 1.8s !important;
}

.delay10 {
    -webkit-animation-delay: 2s !important;
    animation-delay: 2s !important;
}

.delay11 {
    -webkit-animation-delay: 2.2s !important;
    animation-delay: 2.2s !important;
}

.delay12 {
    -webkit-animation-delay: 2.4s !important;
    animation-delay: 2.4s !important;
}

.delay13 {
    -webkit-animation-delay: 2.6s !important;
    animation-delay: 2.6s !important;
}

.delay14 {
    -webkit-animation-delay: 2.8s !important;
    animation-delay: 2.8s !important;
}

.delay15 {
    -webkit-animation-delay: 3s !important;
    animation-delay: 3s !important;
}