/*
Theme Name: Divi Child
Theme URI: https://edusicordoba.com/
Description: Divi - Tema para Comunicacion Edusi Cordoba
Author: MV
Author URI: https://www.mariavinagre.es/
Template: Divi
Version: 1.0.0
*/
:root{

  --colorOT2: #6199d2;
  --colorOT4: #da8d15;
  --colorOT6: #ea7d96;
  --colorOT9: #2ea179;
  --colorVerdeTexto: #77BC9A;
  --colorVerdeFondo: #124c3b;

}



@font-face {
    font-family: 'ambit_bold';
    src: url('ambit-bold-webfont.eot');
    src: url('ambit-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('ambit-bold-webfont.woff2') format('woff2'),
         url('ambit-bold-webfont.woff') format('woff'),
         url('ambit-bold-webfont.ttf') format('truetype'),
         url('ambit-bold-webfont.svg#ambit_bold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ambit_regular';
    src: url('ambit-regular-webfont.eot');
    src: url('ambit-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('ambit-regular-webfont.woff2') format('woff2'),
         url('ambit-regular-webfont.woff') format('woff'),
         url('ambit-regular-webfont.ttf') format('truetype'),
         url('ambit-regular-webfont.svg#ambit_regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
font-family: ambit_regular, Arial, sans-serif;
}

h2 {
font-family: ambit_bold, Arial, sans-serif;
}

h3 {
font-family: ambit_regular, Arial, sans-serif;
}

h4 {
    font-family: ambit_regular, Arial, sans-serif;
    }
    
p {
	font-family: ambit_regular, Arial, sans-serif;
}


.anuncioOT{

  padding: 10% !important;
 
  .et_pb_main_blurb_image{
    width: 100% !important;
  }

  .et_pb_module_header{
    padding: 10px 0 0 0 !important;
  }

  .et_pb_blurb_content{
    font-family: ambit_regular, Arial, sans-serif !important;
    font-size: 16px !important;
    }
    
}

/* #OT2-01{
  visibility: hidden;
} */

.anuncioOT2 {

  background-color: var(--colorOT2) !important;
}

.colorOT4{
  background-color: var(--colorOT4) !important;

}
.colorOT6{
  background-color: var(--colorOT6) !important;
}
.colorOT9{
  background-color: var(--colorOT9) !important;
}


/************************************************/
/* Portfolio Proyectos y Selector de Categorias */
/************************************************/

  #selectorCategorias .et_pb_text { 
  	cursor: pointer; 
	  /*min-height:325px !important;*/
	}
  #selectorTodas .et_pb_text { 
  	cursor: pointer; 
	}

  #selectorCategorias .et_pb_text:hover {
	font-style: italic !important;
	text-decoration: underline 0.5px !important;
	transition: ease all .3s;
  }

  .colSelector{
    width:23% !important;
    margin-right: 2% !important;
  }
  .colSelectorOT6{
    width:22.5% !important;
    margin-right: 2% !important;
  }
  .colSelectorOT9{
    width:23% !important;
    margin-right: 0 0 0 -0.5% !important;
  }


  .gridProyectos .et_pb_portfolio_filters {
    display:none !important;
	}
	

.gridProyectos .et_pb_grid_item {
    margin: 0 2% 2% 0!important; 
	}

  .de-active {
  	border-bottom: 3px solid !important; 
    /*background-color: lightblue !important;*/
	font-style: italic !important;
	text-decoration: underline 0.5px !important;
	transition: ease all .3s;
	}

/* Gallery Items */

/*
.et_overlay {
    background: rgba(234, 125, 150, 0.6);
}
*/ 
  .gridProyectos .et_pb_portfolio_item {
    display: flex !important; /* se pone en flex para poder poner primero la categoria y luego el titulo */
    flex-direction: column !important;
    line-height:0 !important;
    padding: 25px !important;
    /*
    min-height: 487px !important;
    min-width: 363px !important;
    max-height: 487px !important;
    max-width: 363px !important;
    background-color: aliceblue;
    */
	}
  
	.gridProyectos h2 a {
  	font-size:14px !important;
  	color: white !important;
	}

/*
  .grid-proyectos img {
    height: 200% !important;
    max-height: 200% !important;
  }
*/  
  
	.gridProyectos .et_portfolio_image  {
    order: 1 !important;
    /* max-height: 300px !important; */
    /* height: 300px !important; */
    /*min-height: 200px;*/
    /*margin: 15px 15px 5px 15px !important; */
/*
    border: 1px solid #28323a!important;
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.3)!important;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.3)!important;
    box-shadow: 0 5px 10px rgba(0,0,0,.3)!important;
*/
	}

	.gridProyectos .et_portfolio_image  img {
    size: cover !important;
	}



  /*.grid-proyectos .et_portfolio_image, .et_portfolio_image img {border-radius: 1px 1px #fc5a20!important;}*/
  
  /* categoria */
  .gridProyectos .post-meta {
    order: 2 !important; /* poner antes del titulo */
    padding: 30px 0 10px 0 !important;
  	font-size:16px !important;
    cursor:default;
    pointer-events: none;
   
	}

  .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta, .et_pb_filterable_portfolio_0.et_pb_filterable_portfolio .post-meta a {
    color: white !important;
  }
  
  /* titulo */
  .gridProyectos .et_pb_module_header {
    order: 3 !important;
    /*padding-left: 5px !important;*/
    margin-top: 10px !important;
    min-height:100px !important;
  	font-size:20px !important;
  	color: white !important;
    line-height: 1 !important;
    /*background-color:lightblue !important;*/
	}
	
  .project_category_ot2 {
    background-color: var(--colorOT2) !important;
  }

  .project_category_ot4 {
    background-color: var(--colorOT4) !important;
  }

  .project_category_ot6 {
    background-color: var(--colorOT6) !important;
  }
  .project_category_ot9 {
    background-color: var(--colorOT9) !important;
  }

.project_category_ot2 .et_overlay {background: rgba(97, 153, 210, 0.4);} /* overlay background color */
.project_category_ot4 .et_overlay {background: rgba(218, 141, 21, 0.4);} /* overlay background color */
.project_category_ot6 .et_overlay {background: rgba(234, 125, 150, 0.4);} /* overlay background color */
.project_category_ot9 .et_overlay {background: rgba(46, 161, 121, 0.4);} /* overlay background color */


@media all and (min-width: 1405px){
    #selectorCategorias .et_pb_text {min-height:325px !important;}
}




/* Fin Portfolio Proyectos y Selector de Categorias*/


/*@media (min-width: 981px) {
  .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.et_pb_grid_item,
  .et_pb_gutters3 .et_pb_column_4_4 .ds-library-grid.et_pb_filterable_portfolio .et_pb_portfolio_item.active,
  .ds-library-grid.et_pb_portfolio_grid .et_pb_portfolio_item,
  .et_pb_column_4_4 .ds-library-grid.et_pb_grid_item:nth-child(3n) *//*Change this number to value 4 in the calculator (don't remove the 'n') */ {
      /*width: 23.50% !important;*/ /*Change this number to value 3 in the calculator (don't remove the '%') */
      /*margin: 0 2% 2% 0; *//*Change these numbers to values 1 & 2 in the calculator (don't remove the '%' or '0')*/
/*  }
}
*/

/*Ensures portfolio images display on mobile and tablets, you don't need to touch this*/
/* @media only screen and ( max-width: 980px) {
  .ds-library-grid .et_portfolio_image img {
      width: 80%;
  }
} */


/*********************************/
/* Detalle de los proyectos */

.detalleCategoria{
  font-size: 36px !important;
  color: var(--colorVerdeTexto) !important;
  font-family: ambit_regular, Arial, sans-serif !important;
}
.detalleTitulo{
  font-size: 36px !important;
  color: var(--colorVerdeTexto) !important;
  font-family: ambit_bold, Arial, sans-serif !important;
}

.et_pb_text_1_tb_body.et_pb_text{
  font-size: 36px !important;
  color: var(--colorVerdeTexto) !important;
  font-family: ambit_bold, Arial, sans-serif !important;
}

.tituloBold{
  font-size: 36px !important;
  color: var(--colorVerdeTexto) !important;
  font-family: ambit_bold, Arial, sans-serif !important;
}

/* Fin Detalle de los proyectos */
/*********************************/
	  

  
/*
@media (min-width: 479px) {
    .buOT p {
      font-size: calc(1rem + ((1vw - 4.79px) * 0.4858))!important;
      min-height: 0vw!important;
    }
  }
*/
  @media (min-width: 1920px) {
    .buOT p{
      font-size: 25px!important;
    }
  }

  
  @media all and (min-width: 1405px) {

    #selectorCategorias .et_pb_text {min-height:325px !important;}
	  
    h1 {font-size: 48px !important;}

    h2 {font-size: 36px !important;}

    h3 {font-size: 24px !important;}

    h4 {font-size: 16px !important;}

    p {font-size: 60px !important;}

	  
    .colSelector{
      width:23% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT6{
      width:22.5% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT9{
      width:23% !important;
      margin-right: 0 0 0 -0.5% !important;
    }
  }

  /* Grandes */
  @media all and (min-width: 1667px) {


	h1 {font-size: 48px !important;}

    h2 {font-size: 36px !important;}

    h3 {font-size: 24px !important;}

    h4 {font-size: 16px !important;}
    
    p {font-size: 16px !important;}
  
    .colSelector{
      width:23% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT6{
      width:22.5% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT9{
      width:23% !important;
      margin-right: 0 0 0 -0.5% !important;
    }
   }

  /* Portatiles */
  @media all and (min-width: 1100px) and (max-width: 1666px) {

    h1 {font-size: 20px !important;}

    h2 {font-size: 20px !important;}

    h3 {font-size: 20px !important;}

    h4 {font-size: 15px !important;}
    
    p {font-size: 12px !important;}

 
	  
    .colSelector{
      width:23% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT6{
      width:22.5% !important;
      margin-right: 2% !important;
    }
    .colSelectorOT9{
      width:23% !important;
      margin-right: 0 0 0 -0.5% !important;
    }
  }

/* tables y menores */
  @media all and (max-width: 1099px) {  /*980*/

    h1 {font-size: 38px !important;}

    h2 {font-size: 26px !important;}

    h3 {font-size: 16px !important;}

    h4 {font-size: 14px !important;}
    
    p {font-size: 14px !important;}

    .colSelector{
      display:block !important;
      width:90% !important;
      margin: 10px 0 !important;
      padding: 20px 0 0 0!important;
    }
    .colSelectorOT6{
      display:block !important;
      width:90% !important;
      margin: 10px  0!important;
      padding: 20px 0 0 0!important;
    }
    .colSelectorOT9{
      display:block !important;
      width:90% !important;
      margin: 10px  0!important;
      padding: 20px 0 0 0!important;
    }
      

  }
    

/*** Estilos solo para móviles ***/
@media all and (max-width: 767px) {

  h1 {font-size: 30px !important;}

  h2 {font-size: 22px !important;}

  h3 {font-size: 16px !important;}

  h4 {font-size: 16px !important;}
  
  p {font-size: 16px !important;}

  .colSelector{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
  .colSelectorOT6{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
  .colSelectorOT9{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
  


}
 
/*** Estilos para móviles en horizontal ***/
@media all and (max-width: 479px) {
  h1 {font-size: 30px !important;}

  h2 {font-size: 22px !important;}

  h3 {font-size: 16px !important;}

  h4 {font-size: 16px !important;}
  
  p {font-size: 16px !important;}

  .colSelector{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
  .colSelectorOT6{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
  .colSelectorOT9{
    display:block !important;
    width:90% !important;
    margin: 5px 0 !important;
    padding: 20px 0 0 0!important;
  }
   
}