/*
.header {
	display: grid;
	grid-template-columns: minmax(0,1fr) repeat(4,minmax(0,19.875rem)) minmax(0,1fr);
	grid-gap: 0 1em;
	
}
.header .grid-child:first-child {
	grid-column: 2/3;
}
.header .container-nav {
	grid-column: 3/6;
}
.offline-card .header {
    display: block;
}

@media (max-width: 767.98px) {
    .container-header .navbar-toggler {
        margin-left: 50px;
        margin-top: 10px;
    }
    .container-header .container-nav .container-search,
    .container-header .container-nav nav {
        margin-top: 10px;
        display: block;
    }
}
*/
/*
.container-header .mod-menu {
  color: #e8522f !important;
}
*/
.mod-menu li:hover{
	color: #e8522f !important;
}
li.current.active{
  color: #e8522f !important;
}
.mm-collapse li.current.active{
  background: #eeeeee;
} 
.container-header, .footer {
  background-color: #000 !important;
}
/* 
a{
	color: #e8522f;
}
*/
.pager .next > a, .pager .next > span {
  float: right;
}
.pager li > a, .pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
}

/* Header
-------------------------------------------------------------- */

.header {
display: grid;
grid-template-columns: minmax(0, 1fr) repeat(4, minmax(0, 20rem)) minmax(0, 1fr);
}

.header .grid-child:first-child {
grid-column: 2/3;
}

.header .container-nav {
grid-column: 3/6;
padding-bottom: 0;
}

.container-header nav {
margin-top: 0;
}

.container-header {
background-color: #001b4c;
background-image: none;
box-shadow: 0 0px 10px rgb(0 0 0 / 7%);
}

/* Logo */

.container-header .navbar-brand img {
width: 5em;
min-width: 5em;
}

/* Menu + Mobile
-------------------------------------------------------------- */
.container-header .metismenu>li.level-1>ul {
min-width: 13rem;
padding: 10px;
border-radius: 5px;
/* Submenu */
}
.metismenu.mod-menu .mm-collapse>li.parent>ul {
border-radius: 5px;
/* Submenu > Submenu background */
}

.metismenu.mod-menu .mm-toggler:after {
margin: 0 0 0 0.3em;
border-top: 0.3em solid;
border-right: 0.3em solid transparent;
border-left: 0.3em solid transparent;
/* Menu Arrow icon size*/
}

.navbar-toggler:focus {
box-shadow: none;
/* Mobil menu */
}

/* Menu Position Button Module */

#mod-custom110 .btn {
margin-top: 0.5em;
padding: 11px 43px;
}

@media (max-width: 767.98px) {
.container-header .container-nav .container-search,
.container-header .container-nav nav {
margin-top: 1em;
position: absolute;
left: 150px;
}

ul.mod-menu.mod-menu_dropdown-metismenu.metismenu.mod-list {
background-color: #0000ff;
border-radius: 5px;
/* Mobil menu dropdown */
}

#mod-custom110 .btn {
margin-top: 0.5em;
left: 88px;
position: absolute;
/* Menu position button */
}

.container-header .navbar-brand img {
width: 4em;
min-width: 4em;
/* Header logo mobil size */
}

.container-header .metismenu > li.level-1 > ul {
border-radius: 5px;
border-left: 3px solid #ffc107;
/* Mobil menu > submenu */
}
}


/* Gallery view */
.gallery-items-row {
  display: flex !important;
  flex-wrap: wrap;
  gap: 1rem;
}

.gallery-item {
  flex: 0 0 calc(25% - 1rem) !important;
  max-width: calc(25% - 1rem) !important;
  box-sizing: border-box;
}
#isotopeContainer{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 1rem;
}

.metismenu.mod-menu .mm-collapse{
    background-color:#000000 !important;
}
.mm-show a{
  color: #fff;
  font-size: 13px;
  font-weight: 400;
}
.mm-show a:hover{
  color: red;
}
.metismenu.mod-menu .metismenu-item {
  font-size: 14px;
  font-weight: 900;
}
.mod-finder__search button{
  color: red;
}
.footer {
    background-image: linear-gradient(135deg, #000 0%, #000 100%);
}
.back-to-top-link{
    background-color: red !important;
}



/* Drop Down */
.header .mod-menu > li {
  position: relative;
}

.header .mod-menu li:hover > ul {
  background-color: #fff;
  border: 1px solid #dfe3e7;  
  border-radius: 5px;
  display: block;
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 250px;
  padding: 16px;
}

.header .mod-menu li:hover > ul li {
  display: block;
}