@charset "utf-8";


.contextual-region {
    position: relative;
}


/* MS Edge Overrides */

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


/* override jquery default */

.ui-widget-content a {
    color: var(--themeBlue)!important;
}

h1 {
    font-size: 36px;
}

h2,
.content h1 {
    font-size: 28px;
}

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

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

blockquote {
    font-size: 120%;
    font-style: italic;
    border-left: 5px solid #eee;
    padding: 10px 20px;
}



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


/* block implementation */

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

.content_left {
    display: flex;
    /* position: relative; */
    overflow: hidden;
    padding: 8px 0 24px 0;
    container-type: inline-size;
	float: left;
}

.content_right {
    display: block;
    position: relative;
    float: right;
    overflow: hidden;
    padding: 8px 0 24px 8px;
	container-type: inline-size;  
}

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

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

.pagebodycontent a,
.eventcontent a,
.content_left .content a,
.content_right .content a,
.news .content a {
	text-decoration:underline;
}

.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 {
    font-size: 1.5rem;
    padding-left: 0;
}

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

@media (max-width: 992px) {
    .content_left,
    .content_right,
    .newscenter_column_left_width {
        width: 100%!important;
        clear: both;
    }
}


/* 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;
}


/* 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-right: 10px;
    padding-left: 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: 1200px) {
    .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: var(--themeBlueDk);
}

.titleoverlay.light {
    color: #fff;
}

/* .main-container { */
    /* padding-top: 100px!important; */
/* } */

.paragraph>section {
    padding-left: 0px;
    padding-right: 0px;
}

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

.label {
    color: #000;
}

.img-responsive {
    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 { */
    /* margin-top: 18px; */
    /* margin-left: 0px; */
    /* /* margin-bottom: 5px; */ */
    /* background-color: var(--themeRed)!important; */
    /* color: #ffffff!important; */
    /* font-weight: 500; */
    /* font-size: 120%; */
    /* padding: 10px; */
    /* text-align: center; */
    /* width: 100%; */
    /* display: block!important; */
    /* border-radius: 24px; */
    /* border: 0; */
/* } */

.faarrowafter:after {
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-left: 3px;
    position: absolute;
    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 6 Pro';
    font-weight: 900;
}



/* .orange-tabs a { */
    /* display: block; */
/* } */

/* .orange-tabs i.fa-arrow-right { */
    /* display: none; */
    /* visibility: collapse; */
/* } */

/* .orange-tabs a:after { */
    /* display: inline-block; */
    /* text-rendering: auto; */
    /* -webkit-font-smoothing: antialiased; */
    /* -moz-osx-font-smoothing: grayscale; */
    /* padding-left: 3px; */
    /* position: absolute; */
    /* 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; */
    /* font-family: 'Font Awesome 6 Pro'; */
    /* font-weight: 900; */
    /* margin-top: 3px; */
/* } */


.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;
}

.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 .contentcolumnbutton,
.widget-contentsectionwithlinks .threecolumn .contentcolumnbutton,
.widget-contentsectionwithlinks .fourcolumn .contentcolumnbutton {
    position: absolute;
}

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

/* .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: #FF0000!important; */
    /* text-decoration: none; */
    /* cursor: pointer; */
/* } */



/* /Orange Tabs */

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



/* Header Area */

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

.jumbotron-header {
    background-color: var(--themeBlueDk);
    /* padding-bottom: 8px; */
    margin-bottom: 0px;
    color: #000000;
    line-height: 30px;
    position: fixed;
    width: 100%;
    z-index: 500;
    height: 100px;
    display: block;
    float: left;
    width: 100%;
    min-width: 350px;
}

.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-right: 0px;
    padding-left: 0px;
    /*   border-radius: 6px; */
}

.jumbotron-header .container {
    width: 100%;
    max-width: 100%;
    padding-top: 20px;
    /* height: 90px; */
    height: 100px;
    background-color: var(--themeBlueDk);
}

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

@media screen and (min-width: 992px) {
    .navbar-nav {
        width: 100%;
        padding-left: 15px;
        padding-right: 15px;
    }
    .navbar-nav>li {}
    li.dropdown {
        width: 13.5%;
        text-align: center;
    }
}

@media screen and (max-width: 1200px) {
    .fe-row-content {
        height: auto!important;
        max-height: none!important;
    }
}

@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;
    }
}

.navbar {
    border: 0;
}

.navbar-inverse {
    background-color: var(--themeBlueDk)!important;
    border-color: var(--themeBlueDk)!important;
    position: absolute!important;
    width: 100%!important;
}

.navbar-inverse .navbar-brand {
    color: #A6ACB0!important;
}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: var(--themeBlue)!important;
    background-color: transparent!important;
}

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

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

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

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
    color: #fff!important;
    background-color: #080808!important;
}

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

.navbar-inverse .navbar-toggle {
    border-color: var(--themeRed)!important;
    background-color: var(--themeRed)!important;
    border-radius: 0!important;
    margin-right: -2px!important;
    margin-top: -20px!important;
    margin-bottom: 0px!important;
    height: 100px!important;
    width: 60px!important;
    float: left!important;
    padding-top: 0!important;
    padding-top: 20px!important;
}

.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: var(--themeRed)!important;
}

.navbar-inverse .navbar-toggle span {
    width: 36px!important;
    color: #FFF!important;
    font-size: 12px!important;
}

.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff!important;
    height: 4px!important;
}

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

.navbar-inverse .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-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
    border-color: #101010;
    width: 100%;
    padding-left: 0px;
    padding-right: 0px;
}

.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
    color: #FFF!important;
    background-color: var(--themeBlueDk)!important;
}

.navbar-inverse .navbar-nav>.open>a:focus span.underline {
    border-bottom: 1px solid var(--themeRed);
    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!important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
        background-color: #080808!important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
        color: #A6ACB0!important;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #fff!important;
        background-color: transparent!important;
    }
    .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!important;
        background-color: #080808!important;
    }
    .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!important;
        background-color: transparent!important;
    }
}

.navbar-inverse .navbar-link {
    color: #A6ACB0!important;
}

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

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

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

.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: #C2C2C2!important;*/
    border-radius: 0px;
    text-decoration: none;
    /*background: rgba(204, 204, 204, 0.95)!important;*/
	/*background: rgba(245, 248, 249, 0.95);*/
}

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

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #FFF!important;
    text-decoration: none;
    background-color: var(--themeBlue)!important;
}

.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
    color: #fff!important;
    text-decoration: none;
    background-color: var(--themeBlue)!important;
    outline: 0;
}

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



/* /header Area */


/* Header/Navigation Area */

.logo {
    text-align: center;
    /* 	padding-top: 25px;
	padding-left: 0px; */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    width: 255px;
    position: absolute;
    top: 24px;
    z-index: 9999;
	/* NO LONGER USING */
	display: none;
}

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

@media screen and (max-width: 768px) {
    .navbar-collapse {
        padding-right: -23px;
        padding-left: 70px;
    }
}



div.fairfaxlogo {
    padding-top: 10px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    padding-left: 22px;
}

div.fairfaxlogo img {
    zoom: 75%;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    div.fairfaxlogo {
        /* zoom: 60%; */
        padding-top: 10px;
        /* 	float:left;*/
        margin-left: auto;
        margin-right: auto;
        position: relative;
    }
    div.fairfaxlogo img {
        zoom: 60%;
    }
}

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

@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.fairfaxlogo {
    width: 18%;
}

.mega-dropdown-menu .level3 {
    padding-left: 0px;
	float:left;
    line-height: 30px;
}

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

.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 {
    padding-left: 0;
    padding-right: 0;
	text-decoration: none;
}

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

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

.dropdown.mega-dropdown.icon .icon-nav-settings-translate {
    background-image: url(../images/icon-nav-settings-translate.png);
    display: block;
    width: 37px;
    height: 33px;
    margin-top: 0px;
    margin-left: 28px;
    margin-bottom: -7px;
}

.dropdown.mega-dropdown.icon .icon-nav-translate-flags {
    background-image: url(../images/icon-nav-translate-flags.png);
    display: block;
    width: 225px;
    height: 19px;
    margin-top: -1px;
    margin-left: -124px;
    margin-bottom: -17px;
    background-position-x: -1px;
    background-repeat: no-repeat;
    padding: 0;
    font-size: 12px!important;
    text-transform: capitalize!important;
    text-align: right;
    background-position-y: 1px;
    text-shadow: -3px 3px 3px var(--themeBlueDk);
}

h2.languagetranslation::after {
    content: '';
    width: 200px;
    height: 20px;
    position: absolute;
    top: 30px;
    width: 386px;
    background-image: url(../images/icon-nav-translate-flags-nofade.png);
    background-repeat: no-repeat;
    background-position-x: right;
}


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

@media screen and (max-width: 991px) {
    .fairfaxlogo {
        display: none;
        width: 80%;
    }
}

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

@media screen and (max-width: 769px) {
    .fairfaxlogotop {
        display: none;
        margin-bottom: 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;
}


.ffx_fullwidth .region-include, .ffx_subpagewidth .region-include {
    float: left;
    width: 100%;
}


.container.blockcontent {
    min-height: unset!important;
}

.searchtextbox {
    font-size: 32px;
    padding-bottom: .2em;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 10px;
}

.searchtextbox .underline {
    border-bottom: 5px solid var(--themeRed);
    padding-bottom: 16px;
    display: inline-flex;
}

.searchbutton,
#search-block-form .btn {
    color: #ffffff;
    background-color: var(--themeRed);
    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-right: 15px;
    padding-left: px;
    margin-right: auto;
    margin-left: auto;
}

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

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

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

.searchrow {
    margin-right: -90px;
    /* margin-left: -15px; */
}

@media (max-width: 1100px) {
    .searchrow {
        margin-right: 10px;
        margin-left: -15px;
    }
}

@media (max-width: 992px) {
    .searchrow {
        margin-right: 25px;
        margin-left: -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: var(--themeBlue)!important;
    margin-top: -1px;
    margin-left: 0;
    padding-left: 0px;
	
    border-radius: 0;
}

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

.navbar-collapse .dropdown-row .dropdown2 ul {
    position: relative;
    float: left;
    width: 1048px;
    background-color: var(--themeBlue)!important;
    margin-top: -1px;
    margin-left: -6px;
    padding-left: 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: 991px) {
    .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;
    }
}


/* /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: #C2C2C2;
    border: 5px;
    background-color: #ffffff;
    background-image: url(../images/plus.png);
    padding-left: 8px;
    text-decoration: none;
    background-position-x: 20px;
    background-repeat: no-repeat;
	clear:none;
    padding-bottom: 0px;

}

@media (min-width: 1100px) {
    .dropdown1.dropdown-item.open,
    .dropdown1.dropdown-item.over {
        background-image: url(../images/multiply.png);
        background-color: var(--themeBlue);
        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: var(--themeBlue);
        padding-left: 0;
    }
    .dropdown1.dropdown-item.open>.dropdown-toggle:hover,
    .dropdown1.dropdown-item.over>.dropdown-toggle:hover {
        padding-left: 5px;
        background-color: var(--themeBlue);
    }
}

.dropdown1 a {
	width:fit-content;
}

.dropdown1 a:hover:not(.settinglink) {
    display: block;
    background-image: url(../images/multiply.png);
    margin-left: -5px;
    color: #ffffff;
    background-color: var(--themeBlue);
    background-position-x: 17px;
    background-repeat: no-repeat;
    text-decoration: underline;
}

.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-left: -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: #C2C2C2;
        border: 5px;
        background-color: #ffffff;
        /* background-image: url(../images/plus-medium.png); */
        padding-left: 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: #C2C2C2;
        border: 5px;
        background-color: #ffffff;
        /* background-image: url(../images/plus-small.png); */
        padding-left: 10px;
        text-decoration: none;
    }
}

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

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

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

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

.mega-dropdown-menu>li {
    padding-left: 5px;
    padding-right: 5px;
}

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

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

.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;
}

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

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

.left.carousel-control {
    right: 39px;
    left: inherit;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
    font-size: 12px;
    background-color: #fff;
    line-height: 30px;
    text-shadow: none;
    color: #333;
    border: 1px solid #ddd;
}

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


/* Focalpoint */

.focalpoint {
    height: 400px;
    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;
}

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: 400px;
    display: block;
    position: relative;
    background: red;
}

.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-left: 16px;
    color: #FFF;
    font-weight: 500;
    font-size: 1.2em;
}

@media screen and (max-width: 991px) {
    .focalpoint-overlay {
        visibility: hidden!important;
        display: none!important;
    }
}


/* /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: var(--themeBlue);
}

.container .jumbotron-howdoi,
.container-fluid .jumbotron-howdoi {
    padding-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .container .jumbotron-howdoi,
    .container-fluid .jumbotron-howdoi {
        padding-right: 15px;
        padding-left: 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;
    }
}

.ffx_subpagewidth .jumbotron-accordion .container {
    width: 100%;
}

.jumbotron-accordion .container {
    min-height: auto!important;
}

.grey-container {
    background-color: var(--themeGrayBlue);
    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 .howdoilinks {
    height: 208px;
    overflow: hidden;
}

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

.hdi-title {
    color: var(--themeBlue);
    text-transform: uppercase;
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}

.hdi-title a {
    color: var(--themeBlue);
}


/* /How Do I... */


/* Featured Area */

.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-right: 0px;
    padding-left: 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-right: 0px;
        padding-left: 0;
    }
    .jumbotron-featured h1,
    .jumbotron-featured .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}

.fe-row {
    margin-right: 0px;
    margin-left: 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: 1200px) {
    .singlecolorblock .fe-row-image,
    .jumbotron-featured .fe-row-image {
        height: 100%;
        position: absolute;
    }
}

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

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

.fe-row-content.left {
    float: left;
}

.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 {
    text-align: left;
}

.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-left: 100px;
    padding-top: 60px;
    padding-bottom: 60px;
    color: #ffffff;
}

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

.fe-rw1-lft-title {
    text-transform: uppercase;
    border-bottom: 5px solid var(--themeBlueDk);
    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 var(--themeBlue);
    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: var(--themeBlue);
}

.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-right: 15px;
    padding-left: 15px;
    /*   border-radius: 6px; */
}

.jumbotron-news .container {
    max-width: 100%;
    padding-right: 15px;
    padding-left: 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-left: 20px;
}




/* /News and Events */


/* Social Media Section */

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

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

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

.container .jumbotron-blue,
.container-fluid .jumbotron-blue {
    padding-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .jumbotron-blue h1,
    .jumbotron-blue .h1 {
        font-size: 63px;
    }
}

.social-media {
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: var(--themeBlue);
    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-left: 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: #A6ACB0;
    text-decoration: none;
}

.social-media-icon {
    margin-top: 18px;
    color: var(--themeBlue);
    background-color: #ffffff;
    padding-top: 10px;
    padding-bottom: 15px;
    /* padding-left: 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 var(--themeBlue);
    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 var(--themeBlue);
        position: relative;
        display: block;
        float: left;
        width: 92%;
    }
}

@media (max-width: 992px) {
    .social-media-tabs {
        margin-left: 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 var(--themeBlue);
        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: var(--themeBlueDk);
    padding-bottom: 48px;
    padding-top: 0px;
    margin-bottom: 15px;
    /* 	margin-top: 50px; */
    color: #C2C2C2;
    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-right: 15px;
    padding-left: 15px;
    /*   border-radius: 6px; */
}

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

.jumbotron-darkblue a.rollover {
    display: block;
    width: 300px;
    height: 40px;
    padding-left: 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: var(--themeBlue);	*/
}

.jumbotron-darkblue .multimenu-level2 a:hover {
    color: var(--themeBlue);
}



/* REMOVED BY BRANDON ELLIS - 03/21/2023 */
/*
.tab-content:not(#home-tabs .tab-content){
    display: none;
    background: var(--themeBlueDk);
    padding-top: 50px;
}
*/


@media screen and (max-width: 992px) {
    .jumbotron-darkblue {
        background-color: var(--themeTan);
        padding-bottom: 48px;
        padding-top: 0px;
        margin-bottom: 50px;
        /* margin-top: 50px; */
        color: #C2C2C2;
        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-right: 15px;
        padding-left: 15px;
        /*   border-radius: 6px; */
    }
    .jumbotron-darkblue .container {
        max-width: 100%;
        padding-left: 15px;
    }
    .jumbotron-darkblue a.rollover {
        display: block;
        width: 94%;
        height: 65px;
        margin-left: 15px;
        margin-right: 150px !important;
        padding: 15px;
        text-decoration: none;
        text-align: center;
        color: #ffffff;
        font-size: 22px;
        background-color: var(--themeBlue);
    }
    .jumbotron-darkblue a.rollover:hover,
    .jumbotron-darkblue a.active {
        background-color: #5CAFF8;
        background-image: none;
    }
   
}

@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-left: 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-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .transparency-box {
        -webkit-border-radius: 0px!important;
        border-radius: 0px!important;
    }
    .container .jumbotron-white,
    .container-fluid .jumbotron-white {
        padding-right: 0px;
        padding-left: 0px;
    }
    .jumbotron-white h1,
    .jumbotron-white .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}


/* Contact Us Widget icon color overrides */

.jumbotron-contactus .fa {
    color: var(--themeBlue)!important;
}

.jumbotron-contactus .fa:hover {
    color: #5CAFF8!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: var(--themeBlue);
}

.jumbotron-contactus .container a:hover {
    color: #5CAFF8;
}

.container .jumbotron-contactus,
.container-fluid .jumbotron-v {
    padding-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .jumbotron-contactus h1,
    .jumbotron-contactus .h1 {
        font-size: 52px;
        font-weight: 500;
    }
}




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

/* THIS DOESN'T APPEAR TO BE NEEDED */
/*
.pagecontent .container {
    min-height: 300px;
}
*/

button.accordion2 {
    background-color: var(--themeBlueDk);
    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: var(--themeBlueDk);
}

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

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

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: var(--themeBlueDk);
    color: var(--themeRed);
    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-left: -15px;
}


/* /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: 1200px) {
    .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: var(--themeBlueDk);
    padding-bottom: 48px;
    margin-bottom: 0px;
    margin-top: 130px;
    color: #C2C2C2;
    line-height: 20px;
}

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

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

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

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

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

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

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

.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-right: 15px;
    padding-left: 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;
    }
}

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

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

.footer-text {
    color: #C2C2C2;
    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: var(--themeBlueDk);
    background-color: #C2C2C2;
    padding: 5px;
    width: 30px;
    height: 30px;
    margin-bottom: 5px;
    display: block;
}

.color-change {
    color: #ffffff;
}

.row {
    margin-left: 0;
    margin-right: 0;
	
}

@media screen and (max-width: 992px) {
    .color-change {
        color: var(--themeRed);
    }
    .row {
        margin-left: 0;
        margin-right: 0;
    }
}


.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-white_small.png);
}

.jumbotron-footer .socialmedia-icon {
    float: left;
    text-align: center;
    width: 34px;
    padding-left: 4px;
}

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

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

.jumbotron-footer .footercontainer {}

button.accordion2 {
    background-color: var(--themeBlueDk);
    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: var(--themeBlueDk);
}

button.accordion2:after {
    content: '\002B';
    color: var(--themeRed);
    font-size: 36px;
    float: right;
    margin-left: 5px;
    margin-top: 0px;
}

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

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: var(--themeBlueDk);
    color: var(--themeRed);
    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-left: -15px;
}


/* Footer Section */


/* Subpage Footer Section */

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

.jumbotron-subpage-footer {
    display: block;
    background-color: var(--themeBlueDk);
    padding-bottom: 48px;
    margin-bottom: 0px;
    margin-top: 200px;
    /* was margin-top: 275px */
    color: #C2C2C2;
    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: #C2C2C2;
}

.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-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .container .jumbotron-subpage-footer,
    .container-fluid .jumbotron-subpage-footer {
        padding-right: 15px;
        padding-left: 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-left: 10px;
}

.jumbotron-subpage-footer .footer-text {
    color: #C2C2C2;
    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: var(--themeBlueDk);
    background-color: #C2C2C2;
    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: var(--themeRed);
    }
}

.jumbotron-subpage-footer .footer-container {
    background-color: var(--themeGrayBlue);
    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: var(--themeBlueDk);
    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: var(--themeBlueDk);
}

button.accordion2:after {
    content: '\002B';
    color: var(--themeRed);
    font-size: 36px;
    float: right;
    margin-left: 5px;
    margin-top: 0px;
}

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

div.panel2 {
    padding: 0px 18px;
    padding-top: 10px;
    background-color: var(--themeBlueDk);
    color: var(--themeRed);
    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-left: -15px;
}

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

.mobiletest {
    display: block;
    background-color: var(--themeRed);
    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: var(--themeRed);
}

.jumbotron-subpage-footer-mobile .icon-orange a {
    color: var(--themeRed);
}

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

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

button.accordion-site-tools {
    background-color: var(--themeBlueDk);
    color: var(--themeBlue);
    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: var(--themeBlueDk);
}

button.accordion-site-tools:after {
    content: '\002B';
    color: var(--themeRed);
    font-size: 22px;
    float: right;
    margin-left: 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: var(--themeBlueDk);
    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: var(--themeBlue);
    font-size: 18px;
}


/* /jumbotron-footer-mobile */


/* /SUBPAGE MOBILE FOOTER */



.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-left {
    padding-left: 0px;
}

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

.dropdow-full {
    width: 100%;
}

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

#block-gtranslate {
	margin-bottom:20px;
}

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

.site-settings h5 {
    color: var(--themeBlue);
    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-right: 10px;
    padding-left: 10px;
}

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

@media (max-width: 991px) {
	.mega-dropdown-menu .level3 {
		color: #fff;
		float:none;
	}
    .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-left: 13px;
    }
    .search .searchtext {
        color: var(--themeBlueDk);
    }
    .searchrow {
        margin-right: 0;
        margin-left: 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: var(--themeBlue)!important;
        margin-top: -1px;
        margin-left: -6px;
        padding-left: 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-left: 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: 1200px) {
    .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;
}

#search-dropdown-desktop i {
    color: var(--themeRed);
}

@media (min-width: 1100px) {
    .navbar-inverse .navbar-nav>li>a:hover>.menuanimation:not(.fa-home) {
        font-size: 17.5px;
        border-bottom: 1px solid var(--themeRed);
        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: var(--themeRed);
        font-size: 17.5px!important;
    }
}
#block-ffxglobalnavigation ul.menu.nav {
	visibility: collapse;
    display: none;
}

#primary-header .row>* {
    padding-right: unset;
    padding-left: unset;
}

/* override  hamburger breakpoint */

@media (max-width: 991px) {
	.col-md-no-padding {
		padding: 0;
	}
  	.mega-dropdown {
		position: relative !important;
		margin-left: 15px;
	}
	.dropdown-menu.mega-dropdown-menu {
		position: relative;
		background: transparent!important;
		width: 100%!important;
		margin-top: 0 !important;
		border: none;
	}
	
	.sidenavigation {
		visibility: hidden;
		display: none;
	}

	#block-ffxglobalnavigation {	
		padding-left: 1rem;
	}

	#block-ffxglobalnavigation .nav {
		display: block;
	}
	
	#block-ffxglobalnavigation ul.menu.nav {
		text-align:left;
		border-bottom: 1px solid #384a58;
		display: block;
		visibility: unset;
	}
	
	#block-ffxglobalnavigation ul.menu.nav li > ul > li {
		list-style: none;
		line-height: 2rem;
	}
	
	
	#block-ffxglobalnavigation ul.menu.nav li > ul > li a{
		color: inherit;
		font-size: 1rem;
	}
	
    .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-right: -23px;
        padding-left: 70px;
    }
    .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: var(--themeRed);
        background-image: url(../../images/multiply-medium.png);
        margin-left: -11px;
        color: #ffffff;
    }
    .navbar-collapse .dropdown-item {
        float: left;
        width: 23.7%;
        margin: 5px;
        display: block;
        position: relative;
        border-color: #C2C2C2;
        border: 5px;
        background-color: #ffffff;
        /* background-image: url(../../images/plus-medium.png); */
        padding-left: 10px;
        text-decoration: none;
		color: #075270;
    }
    .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: #C2C2C2;*/
        border: 5px;
        background-color: inherit;
        background-image: none;
        padding-left: 10px;
        text-decoration: none;
        font-size: 14px;
    }
    .mega-dropdown-menu {
        /* 	top: 60px; */
    }
    .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 {
        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 {
        display: none!important;
    }*/
    .navbar-nav {
        float: none!important;
        margin-top: 7.5px;
        margin-right: 15px;
    }
    .navbar-nav>li {
        float: none;
        clear: both;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        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: var(--themeBlue);
        text-decoration: none;
        color: #ffffff;
        /* was var(--themeBlue); */
    }
    .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;
    }
    .navbar-collapse.show{
        display: block !important;
        max-height: 380px;
        overflow-y: auto!important;
    }
    .navbar-collapse::-webkit-scrollbar {
        width: .5em;
    }
    .navbar-collapse::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
    }
    .navbar-collapse::-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-right: 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-left: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;	    
    }
	
}

.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;
}


/* slideshow */

.paragraph--type--ffx-pa-slideshow .slideshowcaption {
    position: absolute;
    float: left;
    bottom: 0;
    /* background: rgba(9, 31, 47, 0.8); */
	background: linear-gradient(to bottom, rgba(51,51,51,0) 0%,rgba(51,51,51,1) 50%,rgba(51,51,51,1) 100%);
    width: 100%;
    padding: 50px 30px 15px 30px;
    color: #FFF;
    /* display: block; */
    word-wrap: break-word;
    overflow: hidden;
    max-height: 3.7em;
    line-height: 1.5em;
    /* padding-right: 94px; */
	border: none;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	font-size: 1rem;
}

.field--name-field-slideshowcaption {
	padding-bottom: 30px;
}

.paragraph--type--ffx-pa-slideshow .slideshowcaption a {
    color: #FFF;
}

.paragraph--type--ffx-pa-slideshow .carousel {
    max-height: 500px;
    overflow: hidden;
}

.carousel {
    position: static;
    width: 100%;
}

.carousel-control .glyphicon-chevron-right {
    right: 40%;
}

@media screen and (max-width: 1100px) {
    .widget .carousel {
        /* margin-top: -75px;	 */
    }
}

.paragraph--type--ffx-pa-slideshow .item {
    max-height: 500px;
    height: auto;
}

.paragraph--type--ffx-pa-slideshow .carousel-controls {
    right: 14px;
    float: left;
    position: absolute;
    bottom: 22px;
}

.slideshowimage {
    height: 100%;
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.slideshowimage img {
    padding: 0;
}

.carousel-control {
    background-image: none!important;
}

.carousel-container {
    height: auto;
    max-height: 300px;
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.carousel-indicators {
    position: absolute;
    top: 10px;
    bottom: initial;
    height: 24px;
}



/* END: slideshow */

.jumbotron-news1 {
    background-color: var(--themeTan);
    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: var(--themeBlue);
}

.jumbotron-news1 a:hover {
    color: var(--themeBlue);
    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 #C2C2C2;
    padding-top: 12px;
    border-top: 0px;
}

.twitter-timeline {
    font-size: x-large;
    width: 500px;
    height: 1800px!important;
}

.timeline-Viewport {
    height: 1800px;
}


/* /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 {
    /*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 #C2C2C2;
    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-left: 8px;
    position: relative;
    top: -8px;
}

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

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

.jumbotron-news1 .twitterrow a:hover {
    color: var(--themeBlue);
}

.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-right: 15px;
    padding-left: 15px;
}

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

.buttonrow_containerabove {
    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: #FF0000;
}

.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%;
} */

@media screen and (max-width: 992px) {
    .jumbotron-news1 .newscontainer {
        width: 98%;
        height: auto;
    }
    .jumbotron-news1 .newscontainer .row {
        position: relative;
        clear: both;
        min-height: unset;
    }
    .jumbotron-news1 .newscontainer .newsimage h2 {
        padding-left: 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 */

.jumbotron-blue-intro {
    background-color: var(--themeBlue);
    background-color: rgba(73, 139, 198, 1.00);
    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: #C2C2C2;
}

.container .jumbotron-blue-intro,
.container-fluid .jumbotron-blue-intro {
    padding-right: 15px;
    padding-left: 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-right: 15px;
        padding-left: 15px;
    }
    .jumbotron-blue-intro h1,
    .jumbotron-blue-intro .h1 {
        font-size: 63px;
    }
}


/* NEWS PAGE */

.page-node-type-news .field--name-body {
    padding-bottom: 32px;
}



.icon {
    /* padding-right: 15px; */
    /* padding-left: 3px; */
}

.icon-darkblue {
    color: var(--themeBlueDk);
    padding-right: 15px;
    padding-left: 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-left: 11.8%; */
    display: block;
    float: left;
    padding-left: 4%;
}

.department-name h1 {
    font-size: 32px;
    color: var(--themeBlue);
    font-weight: 500;
    padding-top: 8px;
    padding-bottom: 15px;
    padding-left: 0px;
}


/* classes referenced by drupal taxonomy/hardcoded howdoi */

.featured-title {
    text-transform: uppercase;
	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: 98%; */
    /* height: 77px; */
    /* position: absolute; */
    /* bottom: 0; */
    /* margin-bottom: -1px; */
/* } */

.callout-section .fadecontainer.withbutton::before {
    bottom: 82px;
}

.fadecontainer.withbutton::before {
    /* bottom:20%; */
    bottom: 13%;
}

.twocolumn.fadecontainer::before {
    left: 50%;
    width: 50%;
    position: absolute;
    bottom: 12%;
}

.ffx_background_lightblue .fadecontainer::before {
    background: linear-gradient(to top, var(--themeBlue), rgba(25, 120, 201, 0));
    border-bottom: 14px solid var(--themeBlue);
}

.ffx_background_orangered .fadecontainer::before {
    background: linear-gradient(to top, var(--themeRed), rgba(209, 54, 54, 0));
    border-bottom: 14px solid var(--themeRed);
}

.ffx_background_paleblue .fadecontainer::before {
    background: linear-gradient(to top, var(--themeGrayBlue), rgba(234, 239, 241, 0));
    border-bottom: 14px solid var(--themeGrayBlue);
}

.ffx_background_lightgray .fadecontainer::before {
    background: linear-gradient(to top, var(--themeTan), rgba(238, 238, 238, 0));
    border-bottom: 14px solid var(--themeTan);
}

.ffx_background_darkblue .fadecontainer::before {
    background: linear-gradient(to top, var(--themeBlueDk), rgba(9, 31, 47, 0));
    border-bottom: 14px solid var(--themeBlueDk);
}

.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%;
}



.callout-section .fadecontainer {
    max-height: 200px;
}

.ffx_background_white,
.ffx_background_white.ui-accordion-header,
.ffx_background_white .contentcolumnbutton,
.ffx_background_white .contentcolumn .orange-tabs:before {
    background-color: #FFF;
    color: var(--themeBlueDk);
}

.ffx_background_white .featured-title {
    border-bottom-color: #FFF;
    color: var(--themeBlue);
}

.ffx_background_white h1,
.ffx_background_white h2 {
    color: var(--themeBlueDk);
}

.ffx_background_white .icon,
.ffx_background_white .fa {
    color: var(--themeBlueDk);
}

.ffx_background_white a {
    color: var(--themeBlue);
}

.ffx_background_white a:hover {
    color: var(--themeBlue);
}

.ffx_background_white .underline {
    border-bottom-color: var(--themeBlueDk);
}

.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_darkblue,
.ffx_background_darkblue.ui-accordion-header,
.ffx_background_darkblue .contentcolumnbutton,
.ffx_background_darkblue .contentcolumn .orange-tabs:before {
    background-color: var(--themeBlueDk);
    color: #FFF;
}

.ffx_background_darkblue .featured-title {
    border-bottom-color: var(--themeBlue);
}

.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: var(--themeRed);
}

.ffx_background_darkblue .underline {
    border-bottom-color: var(--themeBlue);
}

.ffx_background_darkblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_darkblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, var(--themeBlueDk), rgba(0, 0, 0, 0));
}

.ffx_background_lightblue,
.ffx_background_lightblue.ui-accordion-header,
.ffx_background_lightblue .contentcolumnbutton,
.ffx_background_lightblue .contentcolumn .orange-tabs:before {
    background-color: var(--themeBlue);
    color: #FFF;
}

.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: var(--themeBlueDk);
}

.ffx_background_paleblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_paleblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, var(--themeBlue), rgba(0, 0, 0, 0));
}

.ffx_background_orangered,
.ffx_background_orangered.ui-accordion-header,
.ffx_background_orangered .contentcolumnbutton,
.ffx_background_orangered .contentcolumn .orange-tabs:before {
    background-color: var(--themeRed);
    color: #FFF;
}

.ffx_background_orangered .featured-title {
    border-bottom-color: var(--themeBlueDk);
}

.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: var(--themeBlueDk);
}

.ffx_background_orangered.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_orangered.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, var(--themeRed), rgba(0, 0, 0, 0));
}

.ffx_background_orangered .orange-tabs {
    background-color: var(--themeBlueDk)!important;
}

.ui-state-default {
    background-color: none;
}

.ffx_background_paleblue,
.ffx_background_paleblue.ui-accordion-header,
.ffx_background_paleblue .contentcolumnbutton,
.ffx_background_paleblue .contentcolumn .orange-tabs:before {
    background-color: var(--themeGrayBlue);
    color: var(--themeBlueDk);
}

.ffx_background_paleblue .featured-title {
    /* border-bottom-color: #666; */
    color: #5caff8;
}

.ffx_background_paleblue h1,
.ffx_background_paleblue h2 {
    color: var(--themeBlueDk);
}

.ffx_background_paleblue .icon,
.ffx_background_paleblue .fa {
    color: #5caff8;
}

.ffx_background_paleblue a:hover {
    color: var(--themeBlueDk);
}

.ffx_background_paleblue a:not(.btn) {
    color: #5caff8;
    font-size: 16px;
}

.ffx_background_paleblue .underline {
    border-bottom-color: var(--themeBlueDk);
}

.ffx_background_paleblue.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_paleblue.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, var(--themeGrayBlue), rgba(0, 0, 0, 0));
}

.ffx_background_lightgray,
.ffx_background_lightgray.ui-accordion-header,
.ffx_background_lightgray .contentcolumnbutton,
.ffx_background_lightgray .contentcolumn .orange-tabs:before {
    background-color: var(--themeTan);
    color: #000;
}

.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: var(--themeBlueDk);
}

.ffx_background_lightgray a:hover {
    color: #000;
}

.ffx_background_lightgray .underline {
    border-bottom-color: var(--themeBlueDk);
}

.ffx_background_lightgray.textfadeout .contentcolumn .contentcolumntext::before,
.ffx_background_lightgray.textfadeout .calloutcolumntwo::before {
    background: linear-gradient(to top, var(--themeTan), rgba(0, 0, 0, 0));
}


/* END: Background / Widget theme colors */

.topicpageheaderbody {
/*     max-height: 300px;
    overflow-y: hidden; */
}

.jumbotron-lightgrey.topicpageheader h1 {
    font-size: 48px;
    font-weight: 500;
    margin-top: 0px;
    padding-top: 24px;
}

.jumbotron-lightgrey.topicpageheader .underline {
    border-bottom: 5px solid var(--themeRed);
    display: inline-flex;
}


/* Content section with link CSS - Started */

.jumbotron-lightgrey {
    background-color: rgb(234, 239, 241);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    font-size: 1rem;
}

.jumbotron-darkbluetopic {
    background-color: rgb(38, 42, 52);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    font-size: 1rem;
}

.jumbotron-whitetopic {
    background-color: rgb(255, 255, 255);
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 50px;
    padding-top: 50px;
    font-size: 1rem;
}

.jumbotron-lightgrey .container,
.jumbotron-darkbluetopic .container,
.jumbotron-whitetopic .container {
    max-width: 100%;
}



.jumbotron-lightgrey h2,
.jumbotron-lightgrey .h2 {
    border-bottom: 5px solid var(--themeRed);
    font-size: 2rem;
    font-weight: 500;
    margin-bottom: 15px;
    margin-top: 0;
    padding-bottom: 0.2em;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

.jumbotron-darkbluetopic h2,
.jumbotron-darkbluetopic .h2 {
    color: var(--themeBlue);
    font-size: 26px;
    padding-bottom: 20px;
}

.jumbotron-whitetopic h2,
.jumbotron-whitetopic .h2 {
    color: var(--themeBlueDk);
    font-size: 26px;
    padding-bottom: 20px;
}

.jumbotron-lightgrey h3,
.jumbotron-lightgrey .h3 {
    /*  removed due to conflict with listing page
	color: #666666;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 0; */
    font-size: 28px;
    font-weight: 500;
    color: var(--themeBlue);
    margin-top: 0;
}

.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; */
}

.jumbotron-lightgrey p {
    color: #666666;
    font-size: 16px;
    /*margin-top: 10px;*/
}

.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-right: 30px;
}

.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: 1200px) {
    .jumbotron-lightgrey .col-md-8 p,
    .jumbotron-darkbluetopic .col-md-8 p,
    .jumbotron-whitetopic .col-md-8 p {
        padding-right: 15px;
        /* width: 315px; */
    }
}

@media screen and (max-width: 992px) {
	
	.jumbotron-lightgrey .col-md-3,
	.jumbotron-lightgrey .col-md-4, 
	.jumbotron-lightgrey .col-md-8, 
	.jumbotron-lightgrey .col-md-9 {
		width:100%;
	}

    .jumbotron-lightgrey,
    .jumbotron-whitetopic,
    .jumbotron-darkbluetopic {
        padding-top: 2rem;
		padding-bottom: 2rem;
        padding-right: 15px;
        padding-left: 15px;
    }
    .jumbotron-lightgrey h2,
    .jumbotron-lightgrey .h2 {
        font-size: 28px;
        margin-bottom: 20px;
        padding-bottom: .6em;
    }
    .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-right: 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-left: 0px;
        padding-right: 0px;
    }
    .jumbotron-lightgrey .col-md-4,
    .jumbotron-darkbluetopic .col-md-4,
    .jumbotron-whitetopic .col-md-4 {
        padding-left: 0px;
        padding-right: 0px;
    }
}


/* Content section with link CSS - Ended */


/* Mini content box CSS - Started */

.jumbotron-threewhiteboxes {
    background-color: rgb(238, 238, 238);
    margin-bottom: 0;
    margin-top: 12px;
    padding-bottom: 0px;
    padding-top: 25px!important
}

.jumbotron-threewhiteboxes .container {
    /* padding: 50px 0; */
    max-width: 100%;
}

.flex-container {
    display: flex;
}

.flex-child {
    flex: 1;
    display: flex;
}

.white-box {
    background-color: #ffffff;
    margin-bottom: 29px;
    min-height: 320px;
    padding: 30px;
    text-align: left;
    /* max-height: 330px; */
    height: 100%;
}

.white-box .content {
    max-height: auto;
    overflow-y: hidden;
    overflow-x: hidden;
    width: 100%;
    padding-right: 4px;
    display: block;
    position: relative;
}

.white-box .content.nolink {
    max-height: 220px;
    height: 100%;
}

.white-box .content.boxes1::before {
    width: 0;
    padding-left: 95%;
    margin-left: -30px;
}

.white-box .content.boxes2::before {
    width: 0;
    padding-left: 91%;
    margin-left: -30px;
}

.white-box .content.boxes3::before {
    width: 0;
    padding-left: 85%;
    margin-left: -30px;
}


/* .white-box.fadecontainer .content::before{ */


/* content: " "; */


/* display: block; */


/* height: 25%; */


/* position: absolute; */


/* background: linear-gradient(to top,#FFF,rgba(0,0,0,0)); */


/* bottom:70px; */


/* width: 70%; */


/* } */

.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 .content {
    max-height: 160px;
}

.white-box .bottom {
    position: absolute;
    bottom: 45px;
    width: 75%;
}

.jumbotron-threewhiteboxes p {
    /* font-size: 16px; */
    line-height: 1.5em;
}

.white-box p {
    min-width: auto;
}

.twb-title {
    color: var(--themeBlue);
    font-size: 22px;
    font-weight: 500;
    padding-bottom: 15px;
    text-transform: uppercase;
    line-height: initial;
}

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

    .white-box .content.boxes1::before,
    .white-box .content.boxes2::before,
    .white-box .content.boxes3::before {
        width: 0;
        padding-left: 91%;
        margin-left: -30px;
    }
    .white-box .bottom {
        bottom: 30px;
    }
    .white-box .content::before {
        bottom: 48px;
    }
    .white-box.fadecontainer .content::after {
        /* width:85%; */
        /* bottom:50px; */
    }
}

p.twb-title {
    color: var(--themeBlue);
    font-size: 22px;
    max-height: 65px;
    overflow: hidden;
}

@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-right: 15px;
        padding-left: 15px;
    }
}

@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: 1200px) {
    .jumbotron-threewhiteboxes img {
        margin: 0;
    }
    .jumbotron-threewhiteboxes img+img {
        margin-bottom: -10px;
    }
}


/* Mini content box CSS - Ended */


/* widget-servicestabbed */

.widget-servicestabbed .container {
    max-height: none;
}

.widget-servicestabbed .tab-link span {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 24px;
    max-height: 47px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.widget-servicestabbed.tabbedcontent {
    padding-top: 0px!important;
}

.widget-servicestabbed .widget-contentsectionwithlinks {
    padding: 0px!important;
    margin-top: 0px!important;
    padding-bottom: 16px !important;
}

.widget-servicestabbed.tabbedcontent ul.tabs li {
    background-color: var(--themeGrayBlue);
}

.widget-servicestabbed.tabbedcontent ul.tabs li.current {
    background-color: var(--themeTan);
}

.widget-servicestabbed.tabbedcontent .row.panel {
    margin-bottom: 0px!important;
    padding-top: 0px;
}

.widget-servicestabbed.tabbedcontent .row.title {
    /* background-color: #FFF!important; */
    padding-left: 0px;
}

.widget-servicestabbed.tabbedcontent .row.title .col-md-12 {
    padding-left: 0px;
}

.widget-servicestabbed.tabbedcontent .container {
    max-height: none;
    border: 1px solid #eee;
}

.widget-servicestabbed.tabbedcontent .container.noborder {
    border: none;
}

.widget-servicestabbed.tabbedcontent .container.noheight {
    max-height: unset;
    min-height: unset;
}

.widget-servicestabbed.tabbedcontent a.rollover {
    width: unset;
    height: unset;
}

.widget-servicestabbed .outercontent {
    padding: 0 16px 26px 16px;
    color: #000;
}

.widget-servicestabbed .outercontent .title {
    color: var(--themeBlue);
    font-size: 22px;
    max-height: 65px;
    overflow: hidden;
    padding-bottom: 8px;
}

.widget-servicestabbed .bigscreen .outercontent .content {
    max-height: 400px;
    /* overflow: hidden; */
}

.widget-servicestabbed .bigscreen .outercontent .content .contentcolumntext::after {
    content: '';
    position: absolute;
    bottom: -16px;
    left: 0;
    right: 0;
    background-image: linear-gradient( rgba(238, 238, 238, 0) 80%, rgba(238, 238, 238, 1) 100%);
    height: 16px;
}

.widget-servicestabbed.ffx_background_white .bigscreen .outercontent .content .contentcolumntext::after {
    background-image: linear-gradient( rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 1) 100%);
}

@media screen and (max-width: 1200px) {
    .widget-servicestabbed .container {
        min-height: unset;
    }
}


/* END widget-servicestabbed */




/* Department news CSS - Started */

.department-news {
	background-color: rgb(255, 255, 255);
    margin-bottom: 1rem;
    margin-top: 0;
    padding-bottom: 1rem;
    padding-top: 1rem;
}

.department-news .container {
    max-width: 100%;
}

.department-news .row,
.department-events .row {
    margin-left: 0px;
    margin-right: 0px;
}

.department-events .description-area {
    width: auto;
}

.department-events .description-area,
.department-events .description-area .calendar-title,
.department-events .description-area .calendar-title a {
    text-overflow: ellipsis;
    overflow: hidden;
    text-wrap: initial;
    text-wrap: initial;
}

.department-events .description-area .calendar-title {
	font-size:1.2rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

/* enable wordwrap of anchor tag for all browswer types */ 
.department-events .description-area .calendar-title a {
	white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */
}

/*.department-news .col-md-12,.department-news .col-md-6,.department-news .col-sm-2,.department-news .col-sm-10 {
	padding-left: 0px;
}*/

.department-news .container {
    min-height: 100px;
}

.department-news .view-display-id-default {
    display: none;
    visibility: collapse;
}



.department-news .featured-title {
    border-bottom: medium none;
    color: #000000;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    padding-bottom: 0;
    text-transform: none;
    width: auto;
}

.department-news .bodycontent {
    /* color: #000000; */
    /* font-size: 14px; */
    /* line-height: 24px; */
    /* max-height: 80px; */
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    /* display: block; */
    /* position: relative; */
    /* width: 100%; */
	
	color: #000000;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-bottom:1rem;
}

.department-news .depta-description-area .bodycontent {

    color: #000000;
    font-size: 14px;
    line-height: 24px;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 1rem;
}



.department-news p {}

.department-news .date-time {
    color: #666666;
    font-size: 12px;
}

.department-news .orange-tabs a {
    color: #ffffff;
    font-size: 18px;
}

.department-news .news-title a,
.department-news .featured-title a {
    color: #000;
	text-decoration:underline;
}

.department-news .spacerhalf {
    display: block;
    height: 8px;
}

.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-left: 0;
}

@media screen and (max-width: 992px) {
    .department-news,
    .department-events {
        padding-top: 15px;
        padding-bottom: 50px;
/*         padding-right: 15px;
        padding-left: 15px;
        margin-left: 15px;
        margin-right: 15px; */
    }
	
	.department-events .container,  {
		padding-left: 0;
		padding-right: 0;
	}
}

@media screen and (max-width: 768px) {
	.department-events .container  {
		padding-left: 0;
		padding-right: 0;
	}
    .department-news .col-sm-2 {
        display: none;
    }
	
	.department-events .container .row {
		padding-left: 0;
		padding-right: 0;
	}
	
    .department-news .col-sm-10 {
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .department-news .news-title,
    .depta-description-area .date-time {
        padding-left: 0px;
    }
}


/* Department news CSS - Ended */


/* Upcoming events CSS */






.department-events .col-md-6 {
    padding: 0;
	float:left;
}
.department-events .events-list.vertical .col-md-6 {
	width:100%;
    margin-bottom: 0px;
}


.department-events .events-list .items {
	padding: 0 8px;
}

.department-events .events-list .items .item .date {
    margin-right: 8px;
    max-height: 90px;
}

.department-events .events-list .item .content {
	padding-top:0;
    margin-right: 8px;
}


.department-events .description-area {
	height:auto;
    padding-top: 3px;
	padding-left:0;
    overflow-y: hidden;
    max-height: 94px;
}

.department-events .calendar-description {
	font-size: 1rem;
    margin-top: -26px;
    line-height: 1.2rem;
    height: 60px;
	color:var(--baseFontColor); 
}

.department-events .calendar-description a {
	color:var(--baseFontColor);
}



@media screen and (max-width: 1024px) {
	
	.department-events {
		padding:0;
	}
	.department-events .container {
		max-width: 100%;
		padding-right: 0;
		padding-left: 0;
	}
	
    .department-events .col-md-6 {
		padding: 0;
		width:100%;
		margin-bottom: 8px!important;
    }
	
    .department-events .description-area {
        padding-left: 20px;
		width: 100%!important;
    }
	.department-events .events-list .item {
		margin-bottom:0;
	}
}

/* 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-left: 0px;
    padding-right: 0px;
}

.callout-section .container {
    max-width: 100%;
    min-height: 150px;
    padding: 50px;
}

.callout-section .row {
    margin-left: 15px;
    margin-right: 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-left: 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*/



/* Topic Page Navigation */


/* Location Templates */

.map-and-address h3 {
    margin: 1rem 0 !important;
}


/* End: Location Templates */




/* 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;
    padding-top: 5px;
}

.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;
}


/* Icon list menu CSS - Ended */



/* 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;
}

.block .contextual {
    right: 14px;
    top: 18px;
}

.contextual {
    z-index: 499;
}



.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;
    clear: both;
    padding-top: 8px;
    float: right;
    top: -49px;
    text-align: right;
}

.wcmlogin a {
    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: var(--themeRed)!important;
    /* top: 50px; */
    /* position: absolute; */
    padding: 8px 50px;
    color: white;
    display: block;
    position: relative;
    float: left;
}

.simplesamlphp-auth-login-link:hover {
    background-color: #FF0000!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/contrib/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: var(--themeGrayBlue);
    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: var(--themeBlue);
    color: #FFF;
    font-weight: normal;
    cursor: pointer;
}

ul.entity-moderation-form .btn-info:hover {
    background-color: var(--themeBlue)!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; */
/* } */

.field--type-text-with-summary a[href$=".pdf"],
.contentcolumntext>p a[href$=".pdf"] {
    padding-right: 19px;
    background-image: url(/themes/bootstrap-8.x-3.0-rc2/bootstrap/css/images/pdf-icon-small.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

.hidepdficon {
    padding-right: initial!important;
    background-image: none!important;
}

a.disabled {
    color: #666666;
    opacity: 0.5;
}

a.disabled,
a.disabled:hover,
a.disabled:focus {
    color: #666666;
    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-left: 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;
}

.clearboth {
    clear: both;
    float: left;
    width: 100%;
    padding: unset;
}

#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: var(--themeRed);
}

.cancelled {
    font-weight: bolder;
}

.news .field--name-field-contact-information {
    padding-top: 15px;
}

.ui-widget.ui-accordion {
    font-family: 'Montserrat', "Helvetica Neue", Helvetica, Arial, sans-serif!important;
    font-size: 15px!important;
    color: #333!important;
}

.ui-helper-reset {
    line-height: 28px!important;
}

.ui-accordion .ui-accordion-header {
    margin: 0px 0 4px 0!important;
    border: 0;
    border-radius: 0px;
    text-transform: unset;
    padding: 1.5em 1em 1.5em 1em!important;
    min-height: 61px;
}

.ui-accordion-header::after {
    content: '\002B';
    font-size: 22px;
    float: right;
    margin-left: 5px;
    margin-top: -3px;
}

.ui-accordion-header-active::after {
    /*content: '\000D7';*/
    font-size: 22px;
    float: right;
    margin-left: 5px;
    margin-top: -4px;
}

[data-align|="left"] {
    float: left;
}

[data-align|="right"] {
    float: right;
}

.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 var(--themeBlueDk)!important;
}

.ffxcalendar select {
    border-right: 2px solid #000!important;
}

.ffxcalendar .button {
    margin-top: 18px;
    margin-left: 0px;
    /* margin-bottom: 5px; */
    background-color: var(--themeRed)!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-right: 15px;
    padding-left: 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;
}

.ffxcalendar .views-exposed-form .form-control {
    float: left;
    display: block;
    padding-right: 8px;
    width: 100%!important;
}

#edit-field-eventmeetingtype-target-id option:before {
    color: #CCC;
    content: "■";
    font-size: 22px;
    padding: 4px;
    background-color: unset;
}

.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-right: 0px;
    margin-left: 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 #modal_registration a {
	word-wrap: break-word;
	text-decoration:underline;

}


.ffxcalendar .modal-footer {
    justify-content: flex-start;
}


.ffxcalendar .modal-footer>* {
	margin:0;
    justify-content: space-between;
}

/* 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: var(--themeGrayBlue)!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 #C2C2C2;
    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-left: 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%;
    margin-top: 14px;
    padding-left: 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-left: 0; */
    /* margin-right: 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-right: 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: 172px;
    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, var(--themeGrayBlue));
}

.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-left: 0px;
    padding-right: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

.fc-center button:disabled {
    color: #C2C2C2;
}

.fc-button {
    cursor: pointer!important;
}

.fc-button:before {
    font-family: 'Font Awesome 6 Pro';
    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: var(--themeBlue);
}

.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;
}

.modal-content {
    border-radius: 0;
}

.modal-title {
    font-weight: bold;
}

.modal-body div,
.modal-body h4,
.modal-body h5 {
    padding-bottom: 8px;
}

.modal-body .field-collection-item .field {
    padding-bottom: 0;
}

.modal-body .field--name-field-ffx-addresscity,
.modal-body .field--name-field-ffx-addressstate,
.modal-body .field--name-field-ffx-addresszipcode {
    float: left;
    padding-right: 5px;
}

.modal-body .field--name-field-ffx-addresscity::after {
    content: ', ';
}

.address_group div {
    display: inline-block;
}

.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-footer {
    clear: both;
}

#dialog_event_ics {
    float: left;
}





/*LiveChat*/

#chatbotdisable {
    display: none;
    background-color: #33333399;
    width: 33%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 99999;
}


/* OFFSET VERSION  */

#phplive_iframe_chat_embed_wrapper_X {
    width: 4%!important;
    height: 100%!important;
}

#phplive_iframe_chat_embed_wrapper {
    width: 31%!important;
    height: 89%!important;
    bottom: 46px!important;
    box-shadow: none!important;
}

/* CHATBOT SEND MESSAGE RESPONSIVE BREAKPOINTS */
@media screen and (max-width: 1200px) {
	#phplive_iframe_chat_embed_wrapper {
		width: 46%!important;
	}
}

@media screen and (max-width: 768px) {
	#phplive_iframe_chat_embed_wrapper {
		width: 66%!important;
	}
}

@media screen and (max-width: 468px) {
	#phplive_iframe_chat_embed_wrapper {
		width: 76%!important;
	}
}

@media screen and (max-width: 408px) {
	#phplive_iframe_chat_embed_wrapper {
		width:90%!important;
	}
}

/* END CHATBOT SEND MESSAGE RESPONSIVE BREAKPOINTS */

#phplive_iframe_chat_embed_wrapper iframe {}




/*TEMPORARY*/


.tagclouds-term {
    display: unset;
    margin: 11px;
    border: 1px solid var(--themeBlue);
    display: inline-flex;
    margin-top: 0;
    float: left;
}

.tagclouds-term a:focus {
    outline: none;
}

.tagclouds-term .tagclouds {
    background-color: aliceblue;
    padding: 8px;
}

.tagclouds.level1 {
    background-color: aliceblue;
}

.tagclouds.level2 {
    background-color: aliceblue;
}

.tagclouds.level3 {
    background-color: aliceblue;
}

.tagclouds.level4 {
    background-color: #c9e2f7;
}

.tagclouds.level5 {
    background-color: #c9e2f7;
}

.tagclouds.level6 {
    background-color: #4182bb;
}

a.tagclouds.level6 {
    color: #FFF;
}

a.tagclouds.level4,
a.tagclouds.level5 {
    color: #4182bb;
}

.topviewed_item {
    float: left;
    display: block;
    position: relative;
    clear: both;
    padding-bottom: 8px;
    margin-left: 15px;
}

.topviewed_item_titlerow {
    float: left;
    display: inline-flex;
    position: relative;
}

.topviewed_item_titlerow div {
    clear: none;
}

.topviewed_item .topviewed_item_count {
    float: left;
    display: block;
    position: relative;
    background-color: #1f7bca;
    width: 30px;
    height: 30px;
    margin-right: 12px;
    border-radius: 20px;
    text-align: center;
    color: #FFF;
    vertical-align: top;
    min-width: 30px;
    max-width: 30px;
    display: none;
}

.topviewed_item .topviewed_item_count .text {
    right: 0px;
    display: block;
    position: relative;
    float: right;
    margin-right: 11px;
    /* text-shadow: 1px 1px #bcbcbc; */
    color: #fff;
    background-color: #1f7bca;
    height: 30px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-left: 9px;
    padding-top: 1px;
    min-width: 21px;
}

.topviewed_item .topviewed_item_title {
    float: right;
    right: 0px;
    display: block;
    position: relative;
    float: right;
    margin-right: 10px;
    /* text-shadow: 1px 1px #f69f00; */
    color: #333;
    line-height: 19px;
}

.topviewed_item .topviewed_item_image {
    float: right;
    display: block;
    position: relative;
    margin-top: -34px;
    opacity: .6;
    width: 50%;
    -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 1)));
    mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));
}

#newscenter_storypreview {
    bottom: 20px;
    width: 275px;
    /* right: 5px; */
    text-align: left;
    background-color: #fff;
    position: fixed;
    z-index: 9999999;
    padding: 10px 20px 10px 10px;
    border-top: 2px solid #000;
    border-left: 1px solid #f0f0f0;
    -moz-box-shadow: 0 4px 10px #666;
    -webkit-box-shadow: 0 4px 10px #666;
    box-shadow: 0 4px 10px #666;
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7)";
    filter: progid: DXImageTransform.Microsoft.Shadow(Color=#cccccc, direction=270, strength=7);
    _position: absolute;
    _top: 0;
    /* position:relative; */
    right: -360px;
    padding: 16px;
}

#newscenter_storypreview .close {}

#newscenter_storypreview .close::before {
    content: 'x';
    float: right;
    width: 20px;
    height: 20px;
    /* background: red; */
    opacity: 1;
    border: 1px solid black;
    text-align: center;
    line-height: .8;
    margin-right: -5px;
}

#newscenter_storypreview h1 {
    font-size: 22px;
    margin-top: 0px;
    cursor: pointer;
    margin-bottom: 0px;
}

#newscenter_storypreview small {
    margin-bottom: 8px;
}

#newscenter_storypreview .content {
    margin-top: 12px;
}

#newscenter_storypreview .content .image {
    width: 150px;
    float: left;
}

#newscenter_storypreview .content .image img {
    padding: 0px;
    padding-right: 6px;
}

#newscenter_storypreview .content .body {}

#newscenter_storypreview.open {
    right: 1px !important;
}

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

#newscenter_storypreview.transition {
    -webkit-transition: right 0.3s ease-out;
    /* Chrome 1-25, Safari 3.2+ */
    -moz-transition: right 0.3s ease-out;
    /* Firefox 4-15 */
    -o-transition: right 0.3s ease-out;
    /* Opera 10.50–12.00 */
    transition: right 0.3s ease-out;
    /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

.newcenter_recentarticles_item {
    clear: both;
    padding: 8px;
    color: #666;
}

.newcenter_recentarticles_image {
    width: 150px;
    float: left;
    margin: 8px;
    height: 100px;
    background: no-repeat;
    background-size: cover;
}

.newcenter_recentarticles_image img {
    border: 1px solid var(--themeBlueDk);
    padding: 0;
}

.newcenter_recentarticles_content {
    float: left;
}

.newcenter_recentarticles_content div {
    display: block;
    clear: both;
}

.newcenter_recentarticles_titlerow {
    float: left;
    margin-top: 4px;
}

.newcenter_recentarticles_title {
    font-size: 1.2em;
}

.newcenter_recentarticles_date {
    line-height: 1;
    font-size: .9em;
    margin-bottom: 5px;
}

.newcenter_recentarticles_body {
    float: left;
}

.newscenter_iconbox {
    width: 100%;
    display: block;
    position: relative;
    margin-bottom: 25px;
    float: left;
}

.newscenter_iconbox div {
    clear: both;
    width: 100%;
    float: left;
    display: inline-flex;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newscenter_iconbox div div {
    clear: none;
    border: 1px solid #ccc;
    align-items: center;
}

.newscenter_iconbox div div div {
    display: grid;
    text-align: center;
    vertical-align: middle;
    margin-left: auto;
    margin-right: auto;
    border: 0;
    width: unset;
    grid-auto-rows: min-content;
    margin-top: 19px;
}

.newscenter_iconbox div div div a {
    float: left;
    clear: both;
}

.newscenter_iconbox div div div img {
    margin: 0px!important;
    padding: 0px!important;
}

.light-blue-container {
    background-color: var(--themeBlue)!important;
}

.dark-blue-container {
    background-color: var(--themeBlueDk)!important;
}



/* .dev-process.container{ */


/* display: none; */


/* } */

.bodyTitle {
    font-size: x-large;
    font-weight: 600;
}

h2.dev-content-title2 {
    font-weight: 500;
    color: #337ab7;
}

.dev-content li {
    padding-left: 15px;
    padding-bottom: 15px;
    padding-top: 5px;
}

.dev-content li::marker {
    color: deepskyblue;
}

.dev-content li ul li {
    padding-bottom: 15px;
}

.dev-content li ul li::marker {
    color: red;
}

.highlight-text {
    background-color: aliceblue;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-left: solid;
    border-left-color: lightskyblue;
    border-left-width: thick;
}



.dev-process-planning {
    display: none;
}

.menu-item {
    margin: 15px;
}

.dev-process-item::marker {
    /* content: ""; */
}



.pagination.numbered-menu {
    margin: unset;
    position: relative;
    float: left;
    width: 49%;
}

.pagination.numbered-menu>li {
    width: calc(100% / 7);
}

.pagination.numbered-menu>li>a {
    display: flex;
    float: left;
    padding: 6px 12px;
    text-decoration: none;
}

.pagination.numbered-menu>li>a,
.pagination.numbered-menu>.disabled>a,
.pagination.numbered-menu>.disabled>a:hover,
.pagination.numbered-menu>.disabled>a:focus {
    color: #337ab7;
    background-color: unset;
    border: unset;
    margin-left: unset;
    line-height: unset;
    font-weight: 700;
}

.pagination.numbered-menu>.active>a {
    background-color: var(--themeRed);
    color: white;
}

#previous-page>a,
#next-page>a {
    color: black;
}

.numbered-menu {
    display: inline-flex;
    background-color: whitesmoke;
}

.numbered-menu a:hover {
    background-color: var(--themeRed)!important;
    color: white!important;
}

.num-link {
    width: 50px!important;
}

.row-buttons {
    display: inline-flex;
    width: -webkit-fill-available;
}

.row-buttons .orange-tabs {
    margin: 10px!important;
}

.collapsible {
    background-color: whitesmoke;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100px;
    height: 100px;
    border: none;
    outline: none;
    font-size: 15px;
}

.collapsible.active {
    height: 200px;
}

.collapsible:hover {
    background-color: whitesmoke;
}

.collapsible:after {
    content: '\02795';
    /* Unicode character for "plus" sign (+) */
    font-size: 13px;
    color: white;
    xfloat: right;
    margin-left: 5px;
}

.collapsible.active:after {
    content: '\02715';
    color: black;
}



/* FFX EVENTS ADMIN REPORTING STYLES */

#views-exposed-form-ffx-events-page-admin-ffx-events .form-inline .form-control {
    width: 100%;
}

#views-exposed-form-ffx-events-page-admin-ffx-events .form-item {
    width: 100%;
    max-width: 200px;
}

#views-exposed-form-ffx-events-page-admin-ffx-events .js-form-item-title {
    width: 400px;
    max-width: 100%;
}

#views-exposed-form-ffx-events-page-admin-ffx-events .form-item>select {
    width: 100%;
}

#views-exposed-form-ffx-events-page-admin-ffx-events .form-item>input {
    width: 100%;
}

#views-exposed-form-ffx-events-page-admin-ffx-events #edit-actions {
    display: block;
    margin-top: 10px;
}

@media (max-width:954px) {
    #views-exposed-form-ffx-events-page-admin-ffx-events .form-item {
        width: 100%;
        max-width: 150px;
    }
}

@media (max-width:727px) {
    #views-exposed-form-ffx-events-page-admin-ffx-events .form-item {
        width: 100%;
        max-width: 300px;
        float: none;
    }
}