/*
Theme Name: HCA
Theme URI: http://gumdesign.com
Description: Total child theme.
Author: Gum Design
Author URI: http://gumdesign.com
Template: Total
Version: 1.0
*/



/* 
* Typography vertical rythmn
* http://type-scale.com/?size=16&scale=1.250  
*/


/**/
.colorswatch {
	width: 150px;
	height: 150px;
	margin: 10px;
	float: left;
	text-align: center;
	line-height: 150px;
	font-size: 1.56em;
}
.bg-brand-blue {
	background: #006199;
	color: #fff;
}
.bg-brand-green {
	background: #438835;
	color: #fff;
}
.bg-brand-neutral, .bg-light {
	background: #f2efe5;
	color: #000;
}



html {font-size: 1em;}

body {
  background-color: white;
  font-family: 'Roboto', Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.45;
  color: #222;
  font-size: 1em;
}

p { margin-bottom: 1.414em; }

h1, h2, h3, h4 {
  margin: 1.414em 0 0.5em;
  font-weight: inherit;
  line-height: 1.2em !important;
}

h1 {
  margin-top: 0;
  font-size: 2.441em;
}

h1.single-post-title {
	margin-bottom: 30px;
	margin-top: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}


h1.lead {
	font-size: 3em;margin-top: 0;
}

h2 {font-size: 1.953em;}

h3 {font-size: 1.563em;}

h4 {font-size: 1.25em;}


h1, h2, h3, h4, h5, h6 { font-weight: bold; font-weight: 700; color: #222; line-height: 1.2; margin: 30px 0 20px; }
.heading-typography { line-height: 1.5 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #222 }
h1 a:hover, h2 a:hover, a:hover h2, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration: none; color: #3b86b0; }

.wpb_wrapper > h1,
.wpb_wrapper > h2,
.wpb_wrapper > h3 {
	/*margin-top: 0;*/
}

div.vcex-heading.vcex-heading-plain {
    display: block;
    color: #000;
    font-size: 1.25em;
    margin: 1.414em 0 0.5em;
    max-width: 100%;
    
    text-transform: uppercase;
    letter-spacing: .1em;
    color: #999;
    font-weight: normal;
    font-family: 'Roboto Slab';
}

h2.vcex-heading.vcex-heading-plain, 
h2.vcex-heading.vcex-heading-bottom-border-w-color {
	font-family: 'Roboto Slab';
	font-size: 1.953em;
	font-size: 2.441em;
	/*font-size: 3em;*/
	 margin: 1em 0;
	 color: #013c5e;
	 color: #438835;
	 font-weight: bold;
	 text-transform: uppercase;
	/* letter-spacing: .1em;*/
}


.section h2.vcex-heading.vcex-heading-bottom-border-w-color {
	margin-top: 0;
}


.vcex-heading-bottom-border-w-color .vcex-heading-inner {
    border-bottom-color: #006199;
    border-bottom: 5px solid #438835 !important;
}



.section h2.vcex-heading.vcex-heading-plain {
	margin-top: 0;
}

h3.vcex-heading.vcex-heading-plain {
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	font-size: 1.563em;
	color: #006199;
	 color: #013c5e;
	margin: 1em 0;
	/*font-weight: normal;*/
}

.wpb_wrapper > h3.vcex-heading {
	margin-top: 0;
}

.typography-white * {
	color: #fff !important;
}

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

em { font-style: italic }
strong { font-weight: bold; font-weight: 600; }
small { font-size: 80% }
hr { border: solid #e4e4e4; border-width: 1px 0 0; clear: both; margin: 40px 0; height: 0; }

/* font smoothing */
body.smooth-fonts { -webkit-font-smoothing: antialiased; }

/* links */
a { color: #0081cc; text-decoration: none; outline: none; }
a:hover { text-decoration: underline }


p.lead { font-size: 1.25em; line-height: 1.45; color: #000; font-family: 'Roboto Condensed', Helvetica, sans-serif;}
p.lead-large { font-size: 1.563em; line-height: 1.45; color: #000; font-family: 'Roboto Condensed', Helvetica, sans-serif;}


/* list > styles */
ul.check-list { margin: 0 0 20px; list-style: none; }
ul.check-list li { margin: 0 0 5px; display: table;}
ul.check-list li:before { font-family: "FontAwesome"; content:"\f00c"; margin-right: 10px; opacity: 0.8; display: table-cell;padding-right: 10px;}

.wpb_wrapper ul {
	margin: 0 0 30px 30px;
}
.wpb_wrapper li {
	list-style: disc;
}

table {
	width: 100% !important;
	margin-bottom: 30px;
	border: 1px solid #f2efe5;
}

tbody tr:nth-child(even) {
   background-color: #f7f5ee;
}

table td, th {
	padding:.6em .4em;
}

table td * {
	margin-top: 0;
}


.overlay-dark {
	background: rgba(0,0,0,.75);
	padding: 20px;
}

.overlay-dark * {
	color: #fff !important;
}

.overlay-white {
	background: rgba(255,255,255, .75);
	padding: 20px;
}


#content-wrap {
	min-height: 700px;
	margin-bottom: 40px;
}

.text-align-center {
	text-align: center;
}

.post-type-archive-my_hawaii  .meta {display: none;
}

/* @group Header */

/*.header-two-aside {
	width: 80%;
    float: left;
   
}

.header-aside-content {
	display: flex;	
	align-items: center;
	justify-content: center;
	min-height: 70px;
}*/

.site-title {
	display: inline;
	margin-left: 30px;
	font-size: 1.33em;
	font-weight: 700;
	color: #006199;
	text-transform: uppercase;
	letter-spacing: .4em;
}

/* @end */

/* @group Page Navbar */

.page-navbar {
	padding: 10px 0;
	background: #013c5e;
	margin-bottom: 30px;
	margin-top: -40px;
}

.page-navbar ul {
	margin: 0;
}

.page-navbar li {
	display: inline-block;
}

.page-navbar.align-center,
.page-navbar.align-center .vcex-navbar-inner
 {
	text-align: center !important;
}

.page-navbar li a,
.page-navbar .vcex-navbar-inner a.theme-button
 {
	display: inline-block;
	background: #006199 !important;
	color: #f2efe5;
	 padding: 0.5em 1em;
	border: 0;
	margin: 0 5px !important;
	font-size: 1em;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
	
}

.page-navbar li a:hover {
	text-decoration: none;
}


.page-navbar .vcex-navbar-inner


/* @end */

/* @group Layout */

.vcex-image-banner.vcex-soh .vcex-ib-overlay, .vcex-image-banner.vcex-soh .vcex-ib-title, .vcex-image-banner.vcex-soh .vcex-ib-caption {
    visibility: visible !important;
   
}

.vcex-image-banner.vcex-soh .vcex-ib-overlay {
	-moz-opacity: 0.8 !important;
	-webkit-opacity: 0.8 !important;
	opacity: 0.8 !important;
}



#section-lead {
	padding: 40px;
	/*width: 70%;*/
	background: #FFF;
	margin: -100px auto 60px;
}


.vc_column-inner {
    margin-bottom: 0px !important;
}

.section {
	/*margin-top: 40px;
	margin-bottom: 40px;*/
	padding-top: 60px;
	padding-bottom: 60px;
}

#main .metaslider {
	position: relative;
}

#main .metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    /*background: none !important;*/
    color: white;
    opacity: 1 !important;
    margin: 0;
    display: block;
    width:80%;
    line-height: 1.4em;
}

#main .metaslider .caption, #hero-img .caption {
    max-width: 70%;
    margin: 0 auto;
    padding: 0px !important;
    word-wrap: break-word;
    text-align: center;
    font-size: 2.4em;
    font-weight: 700;
    line-height: 1.2;
   
    color: #fff;
    text-shadow: 1px 1px 1px #222;
}
/* @end */

/* @group Buttons */

.theme-button {
	margin: 30px 30px 30px 0;
	background-color: #438835 ;
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: .05em;
	font-family: 'Roboto Condensed', Helvetica, sans-serif;
}

.vcex-navbar a.theme-button {
	background: #fff !important;
	margin: 0 10px !important;
}

.theme-button.minimal-border {
	color: #555;
	border: 2px solid #ccc;
	background: #fff;
}

.wpex-carousel-slide .theme-button.minimal-border.white{
	color: #222;
}

/* @end */

/* @group Navigation */

#site-header {
	background: #f2efe5;
}
#site-header-inner {
    padding-top: 10px;
    padding-bottom: 10px;

}

.has-mobile-menu #site-header {
	/*border-bottom: 3px solid #006199;*/
}

.navbar-style-two {
    position: relative;
    background:#006199;
    border: 0;
}

#site-navigation-sticky-wrapper.is-sticky #site-navigation-wrap {
	background:#006199;
}


.navbar-style-two .dropdown-menu>li>a {
	color: #fff;
}

 #site-navigation .dropdown-menu >.current-menu-item >a, 
 #site-navigation .dropdown-menu >.current-menu-parent >a,
  #site-navigation .dropdown-menu >.menu-item >a:hover {
    color: #fff !important;
}

#site-navigation .dropdown-menu a {
	font-size: 1.25em;
	font-weight: normal;
	letter-spacing: 0.05em;
}

.navbar-style-two .dropdown-menu li {
    border-right: 1px solid #94b5c8;
}
.navbar-style-two .dropdown-menu {
    border-left: 1px solid #94b5c8;
    border-right: 0px solid #94b5c8;
}

.navbar-style-two .dropdown-menu .search-toggle-li, .navbar-style-two .dropdown-menu .woo-menu-icon {
	border: 0;
}


.mobile-toggle-nav {
	border-top: 3px solid #006199;
	border-bottom: 3px solid #006199;
}

.mobile-toggle-nav a {
	
}

#mobile-menu a {
	background: #006199;
	color: #fff;
	border: 0;
}

#mobile-menu a:hover {
	background: #006199;
	color: #fff;
}

#wpex-mobile-menu-navbar {
    background: #006199;
    text-align: right;
}

#wpex-mobile-menu-navbar .mobile-menu-toggle {
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    font-size: 1.077em;
}

/* @end */

/* @group Members */

.member-image {
	position: relative;
	text-align: center;
	width: 200px;
	height: 200px;
	float: left;
	margin: 10px;
	border: 1px solid #efefef;
	padding: 10px;
	display: flex;
	  align-items: center;
	  justify-content: center;
}

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

.member-name {
display: table-cell;
	vertical-align: middle;
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	top: 0;
	left: 0;
	right: 0;
	text-align: center;
	z-index: 100;
	background: rgba(0,0,0,.8);
	color: #fff;
	padding: .4em;
}

/* @end */

/* @group conference */


.single-conference #main {
	padding-top: 300px;
}

.conference-background {
	padding-bottom: 60px;
}

.single-conference #primary {
	background: #fff;
	/*margin-top: 300px;*/
	padding: 20px;
	box-shadow: 0px 3px 5px rgba(0,0,0,.3);
	margin-bottom: 30px;
}

.single-conference .no-conference-image #primary {
	margin-top: 30px;
}


.single-conference #primary .site-content {
	padding-bottom: 40px;
}


.conference-page-title {
	/*background: #f2efe5;
	text-align: center;*/
	padding: 20px 0;
	margin-bottom: 40px;
	margin-bottom: 0px;
	margin-top: 0px;
	margin-left:25%;
	border-bottom: 1px solid #ccc;
}

@media only screen and (max-width: 768px) {
	.conference-page-title {
	margin-left: 0;
	}
	.single-conference #primary {
		margin-top: 0;
	}
}

.single-conference .vc_col-sm-9 .vc_column-inner {
	padding-top: 20px;
}

.single-conference .conference-speaker-title {
	margin-top: 0px;
	margin-bottom: 0;
}

.conference-speaker-date {
	font-weight: 600;
}


.single-conference .speaker-meta-fields {
	margin-bottom: 20px;
}

.single-conference .speaker-meta-fields .theme-button {
	margin-top: 20px;
}

.conference-page-title h1 {
	font-size: 1.953em;
	font-size: 1.563em;
		margin: 0;
}


.theme-button.video-link {
	margin-top: 0;
}

.theme-button.featured-conference-link {
	margin: 10px 10px 10px 0;
	font-size: .9em;
}


.conference-top-menu-container .conference-year {
	font-size: 1.25em;
	font-weight: normal;
	line-height: 2.7;
	margin:0 0 0 20px;
	color: #438835;
	text-transform: uppercase;
	letter-spacing: .05em;
}

.no-conference-image .page-header {
	padding: 30px 0;
	background: none;
	border: 0;
	margin: 0;
}

.no-conference-image .page-header-title {
	font-size: 2.441em;
	color: #006199;
	text-align: center;
}


.speaker-archive {
	}

.speaker-archive-item {
	height: 100%;
	
}

.speaker-archive-item img {
	width: 100%;
	height: auto;
}

.speaker-archive-item-media {
	position: relative;
}

.speaker-archive-item-media .theme-button.expanded {
	position: absolute;
	bottom: -30px;
	z-index: 100;
	padding: 0.5em;
}

/* @group Single Image */

.single-conference .site-content .wpb_single_image .wpb_singleimage_heading {
	/*font-size: 1.563em !important;*/
	font-size: 1.25em !important;
	margin: 0 0 10px;
	color: #013c5e;
	text-transform: uppercase;
}

.single-conference .site-content .wpb_single_image {
	padding: 10px;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	text-align: center;
}

/* @end */

/* @group Side Nav */

.widget_nav_menu {
	margin-top:0px;
} 

.widget_nav_menu li {
	list-style: none;
}

.widget_nav_menu {
	line-height: 1.6;
}


.widget_nav_menu .menu li:first-child a{
	background: #006199;
	color: #fff;
}

.widget_nav_menu .menu li:first-child a:hover {
	background: #000;
}


.widget_nav_menu ul.menu li.parent {
	margin: 2em 0;
}

 .widget_nav_menu ul.menu li.parent > a {
 	font-size: 1.25em;
 	font-weight: bold;
 	
 	color: #222;
 }
 
 
 
 
  .widget_nav_menu li.menu-item a {
  	color: #000;
  	display: block;
  	padding: .3em .3em;
  	background: #f2efe5;
 	border-bottom: 1px solid #fff;
  }
  
  
  
 .widget_nav_menu li.current-menu-item a,
 .widget_nav_menu li.menu-item a:hover {
	background: #e3dcc7;
	text-decoration: none;
 }
 
  .widget_nav_menu ul.sub-menu li {
  	
  }

/* @end */

/* @group Speaker List */

	.conference-speaker  {
  	margin: 20px 0;
  	/*border-bottom: 1px solid #e3dcc7;*/
  	background: #efefef;
  }
  
  .single-conference .conference-speaker .vc_column-inner {
  	padding-top: 0 !important;
  }
  
  .conference-speaker-date {
  	margin-bottom: 0;
  }
  
  .conference-speaker .theme-button {
  	margin: 20px 20px 0 0;
  }
  
  .conference-speaker-media {
  /*	width: 25%;
  	margin-right: 2%;*/
  	float: left;
  	
  	margin-bottom: 0 !important;
  }
  
  .conference-speaker-content {
  /*	float: left;
  	width: 73%;*/
  }
  
  a img {
  	display: block;
  }
  
  .conference-speaker-media img{
  	width: 200px;
  	height:auto;
  	max-width: 100%;
  	max-height: 100%;
  }
  
  h4.conference-speaker-header {
  	margin:0;
  	padding-top: 20px;
  }
  .conference-speaker-title {
  	font-style: italic;
  }

/* @end */

.wpb_single_image.vc_align_left {
  	float: left;
  	margin: 0 30px 20px 0;
  }
  


/* @end */

/* @group Page header */


.page-header {
	background: #f2efe5;
	    margin-top: 0px;
	    padding: 30px 0;
	    text-align: center;
	    border-top: 1px solid #e4decc;
}

.page-header-title {
	    font-size: 3.231em;
	    color: #013c5e;
}


.background-image-page-header-overlay {
	display: none !important;
}

.background-image-page-header .page-header-title span {
	background: rgba(22,100,150,.7);
	padding: 3px;
}

/* @end */

/* @group Navigation */


/* @end */

/* @group Footer */


#footer-connect {
	background: #f2efe5;
	margin-top: 0px;
	padding: 30px 0;
	text-align: center;
	border-top: 1px solid #e4decc;
}

#footer-connect .submit {
	margin-top: 30px;
	font-size: 1.077em;
	font-weight: 700;
	    text-transform: uppercase;
	    letter-spacing: .05em;
	    font-family: 'Roboto Condensed', Helvetica, sans-serif;
	    padding: 0.9em 1.2em;
}

#footer-connect #ema_signup_form {
	text-align: left;
}

#footer-connect #ema_signup_form label {
	display: none;
}

#footer-connect #ema_signup_form input {
	width: 100%;
}

#footer-connect .theme-button {
	margin: 0;
}

#footer-connect  h3.vcex-heading-plain {
	font-weight: 400;
	line-height: 1em;
	margin-bottom: 40px;
	font-size: 1.25em;
	/*font-size: 1.2em;*/
}

#footer-connect .column-conservation-connection h3 {
	margin-bottom: 10px !important;
}

#footer-connect input[type="email"] {
	background: #fff;
	
}


#footer-builder .widget_nav_menu li.menu-item a {
    
    padding: .3em 0em;
    background: none;
    border-bottom: 1px solid #507fa0;
}

#footer-builder .widget_nav_menu li.menu-item a:first-child {
	 border-top: 1px solid #507fa0;
}

#footer-builder .widget_nav_menu li.menu-item a:hover {
	background: #507fa0;
}

#footer-builder p,
#footer-builder a,
#footer-builder li {
	color: #f2efe5;
	background: none;
}

#footer-builder h3 {
	color: #94b5c8;
	text-transform: uppercase;
	letter-spacing: .05em;
}

#footer-builder {
	padding: 30px 0;
}

#footer-bottom {
	text-align: center;
    background: #013c5e;
    color: #999;
    font-size: 0.923em;
}

/* @end */

/* @group blog */

/* blog single: float featured image to left
 * Note: Set media after header and meta in theme customizer
	
*/

.single-blog-article #post-media {	
		float: left;
		margin: 0 20px 20px 0;
}
.single-blog-article #post-media img {width: auto !important;}
	
.single-blog-article h2:first-child, 
.single-blog-article h3:first-child, 
.single-blog-article h4:first-child { margin-top: 	0;}


.blog-entry-media img {
	 width: auto !important;
	 margin: 0;
}

.blog-entry-readmore .theme-button {
	margin-left: 0;
}


/* @end */



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


	.page-header.background-image-page-header .page-header-title {
		font-size: 2.074em
	}

	h1, h1.lead {
	  font-size: 2.074em;
	}
	
	h2 {font-size: 1.728em;}
	
	h3 {font-size: 1.44em;}
	
	h4 {font-size: 1.2em;}
	
	#section-lead {
		padding: 20px;
	}
	
	h2.vcex-heading.vcex-heading-plain, 
	h2.vcex-heading.vcex-heading-bottom-border-w-color  {
		font-size: 1.728em;
	}
	
	h3.vcex-heading.vcex-heading-plain {
		font-size: 1.44em;
	}
	
	p.lead { font-size: 1.20em;}
	p.lead-large { font-size: 1.2em;}
	
	
	#site-navigation .dropdown-menu a {
		font-size: 1.15em;
	}
	
}



/*------------------------------------------------------------------
[# Greater than tablets]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) {

}



/*------------------------------------------------------------------
[# Tablet & Small Desktop Widths 768px - 1280px]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {


	
}



/*--------------------------------------------------------------
- Tablet Portrait
--------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}

/*--------------------------------------------------------------
- Tablet Landscape
--------------------------------------------------------------*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {

   
}



/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {
	h1 {
	  font-size: 2.074em;
	}
	
	h2 {font-size: 1.728em;}
	
	h3 {font-size: 1.44em;}
	
	h4 {font-size: 1.2em;}
	
	
	
	.site-title {
		letter-spacing: .2em;
	}
	
	#site-logo {
		display: block;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	.page-header-table {
		height: 300px;
	}
	
	.conference-background {
		background-size: contain !important;
	}
	
	
}


/*--------------------------------------------------------------
- Phone Portrait and Landscape
--------------------------------------------------------------*/

@media only screen and (max-width: 768px) {
/* disable equal heights on mobile */
 	.wpex-vc-row-columns-match-height .wpex-vc-column-wrapper { height: auto !important; }
 	
 	body.hasnt-overlay-header .page-header.background-image-page-header .page-header-table {
 		height: 300px !important;
 	}
 	
 	
 	.section {
 		padding-top: 20px;
 		padding-bottom: 20px;
 	}
 	
 	.page-navbar li a,
 	.page-navbar .vcex-navbar-inner a.theme-button
 	 {
 		padding: 0.5em ;
 		
 		font-size: .9em;
 		 		
 	}
 	
 	.site-title, .total-ext-logo-desc {
 		display: inline;
 		margin-left: 30px;
 		font-size: 1.33em;
 		font-weight: 700;
 		color: #006199;
 		text-transform: uppercase;
 		letter-spacing: .05em;
 	}
 	
 	.single-conference #main {
 	    padding-top: 200px;
 	}
 	
}


/*--------------------------------------------------------------
- Between Phone and Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

.single-conference #main {
	    padding-top: 100px;
	}


#section-lead {
    padding: 0px;
    /* width: 70%; */
    background: #FFF;
    margin: 0;
}

.site-title {
	display: inline;
	margin-left: 10px;
	font-size: 1em;
	font-weight: 700;
	color: #006199;
	text-transform: uppercase;
	letter-spacing: 0;
}

.page-header {
	padding: 20px 0;
}

.page-header-title {
	font-size: 1.77em;
}



   body.hasnt-overlay-header .page-header.background-image-page-header .page-header-table {
   		height: 160px !important;
   	}
}