/*
Theme Name: bootstrap3-child
Theme URI: http://devdm.com/DevDmBootstrap3
Author: Don Willett
Author URI: http://www.willettassociates.com/
Description: A bootstrap3 child theme.
Version: 1.71
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: one-column, two-columns, right-sidebar, fluid-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, rtl-language-support, theme-options, translation-ready
Text Domain: bootstrap3
Template: bootstrap3
*/

@import "css/bootstrap.css";
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700|Roboto:400,300,700|Roboto+Condensed:400,700);

/* YOU SHOULD BE MAKING A CHILD THEME. Don't let me be a bad guy and erase all your hard work with a theme update. I just want to bring you new amazing features. I don't want to destroy your world. I've include a child theme to use. Need help? http://devdm.com/DevDmBootstrap3/child-themes/ */

/****************** Special Blank CSS classes for child themes to use without disturbing core bootstrap rules ****************/
@media (min-width: 1200px) {
  .container {
    width: 1024px;

  }
}


.dmbs-container {

}

.row {padding:35px 75px 0 75px;}

.dmbs-header {
background-color: #595959;
padding-bottom:40px;
}

.row.dmbs-header {
/*padding:45px 0 45px 75px;*/
}

.dmbs-header-text {

}

.dmbs-top-menu {

}

.dmbs-menu {
border-bottom: 1px solid #000;
/*padding-top:20px;*/
}

.dmbs-content {
padding-top:20px;
padding-bottom:30px;
}

.dmbs-content-hero {
/*padding-top:15px;*/
padding-top:0;	
padding-bottom:15px;
}

.dmbs-main {
/*padding-top:20px;*/
margin-bottom:40px;
}

.dmbs-left {

}

.dmbs-right {

}

.dmbs-footer-menu {

}

.dmbs-author-credits {

}





.dmbs-footer {
background-color:#ccc;
font: normal 12px/1.8 "Roboto",Arial,sans;
padding-bottom: 10px;

}
.dmbs-footer .row {padding-top:15px;}

#dmbs-sidebar{
max-width:195px;
padding-top:10px;
}
.col-md-6.dmbs-sidebar{
margin-top:20px;
}
.col-md-6.dmbs-sidebar>img{
margin-top:20px;
}
.dmbs-secnav{
/*padding:30px 0 10px 0;*/
}

#blog-sidebar {
    max-width: 195px;
    padding: 85px 0 0 20px;
}

.mfp-bottom-bar{margin-top:0;}

/*Base Font Styles */
body {
	 padding: 0;
	 font-size: 14px;
	 min-height: 100%;
	 font-family: "Roboto";
	 font-weight: 400;
	 font-style: normal;
	 line-height: 28px;
overflow-x: hidden;
}

h1 {
	 font-size: 32px;
	 line-height: 40px;
	 margin: 0px;
	 font-weight: 700;
	 font-style: normal;
	 font-family: "Source Sans Pro";
	 color: rgba(255, 0, 0, 1);
}

div.breakthrough h1{padding-bottom:20px;}
div.breakthrough img {padding-top:20px;}

h2 {
	 font-size: 26px;
	 line-height: 35px;
	 margin: 0px 0px 20px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 300;
	 font-style: normal;
	 color: rgba(255, 0, 0, 1);
}

h3 {
	 font-size: 15px;
	 line-height: 36px;
	 margin: 0px 0px 10px 0px;
	 font-family: "Roboto";
	 font-weight: 700;
	 font-style: normal;
	 color: rgba(0, 0, 0, 1);
}

h4 {
	 font-weight: 700;
	 font-style: normal;
	 font-family: "Roboto Condensed";
	 font-size: 15px;
	 line-height: 20px;
	 margin: 0px 0px 24px 0px;
	 color: rgba(0, 0, 0, 1);
}

p {
	 margin: 0px 0px 25px 0px;
	 text-transform: inherit;
	 font-size: 16px;
	 font-family: Roboto;
	 font-weight: 400;
	 font-style: normal;
	 line-height: 28px;
	 color: rgba(0, 0, 0, 1);
}

p.intro {
	 font-size: 24px;
	 line-height: 36px;
	 margin: 0px 0px 12px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 400;
	 font-style: normal;
	 color: rgba(0, 0, 0, 1);
}

blockquote.pull-quote {
	 margin: 0em 1em 1em 0em;
	 border-left: 3px solid #ccc;
	 padding: 0em 0em 0em 0.7em;
}

div.content {
	 margin: 0 auto;
	 text-align: left;
	 width: 40%;
	 padding: 50px 0px 0px 0px;
}

h5, .caption, .description,.wp-caption p.wp-caption-text {
	 margin: 0px 0px 25px 0px;
	 font-family: "Roboto";
	 font-weight: 300;
	 font-style: italic;
	 font-size: 14px;
	 color: rgba(73, 73, 73, 1);
}

.wp-caption p.wp-caption-text {padding-top:25px;}
.wp-caption {border:none;}

p.quote {
	 font-size: 24px;
	 line-height: 36px;
	 font-style: normal;
	 color: rgba(255, 0, 0, 1);
	 margin: 18px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 700;
}

blockquote {
	 font-size: 15px;
	 line-height: 26px;
	 font-family: "Roboto Condensed";
	 font-weight: 700;
	 font-style: normal;
	 margin: 0px 0px 18px 0px;
	 color: rgba(0, 0, 0, 1);
}

h6 {
	 font-family: "Source Sans Pro";
	 font-weight: 700;
	 font-style: normal;
	 font-size: 14px;
	 color: rgba(0, 0, 0, 1);
}

.intro {
	 font-size: 24px;
	 line-height: 36px;
	 margin: 0px 0px 12px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 400;
	 font-style: normal;
	 color: rgba(0, 0, 0, 1);
	clear:right;
}
.content-block:after {
    clear:both;
}
.pull-quote {
	 font-size: 24px;
	 line-height: 36px;
	 font-style: normal;
	 color: #f00;
	 margin: 18px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 700;
border-bottom:2px dotted #000;
padding-top:15px;
padding-bottom:15px;
border-top:2px dotted #000;
overflow:hidden;
}
.pull-quote p{
	 font-size: 24px;
	 line-height: 36px;
	 font-style: normal;
	 color: #f00;
	 margin: 18px 0px;
	 font-family: "Source Sans Pro";
	 font-weight: 700;
}

a, a:hover, a:active{color:#000; text-decoration:underline;}


div.breakthrough-sidebar {
	clear:right;
	width:210px;
	margin:20px 0 20px 20px;
	padding:0 0 0 20px;
	 font-size: 14px;
	 line-height: 26px;
	 font-family: "Roboto Condensed";
	 font-weight: 700;
	 font-style: normal;
	 color: rgba(0, 0, 0, 1);
	 float:right;
	}
div.breakthrough-sidebar p{
	padding:0 0 0 20px;
	font-weight: 700;
font-family: "Roboto Condensed";
	}
div.breakthrough-sidebar h4{
background-color:#ffcc33;
font-weight: 700;
width:100%;
padding:10px 20px;
}

.hero h1, .hero h1 a {
font-family: "Source Sans Pro";
font-style: italic;
color:#000;
font-size: 32px;
line-height: 45px;
font-weight:300;
margin-top:25px;
margin-bottom:10px;
}

.breakthrough ul{
padding-left: 25px;
margin-top:-15px;
padding-top:0;
}

#breakthrough-menu a, #mc-menu a{
font-family: "Source Sans Pro";
color:#f00;
font-size: 18px;
/*line-height: 60px;*/
font-weight:700;
text-decoration:none;
}

h3.staffer-staff-title{padding-top:0; padding-bottom:0; margin-top:0; margin-bottom:0}
.staff-content-row>img{padding-top:10px;}
.hero h1{
border-bottom: thin solid #000;
padding:0 0 0 0; /*was 50px top*/
}
.hero h1 a{text-decoration:none;}
.hero h2 a{text-decoration:none;}

.hero h2, .hero h2 a{
font-family: "Source Sans Pro";
font-style: normal;
color:#ffe62c;
font-size: 32px;
line-height: 37px;
font-weight:700;
margin:0;
}
.hero h3{
font-family: "Source Sans Pro";
font-style: normal;
color:#fff;
font-size: 25px;
line-height: 38px;
font-weight:400;
margin-top:0;
}
.hero a{
font-family: "Source Sans Pro";
font-style: normal;
color:#000;
font-size: 12px;
font-weight:400;
margin-top:0;
}

#secondary-menu{
font-family: "Source Sans Pro";
font-style: normal;
color:#000;
font-size: 32px;
line-height: 60px;
font-weight:400;
/*margin:25px 0;*/
border-bottom: 1px solid #000;
}
.menu-miller-coulson-container{border-bottom:2px dotted #000; padding-top:30px;}
.menulist-bt a,.menulist a, #menu-miller-coulson a {
 	font-size: 16px;
	 line-height: 24px;
	 font-family: "Roboto";
	 font-weight: 400;
	 color:#000;
	text-decoration:none;
}

.archive-title{margin:20px 0 0 0; line-height:18px;}
.archive-desc{font-style: italic;}
.menulist-bt a.active, .menulist a.active, #menu-miller-coulson a:hover, #menu-miller-coulson li.current-menu-item{text-decoration:underline;}
.menulist li, #menu-miller-coulson li{list-style-type: none; padding-bottom:20px;}
.menulist-bt li {list-style-type: none; padding-bottom:0px;}
.menulist>div.col-md-3, #menu-miller-coulson>div.col-md-3, #menu-miller-coulson ul.first{padding-left:0;}
.menulist-bt a:hover{color:#f00;}
h3.staffer-staff-title>a{color:#f00;}
h3.staffer-staff-title>a:hover{color:#f00; text-decoration:underline;}
div.staff-content.row{padding:0;}

p.rtw_main{
    margin: 10px 0px 10px 0px;
    text-transform: inherit;
    font-size: 11px;
    font-family: Roboto;
    font-weight: 400;
    font-style: normal;
    line-height: 16px;
    color: #333333;
}
.rtw_icon, .rtw_name, div.rtw_timestamp{display:none;}
div.rtw_id{font-size:12px;}

/* Home Page Specific */

.hero{background-color:#33cc99; } /*height:420px;*/
.hero-breakthrough{background-color:#33cc99; padding-bottom:30px;}
#text-4 h3, #text-5 h3{font-family: "Source Sans Pro"; font-weight: 700; font-style: normal; font-size: 18px; text-decoration:underline; text-transform: uppercase;}
#text-4>div.textwidget, #text-5>div.textwidget{font-family: "Source Sans Pro"; font-weight: 400; font-style: normal; font-size: 24px; line-height:38px;}
#text-4>div.textwidget>strong, #text-5>div.textwidget>strong{font-family: "Source Sans Pro"; font-weight: 700; font-style: normal; font-size: 24px; line-height:38px; color:#f00;}

#nav_menu-7 h3,#nav_menu-3 h3,#nav_menu-6 h3,#nav_menu-8 h3{font-family: "Source Sans Pro"; font-weight: 700; font-style: normal; font-size: 18px; text-transform: uppercase;}
ul.menu{list-style-type:none; margin:0; padding-left:0; font-family: "Source Sans Pro"; font-weight: 400; font-style: normal; font-size: 16px;}
ul.menu a{color:#000;}
ul.menu a:hover{color:#f00; text-decoration:none;}
.menu li, li.mega-menu-item {border-top: thin solid #999; padding: 5px 0 5px 0; width:90%;}
#menu-aliki-initiative .menu-item, #menu-miller-coulson .menu-item{border:none; width:100%;}



/*MegaMenu*/
#mega-menu-wrap-main_menu {background-color: initial; background-image:none;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a{ font-size:40px;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {margin-top:45px; background:#000;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a {color:#fff; font-size: 18px; line-height: 36px; font-family: "Source Sans Pro"; font-weight: 700;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a:hover {color:#fff; font-size: 18px; line-height: 36px; font-family: "Source Sans Pro"; font-weight: 700;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a {color:#fff;  font-size: 16px; line-height: 22px; font-family: "Source Sans Pro"; font-weight: 400; padding:5px 0;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a:hover {color:#f00;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item { border-top: thin solid #999; }
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a {padding:0;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-current-menu-item > a {color:#f00;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {}
.searchform {
	/*position: relative;
	right: 70px;
	top: 0px;*/
	margin-left: 25px;
}

#search {
	background-color: transparent;
	/*background-image: url(img/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;*/
	border: none;
	cursor: pointer;
	height: 37px;
	margin: 3px 0;
	padding: 0 0 0 50px;
/*	position: relative;
	left:130px;*/
	-webkit-transition: width 400ms ease, background 400ms ease;
	transition:         width 400ms ease, background 400ms ease;
	width: 0;
}

#search:focus {
	background-color: #ccc;
	border: 2px solid #c3c0ab;
	cursor: text;
	outline: 0;
	width: 200px;
	position: relative;
	top: 50px;
}
.searchform
#searchsubmitbut { 
/*display:none;*/
	background-color: transparent;
	background-image: url(img/search-icon.png);
	background-position: 5px center;
	background-repeat: no-repeat;
	background-size: 24px 24px;
}
.screen-reader-text {display:none;}

.searchbut{padding:5px 0 0 25px; height:24px; width:24px;}
.searchbut img{height:auto; width:24px;}

/*Editor Styles*/
.content-block {
    border:1px solid #eee;
    padding:3px;
    background:#ccc;
    max-width:250px;
    float:right;
    text-align:center;
}
.content-block:after {
    clear:both;
}
.blue-button {
    background-color:#33bdef;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #057fd0;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:6px 24px;
    text-decoration:none;
}
.red-button {
    background-color:#bc3315;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #942911;
    display:inline-block;
    cursor:pointer;
    color:#ffffff;
    padding:6px 24px;
    text-decoration:none;
}

.alignright{
    margin: 0px 0 30px 30px;
}
.staffer-archive-list li {display:block;}
div.staff-content.row {padding-bottom: 30px;}
div.staff-content img{height:auto; width:125px;}

img.archiveimg {
-webkit-box-shadow: 0 0 10px #333;
        box-shadow: 0 0 10px #333;}
 .blkcol{border-right: 2px solid #999; height:45px; width:4%; margin-right:25px}       
.jhlogo {padding-right:0;}
.menubut{padding:0; margin:0;}
#mega-menu-wrap-main_menu {height:40px; width:60px;}
.breakthrough-issue{text-align:right; float:right;}
.wp-caption-text{text-align:left;}
.current_page_item a, a.hover{color:#f00;}
.content-container{margin-top:87px;}
.navbar-fixed-top {position: fixed;}
.navbar-fixed-bottom {position: fixed; }
.footer-spacer {margin-bottom:236px;}
.visibleInline-xs{display:none;}
.reps-break{display:inline;}
#menu-item-782{font-style: italic;}
#nav_menu-7 a, #nav_menu-6 a, #nav_menu-8 a,#nav_menu-3 a {text-decoration:none;}

@media (min-width: 991px) and (max-width: 1199px) {
.hero h1, .hero h1 a {
	margin-top:10px;
    padding: 30px 0 0 0;
}
}


@media (min-width: 768px) and (max-width: 992px) {
    .row-fluid > [class*=span]:nth-child(2n+1) {
        clear: both;
        margin-left: 0;
    }

    .row-fluid .span3 {
        width: 48.61878453038674%;
    }
    .row {padding:35px 30px 0 30px;}
   .dmbs-header {padding-bottom:25px;}
	#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {margin-top:30px;}
	#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {padding: 0 25px;}
.content-container{margin-top:75px;}

.hero h1, .hero h1 a {

    padding: 0 0 0 0;
}

.hero h3 {
    font-family: "Source Sans Pro";
    font-style: normal;
    color: #000;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    margin-top: 0;
}
.hero h2, .hero h2 a {
    font-family: "Source Sans Pro";
    font-style: normal;
    color: #fff;
    font-size: 26px;
    line-height: 45px;
    font-weight: 700;
    margin: 0;
}
}


@media (min-width: 10px) and (max-width: 768px) {
/*body{min-width:480px;}*/
.row {padding:35px 15px 0 15px;}
.mega-menu-columns-1-of-4 {width: 100%;}
.dmbs-header {padding-bottom:25px;}
/*.dmbs-content{padding-top:0;}*/
.dmbs-secnav{padding-top:0;}
.menubut {border:none;margin-left:0;padding-left:0;}
.searchbut {padding: 5px 0 0 0;}
a img, img, img.alignright, .attachment-post-thumbnail {display:block; margin:auto; float:none;}
img.alignright{padding:30px 0;}
.headerimg{width:90%;}
.dmbs-footer img{margin:0 0 0 -30px; padding:0;}
.dmbs-footer {margin-top:20px;}
.widget_nav_menu{padding-bottom:20px;}

.widget_text{padding-bottom:20px;}
.breakthrough-issue{text-align:left; clear:both; float:none;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-columns-1-of-4 {width: 48%; clear:right; float:left; }
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item  {clear:right; float:left;}
#menu-miller-coulson ul{padding-left:0;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {margin-top:35px; border-top: thin solid #fff;}
.dmbs-header {height:110px;}
.navbar-fixed-bottom {position: static;}
.navbar-fixed-top {position: static;}
div.breakthrough-sidebar{width:100%;}
.content-container{margin-top:0px;}
.footer-spacer {margin-bottom:0px;}
.jhlogo img{max-width:240px; height:auto; padding:10px;}
.dmbs-footer, .dmbs-footer .row, #text-6.widget_text{padding-top:0;padding-bottom:0;}
.visibleInline-xs{display:inline;}
.reps-break{display:block;}
.hero h1 {padding:25px 0 0 0};
}

@media (max-width: 490px) {

#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-item > a {font-size:22px;margin-top:-10px;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {margin-top:39px; border-top: thin solid #fff;}
#mega-menu-wrap-main_menu #mega-menu-main_menu > li.mega-menu-megamenu > ul.mega-sub-menu {padding:0;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-left:12px; padding-right:12px;}
.row {padding:35px 0 0 0;}
.searchbut{height:14px; width:14px; padding:3px 0 0 0;}
.searchbut img{height:auto; width:14px;}
.archive-title{margin:20px 0 0 25%; line-height:18px;}
.archive-desc{font-style: italic; margin:0 0 30px 25%;}
.archiveimg{margin-top:20px;}
#secondary-menu{padding-left:10px; padding-right:10px;}
.hero h1 {padding:0};
}