@charset "UTF-8";

/* CSS Document */
/* This document contains styles extending editor.css
 * and serves as the main struture CSS
 */
/*********************************************************************
[TABLE OF CONTENTS]
	1. BODY & GLOBAL
	2. NAVIGATION
	3. CAROUSEL /#carousel-home
	4. MAIN
		4.1. Home Page / #wrapper-home /#content-home
		4.2. Internal Pages
	5. -
	6. FOOTER   /footer
	7. UI OVERRIDES (Google CSE, Calendar, DataTables)
[END-TABLE OF CONTENTS]
**********************************************************************/
/* -----------------------------------*/
/* >>> TOC 1. - Body & Global Rules (Additions or Overrides to Editor.css) <<< */
/* -----------------------------------*/
/*For Debugging Only*/
/** {
	background-color: rgba(54, 112, 64, 0.039) !important;
}*/
/*End Debugging */
HTML,
BODY {
    letter-spacing: 0.035em;
    min-width: 320px;
}

H1 {
    font-size: 1.5em;
}

H2 {
    font-size: 1.25em;
}

H3 {
    font-size: 1em;
}

H4 {
    font-size: 0.875em;
}

H5 {
    font-size: 0.750em;
}

H6 {
    font-size: 0.750em;
}

H1,
H2,
H3,
H4,
H5,
H6 {
    line-height: 1.375 !important;
    /*Fix for headers that wrap*/
}

A:hover,
A:focus {
    text-decoration: none;
}

.message.left,
.message.right,
.message.footer {
    display: none;
}

DIV[class^='mm-'] {
    display: inline-block;
}

#nav-main .mm-more:before {
    content: "\0027A5 \0000A0";
    color: #043D5D;
}

#nav-main .mm-more {
    text-transform: uppercase;
}

#nav-main .mega-menu .caret {
    margin-left: 8px;
}

HEADER {
    background-color: #194877;
    padding-top: 22px;
}

HEADER .svg-logo.brand {
    display: none;
}

HEADER #branding P {
    margin: 0px;
    font-family: "Quando", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

HEADER #branding SPAN.small {
    font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

HEADER #branding {
    color: #FFF;
    margin-bottom: 12px;
}

HEADER #howDoI {
    margin-top: 5px;
}

HEADER #howDoI #dropdownMenu1,
#howDoI .dropdown-menu {
    width: 100%;
    text-align: center;
    border: 0px;
}

HEADER #howDoI #dropdownMenu1 {
    border-radius: 0px;
}

HEADER .search {
    margin-bottom: 8px;
}

.cards UL {
    list-style: none;
    padding-left: 0px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.cards UL LI {
    margin-bottom: 10px;
}

.rounded-top {
    border-radius: 4px 4px 0px 0px;
}

.rounded-bottom {
    border-radius: 0px 0px 4px 4px;
}

#dupFrom {
    display: initial !important;
}

#dupTo {
    display: block !important;
}

.long-label {
    max-width: 159px;
}

P IMG,
IMG[src*="co.cumberland.nj.us"] {
    max-width: 100% !important;
    height: auto;
}

IMG[align="left"],
IMG[style*="float: left"],
IMG[style*="float:left"] {
    margin: 5px 15px 0px 0px !important;
}

IMG[align="right"],
IMG[style*="float: right"],
IMG[style*="float:right"] {
    margin: 5px 0px 0px 15px !important;
}

/* -----------------------------------*/
/* >>> TOC 2. - NAVIGATION <<< */
/* -----------------------------------*/
#branding A {
    color: #FFF;
}

#nav-main .navbar-default {
    background-color: #EFF3F6;
    border: 0px;
    margin-bottom: 0px;
    border-radius: 0px;
    border-bottom: 6px solid #7F313B;
}

#nav-main .navbar-header A {
    color: #194877;
}

#nav-main .nav.navbar-nav {
    text-align: left;
    margin-top: 0px;
    margin-bottom: 0px;
}

#nav-main .nav.navbar-nav > LI {
    border-bottom: 1px solid #E7E7E7;
    margin-bottom: 0px;
}

.navbar-default .navbar-toggle {
    border-color: #044A78;
    background-color: #044A78;
    border-radius: 0px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFFFFF;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
    background-color: #133458;
}

.navbar-nav .dropdown.yamm-fw .mega-menu-link.dropdown-toggle > DIV {
    display: inline-block;
}

HEADER {
    /* margin-bottom: 12px; */
}

/* Translate */

#Translate {
	padding: 10px 15px;
    color: white;
    background-color: #1D9FE5;
    display: inline-block;
    font-weight: bold;
    text-transform: uppercase;
  	text-align: center;
  	width: 100%;
}

/*Active Menu Link*/
.navbar-default .navbar-nav > LI > A {
    color: #174679;
}

#nav-main .navbar-default .navbar-nav > .active > A {
    background-color: rgba(119, 119, 119, 0.190);
    color: #81303A;
}

/*First Level Child in Mega Menu*/
.dropdown-menu .yamm-content .row > UL > LI > A {
    color: #174679;
}

/*Hover Menu Link*/
#nav-main .navbar-default .navbar-nav > LI > A:focus,
.navbar-default .navbar-nav > LI > A:hover {
    color: #81303A;
    background-color: #E7E7E7;
    -webkit-transition: background-color 500ms linear;
    -webkit-transition: background-color 500 ms linear;
    transition: background-color 500 ms linear;
}

/* -----------------------------------*/
/* >>> TOC 3. - CAROUSEL <<< */
/* -----------------------------------*/
#content-home #carousel-wrapper-outer .col-sm-12 {
    padding: 0px;
}

#carousel-home {
    border-top: 1px solid #E7E7E7;
}

#carousel-home .carousel-inner {
    padding-bottom: 60px;
}

.carousel-indicators LI {
    background-color: #FFF;
    border-color: #7F313B;
    margin: 4px;
}

.carousel-indicators .active {
    background-color: #7F313B;
    border-color: #FFF;
    margin: 4px;
}

#carousel-home .carousel-indicators {
    display: none;
}

#carousel-home .carousel-caption {
    position: absolute;
    bottom: -60px;
    width: 100%;
    left: 0px;
    right: 0px;
    padding: 6px 10px;
    background-color: #1D9FE5;
    min-height: 60px;
}

#carousel-home .carousel-caption P {
    margin: 0px;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    color: #FFF;
}

/* -----------------------------------*/
/* >>> TOC 4. - MAIN <<< */
/* -----------------------------------*/
/* -----------------------------------*/
/* >>> TOC 4.1 - Home Page /#content-home /#wrapper-home <<< */
/* -----------------------------------*/
.border-bottom-blue {
    border-radius: 0px 0px 4px 4px;
}

#content-home #icons-top {
    background-color: #184877;
    padding-top: 18px;
    color: #FFF;
    margin-bottom: 18px;
    border-bottom: 12px solid #133458;
}

#quick-access-icons {
    padding-left: 0px;
    list-style: none;
    text-transform: uppercase;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-justify-content: space-around;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

#quick-access-icons .fa {
    font-size: 50px;
    margin-bottom: 6px;
}

#quick-access-icons LI {
    text-align: center;
    width: 137px;
    -webkit-box-flex: 1;
    -webkit-flex: auto;
    -ms-flex: auto;
    flex: auto;
    margin-bottom: 12px !important;
}

#quick-access-icons LI P {
    width: 116px;
    margin: 0px auto;
}

#quick-access-icons LI A {
    color: #FFF;
}

#mid-content A {
    color: #FFF;
}

#mid-content A:hover {
    color: #00A1E6;
    border-bottom: 1px solid #00A1E6;
}

#mid-content .block-label {
    font-family: "Quando", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
}

#mid-content .block-label P:first-child {
    font-size: 1.9em;
    margin-bottom: 0px;
}

#mid-content .block-label H1 {
    margin: 0;
    font-weight: 400;
}

#mid-content .block-label,
#mid-content .block-body {
    padding: 18px;
    color: #FFF;
}

#mid-content .block-body {
    background-color: #194877;
    border-bottom: 12px solid #133359;
}

#content-home .welcome .block-label,
#content-home .upcoming-events .block-label {
    background-color: #1D9FE5;
}

#content-home .welcome TABLE {
    width: 100%;
}

#content-home .welcome TD.left,
#content-home .welcome TD.right {
    display: inline-block;
    /*text-align: center;*/
    /*width: 100%;*/
}

#content-home .welcome TABLE IMG {
    border-radius: 55%;
    max-width: 150px !important;
    border: 8px solid rgba(255, 255, 255, 0.513);
}

#content-home .upcoming-events #EventLink {
    margin-bottom: 9px;
}

#content-home .upcoming-events #EventMore {
    display: none;
}

#content-home .upcoming-events .more-details {
    text-align: right;
}

#content UL {
    margin-top: 1em;
}

#mid-content UL {
    padding-left: 0px;
    list-style: none;
}

#mid-content UL LI:before {
    content: "\00BB \0020";
}

#mid-content .welcome,
#mid-content .upcoming-events,
#mid-content .social-feed {
    margin-bottom: 18px;
}

#icons-bottom {
    background-color: #1D9EE5;
    border-bottom: 12px solid #133458;
    margin-bottom: 18px;
}

.icon-nav-carousel {
    padding: 18px 0px;
}

.icon-nav-carousel .slick-gallery .thumb .slick-slide {
    height: auto;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.095);
}

.icon-nav-carousel .slick-slide IMG {
    width: auto;
}

#above-footer {
    background-color: #D4D8DB;
}

.cards.graphic-ads {
    padding: 18px 0px;
}

.cards.graphic-ads UL {
    margin-bottom: 0px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.cards.graphic-ads UL LI {
    max-width: 286px;
    border: 18px solid #FFF;
    border-radius: 8px;
    background-color: #FFF;
}

.cards.graphic-ads LI IMG {
    max-width: 165px !important;
    max-height: 160px !important;
}

/* -----------------------------------*/
/* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
/* -----------------------------------*/

#wrapper-internal HEADER {
    margin-bottom: 18px;
}


#wrapper-internal MAIN {
    padding-top: 8px;
    line-height: 1.5rem;
}

#wrapper-internal STRONG A {
    margin-top: 3em;
}

/*START - For Single column content areas */
#content-wrapper-inner > MAIN > #content > :first-child {
    margin-top: 0px;
}

/* END - Single Column Content area */
/*START - For pages with nested 2 column layout inside MAIN area. */
#wrapper-internal MAIN MAIN {
    padding-top: 0px;
}

/*END  - Nested 2 Column layout inside MAIN AREA*/
#wrapper-internal #page-title H1 {
    margin-top: 0px;
}

#wrapper-internal #page-title {
    border-bottom: 6px solid #81303A;
    margin-bottom: 6px;
}

#content-wrapper-inner {
    padding-bottom: 40px;
    background: url('../images/end-of-page-indicator.png') center bottom no-repeat;
    margin-bottom: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
}

#dupTo {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-flex-flow: column-reverse nowrap;
    -ms-flex-flow: column-reverse nowrap;
    flex-flow: column-reverse nowrap;
}

#dupTo > .col-md-8 {
}

#dupTo > .col-md-4 {
}

.ContentTemp_MainCol:first-child {
    margin-top: 0px;
}

ASIDE.left .wrapper-inner {
    padding-top: 6px;
}

#sidebarLinks {
    margin-bottom: 20px;
}

#wrapper-internal ASIDE #sidebarLinks {
    background-color: #15447B;
    border-bottom: 12px solid #07345A;
}

ASIDE.left .wrapper-inner > :first-child {
    margin-top: 20px;
}

#mobile_cal A,
#desktop_cal A {
    border-bottom: 0px;
}

TABLE.dataTable TR:hover {
    background-color: #EFF3F6;
}

TABLE.dataTable A {
    border-bottom: 0px;
}

TABLE A {
    border-bottom: none;
}

TABLE P {
    margin-bottom: 0;
}

TABLE P + P {
    margin-bottom: 10px;
}

#DataTable_wrapper .dataTables_filter {
    text-align: right;
}

/*Following overrides old table styles before responsive re-design*/
TD.ContentTemp_MainCol,
TD.ContentTemp_SideCol {
    width: 100% !important;
    display: block !important;
}

TD.ContentTemp_MainCol IMG,
TD.ContentTemp_SideCol IMG {
    max-width: 100% !important;
}

TD.ContentTemp_SideCol {
}

TD.ContentTemp_MainCol {
    border-bottom: 1px dashed #CCCCCC;
    /*padding-bottom: 20px;*/
}

/*end old table overrides*/
/* -----------------------------------*/
/* >>> TOC 6. - FOOTER <<< */
/* -----------------------------------*/
FOOTER {
    background-color: #174679;
    color: #FFF;
    font-size: 0.85em;
    padding-top: 30px;
    text-align: center;
}

FOOTER .left,
FOOTER .middle,
FOOTER .right {
    margin-bottom: 32px;
}

FOOTER A {
    color: #FFF;
}

FOOTER A:hover {
    text-decoration: underline;
    color: #1D9EE5;
}

FOOTER UL {
    padding-left: 0px;
    list-style: none;
}

FOOTER .left UL LI {
    margin-bottom: 18px !important;
}

FOOTER .app-dowload LI {
    margin: 6px;
    display: inline;
}

FOOTER .app-dowload LI IMG {
    max-height: 45px !important;
    max-width: 135px !important;
}

FOOTER .svg-logo.brand {
    height: 84px;
    width: 84px;
    margin: 0px auto 8px;
    padding-bottom: 91px;
    border-bottom: 1px solid #FFF;
}

FOOTER #Freeholder-Seal {
    width: 80px;
    height: 80px;
}

FOOTER .copyright .svg-logo.qscend .svg-qscend {
    width: 185px;
    height: 15px;
    vertical-align: middle;
}

@media (min-width: 48em) {
    /*min-width: 768px*/
    /* -----------------------------------*/
    /* >>> TOC 1. - Body & Global Rules <<< */
    /* -----------------------------------*/
    H1 {
        font-size: 2em;
    }
    
    H2 {
        font-size: 1.5em;
    }
    
    H3 {
        font-size: 1.25em;
    }
    
    H4 {
        font-size: 1em;
    }
    
    H5 {
        font-size: 0.875em;
    }
    
    H6 {
        font-size: 0.750em;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 2. - NAVIGATION <<< */
    /* -----------------------------------*/
    #nav-main .navbar-brand {
        display: none;
    }
    
    HEADER .logo-container {
        position: relative;
    }
    
    HEADER .svg-logo.brand {
        display: block;
        height: 140px;
        width: 120px;
        float: left;
        background-color: #EFF3F6;
        position: absolute;
        top: -40px;
        padding: 24px 6px 6px;
        border-radius: 0 0 60px 60px;
        border: 2px solid #174679;
        z-index: 2;
    }
    
    HEADER #branding P {
        font-size: 1.5em;
        text-align: left;
        margin-left: 126px;
    }
    
    HEADER #branding SPAN.small {
        display: block;
    }
    
    HEADER #branding {
        color: #FFF;
        margin-bottom: 12px;
    }
    
    #nav-main .navbar-default .navbar-nav > LI > A {
        color: #7F313B;
        height: 100%;
    }
    
    #nav-main .navbar-default .navbar-nav > LI:last-child {
        border-right: 0px;
    }
    
    #nav-main NAV.navbar > .container > .navbar-collapse {
        padding: 0px;
    }
    
    #nav-main .nav.navbar-nav > LI {
        text-transform: uppercase;
        border: 0px;
        border-right: 1px solid #7F313B;
    }
    
    #nav-main .nav.navbar-nav > LI > :first-child {
        letter-spacing: 1.5px;
        font-weight: 700;
        border-right: none;
    }
    
    #howDoI .mega-menu.dropdown-menu {
        float: right !important;
        right: 0px;
        left: auto;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 3. - CAROUSEL <<< */
    /* -----------------------------------*/
    #carousel-home {
        border-top: 0px;
    }
    
    #content-home #carousel-wrapper-outer .col-sm-12 {
        padding: 0px 15px;
    }
    
    #carousel-home .carousel-inner {
        padding-bottom: 0px;
    }
    
    #carousel-home .carousel-caption {
        bottom: 0px;
        background-color: transparent;
        min-height: auto;
    }
    
    #carousel-home .carousel-indicators {
        display: inline-block;
        bottom: 14px;
    }
    
    #carousel-home .carousel-caption {
        border-radius: 0 0 4px 4px;
    }
    
    #wrapper-home #carousel-wrapper-outer {
        position: relative;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 4. - MAIN <<< */
    /* -----------------------------------*/
    /* -----------------------------------*/
    /* >>> TOC 4.1 - Home Page /#content-home <<< */
    /* -----------------------------------*/
    #content-home #icons-top {
        background-color: transparent;
        margin-bottom: 18px;
        border-bottom: 0px;
        padding-top: 0px;
    }
    
    #content-home #icons-top .container .row DIV > :first-child {
        background-color: #174679;
        padding-top: 18px;
        border-bottom: 12px solid #133458;
        border-radius: 0px 0px 4px 4px;
    }
    
    #content-home #quick-access-icons LI {
        border-right: 1px solid #FFF;
    }
    
    #content-home #quick-access-icons LI:last-child {
        border-right: none;
    }
    
    #quick-access-icons LI P {
        width: 90%;
        margin: 6px auto;
    }
    
    #icons-bottom {
        background-color: transparent;
        border-bottom: 0px;
    }
    
    #icons-bottom .row .icon-nav-carousel {
        background-color: #1D9EE5;
        border-bottom: 12px solid #133458;
        border-radius: 4px;
    }
    
    .icon-nav-carousel .slick-gallery .thumb {
        width: 504px;
        margin: 0px auto;
    }
    
    .icon-nav-carousel .slick-gallery .slick-prev {
        left: -80px !important;
    }
    
    .icon-nav-carousel .slick-gallery .slick-next {
        right: -30px !important;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
    /* -----------------------------------*/
    #wrapper-internal MAIN {
        line-height: 1.75rem;
    }
    
    #wrapper-internal #page-title H1 {
        margin: 0px;
    }
    
    #wrapper-internal #page-title {
        border-bottom: 6px solid #81303A;
        margin-bottom: 6px;
        padding: 6px 0px 0px 0px;
    }
    
    #content-wrapper-inner {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
    
    ASIDE.left .wrapper-inner > :first-child {
        margin-top: 0px;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 6 - FOOTER <<< */
    /* -----------------------------------*/
    FOOTER {
        text-align: left;
    }
    
    FOOTER H3 {
        margin-top: 0px;
    }
    
    FOOTER .svg-logo.brand {
        margin-left: 0px;
        margin-bottom: 16px;
        padding-bottom: 90px;
        border-bottom: 1px solid #FFF;
    }
    
    FOOTER .app-dowload LI {
        display: inline-block;
    }
    
    FOOTER .copyright IMG,
    FOOTER .copyright SVG-LOGO {
        height: 1.2em;
    }
}

@media (min-width: 62em) {
    /*min-width: 992px*/
    /* -----------------------------------*/
    /* >>> TOC 1. - Body & Global Rules (Additions or Overrides to Editor.css) <<< */
    /* -----------------------------------*/
    /* -----------------------------------*/
    /* >>> TOC 2. - NAVIGATION <<< */
    /* -----------------------------------*/
    HEADER .svg-logo.brand {
        top: -31px;
    }
    
    HEADER #branding-adjacent {
        /*text-align: right;*/
    }
    
    HEADER #branding-adjacent .wrapper-inner {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-flow: row nowrap;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
        float: right;
    }
    
    HEADER #howDoI {
        display: inline-block;
        margin-right: 12px;
    }
    
    HEADER #howDoI .btn {
        padding: 5px 12px;
    }
    
    HEADER #howDoI #dropdownMenu1,
    #howDoI .dropdown-menu {
        text-align: left;
        width: auto;
    }
    
    HEADER #howDoI .caret {
        text-align: right;
    }
    
    HEADER .search {
        margin-bottom: 0px;
        margin-top: -4px;
        display: inline-block;
        width: 260px;
    }
  
 	 #Translate {
 		width: auto;
       margin: 0px 10px;
  	}
    
    #nav-main .nav.navbar-nav > LI {
        text-align: left;
        height: 87px;
    }
    
    #nav-main .nav > LI > A {
        padding-left: 10px;
        padding-right: 10px;
    }
    
    #nav-main .nav.navbar-nav {
        margin-left: 119px;
    }
    
    #nav-main .nav.navbar-nav .mm-about::after,
    #nav-main .nav.navbar-nav .mm-business::after,
    #nav-main .nav.navbar-nav .mm-govt-dept::after,
    #nav-main .nav.navbar-nav .mm-services::after,
    #nav-main .nav.navbar-nav .mm-tourism::after {
        color: #174679;
        font-size: 0.9em;
        font-weight: 400;
        text-transform: none;
        display: block;
        width: 162px;
    }
    
    #nav-main .nav.navbar-nav .mm-about::after {
        content: 'Location, History & Future';
        width: 132px;
    }
    
    #nav-main .nav.navbar-nav .mm-business::after {
        content: 'Doing Business in Cumberland County';
    }
    
    #nav-main .nav.navbar-nav .mm-govt-dept:after {
        content: 'Councils, Commissions, Boards';
    }
    
    #nav-main .nav.navbar-nav .mm-services:after {
        content: 'County Services';
        width: 84px;
    }
    
    #nav-main .nav.navbar-nav .mm-tourism:after {
        content: 'Explore Cumberland County';
    }
    
    #nav-main .navbar .dropdown .caret {
        display: none;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 3. - CAROUSEL <<< */
    /* -----------------------------------*/
    /* -----------------------------------*/
    /* >>> TOC 4. - MAIN <<< */
    /* -----------------------------------*/
    /* -----------------------------------*/
    /* >>> TOC 4.1 - Home Page /#content-home /#content-home<<< */
    /* -----------------------------------*/
    .social-feed .fb-page ._2p3a {
        height: 342px;
    }
    
    .icon-nav-carousel .slick-gallery .thumb {
        width: 673px;
    }
    
    .icon-nav-carousel .slick-gallery .slick-prev {
        left: -83px !important;
    }
    
    .icon-nav-carousel .slick-gallery .slick-next {
        right: -30px !important;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 4.2 - Internal Pages /#wrapper-internal <<< */
    /* -----------------------------------*/
    #dupTo {
        -webkit-flex-flow: row-reverse nowrap;
        -ms-flex-flow: row-reverse nowrap;
        flex-flow: row-reverse nowrap;
    }
    
    #dupTo > .col-md-8 {
    }
    
    #dupTo > .col-md-4 {
    }
    
    .ContentTemp_MainCol > :first-child,
    .ContentTemp_SideCol > :first-child,
    #wrapper-internal #content-section > .container > .row > :first-child {
        margin-top: 0px;
    }
    
    TD.ContentTemp_MainCol,
    #wrapper-internal .ContentTemp_MainCol .wrapper-MainCol-inner {
        border-bottom: 0px;
        padding-bottom: 0px;
        margin-bottom: 20px;
    }
    
    .ContentTemp_SideCol {
        font-size: 0.85em;
    }
    
    /*Following Overrides old table styles before responsive design*/
    TD.ContentTemp_MainCol,
    TD.ContentTemp_SideCol {
        display: table-cell !important;
    }
    
    TD.ContentTemp_MainCol {
        width: 70% !important;
        padding-right: 8px !important;
    }
    
    TD.ContentTemp_SideCol {
        padding-left: 8px !important;
    }
    
    TD.ContentTemp_MainCol {
        border-bottom: 0px;
    }
    /* end overrides*/
}

@media (min-width: 75em) {
    /*min-width: 1200px*/
    /* -----------------------------------*/
    /* >>> TOC 2. - NAVIGATION <<< */
    /* -----------------------------------*/
    #nav-main .nav > LI > A {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    #nav-main .nav.navbar-nav .mm-about::after,
    #nav-main .nav.navbar-nav .mm-business::after,
    #nav-main .nav.navbar-nav .mm-govt-dept::after,
    #nav-main .nav.navbar-nav .mm-services::after,
    #nav-main .nav.navbar-nav .mm-tourism::after {
        width: 170px;
    }
    
    #nav-main .nav.navbar-nav .mm-about::after {
        width: 139px;
    }
    
    #nav-main .nav.navbar-nav .mm-services:after {
        width: 135px;
    }
    
    #nav-main .nav.navbar-nav .mm-tourism:after {
        width: 180px;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 3. - CAROUSEL <<< */
    /* -----------------------------------*/
    #carousel-home .item {
        height: 500px;
        overflow: hidden;
    }
    
    #carousel-home .item IMG {
        width: 100%;
    }
    
    /* -----------------------------------*/
    /* >>> TOC 4. - MAIN <<< */
    /* -----------------------------------*/
    /* -----------------------------------*/
    /* >>> 4.1 - Home Page /#content-home /#content-home <<< */
    /* -----------------------------------*/
    #content-home .welcome TD.right {
        margin-left: 123px;
    }
    
    #content-home .welcome TD.right P {
        margin-bottom: 0px;
    }
    
    #content-home .welcome TABLE IMG {
        width: 110px !important;
        height: auto;
        border: 4px solid rgba(255, 255, 255, 0.513);
        position: absolute;
        top: 9px;
    }
    
    #content-home .welcome .block-body {
        padding-top: 50px;
    }
    
    .icon-nav-carousel .slick-gallery .thumb {
        width: 841px;
    }
    
    .icon-nav-carousel .slick-gallery .slick-prev {
        left: -83px !important;
    }
    
    .icon-nav-carousel .slick-gallery .slick-next {
        right: -30px !important;
    }
    /* -----------------------------------*/
    /* >>> 4.2 - Internal Pages /#wrapper-internal <<< */
    /* -----------------------------------*/
}

/* -----------------------------------*/
/* >>> TOC 7. - ALL UI OVERRIDES  <<< */
/* -----------------------------------*/
/* -----------------------------------*/
/* >>> qYAMM <<< */
/* -----------------------------------*/
.yamm UL.dropdown-menu UL {
    padding: 0px;
    list-style: none;
    text-transform: none;
}

.yamm UL.dropdown-menu LI > UL {
    padding-left: 10px;
}

.yamm UL.dropdown-menu LI > UL A {
    color: #000000;
}

.yamm UL.dropdown-menu UL.col-none {
    margin-bottom: 16px;
}

.yamm UL.dropdown-menu LI > UL LI {
    padding: 3px;
}

@media (min-width: 48em) {
    /*min-width: 768px*/
    .yamm UL.dropdown-menu LI > UL A {
        color: #688A9E !important;
    }
    /*.yamm .yamm-content {
        							      -webkit-column-count: 2;
        							      -moz-column-count: 2;
        							      -webkit-column-gap: 30px;
        							      -moz-column-gap: 30px;
        							      column-gap: 30px;
        							      -webkit-column-count: 2;
        							      -moz-column-count: 2;
        							      column-count: 2;
        							    }*/
}

@media (min-width: 62em) {
    /*min-width: 992px*/
    /*.yamm .yamm-content {
        							      -webkit-column-count: 3;
        							      -moz-column-count: 3;
        							      -webkit-column-gap: 30px;
        							      -moz-column-gap: 30px;
        							      column-gap: 30px;
        							      -webkit-column-count: 3;
        							      -moz-column-count: 3;
        							      column-count: 3;
        							    }*/
}

@media (min-width: 75em) {
    /*min-width: 1200px*/
}

/* -----------------------------------*/
/* >>> File Browser Tweak <<< */
/* -----------------------------------*/
#FB .FolderPreText,
#FB_FB_APPanel .FolderPreText,
#FB1_FB1_APPanel .FolderPreText,
#FB2_FB2_APPanel .FolderPreText,
#FB3_FB3_APPanel .FolderPreText,
#FB4_FB4_APPanel .FolderPreText,
#FB5_FB5_APPanel .FolderPreText,
#FB .FB_Footer,
#FB_FB_APPanel .FB_Footer,
#FB1_FB1_APPanel .FB_Footer,
#FB2_FB2_APPanel .FB_Footer,
#FB3_FB3_APPanel .FB_Footer,
#FB4_FB4_APPanel .FB_Footer,
#FB5_FB5_APPanel .FB_Footer,
#FB SPAN,
#FB_FB_APPanel SPAN,
#FB1_FB1_APPanel SPAN,
#FB2_FB2_APPanel SPAN,
#FB3_FB3_APPanel SPAN,
#FB4_FB4_APPanel SPAN,
#FB5_FB5_APPanel SPAN,
#FB H2,
#FB_FB_APPanel H2,
#FB1_FB1_APPanel H2,
#FB2_FB2_APPanel H2,
#FB3_FB3_APPanel H2,
#FB4_FB4_APPanel H2,
#FB5_FB5_APPanel H2 {
    display: none;
}

/* File Icon */
#FB_FB_APPanel IMG,
#FB1_FB1_APPanel IMG,
#FB2_FB2_APPanel IMG,
#FB3_FB3_APPanel IMG,
#FB4_FB4_APPanel IMG,
#FB5_FB5_APPanel IMG {
    margin-right: 8px;
}

/* File Container */
#FB_FB_APPanel LI,
#FB1_FB1_APPanel LI,
#FB2_FB2_APPanel LI,
#FB3_FB3_APPanel LI,
#FB4_FB4_APPanel LI,
#FB5_FB5_APPanel LI {
    list-style-type: none;
    margin: 8px 0 0 -40px;
    display: block;
    background-color: hsla(203, 22%, 84%, 0.17);
    /**ADJUST HUE**/
    padding: 10px 16px 6px 16px;
    border: 1px solid hsl(203, 22%, 84%);
    /**ADJUST HUE**/
}

#FB_FB_APPanel LI:hover,
#FB1_FB1_APPanel LI:hover,
#FB2_FB2_APPanel LI:hover,
#FB3_FB3_APPanel LI:hover,
#FB4_FB4_APPanel LI:hover,
#FB5_FB5_APPanel LI:hover {
    background-color: hsla(34, 100%, 65%, 0.17);
    /**ADJUST HUE**/
    cursor: default;
    border: 1px solid hsla(34, 100%, 65%, 0.39);
}

/* Link */
#FB_FB_APPanel LI A,
#FB1_FB1_APPanel LI A,
#FB2_FB2_APPanel LI A,
#FB3_FB3_APPanel LI A,
#FB4_FB4_APPanel LI A,
#FB5_FB5_APPanel LI A {
    /* text-decoration: underline; */
    border-bottom: 1px dashed currentColor;
}

/* Link */
#FB_FB_APPanel LI A:hover,
#FB1_FB1_APPanel LI A:hover,
#FB2_FB2_APPanel LI A:hover,
#FB3_FB3_APPanel LI A:hover,
#FB4_FB4_APPanel LI A:hover,
#FB5_FB5_APPanel LI A:hover {
    text-decoration: underline;
}

/* Description text */
#FB_F > UL > LI > DIV > DIV,
#FB1_F > UL > LI > DIV > DIV,
#FB2_F > UL > LI > DIV > DIV,
#FB3_F > UL > LI > DIV > DIV,
#FB4_F > UL > LI > DIV > DIV,
#FB5_F > UL > LI > DIV > DIV {
    font-size: 14px;
    color: #555;
    margin: 6px 0 0 28px;
    display: block;
}

/* -----------------------------------*/
/* >>> Emergency Alert  <<< */
/* -----------------------------------*/
#EmergencyAlert {
    background-color: red;
    font-size: 16px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    padding: 10px 0;
    z-index: 1;
}

#EmergencyAlert P {
    font-size: 16px;
    line-height: 1.2;
    color: #FFF;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

#EmergencyAlert A {
    color: #FFDF3C;
}

#EmergencyAlert A:hover {
    color: #FFD609;
}

/* Zebra list table */
.ContentTemp_Zebra {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid hsl(203, 60%, 80%);
    background-color: hsl(203, 100%, 97%);
    margin: 20px 0;
}

.ContentTemp_Zebra TH {
    /* Column headings */
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 8px;
    border-bottom: 1px solid hsl(203, 60%, 80%);
    border-left: 1px solid hsl(203, 60%, 80%);
    background-color: hsl(203, 100%, 90%);
}

.ContentTemp_Zebra TBODY TD {
    border-left: 1px solid hsl(203, 60%, 80%);
    padding: 8px;
    vertical-align: top;
}

.ContentTemp_Zebra TR:nth-child(even) {
    /* Needs jquery fallback */
    background-color: hsl(203, 100%, 99%);
}

.ContentTemp_Zebra TBODY P {
    margin: 0 0 4px 0;
}

/* -----------------------------------*/
/* >>> Google CSE<<< */
/* -----------------------------------*/
/* Fixes Issues with IMG Max Width Conflict*/
#GeoRSSMap IMG[src*="google"],
#GeoRSSMap IMG[src*="maps.gstatic"] {
    max-width: none !important;
}

/* end of IMG Max Width Conflict fix */
.gsc-control-cse.gsc-control-cse-en {
    background-color: transparent;
    border: 0;
    padding: 0;
}

INPUT#gsc-i-id1 {
    font-family: 'Lato', sans-serif;
    font-size: 13px;
}

.search INPUT.gsc-search-button-v2 {
    margin-left: -12px;
    margin-top: 4px;
    height: 18px;
    width: 16px;
}

INPUT.gsc-search-button,
INPUT.gsc-search-button:hover,
INPUT.gsc-search-button:focus {
    border-color: #FFB14E !important;
    background-color: #FFB14E !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb14e), to(#ffb14e)) !important;
    background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E) !important;
    background-image: -webkit-linear-gradient(top, #FFB14E, #FFB14E) !important;
    background-image: linear-gradient(top, #ffb14e, #ffb14e) !important;
    filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#ffb14e', EndColorStr='#ffb14e') !important;
}

BODY.btdc INPUT.gsc-search-button,
BODY.btdc INPUT.gsc-search-button:hover,
BODY.btdc INPUT.gsc-search-button:focus {
    border-color: #00432E !important;
    background-color: #00432E !important;
}

.search .gsc-input-box {
    height: 30px;
    width: 100%;
    border: 0px;
    border-radius: 0px;
}

.search [type="image"] {
    position: relative;
    box-sizing: content-box;
}

.search .cse INPUT.gsc-search-button,
INPUT.gsc-search-button {
    border-radius: 0px !important;
    height: 16px !important;
}

#___gcse_0 {
 	margin-top: 4px; 
}

.cse .gsc-search-button-v2, .gsc-search-button-v2 {
 	padding: 9px 17px; 
  	
}
/* Modal background Color */
.gsc-modal-background-image.gsc-modal-background-image-visible {
    background-color: #2F4865;
}

BODY.btdc .gsc-modal-background-image.gsc-modal-background-image-visible {
    background-color: #00432E;
}

/* Autocomplete font matching */
TABLE.gsc-completion-container {
    font-family: inherit;
}

.gsc-modal-background-image {
    position: fixed !important;
    top: 0px;
    left: 0px;
    height: 130%;
    width: 100%;
    z-index: 100001;
    background-color: #2F4865;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    display: none;
    -webkit-transition: all 0.25s linear;
    transition: all 0.25s linear;
}

/* Google Results Page Tweaks */
.search .gsc-selected-option-container {
    width: 100px !important;
}

.search .gsc-table-result,
.search-results .gsc-thumbnail-inside,
.search-results .gsc-url-top {
    padding-left: 0;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background-color: #2F4865 !important;
    /* Match to theme main color */
    color: #FFF !important;
}

.search .gsc-results .gsc-cursor-box .gsc-cursor-page {
    background-color: #FFF;
    color: #2F4865;
    /* Match to theme main color */
    border: 1px solid #A3DA95;
    /* Match to theme accent colors */
    padding: 3px;
}

.search .gsc-table-result {
    margin-left: 10px;
}

#gs_tti50 INPUT {
    height: 1.5em !important;
}

.search .gsc-webResult.gsc-result.gsc-promotion {
    border-color: #336699;
    background-color: #F7FBF6;
    padding: 10px;
}

.search INPUT.gsc-input {
    font-size: 13px;
    color: #000;
}

.search .gsc-results-wrapper-overlay {
    height: 85%;
    padding: 30px 10px 10px;
    width: 90%;
    top: 5%;
    left: 5%;
}

@media (min-width: 68em) {
    /*min-width: 1600px. Used to be 1328px*/
    /*Resets to default Google CSE declarations*/
    .search .gsc-results-wrapper-overlay {
        height: 80%;
        padding: 30px;
        width: 70%;
        top: 5%;
        left: 12%;
    }
}

/* -----------------------------------*/
/* >>> CALENDAR  <<< */
/* -----------------------------------*/
.calendar SELECT#ctl17_C_DDC_D {
    margin-right: 4px;
}

.calendar TABLE.GLOW_STYLE {
    margin-top: 10px;
}

.calendar .GLOW_NEXTPREV A {
    color: #113251 !important;
    font-weight: 700;
    font-size: 20px;
}

/*Large Calendar*/
TABLE.GLOW_STYLE {
    margin-top: 8px;
}

TABLE.GLOW_STYLE TR TH {
    text-align: center;
    padding: 3px;
}

TABLE.GLOW_TITLE TD {
    background-color: #174679;
    font-weight: 700;
    padding: 7px;
    color: #FFF;
}

TABLE.GLOW_TITLE {
    background-color: #FCF3E1;
    font-weight: 700;
    padding: 7px;
}

TABLE.GLOW_STYLE .GLOW_NEXTPREV A {
    border-bottom: 0px;
}

/* TriMonth Calendar */
/*Hide 2 future months*/
TABLE[id$='_TM'] > TBODY > TR:nth-child(n+2) {
    display: none;
}

/*Specific Day Event display (requires .calendar-event wrapper)*/
.calendar-event .slide {
    display: block !important;
    height: 100% !important;
    overflow: visible !important;
}

.calendar-event .rootGroup SPAN.text {
    margin-top: 10px;
    border: none !important;
}

.calendar-event .rootGroup {
    border: none !important;
}

.calendar-event .rootGroup .link {
    background: 0 0 !important;
}

.calendar-event .rootGroup .selected .text,
.calendar-event .rootGroup .text {
    font-weight: 400;
    font-family: inherit;
    font-size: 14px;
    background: #81303A !important;
    color: #FFF;
    padding: 5px 8px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block !important;
}

.calendar-event .image {
    display: none;
}

.calendar-event .q-event-row TD {
    display: inline-block;
}

.calendar-event .q-event-row TD:first-of-type {
    padding-right: 8px;
    padding-bottom: 10px;
}

.calendar-event .rootGroup .expanded {
    background: 0 0 !important;
}

.calendar-event .panelbar .group {
    display: block !important;
}

.calendar-event .rootGroup .text,
.calendar-event .selected .text {
    font-weight: 400 !important;
    cursor: text !important;
}

.calendar-event .link {
    cursor: text !important;
}

.calendar-event .RadPanelbar_Default {
    white-space: normal;
}

.q-event-data P {
    text-align: left !important;
}

/* -----------------------------------*/
/* >>> SLICKNAV  <<< */
/* -----------------------------------*/
/*Hides default Nav produced by Mega Menu*/
ASIDE #menu2.mega-menu {
    display: none;
}

#wrapper-internal ASIDE .slicknav_menu {
    background-color: transparent;
    padding: 0px;
}

#wrapper-internal ASIDE .slicknav_menu A.slicknav_btn {
    font-family: "Quando", Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", serif;
    /*float: left;*/
    background-color: #00A1E6;
    text-transform: uppercase;
    letter-spacing: 1.15px;
    margin: 0px 0px 8px 0px;
    display: block;
    /*width: 100%;*/
    /*border-radius: 0px;*/
    padding: 8px;
    font-size: 1.1em;
    border-bottom: 6px solid #FFFFFF;
}

#wrapper-internal ASIDE .slicknav_menu .slicknav_menutxt {
    color: #FFF;
    text-shadow: none;
}

#wrapper-internal ASIDE .slicknav_nav .slicknav_row,
#wrapper-internal ASIDE .slicknav_nav A {
    color: #FFFFFF;
}

/*Start of First Level Items Selector*/
#wrapper-internal ASIDE .slicknav_menu > UL {
    padding: 0px;
    list-style: none;
}

#wrapper-internal ASIDE UL.slicknav_nav > LI {
}

#wrapper-internal ASIDE UL.slicknav_nav > LI > A {
    padding: 8px;
    display: block;
}

#wrapper-internal ASIDE UL.slicknav_nav > LI > A:hover {
    background-color: #00A3E7;
    /*+transition-duration: 500ms;*/
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

/*End of First Level Items Selector*/
/*Start of Second Level Items Selector*/
#wrapper-internal ASIDE .slicknav_menu > UL > LI > UL {
    padding: 0px;
    list-style: none;
    background-color: #00355B;
}

#wrapper-internal ASIDE UL.slicknav_nav > LI > UL > LI {
}

#wrapper-internal ASIDE UL.slicknav_nav > LI > UL > LI A {
    padding: 8px 8px 8px 20px;
    display: block;
}

#wrapper-internal ASIDE UL.slicknav_nav > LI > UL > LI A:hover {
    background-color: #001524;
    /*+transition-duration: 500ms;*/
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}

/*End of Second Level Items Selector*/
/* -----------------------------------*/
/* >>> DATATABLES <<< */
/* -----------------------------------*/
.dataTables_wrapper .dataTables_paginate .paginate_button {
    color: #02324A !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #111;
    background-color: #00314B;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00314B 0%, #111 100%);
    /* Chrome10+,Safari5.1+ */
    /* FF3.6+ */
    /* IE10+ */
    /* Opera 11.10+ */
    background: linear-gradient(to bottom, #00314B 0%, #111 100%);
    /* W3C */
}

.pagination > .active > A,
.pagination > .active > A:focus,
.pagination > .active > A:hover,
.pagination > .active > SPAN,
.pagination > .active > SPAN:focus,
.pagination > .active > SPAN:hover {
    z-index: 2;
    color: #FFF;
    cursor: default;
    background-color: #00A1E6;
    border-color: #00A1E6;
}

/* -----------------------------------*/
/* >>> QCONTENT EDITOR ICON <<< */
/* -----------------------------------*/
.q-cp-live-edit {
    /*z-index: 5;*/
}

/* -----------------------------------*/
/* >>> QContent Form Overrides <<< */
/* -----------------------------------*/
/* Form Tweaks */
INPUT#BS.uc-form-submit {
    background-color: #00A4B5;
    color: #FFF;
    margin-top: 12px;
    padding: 6px 12px;
    border: 0px;
    border-radius: 4px;
}

INPUT#BS.uc-form-submit:hover {
    background-color: #032E47;
}

.uc-form-container BUTTON,
.uc-form-container INPUT,
.uc-form-container SELECT,
.uc-form-container TEXTAREA {
    font-family: "Open Sans", Helvetica, Arial, sans-serif !important;
    font-size: inherit;
    line-height: inherit;
}

.uc-form-container INPUT[type="checkbox"],
.uc-form-container INPUT[type="radio"] {
    box-sizing: border-box;
    margin: 10px 6px 2px 4px;
    padding: 0;
}

.ui-datepicker {
    background: #EEE;
    border: 1px solid #DDD;
    padding: 8px;
}

.ui-datepicker-title {
    text-align: center;
    margin: 0 0 8px 0;
}

.ui-datepicker-prev,
.ui-datepicker-next {
    background: #CCC;
    display: inline-block;
    padding: 4px 12px;
    margin: 0 0 8px 0;
    border-radius: 4px;
}

.ui-datepicker-prev:hover,
.ui-datepicker-next:hover {
    color: #FFF;
    background: #666;
    cursor: pointer;
}

.ui-datepicker-next {
    float: right;
}

.ui-datepicker-month,
.ui-datepicker-year {
    font-size: 1.25em;
    font-weight: 700;
    display: inline-block;
}

.ui-datepicker TH,
.ui-datepicker TD {
    border: 1px solid #666;
}

.ui-datepicker TH {
    color: #FFF;
    background: #999;
    padding: 2px;
}

.ui-datepicker TD {
    background: #EEE;
    border: 1px solid #999;
}

.ui-datepicker TD A {
    color: #333;
    background: #FFF;
    padding: 4px 8px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.ui-datepicker TD A:hover {
    color: #FFF;
    background: #666;
}

/* -----------------------------------*/
/* >>> Slick Gallery (None Responsive) <<< */
/* -----------------------------------*/
.slick-photo-gallery {
    margin: 0px auto;
}

.slick-example-gallery IMG {
    width: auto;
    height: 382px;
    max-width: 575px;
    max-height: none;
    margin: 0 auto;
}

.slick-top {
    height: 40px;
    background: #143350;
    max-width: none;
    margin: 0;
    padding: 4px 10px;
}

.slick-photo-gallery P {
    padding: 10px;
}

.thumb-example-gallery .slick-slide IMG {
    max-width: 110px;
    height: 140px;
}

.thumb-example-gallery.slick-initialized.slick-slider {
    margin-bottom: 40px;
}

.slicknav_nav .slicknav_arrow {
    font-size: 1em;
    margin: 0 0 0 1em;
    color: #FFF;
}

/* -----------------------------------*/
/* >>> Slick Gallery (Responsive) <<< */
/* -----------------------------------*/
.slick-gallery .slick-next::before,
.slick-gallery .slick-prev::before {
    padding: 10px;
    height: 50px;
    width: 50px;
    background-color: #FFFFFF;
    font-size: 33px;
    border-radius: 50%;
    position: absolute;
    margin: 0 auto;
}

.slick-prev {
    left: 6px !important;
}

.slick-next {
    right: 56px !important;
}

.slick-gallery DIV:not(.thumb).slick-slider {
    background-color: rgba(0, 0, 0, 0.095);
}

.slick-gallery DIV:not(.thumb).slick-slider IMG {
    height: 210px !important;
    width: auto !important;
    margin: 0px auto;
}

.slick-gallery .thumb .slick-slide {
    height: 107px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.095);
}

.slick-gallery .thumb .slick-slide IMG {
    height: 136px !important;
    /** width: 147px; FIX THUMBNAIL VariableWidth **/
    margin: 0px auto;
    border: 1px solid transparent;
    border-width: 0px 1px;
}

.slick-gallery BUTTON {
    visibility: hidden;
}

@media (min-width: 48em) {
    /*768px*/
    .slick-gallery DIV:not(.thumb).slick-slider IMG {
        height: 263px !important;
    }
    
    .slick-gallery BUTTON {
        visibility: visible;
    }
}

@media (min-width: 62em) {
    /*992px*/
    .slick-gallery DIV:not(.thumb).slick-slider IMG {
        height: 604px !important;
    }
    
    .slick-gallery .thumb .slick-slide {
        height: 134px;
    }
    
    .slick-gallery .thumb .slick-slide IMG {
        /** height: 134px !important;
                														                                                                    width: 175px;  FIX THUMBNAIL VariableWidth **/
    }
}

/* -----------------------------------*/
/* >>> News Feed Items  <<< */
/* -----------------------------------*/
.NEWS_FEED_DISPLAY_TITLE {
    color: #02324A;
    font-weight: 700;
}

.NEWS_FEED_DISPLAY_ROW_TITLE {
    padding: 10px;
    background: #F6F6F6;
    margin-bottom: 6px;
}

/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    -webkit-transition-property: opacity;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity 
*/
/* -----------------------------------*/
/* >>> Forms  <<< */
/* -----------------------------------*/
/*Fix for long URL strings*/
MAIN .ContentTemp_MainCol A {
    -ms-word-break: break-all;
    word-break: break-all;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*white-space: normal;*/
}

/* -----------------------------------*/
/* >>> Knowledge Base  <<< */
/* -----------------------------------*/
SPAN#KBUC_KBR A {
    color: #298BC7;
}

A.login_link {
    color: #298BC7;
}

.qapf_wrapper H1 {
    margin: 8px 0 24px 8px;
}

/* -----------------------------------*/
/* >>> QAlert / Service Request Form  <<< */
/* -----------------------------------*/
.qapf_input_label INPUT[type="radio"] {
    margin-right: 4px;
}

A.qapf_forgot {
    background-color: #3D595C;
    padding: 5px;
    color: #FFF;
    border-radius: 4px;
}

A.qapf_forgot:hover {
    background-color: #FFB14E;
    color: #3D595C;
}

SPAN.active I {
    background-color: transparent;
}

DIV.qapf_notify INPUT.qapf_notify_input + LABEL.qapf_notify_label >
SPAN.descriptor {
    font-size: 14px !important;
}

/*Step Tabs*/
UL.qapf_steps {
    margin: 9px 3px;
    padding: 0 0 0 8px;
}

.qapf_wrapper .qapf_steps LI {
    display: inline-block;
    margin: 0 3px 6px 0;
    font-size: 0.9rem !important;
    color: #3D595C;
    padding: 8px 12px !important;
    background: #DDD;
    cursor: pointer;
}

LI.qapf_curstep {
    font-weight: normal;
    color: #FFF !important;
    background: #123359 !important;
    /*----CURRENT STEP CUSTOM COLOR---*/
}

/*Tab Container & Content - General*/
.qapf_section_container {
    margin: 7px 0 10px 10px;
    border: 1px solid #CCC;
    background: #FFF;
    box-shadow: inset 0px 0px 5px #CCC;
    width: auto !important;
    padding: 0px 10px !important;
}

.qapf_section_container .qapf_section {
    padding: 0px !important;
}

.qapf_section > :first-child {
    margin-top: 10px;
}

.qapf_nextbtndiv {
    margin-right: 0px !important;
}

.qapf_nextbtndiv INPUT {
    background-color: #174679;
    padding: 8px 16px;
    color: #FFF;
    font-weight: normal;
    margin-bottom: 28px;
    border: 0px;
}

/*Tab Content - Personal Info Tab*/
.qapf_notify_label .descriptor {
    display: block !important;
}

/*Tab Content - Where and What Tab*/
.qapf_mapcontainer INPUT.qapf_map_search {
    width: 70%;
}

.qapf_mapcontainer .qapf_map {
    width: auto !important;
}

.qapf_reqtype .qips_btn {
    border-bottom: 0px;
    border-left: 1px solid #C0C0C0;
    padding-left: 2px;
}

.qips_list.qips_collapse {
    width: 0px;
}

.qips_list .qips_category_selected {
    /*selector for children inside Request Type*/
}

/*Tab Content - Details Tab*/
.qapf_reqmore TEXTAREA.QS_VAL {
    width: 100%;
}

/*Tab Content - Confirm Tab*/
.qapf_confirm .qapf_map_confirm {
    width: auto;
}

/* Fixes issues of map going grey due to max-width setting on IMGs to be responsive */
#wrapper-internal MAIN IMG[src*="maps"] {
    max-width: none !important;
}
/*End Fix of Map IMG issue*/

/* Add Caption to Image Slideshow Token */

.slideshow-caption {
    text-align: center;
    padding: 1em;
    height: 60px;
}

.slideshow-caption h3 {margin-top: .5em;}