﻿/*  
---------------------------------------------------
Header large screens 01
---------------------------------------------------  
*/

body.header-01-lg header#site-header .row::before {
    content: "";
    order: 3;
}

html[dir="ltr"] body.header-01-lg header#site-header .row::before {
    margin-left: auto;
}

html[dir="rtl"] body.header-01-lg header#site-header .row::before {
    margin-right: auto;
}

/* Logo */
body.header-01-lg header#site-header #logo {
    order: 1;
    align-self: start;
}

/* Main Navigation */
body.header-01-lg header#site-header nav.main {
    order: 2;
}

    html.no-touch body.header-01-lg header#site-header nav.main ul li:not(.active):hover > span::before,
    body.header-01-lg header#site-header nav.main ul li:not(.active):focus > span::before,
    body.header-01-lg header#site-header nav.main ul li:not(.active):active > span::before,
    body.header-01-lg header#site-header nav.main ul li:not(.active).open-child > span::before {
        background: rgba(var(--navigation-dropdown-color1), 1);
    }

    body.header-01-lg header#site-header nav.main ul li:not(.active):focus-within > span::before {
        background: rgba(var(--navigation-dropdown-color1), 1);
    }

    body.header-01-lg header#site-header nav.main ul li.active > span::before {
        background: rgba(var(--navigation-dropdown-color1), 1);
    }

    body.header-01-lg header#site-header nav.main > ul > li > span::before {
        top: 0;
        right: 0;
        left: 0;
        max-height: 0;
        border-radius: 0;
    }

    body.header-01-lg header#site-header nav.main > ul > li:hover > span::before,
    body.header-01-lg header#site-header nav.main > ul > li:focus > span::before,
    body.header-01-lg header#site-header nav.main > ul > li:active > span::before,
    body.header-01-lg header#site-header nav.main > ul > li.active > span::before,
    body.header-01-lg header#site-header nav.main > ul > li.open-child > span::before {
        max-height: var(--nav-main-height);
        height: var(--nav-main-height);
    }

    body.header-01-lg header#site-header nav.main > ul > li.active > span::before {
        max-height: var(--nav-main-height);
        height: var(--nav-main-height);
        opacity: 1;
    }

    body.header-01-lg header#site-header nav.main > ul > li:focus-within > span::before {
        max-height: var(--nav-main-height);
        height: var(--nav-main-height);
    }

    body.header-01-lg header#site-header .has-child > .expand-subpages,
    body.header-01-lg header#site-header nav.main ul li.has-child > span::after {
        width: 30px;
    }

html[dir="ltr"] body.header-01-lg header#site-header nav.main > ul > li.has-child > span > a {
    padding-right: 30px;
}

html[dir="rtl"] body.header-01-lg header#site-header nav.main > ul > li.has-child > span > a {
    padding-left: 30px;
}

/* Main Navigation - Dropdowns */
body.header-01-lg header#site-header nav.main ul > li > ul {
    top: calc(var(--nav-main-height) - 7px);
}

html[dir="ltr"] body.header-01-lg header#site-header nav.main ul > li > ul {
    border-top-left-radius: 0;
}

html[dir="rtl"] body.header-01-lg header#site-header nav.main ul > li > ul {
    border-top-right-radius: 0;
}

html.no-touch body.header-01-lg header#site-header nav.main ul > li:hover > ul,
body.header-01-lg header#site-header nav.main ul > li.open-child > ul {
    top: var(--nav-main-height);
}

body.header-01-lg header#site-header nav.main ul ul > li > ul {
    top: -7px;
}

html.no-touch body.header-01-lg header#site-header nav.main ul ul > li:hover > ul,
body.header-01-lg header#site-header nav.main ul ul > li.open-child > ul {
    top: 0;
}

/* Secondary Navigation */
body.header-01-lg header#site-header nav.secondary {
    order: 3;
}

html[dir="ltr"] body.header-01-lg header#site-header nav.secondary {
    margin-right: calc(var(--base-half-spacing) - 10px);
}

html[dir="rtl"] body.header-01-lg header#site-header nav.secondary {
    margin-left: calc(var(--base-half-spacing) - 10px);
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
    top: calc(var(--nav-main-height) - 2px) !important;
}

html[dir="ltr"] body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

html[dir="rtl"] body.header-01-lg header#site-header nav.secondary ul li.dropdown .dropdown-menu {
    left: 0 !important;
    right: auto !important;
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown > a > span {
    display: none;
}

body.header-01-lg header#site-header nav.secondary ul li.dropdown > a > i {
    top: 2px;
    font-size: 125%;
}

/* Shopping Cart */
body.header-01-lg header#site-header nav.shopping-cart {
    order: 4;
}

html[dir="ltr"] body.header-01-lg header#site-header nav.shopping-cart {
    margin-right: var(--base-half-spacing);
}

html[dir="rtl"] body.header-01-lg header#site-header nav.shopping-cart {
    margin-left: var(--base-half-spacing);
}

/* CTA Navigation */
body.header-01-lg header#site-header nav.cta-links {
    order: 5;
}

html[dir="ltr"] body.header-01-lg header#site-header nav.cta-links {
    margin-right: var(--base-half-spacing);
}

html[dir="rtl"] body.header-01-lg header#site-header nav.cta-links {
    margin-left: var(--base-half-spacing);
}

/* Site Search */
body.header-01-lg header#site-header .site-search {
    order: 6;
}

html[dir="ltr"] body.header-01-lg header#site-header .site-search {
    margin-right: var(--base-half-spacing);
}

html[dir="rtl"] body.header-01-lg header#site-header .site-search {
    margin-left: var(--base-half-spacing);
}

html[dir="ltr"] body.header-01-lg header#site-header .site-search form {
    right: 30px;
}

html[dir="rtl"] body.header-01-lg header#site-header .site-search form {
    left: 30px;
}

@media (min-width:1279px) {

    body.header-01-lg header#site-header nav.main {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
}



/* Mega menu - Modal links inside Main Navigation */

body.main-nav_mega-modal.header-01-lg.mega-menu-modal #site {
	padding-top: var(--large-header);
}

body.main-nav_mega-modal.header-01-lg.mega-menu-modal header#site-header {
	position: fixed;
	z-index: 1054;
}

body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal-backdrop,
body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal {
	padding-top: 0;
	top: var(--large-header);
	height: calc(100% - var(--large-header)); 
}

body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal .modal-dialog {
	padding: 0;
	width: 100%;
	max-width: 100%;
}

/* Max width */
body.main-nav_mega-modal.header-01-lg.max-width.mega-menu-modal header#site-header,
body.main-nav_mega-modal.header-01-lg.max-width.mega-menu-modal .modal .modal-dialog {
	max-width: calc(var(--site-max-width) - var(--site-spacing_lg) - var(--site-spacing_lg));
}

body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal .modal-dialog.modal-dialog-centered {
	align-items: start;
}

/* Close button hidden */
body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal .close,
body.main-nav_mega-modal.header-01-lg.mega-menu-modal .modal::before {
	top:var(--large-header); 
}
