/*
Theme Name: IPMKT
Theme URI:  https://ip-marketing.es
Author:     IP-Marketing
Author URI: https://ip-marketing.es
Template:   Divi
Version:    1.0
License:    GNU General Public License v2 or later
*/


/***********ITEMS SUBMENU VERSION MOBIL - AGRUPADOS POR DEFECTO***********/
/* CSS para Submenu colapsado en Divi */
/*Ajustar el nuevo toggel del submenu*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
    width: 44px;
    height: 100%;
    padding: 0px !important;
    max-height: 44px;
    border: none;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
    background-color: transparent;
}


/*CSS para tener todo acomodado*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position: relative;
}


/*Remover el background color de los items del submenu*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
}



/****** Colapsar submenu por defecto *******/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
    display: none !important;
    visibility: hidden !important;
}


/*Mostra el submenu cuando el toggle este abierto*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
}


/*Ajuste de los estilos del toggle*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-align: center;
    opacity: 1;
}


/*Icono del toggle del submenu cuando esta cerrado*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
    top: 10px;
    position: relative;
    font-family: "ETModules";
    content: '3';
    color: #0C344A;
    border: 1px solid #0C344A;
    background: #f5f5f5;
    border-radius: 50%;
    padding: 3px;
    text-decoration: none !important;
}
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    text-decoration: none;
}

/*Icono del toggle del submenu cuando esta abierto*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
    content: '2';
}


/*Agregar forma de punta cuando el submenu está abierto*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
    position: absolute;
    right: 5%;
    margin-left: -20px;
    top: -14px;
    width: 0;
    height: 0;
    content: '';
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #ffffff;
}

/****** FINAL - Colapsar submenu por defecto *******/





/*************************************************************************************/
/*MENU PC + TABLET*/
.ocultar {
	display: none;
	visibility: hidden;
}
.link-html {
	color: #fff;
}
.link-html:hover {
	color: #E2E102;
}
/*Menu desplegado - Logo + datos de contacto*/
/*Contenidor general*/
.cont-gen-menu-despl-pc {
	display: grid;
	grid-template-columns: 10% auto;
	column-gap: 2vw;
	align-items: end;
}
/*Contenidor de datos de contacto*/
.datos-cont-menu-despl-pc {
	color: #fff !important;
	font-weight: 400;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.cont-gen-menu-despl-pc {
		grid-template-columns: 20% auto;
		align-items: center;
	}
	.datos-cont-menu-despl-pc {
		color: #fff !important;
		font-weight: 400;
	}
}
/*MENU - SMARTPHONE*/
/*Item con el listado de redes sociales*/
.item-menu-xxss {
	display: flex;
	justify-content: center;
	align-items: center;
}

/*HOME*/
/*SECCION (COLORES) BAJO BANNER*/
.cv-postban, .cg-postban { /*Contenedor generico*/
  	display: flex;
  	flex-direction: column;
  	row-gap: 2vh;
}
.cv-tit-img, .cg-tit-img { /*Contenedor titulo + imagen*/
  	display: flex;
  	column-gap: 2vw;
}
.p-tit { /*Titulo*/
  	color: #0C344A;
  	font-size: 2.3vw !important;/*40px*/
  	line-height: 1em;
  	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
  	font-weight: 400;
	text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.p-tit { /*Titulo*/
		font-size: 5vw !important;/*40px*/
	}
}
@media screen and (max-width: 767px){
	.p-tit { /*Titulo*/
		font-size: 7vw !important;/*40px*/
	}
}
.p-cont { /*Contenido*/
  	color: #0C344A;
}
/*SECCIÓN SLIDER*/
/*Tarjetas*/
.c-slider-home { /*Contenedor general*/
	
}
.cs-tit { /*Primera sección del titulo*/
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	font-size: 4vw;/*79px*/
	line-height: .7em;
}
.cs-subtit{/*Segunda sección del titulo*/
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	font-size: 3vw;/*59px*/
	line-height: .7em;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.cs-tit { /*Primera sección del titulo*/
		font-size: 6.5vw;/*79px*/
	}
	.cs-subtit{/*Segunda sección del titulo*/
		font-size: 5vw;/*59px*/
	}
	.cs-cont { /*Contenido*/
		line-height: 1.4em;
	}
}
@media screen and (max-width: 767px){
	.cs-tit { /*Primera sección del titulo*/
		font-size: 7.5vw;/*79px*/
		line-height: .8em;
	}
	.cs-subtit{/*Segunda sección del titulo*/
		font-size: 6vw;/*59px*/
		line-height: .8em;
	}
	.cs-cont { /*Contenido*/
		line-height: 1.2em;
	}
	.dsm_card_carousel_0 > div:nth-child(1) > div:nth-child(4) {
		bottom: -10%;
	}
}
.cs-cont { /*Contenido*/
	font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
}
/*Todos los "items" de la anvegación del slider*/
.slider-home .swiper-pagination-bullet {
	width: 50px;
	height: 5px;
	border-radius: 0;
	margin: .5em !important;
}

/*SECCION CARROUSEL DE ESPECIALIZACIONES*/
/*Separar descripcion del titulo*/
.carr-home p {
	padding-top: 40vh;
}
@media screen and (max-width: 980px) {
	.carr-home p {
		padding-top: 20vh;
	}
}
.dsm-card-button-alignment .dsm_card_wrapper {
	display: grid !important;
}
/*Seccion testimonios home*/
.comas-testimonios {
	text-align: center;
	color: #e2e102;
	font-size: 100px !important;
	line-height: 30px;
}
.comas-cont {
	color: #0c344a;
	text-align: center;
	font-size: 1.4vw;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.comas-cont {
		font-size: 3vw;
	}
}
@media screen and (max-width: 767px){
	.comas-cont {
		font-size: 4vw;
	}
}
/*FORM FOOTER*/
.et-pb-contact-message {
	color: #fff;
}
/*PAGINA COCINAS CENTRALES*/
/*Caso de exito*/
.ce-cocinas-cont {
	display: grid;
	grid-template-columns: auto auto;
}
.ce-cocinas-dreta {
	border-left: 1px solid #fff;
	padding-left: 2vw;
}
/*PAGINA SAGE XRT*/
/*Listado de funcionalidades*/
.col-funcionalidades-xrt {
	display: grid;
	grid-template-columns: 15% auto;
	column-gap: 5vw;
	align-items: center;
}
.row-funcionalidades-xrt {
	display: flex;
	align-items: center;
}
@media screen and (max-width: 980px) {
	.row-funcionalidades-xrt {
		display: block;
	}
}
/*PAGINA DISTRIBUCIÓN*/
.bloque-verde {
	height: 25vh;
	width: 25vh;
	background-color: #E2E102;
}
/*PAGINA ASESORIAS Y DESPACHOS*/
/*Sec LABORAL*/
.cont-desc-laboral {
	display: grid;
	grid-template-columns: 50% 50%;
	gap: 2vw;
}
.cont-desc-laboral li {
	margin: 2vh 0;
}
/*TITULOS H1 BANNER: "SAGES"*/
.big-h1 {
	font-size: 9.5vw;
	font-weight: bold;
	color: #fff;
	line-height: 0.9em;
	text-transform: uppercase;
}
.small-h1 {
	max-width: 40%;
	font-weight: bold;
	font-size: 3vw;
	color: #e2e102;
	line-height: 1.1em;
	text-transform: uppercase;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.big-h1 {
		font-size: 13vw;
	}
	.small-h1 {
		font-size: 4vw;
	}
}
@media screen and (max-width: 767px){
	.small-h1 {
		font-size: 5vw;
	}
}
/*PAGINA CONECTORES*/
/*Seccion carrousel*/
.tit-carr-conectores {
	font-size: 2.5vw;
	color: #fff;
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif;
	font-weight: bold;
}
.cont-carr-conectores {
	font-family:'Raleway',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 400;
	color: #fff;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.tit-carr-conectores {
		font-size: 4.5vw;
	}
}
@media screen and (max-width: 767px){
	.tit-carr-conectores {
		font-size: 6vw;
	}
}
/*PAGINA NOTICIAS*/
/*Módulo "Blog" (Divi)*/
#blog-idesa article {
 	/*background: linear-gradient(180deg, rgba(16,93,135,1) 0%, rgba(16,93,135,1) 70%, rgba(0,0,0,0) 70%);*/
	background: #105D87;
	border: 1px solid #105D87;
	font-weight: 400;
}
#blog-idesa .more-link {
	font-weight: bold;
	text-transform: uppercase;
	float: right;
}
#blog-idesa .more-link:hover {
	opacity: .7;
}
#blog-idesa .more-link::after {
	content: '>';
	color: #105D87;
	padding: 0.1em .5em;
	background: #E2E102;
	margin-left: .5em;
	border-radius: 5px;
}
.pagination {
	max-width: fit-content !important;
	max-width: -moz-fit-content !important;
  	margin: auto !important;
}
.pagination a {
	font-family: 'Ubuntu',Helvetica,Arial,Lucida,sans-serif !important;
	font-size: 1.2em !important;
	color: #105D87 !important;
  	background-color: #E2E102 !important;
  	max-width: fit-content !important;
	max-width: -moz-fit-content !important;
  	padding: .5em 1em !important;
  	margin: 1em !important;
	font-weight: bold !important;
}
.pagination a:hover {
  	color: #E2E102 !important;
  	background-color: #105D87 !important;
}
/*PLANTILLA ENTRADAS*/
/*Botón siguiente entrada*/
.nav-label {
	color: #0C344A;
	background-color: #E2E102;
	padding: .5em 1em;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
}
.nav-label:hover {
	color: #E2E102;
	background-color: #0C344A;
	max-width: -moz-fit-content !important;
	max-width: fit-content !important;
}
.nav-previous {
  margin-right: 1em !important;
}
.nav-next {
  margin-left: 1em !important;
	
}
/*Flecha boton*/
.meta-nav {
	display: none !important;
}
/*PAGINA INTEGRACIONES*/
.et_pb_portfolio_item {
	background-color: #0C344A !important;
}
.grids-destaca .et_pb_portfolio_filters ul {
	display: grid !important;
	align-items: center;
	grid-template-columns: auto auto auto auto auto auto auto auto;
	margin-bottom: 5vh;
}
.grids-destaca .et_pb_portofolio_pagination {
	bottom: -60px;
	background-color: rgba(0,0,0,.8) !important;
}
.fixed-filter {
	position: relative !important;
}
.et_pb_portfolio_filter a {
	font-weight: bold;
	min-height: -moz-fit-content;
	min-height: fit-content;
	text-transform: uppercase;
	color: #0C344A !important;
	background-color: #E2E102 !important;
	text-align: center;
	margin: 1px !important;
	align-items: center;
	height: 5vh !important;
}
.et_pb_portfolio_filter a:hover {
	text-transform: uppercase;
	color: #E2E102 !important;
	background-color: #0C344A !important;
}
.et_pb_portfolio_filter a.active  {
	color: #E2E102 !important;
	background-color: #0C344A !important;
}
.et_pb_portfolio_filter a:hover.active  {
	color: #0C344A !important;
	background-color: #E2E102 !important;
}
@media screen and (min-width: 768px) and (max-width: 980px){
	.grids-destaca .et_pb_portfolio_filters ul {
		grid-template-columns: auto auto auto auto auto;
	}
	.et_pb_portfolio_items {
		grid-template-columns: auto auto !important;
	}
}
@media screen and (max-width: 767px){
	.grids-destaca .et_pb_portfolio_filters ul {
		grid-template-columns: auto auto auto;
	}
	.et_pb_portfolio_filter a {
		font-size: .7em !important;
	}
	.destaca-filter-overlay.open ul {
		display: grid;
		grid-template-columns: auto auto;
		padding: 10px;
	}
	.grids-destaca .destaca-filter-overlay ul li {
		padding: 10px;
		text-align: center;
	}
	li.et_pb_portfolio_filter {
		color: #0C344A !important;
		background-color: #E2E102 !important;
		margin: 1px;
		line-height: .9em;
	}
	.et_pb_portfolio_filter a {
		color: #0C344A !important;
		background-color: #E2E102 !important;
	}
	.et_pb_portfolio_filter a:hover {
		text-transform: uppercase;
		color: #0C344A !important;
		background-color: #E2E102 !important;
	}
	.et_pb_portfolio_filter a.active  {
		color: #0C344A !important;
		background-color: #E2E102 !important;
	}
	.et_pb_portfolio_filter a:hover.active  {
		color: #0C344A !important;
		background-color: #E2E102 !important;
	}
	.destaca-filter-btn {
		top: 15% !important;
	}
}