/* Styles to update the nav to the post-CDS design 
 * v1.0.1
 */

/* from g01.css */
html .g01_options-option {
    color: #767676;
}

/* from g02.css */
html .g02_list_item:after {
    font-size: 11px;
    top: auto;
}

/* from g04.css */
html .masthead-v2 {
    height: 65px;
}

html .g04 {
    border-bottom: 1px solid #d82435;
}

html .g04 .megamenu a {
    color: #222;
}

html .no-touch .g04 .megamenu-tab:hover .megamenu-title a {
    color: #767676;
    text-decoration: none;
}

html .g04 .megamenu.open > ul,
html .g04 .current-menu {
    top: 65px;
}

html .g04 .n03-sub_table > .megamenu-cta:last-child .n03-sub_cell:first-child {
    box-sizing: border-box;
}

html .g04 .megamenu-cta .reverse h5,
html .g04 .megamenu-cta .reverse p {
    color: #fff;
}

@media (min-width: 60em) {
    html .masthead-v2 {
        height: 88px;
    }
    
    html .g04 {
       height: 87px;
    }
    
    html .g04 .language-and-search {
        height: 26px;
    }
    
    html .g04 .language,
    html .g04 .search {
        line-height: 25px;
    }
    
    html .g04 .language span:after {
        font-size: 11px;
    }
    
    html .g04 .search .option-search:after {
        font-size: 11px;
        color: #999;
    }
    
    html .g04 .logo img {
        width: 162px;
        top: 2px;
        padding: 0;
    }
    
    html .g04 .megamenu,
    html .g04 .logo-and-megamenu .megamenu  ul,
    html .g04 .megamenu li {
        display: block;
    }
    
    html .g04 .megamenu {
        margin: 0;
    }
    /* TODO: may need another class for the first one */
    html .g04 .megamenu-list .n03-sub_title,
    html .g04 .megamenu-cta h5,
    html .g04 .n03-sub_cell li a:hover {
        color: #d82435;
    }
    
    html .g04 .megamenu .megamenu-tab,
    html .g04 .megamenu.open .megamenu-tab {
        line-height: 61px;
    }
    
    html .no-touch .g04 .megamenu-tab:hover > .parsys {
        line-height: 1.58;
    }
    
    html .no-touch .g04 .megamenu-tab:hover .megamenu-title:after {
        top: 62px;
    }
    
    html .g04 .megamenu-title {
        font-size: 15px;
        padding: 0;
        vertical-align: middle;
    }
    html .g04 .n03-sub_title,
    html .g04 .megamenu-cta h5 {
        padding-bottom: 15px;
        font-family: "MontserratLight",Arial,Helvetica,sans-serif;
        font-size: 20px;
        margin: 0;
        line-height: 1;
    }
    html .g04 .n03-sub_cell ul {
        padding-left: 10px;
    }
    html .g04 .n03-sub_cell li,
    html .g04 .megamenu-cta p {
        display: block;
        font-family: "MontserratLight",Arial,Helvetica,sans-serif;
        font-size: 15px;
    }
    
    html .g04 .n03-sub_cell li:last-child {
        padding-bottom: 0;
    }
    
    html .g04 .megamenu .n03_list-item-sub {
        border: 1px solid #222;
        border-top: 0;
        top: 62px;
    }
    
    html .megamenus .n03_list-item-sub .view-all-bar a {
        color: #fff;
    }
    
    .n03_list-item-sub .view-all-bar {
        line-height: 1.58;
    }
    
    html .g04 .n03-sub_container {
        padding: 40px 0;
    }
    
    html .g04 .col-wrap {
        display: flex;
    }
    
    html .g04 .n03-sub_container[data-columns='3'] .n03-sub_cell {
        width: calc(33.33% - 60px);
    }
    html .g04 .n03-sub_container .col-wrap .n03-sub_cell:first-child {
       margin-left: 30px;
    }
    html .g04 .n03-sub_container[data-columns='2'] .n03-sub_cell {
        width: calc(50% - 60px);
    }
    html .g04 .n03-sub_container[data-columns='1'] .n03-sub_cell {
        width: 100%;
    }
    
    html .g04 .separator {
        border-right: 1px solid #d2d2d2;
        margin: 0 30px;
        display: inline-block;
    }
    
    html .g04 .separator:last-child {
       margin-right: 0;
       z-index: 2;
    }
    
    html .g04 .separator.disabled {
       border-right-color: transparent;
    }
    
    html .g04 .n03-sub_title:after,
    html .g04 .megamenu-cta h5:after {
        border-bottom: none;
        margin-top: 0;
    }
    
    html .g04 .n03_list-item-sub.has-outer-cta > .megamenu-cta {
        padding: 0;
    }
    
    html .g04 .n03_list-item-sub.has-outer-cta > .n03-sub_container[data-columns='2'] + .megamenu-cta {
        width: 33.33%;
    }
    
    html .g04 .n03_list-item-sub.has-outer-cta .n03-sub_container[data-columns='2'] {
        width: 66.8%;
    }
    
    html .g04 .n03-sub_table > .megamenu-cta:last-child {
        padding: 24px 0 31px 0;
        left: auto;
    }
    
    html .g04 .has-outer-cta > .megamenu-cta .n03-sub_cell {
        padding: 40px 30px;
        box-sizing: border-box;
        height: 100%;
    }
    
    html.no-touch .g04 .megamenu-tab:hover .megamenu-title:after {
        top: auto;
    }
}

/* from n03.css */
@media (min-width: 35em) {
    html .n03-sub_table > .megamenu-cta:last-child .n03-sub_cell:first-child {
        padding-left: 30px;
    }
}

/* from uc-he01.css */
@media (min-width: 54em) {
    html .uc-he01 {
        height: 500px;
    }
    html h2.uc-he01_title {
        font-size: 46px;
    }
}

html .uc-he01_container,
html .uc-he01_sc_text {
    position: static;
}

html .uc-he01-btn {
    position: absolute;
    width: 100%;
    margin: 0 auto;
    bottom: 200px;
    left: 0;
}
html .uc-he01-btn .btn {
    margin-bottom: 0;
}

html h2.uc-he01_title {
    margin-bottom: 38px;
    font-family: MontserratThin, Arial, Helvetica, sans-serif !important;
}

html h3.uc-he01_title {
    font-family: MontserratLight, Arial, Helvetica, sans-serif !important;
}

html h2.uc-he01_title:after {
    border: none;
    margin: 0;
}

html .uc-he01_sc_s {
    position: absolute;
    height: 100%;
    box-sizing: border-box;
}

html .uc-he01_c_container {
    bottom: 25px;
    z-index: 10;
}

html .uc-he01_sc_s.is-active {
    z-index: 9;
}