/*
 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*******************************
*******************************************/
:root {
	--accent-color: #587BC9; /* Define la variable para el color links */	
	--primary-color:#1A355E; /* Define la variable para el color primario */	
	--secondary-color:#FEC144; /* Define la variable para el color secundario */
  
	--border-radius-square:6px;/* Define la variable "radius" para la curvatura de las esquinas del botón cuadrado */
	--font-family:'Lato',Helvetica,Arial,Lucida,sans-serif; /*Define la fuente del botón*/
	--display-font:'Heebo',Helvetica,Arial,Lucida,sans-serif; /* Defina la fuenta para títulos*/
	--subtitle-font:'Open Sans',Helvetica,Arial,Lucida,sans-serif;/* Defina la fuenta para subtítulos y botones*/
}


/***********************************************************************************
**GENERIC CLASSES*******************************************************************
***********************************************************************************/
/**FLEX**/
.flex{display:flex;}
.flex-wrap{flex-wrap:wrap;}
.flex-center{justify-content:center;}
.flex-space-between{justify-content:space-between;}
.flex-column-reverse{flex-direction:column-reverse;}

.border-radius{border-radius:10px;}
.box-shadow{box-shadow:0px 60px 90px -30px rgba(51,62,78,.38);}

/**BUTTONS**/
.et_pb_button.et_pb_bg_layout_light,
.et_pb_button.et_pb_bg_layout_dark{
  border:4px solid var(--primary-color)!important;
  padding:10px 20px!important;
}
.et_pb_button.btn-line.et_pb_bg_layout_light{
  color:var(--primary-color);
  background-color:transparent;
}
.et_pb_button.btn-line.et_pb_bg_layout_light:hover,
.et_pb_button.btn-line.et_pb_bg_layout_light:focus{
  color:var(--primary-color)!important;;
  background-color:transparent;
}
.et_pb_button.btn-line.et_pb_bg_layout_dark{
  color:var(--secondary-color);
  background-color:transparent;
}
.et_pb_button.btn-line.et_pb_bg_layout_dark:hover,
.et_pb_button.btn-line.et_pb_bg_layout_dark:focus{
  color:var(--secondary-color)!important;;
  background-color:transparent;
}

.et_pb_button.btn-solid.et_pb_bg_layout_light,
.et_pb_button.btn-solid.et_pb_bg_layout_light:hover,
.et_pb_button.btn-solid.et_pb_bg_layout_light:focus{
  color:var(--secondary-color)!important;;
}

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

/**FORMINATOR**/
.forminator-button{
  background-color:#000000;
  color:#FFFFFF!important;
  border-width:0px!important;
  border-radius:100px!important;
  font-size:16px!important;;
  font-weight:700!important;
  letter-spacing: 1px;
  padding-top: 16px !important;
  padding-right: 24px !important;
  padding-bottom: 16px !important;
  padding-left: 24px !important;
}
.forminator-button:hover, .forminator-button:focus{
  box-shadow: none!important;
  opacity: 1;
  margin-left: 0px!important;
}

.forminator-button:after{
  content: "\35";
  opacity: 0;
  position: absolute;
  margin-left: -1em;

  text-transform: none;
  font-size: 1.6em;
  font-family: ETmodules !important;
  -webkit-font-feature-settings: "kern" off;
  font-feature-settings: "kern" off;
  font-variant: none;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  line-height: 1em;  
  transition: all 300ms ease 0ms;
  -webkit-transition: all .2s;
  transition: all .2s;
}
.forminator-button:hover:after,.forminator-button:focus:after{
  opacity:1;
  margin-left:0;  
}

/***********************************************************************************
**HEADER****************************************************************************
***********************************************************************************/
/**TOP-BAR***********************************************/
/**Accesibility**/
#pojo-a11y-toolbar{
 display:flex;
 flex-direction:column-reverse; position:relative!important;
 right:0!important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle{
 background-color:var(--accent-color);
 position:relative; top:0;right:0!important; z-index:100; 
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a.pojo-a11y-toolbar-toggle-link{
  position:absolute;right:0;  
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
 opacity: 0;
 transition: all .5s ease-in-out;
 overflow:hidden;
 width:100%;height: 0;
}
#pojo-a11y-toolbar.pojo-a11y-toolbar-open .pojo-a11y-toolbar-overlay {
  opacity: 1;
  height:auto;
}
ul.pojo-a11y-toolbar-items.pojo-a11y-tools {
 display:flex; flex-wrap: wrap;
}

/***********************************************************************************
**COMPONENTS***********************************************************************
***********************************************************************************/
/**PORFOLIO***********************************************************************/
#cursos-portfolio .et_pb_portfolio_filters ul{
  display: flex;
  flex-wrap:wrap;
  column-gap:10px;row-gap:10px;
}
#cursos-portfolio .et_pb_portfolio_filters li.et_pb_portfolio_filter a{ 
  border:2px solid var(--primary-color);
  color:var(--primary-color);
  text-transform: uppercase;
}
#cursos-portfolio .et_pb_portfolio_filters li.et_pb_portfolio_filter a:hover,
#cursos-portfolio .et_pb_portfolio_filters li.et_pb_portfolio_filter a:focus,
#cursos-portfolio .et_pb_portfolio_filters li.et_pb_portfolio_filter a.active{ 
  background-color:var(--primary-color);
  color:white;
}

#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item{
  border:1px solid #efefef;
  border-radius:10px;
  overflow:hidden;
  box-shadow:0px 60px 90px -30px rgba(51,62,78,.18);  
  padding:0 1em 1em;
}
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item:hover,
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item:focus{
  box-shadow:0px 60px 90px -30px rgba(51,62,78,.28);  
}
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item .et_portfolio_image{
  margin:0 -1em;
  overflow:hidden;
}
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item .et_portfolio_image:hover img{
  transition:all ease-in-out 200ms;
}

#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item .et_portfolio_image:hover img{
  transform:scale(110%);
}
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item .et_pb_module_header{
  font-weight: 400;
  font-size:18px;
  line-height:1.3em;
}
#cursos-portfolio .et_pb_portfolio_items_wrapper .et_pb_portfolio_item .post-meta{
  font-weight: 400;
  font-size:11px;
  line-height:1.3em;
  text-transform:uppercase;
  font-family:var(--subtitle-font);
}
#cursos-portfolio .et_pb_portofolio_pagination{border:none;}

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

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

/**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 (max-width: 980px) {

}
/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {

}
/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  .et_pb_column .et_pb_filterable_portfolio .et_pb_portfolio_filters li{width: auto;}
  
}
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

}