:root {
  --header-height: 82px;
}

section { padding: 1rem 0; }
h1 { margin-bottom: 1rem; }

header .date { display: none; }
header .social { flex: 0; min-width: max-content; order: -1; padding-left: 2rem; }
header .social p { display: none; }
header .social .lang-selector { padding-top: 1rem; }
header .headline .logo { text-align: end; }
header .headline .logo img { height: 60px; }

.instructor .flex-row { justify-content: center; }
.instructor-d h1 { font-size: 1.8rem; }
.instructor .heading  .inst-quote p { padding-left: 0; }

nav > ul { width: 100%; height: calc(100vh - 82px); height: calc(100dvh - 82px); overflow: auto; gap: 0; }
nav > ul ul { background-color: #555; margin: 6px; }
nav > ul ul > li { text-align: center; }
a[syn-burger-switch] { order: -10; }

#myVideo { height: fit-content; }

#opening-hours .overlay { padding: 1rem 0; }
#opening-hours .overlay h1 { margin: 1rem 0; }
#opening-hours .overlay .square { padding: .3rem; height: auto; }
#opening-hours .overlay .square h1 { margin: .3rem; }

.blog .blog-card { border: solid 1px #ccc; }
.blog .blog-card .date,
.blog .blog-card .title,
.blog .blog-card .summary { padding: .3rem; }

.stay-tuned .social .flex-row { padding: 0 2rem; justify-content: center; gap: .4rem; }
.post .aside-photo { min-width: fit-content; }
.post .aside-text { margin-left: 1rem; padding: 1rem; }


footer .flex-row.social { justify-content: center; gap: .6rem; padding-left: 2rem; }
footer .flex-row > .flex:nth-child(2n) { text-align: end; }
footer .flex-row > .flex:nth-child(2n) h4::after { margin-left: auto; }
footer .flex-row > .flex:nth-child(2n) p { text-align: end; }

.syn-small [syn-carousel] > div > .carousel-overlay{ top: 0; height: 100%; background-color: #0008; }
.syn-small [syn-carousel] > div > .carousel-overlay h4 { font-size: 1.1rem; }
.syn-small [syn-carousel] > div img { width: 100%; min-height: 400px; object-fit: cover; }
.syn-small [syn-carousel] > div.image-potition-right img { object-position: right; }

footer .newsletter .flex-row { justify-content: flex-end; }

#popup { font-size: 1rem; }
#popup button { font-size: .9rem; }