/* default */
body, main * {
    position: relative;
}

body.home, body.category, body.single {
    background-color: black;
}

main {
    padding: 2rem;
    margin: 0px;
    background-color: #eee !important;
}
main a {
    color: #000000 !important;
};
main a:hover {
    color: #0183D4 !important;
}



.blog .button {
    background-color: rgb(189, 20, 189) !important;
    border: 0px !important;
    padding: 3px 10px !important;
    -moz-border-radius: 5% !important;
    -webkit-border-radius: 5% !important;
    -o-border-radius: 5% !important;
    border-radius: 5% !important;   
    z-index: 10 !important;     
}

html.site360_entertainment .blog .button {
    background-color: #BD1514 !important;
}

html.site360_news .blog .button {
    background-color: #0283D4 !important;
}

html.site360_iglesia .blog .button {
    background-color: #227fb9 !important;
}

.wp-block-info-dev360 {
    display: block;
    margin: 0px;
}

.wp-block-info-dev360  * {
    display: inline-block;
}

.wp-site-blocks {
    padding: 0px !important;
}

.t360-simple-border li {
    border-bottom: 1px solid #ddd !important;
}
.t360-simple-border li:last-child {
    border-bottom: 0px !important;
}
.t360-heading-s1 {
    margin-top: 0.5rem !important;
    border-top: 2px #000000 solid !important;
}
ul li  h1, 
ul li  h2, 
ul li  h3,
ul li  h4,
ul li  h5,
ul li  h6
 {
    margin-top: 5px !important;
    font-weight: 400 !important;
}

/* Editorial styles */
.editorial-block {
    padding-top: 10px;
    padding-bottom: 10px;
    /* background-color: #000000; */
    box-sizing: border-box;
}

.editorial-block .is-layout-flow > * + * {
    margin-block-start: 0.5rem;
    margin-block-end: 0;
}

/* Editorial Block Style 02 */
.editorial-block > ul {
    box-sizing: border-box;
}

.editorial-block > ul > li {
    background-color: #fff;
    border-radius: 5px;
    height: auto;
    margin-bottom: 0.4rem !important;
    /* padding-bottom: 0.4rem !important;  */
    padding-bottom: 1.5rem !important; 
}

.editorial-block > ul > li figure {
    margin: 0px;
    background-color: #FFFFFF;
    width: 100%;
    min-height: 40vh; 
    height: calc(45vh - 50px);
}

.editorial-block > ul > li img {
    /* border-top-left-radius: 5px;
    border-top-right-radius: 5px; */
    width: 100%;
    height: 100%;
}

.editorial-block H3 {
    margin: 10px 0px;
    font-size: 1rem;
    font-weight: 200;
    color: #000000;
}


/* Editorial Styles variants */

.t360-editorial-block-00 .div-info {

    padding: 10px;

}

.t360-editorial-block-00 .t360-extra-info {

    padding: 10px;

}

/*  column 2 v  IN */

.t360-editorial-block-02-v-in * {
    color: white !important;
}

.t360-editorial-block-02-v-in > ul > li {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
    padding-bottom: 0px !important;
}


.t360-editorial-block-02-v-in h2 {
    font-size: 1.8rem !important;
}

.t360-editorial-block-02-v-in .div-info {
    position: absolute;
    bottom: 0px;
    padding: 0px 15px 0px 15px;
}

/*  column 2 v */

.t360-editorial-block-02-v > ul > li {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}

.t360-editorial-block-02-v > ul > li figure {
    min-height: 40vh; 
    height: calc(45vh - 50px);   
}

.t360-editorial-block-02-v .div-info {
    padding: 10px;
}

/*  column 2 h */

.t360-editorial-block-02-h > ul > li {
    display: flex;
    max-height: 180px;
    overflow: hidden;
}

.t360-editorial-block-02-h .div-cover {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block; 
    margin-top: auto;
    margin-bottom: auto; 
    margin-block-end: 0%;   
}


.t360-editorial-block-02-h .div-info {
    position: relative;
    width: 50%;
    padding: 10px;
}

.t360-editorial-block-02-h > ul > li figure {
    min-height: 25vh; 
    height: calc(25vh - 50px);   
}

/*  column 3 h */

.t360-editorial-block-03-h > ul > li {
    display: flex;
    max-height: 125px;
    overflow: hidden;
}

.t360-editorial-block-03-h .div-cover {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block; 
    margin-top: auto;
    margin-bottom: auto; 
    margin-block-end: 0%;   
}


.t360-editorial-block-03-h .div-info {
    position: relative;
    width: 50%;
    padding: 10px;
}

.t360-editorial-block-03-h > ul > li figure {
    min-height: 20vh; 
    height: calc(20vh - 50px);   
}

@media (max-width: 599px) {

    .t360-editorial-block-03-h > ul > li figure {
        min-height: 20vh; 
        height: calc(20vh - 50px);   
    }

} 

@media (min-width: 600px) {

    .t360-editorial-block-03-h > ul > li figure {
        min-height: 20vh; 
        height: calc(20vh - 50px);   
    }

}


/*  column 4 v */

.t360-editorial-block-04-v > ul > li figure {
    min-height: 20vh; 
    height: calc(25vh - 50px);   
}

.t360-editorial-block-04-v .div-info {
    padding: 10px;
}

.t360-editorial-block-04-v > ul > li {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}

@media (max-width: 599px) {

    .t360-editorial-block-04-v > ul > li figure {
        min-height: 30vh; 
        height: calc(20vh - 50px);   
    }

} 


/*  */

.t360-editorial-block-03-v .div-cover, .t360-editorial-block-03-v > ul > li img {
    border-top-left-radius: 5px !important;
    border-top-right-radius: 5px !important;
    overflow: hidden;
}

.t360-editorial-block-03-v > ul > li figure {
    min-height: 27vh; 
    height: calc(30vh - 50px);   
}

.t360-editorial-block-03-v .div-info {
    position: relative;
    padding: 10px;
}

@media (max-width: 599px) {

    .t360-editorial-block-03-v > ul > li figure {
        min-height: 35vh; 
        height: calc(20vh - 50px);   
    }

} 


/*  */

.t360-editorial-block-04 > ul > li figure {
    min-height: 40vh; 
    height: calc(45vh - 50px);   
}






.editorial-01 li {
    border-bottom: 1px solid #ddd !important;
}

.editorial-subject ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0.5rem;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start;
}

.editorial-subject li {
    flex: 1 1 35%;
    margin-bottom: 0.5rem;
}

.editorial-subject li:nth-child(1) {
    flex: 1 1 100%;
}

.editorial-subject li:nth-child(1) h2 {
    font-size: var(--wp--preset--font-size--extra-large);
}


h3.editorial-headline {
    text-transform: uppercase;
    font-size: var(--wp--preset--font-size--small);
}


.editorial-moreinfo h3 {
    margin-top: 0px !important;
    margin-bottom: 40px !important;
}

.editorial-moreinfo li {
    border-bottom: 1px solid #ddd !important;
}

.editorial-moreinfo h2 {
    font-weight: bold !important;
}



main .icon-gallery {
    position: absolute;
    color: white;
    padding: 4px;
    top: 5px;
    left: 5px;
    z-index: 4;
    opacity: 0.6;
    font-size: 12px;
    background-color: #000;
    box-shadow: aliceblue;
    border-radius: 5px;
}


.wp-block-cover, .wp-block-cover * {
    color: white !important;
}



.t360-button-category {
    background-color: rgb(189, 20, 189) !important;
    padding: 5px;
    border: 0;
    border-radius: 3px;
}

html.site360_entertainment .t360-button-category {
    background-color: #BD1514 !important;
}

html.site360_news .t360-button-category {
    background-color: #0283D4 !important;
}

html.site360_iglesia .t360-button-category {
    background-color: #227fb9 !important;
}


.t360-extra-info {
    display: flex;
    align-items: baseline;
    gap: 0.5rem;
    font-size: 12px !important;
    color: #FFF;
    /* flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content: flex-start;
    align-items: flex-start; */
}

.t360-extra-info .wp-block-post-date {
    font-size: 11px !important;
    color: #000;
}