body {
	color: #000000;
}
iframe {
	border: none;
}
/*Skip to content */
.skip-to-content-link {
  background: #000000;
  color: #ffffff;
  display: block;
  text-align: center;
  padding: 2em;
  transform: translateY(-200%);
  transition: transform 0.3s;
  z-index: 999999;
  position: absolute;
  width: 100%;
}
.skip-to-content-link:hover {
  text-decoration: underline;
  color: #ffffff;
}
.skip-to-content-link:focus {
  transform: translateY(0%);
}
/*Heading Styles*/
.page-title {
    padding: 6px 0 6px 0;
    font-size: 2.1em;
    font-weight: bold;
}
.page-title:after {
        content: " ";
        display: block;
        height: 4px;
        width: 100%;
        margin: 15px 0;
        background-color: #FAD169;
    }
.section-title {
    margin: 12px 0 0 0;
    padding: 6px 0 6px 0;
    font-size: 1.6em;
    font-weight: 700;
}
.section-title:after {
        content: " ";
        display: block;
        height: 3px;
        width: 100%;
        margin: 15px 0;
        /* background-color: #f7f6f6;*/
        background-color: #FFECBA;
    }
caption {
    padding: 6px 0 6px 0;
    font-size: 1.2em;
    font-weight: 700;
}
.sub-title {
    padding: 6px 0 6px 0;
    font-size: 1.5em;
    font-weight: 700;
}
.sm-title {
    padding: 6px 0 6px 0;
    font-size: 1.2em;
    font-weight: 700;
}
.article-title {
    font-size: 1.5em;
    font-weight: 700;
}
.text-muted {
    color: #565757 !important;
}
.numberCircle {
 font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif !important;
}
.icon {
    float: left;
    position: relative;
}
.iconContent {
    margin-top: 0px;
    margin-left: 30px;
}

.scTxtXXL {
  font-size: 5.3vw;
}
.scTxtXL {
  font-size: 3.8vw;
}
.scTxtL {
  font-size: 1.7vw;
}
.scTxtM {
  font-size:1.5vw;
}
@media (max-width: 1200px) {

}
@media (max-width: 992px) {
.scTxtXXL {
  font-size: 5em;
}
.scTxtXL {
  font-size: 3em;
}
.scTxtL {
  font-size: 1.3em;
}
.scTxtM {
  font-size:1.2em;
}
}
/*.......................................................Global Mobile Styles*/
@media (max-width: 768px) {
    .container-fluid {
        padding-left: 0;
        padding-right: 0;
    }
    .p-3 {
        padding: 0 !important;
    }
    .info-icon-list-title .fa-stack {
        width: 100%
    }
    .info-icon-list-title .title {
        text-align: center;
        display: block;
    }
    .info-icon-list-text {
        padding-left: 0 !important;
        text-align: center;
    }
    .icon {
        float: none;
        position: relative;
        text-align: center;
        width: 100%;
    }

    .iconContent {
        margin-left: 0px;
        width: 100%;
        text-align: center;
    }
}
    /*.....................................................Backgrounds*/
.bg-info {
  background-color: #0E5F6D !important;
}
    /*.....................................................Buttons*/
    .btn {
        font-size: 1em;
        font-weight: 600;
        white-space: normal;
    }

    .btn-danger {
        color: #ffffff !important;
        background-color: #c43719;
    }

        .btn-danger:hover, .btn-danger:focus, .btn-danger:active {
            background: #780500;
            outline: dotted 2px #780500;
        }

    .btn-success {
        color: #ffffff;
        background-color: #05752e;
    }

        .btn-success:hover, .btn-success:focus, .btn-success:active {
            background: #005720;
            outline: dotted 2px #005720;
        }
/*......................................................................................................Side Bars*/
.sideBar {
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
}
    .sideBar a {
        font-weight: 600;
        text-decoration: underline;
    }
.sideBar-primary {
    color: #084B65;
    background-color: #DEEBF0;

    border-color: #c3dbe4;
}
    .sideBar-primary a {
        color: #084B65;
    }
.sideBar-lite {
    border-color: #565757;
}
.sideFeed li {
    padding: .8em;

}

/*.....................................................................Site Alert*/
.siteAlert {
    background-color: #9e0b0f;
    padding: .8em;
    text-align: center;
}

    .siteAlert a {
        color: #FFFFFF;
        text-decoration: underline;
    }

        .siteAlert a:hover {
            text-decoration: none;
            color: #FFFFFF;
        }
    /*.....................................................................Definition List*/
    dl {
        display: flex;
        flex-wrap: wrap;
    }

dt {
    width: 24%;
}

dd {
    margin-left: auto;
    width: 75%;
}

@media (max-width: 768px) {
    dt {
        width: 100%;
        font-size: 1.1em;
    }

    dd {
        margin-left: 0;
        width: 100%;
    }
}
/*........................................................................Responsive Video*/
.responsive-video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 60px;
    overflow: hidden;
}
    .responsive-video iframe,
    .responsive-video object,
    .responsive-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.navbar-light, .fixed-top {
    background-color: #ffffff !important;
    border-bottom: 1px solid #dadce0;
}

.navbar-custom {
    background-color: #145E7B;
}

        .navbar-custom ul {
            width: 100%;
        }
        /* change the brand and text color */
        .navbar-custom .navbar-brand,
        .navbar-custom .navbar-text {
            color: #ffffff;
        }
        /* change the link color */
        .navbar-custom .navbar-nav .nav-link {
            color: #ffffff;
            border-bottom: 1px solid #166686;
        }
        /* change the color of active or hovered links */
        .navbar-custom .nav-item.active .nav-link,
        .navbar-custom .nav-item:hover .nav-link {
            color: #ffffff;
        }
        /* dropdown items */
        .navbar-custom .collapse ul {
            list-style-type: none;
            padding-inline-start: 0;
            margin: 0;
            padding: 0;
        }

        .navbar-custom ul li ul {
            list-style-type: none;
            margin: 0;
        }

            .navbar-custom ul li ul li a {
                background-color: #ffffff;
                border-bottom: 1px solid #F8F8F8;
            }

        .navbar-custom .nav-item.active .dropdown-item {
            color: #ffffff;
            background-color: black;
        }

        .navbar-custom .nav-item.active .nav-link {
            border-bottom: 1px solid #ffffff;
        }
        /* change the color of toggler icon and border */
        .navbar-custom .navbar-toggler-icon {
            background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
        }

        .navbar-custom .navbar-toggler {
            border-color: rgb(255,255,255, 0.7);
        }
        /*-----------------------------------------------------------------List Columns*/

.col1x .sfdownloadList .sfdownloadFile {
    min-height: 40px;
}




.col3x .sfdownloadList .sfdownloadFile, .col2x .sfdownloadList .sfdownloadFile {
    width: 100%;
    min-height: 40px;
    float: left;
    padding-right: .3em;
}

@media (min-width: 768px) {
    .col3x .sfdownloadList .sfdownloadFile, .col2x .sfdownloadList .sfdownloadFile {
        width: 50%;
    }
}

@media (min-width: 992px) {
    .col3x .sfdownloadList .sfdownloadFile {
        width: 50%;
    }
}

@media (min-width: 1200px) {
    .col3x .sfdownloadList .sfdownloadFile {
        width: 33%;
    }
}

ul.col2, .col2 .sfdownloadList {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
}
ul.col3 {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}
.col2 li, .col3 li {
	 -webkit-column-break-inside: avoid;
    -moz-column-break-inside:avoid;
    -moz-page-break-inside:avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
	
}
.pillCol .nav-pills .nav-item {
width: 33%;
}
@media (max-width: 1200px) {
    .pillCol .nav-pills .nav-item {
        width: 50%;
    }
}
    @media (max-width: 768px) {
        ul.col2, ul.col3, .col2 .sfdownloadList {
            columns: 1;
            -webkit-columns: 1;
            -moz-columns: 1;
        }

        .pillCol .nav-pills .nav-item {
            width: 100%;
        }
    }
    /*Breadcrumbs*/
    .breadcrumb li {
        font-size: .8em;
    }

    .breadcrumb {
        background-color: #ffffff;
        margin-bottom: 0;
        padding: 12px 0 12px 0;
    }

    .breadcrumb-item.active {
        color: #000000;
    }

    .breadcrumb-item em {
        margin-right: 5px;
    }

    .contentArea {
        /*background-color: #e8eddf;*/
        background-color: #FFECBA;
    }

    .bgWhite {
        background-color: white;
    }

    .quickLinksArea {
        background-color: #145e7b;
    }

        .quickLinksArea a {
            color: white;
        }

            .quickLinksArea a:hover {
                color: white !important;
                text-decoration: underline !important;
            }

            .quickLinksArea a:active, .quickLinksArea a:focus {
                outline: none;
                text-decoration: underline;
            }

    .btn-primary {
        background-color: #145e7b;
        border-color: #145e7b;
    }


        .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
            background: #02374B;
            outline: dotted 2px #02374B;
        }

        .btn-primary:active, .btn-primary.active {
            background: #007299;
            box-shadow: none;
        }

    a {
        color: #336699;
    }

        a:hover {
            color: #02374B;
        }

        a:focus, a:active {
            outline: dotted 2px #336699;
        }
		
.underline {
	text-decoration: underline;
}
.footerBot a {

}

    .list-group a:hover {
        text-decoration: underline;
        color: #02374B;
    }

    .megamenu-li {
        position: static;
    }

.megamenu {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    padding: 15px;
    max-height: 400px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

    .dropdown-item {
        white-space: normal;
    }

    .navbar-toggler {
        display: inline-block;
    }

    .footerBot {
        background-color: black;
        color: white;
    }

        .footerBot a {
            color: white;
        }

    .square {
        padding-bottom: 100%;
    }

    .custom-crumbs .breadcrumb {
        background-color: #F8F8F8;
    }

/*--------------------------------------------------------------------------------- Tables */

    table caption {
        color: #000000;
        font-weight: bold;
    }

    .table-sm caption {
        color: #000000;
        font-weight: bold;
        font-size: 1em;
    }
.table-striped tbody tr:nth-child(odd) {
    background-color: #EBEBEA;
}
    /*--------------------------------------------------------------------------------- Department Banners */
.DepartmentBanner {
    margin-top: 65px;
    width: 100%;
    background-position: left top;
    background-size: cover;
    background-repeat: no-repeat;
}

        .DepartmentBanner:before {
            content: "";
            display: block;
            padding-top: 10.53%;
        }
    /* END Department Banners */

    /* ------------------------------------------------------------------------ Recycling Header */

.vdcHeader {
    color: #005720;
    font-size: 1.8em;
    font-weight: 700;
}

.vdcMenu {
    background: #005720;
    padding: 1em;
    border-radius: 6px;
    margin-bottom: 1em;
}

    .vdcMenu a, .vdcMenu a:hover {
        color: #fff;
    }

        .vdcMenu a:active, .vdcMenu a:focus {
            outline: dotted 2px #fff;
        }

    .itemLink {
        color: #0066CC;
        text-decoration: underline;
        cursor: pointer;
    }

        .itemLink:hover {
            font-weight: 700;
        }

    .recyclingHeader {
        height: 120px;
        padding-bottom: 20px;
        border-bottom: 20px solid #8dc63f;
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/house.png?sfvrsn=2");
        background-repeat: no-repeat;
    }

        .recyclingHeader p {
            font-size: 1em;
            padding: 5px 10px 0 120px;
        }

    @media only screen and (max-width: 768px) {
        .recyclingHeader {
            height: auto;
            background-image: none;
        }

            .recyclingHeader p {
                padding: 0px;
            }
    }

    .recyclingHeaderItems {
        font-size: .8em;
        text-align: center;
        padding: 10px 0 10px 0;
        border-bottom: 10px solid #8dc63f;
        margin-bottom: 12px;
    }

    .bg_Office {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/office.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }

    .bg_Kitchen {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/kitchen.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }

    .bg_Laundry {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/laundry.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }

    .bg_Bathroom {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/bathroom.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }

    .bg_Misc {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/misc.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }

    .bg_Mailbox {
        background-image: url("/images/default-source/solid-waste-images/RecyclingItems/mailbox.jpg?sfvrsn=2");
        background-repeat: no-repeat;
        background-position: center;
        height: 50px;
    }
    /* END Recycling Header */
    /* -------------------------------------------------------------------------- Recycling Items and Compliant Expand */
    .js-to_expand[aria-hidden=true],
    .js-to_expand[data-hidden=true] {
        display: none;
    }

    .js-expandmore {
        font-size: 1.1em;
        text-align: center;
        font-family: arial;
        color: #0066cf;
    }

    .expandmore__button {
        background: none;
        font-size: inherit;
        color: inherit;
    }

    .itemLink-expandmore__button {
        background: none;
        border: none;
    }
        /* optional */
        .itemLink-expandmore__button:before,
        .itemLink-expandmore__button:before {
            content: '+ ';
        }

        .itemLink-expandmore__button[aria-expanded=true]:before,
        .itemLink-expandmore__button[data-expanded=true]:before {
            content: '- ';
        }
.img100 img, .img100 {
    width: 100% !important;
    height: auto;
}

    .imgHolder {
        width: 100%;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
        margin-bottom: 10px;
    }

        .imgHolder:before {
            content: "";
            display: block;
            padding-top: 58.3%;
        }
    /* END Recycling Items and Compliant Expand */

    /* Cards */

    .card-body .btn {
        white-space: normal;
    }
.card-intro {
    padding-bottom: 0 !important;
}
    .card-title {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2;
    }
.card-header {
    font-size: 1.4em;
    font-weight: 700;
}
.card-sub-header {
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
    font-size: 1.1em;
}
.bg-light .card-header {
    background: #6c757d;
    color: #fff;
}

.callSoftOrange {
    background-color: #FAD169;
    border: 1px solid #C49319;
}

    .callSoftOrange a {
        color: #12206E;
    }
    .callSoftOrange .sfListMode {
        padding-left: 0;
    }

    .callSoftOrange .card-footer a {
        text-decoration: underline;
    }

    .callSoftOrange .card-header {
        background-color: #785500;
        color: #FFFFFF;
    }

.callSoftBlue {
    background-color: #C7DCE6;
    border: solid 1px #2A728D;
}

    .callSoftBlue .card-header {
        background-color: #2A728D;
        color: #FFFFFF;
    }
.callSoftBlue .sfListMode {
    padding-left: 0;
}

.accModBlue .card-header {
    background-color: #38479A !important;
}

.accModBlue .card {
    border: 1px solid #9AA5DA;
    margin: .2em;
}

.accModBlue .card-link {
    color: #fff !important;
}

    .accModBlue .card-link:focus {
        outline-color: #fff !important;
    }

.xs-title {
    font-size: 1em;
    font-weight: bold;
}
.grayI .card-header {
	background-color: #555555;
	color: #ffffff;
}
.softOrangeI {
    background-color: #FAB569;
    border: 1px solid #E1923C;
}

    .softOrangeI a {
        color: #02374B;
        text-decoration: underline;
        font-weight: 600;
    }

.softOrangeII {
    background-color: #FAD169;
    border: 1px solid #C49319;
}

    .softOrangeII a {
        color: #02374B;
        text-decoration: underline;
        font-weight: 600;
    }

.brightOrange {
    background-color: #E1B13C;
    border: 1px solid #C47219;
}

    .brightOrange a {
        color: #12206E;
        text-decoration: underline;
        font-weight: 600;
    }

.brightOrangeII {
    background-color: #E1923C;
    border: 1px solid #C47219;
}

    .brightOrangeII a {
        text-decoration: underline;
        font-weight: 600;
    }

.moderateCyan {
    background-color: #4CB674;
    border: 1px solid #128E40;
}

    .moderateCyan a {
        text-decoration: underline;
        font-weight: 600;
    }

/* END Cards */

/* Colored Sections */
.lg-text  {
font-size: 2em;
}
.xxl-text  {
font-size: 3em;
}
.bg-dPurple a:active, 
.bg-dPurple a:focus, 
.bg-lPurple a:active, 
.bg-lPurple a:focus, 
.bg-lYellow a:active, 
.bg-lYellow a:focus, 
.bg-dYellow a:active, 
.bg-dYellow a:focus,
.bg-dGreen a:active,
.bg-dGreen a:focus,
.bg-lGreen a:active,
.bg-lGreen a:focus,
.bg-dBlue a:active,
.bg-dBlue a:focus,
.bg-lBlue a:active,
.bg-lBlue a:focus,
.bg-dOrange a:active,
.bg-dOrange a:focus,
.bg-lOrange a:active,
.bg-lOrange a:focus {
  outline: dotted 2px #fff;
}  
.bg-dPurple, .bg-lPurple .card-header {
  background-color: #423976;
  color: #ffffff;
}
.bg-dPurple a{
  text-decoration: underline;
  color: #ffffff;
}
.bg-lPurple {
  background-color: #DFDFEC;
  color: #000000;
}
.bg-lPurple a{
  text-decoration: underline;
  color: #000000;
}
.bg-dYellow, .bg-lYellow .card-header {
  background-color: #755200;
  color: #ffffff;
}
.bg-dYellow a{
  text-decoration: underline;
  color: #000000;
}
.bg-lYellow {
  background-color: #FFDF94;
  color: #000000;
}
.bg-lYellow a{
  text-decoration: underline;
  color: #000000;
}
.bg-dGreen, .bg-lGreen .card-header {
  background-color: #174A0D;
  color: #ffffff;
}
.bg-dGreen a{
  text-decoration: underline;
  color: #ffffff;
}
.bg-lGreen {

  background-color: #BEF5B3;
  color: #000000;
}
.bg-lGreen a{
  text-decoration: underline;
  color: #000000;
}
.bg-dBlue, .bg-lBlue .card-header {
  background-color: #005D8F;
  color: #ffffff;
}
.bg-dBlue a{
  text-decoration: underline;
  color: #ffffff;
}
.bg-lBlue {
  background-color: #C7F3FF;
  color: #000000;
}
.bg-lBlue a{
  text-decoration: underline;
  color: #000000;
}
.bg-dOrange, .bg-lOrange .card-header {
  background-color: #932F01;
  color: #ffffff;
}
.bg-dOrange a{
  text-decoration: underline;
  color: #ffffff;
} 
.bg-lOrange {
  background-color: #FEC8AE;
  color: #000000;
}
.bg-lOrange a{
  text-decoration: underline;
  color: #000000;
}



/* remove bullets from document download list */
.sfListMode {
    list-style: none;
}
    /* END document download list */
.ctm-search-top {
    margin-right: 6px !important;
}
    @media (max-width: 575.98px) {
        .form-control {
            display: inline;
            width: auto;
        }

        .btn {
            vertical-align: baseline;
        }

        .tagLineImg {
            display: none;
        }

        .ctm-search-top {
            margin-right: 0 !important;
            margin-bottom: 6px;
        }
    }

    @media (min-width: 768px) {
        .navbar-expand-md .navbar-search-toggler {
            display: none
        }
    }

    @media (min-width: 992px) {
        .navbar-expand-lg .navbar-search-toggler {
            display: none
        }
    }

    @media (min-width: 1200px) {
        .navbar-expand-xl .navbar-search-toggler {
            display: none
        }
    }

    @media (max-width: 991.98px) {
        .nav-search-toggler {
            display: none
        }
    }

    .navbar-expand .navbar-search-toggler {
        display: none
    }

    .topBorder {
        border-top: 1px solid #e8eddf;
        padding: 12px 0 12px 0;
        margin: 12px 0 12px 0;
    }

    .sf-list-content .card {
        margin: 12px 20px 12px 0;
    }

    caption {
        caption-side: top;
    }

    /* Directory*/
.directory-title {
    font-size: 1.1em;
    font-weight: 700;
    margin-bottom: 0;
}
.directory-sub {
    font-size: .8em;
    margin-bottom: 1em;
}
.dirListings4 p {
    margin-bottom: .4em;
}

.dirListings4 {
    display: flex;
    flex-wrap: wrap;
    /*  align-items: stretch;  Default */
    /* justify-content: space-between; */
    width: 100%;
    margin: 0;
    padding: 0;
}
.dirListings4 li {
    display: block;
    flex: 0 1 24%; /* Default */
    list-style-type: none;
    padding: 1em;
}

    @media (max-width: 1200px) {
        .dirListings4 li {
            flex: 0 1 33%;
        }
    }

@media (max-width: 992px) {
    .dirListings4 li {
        flex: 0 1 50%;
    }
}


    @media (max-width: 767.98px) {
    .dirListings4 li {
            flex: 0 1 100%;
        }
    }

    /* Social Media Icons */
    a.facebookIcon {
        color: #3b5998;
    }

    a.twitterIcon {
        color: #1DA1F2;
    }

    a.instagramIcon {
        color: #3f729b;
    }

    /* Event Flex */
    .eventFlex ul.list-unstyled {
        display: flex;
        flex-wrap: wrap;
        /*  align-items: stretch;  Default */
        /* justify-content: space-between; */
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .eventFlex .list-unstyled li {
        display: block;
        flex: 0 1 32%; /* Default */
        list-style-type: none;
        padding: 1em;
        border: 1px solid #DCDCDC;
        margin: .2em;
        border-radius: 6px;
    }

    .eventFlex .text-muted {
        font-size: 1em;
        font-weight: 600;
        color: #000000 !important;
    }

    @media (max-width: 1200px) {
        .eventFlex .list-unstyled li {
            flex: 0 1 49%;
        }
    }

    @media (max-width: 767.98px) {
        .eventFlex .list-unstyled li {
            flex: 0 1 100%;
        }
    }
	
	/* Event Badges */
#eventGrid .card:hover, #sideGrid .card:hover {
  background-color: #F7F7F7;
}
.flex-events {
  display: flex;
  flex-wrap: wrap;
}
.flex-events .card {
  flex: 0 1 31%;
}
@media (max-width: 1200px) {
.flex-events .card {
  flex: 0 1 47%;
}
}
@media (max-width: 768.98px) {
.flex-events .card {
  flex: 0 1 100%;
}
}
.eventContainer {
  display: flex;
  flex-wrap: nowrap;
}
.bDate {
  text-align: center;
  display: inline-block;
  min-width: 60px;
  margin: 6px;  
}
.bDay {
  background-color: #ffffff;
  border: 1px solid #A6A6A6;
  border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  border-bottom: none;
  font-size: 2.3em;
}
.bMonth {
  font-size: 1.2em; 
  text-transform: uppercase;
  background-color: #006699;
  color: #ffffff;
  border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  -webkit-border-radius: 0 0 6px 6px;  
}
.bEvent {
  font-size: 1.3em; 
  padding-left: .3em;
  font-weight: 600;
padding-top: .6em;
}
.sideEvents .bDate {
    min-width: 45px;
}

.sideEvents .bDay {
    font-size: 1.5em;
}

.sideEvents .bMonth {
    font-size: .9em;
}

.sideEvents .bEvent {
    font-size: 1.1em;
}

.sideEvents .bTime {
    padding-left: .5em;
}

	
    /* News Feed Items */
    .news-feed-items ul {
        display: flex;
        flex-wrap: wrap;
        /* align-items: stretch;  Default */
        /* justify-content: space-between; */
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .news-feed-items li {
        display: block;
        flex: 0 1 32%; /* Default */
        list-style-type: none;
        padding: 1em;
        border-left: 1px solid #DCDCDC;
        margin: .3em;
    }

        .news-feed-items li:nth-child(1) {
            flex: 0 1 100%; /* Default */
            border-left: none;
        }

        .news-feed-items li:nth-child(2), .news-feed-items li:nth-child(3) {
            flex: 0 1 48%;
            border-left: none;
            border-top: 1px solid #DCDCDC;
            border-bottom: 1px solid #DCDCDC;
        }

    @media (max-width: 1200px) {
        .news-feed-items li {
            flex: 0 1 48%;
        }
    }

    @media (max-width: 767.98px) {
        .news-feed-items li, .news-feed-items li:nth-child(2), .news-feed-items li:nth-child(3) {
            flex: 0 1 100%;
        }
    }

    /* Event menu side bar*/
    .brevSideLinks .list-unstyled {
        padding: .5em;
    }

        .brevSideLinks .list-unstyled li {
            border: 1px solid #e8e8e8;
            padding: .5em;
            border-radius: 6px;
            margin-bottom: .5em;
        }

    /* Library Mobile Printing */
    #LibMobilePrint .card-header {
        color: #ffffff;
        background-color: #7C3D94;
        font-size: 1.3em;
        font-weight: 600;
    }

    #LibMobilePrint .card-body {
        color: #ffffff;
        background-color: #166634;
    }

    #LibMobilePrint .card-footer {
        color: #ffffff;
        background-color: #7C3D94;
    }

    /* Library Search Bar */
    .libSearchBar {
        background-color: #147B65;
    }

        .libSearchBar .card-title {
            font-size: 1.2em;
        }

    .TestFeed ul li {
        margin-bottom: .8em;
    }

    /* ........................................................................ Emergency Management Activation Level */
    .wcag .circleText {
        width: 2em;
        height: 2em;
        border-radius: 50%;
        font-size: 1em;
        font-weight: 600;
        color: #fff;
        line-height: 2em;
        text-align: center;
        background: #000;
        float: left;
    }

    .wcag span {
        margin-right: 5px;
    }

    .wcag .list-group-item {
        line-height: 2em;
    }

    .wcag .list-group-item-danger {
        background-color: #FA8269;
        color: #000000;
        border-color: #891701;
        font-weight: 600;
    }

    .wcag .list-group-item-warning {
        background-color: #FAD169;
        color: #000000;
        border-color: #bda70b;
        font-weight: 600;
    }

    .wcag .list-group-item-success {
        background-color: #4CB674;
        color: #000000;
        border-color: #017951;
        font-weight: 600;
    }

    .triangle.triangle-success {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 90px 140px 90px;
        border-color: transparent transparent #4CB674 transparent;
        margin: auto;
    }

    .triangle.triangle-danger {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 90px 140px 90px;
        border-color: transparent transparent #FA8269 transparent;
        margin: auto;
    }

    .triangle.triangle-warning {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 90px 140px 90px;
        border-color: transparent transparent #FAD169 transparent;
        margin: auto;
    }

    .triangle p.text {
        text-align: center;
        top: 20px;
        left: -45px;
        position: relative;
        width: 90px;
        height: 88px;
        margin: 0px;
        font-size: 5em;
        font-weight: 800;
    }

    .actLevel {
        font-size: 1.2em;
        font-weight: 800;
        text-align: center;
    }

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

    /*..............................................................Flexbox Layouts*/

    .flex-container {
        display: flex;
        flex-wrap: wrap;
    }

        .flex-container .flex-item-third {
            box-sizing: border-box;
            width: 33.3%;
            margin-bottom: 1.5em;
            clear: both;
        }

    .flex-item-third a:hover {
        text-decoration: none;
    }

    .info-icon-list-title {
        display: block;
        box-sizing: border-box;
    }

        .info-icon-list-title .title {
            font-size: 1.5em;
            font-weight: 700;
            color: #2A728D;
        }

        .info-icon-list-title strong {
            font-family: arial;
        }

    .info-icon-list-text {
        display: block;
        box-sizing: border-box;
        padding-left: 80px;
        color: #4A4B4B;
    }

    a .info-icon-list-text {
        color: #4A4B4B;
    }

    .flex-item-third a:hover .info-icon-list-title .title, .flex-item-third a:focus .info-icon-list-title .title, .flex-item-third a:active .info-icon-list-title .title {
        text-decoration: underline;
    }

    .icon-background {
        color: #2A728D;
    }

    .icon-list {
        text-align: center;
    }

        .icon-list .flex-item {
            box-sizing: border-box;
            width: 25%;
            margin-bottom: 1.5em;
            clear: both;
        }

        .icon-list a .icon-list-title {
            font-size: 1.4em;
            font-weight: 600;
            color: #2A728D;
        }

        .icon-list a:hover .icon-list-title {
            text-decoration: underline;
        }

    @media only screen and (max-width: 1200px) {
        .flex-container .flex-item-third {
            width: 100%;
        }

        .icon-list .flex-item {
            width: 50%;
        }
    }
.listThreeCol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}

    .listThreeCol li {
        width: 33%;
        box-sizing: border-box;
        padding: .8em;
    }

@media (max-width: 1200px) {
    .listThreeCol li {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .listThreeCol li {
        width: 100%;
    }
}

.listTwoCol {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
}

    .listTwoCol li {
        width: 50%;
        box-sizing: border-box;
        padding: .8em;
    }

@media (max-width: 768px) {
    .listTwoCol li {
        width: 100%;
    }
}
    /*..............................................................More Flexbox Layouts*/

.myGrid4 {
  display: flex;
  flex-wrap: wrap;

}
.myGrid4 .card,.myGrid4 .cont {
   flex: 0 1 25%;
  border-radius: 0;
  border: none;
}
.myGrid4 .card-header {
    border-radius: 0;
  border: none;
}
.minHgt {
  min-height: 96px;
}

@media (max-width: 1200px) {
  .myGrid4 .card {
   flex: 0 1 50%;
}
}
@media (max-width: 992px) {
.myGrid4 .card, .myGrid4 .cont {
   flex: 0 1 100%;
}
}

/*--------------------------Carousel----------------------------------*/
.carousel-control-prev:focus, .carousel-control-next:focus {
  outline: 2pt dotted #336699;
}

/* Feeds */
.feedItemTitle {
	font-weight: 700;
}
.feedItemDate {
	font-size: .9em;
	padding-bottom: .8em;
}
.feedItemSummary {
	font-size: .8em;
}

/* Flex Grids */
.grd-link:hover > .media {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.grd-link {
  text-decoration:none !important;
  color: inherit !important;
}
.grd > .grd-holder {
  margin-top: 1em !important;
  flex: 1;
  margin: .5em;
}
.grd-holder > .grd-link > .media, .grd-holder > .card {
  height: 100%;
}
@media screen and (min-width: 768px) {
  .grd {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 2em;	
  }
  .grd.grd2x > .grd-holder {
    flex: 0 1 calc(50% - 1em) !important;
  }
.grd.grd3x > .grd-holder {
    flex: 0 1 calc(50% - 1em) !important;
  }
.grd.grd4x > .grd-holder {
    flex: 0 1 calc(50% - 1em) !important;
  }
}
@media screen and (min-width: 1200px) {
.grd.grd3x > .grd-holder {
    flex: 0 1 calc(33.3% - 1em) !important;
  }
.grd.grd4x > .grd-holder {
    flex: 0 1 calc(25% - 1em) !important;
  }
}

/* Sort Widget */

.itemSort .list-group-item.active {
  color: #000;
  background-color: #49befd;
  border-color: #49befd;
}
#sortMe .grd-holder {
  display: none;
}
#sortMe .doc-holder {
  display: none;
}
.showMore {
    display: none;
}

/* Section 508 */
.sec508 {
  font-size: .8em;
  padding-top: .5em;
  padding-left: .5em;
}
.sec508 a {
  color: #555555;
}
.sec508 a em{
  font-size: 1.2em;
}