/*
Theme Name: G.Hagen
Theme URI: 
Author: Diemo
Author URI: 
Description: 
Version: 1.0
License: GNU General Public License v2 or later
Text Domain: Hagen
*/

@font-face {
	font-family: 'Clear Sans';
	src: url('./fonts/ClearSans-Regular.woff') format('woff');
	font-weight: 400;
	font-style: normal;

}

@font-face {
	font-family: 'Clear Sans';
	src: url('./fonts/ClearSans-Medium.woff') format('woff');
	font-weight: 500;
	font-style: normal;

}

@font-face {
	font-family: 'DM Serif Display';
	src: url('./fonts/dmserifdisplay-regular-webfont.woff2') format('woff2');
	font-style: normal;

}

:root {
	--f-thumb-border-radius: 0 !important;
}

body {
	font-family: 'Clear Sans';
	font-weight: 400;
	background-color: #083636;
	color: #FBFBF1;
	-webkit-font-smoothing: antialiased;
}

.page-content {
	background-color: #FBFBF1;
	color: #083636;
}

a {
	font-weight: 400;
	transition: all 0.2s;
	color: #083636;
}

a:focus {
	outline: none !important;
}

strong {
	font-weight: 500;
}

.item-slogan, .section-title, h1, h2, h3, h4, h5, h6 {
	font-family: 'DM Serif Display'; 

}

.admin-bar .fixed-top {
	top: 32px;
}

img {
	max-width: 100%;
}

body.page-template-default .page-content, body.single .page-content {
	padding-top: 120px;
	min-height: 80vh;
}

.more-btn {
	font-weight: 500;
	font-size: 21px;
	line-height: 140%;
	display: inline-flex;
	align-items: center;
	gap: 8px;
	text-decoration: none;
	transition: all 0.2s;
}

.section-pretitle {
	font-weight: 400;
	font-size: 17px;
	line-height: 140%;
	text-transform: uppercase;
	margin-bottom: 16px;
	padding-bottom: 22px;
	position: relative;
}

.section-pretitle span {
	opacity: 0.5;
}

.section-pretitle:after {
	content: '';
	width: 48px;
	height: 2px;
	background-color: #BF9135;
	position: absolute;
	left: 0;
	bottom: 0;
}

.section-pretitle.text-center:after {
	left: 50%;
	transform: translateX(-50%);
}

.more-btn.dark-btn {
	color: #083636;
}

.iframe-wrapper {
	position: relative;
	width: 100%;
	aspect-ratio: 3.954 / 3;
	overflow: hidden;
}

.iframe-wrapper iframe {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

body .fancybox__container {
	--fancybox-backdrop-bg: #083636;
}

body .f-button {
	background: transparent; 
}

.fancybox__carousel.has-toolbar {
	padding-top: 70px;
}

.f-button.is-arrow svg {
	display: none !important;
}

body .f-button {
	position: relative;
}

body .fancybox__carousel>.f-button.is-arrow:before {
	inset: unset;
}

.f-button.is-next::before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7'%3E%3Cpath d='M13.3795 2.7002L11.4395 3.1702C12.7095 8.3602 16.2595 11.0002 21.9995 11.0002V9.0002C17.1695 9.0002 14.4295 7.0002 13.3795 2.7002Z' fill='%23EBEBCE'/%3E%3Cpath d='M22 11H2V13H22V11Z' fill='%23EBEBCE'/%3E%3Cpath d='M11.4395 20.83L13.3795 21.3C14.4295 17 17.1695 15 21.9995 15V13C16.2595 13 12.7095 15.63 11.4395 20.83Z' fill='%23EBEBCE'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	inset: unset;
}

.f-button.is-prev::before {
	content: "";
	width: 24px;
	height: 24px;
	display: block;
	background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.7'%3E%3Cpath d='M13.3795 2.7002L11.4395 3.1702C12.7095 8.3602 16.2595 11.0002 21.9995 11.0002V9.0002C17.1695 9.0002 14.4295 7.0002 13.3795 2.7002Z' fill='%23EBEBCE'/%3E%3Cpath d='M22 11H2V13H22V11Z' fill='%23EBEBCE'/%3E%3Cpath d='M11.4395 20.83L13.3795 21.3C14.4295 17 17.1695 15 21.9995 15V13C16.2595 13 12.7095 15.63 11.4395 20.83Z' fill='%23EBEBCE'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
	background-size: contain;
	transform: scaleX(-1);
	inset: unset;
}

body .f-button svg * {
	stroke: rgba(235, 235, 206, 0.7);
}

body .f-counter {
	color: #EBEBCE;
}

button:focus:not(:focus-visible) {
	box-shadow: none;
}

.custom-blockquote {
	margin: 30px 0;
}

.custom-blockquote blockquote {
	padding-left: 32px;
	border-left: 4px solid #BF9135;
	margin: 0 0 12px 0;
	font-size: 21px;
	line-height: 140%;
	color: #083636;
}

.blockquote-author {
	font-size: 19px;
	line-height: 140%;
	color: rgba(8, 54, 54, 0.5);
}

.section-description.text-center {
	margin-left: auto;
	margin-right: auto;
}

.page-title {
	font-family: 'DM Serif Display';
	font-weight: 400;
	font-size: 60px;
	line-height: 120%;
}

@media (hover: hover) and (pointer: fine) {
	.more-btn:hover g {
		opacity: 1;
	}
	
	.more-btn.dark-btn:hover, .light-btn.more-btn:hover {
		color: #BF9135;
	}
	
	.more-btn.dark-btn:hover svg path {
		stroke: #BF9135;
	}
	
	body .f-button:hover {
		background-color: transparent !important;
	}
	
	.f-button.is-next:hover::before {
		background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9'%3E%3Cpath d='M13.3795 2.7002L11.4395 3.1702C12.7095 8.3602 16.2595 11.0002 21.9995 11.0002V9.0002C17.1695 9.0002 14.4295 7.0002 13.3795 2.7002Z' fill='%23F5F5E1'/%3E%3Cpath d='M22 11H2V13H22V11Z' fill='%23F5F5E1'/%3E%3Cpath d='M11.4395 20.83L13.3795 21.3C14.4295 17 17.1695 15 21.9995 15V13C16.2595 13 12.7095 15.63 11.4395 20.83Z' fill='%23F5F5E1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
		background-size: contain;
	}
	
	.f-button.is-prev:hover::before {
		background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='0.9'%3E%3Cpath d='M13.3795 2.7002L11.4395 3.1702C12.7095 8.3602 16.2595 11.0002 21.9995 11.0002V9.0002C17.1695 9.0002 14.4295 7.0002 13.3795 2.7002Z' fill='%23F5F5E1'/%3E%3Cpath d='M22 11H2V13H22V11Z' fill='%23F5F5E1'/%3E%3Cpath d='M11.4395 20.83L13.3795 21.3C14.4295 17 17.1695 15 21.9995 15V13C16.2595 13 12.7095 15.63 11.4395 20.83Z' fill='%23F5F5E1'/%3E%3C/g%3E%3C/svg%3E") no-repeat center;
		background-size: contain;
		transform: scaleX(-1);
	}
	
	.f-button:hover svg * {
		stroke: rgba(245, 245, 225, 0.9);
	}
	
	a:hover {
		color: #BF9135;
	}
}

@media (max-width: 1399px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
		max-width: calc(100vw - 40px);
		padding-right: 0;
		padding-left: 0;
	}
	
}

@media (max-width: 1024px) {
	
}

@media (max-width: 991px) {
	body.page-template-default .page-content, body.single .page-content {
		padding-top: 140px;
	}
	.section-pretitle {
		font-size: 15px;
		line-height: 140%;
		padding-bottom: 18px;
	}
	p {
		margin-top: 0;
		margin-bottom: 10px;
	}
	.custom-blockquote blockquote {
		font-size: 19px;
	}
	.blockquote-author {
		font-size: 17px;
	}
	.page-title {
		font-size: 40px;
	}
}

@media (max-width: 767px) {
	
}