@charset "UTF-8";

/*

    TODOs

    Consider using the REM polyfill to support browsers <= IE 8:
        http://chuckcarpenter.github.io/REM-unit-polyfill/

*/

*, *:before, *:after {
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -ms-box-sizing: border-box; 
    box-sizing: border-box;
}

/* 

    Text and Fonts 

*/
html {
    /*font-size: 16px;*/
    /*font-family: 'IBM Plex Sans', Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;*/
}
body { /* Plex for body paragraphs. */
    /*font-family: 'IBM Plex Sans', sans-serif;*/
    /*font-family: 'IBM Plex Sans', Source Sans Pro, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;*/
    margin: 0;
    padding: 0;
    /*font-size: 100%;*/
    line-height: 1.5;
}
/* 
    Use font smoothing on hi-dpi screens. 
    https://www.zachleat.com/web/font-smooth/
*/
@media screen and (-webkit-min-device-pixel-ratio: 2), screen and (min-resolution: 2dppx) {
    body {
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
    }
}
/*div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}*/
.wga-centered {
    text-align: center;
}
/*
h1, .h1 {
    font-size: 2rem;
}
h2, .h2 {
    font-size: 1.5rem;
}
h3, .h3 {
    font-size: 1.35rem;
}
h4, .h4 {
    font-size: 1rem;
}
*/

.wga-block-paragraph .rich-text p:first-child {
    margin-top: 0rem;
}
a {
    line-height: inherit;
    color: #1779ba;
    text-decoration: none;
    cursor: pointer;
}
/*ul, ol, li {
    margin-bottom: 0rem;
    margin-top: 0rem;
    line-height: 1.6;
    list-style-position: outside;
}
ul, ol {
    padding-left: 2.5rem;
}
li {
    padding-top: .35rem;
    padding-bottom: .35rem;
}
ul li:first-child {
    padding-top: 0rem;
}*/
/*
@media print, screen and (min-width: 39.9375rem) {
    h1 {
        font-size: 3rem;
    }
    h2 {
        font-size: 2.5rem;
    }
    h3 {
        font-size: 2rem;
    }
    h4 {
        font-size: 1.6rem;
    } }
*/

/* Quirky Header Fonts */
.wga-font-fredericka {
        font-family: 'Fredericka the Great', cursive;
        font-weight: normal;
}
.wga-font-chango {
        font-family: 'Chango', cursive;
        font-weight: normal;
}
.wga-font-henny {
        font-family: 'Henny Penny', cursive;
        font-weight: normal;
}
.wga-font-berkshire {
        font-family: 'Berkshire Swash', cursive;
        font-weight: normal;
}
.wga-font-offside {
        font-family: 'Offside', cursive;
        font-weight: normal;
}
.wga-font-special-elite {
        font-family: 'Special Elite', cursive;
        font-weight: normal;
}
/*.londrina {
        font-family: 'Londrina Shadow', cursive;
}*/
.wga-highlight-txt-padding {
    padding: .1rem;
    padding-left: .2rem;
    padding-right: .2rem;
}


/*

    Image Styles

*/
img {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    max-width: 100%;
}
/* TODO: Evaluate these with an eye toward efficiency. */
.wga-image-container {
    margin-bottom: .5rem;
}
.wga-caption {
    font-size: .7rem;
    background-color: rgba(128, 128, 128, 0.2);
    padding: .2rem;
}
.wga-caption .caption-attrib {
    padding-left: .5rem;
    font-size: .4rem;
}
/* Center left and right images on mobile. */
.wga-image-container.center, .wga-image-container.left, .wga-image-container.right {
    display: flex;
    justify-content: center;
    clear: both;
}
.wga-image-container.left.very_small {
    float: left;
    margin-right: .5rem;
}
.wga-image-container.right.very_small {
    float: right;
    margin-left: .5rem;
}
.wga-image-flex-parent {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
}
.wga-caption {
    font-size: .7rem;
    background-color: rgba(128, 128, 128, 0.2);
    padding: .2rem;
}
.wga-caption .caption-attrib {
    padding-left: .5rem;
    font-size: .4rem;
}
.wga-caption p {
    margin-bottom: .1rem;
}
.wga-caption-smallest {
    max-width: 120px;
}
.wga-caption-small {
    max-width: 220px;
}
.wga-caption-medium {
    max-width: 400px;
}
.wga-caption-large {
    max-width: 800px;
}
.wga-caption-large {
    max-width: 1600px;
}
@media print, screen and (min-width: 39.9375rem) {
    .wga-image-container {
        margin-bottom: 1rem;
    }
    .wga-image-container.left, .wga-image-container.right {
        max-width: 60%;
    }
    .wga-image-container.left {
        float: left;
        margin-right: 1rem;
    }
    .wga-image-container.right {
        float: right;
        margin-left: 1rem;
    }
    .wga-caption {
        font-size: .8rem;
        /*background-color: rgba(128, 128, 128, 0.2);*/
        padding: .4rem;
    }
    .wga-caption .caption-attrib {
        padding-left: .5rem;
        font-size: .5rem;
    }
}



/*

    For Accessibility

*/
.show-screenreaders {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    border: 0;
}

/* 

    Main menu 

*/
ul.wga-menu-section > li {
    /*border-left: solid #e3f7f9 4px;*/
}
li.wga-menu-section-page {
    /*border-left: solid #fdff9a 6px !important;*/
    font-weight: bold;
}



/*

    Hide breadcrumbs on smaller screens.

*/
#wga-breadcrumbs {
    display: none;
}
@media screen and (min-width: 951px) {
    #wga-breadcrumbs {
        display: block;
    }
}


/*

    Hide search button on smaller screens.
    The search button within the menu will still appear.

*/
#ksd-header-buttons {
    display: flex;
}

#ksd-search-button-element {
    height: 3rem;
    line-height: 3rem;
    border-radius: 10px;
    border-width: 1px;
    border-color: #dbdbdb;
    border-style: solid;
    background-color: rgb(242 242 242 /85%);
    padding-left: .5rem;
    font-family: arial;
    font-size: 11px;
}

@media screen and (max-width: 951px) {
    #ksd-header-buttons {
        display: block;
    }

    #ksd-search-button-container {
        display: none;
    }
}

/*

    Fancy Sidebar Behaviors

*/

#wga-toc-content {
    padding: 0rem;
}
#wga-toc-toggle {
    width: auto;
}
#wga-toc-toggle h4.usa-accordion-heading {
    margin-top: 0rem;
    margin-bottom: 0rem;
}
@media print, screen and (min-width: 951px) {
    #wga-toc-toggle h4.usa-accordion-heading {
        display: none;
    }
    /*#wga-toc-toggle .usa-accordion-content[aria-hidden=true] {}*/
    #wga-toc-content {
        display: block;
    }
}
@media screen and (max-width: 951px) {
    #wga-toc-content {
        margin-top: 0em;
    }
    #wga-toc-toggle {
        margin-bottom: .5rem;
    }
}
@media print {
    #wga-toc-content {
        display: none;
    }
}


/*

    The communication committee's changes to the newsletter heading colors.

*/
.wga-newsletter-body .wga-newsletter-container > h2 {
    color: black;
}
.wga-newsletter-container h2 {
    color: black;
}
@media print {
    .wga-newsletter-container h2 {
        color: black !important;
    }    
}
.wga-newsletter-container .wga-newsletter-contents {
    border-style: solid;
    border-width: 0 .25rem 0 .25rem;
    border-color: #ececec;
    padding-left: 1rem;
    padding-right: 1rem;
}
ul.wga-horizontal-list li i.fas {
    color: #c4c4c4;
}

#ksd-news {
    background-color: #343d65;
    color: white;
}
#ksd-news-container .wga-newsletter-contents {
    border-color: #343d65;
}
.wga-ksd-link i.fas {
    color: #343d65;
}
ul.wga-horizontal-list li a[href="#ksd-news"] i.fas {
    color: #343d65;
}

#bacich-bears-news {
    background-color: #f6bc29;
    color: white;
}
#bacich-bears-news-container .wga-newsletter-contents {
    border-color: #f6bc29;
}
.wga-bacich-link i.fas {
    color: #f6bc29;
}
ul.wga-horizontal-list li a[href="#bacich-bears-news"] i.fas {
    color: #f6bc29;
}

#kent-falcons-news {
    background-color: #ef1a21;
    color: white;
}
#kent-falcons-news-container .wga-newsletter-contents {
    border-color: #ef1a21;
}
.wga-kent-link i.fas {
    color: #ef1a21;
}
ul.wga-horizontal-list li a[href="#kent-falcons-news"] i.fas {
    color: #ef1a21;
}

#kik-update {
    background-color: #f37521;
    color: white;
}
#kik-update-container .wga-newsletter-contents {
    border-color: #f37521;
}
.wga-kik-link i.fas {
    color: #f37521;
}
ul.wga-horizontal-list li a[href="#kik-update"] i.fas {
    color: #f37521;
}

#kspta-news {
    background-color: #0273d1;
    color: white;
}
#kspta-news-container .wga-newsletter-contents {
    border-color: #0273d1;
}
.wga-kspta-link i.fas {
    color: #0273d1;
}
ul.wga-horizontal-list li a[href="#kspta-news"] i.fas {
    color: #0273d1;
}

.wga-calendars-link i.fas {
    color: #1ba276;
}



/*

    Experimenting with layout changes; these should eventually
    be integrated into the SCSS stylesheets.
 */

@media screen and (max-width: 951px) {
    .wga-nav-sidebar #section-menu {
        /*display: none;*/
    }
}
@media screen and (min-width: 951px) {
    .wga-nav-sidebar {
        margin-top: 1.5rem !important;
    }
}

.wga-main-body h1:first-of-type {
    margin-top: .5rem;
}

#wga-newsletter-body :first-child > h2 {
    margin-top: .25rem;
}

.wga-newsletter-container h2 {
    margin-bottom: 0em;    
    font-family: "Noto Sans","IBM Plex Sans","Source Sans Pro","Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;
    font-size: 3.5rem;
    font-weight: 400;
}

@media screen and (min-width: 951px) {
    .usa-header-extended .usa-nav-link {
        padding-top: .5rem;
        padding-bottom: .75rem;
    }    
}
@media screen and (min-width: 951px) {
    body {
        background-position: top 0px right 0px;
        background-repeat: no-repeat;
        background-size: 40rem;
    }
    body.kentfield-school-district {
        background-image: url(/static/img/_KSD/ksd-logo-header-background-gradient-1.png);
    }
    body.kent-middle-school {
        background-image: url(/static/img/_KSD/falcon-logo-header-background-gradient-1.png);
    }
    body.bacich-elementary-school {
        background-image: url(/static/img/_KSD/bacich-logo-header-background-gradient-1.png);
    }
    header.usa-header {
        background-image: none !important;
    }
}
@media screen and (min-width: 951px) {
    header.usa-header-extended > nav.usa-nav {
        background-color: inherit;
        border-top-color: transparent;
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
    ul.usa-nav-primary > li {
        /*background-color: rgba(255,255,255,0.95);*/
        background-color: #f1f1f1f7;
    }
    ul.usa-nav-primary > li:first-child {
        border-radius: 8px 0px 0px 8px;
    }
    ul.usa-nav-primary > li:last-child {
        border-radius: 0px 8px 8px 0px;
    }
    header.usa-header-extended .usa-nav-inner {
        padding-right: 1rem;
    }
}


.wga-main-body {
    background-color: rgba(255,255,255,.92);
}
@media screen and (min-width: 951px) {
    .usa-header {
        border: none;
    }
}
.usa-navbar {
    border-bottom: none;
}
@media screen and (min-width: 951px) {
    .usa-header-extended .usa-navbar {
        padding-left: 1em;
    }

    ul.usa-nav-primary li:first-child {
        padding-top: .35rem;
    }
}

@media screen and (min-width: 951px) {
    .usa-nav-secondary {
        display: none;
    }
}
@media print {
    .usa-menu-btn {
        display: none;
    }
}

.wga-sub-head-links {
    margin-bottom: .25em;
    margin-top: .5rem;
    margin-left: .4em;
    /*background-color: #f1f1f1;*/
    /*background-color: #f1f1f1f7;*/
    background-color: #fffffff7;
    display: flex;
    width: fit-content;
    /*padding-left: 2rem !important;*/
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
}
.wga-sub-head-links a {
    /*font-size: 2rem;*/
    font-size: 1.7rem;
    padding: .2em;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.wga-sub-head-links a:hover {
  /*text-decoration: underline;*/
  background-color: #f1f1f1f7;
}
@media screen and (max-width: 951px) {
    /* select the first "usa-navbar" in the header. */
    body > header > div:nth-child(1) {
        display: none;
    }
}
@media print {
    .wga-sub-head-links {
        display: none;
    }
}
/* This is to make room for the Google Translate widget. */
@media screen and (max-width: 600px) {
    .main-outer-container {
        margin-top: 4rem;
    }
}
/* Help differentiate the hero image from the corner background image. */
@media screen and (min-width: 600px) {
    .usa-hero {
        margin-top: 1rem;
        margin-right: 1rem;
    }
}

/* The California Distinguished Schools badge on the kent homepage, for example. */
#wga-site-badge {
    float:right;
    padding: 1rem;
    padding-right: 4rem;
    padding-bottom: 0em;
    /* filter: drop-shadow(white 2px 2px 4px);*/
    max-width: 22rem;
}
@media screen and (max-width: 600px) {
    #wga-site-badge {
        padding-right: 1rem;
        max-width: 12rem;
    }
}

/* 
    Fix a problem with the Community nav-link in the header menu bar, causing the 
    link background to be 1px lower than its neighbors.
 */
header > nav ul.usa-nav-primary > li > a.usa-nav-link {
    padding-top: .6rem;
}


/* 

    Color Definitions 

*/
.wga-blue-bg .wga-bg-dark, .wga-blue-bg.wga-bg-dark {
    background-color: #8ecefb;
}
.wga-blue-bg .wga-bg-pale, .wga-blue-bg.wga-bg-pale {
    background-color: #e8f7ff;
}
.wga-blue-txt .wga-txt-dark, .wga-blue-txt.wga-txt-dark{
    color: #228ae6;    
}
/* TODO: Used by newsletter heading; should this be a separate style? */
.wga-silver-bg .wga-bg-pale, .wga-silver-bg.wga-bg-pale {
    background-color: #ececec;
}
/* TODO: This silver text should be adjusted. */
.wga-silver-txt .wga-txt-dark, .wga-silver-txt.wga-txt-dark {
    color: #ececec;
}
.wga-yellow-bg  .wga-bg-pale, .wga-yellow-bg.wga-bg-pale {
    background-color: rgb(250, 255, 176);
}
.wga-yellow-txt .wga-txt-dark, .wga-yellow-txt.wga-txt-dark {
    color: #fdff62;
}

/* 
    TODO: These are only used by the alert boxes right now...
    Could we switch over to the above colors, or merge them?

*/
.wga-color-choice-green {
    background-color: #73fb72;
}
.wga-color-choice-red {
    background-color: #f75b5b;
}
.wga-color-choice-orange {
    background-color: #f7dd5b;
}
.wga-color-choice-yellow {
    background-color: #f5f75b;
}
.wga-color-choice-gray {
    background-color: #c7c7c7;
}
.wga-color-choice-blue {
    background-color: #5be9f7;
}


/* 

    Defined Border styles and colors

*/
.wga-border-bottom {
    border-bottom: .2rem #000000 solid;
}
.wga-border-top {
    /*border-bottom: .2rem #7b7b7b solid;*/
    border-top: .2rem #000000 solid;
}
.wga-border-left {
    border-left: .2rem #000000 solid;
}
.wga-border-partial {
    display: inline-block;
}
.wga-border-red {
    border-color: #d22525;
    /*border-color: rgba(255, 82, 82, .87);*/
}
.wga-border-light-red {
    border-color: rgba(255, 82, 82, .87);
}
.wga-border-light-grey {
    border-color: rgba(132, 179, 239, 1);
}

.wga-border-light-blue {
    border-color: rgba(132, 179, 239, 1);
}


/* 

    Basic building blocks 

*/
/*#wga-main-content {
    margin-left: .5rem;
    margin-right: .5rem;
}*/
.wga-hide-small-bl {
    display: none;
}
.wga-margin-top-bottom {
    margin-top: 1rem;
    margin-bottom: 1rem;
}
.wga-margin-bottom {
    margin-bottom: 1rem;
}
.wga-margin-left {
    margin-left: 1rem;
}
.wga-flex-container {
    display: flex;
    padding: 0rem;
}
.wga-flex-row-nowrap {
    flex-direction: row;
    flex-wrap: nowrap;
}
.wga-flex-col-nowrap {
    flex-direction: column;
    flex-wrap: nowrap;
}
.wga-hl-box {
    /*margin-left: 1rem;*/
    /*margin-right: 1rem;*/
    padding: 0rem;
    /*max-width: 40rem;*/
}
.wga-hl-box-icon {
    /*font-size: 1.5rem;*/
    padding-left: .35rem;
    padding-right: .35rem;
}
.wga-hl-box-icon-md {
    font-size: 2rem;
}
.wga-hl-box-content {
    padding: .5rem;
    /*padding-top: .75rem;*/
    flex-grow: 1;
}
/* Image Paragraphs */
.wga-image-para {
    display: -ms-flexbox;
    display: flex;
    margin-top: 1rem;
    margin-bottom: 1rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.wga-image-para-section {
    flex: 0 1 auto;
    padding: .5rem;
}
.wga-image-para-section h4 {
    margin-top: 0rem;
}
.wga-image-para-section img.wga-image-para-logo {
    margin: 0rem;
    padding-bottom: .5rem;
    max-width: none;
}
.wga-drop-shadow {
    padding: .5rem;
    /*margin-left: .5rem;*/
    /*margin-right: .5rem;*/
    margin:3px;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 1px 3px 0px rgba(0,0,0,0.75);
    /* offset-x | offset-y | blur-radius | spread-radius | color */
}
/*
    Breakpoint for different screen sizes.
*/
@media print, screen and (max-width: 39.9375rem) {
    /* TODO: This is weird... why is this necessary? */
    .wga-image-para-section img.wga-image-para-logo {
        width: 100%;
    } }
@media print, screen and (min-width: 39.9375rem) {
/*    #wga-main-content {
        margin-left: 2rem;
        margin-right: 2rem;
    }*/
    .wga-hl-box.wga-blue-bg .wga-hl-has-title.wga-toggle-small {
        background-color: #e8f7ff !important;
    }
    .wga-flex-col-nowrap.wga-toggle-small {
        flex-direction: row;
    }
    .wga-hl-box-icon.wga-toggle-small {
        /*font-size: 2rem;*/
    }
    .wga-drop-shadow {
        /*margin-left: 1rem;*/
        /*margin-right: 1rem;*/
    }
    .wga-image-para.stack-for-small {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    }
    .wga-image-para-section img.wga-image-para-logo {
        margin: .35rem;
        max-width: 200px;
    }
    .wga-hide-small-bl {
        display: block;
    } }


/* 

    Table of Contents 

*/
/*.wga-toc h2 {
    font-family: 'Noto Sans', sans-serif;
    font-size: 1.35rem;
    font-weight: normal;
    margin: .35rem;
    margin-bottom: 0rem;
}
@media print, screen and (min-width: 39.9375rem) {
    .wga-toc h2 {
        font-size: 1.5rem;
        margin:.5rem;
    } }
*/

/* 

    Definition List for links. 

*/
dl.wga-def-list-links {
    margin-left: 1rem;
}
dl.wga-def-list-links .wga-def-group {
    padding: .35rem;
    margin-top: .35rem;
    margin-bottom: .35rem;
}
dl.wga-def-list-links .wga-def-group:first-child {
    border-top: 0rem;
}


/* 

    News Announcement Posts & Sitewide Alerts. 

*/
.wga-outer-news-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.wga-inner-news-container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
}
.wga-newspost-container {
    background-color: #fdffe1;
    /*width: 27rem;*/
    margin: .35rem;
    padding: .35rem .5rem .35rem .5rem;
    width: 100%;
}
.wga-newspost-container h2 {
    font-size: 1em;
    margin-top: .25em;
}
.wga-newspost-contents {
    font-size: .8em;
}
.wga-newspost-contents p {
    display: inline;
}
@media print, screen and (min-width: 39.9375rem) {
    .wga-newspost-container {
        width: 48%;
    } }
@media print, screen and (min-width: 60rem) {
    .wga-newspost-container {
        width: 32%;
    } }


/* 

    Staff Business Cards 

*/
.wga-staff-card {
    padding: .35em .5em .35em .5em;
    background-color: #f3f3f3;
    max-width: 40em;
}
.wga-staff-card p {
    font-style: normal;
    margin: 0rem;
}
.wga-staff-card .wga-staff-name {
    font-size: 1.5em;
    font-weight: bold;
}
.wga-staff-card .wga-staff-position {
    font-size: 1.2em;
}
.wga-staff-card .wga-contact-details {
    margin-top: .5em;
    margin-left: 1em;
}

.wga-staff-card .wga-contact-address {
    margin-bottom: .5rem;
    /*font-style: italic;*/
}


/* 

    Newsletter Styles

*/
.wga-newsletter-title-container {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    padding-left: 0rem;
    padding-right: 0rem;
}
.wga-newsletter-title-container h1 {
    padding-bottom: 1rem;
    font-size: 1.5em;
    font-family: 'IBM Plex Sans';
    font-weight: 100;
}
.wga-newsletter-title-container h2 {
    font-size: 1.8em;
    margin-top: 0;
    margin-bottom: 0.5rem;
    font-family: 'IBM Plex Sans';
    font-weight: 100;
}
.wga-newsletter-nav-buttons a {
    background-color: rgba(128, 128, 128, 0.15);
    display: block;
    padding: .5rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.wga-newsletter-container {
    margin-bottom: 2.5rem;
    margin-top: .5rem;
    overflow: auto;
}
.wga-personal-letter img {
    float: left;
    margin-right: .5rem;
    margin-bottom: .5rem;
    max-width: 120px;
}
div.wga-signature p {
    margin: 0rem;
}
@media print, screen and (min-width: 39.9375em) {
    .wga-newsletter-title-container h1 {
        font-size: 2em;
    }
    .wga-newsletter-title-container h2 {
        font-size: 2em;
    }
    .wga-newsletter-title-container {
        padding-left: 2rem;
        padding-right: 2rem;
    } 
    .wga-personal-letter img {
        margin-right: 1rem;
        margin-bottom: .5rem;
        max-width: 160px;
    } }

/*

    Horizontal row of anchor links in the newsletter

*/

ul.wga-horizontal-list {
    display: flex;
    list-style: none;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*justify-content: space-around;*/
    justify-content: flex-start;
    margin: 0;
    padding: 1rem 1rem 0 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #f1f1f1;
}
ul.wga-horizontal-list li {
    flex: 0 1 auto; /* Default */
    padding: 0rem 3rem 1rem 0rem;
    /*border-right: .15rem solid;*/
    line-height: 2rem;
    /*font-weight: bold;*/
    /*min-width: 17rem;*/
}
ul.wga-horizontal-list li a:hover {
    /*text-decoration: underline;*/
    background-color: white;
}
@media screen and (max-width: 600px) {
    ul.wga-horizontal-list li {
        padding: 0rem 2rem 1rem 0rem;
    }
}
ul.wga-horizontal-list li:first-child {
    /*padding-top: .35rem;*/
}
ul.wga-horizontal-list li:last-child {
    border: none;
    padding-right: .5rem;
}
@media print {
    .wga-newsletter-container ul.wga-horizontal-list {
        display: none;
    }
}

/*

    Various Clearfixes for images next to paragraphs.

*/
.clearfix-paragraphs .block-paragraph::before, .clearfix-paragraphs .block-paragraph::after {
    display: table;
    content: ' ';
    -webkit-flex-basis: 0;
        -ms-flex-preferred-size: 0;
            flex-basis: 0;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1; }

.clearfix-paragraphs .block-paragraph::after {
    clear: both; }



.wga-clearfix::before, .wga-clearfix::after {
  display: table;
  content: ' ';
  -webkit-flex-basis: 0;
      -ms-flex-preferred-size: 0;
          flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1; }

.wga-clearfix::after {
  clear: both; }


/*

    Google Translate styles from
    https://gist.github.com/madelinelise/7a6292c55761f10c6d46e16e78e5ad6d
 */

#google-translate-container {
/*  float: right;
    padding: 3px 5px 0px 0px;*/
    /*background-color: #ececec;*/
    /*width: 100%;*/
    margin: 0rem;
    padding: .5rem;
    display: inline-block;
    margin-left: 1.5rem;
    min-width: 10.2em;
}
@media screen and (min-width: 32em) {
    #google-translate-container {
      /*min-width: 28em;*/
    }
}
@media screen and (min-width: 951px) {
    #google-translate-container {
      /*margin-left: 2.2rem;*/
      margin-top: .5rem;
      margin-left: 4rem;
    }
}
/*margin-left: 1.5rem;*/
select.goog-te-combo {
    display: inline-block;
}
@media print {
    #google-translate-container {
        display: none;
    }
}

/*

.skiptranslate.goog-te-gadget needs the border stuff and a background color.
    border-radius: 10px;
    border-width: 1px;
    border-color: #dbdbdb;
    border-style: solid;
    rgb(233 233 233 / 85%) important!
*/


.goog-te-combo,
.goog-te-banner *,
.goog-te-ftab *,
.goog-te-menu *,
.goog-te-menu2 *,
.goog-te-balloon * {
  font-family: arial;
  font-size: 10pt;
  background-image: url("/static/img/_KSD/Google_Translate_Icon_Small.png");
  background-position: left;
  background-repeat: no-repeat;
  text-indent: 20px;
  background-color: #fff;
  color: #000 !important;
  background-size: 2.5rem;
  border: none;
}
select.goog-te-combo {
  padding: 0rem;
  padding-left: 1.2rem;
  height: 3rem;
  margin: inherit !important;
  cursor: pointer;
}
/*@media screen and (min-width: 951px) {*/
    select.goog-te-combo {
      background-color: inherit;
    }
    .skiptranslate.goog-te-gadget {
        border-radius: 10px;
        border-width: 1px;
        border-color: #dbdbdb;
        border-style: solid;
        background-color: rgb(242 242 242 / 85%) !important;
        /*box-shadow: 1px 2px 5px 0px rgba(0,0,0,0.75);*/
        padding-left: .5rem;
    }
/*}*/

@media screen and (min-width: 600px) {
    .skiptranslate.goog-te-gadget {
    }
}
.skiptranslate.goog-te-gadget > span {
    display: none;
}
.goog-logo-link {
  display: none !important;
}

.goog-te-gadget {
  color: transparent !important;
}

.goog-te-gadget .goog-te-combo {
  /*margin: 2px 0 !important;*/
}