/*
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
*/


:root {
	--rla-font-1: "Anton", Sans-serif;
}

::-webkit-scrollbar {
	width: 0.313em;
}

::-webkit-scrollbar-track {
	background-color: #383838;
}

::-webkit-scrollbar-thumb {
	background-color: #E66700;
}



/* HEADER */
nav.dt-nav-menu-horizontal--main ul.horizontal-sub-nav li.no-menu-item .item-content .menu-item-text .menu-text {
    font: 500 1.5rem / 1.4 'Antonio';
}

nav.dt-nav-menu-horizontal--main ul.horizontal-sub-nav li.no-menu-item a:hover {
	color: #ffffff !important;
}


/* INICIO */
li::marker {
    color: #E68C00;
}

.aseguradores-overlay::before {
    content: '';
    position: absolute;
    inset: 0;
    background: url('/wp-content/uploads/2024/12/ramirexlopez-texto-aseguradoras.svg') center / cover no-repeat;
}

.elementor-image-gallery .gallery {
    display: flex;
    align-items: center;
    justify-content: center;
}



/* CONÓCENOS */
.quienes-somos-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/wp-content/uploads/2024/06/ramirezlopez-imagen-nosotros.jpg') 0 100% / 60% no-repeat;
	z-index: -1;
}

.calidad-overlay::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: url('/wp-content/uploads/2024/06/ramirezlopez-imagen-calidad.jpg') 0 100% / 50% no-repeat;
    z-index: -1;
}



/* PERSONAS */
.e-n-tab-title {
	position: relative;
	overflow: hidden;
}

.e-n-tab-title::before {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 20px;
    height: 30px;
    background: #ffffff;
    transform: translate(5px, 20px) rotate(50deg);
}

.personas-tab-content::before {
	content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: calc(100% + 20px);
	transform: translate(-15px, 0);
}

.personas-tab-content.one::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-1.jpg) center center / 100% 100% no-repeat;
}

.personas-tab-content.two::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-2.jpg) center center / 100% 100% no-repeat;
}

.personas-tab-content.three::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-3.jpg) center center / 100% 100% no-repeat;
}

.personas-tab-content.four::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-4.jpg) center center / 100% 100% no-repeat;
}

.personas-tab-content.five::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-5.jpg) center center / 100% 100% no-repeat;
}

.personas-tab-content.six::before {
    background: url(/wp-content/uploads/2024/11/ramirezlopez-border-personas-6.jpg) center center / 100% 100% no-repeat;
}



/* EMPRESAS */
.service-content {
	position: absolute;
    top: 50%;
    left: 0;
    transform: translate(5em, -50%);
    z-index: 1;	
}

.service-content-left {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.service-border {
    border-left: 1px solid #EE7D00;
}

.border-line {
    content: '';
    position: absolute;
    background-color: #EE7D00;
}

.border-line::before {
    content: '';
    position: absolute;
    background: #EE7D00;
}

.border-line.top {
	top: 0;
    left: 0;
    width: 50%;
    height: 0.5px;
}

.border-line.top::before {
	top: 0;
    left: 100%;
    width: 0.5px;
    height: 32px;
}

.border-line.bottom {
	bottom: 0;
    left: 0;
    width: 50%;
    height: 1px;
}

.border-line.bottom::before {
    top: 0;
    left: 100%;
    width: 0.5px;
    height: 32px;
    transform: translate(0, -32px);
}




/* BLOG */
.blog .dt-css-grid .wf-cell:first-child,
.archive .dt-css-grid .wf-cell:first-child {
    grid-column: 1 / 3;
}

.blog .bottom-overlap-layout-list .dt-css-grid .wf-cell:first-child .post .post-entry-content,
.archive .bottom-overlap-layout-list .dt-css-grid .wf-cell:first-child .post .post-entry-content {
    position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}

.blog .dt-css-grid .wf-cell:first-child .post .post-entry-content,
.archive .dt-css-grid .wf-cell:first-child .post .post-entry-content {
    background-color: transparent !important;
    background: linear-gradient(180deg, rgba(110, 120, 126, 0) 0%, rgba(38, 38, 38, 1) 100%);
}


/* INDICADORES */
.indicadores-list {
	display: flex;
	flex-direction: column;
	gap: 0.625em;
}

.indicador-item {
	padding: 0.625em 1.25em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #E66700;
}

.indicador-item:hover {
	background-color: #383838;
}

.indicador-item h3 {
    margin: 0;
	font: 600 1rem / 1 "Raleway", Sans-serif;
    color: #ffffff;
}

.indicador-item img {
    width: 32px;
    height: 32px;
    object-fit: contain;
}

.indicadores.paginator .page-numbers {
	position: relative;
	padding: 5px 10px;
	font: 400 1rem / 1.5 "Anton", Sans-serif;
	color: #2A2A2A;
	transition: color 0.6s ease;
}

.indicadores.paginator .page-numbers::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	height: 100%;
	width: 100%;
	background-color: #E66700;
	opacity: 0;
	transform: translate(-50%, -50%) scale(0);
	z-index: -1;
	transition: transform 0.3s ease-in-out;
}

.indicadores.paginator .page-numbers::after {
	display: none;
}

.indicadores.paginator .page-numbers:hover::before,
.indicadores.paginator .page-numbers.current::before {
	opacity: 1;
	transform: translate(-50%, -50%) scale(1);
}

.indicadores.paginator .page-numbers:hover,
.indicadores.paginator .page-numbers.current {
    color: #ffffff;
}


/* CONTACTO */
.wpcf7-form-control-wrap .wpcf7-form-control {
    border: 1px solid #E66700;
	font: 400 1rem / 1 "Raleway", Sans-serif;
	color: #3E3E3E;
}

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

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

input.wpcf7-form-control.wpcf7-submit.has-spinner {
	padding: 10px 30px;
    background: #E66700;
	font: 400 1.25rem / 1 "Anton", Sans-serif;
}

input.wpcf7-form-control.wpcf7-submit.has-spinner:hover {
	background: #383838 !important;
}

@media (max-width: 1024px) {
	.service-content {
		position: relative;
		top: 0;
		left: 0;
		transform: translate(0, 0);
	}
}

@media (max-width: 768px) {
	nav.dt-nav-menu--main ul.the7-e-sub-nav li.no-menu-item .item-content .menu-item-text .menu-text {
		font: 500 1rem / 1.4 'Antonio';
	}
}

@media (max-width: 600px) {
	br {
		display: none;
	}
	
	.personas-tab-content::before {
		display: none;
	}
	
	.service-content-left {
		position: relative;
		top: 0;
		transform: translate(0, 0);
	}

	.blog .bottom-overlap-layout-list .dt-css-grid .wf-cell:first-child .post .post-entry-content,
	.archive .bottom-overlap-layout-list .dt-css-grid .wf-cell:first-child .post .post-entry-content {
		position: relative;
		background: var(--content-bg-color) !important;
	}

	.blog .dt-css-grid .wf-cell:first-child, 
	.archive .dt-css-grid .wf-cell:first-child {
		grid-column: 1 / 1;	
	}
}