/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


:root {
	--color-primary: #E74B25; /*naranja*/
	--color-secondary: #002036; /* azul oscuro */
	--color-gris-oscuro: #323232;
	--color-celeste-claro: #EEF4FC;
	--color-white: #ffffff;
	--color-black: #000000;

	--font-primary: "Manrope", system-ui, sans-serif;
}

/* ----------------------------------------------------
   ESTILOS FONTS
---------------------------------------------------- */
body {
	font-family: var(--font-primary);
	font-weight: 400;
	color: var(--color-secondary);
	font-size: 16px; 
	@media (min-width: 1200px) {
		font-size: 18px;
		line-height: 32px;
	}
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	font-family: var(--font-primary);
}

h1 {
	color: var(--color-gris-oscuro);
	font-size: 40px;
	font-weight: 600;

	@media (min-width: 1200px) {
		font-size: 52px;
	}
}

h2 {
	font-size: 30px;
	color: var(--color-primary);
	font-weight: 700;

	@media (min-width: 1200px) {
		font-size: 38px;
	}
}

h3{ 
	font-size: 22px; 
	
	@media (min-width: 1200px) {
		font-size: 30px;
	}
}

h4{ 
	font-size: 19px; 
	font-weight: 500; 
}

h5{ 
	font-size: 18px; 
	font-weight: 400;
}


/* ----------------------------------------------------
   HEADER
---------------------------------------------------- */
.header {
	box-shadow: 0 0.25rem 0.5rem #00000012;
	
	.main-nav > li > a {
		color: var(--color-gris-oscuro);
		font-weight: 400;
		font-size: 18px;
		

		&:hover {
			color: var(--color-primary);
		}
	 }

	.current-menu-item a { 
		font-weight: 700 !important;
		color: var(--color-black) !important;
	}

	.bar { 
		background: var(--color-primary); 
	}
}

.menu-item-143 a{
	background: var(--color-primary) !important;
	color: var(--color-white) !important;
	display: flex !important;
    flex-direction: row !important;
	align-items: center !important;
	border-radius: 2rem;
	padding: 0rem 1.6rem;
}

li#menu-item-143 a {
    padding: 0 2rem;
    margin-left: 2rem;
}

li#menu-item-143.current-menu-item a{
	color: #FFF !important;
}

li#menu-item-143 a:hover{
	background: #000 !important;
}


.main-header .col{
	align-items: center;
}

.main-footer .menu-item-143 a{
	background: none !important;
	padding: 0 !important;
}

.header-ancho{
	padding: 0 16% !important;
	@media (max-width: 1440px) {
	padding: 0 5% !important;
	}
}

/* ----------------------------------------------------
 SUBMENU 
---------------------------------------------------- */


.main-nav .children>li>a, 
.nav-item-children>li>a{
	padding: .6rem 1rem;
}


.nav-item-children>li{
	min-width: 17rem;
}
/* ----------------------------------------------------
   QUIENES SOMOS
---------------------------------------------------- */


/* -------------
   MODAL
---------------- */


[data-modal-type=default] .lqd-lity-container{
	width: fit-content;
    max-width: 1170px;
}


.lqd-lity .lqd-lity-close{
	background: var(--color-primary);
	color: #FFF;
}

.lqd-lity-close-btn-wrap {
    inset-inline-end: 30px;
    top: 30px;
    z-index: 9994;
    position: relative;
    left: 0%;
}

/* -------------
   FLIP
---------------- 

.ld-flipbox-back .ld-flipbox-inner{
	align-items: flex-start !important;
}

.ld-flipbox{
	min-height: 340px;
	border-radius: 20px !important;
	border: solid 2px var(--color-primary);
}

.ld-flipbox-inner{
	padding: 2rem;
}


/* =========================
   FLIPBOX FINAL EDITADO
========================= 

/* SUAVIZAR FLIP 

.ld-flipbox .ld-flipbox-wrap {
	transition: transform 1.2s cubic-bezier(0, 0, 0.2, 1) !important;
	transform-style: preserve-3d;
}

.ld-flipbox .ld-flipbox-face {
	transition: transform 1.2s cubic-bezier(0, 0, 0.2, 1) !important;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
}

/* BORDER RADIUS 

.ld-flipbox .ld-flipbox-front,
.ld-flipbox .ld-flipbox-back {
	border-radius: 20px;
}

.ld-flipbox .lqd-overlay {
	border-radius: 20px;
}

/* OVERLAY BASE 

.ld-flipbox .lqd-overlay {
	background-color: rgba(0,0,0,0);
}

/* FRONT OSCURECE ANTES 

.ld-flipbox .ld-flipbox-front .lqd-overlay {
	transition: background-color 0.7s ease-out;
}

.ld-flipbox:hover .ld-flipbox-front .lqd-overlay {
	background-color: rgba(0,0,0,0.35);
}

/* BACK OSCURECE DESPUES 

.ld-flipbox .ld-flipbox-back .lqd-overlay {
	background-color: rgba(0,0,0,0);
	transition: background-color 0.5s ease-in;
}

.ld-flipbox:hover .ld-flipbox-back .lqd-overlay {
	background-color: rgba(0,0,0,0.3);
	transition-delay: 0.25s;
}

/* CONTENIDO BACK 

.ld-flipbox .ld-flipbox-back .ld-flipbox-inner {
	opacity: 0;
	transform: translateY(10px);
	transition: all 0.5s ease;
}

.ld-flipbox:hover .ld-flipbox-back .ld-flipbox-inner {
	opacity: 1;
	transform: translateY(0);
	transition-delay: 0.35s;
}



.ld-flipbox .ld-flipbox-front .ld-flipbox-inner {
	transition: opacity 0.3s ease;
}

.ld-flipbox:hover .ld-flipbox-front .ld-flipbox-inner {
	opacity: 0.75;
}

---------------- */

#representaciones .lqd-fb-img figure {
    background-size: auto;
}

#representaciones .lqd-fb-style-1:hover .lqd-fb-bg {
       background: #E74B25 !important; 
}

#representaciones .lqd-fb-style-1[data-slideelement-onhover] .lqd-fb-content-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    padding: 0 3rem !important;
}

#representaciones .lqd-fb-img.lqd-overlay{
	background: #FFF;
}

#representaciones .lqd-fb-style-1 .lqd-fb-bg{
	background: none;
}

#representaciones .lqd-fb-style-1 .ld-slideelement-hidden {
    margin-top: 0rem;
}

#representaciones .lqd-fb-txt a {
	color: #FFF;
}

/* -------------
   CLIENTES
---------------- */

#clientes .btn{
	margin-bottom: 1rem;
}

#clientes .wpb_wrapper{
	display: flex;
	flex-direction: column;
}


/* ----------------------------------------------------
   AREAS DE SALUD
---------------------------------------------------- */

#carrusel-soluciones .lqd-fb-content {
    background-color: #323232;
    min-height: 8rem;
    display: flex;
    justify-content: center;
}

#carrusel-soluciones .carousel-item-content:hover .lqd-fb-content {
    background-color: var(--color-primary);
}
#carrusel-soluciones .lqd-fb-content:hover{
	background-color: var(--color-primary);
}

#carrusel-soluciones h3.lqd-fb-content-title.mt-0.h4{
	color: #FFF;
}

/* ----------------------------------------------------
   FOOTER
---------------------------------------------------- */

.col-menu-footer .wpb_wrapper{
	display: flex;
	justify-content: flex-end;
	gap: 70px;
}

.col-menu-footer i{
	transform: rotate(-45deg);
}

.col-datos-footer {
	.wpb_wrapper{
	display: flex;
    justify-content: space-between;
	flex-direction: column;
	        align-items: center;
		@media (min-width: 1200px) {
	flex-direction: row;
	}
		
	}
}

	
	
#footer .menu-item-143 a{
	color: rgb(255 255 255 / 72%) !important;
}

#footer .menu-item-143 a:hover{
	color: #fff !important;
}

	

/* ----------------------------------------------------
   PADDING
---------------------------------------------------- */

.normal-padding{
	padding: 3rem 0;
}


/* ----------------------------------------------------
   CONTACTO
---------------------------------------------------- */

.wpforms-form{
	input{
		border: 2px solid #D8D8D8 !important;
		border-radius: 10px !important;
		background: none !important;
		box-shadow: none !important;
		padding: 2rem 1rem !important;
		color: #636363;
		
		&::placeholder{
			opacity: 1 !important;
		}
		
		&:hover, &:focus{
			border: 2px solid var(--color-primary) !important;
		}
	}
	textarea{
		background: none !important;
		border: 2px solid #D8D8D8 !important;
		height: 120px!important;
		border-radius: 10px !important;
		box-shadow: none !important;
		color: #636363;
		
		&::placeholder{
			opacity: 1 !important;
		}
		&:hover, &:focus{
			border: 2px solid var(--color-primary) !important;
		}
	}
}

.wpforms-container .wpforms-field{
	padding: 7px 0 !important;
}

#map .wpb_raw_code.wpb_content_element.wpb_raw_html{
	margin-bottom: 0 !important;
}


	button#wpforms-submit-106{
	background: #e74b25;
    width: 100%;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
	font-size: 20px;
}

.icono-contacto-wth p {
    width: 14rem;
}

/* Fix: evitar espacio en blanco debajo del footer por dropdowns absolutos */
.main-footer {
    overflow: hidden;
}

/*  */

.soluciones-productos-lista {
	.lqd-fb {
		.lqd-fb-content {
			align-items: center;
			justify-content: center;
			min-height: 7rem;
		}
	}
}