@font-face {
    font-family: "Halyard Text";
    src: url("/plugins/themes/isnus/fonts/Halyard+Text+Regular.ttf") format("truetype");
}

body {
    font-family: "Halyard Text", sans-serif;
}
body.menu-opened {
    overflow: hidden;
}
body.menu-opened #bottom-nav {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

.main-header {
    background-image: url("/public/journals/10/pageHeaderLogoImage_en_US.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.navbar-toggler{
    border: 0 !important;
}
.navbar-toggler:focus{
    outline: none;
}
.navbar .navbar-collapse {
    transition: none;
}
.navbar-toggler .navbar-toggler-icon{
    background-color: #fdfb52;
}
.navbar-toggler .navbar-toggler-icon {
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20class=%22ionicon%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22%20stroke-width=%2232%22%20d=%22M368%20368L144%20144M368%20144L144%20368%22/%3E%3C/svg%3E);
}
.navbar-toggler.collapsed .navbar-toggler-icon {
    mask-image: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20class=%22ionicon%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20fill=%22none%22%20stroke=%22currentColor%22%20stroke-linecap=%22round%22%20stroke-miterlimit=%2210%22%20stroke-width=%2232%22%20d=%22M80%20160h352M80%20256h352M80%20352h352%22/%3E%3C/svg%3E);
}
@media screen and (max-width: 480px) and (orientation: portrait) {
	.main-header {
		background:#262618;
	}
    .navbar .navbar-brand { color: #ffffffc9;} 
    .navbar-toggler:hover {
        background: #414129be;
    }
    .page-content {
        padding: 0;
    }
}
/* breakpoint navbar-expand-md */
@media (max-width: 767px) {
    .main-header {
        height: fit-content !important;
    }
    .main-header #bottom-nav {
        position: absolute;
        width: 100%;
        background: #24241a;
        padding: 0;
        z-index: 1;
        transition: height ease-in;
    }
    .main-header #bottom-nav:has(.navbar-toggler:not(.collapsed)){
        background: #332626;
        height: 100dvh;
    }
}
@media (max-width: 991px) {
    .main-header {
        height: 350px;
        background-repeat: repeat-y;
        background-position: center -50px;
    }
    .navbar .navbar-brand {
        display: none;
    }
    .navbar .navbar-collapse {
        flex-flow: column;
    }
    .navbar #languageSmallNav{
        display: none;
    }
    
}
@media (min-width: 768px) {
    header .container {
        max-width: 100%;
    }
}

@media (min-width: 840px) {
    header .mobile-banner{
        display: none;
    }
}