/*
Theme Name: Motovedu Custom Styles
Description: Custom CSS for Motovedu website
Version: 1.0.0
*/

/* Add your custom styles below */

[data-menu*=type-3]>ul>li[class*=current-menu-]>a, [data-menu*=type-3]>ul>li[class*=current-menu-]>a:hover {
    background-color: transparent;
}
#header [data-row]>div {
    min-height: auto !important ;
}
.ct-container-full {
    padding-bottom: 0 !important;
}


/* Sticky menu styles - only active on screens 800px and below */
    #header.sticky {
        position: fixed !important;
        top: 0 !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 9999 !important;
        
       
        box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
        transition: all 0.3s ease !important;
        width: 100% !important;
    }
     #header.sticky [data-row="middle"] {
       background-image: url("https://motovedu.ee/uus/wp-content/uploads/2025/11/hhh31-2.png") !important;
        background-size: cover !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }
    
    /* Add padding to body when sticky is active to prevent content jump */
    body.sticky-active {
        padding-top: 80px !important;
    }

    [data-header*="type-1"] [data-transparent] {
        background: linear-gradient(to bottom, rgba(0, 0, 0, .6), rgba(0, 0, 0, 0));
    }
 
    
    /* Hover effects for sticky menu */
    #header.sticky [data-menu] > ul > li > a:hover {
}

.sub-menu li a {
    background-color: rgba(0, 0, 0, 1) !important;
}
.sub-menu li a:hover {
    background-color: rgba(0, 0, 0, 1) !important;
    color: #F2C94C !important;
}

.sub-menu .menu-item {
    border-top: var(--dropdown-divider);
    border-top-width: 1px;
    border-top-style: dashed;
    border-top-color: rgba(255, 255, 255, 0.1);
}   
#menu-pohimenuu > li:hover>a {
       background-color: transparent !important;
}

[data-header*="type-1"] .ct-header [data-id="menu"] > ul > li > a {
    font-size: 14px !important;
}



.ct-header-trigger .ct-icon[data-type] rect, [class*="ct-toggle"] svg
 {
    fill: #fff !important;
}

nav[class*=menu] li:hover>.ct-menu-link, nav[class*=menu] li:hover>.ct-sub-menu-parent {
    color: #F2C94C !important;  
}

nav[class*=menu] li[class*=current-menu-]>.ct-menu-link, nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent {
   color: #F2C94C !important;  
}
@media (max-width: 1200px) {
    [data-header*="type-1"] #offcanvas {
        --side-panel-width: 50vw;
        background: rgba(0, 0, 0, .1) !important;
    }
}
@media (max-width: 700px) {
    [data-header*="type-1"] #offcanvas {
        --side-panel-width: 80vw;
        background: rgba(0, 0, 0, .1) !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .elementor-22 .elementor-element.elementor-element-9514389 {
        --width: 100% !important;
    }
}


@media (max-width: 767px) {
    .elementor-22 .elementor-element.elementor-element-9514389 {
     --width: 100% !important;
    }
}

.ct-back-to-top.ct-hidden-sm svg {
    fill: #000 !important;
}

#menu-pohimenuu {
display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
    padding: 0 20px;
}

#header .ct-container {
    max-width: 1300px !important;
    width: 100% !important;
}
/*
.elementor-button {
    background-color: #c8ac74 !important;
}
.elementor-button:hover {
    background-color: #000 !important;
    color: #c8ac74 !important;
}
#main-container header .ct-header-button, #main-container header .menu-button, #main-container .ct-header [class*="button"], #main-container .ct-header .ct-button, #main-container .menu-item.ct-button {
    color: #c8ac74 !important;
    border-color: #c8ac74 !important;
}
#main-container header .ct-header-button:hover, #main-container header .menu-button:hover, #main-container .ct-header [class*="button"]:hover, #main-container .ct-header .ct-button:hover, #main-container .menu-item.ct-button:hover {
    color: #000 !important;
    border-color: #c8ac74 !important;
        background-color: #c8ac74 !important;
}

nav[class*=menu] li[class*=current-menu-]>.ct-menu-link, nav[class*=menu] li[class*=current-menu-]>.ct-sub-menu-parent {
    color: #c8ac74 !important;
} */

.elementor-view-default svg {
    fill: #F2C94C !important;
}
.elementor-divider span {
    border-color: #F2C94C !important;
}
.elementor-heading-title {
  
}