/*
Theme Name: 	Polemates
Theme URI: 		http://mohnrot.ch
Version: 		1.02
Author: 		mohnrot
Author URI: 	http://mohnrot.ch
*/



/*** Sensible Defaults ***/

@import "css/reset.css";
@import "css/flickity.css";
@import "typo.css?v=2";
@import "blocks.css";
@import url("https://use.typekit.net/cub2owj.css");



div,
article,
section,
header,
footer,
nav,
li					{ position:relative; /* For absolutely positioning elements within containers (add more to the list if need be) */ }

::-moz-selection 	{ background:#00536f; color:#fff; }
::selection 		{ background:#00536f; color:#fff; }

* {
	box-sizing: border-box;
}

/* Helper Classes */

.clear { clear: both; }
strong { font-weight: bold; }
em { font-style: italic; }
a, a:link, a:visited, a:hover, a:focus { color: inherit; }


html, body {
	background: #FFF;
	color: #AA9E84;
	font-family: montserrat, sans-serif;
	font-size: 15px;
	line-height: 125%;
	overflow-x: hidden;
}

form {
	display: flex;
	flex-flow: row wrap;
	margin-left: -0.5rem;
	width: calc(100% + 1rem);
}

	form .form-row {
		width: 100%;
	}

@media (min-width: 600px) {
	.wpcf7-form {
		display: flex;
		flex-flow: row wrap;
	}

	.wpcf7-form > * {
		width: 100%;
	}

	.wpcf7-form .form-col {
		width: 100%;
		padding: 0 0.25rem;
	}

	.wpcf7-form .form-col:first-child { padding-left: 0 }
	.wpcf7-form .form-col:last-child { padding-right: 0 }

}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="date"],
.wpcf7-form textarea,
.wpcf7-form input[type="email"],
.wpcf7-form input[type="submit"] {
	outline: none;
	appearance: none;
	-webkit-appearance: none;
	border: 0;
	color: #AA9E84;
	font: inherit;
	font-size: 1.1rem;
	line-height: 120%;
	background: rgba(170,158,132,0.45);
	border: 2px solid transparent;
	padding: 0.75rem 1rem;
	margin-bottom: 0.5rem;
	width: 100%;
	transition: all 0.2s ease-in-out;
}

.wpcf7-form input[type="text"]:focus,
.wpcf7-form input[type="date"]:focus,
.wpcf7-form textarea:focus,
.wpcf7-form input[type="email"]:focus {
	border-color: #AA9E84;
	background: #fff;
}

.wpcf7-form *::placeholder {
	color: #AA9E84;
}

.wpcf7-form input[type="submit"] {
	background: #AA9E84;
	font-weight: bold;
	color: #fff;
	font-size: 1.2rem;
	padding: 1rem 2rem;
	margin-left: auto;
	width: auto;
	display: block;
	cursor: pointer;
}


.wpcf7-form input[type="submit"]:hover {
	background: #AA9E84;
}

.wp-block-table table {
    border-collapse: separate;
    border-spacing: 10px; /* Abstand zwischen Zellen */
    border: none;
}

.wp-block-table td {
    padding: 15px;
    border: none;
}


header {
	background: #182334 !important;
	width: 100%;
	padding: 2rem 0;
	top: 0;
	left: 0;
	z-index: 99;
	color: #fff;
	position: fixed;
}


	/* header nav {
		font-size: 0.8rem;
		line-height: 1;
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}



		header nav ul {
			padding: 0;
			list-style-type: none;
			display: flex;
			flex-flow: row wrap;
			gap: 2em;
			justify-content: center;
		}

		header nav ul li {

		}

		header nav ul li a {
			font-weight: 500;
			text-decoration: none;
			transition: all 0.2s ease-out;
		}


		header nav ul li a:hover {
			color: #AA9E84;
		} */


		header nav {
			background: #182334 !important;
			padding: 2rem;
			position: fixed;
			width: 100%;
			height: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			top: 0;
			left: 0;
			display: none;
		}

		.nav-open header nav {
			display: flex;
		}


			header nav ul {
				font-size: 2rem;
				line-height: 1.5;
				text-align: center;
			}

				@media (min-width: 600px) {
					header nav ul {
						font-size: 3rem;
						line-height: 1.5;
					}
				}


				header nav ul li {
					display: flex;
					justify-content: center;
				}

				header nav ul a {
					padding: 0.5rem;
					display: block;
					text-align: center;
					text-decoration: none;
					transition: all 0.2s ease-out;
					width: fit-content
				}


				header nav ul a:hover {
					color: #AA9E84;
				}


					header nav ul a::after {
						content: "";
						display: block;
						width: 100%;
						height: 0.1em;
						background: #AA9E84;
						bottom: 0;
						transform: scaleX(0);
						transition: all 0.2s ease-out;
					}

						header nav ul a:hover::after {
							transform: scaleX(1);
						}

header .instagram {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 999;
	width: 2rem;
	height: 2rem;
	top: 1rem;
	right: 4rem;
	fill: #AA9E84;
}

header .nav-toggle {
	position: absolute;
	z-index: 999;
	width: 2rem;
	height: 2rem;
	top: 1rem;
	right: 1rem;
	box-sizing: border-box;
	cursor: pointer;
}


	header .nav-toggle span {
		display: block;
		width: 100%;
		height: 2px;
		margin: 0.4em 0;
		background: #AA9E84;
	}