@charset "utf-8";
/* CSS Document */

body {}


@font-face {
    font-family: 'opendyslexic';
    src: url('webfontkit/opendyslexic-bold-webfont.woff2') format('woff2'),
         url('webfontkit/opendyslexic-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;

}

@font-face {
    font-family: 'opendyslexic';
    src: url('webfontkit/opendyslexic-bold-italic-webfont.woff2') format('woff2'),
         url('webfontkit/opendyslexic-bold-italic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;

}

@font-face {
    font-family: 'opendyslexic';
    src: url('webfontkit/opendyslexic-italic-webfont.woff2') format('woff2'),
         url('webfontkit/opendyslexic-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;

}

@font-face {
    font-family: 'opendyslexic';
    src: url('webfontkit/opendyslexic-regular-webfont.woff2') format('woff2'),
         url('webfontkit/opendyslexic-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}





.accesibility_container { position: relative;}

.accesibility_icon_main { cursor: pointer;}
.accesibility_icon_main > svg { width: 32px; height: 32px; }


.accesibility_container .menu_container { position: absolute; top:30px; right:0px; width: 260px; background: #fff; box-shadow: 0px 0px 16px 0px rgba(125,125,125,0.66); padding: 0px 0px 0px 0px; display: none;  }
.accesibility_container .menu_container ul { list-style: none; padding-left: 0px; margin-bottom: 0px;}
.accesibility_container .menu_container ul li { }
.accesibility_container .menu_container ul li.bordered { border-top:1px solid #ddd;}
.accesibility_container .menu_container ul li button { background: none; cursor: pointer; padding: 15px; display: block; width: 100%; text-align: left;}
.accesibility_container .menu_container ul li button:hover { background: #eee;}
.accesibility_container .menu_container ul li svg { width: 18px; height: 18px; margin-right: 10px;}




/*   HIGH CONTRAST   */
html.highContrast {}
html.highContrast * { background: #000 !important; color: #ffea00 !important; }
html.highContrast svg, html.highContrast path { fill:#fff !important;}
html.highContrast a { text-decoration: underline !important;}


/*   FONTS   */
html.size1 { font-size:50% !important;}
html.size3 { font-size:75% !important;}

html.size1 .hero h1::after, html.size3 .hero h1::after, html.highDyslex .hero h1::after{ width: 280px; left:480px; }
@media (max-width: 1400px) { html.highDyslex .hero h1::after{ width: 80px; left:480px; } }
@media (max-width: 1122px) { html.highDyslex .hero h1::after{ width: 80px; left:330px; } }


html.size3 button#textBig { opacity:0.4; pointer-events: none;}
html.size1 button#textSmall { opacity:0.4; pointer-events: none;}


/*   HIGH TRACKING   */
html.highTracking {}
html.highTracking * { letter-spacing: 2px !important; }
html.highTracking .mainmenu ul#main-nav li a {  padding: 10px 10px; }


/*   HIGH UNDERLINE   */
html.highUnderline {}
html.highUnderline a, html.highUnderline a * { text-decoration: underline !important;}


/*   HIGH DISLEX   */
html.highDyslex { font-size:50% !important;}
html.highDyslex.size1 { font-size:44% !important;}
html.highDyslex.size3 { font-size:60% !important;}
html.highDyslex.size3 .mainmenu ul#main-nav li a {  padding: 10px 10px; }


html.highDyslex *:not(i) { font-family: 'opendyslexic' !important; }
html.highDyslex .fab { font-family: "Font Awesome 5 Brands" !important; }