/*
Theme Name:		Nadace Benetheo
Theme URI:		https://www.benetheo.cz
Author:			Petr Ĺ abach
Author URI:		https://sabach.studio
Version:		2024
*/

@font-face {
	font-family: 'Teodor';
	src:	url('lib/Teodor-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: 'Teodor';
	src:	url('lib/Teodor-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;
}

html {
	scroll-behavior: smooth;
}
body {
	font-family: 'Teodor', 'Book Antiqua', Georgia, serif;
	font-weight: 400;
	font-size: 1em;
	line-height: 1.5;
	color: #000;
}

a {
	color: inherit;
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
}
ul, li, dl, dd, dt, figure, figcaption {
	margin: 0;
	padding: 0;
}
button {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	font-size: 1rem;
	cursor: pointer;
	outline: inherit;
	display: inline-block;
}
i, em {
	font-style: normal;
	font-weight: 400;
}
h1, h2, h3, h4, b, strong {
	font-weight: 500;
	line-height: 1;
}

.btn {
	display: inline-block;
	padding: 1.25em 1.75em;
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 500;
	line-height: 1;
	border: 1px solid #c1b2ad;
	border-radius: 1.75em;
	text-align: center;
}
.btn:hover {
	background: #008fad;
	color: #fff;
	border-color: #008fad;
}

.grid {
	padding: 0 1.25rem;
}

#notice {
	position: relative;
	margin: 0;
	padding: .5rem 1.25rem;
	text-align: center;
	font-family: 'aktiv-grotesk', sans-serif;
	background: #c1b2ad;
	color: #000;
	font-size: .75rem;
}
#notice b {
	display: inline-block;
	background: #008fad;
	color: #fff;
	padding: 5px 8px;
	margin-left: .5em;
	font-weight: 600;
}

#body a.logo:first-child {
	margin-left: 0;
}
#body a.logo {
	display: inline-block;
	vertical-align: middle;
	margin: 0 1rem;
	border: 0;
}
#body a.logo img {
	display: inline;
} 

#head {
	z-index: 999;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
}
#head .grid {
	padding: 0 4vw;
	display: grid;
	grid-template-columns: 1fr auto auto;
	align-items: center;
	min-height: 4.8125rem;
}

#logo a {
	display: inline-block;
}

#menu {
	position: relative;
	z-index: 1000;
	width: 40px;
	height: 40px;
	background: none;
	padding: 0;
	display: inline-block;
	position: relative;
	justify-self: right;
}
#menu span {
    text-indent: -100em;
    position: absolute;
    height: 3px;
    background: #008fad;
    overflow: hidden;
    width: 100%;
    left: 0;
    top: 50%;
}
#menu::before, #menu::after {
    content: '';
    height: 3px;
    background: #008fad;
    position: absolute;
    width: 100%;
    left: 0;
    top: calc(50% - 10px);
	transition: .4s linear;
}
#menu::after {
    top: calc(50% + 10px);
}
.menu {
	overflow: hidden;
}
.menu #menu span {
    display: none;
}
.menu #menu::before {
	background: #fff;
    transform: rotate(-45deg);
    top: 50%;
}
.menu #menu::after {
	background: #fff;
    transform: rotate(45deg);
    top: 50%;
}

#nav-head {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: #008FAD;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	bottom: 100%;
	overflow: hidden;
	font-weight: 500;
}
#nav-head li {
	font-size: 1.875rem;
	padding: .75rem 1.5rem 0;
	list-style: none;
}
#nav-head .sub-menu {
	padding-bottom: .5em;
}
#nav-head .sub-menu li {
	font-size: 1rem;
	padding: 1em 0 0;
}

.menu #nav-head {
	bottom: 0;
	transition: bottom .4s ease-out;
}

#main {
	position: relative;
	z-index: 1;
	margin-top: 4.8125rem;
	margin-top: 7rem;
	font-size: 1.3125rem;
	background: #fff;
}
#main .grid {
	padding-top: 5rem;
	padding-bottom: 5rem;
}

#cta {
	justify-self: right;
	margin: 0 1.5em;
	font-size: .75rem;
}

.title {
	text-align: center;
	font-weight: 400;
	margin: 0 auto .5em;
	max-width: 45rem !important;
}
h2.title {
	font-size: 1.875rem;
	font-weight: 500;
}
.lead {
	max-width: 45rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	font-size: 1.125rem;
}

#nav-head a {
	border-bottom: 1px solid transparent;
}
#nav-head a:hover {
	border-color: #c1b2ad;
}
#nav-head .current-menu-item a,
#nav-head .current-menu-parent a {
	border-color: #008fad;
}
#nav-head .sub-menu a {
	border: none;
}

#foot {
	min-height: 15rem;
	padding: 5rem 0;
	background: #008fad;
	color: #fff;
	font-family: 'aktiv-grotesk', sans-serif;
	/*
	position: sticky;
	bottom: 0;
	z-index: 0;
	*/
}
.menu {
	list-style: none;
}
#foot .menu {
	margin-top: 2.3125rem;
}
#foot .menu + .menu {
	margin-top: 1rem;
}
#foot h4 {
	margin: 0;
	font-family: 'Teodor', 'Book Antiqua', Georgia, serif;
	font-size: 1.3125rem;
}

body.admin-bar #head {
	top: 32px;
}
body.admin-bar #subnav {
	top: calc(32px + 7.75rem);
}

#feed .item,
.hero {
	box-sizing: border-box;
	position: relative;
	min-height: 65vh;
	padding: 5vw;
	display: flex;
	align-items: flex-end;
	background: #c1b2ad;
	background: linear-gradient(180deg, rgba(193,178,173,1) 0%, rgba(0,143,173,1) 100%);
}
#feed .img,
.hero .img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#feed .img::after,
.hero .img::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.65) 100%);
}
#feed .img img,
.hero .img img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 30%;
}
#feed .txt,
.hero .txt {
	position: relative;
	color: #fff;
}
#feed li,
.hero li {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	font-weight: 400;
	list-style: none;
	display: inline-flex;
}
#feed li:first-child,
.hero ul li:first-child {
	margin-right: 1rem;
}
#feed h2,
.hero h1 {
	margin: 1rem 0 1.5rem;
	font-size: 2.5rem;
	font-size: 1.875rem;
}
.hero h1 {
	margin-bottom: .5rem;
}

section, #newsletter {
	scroll-margin-top: 4.8125rem;
	scroll-margin-top: 7rem;
}
section .hero h1 {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 2.5rem;
}

.hero p {
	font-weight: 600;
	font-size: 1.125rem;
	font-family: 'aktiv-grotesk', sans-serif;
}
#feed a::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
}
#feed a {
	border-bottom: 1px solid;
}
#feed a:hover {
	border-color: transparent;
}

.more {
	text-align: center;
}
.read {
	font-size: 1rem;
}

.wrap {
	text-align: center;
	overflow-x: auto;
}
.tabs {
	padding: 1.5em 0;
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 600;
	display: inline-flex;
	flex-wrap: nowrap;
}
.tabs button {
	font-size: 1rem;
	margin-left: 5vw;
	border-bottom: 1px solid transparent;
	white-space: nowrap;
}
.tabs button:first-child {
	margin-left: 0;
}
.tabs button[aria-expanded=true] {
	border-color: #008fad !important;
}
.tabs button:hover {
	border-color: #c1b2ad;
}

.tab {
	background: #FFF19D;
	flex-direction: column;
}
.tab:not([hidden]) {
	display: flex;
}
.tab .img {
	position: relative;
	order: 2;
}
.tab .img::after {
	content: '';
	padding-bottom: 100%;
	width: 100%;
	display: block;
}
.tab .img img {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.tab .txt {
	flex: 1;
	padding: 1.5rem;
}
.tab h3 {
	margin: 0 0 1em;
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 500;
	font-size: 2.25rem;
}
.tab p {
	font-size: 1rem;
}
.tab .read {
	font-weight: 500;
	border-bottom: 1px solid;
}
.tab .read:hover {
	border-color: transparent;
}

.list {
	position: relative;
}
.list em {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
	display: inline-block;
}
.list li {
	list-style: none;
}
.list .h2 {
	font-weight: 500;
}
.list h2, .list .h2 {
	margin: 0 1em .25rem 0;
	font-size: 2em;
	font-size: 1.5em;
	line-height: 1;
}
.list h2 button::after, 
.list .h2::after {
	content: '';
	width: 1em;
	height: 1em;
	background: url(img/arrow.svg) center/contain no-repeat;
	position: absolute;
	right: 0;
	transition: transform 250ms ease-out;
}
.list h2 button[aria-expanded=true]::after {
	transform: rotate(90deg);
}
.list h2 button {
	all: inherit;
	cursor: pointer;
}
.list h2 button:hover,
.list h2 button[aria-expanded=true] {
	color: #008fad;
}
.list .item a:hover {
	color: #008fad;
}
.list .item {
	padding: 2rem 0 1.5rem;
	border-bottom: 2px solid;
}
.list .flex .copy {
	max-width: 45rem;
	padding-bottom: 2.5rem;
}
.list.empty p {
	box-sizing: border-box;
	padding: 1em;
	text-align: center;
	background: #ECE8E6;
	max-width: 75rem;
	margin: 2.5rem auto 0;
}

#main .grid > .copy {
	max-width: 45rem;
	margin: 5rem auto 0;
}

#body {
	margin: 0;
	line-height: 1.33;
	padding: 5rem 1.5rem;
	word-break: break-word;
}
#body p, #body ul, #body ol, #body .wp-video {
	max-width: 60rem;	
}
#body ul {
	margin-left: 1em;
}
#body .wp-video {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 2.5rem;
}
.wp-video video {
	max-width: 100%;
	height: auto !important;
}
#body .lead {
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 500;
	text-align: left;
	font-size: 1.5rem;
	line-height: 1.25;
	margin: 0 0 2.5rem;
}
#body pre {
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 500;
	white-space: normal;
}
#body pre img {
	display: block;
	height: auto !important;
}
#body em {
	font-family: 'aktiv-grotesk', sans-serif;
	font-weight: 400;
	font-size: .75em;
}
.part::after {
	content: '';
	display: block;
	clear: both;
}
#body h2 {
	margin-top: 2em;
}
#body h3 {
	margin-top: 3em;
}
#body blockquote {
	position: relative;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	min-height: 100vh;
	margin: 5rem -1.5rem;
	background: #008fad;
	color: #fff;
	font-family: 'aktiv-grotesk', sans-serif;
	padding: 0 1.5rem;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
}
#body blockquote p {
	max-width: 45rem;
}
#body a {
	color: #008fad;
	border-bottom: 1px solid;	
}
#body a:hover {
	border-color: transparent;
}
.copy a {
	color: #008fad;
	border-bottom: 1px solid;
}
.copy a:hover {
	color: #008fad;
	border-bottom-color: transparent;
}

/*
#main .wp-caption {
	position: relative;
	display: grid;
	align-items: center;
	box-sizing: border-box;
	padding: 2.5rem 5rem;
	grid-template-columns: 1fr 1fr;
	grid-gap: 10%;
	min-height: calc(100vh - 7.3125rem);
	background: #008fad;
	color: #fff;
}
#main .wp-caption-text {
	position: relative;
	z-index: 10;
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 2.25rem;
	font-weight: 600;
	line-height: 1.25;
}
#main blockquote p:first-child {
	position: relative;
	z-index: 10;
}
#main blockquote p + p::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%);
}
#main blockquote p + p img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
*/

#newsletter {
	position: relative;
	z-index: 1;
	background: #C1B2AD;
}
#newsletter .grid {
	box-sizing: border-box;
	background: url(img/bt.svg) center 2.5rem/50% no-repeat;
	min-height: calc(100vh - 4.8125rem);
	display: flex;
	align-items: flex-end;
	padding-bottom: 2.5rem;
}
#signup {
	display: flex;
	flex-direction: column;
	flex: 1;
	font-family: 'aktiv-grotesk', sans-serif;
}

#signup #eml {
	box-sizing: border-box;
	width: 100%;
	height: 3rem;
	line-height: 3rem;
	font-family: inherit;
	border: none;
	background: none;
	border-bottom: 2px solid;
	font-weight: 600;
	outline: none;
	--tw-ring: none;
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	flex-grow: 1;
	padding: 0;
}
#signup input[type=email]:focus {
	border-color: #008fad;
}
#signup label {
	position: relative;
	display: block;
	font-weight: 600;
	cursor: text;
	margin-top: 2.5rem;
}
#signup label span {
	position: absolute;
	height: 3rem;
	line-height: 3rem;
}
#signup button {
	margin-top: 1.5em;
	width: 100%;
	color: #fff;
	background: #008fad;
	border-color: #008fad;
}
#signup button:hover,
#signup button:focus {
	background: #000;
	border-color: #000;	
}

.flex {
	padding: 5vw;
}
.flex .txt, .cols dt {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.25;
}
.flex + .flex, .flex.blue {
	background: #008fad;
	color: #fff;
}
.flex + .flex .img {
	order: 2;
}
.flex .read {
	font-family: 'Teodor', 'Book Antiqua', Georgia, serif;
	font-weight: 400;
	border-bottom: 1px solid;
}
.flex .read:hover {
	border-color: transparent;
}
.flex .txt.small {
	font-family: 'Teodor', 'Book Antiqua', Georgia, serif;
	font-weight: 400;
	font-size: 1.125rem;
	line-height: 1.5;
}
.flex .txt ul {
	margin-left: 1em;
}
.flex .txt li {
	list-style: circle;
}

.flex.single {
	padding-top: 0;
	min-height: 0;
}
.flex.single .txt {
	padding: 0;
}
.flex.single p:first-child {
	margin: 0;
}

.cols dd {
	font-size: 1.125rem;
}
.cols div dt:first-child {
	margin: 5rem 0 1.5rem;
	min-height: 5rem;
}
.cols dd p + p {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 1.125rem;
	font-weight: 600;
	color: #008fad;
}

.fill {
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-top: 5vw !important;
	padding-bottom: 5vw !important;
	min-height: calc(100vh - 4.8125rem);
}

#staff .tab {
	background: #fff;
	grid-template-columns: 1fr 1fr;
	grid-gap: 5rem 2.5rem;
	grid-template-columns: 1fr;
	grid-gap: 2.5rem;
	margin: 5rem 0;
}
#staff .tab:not([hidden]) {
	display: grid;
}
#staff .tab + .title {
	margin-top: 10rem;
}
#staff .item {
	display: flex;
	align-items: flex-start;
}
#staff .txt {
	flex: 1;
	padding: 0 1.5rem;
	min-height: 0;
}
#staff .txt div {
	margin-top: 1.5em;
}
#staff .txt p {
	margin: 0;
}
#staff .img {
	max-width: 144px;
	width: 20%;
	overflow: hidden;
	border-radius: 50%;
	order: 0;
}
#staff .txt strong {
	font-size: 1.875rem;
	font-weight: 400;
}
#staff .txt em {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: .75rem;
	text-transform: uppercase;
	letter-spacing: .1rem;
}
#staff .read {
	margin-top: 1.5em;
}
#staff .read:hover {
	color: #008fad;
}

.flex.combo {
	background: #fff;
	color: #000;
	padding-left: 0;
	padding-right: 0;
}
.flex.combo > div {
	padding: 0;
	align-items: flex-end;
}
.flex.combo .img {
	order: 2;
}
.flex.combo + .flex.combo .img {
	order: 1;
	align-items: flex-start;	
}
.flex.combo + .flex.combo .txt {
	order: 2;
}
.flex.combo + .flex.blue {
	margin-top: 10rem;
}

.item .flex, .item .flex > * {
	padding: 0;
}

.item .flex {
	justify-content: space-between;
	align-items: flex-start;
}
.flex .note {
	align-self: flex-start;
	justify-self: flex-end;
	margin-top: 1.5rem;
}
.flex .note .txt :first-child {
	margin-top: 0;
}
.flex .note .txt > * {
	margin: 1em 0 0;
}
.flex .note li {
	margin-left: 1em;
	list-style: circle;
	margin-top: .5rem;
}
.flex .note a {
	font-weight: 500;
	border-bottom: 1px solid;
}
.flex .note img {
	height: auto !important;
}
.flex .note .txt {
	padding: 1.5rem 0;
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 1rem;
	font-weight: inherit;
}

img.aligncenter {
	margin: auto;
}

#subnav {
	background: #008fad;
	color: #fff;
	padding: 1.5rem 0;
	line-height: 1;
	display: none;
}
#subnav li {
	list-style: none;
	display: inline-block;
	margin: 0 1.5rem;
	font-weight: 500;
}
#subnav li a {
	font-size: 1rem;
	border-bottom: 1px solid transparent;
}
#subnav li a:hover {
	border-color: #fff;
}
#subnav .active {
    border-bottom-color: inherit;
}

#body .gallery {
	display: grid;
	gap: 2rem;
	max-width: 60rem;
	margin: 3rem 0;
}
#body .gallery .gallery-item {
	float: none;
	width: auto;
	margin: 0;
}
#body .gallery .gallery-icon {
	display: inline-block;
}
#body .gallery img {
	border: 1px solid #008fad;
}
#body .gallery .gallery-caption {
	font-family: 'aktiv-grotesk', sans-serif;
	font-size: 1rem;
	padding: .5rem 0;
}
#body .gallery br {
	display: none;
}

@media only screen and (min-width: 60em) {
	#head {
		box-shadow: none;
	}
	#head > nav {
		transition: padding .2s ease-out;
	}
	
	#notice {
		font-size: .8125rem;
	}
	.cols div dt:first-child {
		margin-top: 0;
	}
	.flex .note {
		max-width: 25rem;
		margin-left: 5rem;
	}
	#subnav {
		display: block;
		text-align: center;
		position: sticky;
		top: 7.74rem;
		top: 10rem;
		z-index: 99;
	}
	
	.flex.blue .img {
		order: 2;
	}
	
	#motto {
		background: url(img/motto.jpg) 5%/30% no-repeat;
	}
	#method {
		background: url(img/motto2.jpg) 95%/30% no-repeat;
	}
	
	body {
		text-rendering: optimizeLegibility;
	}
	h1.title, #feed h2, .hero h1 {
		font-size: 4rem;
		max-width: 60rem;
	}
	h2.title, .flex .txt {
		font-size: 2.5rem;
	}
	h2.title {
		margin-top: 5rem;
		margin-bottom: 3rem;
	}
	.grid {
		padding: 0 2.5rem;
		margin: auto;
	}
	#main .grid {
		padding-bottom: 10rem;
		padding-top: 5rem;
		max-width: 75rem;
	}
	/*
	#main section .grid {
		max-width: none;
	}
	*/
	#main .grid + .grid {
		padding-top: 0;
	}
	
	#menu {
		display: none;
	}
	#head .grid {
		padding: 1.25rem 2.5rem;
		display: grid;
		grid-template-columns: 1fr auto 1fr;
	}
	#nav-head {
		position: static;
		background: none;
		display: block;
		color: inherit;
	}
	#nav-head li {
		padding: 1.25rem;
		display: inline-block;
		font-size: 1.125rem;
		font-weight: 400;
	}
	#nav-head .sub-menu {
		position: absolute;
		top: 100%;
		z-index: 100;
		background: #fff;
		flex-flow: column;
		margin-top: -2.5rem;
		margin-left: -1.25rem;
		padding-bottom: 1.25rem;
		display: none;
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
	#nav-head li:hover .sub-menu {
		display: flex;
	}
	#nav-head .sub-menu li {
		font-size: 1rem;
		font-weight: 500;
		padding: 1.5rem 1.5rem 0 1.5rem;
		white-space: nowrap;
	}
	#nav-head .sub-menu a:hover,
	#nav-head .sub-menu .current-menu-item a {
		color: #008fad;
	}
	
	#head.scroll {
		box-shadow: 0 0 10px rgba(0,0,0,.1);
	}
	#head.scroll > nav {
		padding: 0 2.5rem;
	}
	#head.scroll .sub-menu {
		margin-top: -1.25rem;
	}
	
	#cta {
		margin: 0;
		font-size: 1rem;
	}
	
	#foot {
		min-height: 0;
	}
	#foot .grid {
		display: grid;
		grid-template-columns: 2fr 1fr;
	}
	
	#main {
		margin-top: 7.3125rem;
	}

	#feed .item, .hero, .fill {
		min-height: calc(100vh - 7.3125rem);
		padding: 3vw;
	}
	#feed .txt, .hero .txt {
		max-width: 65%;
	}
	#feed li,
	.hero li {
		font-size: 1rem;
	}
	#feed h2 {
		margin: 1rem 0 2.5rem;
	}
	.hero h1 {
		margin: 1rem 0 0;
	}
	.hero p {
		font-size: 1.5rem;
	}
	
	#body {
		padding: 2.5rem 2.5rem 5rem;
	}
	#body p {
		/*
		margin-right: 50%;
		*/
	}
	#body pre {
		position: sticky;
		z-index: 100;
		top: calc( 7.3125rem + 2.5rem );
		float: right;
		max-width: 40%;
		margin: 0;
	}
	#body blockquote {
		margin: 5rem -2.5rem;
		padding: 2.5rem 5rem;
		font-size: 2.25rem;
	}
	#body .lead {
		font-size: 2.5rem;
		margin: 0 0 2.5rem;
	}
	
	.read, .tab p, .tabs button {
		font-size: 1.125rem;
	}
	
	.tabs {
		justify-content: center;
		overflow: hidden;
		padding: 0 0 1.5rem 0;
	}
	.tabs button {
		display: inline-block;
		margin: 0 1rem !important;
		white-space: normal;
	}
	
	.tab {
		flex-direction: row;
		margin-top: 1.5rem;
	}
	.tab .img {
		width: 34%;
		position: relative;
		order: 0;
	}
	.tab .img::after {
		height: 100%;
	}
	.tab .txt {
		padding: 3rem;
		min-height: 18rem;
	}
	
	#staff .tab {
		grid-template-columns: 1fr 1fr;
		grid-gap: 5rem 2.5rem;
	}
	#staff .txt {
		padding: .5rem 1.5rem;
		flex-basis: 15rem;
	}
	#staff .img {
		flex-grow: 1;
	}
	
	section, #newsletter {
		scroll-margin-top: 7.3125rem;
	}
	#viceleta, #iniciacni, #jednorazova, #profesni {
		scroll-margin-top: 11.6rem;
	}
	section .hero .txt {
		max-width: 45rem;
	}
	
	.list em, #staff .txt em {
		font-size: 1rem;
	}
	.list h2, .list .h2 {
		font-size: 3rem;
		max-width: 20em;
	}
	/*
	#staff .txt strong {
		font-size: 2.25rem;
	}
	*/
	
	.flex {
		display: flex;
	}
	.flex > * {
		flex: 1;
		display: flex;
		flex-direction: column;
		justify-content: center;
		padding: 2.5rem;
		padding: 5vw;
	}

	#newsletter .grid {
		max-width: 1240px;
		min-height: 28rem;
		padding-bottom: 0;
		align-items: center;
		background: url(img/bt.svg) 0 center/60% no-repeat;
	}
	#signup {
		margin-left: 50%;
		flex-direction: row;
		flex-wrap: wrap;
	}
	#signup .img {
		width: 100%;
		position: relative;
		top: -2.5rem;
		left: -2.5rem;
	}
	#signup button {
		margin-top: 0;
		width: auto;
		margin-left: 2.5rem;
	}
	#signup label {
		margin-top: 0;
		flex-grow: 1;
	}
	
	.flex .read, .lead, .flex .txt.small, #staff .txt p, #staff .read {
		font-size: 1.3125rem;
	}
	.txt.small p {
		max-width: 45rem;
	}
	
	#feed .item {
		height: 120vh;
	}
	.single .hero {
		min-height: calc(80vh - 7.3125rem);
	}
	#feed .txt,
	.hero .txt {
		/*
		margin-top: 25vh;
		*/
		position: sticky;
		bottom: 3vw;
	}
	
	.cols {
		margin-top: 5rem;
		display: grid;
		grid-template-columns: repeat( 2, 1fr );
		grid-gap: 5rem;
		background: url(img/line.svg) center no-repeat;
		text-align: center;
	}
	.cols img {
		display: inline-block;
	}
	.cols > :nth-child(1) {
		grid-column: 1;
		grid-row: 1 / span 2;
	}
	.cols > :nth-child(2) {
		grid-column: 2;
		grid-row: 2 / span 2;
	}
	.cols > :nth-child(3) {
		grid-column: 1;
		grid-row: 3 / span 2;
		
	}
	.cols > :nth-child(4) {
		grid-column: 2;
		grid-row: 4 / span 2;
	}
	
	#body .gallery {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media only screen and (min-width: 80em) {
	.btn {
		padding: 1.25em 2.5em;
	}
	/*
	.tabs button {
		font-size: 1.3125rem;
	}
	*/
	
	#body {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	#body blockquote {
		margin-top: 5vw;
		margin-bottom: 5vw;
		margin-left: -3vw;
		margin-right: -3vw;
	}
}