@media (min-width: 1024px) {
h1 {
font-size: 2em;
}
.s-container {
max-width: var(--s-container-width);
margin-left: auto;
margin-right: auto;
}
.site-action {
position: relative;
left: unset;
right: unset;
}
.site-action.-left {
margin-right: var(--s-gap);
}
.site-action.-right {
margin-left: var(--s-gap);
}
.site-search {
flex: 1;
padding: 0 var(--s-gap);
margin-left: 0;
}
.nav-inline {
background: none;
position: unset;
z-index: unset;
opacity: 1;
left: unset;
top: unset;
bottom: unset;
width: unset;
height: 100%;
padding-top: unset;
overflow-x: unset;
margin-left: auto;
color: var(--s-head-text);
display: flex;
gap: var(--s-gap);
}
.nav-inline.active {
width: unset;
box-shadow: none;
}
.nav-inline > div {
height: 100%;
align-items: center;
display: flex;
}
.nav-inline ul {
padding: 0;
}
.nav-inline li {
width: unset;
margin-bottom: 0;
position: relative;
align-items: center;
display: flex;
}
.nav-inline li a {
display: flex;
align-items: center;
height: 100%;
color: var(--s-head-text);
}
.nav-inline li a:hover {
color: var(--s-head-hover);
}
.s-nav {
display: flex;
margin: 0;
padding: 0;
gap: 20px;
height: 100%;
}
.s-nav > li:hover > .sub-menu {
overflow: visible;
max-height: 300vh;
opacity: 1;
padding: 10px 0;
transform: translateY(-5px);
z-index: 1;
width: auto;
}
.s-nav .children {
display: none;
}
.s-nav .menu-item-has-children > a {
padding-right: 20px;
}
.s-nav .sub-menu {
text-align: left;
top: calc(100% + 5px);
left: -16px;
position: absolute;
z-index: 10;
transition: all 0.3s ease-in-out;
background-color: var(--s-head-bg);
min-width: 180px;
overflow: hidden;
filter: drop-shadow(var(--s-shadow-1));
}
.s-nav .sub-menu::before {
content: "";
position: absolute;
top: -8px;
left: 30px;
width: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 8px solid var(--s-head-bg);
z-index: 1;
}
.s-nav .sub-menu li:hover > a {
color: var(--s-head-hover);
}
.s-nav .sub-menu li:hover .sub-menu {
padding: 10px 0;
overflow: visible;
max-height: 300vh;
opacity: 1;
}
.s-nav .sub-menu a {
padding: 6px 16px;
}
.s-nav .sub-menu .i-down {
transform: rotate(-90deg);
right: 10px;
}
.s-nav .sub-menu .sub-menu {
left: 100%;
top: -10px;
font-size: 1em;
}
.s-nav .sub-menu .sub-menu::before {
display: none;
}
.s-nav .sub-menu .sub-menu .i-down,
.s-nav .sub-menu .sub-menu .sub-menu {
display: none;
}
.s-nav .i-down {
pointer-events: none;
right: 0;
padding: 0;
width: 18px;
height: 18px;
top: calc(50% - 9px);
}
div.s-nav > ul {
margin: 0;
display: flex;
gap: 20px;
}
.entry-info-headline {
font-size: 1.125em;
}
.entry-info-headline .title {
font-size: 2.2em;
}
.entry-info-headline .posted-on {
font-size: 0.9em;
}
.entry-info-headline .entry-author {
font-size: 0.9em;
}
.s-content-hero {
display: flex;
flex-direction: row;
align-items: center;
overflow: hidden;
border-radius: var(--s-rounded-2);
}
div.entry-pic-hero {
min-width: 65.7895%;
padding-top: 40%;
}
div.entry-pic-hero,
div.entry-pic-hero img {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.entry-info-hero {
padding-right: 60px;
}
.page-banner {
min-height: 320px;
}
.site-rightbar .single-related,
.site-leftbar .single-related {
margin: auto;
}
.single-pic {
border-radius: var(--s-rounded-2);
}
.single-pic img {
border-radius: var(--s-rounded-2);
}
.single-content {
font-size: 1.125rem;
}
.s-title-headline .entry-pic {
padding-top: 480px;
}
.comment-form-author,
.comment-form-email,
.comment-form-url {
float: left;
width: 33.333333%;
}
.comment-form-author,
.comment-form-email {
padding-right: 20px;
}
.comment-form-cookies-consent {
width: 100%;
clear: both;
}
.site-leftbar,
.site-rightbar {
display: flex;
align-items: flex-start;
gap: var(--s-space);
}
.site-leftbar .site-main,
.site-rightbar .site-main {
width: calc(100% - 260px - var(--s-space));
max-width: calc(100% - 260px - var(--s-space));
flex: 1;
}
.site-leftbar .alignwide,
.site-leftbar .alignfull,
.site-rightbar .alignwide,
.site-rightbar .alignfull {
max-width: 100%;
margin-left: 0;
margin-right: 0;
}
.site-leftbar .s-title-minimal .posted-cat,
.site-rightbar .s-title-minimal .posted-cat {
justify-content: start;
}
.site-leftbar .s-title-minimal .single-meta,
.site-leftbar .s-title-minimal h1,
.site-rightbar .s-title-minimal .single-meta,
.site-rightbar .s-title-minimal h1 {
text-align: left;
}
.site-leftbar .site-main {
order: 2;
}
.site-sidebar {
margin-top: var(--s-gap);
width: 260px;
min-width: 260px;
max-width: 260px;
order: 1;
}
.ancestor-title {
text-align: unset;
margin-bottom: 0;
}
.s-grid.-d1 {
grid-template-columns: minmax(0, 1fr);
}
.s-grid.-d2 {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.s-grid.-d3 {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
.s-grid.-d4 {
grid-template-columns: repeat(4, minmax(0, 1fr));
}
.s-grid.-d5 {
grid-template-columns: repeat(5, minmax(0, 1fr));
}
.s-grid.-d6 {
grid-template-columns: repeat(6, minmax(0, 1fr));
}
}
@media (min-width: 1366px) {
.entry-info-headline {
font-size: 1.25em;
}
.entry-info-headline .title {
font-size: 2.4em;
}
.entry-info-headline .sub {
font-size: 1.8em;
}
}