@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700');
@import url('https://fonts.googleapis.com/css?family=Roboto:300,700');

input, textarea, select {
outline: none;
box-shadow:none !important;
/*-webkit-appearance: none;*/
}
input[type="checkbox"], input[type="radio"] {
    width: 1em;
    height: 1em;
}
body {
    font-family: 'Roboto', sans-serif;
    
}
a {
    color: #005a7e;
    transition: all 0.25s linear;
}

a:hover {
    color: #35a2ce;
}
    p {
        font-weight: 300 !important;
    }
h1 {
    font-size: 2rem;
}
h2 {
    font-size: 1.5rem;
}
.index-page-content { /*why??*/
    margin-top: 0px;
}
.breadcrumb {
margin-top: 0px;
padding: 0px;
}
.breadcrumb-item {
    display: none;
}
.breadcrumb-item.active {
color: #000000;
display: block;
font-size: 2rem;
}
.breadcrumb-item+.breadcrumb-item::before {
display: none;
}
.subtitle-home-text {
    font-size: 2rem;
}
.about-journal {
padding-left: 0px;
padding-right: 0px;
}









.alert {
    font-family: 'Roboto', sans-serif;
    color: #FFF;
    background-color: #35a2ce;
    border-radius: 3px;
}
.alert a{
    color: #FFF;
    text-decoration: underline;
    }
.btn-secondary {
color: #fff;
background-color: #005a7e;
border: none;
padding: 10px 15px 10px 15px;
box-shadow: none;
}
.btn-secondary:visited {
    background-color: #005a7e;
}
.btn-secondary:hover {
    background-color: #35a2ce;
}
.btn-secondary:active {
    background-color: #35a2ce !important;
}
.pkp_block a {
color: #005a7e;
}
.pkp_block a:hover {
color: #35a2ce;
}
.pkp_block a:active {
color: #35a2ce;
}
/* caja buscar */

.pkp_block.block_make_submission a {
    color: #fff;
    background-color: #005a7e;
    border: none;
    
}
.pkp_block.block_make_submission a:hover {
    background-color: #35a2ce ;
    
}
/* caja buscar */
#navbarNav > form > button { /* boton buscar en barra arriba*/
    color: #FFF;
    background-color: #51bde9;
    border-radius: 0px 5px 5px 0px;
    border: none;
    box-shadow: none;
        transition: all 0.5s;
    transition-timing-function: ease;
}

#navbarNav > form > input.search-input-tag.form-control {
    border: none;
    border-radius: 5px 0px 0px 5px;
    width: 180px;
    padding-right: 0px;
    transition: all 0.5s;
    transition-timing-function: ease;
    background-color: #51bde9;
    color: #FFF;
}
#navbarNav > form > input.search-input-tag.form-control:focus + button {
        background-color: #FFF;
        color: #005a7e;
    }
#navbarNav > form > input.search-input-tag.form-control::placeholder {
    color: #abe7ff;
    }
#navbarNav > form > input.search-input-tag.form-control::placeholder:focus {
    color: #35a2ce;
    }
    #navbarNav > form > input.search-input-tag.form-control:focus {
        background-color: #FFF;
        color: #005a7e;
    }

/* fin caja buscar */

.site-header {
max-width: 1140px;
border-radius: 5px;
margin: 0 auto;

}

.user-nav {
    background-color: #005a7e;
}
.site-navbar-wraper.navbar.navbar-expand-lg.navbar-dark.bg-dark > button {
    border: none;
}
.user-menu-lang-wrapper{
transform: translate(18px, 3px);
color: #FFF;
font-weight: bold;
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
letter-spacing: -0.5px;
float: left;
}
.user-menu-lang-wrapper a{
    color: #FFF;
    text-decoration: none;
    margin-right: 25px;
    color: #51bde9;
}
.user-menu-lang-wrapper a:hover{
    color: #FFF;
}
.task_count {
    background-color: #EC3100;
    border-radius: 3px;
    padding: 1px;
    padding-left: 4px;
    color: #FFF;
}
.navbar {
    border: none;
    padding-top: 0px;
    padding-bottom: 0px;
    

}
#navigationUser > li > a {
    font-size: 14px;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #51bde9;
}
#navigationUser > li > a:hover {
    color: #FFF;
    }
#navigationUser > li > div {
    left: -40px;
}
.journal-logo {
    background-color: transparent;
    display: inline-block;
}
.is_img.journal-name img {
    max-width: none;
    width: 300px;
    height: auto;
    margin-left: 0;
    margin-right: 0;
    display: inline-block;
}

.is_img.journal-name {
    margin-left: 0;
margin-right: 0;
display: inline-block;
}
.navbar-brand-logo img {
    width: 160px;
max-height: none;
height: auto;
position: relative;
top: -40px;
    
}

.bg-dark {
    background-color: transparent !important;
}
.site-navbar-wraper {
    background: transparent;
    background-color: #35a2ce !important;
    border-bottom: none;
}

#navbarNav > form {
    width: auto;
}
#navigationUser a {
    max-width: 180px;
    padding-bottom: 3px;
    padding-top: 3px;
}

#navigationPrimary > li > a{
    font-size: 16px;
    color: #FFF !important;
    font-family: 'Roboto', sans-serif;

}

.navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255,1)' stroke-width='2.5' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;

}.carousel {
    top: 100px;
}
.carousel-item {
    width: 100%; 
    height: 200px; 
    background-size: cover; 
    background-position: center center
}
.slide-1 {
       background-image: url(/ojs/img_bg/chicago.jpg); 
 
}
.slide-2 {
        background-image: url(/ojs/img_bg/la.jpg); 

}
.slide-3 {
        background-image: url(/ojs/img_bg/ny.jpg); 

}
.site-content {
    background-color: #FFF;
}
.dropdown-item, #navbarNav > form {
    font-family: 'Roboto', sans-serif;
}

/*color de menu dropdown en estado hover*/
.dropdown-item:hover, #navigationUser a.profile.dropdown-item:hover {
    background-color: #35a2ce;
    color: #FFF;
}
/*color menu principal en estado hover*/
/*#navigationPrimary > li > a:hover {
    color: #236b9d !important;
}*/



/*carrusel*/
.carousel-fade .carousel-item {

 opacity: 0;

 transition-duration: 2s;

 transition-property: opacity;

}



.carousel-fade  .carousel-item.active,

.carousel-fade  .carousel-item-next.carousel-item-left,

.carousel-fade  .carousel-item-prev.carousel-item-right {

  opacity: 1;

}



.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-right {

 opacity: 0;

}



.carousel-fade  .carousel-item-next,

.carousel-fade .carousel-item-prev,

.carousel-fade .carousel-item.active,

.carousel-fade .active.carousel-item-left,

.carousel-fade  .active.carousel-item-prev {

 transform: translateX(0);

 transform: translate3d(0, 0, 0);

}

/*fin carrusel*/


/*barra lateral*/
.pkp_block .title {
    background-color: #35a2ce;
    color: #FFF;
}

.pkp_block.block_language > div > ul > li.locale_es_ES > a:before {
    content: " ";
    background-image: url(/ojs/img_bg/es.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    width: 40px;
    
}
.pkp_block.block_language > div > ul > li.locale_en_US > a:before {
    content: " ";
    background-image: url(/ojs/img_bg/uk.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 18px;
    width: 40px;
}

.homepage-image-wrapper {
    display: none;
    
}
/*MODULO JATS*/

.site-content.container-fluid {
    margin-top: 20px;
/* margin: 0 auto; */
    max-width: 1140px;
}
.article-menu {
    background-color: #35a2ce;
}
.meta-item span {
    color: #236b9d;
}
.article-text h2 {
    color: #236b9d;
}
/*FIN MODULO JATS*/

/*formularios*/
.form-control {
    background-color: #efefef;
    border: none;
}
.form-control:focus {
    background-color: #e1e1e1;
} 
/*fin formularios*/



body > div.site-content.container > div > div > div.col-md-8 > div > div > h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 26px;
}

/* botones resumen y descargar pdf en detalle de articulo*/
.buttons_abstract_download {
border: 1px solid #005a7e;
padding: 5px 10px 5px 10px;
border-radius: 5px;
color: #005a7e;
text-decoration: none !important;
font-size: 13px;
margin-right: 8px;
}

.buttons_abstract_download:hover {
background-color: #005a7e !important;
color: #FFF !important;
}

/*toggle mostrar esconder abstract*/

div[id^="abstract-"] {
    max-height: 1px;
    font-size: 14px;
    overflow: hidden;
        -webkit-transition: max-height 0.5s linear;
       -moz-transition: max-height 0.5s linear;
        -ms-transition: max-height 0.5s linear;
         -o-transition: max-height 0.5s linear;
            transition: max-height 0.5s linear;

}

label[class=element-toggle] {
  cursor: pointer;
}
input[id^="element-toggle-"] {
  display: none;

}
input[id^="element-toggle-"]:not(:checked) + div[id^="abstract-"] {
    max-height: 1px;
    opacity: 0;
              max-height: 1px;
          overflow-y: scroll;
        padding: 10px;
        background-color: #eee;
        border-radius: 5px;
        transition: all 0.5s linear;
}
input[id^="element-toggle-"]:checked + div[id^="abstract-"] {
          max-height: 300px;
          opacity: 1;
          overflow-y: scroll;
        padding: 10px;
        background-color: #eee;
        border-radius: 5px;
        -webkit-overflow-scrolling: touch;
        transition: all 0.5s linear;
}


.current_issue_title {
    width: 100%;
    margin: 0px 0px 20px 0px;
}
.current_issue_title a {
font-size: 25px;
color: #005a7e;
text-decoration: none;
}
.current_issue_title a:hover {
color: #35a2ce;
}
.issue-archive-title a {
color: #005a7e;
}
.issue-archive-title a:hover {
color: #35a2ce;
}
.issue-article-title a {
color: #005a7e;
}
.issue-article-title a:hover {
color: #35a2ce;
}
.view_all_issues {
    padding: 20px 0px 0px 0px;
}

.issue-article-title a:hover {
color: #35a2ce;
}
/* PAUTA EVALUACION */
.pauta-eval {
    width: 75%;
    margin: auto;
}
.pauta-eval table {
    width: 100%;
    box-sizing: border-box;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 100 !important;
}
 .pauta-eval img {
    width: 100%;
    height: auto;
 }
 .group_issue_year{
margin: 15px;
background-color: #35a2ce;
color: #FFF;
padding: 7px;
width: 100%;
border-radius: 5px;
text-align: center;
font-size: 1.2em;
}
.card {
border-bottom: 1px solid rgba(0,0,0,.2);
border-top: 1px solid rgba(0,0,0,0);
border-left: 1px solid rgba(0,0,0,0);
border-right: 1px solid rgba(0,0,0,0);
border-radius: 0;
}

.card-body {
    padding: 1.25rem 0 1.25rem 0 !important;
}
.type_of_publication {
border-bottom: 2px solid #888;
text-align: center;
color: #888;
font-size: 1.25em;
margin-top: 30px;
background-color: #fff;
margin: 0px;
padding-top: 20px;
transform: translateY(-2px);

}
.one-article-intoc {
margin-bottom: 0px;
}
div.wrap_current_issue a.btn.btn-secondary {
    margin-top: 20px;
}
.article-issue ul {
    padding: 20px;
}

.article-issue ul li * {

    color: #000 !important;
    font-size: 12px;

}


/* arrows collapse by year */
.group_issue_year a {
    display: block;
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}
a .arrow_updown {
float: right;
background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23FFF'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
background-size: 16px;
background-position: center 150%;
background-repeat: no-repeat;
height: 20px;
width: 20px;
transition: transform .5s cubic-bezier(0.000, 0.000, 0.005, 1.000);
transform-origin: 50% 50%;
}


a[aria-expanded="false"] .arrow_updown {

  /*content: "+";*/
  transform: rotate(0deg);
}

a[aria-expanded="true"] .arrow_updown { 
 
  /*content: "-";*/
  transform: rotate(180deg);

}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
color: #005a7e;
background-color: #fff;
border-color: #dee2e6 #dee2e6 #fff #dee2e6;

}
.article-menu a.nav-link {
border: 0;
border-radius: 5px 5px 0px 0px;
color: white;
background-color: #005a7e;
margin-left: 3px;
}









@media (max-width: 991px) {

.h1, h1 {
font-size: 1.7rem;
}

h2 {
    font-size: 1.25rem;
}
.site-content.container, .site-footer {
max-width: 100% !important;
}
.site-header {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 10;
max-width: 100% !important;
}
.subtitle-home-text {
    font-size: 1.7rem;
}
.breadcrumb-item.active {
color: #000000;
font-size: 1.7rem;
}
div.additional_content {
    padding-left: 0px;
    padding-right: 0px;
}

.recent-articles-section-title h3, .journal-summary-title h3 {
    margin-left: 0px;
    margin-right: 0px;
        background-color: #35a2ce;
    color: #FFF;
}
.wrap_current_issue {
     
margin: 0px 15px 15px 15px;

}

.is_img.journal-name img {

    width: 230px;
    }
.header-navbar-logo {
    display: none;
}
#navigationUser a {
    padding-bottom: 1px;
    padding-top: 1px;
}
.carousel {
    top: 86px;
}
.carousel-item {
    height: 150px; 
}
    
#navbarNav > form {
    margin-bottom: 15px !important;
    }
.navbar-nav .dropdown-menu {
background-color: transparent;
border: none;

    }
#navigationPrimary > li.nav-item.dropdown.show > div > a,
#navigationPrimary > li.nav-item.dropdown.show > div > a:hover{
    color: #FFF !important;
}

#navigationPrimary > li.nav-item.dropdown.show > div > a:hover {
background-color: transparent;
    color: #000;
    }
    .logo_pixeleria {
    width: 75px;
}
    /*MODULO JATS*/
.site-content {
    margin-top: 100px;
}
    .site-content.container-fluid {
    margin-top: 82px;
}

/*FIN MODULO JATS*/
    div.col:nth-child(1) > h4:nth-child(3) {
     letter-spacing: -1.6px;
}
.pauta-eval {
    width: 100%
}
.pauta-eval table {
    letter-spacing: -0.8px;
}
 .pauta-eval img {
    width: 100%;
 }
.galley-links {
padding-top: 5px;
}
.article-menu.nav.nav-tabs {
    padding-left: 15px;
}
.pkp_page_article.pkp_op_view .site-content.container-fluid {
    padding: 0px; 
}
.nav-tabs {
border-bottom: 1px solid #35a2ce;
}
.obj_issue_toc .container {
    padding: 0px;
}
}




@media (min-width: 576px) {
.obj_issue_toc .container {
max-width: 100%;
}
}



.page.page_article {
    padding-right: 0px;
    padding-left: 0px;
}


@media (min-width: 992px) {

body {
    background-color: #005a7e;

}
h1 {
    padding-left: 15px;
}
.page {
    padding-right: 15px;
    padding-left: 15px;
}

.page-about .breadcrumb-item.active {
    padding-left: 0px;
}
.breadcrumb-item.active {
    padding-left: 0px;
}
.bread-nav {
    padding-left: 15px;
}
.wrap_current_issue {
     
    margin: 0px 25px 25px 30px;

}
.article-menu a.nav-link {
border: none;
}

.article-menu a.nav-link:hover:not(.active) {
background-color: #35a2ce;
}

div.additional_content {
    padding-left: 15px;
    padding-right: 15px;
}

.recent-articles-section-title h3, .journal-summary-title h3 {
    background-color: #35a2ce;
    color: #FFF;
    margin-left: 15px;
    margin-right: 15px;
}
.is_img.journal-name img {

    display: none;
    }
    .dropdown .dropdown-menu { /*animacion para el dropdown-menu, solo en vista escritorio*/
        -webkit-transition: max-height 0.5s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -moz-transition: max-height 0.5s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -ms-transition: max-height 0.5s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        -o-transition: max-height 0.5s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        transition: max-height 0.5s, opacity 0.2s 0.1s, visibility 0s 0.3s;
        max-height: 0;
        margin-top: 0;
        display: block;
        overflow: hidden;
        opacity: 0;
        visibility: hidden;
        box-shadow: 0px 3px 3px rgba(0,0,0,0.3);
        border: none;
    }

    .dropdown:hover .dropdown-menu {
        -webkit-transition: max-height 0.5s, opacity 0.2s, visibility 0s;
        -moz-transition: max-height 0.5s, opacity 0.2s, visibility 0s;
        -ms-transition: max-height 0.5s, opacity 0.2s, visibility 0s;
        -o-transition: max-height 0.5s, opacity 0.2s, visibility 0s;
        transition: max-height 0.5s, opacity 0.2s, visibility 0s;
        margin-top: 0;
        max-height: 200px;
        opacity: 1;
        visibility: visible;


    }
    #navigationPrimary > li:hover > a{
        background-color: #51bde9;
        color: #35a2ce;
        border-radius: 3px;

    }

    .site-content {
    padding-top: 50px;
    padding-bottom: 50px;
    border-radius: 5px;
    margin-bottom: 20px;
}
/*.site-header {

    / * background-color: transparent; * /
    z-index: 100;
    max-width: 1140px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 5px;

}*/
.navbar {
    border-radius: 0px 0px 5px 5px;
    padding: 0px 10px 10px 10px;
    }
.header-navbar-logo {
    border-radius: 5px 5px 0px 0px;
    padding: 10px 10px 0px 10px;
    background-color: #35a2ce;
}

    .site-footer {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
    margin-bottom: 0px;

}
.wrap-page-repositories {
    width: 70%;
    margin: 0 auto;
}
.article-menu {
    background-color: #fff;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
background-color: #e9e9e9;
}
.article-title-block {
padding: 0px 20px 0 20px;
}
    #navbarNav > form > input.search-input-tag.form-control:focus {
        width: 290px;
    }
.wrap_current_issue div.container {
    padding: 0px;
}
/*
#nav-download {
    display: block !important;
}
#nav-download-tab {
    color: #495057;
    background-color: #fff;

}*/
.page.page_article .col-lg-6:nth-child(1) {
    margin-left: 0px !important;
}
}










/*busqueda avanzada*/

.site-content.container form  fieldset {

    margin: 25px 0px 25px 0px;

}

.site-content.container form > .date_range .from,
.site-content.container form > .date_range .to,
.site-content.container .search_results {

    margin: 0px 0px 15px 0px;
}
.page_search .container {
    padding: 0px;
}
.search_results .group_issue_year {
    margin: 50px 0px 15px 0px;
}
.site-content.container form .date_range select {
padding: 7px 30px 7px 7px !important;
font-size: 1rem;
line-height: 1.5;
color: #495057;
background-color: #efefef;
background-clip: padding-box;
border: none;
border-radius: .25rem;
transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat 90% #efefef;
}


/*fin busqueda avanzada*/

/* contacto */
.site-content.container .journal-address {
    background-color: #35a2ce;

}
.contact_section h3 {
    color: #000;
    font-family: 'Roboto', sans-serif;
}
/* fin contacto */

/*pie*/
.site-footer {
    background-color: #35a2ce;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 0.9em;
}

.site-footer a {
margin-right: 2%;
display: inline-block;
}

.site-footer a:hover {
color: #FFF;
}

.site-footer h4 {
    font-size: 18px;
    font-weight: bold;
   
}


.footer-catalogs {
    padding: 5px;
    height: 240px;
    margin-bottom: 15px;
    border-radius: 10px;
    background-color: #45b5e3;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}
.site-footer > div > div.row {
    color: #FFF;
}
.logo-footer {
    width: 250px;
}
div.col:nth-child(1) > h4:nth-child(3) {
     transform: scaleY(1.25);
}

.db-repositories {
    text-align: center;
}
.db-repositories img {
    width: 66.7%;
    height: auto;
    border-radius: 3px;
    background-color: #FFF;
    padding: 3px;
    margin-top: 10px;
    margin-bottom: 10px
}
.footer-index-left, .footer-index-right {
    text-align: center;
    float: left;
    width: 49%;
    padding: 10px;
    box-sizing: border-box;
    font-size: 13px;

}
.footer-index-left img, .footer-index-right img {
    width: 80%;
    height: auto;
    border-radius: 3px;
    background-color: #FFF;
    padding: 3px;
}
.logo_pixeleria {
    width: 75px;
    vertical-align: -50%;
}
.footer-mail {
    word-break: break-all;
}

div.col.footer-left, div.col.footer-right  {
    min-width: 290px;
}
div.col.footer-right  {
    margin-top: 65px;
    text-align: center;

}
.footer-bottom {
    background-color: #005a7e;
    text-align: center;
    padding: 10px;
    font-size: 12px;
    color: #51bde9;
}
.footer-bottom a  {
    color: #51bde9;
}
/*fin pie*/

@media (max-width: 1199px) {
.site-content.container, .site-header, .site-footer {
max-width: 99%;


}


}