/* 8.x Template ti_base_lyso2021.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 {
        text-decoration: underline;
        text-decoration-thickness: 2px;
    }

}

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

    .logout-toggle {
       display: none;
    }
    .user-loggedin .login-toggle { display: none; }
    .user-loggedin .logout-toggle { display: block; }

    [tabindex],
    a[href],
    area[href],
    button,
    details,
    input,
    iframe,
    select,
    textarea {
        scroll-margin-top: calc(5.5rem + 1.5rem) ;
        scroll-margin-bottom: 3.75rem;
    }
}

/* mobile - small */
@media all and (min-width: 22em) {
    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: flex;
    }

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

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

    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: 108.875em) {

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

}
