/*
Theme Name: State child Template - CDPHPD
Theme URI: 
Author: Gum Design
Author URI: 
Description: Child template for CDPHPD State Templates (v2).
Template: hic_state_template_parent
Version: 1.1
License: 
License URI:
*/

/*

colors:
light green #f1f8d9

*/



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


/* Change calendar prev/next link color */
.mc-main .my-calendar-nav li a { color: #fff !important; text-decoration: none; }


/* DOH Custom CSS:START */

.msm_title { margin-left: 1em; font-weight: 700; }
.msm_tagline { margin-left: 1em; font-style:bold; }

.msm_shortdesc { display: block; font-size: 0.9em; margin-left: 1em; }

.et_shortcodes_controller_nav li { list-style-type: none !important; margin:0 !important; }
.et_shortcodes_controls_arrows .et_sc_nav_next span,
.et_shortcodes_controls_arrows .et_sc_nav_prev span { top: 17px !important; }


.et-learn-more h3.heading-more {
		font-family: "Open Sans", sans-serif;
		color: #2E7214 !important;
		background: #f3eddf !important;
		font-size: 1.15em !important;
		font-weight: normal;
		color: #000 !important;
		background: #e7efcb !important;
		background: #fde69e !important;
		
		padding: 12px 50px 12px 20px !important;
}

.et-learn-more h3.heading-more span.et_learnmore_arrow {
    color: #FFF !important;
    border-left: 1px solid #fff;
    -moz-box-shadow: 0px 0 0 0 #e7e7e7n !important;
    -webkit-box-shadow: 0px 0 0 0 #e7e7e7 !important;
    box-shadow: 0px 0 0 0 #e7e7e7 !important;
}


.et-simple-slides { margin: 5px !important; }

/*#et-social-icons {
	font-size: 1.3em;
	text-align: right;
}

.icon-facebook-sign {
	color: #006bb6;
}

.icon-youtube {
	color: #b42525;
}*/

[class^="icon-"], [class*=" icon-"] {
	margin-left: 15px;
}


.linkcat { list-style-type: none !important; }

#footer dl {color: #404041;}

#footer dt, #footer .widgettitle {font-weight: 700; text-shadow: 0 1px 0 rgba(255,255,255,.7); padding-bottom: .25em;}
#footer dd {display: block; padding: .65em 0; margin: 0; border-bottom: 1px solid rgba(0,0,0,.1);  border-top: 1px solid rgba(255,255,255,.1);}

#footer dd a {display: block;}

#footer h4 {color:#fff;margin-top:10px;}
.footer-features .four-col > div {padding:0 1%}

.home.blog-id-41 .pagetitle {display:none;}

#footer-widgets, .inner-footer {padding: 0 0 0 36px; margin-right: 36px;}

/* #header h1.title a { font-size: 1.4em !important; } */

#scheme_color_green #header div.title a {
    color: #2E7214;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:none;
}



ul#menu-main-menu .sub-menu {width:auto;}

@media only screen and (min-width: 1024px) {
	ul#menu-main-menu {
    margin: 0;
    display: flex;
	justify-content:flex-start;
}
	
	#scheme_color_green #header div.title a {
		font-size:1em;
	}
}



ul#menu-main-menu li.doh-home.menu-item {
	flex-grow:7;
	text-align:right;
}

/* ul#menu-main-menu li.doh-home.menu-item a {min-height:48px;} */

#navigation ul {
    padding-left: 0px;
    width: 100%;
}




#header .tagline {padding-left:0;}

/*Add markers to nav widget clean style*/
/* Active parent links - when sub-menu is open */
.dcjq-accordion ul a.dcjq-parent.active::before { content: "\25BC" !important; display: inline !important; }

/* Parent links only */
.dcjq-accordion ul a.dcjq-parent::before { content: "\25BA" !important; display: inline !important; }

/* Remove list style from sidebar nav widget */
.dcjq-accordion ul li { list-style-type: none !important; }

/* Change link colors */
.dcjq-parent, .dcjq-accordion ul a:hover { color: #2F591A !important; }
.dcjq-accordion ul a { color: #222 !important; }
.dcjq-accordion ul a.active { color: #2F591A !important; }
.dcjq-accordion li.current-menu-item a { color: #015F73; }

.dcjq-accordion ul a { padding: 8px 15px !important; }

/* Link colors for blue style */
.dcjq-parent .bluesub, .dcjq-accordion .bluesub a:hover { color: #FFF !important; }
.dcjq-accordion .bluesub a { color: #FFF !important; }
.dcjq-accordion .bluesub a.active { color: #FFF !important; }
.dcjq-accordion .bluesub li.current-menu-item a { color: #015F73; }


.et-tabs-control li { list-style-type: none !important; }

a.big-button { text-decoration: none !important; }

/* Vital Records button style */
.call_to_action_green_button a {
  background: none repeat scroll 0 0 #2aa306;
  border-bottom: 1px solid #fff;
  color: #fff !important;
  display: block;
  font-size: 1.2em !important;
  height: auto;
  max-width: 300px;
  min-height: 60px;
  overflow: hidden;
  padding: 15px 15px 0;
  text-decoration: none !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  width: auto;
}

.call_to_action_green_button span {
  display: inline-block;
  line-height: 1.2em;
  margin-left: 5px;
  max-width: 75%;
  vertical-align: middle;
}

.call_to_action_green_button img {
  border: none !important;
}


/* DOH Custom CSS:END */



/* @group Typography */

html {font-size: 1.1em;}

body {
font: 400 1em/1.4em 'Open Sans', sans-serif;
  font-size: 0.9em;
  font-weight: 300;
  color: #333;

  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #333;
  font-size: 1em;
 /* font-size: 16px !important;*/
}

p {margin-bottom: 1.3em;}


.lead {
	font-size: 1.15em;
	line-height: 1.7;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	background:#f3eddf ;
	padding: 20px;
}

.lead:after {
	content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    zoom: 1;
}

.primary-content h1, .primary-content h2, .primary-content h3, .primary-content h4, .primary-content h5 {
   margin:0 0 0.5em;
  font-weight: 600;
  line-height: 1.2;
  /*color: #2E7214 !important;*/
  color: #24650a;
   color: #222;
  text-transform: none !important;
}


.primary-content h1 {margin-top: 0;font-size: 1.424em;}

.primary-content h2 {font-size: 1.424em;}

.primary-content h3 {font-size: 1.266em; padding: 0;}

.primary-content h4 {font-size: 1.125em;}



#header h1.title {
	font-size: 1em;
}

small, .font_small {font-size: 0.889em;}

.primary-content .pagetitle h2 {
 	font-size: 2.2em;
	margin: 0;
	text-transform: none;
	font-family: "Open Sans", sans-serif;
	color: #2E7214;
	color: #2AA306;
}

#middle_wrapper .pagetitle {
	margin-bottom: 30px;
}

table th {
    background-color: #e7efcb;
}



/* list > styles */
#main ul.check-list { margin: 0 0 10px; list-style: none; }
#main ul.check-list li { margin: 0 ; display: table;}
#main ul.check-list li:before { font-family: "FontAwesome"; content:"\f00c"; padding-right: 10px;color: #007dc5;opacity: .8; display: table-cell;}


ul.check-list-box { margin: 0 0 10px; list-style: none; }
ul.check-list-box li { margin: 0 ; display: table;}
ul.check-list-box li:before { font-family: "FontAwesome"; content:"\f046";; padding-right: 10px;color: #007dc5;opacity: .8; display: table-cell;}


ul.list-box { margin: 0 0 10px; list-style: none; }
ul.list-box li { margin: 0 0 ; display: table;}
ul.list-box li:before { font-family: "FontAwesome"; content:"\f096"; padding-right: 10px;color: #007dc5;opacity: .8; display: table-cell;}


.primary-content ol, .primary-content ul {
	margin-bottom: 1.3em !important;
}

.primary-content ol li {
	margin-bottom: 1em;
}

/* @end */

/* @group Layout */


#main{
	display: table !important;
	table-layout: auto;
	table-layout: fixed;
	width: 100%;
	padding: 0;
}

.home #main {
/*	padding: 30px;*/
}

 #content_wrapper.eight-col {
	display: table-cell !important;
	float: none;
	width: 66.31578% !important;
	vertical-align: top;
}


#breadcrumb #crumbs {
	margin: 10px 30px -30px;
	padding: 0;
}

.primary-content {
	padding: 30px;
}

/* new id's and classes for theme - no conflict with parent theme*/
#sidebar_left_wrapper {
	display: table-cell !important;
	width: 32.63157% !important;
	vertical-align: top;
}

#sidebar_left {
	
}




/*.primary-content {
	width: 100%;
}

#main {
	padding: 0 !important;
}


 #main.wsidebar {
 	width: 1280px;
 	width: 100%;
 }
 
 .primary-content {
 	width: 100%;
 }*/
 
 

#page, #footer, .statewide-banner {
    margin: 0 auto;
    text-align: left;
    max-width: 1280px;
}


.page-template-page-fullwidth .primary-content, 
.page-template-page-home-cdphpd .primary-content {
/*	padding: 30px;*/
}

#main .primary-content img {
	max-width: 100% !important;
	height: auto;
}

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



#header .inner-header {
	padding-bottom: 0;
}


/* @end */

/* @group Navigation */

.menu-main-menu-container {
/*	border-bottom: 1px solid #555 !important;*/
}

ul#menu-main-menu {
	margin: 0;
}

ul#menu-main-menu li {
	line-height: 1.2;
	text-align: center;
}


ul#menu-secondary-menu {
	text-align: right;
	margin-right: 20px;
	margin-bottom: 10px;
}

ul#menu-secondary-menu li {
	display: inline;
	border-right: 1px solid #ccc;
}

ul#menu-secondary-menu li:last-child {
	border: 0;
}

ul#menu-secondary-menu a {
	padding:10px;
}


#navigation ul li a {
    display: inline-block;
    padding: 5px 30px;
    color: #FFF !important;
    text-decoration: none;
    font-weight: normal;
}

#scheme_color_green #navigation #menu-main-menu a:hover {
	background:transparent url('images/bg-menu-over.png') !important;
}


#navigation .sub-menu li {
	text-align: left;
}

#navigation .sub-menu a {
	font-weight: normal;
	font-size: 1em;
}

#navigation div > ul > li > .children, #navigation div > ul > li > .sub-menu {
	border-top: 0;
}

@media only screen and (max-width: 767px) {
	

	ul#menu-main-menu li {
		text-align: left;
	}
	#navigation ul li a {
		font-weight: 700;
	}
	
	ul#menu-main-menu li br {
		display: none;
	}
	
	#navigation ul li a {
		padding: 10px 30px;
	}
	
	#navigation ul.sub-menu  li a {
		font-weight: normal;
	}
	
	#navigation .children li a, #navigation .sub-menu li a {
		padding: 10px 30px;
	}
	
	
	#secondary-menu {
		display: none;
	}
	
	

}

/* @end */

/* @group Page Header */

.page-header {
	padding: 30px;
}

.page-header-title h1 {
	margin: 0;
	color: #fff;
	font-family: "Open Sans", sans-serif;
	font-weight: normal;
	text-transform: none;
	
}


h1#section-title {font-size: 2.441em;}

.program-title {
	display: inline-block;
	/*font-family: 'Open Sans Condensed';*/
	font-family: 'Open Sans',sans-serif;
	font-weight: 300;
	color: #fff;
	margin-top: .5em;
	padding-top: .5em;
	margin-bottom: 0;
	font-size: 2em;
	font-size: 1.3em;
	border-top: 1px solid #fff;
}



/* @end */

/* @group Sidebar */

#sidebar_left_wrapper {
	padding-top: 20px;
}

#sidebar_left {
	margin: 0 20px;
}

#sidebar_left .widgettitle {
	font-family: 'Open Sans',sans-serif;
	font-size: 1.15em;
	font-weight: normal;
	margin: 0;
	text-transform: none;
	background: #e3d3b4;
	padding: .5em 1em ;
	margin-bottom: 0;
}

#scheme_color_green #sidebar_left .widgettitle > a {
	color: #fff !important;
}


#sidebar_left .sidebar_widget ul {
	margin-left: 0;
	padding-left: 0;
}

#sidebar_left .widget_subpages_current_page,
#sidebar_left .current_page_item {
	font-weight: bold;
}

#sidebar_left .widget_subpages_current_page a:after,
#sidebar_left .current_page_item a:after {
	float: right;
	margin-right: -5px;
	content: "\f061";
	font-family: FontAwesome;
}

.widget_subpages_current_page li a,
.sidebar_widget li a {
	background: #fff;
}

#sidebar_left #subpages-widget-2 li a,
#sidebar_left .sidebar_widget li a {
	padding: .5em 1.5em .5em 1em;
	display: block !important;
	border-bottom: 1px solid #e6dbc2;
	color: #222;
}

#sidebar_left #subpages-widget-2 a:hover,
#sidebar_left .sidebar_widget a:hover {
	/*background: #fff;
	color: #000;*/
	text-decoration: none;
}


#sidebar_left #subpages-widget-2 ul li,
#sidebar_left .sidebar_widget ul li {
    margin: 0;
	line-height: 1.3em;
    list-style-type: none;
}


#sidebar_left .sidebar_widget ul{
	margin-bottom: 0 !important;
}

#sidebar_left_wrapper, 
#sidebar_left_wrapper_home.sidebar_bg {
    background:#f3eddf ;
    border: none;
}

#sidebar_left .sidebar_widget {
	padding: 0;
	margin: 20px 0;
}


/*#sidebar_left .widgettitle {
	
	font-family: 'Open Sans',sans-serif;
	
	font-size: 1.15em;
	font-weight: normal;
	margin: 0;
	text-transform: none;
	/*text-transform: uppercase;*!/
	background: #e3d3b4;
	padding: .5em 1em ;
	margin-bottom: 0;
	color: #555;
}*/


#subpages-widget-2 {
	background: #fdf9ef;
}

#subpages-widget-2 ul li {
	list-style: none !important;
}


/* @end */

/* @group Home */


.home .programs-container {
	background:#eaf1d0;
	margin: 20px -30px;
	padding:30px;
	/*background-image:url(images/bg-grass.png);*/
	backgound-repeat:none;
	background-size: 30%;
}


.home .primary-content .section-header {
	/*font-family: 'Open Sans Condensed';*/
	font-family: 'Open Sans',sans-serif;
	font-weight: 400;
	color: #000;
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 1.77em;
	/*text-transform: uppercase;*/
	letter-spacing: 1px;
	/*font-size: 1.563em;*/
	text-align: center;
	clear: both;
}


.spacer-half-col {
  width: 12%;
  float: left;
  display:inline-block;
  height:20px;
}

@media only screen and (max-width: 768px) {
  .spacer-half-col {display:none}
}

.image-box-2-col {
	width: 48%;
	margin: 1%;
	float: left;
}

.image-box-4-col {
	width: 24%;
	margin: .5%;
	float: left;
}

.image-box-4-col p {
	margin:0;
}

.image-box-4-col img {
margin:0;
}

.image-box {
	margin: 2%;
	float: left;
}

.image-box-2-col p {
	margin: 0;
	height: 0;
}

.image-box-2-col a {
	text-decoration: none;
}

.image-box-title {
	text-align: center;
	font-size: 1.05em;
	color: #fff;
	background: #03582a;
	
	font-family: 'Open Sans',sans-serif;
	font-weight: normal;
	padding: .3em;
}

.image-box-title .fa {
	float: right;
	display: inline-block;
	color: #fff;
}

#main .image-box-2-col img, #main .image-box img {
	max-width: 100%;
	border: none !important;
	padding: 0 !important;
	display: block;
}

.primary-content .callout {
	padding: 20px;
	background: #fbf0bd;
	border: 1px solid #ddd092;
}

.primary-content .callout h3 {
	margin-top: 0 !important;
	color: #000 !important;
	
}
.primary-content .callout :last-child {
	margin-bottom: 0;
}

.hero-row {
padding: 10px;
/*	width: 100%;*/
	float: left;
	background:#f3eddf;
}
/* @end */

/* @group footer */

#footer table.resources, table.resources tbody tr , table.resources tbody td{
	border: none;
	background: transparent !important;
	vertical-align: top;
	font-size: 1em !important;
	
}

#footer table.resources p {
	text-align: center!important;
	font-size: 1em;
	margin: 0 10px;
}
#footer table.resources p.strong {
	font-size: 1.2em;
}

#footer table.resources h4 {
	color: #fff;
}

#footer table img {
	display: inline-block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/* @end */

/* @group Colors */


.scheme_bg_green, #navigation .scheme_bg_green .children, .scheme_bg_green .children a {
    background-color: #03582a;
}


#scheme_color_green #page a, #scheme_color_green #page a:visited {
	color: #0085b7;
}

#scheme_color_green #page a:hover {
    color: #000;
}

.light-green {
	background: #f1f8d9;
}

.green {
	background: #03582a;
}

.dark-green {
	background: #154303;
}


.bg-blue, .bg-chronic-disease {
	/*background: #189fbd;*/
	background: #1d9093;
}

.bg-purple {
	background: #7c618a;
}

.bg-red , .bg-primary-prevention{
	background: #dc6b4d;
}

.bg-yellow {
	background: #f4c128;
}







@media only screen and (min-width: 768px) {

/* home */
.blog-id-41 .page-header{
	background-image: url(images/bg-kukui-4.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #03582a !important;
}





/* primary prevention */

	#menu-item-252 {
		background: #7351a8;
	}


#scheme_color_green #navigation #menu-item-252 .sub-menu {
	background: #7351a8;
}

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

#navigation .sub-menu {
	border-left: 1px solid rgba(0,0,0,.2);
	border-right: 1px solid rgba(0,0,0,.2);
	box-shadow: 0px 3px 5px rgba(0,0,0,.5);
}


.blog-id-47 .page-header,
.blog-id-48 .page-header{
	background-image: url(images/bg-lauae.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #7351a8 !important;
}


.blog-id-47 #sidebar_left .widgettitle,
.blog-id-48 #sidebar_left .widgettitle {
	background: #7351a8;
	color: #FFF !important;
}

.blog-id-47 .primary-content .pagetitle h2,
.blog-id-48 .primary-content .pagetitle h2 {
	color: #7351a8;
}


.blog-id-47 #sidebar_left_wrapper,
.blog-id-48 #sidebar_left_wrapper {
	background-image: url(images/bg-lauae-aside.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

/* accordeon / tabs accent color */
.blog-id-47 .et-learn-more h3.heading-more,
.blog-id-48 .et-learn-more h3.heading-more {
	background: #7351a8 !important;
	color:#fff !important;
	text-shadow: 0 0 0 #fff !important;
}


/* chronic disease management */

#menu-item-255 {
	background: #1d9093;
}

#scheme_color_green #navigation #menu-item-255 .sub-menu {
	background: #1d9093;
}

.blog-id-33 .page-header,
.blog-id-40 .page-header,
.blog-id-42 .page-header,
.blog-id-43 .page-header{
	background-image: url(images/bg-kalo.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #1d9093 !important;
	
}

.blog-id-33 #sidebar_left h2.widgettitle,
.blog-id-40 #sidebar_left h2.widgettitle,
.blog-id-42 #sidebar_left h2.widgettitle,
.blog-id-43 #sidebar_left h2.widgettitle{
	background: #1d9093;
	color: #FFF !important;
}

.blog-id-33 .primary-content .pagetitle h2,
.blog-id-40 .primary-content .pagetitle h2,
.blog-id-42 .primary-content .pagetitle h2,
.blog-id-43 .primary-content .pagetitle h2 {
	color: #189fbd;
	color: #1d9093;
}

.blog-id-33 #sidebar_left_wrapper, 
.blog-id-40 #sidebar_left_wrapper,
.blog-id-42 #sidebar_left_wrapper,
.blog-id-43 #sidebar_left_wrapper{
	background-image: url(images/bg-kalo-aside.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-position-x:20px;
	/*background-position-y:30px;*/
}

/* policy */

.blog-id-76 .page-header {
	background-image: url(images/bg-olena-5.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #d8b421 !important;
}

.blog-id-76 #sidebar_left .widgettitle {
	background: #d8b421;
	color: #FFF !important;
}
.blog-id-76 .primary-content .pagetitle h2 {
	color: #cc9b07;
	
}

.blog-id-76 #sidebar_left_wrapper {
	background-image: url(images/bg-olena-aside.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	
}

#menu-item-241 {
	background: #d8b421;
}

#scheme_color_green #navigation #menu-item-241 .sub-menu {
	background: #d8b421;
}


/* surveillance */
.blog-id-45 #sidebar_left .widgettitle,
.blog-id-77 #sidebar_left .widgettitle{
	background: #c5494b;
	color: #FFF !important;
}
.blog-id-45 .primary-content .pagetitle h2,
.blog-id-77 .primary-content .pagetitle h2 {
	color: #c5494b
}
.blog-id-45 .page-header,
.blog-id-77 .page-header{
	background-image: url(images/bg-ti-4.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #c5494b !important;
}

.blog-id-45 #sidebar_left_wrapper,
.blog-id-77 #sidebar_left_wrapper{
	background-image: url(images/bg-ti-aside.png);
	background-repeat: no-repeat;
		background-position: right bottom;
}


#menu-item-248 {
	background: #c5494b;
}
#scheme_color_green #navigation #menu-item-248 .sub-menu {
	background: #c5494b;
}




/* bilingual */

/* local dev id */
#menu-item-354 {
	background: #7e2a62;
}
#scheme_color_green #navigation #menu-item-354 .sub-menu {
	background: #7e2a62;
}

/* dohtest.hawaii.gov */
#menu-item-363 {
	background: #7e2a62;
}
#scheme_color_green #navigation #menu-item-363 .sub-menu {
	background: #7e2a62;
}


.blog-id-39 #sidebar_left .widgettitle{
	background: #7e2a62;
	color: #FFF !important;
}

.blog-id-39 .primary-content .pagetitle h2 {
	color: #7e2a62
}

.blog-id-39 .page-header{
	background-image: url(images/bg-noni.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-color: #7e2a62 !important;
}


.blog-id-39 #sidebar_left_wrapper{
	background-image: url(images/bg-noni-aside.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-position-x: 20px;
}





}



.icon-button  {
	display: inline-block;
	font-size: 14px;
}

a.icon-button {
	font-family: "Open Sans", sans-serif;
	text-transform: none;
	font-weight: 400;
	line-height: 1;
	color: #000;
	font-size: 16px !important;
	line-height: 1.5;
	border-radius: 5px !important;
	text-decoration: none;
	background: #fad565 !important;
}


ul.et-tabs-control {
	background: #fde69e !important;
	
}

.et-tabs-container  ul.et-tabs-control li a strong, .et-tabs-container .et-tabs-control li a, .et-tabs-container .et-tabs-control li.active a {
	font-size: 16px !important;
	color: #000 !important;
	font-weight: bold;
}

/* @end */

/* @group Helper */

a img {
	display: block;
}

.display-table {
	display: table;
}

.display-table-cell {
	display: table-cell;
}

.display-table-cell.middle {
	vertical-align: middle;
}

/* Automatically clear elements for standards-compliant browsers */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Trigger has-layout for IE compatibility */
.clr {
	zoom: 1;
}

@media only screen and (min-width: 768px) {
	.show-on-mobile {
		display: none;
	}
}

/* @end */



@media only screen and (max-width: 768px) {
  
  .image-box-4-col {
		width: 49%;
		margin: .5%;
    	width: 48%;
	  max-width:300px;
		margin: 3%;
		float: left;
	}
}



@media only screen and (max-width: 768px) {

	#secondary-menu-mobile {
		display: block;
	}

	.primary-content, .footer-features {
		padding: 20px;
	}

	#sidebar_left_wrapper, 
	#content_wrapper.eight-col   {
		display: block !important;
		width: 100% !important;
	}
	
	#sidebar_left_wrapper, 
	#sidebar_left_wrapper_home.sidebar_bg {
	    background:none;
	    background-image: none !important;
	    border: none;
	}
	
	#sidebar_left .sidebar_widget {
		padding: 0;
		margin:  0;
	}
	
	#sidebar_left {
		margin: 0 0 40px;
	}
	
	h1#section-title {font-size: 1.3em;}
	
	.program-title {
		font-size: 1em;
		line-height: 1.2em;
	
	}
	
	.primary-content .pagetitle h2 {
	 	font-size: 1.5em;
	 	line-height: 1.2em;
	}
	
	
	#header h1.title {
		font-size: .7em;
	}
	
	.page-header {
		background-size: 50%;
		padding: 10px 20px;
	}
	
	
	
	
	#breadcrumb {
		display: none;
	}
	
	#additional-info #et-social-icons a {
	    color: #fff !important;
	  
	}	
	
	
}




@media only screen and (max-width: 500px) {

.lead {
	font-size: 1.05em;
}
	
	
	#scheme_color_green #header div.title a {font-size:1em;}
	
	.twelve-col {display:block;width:100%;}

.image-box-4-col,  .image-box-2-col{
	display: block;
	float:none;
	width: 100%;
	width:300px;
	margin: 20px auto 0 !important;
}

#breadcrumb {
	display: none;
}

}