/* Universal Static Menu Styles for all www.omrquiz.* sites */

/* Navbar positioning - RELATIVE */
.topheader {
    position: relative;
    background-color: #333;
    height: 60px;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    box-shadow: none !important;
    z-index: 1000;
}

/* Fixed spacing for all languages - AGGRESSIVE STYLES */
body {
    margin: 0 !important;
    padding-top: 0 !important;
}

.webcontent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* SUPER SPECIFIC SELECTORS TO OVERRIDE OTHER CSS FILES */
body .hero,
.webcontent .hero,
div.hero,
section.hero,
.hero.hero {
    margin-top: 40px !important;
    padding-top: 4rem !important;
}

/* RTL language support */
[class*="rtl-"] body {
    margin: 0 !important;
    padding-top: 0 !important;
}

[class*="rtl-"] .webcontent {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

[class*="rtl-"] body .hero,
[class*="rtl-"] .webcontent .hero,
[class*="rtl-"] div.hero,
[class*="rtl-"] section.hero,
[class*="rtl-"] .hero.hero {
    margin-top: 40px !important;
    padding-top: 4rem !important;
}

/* Additional aggressive overrides */
body.is-boxed {
    padding-top: 0 !important;
}

body.has-animations {
    padding-top: 0 !important;
}

body.aspose {
    padding-top: 0 !important;
}

/* Language-specific fixes */
body[class*="rtl-fr"] .hero,
body[class*="rtl-de"] .hero,
body[class*="fr"] .hero,
body[class*="de"] .hero,
body[class*="rtl-fr"] body .hero,
body[class*="rtl-de"] body .hero,
body[class*="fr"] body .hero,
body[class*="de"] body .hero,
body[class*="rtl-fr"] .webcontent .hero,
body[class*="rtl-de"] .webcontent .hero,
body[class*="fr"] .webcontent .hero,
body[class*="de"] .webcontent .hero {
    margin-top: 40px !important;
    padding-top: 4rem !important;
}

/* Universal container fixes */
.container,
.container-fluid,
.row,
.col,
[class*="col-"] {
    margin-top: 0 !important;
}

/* Specific element fixes */
.topheader + *,
.topheader ~ * {
    margin-top: 0 !important;
}

/* Hero container fixes */
.hero .container,
.hero .container-fluid {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* Custom CSS from the provided code */
@media(max-width:768px) {
    .imgbox img {
        margin-bottom: 0 !important;
    }
    .testimonial-box p.text-para {
        font-weight: 300;
        font-size: 13px !important;
    }
}

.subscibe-rhs .btn-danger {
    background: #A51E1D;
}

.websitemenubox .websitesmenubox {
    width: 650px;
    float: left;
    display: block;
}

.websitesmenubox {
    max-width: 600px;
    min-width: 60px;
}

.websitesmenuwrapper {
    display: block;
    float: left;
    width: 500px !important;
    position: absolute;
    background: #333;
    color: #fff;
}

.topheadermenus li .websitesmenubox a {
    line-height: 20px !important;
    margin: 10px 0 0;
    float: left;
    padding: 5px 15px !important;
    display: inline-block;
    width: 33.33%;
    box-sizing: border-box;
}

.topheader .topheadermenus li .websitesmenubox a {
    min-width: 25%;
    max-width: 25%;
    width: 25%;
    padding: 6px 13px !important;
}

.venturelogo a {
    float: left;
    width: 165px !important;
    height: 50px !important;
    line-height: 50px !important;
    background: url(/images/logo_white.svg) 0 no-repeat;
    margin-top: 5px !important;
    background-size: 165px !important;
}

.topheader .topheadermenus li .productmenubox a {
    min-width: 33%;
    max-width: 33%;
    width: 33%;
    padding: 6px 15px !important;
}

.topheadermenus li:hover ul {
    display: block;
    float: left;
    width: 130px;
    position: absolute;
    background: #333;
    color: #fff;
}

/* Language Switcher Positioning */
.userlogstatus {
    display: flex;
    align-items: center;
    height: 100%;
}

#DynabicMenuUserControls {
    display: flex;
    align-items: center;
    height: 100%;
}

.lang-selector {
    display: flex !important;
    align-items: center;
    height: 100%;
    margin: 0;
    padding: 0;
}

.lang-selector a {
    display: flex;
    align-items: center;
    padding: 10px 15px;
    color: #fff;
    text-decoration: none;
    height: 100%;
    line-height: normal;
}

.lang-selector a:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

/* Footer Styles */
.footerbottom {
    background: transparent;
    padding: 0;
    margin: 0;
}

.footer2bar {
    background-color: #333 !important;
    color: #fff !important;
    display: flex !important;
    align-items: center !important;
    min-height: 60px !important;
    margin-top: 50px;
    border-top: none;
    padding: 15px 0 !important;
}

.footer2col {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    width: 100% !important;
}

.footer2text {
    text-align: center !important;
}

.footer2text p {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    margin: 0 !important;
    line-height: 1.5 !important;
}

/* Mobile Responsive Styles */
@media (max-width:1024px) and (min-width:0px) {
    .footer2anchor,.footer2col p {
        display:table!important;
    }
    .asposecloud .menuitems .topheadermenus li ul {
        width:100%!important;
    }
    .menuitems ul ul {
        display:none!important;
    }
    .menuitems .mobileanchor.openmenu~ul {
        display:block!important;
    }
    .menuitems {
        right:0!important;
        width:280px!important;
        left:inherit!important;
        overflow-y:auto;
        margin:0;
        clear:both;
        position:absolute;
        top:60px;
        background:#fff;
        padding-right:0;
        max-height:500px!important;
        height:inherit;
    }
    .menuitems ul {
        margin-left:0!important;
    }
    .menuitems ul li {
        margin-left:0!important;
        width:100%!important;
    }
    .menuitems ul li a {
        line-height:40px!important;
        margin:0!important;
    }
    .menuitems ul li a:after {
        float:right;
        content:"\f107";
        font-size:16px;
        font-family:Fontawesome;
        color:#999;
    }
    .menuitems ul li:hover a:after {
        float:right;
        content:"\f106";
        font-size:16px;
        font-family:Fontawesome;
        color:#fff;
    }
    .menuitems ul ul {
        position:relative!important;
        background:#000!important;
        width:100%!important;
        border-radius:0!important;
        float:left;
        margin-top:0!important;
    }
    .menuitems ul li li {
        width:100%!important;
        padding:0!important;
        margin-top:0!important;
    }
    .menuitems ul li li a {
        padding:2px 15px!important;
        line-height:35px!important;
    }
    .menuitems ul li li a:after {
        display:none!important;
    }
    .menuitems ul li:hover {
        background:0 0!important;
    }
    .menuitems ul li li a:hover {
        background:#439cda!important;
    }
}

@media (max-width:1024px) {
    .topheadermenus li.linkmobile {
        display:block!important;
    }
    .topheader,.topsection {
        width:100%;
        min-width:100%;
        max-width:100%;
        padding:0!important;
    }
    .togglebtn {
        display:block;
    }
    .menuitems {
        display:none;
    }
    .topheader.topbutton .menuitems {
        display:block;
        margin:0;
        width:100%;
        background:#222;
    }
    .venturelogo {
        margin-left:10px;
    }
    .footer2bar {
        background:#000!important;
        height:inherit;
    }
    .footer2col,.footercol {
        width:100%!important;
    }
    .footer2anchor,.footer2text {
        display:block;
        clear:both;
        height:20px;
        background:#000!important;
    }
    .footer2anchor,.footer2col p {
        float:none!important;
        text-align:center;
        line-height:16px;
        background:#000!important;
        width:100%;
        display:table;
        clear:both;
    }
}

@media (max-width:768px) {
    .footerlanguage {
        width:100%;
    }
    .socialicon ul li {
        width:inherit!important;
        min-height:40px;
        float:none;
        display:inline-block;
    }
    .bottomenuitems ul li {
        margin:0 10px 10px 10px!important;
        float:none!important;
        display:inline-block!important;
    }
    .bottomenuitems ul {
        display:table!important;
        text-align:center!important;
    }
    .bottomenuitems ul li a {
        margin:0;
    }
}

@media (max-width:668px) {
    .userlogstatus {
        width:100px!important;
    }
    .venturelogo a {
        width:200px!important;
        background-size:165px!important;
        background-position:0 0px!important;
    }
    .subscibe-box {
        padding:20px 10px!important;
        box-sizing:border-box;
    }
    .subscibe-lhs h4,.subscibe-lhs p {
        text-align:center;
    }
    .subscibe-rhs form {
        margin-top:30px!important;
    }
    .subscibe-lhs,.subscibe-rhs {
        width:100%;
        margin:0;
        display:inline;
        text-align:left;
    }
    .subscibe-rhs form input {
        border-radius:0!important;
        display:inline!important;
        width:100%!important;
        margin:0 0 10px!important;
        min-height:45px!important;
        float:left!important;
    }
    .subscibe-rhs form button {
        display:block;
        vertical-align:top;
        min-height:45px;
        margin:0 auto;
        width:100%;
    }
}

@media (max-width:480px) {
    .userlogstatus {
        width:100px;
    }
    .cloudasposeurl {
        display:none;
        margin:15px 0 0 0;
    }
}

@media (max-width:350px) {
    .cloudasposeurl {
        display:none!important;
    }
    .userlogstatus {
        width:75px!important;
    }
}

@media (max-width:320px) {
    .venturelogo a {
        width:165px!important;
        background-size:165px!important;
        background-position:0 0px!important;
    }
    .userlogstatus {
        width:80px!important;
    }
}

/* Hamburger menu transitions */
.topbutton .icon-bar:nth-child(2) {
    transform:rotate(45deg);
    padding-left:10px;
    left:0;
    top:5px;
    transition:.3s all ease-in-out;
}

.topbutton .icon-bar:nth-child(3) {
    display:none;
}

.topbutton .icon-bar:nth-child(4) {
    transform:rotate(-45deg);
    padding-right:10px;
    left:0;
    transition:.3s all ease-in-out;
    margin-top:-2px;
}

/* Mobile menu positioning */
@media (max-width:1024px) {
    .menuitems {
        right:inherit!important;
        left:0!important;
    }
    .topheader .menuitems {
        display:block!important;
        transition:.5s all ease-in-out;
        left:-300px!important;
        background:#222;
    }
    .topheader.topbutton .menuitems {
        display:block!important;
        transition:.5s all ease-in-out;
        left:0!important;
    }
}