/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 1.0.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* GENERAL */
:root {
	--mvgrass-font-1: "Segoe UI Variable", Helvetica, Arial, Verdana, sans-serif;
	--mvgrass-font-2: "Pontano Sans", Helvetica, Arial, Verdana, sans-serif;
	--mvgrass-color-1: #89c638;
	--mvgrass-color-2: #ffffff;
}

::-webkit-scrollbar {
  	width: 6px;
}

::-webkit-scrollbar-track {
	background-color: var(--mvgrass-color-2);
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: var(--mvgrass-color-1);
}

h1.vc_custom_heading {
	font-family: var(--mvgrass-font-1);
    text-shadow: 0 8px 10px rgb(0 0 0 / 25%);
}

.font-segoe,
.vc_custom_heading {
	font-family: var(--mvgrass-font-1) !important;
	font-weight: 700 !important;
}

p.vc_custom_heading {
    position: relative;
    display: inline-block;
}

p.vc_custom_heading::before {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 60px;
    width: 60px;
    height: 10px;
    background: url('/wp-content/uploads/2024/02/mvgrass-icono-onda.svg') 50% 50% / 100% no-repeat;
}

.ubtn-link .ubtn {
	border: 1px solid var(--mvgrass-color-1) !important;
    border-radius: 8px;
	font-family: "Secular One", Helvetica, Arial, Verdana, sans-serif;
}


/* HEADER */
.sticky-on .branding a img,
.sticky-on .branding img {
	height: 60px;	
}

.main-nav > li > a .menu-text {
	text-shadow: 0px 0px 8px #ffffff;
}



/* INICIO */
.mvgrass-product-item,
.mvgrass-product-item > .wpb_column, 
.mvgrass-product-item > .wpb_column > .vc_column-inner, 
.mvgrass-product-item > .wpb_column > .vc_column-inner > .wpb_wrapper {
    min-height: 480px;
}

.mvgrass-product-item .wpb_wrapper {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}



/* COMPAÑIA */
.compañia-iconos .aio-icon-top {
    min-height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
}



/* CONTACTO */
.form-group p {
    margin-bottom: 20px;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 1.5em;
}

.form-group p .wpcf7-form-control-wrap {
    width: 100%;
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control {
	margin-bottom: 0;
	padding: 0.625em;
	border-radius: 8px;
	font: normal 1rem / 1 var(--mvgrass-font-2);
}

.form-group p .wpcf7-form-control-wrap .wpcf7-form-control::placeholder {
	opacity: 1;
}

.form-group.button p {
	flex-wrap: wrap;
}
.form-group input.wpcf7-form-control.wpcf7-submit {
	border-radius: 8px;
    background-color: var(--mvgrass-color-2) !important;
	color: var(--mvgrass-color-1) !important;
	font: normal 1.25rem / 1 var(--mvgrass-font-1);
}

.wpcf7-not-valid-tip-text {
    background: red;
}

.info-item:not(:last-child) {
    margin-bottom: 1em;
    border-bottom: 1px solid green;
    padding-bottom: 1em;
}

.info-item .aio-icon-title {
	font: 600 1.25rem / 1 var(--mvgrass-font-2) !important;
	color: #707070;
}

.info-item .aio-icon-description a {
	font-family: var(--mvgrass-font-2);
	color: #707070;
	text-decoration: none;
}

.info-item .aio-icon-description a:hover {
	color: var(--mvgrass-color-1);
}



/* FOOTER */
.footer .wf-wrap .wf-container-footer .wf-container .widget {
	margin-bottom: 0;
    height: 120px;
}

#media_image-2 {
	display: inline-flex;
    align-items: flex-end;
}

#media_image-2 a {
	display: flex;
}

#custom_html-2 {
	display: inline-flex;
    align-items: center;
    justify-content: flex-end;
}

.social-info {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
	gap: 0.625em
}

.social-icons {
    display: flex;
    gap: 0.625em;
}

.social-icons a {
	display: flex;
}

.wa__popup_content .wa__popup_content_list {
    height: 200px;
    overflow: scroll;
}


@media (max-width: 768px) {
	.home p br {
		display: none;
	}

	.vc_row.mvgrass-inicio-section-one-inner {
		margin-top: -11em !important;
	}



	/* COMPAÑIA */
	.vc_row.mvgrass-compania-section-one {
		min-height: 400px !important;
		padding: 0 !important;
		place-content: center;
	}

	.vc_row.mvgrass-compania-section-one h1.vc_custom_heading {
		font-size: 2.5rem !important;
	}
	
	.vc_row.mvgrass-compania-section-two {
		margin-top: -2.5em;
		margin-bottom: 2.5em !important;
	}

	.vc_row.mvgrass-compania-section-two .wpb_column:first-child {
		padding-bottom: 2.5em;
	}
	
	.vc_row.mvgrass-compania-section-three {
		padding: 0 20px !important;
	}
	
	.vc_row.compañia-iconos {
		padding: 2.5em 0 !important;
	}



	/* PRODUCTOS */
	.vc_row.mvgrass-productos-section-one {
		min-height: 400px !important;
		padding: 0 !important;
		place-content: center;
	}

	.vc_row.mvgrass-productos-section-one h1.vc_custom_heading {
		font-size: 2.5rem !important;
	}

	.vc_row.mvgrass-productos-section-two {
		margin-top: -2.5em;
		padding-bottom: 2.5em !important;
	}

	.mvgrass-productos-section-two .wpb_column:first-child {
		padding-bottom: 2.5em;
	}

	.vc_row.mvgrass-productos-section-three {
		gap: 1em;
	}



	/* CONTACTO */
	.vc_row.mvgrass-contacto-section-one {
		min-height: 400px !important;
		padding: 0 !important;
		place-content: center;
	}

	.vc_row.mvgrass-contacto-section-one h1.vc_custom_heading {
		font-size: 2.5rem !important;
	}
	
	.contact-form .vc_column-inner {
		padding-bottom: 0 !important;
		margin-bottom: 2.5em !important;
	}

	.contact-info .vc_column-inner {
		margin-left: 0 !important;
	}

	.form-group p {
		flex-direction: column;
	}
	
	.vc_row.mvgrass-contacto-section-two {
		margin-bottom: 1em !important;
	}



	/* FOOTER */
	#wa .wa__btn_popup {
		right: 10px !important;
		bottom: 10px !important;
	}
}