@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

:root{
--main-color: #df512b;
--main-color-hover: #aa3d1f;
--button-restricted:#2E2E2E;
}

h1, h2, h3, h4, h5, h6, p, a, li, ul {
    font-family: "Lato",sans-serif !important;
}
*::-moz-selection{background-color:#f7914f;}
*::selection{background-color:#f7914f;}

a{
    color: var(--main-color);
}
a:hover, a:focus, a:active{
    color: var(--main-color-hover)
}

/* HEADER */
header {
    position: relative;
}
#languageNav .dropdown-toggle, #navigationUser a, #user-nav-wraper a {
    color: #df512b;
}

#navigationPrimary .a:hover, .pkp_navigation_primary>li>a:hover {
    color: rgba(254,254,254,0.6);
    border: 0px;
}
.pkp_navigation_search_wrapper a:hover {
    color: rgba(254,254,254,0.6);
    border: 0px;
}
header {
    background-color: #FFF;
}
.pkp_site_nav_menu {
    background-color: transparent !important;
}
header:before {
    height: 45px;
    width: 100%;
    left: 0px;
    bottom: 13px;
    position: absolute;
    background-color: #df512b;
    content: "";
}
.pkp_site_name {
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.pkp_navigation_primary ul a {
    color: #2e2e2e;
    padding: 10px;
}
.pkp_navigation_primary .dropdown-menu a:focus, .pkp_navigation_primary .dropdown-menu a:hover {
    border: 0px;
    color: #df512b;
    text-decoration: underline;
}
.pkp_navigation_search_wrapper a:focus, .pkp_navigation_primary>li>a:focus, .pkp_navigation_user>li>a:focus {
    background-color: transparent !important;
}
@media (min-width: 768px) {
    .pkp_nav_list ul a:hover, .pkp_nav_list ul a:focus {
        background: transparent !important;
    }
    .pkp_navigation_primary>li:first-child a {
        margin-left: 0px;
        border: 0px;
    }
    .pkp_navigation_primary>li>a {
        color: #FFF;
        font-weight: 600;
        font-size: 15px;
    }
    .pkp_navigation_search_wrapper {
        display: flex;
        flex-direction: row;
        align-content: center;
        align-items: center;
    }
    .pkp_navigation_search_wrapper a {
        margin: 0.9rem .5em 0; 
        color: #FFF;
    }
    .pkp_navigation_primary_wrapper {
        display: flex;
        align-items: center;
    }
    .logo-wrapper {
      padding-left: 0;
      display: flex;
      justify-content: flex-end;
      align-items: center;
    }
    #navigationPrimary .nav-link {
        font-weight: 700;
    }
    #navigationPrimary .a:hover {
        color: rgba(254,254,254,0.6);
    }
    #navigationPrimary, .nav-tabs .nav-item {
        z-index: 999;
    }    
    header {
        background-color: #FFF;
    }
    .pkp_site_nav_menu {
        background-color: transparent !important;
    }
    header:before {
        height: 45px;
        width: 100%;
        left: 0px;
        bottom: 0px;
        position: absolute;
        background-color: #df512b;
        content: "";
    }
    #navigationPrimary {
        padding-bottom: 3px;
        padding-top: 13px;
        margin: 0 auto;
        display: flex;
    }
}
@media (min-width: 768px) and (max-width: 1199px) { 
    header:before {
        height: 85px;
    }
}
@media (min-width: 768px) and (max-width: 991px) { 
    .pkp_navigation_primary_wrapper {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
    }
}
@media (max-width: 991px) {
    #nav-small li {
        z-index: 999;
    }
    .pkp_site_nav_menu {
        background-color: #df512b !important;
    }
    .pkp_site_nav_menu a, .pkp_navigation_primary ul a, #languageNav .dropdown-toggle, #navigationUser a, #user-nav-wraper a {
        color: #FFF;
    }
    header:before {
        bottom: 0px;
        background-color: #fff;
    }
}

/*BUTTONS*/
.cmp_button_wire,
.obj_galley_link{
    border-color: var(--main-color);
    color: var(--main-color);
}
.cmp_button_wire:hover,
.obj_galley_link:hover {
    background-color: var(--main-color-hover);
}
.obj_galley_link.restricted {
    border-color: var(--button-restricted);
    color: var(--button-restricted);
}
.obj_galley_link.restricted:before{
    color:currentColor;
}
.obj_galley_link.restricted:hover {
    background-color: var(--button-restricted);
}
/* BODY */
.t-orange, .pkp_block.block_custom a {
    color: #df512b !important;
}
.subtitulo-naranja {
    font-size: 22px;
    line-height: 28px;
    font-style: italic;
    color: #df512b;
    font-weight: 300;
}
.fw-bold {
    font-weight: bold;
}
.buttons-naranjas .button {
    display: block;
    width: 200px;
    max-width: 100%;
    margin-bottom: 11px;
}

.cmp_breadcrumbs a {
    color: #df512b;
}
.cmp_breadcrumbs ol {
    margin-top: 1.2rem;
    margin-bottom: 1.7rem;
}
.pkp_structure_content .pkp_structure_main {
    position: relative;
}
.pkp_page_historia-de-la-revista .pkp_structure_content, .pkp_page_about .pkp_structure_content,
.pkp_page_Consejo .pkp_structure_content, .pkp_page_antologia .pkp_structure_content, 
.pkp_page_premios .pkp_structure_content, .pkp_page_normas-publicacion .pkp_structure_content,
.pkp_page_enlaces .pkp_structure_content, .pkp_page_aviso-legal .pkp_structure_content,
.pkp_page_politica-de-privacidad .pkp_structure_content, .pkp_page_politica-de-cookies .pkp_structure_content,
.pkp_page_codigo-etico .pkp_structure_content, .pkp_page_publica-nosotros .pkp_structure_content, .pkp_page_search .pkp_structure_content, .pkp_page_login .pkp_structure_content {
    padding-top: 0;
}
.pkp_page_historia-de-la-revista .pkp_structure_main:before, .pkp_page_about .pkp_structure_main:before,
.pkp_page_Consejo .pkp_structure_main:before, .pkp_page_antologia .pkp_structure_main:before,
.pkp_page_premios .pkp_structure_main:before, .pkp_page_normas-publicacion .pkp_structure_main:before,
.pkp_page_enlaces .pkp_structure_main:before, .pkp_page_aviso-legal .pkp_structure_main:before,
.pkp_page_politica-de-privacidad .pkp_structure_main:before, .pkp_page_politica-de-cookies .pkp_structure_main:before,
.pkp_page_codigo-etico .pkp_structure_main:before, .pkp_page_publica-nosotros .pkp_structure_main:before {
    height: 180px;
    width: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #f7f7f7;
    content: "";
    z-index: 0;
}
.pkp_structure_content .pkp_structure_main .cmp_breadcrumbs, .pkp_structure_content .pkp_structure_main .page {
    z-index: 1;
    position: relative;
}
.pkp_structure_main .current_page_title, .pkp_structure_main .page_title,.pkp_structure_main .page_about h1,.pkp_structure_main .page_editorial_team h1,.pkp_structure_main .page_submissions h1,.pkp_structure_main .page_contact h1,.pkp_structure_main .page_subscriptions h1 {
    margin-bottom: 120px;
}
h1.page_title, .page_about h1, .page_editorial_team h1, .page_submissions h1, .page_contact h1, .page_subscriptions h1 { 
    text-align: center;
    font-weight: 800;
}
.current_page_title h1:after, h1.page_title:after, .page_about h1:after, .page_editorial_team h1:after,
.page_submissions h1:after, .page_contact h1:after, .page_subscriptions h1:after {
    content: "";
    display: block;
    border-bottom: 3px solid #df512b;
    height: 3px;
    width: 69px;
    margin: 9px auto;
}
h3.titulo-decorado {
    font-size: 19px;
    font-weight: bold;
    line-height: 22px;
}
h3.titulo-decorado:after {
    content: "";
    border-bottom: 2px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
}
.pkp_structure_main:before {
    width: 0px;
    background: #fff;
}
@media (max-width: 991px) {
    .page_editorial_team, .navigation-item-content, .page {
        margin-top: -30px;
    }
    .current_page_title, .page_title {
        margin-bottom: 80px;
    }
}
@media (min-width: 992px) {
    .obj_issue_toc .section {
        padding: 0rem 2.143rem !important;
    }
}
@media (min-width: 768px)
{
    .obj_issue_toc .section:before {
        top: 15px !important;
    }
}



/* Sidebar */
#customblock-menu-lateral .content a:hover {
    text-decoration: underline;
}
h3.tit-sidebar {
    font-size: 17px;
}
h3.tit-sidebar:after {
    content: "";
    display: block;
    border-bottom: 2px solid #3e3e3e;
    height: 2px;
    width: 40px;
    margin: 5px 2px 10px 2px;
}
.pkp_block .title {
    color: #df512b !important;
    font-size: 17px !important;
}
.pkp_block .title:after {
    content: "";
    display: block;
    border-bottom: 2px solid #3e3e3e;
    height: 2px;
    width: 40px;
    margin: 5px 2px 10px 2px;
}
.pkp_block.block_language a {
    color: #df512b !important;
    font-weight: bolder;
    font-size: 14px !important;
}
.pkp_block.block_language a:hover {
    text-decoration: underline;
}


/* Inicio */
.pkp_page_index .pkp_structure_head {
    position: relative;
    margin-bottom: 400px;
}
.pkp_page_index .pkp_structure_head:after {
    height: 400px;
    width: 100%;
    left: 0px;
    bottom: -400px;
    position: absolute;
    background-color: #f8e8e4;
    background-image: url(https://revistacritica.es/public/site/images/rcdi_admin_one/revista-critica-inicio.jpg);
    content: "";
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.pkp_page_index .pkp_structure_content {
    padding-top: 0px;
}
.page_index_journal .container-page {
    margin-top: 0px;
    position: relative;
}
.page_index_journal .container-page:before {
    height: 200px;
    width: 100%;
    left: 0px;
    top: 0px;
    position: absolute;
    background-color: #f8e8e4;
    content: "";
    z-index: -1;
}

.obj_issue_toc .sections:not(:first-child){
    margin-top: 0;
}
.obj_issue_toc .galleys,
.obj_issue_toc .section{
    margin-block:0;
}

.pkp_page_index .additional_content {
    border-top: 0px solid #ddd;
}
.page_index_journal .additional_content {
    text-align: center;
    /* background-color: #f8e8e4;
    margin-top: 20px; */
}
.page_index_journal .additional_content h1 {
    font-size: 25px;
    font-weight: 900;
    margin-bottom: 20px;
    font-weight: bold;
}
.page_index_journal .additional_content h2 {
    font-size: 20px;
    font-weight: 300;
}
@media (max-width: 768px) { 
    .page_index_journal {
        margin-top: -15px;
    }
    .page_index_journal .additional_content {
        margin-top: 10px;
    }    
    .page_index_journal .container-page:before {
        height: 230px;
    }
}
/* Quienes somos */
.img-top {
    position: relative;
    margin-top: -40%;
}
.buttons-naranjas {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.buttons-naranjas a:hover, .buttons-naranjas a:focus {
    color: #df512b !important;
}
.quienes-somos p a:hover{
    background-color: #FFF;
    text-decoration: auto;
}
@media (max-width: 768px) {  
    .img-top {
        margin-top: 0px;
    }
}
/* Enlaces */
.enlaces a {
    cursor: pointer;
    color: #df512b;
}
.enlaces a:hover {
    background-color: #FFF;
    text-decoration: auto;
}
/* Consejo */
.cargo {
    color: #df512b;
}
/* Antologia */
.antologia .bloque {
    margin-bottom: 10%;
}
.antologia .sidebar {
    padding-right: 27px;
    width: 265px;
    transition: top,0.3s,ease-out;
}
.antologia .sidebar .selector-header h4, .antologia .sidebar .selector h4 {
    color: #000;
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 9px;
}
.antologia .sidebar .selector h4 a {
    font-size: 19px;
    font-weight: bold;
    margin-bottom: 4px;
    color: #df512b;
}
.antologia .sidebar .selector p {
    font-size: 15px;
    font-style: italic;
    line-height: 20px;
    color: #df512b;
}
.antologia .sidebar .selector a {
    color: #df512b;
    margin-bottom: 30px;
}
.antologia .sidebar .selector h4 a:hover {
    background-color: #fff;
    color: #df512b;
    text-decoration: underline;
}
.antologia .sidebar .selector a:hover {
    background-color: #fff;
    color: #df512b;
    text-decoration: auto;
}
.antologia .sidebar .selector p a:hover {
    background-color: #fff;
    color: #df512b;
    text-decoration: auto;
}
/* .antologia .sidebar.fijo {
    position: fixed;
    width: 265px;
    top: 35px;
    transition: top,0.3s,ease-out;
} */
/* AVISO - POLITICAS */
.aviso-politica .content h2 {
    font-size: 25px !important;
    margin-bottom: 30px !important;
    font-weight: bold;
}
.aviso-politica .content h2:after {
    content: "";
    border-bottom: 3px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
}
.aviso-politica .content h3 {
    font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
/* Historia */
.historia h3 {
    font-size: 19px;
    font-weight: bold !important;
    line-height: 22px;
    letter-spacing: -0.1px;
    margin-bottom: 35px;
}
.historia h3:after {
    content: "";
    border-bottom: 3px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
}
.historia-naranja {
    background-color: #df512b;
    padding: 4% 3% 3% 3%; 
    color: #fefefe;
    position: relative;
}
.historia-naranja:before {
    content: "";
    border-bottom: 3px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
}
.historia-naranja .button {
    border-color: #fefefe;
    color: #fefefe;
    border: #fefefe solid 3px;
    display: inline-block;
    text-align: center;
    padding: 12px 18px;
    font-size: 15px;
    font-weight: bold;
    cursor: pointer;
    max-width: 100%;
    line-height: 17px;
}
.historia-naranja h1 {
    font-weight: 300;
    font-style: italic;
    font-size: 28px;
    line-height: 33px;
}
.historia-naranja h1 strong {
    font-weight: 700;
}
.historia-naranja h1:after {
    content: "";
    border-bottom: 3px solid #fefefe;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 39px;
}
.historia-naranja .titulo {
    padding-right: 70px;
}
.historia-naranja .enlace {
    float: right;
    text-align: right;
}
.historia-naranja .texto {
    margin-top: 2%;
}
.historia-naranja .texto p {
    text-align: justify;
}
   
.historia-fundador {
    padding-top: 4%;
    padding-bottom: 8%;
}
.historia-fundador .th_bloque {
    border-bottom: #ededed solid 2px;
    padding: 50px 0 40px;
}
.historia-fundador .th_bloque:first-child {
    padding-top: 0;
}
.historia-fundador .th_bloque:last-child {
    border: none;
}
.historia-fundador h3 {
    font-size: 19px;
    font-weight: bold;
    line-height: 22px;
    letter-spacing: -0.1px;
    margin-bottom: 35px;
}
.historia-fundador h3:after {
    content: "";
    border-bottom: 3px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
}
.historia-fundador h3.text-right:after {
    content: "";
    border-bottom: 3px solid #df512b;
    width: 69px;
    height: 3px;
    display: block;
    margin-top: 9px;
    right: 12px;
    position: absolute;
}
.historia-fundador .imagen img {
    max-width: 100%;
    width: 190px;
    height: auto;
}
.historia-fundador .texto {
    text-align: justify;
}
.historia-fundador .texto p {
    text-align: inherit;
}
/* linea de tiempo - timeline */
.historia .timeline {
    max-width: 100%;
    position: relative;
}
.historia .timeline .linea {
    position: absolute;
    left: 50%;
    width: 2px;
    margin-left: -1px;
    height: 0;
    background: #fbebe7;
    top: 108px;
    z-index: -1;
}
.historia .timeline ul {
    list-style: none;
    padding-left: 0;
}
.historia .timeline .year {
    color: #df512b;
    line-height: 22px;
    font-weight: normal;
    font-style: italic;
    margin-bottom: 50px;
}
.historia .timeline .year .imagen {
    position: relative;
    width: 50%;
    float: left;
}	
.historia .timeline .year .imagen img {
    margin-bottom: 24px;
    width: 108px;
}

.historia .timeline .year .imagen .text-year {
    position: relative;
    font-size: 2em;
}
.historia .timeline .year.year2 .imagen .text-year:before {
    position: absolute;
    top: 50%;
    line-height: 0;
    content: "•";
    font-size: 30px;
    left: -8%;
}
.historia .timeline .year.year1 .imagen .text-year:before {
    position: absolute;
    top: 50%;
    line-height: 0;
    content: "•";
    font-size: 30px;
    right: -7%;
}
/*.historia .timeline .year .imagen .text-year .punto:before {
    content: "\f111";
    font: normal normal normal 14px / 1 FontAwesome;
    font-size: 12px;
}*/		
.historia .timeline .year .texto {
    position: relative;
    width: 50%;
    float: left;
    padding-right: 0;
    font-size: 16px;
    opacity: 1;
    transition: transform 0.7s ease-in,opacity 0.7s ease-in;
}
.historia .timeline .year .texto a {
    font-size: inherit;
    color: #df512b;
    font-weight: 600;
}
.historia .timeline .year .texto a:hover {
    color: #2e2e2e;
    text-decoration: inherit;
    background-color: #FFF !important;
}
.historia .timeline .year .texto p {
    line-height: inherit;
    text-align: left;
}
.historia .timeline .year .texto .seguir-leyendo:after {
    content: "";
    display: inline-block;
    background: url(https://revistacritica.es/public/site/images/rcdi_admin_one/icon-descargas.png) no-repeat;
    background-size: 100% 100%;
    width: 16px;
    height: 16px;
    margin-left: 10px;
    vertical-align: middle;
}
.historia .timeline .year1 .imagen {
    text-align: right;
    transform: translateY(-50px);
}
.historia .timeline .year1 .imagen .text-year {
	padding-right: 20px;
}
.historia .timeline .year1 .imagen .text-year .punto {
    right: -5px;
}
.historia .timeline .year1 .texto {
  padding-top: 94px;
  padding-left: 25px;
  padding-bottom: 40px;
}

.historia .timeline .year2 .imagen {
  left: 50%;
  text-align: left;
}
.historia .timeline .year2 .imagen .text-year {
  padding-left: 20px;
}
.historia .timeline .year2 .imagen .text-year .punto {
    left: -5px;
}

.historia .timeline .year2 .texto {
  right: 50%;
  text-align: right;
  padding-top: 94px;
  padding-right: 25px;
  padding-bottom: 90px;
}
.historia .timeline .year2 .texto p {
    text-align: right;
}
.parent_historia .historia .timeline .year.in .imagen, .parent_historia .historia .timeline .year.in .texto {
  opacity: 1;
  transform: translate(0,0);
}
/* Aviso Legal */
.pkp_page_aviso-legal h4 {
  font-size: 18px !important;
}
/* Normas de publicación */
.pkp_page_normas-publicacion h4 {
  font-size: 18px !important;
}
.sangria-40 {
  padding-left: 40px;
}
.sangria-80 {
  padding-left: 80px;
}


/* Textos Justificados */
.pkp_page_publica-nosotros p, .pkp_page_publica-nosotros li {
  text-align: justify;
}
.page_submissions .submission_checklist li, .pkp_op_submissions p {
  text-align: justify;
}
.pkp_page_politica-de-privacidad li {
  text-align: justify;
}
.pkp_page_normas-publicacion p, .pkp_page_normas-publicacion li, .page_article .item.abstract {
  text-align: justify;
}

/* FORMULARIOS */
.form-control {
  background-color: #f9f9f9;
}
.btn-primary {
  font-weight: 500;
  font-size: 14px;
}


/* FOOTER */
.pkp_structure_footer_wrapper {
  background-color: #2e2e2e;
  position: relative;
}
.pkp_structure_footer_wrapper a {
  text-decoration: none;
  color: #747474;
  font-weight: 600;
}
.pkp_structure_footer_wrapper a:hover {
  color: #fefefe;
  background-color: transparent !important;
}
.pkp_footer_content {
  padding-top: 6%;
  padding-bottom: 15px;
}
.pkp_footer_content p {
  margin-bottom: 0px;
}
.pkp_brand_footer {
  padding-top: 0;
  padding-bottom: 10px;
}
.pkp_brand_footer img {
  width: 80px;
  filter: invert(1);
  opacity: 0.6;
}