html {}
.wrapper:not(#homepage-content .wrapper) {padding: 30px 70px 20px;}

nav {height: 55px !important;}
nav li{display: inline-block;}
nav .nav-menu {position: relative; margin: 20px 0; display: inline-block; font-size: 0; padding: 0; width: calc(100% - 140px); max-width: 1600px; transform: translateX(-50%); left: 50%;}
nav a {color: black; text-decoration: none;}
nav a:hover {background: white; color: #0074D9;}
nav a.first {padding: 8px 10px 8px 0;}
nav a.first:not(.active):hover {padding: 8px 13px;}
nav a.active {padding: 7.2px 11.2px; color: #0074D9; background: white; border: 1px solid rgba(0,0,0,0.15);}
.nav-detached {height: 61px !important;}
.nav-detached > .nav-menu {margin: 13px 0 13px;}

nav #more-menu-container {position: relative; display: none; width: 100%;}
nav #more-menu-container.visible {display: inline-block;}
nav #more-button {position: relative; border: 0; background: transparent; filter: invert(1); position: absolute; height: 30px; top: -37px; right: -2px; cursor: pointer; border-radius: 10px; padding: 5px;}
nav #more-button:hover {background: black;}
nav #nav-menu-more {display:none; position: absolute; top: -10px; right: 0; background: white; padding: 10px; border-radius: 10px;}
nav #nav-menu-more.active {display: inline-block;}
nav #nav-menu-more a {display: block; font-size: 16px;}

#hamburger, .hamburger-close, .mobile-menu {display: none !important;}

/* Heading*/
.carousel-heading {bottom: 20px; left: 20px; right: 20px;}
.carousel .arrow-prev {left: 20px;}
.carousel .arrow-next {right: 20px;}

.mini-items-heading {grid-template-columns: repeat(auto-fill, minmax(0, calc(25% - 9px)))}

#homepage-content .homepage-content-element div.blog-list .list-item {margin: 0;}

h1 {margin: 10px auto 15px;}

.text-container {padding: 30px 0 50px;}

footer {padding: 25px 70px 40px; background: white;}
footer p {}

/* List - Grid v2*/
div.grid-list {margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(33% - 6px))); gap: 12px; grid-gap: 12px;}
div.grid-list .list-item {object-fit: cover;}
div.grid-list .list-item .grid-list-item-img, div.grid-list .empty-img {/*width:350px;*/ height: 250px; object-fit: cover;}
div.grid-list .list-item .grid-list-item-title {font-size: 20px;}

/* Gallery */
div.gallery-grid-list {margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(33% - 6px))); gap: 12px; grid-gap: 12px;}
div.gallery-grid-list .list-item {object-fit: cover; height: fit-content;}
div.gallery-grid-list .list-item .item-img {object-fit: cover;}

/* List - Blog*/
div.blog-list {margin: 40px 0 30px; grid-template-columns: repeat(auto-fill, minmax(0, calc(50% - 8px)));}

/* Documentation Element */
.side-section-list {position: fixed; width: 150px; height: calc(100vh - 70px); top: 70px; padding: 0; margin: 0;}
.side-section-list h2 {display: block;}
.side-section-list a {display: block; margin: 0 10px 8px 0;}
.wrapper.documentation-element .content-wrapper {position: relative; width: calc(100% - 150px); left: 150px; border-left: 1px solid darkgray; padding-left: 50px;}

@media screen and (min-width: 1450px) {
    div.grid-list {grid-template-columns: repeat(auto-fill, minmax(0, calc(20% - 10px)));}
    div.gallery-grid-list {grid-template-columns: repeat(auto-fill, minmax(0, calc(20% - 10px)));}
}