/*
Theme Name: Hello Elementor (Agrocentro)
Theme URI: http://nsrichard.com
Version: 1.0.0
Description: Child Theme Hello Elementor
Author: nsrichard@outlook.com
Author URI: nsrichard@outlook.com
Template: hello-elementor
*/
@media (min-width: 1200px){
	.page-header .entry-title, 
	.site-footer .footer-inner, 
	.site-footer:not(.dynamic-footer), 
	.site-header .header-inner, 
	.site-header:not(.dynamic-header),
	body:not([class*=elementor-page-]) .site-main {
		max-width: 1240px  !important;
	}
}
.container {
    max-width: 1240px !important;
}

.subtitle-1 >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-1 >div > *{
	position: relative;
}
.subtitle-1 >div:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: -10%;
    right: -10%;
	bottom: 0;
	transform: skew(-25deg);
	background: linear-gradient(90deg, #a5c84d 0%, #438647 100%); ;
    border-radius: 5px;
}
.subtitle-1 >div:after{
	content: '';
    display: block;
    position: absolute;
    top: -30px;
    right: -20%;
    width: 60px;
    height: 50px;
    transform: skew(-25deg);
    background: #a5c84d;
    border-radius: 5px;
}

.subtitle-2 >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-2 >div > *{
	position: relative;
}
.subtitle-2 >div:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: -10%;
    right: -10%;
	bottom: 0;
	transform: skew(-25deg);
	background: #a5c84d;
    border-radius: 5px;
}
.subtitle-2 >div:after{
	content: '';
    display: block;
    position: absolute;
    top: -30px;
    right: -20%;
    width: 60px;
    height: 50px;
    transform: skew(-25deg);
    background: #438647;
    border-radius: 5px;
}

.subtitle-3 >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-3 >div a{
	text-decoration: none;
}
.subtitle-3 >div > *{
	position: relative;
}
.subtitle-3 >div:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: -10%;
    right: -10%;
	bottom: 0;
	transform: skew(-25deg);
	background: #a5c84d;
    border-radius: 5px;
}

.subtitle-4 >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-4 >div > *{
	position: relative;
}
.subtitle-4 >div:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: -10%;
    right: -10%;
	bottom: 0;
	transform: skew(-25deg);
	background: #a5c84d;
    border-radius: 5px;
}

.subtitle-5 >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-5 >div > *{
	position: relative;
}
.subtitle-5 >div:before{
	content:'';
	display: block;
	position: absolute;
	top:0;
	left: -5%;
    right: -5%;
    bottom: 5px;
	transform: skew(-25deg);
	background: #a5c84d;
    border-radius: 5px;
}

.subtitle-link >div{
	display: inline-block;
	position: relative;
	padding: 5px 0 10px 0;
}
.subtitle-link >div a{
	text-decoration: none;
}
.subtitle-link >div > *{
	position: relative;
}
.subtitle-link >div:before{
	content:'';
	display: block;
	position: absolute;
	top: -10%;
    left: -30%;
    right: -30%;
	bottom: 0;
	transform: skew(-25deg);
	background: #a5c84d;
    border-radius: 5px;
}


.menu-principal ul li.menu-item.is-active{
	border-bottom: 3px #a8c74e solid;
}
.menu-principal ul li.menu-item a{
	font-weight: normal;
}
.menu-principal ul li.menu-item a[href*='contacto']{
	display: inline-block;
	position: relative;
	margin-left: 15px;
	color: #307946 !important;
    font-weight: 600;
}
.menu-principal ul li.menu-item a[href*='contacto'] > *{
	position: relative;
}
.menu-principal ul li.menu-item a[href*='contacto']:before{
	content:'';
	display: block;
	position: absolute;
	top: 5px;
	left: 0;
	right: 0;
	bottom: 5px;
	transform: skew(-25deg) !important;
	background: #a5c84d;
    border-radius: 5px;
	opacity: 1 !important;
}
.menu-principal ul li.menu-item ul li a{
	color: #307946 !important;
}
.menu-principal ul li.menu-item ul li:hover{
	background: #a5c84d !important;
}

.read-more{
	overflow: hidden;
}
.section-more{
	text-align: center;
	padding: 150px 0 30px 0;
	margin-top: -150px;
	background: linear-gradient(180deg, #ffffff75 0%, #ffffff 50%);
	z-index: 1;
}
.section-more a,
.section-more a:hover{
    padding: 10px 15px;
    color: #438647;
    text-decoration: none !important;
    font-weight: 500;
    border: 1px #438647 solid;
    border-radius: 10px;
}

.section-more-2{
	text-align: center;
	padding: 150px 0 30px 0;
	margin-top: -150px;
	z-index: 1;
}
.section-more-2 a,
.section-more-2 a:hover{
    padding: 10px 15px;
    color: #FFF;
    text-decoration: none !important;
    font-weight: 500;
    border: 1px #FFF solid;
    border-radius: 10px;
	background: #4a9f4e;
}

.btn-white a{
	background: white !important;
	color: #007715;
	padding: 5px 10px;
	border-radius: 5px;
	text-decoration: none !important;
}
.form-contact > div{
	max-width: 600px;
	margin: 0 auto;
}
.form-contact button[type=submit]{
	background: #236d34 !important;
	opacity: 0.8;
}
.form-contact button[type=submit]:hover{
	background: #236d34 !important;
	opacity: 1;
}

/* only desktop */
@media only screen and (min-width: 1025px) {
	
}
/* tablet and mobile */
@media only screen and (max-width: 1024px) {
	.subtitle-link,
	.subtitle-1,
	.subtitle-2,
	.subtitle-3,
	.subtitle-4,
	.subtitle-5{
		margin: 0 auto;
		max-width: 75%;
	}
	
	.menu-principal .hfe-nav-menu-icon{
		color: white;
	}
	.menu-principal ul.hfe-nav-menu li a{
		color: green !important;
	}
}
/* only tablet */
@media only screen and (max-width: 1024px) and (min-width: 768px){
	
}
/* only mobile */
@media only screen and (max-width: 767px) {
	.subtitle-2 >div:before,
	.subtitle-2 >div:after{
		content: initial !important;
	}
	.menu-principal nav.hfe-nav-menu__layout-horizontal{
		margin-top: 20px;
		width: 200%;
		left: -100%;
	}
}