/* 8.x Template ti_base_wc.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 {
        color: rgb(16, 0, 104);
    }

    .page-footer-top a:not(.btn):focus,
    .page-footer-top a:not(.btn):hover {
        color: rgb(229, 238, 255);
    }

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

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

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

    .totoplink:hover {
        color: rgb(255, 255, 255);
    }

    .nav-toggle-link:hover {
        color: rgb(16, 0, 104);
    }
}

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

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

}

/* visual print fix */
@media print {

    .ce-element img[data-sizes="auto"].lazyload {
        display: block !important;
        opacity: 1 !important;
    }

    html,
    body {
        color-adjust: exact;
        -webkit-print-color-adjust: exact;
    }

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

    .page-header,
    .page-header-sticky .page-header {
        padding: 2.5rem 0;
        position: relative;
    }

    .page-header-sticky {
        padding-top: 0;
    }

    .ce-media {
        background-color: rgb(222, 222, 222);
    }

    .ce-media img,
    .ce-media img[src$="svg"] {
        max-width: 50%;
        margin: 0 auto;
    }

    .ce-frame-inverted>div:not(.ce-header) {
        background-color: rgb(242, 242, 242);
    }

    .timeline .ce-element.animated {
        opacity: 1;
    }

    .page-header-sticky .page-header::after,
    .ce-layout-mediaprint,
    .menu-wrapper,
    .js .ce-grid-bg.lazyloaded,
    .page-footer-bottom {
        display: none !important;
        ;
    }

    .ce-element.ce-accordeon {
        page-break-before: avoid;
    }

    .ce-accordeon .rc-container-enabled {
        display: block !important;
        page-break-before: avoid;
    }

    .timeline__content {
        padding: 1rem;
    }

    .timeline .ce-header>*:first-child::before {
        left: -1rem;
        top: -1rem;
        bottom: -1rem;
        right: -1rem;
    }

    .timeline .ce-element {
        position: relative !important;
        left: 2.5rem;
        width: 100%;
        width: calc(100% - 2.5rem);
        margin: 0 !important;
        padding: 0 !important;
    }

    .timeline .ce-element+.ce-element {
        margin-top: -0.3125rem !important;
        margin-top: -0.3125rem !important;
        margin-top: calc(-1px - 0.3125rem) !important;
    }

    .timeline:not(.timeline--horizontal)::before {
        left: .75rem;
        z-index: -1;
    }

    .timeline .ce-element::after {
        left: -2.5rem;
        z-index: 100;
    }

    .timeline__content::before {
        left: -12px;
        border-width: 0.625rem 0.75rem 0.625rem 0;
        border-color: transparent rgb(16, 0, 104) transparent transparent;
    }

    /* set background colors */

    .page-stage p,
    .timeline__items .ce-frame-invertedBlue .timeline__content,
    .ce-frame-invertedBlue b,
    .ce-frame-invertedBlue strong,
    .ce-frame-invertedBlue dt,
    .ce-frame-invertedBlue>div:not(.ce-header):not(.timeline__item__inner),
    .timeline .ce-header> :first-child,
    .timeline .ce-header> :first-child::before,
    .page-footer-top {
        color: rgb(51, 51, 51);
        background-color: rgb(242, 242, 242);
    }


}