/*--------------------------------------------------------------
## Author
--------------------------------------------------------------*/

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

.author .author-avatar img {
    border-radius: 7rem;
    width: auto;
}

.author .social {
    margin-bottom: 1rem;
}

.author .social a {
    font-size: 1.2rem;
    margin: 1.5rem;
}

.author .social a:hover {
    color: #0db8c4;
}

.author .archive-description {
    -ms-flex-order: 1;
    order: 1;
    -ms-flex: 1 0 calc(100% - 2rem);
    flex: 1 0 calc(100% - 2rem);
}

.author .archive-description a {
    color: #000000;
    text-decoration: underline;
    -webkit-text-decoration-color: #0db8c4;
    -moz-text-decoration-color: #0db8c4;
    text-decoration-color: #0db8c4;
    font-weight: bold;
}

.author .archive-description a:hover {
    background-color: #0db8c4;
    color: #ffffff;
}

@media screen and (min-width: 768px) {
    .author #breadcrumbs {
        margin: 1rem auto 1rem;
    }
}


/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/

#breadcrumbs {
    margin: 0;
    width: 100%;
    font-family: var(--Fuente);
    font-size: 0.8rem;
    text-transform: uppercase;
}

#breadcrumbs span.cat:before {
    content: ">";
    padding: 0 .5rem;
    color: #0db8c4;
}

#breadcrumbs a {
    color: #000000;
}

#breadcrumbs a:hover {
    background-color: transparent;
    color: #0db8c4;
    -webkit-text-decoration-color: #000000;
    -moz-text-decoration-color: #000000;
    text-decoration-color: #000000;
}

#breadcrumbs .post_title {
    display: none;
}

.archive #breadcrumbs {
    text-align: center;
}

.single #breadcrumbs {
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.author #articles-bottom .post-thumbnail {
    display: none;
}

.entry-title {
    display: flex;
    order: 2;
}

h1.entry-title.section-title {
    margin: 0.5rem 0;
    padding: 1rem 0;
    color: #0f4a57;
}

/* AUTHORS PAGE */

@media (max-width: 480px) {

    /* MOBILE */
    .site-branding.flex-row {
        display: flex;
    }

    section.page-title {
        min-width: 80%;
        max-width: 80%;
    }

    .div-main-navigation,
    .navigation-wrapper,
    .archive-last-posts-button,
    #breadcrumbs {
        display: none;
    }

    .archive .page-header {
        margin: 2rem 0;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        color: var(--verde);
        font-family: var(--Fuente);
        font-weight: bold;
    }

    .author-avatar {
        order: 2;
        margin-bottom: -8px;
        max-width: none;
    }

    .page-header img.avatar {
        border-radius: unset !important;
        width: 100%;
        height: unset !important;
        margin-top: 2rem;
        border: 2px solid var(--verde);
        border-left: none;
        border-top-right-radius: 8% 12% !important;
        max-width: 341px;
    }

    .page-title {
        order: 1;
    }

    .title-icon {
        width: fit-content;
        display: flex;
    }

    .entry-separator {
        display: none;
    }

    .flex-row {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .archive article {
        padding: 2rem 0;
        display: flex;
        justify-content: flex-start;
    }

    .archive a {
        color: var(--verde);
        text-decoration: none;
    }

    .flex-menu-footer a {
        color: white;
    }

    .author .entry-content {
        padding: 1rem;
        text-align: initial;
        border-left: 1px solid var(--verde);
    }

    .author #articles-bottom article::before {
        height: 2px;
        width: 100%;
        background: rgb(15, 74, 87);
        background: linear-gradient(90deg, rgba(15, 74, 87, 1) 33%, rgba(255, 255, 255, 1) 33%);
        content: '';
        display: flex;
    }

    .post-content.small {
        display: none;
    }

    .archive .page-header .archive-description {
        margin-top: 2rem;
        color: var(--VerdeOscuro);
        background-color: white;
    }

    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        display: none;
    }

    /* Botón + Actualidad */
    .cat-links {
        margin: 10vh auto;
        padding: 0 1rem;
        text-align: center;
    }

    .cat-links a {
        font-size: 1.2rem;
        font-weight: bold;
    }

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

    /*     .archive a {
        color: var(--verde)!important;
    } */
    #menu-info-footer a {
        color: white !important;
    }

    /* fin botón */
    /* Otros autores */
    .otros_autores article {
        max-width: 100%;
    }

    .author .flex {
        flex: 0 0 auto;
        margin-bottom: 10vh;
    }

    .layout.xs-12.row.wrap.otros_autores {
        display: flex;
        justify-content: center;
        min-height: 35vh;
        margin-top: 5vh;
        max-width: 14rem;
        margin: 0 auto;
    }

    .otros_autores .flex.article-wrapper.md-3 {
        width: 341px;
    }

    h1.entry-title.section-title {
        justify-content: center;
        margin: 1rem;
        padding: 1rem;
    }
}

@media screen and (min-width: 481px) and (max-width: 1200px) {

    /* TABLET */
    .site-branding.flex-row {
        display: flex;
    }

    .main-navigation,
    .navigation-wrapper,
    .archive-last-posts-button,
    #breadcrumbs {
        display: none;
    }

    .title-icon {
        display: flex;
        flex-direction: column;
    }

    .author .heading .title-icon {
        border-left: 1px solid var(--verde);
        margin: auto;
        max-width: 341px;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
    }

    h1.author-name {
        font-size: 30px;
    }

    .author-name {
        padding: 15px 0 0 20px;
        margin: 0 !important;
        color: var(--verde);
        font-family: var(--Fuente);
        text-align: initial;
    }

    .page-header img.avatar {
        border-radius: unset !important;
        width: auto;
        height: unset !important;
        margin-top: 2rem;
        border: 2px solid var(--verde);
        border-left: none;
        border-top-right-radius: 8% 12% !important;
    }

    .page-title {
        order: 1;
    }

    .entry-separator {
        display: none;
    }

    .author .flex-row {
        display: flex;
        justify-content: center;
        flex-direction: column;
    }

    header.page-header.flex-row {
        display: flex;
    }

    .author #articles-bottom {
        max-width: 85%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
    }

    .author a {
        color: var(--verde);
        text-decoration: none;
        font-size: 1rem;
    }

    .author .page-header {
        display: flex;
        justify-content: center;
    }

    .flex-menu-footer a {
        color: white;
    }

    .author .entry-content {
        padding: 1rem;
        text-align: initial;
        border-left: 2px solid var(--verde);
    }

    .author #articles-bottom article::before {
        height: 2px;
        width: 100%;
        background: rgb(15, 74, 87);
        background: linear-gradient(90deg, rgba(15, 74, 87, 1) 33%, rgba(255, 255, 255, 1) 33%);
        content: '';
        display: flex;
    }

    .post-content.small {
        display: none;
    }

    .author .page-header .archive-description {
        display: flex;
        align-self: center;
        padding: 2rem 0 0;
        max-width: 80%;
        color: var(--verde);
        font-size: 20px;
    }

    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        display: none;
    }

    /* Otros autores */
    .otros_autores article {
        max-width: 100%;
    }

    .author .flex {
        flex: 0 0 auto;
        margin-bottom: 10vh;
    }

    .entry-title {
        display: flex;
        order: 2;
    }

    .layout.xs-12.row.wrap.otros_autores {
        display: flex;
        justify-content: center;
        min-height: 35vh;
    }

    .otros_autores .flex.article-wrapper.md-3 {
        width: 14rem;
    }

    .author-avatar {
        align-self: center;
        min-width: 100%;
        margin-bottom: -8px;
    }

    .layout.xs-12.row.wrap.otros_autores {
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin: 5vh auto;
        align-items: center;
    }

    /*     .archive a {
        color: var(--verde)!important;
    } */
}

@media screen and (min-width: 960px) {
    .row>.flex.md-3 {
        max-width: 100%;
    }

    section.single-related-posts .layout.row.wrap {
        width: 95% !important;
        margin: 0 auto !important;
        justify-content: space-between;
    }

    section.single-related-posts article:first-child {
        padding-left: 0;
    }

    .single-related-posts .layout .flex {
        flex: unset;
    }

    .single-related-posts .layout .flex.md-3 {
        flex-basis: 23%;
    }
}

@media (min-width: 1201px) {

    /* DESKTOP */
    .div-main-navigation,
    .archive-last-posts-button,
    #breadcrumbs {
        display: none;
    }

    .author .title-icon {
        display: flex;
        flex-direction: column;
        align-self: center;
    }

    .author .heading .title-icon {
        border-left: 1px solid var(--verde);
        max-width: 21.4rem !important;
        width: 100%;
    }

    .page-header img.avatar {
        border-radius: unset !important;
        width: 100%;
        height: unset !important;
        margin-top: 2rem;
        border: 1px solid var(--verde);
        border-left: none;
        border-top-right-radius: 8% 12% !important;
    }

    .author-name {
        padding: 15px 0 0 20px;
        margin: 0 !important;
        color: var(--verde);
        font-family: var(--Fuente);
        text-align: initial;
    }

    .entry-separator {
        display: none;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: bold;
    }

    .archive a {
        color: var(--verde);
        text-decoration: none;
    }

    .flex-menu-footer a {
        color: white;
    }

    .flex-row {
        display: flex;
        justify-content: center;
    }

    #articles-bottom .flex-row {
        display: flex;
        justify-content: flex-start;
    }

    .post-content.small {
        display: none;
    }

    .archive .page-header .archive-description {
        max-width: 21.4rem !important;
        padding: 8px;
        background-color: var(--verde);
        color: white;
        font-weight: lighter;
        margin: 0 auto;
    }

    .archive #articles-bottom {
        padding: 0;
        margin: 0;
    }

    .site-main .comment-navigation,
    .site-main .posts-navigation,
    .site-main .post-navigation {
        display: none;
    }

    #bloque-opinion .text-block .entry-title {
        min-height: 98.59px;
    }

    .text-block .entry-title {
        order: 2;
    }

    .flex.article-wrapper.md-3 {
        display: flex;
        justify-content: center;
    }

    .archive-extra-info {
        display: none;
    }

    /* Otros autores */
    .otros_autores article {
        max-width: 90%;
    }

    .author-avatar {
        display: flex;
    }

    .layout.xs-12.row.wrap.otros_autores {
        display: flex;
        justify-content: space-evenly;
        min-height: 35vh;
        margin: 5vh 0;
    }
}


/* Otros autores */

.otros_autores article {
    justify-content: space-between;
    padding: 0;
    width: 100%;
    border-left: 1px solid var(--verde);
}

.otros_autores .entry-author {
    display: flex;
    padding: 25px 25px 5px 25px;
    text-transform: uppercase;
    font-size: 0.9rem;
}

.otros_autores .title {
    padding: 5px 0 25px 25px;
    margin: 0;
}

.page-title {
    order: 1;
}

.author-avatar {
    order: 2;
}

.otros_autores img.avatar {
    max-height: 273px !important;
    border-radius: unset !important;
    width: auto;
    height: unset !important;
    border: 1px solid var(--verde);
    border-top-right-radius: 8% 12% !important;
    border-left: none;
}

.otros_autores article .text-block {
    display: flex;
    flex-direction: column;
    text-align: initial;
}

.otros_autores .meta {
    order: 1;
    font-size: 12px;
    font-weight: bold;
}

.otros_autores .meta::before {
    display: flex;
    height: 1px;
    width: 100%;
    background: rgb(15, 74, 87);
    background: linear-gradient(90deg, rgba(15, 74, 87, 1) 33%, rgba(255, 255, 255, 1) 33%);
    content: '';
}

.otros_autores .post-link {
    display: flex;
    width: 100%;
    font-size: 1rem;
    color: var(--verde);
}

.archive .otros_autores .post-thumbnail .avatar {
    width: 100%;
}


/* Botón + Actualidad */

.cat-links {
    margin: 10vh auto;
    padding: 0 1rem;
    text-align: center;
}


/*
.single .entry-content a {
  text-decoration: unset;
  color: var(--verde);
  font-family: var(--Fuente);
  font-size: 1.2rem;
  text-transform: uppercase;
  padding: 0 10px 0 0;
  border: 0 solid white;
}
*/

.cat-links a {
    font-size: 1.2rem;
    font-weight: bold;
}

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

.author .page-title {
    color: var(--verde) !important;
    background-color: transparent !important;
}

.author h1.author-name {
    font-size: 1.1rem !important;
    border: none;
}

.author .title-icon::before {
    display: flex;
    height: 1px;
    width: 100%;
    background: rgb(15, 74, 87);
    background: linear-gradient(90deg, rgba(15, 74, 87, 1) 33%, rgba(255, 255, 255, 1) 33%);
    content: '';
}

.author .title-icon img {
    border-width: 1px;
}

.author .page-title {
    padding: 0 !important;
}


/* 
@media (min-width: 961px) {
    .author #main {
        flex-wrap: nowrap !important;
    }
    .author .content-area {
        margin-top: 3rem;
    }
    .author header {
        flex-basis: 35% !important;
        flex: 1 0 100%;
        margin: 0 !important;
    }
    .author .heading {
        padding: 0 !important;
    }
    .author #articles-bottom {
        flex: 0 1 100%;
        padding-left: 5rem;
    }
    .author article {
        border-bottom: none !important;
        border-top: 1px solid var(--verde);
        border-left: 1px solid var(--verde);
    }
    .author .entry-title {
        padding-left: 1rem;
    }
} */


/* fin botón */

.archive .otros_autores article {
    padding: 0;
}