.no-pad {
    padding-left: 0px;
    padding-right: 0px;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
    background: #0c4164 !important;
    padding: 0px 2.5%;
}

#wrapall {
    overflow: hidden;
}

p {
    font-size: 1.15em;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.15;
}

#dnn_contentpane table {
    border: 2px solid black;
}

#dnn_contentpane td,
#dnn_contentpane th {
    border-width: 2px;
    border-color: grey;
}

.backpages #dnn_contentpane table {
    border: none;
}

.backpages tbody,
.backpages td,
.backpages th,
.backpages tbody {
    border-style: none !important;
    border-width: 0px !important;
}

a,
a:link,
a:visited,
a:active {
    color: #0067c1;
}

a:hover,
a:focus {
    color: #9A0F14;
}

.backpage {
    padding-top: 30px !important;
}


/* Gets rid of persona bar for dev purposes */


/* body {
    margin-left: 0px !important
}

iframe#personaBar-iframe,
.personalBarContainer.evoq .personabar-placeholder {
    display: none;
} */


/* Overriding Row class to remove right gutter */

.row-pad {
    /* Removes Gutter on right */
    --bs-gutter-x: 0px !important;
}

#dnn_contentpane p,
#dnn_contentpane ul,
#dnn_contentpane ol {
    color: #000000;
}

#dnn_contentpane a {
    /* color: #000000; */
    font-weight: bold;
    text-decoration: underline;
}

h1 {
    color: #9d0209;
    font-size: 2em !important;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h2 {
    color: #9d0209;
    font-size: 1.7em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.backpage h1 {
    width: 80%;
}

h3 {
    font-size: 1.4em;
    color: #0c4164;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h4 {
    font-size: 1.25em;
    color: #0c4164;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

h5 {
    font-size: 1.1em;
    color: #000000;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}


/* Skiplink Code */

#skiplink a {
    font-family: Calibri, Arial;
    font-weight: bold;
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#skiplink a:focus {
    position: static;
    width: auto;
    height: auto;
}


/* Banner Area */

#soeBanner {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    z-index: 9;
}

#rotatorContainer {
    position: absolute;
    right: 2.5%;
    width: 43%;
    z-index: 1;
}

#logoLarge {
    border-bottom-left-radius: 8px;
}

#logoSmall {
    padding: 1% 2% 2%;
}

.carousel-inner {
    border-bottom-right-radius: 8px;
}


/* Socials */

#socialMain,
#socialRight {
    padding: 3% 0px;
    background: white;
}

#socialMain {
    padding-top: 1%;
}

#socialMainContainer img {
    width: 60%;
}

#socialRightContainer img {
    width: 100%;
    max-width: 40px;
}


/* Main Area */

.homepage #dnn_contentpane h1 {
    text-align: center;
}

#mainArea {
    background: white;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
}

#leftMain {
    background: #012740;
}

#search,
#translate {
    position: absolute;
    left: -1500%;
}

#kidsImage {
    text-align: center;
}

#middleMain {
    padding: 10px 20px;
    padding-top: 20px;
}

#rightMain {
    text-align: center;
    padding: 0.8% 2.5%;
}

.goog-te-combo {
    width: 90%;
}

#socialArea {
    background: #15275e;
}


/* News and Calendar */

#dnn_newsPane,
#dnn_calendarPane {
    text-align: center;
    padding: 5%;
    margin: 0% 0px 10%;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    box-shadow: 0px 0px 4px 0px gray;
}

#dnn_calendarPane {
    padding: 0px;
}

#newsHeader {
    background: linear-gradient(to bottom, #01395f, #012b46);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px 4px 0px gray;
    padding: 2%;
}

#calendarHeader {
    background: linear-gradient(to bottom, #0c67a3, #0c4164);
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1.4em;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0px 0px 4px 0px gray;
    padding: 2%;
}

.edn_metaDetails,
.edn_articlesRssWrapper {
    /* Removes the article details and RSS*/
    display: none;
}

.eds_news_Ozone.eds_subCollection_news .edn_article .edn_readMoreButtonWrapper {
    /* Centers the Read More button */
    text-align: center !important;
}

.eds_news_Ozone.eds_subCollection_news .edn_readMore.edn_readMoreButton,
.eds_news_Ozone.eds_subCollection_news .article_comments .add_comment .add_article_box .submit {
    /* Color of Read More button */
    background: linear-gradient(to bottom, #9d0209, #8a0309) !important;
    color: white !important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article {
    /* Override margin-bottom add border */
    margin-bottom: 15px !important;
    padding-bottom: 15px !important;
    border-bottom: 2px solid #8e8f8f;
}

.eds_news_Ozone.eds_subCollection_news .edn_article:last-child {
    /* Gets rid of border for last article */
    border: none;
    /* Getting rid of extra space at the bottom of news section */
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.eds_news_Ozone.eds_subCollection_news a {
    /* Article Title text */
    color: #0c4164 !important;
    font-size: 1em !important;
    font-weight: bold !important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleSubTitle {
    /* Article Summary text */
    font-size: 1.25em !important;
}

.eds_news_Ozone.eds_subCollection_news .edn_article .edn_articleSummary {
    /* Padding in between button and summary */
    padding: 5px 0px !important;
}

.eds_news_Ozone {
    /* Getting rid of extra space at the bottom of news section */
    margin-bottom: 0px !important;
}


/*-- Calendar --*/

.edn_module_title {
    display: none;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list {
    /* Getting rid of line and extra space above items */
    border: none !important;
    padding-top: 0px !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events {
    /* Getting rid of line and extra space above items */
    margin-top: 0px !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li:before {
    /* Getting rid of calendar image/icon */
    display: none !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li>a,
.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li>a>span {
    /* Making Calendar items span full width of container and text color */
    width: 100% !important;
    font-family: Arial, Helvetica, sans-serif !important;
    display: inline-block;
    color: #0c4164 !important;
    font-size: 1.4em;
    font-weight: bold;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li>a>span {
    /* Text color for event dates */
    color: #9d0209 !important;
    font-size: 0.75em !important;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li {
    /* Setting up padding for lis */
    padding: 2.5%;
    margin-bottom: 20px;
    background: white;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list.events ul li:last-child {
    /* Making sure that last li has no margin bottom */
    margin-bottom: 0px;
}

.eds_news_Ozone.eds_subCollection_calendar .archive_list ul {
    /* Putting background color on UL to have diving lines */
    background: #e0ded5;
}

.eds_news_Ozone.eds_subCollection_news a {
    /* Title font */
    font-size: 0.8em !important;
}


/* Search Box & Translate Dropdown Spacing in PaneDrop */

#dnn_mobileMenu {
    position: absolute;
    left: 350%;
    z-index: 9999;
    box-shadow: 0px 1px 11px -3px black;
    background: #162d61;
    padding-top: 5px;
    padding-bottom: 20px;
    width: 175%;
    z-index: 6;
}

#dnn_siteMenuMobile {
    left: -300%;
    width: 100%;
}

#forDesktop {
    padding: 0.5em;
}

#mobiletranslateButton,
#mobilesearchButton,
#translateButton,
#searchButton {
    justify-content: center;
}

#mobiletranslateButton img,
#mobilesearchButton img {
    width: 12.5%;
}

#translateButton img,
#searchButton img {
    width: 20.5%;
}

#searchButton {
    border-right: white 1px solid;
}

#search {
    padding-top: 10px;
}

#translate {
    padding-top: 9px;
    margin-bottom: 6px;
}

.bcs-container-searchbox {
    width: 90% !important;
}


/* Registration Totals */

#registeredTotalsArea {
    background: linear-gradient(to bottom, #9d0209, #8a0309);
}

#registrationTotals {
    padding: 10px 25px;
}

#registrationTotals {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    margin: 0px;
    border-radius: 8px;
}

.registrationTotalsList {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    line-height: 150%;
}

.registrationTotalsList li {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    display: inline-block;
    text-align: center;
    width: 25%;
}

.registrationTotalsList li:first-child {
    width: 100%;
}

.registrationTotalsList li .totalsField {
    display: inline-block;
    width: 100%;
}

.registrationTotalsList li .totalsValue {
    display: inline-block;
    width: 100%;
}

.totalsField {
    text-align: center;
}

.totalsValue {
    text-align: center;
    font-size: 1.3em;
}

.demField,
.repField,
.othField,
.npaField,
.totField {
    font-weight: bold;
    font-size: 1.05em;
}

.demValue {}

.repValue {}

.othValue {}

.totValue {}

.datePrelude {
    font-weight: bold;
    font-size: 1.45em;
    padding: 0px;
}

.dateValue {
    padding-left: 35px;
}

.datePrelude,
.dateValue {
    display: inline-block;
    width: 100% !important;
    text-align: center;
    padding-left: 0px !important;
    padding-right: 0px !important;
}


/* End Registered Totals */


/* PaneDrop and Mobile Buttons */

#mobileButtons {
    padding: 6px 0px;
    text-align: center;
    color: white;
    display: flex;
    justify-content: center;
    z-index: 6;
}

#mobilesearchButton,
#mobiletranslateButton {
    border-left: 1px solid white;
}

.mobilebuttons {
    color: white;
    font-size: 0.95em;
    font-weight: bold;
    text-align: center;
}

.mobilebuttons .glyphicon {
    display: block;
    padding-bottom: 5px;
    font-size: 1.3em;
}

.forMobile {
    display: flex;
    align-items: center;
}

.buttonText {
    height: 50%;
}

.paneDrop {
    background: white;
    z-index: 99;
    top: 14em;
    left: 12.5% !important;
    height: 70px !important;
    width: 75% !important;
    margin-left: 0px;
    border-bottom-right-radius: 5px;
    text-align: center;
    line-height: 22px;
    color: #003366 !important;
    transition: height .4s;
    animation-direction: reverse;
    border-bottom-left-radius: 5px;
    border: 2px solid #173b75
}


/* Mobile Menu */

#dnn_siteMenu {
    left: 350%;
}

#mobileMenu {
    background-color: #0c4164;
    display: flex;
    align-items: center;
    justify-content: center;
}

.c-hamburger {
    display: block;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    width: 45% !important;
    height: 64px;
    font-size: 1em;
    color: white;
    cursor: pointer;
    font-size: 1.1em;
    font-weight: bold;
    line-height: 56px;
    text-indent: -10px;
    appearance: none;
    box-shadow: none;
    border-radius: none;
    border: none;
    cursor: pointer;
    transition: background 0.3s;
    left: 25%;
    z-index: 999;
    top: 13px;
}

.c-hamburger:focus {
    outline: none;
}

.c-hamburger span {
    display: block;
    position: absolute;
    top: 18px;
    left: 14px;
    right: 18px;
    height: 3px;
    width: 30px;
    background: white;
}

.c-hamburger span::after,
.c-hamburger span::before {
    position: absolute;
    display: block;
    left: 0;
    width: 100%;
    height: 3px;
    background-color: white;
    content: "";
}

.c-hamburger span::before {
    top: -10px;
}

.c-hamburger span::after {
    bottom: -10px;
}

.c-hamburger--htx {
    background-color: transparent;
}

.c-hamburger--htx span {
    transition: background 0s 0.3s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
    transition-duration: 0.3s, 0.3s;
    transition-delay: 0.3s, 0s;
}

.c-hamburger--htx span::before {
    transition-property: top, transform;
}

.c-hamburger--htx span::after {
    transition-property: bottom, transform;
}

.c-hamburger--htx.is-active span {
    background: none;
    width: 30px;
}

.c-hamburger--htx.is-active span::before {
    top: 0;
    transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
    bottom: 0;
    transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
    transition-delay: 0s, 0.3s;
}


/* Quicklinks */

.linkContainer {
    background: linear-gradient(#b9b39c, #a8a081);
    border-bottom: 2px white;
    text-align: center;
}

#ql1 .linkContainer {
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}

#quicklinksArea a {
    text-decoration: none;
}

#quicklinksArea a:last-child {
    border: none;
}

.regularImage,
.hoverImage {
    width: 28%;
}

.linkContainer {
    justify-content: center;
    padding: 2.5% 0px;
}

.hoverImage {
    display: none;
}

.qlImg,
.qlText {
    display: inline-flex;
}

.qlText {
    align-items: center;
    color: #012740;
}

.qlImg {
    justify-content: right;
    padding-right: 3% !important;
}


/* QL Images */

#ql1:hover #hoverImg1 {
    display: inline-flex;
}

#ql1:hover #regularImg1 {
    display: none;
}

#ql2:hover #hoverImg2 {
    display: inline-flex;
}

#ql2:hover #regularImg2 {
    display: none;
}

#ql3:hover #hoverImg3 {
    display: inline-flex;
}

#ql3:hover #regularImg3 {
    display: none;
}

#ql4:hover #hoverImg4 {
    display: inline-flex;
}

#ql4:hover #regularImg4 {
    display: none;
}

#ql5:hover #hoverImg5 {
    display: inline-flex;
}

#ql5:hover #regularImg5 {
    display: none;
}


/*-------------------------------------------*/


/* Footer */

#footerarea {
    margin-top: 2%;
}

#footerText p {
    margin: 0px;
    font-size: 1em;
}

#footerInfo {
    background: #1e6391;
    color: white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 2em 4em;
    text-align: center;
}

#footerInfo a {
    color: white;
    text-align: center;
}

#footerDisclaimer {
    color: #e0ded5;
    padding: 2% 1.5%;
    line-height: 1.2;
    font-size: 0.9em;
}

#footerTextSmall {
    text-align: left;
    line-height: 1.2;
}

#footerTextSmall p {
    margin-bottom: 0px;
}


/* Breakpoints */

@media (min-width: 768px) {
    /* Quicklinks */
    .qlSize {
        width: 20% !important;
    }
    .linkContainer {
        justify-content: center;
        align-items: center;
        padding: 0.5em;
    }
    .qlImg {
        justify-content: center;
    }
    .qlText {
        justify-content: center;
    }
    .regularImage,
    .hoverImage {
        width: 35%;
    }
    #ql5 .linkContainer {
        border-top-right-radius: 7px;
    }
    #ql1 .linkContainer {
        border-top-right-radius: 0px;
    }
    /* Right Main */
    #socialRight {
        padding-bottom: 0.6em;
    }
    /* Left Main */
    #mobileMenu {
        background: #012740;
    }
}

@media (min-width: 992px) {
    /* Mobile Menu */
    #dnn_siteMenu {
        left: 0%;
    }
    .paneDrop {
        width: 23.75% !important;
        left: 2.5% !important;
    }
    /* Quicklinks */
    #quicklinksArea,
    #registeredTotalsArea {
        margin-top: 1em;
    }
    #ql5 .linkContainer {
        border-top-right-radius: 0px;
    }
    #registeredTotalsArea {
        border-top-right-radius: 7px;
    }
    /* #registeredTotalsArea {
        max-height: 120px;
    } */
    /* Backpage */
    .socialBack {
        padding: 0.5em !important;
    }
    #socialRightBack {
        position: absolute;
        right: 0;
        margin-right: 2.7%;
        padding-top: 0;
    }
}

@media (min-width: 1200px) {
    .paneDrop {
        width: 15.85% !important;
        left: 2.5% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    #registrationTotals {
        padding: 10px 10px;
    }
    .registrationTotalsList li:nth-child(2) {
        width: 30%;
    }
    .registrationTotalsList li:nth-child(4) {
        width: 20%;
    }
}

@media (max-width: 991px) {
    #leftMain {
        /* display: none !important; */
        left: 5000px;
        position: absolute;
    }
    #registrationTotals {
        padding: 10px 5px;
    }
}

@media (max-width: 575px) {
    #soeBanner {
        background: #012740;
    }
}

@media (max-width: 500px) {
    .regularImage,
    .hoverImage {
        width: 40%;
    }
    .qlText {
        font-size: 1.25em;
    }
    .c-hamburger span {
        left: 0px;
    }
    .registrationTotalsList li:nth-child(3) {
        width: 32%;
    }
    .registrationTotalsList li:nth-child(4) {
        width: 18%;
    }
    /* Mobile Icon Sizes */
    #mobiletranslateButton img,
    #mobilesearchButton img {
        width: 17.5%;
    }
    #forMobile {
        padding: 5% 0px;
    }
}