/*
Theme Name:		Altavista
Theme URI: 		http://mohnrot.ch
Version: 		1.0
Author: 		mohnrot
Author URI: 	http://mohnrot.ch
*/

@import "https://use.typekit.net/thh5gck.css";

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */


strong {
	font-weight: 900;
}


/*
 * Search and File Block button styles.
 * Necessary until the following issues are resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/36444
 * https://github.com/WordPress/gutenberg/issues/27760
 */

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}

/*
 * Button hover styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

.wp-block-search__button:hover,
.wp-block-file .wp-block-file__button:hover,
.wp-block-button__link:hover {
	opacity: 0.90;
}

.wp-block-button__link {
	font-weight: 900 !important;
}

.wp-block-buttons {
	gap: 0.5rem !important;
}


/*
 * Alignment styles.
 * These rules are temporary, and should not be relied on or
 * modified too heavily by themes or plugins that build on
 * Twenty Twenty-Two. These are meant to be a precursor to
 * a global solution provided by the Block Editor.
 *
 * Relevant issues:
 * https://github.com/WordPress/gutenberg/issues/35607
 * https://github.com/WordPress/gutenberg/issues/35884
 */

.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {

}

.wp-site-blocks .alignfull,
.wp-site-blocks > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-cover,
.wp-site-blocks > .wp-block-template-part > .wp-block-group.has-background,
.wp-site-blocks > .wp-block-template-part > .wp-block-cover,
body > .is-root-container > .wp-block-cover,
body > .is-root-container > .wp-block-template-part > .wp-block-group.has-background,
body > .is-root-container > .wp-block-template-part > .wp-block-cover,
.is-root-container .wp-block[data-align="full"] {

	width: 100%;
}

/* Blocks inside columns don't have negative margins. */
.wp-site-blocks .wp-block-columns .wp-block-column .alignfull,
.is-root-container .wp-block-columns .wp-block-column .wp-block[data-align="full"],
/* We also want to avoid stacking negative margins. */
.wp-site-blocks .alignfull:not(.wp-block-group) .alignfull,
.is-root-container .wp-block[data-align="full"] > *:not(.wp-block-group) .wp-block[data-align="full"] {

	width: inherit;
}



/* WEBSITE */


* {
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
}


body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

html, body {
	font-size: 14px;
	line-height: 120% !important;
	overflow-x: hidden;

}

@media (min-width: 1000px) {
	html, body {
		font-size: 17px !important;
		line-height: 120% !important
	}
}

.wp-block-group {
	margin-block-start: 0 !important;
	margin-block-end: 0 !important;
}

a, a:link, a:visited, a:hover, a:active {
 color: #b46b00 ;
}


h1 {
	padding-top: 1rem;
}

h1 + h2 {
	margin-block-start: 0 !important;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0;
	margin-block-start: 0;
}

h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child {
	margin-bottom: 0;
	margin-block-end: 0;
}

header {
	position: fixed;
	width: 100%;
	z-index: 999;
}

	header .wp-block-group {
		background: rgba(76,179,210,0.8) !important;
		padding-top: 2.5rem !important;
		padding-bottom: 1rem !important
	}

	@media (max-width: 599px) {
		header .wp-block-columns {
			gap: 0;
		}
		header nav {
			position: absolute !important;
			right: 2rem !important;
			top: 50%;
		}

		header nav .wp-block-navigation__responsive-container-open {
			transform: scaleX(1.5);
		}

		header nav ul {
			gap: 0 !important
		}

		header nav ul li {
			font-size: 2rem;
			line-height: 150%;
			margin-bottom: 0.2rem;
			font-weight: 900;
		}
	}

header strong {
	font-weight: 900;
}

header p {
	font-size: 1.9rem;
	line-height: 100%;
}

header ul {
	font-size: 1.1rem;
	line-height: 100%;
}

header .wp-block-group {
	padding-top: 4rem;
	padding-bottom: 4rem;
}

.current-menu-item {color: #d1dde2 !important;
}

.entry-content {
	padding-left:2rem;
	padding-right:2rem;
	padding-bottom: 4rem !important
}

.wp-block-cover {
	margin-left: -2rem;
	width: 100vw !important;
	height: 25vw !important;
	min-height: 25vw !important;
}

.home .wp-block-cover {
	height: 32vw !important;
	min-height: 32vw !important;
}

.logo a {
	text-decoration: none;
	color: #fff;
}

@media (max-width: 800px) {
	.wp-block-cover {
		min-height: 200px !important;
	}

	.home .wp-block-cover {
		min-height: 300px !important;
	}
}

.entry-content, footer {margin-block-start: 0 !important;}

.entry-content {
	min-height: calc(100vh - 9rem) !important;
}

iframe[src*="google.com/maps"]  {
	max-width: calc(100% + 4rem) !important;
	width: calc(100% + 4rem) !important;
	margin-left: -2rem !important;
}

	iframe[src*="google.com/maps"]:last-child {
		margin-bottom: -4.5rem;
	}

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

form .column {
	width: 100%;
	box-sizing: border-box;
}

@media (min-width: 600px) {
	form .column {
		width: calc(50% - 0.6rem);
	}

	form .column.left {
		margin-right: auto;
	}
}

@media (min-width: 750px) {


	.block-text-sidebar form .column {
		width: 50%;
	}
}

form.wpcf7 {
	width: 66.66%
}

form .form-row {
	width: 100%;
	margin-bottom: 0.5rem;
	display: block;
}

form .form-row.double {
	display: flex;
	flex-flow: row wrap;
	gap: 1.2rem;
}

form .form-row.double > * {
	flex: 1
}

form input[type='text'],
form input[type='email'],
form input[type='tel'],
form input[type='number'],
form input[type='date'],
form input[type='submit'],
form textarea {
	box-sizing: border-box;
	background: #f0e9e1;
	color: #707676;
	appearance: none;
	-webkit-appearance: none;
	border: 2px solid #f0e9e1;
	padding: 0.5rem 1rem;
	font: inherit;
	width: 100%;
	outline: none;
	transition: all 0.2s ease-in-out;
}

form input::placeholder,
form textarea::placeholder {
	color: #707676;
}

form input[type='text']:focus,
form input[type='email']:focus,
form input[type='tel']:focus,
form input[type='number']:focus,
form input[type='submit']:focus,
form textarea:focus {
	border: 2px solid #f0e9e1;
}

form textarea {
	height: 9rem;
}

form input[type='submit'] {
	background: #b46b00;
	border: 2px solid #b46b00;
	color: #fff;
	font-weight: bold;
	width: auto;
	font-size: 1.1rem;
	line-height: 120%;
}

.hidden {
	display: none;
}

.wp-block-gallery img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
	object-position: center;
}

footer .wp-block-group {
	padding-top: 3rem;
	font-size: 0.8rem;
	line-height: 120%;
	height: 5rem;
}
footer,
footer a {
	color: #fff !important;
}