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

/*@import url("../Total/style.css");*/


/* 
colors

blue:color: #0499c4;
orange:
teal:


helper classes

image hover: wpex-image-hover grow


*/


body {background:transparent; font-family: 'Roboto', 'Helvetica Neue', Arial, sans-serif; font-size: 15px; line-height: 1.5; color: #222; }

/*--------------------------------------------------------------
- Typography
--------------------------------------------------------------*/
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: #0499c4; text-decoration: none; outline: none; }
a:hover { text-decoration: underline ;color:#333;}

/* headings */
h1, h2, h3, h4, h5, h6 { 
	font-weight: 400; 
	color: #0499c4; 
	line-height: 1.5; 
	margin: 30px 0 20px; 
	font-family: 'Roboto Condensed';
}
.heading-typography { line-height: 1.5 }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #0499c4 ;color:#0499c4;}
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: #0499c4; }


h1 { font-size: 2.00em; margin: 0 0 20px; }
h2, h2.vcex-heading { font-size: 1.7em ;}
h3, h3.vcex-heading { font-size: 1.7em; }
h4, h4.vcex-heading { font-size: 1.3em; }
h5 { font-size: 1em ;}
h6 { font-size: 0.9em ;}

h1.page-title {font-weight: normal;font-size: 2.3em}

.page-header-title {
    display: block;
    font-size: 3em;
    line-height: 1.4em;
    font-weight: normal;
    font-weight: 200;
    margin: 0 px;
    color: #0499c4;
}

.vcex-heading {
	font-family: 'Roboto Condensed';
	color: #0499c4 !important;
	font-weight: 200;
	margin-bottom: 20px !important;
	/*font-size: 1.7em !important;*/
}

.vcex-heading-bottom-border-w-color .vcex-heading-inner {
	border-color: #0499c4 !important;
}

.entry-title {color: #0499c4;}


/* @group single image with title overlay */

.wpb_single_image {
	position: relative;
}


/* single image widget title overlay top */
.wpb_single_image .wpb_singleimage_heading {
	font-size: 32px;
	font-weight: normal;
	font-family: 'Roboto Condensed';
	text-align: center;
	position: absolute;
	display: block;
	top: 0;
	left: 0px;
	right:  0px;
	padding: 5px 10px 40px 10px;
	z-index: 1000;
	margin: 0;
	color: #FFF;
	/*background: rgba(0,0,0,.5);*/
	background-image: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0));
}
/* single image widget title overlay bottom */
.wpb_single_image.title-bottom .wpb_singleimage_heading { 
	top: auto;
	bottom: 0;
	padding: 40px 10px 10px 10px;
	background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6));
}

/* @end */

.staff-entry-title {
	font-family: 'Roboto Condensed';
	font-size: 1.1em !important;
	text-transform: uppercase;
	text-align: center;
	color: #555 !important;
	font-weight: 400;
}

.staff-entry-excerpt {
	line-height: 1.3;
	text-align: center;
	font-size: 13px;
}

.span_1_of_6 .staff-entry-media {
	height: 130px;
	width: 173px;
	background: #CCC;
}


.wpex-carousel-entry-media img{
	vertical-align: middle;
}

input[type="text"], input[type="email"],textarea {background: #FFF !important;}

p.quote {
	font-family: 'Roboto Condensed';
	color: #0499c4;
	font-size: 1.2em;
}


/* paragraph */
p { margin: 0 0 20px }
p.lead , .lead p { 
	font-size: 1.313em; 
	/*font-size: 1.4em;*/
	line-height: 1.5; 
	color: #0499c4; 
	color: #333; 
	font-family: 'Roboto Condensed';
}

/* blockquote */
blockquote { background: url("images/base/quote.png") left 4px no-repeat; padding-left: 50px; margin: 40px 0; font-size: 1.231em; color: #ababab; line-height: 1.6em; font-weight: 300; }
blockquote p:last-child { margin: 0 }

/* pre tag */
pre { position: relative; background: #f6f6f6; border: 1px solid #ddd; color: #555; font-size: 0.923em; margin: 30px 0px; padding: 20px; line-height: 1.7em; white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; border-radius: 3px; box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, 0.06); }

/* address */
address { font-size: 0.875em; letter-spacing: 0.5px; margin: 20px 0; }

/* lists > default */
.entry ul, .entry ol { margin: 0 0 20px 30px }
.entry ul { list-style: disc }
.entry ol { list-style: decimal }
.rev_slider ul { margin: 0; padding: 0; }

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

table.impact {
	width: 100%;
}

table.impact td {
text-align: center;
font-family: 'Roboto Condensed';
	padding: 1em;
	font-size: 1.3em;
	line-height: 1.2;
	vertical-align: text-top;
}

table.impact td strong {
	font-size: 1.5em;
	text-transform: uppercase;
	color: #ee7836;
}

table.impact .theme-button {
	/*margin-top: 10px;*/
	float: none;
	display: inline-block;
}

#sidebar-inner .widget-title:first-child {
	margin-top: 0;
}

.timeline-separator-text .sep-text {
    display: inline-block;
    padding: 2px 7px;
    line-height: 1.5em;
    z-index: 99;
    position: relative;
    border-radius: 3px;
    background-color: #ee7836 !important;
    color: #fff !important;
    font-size: 1.4em;
}

.timeline-post-left .timeline-header {
    text-align: left !important;
}

.timeline-item-spt li {
	margin-bottom: 1em;
}

.volunteer-events {
	background: #dbeefa;
	padding: 10px;
	margin-top: 30px;
}

.volunteer-events h2,.volunteer-events h3 {
	margin-top: 0;
}

ul.ecs-event-list {
	margin: 0 0 30px 0;
}

ul.ecs-event-list li {
	list-style: none;
	margin-bottom: 1em;
}

.wp-video {
	margin-left: auto;
	margin-right: auto;
}

/* @group header */

.tagline {
	color: #3e7a9d;
}

#site-header-inner {
	padding-bottom: 20px;
	padding-top: 20px;
}

body.page-header-disabled .navbar-style-two {
	border: 0;
}


#site-header-inner .wpex-vc-column-wrapper {
	margin-bottom: 0;
}


#menu-main-nav {
	background: #0499c4;
	border-radius: 3px;
}


#site-navigation .dropdown-menu ul ul { text-transform: none;font-size: 18px; }



/* Header > two > Navbar */
.navbar-style-one, .navbar-style-two { font-family: 'Roboto Condensed'; text-transform: uppercase;font-size: 18px; color:#e5f5f9; }
.navbar-style-two .dropdown-menu > li > a { display: block; height: 50px; line-height: 50px; padding: 0 4px; color: #fff; font-weight: 400;letter-spacing: 1px;}
.navbar-style-two .dropdown-menu > li > a > span.link-inner { display: inline-block; line-height: 1; padding: 0.5em 0.8em; border-radius: 3px; }

.navbar-style-two .dropdown-menu a:hover { color: #fff !important;}


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

/* remove borders */
.navbar-style-two {
    border-top: 0;
    position: relative;
}

.navbar-style-two .dropdown-menu li {
    border-right:0;
}
.navbar-style-two .dropdown-menu {
    border-left: 0;
    border-right: 0;
}



.navbar-style-two .sub-menu a {text-transform: none;letter-spacing: 0;}
.navbar-style-two .sub-menu a:hover {color: #333 !important;}


.header-two-aside {
    float: left;
    font-size: 1em;
    text-align: left;
    margin-left: 20px;
  /*  width: 100%;*/
}

.header-two-aside .theme-button {
	position: absolute;
	right: 0;
	top: 50%;
}

.page-header {
    margin: 40px 0 0;
    padding:0;
    position: relative;
    background: none;
    border-top: 0;
    border-bottom: 0;
}


/* @end */

/* @group home */


#home-slider {
	position: relative;
}


#home-slider .overlay {
	position: absolute;
	right: 40px;
	bottom: 80px;
	z-index: 1000;
	background: rgba(255,255,255,.8);
	padding: 20px;
	width: 40%;
}


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


.metaslider .caption {
    padding: 0px !important;
    word-wrap: break-word;
    text-align: center;
   
}

.metaslider .caption p {
	background: #ee7836 ;
	background: #02637f ;
	display: inline-block;
	padding: 10px;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #555;
	font-family: 'Roboto Condensed';
	font-size: 1.7em; 
	font-weight:400;
	line-height: 1.2;
}



.metaslider .caption-wrap .theme-button {
	display: inline-block;
	opacity: 1 !important;
	margin-top: 10px;
}

.overlay * {
	margin: 0;
	text-align: center;
}

.overlay p {
	margin-bottom: 20px;
}

#features .wpb_wrapper {
	background: #e5f7f2;
	line-height: 1.4;
	
}
#features .wpb_text_column {
	padding: 10px;
}

#features .wpb_wrapper h1,
#features .wpb_wrapper h2,
#features .wpb_wrapper h3,
#features .wpb_wrapper h4
 {
	margin: 0;
	font-size: 1.7em ;
	font-weight: 400;
	color:#3b86b0;
	color:#02b480;
}


.sidebar-box.tribe-events-list-widget  .widget-title {
	font-family: 'Roboto Condensed';
	font-size: 1.7em; 
	font-weight:400;
	margin: 30px 0 20px;
	color:#0499c4;
	color:#555;
}

#connected {
	background: #dbeefa;
	font-size: 14px;
	margin-bottom: 30px;
}

#connected .wpb_column {
	/*padding-left: 20px;
	padding-right: 20px;*/
}

#connected .wpex-vc-column-wrapper {
	background: rgba(255,255,255,.5);
	padding: 0 10px 10px;
	
}

#connected h3 {
	color: #555;
}

.tribe-events-widget-link a {
	padding: 0.5em 1em;
	background: #0499c4;
	color: #fff;
}
/* @end */

#by-numbers .text-large {
color: #EE7839;
}

#volunteer-signup {
	margin-top: 40px;
	background-repeat: no-repeat;
	/*font-size: 1.5em;*/
}

#volunteer-signup h2 {
	color: #FFF;
	font-size: 3em;
	margin-top: 0;
	margin-bottom: 20px;
}

#banner-great-huki {
	padding: 30px 20px 180px 20px;
	background-image: url(http://dev.malamamaunalua.org/wp-content/uploads/Before-During-Pics.jpg?id=252) !important;
	background-position-x: 50%;
}



#banner-great-huki h2 {
	/*color: #FFF;
	text-shadow: 3px 3px 3px #555;*/
	font-size: 3em;
	margin-top: 0;
	margin-bottom: 20px;
}

#banner-great-huki .lead {
	color: #333;
}


#banner-who-we-are {
	padding-top: 80px;
	padding-bottom: 40px;
}

/* @group events */

.sidebar-box.tribe-events-list-widget ol {
	margin-left: 0;
}

.sidebar-box.tribe-events-list-widget .tribe-event-title {
	margin-bottom: 0;
	margin-top: 0;
}
/* @end */

/* @group helper */

.no-list-style li {
	list-style: none;
}

ul.no-list-style {
	margin-left: 0;
}

.by-numbers li {
	margin-bottom: 20px;
}


.no-margin-left {
	padding-left: 0 !important;
}

.no-margin-right {
	padding-right: 0 !important;
}

.text-large {
	font-size: 1.8em;
}

.text-large.numbers {
	color: #EE7839;
}

.overlay-dark {
	color: #FFF !important;
	background-color: rgba(0,0,0,0.7) !important;
/*	height: 100% !important;*/
}

.overlay-dark .wpb_wrapper > h2 {
	margin-top: 0;
}

.overlay-light {
	color: #222 !important;
	background-color: rgba(255,255,255,0.6) !important;
}


call-out.by-numbers {
	font-size: 1.2em;
}

.vc_gitem-row-position-top {
	
}

.vc_gitem-post-data-source-post_excerpt {
	
}



/*.hide {
	display: none;
}

.vc_gitem-post-data-source-post_excerpt {
	height: 100% !important;

}*/

/* @end */



/* @group footer */

.footer-top p, .footer-top h3 {
	color: #555;

}

.footer-builder-content .vcex-heading {
font-size: 1.7em;
		font-weight: 400;
	    color: #0499c4;
	    line-height: 1.5;
	    margin: 30px 0 20px;
	    font-family: 'Roboto Condensed';
}

.footer-builder {
	background: #DBEEFE;
	width: 100% !important;
	color: #555;
}

.footer-builder-content {
	margin-top: 30px;
}

/* split footer in 2 backgrounds */
/*.vc_row.footer-top {
	background: #DBEEFE;
}

.vc_row.wpb_row.footer-bottom, .vc_row.wpb_row.site-credit {
	background: #DBEEFE;
}*/

#site-credit {
	font-size: 0.7em;
	color: #737373;
}

#site-credit a{ 
	color: #737373;
}

/*.footer-builder-content a {
	color: #333;
}*/



.footer-builder-content .vc_row-fluid {
	margin-left: -15px;
	margin-right: -15px;
}

.vc_icon_element.alignleft {
	margin-right: 0 !important;
}


.footer-top .vcex-button {
  background-color: #C65427 !important;
  color: #fff;
}

.footer-top .vcex-button:hover {
  background-color: #aa461f !important;
  color: #fff;
}

#site-scroll-top {
	background-color: #C65427 !important;
	color: #FFF;
}


/* @end */


/*--------------------------------------------------------------
- All Devices under 960px
--------------------------------------------------------------*/
@media only screen and (max-width: 959px) {

.metaslider .caption-wrap {
    position: relative !important;
    top: 0;
    left: 0;
    background: none !important;
	padding: 0;
}

.metaslider .caption p {
	background: #ee7836 ;
	background: #02637f ;
	display: block;
	padding: 10px;
	font-size: 1.5em;
	text-shadow: 1px 1px 1px #555;
	font-family: 'Roboto Condensed';
	font-size: 1.7em; 
	font-weight:400;
	line-height: 1.2;
}

#site-header {
	border-bottom: 1px solid #0499c4;
}

}

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

   
}


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

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

	/*.container, .vc_row-fluid.container {
	  width: 100% !important;
	  margin-left: 10px !important;
	  margin-right: 10px !important;
	}*/

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


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

#site-header .vision {
	display: none;
}

#site-header .theme-button {
	margin-top: 20px;
}
   
}