/**
 * Theme Name:     Zuperla Child
 * Author:         Euthemians Team
 * Template:       zuperla
 * Text Domain:	   zuperla-child
 * Description:    Zuperla is a creative and multi-purpose WP theme allowing you to become what you have dreamt of, the most badass author out there. We urge you to discover the unsurpassable artwork of Zuperla which comes second to none, in the front and in the back. It gives you the chance to do everything you want in any website, whether it is a general or a specific-purpose one. The most Advanced Grid System and its handcrafted elements combined with the amazing Import on Demand makes Zuperla the most customizable, multipurpose WordPress theme on the market. Unpack the Zuperla-tive fire-power and unleash the beast within.
 */

 /*custom header css*/
:root {
    --tf-primary: #287cf8 !important;
}
a:hover {
    color: #287cf8;
}
.eut-logo-text a:hover, #eut-main-menu .eut-wrapper > ul > li.active > a, #eut-main-menu .eut-wrapper > ul > li.current-menu-item > a, #eut-main-menu .eut-wrapper > ul > li.current-menu-ancestor > a, #eut-main-menu .eut-wrapper > ul > li > a:hover, .eut-header-element > a:hover, #eut-main-menu .eut-wrapper > ul > li ul li.eut-goback a{
	color: #287cf8;
}
/* ===== Normal State ===== */
 #eut-main-header,
 .eut-main-header-wrapper.clearfix,
 .eut-logo img,
 #eut-main-menu .eut-item,
 #eut-main-menu .eut-item span,
 #eut-main-menu i.eut-menu-icon,
 #eut-theme-content,
 .eut-toggle-btn svg,
 nav#eut-main-menu,
 .eut-logo.eut-position-center,
 .eut-toggle-menu ul.eut-menu li a {
    transition: all 0.4s ease-in-out;
    overflow: hidden;
}

/* ===== Collapsed State ===== */
.sidebar-collapsed-toggle #eut-main-header {
    width: 80px !important;
}

.sidebar-collapsed-toggle .eut-logo img {
    max-width: 60px !important;
}

.eut-logo.eut-position-center {
    text-align: left;
}

.sidebar-collapsed-toggle #eut-main-menu .eut-item span {
    display: none !important;
    font-size: 0;
    opacity: 0;
}

.sidebar-collapsed-toggle #eut-main-menu i.eut-menu-icon {
    margin: 0 !important;
    font-size: 16px;
	display: block;
    width: 100%;
}
.sidebar-collapsed-toggle .footer_section {
    margin-left: 80px;
}
.sidebar-collapsed-toggle nav#eut-main-menu {
    width: 100%;
}

.sidebar-collapsed-toggle span.eut-item {
    font-size: 0px;
    display: inline-block;
    vertical-align: middle;
}

.sidebar-collapsed-toggle .eut-toggle-menu ul.eut-menu li a {
    padding: 20px;
}

.sidebar-collapsed-toggle .eut-logo.eut-position-center {
    width: 28%;
    height: 20px !important;
}

.sidebar-collapsed-toggle .eut-main-header-wrapper.clearfix {
    width: 94px !important;
    overflow: hidden !important;
}

/* Sidebar collapsed menu adjustments */
.sidebar-collapsed-toggle #eut-main-menu.eut-vertical-menu ul li {
    border: none;
}
#eut-responsive-header.eut-logo.eut-position-left {
    display: block !important;
}
.sidebar-collapsed-toggle .eut-logo.eut-position-left {
    display: none;
}

.sidebar-collapsed-toggle .eut-content {
    padding-left: 0 !important;
}

.sidebar-collapsed-toggle .eut-toggle-menu ul.eut-menu li a .eut-arrow {
    display: none;
}

.sidebar-collapsed-toggle #eut-theme-wrapper.eut-header-side {
    padding-left: 0px;
}

/* ===== Toggle Button Styling ===== */
#eut-theme-wrapper button#eut-toggle-btn {
    background-color: #fff !important;
    width: 30px !important;
    margin: 0px !important;
    padding: 0 !important;
    position: fixed !important;
    left: 262px !important;
    top: 54px;
    min-width: 30px !important;
    height: 30px;
    z-index: 9999 !important;
    border-radius: 50%;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: left 0.4s ease-in-out, transform 0.3s ease-in-out;
}

.sidebar-collapsed-toggle .eut-logo.eut-position-center {
    display: none;
}

.sidebar-collapsed-toggle ul#menu-imported-main-menu li a {
    padding: 0px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.8;
}
.sidebar-collapsed-toggle .eut-support-menu {
    text-align: center;
}

.sidebar-collapsed-toggle .eut-support-menu a>i {
    margin-right: 0;
}
.toggle_logo {
    display: none;
}

.sidebar-collapsed-toggle .toggle_logo {
    display: block;
    padding-top: 50px;
    padding-bottom: 20px;
}

.toggle_logo img {
    width: 14%;
    margin-left: 12px;
}

/* Make button move WITH header smoothly */

.sidebar-collapsed-toggle #eut-theme-wrapper button#eut-toggle-btn {
    left: 64px !important;
}

/* Toggle button rotation */
.sidebar-collapsed-toggle .eut-toggle-btn svg {
    transform: rotate(180deg);
    transition: transform 0.4s ease-in-out;
}

/* Sync header + button motion */
.eut-main-header-wrapper.clearfix {
    position: relative;
    transition: width 0.4s ease-in-out;
}

/* Menu text smooth in/out */
#eut-main-menu .eut-item span {
    display: inline-block;
    font-size: 16px;
    opacity: 1;
    transform: translateX(0);
    transition: all 0.4s ease-in-out;
}

.sidebar-collapsed-toggle #eut-main-menu .eut-item span {
    opacity: 0;
    font-size: 0;
    transform: translateX(-10px);
    /* thoda left slide-out effect */
    transition: all 0.4s ease-in-out;
}
#eut-main-menu .eut-item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sidebar-collapsed-toggle #eut-main-menu .eut-item {
    padding-bottom: 12px;
    padding-top: 2px;
    display: block;
}

/* Icons aur items ek sath animate hon */
#eut-main-menu .eut-item,
#eut-main-menu i.eut-menu-icon {
    transition: all 0.4s ease-in-out;
}

/* Smooth transitions maintained for collapsed elements */
.sidebar-collapsed-toggle #eut-main-header,
.sidebar-collapsed-toggle .eut-main-header-wrapper.clearfix,
.sidebar-collapsed-toggle .eut-logo img,
.sidebar-collapsed-toggle #eut-main-menu .eut-item,
.sidebar-collapsed-toggle #eut-main-menu .eut-item span,
.sidebar-collapsed-toggle #eut-main-menu i.eut-menu-icon,
.sidebar-collapsed-toggle #eut-theme-content,
.sidebar-collapsed-toggle .eut-toggle-btn svg,
.sidebar-collapsed-toggle nav#eut-main-menu,
.sidebar-collapsed-toggle .eut-logo.eut-position-center,
.sidebar-collapsed-toggle .eut-toggle-menu ul.eut-menu li a {
    transition: all 0.4s ease-in-out;
}

/* Footer full width fix when sidebar collapsed */
.sidebar-collapsed-toggle #eut-footer,
.sidebar-collapsed-toggle #eut-footer .eut-section.eut-row-section,
.sidebar-collapsed-toggle #eut-footer .eut-background-wrapper,
.sidebar-collapsed-toggle #eut-footer .eut-bg-image {
    width: 100vw !important;

}

.sidebar-collapsed-toggle #eut-theme-content .eut-container {
    padding-left: 80px !important;
}

/* Make sure background fully covers */
.sidebar-collapsed-toggle #eut-footer .eut-bg-image {
    background-size: cover !important;
    background-position: center center !important;
    transition: all 0.4s ease;
}

/* Optional: smooth transition between normal and collapsed */
#eut-footer, #eut-footer .eut-bg-image {
    transition: all 0.4s ease;
}

.eut-support-menu p {
    font-size: 20px;
}
.eut-support-menu p a:hover{
    color: #287cf8;
}
.sidebar-collapsed-toggle .eut-support-menu a span {
    display: none;
}
.sidebar-collapsed-toggle .eut-header-elements-wrapper.eut-align-left {
    padding-left: 15px !important;
}
 /*end here header css*/
#eut-main-header.eut-header-side .eut-content, #eut-main-header.eut-header-side .eut-header-elements-wrapper {
    padding-left: 15px;
    padding-right: 15px;
}
.eut-body {
    background-color: #fff;
}

/*footer css*/
.footer_logo img {
    width: 50%;
}

.footer_menu ul {
    margin: 0;
}

.footer_logo {
    text-align: left !important;
}

.footer_menu li a i {
    display: none;
}

.footer_section #gallery-1 .gallery-item {
    width: 12%;
    margin-right: 12px;
}

.footer_section .gallery dl img {
    padding: 0;
}

.footer_section dl.gallery-item:first-child {
    margin-left: 14px !important;
}

/*end footer css*/

/*home css*/
#tour-section .tft-hotel-details {
    background: #fff !important;
}
/*end here*/
div#page-208 {
    margin: 40px 45px 0;
}


@media only screen and (min-width: 1024px) {
    #eut-main-header.eut-header-side, #eut-main-header.eut-header-side .eut-content {
        width: 280px;
    }
    #eut-theme-wrapper.eut-header-side, #eut-footer.eut-fixed-footer {
        padding-left: 280px;
    }
    .sidebar-collapsed-toggle #eut-main-header.eut-header-side .eut-content {
        width: auto;
        padding: 0;
    }
    #eut-main-header.eut-header-side .eut-main-header-wrapper {
        width: auto !important;
        overflow-y:hidden;
    }
    #eut-theme-wrapper.eut-header-side .eut-container {
        padding: 0;
        margin: 0;
        width: 100%;
    }
    
}
@media (max-width: 1024px) {
    .footer_menu li a {
        font-size: 14px !important;
    }
}
@media (max-width: 767px) {
    .footer_section #gallery-1 .gallery-item {
        margin-right: 0;
    }
    .footer_menu li a {
        font-size: 14px !important;
    }
    .footer_section #gallery-1 .gallery-item img {
        width: 30px;
    }
}