/* -  General Styles - */

body {
    padding-bottom: 70px; /* removes bottom space on page */
}

.text-white {
    color: #fff;
}

.text-bold {
    font-weight: 700;
}

.hr-blue {
    border-top: 1px solid #79bce7;
}

.hr-blue-thick {
    border-top: 3px solid #79bce7;
}

.whtb {
	background-color:#fff;
	color:#222;
	border-left:#fff;
	border-right:#fff;
	border-top:#fff;
	border-bottom:3%; 
	}
  
/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Blue Button - */

.btn-blue {
    background-color: #3d85b3;
    color: #fff;
    font-weight: 600;
}

.btn-blue:focus {
    background-color: #306a90;
    color: #fff;
}

.btn-blue:active {
    background-color: #306a90;
    color: #fff;
}

.btn-blue:hover {
    background-color: #306a90;
    color: #fff;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Green Button - */ 

.btn-green {
    background-color: #136734;
    color: #fff;
    font-weight: 600;
}

.btn-green:focus {
    background-color: #136734;
    color: #fff;
}

.btn-green:active {
    background-color: #082f17;
    color: #fff;
}

.btn-green:hover {
    background-color: #082f17;
    color: #fff;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Button Border - */


/* - Blue Border - */

.btn-outline-blue {
    border: 2px solid #fff;
    background: #3d85b3;
    color: #fff;
}

.btn-outline-blue:active {
    border: 2px solid #fff;
    background: #3d85b3;
    color: #fff;
}

.btn-outline-blue:focus {
    border: 2px solid #fff;
    background: #3d85b3;
    color: #fff;
}

.btn-outline-blue:hover {
    border: 2px solid #fff;
    background: #306a90;
    color: #fff;
}


/* - Green Border - */

.btn-outline-green {
    border: 3px solid #fff;
    background: #136734;
    color: #fff;
    padding: 20px 0px
}

.btn-outline-green:active {
    background-color: #082f17;
    color: #fff;
}

.btn-outline-green:focus {
    background-color: #136734;
    color: #fff;
}

.btn-outline-green:hover {
    background-color: #082f17;
    color: #fff;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/



/* - Backgrounds - */

.bg-blue {
    background-color: #3d85b3;
}

.bg-green {
    background-color: #136734;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Adult Behavorial Health Service - */

#adult-bh {
    margin-bottom: 20px;
}

#behavorial-health-header {
    font-size: 29px; 
    margin-bottom: 5px; 
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Mental Health Services - */
/* Source: Adobe Kuler: https://color.adobe.com/Ocean-Blues-color-theme-10017335/?showPublished=true */

#mental-health {}

.bg-mental-health, .bg-substance-abuse, .bg-additional-info {
    background-color: #d4d4d4;
}

.hr-mental-health {
    border-top: 2px #055ED1 solid;
}

.list-style-mental-health, .list-style-substance-abuse, .list-style-additional-info {
    font-size: 18px; 
    padding: 15px 45px;
}

.list-style-mental-health > a {
    color: #000;
}

.list-style-mental-health > a:hover {
    text-decoration: none;
}

.list-style-mental-health:hover {
    color: #000;
    background-color: #fff;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Substance Abuse - */
/* Source: Adobe Kuler: https://color.adobe.com/Green-hills-color-theme-10122067/?showPublished=true */

.bg-substance-abuse {
    background-color: #d4d4d4;
}

#substance-abuse {}

.hr-mental-health {
    border-top: 2px #055ED1 solid;
}

.list-style-substance-abuse > a {
    color: #000;
}

.list-style-substance-abuse > a:hover {
    text-decoration: none;
}

.list-style-substance-abuse:hover {
    color: #000;
    background-color: #fff;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Additional Information - */

#additional-info {
    color: #fff;
}

.bg-additional-info {
    background-color: #333;
}

.list-style-additional-info > a {
    color: #fff;
}

.list-style-additional-info > a:hover {
    text-decoration: none;
}

.list-style-additional-info:hover {
    color: #000;
    background-color: #848484;
}

.hr-additional-info {
    border-top: 2px #fff solid;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Search bar - */

#search.row {
    margin-top: -20px;
    margin-bottom: 20px;
}

#search .input-group {
    padding: 20px;
    z-index: 0;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Site Navigation - */

#main-menu {
    background-color: #136734;
    border-radius: unset;
    margin-top: 5px; /* for version 1 and 2 */
}

#main-menu li a {
    color: #fff;
/*    padding: 15px;*/
    padding: 9px; /* for version 1 and 2 */
    font-size: 16px; /* for version 1 and 2 */
/*    font-size: 18px;*/
}

#main-menu li a:hover {
    color: #fff;
/*    background-color: #3d85b3; blue hover background */
    border-radius: 5px;
    text-decoration: underline;
}

.dropdown-menu {
    background-color: #136734;
}

.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
    text-decoration: underline;
    background-color: #136734;

}

.main {
    margin-top: -20px;
}

.navbar-brand {
    padding: 0px 15px;
}

.navbar-default {
    background-color: #136734;
    border-radius: unset;
    padding: 20px;
    border-color: #136734;
}

.navbar-default .navbar-nav > .active > a {
    background: #3d85b3;
    text-decoration: underline;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    background-color: #136734;  /* for version 3 */

}

.navbar-default .navbar-nav > .active > a:hover {
    text-decoration: underline;
}

.navbar-default .navbar-nav > li > a:hover {
    text-decoration: underline;
}

.navbar-default .navbar-toggle {
    border-color: #ddd;
    background: #3d85b3;
    color: #fff;
}

.navbar-default .navbar-toggle:focus {
    background-color: #306a90;
}

.navbar-default .navbar-toggle:hover {
    background-color: #306a90;
    color: #fff;
}

#sideNavToggle {
    margin-top: 0px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Slide-Out Side Navigation - */

 /* The side navigation menu */

.sidenav {
    height: 100%; /* 100% Full-height */
    width: 0; /* 0 width - change this with JavaScript */
    position: fixed; /* Stay in place */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    right: 0;
    background-color: #111; /* Black*/
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 60px; /* Place content 60px from the top */
    transition: 0.5s; /* 0.5 second transition effect to slide in the sidenav */
}

/* The navigation menu links */
/* replaced 07022018
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 15px;
    color: #818181;
    display: block;
    transition: 0.3s;
}*/
.sidenav a {
    padding: 0px 0px 0px 32px;
    text-decoration: none;
    font-size: 12px;
    color: #818181;
    display: block;
    transition: 0.3s;
}
/* When you mouse over the navigation links, change their color */

.sidenav a:hover {
    color: #f1f1f1;
}

/* - Close Button - */ 

#btn-side-menu {
    margin-bottom: 40px;
    border-radius: 0;
}

/* - Search Input - */

#side-menu-search {
    margin-left: 25px;
}

/* Style page content - use this if you want to push the page content to the right when you open the side navigation */

#main {
    transition: margin-left .5s;
    padding: 20px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
} 


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Image Slider - */

#carousel {
    background: #000;
margin: 0 auto;
	}

/*
.carousel-inner > .item > img {
  width: 640px;
  height: 360px;
}
*/


.carousel-inner img {
  margin: auto;
}

.carousel-caption {
    right: 20%;
    left: 20%;
    padding: 10px 10px 30px 10px;
    background: rgba(0,0,0,0.7);
    font-size: 16px;
	margin: 0 auto;

}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Call To Action Buttons - */

#bg-call-to-action {
    background: #292f33;
    padding: 40px 0px;
}

.btn-call-to-action {
    padding-top: 15px;
    background: #292f33;
    color: #fff;
}

.btn-call-to-action:hover {
    padding-top: 15px;
    background: #3d85b3;
    color: #fff;
}

.btn-call-to-action:focus {
    padding-top: 15px;
    background: #3d85b3;
    color: #fff;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Mission and Vision - */

#mission-vision {
    padding: 20px 0px;
}

#about-list > li > a {
    color: #000;
}

#about-list > li > a:visited {
    color: #1d1d1d;
}

#about-list > li > a:hover {
    color: #000;
    text-decoration: underline;
}

#add-info > li > a {
    color: #000;
}

#add-info > li > a:visited {
    color: #1d1d1d;
}


#add-info > li > a:hover {
    color: #000;
    text-decoration: underline;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - News and Press Releases on Home Page - */

#news-header {
    font-weight: 700;
}

.media {
    margin-top: 15px;
}

.media-heading a:hover {
    color: #fff;
    text-decoration: underline;
}

#news-press {
    padding: 20px 20px 40px 20px;
}

#btn-news-press {
    margin-top: 20px;
    border: 2px solid #fff;
    margin-bottom: 20px
}

#btn-news-press:focus {
    margin-top: 20px;
    border: 2px solid #fff;
    text-decoration: underline;
    color: #fff;
    background-color: #306a90;
}

#btn-news-press:hover {
    margin-top: 20px;
    border: 2px solid #fff;
    text-decoration: underline;
    color: #fff;
    background-color: #306a90;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - News and Press Releases Page - */

#news-page-header {
    padding: 30px;
    border-bottom: 2px solid #000;
}

.hr-white {
    border-top: 1px solid #eee;
}

.hr-news {
    border-top: 3px #000 solid;
}

#news-row {
    padding-top: 25px;
}

#news {
    background: #30699D;
    color: #fff;
    height: auto;
    padding: 20px 24px 55px 30px;
}

.btn-news {
    color: #30699D;
    border: 5px solid #30699D;
    border-radius: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.9px;
    float: right;
    margin-top: -45px;
    z-index: 1;
    transition: border .1s linear;
}

.btn-news:hover {
    border: 5px solid #000;
}

#press-row {
    margin-top: 35px;
    padding-bottom: 50px;
}

#press {
    background: #136734;
    color: #fff;
    height: auto;
    padding: 20px 24px 55px 30px;
}

.btn-press {
    color: #136734;
    border: 5px solid #136734;
    border-radius: 0;
    background: #fff;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.9px;
    float: right;
    margin-top: -45px;
    z-index: 1;
    transition: border .1s linear;
}

.btn-press:hover {
    border: 5px solid #000;
}

.pagination > .active-press > a {
     z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #136734;
    border-color: #136734;
}

.pagination > .active-press > a:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #136734;
    border-color: #136734;
}

#heading-latest-news, #heading-press-releases {
    font-weight: 700;
}

.news-content {
    font-size: 18px;
}

.article-count {
    font-size: 72px;
    font-weight: 700;
    line-height: 1.5;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Internal Sub Navigation (List Group) - */

#subMenuHeader {
    background: #000 !important; 
    color: #fff; 
    font-size: 15px; 
    font-weight: bold; 
    border: solid 1px #000; 
    text-align: center;
}

.list-group > a.list-group-item {
    color: #fff;
/*    background: #343A40 !important;*/
    background: #596571 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    text-align: center !important;
}

.list-group > a.list-group-item.active {
  	color: #fff !important;
    background-color: #306a90 !important;
	z-index:1 !important;
}

.list-group > a.list-group-item:focus {
  	color: #ddd;
    text-decoration: none;
    background-color: #343A40 !important;
}
  
.list-group > a.list-group-item:hover {
  	color: #fff;
    text-decoration: none;
    background-color: #306a90 !important;
}

.list-group > .list-group-item:first-child {
    margin-bottom: 0;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
}

.list-group > .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Behavioral Health Advisory Council - */

.left-border {
    border-left: 2px solid #79bce7;
}

.padding-left {
    padding-left: 10px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/*  - Blog Post - No Image - */

#author-info {
   margin-bottom: 20px; 
}

#blog-title {
    margin-left: 14px;
    margin-bottom: 30px;
}

#blog-content {
    margin-bottom: 30px; 
}

.btn-dark {
    background: #292f33;
    color: #fff;
}

.btn-dark:focus {
    background: #292f33;
    color: #fff;
}

.btn-dark:hover {
    background: #414141;
    color: #fff;
    text-decoration: underline;
}

#preview-title {
    padding-bottom: 20px;
}

#blog-hr {
    border-top: 2px solid #333;
}

.panel-title {
    color: #000;
}

.panel-blue {
    border-color: #337ab7;   
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Blog Post With Single Image - */

#blog-content > img {
    margin: 20px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Blog Post With Full-Width Image - */

.img-full-width {
    width: 100%; 
    min-height: 200px;
    padding-bottom: 20px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Green Bar - */

#green-bar {
    padding: 20px;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Footer - */

#footer {
    border-radius: unset;
    position: absolute;
	color:#fff;
}

#footer > .col-md-3 {
    margin-top: 20px;
}

#footer > .navbar {
    margin-bottom: 0px;
}

#footer-logo {
    max-height: 45px;
    margin: 15px 10px 5px 10px;
}

.footer-media-heading {
    margin-top: 0;
    margin-bottom: 5px;
    margin-top: 15px;
    color: #fff;
    font-weight: 600;
}

#central-office, #mailing-address {
   color: #fff; 
}

#contact-numbers {
    margin-top: 15px;
    color: #fff;
}

#additional-links {
    margin-top: 10px;
    color: #fff;
}

#additional-links a {
    color: #fff;
}

#additonal-links a:hover {
    text-decoration: underline;
}

#footer-social {
    color: #fff;
}

#footer-social a {
    color: #fff;
}

#footer-social a:hover {
    text-decoration: underline;
}

#delta, #eVa, #employment {
    margin: 0 auto;
    padding: 15px 5px;
}

#eVa {
    max-width: 180px;
}

#employment {
    max-width: 270px;
}

#google-map {
    margin-top: 15px;
    width: 100%;
}


/*------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------*/


/* - Media Queries - */

@media(min-width: 1200px) {
    
    .btn-blue {
        background-color: #3d85b3;
        color: #fff;
        font-weight: 600;
    }
}

@media(max-width: 768px) {
    
    #contact-numbers, #additional-links, #footer-social {
        margin-left: 80px;
    }
    
    #news, #press {
        margin-bottom: 20px;
    }
    
    .pagination {
        margin: 20px 30px 20px 15px;
    }
    
    .article-img {
        display: none;
    }
    
    .collapse.in {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
/*
    #search {
        padding: 20px;
        margin-top: -20px;
    }
*/
    
    #main-menu li a {
        color: #fff;
        padding: 10px;
        font-size: 18px;
    }
  
}

@media(max-width: 640px) {
    .carousel-inner > .item > img {
      width: 100%;
      height: auto;
    }
}

@media(max-width: 480px) {
    
    #main-menu li a {
        color: #fff;
        padding: 10px;
        font-size: 18px;
    }

    .collapse.in {
        display: block;
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .pagination {
        margin: 20px 30px 20px 40px;
    }

    .carousel-caption > p{
        display: none;
    }

/*
    #search {
        padding: 20px;
        margin-top: -20px;
    } 
*/
    
}

@media(max-width: 320px){
    
    .navbar-brand > img {
        max-width: 190px;
    }
    
    .collapse.in {
        margin-top: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
    }
    
    #main-menu li a {
        padding: 10px;
    }
    
     #news, #press {
        margin-bottom: 20px;
    }
    
    .article-img {
        display: none;
    }
    
    .pagination {
        margin: 20px 30px 20px 60px;
    }
    
    #search {
        padding: 20px;
        margin-top: -20px;
    }
    
}

@media(max-width: 230px) {
     #contact-numbers, #additional-links, #footer-social {
        margin-left: 80px;
    }
      
/*
    #search {
        padding: 20px;
        margin-top: -20px;
    }
*/
    
   /* 05292018
   .carousel-caption > p{
        display: none;
    }
    */
    .carousel-caption > h3 {
        font-size: 18px;
        font-weight: 600;
    }
    
    #adult-bh, #mental-health, #substance-abuse, #additional-info {
        padding-top: 5px;
        padding-bottom: 5px; /* Not the best way to do this but it works. */
    }
}