/*
 Theme Name: Divi Child
 Theme URI: https://www.elegantthemes.com/gallery/divi/
 Description: Divi Child Theme
 Author: Elegant Themes
 Author URI: https://www.elegantthemes.com
 Template: Divi
 Version: 1.0.0
*/
 
/* =Theme customization starts here
------------------------------------------------------- */
/*******************************************
**VARIABLES*******************************
*******************************************/
.woocommerce-variation-price .price woocommerce-Price-amount{font-size:26px;font-weight:800;}
:root {
	--accent-color: #1C3F93; /* Define la variable para el color links */	
	--primary-color:#D80909; /* Define la variable para el color primario */	
	--font-family:'Montserrat',Helvetica,Arial,Lucida,sans-serif; /*Define la fuente del botón*/
	--display-font:'Scope One',Georgia,"Times New Roman",serif;/* Defina la fuenta para títulos*/
	--subtitle-font:'Cabin Condensed',Helvetica,Arial,Lucida,sans-serif;/* Defina la fuenta para subtítulos y botones*/
}


/***********************************************************************************
**GENERIC CLASSES*******************************************************************
***********************************************************************************/
sup{
	position:absulute;bottom:.75em;
	line-height:1em;
	font-size:calc(1em / 1.5);
}
/**BUTTONS************************************************************************/
/**Button Links**/
.et_pb_button:hover{
	border-radius:16px!important;
}
.et_pb_button.btn-link,
.et_pb_button.btn-link:hover{
	border-radius: 0!important;;
	border-bottom:2px solid transparent!important;
	padding-left:0!important;padding-right:0!important;;
	letter-spacing: 1px;
	text-transform: none;
}
.et_pb_button.btn-link:hover{
	border-bottom-color:var(--accent-color)!important;
}
.et_pb_button.btn-link.et_pb_bg_layout_dark:hover{
	color:white!important;
  border-bottom-color:white!important;;
}
/**Button Line**/
.et_pb_button.btn-line{
	border:3px solid black!important;
}
.et_pb_button.btn-line.et_pb_bg_layout_dark{
  border-color:white!important;;
}
.et_pb_button.btn-line.et_pb_bg_layout_dark:hover{
	color:white!important;;
  border-color:white!important;
}
/**Button solid**/
.et_pb_button.btn-solid.et_pb_bg_layout_light{
	border:3px solid black!important;
	background-color:black!important;
	color:white!important;
}
.et_pb_button.btn-solid.et_pb_bg_layout_light:hover{
	border-color:var(--accent-color)!important;
	background-color:var(--accent-color)!important;
	color:white!important;
}
.et_pb_button.btn-solid.et_pb_bg_layout_dark{
  border-color:white!important;
	background-color:white!important;
	color:black!important;
}
.et_pb_button.btn-line.et_pb_bg_layout_dark:hover{
	color:white!important;;
  border-color:white!important;
}
.btn-left.et_pb_button_module_wrapper,
.btn-right.et_pb_button_module_wrapper{
	display:inline-block;
	margin-right:10px;
}


/***********************************************************************************
**COMPONENTS***********************************************************************
***********************************************************************************/
/**FLEX**/
.flex{
	display:flex;
	column-gap:20px;
}
.flex-center,.flex-center ul{justify-content:center;}
.flex-end,.flex-end ul{justify-content:flex-end;}
.flex-space-between{justify-content:space-between;}
.flex-list ul{
	display:flex;
	list-style:none;
	column-gap:20px;
	padding-bottom:0;
}

.flex-txt-column-reverse .et_pb_text_inner{
	display:flex;
	flex-direction:column-reverse;
}


/**Flex-inline**/
.et_pb_row.flex-inline{
	max-width: none;
	width: 100%;
	overflow-y: auto;
}
.et_pb_row.flex-inline > .et_pb_column{
	display:flex;
	justify-content:center;
	column-gap:10px;
}
/**Flex-inline @media break point-Debemos personalizarlo para cada caso***/
@media all and (max-width: 479px) {
	#columns-filter .et_pb_shop ul.products.columns-1 li.product{
	   width:100%!important;
	  }
	  .et_pb_row.flex-inline{
		  padding-left:40%;
	  }
	  .et_pb_row.flex-inline > .et_pb_column > div:first-of-type{
		  padding-left:20px!important;
	  }
	  .et_pb_row.flex-inline > .et_pb_column > div:last-of-type{
		  padding-right:10px!important;
	  }
  
  }
/**GRID**/
.grid{display:grid;}
.gap-20{column-gap:20px;}

/***********************************************************************************
**PLUGINS***************************************************************************
***********************************************************************************/
/**COMPLIANZ**/
#cmplz-document{max-width: 100%!important;margin-bottom:60px;}

/**FORMINATOR*/
form.forminator-ui{
	padding:30px!important;;
}
.forminator-input,
.forminator-radio-bullet,
.forminator-checkbox-box,
.forminator-textarea{
	background-color:rgba(255,255,255,.75)!important;
	border:2px solid #ddd!important;
}
.forminator-input:hover,
.forminator-radio-bullet:hover,
.forminator-checkbox-box:hover,
.forminator-textarea:hover,
.forminator-input:focus,
.forminator-radio-bullet:focus,
.forminator-checkbox-box:focus,
.forminator-textarea:focus{
	border-color:var(--accent-color)!important;
	background-color:rgba(255,255,255,1)!important;
}
.forminator-checkbox-box::before{
	color:var(--accent-color)!important;
}
.forminator-radio-bullet::before{
	background-color:var(--accent-color)!important;
	top:calc(50% - 1px)!important;
}
.forminator-label{
	font-family: var(--subtitle-font)!important;
	font-weight: 400!important;
	color:var(--accent-color)!important;
	font-size:14px!important;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.forminator-button{
	background:var(--accent-color)!important;color:white;
	border-radius:30px!important;;
	font-family: var(--subtitle-font)!important;
	text-transform: uppercase;
	letter-spacing: 1px;

}
.forminator-button:hover,.forminator-button:focus{
	background:black!important;
	box-shadow:none!important;
}
.forminator-button-submit{
	padding:1.5em 2em!important;
	opacity:1;
	box-shadow:0 10px 30px -25px #333!important;
}
.forminator-button-submit:hover, .forminator-button-submit:focus{
	box-shadow:0 10px 30px -15px #333!important;
}
.forminator-error-message{
    color:red;
	font-size:12px;
    line-height: 1.3em!important;
}

/***********************************************************************************
**HEADER****************************************************************************
***********************************************************************************/
/**TOP-BAR***********************************************/
#topbar{
  padding-bottom: 0;
}
#topbar .et_pb_module{
	padding-bottom:0;
	margin-bottom: 0;
}
/**MENU-BAR***********************************************/
#menubar.et_pb_sticky--top{
	background-color:white;
	border-bottom:3px solid black;
}

#menubar .et_pb_menu__logo-wrap:before{
	content:'';
	position:absolute;z-index:-10;left:20px;
	width:130px;height:140px;
	background-image:url('https://elcentrodeingles.org/wp-content/uploads/2025/07/circulo-rojo.png');
	background-repeat:no-repeat;
	background-position: center;
	background-size: contain;
  transition: all 0.5s ease-out;
}
#menusection.et_pb_sticky--top #menubar .et_pb_menu__logo-wrap:before{
	opacity: 0;
}
ul#menu-menu-principal-es > li > a{
  text-transform: uppercase;
}
ul#menu-menu-principal-es li a:hover{
  color:var(--accent-color)!important;
	/*! opacity: 1!important; */
}
.et-menu a:hover,.et-menu a:focus{
	opacity:1;
}

/***********************************************************************************
**FOOTER****************************************************************************
***********************************************************************************/
/**FOOTER-BAR********************************************/
/**BOTTOM-BAR********************************************/
footer .et_pb_text a:hover{text-decoration:underline;}



/***********************************************************************************
**CONTENT***************************************************************************
***********************************************************************************/
/**HOME PAGE*********************************************/

/**OUR COMPANY*******************************************/

/**OUR SERVICES/*****************************************/
#cursos > .et_pb_column{
	column-gap:10px;row-gap:10px;
}
.curso *{
	transition:all .25s ease-in-out;
}
.curso{
  min-height:250px;
	margin-bottom:0!important;	
}
.curso:hover{
	background-color:rgba(0,0,0,.5)!important;;
}
.curso .et_pb_blurb_content{
	position:absolute;
	left:0;bottom:10px;
	padding:0 20px;
}
.curso:hover .et_pb_blurb_content{
	bottom:100px;
}
.curso .et_pb_main_blurb_image{
	margin-bottom: 10px;
}
.curso .et_pb_main_blurb_image .et-pb-icon{
	font-size:30px;
}
.curso .et_pb_module_header{}
.curso:hover .et_pb_module_header{
	min-height:auto;
}
.curso .et_pb_blurb_description {
	line-height:1.5em;
	position:absolute;
	opacity:0;
  width:calc(100% - 40px);
}
.curso:hover .et_pb_blurb_description {
  bottom:auto;
	opacity:1;
}
/**BLOG***************************************/
.entradas-recientes-side article{margin-bottom:0;padding-bottom:0!important;}
#fondos-publicos .et_pb_post{margin-bottom:1em;}


/**CONTACT***Y*******************************************/



/**Responsive Divi Theme Breakpoints & Media queries********************/
/**Responsive Divi Theme Breakpoints & Media queries********************/
/*** Responsive Styles Large Desktop And Above ***/
@media all and (min-width: 1405px) {

}
/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

}
/*** Responsive Styles Tablet And Below ***/
@media all and (min-width: 981px) {
	.grid-2{grid-template-columns:1fr 1fr;}
	.grid-3{grid-template-columns:1fr 1fr 1fr;}
	.grid-4{grid-template-columns:1fr 1fr 1fr 1fr;}
}
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.grid-2,.grid-3,.grid-4{grid-template-columns:1fr 1fr;}
	#menubar .et_mobile_menu{background-color:white!important;;}
	#menubar .et_pb_menu__wrap{padding-bottom:10px;}
	#menubar .et_pb_menu__logo-wrap{}
}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
	
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  	.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
	.flex-list ul{
		display:block;
	}
}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 505px) {
	#topbar .et_pb_social_media_follow{display:none!important;}
}

/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
}