/*
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
*/
::-webkit-scrollbar {
	width: 6px;
}

::-webkit-scrollbar-track {
	background-color: var(--e-global-color-secondary);
}

::-webkit-scrollbar-thumb {
	background-color: var(--e-global-color-primary);
}

.ffj-btn {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    padding: 15px 20px 13px;
    background-color: var(--e-global-color-primary);
    font: 400 1rem / 1.2 "Helvetica", Sans-serif;
    color: #ffffff;
    cursor: pointer;
    overflow: hidden;
}

header .ffj-btn {
	font-family: "Ibrand", Sans-serif;
	letter-spacing: 2px;
}

.ffj-btn::before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background-color: var(--e-global-color-secondary);
	transition: 0.3s ease-out;
}

.ffj-btn:hover::before {
	height: 0%;
}

.ffj-btn span {
    position: relative;
	display: block;
	width: 100%;
	top: 0; 
	left: 0;
	color: #ffffff;
    transition: 0.3s;
}



/* INICIO */
.sr7-layer.font-ibrand {
	font-family: "Ibrand", Sans-serif !important;
}

.mouse-move {
	--translateY: 0 !important;
}

.mouse-move .elementor-element img {
	transition: 0.6s ease;
}

.mouse-move .elementor-element:hover img {
	transform: scale(1.05);
}

.mouse-move .elementor-element:hover .bg-title {
	background-color: var(--e-global-color-secondary);
}

.section-curves {
    width: 100%;
    height: 20px;
	transition: clip-path 0.5s ease;
	z-index: 2;
}

.section-curves.top {
	background-color: #ffffff;
	clip-path: ellipse(50% 100% at 50% 0%);
}

.section-curves.bottom {
	background-color: var( --e-global-color-primary );
	/* u */
	clip-path: polygon(0 0, 100% 0, 100% 96%, 90% 97%, 80% 98%, 70% 99%, 55% 100%, 45% 100%, 30% 99%, 20% 98%, 10% 97%, 0 96%);
	/* n */
	clip-path: polygon(0 0, 100% 0, 100% 95%, 90% 93%, 80% 92%, 70% 91%, 55% 90%, 45% 90%, 30% 91%, 20% 92%, 10% 93%, 0 95%);
	clip-path: ellipse(50% 100% at 50% 100%);
}

.grid-stack > .elementor-element {
	grid-column: 1;
    grid-row: 1;
}

.change-color-section {
	clip-path: polygon(0% -1%, 100% -1%, 100% 100%, 50% 101%, 50% 101%, 0% 100%);
	transition: clip-path 0.2s;
}


/* PRODUCTOS */
body .photo-scroller .scroller-thumbnails .ts-thumb-img:after {
	background-color: rgba(0,0,0,.05);
}


/* CONTACTO */
.form-group p {
	margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

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

.wpcf7-form-control-wrap textarea.wpcf7-form-control {
	resize: vertical;
	height: 200px;
}

#page .wpcf7-submit:hover {
	background-color: var(--e-global-color-primary);
}


/* FOOTER */
.footer-icons .dt-css-grid {
    display: flex;
    align-items: center;
    justify-content: center;
}

.elementor-widget-container .rp-heading {
	font: 400 1rem / 1.2 "Ibrand", Sans-serif;
    letter-spacing: 1px;
}


@media (max-width: 768px) {
	.d-none p br {
		display: none;
	}
	
	.section-curves {
		height: 10px;
	}
	
	.form-group p {
		flex-direction: column;
		gap: 0;
	}
	
	/* FOOTER */
	.footer-icons .dt-css-grid {
		justify-content: flex-start;
	}
}