/*
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
*/
/* GLOBAL */
:root {
	--api-font-1-regular: 'SteradianRegular';
	--api-font-1-medium: 'SteradianMedium';
	--api-font-1-black: 'SteradianBlack';
	--api-font-2: 'Sequel100Black-85';
	--api-alarmas-color: #EC3138;
	--api-clean-color: #0186D1;
	--api-scent-color: #1D160E;
	--api-scent-alt-color: #C8AD7E;
	--api-fumigacion-color: #00B878;
}

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

::-webkit-scrollbar-track {
	background-color: #3F4351;
}

::-webkit-scrollbar-thumb {
	border-radius: 8px;
	background-color: #ffffff;
}

.api-font-1-regular {
	font-family: var(--api-font-1-regular) !important;
}

.api-font-1-black {
	font-family: var(--api-font-1-black) !important;
}

.api-font-2 {
	font-family: var(--api-font-2) !important;
}

.reveal {
	overflow: hidden;
}



/* HEADER */
.dt-nav-menu-horizontal .item-divider {
	border-radius: 50%;
}

.dt-nav-menu-horizontal .menu-item .menu-text {
	font: 1rem / 1 var(--api-font-1-regular);
	text-transform: uppercase;
}

.dt-nav-menu-horizontal .menu-item:nth-child(2) a:hover .menu-text,
.dt-nav-menu-horizontal .menu-item:nth-child(2).current-menu-item a .menu-text,
.dt-nav-menu .menu-item:nth-child(1) a:hover .menu-text,
.dt-nav-menu .menu-item:nth-child(1).current-menu-item a .menu-text {
	color: var(--api-alarmas-color);
}

.dt-nav-menu-horizontal .menu-item:nth-child(4) a:hover .menu-text,
.dt-nav-menu-horizontal .menu-item:nth-child(4).current-menu-item a .menu-text,
.dt-nav-menu .menu-item:nth-child(2) a:hover .menu-text,
.dt-nav-menu .menu-item:nth-child(2).current-menu-item a .menu-text {
	color: var(--api-clean-color);
}

.dt-nav-menu-horizontal .menu-item:nth-child(6) a:hover .menu-text,
.dt-nav-menu-horizontal .menu-item:nth-child(6).current-menu-item a .menu-text,
.dt-nav-menu .menu-item:nth-child(3) a:hover .menu-text,
.dt-nav-menu .menu-item:nth-child(3).current-menu-item a .menu-text {
	color: var(--api-scent-alt-color);
}


.dt-nav-menu-horizontal .menu-item:nth-child(8) a:hover .menu-text,
.dt-nav-menu-horizontal .menu-item:nth-child(8).current-menu-item a .menu-text,
.dt-nav-menu .menu-item:nth-child(4) a:hover .menu-text,
.dt-nav-menu .menu-item:nth-child(4).current-menu-item a .menu-text {
	color: var(--api-fumigacion-color);
}



/* PAGES */
.the7-search-form .the7-search-form__input,
.the7-search-form .the7-search-form__input::placeholder {
	font: 1rem / 1 var(--api-font-1-black);
}

.elementor-heading-title,
.elementor-image-box-title {
	font-family: var(--api-font-2);
}

.elementor-widget-text-editor.with-line::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #707070;
}

.elementor-widget-text-editor.with-line .elementor-widget-container {
	position: relative;
    display: inline-block;
    padding-right: 0.625em;
    background-color: #F6F9FF;
    z-index: 1;
}

.elementor-widget-text-editor.with-line h2 {
	margin-bottom: 0;
	font: 1rem / 1 var(--api-font-2);
}

.elementor-widget-text-editor p,
.elementor-image-box-description,
.elementor-tab-content,
.box-heading {
	font-family: var(--api-font-1-regular);	
}

.elementor-widget-text-editor p strong,
.elementor-accordion-title {
	font-family: var(--api-font-1-black);
}

.elementor-image-box-wrapper {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.elementor-image-box-wrapper .elementor-image-box-img {
    margin-top: -2.5em !important;
    width: 64px !important;
    height: 64px !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

.api-icons.red .elementor-image-box-wrapper .elementor-image-box-img {
	background-color: var(--api-alarmas-color);
}

.api-icons.green .elementor-image-box-wrapper .elementor-image-box-img {
	background-color: var(--api-fumigacion-color);
}

.api-icons.gold .elementor-image-box-wrapper .elementor-image-box-img {
	background-color: var(--api-scent-alt-color);
}

.api-icons.blue .elementor-image-box-wrapper .elementor-image-box-img {
	background-color: var(--api-clean-color);
}

.elementor-image-box-wrapper .elementor-image-box-img img {
	height: 48px;
	width: 48px;
	object-fit: contain;
}

.elementor-accordion .elementor-accordion-item:not(:last-child) {
	margin-bottom: 1.25em;
}

.elementor-accordion .elementor-accordion-item .elementor-tab-title {
    justify-content: space-between !important;
}

.tap-contents {
	position: relative;
	overflow: hidden;
}

.tap-content {
	position: absolute;
	opacity: 0;
	z-index: 0;
	transform: translate(-50%, 0);
	transition: all 1s ease-in-out;
}

.tap-content.active {
	position: relative;
	opacity: 1;
	transform: translate(0, 0);
	z-index: 1;
}



/* HORIZONTAL SCROLL */
#horizontal-scoll {
	padding: 5em 0;
}

.home-seccion-3 .elementor-shortcode::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50vh;
    background-color: #F6F9FF;
}

.horizontal-scoll-wrapper {
	overflow: hidden;
}

.horizontal {
	display: flex;
	height: 100%;
}

.horizontal > div {
	display: flex;
	flex-shrink: 0;
	padding: 0 20px;
}

.horizontal > div:first-child {
	margin-left: 20em;	
}

.horizontal .card {
    position: relative;
    width: 50vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 2.5em;
    background: var(--bg) center / cover no-repeat;
    overflow: hidden;
}

.horizontal .card__image {
	margin-bottom: 40px;
	height: 240px;
	width: auto;
}

.horizontal .card__title {
	margin-bottom: 10px;
	font: 1.5rem / 1 var(--api-font-2);
	text-align: center;
	color: #ffffff;
}

.horizontal .card__desc {
	margin-bottom: 20px;
	font: 1.25rem / 1.4 var(--api-font-1-medium);
	text-align: center;
	color: #ffffff;
}

.horizontal .card__button,
.apigroup__button {
    position: relative;
	display: inline-block;
    background-color: #ffffff;
    text-align: center;
	cursor: pointer;
}

.apigroup__button.d-block {
	display: block;
}

.apigroup__button.w-border {
	border: 1px solid #3F4351;
}

.apigroup__button.blue.w-border {
	border-color: #ffffff;
}

.apigroup__button.b-top {
	border-top: 1px solid #3F4351;
}

.apigroup__button.blue-alt {
	border: 1px solid #ffffff;
}

.horizontal .card__button::before,
.apigroup__button::before {
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: #3F4351;
    transition: 0.3s ease-out;
}

.apigroup__button.red::before {
	background-color: var(--api-alarmas-color);
}

.apigroup__button.green::before {
	background-color: var(--api-fumigacion-color);
}

.apigroup__button.gold::before {
	background-color: var(--api-scent-alt-color);
}

.apigroup__button.blue::before,
.apigroup__button.blue-alt::before {
	background-color: var(--api-clean-color);
}

.apigroup__button.blue-alt.active::before {
	background-color: #065C8D;
}

.horizontal .card__button:hover::before,
.apigroup__button:hover::before {
	width: 0%;
}

.horizontal .card__button span,
.apigroup__button span {         
    position: relative;
    display: block;
	padding: 0.625em 2.5em 0.875em;
	font: 0.875rem / 1 var(--api-font-2);
	color: #ffffff;
	transition: 0.2s 0.1s;
}

.horizontal .card__button:hover span,
.apigroup__button:hover span {
	color: #3F4351;
}



/* ACCORDION */
.accordion-single-item:not(:last-child) {
    margin-bottom: 0.625em;
}

.accordion-single-title {
    position: relative;
	margin: 0;
    border-top: 1px solid #efefef;
    padding: 20px;
	background-color: #F0F0F0;
    font: 1.25rem / 1 var(--api-font-1-black);
    cursor: pointer;
}

.api-alarmas .accordion-single-title {
	color: var(--api-alarmas-color);
}

.api-clean .accordion-single-title {
	color: var(--api-clean-color);
}

.api-scent .accordion-single-title {
	color: var(--api-scent-alt-color);
}

.api-fumigacion .accordion-single-title {
	color: var(--api-fumigacion-color);
}

.accordion-single-title::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 25px;
	display: block;
	width: 8px;
	height: 8px;
	border-top: solid 2px #999;
	border-right: solid 2px #999;
	transform: translateY(-50%) rotate(135deg);
	transition: all 0.2s ease-in-out;
}

.api-alarmas .accordion-single-title::after {
	border-color: var(--api-alarmas-color);
}

.api-clean .accordion-single-title::after {
	border-color: var(--api-clean-color);
}

.api-scent .accordion-single-title::after {
	border-color: var(--api-scent-alt-color);
}

.api-fumigacion .accordion-single-title::after {
	border-color: var(--api-fumigacion-color);
}

.accordion-single-content {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease-in-out;
}

.accordion-single-content div {
	padding: 20px;
}
 
.accordion-single-content * {
	margin-bottom: 0;
	font: 1.15rem / 1.4 var(--api-font-1-regular);
	color: #464646
}

.accordion-single-item.is-open .accordion-single-content {
	max-height: 9999px;
}

.accordion-single-item.is-open .accordion-single-title::after {
	transform: translateY(-50%) rotate(315deg);
}



/* FORMS */
.wpcf7-form .wpcf7-form-control {
    border: 1px solid #3F444D;
    border-radius: 0;
    font: 1rem / 1 var(--api-font-1-regular);
    color: #3F444D;
}

.wpcf7-form .wpcf7-form-control::placeholder {
	font: 1rem / 1 var(--api-font-1-regular);
    color: #3F444D;
	opacity: 1;
}



/* WHATSAPP */
.wa__popup_content_list .wa__popup_content_item,
.wa__popup_powered {
	display: none;
}

.home .wa__popup_content_list .wa__popup_content_item {
	display: block;
}

.page-id-12164 .wa__popup_content_list .wa__popup_content_item:nth-child(1),
.page-id-12627 .wa__popup_content_list .wa__popup_content_item:nth-child(2),
.page-id-12544 .wa__popup_content_list .wa__popup_content_item:nth-child(3),
.page-id-12447 .wa__popup_content_list .wa__popup_content_item:nth-child(4) {
	display: block;
}



/* RESPONSIVE */
@media (max-width: 768px) {
	.removebr p br {
		display: none;
	}

	.horizontal > div:first-child {
		margin-left: 0;
	}
	
	.horizontal .card {
		width: 100vw;
	}
	
	.horizontal .card__image {
		height: 120px;
	}
	
	.accordion-single-title {
		padding-right: 30px;
	}

	.accordion-single-title::after {
		right: 12.5px;
	}
}