@charset "utf-8";
/* CSS Document */


#header-wrapper .navigation {
    bottom:1rem;
    position:absolute;
    right:1rem;
}

/* tier 1 */

.navigation > ul {margin:0; padding:0;}
.navigation > ul > li {display:inline-block; position:relative; list-style:none;}
.navigation > ul > li.selected {
    background-color: rgb(231,23,46)!important;
    color:#fff;
    line-height:1;
    transition:filter 0.15s ease-in-out;
    margin-left:1em;
    margin-right:1em;
}
.navigation > ul > li.selected:before,
.navigation > ul > li.selected:after {
    content:'';
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    display:block; 
    width:1.5em; 
    height:1.5em;
    margin-top:-0.75em;
}
.navigation > ul > li.selected:before {
    background-image:url(/theme/olc/images/bg/btn-2-left.svg);
    background-position:right center;
    right:100%;
}
.navigation > ul > li.selected:after {
    background-image:url(/theme/olc/images/bg/btn-2-right.svg);
    background-position:left center;
    left:100%;
}

.navigation > ul > li:hover {
    background-color: rgba(33,37,41,0.9)!important;
    color:#fff;
    line-height:1;
    transition:filter 0.15s ease-in-out;
    margin-left:1em;
    margin-right:1em;
}
.navigation > ul > li:hover:before,
.navigation > ul > li:hover:after {
    content:'';
    background-size:contain;
    background-repeat:no-repeat;
    position:absolute;
    top:50%;
    display:block; 
    width:1.5em; 
    height:1.5em;
    margin-top:-0.75em;
}
.navigation > ul > li:hover:before {
    background-image:url(/theme/olc/images/bg/btn-2-left-dark.svg);
    background-position:right center;
    right:100%;
    opacity:0.9;
}
.navigation > ul > li:hover:after {
    background-image:url(/theme/olc/images/bg/btn-2-right-dark.svg);
    background-position:left center;
    left:100%;
    opacity:0.9;
}

.navigation > ul > li.selected:hover {
    color:#fff;
    filter:brightness(0.85);
}

.navigation > ul > li > a {display:block; padding:0.25rem 0.5rem; color:#222; text-decoration:none;}
.navigation > ul > li.selected > a {color:#fff;}
.navigation > ul > li:hover > a {color:#fff;}

/* tier 2 */

.navigation > ul > li > ul {position:absolute; top:100%; right:0; width:300px; display:none; margin:0; padding-top:0.25rem;}
.navigation > ul > li > ul {margin-right:-1em;}
.navigation > ul > li:hover > ul {display:block;}
.navigation > ul > li > ul > li {list-style:none; padding-left:1rem; padding-right:0.5rem; background-color:rgba(33,37,41,0.9);}
/*.navigation > ul > li > ul > li:first-child {padding-top:0.5rem;}
.navigation > ul > li > ul > li:last-child {padding-bottom:0.5rem;}*/
.navigation > ul > li > ul:before,
.navigation > ul > li > ul:after {content:''; display:block; width:100%; height:0.5rem; background-color:rgba(33,37,41,0.9);}
.navigation > ul > li > ul > li > a {display:block; padding:0.25rem 0.5rem; line-height:1; color:#fff; text-decoration:none; margin-left:0.5rem;}
.navigation > ul > li > ul > li > a:hover {background-color:#000;}
.navigation > ul > li > ul > li.selected > a {background-color:#e7172e;}
.navigation > ul > li > ul > li.selected > a:hover {background-color:#000;}

/* tier 3 */
.navigation > ul > li > ul > li > ul {display:none; margin:0; padding:0; margin-top:3px;}
.navigation > ul > li > ul > li:hover > ul {display:block;}
.js .navigation > ul > li > ul > li:hover > ul {display:none;}
.navigation > ul > li > ul > li > ul > li {list-style:none; padding-left:1rem;}
.navigation > ul > li > ul > li > ul > li > a {display:block; padding:0.25rem 0.5rem; line-height:1; color:#fff; text-decoration:none; margin-left:0.5rem;}
.navigation > ul > li > ul > li > ul > li > a:hover {background-color:#000;}
.navigation > ul > li > ul > li > ul > li.selected > a {background-color:#e7172e;}
.navigation > ul > li > ul > li > ul > li.selected > a:hover {background-color:#000;}

/* tier 4 */
.navigation > ul > li > ul > li > ul > li > ul {display:none; margin:0; padding:0; margin-top:3px;}
.navigation > ul > li > ul > li > ul > li:hover > ul {display:block;}
.js .navigation > ul > li > ul > li > ul > li:hover > ul {display:none;}
.navigation > ul > li > ul > li > ul > li > ul > li {list-style:none; padding-left:1rem;}
.navigation > ul > li > ul > li > ul > li > ul > li > a {display:block; padding:0.25rem 0.5rem; line-height:1; color:#fff; text-decoration:none; margin-left:0.5rem;}
.navigation > ul > li > ul > li > ul > li > ul > li > a:hover {background-color:#000;}
.navigation > ul > li > ul > li > ul > li > ul > li.selected > a {background-color:#e7172e;}
.navigation > ul > li > ul > li > ul > li > ul > li.selected > a:hover {background-color:#000;}

/* .expandable */
.tier2 .expandable {position:relative;}
.tier2 .expandable .expand-trigger,
.tier2 .expandable .collapse-trigger {position:absolute; display:none; top:0; left:0; width:1rem; height:1rem; background:none; border:0;}
.tier2 .expandable .expand-trigger {top:0.35rem;}
.tier2 .expandable .collapse-trigger {left:0.35rem;}
.tier2 .expandable .expand-trigger:after,
.tier2 .expandable .collapse-trigger:after {content:''; display:block; height:0.75rem; width:0.75rem; border:0; border-top:solid 2px rgb(231,23,46); border-left:solid 2px rgb(231,23,46);}
.tier2 .expandable .expand-trigger:after {transform:rotate(135deg);}
.tier2 .expandable .collapse-trigger:after {transform:rotate(225deg);}

/*.tier2 .expandable .expand-trigger:after,
.tier2 .expandable .collapse-trigger:after {position:absolute; left:0; top:0; width:100%; height:100%; line-height:1rem; font-weight:700;}
.tier2 .expandable .expand-trigger {background-color:rgb(231,23,46);}
.tier2 .expandable .expand-trigger:after {content:'\002B';}
.tier2 .expandable .collapse-trigger {background-color:rgb(222,213,0);}
.tier2 .expandable .collapse-trigger:after {content:'\2212';}*/
.tier2 .expandable .expand-trigger.is-shown,
.tier2 .expandable .collapse-trigger.is-shown {display:block;}

#footer-wrapper .navigation {position:absolute; right:1rem; top:1rem;}
#footer-wrapper .navigation > ul > li > ul {height:500px; overflow-y:auto;}
#footer-wrapper .navigation > ul > li > a {color:#fff;}