/*
Theme Name: Meteor Child Theme
Theme URI: https://arraythemes.com/themes/meteor-wordpress-theme/
Author: Array
Author URI: https://arraythemes.com/
Description: Child theme for the Meteor theme by Array.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: meteor
Domain Path: /languages/
Template: meteor
Tags: two-columns, featured-image-header, featured-images, theme-options, custom-background, custom-colors, custom-menu, editor-style, featured-images, theme-options, translation-ready, e-commerce, footer-widgets, full-width-template

(C) 2016 Array, Inc.
*/

/*
This is a starter style.css file for your child theme. For more
information about child themes, visit the following web page:
http://codex.wordpress.org/Child_Themes
*/

/* Add your CSS customizations below this line */

/* PRIMARY ELEMENT STYLES */


body, button, p {
	font-family: "Montserrat", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
}

h4, h5, h6 {
	line-height: 1.4;
}

h1 {
	font-weight: 700;
}

h2, h3, h4 {
	font-weight: 600;
}

p,ul,li {
	font-weight: 400;
}

a {
	color: #09ba41;#09ba41
}

a:hover {
	color: #136B2F;
}


h2.sticky-title {
	font-weight: 700;
}

.page-template-template-full-width-titleless #primary {
	width: 100%;
}

.page-template-template-full-width-titleless .wp-block-columns {
	margin-bottom: 0;
}


/* HEADER STYLES */

.site-identity {
	padding: 2% 0;
}

.site-header {
	background: none;
}

.blog .header-text {
	display: inline;
	padding: 100px;

}

.blog .header-text h1 {
	font-weight: 700;
	font-size: 48px;
}

.entry-header .entry-title {
	font-weight: 500;
	font-size: 42px;
}

.site-title {
	margin-bottom: 5px;
	line-height: 1;
	vertical-align: top;
	font-family: "Montserrat", Helvetica, Arial, sans-serif;
}

.site-header .social-navigation {
	display: inline-block;
	float: right;
	margin: 0 0 0 0;
}

.site-header .social-navigation li:last-child {
	padding-right: 11px;
}

.main-navigation ul li a {
	font-weight: 600 ;
}

.social-navigation a, .social-navigation a:hover {
	color: #000;
}

.social-navigation a:before {
	font-size: 20px;
	line-height: 30px;
	color: #4267B2;
	height: 25px;
	border-radius: 50%;
	transition: ease-in-out .3s;
	vertical-align: top;
	
}

.social-navigation .menu-item {
	margin: 0 5px 0 5px;
}

.social-navigation .menu-text, .social-navigation .menu-text b {
	line-height: 30px;
	vertical-align: top;
}


.social-navigation a:hover:before {
	color: #fff;
	/*
	transform:  rotate(-20deg);
		-moz-transform: rotate(-20deg);
			-webkit-transform: rotate(-20deg);
	animation-timing-function: ease-in-out .3s;
		-webkit-animation-timing-function: ease-in-out .3s;
			-moz-animation-timing-function: ease-in-out .3s;
	*/
}


.social-navigation a[href*="linkedin.com"]:before {
	background-color: #0077b5;
}

.social-navigation a[href*="helensantoro.com/contact"] {
	font-size: 0;
}

.social-navigation a[href*="helensantoro.com/contact"]:before {
	background-color: #1c82f4;
	content:"\f0e0";
	font-size: 14px;
}

.social-navigation a[href*="twitter.com"]:before {
	content: "\f099";
	background-color: #38A1F3;
}

.social-navigation a[href*="facebook.com"]:before {
	color: #4267B2;
	content: "\f082";
	background-color: #fff;
}

.social-navigation a[href*="mailto:"]:before {
	content: "\f410";
	background-color: #171B2C;
}

/*****	SOCIAL ICONS *****

.social-navigation a[href*="codepen.io"]:before {
	content: "\f216";
}

.social-navigation a[href*="digg.com"]:before {
	content: "\f221";
}

.social-navigation a[href*="dribbble.com"]:before {
	content: "\f201";
}

.social-navigation a[href*="dropbox.com"]:before {
	content: "\f225";
}

.social-navigation a[href*="facebook.com"]:before {
	content: "\f203";
}

.social-navigation a[href*="flickr.com"]:before {
	content: "\f211";
}

.social-navigation a[href*="foursquare.com"]:before {
	content: "\f226";
}

.social-navigation a[href*="plus.google.com"]:before {
	content: "\f206";
}

.social-navigation a[href*="github.com"]:before {
	content: "\f200";
}

.social-navigation a[href*="instagram.com"]:before {
	content: "\f215";
}

.social-navigation a[href*="pinterest.com"]:before {
	content: "\f210";
}

.social-navigation a[href*="getpocket.com"]:before {
	content: "\f224";
}

.social-navigation a[href*="polldaddy.com"]:before {
	content: "\f217";
}

.social-navigation a[href*="reddit.com"]:before {
	content: "\f222";
}

.social-navigation a[href*="stumbleupon.com"]:before {
	content: "\f223";
}

.social-navigation a[href*="tumblr.com"]:before {
	content: "\f214";
}

.social-navigation a[href*="vimeo.com"]:before {
	content: "\f212";
}

.social-navigation a[href*="wordpress.com"]:before,
.social-navigation a[href*="wordpress.org"]:before {
	content: "\f205";
}

.social-navigation a[href*="youtube.com"]:before {
	content: "\f213";
}

.social-navigation a[href*="mailto:"]:before {
	content: "\f410";
}

.social-navigation a[href*="spotify.com"]:before {
	content: "\f515";
}

.social-navigation a[href*="twitch.tv"]:before {
	content: "\f516";
}

.social-navigation a[href$="/feed/"]:before {
	content: "\f413";
}

.social-navigation a[href*="path.com"]:before {
	content: "\f219";
}

.social-navigation a[href*="skype.com"]:before {
	content: "\f220";
}
*/

.site-description {
	font-size: 16px;

}

.site-identity .main-navigation {
	margin-top: 5px;
}

.site-identity .main-navigation ul {
	line-height: 1;
}

.main-navigation ul li a {
	line-height: 1;
}

.top-navigation {
	background: #fff;
	box-shadow: 0 5px 35px rgba(50, 50, 93, 0.1), 0 0px 5px rgba(0, 0, 0, 0.07);
}

.main-navigation .sub-menu, .main-navigation .children {
	top: 30px;
}

.drawer {
	background-color: #06395B;
}

.drawer .menu-item-has-children .toggle-sub {
	background-color: rgb(23,27,44);
}

.header-text {
	text-align: left;
}


#page {
	padding-top: 0;
}


.hero-block {
	overflow: hidden;
	margin-bottom: 32px;
}

.hero-block img {
	position: relative;
	float: left;
	z-index: 0;
	border-radius: 3px;
}

.hero-block .content {
	position: absolute;
	float: left;
	z-index: 10;
	background: #f9fafe;
	padding: 30px 30px 40px 30px;
	margin-top: 30px;
	border-radius: 0 3px 3px 0;
	box-shadow: 5px 5px 5px rgba(40,41,42,0.1);
	max-width: 45%
}

.hero-block .content h1 {
	font-size: 34px;
	font-weight: 600;
	color: #06395B;
	position: relative;
	margin: 0 0 25px 0;
}

.hero-block .content .hero-button {
	position: relative;
	display: inline;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 30px;
	padding: 10px 25px;
	background-color: #06395B;
	color: #fff;
	border-radius: 25px;
	

}


.homepage-tile-block {
	position: relative;
	width: 100%;
	margin-bottom: 32px;
	border-radius: 3px;
}

.homepage-tile-rectangle-block {
	border-radius: 3px;
}

.homepage-tile-block.blue, .homepage-tile-block.blue-yellow, .homepage-tile-rectangle-block.blue, .homepage-tile-rectangle-block.blue-yellow {
	background: rgb(23,27,44);
	background: -moz-linear-gradient(-35deg, rgba(23,27,44,1) 0%, rgba(6,68,107,1) 100%);
	background: -webkit-linear-gradient(-35deg, rgba(23,27,44,1) 0%, rgba(6,68,107,1) 100%);
	background: linear-gradient(-35deg, rgba(23,27,44,1) 0%, rgba(6,68,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#171b2c",endColorstr="#06446b",GradientType=1);
}

.homepage-tile-block.yellow, .homepage-tile-rectangle-block.yellow {
	background: rgb(209,146,63);
	background: -moz-linear-gradient(-25deg, rgba(209,146,63,1) 0%, rgba(247,216,114,1) 100%);
	background: -webkit-linear-gradient(-25deg, rgba(209,146,63,1) 0%, rgba(247,216,114,1) 100%);
	background: linear-gradient(-25deg, rgba(209,146,63,1) 0%, rgba(247,216,114,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d1923f",endColorstr="#f7d872",GradientType=1);
}

.homepage-tile-block.green, .homepage-tile-rectangle-block.green {
	background: rgb(19,70,31);
	background: -moz-linear-gradient(-35deg, rgba(19,70,31,1) 0%, rgba(37,171,80,1) 100%);
	background: -webkit-linear-gradient(-35deg, rgba(19,70,31,1) 0%, rgba(37,171,80,1) 100%);
	background: linear-gradient(-35deg, rgba(19,70,31,1) 0%, rgba(37,171,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#13461f",endColorstr="#25ab50",GradientType=1);
}


.homepage-tile-block:after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.homepage-tile-block .content {
  position: absolute;
  width: 100%;
  height: 100%;
  padding: 0;
  
}
.homepage-tile-rectangle-block .content h2, .homepage-tile-rectangle-block .content h4, .homepage-tile-block .content h2, .homepage-tile-block .content h4  {
	color: #fff;
}

.homepage-tile-block .content h2, .homepage-tile-block .content h4 {
	position:absolute; 
	left:0;
}

.homepage-tile-block.yellow .content h2, .homepage-tile-block.yellow .content h4, .homepage-tile-rectangle-block.yellow .content h2, .homepage-tile-rectangle-block.yellow .content h4 {
	color: #06395B;
}

.homepage-tile-block.blue-yellow .content h2, .homepage-tile-rectangle-block.blue-yellow .content h2 {
	color: #F7CA72;
}

.homepage-tile-block .content h2, .homepage-tile-rectangle-block .content h2 {
	font-size: 24px;
	font-weight: 600;
	top:0;   
	padding: 20px 20px 0 20px;                       

}

.homepage-tile-block .content h4, .homepage-tile-rectangle-block .content h4 {
	font-size: 18px;   
	font-weight: 600;        
    bottom:0; 
    padding: 0 20px 20px 20px;                         

}

.homepage-tile-rectangle-block:after {
	  content: "";
	  display: block;
	  padding-bottom: 0;
	}

.homepage-tile-rectangle-block .content {
	  position: relative;
	  width: 100%;
	  height: auto;
	  padding: 0;
	  
}

.homepage-tile-rectangle-block .content h2, .homepage-tile-rectangle-block .content h4 {
		color: #fff;
		position:relative; 
		left:0;
}



.entry-content p a {
		color: #09ba41;
		box-shadow: inset 0 -2px 0 #09ba41;
}

.entry-content p a:hover {
		color: #136B2F;
		box-shadow: inset 0 -2px 0 #136B2F;
}


.widget-area .widget-title , .widget-area .widget-title a {
	color: #272c30 !important;
}


a.read-more {
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.5px;
	line-height: 30px;
	padding: 10px 25px;
	border-radius: 25px;
	color: #fff;
	background: #09ba41;
}

a.read-more:hover {
	background: #09ba41;
}

.page-navigation a, .page-navigation span {
	line-height: 30px;
}


/* PAGE STYLES */
/*
#page {
	padding-top: 0; 
}

.page-template-template-full-width #primary, .single-jetpack-portfolio #primary {
	background: #fff;
	box-shadow: 0 5px 35px rgba(50, 50, 93, 0.1), 0 0px 5px rgba(0, 0, 0, 0.07);
}
.single-jetpack-portfolio #primary {
	width: 100%;
}

.page-template-template-full-width #primary .post-content, .single-jetpack-portfolio #primary .post-content {
	padding: 8%;
}

.page-template-template-portfolio-grid .portfolio-text {
	min-height: 180px;
	text-align: left;

}

.client-name {
	display: block;
	line-height: 1;
	font-size: 14px;
	vertical-align: top;
	text-transform: uppercase;
	color: #95adc4;
}

.page-template-template-portfolio-grid a .featured-image {
	overflow: hidden;
	background-color: #95adc4;
}

.page-template-template-portfolio-grid a .featured-image.external-link:before {
content: "\f0c1";
font-size: 26px;
font-family: 'FontAwesome';
padding: 0;
display: block;
z-index: 10;
vertical-align: middle;
text-align: center;
-webkit-font-smoothing: antialiased;
color: #fff;
background-color: rgba(149, 173, 196, 0.95);
position: absolute;
top: 15px;
right: -55px;
width: 50px;
height: 50px;
line-height: 50px;
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
	-webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;

}

.page-template-template-portfolio-grid a:hover .featured-image.external-link:before {
	right: 0px;
	-webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}


.page-template-template-portfolio-grid a .featured-image img, .page-template-template-portfolio-grid a .portfolio-shadow .portfolio-text h2  {
	-webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.page-template-template-portfolio-grid a:hover .featured-image img {
	opacity: .85;
	transform:  scale(1.05);
		-moz-transform: scale(1.05);
			-webkit-transform: scale(1.05);
	-webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.page-template-template-portfolio-grid a:hover .portfolio-shadow .portfolio-text h2 {
	/*color: #95adc4;*/
	-webkit-transition: .8s ease-in-out;
    -moz-transition: .8s ease-in-out;
    -o-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
}

.page-template-template-portfolio-grid .section-portfolio .jetpack-portfolio h2 {

font-size: 20px;
font-weight: 400;
}


.featured-image, .featured-video {
	margin-bottom: 0;
}

.featured-image img, .featured-video img {
	width: 100% !important;
	max-width: none;
}

#page .more-link {
	padding: 10px 20px;
}

/*.featured-image a img{
	width: 100% !important;
	max-width: none;
}*/

.entry-content .wpforms-container {
	background: none;
	padding: 0;
	box-shadow: none;
}

.nav-next, .nav-previous {
	border: 1px solid #e7ebf2;
}

div.wpforms-container-full .wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
	background: #ac6fbf;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-family: "Nunito Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 18px;
	font-weight: 600;
	padding: 14px 20px;
	-webkit-appearance: none;
	transition: .2s ease-in-out;
}

 div.wpforms-container-full .wpforms-form input[type=submit]:hover, div.wpforms-container-full .wpforms-form button[type=submit]:hover, div.wpforms-container-full .wpforms-form .wpforms-page-button:hover {
	box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.25);
	-webkit-box-shadow: inset 0 0 80px rgba(255, 255, 255, 0.25);
	color: #fff;
	cursor: pointer;
	border: none;
	background-color: none;
}

*/
/* WP FORMS STYLING */
div.wpforms-container-full .wpforms-form .wpforms-field-label {
	font-weight: 500;
}

div.wpforms-container-full .wpforms-form .wpforms-field-sublabel {
	color: #62707c; 
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
	max-width: 100%;
}

div.wpforms-container-full .wpforms-form button[type=submit] {
	width: 100%;
}

.meta-nav-text {
	color: #62707c;
	font-weight: 400;
}

@media (min-width: 600px) {
	.one_half {
		padding-right: 3%;
	}

	.one_half.last_column {
		padding-right: 0;
		padding-left: 3%;
	}
}

/* FOOTER STYLE */

.site-content {
	padding-bottom: 60px;
}

.home .site-content {
	padding-bottom: 0;
}


.home .footer-widgets {
	display: none;
}

.footer-bottom {
	padding-top: 10px;
}

.site-footer {
	background: none;
	color: #62707c;
}

.footer-tagline .footer-text {
	font-size: 14px;
	margin-left: 5px;
}

/* TABLET */

@media (max-width: 1120px) {
	.hero-block .content {
		padding: 25px 25px 35px 25px;
		margin-top: 30px;
		max-width: 70%;
	}
}

@media (max-width: 1060px) {
	.site-identity {
		padding: 2% 0;
	}

	.header-text {
		margin: 5% 0;
	}

	.page-template-template-portfolio-grid .portfolio-text {
		min-height: 190px;
	}

	.homepage-tile-block .content h2 {
		font-size: 20px;                    
		padding: 15px 15px 0 15px; 
	}

	.homepage-tile-block .content h4 {    
		font-size: 14px;
		padding: 0 15px 15px 15px;                    

	}
}

@media (max-width: 1000px) {
	.site-identity {
		padding: 3% 0;
	}

	.header-text {
		margin: 5% 0;
	}

	.page-template-template-portfolio-grid .portfolio-text {
		min-height: 200px;
	}

	.mobile-navigation {
		display: none;
	}

	.top-navigation-right {
		display: inline-block;
	}

	.social-navigation {
		width: initial;
	}

	.top-navigation .main-navigation {
		display: inline-block;
	}

	.site-title-wrap {
		display: inline-block;
		vertical-align: top;
		max-width: 30%;
		width: 100%;
		position: relative;
		text-align: left;
	}

	.footer-tagline + .social-navigation {
		float: left;
	}

	.hero-block .content {
		padding: 20px 20px 30px 20px;
		margin-top: 30px;
		max-width: 80%;
	}
}
@media (max-width: 840px) {

	.page-template-template-portfolio-grid .portfolio-text {
		min-height: 220px;
	}
}


@media (max-width: 800px) {

	.mobile-navigation {
		display: inline-block;
	}

	.top-navigation-right {
		display: inline-block;
		float: none;
		width: 100%;
		max-width: 100%;
		text-align: center;
	}

	.site-header .social-navigation {
		float: none;
		margin-top: 5px;
	}

	.site-header .social-navigation li:last-child {
		padding-right: 0;
	}

	.top-navigation .main-navigation {
		display: none;
	}

	.site-title-wrap {
		max-width: 100%;
		text-align: center;
	}

	.three-column-grid .section-portfolio-grid .jetpack-portfolio:nth-child(3n+3), .three-column-grid .service-posts .post:nth-child(3n+3), .three-column-grid .blog-section .post:nth-child(3n+3) {
		margin-right: 4%;
	}

	.section-portfolio-grid .jetpack-portfolio, .service-posts .post, .blog-section .post {
		width: 48%;
	}

	.three-column-grid .section-portfolio-grid .jetpack-portfolio:nth-child(2n+2), .three-column-grid .service-posts .post:nth-child(2n+2), .three-column-grid .blog-section .post:nth-child(2n+2) {
		margin-right: 0;
	}

	.page-template-template-portfolio-grid .portfolio-text {
		min-height: 180px;
	}

}

@media only screen and (max-width: 782px) {
  	.homepage-tile-block .content h2 {
		font-size: 32px;                    
		padding: 15px 15px 0 15px; 
	}

	.homepage-tile-block .content h4 {    
		font-size: 22px;
		padding: 0 15px 15px 15px;                    

	}

	.hero-block {
		overflow: visible;

	}

	.hero-block img {
		float: none;
	}


	.hero-block .content {
		position: relative;
		float: none;
		padding: 0;
		box-shadow: none;
		border-radius: 0;
		background: transparent;
		margin-top: 10px;
		width: 100%;
	}
}


/* MOBILE */

@media (max-width: 600px) {
	.site-identity {
		padding: 8% 0;
	}
	.header-text {
		margin: 5% auto;
	}

	.section-portfolio-grid .jetpack-portfolio, .service-posts .post, .blog-section .post {
		width: 100%;
		margin-right: 0;
		margin-bottom: 8%;
	}

	.page-template-template-portfolio-grid .portfolio-text {
		min-height: 0px;
	}

	.homepage-tile-block:after, .homepage-tile-rectangle-block:after {
	  content: "";
	  display: block;
	  padding-bottom: 0;
	}

	.homepage-tile-block .content, .homepage-tile-rectangle-block .content {
	  position: relative;
	  width: 100%;
	  height: auto;
	  padding: 0;
	  
	}

	.homepage-tile-block .content h2, .homepage-tile-block .content h4,.homepage-tile-rectangle-block .content h2, .homepage-tile-rectangle-block .content h4 {
		color: #fff;
		position:relative; 
		left:0;
	}

	.homepage-tile-block .content h2, .homepage-tile-rectangle-block .content h2 {
		font-size: 34px;
		font-weight: 600;
		top:0;   
		padding: 30px 30px 0 30px;                       

	}

	.homepage-tile-block .content h4, .homepage-tile-rectangle-block .content h4 {
		font-size: 22px;   
		font-weight: 600;        
	    bottom:0; 
	    padding: 0 30px 30px 30px;                         

	}

	.homepage-tile-block, .homepage-tile-rectangle-block {
		margin-bottom: 15px;
	}


}