/* 
Theme Name: Hello Elementor Child theme
Description: Child theme for Hello Elementor.
Author: Pixelpro
Author URI: https://www.pixelpro.com.co/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
*/

/*
Reemplazar estos colores: Enlace normal #3480B2, Enlace al pasar el cursor #20376C
*/

li#wp-admin-bar-elementor_edit_page .ab-sub-wrapper {width: 500px !important;}
#wp-admin-bar-elementor_edit_page .ab-submenu .ab-item {width: 470px !important;}
a {color: #3480B2;}
a:active, a:hover {color: #20376C;}
*:focus {outline: none!important;}
body{
	font-family: "Public Sans", Sans-serif;
	overflow-x: hidden;
	font-size: 16px;
	color: black;
}
/*
 * 
 * 
 * --------------- GENERALES
 * 
 * 
*/

/* -- CARRUSELES -- */
.content-carrusel .ae-post-widget-wrapper {
    padding-bottom: 50px;
}

.content-carrusel.elementor-widget-ae-post-blocks-adv .ae-swiper-outer-wrapper .ae-swiper-button-prev, .content-carrusel.elementor-widget-ae-post-blocks-adv .ae-swiper-container .ae-swiper-button-next {
    transform: none;
    bottom: 0;
    top: inherit;
    background-color:#e0e0e0;
    border-radius:5px;
    display:flex;
    align-items: center;
}
.content-carrusel.elementor-widget-ae-post-blocks-adv .ae-swiper-container .ae-swiper-button-next {
    right: inherit;
    left: 55px
}

.content-carrusel.elementor-widget-ae-post-blocks-adv .ae-swiper-outer-wrapper .ae-swiper-button-prev i, .content-carrusel.elementor-widget-ae-post-blocks-adv .ae-swiper-container .ae-swiper-button-next i {
    font-size:25px;
} 


/*
 * 
 * 
 * --------------- HEADER
 * 
 * 
*/

/*  -- NAV -- */
.main-menu .elementor-nav-menu {
    background-color: #b8b8b88f;
    padding: 30px 10px;
}
.main-menu li.experto-btn.menu-item.menu-item-type-custom a.elementor-item {
    background-color: white;
    border-radius: 8px;
    display: inline-block;
    font-weight: 700;
    text-align: center;
    background-image: url('https://expertos.pixelpro.one/wp-content/uploads/2024/01/icon-experto.svg');
    background-repeat: no-repeat;
    background-position: 20px 8px;
    font-family: 'Inter', sans-serif;
    padding-right: 24px !important;
    padding-left: 50px !important;
	margin-top: 10px;
}
.main-menu li.experto-btn.menu-item.menu-item-type-custom a.elementor-item span {
    color: #0400DB;
    text-decoration: underline;
}




/*
 * 
 * 
 * --------------- HOME 
 * 
 * 
*/

/* --- Tenmas de invetigación y consultoría ---- */
.box-image .elementor-image-box-wrapper .elementor-image-box-content {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: white;
    margin: 0;
}
.box-image .elementor-image-box-wrapper .elementor-image-box-content  h4.elementor-image-box-title {
    width:100%;
    height:100%;
    display:flex;
    margin: 0;
}
.box-image .elementor-image-box-wrapper .elementor-image-box-content  h4.elementor-image-box-title a {
    width:100%;
    height:100%;
    display:flex;
    flex-wrap: wrap;
    align-content:center;
    justify-content:center;
    padding:0 20px;
    transition: 0.2s ease-in-out;
}
.box-image .elementor-image-box-wrapper .elementor-image-box-content  h4.elementor-image-box-title a:hover {
    opacity:0.7;
}
.box-image .elementor-image-box-wrapper .elementor-image-box-content figure.elementor-image-box-img {
    margin:0;
}

.box-image .elementor-image-box-wrapper figure.elementor-image-box-img a {
    display:block;
    height:100%;
    width:100%;
}

/* -- Encuentre su experto -- */
.search-home form ul {
    padding: 0;
    list-style: none;
}

.search-home form ul li label {
    display: flex;
    justify-content: center;
}

.search-home form ul li label input {
    width: 100%;
    max-width: 550px;
    font-size: 16px;
    text-align: center;
    display: flex;
    max-width: 548px;
    padding: 8px 60px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-image: url('https://expertos.pixelpro.one/wp-content/uploads/2024/01/search-icon.svg');
    background-repeat: no-repeat;
    background-position: 30px 10px;
    color: #A4A4A4;
}

/*
 * 
 * 
 * --------------- SINGLE EXPERTO
 * 
 * 
*/

/* -- Redes -- */
.experto-icono-rss .ae_acf_image_wrapper a {
    padding: 6px;
    background-color: white;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
}
.experto-redes .ae-acf-repeater-wrapper {
    justify-content: space-between;
}
/* -- Temáticas -- */
.labels .ae-custom-tax a {
    display: block;
    padding: 8px 20px;
}

/* -- Acordeones -- */
.accordeon-title {
    border-bottom: 1px solid #AEAEAE;
    padding-bottom: 20px;
    cursor: pointer;
}
.accordeon-title .elementor-heading-title {
    display: inline-block;
    position: relative;
}
.accordeon-title .elementor-heading-title::after {
    content:"\f054";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 70%;
    margin-left: 30px;
    transition: 0.2s ease-in-out;
}
.accordeon-title:hover .elementor-heading-title::after {
    margin-left: 50px;
}
.accordeon-info {
    display: none;
	padding-bottom: 40px;
}
.accordeon-info ul {
    padding-left: 20px;
}
.accordeon-info ul li::marker {
    font-size: 13px;
}
/* Editor Elementor */
.elementor-editor-active .accordeon-title {
    border-bottom: inherit;
    padding-bottom: inherit;
    cursor: inherit;
}
.elementor-editor-active .accordeon-title .elementor-heading-title {
    display: inherit;
    position: inherit;
}
.elementor-editor-active .accordeon-title .elementor-heading-title::after {
    content: '';

}
.elementor-editor-active .accordeon-title:hover .elementor-heading-title::after {
    margin-left: inherit;
}
.elementor-editor-active .accordeon-info {
    display: inherit;
	padding-bottom: inherit;
}

/*
 * 
 * 
 * --------------- ENCUENTRE SU EXPERTO
 * 
 * 
*/

/* --- Filtro --- */
.filtro-expertos form ul {
    padding: 0;
    list-style: none;
}

.filtro-expertos form ul li label {
    display: block;
}
.filtro-expertos form ul li  h4 {
    color: white;
    font-size: 12px;
    letter-spacing: 1.92px;
}
.filtro-expertos form ul li label input[type="text"]{
    width: 100%;
    font-size: 16px;
    text-align: left;
    display: flex;
    padding: 8px 0 8px 60px;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-image: url('https://expertos.pixelpro.one/wp-content/uploads/2024/01/search-icon.svg');
    background-repeat: no-repeat;
    background-position: 30px 10px;
    color: black;    
}
.filtro-expertos form ul li label input[type="text"]:placeholder{
    color: #DBDBDB;
}
.filtro-expertos form ul li label .chosen-container.chosen-container-multi {
    width: 100% !important;
}

.filtro-expertos form ul li label .chosen-container-multi .chosen-choices {
    padding: 6px;
    border-radius: 10px;
}

.filtro-expertos form ul li.sf-field-submit input {
    width: 100%;
    border-radius: 8px;
    background: #5754DB;
    border: 0;
}

.filtro-expertos form ul li label .chosen-container-multi .chosen-choices li.search-choice {
    background: transparent;
    border: 0;
    box-shadow: none;
}

.filtro-expertos form ul li label .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    background: url('https://expertos.pixelpro.one/wp-content/uploads/2024/01/close-icon-violet.svg') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    width: 12px;
    height: 12px;
}

.grid-expertos .ae-post-collection article.ae-post-item {
    border-bottom: 1px solid #AEAEAE;
    margin-bottom: 20px;
    padding: 20px 0;
}

.grid-expertos .ae-post-collection > article.ae-post-item:last-child {
    border: 0;
}


/*Dispositivos más grandes que móviles*/
@media all and (min-width: 768px) {
	/*
	 * 
	 * 
	 * --------------- HEADER
	 * 
	 * 
	*/

	/*  -- NAV -- */
	.main-menu .elementor-nav-menu {
		background-color: transparent;
		padding: 0;
	}
	.main-menu li.experto-btn.menu-item.menu-item-type-custom a.elementor-item {
		display: block;
		margin-top: 0;
	}


	
}

/*Dispositivos más grandes que tablets*/
@media all and (min-width: 1024px) {
	/*
	 * 
	 * 
	 * --------------- ENCUENTRE SU EXPERTO
	 * 
	 * 
	*/

	/* --- Filtro --- */
    .filtro-expertos form ul li  h4 {
        text-align: center;
    }
    .filtro-expertos form > ul {
        display: flex;
        flex-wrap: wrap;
    }
    .filtro-expertos form > ul > li {
        margin-right: 20px;
    }
    .filtro-expertos form > ul > li:nth-child(1) {
        width: 60%;
    }
    .filtro-expertos form > ul > li:nth-child(2) {
        width: 18%;
    }
    .filtro-expertos form > ul > li:nth-child(3) {
        width: 18%;
        margin-right: 0;
    }
    .filtro-expertos form > ul > li:nth-child(4) {
        width: 20%;
    }	
}

/*Portátiles comunes y más grande*/
@media all and (min-width: 1320px) {
	html {font-size: 17px;}/*Si se usan tamaños de fuente en rem se verá 106.25% más grande en dispositivos arriba de 1320px*/
	
}

/*Tamaño intermedio entre portátiles comunes y Desktop grande*/
@media all and (min-width: 1500px) {
	html {font-size: 18px;}/*Si se usan tamaños de fuente en rem se verá 112.5% más grande en dispositivos arriba de 1500px*/
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1380px;}/*Pueden retirar esta línea si no se necesita aumentar el tamaño del contenedor de elementor en dispositivos arriba de 1500px*/
}

/*Desktop grande de 1920px, Desktop 4K y Retina*/
@media all and (min-width: 1800px) {
	html {font-size: 20px;}/*Si se usan tamaños de fuente en rem se verá 125% más grande en dispositivos arriba de 1800px*/
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1700px;}/*Pueden retirar esta línea si no se necesita aumentar el tamaño del contenedor de elementor en dispositivos arriba de 1800px*/
}

/*Tablets y móviles*/
@media all and (max-width: 1024px) {
	
}

/*Solo móviles*/
@media all and (max-width: 767px) {
	
}