@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,400i,700');

/*
Theme Name: OPHP by SLD
Author: SLD
Author URI: 
Description: Child theme for OPHP
Template: hic_state_template_parent
Version: 1
*/

@import url("../hic_state_template_parent/style.css");


/**********************************************************************
=COMMON
**********************************************************************/

:root {
	--shiraz: #B00B30;
	--burgundy: #7F0019;
	--crusta: #FF8537;
}



body {font-family: 'Open Sans', sans-serif; font-weight: 400; color: #000;}
#scheme_color_green #header h1.title a {color: var(--shiraz);}
p, ol, ul, dl, address, div.post {font-family: 'Open Sans', sans-serif;}
b, strong {font-weight: 700;}

tbody tr {	background-color: transparent;}

#main .padded_container {	padding: 40px;}

#scheme_color_green #page h1,
#scheme_color_green #page h1 a,
#scheme_color_green #page h2,
#scheme_color_green #page h2 a  {
}

.scheme_bg_green, #navigation .scheme_bg_green .children, .scheme_bg_green .children a {	background-color: var(--shiraz);}

h4#section_subtitle {
	font-size: 1.2em;
	font-weight: 400;
	color: #fff;
	border-top: dotted 1px #fff;
	padding-top: 5px;
	margin-top: 10px;
	display: inline-block;
}

#scheme_color_green #page a, #scheme_color_green #page a:hover, #scheme_color_green #page a:visited {color: #000000;}

#scheme_color_green #page h2.disease_section_title a,  #scheme_color_green #page h2.advisory_section_title a {text-decoration: none;}
#scheme_color_green #page h2.disease_section_title a:hover, #scheme_color_green #page h2.advisory_section_title a:hover {color: inherit;}

.leftsidebar_column #sidebar .menu {margin-top: 20px;}

#scheme_color_green #sidebar .widgettitle {
    text-transform: inherit;
    font-weight: 600;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.3em 0;
    line-height: 120%;
}

a:visited {color: #000000;text-decoration: none;}

.scheme_text_green, #scheme_color_green #sidebar .widgettitle, #scheme_color_green .home_top_widget .widgettitle, #scheme_color_green .home_bottom_widget .widgettitle {
    color: rgba(53, 53, 53, 0.5803921568627451);
}

.primary-content H3 {text-transform: inherit; font-weight: 400; margin-bottom: 1em;}
.primary-content H4 {margin-top: 2.5em; margin-bottom: 1em; text-transform: uppercase; font-size: 1.1em;}
.primary-content H5 {font-size: 1.1em; font-weight: 600; margin-bottom: 0.2em; border-bottom:  none;}
.primary-content H6 {font-size: 90%;}
h6 {font-weight: 300;}

.primary-content H3.post_listing {margin: 0 0 0.2em 0;padding: 0;}

#page .primary-content ul li, #page .inner-main-full ul li {list-style-type: square; line-height: 1.3em;}

.primary-content ul {
    margin-bottom: 1.8em;
    margin-top: 1em;
}

#page, #footer, .statewide-banner {max-width: 1280px;}

#main .primary-content img, .inner-main .primary-content img {
    padding: 0;
    background: none;
    border: none;
    -webkit-box-shadow: none;
}

#main .primary-content img.post_feat_image {
	width: 30%;
	float: left;
	margin: 0 20px 20px 0;
}

.wp-caption {
    border: none;
    background-color: transparent;
    padding-top: 0;
    margin-bottom: 12px;
}

.wp-caption p.wp-caption-text {
    font-size: 12px;
    line-height: 110%;
    padding: 3px 5px;
}

#scheme_color_green #page .button_link a::after {
	  background: url('images/arrow-circular-red.png') no-repeat center;
	  content: '';
	  width: 31px;
	  height: 28px;
	  display: block;
	  position: relative;
	  float: right;
	  top: -3px;
	  right: -20px;
}


/**********************************************************************
=custom elements
**********************************************************************/

#scheme_color_green #search-submit, #scheme_color_green #sidebar #searchform input[type="submit"], #scheme_color_green #header_search button, #scheme_color_green #main_search button {
	background-color: var(--burgundy) !important;
}
#scheme_color_green #header_search button:hover {background-color: var(--crusta) !important;}

.front-social-contact-widget img {	width: 30px;}
.front-social-contact-widget table {	margin: 10px 0 12px 0;}
.front-social-contact-widget table td {	text-align: left;}

#scheme_color_green #page a#button-1.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Hurricane.png');}
#scheme_color_green #page a:hover#button-1.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Hurricane-rollover.png');}

#scheme_color_green #page a#button-2.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Volcanic.png');}
#scheme_color_green #page a:hover#button-2.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Volcanic-rollover.png');}

#scheme_color_green #page a#button-3.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-EmergencyKit.png');}
#scheme_color_green #page a:hover#button-3.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-EmergencyKit-rollover.png');}

#scheme_color_green #page a#button-4.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Preparedness.png');}
#scheme_color_green #page a:hover#button-4.front_bg_buttons {
background-image: url('/wp-content/themes/hic_state_template_child-OPHP/images/icon-Preparedness-rolloer.png');}


/**********************************************************************
=HEADER
**********************************************************************/

#header {	z-index: 500;}
#header h1.title a { font-size: 1.5em; }
.the_banner {height: 240px; background-color: #6c6c6c;}
.the_banner-b {height: 160px; background: #6c6c6c url('/docd/files/2017/02/banner_bkgr-pattern.jpg') no-repeat left top / cover;}


/**********************************************************************
=NAV
**********************************************************************/


#navigation ul li.link_float_right {float: right; background-color: var(--burgundy);}
#scheme_color_green #page #navigation ul li.link_float_right a {font-size: 90%;}

#navigation .children li, #navigation .sub-menu li {border-bottom: 1px solid rgba(255, 255, 255, 0.32);}

#scheme_color_green #navigation .children li, #scheme_color_green #navigation .children li a, #scheme_color_green #navigation .sub-menu, #scheme_color_green #home_top_widgets .home_top_widget .date {
	background: rgb(93, 93, 93);
}

#navigation ul li a {font-weight: 300; display: block;}
#navigation ul li.current_page_item > a, 
#navigation ul li.current_page_ancestor > a, 
#scheme_color_green #navigation ul li.current_page_parent > a {background-color: var(--burgundy) !important;}
#scheme_color_green #header #navigation .menu-docd-container #menu-docd li a:hover {
	background-color: var(--burgundy) !important;}
#scheme_color_green #navigation ul li a:hover {	background-color: var(--crusta) !important;}

#navigation div > ul > li > .children, #navigation div > ul > li > .sub-menu {	border-top: none;}
#navigation .children li, #navigation .sub-menu li:last-child {	border-bottom: none;}

.secondary_navmenu {
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.44);
	color: #fff;
	position: absolute;
	z-index: 300;
	line-height: 100%;
	display: block;
}

.secondary_navmenu ul {margin: 0; padding: 0;}
#main .secondary_navmenu ul li {
list-style: none;
margin: 0 13px 0 0;
padding: 0; 
float: left;
position: relative;
}
#scheme_color_green #page .secondary_navmenu a {
	color: #fff; font-size: 90%;
}

#scheme_color_green #page .dcjq-accordion ul li.current_page_item a {color: #0000004D;}

.link-healthcare_prov a, .link-advisories a {padding: 1px 8px;border-radius: 4px;}
.link-healthcare_prov a {background-color: rgb(34, 115, 149);}
.link-advisories a {background-color: #FF8537;}


/**********************************************************************
=SIDEBAR
**********************************************************************/

#sidebar h3 {padding: 0 0 1em 0; font-size: 1.2em; font-weight: 400;}
#sidebar ul {padding: 0; margin:0;}

#sidebar .dcjq-accordion ul.leftmenu { padding: 20px 0 0 0;}
#sidebar ul li ul.sub-menu li.menu-item {
margin: 0.8em 0 0em 30px;
line-height: 110%; list-style: outside square !important;
}
#sidebar ul li { padding: 0;}
#scheme_color_green #page .dcjq-accordion ul li a {	color: #000;}
#scheme_color_green #page .dcjq-accordion ul li a:hover {	color: #7B7D83; text-decoration: none;}
#scheme_color_green #page .dcjq-accordion ul li a.dcjq-parent.active {font-weight: 700; display: block;}
#scheme_color_green #page .dcjq-accordion ul li.current_page_item a {color: #0006;}

.dcjq-accordion ul a.dcjq-parent::before, dcjq-accordion ul a.dcjq-parent.active::before {
	font-family: 'FontAwesome'; font-size: 10px;}
.dcjq-accordion ul a.dcjq-parent::before {content: "\f061" !important; margin-right: 4px;}
.dcjq-accordion ul a.dcjq-parent.active::before {content: "\f063" !important;}

.sidebar_left_widget .textwidget {font-size: 90%;}


#wrap .sidebar-btns ul {list-style: none; margin: 0; padding: 0; width: 100%;}
#wrap .sidebar-btns ul li {list-style: none; margin: 0; padding: 1.4em 0 1.4em 1em; border-bottom: 1px solid rgba(255,255,255,.5); display: block;}
#wrap .sidebar-btns ul li a {color: #fff !important;}
#wrap .sidebar-btns ul li:hover {background: rgba(0,0,0,.1);}

#wrap .sidebar-btns ul li img {margin: 0 .5em 0 0; vertical-align: middle;}

.sidebar-btns {
    background: #4D76A4;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,.4);
    font-size: 1.1em;
    margin: 0; padding: 0;
}

#sidebar ul li {
    margin: 0 0 0.6em 0;
    line-height: 1.3em;
    list-style-type: none;
    font-size: 13px;
}
#sidebar .sidebar_widget {border: none; padding: 0 0 0.2em 0; margin: 1em 0 0.5em 0; width: inherit;}

.right_col_widgets {float: right; width: 190px; margin: 0 0 0 20px;}


.sidebar-btns img {
background: none !important;
padding: 0em !important;
border: 0px solid rgba(0, 0, 0, .1) !important;
}
.sidebar-btns ul li:hover {background: #456a93; background: rgba(0,0,0,.1);}

.sidebar_box {width: 190px; float: right; margin: 0 0 10px 20px;}
.sidebar_box img {display: block; margin: 0;}
.sidebar_box p {	margin: 0; padding: 0;}
.sidebar_box .textarea {	padding: 12px;	font-size: 90%; color: #fff; background-color: #237698;}
.sidebar_box .textarea p {margin: 0; font-weight: 300;}
#scheme_color_green #page .sidebar_box .textarea a {color: #fff; text-decoration: underline;}

.button-takeaction {
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 2px 2px #0009;
  -moz-box-shadow: 0px 2px 2px #0009;
  box-shadow: 0px 2px 2px #0009;
  padding: 6px 30px 6px 12px;
  text-decoration: none;
  background-color: #BE452D;
  display: block;
  margin: 0 0 10px 0;
}

.button-takeaction:hover {  background: #941400; text-decoration: none;}
#scheme_color_green #page .button_link a {
text-decoration: none; 
color: #fff; 
text-transform: uppercase; 
letter-spacing: 0.2em;
font-size: 13px;
line-height: 100%;
}

.home_sidebar .widgettitle, .front_featured_posts h4 { 
color: rgb(255, 127, 19); margin: 0 0 1em 0; line-height:1; text-transform: uppercase; font-weight: 400;}
.home_sidebar .post-date {color: #F27219; display: block; font-size: 80%;}

.front_slider button {
	background-color: rgba(0, 0, 0, 0.34);
	border: 1px rgba(255, 255, 255, 0.66) solid;
	color: #fff;
	padding: 5px 12px 8px 12px;
	font-size: 90%;
	line-height: 1;
	margin: 0 16px;
}

.front_featured_posts
 {padding: 28px 10px 22px 20px; background-color: #505155; max-width: 348px; margin: 0 0 50px 0;}
.front_featured_posts ul {margin: 0; padding: 0;}

#main .front_featured_posts ul li {color: rgba(255, 255, 255, 0.53); list-style: none; line-height: 1.2;}
.front_featured_posts ul li span {	color: rgb(255, 127, 19);	font-size: 80%;}

.front_featured_posts hr {	margin: 1.7em 0;	border-top: dotted 1px gray;}

#scheme_color_green #page .front_featured_posts a {color: #fff; font-size: 0.9em;}
 
 #sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg {background: transparent;}


/**********************************************************************
=FOOTER
**********************************************************************/

#footer a {text-shadow: none;}



/**********************************************************************
=SLIDER
**********************************************************************/

#featured_slider {	margin-bottom: 0;}
.front_slider .nivoSlider {	margin-bottom: 0 !important;}

.front_slider .nivo-caption {
	background: none;
	top: 50%;
	left: 5%;
	max-width: 650px;
	display: inline-flex;
	position: absolute;
}
#featured_slider .nivo-caption a {font-size: 3em; line-height: 100%; text-transform: inherit; display: block;}
#featured_slider .nivo-caption a:hover {text-decoration: none;}
#featured_slider .nivo-caption a #slider_subheader {	font-size: 40%; border-top: 1px dashed #fff; padding-top: 7px; margin-top: 18px;}


/**********************************************************************
=PAGE LAYOUT
**********************************************************************/

.inner_content_wrapper {padding: 40px 50px; background: url('images/backgr-orange.jpg') no-repeat #fff left top / 100%;
}

.front_content {
margin-bottom: 1em;
margin-right: 4%;
width: 62%;
clear: none;
display: inline;
float: left;
overflow: hidden;
padding: 0;
position: relative;
}

.nine-col-custom {
	clear: none;
	display: inline;
	float: left;
	margin: 20px 30px 22px 2.5%;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.leftsidebar_column {
clear: none;
display: inline;
float: left;
padding: 30px 1% 20px 25px;
margin: 0;
overflow: hidden;;
position: relative;
}

.flex_container {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

/* Misc */

a.gotop_link {font-size: 0.7em; color: #c5c5c5 !important; margin-left: 2em;}
a.gotop_link:visited {color: #c5c5c5 !important;}

.banner_text {position: relative;	top: 30%;	left: 3%;}
.banner_text-b {position: relative;	top: 35%;	left: 3%;}

.the_banner h1, .the_banner-b h1 {
	text-transform: none;
	font-weight: 400;
	color: #fff;
	font-size: 3em;
	max-width: 600px;
	line-height: 100%;
}

.the_banner h1, .the_banner-b h1 {
	text-transform: none;
	font-weight: 400;
	color: #fff;
	font-size: 2.5em;
	line-height: 100%;
}

.front_content .pagetitle h2 {line-height: 130%; margin-bottom: 0.5em;}

#middle_wrapper .pagetitle {	border-bottom: none; margin-bottom: 1em;}

.pagetitle h2 {padding: 1.5em 0 0 1.5em; text-transform: initial;	font-weight: 700; line-height: 120%; margin-bottom: 0.2em; font-size: 1.8em;}

h2.disease_section_title, h2.advisory_section_title {
text-transform: inherit;
font-weight: 600;
font-size: 1.2em;
line-height: 120%;
margin: 1em 0 0.6em 0;
display: inline-block;
padding: 0.5em 0.7em 0 0;
}

.disease_content, .advisory_content {margin: 0 0 2em 0;}

#page .primary-content .newslistings ul {margin: 0; padding: 0;}
#page .primary-content .newslistings li { 
list-style: none;
margin: 0 0 1em 0;
padding: 0;
line-height: 150%;
}
.newslistings ul li span {display: block; font-size: 80%;}
#scheme_color_green #page .newslistings a {font-size: 1.2em; text-decoration: none;}

.last_updated_on {
	background-color: #fff;
	padding: 8px 12px;
	display: inline-block;
	color: #ec7100;
	text-transform: uppercase;
	font-size: 0.8em;
	border-radius: 8px;
	border: 1px solid #ec710040;
}

#main .primary-content .quick_link_module img {
	max-width: 150px;
	padding: 0;
	background: transparent;
	border: none;
	-webkit-box-shadow: none;
}

.disease-alphabetical_list h2, .disease-types h2 {
	font-size: 2em;
	line-height: 140%;
	font-weight: 700;
}
#page .primary-content .disease-alphabetical_list ul,
#page .primary-content .disease-types ul
 {margin: 0.2em 0 2.5em 0;padding: 0;}
#page .primary-content .disease-alphabetical_list ul li,
#page .primary-content .disease-types ul li
 {
	list-style: none;
	padding: 0;
	margin: 0 0 0.7em 0;
	line-height: 110%;
}
#scheme_color_green #page .disease-alphabetical_list ul li a,
#scheme_color_green #page .disease-types ul li a
 {}

.disease-alphabetical_list {	display: inline-block;}

.anchor_links .links_column {float: left;}
.anchor_links ul {margin: 0; padding: 0;}

#page .primary-content .anchor_links li {
list-style: none; 
margin: 0 0 1em 0; 
padding: 0 70px 0 0; 
border-top: 1px solid rgba(86, 86, 86, 0.29);
width: 180px;
}

#scheme_color_green #page .anchor_links a {text-decoration: none;}

.gform_confirmation_message {
	font-size: 120%;
	padding: 20px;
	border: 2px solid #7C9E77;
	background-color: #b9eff6;
	margin: 60px 0;
}

#page .primary-content .gform_wrapper {margin: 1em 0 3em 0;}

.front_bg_buttons {width: 150px; height: 150px;}


.quick_link_module {
float: left; 
display: block; 
background-image: url('images/vertical-divide.png'); 
background-position: 74px 0px;
background-repeat: no-repeat;
margin: 3px;
width: 120px;
}
div .quick_link_module:last-child {
	background-image: none;
}
.quick_link_module h4 {	line-height: 125%; margin: 0; padding: 0; text-transform: uppercase; font-size: 90%;}
.quick_link_module table {    margin-bottom: 0;    font-size: inherit;}
.quick_link_module tbody tr {    background-color: transparent;}
.quick_link_module table th, table td {    border: none; padding: 0; text-align: center;}
.quick_link_module span.thinfont {font-weight: 300;}

.quick_link_module a.front_bg_buttons {
	width: 80px;
	height: 80px;
	display: block;
	margin: 6px auto;
}

.quick_link_module a.front_bg_buttons, .quick_link_module a.front_bg_buttons:hover {	background-size: 100%;}

.home_sidebar table th, table td { text-align: center;}

.postmeta {font-size: 80%; color: #709862;}

.gallery-caption {margin-left: 0;text-align: left;font-size: 90%;font-style: italic; line-height: 120%}
.gallery-item {margin-right: 8px;}

.post p.meta-info {font-size: 80%;margin: 0 0 1em 0;padding: 0;}

#main_search form {margin-bottom: 30px;    margin-top: 20px;    max-width: 400px;}

#main_search input[type="text"] { margin: 0 0 6px 0;}

#main_search li {border-bottom: none;}
#main_search li a { font-weight: 400; font-size: 1.3em; margin: 0 0 0.7em 0;}

a.read-more {    display: inline-block;}

.search_options {padding: 0 2px 6px 8px;}

h2.active-issues-advisories::after {
	content: "ACTIVE ISSUE";
	font-size: 9px;
	padding: 3px 6px;
	background-color: rgb(0, 0, 0);
	color: rgb(255, 255, 255);
	margin: -19px 0 0 10px;
	top: -10px;
	position: relative;
	border-radius: 7px;
	font-weight: 700;
}

.home_sidebar p, #scheme_color_green #page .home_sidebar a {
color: var(--shiraz); line-height: 1.3; margin: 0.3em 0 1em 0; font-weight: 400;}



/* DivTable */
.divTable {display: table;width: 100%;}
.divTableRow {display: table-row;}
.divTableHeading {display: table-header-group;}
.divTableCell, .divTableHead {display: table-cell; padding: 7px 0 0 8px; vertical-align: top;}
.divTableHeading {display: table-header-group;}
.divTableFoot {display: table-footer-group;}
.divTableBody {display: table-row-group;}
.divTable tbody tr { background-color: transparent;}
.divTable p {font-size: 12px; line-height: 145%; margin: 0 0 6px 0;}


/******************************************************************************************************************************************
=MEDIA QUERY
******************************************************************************************************************************************/

@media screen and (min-width: 767px){
#header h1.title a { font-weight: 600;}
#main {padding: 0;}
.leftsidebar_column {width: 18%;}
.nine-col-custom {width: 71%;}
#sidebar_wrapper.sidebar_bg, #sidebar_wrapper_home.sidebar_bg {
    background: none repeat scroll 0 0 rgba(215, 227, 195, 0.8);
    border-left: none;}
#main.wsidebar #content_wrapper {vertical-align: inherit;}
#sidebar {padding: 0;}
#sidebar_wrapper_home.sidebar_bg {	border-left: none; background: transparent;}
#footer ul#menu-secondary-menu-1 {display: none;}
.front_icon_group {display: flex; justify-content: space-between; flex-wrap: wrap; width: 90%;}
}

@media only screen and (max-width: 767px) {
#sidebar.sidebar-left {margin: 22px;}
#sidebar {border-top: none;}
#middle_wrapper {margin: 0;}
#main {margin: 0;}
#scheme_color_green #header .inner-header {background-color: #2E7214 !important;}
#footer {background-color: #424242;}
#footer a {color: #fff;}
#additional-info {display: none;}
.inner-header .nine-col {margin: 0;}
.inner_content_wrapper {padding: 20px 4px;}
.front_content { width: 100%;}
.nine-col-custom {width: 60%;}
.leftsidebar_column { width: 22%;}
#footer dt, #footer .widgettitle {
    color: #c3c3c5;
    text-shadow: none;
    margin-top: 1em;
    margin-bottom: 0.7em;
}
.front_icon_group {display: flex; justify-content: space-around; flex-wrap: wrap;}
}

@media screen and (max-width: 460px){
.flex_container {flex-direction: column-reverse;}
.flex_container .leftsidebar_column {margin-top: 60px;}
.secondary_navmenu {background-color: rgba(63, 0, 12, 0.43); 	line-height: 1.8;}
#slider_subheader {display: none;}
#featured_slider .nivo-caption a {font-size: 1.2em;}
#header .tagline {padding: 0; font-size: 0.75em;}
#header h1.title {margin: 0;    font-size: 0.8em;  line-height: 1.4em;}
.pagetitle h2 {font-size: 1.4em; margin-top: 0.7em;}
.leftsidebar_column {width: 100%; padding:0;}
.nine-col-custom {width: 100%; margin: 0px 16px 4px 15px;}
#main .primary-content img.post_feat_image {width: 100%;	margin: 0;}
.the_banner h1, .the_banner-b h1 {font-size: 1.7em;}
h4#section_subtitle {font-size: 0.9em;}
.quick_link_module a.front_bg_buttons {width: 65px; height: 65px;}
}