/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

span.btn-container.btn-inline a.ct-button-1 {
    border: 1px solid #ffffff !important;
}

span.btn-container.btn-inline a.ct-button-1:hover {
    border: 1px solid #ffffff !important;
}
span.btn-container.btn-inline a.custom-link.btn.btn-custom-typo.ct-button-1:hover{
    background-color: rgba(1, 34, 10, 0.75) !important;
    border: 1px solid #ffffff !important;
    color: #ffffff !important;
}

.cm-soon .uncode-wrapper.uncode-countdown {
    text-align: center;
}

.cm-soon .uncode-wrapper.uncode-countdown p{
    text-align: center;
}
.cm-soon .uncode-wrapper.uncode-countdown>p>span {
    color: white !important;
}
.cm-soon .text-lead p {
    color: white;
}
.cm-soon .row.limit-width.row-parent {
    background: #000000a3;
}

.ns-language-switcher {
    position: relative;
    font-family: Arial, sans-serif;
    display: flex;
    height: 100%;
    align-items: center;
    padding: 0 12px 0 12px;
    z-index: 9999;
}

.ns-language-switcher:before {
    content: "\f0ac";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    font-size: 1.2em;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
}

.ns-language-switcher a{
    color: #ffffff;
}

.ns-dropdown {
    display: inline-block;
    position: relative;
}

.ns-dropdown-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 1em;
    padding: 5px;
}

.ns-dropdown-toggle span:before {
    content: "\1F310"; /* Unicode for globe emoji */
    font-size: 1.2em;
    margin-right: 5px;
}

.ns-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    border: 1px solid #ddd;
    list-style: none;
    padding: 5px 0;
    margin: 0;
    display: none;
}

.ns-dropdown:hover .ns-dropdown-menu {
    display: block;
}

.ns-dropdown-menu li {
    padding: 5px 10px;
}

.ns-dropdown-menu li a {
    text-decoration: none;
    color: #333;
}

.ns-dropdown-menu li a:hover {
    color: #0073aa;
}


#masthead .row-menu-inner.row-brand.menu-horizontal-inner {
    display: flex;
    height: 100px;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    align-items: center;
}

#masthead div#logo-container-mobile {
    max-height: 100px;
    padding: 0;
    margin: 0;
    overflow: hidden;
    width: fit-content;
    display: contents;
}

#masthead div#logo-container-mobile div#main-logo {
    max-height: 100px;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

#masthead div#logo-container-mobile div#main-logo a.navbar-brand.cursor-init {
    max-height: 100px;
    width: auto;
}

#masthead div#logo-container-mobile div#main-logo a.navbar-brand.cursor-init .logo-customizer {
    max-height: 100px;
}

#masthead div#logo-container-mobile div#main-logo a.navbar-brand.cursor-init .logo-customizer img {
    max-height: 100px;
}
#main-logo .navbar-brand img {
    height: 100px !important;
}
.header-left, .header-middle, .header-right{
    flex: 1;
}
.header-left{
    padding-top: 0px;
    padding-bottom: 0px;
    display: flex;
    align-items: center;
}
.header-left .mmb-container {
    position: relative !important;
    height: 100px;
}


.header-right{
    display: flex;
    justify-content: right;
}
.header-right .social-menu{
    display: flex;
    align-items: center;
    gap: 20px;
}

.header-right .social-menu ul{    
    display: flex;
    align-items: center;
    gap: 20px;
    padding-right: 0;
    background-color: transparent !important;
}
.header-right .social-menu ul:after{
    display: none;
}
.header-right .social-menu ul li a{
    height: 100px;
    color: #fff;
    display: contents;
    font-size: 20px;
}

.header-right .social-menu ul li a i{
    margin-right: 0;
}
.header-right .social-menu .bar{
    background-color: #fff;
    height: 24px;
    width: 1px;
}
.header-right .social-menu .uncode-menu-additional-text{
    padding: 0;
}

.header-right .social-menu .uncode-menu-additional-text a{
    color: #fff;
    border-color: #fff;
}

.header-right .social-menu .uncode-menu-additional-text a:hover{
    color: #000;
    border-color: #000;
}

.mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light span.lines,
.mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light span.lines:before,
.mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light span.lines:after{
    background-color: #ffffff !important;
}
.mobile-menu-button.menu-button-offcanvas.mobile-menu-button-light.close span.lines{
    background-color: transparent !important;
}

.navbar.menu-primary.menu-light.is_stuck .menu-container.style-color-xsdn-bg{
    background-color: #446b5c;
}
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .main-menu-container {
    background-color: #446b5c;
}
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-sidebar-inner,
.submenu-light:not(.isotope-filters):not(.top-menu-enhanced) .menu-smart {
    background-color: #446b5c;
}
.menu-light .menu-smart a {
    color: #ffffff;
    font-size: 16px;
}
.mobile-hidden.tablet-hidden.vmenu-footer.style-light{
    display: none;
}

.menu-light.vmenu-borders{
    border: none;
}

sr7-content {
    left: auto !important;
}

.full-row-menu-item a{
    color: #fff !important;
    border-color: #fff;
    transition: all 0.3s ease-in-out;
}

.full-row-menu-item a:hover{
    color: #000 !important;
    border-color: #000;
}

a.slider-additional-link {
    color: #fff;
}

@media only screen and (max-width: 768px) {
    .header-right .social-menu {
      display: none;
    }
    .ns-language-switcher {
        padding: 0 12px 0 12px;
    }
    .header-left .mmb-container {
        position: absolute !important;
        height: 100px;
    }
}
  
@media (max-width: 959px) {
    body.opening-overlay-menu.menu-mobile-off-canvas .mobile-menu-button.menu-button-offcanvas {
        display: none;
    }
    body.opening-overlay-menu.menu-mobile-off-canvas .main-menu-container {
        box-shadow: 0 0px 100px 10px rgba(0, 0, 0, 0.5);
    }
    body.menu-mobile-off-canvas .main-menu-container{
        right: 0;
        left: 0;
        width: 100vw;
        height: 0px;
        top: 99px !important;
        transition: height 0.3s ease-in-out;
    }
    body.menu-mobile-off-canvas .main-menu-container.open-items{
        height: calc(100vh - 100px);
    }
    body.menu-mobile-centered .vmenu-container .vmenu-row-wrapper .vmenu-wrap-cell ul.menu-smart.menu-primary-inner > li > a {
        font-size: 16px !important;
        line-height: 1.5 ;
        color: #ffffff;
    }
    body.menu-mobile-off-canvas .menu-primary.submenu-light .uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):before,
    body.menu-mobile-off-canvas .menu-primary.submenu-light .uncode-close-offcanvas-mobile .lines:not(.lines-dropdown):after{
        background: #ffffff !important;
    }
    
    .uncode-menu-additional-text.navbar-mobile-el{
        padding-left: 0px;
        padding-right: 0px;
    }
    #menu-main-menu-1{
        align-items: center;
        display: flex;
        flex-direction: column;
    }
    .full-row-menu-item {
        text-align: center;
    }
    
    a.btn.btn-menu {
        color: #ffffff !important;
        font-size: 16px;
    }
    ul.menu-smart.sm.menu-social.menu-smart-social {
        text-align: center;
    }
    
    ul.menu-smart.sm.menu-social.menu-smart-social li a i {
        color: #fff;
    }
    .menu-horizontal-inner > div:last-child .menu-smart {
        padding-bottom: 0 !important;
    }
}