/*
Theme Name: TConferencia de Obispos Catolicos de Cuba
Theme URI: https://astra.com
Description: Este es un tema hijo personalizado basado en el tema Astra.
Author: Mauro  Molina Mazon
Author URI: https://www.linkedin.com/in/mauro-molina-maz%C3%B3n-a98ba9246/
Template: astra
Version: 3.0.1
*/

:root {
    --colorPrincipal: #090378;
    --colorBorde: rgba(230, 230, 230, 1);
    --ast-global-color-0: #090378;
}

.elementor-element-0c1347a, .elementor-element-5b89632 {
    background: #f8f8f8;
}

.home .elementor-element-e619377 {
    padding: 0;
}

.categoria_actualidad span {
    position: relative;
    left: 20px;
}

header .ast-above-header-wrap a, header .ast-above-header-wrap i {
    color: #fff !important;
}

.home .ekit-wid-con .elementskit-clients-slider .single-client {
    box-shadow: none !important;
}

header .ast-above-header-wrap svg {
    fill: #fff !important;
}

footer ul {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    padding: 0 !important;
}

footer #block-10 {
    display: flex;
    justify-content: end;
}

footer ul a{
    margin: 0 !important;
    padding: 0 !important;
    color: var(--colorPrincipal);
}

/* actualidad estilos */
.container-actualidad {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-template-rows: auto auto auto;
    gap: 20px;
}

.actualidad_single {
    border: 1px solid var(--colorBorde);
    padding: 5px 10px;
}

.actualidad_single:first-child {
    grid-column: 1 / 2;
    grid-row: 1 / 4;
}

.titulo_actualidad {
    color: var(--colorPrincipal);
    margin-bottom: 0 !important;
    font-weight: bold;
    text-decoration: none !important;
}

.titulo_actualidad {
    margin-bottom: 0 !important;
}

.actualidad_single:nth-child(2), .actualidad_single:nth-child(3), .actualidad_single:nth-child(4) {
    grid-column: 2 / 3;
    display: flex;
    align-items: start;
}

h2.titulo_actualidad {
    line-height: 2px !important;
}

.actualidad_single:nth-child(1) a.titulo_actualidad {
    font-size: 20px;
}

.actualidad_single:nth-child(2) a.titulo_actualidad, .actualidad_single:nth-child(3) a.titulo_actualidad, .actualidad_single:nth-child(4) a.titulo_actualidad {
    font-size: 18px;
}

.actualidad_single:nth-child(2) > div:nth-child(2), .actualidad_single:nth-child(3) > div:nth-child(2), .actualidad_single:nth-child(4) > div:nth-child(2) {
    margin-left: 15px;
}

.actualidad_single:nth-child(1) img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    object-position: center;
} 

.actualidad_single:nth-child(1) .categoria_actualidad {
    width: 30%;
}

.categoria_actualidad {
    background: var(--colorPrincipal);
    padding: 10x;
    list-style: none !important;
    width: 80%;
    position: relative;
    top: -30px;
}

.actualidad_single:nth-child(1) .categoria_actualidad {
    top: -45px;
}

.categoria_actualidad li {
    list-style: none;
}

.categoria_actualidad a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none !important;
    list-style: none !important;
}

.contenido_actualidad p {
    margin-bottom: 0 !important;
}

.imagen_actualidad {
    position: relative;
    bottom: -10px;
}

.actualidad_single:nth-child(2) .imagen_actualidad img, .actualidad_single:nth-child(3) .imagen_actualidad img,
.actualidad_single:nth-child(4) .imagen_actualidad img {
    width: 250px;
    max-width: 150px;
    object-fit: cover;
    object-position: center;
}

.fecha_actualidad span {
    font-size: 14px;
    font-weight: 200;
    color: #000;
}

.extract_actualidad p {
    font-weight: 600;
    color: #000;
}

.separador .e-con-inner {
    border-top: 1px solid var(--colorBorde);
    padding-block-start: 0 !important;
}

.separador .e-con-inner > div {
    margin: 0 !important;
    padding: 0 !important;
}

@media (max-width: 768px) {
    .container-actualidad {
        display: flex;
        flex-direction: column;
        width: 95%;
        margin: 0 auto;
    }

    .actualidad_single:nth-child(1) {
        grid-column: 2 / 3;
        display: flex;
        align-items: center;
    }

    .actualidad_single:nth-child(1) .categoria_actualidad {
        width: 80%;
    }

    .actualidad_single:nth-child(1) img {
        height: auto;
    } 

    .actualidad_single:nth-child(1) .categoria_actualidad {
        top: -30px;
    }

    
    .actualidad_single:nth-child(1) > div:nth-child(2) {
        margin-left: 15px !important;
    }
}

@media (max-width: 420px) {
    .actualidad_single:nth-child(1), .actualidad_single:nth-child(2), .actualidad_single:nth-child(3), .actualidad_single:nth-child(4) {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
}

/* evangelio estilos */

.evangelio-single {
    margin-bottom: 10px;
    align-items: center;
}

.evangelio-single .image {
    width: 45%;
}

.evangelio-single .image img {
    border-radius: 2px;
    width: 100%;
    max-width: 100%;
    height: 150px;
    object-fit: cover;
}

.evangelio-single a {
    font-size: 16px;
    color: #000;
    font-weight: bold;
    text-decoration: none !important;
}

.evangelio-single a:hover {
    color: var(--colorPrincipal);
}

.evangelio-single .contenido {
    margin-left: 15px;
    width: 55%;
}
.evangelio_container .evangelio-single .image {
    width: 120px !important;
    height: 120px !important;
    max-width: 120px !important;
    min-width: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
}

.evangelio_container .evangelio-single .image img {
    width: 120px !important;
    height: 120px !important;
    object-fit: cover;
    object-position: center;
}

@media (max-width: 768px) {
    .evangelio_container {
        flex-direction: column !important;
    }
}

/* seccion de noticias internacionales */

.container_noticias{
    flex-wrap: wrap;
}

.noticia_single {
    height: 400px;
    width: 24%;
    margin: 0 auto;
    display: flex;
    align-items: end;
    /* padding-bottom: 30px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;

    position: relative;
}

.noticia_single::before{
    z-index: 2;
    content: '';
    display: block;
    position: absolute;
    height: 0;
    width: 100%;
    bottom: 0;
    transition: all 0.2s ease-out 0s;
    background: linear-gradient(transparent 5%, var(--colorPrincipal) 100%);
}

.noticia_single:hover::before {
    height: 100%;
}

.noticia_single:hover > .contenido_noticia  h3{
    transform: translateY(-50px);
}

.noticia_single:hover > .contenido_noticia  .line_noticia{
    transform: translateY(-50px);
}

.noticia_single:hover > .contenido_noticia  a{
    transform: translateY(-50px);
}

.contenido_noticia {
    position: relative;
    height: 100%;

    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
    padding-bottom: 30px;
    text-align: center;
    z-index: 999;
    color: #fff;
}

.contenido_noticia::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .4);
}

.contenido_noticia > div {
    position: relative;
    z-index: 9;
    height: 50%;
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: start;
}

.contenido_noticia h3 {
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 10px !important;
}

.contenido_noticia .line_noticia {
    width: 50%;
    background-color: var(--colorPrincipal);
    height: 3px;
    margin: 0 auto;
}

.contenido_noticia .permalink_noticia {
    border: 1px solid #fff;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    transition: all .3s;
    text-decoration: none !important;
    margin: 10px auto;
}

.contenido_noticia .permalink_noticia:hover {
    background: var(--colorPrincipal);
}

.container_noticias a {
    text-decoration: none !important;
}

@media(max-width:768px) {
    .noticia_single {
        width: 45%;
        margin-bottom: 20px;
    }   
}

@media(max-width:420px) {
    .noticia_single {
        width: 100%;
        margin-bottom: 20px;
    }   
}

/* single post */

.ast-separate-container #primary {
    margin: 2rem 0;
}

.ast-narrow-container .site-content > .ast-container {
    max-width: 90% !important;
    background: none !important;
}

.single main#main article.post {
    background: none;
}

.entry-content[ast-blocks-layout] > * {
    max-width: 100% !important;
}

.ast-separate-container .comments-area {
    background: none !important;
}

.single .nav-links {
    display: none !important;
}

footer .site-below-footer-wrap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.site-below-footer-wrap[data-section="section-below-footer-builder"], .site-below-footer-wrap[data-section="section-below-footer-builder"] .ast-builder-grid-row{
    min-height: 30px !important;
}

.single-actualidades {
    display: flex;
    flex-wrap: wrap;
}

.single-actualidades main {
    width: 70%;
}

.single-actualidades aside {
    width: 30%;
    padding-left: 30px;
}

@media (max-width: 768px) {
    .single-actualidades main, .single-actualidades aside {
        width: 100%;
    }
}

/* Estilo básico para los botones de redes sociales */
.social-share-buttons {
    display: flex;
    gap: 10px;
    margin-top: 20px;
}

.share-button {
    padding: 10px 15px;
    border: none;
    border-radius: 5px;
    color: #fff;
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

.facebook-share-button {
    background-color: #3b5998;
}

.twitter-share-button {
    background-color: #000;
}

.general-share-button {
    background-color: #25D366;
    display: none;
}

@media (max-width: 768px) {
    .general-share-button {
        display: block;
    }
}

.ast-comment {
    background: var(--colorPrincipal);
    padding: 15px;
    border-radius: 30px;
}

.ast-comment > * , .ast-comment a time, .ast-comment a{
    color: #fff !important;
}

#comments {
    border-top: 1px solid #d7d7d7;
}

header .ast-container, footer .ast-container {
    max-width: 90% !important;
}

.ccrgc-lista-elementos {
    display: flex;
    flex-direction: column;
    align-items: end;
    width: 100%;
}

li.lista-widget {
    background: #fff;
    padding: 10px;
    width: 80%;
    margin-bottom: 20px;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

@media (max-width: 768px) {
    li.lista-widget, aside div.widget_search, aside .widget-title {
        width: 100% !important;
    }

    .single-actualidades aside {
        padding-left: 0px;
    }

    .single aside {
        border-top: 1px solid #d7d7d7;
        padding-top: 30px;
    }
}

li.lista-widget img {
    margin-bottom: 10px;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center;
}

li.lista-widget a h3 {
    font-size: 18px;
}

.p-widget {
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}

.p-widget i {
    color: var(--colorPrincipal);
    padding-right: 10px;
}

aside .wp-block-search__inside-wrapper {
    background: #fff;
}

aside .wp-block-search__inside-wrapper input.wp-block-search__input {
    height: 45px;
    max-height: 45px;
    border: none !important;
    box-shadow: none;
}

.single aside {
    display: flex;
    flex-direction: column;
    align-items: end;
}

.single aside > div {
    display: flex;
    flex-direction: column;
    align-items: end;
}

aside .widget_search {
    width: 80% !important;
    box-shadow: 0 0 30px 0 rgba(0, 0, 0, .15);
}

aside .widget-title {
    text-align: center;
    color: var(--colorPrincipal);
    display: block;
    width: 80%;
}

aside  form.wp-block-search__button-outside {
    width: 100%;
}

aside .widget {
    width: 100%;
}

.evangelio-slider-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 150px !important;
}

.evangelio-slider {
    display: flex;
    width: 100%;
    height: 100%;
    transition: transform 0.5s ease-in-out; 
}

.evangelio-slide {
    min-width: 100%;
}

.evangelio-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}

.evangelio-slider-prev, .evangelio-slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    border: none;
    padding: 10px;
    cursor: pointer;
    z-index: 100;
}

.evangelio-slider-prev {
    left: 10px;
}

.evangelio-slider-next {
    right: 10px;
}

.evangelio-slider-prev i, .evangelio-slider-next i {
    font-size: 20px;
}

@keyframes slide-animation {
    from { transform: translateX(0%); }
    to { transform: translateX(-300%); } 
}


header .menu-fixed .custom-logo-link img {
    max-width: 135px !important;
}

header .menu-fixed {
    position: fixed;
    width: 100vw;
    max-width: none;
    top: 0;
    left: 0;
}

.frase {
    display: flex;
    flex-wrap: nowrap;
}

.frase h2{
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.frase p.frase_p {
    color: #fff;
    font-weight: 200;
    margin-left: 10px;
}

.frase i {
    position: relative;
    top: -4px;
    left: -5px;
}

.single .ast-container {
    width: 90%;
    max-width: 90%;
}

.ast-separate-container .ast-article-single:not(.ast-related-post) {
    background: none !important;
}

/* Variables */
:root {
    --main: #777;
    --back: #aaa;
    --accent: hsl(220, 50%, 40%);
    
    --sans: 'Open Sans', sans-serif;
    --heebo: 'Heebo', sans-serif;
    
    --base: 3vh;
    
    --time: 1800ms;
    
    --ease-out: cubic-bezier(0.260, 0.005, 0.135, 1.000);
    --ease-in-out: cubic-bezier(0.785, 0.135, 0.150, 0.860);
}

body {
    background: var(--back);
    font-family: var(--sans);
}

.slider {
    position: relative;
    height: 70vh;
    width: 100vw;
    background: var(--main);
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.slider__wrap {
    position: absolute;
    width: 100vw;
    height: 100vh;
    transform: translateX(100vw);
    top: 0;
    left: 0;
    overflow: hidden;
    transition: transform calc(var(--time) / 4) var(--ease-in-out);
    transform-origin: 0% 50%;
    transition-delay: calc(var(--time) / 4);
    opacity: 0;
}

.slider__wrap--hacked {
    opacity: 1;
}

.slider__back {
    position: absolute;
    width: 100%;
    height: 100%;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: filter calc(var(--time) / 4) var(--ease-in-out);
}

.slider__inner {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: auto 133.3333%;
    background-position: center;
    background-repeat: no-repeat;
    transform: scale(0.75);
    transition: transform calc(var(--time) / 4) var(--ease-in-out), box-shadow calc(var(--time) / 4) var(--ease-in-out), opacity calc(var(--time) / 4) step-end;
    opacity: 0;
    box-shadow: 0 var(--base) var(--base) rgba(0, 0, 0, 0);
    padding: calc(var(--base) * 5);
    box-sizing: border-box;
}

.slider__content {
    position: relative;
    top: 50%;
    width: auto;
    transform: translateY(-50%);
    color: white;
    font-family: var(--heebo);
    opacity: 0;
    transition: opacity calc(var(--time) / 4);
}

.slider__content a {
    text-decoration: none !important;
}

.slider__content a.permalink::after , .slider__content a.permalink::before {
    display: none !important;
}

.slider__content h1 {
    font-weight: 900;
    color: #fff;
    font-size: 40px;
    line-height: 0.85;
    margin-bottom: calc(var(--base) / 4);
    pointer-events: none;
    text-shadow: 0 calc(var(--base) / 8) calc(var(--base) / 4) rgba(0, 0, 0, 0.1);
}

.slider__content a {
    cursor: pointer;
    font-size: calc(var(--base) * 0.8);
    letter-spacing: calc(var(--base) * 0.1);
    font-weight: 100;
    position: relative;
}

.slider__content a:after {
    content: '';
    display: block;
    width: calc(var(--base) * 3);
    background: white;
    height: 1px;
    position: absolute;
    top: 50%;
    left: calc(var(--base) * 2);
    transform: translateY(-50%);
    transform-origin: 0% 50%;
    transition: transform calc(var(--time) / 2) var(--ease-in-out);
}

.slider__content a:before {
    content: '';
    border-top: 1px solid white;
    border-right: 1px solid white;
    display: block;
    width: calc(var(--base) / 3);
    height: calc(var(--base) / 3);
    transform: translateX(0) translateY(-50%) rotate(45deg);
    position: absolute;
    font-family: var(--heebo);
    font-weight: 100;
    top: 50%;
    left: calc(var(--base) * 5);
    transition: transform calc(var(--time) / 2) var(--ease-in-out);
}

.slider__content a:hover:after {
    transform: scaleX(1.5);
    transition: transform calc(var(--time) * 2 / 3) var(--ease-in-out);
}

.slider__content a:hover:before {
    transform: translateX(calc(var(--base) * 2)) translateY(-50%) rotate(45deg);
    transition: transform calc(var(--time) * 2 / 3) var(--ease-in-out);
}

.slider__slide {
    position: absolute;
    /* left: 5; */
    height: 70vh;
    width: 70vw;
    margin: 0 auto;
    transition: transform calc(var(--time) / 3) var(--ease-in-out);
    transition-delay: calc(var(--time) / 3);
    pointer-events: none;
    z-index: 0;
}

.slider__slide--active {
    transform: translateX(0%);
    z-index: 2;
}

.slider__slide--active .slider__wrap {
    transform: translateX(0);
    transform-origin: 100% 50%;
    opacity: 1;
    animation: none;
}

.slider__slide--active .slider__back {
    filter: blur(calc(var(--base) * 0.5));
    transition: filter calc(var(--time) / 2) var(--ease-in-out);
    transition-delay: calc(var(--time) / 2) !important;
}

.slider__slide--active .slider__inner {
    position: relative;
    transform: scale(0.80);
    box-shadow: 0 calc(var(--base) / 3) calc(var(--base) * 2) rgba(0, 0, 0, 0.2);
    pointer-events: auto;
    opacity: 1;
    transition: transform calc(var(--time) / 2) var(--ease-in-out), box-shadow calc(var(--time) / 2) var(--ease-in-out), opacity 1ms step-end;
    transition-delay: calc(var(--time) / 2);
}

.slider__slide--active .slider__inner::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    left: 0;
    top: 0;
}

.slider__slide--active .slider__content {
    opacity: 1;
    transition-delay: calc(var(--time) * 3 / 4);
}

@keyframes hack {
    0% {
        transform: translateX(0);
        opacity: 1;
    }
    50% {
        transform: translateX(-100vw);
        opacity: 1;
    }
    51% {
        transform: translateX(-100vw);
        opacity: 0;
    }
    52% {
        transform: translateX(100vw);
        opacity: 0;
    }
    100% {
        transform: translateX(100vw);
        opacity: 1;
    }
}

.slider__slide:not(.slider__slide--active) .slider__wrap {
    animation-name: hack;
    animation-duration: calc(var(--time) / 2);
    animation-delay: calc(var(--time) / 4);
    animation-timing-function: var(--ease-in-out);
}



.sig {
    position: fixed;
    bottom: 8px;
    right: 8px;
    text-decoration: none;
    font-size: 12px;
    font-weight: 100;
    font-family: sans-serif;
    color: rgba(255, 255, 255, 0.4);
    letter-spacing: 2px;
    z-index: 9999;
}

.slider__inner{
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
}

.blog-page {
    display: flex;
    justify-content: space-around;
}

.blog-page .contenido-blog {
    width: 70%;
}

.blog-page aside {
    width: 25%;
}

.blog-page .container-actualidad {
   display: flex;
   flex-wrap: wrap;
   padding-top: 40px;
   padding-bottom: 40px;
}

.blog-page .container-actualidad .actualidad_single{
    height: auto !important;
}

.blog-page .container-actualidad .actualidad_single .imagen_actualidad{
    bottom: 0px !important;
    width: 100%;
}

.blog-page .container-actualidad .actualidad_single .imagen_actualidad img {
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    object-position: top;
    height: 300px;
}

.blog-page .container-actualidad .actualidad_single a.titulo_actualidad {
    font-size: 22px;
    position: relative;
    top: 10px !important;
}
    
.blog-page .container-actualidad .actualidad_single:nth-child(1),
.blog-page .container-actualidad .actualidad_single:nth-child(4),
.blog-page .container-actualidad .actualidad_single:nth-child(7),
.blog-page .container-actualidad .actualidad_single:nth-child(10) {
    width: 100%;
    flex-direction: column;
}

.blog-page .container-actualidad .actualidad_single:nth-child(1) img,
.blog-page .container-actualidad .actualidad_single:nth-child(4) img,
.blog-page .container-actualidad .actualidad_single:nth-child(7) img,
.blog-page .container-actualidad .actualidad_single:nth-child(10) img {
    height: 500px;
    width: 100%;
    object-fit: cover !important;
    object-position: top;
    max-width: 100%;
}

.blog-page .container-actualidad .actualidad_single:nth-child(2),
.blog-page .container-actualidad .actualidad_single:nth-child(3),
.blog-page .container-actualidad .actualidad_single:nth-child(5),
.blog-page .container-actualidad .actualidad_single:nth-child(6),
.blog-page .container-actualidad .actualidad_single:nth-child(8),
.blog-page .container-actualidad .actualidad_single:nth-child(9) {
   width: 49%;
   flex-direction: column;
}

.blog .ast-container {
    max-width: 90% !important;
    width: 90% !important;
}

.nav-links {
    width: 100%;
    display: flex;
    justify-content: center;
}

.nav-links a,
.nav-links span {
    color: #fff;
    background-color: var(--colorPrincipal);
    width: 45px;
    height: 45px;
    font-size: 22px;
    text-decoration: none !important;
    margin: 0 10px;
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.seccion-banner-blog {
    width: 100vw;
    position: relative;
    left: 50%;
    height: 55vh;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: none;
    overflow: hidden;
    background: url('./assets/images/foto_actualidades.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    justify-content: center;
    align-items: center;
}

.seccion-banner-blog h2 {
    color: #fff !important;
    font-size: 50px;
}

.blog-page aside {
    position: relative;
    top: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.blog-page aside .widget-title{
    width: 100%;
}

.blog-page .ccrgc-lista-elementos{
    align-items: center;
}

aside .frase {
    width: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    padding: 5px;
}

aside .frase h2,
aside .frase i,
aside .frase p.frase_p {
    color: #000 !important;
}

aside .frase h2 {
    font-size: 14px;
}

aside .frase p.frase_p {
    font-size: 14px;
    margin-bottom: 8px;
}

header li a:hover {
    background-color: var(--colorPrincipal);
    color: #fff;
}

header li:hover {
    background-color: var(--colorPrincipal);
    color: #fff;
}

header li:hover a{
    background-color: var(--colorPrincipal);
    color: #fff !important;
}

@media (max-width: 1024px) {
    .blog-page aside{
        width: 35%;
    }

    .blog-page .container-actualidad .actualidad_single:nth-child(2),
    .blog-page .container-actualidad .actualidad_single:nth-child(3),
    .blog-page .container-actualidad .actualidad_single:nth-child(5),
    .blog-page .container-actualidad .actualidad_single:nth-child(6),
    .blog-page .container-actualidad .actualidad_single:nth-child(8),
    .blog-page .container-actualidad .actualidad_single:nth-child(9) {
        width: 48%;
        flex-direction: column;
    }

    .blog-page .container-actualidad .actualidad_single:nth-child(2) img,
    .blog-page .container-actualidad .actualidad_single:nth-child(3) img,
    .blog-page .container-actualidad .actualidad_single:nth-child(5) img,
    .blog-page .container-actualidad .actualidad_single:nth-child(6) img,
    .blog-page .container-actualidad .actualidad_single:nth-child(8) img,
    .blog-page .container-actualidad .actualidad_single:nth-child(9) img {
        height: 170px;
    }

    .blog-page .container-actualidad .actualidad_single:nth-child(2) a.titulo_actualidad,
    .blog-page .container-actualidad .actualidad_single:nth-child(3) a.titulo_actualidad,
    .blog-page .container-actualidad .actualidad_single:nth-child(5) a.titulo_actualidad,
    .blog-page .container-actualidad .actualidad_single:nth-child(6) a.titulo_actualidad,
    .blog-page .container-actualidad .actualidad_single:nth-child(8) a.titulo_actualidad,
    .blog-page .container-actualidad .actualidad_single:nth-child(9) a.titulo_actualidad {
        font-size: 18px;
    }

    /* .blog-page .container-actualidad .actualidad_single .imagen_actualidad img{
        height: 170px;
    } */
}

@media (max-width: 768px) {
    .blog-page aside {
        width: 100%;
    }

    .blog-page .contenido-blog {
        width: 100%;
    }

    .blog-page {
        flex-wrap: wrap;
    }

    .blog-page .container-actualidad .actualidad_single:nth-last-child(1),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(2),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(3),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(4),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(5),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(6),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(7),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(8),
    .blog-page .container-actualidad .actualidad_single:nth-last-child(9) {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .blog-page .container-actualidad .actualidad_single:nth-last-child(1) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(2) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(3) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(4) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(5) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(6) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(7) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(8) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(9) img {
        height: 350px;
    }

    .blog footer {
        margin-top: 100px;
    }
}

@media(max-width: 768px) {
    .blog-page .container-actualidad .actualidad_single:nth-last-child(1) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(2) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(3) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(4) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(5) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(6) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(7) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(8) img,
    .blog-page .container-actualidad .actualidad_single:nth-last-child(9) img {
        height: 250px;
        object-fit: cover;
    }
}

.banner {
    width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: none;
	overflow: hidden;
    height: 100vh;
}


.banner h2 {
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2.2;
}

.banner button {
	border: none;
	border-radius: 5px;
	padding: .5rem 1rem;
	background-color: white;
	color: white;
	margin: 1rem 0;
	font-size: 1rem;
}

.banner .wrapper img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner .wrapper {
	position: relative;
	width: 100%;
    height: 100%;
	overflow: hidden;
	display: flex;
	align-items: flex-end;
	justify-content: center;
	padding: 1rem;
}

.banner input {
	appearance: none;
	z-index: 100;
	margin-right: 1rem;
	width: 1rem;
	height: 1rem;
	background: #191919;
	opacity: 80%;
	border-radius: 50%;
	cursor: pointer;
}

.banner input[type="radio"]:checked {
	background-color: white;
}

.banner input:last-of-type {
	margin: 0;
}

.banner input:focus {
	outline: none;
}

.banner input:checked {
	background: hotpink;
}

.banner input + * {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	transform: translateX(100%);
	transition: transform ease-in-out 400ms;
	border-radius: 5px;
	overflow: hidden;
	background: #ddd;
}

.banner input + *[aria-label]:before {
	content: attr(aria-label);
	display: block;
	position: absolute;
	top: 1.5rem;
	left: 1.5rem;
	font-size: 1.5rem;
	color: white;
	z-index: 1;
	padding: .5rem;
	background-color: rgba(0,0,0,0.5);
}

.banner section {
	padding: 1rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner input:checked + * {
	transform: translateX(0);
	z-index: 1;
}

.banner input + * + *:not(input[type=radio]) {
	display: none;
}

/* ARROWS */

.banner input:before {
	display: none !important;
	content: '';
	position: absolute;
	top: 50%;
	left: 1rem;
	width: 2rem;
	height: 2rem;
	background: orange;
	border-radius: 50%;
}

.banner input:after {
	display: none !important;
	content: '';
	position: absolute;
	top: calc(50% + 1rem);
	left: 2rem;
	width: .5rem;
	height: .5rem;
	border-bottom: 1px solid #262626;
	border-left: 1px solid #262626;
	transform: translate(-25%, -50%) rotate(45deg);
}

.banner input:checked:before, input:checked:after {
	display: none;
}

.banner input:checked + * + input:before {
	left: calc(100% - 3rem);
}

.banner input:checked + * + input:after {
	left: calc(100% - 2rem);
	transform: translate(-75%, -50%) rotate(-135deg);
}

.banner input:checked + * + input + * ~ input:before,
.banner input:checked + * + input + * ~ input:after {
	display: none;
}

.banner input:last-of-type:before {
	background: green;
}

.banner .wrapper picture .bg-title {
    position: absolute;
    display: flex;
    height: 100%;
    align-items: end;
    padding-bottom: 4rem;
}

.banner .wrapper picture .bg-title span.span {
    background: rgba(25, 25, 25, 0.80);
    /* filter: blur(2px); */
    height: 312px;

    display: flex;
    flex-direction: column !important;
    justify-content: center !important;

    padding: 0 20px;
} 

.banner .wrapper picture .bg-title span h2 {
    position: relative;
    z-index: 9999;

    color: #FFF;
    font-family: "Noto Sans";
    font-size: 40px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    max-width: 600px;
    margin-bottom: 2rem;
}

.banner .wrapper picture .bg-title a {
    border-radius: 12px;
    border: 3px solid #FFF;
    color: #FFF;
    width: 240px;
    height: 65px;
    padding: 10px;
    text-align: center;

    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none !important;
    color: #FFF;
    font-family: "Noto Sans";
    font-size: 32px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.banner .wrapper picture .bg-title a:hover {
	background: #FF7F40;
	color: #fff;
	border: 3px solid #FF7F40;
}

.banner .wrapper {
    display: flex !important;
    justify-content: flex-end !important;
}

.banner .wrapper input[type="radio"] {
    margin-left: 0; 
	margin-right: 20px;
	border: 2px solid #fff;
}

/* marquesina */

.marquee {
	width: 100vw;
    left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: none;
	overflow: hidden;
    position: relative;
	height: 45px;
	border-top: 3px solid var(--colorPrincipal);
	border-bottom: 3px solid var(--colorPrincipal);
	overflow: hidden;
	background: var(--colorPrincipal);

	display: flex;
	align-items: center;
  }
  
  .marquee li {
	font-size: 50px;
  }
  
  .marquee__content {
	display: flex;
	list-style: none;
	align-items: center;
	animation: scrolling 30s linear infinite;
	margin-bottom: 0 !important;
  }
  
  .marquee__item {
	flex-shrink: 0;
	color: #fff !important;
	color: #FFF;
	text-align: center;
	font-family: "Roboto Serif";
	font-size: 18px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
  }
  
  @keyframes scrolling {
	0% { transform: translateX(100%) }
	100% { transform: translateX(-100%) }
  }

  .site-content .ast-container {
    display: block !important;
  }

.all-noticies {
    margin: 40px 0;
}

.site-header {
    background: #fff !important;
}

.titulo_page {
    color: #FFFFFF;
    font-family: "Roboto", Sans-serif;
    font-size: 30px;
    font-weight: 600;
    text-transform: uppercase;
    background-color: var(--colorPrincipal);
    width: 30%;
    text-align: center;
    margin-left: 10px;
}

.page-template-page-noticias .ast-container {
    max-width: 90% !important;
}

.all-noticies .row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.all-noticies .noticia_single {
    margin: 5px 10px;
    width: 22%;
}

.titulo_noticia, .titulo_noticia:hover {
    text-decoration: none !important;
}

  /* Typography =======================*/
  
  /* Headings */
  
  /* Main heading for card's front cover */
  .card-front__heading {
    font-size: 1.5rem;
    margin-top: .25rem;
  }
  
  /* Main heading for inside page */
  .inside-page__heading { 
    padding-bottom: 1rem; 
    width: 100%;
  }
  
  /* Mixed */
  
  /* For both inside page's main heading and 'view me' text on card front cover */
  .inside-page__heading,
  .card-front__text-view {
    font-size: 1.3rem;
    font-weight: 800;
    margin-top: .2rem;
  }
  
  .inside-page__heading--city,
  .card-front__text-view--city { color: #ff62b2; }
  
  .inside-page__heading--ski,
  .card-front__text-view--ski { color: #2aaac1; }
  
  .inside-page__heading--beach,
  .card-front__text-view--beach { color: #fa7f67; }
  
  .inside-page__heading--camping,
  .card-front__text-view--camping { color: #00b97c; }
  
  /* Front cover */
  
  .card-front__tp { color: #fafbfa; }
  
  /* For pricing text on card front cover */
  .card-front__text-price {
    font-size: 1.2rem;
    margin-top: -.2rem;
  }
  
  /* Back cover */
  
  /* For inside page's body text */
  .inside-page__text {
    color: #333;
    text-align: start !important;
  }
  
  /* Icons ===========================================*/
  
  .card-front__icon {
    fill: #fafbfa;
    font-size: 3vw;
    height: 3.25rem;
    margin-top: -.5rem;
    width: 3.25rem;
  }
  
  /* Buttons =================================================*/
  
  .inside-page__btn {
    background-color: transparent;
    border: 3px solid;
    border-radius: 5px;
    font-size: .9rem;
    font-weight: 600;
    overflow: hidden;
    padding: 10px;
    position: relative;
    text-decoration: none;
    transition: all .3s ease;
    width: 90%;
    z-index: 10;
    text-decoration: none !important;
    vertical-align: middle;
    line-height: 1.2rem !important;
    margin-top: 20px;
  }

  .inside-page__text, .inside-page__heading.inside-page__heading--city{
    margin-bottom: 0px !important;
  }
  
  /* .inside-page__btn::before { 
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    transform: scaleY(0);
    transition: all .3s ease;
    width: 100%;
    z-index: -1;
  }
   */
  .inside-page__btn--city { 
    border-color: #090378;
    color: #090378;
  }
  
  .inside-page__btn--city::before { 
    background-color: #090378;
  }
  
  .inside-page__btn--ski { 
    border-color: #279eb2;
    color: #279eb2;
  }
  
  .inside-page__btn--ski::before { 
    background-color: #279eb2;
  }
  
  .inside-page__btn--beach { 
    border-color: #fa7f67;
    color: #fa7f67;
  }
  
  .inside-page__btn--beach::before { 
    background-color: #fa7f67;
  }
  
  .inside-page__btn--camping { 
    border-color: #00b97d;
    color: #00b97d;
  }
  
  .inside-page__btn--camping::before { 
    background-color: #00b97d;
  }
  
  .inside-page__btn:hover { 
    color: #fafbfa;
    background-color: #090378;
  }
  
  .inside-page__btn:hover::before { 
    transform: scaleY(1);
  }
  
  /* Layout Structure=========================================*/
  .ast-single-post .entry-content a{
    top: -10px;
  }
  
  /* Container to hold all cards in one place */
  .card-area {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    
    padding: 1rem;
  }
  
  /* Card ============================================*/
  
  /* Area to hold an individual card */
  .card-section {
    align-items: center;
    display: flex;
    height: 100%;
    justify-content: center;
    width: 50%;
  }

  @media (max-width: 768px) {
    .card-section {
        width: 100%;
        margin-bottom: 30px;
    }

    .ast-single-post .entry-content a{
        padding: 5px;
    }
  }
  
  /* A container to hold the flip card and the inside page */
  .card {
    background-color: rgba(0,0,0, .05);
    box-shadow: -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.5);
    height: 15rem;
    position: relative;
    transition: all 1s ease;
    width: 15rem;
  }

  /* .card-section {
    height: 300px;
  }

  .card {
    height: 100%;
  } */
  
  /* Flip card - covering both the front and inside front page */
  
  /* An outer container to hold the flip card. This excludes the inside page */
  .flip-card {
    height: 15rem;
    perspective: 100rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    visibility: hidden;
    width: 15rem;
    z-index: 100;
  }
  
  /* The outer container's visibility is set to hidden. This is to make everything within the container NOT set to hidden  */
  /* This is done so content in the inside page can be selected */
  .flip-card > * {
    visibility: visible;
  }
  
  /* An inner container to hold the flip card. This excludes the inside page */
  .flip-card__container {
    height: 100%;
    position: absolute;
    right: 0;
    transform-origin: left;
    transform-style: preserve-3d;
    transition: all 1s ease;
    width: 100%;
  }
  
  .card-front,
  .card-back {
    backface-visibility: hidden;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
  
  /* Styling for the front side of the flip card */
  
  /* container for the front side */
  .card-front {
    background-color: #fafbfa;
    height: 15rem;
    width: 15rem;
  }
  
  /* Front side's top section */
  .card-front__tp {
    align-items: center;
    clip-path: polygon(0 0, 100% 0, 100% 90%, 57% 90%, 50% 100%, 43% 90%, 0 90%);
    display: flex;
    flex-direction: column;
    height: 12rem;
    /* justify-content: center; */
    position: relative;
    /* padding: .75rem; */
  }

  .card-front__tp img{
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
  }

  .card-front__text-view.card-front__text-view--city{
    color: #090378;
  }
  
  .card-front__tp--city {
    background: #090378;
  }
  
  .card-front__tp--ski {
    background: linear-gradient(
      to bottom,
      #47c2d7,
      #279eb2
    );
  }

  .card-front__tp.card-front__tp--city h2 {
    color: #fff;
  }
  
  .card-front__tp--beach {
    background: linear-gradient(
      to bottom,
      #fb9b88,
      #f86647
    );
  }
  
  .card-front__tp--camping {
    background: linear-gradient(
      to bottom,
      #00db93,
      #00b97d
    );
  }
  
  /* Front card's bottom section */
  .card-front__bt {
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  /* Styling for the back side of the flip card */
  
  .card-back {
    background-color: #fafbfa;
    transform: rotateY(180deg);
  }
  
  /* Specifically targeting the <video> element */
  .video__container {
    clip-path: polygon(0% 0%, 100% 0%, 90% 50%, 100% 100%, 0% 100%);
    height: auto;
    min-height: 100%;
    object-fit: cover;
    width: 100%;
  }
  
  /* Inside page */
  
  .inside-page {
    background-color: #fafbfa;
    box-shadow: inset 20rem 0px 5rem -2.5rem rgba(0,0,0,0.25);
    height: 100%;
    padding: 1rem;
    position: absolute;
    right: 0;
    transition: all 1s ease;
    width: 15rem;
    z-index: 1;
  }
  
  .inside-page__container {
    align-items: center;
    display: flex;
    flex-direction: column;
    height: 100%;
    text-align: center; 
    width: 100%;
  }
  
  /* Functionality ====================================*/
  
  /* This is to keep the card centered (within its container) when opened */
  .card:hover {
    box-shadow:
    -.1rem 1.7rem 6.6rem -3.2rem rgba(0,0,0,0.75);
    width: 30rem;
  }
  
  /* When the card is hovered, the flip card container will rotate */
  .card:hover .flip-card__container {
    transform: rotateY(-180deg);
  }
  
  /* When the card is hovered, the shadow on the inside page will shrink to the left */
  .card:hover .inside-page {
    box-shadow: inset 1rem 0px 5rem -2.5rem rgba(0,0,0,0.1);
  }
  
  /* Footer ====================================*/
  
  .footer {
    background-color: #333;
     margin-top: 3rem;
    padding: 1rem 0;
    width: 100%;
  }
  
  .footer-text {
    color: #fff;
    font-size: 1.2rem;
    text-align: center;
  }

.pagination {
    width: 100%;
    display: flex;
    margin: 40px 0;
    justify-content: center;  
}

.pagination .page-numbers {
    background-color: #fff;
    width: 30px;
    height: 30px;
    color: #090378;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none !important;
    margin: 0 5px;
    border: 2px solid #090378;
    transition: all .3s;
}

.pagination .page-numbers.current, .pagination .page-numbers:hover {
    background-color: #090378;
    color: #fff;
    border: 2px solid #090378;
}

.next.page-numbers, .prev.page-numbers {
    display: none;
}

.mapa_vectorial path{
    fill: green !important;
}

#pinar_content, #sancritobal_content, #matanzas_content, #cienfuegos_content, #santaclara_content, 
#ciegoavila_content, #camaguey_content, #holguin_content, #granma_content, #santiago_content, #guantanamo_content {
    display: none;
}

.direccion_diosesis, .telefono_diosesis, .correo_diosesis {
    margin-bottom: 0px !important;
} 

h2.nombre_diosesis {
    color: #090378;
    font-size: 30px;
    font-weight: 100;
}

#zona_obispos button {
    background-color: #090378 !important;
    border: 1px solid #090378;
}

#zona_obispos button:hover {
    background-color: #fff !important;
    color: #090378;
}

.contenido_eclesiastico {
    text-align: justify;
    font-weight: 200;
    margin-top: 20px;
}



.mapa_vectorial  path.sancristobal, path.holguin {
    /* fill: red !important;
    color: red !important; */
    stroke: none;
}

.mapa_vectorial  path.sancristobal#Lahabana, path.holguin, path.santaclara {
    stroke: green !important;
}

#pinar, #Matanzas, #Camaguey, #Guantanamo, #cienfuegos, #CiegoAvila, #granma, #santiago {
    stroke-width: 2px;
}

#Guantanamo, #Camaguey {
    stroke-width: 4px !important;
}

#pinar:hover, #Guantanamo:hover, #Camaguey:hover, #santiago:hover, #granma:hover, #CiegoAvila:hover, #cienfuegos:hover, #Matanzas:hover {
    fill: #090378 !important;
    cursor: pointer;
}

.sancristobal.hover, .santaclara.hover, .holguin.hover {
    fill: #090378 !important;
    stroke-width: 0px;
    cursor: pointer;
}

/* mapa */

#zona_mapa {
    width: 60%;
}

#zona_obispos {
    width: 40%;
}
 
.mapa_vectorial.d-flex {
    flex-wrap: wrap;
}

@media (max-width: 768px) {
    #zona_mapa {
        width: 100%;
    }

    #zona_mapa svg {
        width: 100% !important;
    }
    
    #zona_obispos {
        width: 100%;
        margin: 20px 10%;
        margin-top: -50px;
    }
}

.row-jubileo {
    justify-content: center !important;
}

.pagina-jubileo {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pagina-jubileo .row-jubileo {
    width: 70%;
}

.pagina-jubileo .sidebar-jubileo {
    width: 30%;
}

@media (max-width: 768px) {
    .pagina-jubileo .row-jubileo {
        width: 100%;
    }
    
    .pagina-jubileo .sidebar-jubileo {
        width: 100%;
    }
}

.bg_especial_jubileos {
    width: 100%;
    height: 200px;
    max-height: 200px;
}

.bg_especial_jubileos img {
    width: 100%;
    height: 100%;
    object-position: center;
    object-fit: cover;
    aspect-ratio: 3 / 2;
    border-radius: 30px;
}

.contenido_especial_jubileos {
    background-color: var(--colorPrincipal) !important;
    color: #fff;
    padding: 20px;
    border-radius: 20px;
    position: relative;
    top: -30px;
    height: 270px;
}

.contenido_especial_jubileos > * {
    color: #FFF !important;
    text-decoration: none !important;
}

.content_especial_jubileos {
    height: 120px;
}

.contenido_especial_jubileos .btn_especial_jubileos {
    background-color: #fff;
    color: #000 !important;
    border: 1px solid #fff;
    border-radius: 30px;
    padding: 5px 15px !important;
    text-align: center !important;
    margin: 0 auto;
    text-decoration: none !important;
    transition: all .3s ease-in;
}

.contenido_especial_jubileos .btn_especial_jubileos:hover {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff !important;
}

.contenido_especial_jubileos .titulo_especial_jubileos {
    height: 50px;
    line-height: 40px;
    font-size: 20px;
}

.scroll-class {
    display: flex;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    position: relative;
    overflow-x: scroll;
}

.scroll-class .card-especial-jubileos{
    width: 270px !important;
    flex: 0 0 270px !important;
}

#icon {
    display: none;
    background-color: #fff;
    color: var(--colorPrincipal) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    z-index: 9;
    position: relative;
    top: -300px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .15);
    justify-content: center;
    align-items: center;
    left: 300px;
}

.icon_actualidades {
    display: none;
    background-color: var(--colorPrincipal);
    color: #fff !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    z-index: 9;
    position: relative;
    top: -300px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .15);
    justify-content: center;
    align-items: center;
    left: 300px;
}



@media (max-width: 425px) {
    #container_actualidades .actualidad_single:nth-child(2) .imagen_actualidad img,
    #container_actualidades .actualidad_single:nth-child(3) .imagen_actualidad img,
    #container_actualidades .actualidad_single:nth-child(4) .imagen_actualidad img,
    #container_actualidades .actualidad_single:nth-child(1) .imagen_actualidad img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
    }

    #container_actualidades .actualidad_single{
        width: 270px !important;
        flex: 0 0 270px;
    }
}

#container_actualidades .imagen_actualidad a {
    padding: 0px !important;
}

#container_actualidades .actualidad_single:nth-child(1), #container_actualidades .actualidad_single:nth-child(2), #container_actualidades .actualidad_single:nth-child(3), #container_actualidades .actualidad_single:nth-child(4) {
    justify-content: start !important;
}

.evangelio_container_page {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 100px 0;
}

.evangelio_container_page > div.evangelio-slider-wrapper {
    width: 30% !important;
    max-width: 30%;
    height: 500px;
    margin: 10px;
}

.evangelio_container_page .evangelio-slider-wrapper {
    height: 300px !important;
    min-height: 300px !important;
}

i.evangelio_galeria{
    font-weight: 100;
    color: #000;
}

#icon_jubileo {
    display: none;
    background-color: #fff !important;
    color: var(--colorPrincipal) !important;
    width: 50px !important;
    height: 50px !important;
    border-radius: 50%;
    z-index: 9;
    position: relative;
    top: -300px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .15);
    justify-content: center;
    align-items: center;
    left: 300px;
}