/*
Theme Name: SIROCO
Theme URI: http://www.elegantthemes.com/gallery/divi/
Description: Tema hijo de DIVI para SIROCO
Author: SMALL DEVELOPMENT
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.0.0
*/

:root{
	--general: #245A4D;
}
/* Scroll Personalizado */
::-webkit-scrollbar {
	width: 7px;
}

::-webkit-scrollbar-thumb {
	background: rgba(36,90,77,0.6);
	border-radius: 5px;
}
/* MENU HOME */
.has_et_pb_sticky #menu{
    box-shadow: 0px 6px 18px -6px rgba(0, 0, 0, 0.3);
}
/* MENU MOVIL */
#mobile_menu1{
    margin-top: 10px;
}
/* --------------- */
/* FORMULARIOS  */
/* ------------- */
.formulario .doble{
    display: flex;
    gap: 5px;
}
.formulario .simple{
	display: flex;
}

.formulario .form-control{
    margin: 10px 5px;
}
.formulario .doble .form-control{
    width:50%;
}
.formulario .simple .form-control{
    width:100%;
}
.formulario .aceptacion{
	align-items: center;
    justify-content: flex-start;
    font-size: 0.8em; 
	display:flex;
	gap:10px;
    margin: 10px 0px;
}
.formulario .aceptacion .wpcf7-form-control-wrap{
    top:5px;
}

.formulario .texto-politicas p{
	font-size:10px !important;
	line-height: 10px !important;
	text-align: left !important;
}
.formulario input{
	display:block;
}
.formulario textarea{
	display: block;
    height: 80px !important;
}
.formulario button{
    padding: 10px 20px !important;    
}
.formulario .wpcf7-spinner {
	display: block !important;
	margin: 0px auto;
}


/* BLOQUES CAMBIO COLOR EN HOVER */
.bloque-hover .et_pb_column{
	background-color: transparent;
	transition: all 1s;
}
.bloque-hover .et_pb_column:hover{
	background-color:#245A4D;
}
.bloque-hover .et_pb_column:hover p,
.bloque-hover .et_pb_column:hover h2,
.bloque-hover .et_pb_column:hover .et_pb_button{
	color:#fff;
}
.bloque-hover .et_pb_column:hover .subtitle{
	background-color:#fff;	
}
.bloque-hover .et_pb_column:hover .subtitle p{
	color:#245A4D;	
}
/* BLOQUE HOVER INVERTIDO */
.bloque-hover .et_pb_column.invertido{
	background-color: #245A4D;
	transition: all 1s;
}
.bloque-hover .et_pb_column.invertido:hover{
	background-color:transparent;
}
.bloque-hover .et_pb_column.invertido:hover p,
.bloque-hover .et_pb_column.invertido:hover h2,
.bloque-hover .et_pb_column.invertido:hover .et_pb_button{
	color:#245A4D !important;
}
.bloque-hover .et_pb_column.invertido a.et_pb_button{
	color:#ffffff !important;
}
.bloque-hover .et_pb_column.invertido:hover a.et_pb_button{
	color:#245A4D !important;
}
.bloque-hover .et_pb_column.invertido:hover .subtitle{
	background-color:#000000 !important;	
}
.bloque-hover .et_pb_column.invertido:hover .subtitle p{
	color:#ffffff !important;	
}

/* --------------- */
/*  BLOG HOME     */
/* ------------- */
.blog-home-izquierda{
    display: flex;
    flex-direction: column; 
    height: 100%;
}
.blog-home-izquierda .et_pb_ajax_pagination_container {
    flex-grow: 1; 
    display: flex;     
}

.blog-home-izquierda .et_pb_image_container{    
    margin:0px;
}
.blog-home-izquierda .et_pb_image_container img{
}
.blog-home-izquierda .et_pb_post,
.blog-home-derecha .et_pb_post{
    margin-bottom: 0px !important;
}
.blog-home-derecha .entry-featured-image-url{
    display: block;
    float:left;
    margin-bottom: 0px;
    width: 30%;   
    height: 120px !important;
}
.blog-home-derecha .entry-featured-image-url img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin-bottom: 0px;
}
.blog-home-derecha .custom-post-content{
    float:left;
    padding: 10px 0px 0px 20px !important;
    width: 70%;
}

.blog-home-izquierda .et_pb_post .post-content-inner,
.blog-home-derecha .et_pb_post .post-content-inner{
    margin-bottom: 30px !important;
}
.blog-home-izquierda .et_pb_post .more-link,
.blog-home-derecha .et_pb_post .more-link{    
	display: flex;
	align-items: center;
    padding: 5px 0px;
    position:absolute;
    bottom:0px;
}
.blog-home-izquierda .et_pb_post .more-link{
    left:0px;
}
.blog .et_pb_post .more-link img{    
    margin-right:5px;
    width: 17px;
}