/* 8.x Template ti_base_vpak.css */

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

/* hover effects */
@media all {

    *:focus {
        outline-color: rgb(174,18,37) !important;
    }

    a:not(.btn):focus,
    a:not(.btn):hover ,
    .sf-menu > li:hover > .item:hover,
    .sf-menu > .sfHover > .item:hover ,
    a.cc-btn:not(.btn):focus,
    a.cc-btn:not(.btn):hover {
        color: rgb(255,255,255);
        background-color: rgb(174,19,32);
        text-decoration: none;
    }

    a.mm-tabstart:not(.btn):hover {
        background-color: transparent;
    }

    .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;
    }

    .slick-dots button:hover ,
    .slick-dots button:focus {
        opacity: 1;
    }

}

/* 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; }

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

    .js .page-rollover-searchbox[aria-expanded="true"] {
        display: flex;
    }

    .no-js .search-link,
    .js .search-toggle-inner { display: flex; }
    .js .search-link {display: none; }

}

/* mobile - small */
@media all and (min-width: 30em) { /* ~ 480px */
    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 */
    .js .page-header-searchbox {
        display: block;
    }
    .no-js .search-link {display: none; }

    .page-header .search-toggle,
    .page-header .search-close {
        display: none;
    }

    .ce-frame-show-mobile {
        display: none;
    }

    .page-modifier-home .news-list-teaser .ce-media {
        background-color: rgb(237,237,237);
    }

    .page-modifier-home .news-list-teaser .ce-media img {
        max-height: calc((100vw - 10rem) / 3);
        margin: 0 auto;
        position: relative;
        display: block;
        overflow: hidden;
    }
}

/* 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; }

}

/* desktop fullsize */
@media (min-width: 92.5em) {

    .page-modifier-home .news-list-teaser .ce-media img {
        max-height: calc((112.5rem / 3) - 10rem);
    }

}

/* 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;
        overflow: visible !important;
    }
    a::before {
        content: none !important;
    }

    .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;
    }

}
