/* @override 
	http://reko.local/wp-content/themes/reko/superstyles/superstyles.css?* */
/*colors */
/* layout */

h1 {
	font-size: 2.128rem;
}

h2 {
	position: relative;
	font-weight: 400;
	font-size: 1.6rem;
}

h2:before {
	content: '';
	position: absolute;
	width: 78px;
	height: 6px;
	background: #1B398F;
	display: block;
	left: 0;
	top: -20px;
	border-radius: 16px;
}

a {
	text-decoration: none;
}

h3 strong {
	font-weight: 700;
}

h3 {
	margin-top: 1.5em !important;
	line-height: 1.4;
}

.lead, .product-list-wrapper a {
	font-size: 1.15rem;
}

p {
	line-height: 1.6;
}

.md-1-2 {
	width: calc(50.5% - 2.5rem);
}

@media all and (min-width: 1200px) {
	.lg-1-4 {
		width: calc(25.5% - 2.5rem);
	}
}

/* general */

ul {
	padding-left: 1.5em;
}

/* header */

header {
	border-bottom: 1px solid #DFDFDF;
	z-index: 1000;
}

header .is-form-style input.is-search-input {
	border-radius: 2em;
	background: #f5f5f5;
}

header button {
	cursor: pointer;
}

.nav-bar {
	border-top: 1px solid #DFDFDF;
	margin-top: 0;
	width: 100%;
	z-index: 1000;
	background: #fff;
}

.scrolled .custom-logo {
	max-width: 225px !important;
}

.sticky-132 {
	position: sticky !important;
	top: 124px;
	z-index: 1000;
}

.wp-block-navigation__responsive-container-open {
	position: relative;
	background: #DBE5FF;
	padding: 6px 60px 6px 8px;
	border-radius: 16px;
}

.wp-block-navigation__responsive-container-open:focus, .wp-block-navigation__responsive-container-open:active, .wp-block-navigation__responsive-container-open:select {
	border: 0 !important;
}

.wp-block-navigation__responsive-container-open:after {
	content: 'menu';
	text-transform: uppercase;
	font-size: 0.75rem;
	font-weight: 600;
	font-family: inter;
	position: absolute;
	left: 40px;
	top: 10px;
	letter-spacing: 1px;
}

.two-column-list ul {
	border-top: 1px solid #fff;
	padding-top: 1.5em;
}

.two-column-list h3 {
	margin-top: 0 !important;
}

#modal-1-content {
	background: #fff !important;
}

/* blocks */

.wp-block-easy-tabs-block-tab-contents {
	border: 0;
	margin-top: 3em;
}

.filter-tabs .wp-block-easy-tabs-block-tab-buttons {
	background: #EEF2FF;
	border-radius: 2em;
	gap: 4px !important;
	font-size: 1rem;
}

.filter-tabs .wp-block-easy-tabs-block-tab-button {
	border: 0;
	border-radius: 2em;
}

.filter-tabs .wp-block-easy-tabs-block-tab-contents {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
}

.filter-tabs .wp-block-easy-tabs-block-tab-button.etb-active-tab {
	border-radius: 2em;
}

.form-tabs .wp-block-easy-tabs-block-tab-buttons {
	border-radius: 0 !important;
	padding: .5em;
}

.form-tabs .wp-block-easy-tabs-block-tab-button {
	border: 0;
	border-radius: 6em;
}

.form-tabs .wp-block-easy-tabs-block-tab-contents {
	max-width: 1320px !important;
}

.product-list-wrapper {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	gap: 2.5rem;
}

.product-list-wrapper img {
	width: 100%;
	transition: all .5s linear;
}

.product-list-wrapper img:hover {
	opacity: .75;
}

.fb3d-fullscreen-mode {
	min-height: 360px;
}

.fb3d-fullscreen-mode iframe {
	min-height: 360px;
}

/* HP */

.slider-wrapper {
	position: relative !important;
	margin-top: -10px !important;
}

.reko-carousel .slide {
	width: 100%;
	transition: opacity .5s linear;
}

.reko-carousel .slide .image-wrapper {
	width: 100%;
	height: 400px;
	display: block;
	background-size: cover;
	background-position: center;
}

.slide-headline {
	position: absolute;
	right: 200px;
	bottom: 60px;
	background: #066323;
	color: #fff;
	font-size: 1.8rem;
	letter-spacing: .015rem;
	padding: .35em 1em;
	border-radius: 40px;
}

.slider-claim {
	position: absolute;
	z-index: 100;
	right: 0;
	bottom: 0;
	background: #1B398F;
	color: #fff;
	padding: 1em 1em;
}

.slider-claim h1 {
	line-height: 1 !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	font-size: 1.8rem !important;
	font-weight: 500;
	letter-spacing: .015rem;
}

.dot.is-selected {
	background: #066323 !important;
}

/* forms */

.forminator-guttenberg h2 {
	font-size: 1.65rem !important;
	position: relative;
}

.forminator-guttenberg .forminator-field-section {
	padding-top: 1em !important;
}

.forminator-guttenberg button {
	background: #066323;
	color: #fff;
	font-size: 1.25rem !important;
	font-weight: 600 !important;
	border-radius: 2rem !important;
	padding: 0.75rem 1.5rem !important;
}

/* footer */

footer {
	margin-top: 0;
}

footer ul {
	list-style: none;
	padding-left: 0;
}

footer nav {
	gap: 0.5em !important;
}

@media all and (max-width: 520px) {
	.reko-carousel {
		margin-left: -2em;
		margin-right: -2em;
	}
	
	.slide .image-wrapper {
		height: 300px !important;
	}
}

@media all and (min-width: 521px) and (max-width: 960px) {
	.reko-carousel {
		margin-left: -3em;
		margin-right: -3em;
	}
	
	.slide img {
		width: auto !important;
		max-height: 400px;
	}
}

@media all and (min-width: 1280px) {
	.is-form-style input.is-search-input {
		min-width: 280px;
	}
}
