@charset "utf-8";
/*****************************************/
/* Customize base styles for             */
/* COLB Department of Health Pages       */
/*****************************************/
/* Warning: changing attributes like:    */
/* width, height, float, position,       */
/* margin, etc                           */
/* will effect the responsive layout     */
/* and may break the appearance on       */
/* mobile or tablet devices.             */
/*****************************************/
/* Font-Weight Guide:                    */
/* Don't use 'bold'                      */
/* font-weight: 200; <-- Thin            */
/* font-weight: 300; <-- Light           */
/* font-weight: 400; <-- Normal          */
/* font-weight: 500; <-- Medium          */
/* font-weight: 600; <-- Semi-Bold       */
/* font-weight: 700; <-- Bold            */
/*****************************************/

html {
    background: #326378;
    background: url('/uploadedImages/Common_Content/Media_Library/Dept_Hero_Images/hhs.jpg') no-repeat fixed center center \9;
    background-size: cover \9;
}
body {
	background: none;
}

@media all and (min-width: 768px) { 
    html {
        background: url('/uploadedImages/Common_Content/Media_Library/Dept_Hero_Images/hhs.jpg') no-repeat fixed center center;
        background-size: cover;
    }
}

.dept-content .main-content .content-inner h2 + h3 {
	padding-top: 15px;
}

.dept-content .main-content .content-inner h2, .dept-content .main-content .content-inner h2 a,
.dept-content .main-content .content-inner h3, .dept-content .main-content .content-inner h3 a,
.dept-content .main-content .content-inner h5, .dept-content .main-content .content-inner h5 a {
	color: #335d9d;
	background-color: transparent;
}

.dept-content .main-content .content-inner h2 {
	margin-top: 5px;
	margin-bottom: 15px;
}

.dept-content .main-content .content-inner h5 {
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}

.dept-content .main-content .content-inner h2:first-child{
	margin-bottom: 15px;
}
.dept-content .main-content .content-inner h4, .dept-content .main-content .content-inner h4 a {
	color: #5d7695;
	text-transform: none;
	line-height: 1.4;
}
.dept-branding img {
    margin-top: 18px;
    width: 107px;
}
.main-content a {
	color: #D14427;
}
.main-content a:hover {
	background-color: #D14427!important;
	color: whitesmoke!important;
}
.dept-right-col {
    background: #1B6984;
    background-color: rgba(0, 91, 127, 0.875)!important;
    color:#fff;
}

/***********************************************************************/
/************************ DEPARTMENT LEVEL MENU ************************/
/************************** BORDERS AND COLORS *************************/
#dept-nav > ul > li > a {
    color: #fff;
    border-left: 1px solid #D24629;
}
#dept-nav > ul > li.lastItem a {
    border-right: 1px solid #D24629;
}


/********************** BACKGROUND OF ENTIRE MENU **********************/
.dept-menu-wrap {
    background-color: #D25E47;
}

/****** UL LI AND ANCHOR TAGS INVOLVED IN THE SYTLING OF THE MENU ******/
#dept-nav > ul > li:hover > a, #dept-nav .fw-hovered {
    background: #9C4433!important;
}
#dept-nav .fw-hovered, #dept-nav .top-nav-mega-full-width {
    background: #9C4433;
}




/********************* DEPARTMENTAL BODY BUTTONS *********************/
.dept-content .main-content a.lrg-button-grey {
    color: whitesmoke!important;
    background-color: #0f5d7e!important;
    margin-top:2px;
}
.dept-content .main-content a.lrg-button-grey:hover {
    color: whitesmoke!important;
    background-color: #16769E!important;
}

/************* STYLES RELATED TO TEXT WITHIN THE SIDEBAR *************/
.dept-content .dept-right-col .sidebar-content {
  padding: 28px 0 28px 28px;
}
.dept-content .dept-right-col .sidebar-content p {
	padding-right: 28px;
}
.main-content .right-col-inner h4 {
    font-weight: 300;
    font-size: 18px;
    margin-left: 0;
    color: #99b1d0;
}
.main-content .right-col-inner h3 {
    color: #89c8a9;
    background-color: #176F8E;
    padding: 10px 0px 10px 5px;
}
.main-content .right-col-inner #the-sidebar h3 {
    color: #78e9fb;
    background-color: transparent;
	padding-top: 20px;
	margin-top: 0px;
}
.main-content .dept-content .dept-right-col h4 {
	color: whitesmoke;
}
.main-content .right-col-inner h5 { 
    color: #D75337; 
    font-size: 21px; 
    font-weight: 300;
}
.main-content .right-col-inner #the-sidebar p {
	color: whitesmoke;
}
.dept-content .main-content .right-col-inner a { color: #DCD592;}
.dept-content .main-content .right-col-inner a:hover {background-color: transparent!important;color:#fff!important;text-decoration: underline!important;}

#dept-nav .top-nav-mega-full-width h3, #dept-nav .top-nav-mega-full-width .col-md-4 > a {
	color: #fff;
}
.top-nav-mega-full-width a:hover {
    text-decoration: none;
}
.main-content .right-col-inner #the-sidebar .facility-list p {
	font-size: 12px;
	color: ghostwhite;
	font-weight: 100;
}
.main-content .right-col-inner #the-sidebar .facility-list h4 {
	color: #95f2bf;

}
.facility-list {
	margin: -6px 0px;
	border-top: 1px solid ghostwhite;
	padding: 23px 0px;
	border-bottom: 1px solid ghostwhite;
    padding-right: 28px;
}
.wnv-links-container {
    padding-left: 10px;
    padding-right: 5px;
}

.main-content .right-col-inner .housing-link, .main-content .right-col-inner .medical-link, .main-content .right-col-inner .livewell-link, .main-content .right-col-inner .everyonehome-link, .main-content .right-col-inner .cha-link,.main-content .right-col-inner .eh-link {
    display: block;
    padding:41px;
    background: url(/globalassets/health/media-library/images/housing-authority.png) no-repeat 10px 7px #f9f8eb;
    margin-bottom:6px;
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px;
}
.main-content .right-col-inner .medical-link {
    background: url(/uploadedImages/Pages/Departments/Health/Media_Library/Images/medi-cal.png) no-repeat 5px 0 #f9f8eb;
    padding:21px;
    margin-bottom: 6px;
}
.main-content .right-col-inner .livewell-link {
    background: url(/uploadedImages/Pages/Departments/Health/Media_Library/Images/Home/live_well.png) no-repeat 20px 14px #f9f8eb;
    padding:21px;
}
.main-content .right-col-inner .everyonehome-link {
	 background: url(/globalassets/health/media-library/images/everyonehome.png) no-repeat 10px 3px #f9f8eb;
	 background-size: 210px;
	 margin-bottom: 6px;
}

.main-content .right-col-inner .cha-link {
	 background: url(/globalassets/health/media-library/images/community-health-assessment.png) no-repeat 10px 7px #f9f8eb;
	 background-size: 210px;
}

.main-content .right-col-inner .eh-link {
    background: url(/globalassets/health/media-library/images/home/eh-graphic.png) no-repeat 0px 0px #f9f8eb;
    background-size: 210px;
    margin-bottom: 28px;
}
.dept-content  .main-content .right-col-inner .housing-link:hover, .dept-content  .main-content .right-col-inner .medical-link:hover, .dept-content .main-content .right-col-inner .livewell-link:hover, .dept-content .main-content .right-col-inner .everyonehome-link:hover,.dept-content .main-content .right-col-inner .cha-link:hover, .dept-content .main-content .right-col-inner .eh-link:hover {
    background-color:#f6f3d6 !important;
}
.dept-content .dept-right-col .social-fb,
dept-content .dept-right-col .social-fb:hover,
.dept-content .dept-right-col .social-tt, 
.dept-content .dept-right-col .social-yt {
background:url(/uploadedImages/Pages/Departments/Animal_Care_Services/Development_Assests/social-icons.png) no-repeat 0 -13px !important;
    width:24px;
    height:24px;
    display:block;
    padding:0 !important;
    margin-left:11px;
    margin-right:7px;
    float: left;
    margin-top:8px !important;
}
.dept-content .dept-right-col .social-tt, .dept-content .dept-right-col .social-tt:hover {
    background-position: -48px -13px !important; 
}
.dept-content .dept-right-col .social-yt, dept-content .dept-right-col .social-yt:hover  {
    background-position: -96px -13px !important; 
}
.dept-content .dept-right-col .update-block {
    height: 58px;
}
.dept-content .dept-right-col .update-block > * {
	padding-right: 0px;
}
#the-sidebar .large-link {
    color: #fff;
	background: #16769E;
    display: block;
    font-size: 14px;
    margin-top: 6px;
	margin-bottom: 12px;
    padding: 8px 12px 9px;
    text-decoration: none;
    text-transform: uppercase;
}
#the-sidebar .large-link:hover {
	background: #16769E !important;
}
.dept-content .dept-right-col p {
	margin-top: 12px;
	line-height: 1.35;
}
.facility-list a, .facility-list a:hover {
	text-decoration: none;
}
.main-content .right-col-inner h1, .main-content .right-col-inner h2, .main-content .right-col-inner h3, .main-content .right-col-inner h4, .main-content .right-col-inner h5 {
	color: #78e9fb;
	background-color: transparent;
	margin-top: 18px;
	margin-bottom: 10px;
	padding: 0px;
}

/* SIDEBAR ANNOUNCEMENTS */
.dept-content .dept-right-col .dept-announcement {
	background:#3F7E97; /* fall back */
	background: rgba(0, 0, 0, 0.3);
	border-color:#3F3E4B; /* fall back */
	border-color:1px solid transparent; 
    padding: 28px 28px 28px 28px;
}
.dept-content .dept-right-col .dept-announcement h3.announce-h3 {
    color: #DCD592;
	background-color: transparent;
	font-weight: 600;
	padding-left: 0px;
}
.dept-content .dept-right-col .dept-announcement p.announce-p {
    color: #fff;
}
.dept-content .dept-right-col .dept-announcement a {
    color:#dcd592;
}

/* SIDEBAR EVENTS */

.dept-content .dept-right-col .side-events .event-summary {
	padding-right: 28px;
}
	
/* Responsive Styles */
@media all and (max-width: 959px) {
    .main-content-wrap.dept-content {
        margin-bottom: 0;
        margin-top: 0;
    }
}
@media all and (max-width: 768px) {
    html {
        background: #fff;
    }
    #dept-nav {
        width: 100% !important;
        max-width: 100% !important;
    }
    #dept-nav > ul > li {
        background: #9c4433;
        border-top: 1px solid #D25E47;
    }
    #dept-nav > ul > li a {
        color: #fff !important;
	   border: 0;
    }
    #dept-nav .top-nav-mega-full-width {
        background-color: #D25E47!important;
    }
    #dept-nav > ul > .top-nav-mega-full-width, #dept-nav > ul > li + .top-nav-mega-full-width {
        padding-left: 24px !important;
        left: 0 !important; 
    }
    #dept-nav > ul > li > a: hover, #dept-nav > ul > li > a: active, #dept-nav > ul > li > a.fw-hovered {
        color: #fff !important;
        background: #D24629 !important;
        border-top: 1px solid #D25E47;
    }
    .dept-breadcrumbs {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1.5;
        padding-right: 24px;
    }
    #dept-nav > ul > .top-nav-mega-full-width .col-md-4 {
        padding-top: 14px;
        max-width: 100% !important;
        width: 100% !important;
    }
.main-content img {
		float: none;
		display: block;
		margin-right: 0px !important;
		margin-left: 0px !important;
	}
}
@media all and (max-width: 599px) {
    .dept-branding img {
        margin: 17px 6% 0;
        max-width: none;
        width: 85px;
    }
    .dept-branding h1 {
        margin-top:25px;
    }
    #dept-nav > ul > .top-nav-mega-full-width .col-md-4 {
        width: 100%;
    }
    .top-nav-mega-full-width h3, .top-nav-mega-full-width h3 a {
        margin-left: 0;
    }
    .top-nav-mega-full-width ul, .top-nav-mega-full-width ol {
        margin-left: 0;
    }

}

/*Trumba Calendar Styles*/
.flex-container-cal {
  width:100%;
background: #ffffff;
}

.maincol {
flex: 4;


  padding: 20px;
}
.filters {
flex: 1;
padding: 20px 20px 0px;
background-color: #ffffff;
margin: 0px 0px;
}

.maincalendar {
width: 100%;
border-top: 1px solid #ddd;
  padding: 0px;
}

.panel-group .panel-heading + .panel-collapse .panel-body {
padding: 15px 0px;
}
.panel-default > .panel-heading {
background-color: #ffffff;
padding: 10px 0px;
}

h3.panel-title {
font-size: 20px;
margin-top:0 !important;
margin-bottom:0 !important;
}

h3.panel-title a {
	background: transparent !important;
	text-transform:;
	color:;
	font-size:;
}

h3.panel-title a:hover {
	text-decoration: underline !important;
}

.collapsing{-webkit-transition:height .0s;}

@media screen and (max-width: 700px) {
  .flex-container{   
    flex-direction: column;
  }
}

@media screen and (min-width: 700px) {
#filter {
width:37%;
float:left;
margin-right:20px;
}
#eventtype {
width:37%;
float:left;
margin-right:20px;
margin-top:10px;
clear:both;
}
#calendarsearch {
float:left;
margin-top:10px;
}
#location {
float:left;
margin-top:0px;
}
}