@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500;700&display=swap');
body{font-family: 'Ubuntu', sans-serif; color: #555555;}
.navbar-brand{height: 120px;margin-top: -40px;margin-bottom: 15px;}
footer[role="contentinfo"] {background: #747474;color: #fff;}
footer[role="contentinfo"] a{color: #fff;}
.navbar-brand{padding: 0px;}
.navbar-brand-logo img{ margin-left: -1px;}
.navbar-default{background-color: #f8f8f8;}
a{color: #861b21;}
h3.media-heading{font-size: 24px; line-height: 32px;}
.media-heading a:hover{color: #555555;}
.media-body .nav-pills>li>a{text-transform: uppercase;font-weight: 600;}
.media-body .nav-pills>li>a:hover{ color: #000;}
.view a{color: #555;border: 2px solid #555555;border-radius: 25px !important; background: #fff;}
.view a:hover{background: #f5f5f5 !important;}
a{color: #861b21;}
h1, .h1, h2, .h2, h3, .h3{color: #555555;}
.breadcrumb{border-color: #dddddd;border-style: solid;border-width: 1px;}
.badge{background-color: #555555;}
.btn-default{background-color: #555;border-color: #555; color: #fff;}
.btn-default:hover{background-color: #333; border-color: #333; color: #fff;}
.btn-primary{background-color: #000; border-color: #000;}
.btn-primary:hover{background-color: #555555; border-color: #555555;}
.media:first-child {margin-top: 2em;}
.logo-footer img{width: 100% !important;}
.pkp_structure_content .col-md-8 {width: 66.66666667% !important;}
.pkp_block{border-width: 1px !important;}

.navbar-brand {height: 140px !important;}
.navbar-nav{float: left;margin: 0;background: #F4F4F4;margin-top: 118px;position: absolute;top: 37px;left: -1px;width: 100%;border-bottom: 2px solid #DDDDDD;padding-left: 25px; border-top: 6px solid #DDDDDD;}
.navbar-default .nav>li>a{color: #555 !important;}
.navbar-default{border-color: #e7e7e7;border-radius: 0px;}
.container{margin-top: 80px !important;}
.btn-default{color: #fff;background-color: #525252;border-color: #525252;}
.navbar-default .nav>li>a:hover{ text-decoration: underline !important;}
.dropdown-menu>li>a:hover{ text-decoration: underline !important;}
.sections .media-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.sections .article-summary{width: 48%;margin-bottom: 60px;margin-right: 2%;display: block;box-sizing: border-box;}
.journals .media-list{display: flex;flex-wrap: wrap;justify-content: flex-start;}
.journals .media{width: 48%;margin-bottom: 60px;margin-right: 2%;display: block;box-sizing: border-box;}
p{line-height: 24px;}
footer .col-md-10{width: 100%;} 
.sicmago-info {text-align: right;padding-top: 30px;}
footer .container {margin-top: 0px !important;}

.tabs input {position: absolute;opacity: 0;z-index: -1;}
.tabs {overflow: hidden;}
.tab {width: 100%;color: white;overflow: hidden;}
.tab-label {display: -webkit-box;display: flex;-webkit-box-pack: justify;justify-content: space-between;padding: 12px;background: #D4AB71;font-weight: 500;cursor: pointer; margin-bottom: 15px; border-left: 3px solid #565656; font-size: 18px;}
.tab-label:hover {background: #b88e52;}
.tab-label::after {content: "\276F";width: 1em;height: 1em;text-align: center;-webkit-transition: all .35s;transition: all .35s;}
.tab-content {max-height: 0;padding: 0 1em;color: #2c3e50;background: white;-webkit-transition: all .35s;transition: all .35s;}
.tab-close {display: -webkit-box;display: flex;-webkit-box-pack: end;justify-content: flex-end;padding: 1em;font-size: 0.75em;background: #D4AB71;cursor: pointer;}
.tab-close:hover {background: #b88e52;}
input:checked + .tab-label {background: #D4AB71;}
input:checked + .tab-label::after {-webkit-transform: rotate(90deg);transform: rotate(90deg);}
input:checked ~ .tab-content {max-height: 1000vh;padding:1em;}

@media only screen and (max-width : 900px) {
.navbar-brand{height: 100px !important;}
.navbar-nav{margin-top: 78px;}
.container {margin-top: 30px !important;}
.journals .media {width: 100%;margin-right: 0px;}
.sicmago-info {text-align: left;}
#sidebar{ width: 100%;}
.pkp_structure_content .col-md-8{width: 100% !important;}
}
@media only screen and (max-width : 736px) {
.navbar-nav{margin-top: 0px !important;position: relative !important;top: 0px !important;border-bottom: none !important;border-top: none !important;}
.navbar-form{padding: 0px !important;border-top: none !important;border-bottom: none !important;box-shadow: none !important;margin-top: 0px !important;margin-bottom: 0px !important;}
.navbar-collapse{padding-right: 0px !important;padding-left: 0px !important;}
.navbar-form .btn-default{margin-top: 15px !important;margin-bottom: 15px;margin-left: 55px;}
}
@media only screen and (max-width : 680px) {
.navbar-brand{height: 78px !important;}
.navbar-nav{margin-top: 125px; border: none;}
.form-control{width: 85%;float: left;margin-right: 20px;}
#nav-menu .btn-default{margin-top: -5px;}
.navbar-default .navbar-form{border: none;}
.navbar-default .navbar-collapse{border: none;}
.navbar-default{border-bottom: 6px solid #ddd !important;}
}
@media only screen and (max-width : 600px) {
.navbar-brand{height: 60px !important;}
.form-control{width: 83%;}
}
@media only screen and (max-width : 568px) {
.navbar-brand{height: 53px !important;}
.form-control{width: 82%;}
}
@media only screen and (max-width : 533px) {
.navbar-header .site-name{display: table;width: 100%;}
.navbar-brand{height: 70px !important;}
.form-control{width: 81%;}
}
@media only screen and (max-width : 480px) {
.form-control{width: 78%;}
.media-body{width: 100%;display: block;}
.media-left img{max-width: 100%;width: 100%;}
.media-left{display: block; padding-top: 0px; margin-bottom: 20px;}
}
@media only screen and (max-width : 414px) {
.form-control{width: 75%;}
}
@media only screen and (max-width : 375px) {
.form-control{width: 72%;}
.navbar-brand{height: 65px !important;}
}
@media only screen and (max-width : 360px) {
.form-control{width: 71%;}
.navbar-brand{height: 66px !important;}
}
@media only screen and (max-width : 320px) {
.form-control{width: 67%;}
.navbar-brand{height: 54px !important;}
}