/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

b, strong {
    font-weight: bold;
}

.why-container{
	border:solid #80aa7c 1px;
	border-width:0 2px 2px 2px;
}

.why-headers{
	display:flex;
	background:#80aa7c;
	
}

.why-header{
	flex-basis:33.33%;
	text-align:center;
	position:relative;
	background:#80aa7c;
	text-transform:capitalize;
}

.why-header.wide{
	flex-basis:33.33%;
}

.why-header.mobile{
	display:none;
}

.why-header a{
	font-size:24px;
	color:#333;
	padding:25px;
	display:block;
}
.why-header.active a, .why-header a:hover{
	background:#9bb892;
}



.arrow-down {
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #9BB892;
  display:none;
  position:absolute;
  top:100%;
  left:50%;
  transform:translateX(-50%);
}

.why-header.active .arrow-down {
  display:block;
}

.why-content{
	padding:50px 25px 25px;
	display:none;
}

.why-content.active{
	display:block;
}

/* form fields
-------------------------------------*/
.gform_footer {
	text-align:center;
}

.gform_wrapper ul li.gfield {
   clear: none;
}


.button,
 button, 
 input[type="submit"], 
 input[type="reset"], 
 input[type="button"] {
    background-color: #000;
    color: #ffffff;
    border:solid 1px #000;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 16px !important;
    font-weight: 400;
    padding: 15px 25px;
    margin: 0 auto;
    display:inline-block;
    text-decoration:none;
    -webkit-transition: background 500ms ease-out;
    -moz-transition: background 500ms ease-out;
    -o-transition: background 500ms ease-out;
    transition: background 500ms ease-out;
}

.button:hover, 
button:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover, 
.button:focus, 
button:focus, 
input[type="reset"]:focus, 
input[type="button"]:focus,
 input[type="submit"]:hover{
	background: transparent; /* Old browsers */
	color:#000;
}

input[type=text], input[type=url], input[type=email],input[type=tel],input[type=number], input[type=password], textarea, select , .gform_wrapper input[type=text], .gform_wrapper input[type=url], .gform_wrapper input[type=email], .gform_wrapper input[type=tel], .gform_wrapper input[type=number], .gform_wrapper input[type=password],textarea,select {
	outline-style: none;
	font-size: 16px;
	font-family: inherit;
	letter-spacing: normal;
	padding: 10px !important;
	border:1px solid #333;
	border-width:0 0 1px 0 !important;
	background:transparent;
	width:100%;
}

.gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning,.error {
	background-color: #FFDFE0;
	margin-bottom: 6px !important;
	padding: 6px 6px 4px 6px !important;
	border-top: none;
	border-bottom: none;
}

.gform_wrapper .gform_footer {
	padding: 15px 0 0 0 !important;
	margin: 0 !important;
}

.gform_wrapper span.ginput_product_price {
  color: #369a68;
  font-size:1.5em;
}

.gform_wrapper.gf_browser_chrome .ginput_complex .ginput_right select, 
.gform_wrapper.gf_browser_chrome .ginput_complex select {
    text-indent: 2px;
    line-height: 1.5em;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}

::placeholder,
 option.gf_placeholder:checked {
  color: #666 !important;
}

.gform_wrapper.gravity-theme .gform_fields {  
    grid-row-gap: 25px !important;
}

/* blog
-------------------------------------*/

.blog-title-row {
	background:#a3b997;
	text-align:center;
	padding:5% 0 5%;
	margin-bottom:30px;
}

.blog-title-row h1{
	text-decoration:none;
	font-weight:600;
	text-transform:uppercase;
	padding:0 10%;
	line-height:1em;
	color:#fff;
}

.blog-title-row h1 span{
	font-weight:800;
	color:#bd1e2c;
}

.blog-title-row .blog-grid-sub-title{
	padding:35px 0 0 0;
	margin:0;
	font-size:21px;
	font-weight:400;
	color:#fff;
}

.on-by{
	padding:15px 0 0 0;
	margin:0;
	text-transform:uppercase;
	font-size:21px;
	font-weight:400;
}

.cat-buttons{
	text-align:center;
	padding:0 0 15px;
	margin:0 0 35px;
	border-bottom:1px solid #ccc;
}

.cat-buttons a{
	color:#fff;
	text-transform:uppercase;
	font-size:12px;
	font-weight:800;
	margin:0 5px 15px;
	padding:10px 15px;
	background:#7297A0;
	display:inline-block;
	white-space: nowrap;
	text-decoration:none;
	line-height:1em;
}

.cat-buttons a:hover{
	background:#333;
}

.blog-search-form{
	display:none;
}

.blog-search-form.no-results{
	display:block;
}

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

.blog-search-form form {
	max-width:600px;
	margin:0 auto;
	display:flex;
	justify-content:center;
	align-items:center;
}

.blog-search-form form label{
	width:60%;
	padding:0 10px 0 0; 
	margin:0 !important;
}

.blog-search-form form input[type="search"]{
	width:100%;
}

.blog-search-form form input[type="search"], .blog-search-form form input[type="submit"]{
	padding:0 10px;
	margin:0;
	height:50px;
	line-height:50px;
}

.single-blog-content{
	position:relative;
}

.featured-img-single{
	padding:0 0 25px 0;
}

.single-blog-content .author-meta{
	display:flex;
	align-items:center;
	padding:0 0 25px 20px;
}

.single-blog-content .author-meta .author-data{
	padding:0 30px 0 0;
	margin:0 20px 0 0;
	border-right:solid 1px #fff;
}

.single-blog-content .author-meta .author-img{
	padding:0 10px 0 0;
}

.single-blog-content .author-meta .author-img img{
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	border-radius:50%;
}

.single-blog-content .author-meta .author-name{
	font-weight:800;
	font-size:17px;
}

.single-blog-content .author-meta .author-socials a{
	color:#000;
	margin:0 5px 0 0;
	font-size:15px;
}

.single-blog-content .post-cat-links a{
	color:#000;
	text-transform:lowercase;
	font-weight:600;
	font-size:15px;
}

/* grid
----------------------------------------*/


h1.blog-title-grid{
	font-size:18px;
	font-weight:800;
	margin:0;
	padding:0 0 25px;
	
}

h1.blog-title-grid a{
	color:#7297A0;
}

h1.blog-title-grid a:hover{
	color:#000;
}

.blog-grid-item{
	margin-bottom:40px;
}

.featured-img-grid{
	padding:0 0 25px;
	position:relative;
}

.featured-img-grid .cat-button{
	position:absolute;
	left:-10px;
	top:-10px;
}

.featured-img-grid .cat-button a{
	color:#fff;
	background:#A3B997;
	-moz-border-radius:25px;
	-webkit-border-radius:25px;
	-o-border-radius:25px;
	border-radius:25px;
	padding:5px 15px;
	font-weight:600;
	font-size:12px;
	line-height:1em;
	text-transform:uppercase;
}

.featured-img-grid .cat-button a:hover{
	color:#fff;
	background:#333;
	text-decoration:none;
}

.blog-grid-item a.read-more-link{
	font-weight:800;
	color:#7297A0;
	font-size:14px;
}

.blog-grid-signup{
	background:#efefef;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	-o-border-radius:px;
	border-radius:20px;
	height:100%;
	padding:25px 15px;
}

.blog-grid-signup .gform_wrapper {
	margin-bottom: 0;
  margin-top: 0;
}

.blog-grid-signup ul.gform_fields li.gfield {
	padding-right: 0;
}

body .blog-grid-signup .gform_wrapper ul li.gfield {
    margin-top: 0;
    padding-top: 0;
}

body .blog-grid-signup .gform_wrapper .top_label div.ginput_container {
    margin-top: 0;
}

.blog-grid-signup .gform_wrapper li.hidden_label input {
    margin-top: 0;
}

.blog-grid-signup input[type='submit']{
	width:100% !important;
	text-align:center;
}

.blog-grid-resource{
	padding-bottom:50px;
}

/* responsive media queries
----------------------------------------*/
@media (min-width: 1800px){

}

@media (max-width: 1440px){

}

@media (min-width: 1200px) {

}

@media (max-width: 1199px) {
	
}

@media (min-width: 992px) {
	
	/* tiny slider
	----------------------------------------*/
	.tns-controls button{
		font-size:72px !important;
	}

	.tns-controls [data-controls="prev"] {
		position:absolute;
		left:-50px;
		top:50%;z
		transform: translateY(-50%);
	}

	.tns-controls [data-controls="next"] {
		position:absolute;
		right:-50px;
		top:50%;
		transform: translateY(-50%);
	}
	
	
  
}

@media (max-width: 991px) {
	
	
}

@media (min-width: 768px ) and (max-width: 991px) {
	
}

@media (min-width: 768px){

}

/*-- mobile styles--*/
@media(max-width:767px){
	
	.why-header.wide{
		display:none;
	}

	.why-header.mobile{
		display:block;
		position:relative;
		background:#80aa7c;
	}

}