@import url('https://fonts.googleapis.com/css?family=IBM+Plex+Sans|Nunito|Raleway|Roboto+Mono|Roboto+Slab|Slabo+27px|Titillium+Web');

*
{
    font-family: 'Titillium Web', sans-serif !important;
    font-display: swap;
}
body{
    overflow-x: hidden;
}
.imagen_sacerdote, .imagen_obispo
{
    background-position: center 25%;
    background-repeat: no-repeat;
    background-size: cover;
}
.actualidad img
{
    width: 260px;
    height: auto;
    margin-left: 10px;
    margin-right: 10px;
}
.actualidad p{
    text-align:justify; 
}

/* EXTRA SMALL */
@media screen and (max-width: 575px) 
{

    #imagen_logo{
        float: left;
        width: 150px !important;
        height: auto;
    }
    .actualidad img
    {
        width: 200px !important;
        display: inline;
    }

}
@media screen and (min-width: 576px) 
{
    
    #imagen_logo{
        float: left;
        width: 150px;
        height: auto;
    }
}

h1
{
    font-size: 2em !important;
}

h2
{
    font-size: 1.8em !important;
}

h3
{
    font-size: 1em !important;
}

p, a
{
    font-size: 1em !important;
}

.dia_actual
{
    font-size: 6em !important;
    color:#FFFFFF;
    text-align: center;

    font-family: 'Roboto Slab', serif !important;
}

.fecha_del_evento, .hora_del_evento, .descripcion_del_evento, .mas
{
    font-size: 0.9em !important;
}

.descripcion_del_evento
{
    border-bottom:1px solid #CCCCCC;
}

/* ESTILOS PERSONALIZADOS PARA EL VIDEO Y LA IMAGEN */
.imagen_carrusel
{
    width: 100%;
    height: 214px;
    background-position: center 25%;

    background-repeat: no-repeat;
    background-color: #000000;
}
.imagen_carrusel_videos
{
    width: 100%;
    height: 214px;
    background-position: center  center !important;
    background-size: contain !important;
    background-repeat: no-repeat;
    background-color: #000000;
}
/* ESTILOS PERSONALIZADOS PARA LOS HORARIOS */
.tipo_horario, .mas
{
    cursor:pointer;
    text-decoration: underline;
}
.actualidad_parroquial
{
    border-bottom:1px solid #EEEEEE
}
    .actualidad_parroquial_icon
    {
        width:52px;
    }


footer{
    color:#FFFFFF;
    text-align: center;
}


.fondo_aleatorio
{
  
    height: 300px;
    width: 100%;

    background-position: center center;

    margin: 0px !important;
    padding: 0px !important;

    
    -webkit-filter: grayscale(100%);
	
-moz-filter: grayscale(100%);
	
-ms-filter: grayscale(100%);
	
-o-filter: grayscale(100%);
	
filter: grayscale(100%);	
opacity: 0.6;
    
}

.fondo_no_aleatorio
{
  
    height: 200px;
    width: 100%;

    background-position: center center;

    margin: 0px !important;
    padding: 0px !important;

    background-size: cover;

    
}