body {
    display: flex; 
    flex-direction: column;
}
.container {
    flex-grow: 1;
}

div.container.headernavcontainer {display:flex; justify-content:space-between; padding:0}
div.container.headernavcontainer:before, div.container.headernavcontainer:after {display:none}



 #navigationBanner{
        background-color: #007db3;
        font-size: 20px;    
        position: relative;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        z-index: 999;
        padding: 0px 3vw;
        height:45px;
    }
   
    #navigationBanner a{
        font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        color: white;
        font-size:18px;
        text-decoration: none;
        cursor: pointer;
    }
    
#navigationBanner .fa {
    position: inherit;
    padding-right: 2px;
}

    #navigationBanner button.btn{
        font-family: "Segoe UI Semibold", "Helvetica Neue", Helvetica, Arial, sans-serif;
        border-radius: 0;
        background-color: #0A5387;
        border-width: 0;
        color:white;
        height:45px;
        font-size:18px;
    }
    #navigationBanner button.btn:hover, #navigationBanner button.btn:active, #navigationBanner button.btn:focus, #navigationBanner .dropdown-item:hover, #navigationBanner      .dropdown-item:active, #navigationBanner .dropdown-item:focus{
        background-color:#05295c;
        box-shadow: 0 0 0 0 white;
    }
    #navigationBanner .dropdown-menu{
        background-color: #0A5387;
        white-space: normal;
    }

    @media only screen and (max-width: 600px) {
        #navigationBanner .dropdown-menu>li>a {
            white-space: normal;
        }
    }

    

    #navigationBanner .dropdown-toggle::after {
        display: inline-block;
        margin-left: .255em;
        vertical-align: .255em;
        content: "";
        border-top: .3em solid;
        border-right: .3em solid transparent;
        border-bottom: 0;
        border-left: .3em solid transparent;
        z-index: 999;
    }

    @media (max-width: 992px) {
            #navigationBanner .dropdown-item{
                padding-top: 12px;
                padding-bottom: 12px;
        }
    }



#headerImage {
        position: relative;
        text-align: center;
        padding: 10px;
        background-color: white;
        border-radius: 0 0 20px 20px;
        max-width: 250px;
    }

#headerImage img {width:100%}





@media (min-width: 992px){
  .navbar-nav {display:flex; align-items: center}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
    margin: 0;
    padding: 0;
    }

    .navbar>.container .navbar-brand, .navbar-inverse>.container .navbar-brand {
        height: auto; margin-bottom:15px
    }

    .navbar>.container {
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    .container>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-header, .container-fluid>.navbar-collapse {
    margin-left: 0;
    }

    .navbar-toggle {display:none}

    .navbar-collapse.collapse {display:block !important; height:auto!important; padding-bottom:0; overflow:visible!important}
    .navbar-right {float:right!important; margin-right:0}
    .navbar-nav>li {float:left}
    .navbar-collapse:before, .navbar-collapse:after {display:none}
    .navbar-nav .open .dropdown-menu {position:absolute; right:0; left:auto}
    .navbar-static-top .navbar-collapse .nav > .divider-vertical {display: block; margin-top:0!important}
}

@media (max-width: 991px){
.navbar-nav .open .dropdown-menu {
  position: static;
}
.navbar-static-top .navbar-collapse .nav > .divider-vertical {display: none}
.container.headernavcontainer>.navbar-header {width:100%; margin:0; padding:0 15px; display: flex; align-items: center; justify-content: space-between}
.navbar-static-top.navbar-inverse .navbar-brand {padding:0 0 15px; height:auto}
.container.headernavcontainer .navbar-header:before,
.container.headernavcontainer .navbar-header:after {display:none}
.container.headernavcontainer>.navbar-header > div.visible-xs-block {display: none!important}

.navbar-static-top.navbar .navbar-collapse {position:absolute; top:100%; right:30px; background:#333133; width:260px}
.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {margin-left:0}
#navbar .dropdown-search #q_id {width:100%; min-width:inherit; height:34px}
}

@media (max-width: 768px){ 
   section#hotTopics #topicsTable td {display: block}
}

@media screen and (max-width: 600px){
 .section-landing .row > div .section-landing-heading {
    font-size: 14vw !important;}
}

@media (max-width: 600px){
#headerImage {max-width:185px}
.navbar-static-top.navbar .navbar-collapse {right:15px; width:100%}
}



.navbar-inverse .navbar-toggle {margin:0; height:34px; width:44px}
.weblink{
    font-size:18px;
    font-weight:bold;
}


#search-filter{
    display:none;
    visibility: hidden;
}

.mainSearchCustom{
    padding-bottom: 5px;
}

.section-landing .row > div .section-landing-sub-heading{
    text-align: center !important;
}

.page_section.section-landing .row {padding:25px 0}
  
.section-landing .row > div .section-landing-heading {
    font-size: 7rem;
    color: #fff;
    text-align: center !important;
    text-transform: none !important;
    margin-top:0;
}

.section-landing{
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(240, 235, 235, 0.1) ), url('homehero.jpg') no-repeat;
    background-position-x: initial, center;
    background-position-y: center;
    background-size: cover;
    background-attachment: initial, initial;
    background-origin: initial, initial;
    background-clip: initial, initial;
    background-color: initial;
    flex-grow: 1
}

.section-landing-search {
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(240, 235, 235, 0.1) ), url('searchhero.jpg');
    background-position-x: initial, center;
    background-position-y: center;
    background-size: auto;
    background-attachment: initial, initial;
    background-origin: initial, initial;
    background-clip: initial, initial;
    background-color: initial;
    flex-grow: 1
}

div.headersearch div.input-group input[type=text] {height:34px}

.btn-primary {
    color: white !important;
}

.layer_down {
    height: 50px;
    /*background: url(layer_down.png) no-repeat bottom center; */
    background:none !important;
    position: absolute;
    bottom: 0;
    z-index: 900;
    width: 100%;
}

#topicsTable td {
    background-color: white;
    color:black;
    margin:10px;
    border-radius: 5px;
}

#topicsTable td:hover {
    background-color:aliceblue;
}
#topicsTable td>a:hover {
    cursor:pointer;
}

#topicsTable p{
    font-size: 16px;
}

.topics-wrapper{
    background-color: #333133;
}

#topicsHeading{
    text-align:center;
}

#topicsHeading h2{
    color: #007db3;
    font-weight: bold;
}

.lastRow{
    display: flex;
    flex-direction: row;
    justify-content: center;
}

#tileHeading{
    text-align: center !important;
}
#tileHeading h2{
    font-weight: bold;
    color:#007db3;
}

#ServiceTiles .row{
    margin-right:-3px;
    margin-left:-3px;
    padding: 0;
    }
#ServiceTiles .tile{
		padding: 3px;
}
#ServiceTiles .tileLink{
	overflow: hidden; 
    display: block;
    padding-bottom: 100%;
    position: relative;
    background-color:#000;
}
#ServiceTiles .tileContent .linkTitle{
	position:absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50% , -50%);
	text-align:center;
}
#ServiceTiles img{height:100%; position:absolute;}
#ServiceTiles .tileLink:hover img{opacity:0.6}
#ServiceTiles .linkTitle{display:block;color:#fff;text-transform:uppercase;font-size:110%;font-weight:500;position:absolute;text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.33);}
@media(min-width:480px){
	#ServiceTiles .tile{
		width:33.333333%
	}
}
@media(min-width:600px){
	#ServiceTiles .tile{
		width:25%
	}
}
@media(min-width:999px){
	#ServiceTiles .linkTitle{font-size:140%;}
}

.loggedInAs{
    font-weight: bold;
    color:black;
}
#supportInfo{
    display: inline-block;
    padding-top:inherit;
}
#supportInfo h2{
    text-align:center;
    padding-top:inherit;
}
#supportInfo .row{
    padding-top:inherit;
    display: inline;
}
#supportInfo h4{
    text-align:center;
    font-weight: bold;
}
#supportInfo h3{
    text-align:center;
    font-weight: bold;
    text-decoration: underline;
}
#supportInfo p{
    margin: auto;
}
.infoCreateButton {
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media (max-width:780px){
	.addInfo{
        width:100%;
        text-align: center;
    }
}
@media(min-width:780px){
	.addInfo{
        width:50%;
        text-align: center;
    }
}


.page_section{
    position: static !important;
   
}
.page_section.section-landing{
    position: static !important;
    height:300px; display: flex; align-items:center; justify-content: center;
}

.page_section h2 {
    font-size: 34px;
}

.page_section.section-landing .container {flex-grow:0}
@media(min-width:1700px){
	.page_section.section-landing{
    height:350px;
}
}

.section-knowledge .panel-title {
    color: #007db3;
}

.sidebar-home {
    background-color: #fff;
}
.panel-default > .panel-heading {
    background-color: #fff !important;
   
}
.panel-default > .panel-heading {
    background-color: #fff !important;
}
.sidebar-home .panel-title {
    background-color: #fff !important;
}

@media only screen and (max-width: 768px) {
     .mapOuter{
            margin-right: auto;
            margin-left: auto;
    }   
}

@media only screen and (max-width: 768px) {
     .mapInner{
            position: relative; 
            width: 350px; 
            height: 400px;
    }
}

@media only screen and (min-width: 992px) {
        .mapOuter{
            margin-right: auto;
            margin-left: auto;
    }   
}

@media only screen and (min-width: 992px) {
        .mapInner{
            position: relative; 
            width: 550px; 
            height: 400px;
    }
}



/*search widget*/
.arcgisSearch .searchBtn,.arcgisSearch .searchGroup .searchInput {  
    border: 1px solid black;
}


/*ck site styles*/

#mainContent{
  padding-bottom: 450px !important;
}

.layer_down {
    z-index: auto;
}

.sidebar-home .panel-title {
    font-size: 18px;
}
.sidebar-home .list-group-item {
    font-size: 16px;
}
  
#pageFooter {
    background-color: #333133;
    overflow: hidden;
    padding: 3vw;
    transition: .4s;
    margin-right: 0;
    margin-left: 0;
    margin-top: 20px;
    font-size: 2rem;
	/*width:100%;	
	bottom:0;
	position: absolute !important;*/
}

#pageFooter p, #pageFooter a, #pageFooter span {
    color: white;
    font-size: 15px;
}

#footerLeftColumn {
    text-align: left;
    padding: 0;
    display: flex;
    flex-direction: column;
}

#footerRightColumn {
    text-align: right;
    padding: 0;
}

#footerLocation, #footerSocialMedia {
    margin-bottom: 2rem;
}

#footerCKLogo {
    padding-bottom: 15px;
    margin-top: auto;
}

.slimParagraph {
    margin-top: 0;
    margin-bottom: 0;
}

#footerTwitter span.icon:hover, #footerTwitter:focus span.icon {
    color: #1DA1F2;
}
#footerFacebook span.icon:hover, #footerFacebook:focus span.icon {
    color: #4267B2;
}
#footerInstagram span.icon:hover, #footerInstagram:focus span.icon {
    color: #bc2a8d;
}
#footerYoutube span.icon:hover, #footerYoutube:focus span.icon {
    color: #C4302b;
}
#footerTwitter span.icon, #footerInstagram span.icon, #footerFacebook span.icon, #footerYoutube span.icon {
    transition: .4s;
    margin-right: 8px;
}
#footerTwitter, #footerInstagram, #footerFacebook, #footerYoutube {
    text-decoration: none !important;
}
#pageFooter span.icon {
    color: white;
    font-size: 35px;
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 400;
}


.fal, .far {
    font-family: "Font Awesome 5 Pro";
}

.fal {
    font-weight: 300;
}

.fa, .fab, .fad, .fal, .far, .fas {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
}

.goog-te-gadget-simple {
    background-color: transparent !important;
    border-left: none !important;
    border-top: none !important;
    border-bottom: none !important;
    border-right: none !important;
    font-size: 10pt;
    display: inline-block;
    padding-top: 1px;
    padding-bottom: 2px;
    cursor: pointer;
    zoom: 1;
}

#google_translate_element span.icon {
    color: white;
    font-size: 15px !important;
}

div.skiptranslate.goog-te-gadget {
    display: inline;
}

#google_translate_element a.goog-te-menu-value {
    font-family: 'Muli',sans-serif!important;
    font-size: 15px;
}

.goog-te-menu-value {
    text-decoration: none;
    color: #0000cc;
    white-space: nowrap;
    margin-left: 4px;
    margin-right: 4px;
}


.goog-te-gadget {
    font-family: arial;
    font-size: 11px;
    color: #666;
    white-space: nowrap;
}