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

/*
* Colors
* Orange : 	#F39B1F
* Blue:		#065870
* Neutral:	#EAEAE0
* dark blue #042533

* Light Yellow: #F4CC70
* Dark Neutral: #484745
* Light Blue: #2894B2
*/

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


html {font-size: 1em;}

body {
  background-color: #fff;
  font-family: azo-sans-web, sans-serif !important;
	font-weight: normal;
	font-weight: 400;
  line-height: 1.45;
  color: #222;
  font-size: 18px;
}

h1, h1.vcex-heading,
h2, h2.vcex-heading, 
h3, h3.vcex-heading,
h4, h4.vcex-heading {
  margin: 1em 0 0.5em;
  font-weight: 300;
  line-height: 1.2;
}

/*.site-content h2:first-child {
	margin-top: 0;
}*/

h1, h1.vcex-heading {
  margin-top: 0;
  font-size: 3.157em;
}

h2, h2.vcex-heading {font-size: 2.369em;}

h3, h3.vcex-heading {font-size: 1.777em; font-weight: 500;}

h4, h4.vcex-heading {font-size: 1.333em;font-weight: 500;}

.heading-typography { line-height: 1.45 }

.entry-title.scientific-name {
	font-size: 1.15em;
	font-weight: 300;
	font-style: italic;
	border-bottom: 1px solid #ccc;
	margin-bottom: 1em;
}

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


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: #222; }


p {margin-bottom: 1em;}

p.lead { font-size: 1.333em; line-height: 1.45; color: #222; font-weight:300}


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 }

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

#row-support {
	min-height: 500px;
}

/* pages with no h2 or h3 header */
/*.single-page-content > p.lead {
	margin-top: 2em;
}*/

.single-page-content .vc_row:first-of-type h2 {
	margin-top: 0;
}



.callout-green {
	background: #1e948b;
}

.callout-green * {
	color: #FFF !important;
}

/* @group Total Modules */

h2.vcex-heading {
	text-transform: uppercase;
	letter-spacing: .1em;
	color: #065870;
	font-weight: normal;
}

.vcex-heading-bottom-border-w-color {
	border: 0 !important;
}
.vcex-heading-bottom-border-w-color .vcex-heading-inner {
	border-bottom: 6px solid #F39B1F !important;
}

figure .wpb_single_image_caption {
   
    text-transform: uppercase;
    letter-spacing: .1em;
    text-align: center;
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    color: #fff;
    font-size: 1.2em;
    padding: .5em .5em;
    background: #042533;
    opacity: .9 !important;
}

/* @end */

/* @group Meta Slider */

.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    /*top: 50%;*/
    left: 10%;
    right: 10%;
    background: none !important;
    color: white;
    opacity: 1 !important;
    margin: 0;
    display: block;
    width: 100%;
    line-height: 1.4em;
    padding: 0px;
}


.metaslider .caption, #hero-img .caption{
	max-width: 80%;
	margin: 0 auto;
    padding: 20px 10px;
    word-wrap: break-word;
    text-align: center;
	font-size: 2.4em; 
	font-size: 1.7em; 
    font-weight:normal;
    line-height: 1.2;
    color: #fff;
    text-shadow: 1px 1px 1px #222;
    background: rgba(7,88,112,.7);
}

/* @end */

/* @group styleguide */

div.styleguide-section-header {
    margin: 4rem 0 2rem;
    padding-bottom: 1rem;
	line-height: 1.15;
    padding: .5rem 1rem;
    background: #f7f7f7;
    color: #222;
    border: 1px solid #ccc;
}

.colorswatch { 
    float:left;
    width:120px; 
    margin:1rem; 
    display:inline-block;
    border:0px solid #ccc;
    text-align:center;
}
.color {
    width:120px; 
    height:120px; 
}


.brand-primary {
	color: #508dab;
}

.brand-primary-dark {
	color: #19607c;
}

.brand-primary-light {
	color: #82bddd;
}

.bg-brand-blue {background-color:#065870;}

.bg-brand-orange {background-color:#F39B1F;}
.bg-brand-neutral {background-color:#EAEAE0; }



/* @end */

/* @group Buttons */

.theme-button {
	background-color:#065870;
	margin-top: 2rem;
	font-weight: 400;
}

.theme-button.outline {
	font-weight: 400;
}

.theme-button:hover {
	background: #222;
}

.theme-button.outline:hover {
	background-color:#065870;
}


/* @end */


/* @group callout */

.callout {
	padding: 30px;
	margin-bottom: 30px !important;
}

.callout-dark {
	background: #065870;
	color: #fff !important;
}

.callout-dark * {
	color: #fff;
}

.callout-dark .theme-button {
	border: 1px solid #fff;
}

/* @end */



/* @group Page header */

#top-bar-wrap {
    border-bottom: 0;
    font-size: 1em;
}

#top-bar {
	padding-bottom: 0;
	margin-bottom: -40px;
	z-index: 20000;
	
}

#site-header {
	background: transparent url(images/WDFI-header.jpg) no-repeat right bottom;
	/*background-size:auto 80%;*/
	border-bottom: 8px solid #F39B1F;
}

#site-header-sticky-wrapper.is-sticky #site-header {
	
	background: #fff;
}

#site-header-inner {
    position: relative;
    padding-top: 10px;
    padding-bottom: 0px;
}

.page-header {
	background-color: #EAEAE0;
	background-position:50% 50% !important;
	/*margin-bottom: 0;*/
}

.page-subheading {
	color: #555;
}

.page-header-table {
	padding: 0;
}

.page-header-table-cell {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
    padding: 0;
}

.page-header.background-image-page-header .page-header-title {
	/* background: rgba(9,88,112,.9);*/
	 background: #065870;
	 background: #054557;
	/* background: #042533;*/
	 opacity: .9;
}


/* class  should be removed with theme filter */
.background-image-page-header-overlay {
	opacity: 0;
}

/* @end */

/* @group Navigation */

.navbar-style-one {
	top: 60%;
	left: 25%;
	}

ul#menu-main-menu {
	background: rgba(255,255,255,.8);
	
}

.navbar-style-one .dropdown-menu>li.menu-item>a {

	
    display: block;
    height: 50px;
    line-height: 50px;
    padding: 0 4px;
    color: #222;
    font-weight: 300;
    font-size: 1.44em;
    text-transform: uppercase;
    letter-spacing: .1em;
}

#site-navigation .dropdown-menu>li.menu-item>a:hover, 
#site-navigation .dropdown-menu>li.menu-item.current-menu-item>a, 
#site-navigation .dropdown-menu>li.menu-item.current-menu-parent>a {
	color: #F39B1F;
	/*border-bottom: 3px solid #333;*/
}

#site-navigation .dropdown-menu ul.sub-menu li.menu-item a {
	color: #222;
}


.wpex-mobile-toggle-menu-icon_buttons_under_logo #mobile-menu {
    padding-top: 0px;
    padding-bottom: 10px;
    text-align: center;
}

#sidr-main {
	color: #fff;
	background: #054557;
	font-size: 18px;
}

ul#sidr-id-menu-main-menu > li {
	text-transform: uppercase;
	letter-spacing: .1em;
}

ul#sidr-id-menu-main-menu > li li {
	text-transform: none;
	letter-spacing: 0;
}

/* @end */

/* @group Footer */

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

#footer-bottom, #footer {
	background: #065870;
	color: #efefef;
}

#footer-bottom{
	background: #054557;
	color: #efefef;
}

#footer-bottom p, #footer p,#footer-bottom a, #footer a {
	color: #efefef;
}

/* @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 */


/* @group events Group */

.single-tribe_events .page-header {
	margin-bottom: 0;
}

#tribe-events .theme-button {
	background: #065870 !important;
	font-size: .85em !important;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#tribe-events .theme-button:hover {
	background: #222 !important;
}

#tribe-events .tribe-events-button, .tribe-events-button {
 	background: #be8b8a !important;
 	background: #fff !important;
 	border: 1px solid #ccc;
 	color: #777 !important;
 	padding: .5em 1em !important;
 	font-size: 16px;
 	font-weight: normal;
 	margin-top: 0 !important;
 	font-weight: normal !important;
 }
 
 #tribe-events .tribe-events-button:hover, .tribe-events-button:hover {
 	/*background: #6f2113 !important;*/
 	color: #333 !important;
 }
 
 .tribe-events-cal-links {
 	/*display: ;*/
 }

.tribe-events-before-html {
	font-size:   1.25em; line-height: 1.5; color:#065870; 
	margin-bottom: 40px;
}

h2.tribe-events-page-title {
    margin-top: 0;
    font-weight: 400 !important;
    font-size: 2.441em;
}

.tribe-events-list-separator-month {
    color: #065870 !important;
    font-weight: 400 !important;
}

.tribe-events-loop .tribe-events-event-meta {
    margin-bottom: 1em;
    font-size: 16px !important;
}


.single-tribe_events .tribe-events-event-meta {
	background: #CCEAF2 !important;
}



/* @end */


/*------------------------------------------------------------------
[# 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) {

	#site-header {
		background: transparent url(images/bg-header.jpg) no-repeat right bottom;
		background-size:auto 60%;
		border-bottom: 8px solid #F39B1F;
	}
	
}



/*--------------------------------------------------------------
- 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) {


}


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

@media only screen and (max-width: 767px) {
/* disable equal heights on mobile */
 	.wpex-vc-row-columns-match-height .wpex-vc-column-wrapper { height: auto !important; }
 	
 	body {
 		font-size: 16px;
 	}
 	
 	#site-header {
 		background: #fff;
 	}
 	
 	
 	.metaslider .caption-wrap {
 	top: auto;
 	  bottom: 0;
 	  	left:0;
 	  	right: 0;
 	  	padding: 0;
 }
 	
 	
 	.metaslider .caption, #hero-img .caption{
 		max-width: 100%;
 		
 		font-size: 1.3em; 
 	    font-weight:500;
 	    
 	  /*  background: rgba(7,88,112,1);*/
 	}
 	
}


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

   
}