﻿/* ------------------------------ */
/* STANDARD VARIABLES  STYLES */
/* calculator logic:*/
/* at with of 320 font size of 12 */
/* at with of 1600 font size of 20 */
/* ------------------------------ */
@media all {
    :root {
        /* fonts */
        --font-0:poppins, sans-serif;          /* paragraphs and H tags-titles*/
        --font-1:poppins, sans-serif;       /* special cases (typ home page)*/

        --font-awesome: "Font Awesome 5 Free";      /* only use when using unicode */

        --font-weight-light:300;
        --font-weight-normal:500;
        --font-weight-bold:600;

        --font-size-5S:clamp(0.30rem, calc(0.27rem + 0.14vw), 0.41rem);
        --font-size-4S:clamp(0.36rem, calc(0.32rem + 0.19vw), 0.51rem);
        --font-size-3S:clamp(0.43rem, calc(0.38rem + 0.26vw), 0.64rem);
        --font-size-2S:clamp(0.52rem, calc(0.45rem + 0.35vw), 0.80rem);
        --font-size-1S:clamp(0.63rem, calc(0.53rem + 0.47vw), 1.00rem);
        --font-size-0:clamp(0.75rem, calc(0.63rem + 0.63vw), 1.25rem);
        --font-size-1L:clamp(0.90rem, calc(0.73rem + 0.83vw), 1.56rem);
        --font-size-2L:clamp(1.08rem, calc(0.86rem + 1.09vw), 1.95rem);
        --font-size-3L:clamp(1.30rem, calc(1.01rem + 1.43vw), 2.44rem);
        --font-size-4L:clamp(1.56rem, calc(1.18rem + 1.87vw), 3.05rem);
        --font-size-5L:clamp(1.87rem, calc(1.38rem + 2.44vw), 3.82rem);
        --font-size-6L:clamp(2.25rem, calc(1.75rem + 2.75vw), 4.5rem);

        /* padding and margins */
        --spacing-5S:clamp(0.06rem, calc(0.02rem + 0.23vw), 0.25rem);
        --spacing-4S:clamp(0.13rem, calc(0.08rem + 0.23vw), 0.31rem);
        --spacing-3S:clamp(0.19rem, calc(0.16rem + 0.16vw), 0.31rem);
        --spacing-2S:clamp(0.38rem, calc(0.31rem + 0.31vw), 0.63rem);
        --spacing-1S:clamp(0.56rem, calc(0.47rem + 0.47vw), 0.94rem);
        --spacing-0:clamp(0.75rem, calc(0.63rem + 0.63vw), 1.25rem);
        --spacing-1L:clamp(1.13rem, calc(0.94rem + 0.94vw), 1.88rem);
        --spacing-2L:clamp(1.50rem, calc(1.25rem + 1.25vw), 2.50rem);
        --spacing-3L:clamp(2.25rem, calc(1.88rem + 1.88vw), 3.75rem);
        --spacing-4L:clamp(3.00rem, calc(2.50rem + 2.50vw), 5.00rem);
        --spacing-5L:clamp(4.50rem, calc(3.75rem + 3.75vw), 7.50rem);

        /* colors - branding */
        --color-light-blue:#2a96fc;
        --color-blue:#0084ff;
        --color-dark-blue:#0475df;

        --color-light-navy-blue:#02365c;
        --color-navy-blue:#002744;
        --color-dark-navy-blue:#011a2c;

        --color-light-yellow:#fdcb36;
        --color-yellow:#ffc003;
        --color-dark-yellow:#e5ac03;
        
        --color-light-green:#12df18;
        --color-green:#02b307;
        --color-dark-green:#029606;

        --color-light-red:#fc6a55;
        --color-red:#ff4227;
        --color-dark-red:#eb2509;

        /* color - supporting */
        --color-white:#ffffff;
        --color-black:#000000;

        --color-lighter-gray:#fafafa;
        --color-light-gray:#f7f6f8;
        --color-gray:#f4f0e9;
        --color-dark-gray:#c5c5c5;
        --color-darker-gray:#555555;

        /* color - used for alerts */
        --color-alert-red:#dd4f4f;
        --color-alert-green:#89dd5f;
    }
}

/* ------------------------------ */
/* STANDARD HTML STYLES */
/* ------------------------------ */
@media all {
    /* general CSS */
    * { margin:0px; }
    *, *::before, *::after { box-sizing:border-box; }

    html { font-size:20px; background-color:var(--color-lighter-gray); }
    html, body { width:100%; min-height:100%; padding:0px; z-index:-2; }
    
    html { color:var(--color-black); line-height:1.5; }
    body { position:relative; max-width:1800px; margin:0px auto; font-family:var(--font-0); background-color:var(--color-white); -webkit-font-smoothing:antialiased; }

    hr { background-color:var(--color-light-gray); height:1px; border:0px; }

    a { color:var(--color-red); text-decoration:none; transition:all .5s ease 0s; }
    a:hover,
    a:focus { color:var(--color-black); text-decoration:underline; }

    a[href^="tel:"] { color:var(--color-black); text-decoration:underline; letter-spacing:1px; }
    a[href^="tel:"]:hover,
    a[href^="tel:"]:focus { text-decoration:none; }

    h1 { margin-bottom:var(--spacing-1S); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-4L); line-height:1.2; font-weight:var(--font-weight-bold); letter-spacing:1px; } 
    h2 { margin-bottom:var(--spacing-0); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-3L); line-height:1.2; font-weight:var(--font-weight-bold); letter-spacing:1px; }
    h2:not(:first-of-type) { margin-top:var(--spacing-1L);}

    h3 { margin-top:var(--spacing-1L); margin-bottom:var(--spacing-0); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-1L); line-height:1; font-weight:var(--font-weight-bold); }
    h4 { margin-top:var(--spacing-1L); margin-bottom:var(--spacing-0); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-1L); line-height:1; font-weight:var(--font-weight-bold); }
    h5 { margin-bottom:var(--spacing-2S); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-1L); line-height:1; font-weight:var(--font-weight-bold); }
    h6 { margin-bottom:var(--spacing-2S); color:var(--color-black); font-family:var(--font-0); font-size:var(--font-size-0); line-height:1; font-weight:var(--font-weight-bold); }

    p, h1, h2, h3, h4, h5, h6 { overflow-wrap:break-word; }
    p { margin-bottom:var(--spacing-0); }

    img	{ margin:0px; padding:0px; border:0px; }
    img, picture, video, canvas, svg { display:block; max-width:100%; }

    ul { position:relative; list-style-type:disc; }
    li { position:relative; line-height:1; line-height:1.5;}

    ul.no_bullets,
    ol.no_bullets { padding:0px; list-style:none; }

    ol { margin-bottom:var(--spacing-2L);}
    ol > li { margin-bottom:var(--spacing-1L);}

    /* start inputs */
    input, button, textarea, select { position:relative; font:inherit; }

    input, 
    textarea,
    select { font-size:var(--font-size-1S); background-color:var(--color-white);  -ms-box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; }

    input:not([type='checkbox'], [type='radio']),
    input[type="submit"],
    select,
    textarea { -webkit-appearance:none; -moz-appearance:none; appearance:none; border-radius:5px; }

    input:focus-visible,
    select:focus-visible,
    textarea:focus-visible { outline:none; }

    /* width calculation takes into account padding + border width*/
    input:not([type='checkbox'], [type='radio'], [type='submit'], [type='number'], .input_button),
    select,
    textarea { padding:var(--spacing-2S); width:calc(calc(100% - calc(var(--spacing-2S) * 2)) - 4px); vertical-align:middle; border:2px var(--color-dark-gray) solid; }

    input[disabled='disabled'],
    input[disabled],
    textarea[disabled='disabled'],
    textarea[disabled],
    input[type=text]:read-only { color:var(--color-black); background-color:var(--color-light-gray); border:0px; }

    select { background-size:var(--font-size-0); background-position:right var(--spacing-3S) center; background-repeat:no-repeat; background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"><path d="m480 705 173-173-43-42-130 130-130-130-43 42 173 173Zm0 271q-82 0-155-31.5t-127.5-86Q143 804 111.5 731T80 576q0-83 31.5-156t86-127Q252 239 325 207.5T480 176q83 0 156 31.5T763 293q54 54 85.5 127T880 576q0 82-31.5 155T763 858.5q-54 54.5-127 86T480 976Zm0-60q142 0 241-99.5T820 576q0-142-99-241t-241-99q-141 0-240.5 99T140 576q0 141 99.5 240.5T480 916Zm0-340Z"/></svg>'); }
    select::-ms-expand { display:none; }

    fieldset { border:0px; padding:0px; }
    /* end inputs */

    /* start text */
    .smallest_text { font-size:var(--font-size-3S); }
    .smaller_text { font-size:var(--font-size-2S); }
    .small_text { font-size:var(--font-size-1S); }
    .large_text { font-size:var(--font-size-1L); }
    .larger_text { font-size:var(--font-size-2L); }
    .largest_text { font-size:var(--font-size-3L); }

    .bold_text { font-weight:var(--font-weight-bold); }

    .italic_text { font-style:italic; }

    .uppercase_text { text-transform:uppercase; }
    .no_uppercase { text-transform:none; }
     /* end text */

    /* start controls */
    .control_small_width { width:10% !important; min-width:100px; }
    .control_quarter_width { width:25%  !important; }
    .control_half_width { width:50% !important; }
    .control_three_quarters_width { width:75%  !important; }
    /* end controls */

    /* start buttons */
    .input_button,
    .link_as_button { display:inline-block; padding:var(--spacing-1S) var(--spacing-2L) var(--spacing-2S) var(--spacing-2L); font-size:var(--font-size-2S); font-weight:var(--font-weight-bold); line-height:1; letter-spacing:1px; cursor:pointer; color:var(--color-white); background-color:var(--color-red); border:1px var(--color-red) solid; border-radius:50px; } 

    .input_button:hover,
    .input_button:focus,
    .link_as_button:hover,
    .link_as_button:focus { background:none; font-weight:var(--font-weight-bold); color:var(--color-red); background-color:var(--color-white); }

    .input_button:disabled,
    .link_as_button:disabled { color:var(--color-white); background-color:var(--color-dark-gray); border:1px var(--color-dark-gray) solid; cursor:default; }

    .link_arrow_next { padding-right:var(--spacing-2L); background-repeat:no-repeat; background-size:var(--font-size-1S); background-position:right var(--spacing-0) center; background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"%3E%3Cpath d="m480 896-42-43 247-247H160v-60h525L438 299l42-43 320 320-320 320Z" fill="%23ffffff" /%3E%3C/svg%3E');}
    .link_arrow_previous { padding-left:var(--spacing-2L); background-repeat:no-repeat; background-size:var(--font-size-1S); background-position:left var(--spacing-0) center; background-image:url('data:image/svg+xml;charset=utf-8,%3Csvg xmlns="http://www.w3.org/2000/svg" height="48" viewBox="0 96 960 960" width="48"%3E%3Cpath d="M480 896 160 576l320-320 42 42-248 248h526v60H274l248 248-42 42Z" fill="%23ffffff" /%3E%3C/svg%3E');}

    .white_button {  color:var(--color-black); background-color:var(--color-white); border:1px var(--color-white) solid; }
    .white_button:hover,
    .white_button:focus { color:var(--color-white); background-color:var(--color-black); }

    .blue_button {  color:var(--color-white); background-color:var(--color-blue); border:1px var(--color-blue) solid; }
    .blue_button:hover,
    .blue_button:focus { color:var(--color-blue); background-color:transparent; }

    .black_button {  color:var(--color-white); background-color:var(--color-black); border:1px var(--color-black) solid; }
    .black_button:hover,
    .black_button:focus { color:var(--color-black); background-color:transparent; }

    .transparent_button { background-color:transparent; }
    .blue_button.transparent_button { color:var(--color-blue); }
    .black_button.transparent_button { color:var(--color-black); }

    .input_button,
    a.arrow_button { display: inline-flex; align-items:center; justify-content:space-between; }

    .input_button:not(.slider_button):after,
    a.arrow_button:after { content:'\f061'; margin-left:var(--spacing-2S); padding-bottom:2px; font-family:var(--font-awesome); font-weight:var(--font-weight-bold); }

    /* end buttons */

    /* flex and grid */
    .is_flex { display:flex; align-items:center; gap:var(--spacing-1S); }
    .is_grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:var(--spacing-1S); }

    /* form */
    .form_box { display:grid; grid-template-columns:repeat(2, 1fr); column-gap:var(--spacing-0); row-gap:var(--spacing-1L); }
    .form_box > div { position:relative; }
    .form_box > div.full_row { padding:0px; grid-column:1 / -1 }

    .form_box > div > label,
    .form_box > div > fieldset > legend { display:block; margin-bottom:var(--spacing-3S); font-size:var(--font-size-1S); font-weight:var(--font-weight-bold); }

    .form_box > div .input_error { border-bottom:4px var(--color-alert-red) solid; }

    .form_box > div:focus-within textarea { height:7rem; }

    .form_box > div .form_icon { width:var(--font-size-3S); height:var(--font-size-3S); position:absolute; top:50%; right:var(--spacing-2S); transform:translateY(-50%); pointer-events:none; z-index:2; }
    .form_box > div .form_icon.icon_success { stroke:var(--color-alert-green); }
    .form_box > div .form_icon.icon_error { stroke:var(--color-alert-red); }
    
    .form_box > div .form_error { font-size:0.85rem; color:var(--color-alert-red); }
    
    .form_error_box { color:var(--color-alert-red); }
    /* end form */

    /* start message */
    .message { display:block; border-radius:var(--spacing-2S); }

    .message.error { background-color:var(--color-alert-red); }
    .message.warning { background-color:var(--color-alert-yellow); }
    .message.ok { background-color:var(--color-alert-green); }
    .message.nothing_defined { background-color:var(--color-alert-gray); }

    .message .body { padding:var(--spacing-1S); color:var(--color-white); }
    /* end message */

    /* alignments */
    .left { text-align:left; }
    .right { text-align:right; }
    .center { text-align:center; }
    /* end alignments */

    /*required*/
    .required { position:absolute; padding:var(--spacing-5S); top:-4px; right:0px; color:var(--color-white); font-size:var(--font-size-2S); background:var(--color-red); z-index:1; } 
    /*end required*/

    /* catcpha */
    .catcpha { font-size:1.1rem; letter-spacing:2px; }
    /* end catcpha */

    /* other */
    .hide { display:none; }

    /* used for row with back link on blog pages */
    .back_row { margin-bottom:var(--spacing-1S); padding-bottom:var(--spacing-1S); border-bottom:1px rgba(255,255,255,.4) solid; }
    .back_row a { display: inline-flex; font-weight:var(--font-weight-bold); letter-spacing:2px; align-items:center; justify-content:space-between; }
    .back_row a:before { content:'\f060'; margin-right:var(--spacing-2S); font-family:var(--font-awesome); font-weight:var(--font-weight-bold); }

    /* alert_row */
    .alert_row { text-align:center; }
    .alert_row.weather_alert { color:var(--color-white); background-color:var(--color-dark-red); }
    .alert_row.weather_alert a { color:var(--color-yellow); text-decoration:underline; }
    .alert_row.weather_alert a:hover { text-decoration:none; }

    .alert_row.news_alert { background-color:var(--color-yellow); }
    .alert_row.news_alert a { color:var(--color-blue); text-decoration:underline; }
    .alert_row.news_alert a:hover { text-decoration:none; }

    .alert_row .body { padding:var(--spacing-2S) var(--spacing-2L); }
}

/* ------------------------------ */
/* MAIN BODY ROWS */
/* ------------------------------ */
@media all {
    main { clear:both; }

    .wrapper_row { position:relative; background-color:var(--color-white); }
    .container_row { position:relative; margin:0px auto; width:90%; max-width:1400px; }
    .container_row_content { position:relative; padding:var(--spacing-5L) 0px; }

    .container_row_content.padding_top_bottom_1 { padding-top:var(--spacing-1L); padding-bottom:var(--spacing-1L); }
    .container_row_content.padding_top_bottom_2 { padding-top:var(--spacing-2L); padding-bottom:var(--spacing-2L); }
    .container_row_content.padding_top_bottom_3 { padding-top:var(--spacing-3L); padding-bottom:var(--spacing-3L); }
    .container_row_content.padding_top_bottom_4 { padding-top:var(--spacing-4L); padding-bottom:var(--spacing-4L); }

    .width_400 { max-width:400px; }
    .width_500 { max-width:500px; }
    .width_600 { max-width:600px; }
    .width_800 { max-width:800px; }
    .width_1000 { max-width:1000px; }
    .width_1200 { max-width:1200px; }
    .width_1400 { max-width:1400px; }
    .width_1600 { max-width:1600px; }

    .center_div { margin-right:auto; margin-left:auto; }

    /*-----------------------------*/
    /* HEADER */
    /*-----------------------------*/
    header { position:relative;}
    header .container_row { }
    header .container_row_content { padding:var(--spacing-1S) 0px; display:grid; grid-template-columns:2fr 8fr; align-items:center; gap:var(--spacing-2S); }

    header.scroll { position:fixed; top:0px; right:0px; left:0px; border-bottom:1px var(--color-gray) solid; background-color:var(--color-white); z-index:1000; }

    header .logo a { display:inline-block; width:80%; max-width:150px;  }
    header .logo img { display:block; width:100%; }
    header .logo img:hover { opacity:.8; }

    header a.rd_menu_button { display:none; }

    header nav ul.menu_list { gap:0px; align-items:center; justify-content:end; }

    header nav ul.menu_list li:not(:first-child) { margin-left:var(--spacing-1L); }
    header nav ul.menu_list li.icon { margin-left:var(--spacing-2S); }

    header nav ul.menu_list a { position:relative; display:block; color:var(--color-black); font-size:calc(var(--font-size-2S) * 1.1); font-weight:var(--font-weight-bold); line-height:1;}

    header nav ul.menu_list a.selected,
    header nav ul.menu_list a:hover,
    header nav ul.menu_list a:focus { color:var(--color-red); text-decoration:none; }

    header nav ul.menu_list a:not(.for_school).selected:after {  content:''; display:block; position:absolute; width:80px; height:var(--font-size-2S); bottom:calc(var(--spacing-0) * -1); left:50%; transform:translateX(-50%); background-size:contain; background-repeat:no-repeat; background-image:url(/resources/images/common/other/i_underline_menu.png?v=250424); }

    header nav ul.menu_list a.for_school { margin-bottom:var(--spacing-3S); padding:var(--spacing-2S) var(--spacing-1S) var(--spacing-3S) var(--spacing-1S); color:var(--color-white); font-weight:var(--font-weight-normal); border:1px var(--color-blue) solid; border-radius:50px; background-color:var(--color-blue); }
    header nav ul.menu_list a.for_school:hover,
    header nav ul.menu_list a.for_school:focus{ color:var(--color-red); border:1px var(--color-red) solid; background-color:var(--color-white); }

    header nav ul.menu_list a.accessibility { color:var(--color-red); font-size:var(--font-size-2L); }
    header nav ul.menu_list a.accessibility:hover,
    header nav ul.menu_list a.accessibility:focus{ color:var(--color-blue); }

    /*-----------------------------*/
    /* HERO */
    /*-----------------------------*/
    #hero {color:var(--color-white); }

    #hero .hero_box .body { padding:var(--spacing-3L); }
    
    #hero .hero_box .body h1 { margin:0px; padding:0px; }

    #hero .hero_box .body h1,
    #hero .hero_box .body .title { position:relative; margin-bottom:var(--spacing-2L); color:var(--color-white); font-size:var(--font-size-4L); font-weight:var(--font-weight-bold); line-height:1.2; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.3);}

    #hero .hero_box .body h1:after,
    #hero .hero_box .body .title:after { content:''; display:block; position:absolute; bottom:calc(var(--spacing-0)* -1.2); width:100%; height:var(--font-size-1L); background-size:contain; background-repeat:no-repeat; background-image:url(/resources/images/common/other/i_underline_hero.png?v=250425); }

    #hero .hero_box .body .sub_title { font-size:var(--font-size-1L); }

    /*-----------------------------*/
    /* FOOTER */
    /*-----------------------------*/
    footer { position:relative; background-color:var(--color-black); color:var(--color-white); overflow:hidden; }
    footer .container_row_content { position:relative; padding:var(--spacing-4L) 0px; z-index:2; }

    footer .top .container_row_content { padding-bottom:var(--spacing-0); }

    footer .top h2 { margin-bottom:var(--spacing-0);  font-size:var(--font-size-0); text-transform:uppercase; letter-spacing:2px; }
    footer .top h2:not(:first-of-type) { margin-top:var(--spacing-3L); }

    footer .top .footer_group { margin-bottom:var(--spacing-3L); grid-template-columns:repeat(3, 1fr); gap:var(--spacing-1L); }
        
    footer .top .footer_group ul.social_links { gap:var(--spacing-2S);}
    footer .top .footer_group ul.social_links a {display:inline-block; }
    footer .top .footer_group ul.social_links img { height:var(--font-size-1L); }

    footer .top .footer_group ul.office_list { column-gap:var(--spacing-2L); row-gap:var(--spacing-1S); }

    footer .top .footer_group ul.other_links { grid-template-columns:1fr; gap:var(--spacing-0); }
    footer .top .footer_group ul.other_links a { font-size:var(--font-size-0); font-family:var(--font-1); font-weight:var(--font-weight-bold); text-decoration:none; text-transform:uppercase; letter-spacing:2px; }
        
    footer .top p.disclaimer { font-size:var(--font-size-2S); }

    footer .bottom .container_row_content { padding-top:var(--spacing-2L); padding-bottom:var(--spacing-3L); font-size:var(--font-size-2S); border-top:1px rgba(255, 255, 255, .5) solid;  }

    footer .bottom ul.legal_list { gap:var(--spacing-0); }
    footer .bottom ul.legal_list a { font-size:var(--font-size-2S); }

    footer .legal_row { display:flex; align-items:center; font-size:var(--font-size-2S); }
    footer .legal_row .box { flex-basis:50%; }
    footer .legal_row .legal_links { justify-content:flex-end; gap:var(--spacing-1L); }

    footer .legal_row a { display:inline-block; font-size:var(--font-size-2S); color:var(--color-light-blue); text-transform:uppercase; }
    footer .legal_row a:hover,
    footer .legal_row a:focus { color:var(--color-white); }

    /* companies */
    #companies .container_row_content { text-align:center;  }

    #companies ul.logo_list { justify-content: center; }
    #companies ul.logo_list li { line-height:0; }
    #companies ul.logo_list a { display:inline-block; }
    #companies ul.logo_list img { display:block; height:calc(var(--font-size-5L) * 1.2); }
    #companies ul.logo_list img:hover,
    #companies ul.logo_list img:focus { opacity:.7; }
}

@media (max-width:1500px) {
    header .logo a { max-width:120px; }
}

@media (max-width:1400px) {
    html { font-size:20px; }
}

@media (max-width:1200px) {
    html { font-size:18px; }

    .input_button,
    .link_as_button { font-size:var(--font-size-1S); } 

    header a.rd_menu_button { position:absolute; display:block; top:50%; right:0px; transform:translateY(-50%); color:var(--color-dark-blue); font-size:var(--font-size-4L); cursor:pointer; z-index:1200; }
    header a.rd_menu_button:hover,
    header a.rd_menu_button:focus { text-decoration:none; color:var(--color-light-blue); }

    header nav ul.menu_list { position:fixed; display:none; top:0px; right:0px; bottom:0px; left:0px; background-color:var(--color-gray); z-index:1100;  }
    header nav ul.menu_list { background-position:top 5% left calc(calc(var(--spacing-5L) * -1.2) / 2), bottom var(--spacing-1S) right calc(var(--spacing-1L) * -1);  background-repeat:no-repeat, no-repeat; background-size:calc(var(--spacing-5L) * 1.2), calc(var(--spacing-5L) * 1.7); background-image:url(/resources/images/common/other/i_icon_ring_yellow.png), url(/resources/images/common/other/i_icon_loops_pink.png); }

    header nav ul.menu_list li { margin-left:calc(var(--spacing-5L) * 1.5) !important; width:80%; }
    header nav ul.menu_list li:first-of-type { margin-top:var(--spacing-5L); }
    
    header nav ul.menu_list a { margin:var(--spacing-3L) 0px; font-size:var(--font-size-3L); line-height:1; }
    header nav ul.menu_list a:not(.for_school).selected:after { left:0px; transform:none; }
    header nav ul.menu_list a.for_school { padding:0px; border:0px; color:var(--color-black); font-weight:var(--font-weight-bold); background-color:transparent; }
    header nav ul.menu_list a.for_school:hover,
    header nav ul.menu_list a.for_school:focus { border:0px; background-color:transparent; }
    header nav ul.menu_list a.accessibility { font-size:var(--font-size-5L);}

    .container_row_content { position:relative; padding:var(--spacing-4L) 0px; }
}

@media (max-width:1000px) {
    html { font-size:16px; }

    footer .top .footer_group { grid-template-columns:1fr 1fr; row-gap:var(--spacing-4L); }
    footer .top p.disclaimer { font-size:var(--font-size-1S); }

    footer .bottom .container_row_content { grid-template-columns:1fr; font-size:var(--font-size-1S); text-align:center;  }
    footer .bottom ul.legal_list { justify-content:center; }
    footer .bottom ul.legal_list a { font-size:var(--font-size-1S); }

    #companies ul.logo_list { gap:var(--spacing-1L); }
    #companies ul.logo_list img { height:calc(var(--font-size-5L) * 1.5); }
}

@media (max-width:700px) {
    html { font-size:14px;}

    input, 
    textarea,
    select { font-size:var(--font-size-0); }

    header .logo a { max-width:140px; }

    .form_box > div > label { font-size:var(--font-size-0); }
}

@media (max-width:500px) {
    footer .top .footer_group { grid-template-columns:6fr 4fr; }
    footer .top .footer_group ul.office_list { grid-template-columns:1fr; }

    footer .top p.disclaimer,
    footer .bottom ul.legal_list a { font-size:var(--font-size-0); }
}