html[data-wcag-font="0"] {
    font-size: 14px;
    line-height: 16px;
}
html[data-wcag-font="1"] {
    font-size: 16px;
    line-height: 20px;
}
html[data-wcag-font="2"] {
    font-size: 18px;
    line-height: 24px;
}
#wcag {
    z-index: 2;
}
#wcag ul{
    display: flex;
    justify-content: center;
}
#wcag li {
    display: block;
    float: left;
    padding: 0px;
    width: 40px;
    height: 40px;
    line-height: 67px;
}

#wcag button{
    width: 40px;
    height: 40px;
}

#wcag button span{
    display: none;
}
.contrast #wcag a.contrast-switcher .wcag-hover ,
body:not(.contrast) #wcag a.contrast-switcher .wcag-hover {
    fill: #474d57;
}
.contrast #wcag li:hover a.contrast-switcher .wcag-hover ,
body:not(.contrast) #wcag li:hover a.contrast-switcher .wcag-hover {
    fill: #ffea00;
}
.contrast #wcag li:hover a.contrast-switcher path ,
body:not(.contrast) #wcag li:hover a.contrast-switcher path {
    fill: #000;
}

.contrast #wcag li:hover a.contrast-switcher ,
body:not(.contrast) #wcag li:hover a.contrast-switcher  {
    background: #000;
}

.contrast_bw .wcag-hover{
    stroke: #fff;
    fill: #fff;
}

.contrast_by .wcag-hover {
    stroke: #ffea00;
    fill: #ffea00;
}
.contrast-switcher {
    background-color: #ffea00;
}
body:not(.contrast) #wcag .active a.text-size,
body:not(.contrast) #wcag a.text-size:hover,
body:not(.contrast) #wcag a.text-size:focus {
    background-color: #1d8fb2;
}
body:not(.contrast) #wcag a.text-size:hover svg path,
body:not(.contrast) #wcag a.text-size:focus svg path {
    fill: #000;
}
body:not(.contrast) #wcag a:hover .wcag-hover,
body:not(.contrast) #wcag a:focus .wcag-hover {
    fill: #000;
}
.contrast_by #wcag a {
    border-color: #ffea00;
}
.contrast_by #wcag li:hover a.text-size,
.contrast_by #wcag li:focus a.text-size,
.contrast_by #wcag .active a,
.contrast_by #wcag .active a svg {
    background: #ffea00;
}
.contrast_by #wcag .active a svg path {
    fill: #000 !important;
}

a:focus, #wcag ul li:focus, button svg:focus, button:focus{
    border: 1px dashed red;
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
  }
  
  .center {
    text-align: center;
  }
   
  .fchange120 h1{
    font-size: 2.6em !important;
  }
  .fchange120 h2{
    font-size: 2.4em !important;
  }
  .fchange120 h3{
    font-size: 2.8em !important;
  }
  .fchange120 h4{
    font-size: 3.2em !important;
  }

  .fchange110 h1{
    font-size: 2.6em !important;
  }
  .fchange110 h2{
    font-size: 2.2em !important;
  }
  .fchange110 h3{
    font-size: 2.5em !important;
  }
  .fchange110 h4{
    font-size: 2.8em !important;
  }

  .fchange120 p , .fchange120 a , .fchange120 span , .fchange120 b , .fchange120 strong {
    font-size: 1.25em !important;
  }
 .fchange110 p , .fchange110 a , .fchange110 span , .fchange110 b , .fchange110 strong {
    font-size: 1.15em !important;
  }

  .fchange110 .school-name h1, .fchange110 .contact-top h2{
    font-size: 1.2em !important;
    line-height: 24px;
  }
 .fchange120 .school-name h1, .fchange120 .contact-top h2{
    font-size: 1.4em !important;
    line-height: 24px;
  }
  
  .fchange120 .best,.fchange110 .best  {
    position: absolute;
    right: 0px;
    top: 35px;
}
  
  .contrast_gb div, .contrast_gb .footer-top, .contrast_gb .footer-bottom, .contrast_bw .top , .contrast_gb img , .contrast_gb header, .contrast_gb footer, .contrast_gb nav, .contrast_gb section , .contrast_gb h1, .contrast_gb h2, .contrast_gb h3 , .contrast_gb h4 , .contrast_gb h5 , .contrast_gb h6 , .contrast_gb p , .contrast_gb a , .contrast_gb span , .contrast_gb b , .contrast_gb strong, .contrast_gb #main-menu ul ul li a, .contrast_gb td  {
    background-color: gray !important;
    color: white !important;
    background: gray !important;
  }
  
  .contrast_bw div, .contrast_bw .footer-top, .contrast_bw .footer-bottom, .contrast_bw .top , .contrast_bw img , .contrast_bw header, .contrast_bw footer, .contrast_bw nav, .contrast_bw section , .contrast_bw h1, .contrast_bw h2, .contrast_bw h3 , .contrast_bw h4 , .contrast_bw h5 , .contrast_bw h6 , .contrast_bw p , .contrast_bw a , .contrast_bw span , .contrast_bw b , .contrast_bw strong, .contrast_bw #main-menu ul ul li a, .contrast_bw td  {
    background-color: black !important;
    color: white !important;
    background: black !important;
  }
  
  .contrast_by div, .contrast_by .footer-top, .contrast_by .footer-bottom, .contrast_by .top ,.contrast_by img , .contrast_by header, .contrast_by footer, .contrast_by nav, .contrast_by section , .contrast_by h1, .contrast_by h2, .contrast_by h3 , .contrast_by h4 , .contrast_by h5 , .contrast_by h6 , .contrast_by p , .contrast_by a , .contrast_by span , .contrast_by b , .contrast_by strong, .contrast_by #main-menu ul ul li a, .contrast_by td  {
    background-color: black !important;
    color: yellow !important;
    background: black!important;
  }
  
  .contrast_yb div, .contrast_yb .footer-top, .contrast_yb .footer-bottom, .contrast_yb .top , .contrast_yb img , .contrast_yb header, .contrast_yb footer, .contrast_yb nav, .contrast_yb section , .contrast_yb h1, .contrast_yb h2 .contrast_yb h3 , .contrast_yb h4 , .contrast_yb h5 , .contrast_yb h6 , .contrast_yb p , .contrast_yb a , .contrast_yb span , .contrast_yb b , .contrast_yb strong, .contrast_yb #main-menu ul ul li a, .contrast_yb td {
    background-color: yellow !important;
    color: black !important;
  }
  
  .contrast_by span.slider-mask, .contrast_bw span.slider-mask{
    background-color: rgba(19, 42, 68, 0.702) !important;
}
.contrast_bw .logo img, .contrast_bw div.logo, .contrast_by .logo img, .contrast_by div.logo{
    background-color: transparent !important;
    background: transparent !important;
}
.contrast_by .nav-toggle span, .contrast_by .form .checkboxradio-container [class^="icheckbox"]{
    background-color: yellow !important;
    color: black !important;
}
.contrast_bw .nav-toggle span, .contrast_bw .form .checkboxradio-container [class^="icheckbox"]{
    background-color: white !important;
    color: black !important;
}

.contrast_by .icheckbox_minimal-custom, .contrast_by .iradio_minimal-custom, .contrast_bw .icheckbox_minimal-custom, .contrast_bw .iradio_minimal-custom{
    display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 18px;
    height: 18px;
    background: url(./skins/minimal/minimal.png) no-repeat;
    border: none;
    cursor: pointer;
}


.wpa-hide-ltr#skiplinks a:active,  .wpa-hide-ltr#skiplinks a:focus { background-color: #f1f1f1; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto; color: #0073aa; display: block; font-weight: 600; height: auto; line-height: normal; padding: 15px 23px 14px; position: absolute; left: 6px; top: 7px; text-decoration: none; text-transform: none; width: auto; z-index: 100000;
}
#skiplinks a:hover, 
#skiplinks a:focus, 
#skiplinks a:active { background: #231f20; color: #fff; left: 0; position: absolute; top: 0; }

:focus { outline: 1px solid #ff1623!important; outline-offset: 2px !important; }

.wpa-hide-ltr#skiplinks a, .wpa-hide-ltr#skiplinks a:hover, .wpa-hide-ltr#skiplinks a:visited {
    position: absolute !important;
    left: -999em;
}
.wcag-icon a {
    background-color: #4054b2;
    color: #fff;
    padding: 5px 9px;
    font-size: 125%;
}

.wcag-icon-div{
    position: relative;
    z-index: 2;
    float: left;
    text-align: center;
    width: 200px;
    padding-left: 39px;
    margin-top: 4px;
}
.wcag-icon{
    width: 40px;
    text-align: center;
    display: contents;
}


.wcag-icon nav{
    display: none;
}
.wcag-icon:hover nav{
    display: block;
}