:root {
    --Fuente: 'Roboto', sans-serif;
    --verde: #0f4a57;
}

.container-header {
    padding: 0 4rem;
}


/* Single */

span.new-claim {
    font-weight: bold;
    color: red;
    border: 1px solid red;
    padding: 10px;
}

.robapaginas-amp {
    display: none;
}

@media only screen and (min-width: 468px) {
    .roba-mobile {
        display: none;
    }
}

.single .entry-content {
    margin: 4rem 4rem;
}

.single .entry-content a {
    text-decoration: unset;
    color: var(--verde);
    font-family: var(--Fuente);
    font-size: 1rem;
}

.single .entry-content a:hover {
    background-color: white;
}

.single .header-single-group .entry-subtitle {
    margin: 1rem 0 0 0;
}

.article-content h2 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
}

.author_box {
    max-width: auto;
    margin: 0 auto;
    padding: 2rem 0;
}

.single .header-single-group {
    padding: 1rem 0 0 0;
}

.single .header-single-group .entry-title,
h2,
h3,
h4 {
    font-weight: bold;
    color: var(--verde);
}

.flex-row {
    display: flex;
}

.single .entry-content .article-content {
    max-width: 100%;
    margin: 0;
    width: 100%;
}


/* .single .entry-content .article-content>p:first-of-type {
    font-size: larger;
    margin-top: 1rem;
    text-align: left;
    font-family: var(--Fuente);
} */

.entry-image {
    display: flex;
    margin: 0 4rem;
    flex-direction: column;
}

.single #breadcrumbs {
    display: none;
}

#breadcrumbs a,
.entry-author,
.entry-date,
#breadcrumbs span.cat:before {
    color: grey;
}

a:visited {
    color: grey;
}

#breadcrumbs a:hover,
.entry-separator {
    display: none;
}

.article-content h3,
.article-content h4 {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 1rem;
}

ul,
ol {
    list-style: none;
}

ol {
    counter-reset: li;
}

li {
    counter-increment: li;
}

table td {
    border: 1px solid grey;
}

#begin_article {
    display: flex;
    flex-direction: column;
}

.cabecera-articulo {
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 3vh;
}

#rrss_horizontal_bar {
    display: table;
    margin: 0;
}

#rrss_horizontal_bar ul {
    flex-grow: inherit;
    padding: 0;
    margin: 0;
}

#rrss_horizontal_bar ul li {
    display: inline;
    margin: 0 10px;
}

.list-posts-widget ul li article {
    margin-bottom: 0;
    padding: 1rem 0;
    border-bottom: 1px solid var(--verde);
}

.widget_list_thumbnail .flex-column>img {
    max-width: 30%;
}

#recent-comments-3 {
    display: none;
}

aside .widget {
    margin: 0 !important;
}

.redes-sociales-footer a {
    color: white;
    margin: 10px;
}

#rrss_horizontal_bar ul li a {
    display: inline-grid;
    box-sizing: content-box;
    border: 1px solid var(--verde);
    height: 1rem;
    border-radius: 50%;
    text-align: center;
    vertical-align: middle;
    padding: 4px;
    font-size: 1rem;
}

#rrss_horizontal_bar ul li a i {
    color: var(--verde);
}

#rrss_horizontal_bar ul li a .fa-facebook,
.fa-instagram {
    width: 1rem;
}

.single .article-content figure {
    width: 100%;
}

.single .article-content figure.wp-block-embed-youtube {
    width: 100%;
}

@media (max-width: 480px) {
    .container-header {
        display: flex;
        flex-direction: initial;
    }
    .entry-header {
        max-width: 100%;
        width: 100%;
    }
    .single .header-single-group .entry-title {
        margin: 0;
        justify-content: center;
    }
    .single .entry-content {
        margin: 0 1rem;
        font-family: var(--Fuente);
    }
    /*     .single .entry-content .article-content>p:first-of-type {
        margin: 0;
        max-width: auto;
        font-size: 100%;
        text-align: left;
        font-family: var(--Fuente);
    } */
    .single .entry-content .article-content {
        max-width: auto;
        margin: 0 auto;
    }
    #begin_article {
        display: flex;
        flex-direction: column;
        justify-content: space-evenly;
    }
    .cabecera-articulo {
        margin-top: 3vh;
    }
    .entry-image {
        margin: 3vh 3vw;
    }
    #rrss_horizontal_bar ul {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
    }
    #rrss_horizontal_bar ul li {
        width: 34%;
        margin-right: 10px;
    }
    .fa-facebook,
    .fa-twitter {
        margin-bottom: 6vh;
    }
    #secondary {
        flex-grow: 0;
        flex-shrink: 1;
        margin: 2rem 1rem;
        flex-basis: auto;
    }
    .cat-links {
        margin-top: 3rem;
    }
    .list-posts-widget {
        margin-top: 5vh;
    }
    .list-posts-widget ul li article {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 2px solid var(--verde);
    }
    .list-posts-widget .widget_list_title {
        flex-grow: 1;
        font-size: 20px;
        color: var(--verde);
    }
    .redes-sociales-footer {
        display: flex;
        margin: 30px 15px 0;
    }
    .redes-sociales-footer a {
        margin: 0 15px;
    }
    #recent-comments-3 {
        display: none;
    }
}

.single .header-single-group .entry-title {
    margin: 1rem auto 2rem auto;
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
    .cabecera-articulo {
        margin-top: 0;
        margin-bottom: 3vh;
    }
    .entry-image {
        margin: auto 11vw;
    }
    .article-content {
        margin: 0 1rem;
    }
    .article-content>p {
        text-align: center;
        margin-top: 0;
    }
    .list-posts-widget .widget_list_title {
        flex-grow: 1;
        font-size: 25px;
        color: var(--verde);
    }
    #secondary {
        flex-grow: 0;
        flex-shrink: 1;
        margin: 0 5rem;
        flex-basis: auto;
    }
    .single .entry-content {
        padding: 0;
        margin-top: 0;
    }
    .list-posts-widget ul li article {
        margin-bottom: 2rem;
        padding-bottom: 2rem;
        border-bottom: 3px solid var(--verde);
    }
    .single .entry-footer {
        margin: 5rem;
    }
}


/**Estilos de UL y OL

Tarea del 22/06/2020
Raúl Angeli**/

.article-content ul {
    list-style: inherit !important;
}

.article-content ol {
    list-style: decimal !important;
}

#comments {
    display: none;
}

.cat-links {
    display: flex;
    justify-content: center;
}

.cat-links a {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 10px 0 0;
    border: 0 solid white;
}

.cat-links a i {
    border-radius: 50%;
    font-size: 1.2rem;
    padding: .5rem;
    background-color: white;
    border: 1px solid var(--verde);
    margin-right: 10px;
}


/*--------------------------------------------------------------
## Home Layout 3
--------------------------------------------------------------*/


/*Home layout 3: 1 cols, image top*/

.home-layout-3 {
    flex: 1 0 100%;
    max-width: 100%;
    padding: 1rem .5rem;
    text-align: center;
}

.home-layout-3 .entry-title {
    order: 2;
    padding-top: 1rem;
}

.home-layout-3 .entry-title .title {
    margin: auto;
}

.home-layout-3 .post-thumbnail {
    order: 0;
}

.home-layout-3 .meta {
    order: 3;
}

.home-layout-3 .excerpt {
    order: 4;
}

.home-layout-3 .text-block {
    order: 1;
    display: flex;
    flex-direction: column;
    flex: 1 1;
}

.home-layout-3 .post-thumbnail .post-link {
    display: block;
    line-height: 0;
}

.home-layout-3 .entry-title {
    padding-top: 0.5em;
    border-top: 4px solid transparent;
}

.home-layout-3 .entry-title:hover {
    border-top: 4px solid var(--verde);
}

.home-layout-3 .title a {
    color: var(--verde) !important;
    font-family: var(--Fuente);
    font-weight: 700 !important;
    font-size: 14px !important;
    line-height: 1 !important;
    text-transform: uppercase;
    letter-spacing: 0px !important;
}

.home-layout-3 h3.title {
    font-size: unset;
}

h4.single-related-title {
    border-bottom: 2px solid var(--verde);
    width: 95%;
    margin: 0 auto;
}

.single .entry-content iframe[src*=youtube],
.single .entry-content iframe[src*=vimeo] {
    min-height: 650px;
}

@media (min-width: 961px) {
    .single .entry-content iframe[src*=youtube],
    .single .entry-content iframe[src*=vimeo] {
        min-height: 650px;
    }
}

@media screen and (min-width: 481px) and (max-width: 1200px) {
    .home-layout-3 .title a {
        font-size: 20px !important;
    }
}

@media screen and (max-width: 1023px) {
    .single .entry-content iframe[src*=youtube],
    .single .entry-content iframe[src*=vimeo] {
        height: 240px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .single .header-single-group .entry-title {
        align-self: center;
    }
}

span.caption {
    text-align: right;
    padding: 5px 0;
}