/* 8.x Template ti_base_project.css */

/* normalize.css v6.0.0 expected! https://github.com/necolas/normalize.css/blob/6.0.0/normalize.css */

/* hover effects */
@media all {

    a:not(.btn):focus,
    a:not(.btn):hover,
    a:not(.nav-toggle-link):focus{
        background-color: #ffa904;
        color: rgb(255,255,255);
    }
    .rc-link:hover::after{
        color:#333;
    }
    .ce-media a:hover,.ce-media a:focus{
        background-color:transparent;
    }
    a.rc-link:hover,
    a.rc-link:focus{
        background-color:#fff;
    }
    
    .mm-navbar .mm-title:not(.btn):focus, .mm-navbar .mm-title:not(.btn):hover,.mm-navbar .mm-title:not(.btn):active{
        background-color:transparent;
        color:#333;
    }
    .mm-menu .mm-navbar a, .mm-menu .mm-listview a, .mm-menu .mm-navbar > *{
        color:#333;
    }
    .mm-menu .mm-navbar a:not(.mm-title), .mm-menu .mm-listview a:hover, .mm-menu .mm-navbar > *{
        color:#fff;
    }
    .mm-listview li{
        padding:0;
    }
    .mm-listview li a {
        padding:0.75rem 1rem;
    }
    .rc-nav-enabled .item:focus,
    .rc-nav-enabled .item:hover {
        color: inherit;
        background: inherit;
    }

    .ce-media img {
        transition: opacity 0.25s ease-in-out;
    }

    .ce-teaserlink-outer .ce-media-caption { position:relative; }

    .ce-teaserlink-link:focus,
    .ce-teaserlink-link:hover { background: rgba(255,255,255,0.25);}

    .ce-media a:hover {
        opacity: .75;
    }

}

/* mobile - xsmall */
@media all {

    body:after { /* http://adactio.com/journal/5429/ */
        content: 'rc-xsmall';
        display: none;
    }
    head { font-family: 'rc-xsmall'; }

    .hide-xsmall,
    .show-small,
    .show-medium,
    .show-large,
    .show-xlarge,
    .show-xxlarge { display: none; }

    .show-xsmall { display: block; }

    .sf-menu > li.sfHover > a:not(.btn):focus,
    .sf-menu > li.sfHover > a:not(.btn):hover ,
    .sf-menu > li:hover > a:not(.btn):focus,
    .sf-menu > li:hover:not(.sf-sub) > a:not(.btn):hover,
    .sf-menu > li > a:focus{
        background-color: #ffa904;
        color: rgb(255,255,255);
        border-radius: 5rem;
    }
    .mm-panels .sf-menu > li.sfHover > a:not(.btn):focus,
    .mm-panels .sf-menu > li.sfHover > a:not(.btn):hover ,
    .mm-panels .sf-menu > li:hover > a:not(.btn):focus,
    .mm-panels .sf-menu > li:hover:not(.sf-sub) > a:not(.btn):hover {
        border-radius:0;
    }
    .sf-menu .sf-sub li:hover{
        background-color: #ffa904;
    }
    .sf-menu .sf-sub .item{
        transition:none;
    }
    .mm-listview li:hover > a:not(.btn):hover{
        border-radius:0;
    }

    .sf-menu .sf-has-sub.sfHover > .sf-sub ,
    .sf-menu .sf-has-sub:hover > .sf-sub { 
        box-shadow: 0 .5em 1.5em rgba(0, 0, 0, .1);
        z-index: 5;
    }

    /* hide/toggle/show stuff */
    .js .page-header-searchbox {
        display: none;
    }

    .js .page-rollover-searchbox {
        display: flex;
    }

    .no-js .search-link,
    .js .search-toggle-inner { display: flex; }
    .js .search-link {display: none; }
    
    .ce-frame-teaser_shop .ce-header a:not(.btn):hover,
    .ce-frame-teaser_shop .ce-header a:not(.btn):focus,
    .ce-frame-teaser_shop .ce-header a:not(.rc-link):focus{
        color:#ffa904;
        background:transparent;
    }
}

/* mobile - small */
@media all and (min-width: 30em) { /* ~ 480px */
    .ce-frame-teaser_shop .ce-teaserlink-outer:hover a{
        color:#ffa904;
        background:transparent;
    }
    
    .ce-frame-teaser_shop .ce-teaserlink-outer:hover .news-more-link{
        background-color:rgba(75,75,75,1);
        color:#fff;
    }
    .ce-frame-teaser_shop .ce-teaserlink-outer:hover .ce-media a{
        opacity:.75;
    }
    body:after {
        content: 'rc-small';
        display: none;
    }
    head { font-family: 'rc-small'; }

    .show-xsmall { display: none; }
    .hide-xsmall { display: block; }

    .show-small { display: block; }
    .hide-small { display: none; }

}

/* tablet + print - medium */
@media all and (min-width: 47.5em), print { /* ~ 760px */
    body:after {
        content: 'rc-medium';
        display: none;
    }
    head { font-family: 'rc-medium'; }

    .show-small { display: none; }
    .hide-small { display: block; }

    .show-medium { display: block; }
    .hide-medium { display: none; }

}

/* desktop */
@media all and (min-width: 62.5em) { /* ~ 1000px */

    body:after {
        content: 'rc-large';
        display: none;
    }
    head { font-family: 'rc-large'; }

    .show-medium { display: none; }
    .hide-medium { display: block; }

    .show-large { display: block; }
    .hide-large { display: none; }

    /* hide/toggle/show stuff */
    
    .no-js .search-link {display: none; }

    .slick-pause {
        background: rgba(0,0,0,.25);
    }

    .sf-menu > .current > .item, 
    .sf-menu > .active > .item {
        background-color: #ffa904;
        border-color: transparent;
        color: #fff;
        border-radius: 5rem;
    }
}

/* desktop - xlarge */
@media all and (min-width: 82.5em) {

    body:after {
        content: 'rc-xlarge';
        display: none;
    }
    head { font-family: 'rc-xlarge'; }

    .show-large { display: none; }
    .hide-large { display: block; }

    .show-xlarge { display: block; }
    .hide-xlarge { display: none; }

}

/* xxlarge */
@media all and (min-width: 90em) {

    body:after {
        content: 'rc-xxlarge';
        display: none;
    }
    head { font-family: 'rc-xxlarge'; }

    .show-xlarge { display: none; }
    .hide-xlarge { display: block; }

    .show-xxlarge { display: block; }
    .hide-xxlarge { display: none; }

}

/* print */
@media print {

    html, body, a { font-size: 10pt !important; }

    h2, h3 {
        page-break-after: avoid;
    }

    table, ol, ul, figure, img {
        page-break-inside: avoid;
    }

    a {
        font-size: 10pt !important;
        position:static !important;
        overflow: visible !important;
        padding-left: 0 !important;
    }
    a::before {
        content: none !important;
    }
    .ce-bodytext a {
        text-decoration: none;
    }

    .ce-bodytext a[href^=http]::after {
        content:" [" attr(href) "] ";
        font-size: 8pt !important;
    }

    .print-only { display: block; }

    .stage,
    .totoplink,
    .topnav,
    .searchbox,
    .mainnav,
    .subnav,
    .footernav,
    .footer {
        display: none !important;
    }

}