/*
Theme Name:   Veen Child
Theme URI:    https://1.envato.market/wp-veen-preview
Author: EstudioPatagon
Author URI: https://1.envato.market/ep-portfolio-themes
Description:  Child theme, based on Veen
Template: veen

*/

div.grid-container {
  padding-top: 10px !important;
}

div a img {
  padding-top: 14px !important;
}
div.articles article a.thumb {
    min-height: 400px !important;
}

.widget_epcl_featured_category .item .thumb, .widget_epcl_posts_thumbs .item .thumb, .widget_epcl_related_articles .item .thumb {
    height: 40px !important;
    min-height: fit-content !important;
	top: 15px !important;
    
}
h3 {
    font-weight: 500 !important;
}
h2 {
    font-weight: 700 !important;
}
h1 {
    font-weight: 900 !important;
	font-size: 40px !important;
}


#toc_container {
    margin-top: 20px !important;
}

@media screen and (max-width: 767px) {
div.articles article a.thumb {
    min-height: 160px !important;
	height: 0px !important;
	}
	#single .post-content {
    margin-top: -21px !important;
   }
	div.text>:first-child {
    padding-top: 0px !important;
    }
	#header div.menu-wrapper {
    padding-bottom: 5px !important;
    padding-top: 5px !important;
   }
	div.grid-container {
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top: 15px !important;
   }
	div.articles article div.post-excerpt {
    margin: 0px 0 !important;
	}
   .tag-description .left {
    margin-top: 20px;
    }
}
@media screen and (min-width: 1048px) {

	#single .post-content {
    margin-top: 10px !important;
   }
	
}
.text {
    font-size: 19px !important;
}
h1 {
    font-weight: 900 !important;
	font-size: 29px !important;
}
	h2 {
    font-weight: 700 !important;
	font-size: 25px !important;
}
	h3 {
    font-weight: 500 !important;
	font-size: 25px !important;
}
.menu-wrapper{
  box-shadow: 0 2px 5px rgb(0 0 0 / 20%) !important;

}
.widget-title {

    border-bottom: 1px solid #0a1859 !important;
}
div.grid-container {
    padding-bottom: 0px !important;
    margin-bottom: 5px !important;
   }
div.epcl-pagination.section {
  display: none;
}
div.min-read {
  display: none !important;
  
}

#single .main-title {
    margin-bottom: 10px !important;
}
img.attachment-epcl_single_related.size-epcl_single_related.wp-post-image {
  padding-top: 0px !important;
}
.main-nav ul.menu {
    font-weight: 700 !important;
}
.main-nav ul.sub-menu li a {
    font-weight: 700 !important;
}
div.text>:first-child {
    padding-top: 20px !important;
}
.grid-container.grid-medium {
    margin-top: 20px !important;
}
/*Personalizar anuncios*/
.ad-rectangle{display:block;height:300px}
@media (max-width:991px){.ad-rectangle{display:inline-block;width:300px;height:600px}}

.square-adsense{display:block;width:336px;height:280px}
@media (max-width:500px){.square-adsense{width:300px;height:300px}}

/* Add your custom code just below */

/* Estilos para el contenedor del formulario */
#rcp_login_form {
    background-color: #f4f4f4; /* Color de fondo del formulario */
    border-radius: 15px;       /* Esquinas redondeadas del contenedor */
    padding: 25px;
    border: 1px solid #ddd;
    max-width: 400px;
    margin: 0 auto;
}

/* Color blanco para los campos de entrada */
#rcp_login_form input[type="text"], 
#rcp_login_form input[type="password"] {
    background-color: #ffffff; /* ¡Aquí está el color blanco! */
    border: 1px solid #ccc;    /* Un borde suave para que se note el campo */
    border-radius: 5px;        /* Esquinas redondeadas en los inputs */
    padding: 10px;             /* Espacio interno para que no se vea apretado */
    width: 100%;               /* Asegura que ocupen todo el ancho disponible */
    box-sizing: border-box;    /* Importante para que el padding no rompa el diseño */
}
/* Estilo personalizado para el botón de login */
#rcp_login_form .rcp-button {
    background-color: #FFD700; /* Color amarillo (puedes cambiarlo por #FFC107 para un tono más cálido) */
    color: #000000;            /* Color del texto (negro para que resalte sobre el amarillo) */
    border: none;              /* Elimina el borde por defecto */
    padding: 12px 20px;        /* Ajusta el tamaño del botón */
    border-radius: 5px;        /* Esquinas redondeadas para el botón */
    font-weight: bold;         /* Negrita para mejor legibilidad */
    cursor: pointer;           /* Cambia el cursor al pasar por encima */
    width: 100%;               /* Hace que el botón ocupe todo el ancho */
}

/* Efecto al pasar el ratón por encima (hover) */
#rcp_login_form .rcp-button:hover {
    background-color: #FFC107; /* Un tono un poco más oscuro al pasar el mouse */
}

.mi-encabezado-creyente {
    font-size: 20px !important;
    font-weight: bold !important;
    color: #000000 !important;
    text-align: center !important;
}