/* Add here all your CSS customizations */ 

@media only screen 
and (min-device-width : 665px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {

    .word-rotator {
        margin-top: 90px;
    }

    .owl-stage-outer {
        margin-top: 160px;  
    }
}

@media (max-width: 991px) {
    #header .header-nav-main nav > ul li.dropdown-mega .dropdown-mega-sub-title {
        font-weight: bold;
        margin-left: -20px;
        text-decoration: underline;
    
    }
    
    html.safari #header .header-body {
        overflow: visible !important;
    }
    
        .page-header.page-header-modern.page-header-background.page-header-background-md {
        padding: 15px 0;
    }
    
    collapse-nav {
        background: #CCC;
        color: #FFF;
        display: none;
        float: left;
        /* margin: 0 0 0 16px; */
        /* margin: 0 0 0 1rem; */
    }
    
    /* .font-weight-bold, b, strong {
        font-size: 10px;
    } */
    
    .page-header .breadcrumb.breadcrumb-light a {
         font-size: 10px;
    }
    }
        
    @media (min-width: 992px) {
    
    /*culoare alb 
    
    @media(max-width: 767px) {
        .my-custom-bg-pos {
            background-position: -49% 0%;
        }
    }
    
    
    #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a:hover, #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a:hover  a.header-nav-links {
     
     background-color: #fff;
    }
    
    
    header.sticky-menu-active #header .header-nav.header-nav-links.header-nav-light-text nav > ul > li > a, header.sticky-menu-active #header .header-nav.header-nav-line.header-nav-light-text nav > ul > li > a {
        color: #444;
    }
    
    
    #header nav.mega-menu ul.nav-main li.mega-menu-item.opened ul.sub-menu li a {
        border: 0 !important;
        background: transparent !important;
    }
    
    #header nav ul.nav-main li.dropdown.opened ul.dropdown-menu li > a.mega-menu-sub-title {
        font-size: 14px;
        font-weight: bold;
    }
    
    #header .header-nav-main nav ul li:not(.active) > a {
        color: #fff; 
    }
    
    #header .header-nav-main nav ul li:hover > a {
        background-color: #445; 
    }
    
    
    #header .header-nav-main nav > ul > li > a {
            color: #fff;
        }	
    
    .slider-container {
        background: #FFF;
    }
    
    .dropdown-item:focus, .dropdown-item:hover {
        background-color: #fff;
    }
    
    */
    
    /*click pe menutitem sa fie alb*/
    .dropdown-item.active, .dropdown-item:active {
        color: #fff;
        text-decoration: none;
        background-color: #f8f9fa;
    }
    
    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a span.dropdown-mega-sub-title {
    
        text-transform: uppercase;
    }
    
    
    .sticky-header-active #header .header-nav-main nav ul li:not(.active) > a {
        color: #444; 
    }
    
    .sticky-header-active #header .header-nav-main nav ul li:hover > a {
        /* color: #fe423d;  */
        color: var(--primary);
    }
    
    
    }
    
    @media (max-width: 992px) {
    

    
    #header .header-logo .logo-normal {
        display: block;
        
    }
    
    #header .header-logo .logo-sticky {
        display: none;
    }
    
    .sticky-header-active #header .header-logo .logo-normal {
        display: none;
    }
    
    .sticky-header-active #header .header-logo .logo-sticky {
        display: block;
    }
    
    }
    
    /*schimb cu negru stickhy pe cos*/
    
    #header .header-nav-top-icon-img-alb {
        display: block;
    }
    
    #header .header-nav-top-icon-img-negru {
        display: none;
    }
    
    .sticky-header-active #header .header-nav-top-icon-img-alb{
        display: none;
    }
    
    .sticky-header-active #header .header-nav-top-icon-img-negru {
        display: block;
    }
    
    
    
    #header .header-logo .logo-normal {
        display: block;
        width: 100px;
        height: 48px;
    }
    
    #header .header-logo .logo-sticky {
        display: none;
    }
    
    .sticky-header-active #header .header-logo .logo-normal {
        display: none;
    }
    
    .sticky-header-active #header .header-logo .logo-sticky {
        display: block;
        width: 100px;
        height: 48px;
    }
    
    /*sicky negru pe search*/
    .header-nav-top-icon {
        color: #FFF !important;
    }

   
    .sticky-header-active .header-nav-top-icon {
        color: #752525 !important;
    }
    
    
    a, a:visited {
        color: var(--tertiary);
    }
    
    .testimonial.testimonial-style-2 .testimonial-author img {
        max-width: 60px;
        max-height: 60px;
    }

/* Add floating module positioning */

#user-login {
    color: #FFF !important;
}

.dnnModuleDialog .ui-dialog {
    position: absolute !important; 
    top: 150px !important;        
    z-index: 9999 !important;    
} 

.DnnModule.floating .ui-dialog {
    position: fixed;
    top: 150px !important;
    z-index: 9999;
    transition: top 1s ease;
}

/* Floating module styles */
body .DnnModule.floating.drift {
    position: fixed !important;
    top: 150px !important;
    z-index: 9999 !important;
    transition: all 0.3s ease-in-out;
    margin: 0 !important;
}

.DnnModule.floating.drift * {
    pointer-events: auto !important;
}

