.main-header {

    background-color: #cabd9d;

}

.navbar-logo img {

    max-height: 100px;

}

body {
    background-color: #f3f3e2;
}

.container {
    max-width: 1240px;
}

.language-toggle {
    position: absolute;
    top: 1rem;
    left: 3rem;
}

#languageSmallNav {
    margin-top: 2.8em;
    margin-left: -1.4em;
}


#userNav {
    position: absolute;
    top: 1rem;
    right: 2rem;
}


@media (min-width: 320px) and (max-width: 767px) {


.navbar-brand {
    display: inline-block;
    padding-top: .3125rem;
    padding-bottom: .3125rem;
    margin-right: 1rem;
    font-size: 3rem;
    line-height: inherit;
    white-space: nowrap;
}
}

@media (min-width: 920px) {
.navbar-logo {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0.5rem;
    padding-bottom: 0rem;
    max-width: 60%;
    text-align: center;
}
}


#primaryNav {
    justify-content: space-around;
    position: relative;
    width: 100%;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}


.main-header .container {
    padding: 0;
}


.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

#primaryNav .nav-link, #primaryNav .dropdown-item {
    line-height: 1.2rem;
    text-transform: uppercase;
    vertical-align: middle;
    border: 1px solid transparent;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: transparent;
    font-weight: 500;
    font-size: 1rem;
}

#primaryNav .nav-link:hover, #primaryNav .nav-link:focus {
    background: transparent;
    color: #333;
    border-color: transparent;
}

#userNav .nav-link, .language-toggle .dropdown-toggle {

    color: #333;
    border: 1px solid transparent;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.5em;
    text-transform: none;

}

.navbar-light .navbar-nav .nav-link, .navbar-light .navbar-nav .dropdown-item {

    color: #0a818a;

}


.search-filters h2 {
    margin-bottom: 2rem;
    display: none;
    font-size: 1.5rem;
    line-height: 1.6rem;
    color: #757575;
}

.cmp_announcements {

    background-color: #eab104;
    padding: 20px;
    text-align: center;
}

.announcement-summary-description {

    margin: 1em;
    text-align: justify;
}

.announcement-summary-more {

    text-align: center;
}

.alert-primary {
    display: none;
}


.homepage-issue-description-wrapper {
    padding: 2rem;
    background: #cabd9d;
}

.homepage-issue-description {
    overflow: hidden;
}

.homepage-issue-description .h2 {
    margin-bottom: 1rem;
    display: none;
}

@media (min-width: 920px) {
.homepage-issue-description {
    padding-bottom: 5rem;
    max-height: 15.3em;
}
}

.container-homepage-issue {
    margin-top: 1.5rem;
}

.homepage-issue-description::after {

    background-image: linear-gradient(rgb(202, 189, 157), #cabd9d 20%);

}

.homepage-issue-published {

	display: none;
	font-family: 'Fira Sans',sans-serif;
    
}

.homepage-issue-cover {

    display: block;
    max-width: 300px;
    max-height: 388px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1rem;

}

.homepage-issue-header {
    margin-top: 1rem;
    margin-bottom: 0rem;
}

.homepage-additional-content {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.card {

	background-color: #f3f3e2;

}

.arrow-view {

   line-height: 0.5em;
   font-size: 2rem;
}

.btn dropdown-toggle {

max-width: 10rem;

}

.btn-primary {

    background: #0a818a;
    border-color: #eab104;
    color: #fff;

}

.btn.btn {
    font-size: 1rem;
    width: 8rem;
    background: #0a818a;
    border-color: #eab104;
    color: #fff;
    margin-top: 5px;
}

.btn {
    padding: .2em .5em;
    border-radius: 0;
    border: 2px solid #0a818a;
    background: transparent;
    font-family: 'Fira Sans',sans-serif;
    font-size: 18px;
    font-weight: 300;
    color: #0a818a;
    text-decoration: none;
    cursor: pointer;
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-family: 'Noto Serif',serif;
    text-transform: uppercase;

}

.h5, h5 {

    font-size: 1.55rem;
    color: #0a818a;

}

.h3, h3 {
    font-size: 1.55rem;
}

@media (min-width: 920px) {
.page-header {
    margin-top: 2.5rem;
    margin-bottom: 2rem;
}
}

@media (min-width: 320px) and (max-width: 767px) {
.page-header {
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
}
}

@media (min-width: 920px) {
.page-issue-cover {
    display: block;
    max-width: 300px;
    max-height: 388px;
}
}

@media (min-width: 320px) and (max-width: 767px) {
.page-issue-cover {
    display: block;
    max-width: 300px;
    max-height: 388px;
    margin: auto;
        margin-top: auto;
        margin-bottom: auto;
    margin-top: -2em;
    margin-bottom: 1em;
}
}


.page-issue-description-wrapper {

    padding: 2rem;
    background: #cabd9d;
}


.page-issue-description .h2 {
    font-size: 1.35rem;
    text-align: center;
    margin-bottom: 1rem;
    display: none;
}

.page-issue-date, .page-issue-doi {

    margin-top: 1rem;
    
}

.page-issue-date {
    display: none;
}

/* .page-issue-description {

	max-height: 15.3em;
	position: relative;
	overflow-y: hidden;
	padding-bottom: 4rem;
}

.page-issue-description-more {
    position: absolute;
    z-index: 2;
    display: block;
    width: 100%;
    bottom: 2rem;
}

.page-issue-description::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 85px;
    background-image: linear-gradient(rgb(202, 189, 157), #cabd9d 20%);
}

.page-issue-galleys {

    padding-bottom: 0;
}

.page-issue-description + .page-issue-galleys, .page-issue-cover {
    margin-top: 0;
} */

.page-content {
    margin-bottom: 3rem;
    padding-top: 1rem;
    border-top: 1px solid #ccc;
    font-size: 18px;
    line-height: 30px;
    text-align: justify;
}

.page-content h2 {

	margin-top: 1em;
	margin-bottom: 1em;
}

.contact-section {

	padding-top: 1rem;
}


details-doi, .article-details-published {

    margin-top: 1em;
    font-size: 0.9rem;
    line-height: 1.6em;
    color: #757575;
    
}


.issue-toc-section-title {
    margin: 2rem 0 1rem;
    font-family: 'Noto Serif',serif;
    font-size: 1.35rem;
    text-transform: uppercase;
    color: #0a818a;
}

.issue-toc-section + .issue-toc-section {

    border-top: 0px solid #ccc;

}


@media (min-width: 320px) and (max-width: 767px) {
.issue-toc-section {
 position: relative;
   }
}

@media (min-width: 920px) {
.issue-toc-section {

    position: relative;
    left: 10rem;
}

}

@media (min-width: 320px) and (max-width: 767px) {
.issue-toc2-section {
 position: relative;
   }
}

@media (min-width: 920px) {
.issue-toc2-section {

    position: relative;
    left: 19rem;
}

}

.issue-summary-cover {
    max-width: 250px;
    height: auto;
}

@media (min-width: 320px) and (max-width: 767px) {
.issue-summary {
    margin-bottom: 1rem;
    margin-left: 1.1em;
}
}

.issue-summary-date {

    margin-bottom: 1rem;
    display: none;

}

.article-summary-pages {

display: none;

}

.article-details-main {

    padding: 3rem 6rem;
    background: #cabd9d;

}

.article-summary {

    margin: 1rem 0 1rem;
    display: inherit;


}

.article-summary-date {

    margin-top: 0.5rem;
    font-family: 'Noto Serif',serif;
    font-size: 1rem;
    color: #757575;
    display: none;

}

@media (min-width: 320px) and (max-width: 767px) {
.article-summary-galleys {
    left: -10rem;

}
}

@media (min-width: 920px) {
.article-summary-galleys {

    position: absolute;
    left: -10rem;
    margin-top: -45px;
    display: grid;
}
}

@media (min-width: 320px) and (max-width: 767px) {
.article-summary-title {
    font-size: 1rem;
    font-family: 'Fira Sans',sans-serif;
    max-width: 95%;
}
}

@media (min-width: 920px) {
.article-summary-title {

    font-size: 1rem;
    font-family: 'Fira Sans',sans-serif;
    margin-left: -2px;
    max-width: 95%;

}
}

.article-summary-title a {

    color: #333;
    
}

.article-summary-authors, .article-summary-pages {

    font-size: 14px;
    line-height: 1.5em;
    color: #757575;
    
}

.article-details-published {
	display: none;
    margin-top: 1em;
    font-size: 0.9rem;
    line-height: 1.6em;
    color: #757575;
}

.form-group-date-from {

display: none;

}

.form-group-date-to {

display: none;

}

.contact-support {

display: none;

}

.site-footer {

    color: #000;
    background-color: #cabd9b;
    padding-top: 2rem;
    padding-bottom: 2rem;

}

.site-footer a {

    color: #0a818a;
    text-decoration: none;

}

.site-footer-sidebar {

    display: none;
    border-bottom: 1px solid rgba(255,255,255,0.4);
    padding-bottom: 1rem;
    margin-bottom: 2rem;
}

.hidden {

    display: none;
}