/* 
Theme Name: EDCO - Ciencias Sociales Uniandes
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: PIXELPRO SAS
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
/* GENERALES */

a {color: #599BD4; text-decoration:underline;}
a:active, a:hover {color: #E37425;}
.white-link a{color:white;text-decoration:underline;}
*:focus {outline: none!important;}
html,body{
	font-size:16px;
	color:#21213E;
  	font-family: "Inter", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	line-height: 1.5em;
	overflow-x:hidden;
}
/* CONTENEDOR ELEMENTOR */
.elementor-section.elementor-section-boxed > .elementor-container {max-width: 95%;}
/* IMAGES */
.full-img *{width:100%;}
.full-img a{display: block;}
/* TÍTULOS */
.elementor-heading-title :is(h1,h2,h3,h4,h5,h6), h1,h2,h3,h4,h5,h6 {
  font-weight: bold;
}

h1, .elementor-heading-title h1{font-size:35px;}
h2, .elementor-heading-title h2{font-size:28px;}
h3, .elementor-heading-title h3{font-size:23px;}
h4, .elementor-heading-title h4{font-size:21px;}
h5, .elementor-heading-title h5{font-size:20px;}
h6, .elementor-heading-title h6{font-size:18px}

/* -- Botones -- */
a.elementor-button {
    position: relative;
}
a.elementor-button::after {
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 50%;
	background-image: url(https://od02hizic4.wpdns.site/wp-content/uploads/2025/08/Frame-4.svg);
	background-size: contain;
	transform: translateY(-50%);
}
.not-icon a.elementor-button::after{
	display:none;
}

/* ----------- BLOQUES ANYWHERE --------- */
.areas-label .ae-custom-tax::before {
    content: 'Áreas:';
    font-weight: bold;
    color: #560e71;
}
/* ------------ CARRUSELES ----------------*/

/* -- Custom carousel -- */
.custom-flip-box .elementor-flip-box__layer__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 20px;
}

.custom-flip-box .elementor-flip-box__layer__inner > div:first-child {
    position:absolute;
    bottom:0;
}

.custom-carousel-padding.elementor-element.elementor-arrows-position-outside .swiper{
    width:calc(100% - 100px)!important;
}

/* -- Carrusel min -- */
.carrusel-min.elementor-element.elementor-pagination-position-outside .swiper .elementor-swiper-button{
	top:inherit;
	right:inheit;
	bottom:-25px;
	background: #212D8F;
	background: linear-gradient(90deg,rgba(33, 45, 143, 1) 0%, rgba(86, 14, 113, 1) 100%);
	border-radius:100%;
	color:white;
	padding:7px;
	z-index:99;
}
.carrusel-min.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-prev{
	left:30%;
}
.carrusel-min.elementor-element.elementor-arrows-position-outside .swiper .elementor-swiper-button-next{
	right:30%;
}

.carrusel-min.elementor-element img{
	height: 90px;
	width: auto;
	object-fit:contain;
	margin: 10px;
}
/* ------------ ELEMENTOR FORM ----------------*/

.elementor-form form input,.elementor-form form select, .elementor-form form textarea {
    padding: 20px;
    border-radius: 10px;
}
.elementor-form form .elementor-button {
    flex-basis: auto !important;
    margin: 0 auto;
    color: black !important;
    position: relative;
}
.elementor-form form .elementor-button::before{
	content: '';
	width: 40px;
	height: 40px;
	position: absolute;
	right: 5px;
	top: 50%;
	background-image: url(https://od02hizic4.wpdns.site/wp-content/uploads/2025/08/Frame-4.svg);
	background-size: contain;
	transform: translateY(-50%);
}
.elementor-form.btn-white form .elementor-button{
	background-color:white;
}

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

.footer-form button.elementor-button[type="submit"] {
    position:absolute;
    right:0;
    padding:0 !important;
    height: auto !important;
    min-height: auto !important;
    top:-45px;
    right:5px;
}
.footer-form button.elementor-button[type="submit"] > span > span{ 
    padding: 5px;
    font-size: 30px;
    background-color:black;
    border-radius:100%;
}

.footer-form input#form-field-email {
    padding:15px 20px;
}
.footer-form input#form-field-email::placeholder{
    text-align:center;
    font-weight:bold;
}


/* --------- CURSOS ------------------*/
.c-filter form ul {
    padding: 0;
}

.c-filter form ul li label {
    display: block;
}
.c-filter .searchandfilter li.sf-field-taxonomy-categoria-de-programa ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 8px;
}

.c-filter .searchandfilter li[data-sf-field-input-type="checkbox"] ul li input {
    margin-top: 2px;
}
/* ------------------  RESPONSIVE ----------------------- */



@media all and (min-width: 768px) {
/*Dispositivos más grandes que móviles*/
	/* - Títulos - */
	h1, .elementor-heading-title h1{font-size:45px;}
	h2, .elementor-heading-title h2{font-size:35px;}
	h3, .elementor-heading-title h3{font-size:26px;}


}

/*Dispositivos más grandes que tablets*/
@media all and (min-width: 1024px) {
	/* --- Cursos grid --- */
	.cursos-grid .aep-filter-bar {
		flex-wrap: nowrap;
		align-items: center;
	}

	.cursos-grid .aep-filter-bar .filter-items {
		flex: 1;
		font-size: 13px;
		line-height: 1;
		text-align: center;
		min-height: 75px;
		display: flex;
		align-items: center;
	}
	
}

/*Portátiles comunes y más grande*/
@media all and (min-width: 1200px) {
	html,body{
		font-size:16px;
	}
	/* CONTENEDOR ELEMENTOR */
	.elementor-section.elementor-section-boxed > .elementor-container {max-width: 1200px;}
	/* TÍTULOS */
	h1, .elementor-heading-title h1{font-size:50px;}
	h2, .elementor-heading-title h2{font-size:35px;}
	

}

/*Tamaño intermedio entre portátiles comunes y Desktop grande*/
@media all and (min-width: 1500px) {


}

/*Desktop grande de 1920px, Desktop 4K y Retina*/
@media all and (min-width: 1800px) {

}

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

}