@charset "utf-8";
@import url("ffx_contentstyles.css");
@import url("font-awesome-6-all.css");

/* CSS Document */

html {
    display: block;
    margin: 0px;
    box-sizing: border-box;
    zoom: .9;
}

body {
    font-family: 'sofia-pro', sans-serif;
    font-size: 16px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
    margin-top: 0px;
    font-weight: 500;
    margin: 0px;
    width: 100%;
    display: block;
    position: relative;
    float: left;
}

a:focus {
    outline: none;
}

.alert {
    margin-inline-end: 15px;
    position: unset !important;
}

.gtranslate {
    position: absolute!important;
    top: -19px!important;
    left: 1px;
}

.switcher .selected {
    z-index: 100!important;
}

.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.department-detail-rightcolumn .col-sm-8 {
    padding-inline-end: 100px
}


/* MS Edge Overrides */

@supports (-ms-ime-align:auto) {
    body {
        font-weight: 500;
    }
    .widget-contentsectionwithlinks h2,
    .department-detail-rightcolumn h2,
    .sidenavigation h2 {
        font-weight: 500;
    }
}

h1 {
    font-size: 36px;
    font-family: 'Gibson', sans-serif;
}

h2,
.content h1 {
    font-size: 28px;
    font-family: 'Gibson', sans-serif;
    font-weight: 700;
}

.page-title h1 {
    font-family: 'Gibson', sans-serif;
    font-size: 35px;
    font-weight: 700;
    color: #00779a;
    /* margin-top: 0; */
}

.content img {
    padding: 8px;
}

#printlogo {
    visibility: collapse;
    display: none;
}

img :not(.leaflet-tile) {
    padding: 8px;
}

blockquote {
    font-size: 120%;
    font-style: italic;
}

table {
    border-collapse: collapse;
    border-color: #091f30;
    padding: 4px;
    text-align: left;
}

table th {
    background-color: #091f30;
    color: white;
}

table tr:nth-child(even) {
    background-color: rgb(234, 239, 241)
}

table tr:hover {
    background-color: #f5f5f5;
}

.footer {
    float: left;
    border-top: 0;
    margin: 0px;
    padding-top: 8px;
    padding-bottom: 0;
    position: relative;
    float: left;
}


/* block implementation */

.content_top {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 0 24px 0;
}

.content_left {
    display: block;
    position: relative;
    float: left;
    overflow: hidden;
    padding: 8px 0 24px 0;
}

.content_right {
    display: block;
    position: relative;
    float: right;
    overflow: hidden;
    padding: 8px 0 24px 0;
}

.content_bottom {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    padding: 8px 0 24px 0;
}

.pagebodycontent,
.content_left .content,
.content_right .content {
    clear: both;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.user-logged-in .content_left .content,
.user-logged-in .content_right .content {
    /* required to show quickedit context menu in the case that there is only one line of text */
    min-height: 100px;
}

.contentwidth_25 {
    width: 25%;
}

.contentwidth_33 {
    width: 33%;
}

.contentwidth_50 {
    width: 50%;
}

.contentwidth_67 {
    width: 67%;
}

.contentwidth_75 {
    width: 75%;
}

.contentwidth_100 {
    width: 100%;
}

.block-title {
    padding-inline-start: 0;
}

.block-block-content .field {
    padding-inline-start: 3px;
}


/* end:block implementation */


/* generic */

.path-node .right-text {
    text-align: right;
}


/* end:generic */


/* Hide Quick Edit button for ShareThis */

#block-sharethis button.trigger,
.sharethis-block-configure {
    display: none;
}

.page-sharethis {
    float: right;
    padding: 8px;
}


/* Bootstrap mod for 5 columns */


/* 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1500px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* hide the title on full width pages */

.ffx_fullwidth .page-title {
    /* visibility:hidden; */
    /* display:none; */
}

.ffx_fullwidth .container-fluid,
.ffx_fullwidth .container-fluid>.row>.col-md-12,
.ffx_fullwidth .container-fluid>.row>.col-md-12>.department-detail-rightcolumn>.row>.col-sm-12 {
    padding: 0 0;
}

.ffx_fullwidth .department-detail-rightcolumn,
.ffx_fullwidth .widget,
.ffx_fullwidth .jumbotron-featured {
    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 0px;
    line-height: 28px;
}


/* /Bootstrap mod for 5 columns */

.titleoverlay.dark {
    color: #00779a;
}

.titleoverlay.light {
    color: #fff;
}

.main-container {
    padding-top: 150px!important;
}

@media (max-width: 1100px) {
    .main-container {
        padding-top: 100px!important;
    }
}

.paragraph>section {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.homepage.main-container {
    width: 100%;
}

h3,
.h3 {
    font-size: 26px;
    text-transform: uppercase;
    padding-bottom: 20px;
    font-weight: 700;
    font-family: 'Gibson', sans-serif;
}

.label {
    color: #000;
}

.img-responsive,
.img-fluid {
    width: 100%;
    height: auto;
}


/* Site Settings */

.settinglink {
    cursor: pointer;
}

.settinglink a {
    background-color: inherit!important;
    /* text-decoration: none!important; */
    color: inherit!important;
    padding: inherit!important;
    margin: inherit!important;
}


/* Site Settings */


/* Orange Tabs */

.orange-tabs a {
    font-size: 1em!important;
    width: 100%;
    display: block;
    margin: -8px;
    padding: 8px;
    margin-inline-start: 0px;
}

.orange-tabs {
    font-family: 'sofia-pro', sans-serif;
    font-size: 90%;
    letter-spacing: 3px;
    font-weight: 500;
    margin-top: 18px;
    margin-inline-start: 0px;
    /* margin-bottom: 5px; */
    background-color: #19414F!important;
    color: #ffffff!important;
    font-weight: 500;
    padding: 10px;
    text-align: center;
    width: 100%;
    display: block!important;
    text-transform: uppercase;
    letter-spacing: 5px;
    line-height: 1.2em;
}

.faarrowafter:after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-inline-start: 3px;
    position: absolute;
    padding-top: 5px;
    content: "\f061";
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 13px;
    line-height: 1;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
}

.widget {
    /* padding:1em; */
    margin-top: 1em;
    display: block;
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}

.homepage .widget {
    margin-top: 0;
}

.widget-contentsectionwithlinks {
    padding: 25px 16px 26px 36px!important;
    /* max-height: 450px; */
    line-height: 1.5em;
}

.widget-contentsectionwithlinks .row {
    background-color: inherit;
    display: flex;
    /* display: block; */
    /* position: relative; */
    /* float: left; */
}

.widget-contentsectionwithlinks .row div {
    background-color: inherit;
}

.widget-contentsectionwithlinks .contentcolumn {
    overflow-y: hidden;
    overflow-x: hidden;
    /* max-height: 380px; */
    min-height: 48px;
    padding-inline-end: 40px;
}

.col-sm-8 .widget-contentsectionwithlinks .contentcolumn {
    max-height: none;
}

.widget-contentsectionwithlinks .twocolumn.contentcolumn {
    display: block;
}

.widget-contentsectionwithlinks .contentcolumn .contentcolumntext ul {
    display: block;
    float: left;
    clear: both;
}

.widget-contentsectionwithlinks .contentcolumn .withbutton .contentcolumntext {
    /* margin-bottom:75px; */
    /* float:inline-start; */
    /* margin-bottom:55px; */
    margin-bottom: 16px;
    display: block;
    position: relative;
    float: left;
}

.widget-contentsectionwithlinks .contentcolumn .contentcolumntext {
    max-height: 315px;
    /* font-size: 1.4em; */
    line-height: 1.4em;
}

.widget-contentsectionwithlinks.nomaxheight .contentcolumn .contentcolumntext {
    max-height: inherit;
}

.widget-contentsectionwithlinks .contentcolumn .orange-tabs:before {
    content: '';
    height: 10px;
    position: absolute;
    background-color: green;
    top: -15px;
    left: 0;
    width: 100%;
}

.widget-contentsectionwithlinks .contentcolumn .orange-tabs {
    padding-top: 11px;
    bottom: 0;
    margin-top: 12px;
    /* position: absolute; */
    position: relative;
    /* font-size: 120%; */
}

.widget-contentsectionwithlinks .contentcolumn .twocolumn .orange-tabs {
    /* width: 50%; */
}

.widget-contentsectionwithlinks .contentcolumn .contentcolumnbutton {
    /* padding-top: 16px; */
    bottom: 0;
    width: inherit;
    /* margin-top: 12px; */
    /* position: absolute; */
    /* height:55px; */
    position: relative;
    float: left;
    clear: both;
    z-index: 99;
}

.widget-contentsectionwithlinks .contentcolumn .contentcolumnbutton a {
    position: relative;
    /* float: left; */
}

.widget-contentsectionwithlinks .contentcolumn .twocolumn .contentcolumnbutton {
    left: 48%;
    width: 50%;
    /* width: 50%; 11/29/2017 */
}

.threecolumn>.contentcolumnbutton {
    width: 33%!important;
    right: 0;
}

.fourcolumn>.contentcolumnbutton {
    width: 25%!important;
    right: 0;
}

.widget-contentsectionwithlinks .contentcolumn h1,
.widget-contentsectionwithlinks .contentcolumn h2,
.widget-contentsectionwithlinks .contentcolumn h3,
.widget-contentsectionwithlinks .contentcolumn h4,
.widget-contentsectionwithlinks .contentcolumn h5 {
    /* font-size:14px; */
    font-weight: 500;
    display: inline;
}

.widget-contentsectionwithlinks .backgroundimagebox {
    background-size: cover;
    width: 100%;
    /* height: 255px; */
    float: left;
    display: block;
    position: relative;
    clear: none;
    min-height: 200px;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 100%;
}

.widget-contentsectionwithlinks .col-md-6.imagecolumn {
    padding: 24px;
}

@media (max-width: 992px) {
    .widget-contentsectionwithlinks .contentcolumn,
    .widget-contentsectionwithlinks {
        max-height: none;
    }
    .widget-contentsectionwithlinks .contentcolumn {
        width: 100%;
    }
    .widget-contentsectionwithlinks .backgroundimagebox {
        float: none;
        height: 200px;
        min-height: 200px;
    }
    .widget-contentsectionwithlinks .col-md-6.imagecolumn {
        padding: 0;
        margin: 0;
        width: 0;
        display: none;
    }
}

.widget *::-webkit-scrollbar {
    width: 8px;
    cursor: pointer;
    z-index: 100;
    -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.3);
}

.widget *::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    cursor: pointer;
}

.widget *::-webkit-scrollbar-thumb {
    background-color: darkgrey;
    outline: 1px solid slategrey;
    cursor: pointer;
}

.widget-contentsectionwithlinks h2 {
    margin-top: 15px;
    padding-bottom: 8px;
    font-size: 54px!important;
    font-weight: 700;
    text-transform: unset!important;
    font-family: 'Gibson', sans-serif;
    padding-bottom: 46px;
    display: block;
    position: relative;
    float: left;
}

.widget-contentsectionwithlinks h3 {
    margin-top: 15px;
    margin-bottom: -7px;
    display: block!important;
    font-family: 'Gibson', sans-serif;
}

.columns_1 {
    width: 99.5%!important;
}

.columns_2 {
    width: 49.3%!important;
}

.columns_3 {
    width: 33%!important;
}

.columns_4 {
    width: 24.5%!important;
}

.widget-contentsectionwithlinks .twocolumn {
    -webkit-column-count: 2;
    /* Chrome, Safari, Opera */
    -moz-column-count: 2;
    /* Firefox */
    column-count: 2;
    max-height: 333px;
}

.widget-contentsectionwithlinks .threecolumn {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
    max-height: 333px;
}

.widget-contentsectionwithlinks .fourcolumn {
    -webkit-column-count: 4;
    /* Chrome, Safari, Opera */
    -moz-column-count: 4;
    /* Firefox */
    column-count: 4;
    max-height: 333px;
}

.widget-contentsectionwithlinks .twocolumn .contentcolumnbutton,
.widget-contentsectionwithlinks .threecolumn .contentcolumnbutton,
.widget-contentsectionwithlinks .fourcolumn .contentcolumnbutton {
    position: absolute;
}

@media screen and (max-width: 771px) {
    .widget-contentsectionwithlinks .contentcolumn .contentcolumntext {
        max-height: none;
    }
    .widget-contentsectionwithlinks .twocolumn,
    .widget-contentsectionwithlinks .threecolumn,
    .widget-contentsectionwithlinks .fourcolumn {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        max-height: none;
    }
}

a.button:hover,
a.button:active {
    text-decoration: none;
}

.orange-tabs a,
.orange-tabs .fa,
.orange-tabs .fas,
.orange-tabs .far,
.orange-tabs a:hover {
    color: #ffffff!important;
    text-decoration: none;
}

.orange-tabs .fa,
.orange-tabs .fas {
    font-size: 14px;
    color: #FFF!important;
}

.orange-tabs:hover {
    background-color: #d77a04!important;
    text-decoration: none;
    cursor: pointer;
}


/* /Orange Tabs */

@media screen and (min-width: 992px) {
    .spacer {
        display: block;
        height: 200px;
    }
}

button.accordion,
div.accordion {
    background-color: #fff;
    color: #004251;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    text-transform: uppercase;
}

button.accordion.active,
button.accordion:hover,
div.accordion.active,
div.accordion:hover {
    background-color: #fff;
}

button.accordion:after,
div.accordion:after {
    content: '\002B';
    color: red;
    font-size: 36px;
    float: right;
    margin-inline-start: 5px;
    margin-top: -15px;
    margin-inline-end: 20px;
}


/* button.accordion.active:after, div.accordion.active:after { */


/* content: "\000D7"; */


/* } */


/*
* from original css but may no longer be necessary. This would affect tabbed groups if it were enabled
div.panel {
    padding: 0px 18px;
	padding-top: 10px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
	    text-align: left;
}
*/


/* Header Area */

.jumbotron-header.preview-mode {
    margin-top: 65px;
}

.jumbotron-header {
    background-color: #FFF;
    margin-bottom: 0px;
    color: #000000;
    line-height: 30px;
    width: 100%;
    z-index: 500;
    display: block;
    float: left;
    width: 100%;
    min-width: 350px;
    /* MG: 2021 */
    /* height: 153px;  */
    /* position: fixed; */
}

.jumbotron-header h1,
.jumbotron-header .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 50px;
}

.jumbotron-header p,
.jumbotron-header p {
    font-size: 12px;
}

.container .jumbotron-header,
.container-fluid .jumbotron-header {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
    /*   border-radius: 6px; */
}

.jumbotron-header .container {
    width: 100%;
    max-width: 1400px;
    min-width: 1500px;
    padding-top: 20px;
    /* height: 130px; */
    background-color: #FFF;
}

@media screen and (max-width: 1100px) {
    .jumbotron-header {
        /* height:100px!important; */
    }
    .pagecontent {
        /* top:100px!important; */
    }
    .jumbotron-header .container {
        padding-bottom: 0px;
        /* font-size: 14px; */
        max-width: 100%;
    }
}

@media screen and (min-width: 1101px) {
    .navbar-nav {
        width: 100%;
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }
    li.dropdown {
        /* was affecting global nav */
        width: 13%;
        text-align: center;
    }
}

@media screen and (max-width: 992px) {
    .jumbotron-header .container {
        padding-top: 20px;
        padding-bottom: 0px;
        /* font-size: 14px; */
    }
    .fe-row-content-content {
        left: 0;
        margin: 0;
        min-width: auto;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron-header .container {
        padding-top: 20px;
        padding-bottom: 0px;
        /* font-size: 14px; */
        width: 100%;
    }
    .jumbotron-header h4,
    .jumbotron-header .h4 {
        font-size: 16px;
        font-weight: 500;
        color: #000000;
        padding-top: 10px;
    }
}

.navalertoffset .main-container {
    margin-bottom: 127px;
    position: relative;
    top: 32px!important;
}

.navalertoffset2 .main-container {
    margin-bottom: 164px;
    position: relative;
    top: 64px!important;
}

.navalertoffset .pagecontent {
    margin-bottom: 127px;
    position: relative;
    /* MG: 2021 */
    /* margin-top: 44px!important; */
}

.navalertoffset2 .pagecontent {
    margin-bottom: 164px;
    position: relative;
    margin-top: 64px!important;
}

.navalertglobal .jumbotron-header .logo {
    top: 45%!important;
}

@media screen and (max-width: 1100px) {
    .navalertdept .jumbotron-header .navbar-collapse {
        /* margin-top:32px; */
    }
    .navalertglobal .navbar-collapse {
        /* margin-top: 25px; */
    }
}

.countyalertsection {
    /* height:20px; */
}

.countyalertsection a,
.departmentalertsection a {
    top: -4px;
    position: relative;
}

.countyalertsection .alert_icon::before,
.departmentalertsection .alert_icon::before {
    padding-inline-end: 10px;
    top: 3px;
    position: relative;
    zoom: 88%;
}

.countyalertsection .alert_low::before,
.departmentalertsection .alert_low::before {
    content: url('./images/alert_low.png');
}

.countyalertsection .alert_medium::before,
.departmentalertsection .alert_medium::before {
    content: url('./images/alert_medium.png');
}

.countyalertsection .alert_high::before,
.departmentalertsection .alert_high::before {
    /* content: url('./images/alert_high.png'); */
}

.countyalertsection .alert_low,
.departmentalertsection .alert_low {
    background-color: #95c19e;
    border-bottom: 1px solid #8cb194;
    border-top: 1px solid #8cb194;
}

.countyalertsection .alert_medium,
.departmentalertsection .alert_medium {
    background-color: #ffb900;
    border-bottom: #c5a653;
    border-top: #c5a653;
}

.countyalertsection .alert_high,
.departmentalertsection .alert_high {
    background-color: #d13636;
    border-bottom: 1px solid #b73333;
    border-top: 1px solid #b73333;
    max-height: unset!important;
    font-size: 18px!important;
    padding: 16px;
    white-space: normal!important;
    text-align: left;
}

.countyalertsection .alert_high p,
.departmentalertsection .alert_high p {
    font-size: 16px!important;
}

.countyalertsection .alert_high .inner,
.departmentalertsection .alert_high .inner {
    max-width: 1500px;
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.countyalertsection .alert_low a,
.departmentalertsection .alert_low a {
    color: #1d1d1d;
    font-weight: 500;
}

.countyalertsection .alert_medium a,
.departmentalertsection .alert_medium a {
    color: #000;
    font-weight: 500;
}

.countyalertsection .alert_high a,
.departmentalertsection .alert_high a {
    color: #FFF;
    font-weight: 500;
}

#countyalert {
    background-color: #d13636;
    /* #fb4d42; */
    text-align: center;
    font-size: 14px;
    color: white;
    /* padding:4px; */
    /* height:40px; */
}


/* #countyalert a { */


/* color: white; */


/* } */

.countyalertsection .alert_icon,
.departmentalertsection .alert_icon {
    max-width: 100%;
    max-height: 32px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    padding-inline-end: 5px;
    /* padding-top: 4px; */
    /* padding-bottom: 4px; */
}

.departmentalertsection {
    /* height:20px; */
}

#departmentalert {
    text-align: center;
    font-size: 14px;
    position: relative;
    line-height: 20px;
}


/* #departmentalert a { */


/* color: white; */


/* } */

#mdlSearch {
    overflow-x: hidden;
}

.ui-widget-overlay {
    opacity: 0.7!important;
}

.mdlSearch .modal-header {
    top: 58px;
    position: absolute;
    right: 55px;
    z-index: 999;
}

.mdlSearch .modal-body {
    top: 43px;
}

.mdlSearch .modal-dialog {
    width: unset;
    max-width: 1200px;
}

.mdlSearch .ui-dialog-titlebar {
    display: none;
}

.mdlSearch.ui-dialog {
    width: 100%!important;
    background: none;
    border: unset!important;
    left: 0!important;
}

.mdlSearch .modal-content {
    background-color: transparent!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
}

.mdlSearch .modal-footer,
.mdlSearch .modal-header {
    border-top: 0!important;
    border-bottom: 0!important;
}

.mdlSearch .modal-header button {
    color: #FFF!important;
    opacity: 1!important;
}

.mdlSearch .form-search {
    height: 50px!important;
    width: 86%!important;
    font-size: 1.4em!important;
    color: #337ab7!important;
}

.mdlSearch .close {
    border-radius: 0!important;
    display: initial!important;
    position: relative!important;
    margin: 0!important;
    width: 50px!important;
    height: 50px!important;
    top: 0px!important;
    border: 1px solid #666!important;
    float: left!important;
    background-color: red!important;
    opacity: 1!important;
    color: #FFF!important;
    background-color: #f85f1d!important;
    font-size: 2em!important;
    cursor: pointer!important;
}

.mdlSearch button,
.mdlSearch .close {
    width: 7%!important;
}

.mdlSearch .form-submit {
    border-radius: 0!important;
    display: initial;
    position: relative;
    margin: 0;
    width: 50px;
    height: 50px!important;
    top: 0px;
    border: 1px solid #666;
    float: left;
    cursor: pointer;
}

.mdlSearch .form-submit .fas {
    font-size: 24px;
    font-weight: 500;
}

.mdlSearch iframe {
    width: 100%;
    height: 613px;
    border: 0;
    margin-inline-start: 1px;
}

@media screen and (max-width: 768px) {
    .mdlSearch.ui-dialog {
        width: 100%!important;
        left: 0px!important;
    }
    .mdlSearch .modal-dialog {
        width: 100%;
    }
    .mdlSearch .form-search {
        width: 76%!important;
    }
    .mdlSearch button,
    .mdlSearch .close {
        width: 12%!important;
    }
}

.navbar {
    border: 0;
}

.navbar .header {
    max-width: 1400px;
    min-width: 1500px;
}

@media (max-width: 1500px) {
    .navbar .header {
        max-width: auto;
        min-width: auto;
        text-transform: uppercase;
    }
    .jumbotron-header .container {
        min-width: unset;
    }
}

header#navbar {
    position: relative;
    z-index: 100;
}

#navbar .topmenu {
    display: flex;
    flex-direction: row;
    justify-content: right;
    color: #00779a;
}

#navbar .topmenu li {
    width: fit-content;
    float: left;
}

#navbar .topmenu a {
    color: #00779a;
    text-transform: uppercase;
}

#navbar .topmenu li:focus,
#navbar .topmenu a:hover,
#navbar .topmenu a:active,
#navbar .topmenu a:focus {
    color: #00779a;
    background-color: #FFF;
}

#navbar .topmenu div {
    float: left;
}

#navbar .topmenu .internal_menu {
    padding-inline-end: 30px;
}

.header .searchbox {
    width: 300px;
}

.header .searchbox button {
    width: 289px;
    border: none;
    height: 44px;
    cursor: pointer;
}

.header .searchbox button:active,
.header .searchbox button:focus {
    border: none;
    outline: none;
}

.navbar-inverse {
    background-color: #FFF;
    border-color: #FFF;
    /* position: absolute; */
    margin-bottom: 0px;
    width: 100%;
}

.navbar-inverse .navbar-brand {
    color: #9d9d9d;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #004251;
    background-color: transparent;
}

.navbar-inverse .navbar-text {
    color: #ffffff;
}

.navbar-inverse .navbar-nav>li>a {
    color: #686868;
    font-size: 1.1em;
    text-transform: uppercase;
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
    color: #686868;
    background-color: transparent;
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #686868;
    background-color: #FFF;
}

.navbar-inverse .navbar-nav>.disabled>a,
.navbar-inverse .navbar-nav>.disabled>a:hover,
.navbar-inverse .navbar-nav>.disabled>a:focus {
    color: #444;
    background-color: transparent;
}

.navbar-header .navbar-toggle {
    border-color: #00779a;
    background-color: #00779a;
    border-radius: 0;
    margin-inline-end: 0;
    margin-top: 0;
    margin-bottom: 0px;
    height: 100px;
    width: 70px;
    float: right;
    /* padding-top: 20px; */
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #00779a;
}

.navbar-header .navbar-toggle span {
    width: 100%;
    ;
    color: #FFF;
    font-size: 12px;
}

.navbar-header .navbar-toggle .icon-bar {
    background-color: #fff;
    height: 3px;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 0;
}

span.icon-bars {
    width: 28px;
    height: 36px;
    position: relative;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    display: inline-block;
}

span.icon-bars span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #FFF;
    border-radius: 1px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

span.icon-bar:nth-child(1) {
    top: 1px;
}

span.icon-bar:nth-child(2),
span.icon-bar:nth-child(3) {
    top: 12px;
}

span.icon-bar:nth-child(4) {
    top: 24px;
    height: 4px!important;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.navbar-toggle:not(.collapsed) .icon-bar:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.navbar-inverse .navbar-toggle .icon-x,
.navbar-inverse .navbar-toggle .icon-bars {
    height: 22px;
    display: block;
}

.navbar-header .navbar-toggle .icon-x {
    float: right;
    background-image: url(images/icon-menu-x.png);
    background-attachment: cover;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    display: none;
}

.navbar-toggle:not(.collapsed) .icon-bar {
    /* background-color: red; */
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
    width: 100%;
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    font-family: 'sofia-pro', sans-serif;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #666;
    background-color: #FFF;
}

.navbar-inverse .navbar-nav>.open>a:focus span.underline {
    /* border-bottom:1px solid #00779a; */
    padding-bottom: 4px;
}

.navbar-inverse .navbar-nav .minor,
.navbar-inverse .navbar-nav .closeLink:after {
    color: #a6acb0!important;
}

@media (max-width: 510px) {
    .navbar-inverse {
        position: relative;
    }
    .logo {
        /* position:relative!important;		 */
    }
}

@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #9d9d9d;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #444;
        background-color: transparent;
    }
}

.navbar-inverse .navbar-link {
    color: #9d9d9d;
}

.navbar-inverse .navbar-link:hover {
    color: #fff;
}

.navbar-inverse .btn-link {
    color: #9d9d9d;
}

.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
    color: #fff;
}

.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
    color: #444;
}

.home-position {
    padding-top: 20px;
}

.dropdown-menu {
    background-color: #cccccc;
    border-radius: 0px;
    text-decoration: none;
    background: rgba(204, 204, 204, 0.95);
}

.dropdown-menu>li>a {
    display: block;
    margin-inline-start: 5px !important;
    padding-inline-start: 0px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: #fff;
    white-space: nowrap;
    text-decoration: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #FFF;
    text-decoration: none;
    background-color: #c03a28;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #c03a28;
    outline: 0;
}

.sidenavigation .dropdown-menu>li>a:hover,
.sidenavigation .dropdown-menu>li>a:focus {
    color: #5aabf4!important;
}

.navbar-nav>li>.dropdown-menu {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-decoration: none;
    width: 350px;
    left: initial;
}

.navbar-nav>li>.dropdown-menu-nooffset {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    text-decoration: none;
    width: 1175px;
    margin-inline-start: auto;
    margin-inline-end: auto;
    left: 0;
    right: 0;
    padding-bottom: 25px;
}


/* /header Area */


/* Header/Navigation Area */

.logo {
    text-align: center;
    /* 	padding-top: 25px;
	padding-inline-start: 0px; */
    margin-inline-start: auto;
    margin-inline-end: auto;
    left: 0;
    right: 0;
    width: 255px;
    /* position: absolute; */
    top: 24px;
    z-index: auto;
}

.search {
    text-align: right;
    padding-top: 15px;
    padding-inline-end: 25px;
    /* height:80px; */
}

.searchresults .pagecontent {
    padding: 8px 16px;
}

@media screen and (max-width: 768px) {
    .navbar-collapse {
        /* padding-inline-end: -23px; */
        /* padding-inline-start: 70px; */
    }
}


/* To be used for making search icon ipod friendly for using touchstart event */


/* @media screen and (max-width: 1100px) { */


/* .search { */


/* background-image: url(images/searchglass_mobile.png); */


/* background-repeat: no-repeat; */


/* background-position: right; */


/* background-position-x: 0; */


/* background-position-y: 80%; */


/* height: 50px; */


/* width: 50px; */


/* float: right; */


/* cursor:pointer; */


/* touch-action: manipulation; */


/* } */


/* } */

div.dhcdlogo {
    position: relative;
}

@media screen and (min-width: 1101px) {
    .logo {
        display: none!important;
    }
}

@media screen and (min-width: 1100px) {
    .logo {
        display: block;
    }
    .search {
        display: none;
    }
}

@media screen and (min-width: 300px) {
    .navbar .logo {
        margin-inline-end: 0;
        padding-inline-start: 0;
        text-align: center;
        position: relative;
        float: left;
        width: 100%;
        height: 0px;
        margin-top: -22px;
    }
}

@media screen and (max-width: 600px) {
    div.logo img {
        /* min-width: 38%; */
        /* width: 100%; */
        /* position: absolute!important; */
        /* max-width: 79%; */
        /* left: 13%; */
        /* top:8px; */
    }
}

li.dhcdlogo {
    width: 18%;
    margin-top: -42px;
}

.mega-dropdown-menu .level3 {
    padding-inline-start: 0px;
}

.mega-dropdown-menu .level3 a {
    display: inline-block;
    float: left;
    max-width: 260px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 5px!important;
    font-size: 13px;
}

.mega-dropdown-menu .level3 .icon-white {
    margin-top: -3px;
    position: relative;
    float: left;
}

.mega-dropdown-menu .dropdown-menu>li>a:hover,
.mega-dropdown-menu .dropdown-menu>li>a:focus {
    text-decoration: underline!important;
}

.dropdown.mega-dropdown a {
    /* white-space:nowrap; */
    /* to allow wrapping of long menu items */
    /* white-space:pre-wrap; */
    padding-inline-start: 0;
    padding-inline-end: 0;
    padding-top: 35px;
}

a.dropdown-toggle.level2 {
    padding-top: 0px!important;
    color: #00779a!important;
    text-transform: none!important;
}

.dropdown.mega-dropdown.icon {
    width: 7%;
}

.dropdown.mega-dropdown.icon i {
    font-size: 1.6em;
}

.fa-cog {
    float: right;
    padding-inline-end: 30%;
}

@media screen and (max-width: 1100px) {
    .dhcdlogo {
        display: none;
        width: 80%;
    }
    .logo {
        top: 0px!important;
        zoom: 90%;
    }
    .jumbotron-header .container {
        padding-top: 0;
    }
    .container.navbar-inverse {
        margin-top: 40px;
    }
    .search {
        padding-inline-end: 0;
    }
}

@media screen and (min-width: 768px) {
    .dhcdlogotop {
        display: none;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 769px) {
    .dhcdlogotop {
        display: none;
        margin-bottom: 15px;
    }
}

.container {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

@media screen and (max-width: 1500px) {
    .container {
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
}

@media screen and (max-width: 992px) {
    .container {
        padding-inline-start: 0px;
        width: auto;
    }
    article {
        /* padding-inline-start: 15px;
		padding-inline-end: 15px; */
    }
    .content .field--name-body {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }
}

@media screen and (max-width: 992px) {
    .cog {
        display: none;
    }
}

.facog {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-top: 18px;
}

.departmentsearch .col-md-12 {
    padding-inline-start: 0px;
}

.departmentsearch .searchrow {
    margin-inline-end: 0;
}

.departmentsearch .searchrow table tr:hover {
    background-color: initial;
}

.departmentsearch .gsc-input-box,
.departmentsearch .gsc-input-box input,
.departmentsearch .gsc-search-box-tools .gsc-search-box .gsc-input {
    background-color: #eeeeee!important;
    font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    color: #999!important;
    border: 0!important;
    padding-top: 5px;
    padding-bottom: 12px;
    font-size: 16px!important;
    box-shadow: none!important;
    padding-inline-start: 9px;
    font-size: 18px!important;
    font-weight: bold!important;
    border-radius: 0!important;
}

.departmentsearch .gsc-input-box-hover,
.departmentsearch .gsc-input-box-hover tr,
.departmentsearch .gsc-input-box-hover td,
.departmentsearch .gsc-input-box-hover table,
.departmentsearch .gsc-input-box-hover tbody,
.departmentsearch .gsc-input-box-hover input {
    background-color: #eeeeee!important;
}

.sidenavigation .searchtextbox::placeholder {
    color: #c2c2c2;
}

.gsc-input-box input::placeholder,
.gsc-input-box button::placeholder {
    color: #c2c2c2;
}

.departmentsearch input.gsc-search-button,
.departmentsearch input.gsc-search-button:hover,
.departmentsearch input.gsc-search-button:focus,
.departmentsearch button.gsc-search-button,
.departmentsearch button.gsc-search-button:hover,
.departmentsearch button.gsc-search-button:focus {
    border-color: #666666;
    background-color: #990000;
    background-image: none;
    filter: none;
    height: 51px!important;
    position: relative;
    padding: 14px!important;
    width: 51px!important;
}

table.gsc-search-box td {
    /* vertical-align: bottom!important; */
    padding: 0px;
}

.departmentsearch .container {
    min-height: 100px;
}

input.gsc-search-button,
button.gsc-search-button {
    margin-inline-start: 0!important;
    margin-top: 0px!important;
    width: auto!important;
    height: 36px!important;
    border-radius: 0!important;
}

.searchtext {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 20px;
    padding-inline-start: 20px;
}

.departmentsearch {
    padding: 8px 0;
}

.departmentsearch .gsc-control-cse {
    padding-inline-start: 0px;
}

.departmentsearch .container {
    width: 100%;
    min-height: 100px!important;
}

.ffx_fullwidth .widget.departmentsearch .container {
    max-width: 1170px;
    padding-inline-start: 16px;
}

.searchtextbox {
    font-size: 32px;
    padding-bottom: .2em;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 10px;
    color: #00779a;
    font-family: 'sofia-pro', sans-serif;
}

.searchtextbox .underline {
    border-bottom: 5px solid #004251;
    padding-bottom: 16px;
    display: inline-flex;
}

.searchbutton,
#search-block-form .btn {
    color: #ffffff;
    background-color: #d13636;
    text-align: center;
    width: 150px;
    clear: both;
}

#search-block-form .btn .sr-only {
    overflow: visible;
    position: relative;
}

#search-block-form .btn .glyphicon-search {
    display: none;
    visibility: collapse;
}

.jumbotroncontainer {
    padding-inline-end: 15px;
    padding-inline-start: px;
    margin-inline-end: auto;
    margin-inline-start: auto;
}

@media (min-width: 768px) {
    .jumbotroncontainer {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .jumbotroncontainer {
        width: 970px;
    }
}

@media (min-width: 1500px) {
    .jumbotroncontainer {
        width: 1170px;
    }
}

.searchrow {
    margin-inline-end: -90px;
    /* margin-inline-start: -15px; */
}

@media (max-width: 1100px) {
    .searchrow {
        margin-inline-end: 10px;
        margin-inline-start: -15px;
    }
}

@media (max-width: 992px) {
    .searchrow {
        margin-inline-end: 25px;
        margin-inline-start: -15px;
    }
}


/* mega menu overrides */

.navbar-collapse .dropdown-row {
    display: block;
    position: relative;
    clear: both;
}

.navbar-collapse .dropdown-row .dropdown1 ul {
    position: relative;
    float: left;
    width: 1151px;
    background-color: #004251;
    margin-top: -1px;
    margin-inline-start: 0;
    padding-inline-start: 0px;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-row .dropdown1 ul {
        position: relative;
        float: left;
        width: 818px;
        background-color: #004251;
        margin-top: -1px;
        margin-inline-start: -6px;
        padding-inline-start: 5px;
    }
}

@media (max-width: 992px) {
    .navbar-collapse .dropdown-row .dropdown1 ul {
        position: relative;
        float: left;
        width: 716px;
        background-color: #004251;
        margin-top: -1px;
        margin-inline-start: -6px;
        padding-inline-start: 5px;
    }
}

.navbar-collapse .dropdown-row .dropdown2 ul {
    position: relative;
    float: left;
    width: 1048px;
    background-color: #004251;
    margin-top: -1px;
    margin-inline-start: -6px;
    padding-inline-start: 5px;
}


/* column one */

.navbar-collapse .dropdown-row .dropdown1 ul.col1 {
    left: -8px;
}

.navbar-collapse .dropdown-row .dropdown1 ul.col1 a:hover {
    left: -8px;
    background-image: none;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col1 {
        left: -8px;
        width: 814px;
        /* was 817*/
    }
}

@media (max-width: 992px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col1 {
        left: -8px;
        width: 730px;
    }
}

@media (max-width: 768px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col1 {
        display: none;
    }
    .nav.navbar-nav {
        margin: 0;
    }
}


/* /column one */


/* column two */

.navbar-collapse .dropdown-row .dropdown1 ul.col2 {
    left: -298px;
}

.navbar-collapse .dropdown-row .dropdown1 ul.col2 a:hover {
    left: -5px;
    background-image: none;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col2 {
        left: -210px;
        width: 814px;
    }
}

@media (max-width: 994px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col2 {
        left: -189px;
        width: 729px;
    }
}

@media (max-width: 768px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col2 {
        display: none;
    }
}


/* /column two */


/* column three */

.navbar-collapse .dropdown-row .dropdown1 ul.col3 {
    left: -588px;
}

.navbar-collapse .dropdown-row .dropdown1 ul.col3 a:hover {
    left: -5px;
    background-image: none;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col3 {
        left: -415px;
        width: 813px;
    }
}

@media (max-width: 994px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col3 {
        left: -374px;
        width: 729px;
    }
}

@media (max-width: 768px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col3 {
        display: none;
    }
}


/* /column three */


/* column four */

.navbar-collapse .dropdown-row .dropdown1 ul.col4 {
    left: -878px;
}

.navbar-collapse .dropdown-row .dropdown1 ul.col4 a:hover {
    left: -5px;
    background-image: none;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col4 {
        left: -621px;
        width: 813px;
    }
}

@media (max-width: 994px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col4 {
        left: -558px;
        width: 729px;
    }
}

@media (max-width: 768px) {
    .navbar-collapse .dropdown-row .dropdown1 ul.col4 {
        display: none;
    }
}


/* /column four */

.navbar-collapse .dropdown-item {
    float: left;
    width: 24.1%;
    margin: 5px;
    display: block;
    position: relative;
    border-color: #cccccc;
    border: 5px;
    background-color: #ffffff;
    background-image: url(images/plus.png);
    padding-inline-start: 8px;
    text-decoration: none;
    background-position-x: 20px;
    background-repeat: no-repeat;
}

@media (min-width: 1100px) {
    .dropdown1.dropdown-item.open,
    .dropdown1.dropdown-item.over {
        background-image: url(images/multiply.png);
        background-color: #004251;
        display: block;
        background-position-x: 20px;
        background-repeat: no-repeat;
    }
    .dropdown1.dropdown-item.open>.dropdown-toggle,
    .dropdown1.dropdown-item.over>.dropdown-toggle {
        color: #ffffff;
        background-color: #004251;
        padding-inline-start: 0;
    }
    .dropdown1.dropdown-item.open>.dropdown-toggle:hover,
    .dropdown1.dropdown-item.over>.dropdown-toggle:hover {
        padding-inline-start: 5px;
        background-color: #004251;
    }
}

.dropdown1 a:hover {
    display: block;
    background-image: url(images/multiply.png);
    margin-inline-start: -5px;
    color: #ffffff;
    background-color: #004251;
    background-position-x: 17px;
    background-repeat: no-repeat;
}

.dropdown1-clickableregion {
    position: absolute;
    z-index: 99999;
    right: 0px;
    top: 0;
    width: 37px;
    height: 30px;
    cursor: pointer;
    display: block!important;
}

@media (max-width: 992px) {
    .dropdown1 a:hover {
        display: block;
        background-image: url(images/multiply-small.png);
        margin-inline-start: -11px;
        color: #ffffff;
    }
    .dropdown1-clickableregion {
        display: none;
        visibility: collapse;
    }
}

.dropdown-toggle a {
    font-weight: 300;
    color: #ffffff;
}

.dropdown-toggle.toplevel {
    text-transform: uppercase;
}

@media (max-width: 1100px) {
    .navbar-collapse .dropdown-item {
        float: left;
        width: 23.7%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #cccccc;
        border: 5px;
        background-color: #ffffff;
        background-image: url(images/plus-medium.png);
        padding-inline-start: 10px;
        text-decoration: none;
    }
}

@media (max-width: 992px) {
    .navbar-collapse .dropdown-item {
        float: left;
        width: 23.5%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #cccccc;
        border: 5px;
        background-color: #ffffff;
        background-image: url(images/plus-small.png);
        padding-inline-start: 10px;
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    .navbar-collapse .dropdown-item {
        float: left;
        width: 100%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #cccccc;
        border: 5px;
        background-color: #ffffff;
        background-image: none;
        padding-inline-start: 10px;
        text-decoration: none;
    }
}

.search .mega-dropdown-menu {
    margin-top: 0;
}

.search-form {
    padding-top: 16px;
}

.search-help-link {
    display: none;
    visibility: hidden;
}

.path-search .department-detail-rightcolumn h3 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
    padding: 0;
    font-family: 'Gibson', sans-serif;
}

.path-search .department-detail-rightcolumn p {
    margin-bottom: 5px;
}

.form-search {
    float: left!important;
    border-radius: 0!important;
    height: 36px!important;
    border-top: 1px solid #6a6a6a!important;
    border-left: 1px solid #6a6a6a!important;
    border-bottom: 1px solid #6a6a6a!important;
}

.form-submit {
    border-radius: 0!important;
}

.mega-dropdown {
    position: static !important;
}

.mega-dropdown-menu {
    padding: 10px 0px;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.mega-dropdown-menu>li {
    padding-inline-start: 5px;
    padding-inline-end: 5px;
}

.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 1px;
}

.mega-dropdown-menu>li>ul>li {
    list-style: none;
}

.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #222;
    padding: 3px 5px;
}

.mega-dropdown-menu>li ul>li>a:hover,
.mega-dropdown-menu>li ul>li>a:focus {
    text-decoration: none;
}

.mega-dropdown-menu .dropdown-header {
    font-size: 18px;
    color: #ff3546;
    padding: 5px 60px 5px 5px;
    line-height: 30px;
}

.carousel-control {
    width: 30px;
    height: 30px;
    top: -35px;
    opacity: 1;
}

.carousel-control .glyphicon {
    width: 30px;
}

.left.carousel-control {}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 43px;
    line-height: 30px;
    color: #FFF;
}

.nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
    background-color: #fff;
    border-color: #004251;
    text-decoration: none;
    color: #ffffff;
    /* was #004251 ; */
}


/*Login Screen Style*/

.card-container.card {
    max-width: 350px;
    padding: 40px 40px;
}

.btn {
    height: 36px;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    cursor: default;
    font-family: 'sofia-pro', sans-serif;
    letter-spacing: 3px;
    font-weight: 500;
}


/*
 * Card component
 */

.card {
    background-color: #F7F7F7;
    /* just in case there no content*/
    padding: 20px 25px 30px;
    margin: 0 auto 25px;
    margin-top: 50px;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
}

.profile-img-card {
    width: 96px;
    height: 96px;
    margin: 0 auto 10px;
    display: block;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}


/*
 * Form styles
 */

.profile-name-card {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    margin: 10px 0 0;
    min-height: 1em;
}

.reauth-email {
    display: block;
    color: #404040;
    line-height: 2;
    margin-bottom: 10px;
    font-size: 14px;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin #inputEmail,
.form-signin #inputPassword {
    direction: ltr;
    height: 44px;
    font-size: 16px;
}

.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%;
    display: block;
    margin-bottom: 10px;
    z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162);
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px;
    /* box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px ;*/
}

.btn.btn-signin {
    /*background-color: #4d90fe; */
    /* background-color: rgb(104, 145, 162);*/
    /* background-color: linear-gradient(rgb(104, 145, 162), rgb(12, 97, 33));*/
    padding: 0px;
    font-weight: 700;
    font-size: 14px;
    height: 36px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: none;
    -o-transition: all 0.218s;
    -moz-transition: all 0.218s;
    -webkit-transition: all 0.218s;
    transition: all 0.218s;
}

.btn.btn-signin:hover,
.btn.btn-signin:active,
.btn.btn-signin:focus {
    background-color: rgb(97, 133, 150);
}

.forgot-password {
    color: rgb(104, 145, 162);
}

.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus {
    color: rgb(12, 97, 33);
}


/* Focalpoint */

.focalpoint {
    height: 665px;
    background-size: cover;
    background-position-x: 50%;
    background-repeat: no-repeat;
    min-width: 101%;
}

video.focalpoint {
    width: 100%;
    object-fit: cover;
    display: block;
    left: 0px;
    top: 0px;
    z-index: -1;
    padding-top: 0px;
    margin-top: 0px;
    /* margin-top:-50%; */
    /* margin-top:-59px; */
    /* Will not work in IE */
    /* object-position: top; */
    /* object-position: bottom; */
    /* object-position: center; */
}

video.focalpoint[poster] {
    margin-top: 0px;
    height: auto;
}

.jumbotron-focalpoint {
    padding-bottom: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    /* height: 390px; */
    width: 100%;
    overflow: hidden;
    min-height: 100px;
    max-height: 665px;
    display: block;
    position: relative;
}

.focalpoint-overlay {
    background: rgba(107, 108, 156, 0.5);
    position: absolute;
    display: block;
    top: 220px;
    font-size: .9em;
}

.focalpoint-image {
    display: block;
    float: left;
    padding: 8px;
}

.focalpoint-text {
    display: block;
    float: left;
    width: 300px;
    padding: 16px;
    padding-inline-start: 16px;
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
}

@media screen and (max-width: 1500px) {
    .focalpoint {
        height: 585px;
    }
}

@media screen and (max-width: 1100px) {
    .focalpoint {
        height: 450px;
        background-size: cover;
        background-position: center;
    }
}

@media screen and (max-width: 991px) {
    .focalpoint-overlay {
        visibility: hidden!important;
        display: none!important;
    }
    .focalpoint {
        height: 300px;
        background-size: cover;
        background-position: center;
    }
}

@media screen and (max-width: 510px) {
    .focalpoint {
        height: 180px;
        background-size: cover;
        background-position: center;
    }
}


/* /Focalpoint */


/* How Do I... */

.jumbotron-howdoi .parallax {
    background-image: url(images/sealbackground.png);
    /* background-attachment: fixed; */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 66%;
    background-position-x: 100%;
    background-position-y: 9%;
}

.jumbotron-howdoi {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 1.00);
    padding-bottom: 0px;
    margin-bottom: 15px;
    margin-top: 15px;
}

.jumbotron-howdoi h1,
.jumbotron-howdoi .h1 {
    font-size: 48px;
    padding: .8em;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 15px;
}

.jumbotron-howdoi p,
.jumbotron-howdoi p {
    /* font-size: 16px; */
}

.jumbotron-howdoi a {
    color: #000000;
}

.jumbotron-howdoi a:hover {
    color: #004251;
}

.container .jumbotron-howdoi,
.container-fluid .jumbotron-howdoi {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-howdoi .container {
    max-width: 100%;
}

@media screen and (max-width: 768px) {
    .jumbotron-howdoi {
        padding-top: 15px;
        padding-bottom: 0px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .container .jumbotron-howdoi,
    .container-fluid .jumbotron-howdoi {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .departmenta-rightcolumn,
    .departmenta-leftcolumn,
    .col-md-3,
    .col-md-6,
    .col-md-9,
    .col-md-10,
    .col-md-12,
    .departmentafeaturedcolumnone,
    .departmentafeaturedcolumntwo,
    .col-md-7,
    .col-md-7,
    .grey-container-collapse-dept,
    .jumbotron-featured-dept,
    .jumbotron-blue-dept,
    .col-xs-12 {
        margin: 0;
        padding: 0;
    }
    .jumbotron-news h1,
    .jumbotron-news .h1,
    .jumbotron-news1 h1,
    .jumbotron-howdoi h1,
    .jumbotron-howdoi .h1 {
        font-size: 30px!important;
        font-weight: bold!important;
        padding: 0em!important;
    }
}

.grey-container {
    background-color: #f3f8fc;
    text-align: left;
    padding: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .grey-container {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .grey-container-collapse {
        display: none;
    }
}


/* 

.grey-container{
	background-color: #f3f8fc;
	text-align: left;
	padding: 30px;
	margin-bottom: 30px;
	clear: both;
	position: relative;
	float: left;
}
@media screen and (min-width: 992) {
	.grey-container{
		display: none;
	}
	
}

@media screen and (min-width: 992) {
	.grey-container-collapse{
		display: none;
	}
}
 */

.grey-container .howdoilinks {
    height: 208px;
    overflow: hidden;
}

.grey-container p {
    min-width: 255px;
}

.hdi-title {
    color: #004251;
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}

.hdi-title a {
    color: #004251;
}


/* /How Do I... */


/* Featured Area */

.jumbotron-featured {
    /* background-color: #ffffff; */
    /* background-color: rgba(255,255,255,1.00); */
    /* -webkit-box-shadow: 1px 1px 10px 1px #777777; */
    /* box-shadow: 1px 1px 10px 1px #777777; */
}

.jumbotron-featured .singlecolorblock {}

.jumbotron-featured .underline {
    border-bottom: 4px solid;
    padding-bottom: 8px;
    display: inline-flex;
}

.jumbotron-featured a {
    color: #ffffff;
}

.jumbotron-featured a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.jumbotron-featured h1,
.jumbotron-featured .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-bottom: 50px;
}

.container .jumbotron-featured,
.container-fluid .jumbotron-featured {
    padding-inline-end: 0px;
    padding-inline-start: 0px;
    /*   border-radius: 6px; */
}

.jumbotron-featured .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron-featured {
        padding-top: 0px;
        /* padding-bottom: 48px; */
        margin-bottom: 50px;
    }
    .container .jumbotron-featured,
    .container-fluid .jumbotron-featured {
        padding-inline-end: 0px;
        padding-inline-start: 0;
    }
    .jumbotron-featured h1,
    .jumbotron-featured .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}

.fe-row {
    margin-inline-end: 0px;
    margin-inline-start: 0px;
}

.fe-row {
    float: left;
    width: 100%;
    background-size: cover;
    display: block;
    clear: both;
    position: relative;
    /* height:350px; */
    overflow: hidden;
}

.fe-row-image {
    background-size: cover;
    width: 55%;
    float: left;
    display: block;
    position: relative;
    clear: none;
    height: 350px;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
}

.singlecolorblock .fe-row-image {
    height: 400px;
}

@media screen and (max-width: 768px) {
    .fe-row-image {
        display: none;
    }
}

.fe-row-image.right {
    float: right;
}

.fe-row-content {
    width: 45%;
    display: block;
    position: relative;
    float: right;
    min-height: 200px;
    max-height: 350px;
    color: #FFF;
    padding: 3%;
}

.fe-row-content-content {
    /* margin-top: -15px; */
    /* float: right; */
    /* min-width: 400px; */
    text-align: left;
    /* width: 300px; */
    /* height: 100px; */
    /* top: 12%; */
    /* left: 50%; */
}

.ffx_subpagewidth .fe-row-content-content {
    float: initial;
}

@media screen and (max-width: 768px) {
    .fe-row-content {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        height: 350px;
        color: #FFF;
        padding: 5%;
    }
    .fe-row-content-content {
        float: left;
        height: auto;
    }
    .fe-row-image {
        display: none;
        visibility: hidden;
    }
}

@media screen and (max-width: 992px) {
    .fe-row-content-content {
        left: 0;
        margin: 0;
        min-width: auto;
    }
}

.fe-row-one {
    float: left;
    width: 100%;
    background-size: cover;
}

.fe-row-two {
    float: right;
    width: 100%;
    background-size: cover;
}

.fe-row-three {
    float: left;
    width: 100%;
    background-size: cover;
}

.featured-container-left {
    padding-inline-start: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #ffffff;
}

.featured-container-right {
    padding-inline-end: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #ffffff;
    text-align: right;
}

.fe-rw1-lft-title {
    text-transform: uppercase;
    border-bottom: 5px solid #00779a;
    width: 232px;
    /*MG: adjust this to show  a border only as wide as the txt */
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 18px;
}

.fe-rw2-rt-title {
    text-transform: uppercase;
    xborder-bottom: 5px solid #004251;
    margin-bottom: 20px;
    padding-bottom: 5px;
    font-size: 18px;
}

@media screen and (max-width: 768px) {}


/* /Featured Area */


/* News and Events */

.jumbotron-news {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 1.00);
    margin-bottom: 15px;
    margin-top: 15px;
    padding-bottom: 30px;
}

.jumbotron-news a {
    color: #000000;
}

.jumbotron-news a:hover {
    color: #004251;
}

.jumbotron-news h1,
.jumbotron-news .h1 {
    font-size: 48px;
    padding: .8em;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 15px;
}

.jumbotron-news p,
.jumbotron-news p {
    font-size: 18px;
}

.container .jumbotron-news,
.container-fluid .jumbotron-news {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-news .container {
    max-width: 100%;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
}

.news-photo {
    background-image: url(images/kidsreading.png);
    height: 500px;
    width: 100%;
}

.photo-caption {
    color: #ffffff;
    font-size: 22px;
    margin-top: -80px;
    margin-bottom: 15px;
    padding-inline-start: 20px;
}

.calendarrow {
    height: 850px;
    padding-inline-start: 50px;
    padding-inline-end: 50px;
}

.calendar {
    background-color: #ffffff;
    color: #000000;
    border: 2px solid #000000;
    text-align: center;
    width: 70px;
    float: left;
    margin-bottom: 4px;
}

.month {
    font-style: 500;
    font-size: 16px;
    padding-top: 5px;
}

.day {
    font-style: bold;
    font-size: 30px;
    margin-top: -20px;
}

.description-area {
    padding-inline-start: 8px;
    /* float: left;
	width: 250px;
	*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: -4px;
    width: 385px;
    /* height:78px;	 */
    white-space: normal;
}

@media screen and (max-width: 992px) {
    .description-area {
        padding-inline-start: 8px;
        float: left;
        width: 85%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.calendar-title {
    font-size: 14px;
    color: #004251;
}

.calendar-description {
    font-size: 0.8em;
    /*font-size: 12px;
	margin-top: -18px;*/
    color: #000000;
    margin-top: -24px;
    line-height: 14px;
    height: 45px;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
}

.calendar-category {
    font-size: 12px;
    color: #666666;
    /*margin-top: -18px;*/
    margin-top: -23px;
    margin-bottom: 20px;
}


/* /News and Events */


/* Social Media Section */

.jumbotron-blue {
    background-color: #004251;
    background-color: rgba(73, 139, 198, 1.00);
}

.jumbotron-blue a {
    color: #fff;
}

.jumbotron-blue a:hover {
    color: #ccc;
    text-decoration: underline;
}

.container .jumbotron-blue,
.container-fluid .jumbotron-blue {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-blue .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron-blue {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .container .jumbotron-blue,
    .container-fluid .jumbotron-blue {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-blue h1,
    .jumbotron-blue .h1 {
        font-size: 63px;
    }
}

.social-media {
    font-size: 16px;
    padding-inline-start: 15px;
    padding-inline-end: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #004251;
    background-color: rgba(73, 139, 198, 1.00);
    color: #ffffff;
}

.social-media hr {
    border-top: 1px solid #376d9c;
}

.social-media-title {
    font-size: 26px;
    position: absolute;
    padding-top: 10px;
    padding-inline-start: 20px;
}

.social-media-row {
    display: block;
    position: relative;
    float: left;
    clear: both;
    width: 100%;
    min-width: 350px;
    overflow: hidden;
}

.social-media-row a {
    color: #000000;
}

.social-media-row a:hover {
    color: #999999;
    text-decoration: none;
}

.social-media-icon {
    margin-top: 18px;
    color: #004251;
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 15px;
    /* padding-inline-start: 12px; */
    width: 30%;
    /* min-width: 76px; */
    max-width: 50px;
    height: 51px;
    margin-bottom: 5px;
    display: block;
    position: relative;
    float: left;
}

.social-media-tabs {
    margin-top: 18px;
    margin-bottom: 5px;
    background-color: #ffffff;
    color: #000000;
    font-style: bold;
    font-size: 22px;
    padding: 10px;
    border-left: 5px solid #004251;
    position: relative;
    display: block;
    float: left;
    width: 85%;
}

@media (max-width: 992px) {
    .social-media-tabs {
        margin-top: 18px;
        margin-bottom: 5px;
        background-color: #ffffff;
        color: #000000;
        font-style: bold;
        font-size: 22px;
        padding: 10px;
        border-left: 5px solid #004251;
        position: relative;
        display: block;
        float: left;
        width: 92%;
    }
}

@media (max-width: 992px) {
    .social-media-tabs {
        margin-inline-start: 0px;
    }
}

@media (max-width: 686px) {
    .social-media-tabs {
        margin-top: 18px;
        margin-bottom: 5px;
        background-color: #ffffff;
        color: #000000;
        font-style: bold;
        font-size: 22px;
        padding: 10px;
        border-left: 5px solid #004251;
        position: relative;
        display: block;
        float: left;
        width: 87%;
    }
}


/* /Social Media Section */


/* Financial Transparancy Section */

@media (max-width: 992px) {
    .graphs {
        display: none;
    }
}


/* /Financial Transparancy Section */


/* Three Tab Section */

.jumbotron-darkblue {
    background-color: #00779a;
    background-color: rgba(9, 31, 47, 1.00);
    padding-bottom: 48px;
    padding-top: 0px;
    margin-bottom: 15px;
    /* 	margin-top: 50px; */
    color: #cccccc;
    line-height: 30px;
}

.jumbotron-darkblue h1,
.jumbotron-darkblue .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 50px;
}

.jumbotron-darkblue p,
.jumbotron-darkblue p {
    font-size: 16px;
}

.container .jumbotron-darkblue,
.container-fluid .jumbotron-darkblue {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-darkblue .container {
    max-width: 100%;
}

.jumbotron-darkblue a.rollover {
    display: block;
    width: 300px;
    height: 40px;
    padding-inline-start: 10px;
    padding-top: 5px;
    text-decoration: none;
    color: #ffffff;
}

.jumbotron-darkblue a.rollover:hover,
.jumbotron-darkblue .active {
    background-image: url(images/bluearrow.png);
    background-repeat: no-repeat;
}

.jumbotron-darkblue a {
    color: #ffffff;
}

.jumbotron-darkblue .multimenu-level1 a:hover {
    color: #FFF;
    /* color: #004251 ;	*/
}

.jumbotron-darkblue .multimenu-level2 a:hover {
    color: #004251;
}

ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

ul.tabs li {
    background: #ededed;
    color: #00779a;
    display: inline-block;
    padding: 15px 50px;
    cursor: pointer;
    width: 33%;
    text-align: center;
    font-size: 20px;
}

ul.tabs li.current {
    background: #00779a;
    color: #ffffff;
}

.tab-content {
    display: none;
    background: #00779a;
    padding-top: 50px;
}

.tab-content.current {
    display: inherit;
    background: #00779a;
}

@media screen and (max-width: 992px) {
    .jumbotron-darkblue {
        background-color: #e5e5e5;
        padding-bottom: 48px;
        padding-top: 0px;
        margin-bottom: 50px;
        /* margin-top: 50px; */
        color: #cccccc;
        line-height: 30px;
    }
    .jumbotron-darkblue h1,
    .jumbotron-darkblue .h1 {
        font-size: 52px;
        font-weight: 500;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .jumbotron-darkblue p,
    .jumbotron-darkblue p {
        font-size: 16px;
    }
    .container .jumbotron-darkblue,
    .container-fluid .jumbotron-darkblue {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
        /*   border-radius: 6px; */
    }
    .jumbotron-darkblue .container {
        max-width: 100%;
        padding-inline-start: 15px;
    }
    .jumbotron-darkblue a.rollover {
        display: block;
        width: 94%;
        height: 65px;
        margin-inline-start: 15px;
        margin-inline-end: 150px !important;
        padding: 15px;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        font-size: 22px;
        background-color: #004251;
    }
    .jumbotron-darkblue a.rollover:hover,
    .jumbotron-darkblue a.active {
        background-color: #55a1e5;
        background-image: none;
    }
    ul.tabs {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }
    ul.tabs li {
        background: #e5e5e5;
        color: #00779a;
        display: inline-block;
        padding: 15px 5px;
        cursor: pointer;
        width: 31.7%;
        text-align: center;
        font-size: 18px;
    }
    ul.tabs li.current {
        background: #ffffff;
        color: #00779a;
    }
    .tab-content {
        display: none;
        background: #00779a;
        padding-top: 75px;
        margin-top: -60px;
    }
    .tab-content.current {
        display: inherit;
        background: #ffffff;
    }
}

@media screen and (max-width: 992px) {
    .hidewhensmall {
        display: none;
    }
}

.hidecogwhensmall {
    margin-top: -21px;
}

@media screen and (max-width: 992px) {
    .hidecogwhensmall {
        display: none;
    }
}


/* /Three Tab Section */


/* Contact Form */

.contactformwidget {
    padding: 16px 24px;
}


/* /Contact Form */


/* Contact Us Section */

.contactuslink-container {
    float: left;
    display: inline;
    position: relative;
    width: 100%;
}

.contactuslink-title {
    float: left;
    display: block;
    position: relative;
    width: 15%;
    padding-inline-start: 0px;
    text-align: right;
    min-width: 145px;
}

.contactuslink-links {
    /* display: inline-flex; */
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
}

.contactuslink-block {
    display: block;
    width: 100%;
    height: 124px;
    position: relative;
    text-align: center;
}

.contactuslink-block .icon-blue-padding {
    clear: both;
    display: inline-block;
    position: relative;
}

.contactuslink {
    display: block;
    width: 25%;
    position: relative;
    /* float: left; */
    display: inline-flex;
    min-width: 200px;
}

@media screen and (max-width: 992px) {
    .contactuslink-links {
        display: inline;
    }
}

.jumbotron-white {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 1.00);
    padding-bottom: 0px;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
}

.homepage .jumbotron-white {
    box-shadow: 1px 1px 10px 1px #777777;
}

.jumbotron-white h1,
.jumbotron-white .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 15px;
}

.jumbotron-white p,
.jumbotron-white p {
    font-size: 14px;
}

.jumbotron-white a {
    color: #fff;
}

.container .jumbotron-white,
.container-fluid .jumbotron-white {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-white .container {
    max-width: 100%;
    padding-top: 50px;
}

.jumbotron-white {
    background-image: url(images/transparency.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /* height: 500px; */
    background-size: 100%;
    background-position-x: 100%;
    background-position-y: 76%;
    background-size: cover;
    padding: 50px 0;
}

@media screen and (max-width: 992px) {
    .jumbotron-white {
        padding-top: 15px;
        padding-bottom: 15px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .transparency-box {
        -webkit-border-radius: 0px!important;
        border-radius: 0px!important;
    }
    .container .jumbotron-white,
    .container-fluid .jumbotron-white {
        padding-inline-end: 0px;
        padding-inline-start: 0px;
    }
    .jumbotron-white h1,
    .jumbotron-white .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}


/* Contact Us Widget icon color overrides */

.jumbotron-contactus .fa {
    color: #004251 !important;
}

.jumbotron-contactus .fa:hover {
    color: #61b4fe!important;
}


/* moved custom icons to seperate file */

.jumbotron-contactus {
    background-color: #FFFFFF;
    background-color: rgba(255, 255, 255, 1.00);
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 30px;
}

.jumbotron-contactus h1,
.jumbotron-contactus .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 30px;
}

.jumbotron-contactus p {
    font-size: 16px;
    padding-bottom: 10px;
}

.jumbotron-contactus .container a {
    color: #004251;
}

.jumbotron-contactus .container a:hover {
    color: #61b4fe;
}

.container .jumbotron-contactus,
.container-fluid .jumbotron-v {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-contactus .container {
    max-width: 100%;
    padding-top: 50px;
    width: 100%;
    margin: 0px!important;
}

@media screen and (max-width: 768px) {
    .jumbotron-contactus {
        padding-top: 30px;
        /*padding-top: 0px;
    padding-bottom: 120px;*/
    }
    .container .jumbotron-contactus,
    .container-fluid .jumbotron-contactus {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-contactus h1,
    .jumbotron-contactus .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}


/* Social Media Widget */

.widget.socialmedia .container {
    max-width: 100%;
    padding-inline-start: 15px;
}

.widget.socialmedia {
    padding: 0px;
}

.widget.socialmedia .tweetbox a {
    /* color:#FFF; */
}

.widget.socialmedia.facebook {
    background-color: #FFF;
    color: #000;
}

.widget.socialmedia.twitter {
    background-color: #FFF;
    color: #000;
}

.widget.socialmedia .container:after,
.widget.socialmedia .col-md-7:after,
.widget.socialmedia .col-md-5:after {
    clear: none;
}

.widget.socialmedia .col-md-7,
.widget.socialmedia .col-md-5 {
    padding: 0;
}

.widget.socialmedia .title {
    padding-top: 16px;
    padding-bottom: 16px;
}

.widget.socialmedia .title.twitter {
    color: #00779a;
}

.widget.socialmedia .title.facebook {
    color: #00779a;
}

.widget.socialmedia .title.facebook i,
.widget.socialmedia .title.twitter i {
    color: #004251;
}

.widget.socialmedia .social-media-icon-dept a {
    color: #FFF;
}

.widget.socialmedia .social-media-icon-dept {
    /* margin-top: 18px; */
    background-color: #004251;
    padding-top: 10px;
    padding-bottom: 15px;
    /* padding-inline-start: 12px; */
    width: 50px;
    min-width: 50px;
    max-width: 52px;
    height: 52px;
    /* margin-bottom: 5px; */
    display: block;
    position: relative;
    float: left;
    line-height: 32px;
    text-align: center;
    border-radius: 30px;
    margin-inline-start: 4px;
    margin-inline-end: 4px;
}

.widget.socialmedia .social-media-tabs-dept {
    margin-top: 18px;
    margin-bottom: 5px;
    background-color: #ffffff;
    font-style: bold;
    font-size: 22px;
    padding: 10px;
    position: relative;
    display: block;
    float: left;
    width: 65%;
    line-height: 32px;
    height: 51px;
    margin-inline-start: 5px;
}

.widget.socialmedia .buttonrow_container {
    display: flex;
    justify-content: space-around;
    margin-top: 15px;
    width: 90%;
}

.widget.socialmedia .twitterrow {
    padding-inline-end: 12px;
}

.widget.socialmedia .twitterrow .tweetbox hr {
    border-bottom: 1px solid #376d9c;
}

.widget.socialmedia .twitterrow .tweetbox img {
    border: 0;
}

@media screen and (max-width: 992px) {
    .widget.socialmedia .buttonrow_container {
        padding: 0 8px;
        margin-inline-start: 0;
    }
    .widget.socialmedia .social-media-tabs-dept {
        width: 75%;
    }
}


/* Social Media Widget */

.pagecontent {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    /* MG: 2021 */
    /* top: 153px; */
    padding-bottom: 180px;
    background-color: #FFF;
}

.pagecontent .container {
    min-height: 300px;
}

.pagecontent h1 {
    color: #19414F;
    text-transform: uppercase;
    font-size: 1.8em;
    font-weight: 700;
    padding-top: 0;
    /* margin-top:0; */
    font-family: 'Gibson', sans-serif;
}

.pagecontent h2 {
    color: #19414F;
    text-transform: uppercase;
    font-size: 1.6em;
    font-weight: 700;
    padding-top: 0;
    /* margin-top:0; */
    font-family: 'Gibson', sans-serif;
}

.container.programalert {
    min-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-weight: bold;
    color: #00779a;
    text-align: center;
    font-size: 1.2em;
}

.container.programalert a,
.container.programalert a:active,
.container.programalert a:visited {
    color: #00779a;
}

.programalert i {
    color: #FFF;
    background-color: #00779a;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 7px;
}

.programalert {
    width: 100%;
}

.programcontact {
    background-color: #e0eff3;
    padding-top: 50px;
}

.programcontact a {
    text-decoration: underline;
}

.programcontact .container {
    max-width: 1500px;
    padding-bottom: 90px;
}

.programcontact .left {
    padding-inline-end: 20px;
    float: left;
    width: 70%;
}

.programcontact .right {
    float: right;
    max-width: 680px;
    overflow: hidden;
    width: 650px;
    max-height: 370px;
    max-width: 570px;
    width: 30%;
}

.programcontact .right img {
    position: relative;
    top: 50%;
    width: 100%;
}

.programcontact .user {
    display: block;
    float: left;
    clear: both;
}

.programcontact .user .name,
.programcontact .user .phone,
.programcontact .user .email {
    display: block;
    float: left;
    clear: both;
}

.programcontact .user .name {
    font-weight: bold;
}

.programcontact .content {
    display: block;
    float: left;
    clear: both;
    margin-top: 20px;
    max-width: 800px;
}

@media (max-width: 1200px) {
    .programcontact .content {
        max-width: none;
    }
    .programcontact .left {
        width: 50%;
    }
    .programcontact .right {
        width: 50%!important;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
}

@media (max-width: 900px) {
    .programcontact .left {
        width: 100%;
    }
    .programcontact .right {
        width: 100%!important;
        float: unset;
        margin-inline-start: auto;
        margin-inline-end: auto;
        padding-top: 16px;
    }
}

@media (min-width: 1500px) {
    .container {
        width: 1470px;
    }
    .col-sm-8 .widget .container {
        max-width: 1800px;
        width: auto;
    }
}

@media (min-width: 1200px) {
    .col-sm-8 .widget .container {
        max-width: 1200px;
        width: auto;
    }
}

@media (min-width: 992px) {
    .col-sm-8 .widget .container {
        max-width: 970px;
        width: auto;
    }
}

@media screen and (max-width: 1500px) {
    .programcontact {
        padding: 20px;
    }
    .programcontact .right {
        /* width: auto; */
    }
}

.search-inline .pagecontent {
    top: 0px!important;
}

.search-inline .pagecontent .container {
    top: 0px;
    margin-inline-start: 0;
    width: 96%;
}

.search-inline .pagecontent .input-group,
.search-inline .pagecontent .search-advanced {
    visibility: collapse;
    display: none;
}

button.accordion2 {
    background-color: #00779a;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

.button.accordion:hover {
    background-color: #ffffff;
}

.button.accordion2.active,
button.accordion2:hover {
    background-color: #00779a;
}

button.accordion2:after {
    content: '\002B';
    color: red;
    font-size: 36px;
    float: right;
    margin-inline-start: 5px;
    margin-top: 0px;
}

button.accordion2.active:after {
    content: "\000D7";
}

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: #00779a;
    color: #d13636;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left !important;
}

.panel2left p {
    text-align: left;
    font-size: 16px;
    margin-inline-start: -15px;
}

.fa-2x {
    font-size: 2em!important;
}


/* /Homepage Footer Section */


/* mobile footer sidenavigationitems */

.mobile-footer-sidenavigationitems {
    display: none;
    visibility: collapse;
}

@media screen and (max-width: 992px) {
    .mobile-footer-sidenavigationitems {
        display: block;
        position: relative;
        float: left;
        visibility: visible;
        width: 100%;
        padding: 8px;
    }
    .mobile-footer-sidenavigationitems .iconcontainer {
        display: inline-flex;
    }
    .mobile-footer-sidenavigationitems .iconcontainer a {
        width: 58px;
    }
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
    .sidenavigation .iconcontainer {
        /* width: 170px; */
        /* float: left; */
    }
    .sidenavigation .social-media-icon {
        zoom: 81%;
    }
}


/* /mobile footer sidenavigationitems */


/* Footer Section */

.regular-subpage-footer-view {
    position: relative;
    float: left;
    width: 100%;
}

.jumbotron-footer {
    display: block;
    background-color: #00779a;
    padding-bottom: 48px;
    margin-bottom: 0px;
    margin-top: 130px;
    color: #cccccc;
    line-height: 20px;
    padding-top: 40px;
}

.jumbotron-footer h1,
.jumbotron-footer .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 50px;
}

.jumbotron-footer p {
    color: #ffffff;
}

.jumbotron-footer .centercolumn {
    margin-top: auto;
    text-align: center;
    margin-bottom: auto;
}

.jumbotron-footer .social-media-icon-dept {
    background-color: #54cef8;
    padding-top: 9px;
    padding-bottom: 15px;
    width: 42px;
    max-width: 42px;
    height: 42px;
    display: block;
    position: relative;
    float: left;
    line-height: 32px;
    text-align: center;
    border-radius: 30px;
    font-size: .8em;
    margin-inline-end: 8px;
}

.jumbotron-footer .social-media-icon-dept a {
    color: #00779a;
}

.footer-awards h4 {
    line-height: 48px;
}

.footer-awards .fa-2x {
    font-size: 2em;
    width: 30px;
}

.footercontainer .fa-1x {
    font-size: 1em;
}

.footercontainer.col-sm-2 {
    width: auto;
}

.footercontainer .centercolumn img {
    padding-top: 38px;
}

.footer-awards-text {
    padding-inline-start: 16px;
}

.jumbotron-footer h4 {
    font-size: 16px;
    color: #ffffff;
    padding-bottom: 10px;
    font-weight: bold;
}

.jumbotron-footer a {
    color: #ccc;
}

.jumbotron-footer a:active,
.jumbotron-footer a:hover {
    color: #fff;
}

.footersubtitle {
    font-size: 16px;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .jumbotron-footer p,
    .jumbotron-footer p {
        font-size: 12px;
        text-align: center;
    }
}

.container .jumbotron-footer,
.container-fluid .jumbotron-footer {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    border-radius: 6px;
}

.jumbotron-footer .container {
    max-width: 100%;
}

@media screen and (max-width: 992px) {
    .jumbotron-footer .container {
        max-width: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron-footer {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .container .jumbotron-footer,
    .container-fluid .jumbotron-footer {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-footer h4,
    .jumbotron-footer .h4 {
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        padding-top: 10px;
    }
}

.seal {
    padding-bottom: 30px;
    padding-inline-start: 10px;
    margin-top: -100px;
}

.footer-text {
    color: #cccccc;
    margin-bottom: 30px;
    text-transform: uppercase;
    padding-top: 20px;
}

.footer-title {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.footer-row {
    margin-top: 50px;
}

.footer-icon {
    color: #00779a;
    background-color: #cccccc;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}

.color-change {
    color: #ffffff;
}

.row {
    margin-inline-start: 0;
    margin-inline-end: 0;
}

@media screen and (max-width: 992px) {
    .color-change {
        color: #d13636;
    }
    .row {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
}

.footer-container {
    background-color: #f3f8fc;
    text-align: left;
    padding: 30px;
    margin-bottom: 30px;
}

.footercontainer .panel {
    overflow: visible;
    background-color: inherit;
    padding: 0;
    box-shadow: none;
}

.footercontainer button,
.footercontainer div.accordion {
    background-color: initial;
    color: #FFF;
    padding-inline-start: 0;
    font-family: 'sofia-pro', sans-serif;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 700;
}

.footercontainer div.accordion a {
    color: #FFF;
}

button.accordion:after,
div.accordion:after {
    content: '';
}

@media screen and (max-width: 992px) {
    .footercontainer>h4 {
        visibility: collapse;
        display: none;
    }
    .footercontainer .panel {
        overflow: hidden;
        padding: auto;
        margin-bottom: 0;
        -webkit-box-shadow: none;
    }
    .footercontainer .panel {
        visibility: hidden;
        display: none;
    }
    .footercontainer .panel.active {
        visibility: visible;
        display: block;
    }
    .footercontainer .panel p {
        text-align: left;
        padding-inline-start: .5em;
    }
    .footercontainer button,
    .footercontainer div.accordion {
        visibility: visible;
        display: block;
        background-color: #00779a;
        margin-top: 20px;
        padding: 10px;
    }
    .footercontainer button:hover,
    .footercontainer div.accordion:hover {
        background-color: #00779a;
    }
    .footercontainer button:after,
    .footercontainer div.accordion:after {
        content: '\002B';
        color: #fff;
        font-size: 30px;
        float: right;
        margin-inline-start: 5px;
        margin-top: -15px;
        line-height: 44px;
    }
    .footercontainer button.accordion.active,
    .footercontainer button:hover,
    .footercontainer div.accordion.active,
    .footercontainer div.accordion:hover {
        background-color: #00779a!important;
    }
    .footercontainer div.accordion a {
        color: #fff;
    }
    .footercontainer {
        width: 100%;
        /* padding-bottom: 8px; */
    }
    .footer-row {
        margin-top: 30px;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    .jumbotron-footer .centercolumn {
        margin-top: 30px;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    .row-social {
        display: flex;
        flex-direction: column;
    }
}

@media screen and (min-width: 992px) {
    .footer-container-accordion {
        display: none;
    }
}

.footer-container p {
    min-width: 255px;
}

.jumbotron-footer .imageicon:after {
    width: 28px;
    height: 28px;
    display: block;
    position: relative;
    float: left;
}

.jumbotron-footer .icon-channel6-small:after {
    content: url(images/icon-channel16-gray_small.png);
}

.jumbotron-footer .icon-channel6-small:hover:after {
    content: url(images/icon-channel16-white_small.png);
}

.jumbotron-footer .icon-channel16-small:after {
    content: url(images/icon-channel16-gray_small.png);
}

.jumbotron-footer .icon-channel16-small:hover:after {
    content: url(images/icon-channel16-gray_small.png);
}

.jumbotron-footer .socialmedia-icon a,
.jumbotron-footer .socialmedia-icon a:active,
.jumbotron-footer .socialmedia-icon a:hover {
    color: #5a6966!important;
}

.jumbotron-footer .socialmedia-icon {
    float: left;
    text-align: center;
    width: 35px;
    background-color: #00779a!important;
    margin: 2px;
    padding: 4px;
    padding-top: 8px;
    height: 35px;
    border-radius: 20px;
}

.jumbotron-footer .socialmedia-row {
    white-space: nowrap;
    display: inline-flex;
    position: relative;
    padding-bottom: 8px;
    margin-inline-start: -4px;
}

.jumbotron-footer .disclaimer-row {
    /* white-space: nowrap; */
    display: block;
    position: relative;
    float: left;
    padding-bottom: 8px;
}

.jumbotron-footer .footercontainer {}

.jumbotron-footer .footercontainer.equalhousing {
    text-align: center;
}

.jumbotron-footer .footercontainer.centercolumn img {
    width: 100%;
    height: auto;
    max-width: 505px;
    padding-top: 25px;
    /* display: block; */
    /* max-width: 100%; */
    /* height: auto; */
}

button.accordion2 {
    background-color: #00779a;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

.button.accordion:hover {
    background-color: #ffffff;
}

.button.accordion2.active,
button.accordion2:hover {
    background-color: #00779a;
}

button.accordion2:after {
    content: '\002B';
    color: #d13636;
    font-size: 36px;
    float: right;
    margin-inline-start: 5px;
    margin-top: 0px;
}

button.accordion2.active:after {
    content: "\000D7";
}

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: #00779a;
    color: #d13636;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left !important;
}

.panel2left p {
    text-align: left;
    font-size: 16px;
    margin-inline-start: -15px;
}


/* Footer Section */


/* Subpage Footer Section */

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer {
        display: none;
    }
}

.jumbotron-subpage-footer {
    display: block;
    background-color: #00779a;
    background-color: rgba(9, 31, 47, 1.00);
    padding-bottom: 48px;
    margin-bottom: 0px;
    margin-top: 200px;
    /* was margin-top: 275px */
    color: #cccccc;
    line-height: 30px;
}

.jumbotron-subpage-footer h1,
.jumbotron-subpage-footer .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 50px;
}

.jumbotron-subpage-footer p,
.jumbotron-subpage-footer p {
    font-size: 12px;
    color: #ffffff;
}

.jumbotron-subpage-footer .footer-awards h4 {
    line-height: 48px;
}

.jumbotron-subpage-footer h4 {
    font-size: 16px;
    color: #ffffff;
}

.jumbotron-subpage-footer a {
    color: #ccc;
}

.jumbotron-subpage-footer a:active,
.jumbotron-subpage-footer a:hover {
    color: #fff;
}

.jumbotron-subpage-footer .footersubtitle {
    font-size: 16px;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer p,
    .jumbotron-subpage-footer p {
        font-size: 12px;
        text-align: center;
    }
}

.container .jumbotron-subpage-footer,
.container-fluid .jumbotron-subpage-footer {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-subpage-footer .container {
    max-width: 100%;
}

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer .container {
        max-width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron-subpage-footer {
        padding-top: 48px;
        padding-bottom: 48px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .container .jumbotron-subpage-footer,
    .container-fluid .jumbotron-subpage-footer {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-subpage-footer h4,
    .jumbotron-subpage-footer .h4 {
        font-size: 16px;
        font-weight: 500;
        color: #ffffff;
        padding-top: 10px;
    }
}

.jumbotron-subpage-footer .seal {
    margin-top: -180px;
    padding-bottom: 30px;
    padding-inline-start: 10px;
}

.jumbotron-subpage-footer .footer-text {
    color: #cccccc;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.jumbotron-subpage-footer .footer-title {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.jumbotron-subpage-footer .footer-row {
    margin-top: 50px;
}

.jumbotron-subpage-footer .footer-icon {
    color: #00779a;
    background-color: #cccccc;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}

.jumbotron-subpage-footer .color-change {
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer .color-change {
        color: #d13636;
    }
}

.jumbotron-subpage-footer .footer-container {
    background-color: #f3f8fc;
    text-align: left;
    padding: 30px;
    margin-bottom: 30px;
}

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer .footercontainer {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .jumbotron-subpage-footer .footer-container-accordion {
        display: none;
    }
}

.jumbotron-subpage-footer .footer-container p {
    min-width: 255px;
}

button.accordion2 {
    background-color: #00779a;
    color: #ffffff;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
}

.button.accordion2:hover {
    background-color: #ffffff;
}

.button.accordion2.active,
button.accordion2:hover {
    background-color: #00779a;
}

button.accordion2:after {
    content: '\002B';
    color: #d13636;
    font-size: 36px;
    float: right;
    margin-inline-start: 5px;
    margin-top: 0px;
}

button.accordion2.active:after {
    content: "\000D7";
}

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: #00779a;
    color: #d13636;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left !important;
}

.jumbotron-subpage-footer .panel2left p {
    text-align: left;
    font-size: 16px;
    margin-inline-start: -15px;
}

@media screen and (min-width: 993px) {
    .mobiletest {
        display: none;
    }
}

.mobiletest {
    display: block;
    background-color: #d13636;
    height: 100px;
}


/* SUBPAGE MOBILE FOOTER */


/* jumbotron-subpage-footer-mobile */

@media screen and (min-width: 993px) {
    .jumbotron-subpage-footer-mobile {
        display: none;
    }
}

.jumbotron-subpage-footer-mobile h3 {
    font-size: 22px;
    text-transform: none;
    line-height: 30px;
}

.jumbotron-subpage-footer-mobile .icon-orange {
    color: #d13636;
}

.jumbotron-subpage-footer-mobile .icon-orange a {
    color: #d13636;
}

.jumbotron-subpage-footer-mobile .icon-orange a:active,
.jumbotron-subpage-footer-mobile .icon-orange a:hover {
    color: #fff;
    text-decoration: none;
}

button.accordion-site-tools {
    background-color: #00779a;
    color: #004251;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    text-transform: uppercase;
}

button.accordion-site-tools,
button.accordion-site-tools:hover {
    background-color: #00779a;
}

button.accordion-site-tools:after {
    content: '\002B';
    color: #d13636;
    font-size: 22px;
    float: right;
    margin-inline-start: 5px;
    margin-top: 0px;
}

button.accordion-site-tools:after {
    content: "\000D7";
}

.jumbotron-subpage-footer-mobile .panel-mobile-footer {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: #00779a;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left !important;
}

.jumbotron-subpage-footer-mobile .grey-container-dept {
    background-color: #262a34;
    text-align: left;
    padding: 30px;
    margin-bottom: 30px;
    color: #ffffff;
}

@media screen and (max-width: 992px) {
    .jumbotron-subpage-footer-mobile .grey-container-dept {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .jumbotron-subpage-footer-mobile .grey-container-collapse-dept {
        display: none;
    }
}

.jumbotron-subpage-footer-mobile .grey-container-collapse-dept a {
    color: #ffffff;
    font-size: 18px;
}

.jumbotron-subpage-footer-mobile .grey-container-collapse-dept a:hover {
    color: #004251;
    font-size: 18px;
}


/* /jumbotron-footer-mobile */


/* /SUBPAGE MOBILE FOOTER */

.icon-white {
    color: #FFF;
}

.icon-blue {
    color: #004251;
    padding-inline-end: 10px;
}

.icon-blue-padding {
    color: #004251;
    margin-bottom: -15px;
}

.icon-orange {
    color: #004251;
}

.icon-orange a {
    color: #004251;
}

.icon-orange a:active,
.icon-orange a:hover {
    color: #fff;
    text-decoration: none;
}

.icon-darkblue {
    color: #00779a;
}

.icon-white {
    color: #ffffff;
}

.settingsboxcontainer {}

.settingsbox {
    width: 30%;
    display: block;
    position: relative;
    float: left;
}

.settingsbox .settinglabel {
    position: relative;
    display: block;
    float: left;
    min-width: 300px;
    clear: both;
    width: 100%;
    text-align: center;
}

.settingsbox .buttons {
    position: relative;
    display: block;
    float: left;
    min-width: 300px;
    clear: both;
    width: 100%;
    text-align: center;
}

.settingsbox button {
    width: 150px;
    border: 1px solid black;
}

.no-padding-inline-start {
    padding-inline-start: 0px;
}

.no-padding-inline-end {
    padding-inline-end: 0px;
}

.dropdow-full {
    width: 100%;
}

.site-settings h1 {
    color: #000000;
    font-weight: 500;
    font-size: 24px;
    padding-bottom: 20px;
    padding-inline-start: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.site-settings h2,
.site-settings .h2 {
    color: #000000;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 2px;
    padding-inline-start: 2px;
}

.site-settings h2 a,
.site-settings .h2 a {
    display: block;
    background-image: none;
    margin-inline-start: 0;
    color: #12181c;
    background-color: inherit;
    background-position-x: 0;
    background-repeat: inherit;
    text-decoration: none;
    font-size: 16px;
}

.site-settings h2 a:hover,
.site-settings .h2 a:hover {}

.site-settings h5 {
    color: #c03a28;
    font-weight: 500;
    width: 140px;
}

.site-settings p {
    line-height: 20px;
}

.site-settings h5 span {
    height: 14px;
    float: right;
    width: 20px;
}

.fontsmall {
    font-size: 10px;
    font-weight: 500;
    color: #000;
}

.fontmedium {
    font-size: 12px;
    font-weight: 500;
    color: #000;
}

.fontlarge {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.fontextralarge {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (max-width: 1100px) {
    .dropdown.mega-dropdown.icon {
        width: 100%;
    }
    .site-settings h1,
    .site-settings .hideOnSmall {
        visibility: hidden;
        display: none;
    }
    .site-settings h1,
    .site-settings h2,
    .site-settings .h2,
    .site-settings h5,
    .site-settings .fontsmall,
    .site-settings .fontmedium,
    .site-settings .fontlarge,
    .site-settings .fontextralarge,
    .site-settings p {
        color: #FFF;
    }
    .mega-dropdown-menu .searchtext {
        color: #FFF;
        padding-inline-start: 13px;
    }
    .search .searchtext {
        color: #00779a;
    }
    .searchrow {
        margin-inline-end: 0;
        margin-inline-start: 0;
        padding-top: 0;
        margin-bottom: 29px;
        height: auto;
    }
    .searchrow .col-xs-10 {
        width: 60%;
    }
    .search.open .dropdown-menu.mega-dropdown-menu .searchrow .col-xs-10 {
        width: 83.33333333%;
    }
    .navbar-collapse .dropdown-row .dropdown1 ul {
        position: relative;
        float: left;
        width: 818px;
        background-color: #004251;
        margin-top: -1px;
        margin-inline-start: -6px;
        padding-inline-start: 5px;
    }
    .dropdown1.dropdown-item.open,
    .dropdown1 a:hover {
        background-image: none!important;
    }
    .navbar-collapse .dropdown-row .dropdown1 ul.col1 {
        left: -5px;
        width: 814px;
        /* was 817*/
    }
    .dropdown1 .dropdown-item .open {
        background-color: auto;
    }
    .dropdown1 a:hover {
        background-color: initial!important;
        padding-inline-start: 11px;
    }
    .dropdown1.dropdown-item.open>.dropdown-toggle {
        background-color: initial!important;
    }
    .dropdown-menu .mega-dropdown-menu {
        visibility: collapse;
        display: none;
    }
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1500px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

.transparency-box {
    background-color: rgba(255, 255, 255, .85);
    -webkit-border-radius: 7px 7px 7px;
    border-radius: 7px 7px 7px;
    padding: 8px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    min-height: 460px;
    overflow: hidden;
}

.transparency-box h1,
.transparency-box h2 {
    text-align: center;
    text-transform: uppercase;
}

.transparency-box h2 {
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
    font-size: 1.6em;
}

.transparency input,
.transparency submit {
    height: 32px;
}

.transparency input[type=text] {
    background-color: #ffffff85!important;
}

.transparency-form-label {
    width: 280px;
    text-align: center;
    display: block;
    clear: none;
    float: left;
    padding: 5px;
    position: relative;
}

.transparency-form-form {
    width: 260px;
    text-align: left;
    display: block;
    clear: none;
    float: left;
    position: relative;
}

@media (max-width: 600px) {
    .transparency-form-label {
        text-align: left;
        clear: both;
    }
    .transparency-form-chart {
        visibility: collapse;
        display: none;
    }
}

.closeItem {
    visibility: hidden;
    display: none!important;
}

.siteSettingsLink {
    visibility: hidden;
    display: none!important;
}

.navbar-nav ul.menu {
    visibility: collapse;
    display: none;
}

.navbar-inverse .navbar-nav>.homeItem i,
.navbar-inverse .navbar-nav>.searchItem i,
.navbar-inverse .navbar-nav>.siteSettingsItem i {
    font-size: 1em;
    padding-top: 5px;
}

.navbar-inverse .navbar-nav>.searchItem,
.navbar-inverse .navbar-nav>.siteSettingsItem {
    width: 40px;
}

@media (min-width: 1100px) {
    .navbar-inverse .navbar-nav>li>a:hover>.menuanimation:not(.fa-home) {
        font-size: 17.5px;
        border-bottom: 1px solid #d13636;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: rgb(209, 54, 54);
        padding-bottom: 4px;
    }
    .navbar-inverse .navbar-nav>li>a.menuanimation:hover {
        color: #d13636;
        font-size: 17.5px!important;
    }
}

.dhcdlogo img,
#logo img {
    max-width: 180px;
}


/* override  hamburger breakpoint */

@media (max-width: 1100px) {
    #logo img {
        padding: 8px;
    }
    .navbar-nav .dropdown.open ul.menu.dropdown-menu {
        visibility: visible;
        display: block;
    }
    .navbar-nav .dropdown a .caret {
        display: none;
    }
    .navbar-nav .menu.nav {
        border-bottom: 1px #468bc8 solid;
    }
    .navbar-nav ul.menu.dropdown-menu {
        visibility: visible;
        /* display: none;  */
    }
    .navbar-nav ul.menu {
        visibility: inherit;
        display: inherit;
    }
    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        padding-inline-end: -23px;
        padding-inline-start: 25px;
    }
    .navbar-collapse .dropdown-row .dropdown1 ul.col2 {
        left: -210px;
        width: 814px;
    }
    .navbar-collapse .dropdown-row .dropdown1 ul.col3 {
        left: -415px;
        width: 813px;
    }
    .navbar-collapse .dropdown-row .dropdown1 ul.col4 {
        left: -621px;
        width: 813px;
    }
    .dropdown1 a:hover {
        display: block;
        background-color: #d13636;
        background-image: url(../images/multiply-medium.png);
        margin-inline-start: -11px;
        color: #ffffff;
    }
    .navbar-collapse .dropdown-item {
        float: left;
        width: 23.7%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #cccccc;
        border: 5px;
        background-color: #ffffff;
        background-image: url(../images/plus-medium.png);
        padding-inline-start: 10px;
        text-decoration: none;
    }
    .navbar-nav .open .dropdown-menu,
    .menu .dropdown-menu {
        position: relative;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        padding-top: 0;
    }
    .navbar-collapse .dropdown-item,
    .menu.nav li.expanded ul.dropdown-menu a {
        float: left;
        width: 100%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #cccccc;
        border: 5px;
        background-color: inherit;
        background-image: none;
        padding-inline-start: 10px;
        text-decoration: none;
        font-size: 14px;
    }
    #navbar .topmenu {
        display: flex;
        flex-direction: column-reverse;
        justify-content: right;
        color: #00779a;
    }
    .internal_menu .menu.nav {
        margin: 0;
        text-transform: uppercase;
    }
    #navbar .topmenu a {
        padding-inline-start: 0px;
        color: #686868;
        font-size: 1.1em;
    }
    .navbar .header .searchbox {
        clear: both;
    }
    .mega-dropdown-menu {
        /* 	top: 60px; */
    }
    li.dhcdlogo {
        margin-top: 0px;
    }
    /* #navbar .topmenu {
		display: flex;
		flex-direction: row;
	} */
    .dropdown.mega-dropdown.homeItem {
        visibility: collapse;
        display: none;
    }
    .siteSettingsLink {
        visibility: visible;
        display: inline-block!important;
    }
    .siteSettingsItem .icon-white {
        visibility: collapse;
        display: none;
    }
    .siteSettingsItem .col-xs-6,
    .siteSettingsItem .col-xs-3 {
        width: 90%;
    }
    .navbar-header {
        display: flex;
        float: none;
    }
    .navbar-left,
    .navbar-right {
        float: none !important;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }
    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }
    .navbar-collapse.collapse:not(.show) {
        display: none!important;
    }
    .navbar-collapse.collapse.show {
        display: block!important;
    }
    .navbar-nav {
        /* float: none!important;
	  margin-top: 7.5px;
	  margin-inline-end: 15px; */
    }
    .navbar-nav>li {
        float: none;
        clear: both;
    }
    .navbar-nav>li>a {
        padding-top: 10px!important;
        padding-bottom: 10px;
    }
    /* .navbar-nav ul.menu { */
    /* visibility: visible; */
    /* display: block; */
    /* border-bottom: #468bc8 1px solid; */
    /* } */
    .nav .open>a,
    .nav .open>a:focus,
    .nav .open>a:hover {
        background-color: inherit !important;
        border-color: #004251;
        text-decoration: none;
        color: #ffffff;
        /* was #004251 ; */
    }
    .navbar-nav ul.menu li a {
        color: #FFF;
        text-transform: uppercase;
        font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 500;
        font-size: 1.1em;
    }
    .collapse.in,
    .collapse.show {
        display: block !important;
        max-height: 380px;
        overflow-y: auto!important;
    }
    .collapse.in::-webkit-scrollbar,
    .collapse.show::-webkit-scrollbar {
        width: .5em;
    }
    .collapse.in::-webkit-scrollbar-track,
    .collapse.show::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    }
    .collapse.in::-webkit-scrollbar-thumb,
    .collapse.show::-webkit-scrollbar-thumb {
        background-color: #eee;
        outline: 1px solid #FFF;
    }
    .navbar-inverse .navbar-nav>.open>a:after,
    .navbar-inverse .navbar-nav .closeLink:after {
        content: "\000D7";
        color: #FFF;
        font-size: 36px;
        float: right;
        margin-inline-end: 20px;
    }
    .navbar-inverse .navbar-nav>.searchItem {
        visibility: hidden;
        display: none;
    }
    .closeItem {
        visibility: visible;
        display: block!important;
    }
    .navbar-inverse .navbar-nav>.open>a,
    .navbar-inverse .navbar-nav>.open>a:hover,
    .navbar-inverse .navbar-nav>.open>a:focus {
        color: #FFF;
        /* 	margin-inline-start:5px; */
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header {
        border-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #FFF;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff;
        background-color: transparent;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #fff;
        /* background-color: #080808; */
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus {
        color: #FFF;
        background-color: transparent;
    }
    .dropdown.mega-dropdown a {
        color: #FFF;
    }
    div.fairfaxtagline {
        display: none;
    }
    .navbar-inverse .navbar-nav>.searchItem,
    .navbar-inverse .navbar-nav>.siteSettingsItem {
        width: initial;
    }
}

.navbar-nav .menu.nav,
.navbar-nav .menu.nav>li {
    padding: 0;
    margin: 0;
}

.navbar-nav .menu.nav>li>a {
    padding: 5px 0;
}

.navbar-nav .menu.nav>li>a:hover,
.navbar-nav .menu.nav>li>a:focus {
    background-color: inherit!important;
}


/* Four Tab Section */

.widget-servicestabbed {
    background-color: #eeeeee;
    color: #cccccc;
    line-height: 30px;
    /* 	background-image: url(../images/sealbackground.png); 
	background-repeat: no-repeat; 
	background-size: 533px; */
    background-image: url(../images/geometric1.png);
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-position-x: 100%;
    background-position-y: 13%;
    padding: 0 0 0 0;
}

.homepage .widget-servicestabbed {
    /* -webkit-box-shadow: 1px 1px 10px 1px #777777; */
    /* box-shadow: 1px 1px 10px 1px #777777; */
}

.tab-content .panel div {
    /* padding-top:8px; */
}

.widget-servicestabbed .panel {
    border: 0;
    padding-top: 0;
}

.widget-servicestabbed button.accordion,
.widget-servicestabbed div.accordion {
    height: 55px;
}

.widget-servicestabbed button.accordion:hover,
.widget-servicestabbed div.accordion:hover {
    background-color: #FFF;
}

.widget-servicestabbed button.accordion:after,
.widget-servicestabbed div.accordion:after {
    line-height: 0px;
}

.widget-servicestabbed h1,
.widget-servicestabbed .h1 {
    font-size: 52px;
    font-weight: 500;
    margin-top: 50px;
    margin-bottom: 50px;
}

.widget-servicestabbed p,
.widget-servicestabbed p {
    font-size: 16px;
}

.container .widget-servicestabbed,
.container-fluid .widget-servicestabbed {
    /*   padding-inline-end: 15px;
  padding-inline-start: 15px; */
    /*   border-radius: 6px; */
    /* padding-bottom:20px; */
}

.widget-servicestabbed .container {
    max-width: 100%;
    min-height: 250px;
}

.widget-servicestabbed a.rollover {
    display: block;
    width: 300px;
    height: 40px;
    padding-inline-start: 10px;
    padding-top: 5px;
    text-decoration: none;
    color: #ffffff;
}

.widget-servicestabbed a:hover,
.widget-servicestabbed .active {}

.widget-servicestabbed a {
    color: #000;
}

.widget-servicestabbed a:hover {
    color: #000;
}

.widget-servicestabbed ul.tabs {
    padding: 0px;
    list-style: none;
    margin-bottom: 14px;
    display: table;
    border-spacing: 3px 0px;
    margin-inline-start: -3px;
    width: 853px;
}

.ffx_fullwidth .widget-servicestabbed ul.tabs {
    width: 100%;
}

.widget-servicestabbed ul.tabs li {
    background: rgba(192, 192, 192, 0.3);
    /* background: #fff; */
    color: #000;
    /* display: inline-block; */
    /* padding: 15px 20px; */
    cursor: pointer;
    /* width: auto; */
    text-align: center;
    font-size: 17px;
    font-weight: 500;
    /* white-space: nowrap; */
    display: table-cell;
    vertical-align: middle;
    padding: 15px 15px;
    width: 25%;
}

.widget-servicestabbed ul.tabs li:hover {
    color: #004251;
    background: rgba(192, 192, 192, 0.8);
}


/*6/6/2017*/

.widget-servicestabbed .row.panel {
    position: relative;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.widget-servicestabbed ul.tabs li.current {
    background: transparent;
    color: #004251;
}

.widget-servicestabbed .tab-content {
    display: none;
    background: transparent;
    /* min-height: 175px; was forcing accordion in IE to show at 175 */
    /* max-height: 250px; */
}

.widget-servicestabbed .tab-content.current {
    display: inherit;
    background: transparent;
}

.widget-servicestabbed .row {
    width: 100%;
    display: block;
    clear: both;
    padding: 1px 8px;
}

.widget-servicestabbed .cell {
    width: 33%;
    display: block;
    float: left;
    padding: 2px 8px;
}

.widget-servicestabbed .cell a {
    display: inline-block;
    line-height: 1.1em;
    vertical-align: top;
    /* line-height: 1.1em; */
}

.widget-servicestabbed .smallscreen {
    visibility: collapse;
    display: none;
}

@media screen and (min-width: 1500px) {
    .widget-servicestabbed .panel {
        padding: inherit;
        padding-top: inherit;
        background-color: inherit;
        max-height: inherit;
        overflow: inherit;
        transition: inherit;
        text-align: inherit;
        margin-bottom: inherit;
        border: inherit;
        border-radius: inherit;
        -webkit-box-shadow: inherit;
        box-shadow: inherit;
        margin-bottom: 20px;
    }
    .widget-servicestabbed button {
        visibility: collapse;
        display: none;
    }
    .widget-servicestabbed .tab-content {
        padding-top: 7px;
    }
    .widget-servicestabbed button.accordion,
    .widget-servicestabbed div.accordion {
        display: none;
    }
}

@media screen and (max-width: 1500px) {
    .widget-servicestabbed .smallscreen {
        visibility: collapse;
        display: none;
    }
    .widget-servicestabbed .smallscreen.active {
        visibility: visible;
        display: block;
    }
    .widget-servicestabbed .bigscreen {
        visibility: collapse;
        display: none;
    }
    .widget-servicestabbed .cell {
        padding: 4px;
        width: 100%;
        float: left;
    }
    .widget-servicestabbed button.accordion,
    .widget-servicestabbed div.accordion {
        display: block;
        float: left;
    }
    .widget-servicestabbed .container {
        width: 100%;
        padding-inline-start: 0!important;
    }
    .widget-servicestabbed .panel {
        margin-bottom: 0;
    }
    .widget-servicestabbed .tab-content {
        padding-top: 0;
        margin-top: 0;
        min-height: initial;
        max-height: initial;
    }
    .widget-servicestabbed {
        background-color: #e5e5e5;
        padding-bottom: 0px;
        padding-top: 0px;
        color: #cccccc;
        line-height: 30px;
        background-image: none!important;
        background-color: #FFF;
    }
    .widget-servicestabbed a {
        padding-inline-start: 0;
    }
    .widget-servicestabbed h1,
    .widget-servicestabbed .h1 {
        font-size: 52px;
        font-weight: 500;
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .widget-servicestabbed p,
    .widget-servicestabbed p {
        font-size: 16px;
    }
    .container .widget-servicestabbed,
    .container-fluid .widget-servicestabbed {
        padding-inline-end: 0;
        padding-inline-start: 0;
        /*   border-radius: 6px; */
    }
    .widget-servicestabbed .container {
        max-width: 100%;
        padding-inline-start: 15px;
    }
    .widget-servicestabbed ul.tabs li {
        font-size: 1em;
    }
    .widget-servicestabbed a {
        display: block;
        width: 94%;
        text-decoration: none;
        text-align: left;
        background-color: inherit!important;
        padding-inline-start: 1em;
    }
    .widget-servicestabbed .icon-orange {
        visibility: collapse;
        display: none;
    }
    .widget-servicestabbed a:hover,
    .widget-servicestabbed a.active {
        background-color: #55a1e5;
        /* background-image: none; removed as it was hiding potential PDF icon*/
    }
    ul.tabs {
        margin: 0px;
        padding: 0px;
        list-style: none;
        display: none!important;
    }
    ul.tabs li {
        background: #e5e5e5;
        color: #00779a;
        display: inline-block;
        padding: 15px 5px;
        cursor: pointer;
        width: 31.7%;
        text-align: center;
        font-size: 18px;
    }
    ul.tabs li.current {
        background: #ffffff;
        color: #00779a;
    }
    .tab-content {
        display: block!important;
        background: #00779a;
        padding-top: 75px;
        margin-top: -60px;
        position: relative;
    }
    .tab-content.current {
        display: inherit;
        background: #ffffff;
    }
}

.jumbotron-news1 {
    background-color: #eeeeee;
    margin-top: 15px;
    padding-bottom: 30px;
    background-image: url(images/bg_calendar.png);
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    -webkit-box-shadow: 1px 1px 10px 1px #777777;
    box-shadow: 1px 1px 10px 1px #777777;
    /* overflow: hidden; */
}

.jumbotron-news1 .container {
    width: 100%;
}

.jumbotron-news1 .newscontainer {
    background: #FFF;
    margin: 1%;
    width: 31.3%;
    font-size: 14px;
    padding: 0;
    height: 575px;
}

.jumbotron-news1 .newscontainer .newsimage {
    /*background-image: url(../images/kidsreading.png);*/
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 12px;
    height: 200px;
    /* background-position: center */
    background-position-y: 10%;
}

.jumbotron-news1 .newscontainer .newsimage h2 {
    color: #FFF;
    position: absolute;
    bottom: 0;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 0;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0, 0, 0));
}

.jumbotron-news1 .newscontainer .newsimage a,
.jumbotron-news1 .newscontainer .newsimage a:hover,
.jumbotron-news1 .newscontainer .newsimage a:active {
    color: #FFF!important;
    text-decoration: none;
}

.jumbotron-news1 .newscontainer .row {
    margin: 0;
    padding: 0 0;
}

.jumbotron-news1 a {
    /* color: #000000;	 */
    color: #004251;
}

.jumbotron-news1 a:hover {
    color: #004251;
    text-decoration: none;
}

.jumbotron-news1 .newsbox {
    min-height: 345px;
    padding: 0 22px!important;
}

.jumbotron-news1 .newsbox p {
    font-size: 1em;
}

.jumbotron-news1 .twitterrow {}


/* new from ameex */

@media screen and (max-width: 640px) {
    .twitterrow .tweetbox img {
        width: 40%;
    }
}

@media screen and (max-width: 360px) {
    .twitterrow .tweetbox img {
        width: 75%;
    }
}

.twitter-span-img {
    float: left;
    padding: 0px 8px 8px 0px;
}

.twitter-span-img img {
    max-height: 100px;
    width: auto!important;
}

.twitterrow .tweetbox .twitterrow_text {
    display: block;
    position: relative;
    float: left;
    clear: both;
}

.twitterrow .tweetbox hr {
    clear: both;
    margin-top: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 12px;
    border-top: 0px;
}


/* /new from ameex */

.jumbotron-news1 .twitterrow .tweetbox {
    overflow: hidden;
    padding: 0 40px!important;
    min-height: 348px;
    overflow-x: hidden;
    /* overflow-y: scroll; */
    max-height: 321px;
    width: 100%;
    /* color: #FFF; */
}

.jumbotron-news1 .twitterrow .tweetbox p {
    color: #000;
    font-size: inherit;
}

.twitterrow .tweetbox img {
    border: 1px solid #666;
    /*width:60%;*/
    width: 150px;
    float: left;
    clear: both;
    display: block;
}

@media screen and (max-width: 1024px) {
    .twitterrow .tweetbox img {
        width: 75%;
    }
}

@media screen and (max-width: 980px) {
    .twitterrow .tweetbox img {
        width: 30%;
    }
}

.twitterrow .tweetbox .twitterrow_image {
    border: 1px solid #999;
    width: 90px;
    float: right;
    display: block;
    margin: 4px;
    height: 90px;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    background-size: contain;
}

@media screen and (max-width: 480px) {
    .twitterrow_image_outer {
        width: 100%;
        text-align: center;
        margin: auto;
    }
    .twitterrow .tweetbox .twitterrow_image {
        clear: both;
        float: none;
        display: inline-block;
    }
    .twitterrow .tweetbox .twitterrow_text {
        clear: both;
    }
}

.twitterrow .tweetbox .twitterrow_text {
    display: block;
    position: relative;
    font-size: 12px;
    padding-top: 4px;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.twitterrow .tweetbox hr {
    clear: both;
    margin-top: 5px;
    border-bottom: 1px solid #CCC;
    padding-top: 16px;
    border-top: 0px;
}

.jumbotron-news1 .twitterrow .tweetbox::-webkit-scrollbar {
    width: .5em;
}

.jumbotron-news1 .twitterrow .tweetbox::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

.jumbotron-news1 .twitterrow .tweetbox::-webkit-scrollbar-thumb {
    background-color: #eee;
    outline: 1px solid #FFF;
}

.jumbotron-news1 .twitterrow_label {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 12px;
}

.jumbotron-news1 .twitterrow .title {
    font-weight: 500;
    clear: both;
    display: block;
    font-size: .9em;
}

.social-media-title {
    font-size: 26px;
    padding-inline-start: 0;
    position: relative;
    top: -8px;
}

.jumbotron-news1 .events_label {
    text-align: center;
    padding-bottom: 20px;
    padding-top: 37px;
    font-size: 26px;
    padding-inline-start: 0;
    position: relative;
    top: -8px;
}

.jumbotron-news1 .twitterrow a {
    color: #000000;
    /* font-size: 0.7em; */
}

.jumbotron-news1 .twitterrow a:hover {
    color: #004251;
}

.jumbotron-news1 h1,
.jumbotron-news1 .h1 {
    font-size: 4em;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}

.jumbotron-news1 h2,
.jumbotron-news1 .h2 {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 2em;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
}

.jumbotron-news1 h3,
.jumbotron-news1 .h3 {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: left;
}

.jumbotron-news1 p,
.jumbotron-news1 p {
    font-size: 18px;
}

.jumbotron-news1 .container {
    max-width: 100%;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
}

.buttonrow {
    height: 14%;
    position: absolute;
    bottom: 0px;
    width: 100%;
}

.buttonrow_container {
    height: 14%;
    width: 200px;
    margin: 0 auto;
}

.jumbotron-news1 .orange-tabs a {
    color: #ffffff;
    font-size: inherit;
}

.jumbotron-news1 .orange-tabs a:hover {
    color: #ffffff;
}

.jumbotron-news1 .orange-tabs:hover {
    background-color: #fd1102;
}

.jumbotron-news1 .fa-twitter {
    color: #488ac6;
}

.calendar {
    width: 57px;
    line-height: 25px;
}

.month {
    font-size: 13px;
}

.day {
    font-size: 25px;
    margin-top: -20px;
    font-weight: 500;
    padding-bottom: 8px;
}

.calendar-title {
    font-size: 1em;
    padding-bottom: .2em;
    white-space: nowrap;
}

.description-area {
    width: 75%;
}

.jumbotron-news1 .newscontainer .row {
    position: relative;
}

.jumbotron-news1 .newscontainer .newsimage h2 {
    padding-inline-start: 8px;
    text-align: left;
}

.buttonrow {
    height: auto;
}

.jumbotron-news1 .events_label {
    width: 100%;
    display: block;
    position: relative;
    float: left;
    padding-top: 1em;
}

.jumbotron-news1 .twitterrow .tweetbox {
    min-height: auto;
    max-height: inherit;
}

.jumbotron-news1 .twittercontainer .row {
    clear: both;
}

.jumbotron-white h3,
.jumbotron-white .h3 {
    font-weight: 500;
    margin-top: 1.2em;
    margin-bottom: 15px;
    text-align: left;
}


/* Blue Intro Box on Department B */


/* blue changed to orange: OCR */

.jumbotron-blue-intro {
    background-color: #004251;
    padding-top: 50px;
    padding-bottom: 40px;
    line-height: 30px;
    color: #ffffff;
}

.jumbotron-blue-intro .whatwedocontent {
    max-height: 235px;
    overflow: hidden;
    padding-bottom: 8px;
    margin-bottom: 20px;
}

.jumbotron-blue-intro img {
    width: 100%;
}

.jumbotron-blue-intro a {
    color: #fff;
}

.jumbotron-blue-intro h3 {
    color: #262a34;
    margin-top: -5px;
    font-size: 24px;
    font-weight: 500;
}

.jumbotron-blue-intro a:hover {
    color: #ccc;
}

.container .jumbotron-blue-intro,
.container-fluid .jumbotron-blue-intro {
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-blue-intro .container {
    max-width: 100%;
}

@media screen and (min-width: 768px) {
    .jumbotron-blue-intro {
        margin-top: 0px;
        margin-bottom: 0px;
    }
    .container .jumbotron-blue-intro,
    .container-fluid .jumbotron-bluev {
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-blue-intro h1,
    .jumbotron-blue-intro .h1 {
        font-size: 63px;
    }
}


/* /Blue Intro Box on Department B */


/* BREADCRUMB  */

.breadcrumb {
    padding: 0;
    margin-bottom: 0;
    list-style: none;
    background-color: inherit;
    border-radius: 0;
    display: inline-flex;
    font-weight: bold;
}

.breadcrumb>li {
    display: flex;
}

.breadcrumb>.active {
    color: #0e455f;
}

.breadcrumb>li+li:before {
    padding: 0;
    content: "";
}

.fairfax-breadcrumb {
    padding-inline-start: 0px;
    background-color: #f4f4f4;
    height: 40px;
    color: #0e455f;
    font-size: 14px;
    padding-top: 10px;
}

.fairfax-breadcrumb a {
    color: #c03a28!important;
}

@media screen and (max-width: 640px) {
    .fairfax-breadcrumb {
        display: none;
    }
}

.caret-right-gray {
    color: #b6b8b8;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
}

.expandout {
    display: block;
    float: left;
    padding-inline-start: 4%;
}


/* END BREADCRUMB  */


/* SIDENAVIGATION  */

@media screen and (max-width: 992px) {
    .sidenavigation {
        visibility: hidden;
        display: none;
    }
    .mobile-footer-sidenavigationitems.sidenavigation {
        visibility: visible;
        display: block;
        padding: 16px;
    }
}

.sidenavigation {
    padding: 0;
    z-index: 100;
    font-family: 'sofia-pro', sans-serif;
}

.sidenavigation .menu.nav a.is-active {
    font-weight: 500;
    color: #000;
}

.sidenavigation h2 {
    font-size: 28px;
    font-weight: 700;
    color: #00779a;
    line-height: 30px;
    padding-bottom: 10px;
    font-family: 'Gibson', sans-serif;
}

.sidenavigation ul li {
    width: 100%;
    text-align: left;
    display: block;
    position: relative;
    float: left;
}

.sidenavigation .expanded.dropdown .dropdown-toggle {
    margin-bottom: 0px;
}

.sidenavigation ul li a {
    padding: 0px 0px;
    /* line-height: 17px; */
    margin-bottom: 0px;
    background-color: #FFF!important;
    display: inline-flex;
    position: relative;
    overflow: hidden;
    max-width: 100%;
    max-height: 2.4em;
    line-height: 1.2em;
    color: #c03a28;
    font-weight: 500;
    font-size: 15px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    color: #fff;
    background-color: #00779a;
    border: 0;
    cursor: pointer;
}

.sidenavigation ul li .dropdown-menu .expanded a {
    white-space: pre-line;
}

.sidenavigation ul li a:hover {
    background-color: inherit;
    color: #6c2218;
    background-color: #FFF;
}

.sidenavigation .visually-hidden {
    visibility: visible;
    position: relative!important;
    clip: auto;
    overflow: visible;
    height: auto;
    width: auto;
    word-wrap: normal;
}

.sidenavigation .menu .dropdown-menu {
    position: relative;
    background: inherit;
    border: none;
    box-shadow: none;
    width: 100%;
}

.sidenavigation .caret {
    border: none;
    display: inline-flex;
    /*inline*/
    vertical-align: initial;
    width: 20px;
    height: 20px;
    padding-inline-start: 8px;
}

.sidenavigation .caret:after {
    content: '+';
    color: #c03a28;
}

.sidenavigation .open .caret:after {
    content: '-';
    color: #c03a28;
}

.sidenavigation .expanded .dropdown a:before {
    content: ' \2022 \2002';
    color: #5aabf4;
    padding-inline-end: 5px;
}

.sidenavigation .expanded .dropdown {
    padding-top: 10px;
    /* background-color:#ECECEC; */
    margin-top: -13px;
}

.sidenavigation .expanded .dropdown a {
    background-color: inherit!important;
    /* padding-inline-start:3px; */
}

.sidenavigation .dropdown-menu>li>a {
    margin-inline-start: 0px!important;
}

.sidenavigation .nav .open>a,
.sidenavigation .nav .open>a:focus,
.sidenavigation .nav .open>a:hover {
    color: #c03a28;
    padding-inline-start: 0;
}

.sidenavigation .dropdown-menu>li>a {
    color: #c03a28;
}

.sidenavigation a.dropdown-toggle {
    width: 100%;
}

.sidenavigation .dropdown-toggle .expandable {
    width: 100%;
    display: flex;
    /*block*/
    float: left;
    position: relative;
}

.sidenavigation .dropdown-toggle .expandable .expandable-text {
    /* width:90%; */
    display: inline-flex;
    /*block*/
    float: left;
    position: relative;
}

.mobile-footer-sidenavigationitems .iconcontainer .social-media-icon {
    /* display: inline-flex; */
}

.sidenavigation .social-media-icon {
    margin-top: 18px;
    margin-inline-end: 10px;
    color: #FFF;
    background-color: #004251;
    padding-top: 10px;
    padding-bottom: 15px;
    /* padding-inline-start: 12px; */
    /* width: 30%; */
    /* min-width: 76px; */
    min-width: 50px;
    max-width: 50px;
    height: 51px;
    margin-bottom: 5px;
    display: block;
    position: relative;
    float: left;
}

.sidenavigation .searchtextbox {
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ebebeb;
    padding-inline-start: 15px;
    color: #999999;
    font-size: 18px;
    border-style: none;
}

.sidenavigation button.orange-tabs {
    width: 100%;
    border: 0;
    color: #FFF;
}

.sidenavigation button.orange-tabs i {
    color: #FFF;
}


/* END SIDENAVIGATION  */


/* DEPTARMENT SPECIFIC */

.department-detail-rightcolumn a {
    text-decoration: underline;
}

.department-detail-rightcolumn {
    padding-top: 16px;
    line-height: 28px;
}

.department-detail-rightcolumn h2,
.sidenavigation h2 {
    text-transform: uppercase;
    font-family: 'Gibson', sans-serif;
}

.department-name .col-md-2 {
    float: right;
}

@media screen and (max-width: 768px) {
    .department-name .col-md-2 {
        display: none;
    }
}

.department-name .dept-title {
    display: block;
    float: left;
    font-size: 32px;
    color: #004251;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-inline-start: 0px;
}

.department-name .detail-title {
    display: block;
    float: left;
    font-size: 32px;
    color: #333333;
    font-weight: normal;
    padding-top: 20px;
    padding-bottom: 15px;
    padding-inline-start: 10px;
}

.department-contactinfo {
    background-color: #d1dce3;
    font-size: 14px;
}

.department-contactinfo .container {
    min-height: inherit;
}

.department-contactinfo .contactinforow {
    width: 100%;
    /* padding:30px 0; */
    text-align: justify;
    margin-bottom: -12px;
}

.department-contactinfo .contactinforow .col-xs-12 {
    padding-inline-start: 0px;
}

.department-contactinfo .row .stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

.department-contactinfo .col-sm-15 {
    font-size: 14px;
    color: #007DBB;
    vertical-align: top;
    display: inline-block;
    zoom: 1;
    text-decoration: none;
    float: inherit;
    width: inherit;
}

.department-contactinfo .bold {
    font-weight: 500;
}

.department-contactinfo .col-sm-15,
.department-contactinfo .col-sm-1,
.department-contactinfo .col-sm-2,
.department-contactinfo .col-sm-3 {
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.department-contactinfo .col-sm-15 {
    padding-top: 13px;
    width: auto;
}

.department-contactinfo .col-sm-15>.row>.col-xs-2,
.department-contactinfo .col-sm-15>.row>.col-xs-10,
.department-contactinfo .col-sm-15>.row>.col-xs-12 {
    width: auto;
    padding-inline-start: 0px!important;
    padding-inline-end: 0px!important;
}

.department-contactinfo .col-sm-1 {
    width: 3.333333%;
    padding-top: 13px;
}

.department-contactinfo .col-sm-2 {
    width: 15.66%;
    padding-top: 10px;
}

.department-contactinfo {
    background-color: #d1dce3;
    font-size: 14px;
}

.department-contactinfo .fa-3xh {
    font-size: 3em;
    margin-top: -6px;
}

.department-name {
    background-color: #f3f8fc;
}

.department-name .mini-seal {
    padding: 8px;
    float: right;
    padding-inline-end: 20%;
}

.fairfax-breadcrumb.mobile {
    visibility: hidden;
    display: none;
}

@media screen and (max-width: 992px) {
    .department-detail-rightcolumn {
        padding: 0;
        padding-top: 16px;
    }
    .department-detail-rightcolumn img {
        max-width: 100%;
        height: auto;
        /* width: 100%; */
    }
    .department-contactinfo {
        background-color: #ffffff;
        padding-top: 10px;
        padding-inline-start: 15px;
        padding-inline-end: 15px;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .department-contactinfo .col-sm-15 {
        clear: both;
        background-color: #FFF;
        display: block;
    }
    .department-contactinfo p {
        background-color: #FFF;
    }
    .hero-departmentb h3 {
        padding-top: 8px!important;
    }
    .pagecontent>.container {
        padding: 0 15px;
        display: block;
        position: relative;
        float: left;
        width: 100%;
    }
    .fairfax-breadcrumb {
        position: relative;
        float: left;
        width: 100%;
        top: 0px;
    }
    .fairfax-breadcrumb.mobile {
        visibility: visible;
        display: block;
    }
    .fairfax-breadcrumb:not(.mobile) {
        visibility: hidden;
        display: none;
    }
}


/* END DEPTARMENT SPECIFIC */


/* DETAIL PAGE ANNOUNCEMENTS */

.announcement_date {
    color: #00779a;
    font-weight: 700;
}

.announcement_title {
    font-size: 1.8em;
    max-width: 550px;
    font-weight: 700;
    padding-bottom: 32px;
}


/* END DETAIL PAGE ANNOUNCEMENTS */


/* DETAIL PAGE BOXES */

.detailboxes_horizontal {
    padding-bottom: 31px;
    position: relative;
    /* float: left; */
    z-index: 10;
    /* width: 100%; */
    margin-inline-start: auto;
    margin-inline-end: auto;
}

.detailboxes_horizontal .detail_box {
    width: 32%;
    height: 347px;
    display: block;
    margin-inline-end: 15px;
}

.detailboxes_vertical .detail_box {
    width: 100%;
    clear: both;
    margin-top: 55px;
}

.detail_boxes {}

.detail_box {
    display: block;
    float: left;
    position: relative;
    background-color: #f3f8fc;
}

.detail_box.expandable .content {
    /* padding-bottom: 50px; */
}

.detail_box .header {
    height: 90px;
    background-color: #00779a;
    color: #FFF;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-inline-start: 32px;
    padding-top: 18px;
}

.detail_box .header .image {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    float: left;
}

.detail_box .header .text {
    margin-top: 12px;
    display: block;
    position: relative;
    float: left;
    line-height: 1;
    width: 80%;
    display: flex;
    align-items: center;
    vertical-align: middle;
    height: 30px;
}

.detail_box .header.eligibility .image {
    background-image: url(/themes/custom/b5subtheme/css/images/dhcd_detail_checkmark_no_bg.png);
}

.detail_box .header.resources .image {
    background-image: url(/themes/custom/b5subtheme/css/images/dhcd_detail_magglass_no_bg.png);
}

.detail_box .header.helpful .image {
    background-image: url(/themes/custom/b5subtheme/css/images/dhcd_detail_checkmark_no_bg.png);
}

.detail_box.expandable .content {
    overflow: hidden;
    max-height: 230px;
}

.detail_box.expandable.expanded .content {
    max-height: none;
}

.detail_box .content {
    background-color: #f3f8fc;
    position: relative;
    padding: 16px 32px;
    color: #7f7f7f;
    line-height: 2em;
}

.detail_box .content a {
    color: #00779a;
    font-weight: 700;
}

.detail_box .readmore {
    visibility: collapse;
    display: none;
}

.detail_box.expandable .readmore {
    visibility: visible;
    display: block;
    position: absolute;
    width: 100%;
    right: 0;
    background-color: #00779a;
    color: #FFF;
    font-size: .8em;
    text-align: center;
    cursor: pointer;
}

.detail_box.expandable.expanded .readmore {
    bottom: inherit;
}

@media screen and (max-width: 1200px) {
    .detail_box {
        clear: both;
        width: 100%!important;
        height: inherit!important;
        margin-bottom: 45px;
    }
    .detailboxes_horizontal {
        height: inherit;
    }
}


/* END DETAIL PAGE BOXES */


/* DEPTARMENT A */

.departmentafeaturedone {
    background-color: #00779a;
    height: 400px;
    width: 100%;
}

.departmentafeaturedcolumnone .col-md-6 {
    margin-inline-end: -30px;
    padding-inline-start: 0!important;
    padding-inline-end: 0!important;
}

.departmentafeaturedcolumnone,
.departmentafeaturedcolumntwo {
    padding-inline-start: 0!important;
    padding-inline-end: 0!important;
}

.departmentafeaturedcolumnonetext .whatwedocontent {
    max-height: 212px;
    overflow: hidden;
    margin-bottom: 8px;
}

.departmentafeaturedcolumnonetext {
    padding-inline-start: 100px;
    padding-top: 40px;
    padding-inline-end: 50px;
    font-size: 16px;
    color: #ffffff;
    line-height: 30px;
}

.departmentafeaturedcolumnonetext a {
    color: #FFF;
}

.departmentafeaturedcolumnonetext a:hover {
    color: #004251;
    text-decoration: none;
}

.departmentafeaturedcolumnonetext h2 {
    font-size: 22px;
    color: #004251;
    padding-bottom: .2em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 25px;
}

.departmentafeaturedcolumnonetext .icon-orange {
    padding-inline-start: 5px;
}

.departmentafeaturedtwo {
    background-color: #004251;
    height: 400px;
    margin-inline-end: -133px;
    width: 100%;
    min-height: 400px;
    padding-bottom: 20px;
}

.departmentafeaturedcolumntwo .col-md-6 {
    width: 42.5%;
    padding-inline-start: 8px;
    min-width: 328px
}

@media screen and (max-width: 992px) {
    .departmentafeaturedcolumntwo .col-md-6 {
        width: 100%;
        float: left;
    }
    .departmentafeaturedcolumntwotext h2 {
        margin-top: 0px!important;
    }
    .detailboxes_vertical {
        padding-inline-end: 15px;
    }
    .department-detail-rightcolumn .col-sm-8 {
        padding-inline-end: 80px
    }
    .detail_box .header .text {
        float: none;
        width: auto;
    }
    .detailboxes_horizontal {
        margin-inline-start: 15px;
        margin-inline-end: 15px;
    }
}

.tty {
    display: block!important;
    white-space: nowrap;
}

.departmentafeaturedcolumntwotext {
    padding-inline-start: 50px;
    padding-top: 40px;
    padding-inline-end: 0px;
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}

.departmentafeaturedcolumntwotext a {
    color: #fff;
}

.departmentafeaturedcolumntwotext h2 {
    font-size: 22px;
    color: #00779a;
    padding-bottom: .2em;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 25px;
}


/* END DEPTARMENT A */


/* DEPTARMENT B */

.hero-empty {
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50%;
    font-family: 'sofia-pro', sans-serif;
    position: relative;
    height: 208px;
}

.hero-departmentb {
    height: 550px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50%;
    font-family: 'sofia-pro', sans-serif;
    position: relative;
}

@media screen and (max-width: 992px) {
    .hero-departmentb .col-md-1 {
        width: 62px;
        text-align: center;
    }
    .hero-departmentb {
        background-position: top;
    }
    .hero-departmentb .row {
        display: block;
    }
    .hero-departmentb .row .col-md-8 {
        margin-bottom: 244px;
        display: block;
    }
    .hero-departmentb .row .col-md-4 {
        background-color: #FFF;
        opacity: 1;
        padding-top: 16px;
        background-color: #FFF;
        display: block;
        position: relative;
        float: left;
        clear: both;
        width: 100%;
    }
    .hero-departmentb .row .col-md-12 {
        padding-bottom: 8px;
    }
    .hero-departmentb .row div .row div {
        float: left;
    }
    .jumbotron-blue-intro {
        padding: 8px;
        padding-bottom: 16px;
        padding-top: 30px;
    }
    .jumbotron-blue-intro img {
        width: auto;
    }
    .jumbotron-blue-intro .col-md-3 {
        text-align: center;
    }
}

.hero-departmentb a {
    color: #00779a;
}

.hero-departmentb p,
.hero-departmentb address {
    text-align: left;
    color: #00779a;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
}

.hero-departmentb h3 {
    color: #00779a;
    font-size: 30px;
    font-weight: 700;
    padding-top: 55px;
    font-family: 'Gibson', sans-serif;
}

.hero-departmentb .col-md-11 {
    padding-inline-start: 15px;
}

.hero-empty .title,
.hero-departmentb .title {
    height: 200px;
    font-family: 'Gibson', sans-serif;
    background-color: #00779acf;
    padding-bottom: 20px;
    color: #FFF;
    top: 350px;
    position: relative;
    text-align: center;
    margin-top: auto;
    font-size: 3em;
    padding: 70px 0;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.hero-empty .title {
    top: 8px;
}

.contact-information-container {
    padding-inline-start: 15px;
}


/* END DEPTARMENT B */


/* NEWS PAGE */

.page-node-type-news .field--name-body {
    padding-bottom: 32px;
}


/* LISTING PAGE */

.hero-listing {
    background-color: #9c978f;
    height: 430px;
    background-size: cover;
    background-repeat: no-repeat;
}

.hero-listing p {
    text-align: center;
    color: #ffffff;
    font-size: 52px;
    font-weight: 500;
    padding-top: 80px;
}

.page-node-type-listing-page .listing-page {
    clear: both;
}

.listingitem {
    display: flex;
    /* border-bottom: 2px solid #ececec; */
    float: left;
    position: relative;
    width: 100%;
    padding: 4px;
    font-size: 14px;
    line-height: 28px;
    padding: 50px 50px;
}

.listingitem:nth-child(even) {
    background-color: #edf4f4;
}

.listingitem h3 {
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    font-family: 'Gibson', sans-serif;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    padding: 0;
    margin: 4px 0;
    color: #19414F;
    text-transform: capitalize;
}

.listingitem .imageboxouter {
    width: 300px;
    /* height: 300px; */
    display: block;
    float: left;
    margin-inline-end: 90px;
    position: relative;
    min-width: 300px;
}

.listingitem .imagebox {
    display: block;
    float: left;
    width: auto;
    height: auto;
    position: relative;
    /*  
	--centered
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	*/
    top: 0px;
    left: 50%;
    transform: translate(-50%, 0);
}

.listingitem .contentouter {}

.listingitem img:not(.leaflet-tile):not(.leaflet-marker-icon) {
    max-width: 300px;
    max-height: 300px;
}

.listingitem .leaflet-control-attribution {
    top: 46px;
}

.listingitem .leaflet-control-attribution:hover {
    top: 0px;
}

.listingitem-body {
    padding-top: 8px;
}

.listingitem-body .orange-tabs {
    max-width: 270px;
}

.listingitem-body a.button {
    width: 270px;
    display: block;
}

.listingitem .contentlink {}

.listingitem .listingmap {
    display: block;
    float: left;
    position: relative;
    clear: both;
    width: 260px;
    padding-inline-end: 8px;
}


/* LISTING PAGE */

.icon {
    /* padding-inline-end: 15px; */
    /* padding-inline-start: 3px; */
}

.icon-darkblue {
    color: #00779a;
    padding-inline-end: 15px;
    padding-inline-start: 3px;
}

.departmentafeaturedtwo .icon-darkblue {
    text-align: center;
    display: block;
    float: left;
    width: 50px;
}

.departmentafeaturedtwo .col-md-6 div {
    display: flex;
    position: relative;
}

.dept-expandout {
    /* padding-inline-start: 11.8%; */
    display: block;
    float: left;
    padding-inline-start: 4%;
}

.department-name h1 {
    font-size: 32px;
    color: #004251;
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 15px;
    padding-inline-start: 0px;
    font-family: 'Gibson', sans-serif;
}


/* classes referenced by drupal taxonomy/hardcoded howdoi */

.featured-title {
    text-transform: uppercase;
    /* border-bottom: 5px solid; */
    /* width: 232px; /*MG: adjust this to show  a border only as wide as the txt */
    margin-bottom: 20px;
    padding-bottom: 5px;
    color: #ffffff;
    font-size: 18px;
}


/* Background / Widget theme colors */


/* content widget fade */

.widget-contentsectionwithlinks.textfadeout .contentcolumn .contentcolumntext::before {
    content: " ";
    display: block;
    width: 100%;
    height: 25%;
    position: absolute;
    top: 75%;
}

.callout-section .textfadeout .calloutcolumntwo::before {
    /* content: " "; */
    /* display: block; */
    /* width: 100%; */
    /* height: 30%; */
    /* position: absolute; */
    /* top: 70%; */
    /* background: linear-gradient(to top,#FFF,rgba(0,0,0,0)); */
    /* bottom: 16%; */
}

.fadecontainer {
    /* min-height: 190px; */
    overflow: hidden;
    align-items: stretch;
}

.fadecontainer::before {
    content: " ";
    display: block;
    width: 95%;
    height: 77px;
    position: absolute;
    bottom: 20%;
    margin-bottom: -1px;
}

.callout-section .fadecontainer.withbutton::before {
    bottom: 82px;
}

.col-sm-8 .widget-contentsectionwithlinks .contentcolumn .contentcolumnbutton {
    width: 100%!important;
}

.col-sm-8 .widget-contentsectionwithlinks .contentcolumn .twocolumn .contentcolumnbutton {
    width: 50%!important;
}

.fadecontainer.withbutton::before {
    /* bottom:20%; */
    bottom: 8%;
    z-index: 99;
}

.twocolumn.fadecontainer::before {
    left: 50%;
    width: 50%;
    position: absolute;
    bottom: 12%;
}

.ffx_background_lightblue .fadecontainer::before {
    background: linear-gradient(to top, #004251, rgba(25, 120, 201, 0));
    border-bottom: 14px solid #004251;
}

.ffx_background_orangered .fadecontainer::before {
    background: linear-gradient(to top, #d13636, rgba(209, 54, 54, 0));
    border-bottom: 14px solid #d13636;
}

.ffx_background_paleblue .fadecontainer::before {
    background: linear-gradient(to top, #f3f8fc, rgba(234, 239, 241, 0));
    border-bottom: 14px solid #f3f8fc;
}

.ffx_background_paleorange .fadecontainer::before {
    background: linear-gradient(to top, #f3f8fc, rgba(234, 239, 241, 0));
    border-bottom: 14px solid #f3f8fc;
}

.ffx_background_lightgray .fadecontainer::before {
    background: linear-gradient(to top, #eeeeee, rgba(238, 238, 238, 0));
    border-bottom: 14px solid #eeeeee;
}

.ffx_background_darkblue .fadecontainer::before {
    background: linear-gradient(to top, #00779a, rgba(9, 31, 47, 0));
    border-bottom: 14px solid #00779a;
}

.ffx_background_white .fadecontainer::before {
    background: linear-gradient(to top, #FFF, rgba(255, 255, 255, 0));
    border-bottom: 14px solid #FFF;
}

.twocolumn .fadecontainer::before {
    width: 50%;
    left: 50%;
}

.fadecontainer {
    /* max-height:350px; */
}

.callout-section .fadecontainer {
    max-height: 200px;
}

.pipe.ffx_background_white {
    background-color: inherit;
    border-right: 2px solid #FFF;
}

.orange-tabs.ffx_background_white {
    background-color: #FFF!important;
    color: #CCC!important;
    border: 1px solid #CCC!important;
}

.ffx_background_white,
.ffx_background_white .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_white,
.ffx_background_white .contentcolumn .orange-tabs:before {
    background-color: #FFF;
    color: #333333;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_white {
    color: #333333;
}

.ffx_background_white .featured-title {
    border-bottom-color: #FFF;
}

.ffx_background_white h1,
.ffx_background_white h2 {
    color: #000;
}

.ffx_background_white .icon,
.ffx_background_white .fa {
    color: #333333;
}

.ffx_background_white a {
    color: #004251;
}

.ffx_background_white .underline {
    border-bottom-color: #333333;
}

.ffx_background_white.textfadeout .contentcolumn::before,
.ffx_background_white.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #FFF, rgba(0, 0, 0, 0));
}

.ffx_background_white .orange-tabs {
    background-color: #FFF!important;
    border: 1px solid #00779a;
    color: #00779a!important;
}

.ffx_background_white .orange-tabs a {
    color: #00779a!important;
}


/* green */

.pipe.ffx_background_green {
    background-color: inherit;
    border-right: 2px solid #007476;
}

.orange-tabs.ffx_background_green {
    background-color: #FFF!important;
    color: #007476!important;
    border: 1px solid #007476!important;
}

.orange-tabs.ffx_background_green a {
    color: #007476!important;
}

.twb-title.ffx_background_green {
    background-color: #FFF;
    color: #007476;
}

.ffx_background_green,
.ffx_background_green .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_green,
.ffx_background_green .contentcolumn .orange-tabs:before {
    background-color: #007476;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_green {
    color: #007476;
}

.ffx_background_green .featured-title {
    border-bottom-color: #004251;
}

.ffx_background_green h1,
.ffx_background_green h2 {
    color: #FFF;
}

.ffx_background_green .icon,
.ffx_background_green a,
.ffx_background_green .fa {
    color: #FFF;
}

.ffx_background_green .fa,
.ffx_background_green .fas,
.ffx_background_green .far {
    color: #d13636;
}

.ffx_background_green .underline {
    border-bottom-color: #004251;
}

.ffx_background_green.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_green.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #007476, rgba(0, 0, 0, 0));
}

.ffx_background_green .orange-tabs a {
    color: #FFF!important;
}


/* light teal */

.pipe.ffx_background_lightteal {
    background-color: inherit;
    border-right: 2px solid #00779a;
}

.orange-tabs.ffx_background_lightteal {
    background-color: #FFF!important;
    color: #00779a!important;
    border: 1px solid #00779a!important;
}

.orange-tabs.ffx_background_lightteal a {
    color: #00779a!important;
}

.twb-title.ffx_background_lightteal {
    background-color: #FFF;
    color: #00779a;
}

.ffx_background_lightteal,
.ffx_background_lightteal .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_lightteal,
.ffx_background_lightteal .contentcolumn .orange-tabs:before {
    background-color: #00779a;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_lightteal {
    color: #00779a;
}

.ffx_background_lightteal .featured-title {
    border-bottom-color: #004251;
}

.ffx_background_lightteal h1,
.ffx_background_lightteal h2 {
    color: #FFF;
}

.ffx_background_lightteal .icon,
.ffx_background_lightteal a,
.ffx_background_lightteal .fa {
    color: #FFF;
}

.ffx_background_lightteal .fa,
.ffx_background_lightteal .fas,
.ffx_background_lightteal .far {
    color: #d13636;
}

.ffx_background_lightteal .underline {
    border-bottom-color: #004251;
}

.ffx_background_lightteal.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_lightteal.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #00779a, rgba(0, 0, 0, 0));
}

.ffx_background_lightteal .orange-tabs a {
    color: #FFF!important;
}


/* dark gray */

.pipe.ffx_background_darkgray {
    background-color: inherit;
    border-right: 2px solid #474747;
}

.orange-tabs.ffx_background_darkgray {
    background-color: #FFF!important;
    color: #004251 !important;
    border: 1px solid #004251 !important;
}

.orange-tabs.ffx_background_darkgray a {
    color: #004251 !important;
}

.twb-title.ffx_background_darkgray {
    background-color: #FFF;
    color: #004251;
}

.ffx_background_darkgray,
.ffx_background_darkgray .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_darkgray,
.ffx_background_darkgray .contentcolumn .orange-tabs:before {
    background-color: #edf4f4;
    color: #004251;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_darkgray {
    color: #004251;
}

.ffx_background_darkgray .featured-title {
    border-bottom-color: #004251;
}

.ffx_background_darkgray h1,
.ffx_background_darkgray h2,
.ffx_background_darkgray p {
    color: #004251 !important;
}

.ffx_background_darkgray .icon,
.ffx_background_darkgray a,
.ffx_background_darkgray .fa {
    color: #004251;
}

.ffx_background_darkgray .fa,
.ffx_background_darkgray .fas,
.ffx_background_darkgray .far {
    color: #d13636;
}

.ffx_background_darkgray .underline {
    border-bottom-color: #004251;
}

.ffx_background_darkgray.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_darkgray.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #474747, rgba(0, 0, 0, 0));
}

.ffx_background_darkgray .orange-tabs a {
    color: #004251 !important;
}

.pipe.ffx_background_darkblue {
    background-color: inherit;
    border-right: 2px solid #00779a;
}

.orange-tabs.ffx_background_darkblue {
    background-color: #FFF!important;
    color: #00779a!important;
    border: 1px solid #00779a!important;
}

.orange-tabs.ffx_background_darkblue a {
    color: #00779a!important;
}

.twb-title.ffx_background_darkblue {
    background-color: #FFF;
    color: #00779a;
}

.ffx_background_darkblue,
.ffx_background_darkblue .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_darkblue,
.ffx_background_darkblue .contentcolumn .orange-tabs:before {
    background-color: #00779a;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_darkblue {
    color: #00779a;
}

.ffx_background_darkblue .featured-title {
    border-bottom-color: #004251;
}

.ffx_background_darkblue h1,
.ffx_background_darkblue h2 {
    color: #FFF;
}

.ffx_background_darkblue .icon,
.ffx_background_darkblue a,
.ffx_background_darkblue .fa {
    color: #FFF;
}

.ffx_background_darkblue .fa,
.ffx_background_darkblue .fas,
.ffx_background_darkblue .far {
    color: #d13636;
}

.ffx_background_darkblue .underline {
    border-bottom-color: #004251;
}

.ffx_background_darkblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_darkblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #00779a, rgba(0, 0, 0, 0));
}

.ffx_background_darkblue .orange-tabs {
    background-color: #FFF!important;
    border: 3px solid #06446f;
    color: #06446f!important;
}

.ffx_background_darkblue .orange-tabs a {
    color: #FFF!important;
}


/* Light Blue  */

.pipe.ffx_background_lightblue {
    background-color: inherit;
    border-right: 2px solid #00779a;
}

.orange-tabs.ffx_background_lightblue {
    background-color: #FFF!important;
    color: #00779a!important;
    border: 1px solid #00779a!important;
}

.orange-tabs.ffx_background_lightblue a {
    color: #00779a!important;
}

.twb-title.ffx_background_lightblue {
    background-color: #FFF;
    color: #00779a;
}

.ffx_background_lightblue,
.ffx_background_lightblue .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_lightblue,
.ffx_background_lightblue .contentcolumn .orange-tabs:before {
    background-color: #00779a;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_lightblue {
    color: #00779a;
}

.ffx_background_lightblue .featured-title {
    /* border-bottom-color: #666; */
}

.ffx_background_lightblue h1,
.ffx_background_lightblue h2 {
    color: #FFF;
}

.ffx_background_lightblue .icon,
.ffx_background_lightblue a,
.ffx_background_lightblue .fa {
    color: #FFF;
}

.ffx_background_lightblue .underline {
    border-bottom-color: #00779a;
}

.ffx_background_lightblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_lightblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #1978c9, rgba(0, 0, 0, 0));
}

.ffx_background_lightblue .orange-tabs a {
    color: #FFF!important;
}


/* orange red */

.pipe.ffx_background_orangered {
    background-color: inherit;
    border-right: 2px solid #d13636;
}

.orange-tabs.ffx_background_orangered {
    background-color: #FFF!important;
    color: #d13636!important;
    border: 1px solid #d13636!important;
}

.orange-tabs.ffx_background_orangered a {
    color: #d13636!important;
}

.twb-title.ffx_background_orangered {
    background-color: #FFF;
    color: #d13636;
}

.ffx_background_orangered,
.ffx_background_orangered .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_orangered,
.ffx_background_orangered .contentcolumn .orange-tabs:before {
    background-color: #d13636;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_orangered {
    color: #d13636;
}

.ffx_background_orangered .featured-title {
    border-bottom-color: #00779a;
}

.ffx_background_orangered h1,
.ffx_background_orangered h2 {
    color: #FFF;
}

.ffx_background_orangered .icon,
.ffx_background_orangered a,
.ffx_background_orangered .fa {
    color: #FFF;
}

.ffx_background_orangered .underline {
    border-bottom-color: #00779a;
}

.ffx_background_orangered.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_orangered.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #d13636, rgba(0, 0, 0, 0));
}

.ffx_background_orangered .orange-tabs {
    background-color: #091f30!important;
}

.ffx_background_orangered .orange-tabs a {
    color: #FFF!important;
}


/* pale blue */

.pipe.ffx_background_paleblue {
    background-color: inherit;
    border-right: 2px solid #f3f8fc;
}

.orange-tabs.ffx_background_paleblue {
    background-color: #FFF!important;
    color: #f3f8fc!important;
    border: 1px solid #f3f8fc!important;
}

.orange-tabs.ffx_background_paleblue a {
    color: #f3f8fc!important;
}

.twb-title.ffx_background_paleblue {
    background-color: #FFF;
    color: #f3f8fc;
}

.ffx_background_paleblue,
.ffx_background_paleblue .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_paleblue,
.ffx_background_paleblue .contentcolumn .orange-tabs:before {
    background-color: #f3f8fc;
    color: #7f7f7f;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_paleblue {
    color: #f3f8fc;
}

.ffx_background_paleblue .featured-title {
    /* border-bottom-color: #666; */
    color: #5caff8;
}

.ffx_background_paleblue h1,
.ffx_background_paleblue h2 {
    color: #19414F;
}

.ffx_background_paleblue .icon,
.ffx_background_paleblue .fa {
    color: #5caff8;
}

.ffx_background_paleblue a:hover {
    color: #091f30;
}

.ffx_background_paleblue a {
    color: #5caff8;
    font-size: 16px;
}

.ffx_background_paleblue .underline {
    border-bottom-color: #00779a;
}

.ffx_background_paleblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_paleblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #f3f8fc, rgba(0, 0, 0, 0));
}

.ffx_background_paleblue .orange-tabs {
    background-color: #FFF!important;
    border: 3px solid #00779a;
    color: #00779a!important;
}

.ffx_background_paleblue .orange-tabs a {
    color: #00779a!important;
}

.pipe.ffx_background_paleorange {
    background-color: inherit;
    border-right: 2px solid #e0eff3;
}

.orange-tabs.ffx_background_paleorange {
    background-color: #FFF!important;
    color: #19414F!important;
    border: 1px solid #19414F!important;
}

.orange-tabs.ffx_background_paleorange a {
    color: #19414F!important;
}

.twb-title.ffx_background_paleorange {
    background-color: #FFF;
    color: #e0eff3;
}

.ffx_background_paleorange,
.ffx_background_paleorange .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_paleorange,
.ffx_background_paleorange .contentcolumn .orange-tabs:before {
    background-color: #e0eff3;
    color: #19414F;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_paleorange {
    color: #e0eff3;
}

.ffx_background_paleorange .featured-title {
    /* border-bottom-color: #666; */
    color: #5caff8;
}

.ffx_background_paleorange h1,
.ffx_background_paleorange h2 {
    color: #19414F;
}

.ffx_background_paleorange .icon,
.ffx_background_paleorange .fa {
    color: #5caff8;
}

.ffx_background_paleorange a:hover {
    color: #7f7f7f;
}

.ffx_background_paleorange a {
    color: #5caff8;
    font-size: 16px;
}

.ffx_background_paleorange .underline {
    border-bottom-color: #00779a;
}

.ffx_background_paleorange.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_paleorange.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #e0eff3, rgba(0, 0, 0, 0));
}

.ffx_background_paleorange .orange-tabs {
    background-color: #FFF!important;
    border: 3px solid #00779a;
    color: #00779a!important;
}

.ffx_background_paleorange .orange-tabs a {
    color: #00779a!important;
}

.pipe.ffx_background_orange {
    background-color: inherit;
    border-right: 2px solid #19414F;
}

.orange-tabs.ffx_background_orange {
    background-color: #FFF!important;
    color: #19414F!important;
    border: 1px solid #19414F!important;
}

.orange-tabs.ffx_background_orange a {
    color: #19414F!important;
}

.twb-title.ffx_background_orange {
    background-color: #FFF;
    color: #19414F;
}

.ffx_background_orange,
.ffx_background_orange .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_orange,
.ffx_background_orange .contentcolumn .orange-tabs:before {
    background-color: #19414F;
    color: #FFF;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_orange {
    color: #19414F;
}

.ffx_background_orange .featured-title {
    /* border-bottom-color: #666; */
    color: #5caff8;
}

.ffx_background_orange h1,
.ffx_background_orange h2 {
    color: #091f30;
}

.ffx_background_orange .icon,
.ffx_background_orange .fa {
    color: #5caff8;
}

.ffx_background_orange a:hover {
    color: #091f30;
}

.ffx_background_orange a {
    color: #5caff8;
    font-size: 16px;
}

.ffx_background_orange .underline {
    border-bottom-color: #00779a;
}

.ffx_background_orange.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_orange.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #19414F, rgba(0, 0, 0, 0));
}

.ffx_background_orange .orange-tabs {
    background-color: #00779a!important;
}

.ffx_background_orange .orange-tabs a {
    color: #00779a!important;
}

.pipe.ffx_background_lightgray {
    background-color: inherit;
    border-right: 2px solid #edf4f4;
}

.orange-tabs.ffx_background_lightgray {
    background-color: #FFF!important;
    color: #edf4f4!important;
    border: 1px solid #edf4f4!important;
}

.orange-tabs.ffx_background_lightgray a {
    color: #edf4f4!important;
}

.twb-title.ffx_background_darkblue {
    background-color: #FFF;
    color: #edf4f4;
}

.ffx_background_lightgray,
.ffx_background_lightgray .contentcolumnbutton,
.jumbotron-threewhiteboxes.section .twb-title.ffx_background_lightgray,
.ffx_background_lightgray .contentcolumn .orange-tabs:before {
    background-color: #edf4f4;
    color: #000;
}

.jumbotron-threewhiteboxes .calloutbar .leftside.ffx_background_lightgray {
    color: #edf4f4;
}

.ffx_background_lightgray .featured-title {
    border-bottom-color: #666;
    color: #000;
}

.ffx_background_lightgray h1,
.ffx_background_lightgray h2 {
    color: #000;
}

.ffx_background_lightgray .icon,
.ffx_background_lightgray a,
.ffx_background_lightgray .fa {
    color: #00779a;
}

.ffx_background_lightgray a:hover {
    color: #000;
}

.ffx_background_lightgray .underline {
    border-bottom-color: #00779a;
}

.ffx_background_lightgray.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_lightgray.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, #edf4f4, rgba(0, 0, 0, 0));
}

.ffx_background_lightgray .orange-tabs a {
    color: #00779a!important;
}


/* END: Background / Widget theme colors */

.topicpageheaderbody {
    max-height: 300px;
    overflow-y: hidden;
}

.topiclink-container {
    float: left;
    display: inline;
    position: relative;
    width: 100%;
}

.topiclink-title {
    float: left;
    display: block;
    position: relative;
    width: 15%;
    padding-inline-start: 0px;
    text-align: right;
    min-width: 145px;
}

.topiclink-links {
    display: inline-block;
    padding-inline-start: 10px;
    float: left;
    margin-inline-start: 10px;
}

.topiclink {
    float: left;
    padding-inline-end: 25px;
    display: inline-flex;
}

.jumbotron-lightgrey.topicpageheader h1 {
    font-size: 48px;
    font-weight: 500;
    margin-top: 0px;
    padding-top: 24px;
}

.jumbotron-lightgrey.topicpageheader .underline {
    border-bottom: 5px solid #ff6633;
    display: inline-flex;
}


/* Content section with link CSS - Started */


/* blue to orange: OCR*/

.jumbotron-lightgrey {
    /* background-color: #19414F; */
    background-color: #19414F;
    margin-bottom: 0;
    margin-top: 0;
    /* padding-bottom: 50px; */
    padding-top: 8px;
    height: 200px;
    color: #FFF;
    position: relative;
    text-align: center;
    margin-top: auto;
    font-size: 3em;
    /* padding: 70px 0; */
    font-weight: 700;
    text-transform: uppercase;
    line-height: 200px;
    text-align: center;
}

.jumbotron-darkbluetopic {
    background-color: rgb(38, 42, 52);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
}

.jumbotron-whitetopic {
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
}

.jumbotron-lightgrey .container,
.jumbotron-darkbluetopic .container,
.jumbotron-whitetopic .container {
    max-width: 100%;
    font-family: 'sofia-pro', sans-serif;
    font-weight: bold;
    color: #00779a;
}

.jumbotron-lightgrey h2,
.jumbotron-lightgrey .h2 {
    border-bottom: 5px solid #ff6633;
    font-size: 48px;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 0.2em;
    width: 210px;
}

.jumbotron-darkbluetopic h2,
.jumbotron-darkbluetopic .h2 {
    color: #FFF;
    font-size: 26px;
    padding-bottom: 20px;
}

.jumbotron-whitetopic h2,
.jumbotron-whitetopic .h2 {
    color: #00779a;
    font-size: 26px;
    padding-bottom: 20px;
}

.jumbotron-lightgrey h3,
.jumbotron-lightgrey .h3 {
    font-size: 1em;
    font-weight: 500;
    color: #FFF;
    margin-top: 0;
    /* height: 1em; */
    overflow: hidden;
}

.jumbotron-darkbluetopic h3,
.jumbotron-darkbluetopic .h3 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.jumbotron-whitetopic h3,
.jumbotron-whitetopic .h3 {
    color: #000000;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0;
}

.jumbotron-lightgrey .container {
    min-height: 0px;
    /* padding-top: 50px; */
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.jumbotron-lightgrey p {
    color: #666666;
    font-size: 16px;
    /*margin-top: 10px;*/
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
}

.jumbotron-darkbluetopic p {
    color: #ffffff;
    font-size: 16px;
    /*margin-top: 10px;*/
}

.jumbotron-whitetopic p {
    color: #000000;
    font-size: 16px;
    /*margin-top: 10px;*/
}

.jumbotron-lightgrey .col-md-8 p,
.jumbotron-darkbluetopic .col-md-8 p,
.jumbotron-whitetopic .col-md-8 p {
    float: left;
    padding-inline-end: 30px;
    width: 380px;
}

.jumbotron-lightgrey a,
.jumbotron-darkbluetopic a,
.jumbotron-whitetopic a {
    /* color: #ffffff; */
}

.jumbotron-lightgrey .col-md-4 a {
    color: #666666;
}

.jumbotron-whitetopic .col-md-4 a {
    color: #000000;
}

@media screen and (max-width: 1500px) {
    .jumbotron-lightgrey .col-md-8 p,
    .jumbotron-darkbluetopic .col-md-8 p,
    .jumbotron-whitetopic .col-md-8 p {
        padding-inline-end: 15px;
        width: 315px;
    }
}

@media screen and (max-width: 1500px) {
    .jumbotron-lightgrey h3,
    .jumbotron-lightgrey .h3 {
        font-size: 1em;
    }
}

@media screen and (max-width: 1200px) {
    .jumbotron-lightgrey h3,
    .jumbotron-lightgrey .h3 {
        font-size: .8em;
    }
}

@media screen and (max-width: 992px) {
    .jumbotron-lightgrey h3,
    .jumbotron-lightgrey .h3 {
        font-size: .8em;
    }
    .jumbotron-lightgrey,
    .jumbotron-whitetopic,
    .jumbotron-darkbluetopic {
        /* padding-top: 15px; */
        /* padding-bottom: 50px; */
        /* padding-inline-end: 15px; */
        /* padding-inline-start: 15px; */
    }
    .jumbotron-lightgrey h2,
    .jumbotron-lightgrey .h2 {
        font-size: 28px;
        margin-bottom: 35px;
        margin-top: 30px;
        padding-bottom: .6em;
        width: 125px;
    }
    .jumbotron-lightgrey .col-md-6+.col-md-6,
    .jumbotron-darkbluetopic .col-md-6+.col-md-6,
    .jumbotron-whitetopic .col-md-6+.col-md-6 {
        padding-top: 15px;
    }
    .jumbotron-lightgrey .orange-tabs,
    .jumbotron-darkbluetopic .orange-tabs,
    .jumbotron-whitetopic .orange-tabs {
        float: none;
    }
    .jumbotron-lightgrey .col-md-8 p,
    .jumbotron-darkbluetopic .col-md-8 p,
    .jumbotron-whitetopic .col-md-8 p {
        float: none;
        padding-inline-end: 0;
        width: auto;
    }
    .jumbotron-lightgrey .col-md-4,
    .jumbotron-darkbluetopic .col-md-4,
    .jumbotron-whitetopic .col-md-4 {
        padding-top: 15px;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron-lightgrey .col-md-8,
    .jumbotron-darkbluetopic .col-md-8,
    .jumbotron-whitetopic .col-md-8 {
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
    .jumbotron-lightgrey .col-md-4,
    .jumbotron-darkbluetopic .col-md-4,
    .jumbotron-whitetopic .col-md-4 {
        padding-inline-start: 0px;
        padding-inline-end: 0px;
    }
    .jumbotron-lightgrey h3,
    .jumbotron-lightgrey .h3 {
        font-size: clamp(2.8rem, 3.4rem, 3.8rem);
    }
    .detailboxes_vertical {
        padding-inline-start: 15px;
    }
    .department-detail-rightcolumn .col-sm-8 {
        padding-inline-end: 0;
    }
    .listingitem {
        flex-direction: column;
        justify-items: center;
    }
    .listingitem .imageboxouter {
        width: auto;
        display: block;
        margin-inline-end: 0;
    }
    .listingitem h3 {
        text-align: center;
    }
    .listingitem-body a.button {
        margin: auto;
    }
}


/* Content section with link CSS - Ended */


/* Mini content box CSS - Started */

.jumbotron-threewhiteboxes {
    background-color: #edf4f4;
    margin-bottom: 0;
    margin-top: 12px;
    padding-bottom: 0px;
    padding-top: 25px!important
}

.jumbotron-threewhiteboxes.section {
    padding-top: 0px!important;
}

.jumbotron-threewhiteboxes.section .white-box {
    padding: 0;
}

.jumbotron-threewhiteboxes.section .white-box .content,
.jumbotron-threewhiteboxes.section .white-box .bottom {
    padding: 32px;
}

.jumbotron-threewhiteboxes .container {
    /* padding: 50px 0; */
    max-width: 100%;
    width: 1800px;
    padding-top: 32px;
    min-height: unset;
}

.jumbotron-threewhiteboxes.section .container {
    padding-top: 32px;
}

.jumbotron-threewhiteboxes.section .twb-title {
    padding-bottom: 60px;
}

.jumbotron-threewhiteboxes .calloutbar {
    background-color: #FFF;
}

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
    flex-direction: column;
    display: flex;
}

.white-box {
    margin-bottom: 29px;
    min-height: 320px;
    padding: 30px;
    text-align: left;
    height: 100%;
    margin: 20px;
    position: relative;
}

.landingminicontentboxes .white-box {
    /* max-height: 330px; */
}

.minicontentboxes .white-box {
    /* max-height: 330px; */
}

@media screen and (max-width: 768px) {
    .landingminicontentboxes .white-box {
        max-height: inherit;
    }
}

.white-box .content {
    max-height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    padding-inline-end: 4px;
    display: block;
    position: relative;
    text-align: center;
    font-weight: bold;
}

.white-box .content li {
    text-align: left;
}

.white-box .mainimage {
    width: 100%;
    float: left;
    display: block;
    position: relative;
    clear: none;
    height: inherit;
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    height: 225px;
    border: 1px solid rgba(0, 0, 0, 0.06);
    clear: both;
    background-size: contain;
}

.white-box .content.nolink {
    max-height: 220px;
    height: 100%;
}

.white-box .content.boxes1::before {
    width: 0;
    padding-inline-start: 95%;
    margin-inline-start: -30px;
}

.white-box .content.boxes2::before {
    width: 0;
    padding-inline-start: 91%;
    margin-inline-start: -30px;
}

.white-box .content.boxes3::before {
    width: 0;
    padding-inline-start: 85%;
    margin-inline-start: -30px;
}

.white-box.fadecontainer .content::after {
    content: " ";
    display: block;
    height: 25%;
    position: absolute;
    background: linear-gradient(to top, #FFF, rgba(255, 255, 255, 0));
    bottom: 80px;
    width: 70%;
    bottom: 0%;
    width: 100%;
}

.white-box.fadecontainer.ffx_background_paleorange .content::after {
    background: linear-gradient(to top, rgb(242, 225, 201), rgba(255, 255, 255, 0));
}

.white-box.fadecontainer.ffx_background_paleblue .content::after {
    background: linear-gradient(to top, rgb(234, 239, 241), rgba(255, 255, 255, 0));
}

.white-box.fadecontainer.ffx_background_lightgray .content::after {
    background: linear-gradient(to top, rgb(238, 238, 238), rgba(255, 255, 255, 0));
}

.white-box.fadecontainer .content {
    /* padding-top: 22px; */
    padding-bottom: 22px;
    height: 145px;
}

.white-box .bottom {
    position: relative;
    width: 100%;
}

.white-box .orange-tabs {
    max-width: 270px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, 0);
}

.jumbotron-threewhiteboxes p {
    /* font-size: 16px; */
    line-height: 1.5em;
}

.white-box p {
    min-width: auto;
    text-align: left;
    color: #7f7f7f;
}

.twb-title {
    font-size: 30px;
    font-weight: 700;
    color: #00779a;
    margin-top: 0;
    padding-top: 40px;
    padding-bottom: 35px;
    text-transform: uppercase;
    line-height: initial;
    position: relative;
    clear: both;
}

div.twb-title {
    font-size: 22px;
    max-height: 65px;
    overflow: hidden;
}

div.twb-title .title {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
    padding-inline-start: 8px;
    padding-inline-end: 8px;
}

div.twb-title.overlayimage {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 360px;
    min-height: 360px;
    padding-top: 50%;
    line-height: 1em;
}

div.twb-title.overlayimage:hover {
    color: #FFF;
    cursor: pointer;
}

.ffx_background_paleorange div.twb-title.overlayimage:hover {
    background-color: rgba(147, 0, 0, 0.6);
}

.ffx_background_paleblue div.twb-title.overlayimage:hover {
    background-color: rgba(215, 159, 1, 0.51);
}

.ffx_background_lightgray div.twb-title.overlayimage:hover {
    background-color: rgba(33, 57, 123, 0.66);
}

@media screen and (max-width: 768px) {
    .flex-container {
        display: block;
    }
    .flex-child {
        flex: 0;
        flex-direction: none;
        display: block;
    }
    .white-box .content.boxes1::before,
    .white-box .content.boxes2::before,
    .white-box .content.boxes3::before {
        width: 0;
        padding-inline-start: 91%;
        margin-inline-start: -30px;
    }
    .white-box {
        margin-inline-start: 0;
        margin-inline-end: 0;
    }
    .white-box .bottom {
        bottom: 15px;
    }
    .white-box .content::before {
        bottom: 48px;
    }
    .white-box.fadecontainer .content::after {
        /* width:85%; */
        /* bottom:50px; */
    }
}

.jumbotron-threewhiteboxes img:not(.align-center):not(.align-left):not(.align-right) {
    /*margin: 0 0 -10px;
    padding: 4px;*/
    display: block;
    margin-inline-start: auto;
    margin-inline-end: auto;
    width: 100%;
    height: auto;
}

@media screen and (min-device-width: 769px) and (max-width: 1199px) {
    p.twb-title {
        font-size: 16px;
    }
}

@media screen and (max-width: 768px) {
    .jumbotron-threewhiteboxes {
        padding-top: 15px;
        padding-bottom: 0px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
    }
    .jumbotron-threewhiteboxes .calloutbar {
        font-size: 80%;
        word-break: break-word;
    }
}

@media screen and (max-width: 360px) {
    .jumbotron-threewhiteboxes img {
        margin: 0;
    }
    .jumbotron-threewhiteboxes img+img {
        margin-bottom: -10px;
    }
}

@media screen and (min-device-width: 992px) and (max-device-width: 1500px) {
    .jumbotron-threewhiteboxes img {
        margin: 0;
    }
    .jumbotron-threewhiteboxes img+img {
        margin-bottom: -10px;
    }
}


/* Mini content box CSS - Ended */

.ffx_fullwidth .widget.genericfullwidth {
    padding: 8px 16px;
}


/* Department news CSS - Started */

.department-news {
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 25px;
    padding-top: 0;
}

.department-news .container {
    max-width: 100%;
}

.department-news .row,
.department-events .row {
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.department-events .description-area {
    width: 100%;
}

.department-events .description-area,
.department-events .description-area .calendar-title,
.department-events .description-area .calendar-title a {
    text-overflow: ellipsis;
    overflow: hidden;
}


/*.department-news .col-md-12,.department-news .col-md-6,.department-news .col-sm-2,.department-news .col-sm-10 {
	padding-inline-start: 0px;
}*/

.department-news .container {
    min-height: 100px;
}

.department-news .view-display-id-default {
    display: none;
    visibility: collapse;
}

.department-news h2,
.department-events h2 {
    color: #00779a;
    font-size: 2.5em;
    font-weight: 500;
    line-height: 30px;
    padding-bottom: 25px;
    padding-top: 0px;
    font-size: 2.5em;
    font-weight: 700;
    font-family: Gibson, sans-serif;
}

.department-news .featured-title {
    border-bottom: medium none;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 16px;
    text-transform: none;
    width: auto;
}

.department-news .bodycontent {
    line-height: 24px;
    max-height: 46px;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    width: 100%;
    line-height: 1.2em;
    overflow: hidden;
    font-size: 1.2em;
    color: #474747;
}

.department-news .depta-description-area .bodycontent {
    max-height: 47px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    position: relative;
    width: 100%;
    line-height: 1.2em;
    font-size: 1.2em;
    color: #474747;
}

.department-news .depta-image-area {
    padding-inline-end: 20px;
}

.department-news .bodycontent_X::before {
    content: " ";
    display: block;
    width: 100%;
    height: 90px;
    position: absolute;
    top: 0;
    /* background: linear-gradient(to top,rgba(255,255,255,1),rgba(0,0,0,0)); */
    background: linear-gradient(to top, #FFF, rgba(255, 255, 255, 0));
}

.department-events .carousel-controls {
    background-color: #007476;
    display: block;
    width: 100%;
    position: relative;
    padding: 8px;
    color: #FFF;
    display: flex;
    word-wrap: break-word;
    overflow: hidden;
    height: 100px;
    text-align: center;
    font-size: 2.5em;
    font-variant-caps: petite-caps;
    font-weight: 700;
}

.department-events .carousel-controls .inner {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    display: inline-flex;
    width: fit-content;
    align-items: center;
}


/* IE Specific style */

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .department-events .carousel-controls .inner {
        min-width: 80%;
    }
}

.department-events .carousel-control,
.department-events .carousel-indicators {
    top: -5px;
}

.department-events .events-description-area>div {
    display: block;
    position: relative;
    clear: both;
    text-align: center;
    line-height: initial;
}

.department-events .events-image {
    float: left;
    width: 100%;
    height: 350px;
    overflow: hidden;
}

.department-events .events-image>img {
    height: 100%;
    width: auto;
}

.department-events .events-date {
    padding-top: 75px;
    font-size: 1.5em;
    font-weight: 700;
    color: #19414F;
}

.department-events .events-title,
.department-events .events-title a {
    padding-top: 30px;
    font-size: 1.2em;
    font-weight: 600;
    color: #00779a;
    text-decoration: underline;
}

.department-events .events-description {
    padding-top: 30px;
    height: 103px;
    line-height: 1.2em;
    color: #474747;
    overflow: hidden;
    font-size: 1.2em;
}

.department-events .events-time div {
    /* white-space: nowrap; */
}

.department-events .events-time .inner>div {
    padding-top: 4px;
    text-align: left;
}

.department-events .events-detailrow {
    padding-top: 30px;
    line-height: 1.2em;
    color: #000;
    overflow: hidden;
    font-size: 1.2em;
}

.department-events .events-detailrow>div {
    width: 50%;
    float: left;
}

.department-events .events-detailrow>div .inner {
    width: initial;
    display: block;
    position: relative;
    padding-inline-end: 0;
}

.department-events .events-detailrow i {
    clear: none;
    display: block;
    position: relative;
    float: left;
    /* height: 200px; */
    /*padding-inline-end: 20px;*/
    color: #00779a;
}

.department-events .events-location .inner div {
    margin-inline-start: 20px;
}

.department-events .events-time .inner div {
    margin-inline-start: 50px;
}

.department-events .events-location {
    display: table;
    text-align: left;
}

.department-news p {}

.department-news .date-time {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 1.5em;
    font-weight: 700;
    color: #19414F;
}

.department-news .orange-tabs a {
    color: #ffffff;
    font-size: 18px;
}

.department-news .news-title a,
.department-news .featured-title a {
    padding-top: 8px;
    padding-bottom: 8px;
    font-size: 22px;
    font-weight: 600;
    color: #00779a;
    text-decoration: underline;
}

.department-news .spacerhalf {
    display: block;
    height: 64px;
}

.department-news .news-title {
    color: #000000;
    font-size: 14px;
    font-weight: 500;
}

.department-news .buttonrow {
    position: relative;
}

.department-events .buttonrow {
    position: relative;
}

.depta-description-area p {
    padding-inline-start: 0;
}

@media screen and (max-width: 992px) {
    .department-news,
    .department-events {
        padding-top: 15px;
        padding-bottom: 50px;
        padding-inline-end: 15px;
        padding-inline-start: 15px;
        /* margin-inline-start: 15px; */
        /* margin-inline-end: 15px; */
    }
}

@media screen and (max-width: 768px) {
    .department-news .col-sm-2 {
        display: none;
    }
    .department-news .col-sm-10 {
        padding-inline-start: 0;
        padding-inline-end: 0;
        width: 100%;
    }
    .department-news .news-title,
    .depta-description-area .date-time {
        padding-inline-start: 0px;
    }
}


/* Department news CSS - Ended */


/* Upcoming events CSS */

.department-events {
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;
    /* margin-top: 0; */
    padding-bottom: 50px;
    /*padding-top: 50px;*/
}

.department-events .container {
    max-width: 100%;
    min-height: 100px;
}

.department-events .eventcontainer {
    background: #edf4f4;
}

.department-events .col-md-6 {
    padding: 0;
}


/*.department-events .spacer {
    display: block;
    height: 50px;
}

.department-events  .row {
    margin-inline-start: 0px;
    margin-inline-end: 0px;	
}

.department-events  h2 {
    color: #00779a;
    font-size: 22px;
    font-weight:500;
    line-height: 30px;
    padding-bottom: 20px;
}*/

@media screen and (min-device-width: 769px) and (max-device-width: 1023px) {
    .department-events .col-md-6 {
        padding-inline-start: 15px;
        padding-inline-end: 15px;
    }
}

@media screen and (max-width: 1023px) {
    .department-events .description-area {
        padding-inline-start: 20px;
    }
    .department-events .col-sm-10,
    .department-events .col-sm-2 {
        padding-inline-start: 0;
        padding-inline-end: 0;
    }
    .department-events .col-sm-2 {
        width: auto;
    }
}


/* Upcoming events CSS - Ended */


/* Callout section CSS */

.callout-section {
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;
    margin-top: 0;
}

.callout-section .underline {
    border-bottom: 4px solid;
    padding-bottom: 8px;
    display: inline-flex;
}

.callout-section .col-md-12 {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
}

.callout-section .container {
    max-width: 100%;
    min-height: 150px;
    padding: 50px;
}

.callout-section .row {
    margin-inline-start: 15px;
    margin-inline-end: 15px;
    max-height: 420px;
    overflow: hidden;
    display: flex;
}

.callout-section.nomaxheight .row {
    max-height: inherit;
}

.callout-section .col-md-4,
.callout-section .col-md-8 {
    padding: 0
}

.calloutcolumntwo h2 {
    border-bottom: none;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 16px;
    margin-top: 10px;
    padding-bottom: 0;
    /* width: 175px; was shortening a single columnfull width  */
}

.calloutcolumntwo p {
    margin-top: 10px;
}

.calloutcolumntwo a {}

.calloutcolumntwo,
.calloutcolumnone {
    padding: 50px;
    overflow-y: hidden;
}

.calloutcolumntwo .contentlink,
.calloutcolumnone .contentlink {
    position: absolute;
    top: 80%;
}

.calloutcolumnone.imageleft {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
}

.calloutcolumntwo.imageleft {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
}

.calloutcolumnone.imageright {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
}

.calloutcolumntwo.imageright {
    padding: 0;
    margin: 0;
    display: flex;
    height: 100%;
}

.calloutcolumnone,
.calloutcolumntwo {
    padding: 15px;
}

.calloutcolumnone .withbutton,
.calloutcolumntwo .withbutton {
    max-height: 300px;
    overflow: hidden;
}

.calloutimage {
    background-size: cover;
    width: 100%;
    float: left;
    display: block;
    position: relative;
    clear: none;
    /* height: 260px; */
    background-position-x: 50%;
    background-position-y: 50%;
    background-repeat: no-repeat;
    max-height: 420px;
}

.calloutcolumnone .imageleft {}


/*.calloutcolumnone img {
    height: 253px;
    width: 300px;
}*/

@media screen and (max-width: 992px) {
    .calloutcolumnone.imageright {
        padding: 0;
        margin: 0;
        width: 0;
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .calloutcolumntwo {
        padding: 20px;
    }
    .calloutcolumntwo a {
        /* font-size: 18px; */
    }
    .calloutcolumnone img {
        height: auto;
        width: 100%;
    }
    .callout-section .container {
        padding: 50px 0px;
    }
    .callout-section .row {
        margin: 0px;
        max-height: initial;
    }
    .calloutcolumnone.imageleft {
        padding-inline-start: 0;
        display: none;
    }
}


/* Callout section CSS - Ended */


/* Topic Page Navigation */


/* to keep from scrolling under global nav */


/* a[id]:before - removed because it was affecting other content types*/

.topicanchor:target::before,
.topicanchor:before {
    /* content:''; */
    /* display:block; */
    /* height:200px; */
    /* margin:-200px 0 0; */
}

.topicanchor {
    visibility: collapse;
    display: block;
    height: 0;
    float: left;
}

.fairfax-anchor-tags {
    background-color: #ffffff;
    color: #000000;
    padding-top: 10px;
    font-size: 18px;
    font-weight: 500;
    white-space: nowrap;
    padding-inline-start: 16px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.fairfax-anchor-tags .container {
    min-height: 0;
}

.hero-topic {
    background-image: url(../images/accounting.png);
    height: 293px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: 50%;
}

.hero-topic h1 {
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-weight: 500;
    top: 30%;
    display: block;
    position: relative;
    /* text-shadow: 2px 2px 8px #969696; */
    margin-top: 0px;
}

@media screen and (max-width: 992px) {
    .hero-topic {
        background-size: cover;
        height: 148px;
        background-position-y: 50%;
    }
    .hero-topic h1 {
        font-size: 40px;
    }
}


/* Topic Page Navigation */


/* Location Templates */

.map-and-address h3 {
    margin-bottom: -13px!important;
}


/* End: Location Templates */


/* Google Site Search - Started */

table.gstl_50 {
    z-index: 10000 !important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input input {
    padding-top: 4px!important;
    margin-top: 4px!important;
    padding-inline-start: 7px!important;
    height: auto!important;
    border: 0!important;
    border-radius: 0!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    -webkit-transition: none!important;
    transition: none!important;
}

.mega-dropdown-menu .gsc-search-box .gsc-input input {
    padding-top: 3px!important;
    padding-inline-start: 7px!important;
    height: auto!important;
    text-indent: 0px!important;
}

.gsc-search-box-tools .gsc-search-box .gsc-input {
    padding-inline-end: 0!important;
    text-align: left!important;
    color: #000;
}

table.gsc-search-box {
    line-height: 0px;
}

.gsc-input-box {
    height: 36px!important;
}

input.gsc-search-button,
button.gsc-search-button {
    /* background-image:url('images/btn_search.png')!important; */
    /* clear: both; */
    /* border-top-left-radius: 0; */
    /* border-bottom-left-radius: 0; */
    /* box-sizing: content-box!important; */
    /* width: 134px!important; */
    /* height: 35px!important; */
    border: none!important;
    background-color: #d13636!important;
    border-radius: 0!important;
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    /* padding: 0!important; */
    /* margin: 0!important; */
    /* margin-top: 8px!important; */
}


/* Google Site Search - Ended */


/* Icon list menu CSS */

.othertopics {
    margin-top: 8px;
}

.othertopics .icon {
    clear: both;
    position: relative;
    display: block;
}

.othertopics-item p,
.othertopics-item span {
    line-height: 1.5em;
}

.othertopics-text {
    height: 3em;
    overflow: hidden;
    clear: both;
    position: relative;
    display: block;
}

.othertopics h3 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 30px;
    text-transform: none;
}

.othertopics-regular .row {
    width: 100%;
    text-align: center;
    padding-top: 26px;
}

.othertopics-item {
    height: 100px;
    display: inline-block;
    float: none;
    vertical-align: top;
    zoom: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
}

.othertopics .container {
    width: 100%;
    min-height: 220px;
}

.othertopics a {
    font-size: 16px;
}

.othertopics-item.col-xs-2 {
    width: 15.666667%;
    display: inline-table;
}


/* Home Icon Nagivation CSS */

.iconnavigation {
    background-color: #87aac6;
}

.iconnavigation .icon {
    clear: both;
    position: relative;
    display: block;
    padding-top: 10%;
    padding-bottom: 8px
}

.iconnavigation-innercontainer {
    height: 100%;
}

.iconnavigation-innercontainer.nodescription {
    padding-top: 18px;
    padding-bottom: 18px;
}

.iconnavigation-item span {
    line-height: 1.5em;
}

.iconnavigation-text,
.iconnavigation-text a {
    /* height: 3em; */
    overflow: hidden;
    clear: both;
    position: relative;
    display: block;
    color: #edf4f4;
    font-weight: 700;
    font-size: 1.5em;
    padding-top: .5em;
    line-height: 23px!important;
    word-break: break-word;
}

.iconnavigation-description {
    overflow: hidden;
    clear: both;
    position: relative;
    display: block;
    color: #FFF;
    font-weight: 500;
}

.iconnavigation h3 {
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 30px;
    text-transform: none;
}

.iconnavigation-regular .row {
    width: 100%;
    text-align: center;
    display: table;
}

.iconnavigation-item {
    height: 360px;
    float: none;
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 10px;
    display: table-cell;
    height: 300px;
    color: #FFF;
}

.iconnavigation-item i {
    /* color:#19414F; */
    color: #edf4f4;
}

.iconnavigation-regular .iconnavigation-item:nth-of-type(odd) {
    background: #00779a;
}

.iconnavigation-regular .iconnavigation-item:nth-of-type(odd) .iconnavigation-innercontainer {
    box-shadow: 0px 0px 0px 10px #00779a;
    background-color: #00779a;
}

.iconnavigation-regular .iconnavigation-item:nth-of-type(even) {
    background: #007778;
}

.iconnavigation-regular .iconnavigation-item:nth-of-type(even) .iconnavigation-innercontainer {
    box-shadow: 0px 0px 0px 10px #007778;
    background-color: #007778;
}

.iconnavigation .container {
    table-layout: fixed;
    max-width: 1800px;
    width: auto;
}

.iconnavigation a {
    font-size: 16px;
    height: 100%;
    display: block;
}

.iconnavigation a:hover {
    text-decoration: none;
}

.iconnavigation-item.col-xs-2 {
    /* width: 14.666667%; */
    display: inline-table;
    /* margin-inline-end: 20px; */
    max-width: 280px;
    padding-inline-end: 10px;
    padding-inline-start: 10px;
    /* border-collapse:collapse; */
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    .iconnavigation-item.col-xs-2 {
        margin-inline-end: -2px;
        margin-inline-start: -2px;
    }
}

@supports (-ms-ime-align: auto) {
    .iconnavigation-item.col-xs-2 {
        margin-inline-end: -5px;
    }
}

@media screen and (max-width: 991px) {
    .iconnavigation-innercontainer {
        box-shadow: 0px 0px 0px 2px #00779a;
    }
    .iconnavigation-item {
        width: 100%!important;
        padding-inline-start: 10px;
        padding-inline-end: 10px;
        height: auto;
    }
    .iconnavigation .icon {
        width: 25%!important;
        float: left;
        padding-top: 4px;
        padding-inline-end: 8px;
    }
    .iconnavigation .iconnavigation-textcontainer {
        width: 75%!important;
        float: left;
        padding-top: 10px;
        text-align: left;
        padding-inline-start: 8px;
    }
    .iconnavigation .iconnavigation-text {
        padding-bottom: 12px;
        height: 2.5em;
        line-height: 25px!important;
    }
    .iconnavigation-item.col-xs-2 {
        margin-inline-end: 0px;
        max-width: none;
    }
}


/* Icon list menu CSS - Ended */


/* CalloutBar CSS */

.calloutbar {}

.calloutbar .container {
    max-width: 1800px;
    width: auto;
    padding: 25px 0;
    display: flex;
    min-height: 175px;
}

.calloutbar .container div {
    position: relative;
}


/* .calloutbar .container .pipe { */


/* height: 50px; */


/* width: 3px; */


/* float: left; */


/* margin: 0 0 0 30px; */


/* } */

.calloutbar .leftside,
.calloutbar .rightside {
    padding: 15px;
    display: flex;
    padding-inline-end: 50px;
    padding-inline-start: 50px;
}

.calloutbar .leftside {
    font-size: 3em;
    font-weight: 700;
    width: 33.5%;
    min-width: 385px;
    overflow-y: hidden;
    overflow-wrap: break-word;
    overflow: hidden;
    line-height: 100%;
}

.calloutbar .rightside {
    font-size: 1.5em;
    font-weight: 500;
    display: block;
    width: 60%;
}

.calloutbar .inner1 {
    display: block;
    height: 100%;
}

.calloutbar .inner2 {
    vertical-align: middle;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    word-break: break-word;
}

.col-sm-8 .calloutbar .leftside {
    font-size: 1.5em;
}

@media screen and (max-width: 1500px) {
    .calloutbar .leftside {
        font-size: 2em;
        padding-inline-start: 30px;
    }
    .calloutbar .leftside .inner1 {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .calloutbar .leftside .inner2 {
        padding-bottom: 20px;
        padding-top: 20px;
    }
    .calloutbar .container {
        display: block;
    }
    .calloutbar .leftside {
        width: 100%;
        padding-inline-end: 0;
        border-right: 0px;
        font-size: 2em;
        padding-inline-start: 20px;
    }
    .calloutbar .rightside {
        width: 100%;
        padding-inline-start: 20px;
        padding-inline-end: 20px;
    }
}


/* SplitWidget CSS */

.splitwidget {}

.splitwidget .container {
    table-layout: fixed;
    max-width: 1800px;
    width: auto;
}

.splitwidget .leftside,
.splitwidget .rightside {
    width: 50%;
    float: left;
    padding: 75px;
}

.splitwidget .img-responsive {
    margin-inline-start: auto;
    margin-inline-end: auto;
    display: block;
    /* width: auto; */
    /* height: 100%; */
}


/* override child widget styles */

.splitwidget .carousel-container {
    height: 530px!important;
    max-height: 530px!important;
    background-color: #666;
}

.splitwidget .carousel-inner {
    height: 100%;
}

.splitwidget .paragraph--type--ffx-pa-slideshow .carousel-controls {
    bottom: 52px!important;
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: space-around;
}

.splitwidget .socialmedia {
    height: 530px!important;
    max-height: 530px!important;
    background-color: #FFF;
}

.splitwidget .tweetbox {
    padding-top: 4px;
    height: 461px;
    margin: 0 auto;
    max-width: 565px;
    width: auto;
}

@media screen and (max-width: 1100px) {
    .splitwidget .leftside,
    .splitwidget .rightside {
        width: 100%;
        padding: 0;
    }
}


/* SplitWidget CSS - Ended */


/* Horizontal menu CSS - Started */

button.accordion-dept {
    background-color: #262a34;
    color: #004251;
    cursor: pointer;
    padding-top: 15px;
    padding-bottom: 15px;
    width: 100%;
    border: none;
    xtext-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    text-transform: uppercase;
}

button.accordion-dept.active,
button.accordion-dept:hover {
    background-color: #262a34;
}

button.accordion-dept:after {
    content: '\002B';
    color: red;
    font-size: 22px;
    xfloat: right;
    margin-inline-start: 5px;
    margin-top: 0px;
}

button.accordion-dept.active:after {
    content: "\000D7";
}

.grey-container-collapse-other-resources a,
.grey-container-collapse-other-resources button {
    color: #ffffff;
    /* font-size: 14px; */
}

.grey-container-collapse-other-resources p a {
    display: inline-block;
    float: left;
    max-width: 223px;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-inline-end: 5px;
    white-space: nowrap;
}

div.panel-dept {
    padding: 0px 18px;
    /*padding-top: 10px;*/
    background-color: #f3f8fc;
    /* #262a34;*/
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    text-align: left;
    color: #00779a;
}

div.panel-dept.active {
    max-height: inherit;
}

div.panel-dept a {
    color: #00779a;
}

.grey-container-collapse-other-resources p {
    margin: 0 0 10px;
}

.grey-box-groups {
    background-color: #f0f0f0;
    display: block;
    margin-top: 20px;
    padding-inline-start: 20px;
    padding-inline-end: 20px;
    padding-bottom: 30px;
}

.grey-box-groups h2 {
    font-size: 28px;
    font-weight: 500;
    margin-top: 0;
    padding-bottom: 0.2em;
    padding-top: 30px;
    color: #00779a;
    line-height: 30px;
}

.grey-box-groups h3 {
    font-size: 18px;
    padding-bottom: .2em;
    font-weight: 500;
    margin-top: 0px;
    margin-bottom: 20px;
}

.grey-container-collapse-other-resources .underline,
.grey-box-groups .underline {
    border-bottom: 4px solid #004251;
    padding-bottom: 8px;
    display: inline-flex;
}

.grey-box-groups h3 a,
.grey-container-collapse-other-resources h3 a {
    text-decoration: none;
}

.grey-box-groups h3,
.grey-container-collapse-other-resources h3 {
    font-size: 18px;
}

.grey-container-collapse-other-resources .col-md-4 {
    padding-bottom: 10px;
}

.grey-box-groups p {
    color: #000000;
    /* font-size: 14px; */
    line-height: 24px;
    margin: 0 0 10px;
}

.grey-box-groups a {
    color: #000000;
}

@media screen and (max-width: 768px) {
    .grey-box-groups .col-md-4 {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .grey-container-collapse-other-resources .col-md-4 {
        width: 100%;
    }
}


/* Horizontal menu CSS - Ended */


/* jumbotron-deptnewsevents */

.jumbotron-deptnewsevents .events_label {
    text-align: center;
    padding-bottom: 20px;
    /* padding-top: 37px ; */
    font-size: 23px;
    padding-inline-start: 0;
    position: relative;
    top: -8px;
}

.jumbotron-deptnewsevents h1,
.jumbotron-deptnewsevents .h1 {
    font-size: 4em;
    font-weight: 500;
    margin-bottom: 15px;
    text-align: center;
}

.jumbotron-deptnewsevents h2,
.jumbotron-deptnewsevents .h2 {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 0;
    text-align: center;
    font-size: 2.5em;
    text-transform: none;
}

.jumbotron-deptnewsevents h3,
.jumbotron-deptnewsevents .h3 {
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 15px;
    text-align: left;
    text-transform: uppercase;
}

.jumbotron-deptnewsevents p,
.jumbotron-deptnewsevents p {
    font-size: 18px;
}

.jumbotron-deptnewsevents .container {
    max-width: 100%;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
}

.jumbotron-deptnewsevents {
    background-color: #FFF;
    margin-top: 15px;
    padding-bottom: 30px;
    background-repeat: repeat;
    background-size: cover;
    background-attachment: fixed;
    -webkit-box-shadow: 1px 1px 10px 1px #777777;
    box-shadow: 1px 1px 10px 1px #777777;
    /* overflow: hidden; */
}

.jumbotron-deptnewsevents .newscontainer .newstitle {
    font-weight: 500;
    font-size: 1.3em;
}

.jumbotron-deptnewsevents .newscontainer .newstitle a {
    color: #000;
}

.jumbotron-deptnewsevents .newscontainer .newslearnmore {
    font-weight: 500;
    font-size: 1.1em;
    padding-top: 20px;
}

.jumbotron-deptnewsevents .newscontainer .newslearnmore a {
    color: #000;
}

.jumbotron-deptnewsevents .container {
    width: 100%;
}

.jumbotron-deptnewsevents .newscontainer {
    background: #FFF;
    margin: 1%;
    width: 47%;
    font-size: 14px;
    padding: 0;
    height: 575px;
}

.jumbotron-deptnewsevents .newscontainer .newsimage {
    /*background-image: url(../images/kidsreading.png);*/
    background-repeat: repeat;
    background-size: cover;
    width: 100%;
    position: relative;
    float: left;
    margin-bottom: 12px;
    height: 200px;
    /* background-position: center */
    background-position-y: 10%;
}

.jumbotron-deptnewsevents .newscontainer .newsimage h2 {
    color: #FFF;
    position: absolute;
    bottom: 0;
    font-weight: 500;
    margin-top: 25px;
    margin-bottom: 0;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-bottom: 12px;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.5em;
    width: 100%;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
    background: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0, 0, 0));
}

.jumbotron-deptnewsevents .newscontainer .newsimage a,
.jumbotron-deptnewsevents .newscontainer .newsimage a:hover,
.jumbotron-deptnewsevents .newscontainer .newsimage a:active {
    color: #FFF!important;
    text-decoration: none;
}

.jumbotron-deptnewsevents .newscontainer .row {
    margin: 0;
    padding: 0 0;
    padding-top: 15px;
}

.jumbotron-deptnewsevents a {
    /* color: #000000;	 */
    color: #004251;
}

.jumbotron-deptnewsevents a:hover {
    color: #004251;
    text-decoration: none;
}

.jumbotron-deptnewsevents .newsbox {
    min-height: 345px;
    padding: 0 22px!important;
}

.jumbotron-deptnewsevents .newsbox p {
    font-size: 1em;
}

@media screen and (max-width: 992px) {
    .jumbotron-deptnewsevents .newscontainer {
        width: 98%;
        height: auto;
    }
    .jumbotron-deptnewsevents .newscontainer .row {
        position: relative;
    }
    .jumbotron-deptnewsevents .newscontainer .newsimage h2 {
        padding-inline-start: 8px;
        text-align: left;
    }
    .buttonrow {
        height: auto;
    }
    .jumbotron-deptnewsevents .events_label {
        width: 100%;
        display: block;
        position: relative;
        float: left;
        padding-top: 1em;
    }
}


/* jumbotron-deptnewsevents */


/* slideshow */


/* Bootstrap 5 Navbar Collapse Fix - Added to work with BS5 JS */

.navbar-collapse.show {
    overflow-y: auto;
}

@media (min-width: 768px) {
    .navbar-collapse.show {
        overflow-y: visible;
    }
}


/* Bootstrap 5 Carousel Transition Fix - Added to work with BS5 JS */


/* Higher specificity to override Bootstrap 3 CSS */

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-inner>.carousel-item {
    position: relative;
    display: none;
    float: left;
    width: 100%;
    margin-inline-end: -100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out !important;
    -webkit-transition: -webkit-transform 0.6s ease-in-out !important;
}

.carousel-inner>.carousel-item.active,
.carousel-inner>.carousel-item-next,
.carousel-inner>.carousel-item-prev {
    display: block;
}

@media (prefers-reduced-motion: reduce) {
    .carousel-inner>.carousel-item {
        transition: none !important;
    }
}

.carousel-inner>.carousel-item-next:not(.carousel-item-start),
.carousel-inner>.active.carousel-item-end {
    transform: translateX(100%);
    -webkit-transform: translateX(100%);
}

.carousel-inner>.carousel-item-prev:not(.carousel-item-end),
.carousel-inner>.active.carousel-item-start {
    transform: translateX(-100%);
    -webkit-transform: translateX(-100%);
}


/* Optional: Fade effect support */

.carousel-fade .carousel-item {
    opacity: 0;
    transition-property: opacity;
    transform: none;
}

.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
    z-index: 1;
    opacity: 1;
}

.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}

.paragraph--type--ffx-pa-slideshow .slideshowcaption {
    position: relative;
    float: left;
    width: 100%;
    padding: 8px;
    color: #FFF;
    display: block;
    word-wrap: break-word;
    overflow: hidden;
    height: 100px;
    text-align: center;
    font-size: 2.5em;
    font-variant-caps: all-small-caps;
    font-weight: 700;
    clear: both;
    position: relative;
    float: left;
}

.paragraph--type--ffx-pa-slideshow .slideshowcaption>div {
    width: 100%;
    margin-top: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    position: relative;
}

.paragraph--type--ffx-pa-slideshow .carousel {
    max-height: 500px;
    overflow: hidden;
}

.carousel {
    position: static;
    /* Changed from static to relative for Bootstrap 5 transitions */
}

@media screen and (max-width: 1100px) {
    .widget .carousel {
        /* margin-top: -75px;	 */
    }
}

.paragraph--type--ffx-pa-slideshow .item,
.paragraph--type--ffx-pa-slideshow .carousel-item {
    /* max-height: 500px; */
    height: 100%;
    width: 100%;
}

.paragraph--type--ffx-pa-slideshow .carousel-controls {
    position: absolute;
}

.slideshowimage {
    /* background-color:#EFEFEF; */
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    position: relative;
    clear: both;
}

.slideshowimage img {
    /* width:auto; */
}

.carousel-control {
    background-image: none!important;
    position: relative;
    top: 5px;
    float: left;
}

.carousel-container {
    height: auto;
    max-height: 300px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
    overflow: hidden;
    /* Required for carousel transitions to be visible */
}

.carousel-indicators {
    padding-inline-end: 8px;
    padding-inline-start: 25px;
    width: initial;
    margin: 0;
    position: relative;
    left: 0;
    display: block;
    position: relative;
    float: left;
    top: 12px;
}

.department-events .carousel-indicators {
    width: max-content;
    min-width: 80%;
}

.department-events .cal-link {
    background: #edf4f4;
    padding-inline-start: 10px;
    color: #00779a;
    position: absolute;
    bottom: 0;
}

.department-events .cal-link a {
    color: #00779a;
    margin-inline-start: 5px;
}

@media screen and (max-width: 700px) {
    .department-events .carousel-indicators {
        display: none;
    }
    .department-events .carousel-control,
    .department-events .carousel-indicators {
        margin-inline-start: 32px;
        margin-inline-end: 32px;
    }
    .calloutbar .leftside,
    .calloutbar .rightside {
        clear: both;
        display: block;
        position: relative!important;
        float: left;
        min-width: unset!important;
    }
    .calloutbar .inner2 {
        transform: unset;
    }
}


/* END: slideshow */


/* FAQ Section */

.faqpanel div.panel {
    padding: 0px 0px;
    padding-top: 0px;
    max-height: none;
}

.faq-listing .action-links-field-collection-add {
    visibility: hidden;
    display: none;
}


/* END:FAQ Section */


/* Drupal Specific */

.node-preview-container {
    display: block;
    position: fixed;
    top: 80px;
    width: 100%;
    z-index: 400;
    margin-top: 0;
}

.alert-success {
    z-index: 499;
    display: block;
    position: relative;
    /* margin-top: 42px; was affecting '[page] was updated alert message after saving a page forcing it to go down too far on page*/
    margin-bottom: 0;
}

.block .contextual {
    right: 14px;
    top: 18px;
}

.contextual {
    z-index: 499;
}

.field--name-field-ffxfaqquestion {
    font-weight: 500;
    padding-top: 10px
}

.nobr {
    white-space: nowrap;
}

.file {
    font-size: inherit;
}

.padTop {
    padding-top: 6px;
}

#user-login-form {
    padding-top: 0px;
}

.user-login-form::before {
    /* content:"Login with your Fairfax Windows Account"; */
    /* font-weight:500; */
    /* font-size: 1.2em; */
}

.user-login-form .form-item-name::before {
    /* content:"\A - or - \A Log in with your WCM credentials \A(must set it in your user profile after logging in using Fairfax Window Account above)"; */
    /* font-style:italic; */
    /* position: absolute; */
    /* top: 120px; */
    /* display:block; */
    /* white-space: pre-wrap; */
}

.user-login-form .form-item-name {
    /* padding-top:230px; */
}

.form-item-name label,
.form-item-pass label {
    font-weight: normal;
}

.samllogin {
    padding-top: 32px;
    display: block;
    position: relative;
    float: left;
    clear: both;
}

.wcmlogin {
    display: block;
    position: relative;
    float: left;
    width: 100%;
    max-width: 400px;
}

.wcmlogin button {
    cursor: pointer;
    text-decoration: none;
}

.wcmlogin .request-password-link,
.wcmlogin ul {
    display: none;
}

.user-login-form .simplesamlphp-auth-login-link {
    display: none;
}

.simplesamlphp-auth-login-link {
    background-color: #d13636!important;
    /* top: 50px; */
    /* position: absolute; */
    padding: 8px 50px;
    color: white;
    display: block;
    position: relative;
    float: left;
}

.simplesamlphp-auth-login-link:hover {
    background-color: #fd1102!important;
}

.simplesamlphp-auth-login-link a,
a.simplesamlphp-auth-login-link {
    color: #ffffff!important;
    text-decoration: none;
}

a[class^="toolbar-icon toolbar-icon-menu-link-content"]::before {
    background-image: url(/modules/workbench/images/icons/787878/workbench.svg);
}

ul.entity-moderation-form {
    padding-bottom: 12px;
}

ul.entity-moderation-form .form-control {
    border-radius: 0;
}

.entity-moderation-form {
    background-color: #ececec;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.125), transparent 4px);
    padding: 14px;
    border: 1px solid #bfbfbf;
    border-bottom-color: #bfbfbf;
}

ul.entity-moderation-form .btn-info {
    border-radius: 0;
    background-color: #0071b8;
    color: #FFF;
    font-weight: normal;
    cursor: pointer;
}

ul.entity-moderation-form .btn-info:hover {
    background-color: #2369a6!important;
    color: #FFF;
}


/* .path-user .alert  { */


/* top: 97px; */


/* position: absolute; */


/* padding: 4px 38px; */


/* margin-top: 8px; */


/* } */

.path-user .alert {
    top: 0px;
    padding: 4px 38px;
    margin-top: 8px;
    display: block;
    position: relative;
    float: left;
}

.hidepdficon {
    padding-inline-end: initial!important;
    background-image: none!important;
}

a.disabled {
    color: #565656;
    opacity: 0.5;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
    color: #565656;
    text-decoration: none;
    cursor: default;
}

.toolbar-icon-ffxtwigfunctions-viewlatestversion::before,
.toolbar-icon-ffxtwigfunctions-viewlatestversion1::before,
.toolbar-icon-ffxtwigfunctions-viewlatestversion::before {
    background-image: url(/core/misc/icons/787878/file.svg);
}

.gsc-result .gs-title {
    height: auto!important;
}

.gs-title {
    line-height: initial;
}

.gsc-table-result,
.gsc-thumbnail-inside,
.gsc-url-top {
    padding-inline-start: 0px!important;
}

figure {
    padding: 8px;
    display: table;
}

figure figcaption {
    padding: 0 8px 8px 8px;
    line-height: 1.5em;
    display: table-caption;
    caption-side: bottom;
    max-width: none;
}

figure.align-center {
    text-align: center;
    /* width:min-content; */
    display: table;
}

div.clearsession {
    display: block;
    clear: both;
    float: left;
    font-style: italic;
    position: relative;
    padding-top: 8px;
}

#stcpDiv {
    display: none;
    visibility: collapse;
}


/* for achors without text*/

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.gsst_b {
    -webkit-user-select: text!important;
}

.comment-forbidden {
    display: none !important;
}

.cancelled h4,
.listingitem-body .cancelled {
    color: #d13636;
}

.cancelled {
    font-weight: bolder;
}

.news .field--name-field-contact-information {
    padding-top: 15px;
}

#regionmap {
    display: block;
    position: relative;
    float: left;
    height: 500px;
    padding-top: 32px;
    padding-bottom: 32px;
}

#regionmap_left {
    display: block;
    position: relative;
    float: left;
    width: 175px;
    min-height: 100px;
    height: 100%;
}

#regionmap_left ul,
#regionmap_regionlist_mobile ul {
    list-style: none;
}

#regionmap_center {
    display: block;
    position: relative;
    float: left;
    width: 447px;
}

#regionmap_right,
#regionmap_right_loading {
    display: block;
    position: relative;
    float: left;
    width: 224px;
    min-height: 100px;
    height: 100%;
}

#regionmap_right_loading {
    position: absolute;
    right: 0;
    top: 50%;
    text-align: center;
    color: lightgray;
    display: none;
}

#regionmap_left .regions {}

#regionmap_left div,
#regionmap_right div,
#regionmap_regionlist_mobile div {
    display: block;
    position: relative;
    float: left;
    clear: both;
    line-height: 1;
    padding-top: 4px;
}

#regionmap_right {
    margin-inline-start: 0px;
    display: none;
    opacity: 0;
}

#regionmap_left .title,
#regionmap_right .title,
#regionmap_regionlist_mobile .title {
    font-size: 26px;
    font-weight: 700;
    color: #00779a;
    line-height: 30px;
    padding-bottom: 10px;
    font-family: 'sofia-pro', sans-serif;
}

#regionmap_right .body {
    /* overflow:scroll; */
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    position: relative;
    float: left;
    width: 300px;
    height: 430px;
    scrollbar-base-color: rgb(255, 255, 255);
}

#regionmap_right .body .field--name-field-title {
    font-family: 'sofia-pro', sans-serif;
    font-size: 16px;
    color: rgb(192, 58, 40);
    font-weight: 700;
    line-height: 1.2em;
    padding-top: 8px;
}

#regionmap_right .body .field-collection-item--name-field-ffx-project-listing .field--name-field-text,
#regionmap_right .body .field-collection-item--name-field-ffx-project-listing .field--name-field-link {
    padding-top: 0px;
    line-height: 20px;
}

#regionmap_right .body .field-collection-item--name-field-ffx-project-listing .field--name-field-link a {
    color: rgb(192, 58, 40);
}

.region_link {
    cursor: pointer;
    text-decoration: none;
}

.region_link.selected {
    color: rgb(192, 58, 40);
    text-decoration: underline;
}

#regionmap_right .body::-webkit-scrollbar {
    width: 12px;
}

#regionmap_right .body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#regionmap_right .body::-webkit-scrollbar-thumb {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

#regionmap_regionlist_mobile {
    visibility: hidden;
    display: none;
}

#regionmap_right .inner .close {
    visibility: hidden;
    display: none;
}

@media screen and (max-width: 992px) {
    #regionmap_regionlist_mobile div {
        width: 100%;
        float: inherit;
    }
    #regionmap_regionlist_mobile .title {
        text-align: center;
    }
    #regionmap_regionlist_mobile .region_link {
        border: 1px solid gray;
        padding: 4px;
        margin: 4px;
        border-radius: 15px;
        text-align: center;
        width: 80%;
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    #regionmap_left {
        visibility: hidden;
        display: none;
    }
    #regionmap_center {
        width: 100%;
    }
    #regionmap_regionlist_mobile {
        visibility: visible;
        display: block;
    }
    #regionmap_regionlist_mobile .regions {
        text-align: center;
    }
    #regionmap_center .map {
        margin-inline-start: auto;
        margin-inline-end: auto;
    }
    #regionmap {
        width: 100%;
        height: auto;
    }
    #regionmap_right {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1040;
        display: none;
        overflow: auto;
        overflow-y: auto;
        width: initial;
        background-color: rgba(128, 128, 128, 0.45);
    }
    #regionmap_right .inner {
        width: 90%;
        height: 90%;
        min-width: 400px;
        margin-inline-start: auto;
        margin-inline-end: auto;
        background-color: #FFF;
        margin-inline-start: 5%;
        margin-top: 5%;
        padding: 1em;
    }
    #regionmap_right .inner .close {
        width: 100%;
        float: right;
        display: block;
        position: relative;
        text-align: right;
        bottom: 0;
        position: absolute;
        padding-inline-end: 8px;
        padding-bottom: 8px;
        opacity: 1;
        left: 0;
        font-size: .8em;
        visibility: visible;
    }
}


/* default background image if no image is applied */

.white-box .mainimage,
.defaultimage {
    background-image: url('/sites/default/files/default_images/dhcd_default.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.listingitem .defaultimage {
    height: 166px;
    width: 300px;
}


/*start calendar styles*/

table:not(.fc-list-table) tr:nth-child(even) {
    background-color: rgb(234, 239, 241)
}

table tr:hover:not(.fc-list-table) {
    background-color: #f5f5f5;
}

.ffxcalendar {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.ffxcalendar .button .icon {
    display: none;
}

.ffxcalendar input,
.ffxcalendar select {
    border-radius: 0 !important;
    border: 1px solid #091f2f !important;
}

.ffxcalendar select {
    border-right: 2px solid #000 !important;
}

.ffxcalendar .button {
    margin-top: 18px;
    margin-inline-start: 0px;
    /* margin-bottom: 5px; */
    background-color: #d13636 !important;
    color: #ffffff !important;
    font-weight: 500;
    font-size: 16.8px;
    padding: 10px;
    text-align: center;
    display: block !important;
    border-radius: 0;
    cursor: pointer;
    height: auto;
    border: 0;
    float: left;
}

.ffxcalendar .view-empty {
    padding-top: 70px;
    text-align: center;
}

.ffxcalendar .view-filters {
    padding-top: 50px;
    float: left;
    /* clear: both; */
    display: block;
    position: relative;
    width: 25%;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    max-width: 300px;
}

@media (max-width: 992px) {
    .ffxcalendar .view-filters {
        width: 100%;
        max-width: unset;
    }
    .ffxcalendar .view-filters input {
        width: 100% !important;
    }
    .ffxcalendar .view-content {
        width: 100% !important;
    }
    .department-detail-rightcolumn {
        width: 100% !important;
    }
    .fc-center h2 {
        width: unset !important;
    }
    .fc-listTile-view .fc-list-item,
    .fc-listTile_current-view .fc-list-item,
    .fc-listTile_day-view .fc-list-item,
    .fc-listTile_week-view .fc-list-item {
        width: 48% !important;
    }
}

@media (max-width: 500px) {
    .fc-listTile-view .fc-list-item,
    .fc-listTile_current-view .fc-list-item,
    .fc-listTile_day-view .fc-list-item,
    .fc-listTile_week-view .fc-list-item {
        width: 96% !important;
    }
}

.ffxcalendar .view-content {
    float: left;
    display: block;
    position: relative;
    width: 75%;
    clear: right;
}

.ffxcalendar .views-exposed-form {
    padding-bottom: 8px;
    margin-top: 75px;
}

.ffxcalendar .views-exposed-form .form-control {
    float: left;
    display: block;
    padding-inline-end: 8px;
    width: 100% !important;
}

.ffxcalendar .views-exposed-form select#edit-field-original-department-target-id {
    height: 200px;
}

.ffxcalendar .views-exposed-form .select-wrapper {
    width: 100% !important;
}

.ffxcalendar .views-exposed-form .form-actions {
    float: left;
    display: block;
    clear: both;
    padding-top: 8px;
    float: right;
}

.ffxcalendar .views-exposed-form .form-actions .btn {
    margin-inline-end: 0px;
    margin-inline-start: 10px;
}

.ffxcalendar .views-exposed-form .form-item {
    width: 100%;
}

.ffxcalendar .views-exposed-form .form-item .bef-datepicker {
    width: 100% !important;
}

.ffxcalendar .views-exposed-form .form-item label {
    float: left;
    clear: both;
    display: block;
}

.ffxcalendar .views-exposed-form .js-form-item-field-ffx-eventtype-target-id:before {
    margin-top: 16px;
    font-style: italic;
    display: block;
    position: relative;
    float: left;
    clear: both;
    margin-bottom: -6px;
    text-align: left;
    width: 100%;
}

.ffxcalendar .views-exposed-form .js-form-item-field-meeting-type-target-id:before {
    content: '- or -';
    font-style: italic;
    display: block;
    position: relative;
    float: left;
    clear: both;
    margin-top: -6px;
    margin-bottom: -6px;
    text-align: center;
    width: 100%;
}

.modal-vertical-centered {
    transform: translate(0, 10%) !important;
    -ms-transform: translate(0, 10%) !important;
    /* IE 9 */
    -webkit-transform: translate(0, 10%) !important;
    /* Safari and Chrome */
    min-width: 80%;
    height: 70%;
    max-width: 900px;
}

.modal-title {
    font-weight: bold;
}

#dialog_event_ics {
    float: left;
}


/* fullcalendar_view */

.fc-list-view {
    border: none;
}

.fc-list-view .fc-scroller {
    overflow: visible !important;
    height: auto !important;
}

.fc-list-view table tr:nth-child(even) {
    background-color: initial;
}

.fc-list-item-description img {
    float: left;
    max-width: 150px;
    height: auto;
}

.fc-unthemed .fc-popover {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
    background-color: #ffffffd4;
}

.fc-day-grid-event {
    padding: 4px !important;
}

.fc-popover .fc-event[href] {
    cursor: pointer;
    background-color: #EFEFEF !important;
    color: #000;
    border: 0;
    margin: 4px;
    border-radius: 0;
    padding: 8px !important;
}

.fc-popover .fc-event[href]:hover {
    color: #666;
}


/* calendar tile view */

.fc-listTile-view,
.fc-listTile_current-view,
.fc-listTile_day-view,
.fc-listTile_week-view,
.fc-listTile_month-view {}

.fc-listTile-view .fc-list-item,
.fc-listTile_current-view .fc-list-item,
.fc-listTile_day-view .fc-list-item,
.fc-listTile_week-view .fc-list-item,
.fc-listTile_month-view .fc-list-item {
    float: left;
    border: 1px solid #CCC;
    margin: 8px;
    width: 31%;
    height: 300px;
    overflow: hidden;
    display: block;
    position: relative;
}

.fc-listTile-view .fc-widget-content,
.fc-listTile_current-view .fc-widget-content,
.fc-listTile_day-view .fc-widget-content,
.fc-listTile_week-view .fc-widget-content,
.fc-listTile_month-view .fc-widget-content {
    width: 100%;
    float: left;
    clear: both;
    padding: 4px;
}

.fc-listTile-view .fc-list-item-marker,
.fc-listTile_current-view .fc-list-item-marker,
.fc-listTile_day-view .fc-list-item-marker,
.fc-listTile_week-view .fc-list-item-marker,
.fc-listTile_month-view .fc-list-item-marker {
    margin: 0;
    padding: 0;
    height: 0;
}

.fc-listTile-view .fc-list-item-time,
.fc-listTile_current-view .fc-list-item-time,
.fc-listTile_day-view .fc-list-item-time,
.fc-listTile_week-view .fc-list-item-time,
.fc-listTile_month-view .fc-list-item-time {
    font-weight: 700;
    padding-inline-start: 2%;
}

.fc-listTile-view .fc-list-item-title,
.fc-listTile_current-view .fc-list-item-title,
.fc-listTile_day-view .fc-list-item-title,
.fc-listTile_week-view .fc-list-item-title,
.fc-listTile_month-view .fc-list-item-title {
    height: 100%;
    padding-inline-start: 2%;
}

.fc-listTile-view .fc-list-item-title a,
.fc-listTile_current-view .fc-list-item-title a,
.fc-listTile_day-view .fc-list-item-title a,
.fc-listTile_week-view .fc-list-item-title a,
.fc-listTile_month-view .fc-list-item-title a {
    font-size: 1em;
    font-weight: 700;
}

.fc-listTile-view .fc-list-item-title .fc-list-item-description,
.fc-listTile_current-view .fc-list-item-title .fc-list-item-description,
.fc-listTile_day-view .fc-list-item-title .fc-list-item-description,
.fc-listTile_week-view .fc-list-item-title .fc-list-item-description,
.fc-listTile_month-view .fc-list-item-title .fc-list-item-description {
    width: 95%;
    /* margin-inline-start: 0; */
    /* margin-inline-end: auto; */
}

.fc-listTile-view .fc-event-dot,
.fc-listTile_current-view .fc-event-dot,
.fc-listTile_day-view .fc-event-dot,
.fc-listTile_week-view .fc-event-dot,
.fc-listTile_month-view .fc-event-dot {
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 20px;
    margin-top: -27px;
    display: block;
    float: right;
    margin-inline-end: 9px;
}

.fc-listTile-view .fc-list-item-description,
.fc-listTile_current-view .fc-list-item-description,
.fc-listTile_day-view .fc-list-item-description,
.fc-listTile_week-view .fc-list-item-description,
.fc-listTile_month-view .fc-list-item-description {
    height: 192px;
    position: relative;
    overflow: hidden;
}

.fc-listTile-view .fc-list-item:hover .fc-list-item-description::after,
.fc-listTile_current-view .fc-list-item:hover .fc-list-item-description::after,
.fc-listTile_day-view .fc-list-item:hover .fc-list-item-description::after,
.fc-listTile_week-view .fc-list-item:hover .fc-list-item-description::after,
.fc-listTile_month-view .fc-list-item:hover .fc-list-item-description::after {
    background-image: linear-gradient(to bottom, transparent, #f5f5f5);
}

.fc-listTile-view .fc-list-item-description::after,
.fc-listTile_current-view .fc-list-item-description::after,
.fc-listTile_day-view .fc-list-item-description::after,
.fc-listTile_week-view .fc-list-item-description::after,
.fc-listTile_month-view .fc-list-item-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    margin: 0;
    padding: 30px 0;
    background-image: linear-gradient(to bottom, transparent, #FFF);
}

.fc-button-group button {
    border: 0;
    height: 67px;
    background: none;
    box-shadow: none;
    display: block;
}

.fc-today-button {
    background: none;
    box-shadow: none;
    display: block;
    border-radius: 0 !important;
    border-color: #000;
    margin-top: 18px !important;
    clear: both;
    width: 100%;
}

.fc-center {
    margin-top: 18px !important;
}

.fc-center button {
    float: left;
    font-size: 1em;
    border: none;
    background: none;
    box-shadow: none;
}

.fc-center button span:after {
    font-size: 1em;
}

.fc-center h2 {
    float: left;
    width: 315px;
}

.fc-icon {
    font-size: 2em;
    top: 0px !important;
}

.fc-center button {
    padding-inline-start: 0px;
    padding-inline-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.fc-center button:disabled {
    color: #CCC;
}

.fc-button {
    cursor: pointer !important;
}

.fc-button:before {
    font-family: Font Awesome\ 5 Free;
    font-size: 3em;
    display: block;
    padding-bottom: 5px;
    margin-top: 11px;
    width: 100%;
    min-width: 60px;
}

.fc-right .fc-button:before {
    width: 50px;
    min-width: 50px;
}

.fc-button.fc-state-active:before {
    color: #1978c9;
}

.fc-listTile_current-button:before,
.fc-listTile_day-button:before,
.fc-listTile_week-button:before,
.fc-listTile_month-button:before,
.fc-listTile-button:before {
    content: "\f0c8";
}

.fc-listGeneric_current-button:before,
.fc-listGeneric_day-button:before,
.fc-listGeneric_week-button:before,
.fc-listGeneric_month-button:before,
.fc-listGeneric-button:before {
    content: "\f022";
}

.fc-customCalendarButton-button:before {
    content: "\f073";
}

.fc-agendaWeek-button:before {
    content: "\f784";
}

.fc-agendaDay-button:before {
    content: "\f783";
}

.fc-month-button:before {
    content: "\f133";
}

.fc-toolbar button:focus {
    outline: none;
}

.modal-fullcalendar .modal-header .close {
    margin-top: -10px;
    font-size: 3em;
    margin-bottom: -17px;
}


/*end calendar styles*/

.ui-datepicker {
    z-index: 999!important;
}

.container-fluid {
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.fc-button-primary {
    color: unset;
}