@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@400;700&family=Italianno&display=swap');

body {
	font-family: 'Abhaya Libre', serif;
	font-size: 17px;
	color: #143B34;

	@media screen and	(min-width: 1024px) {
		font-size: 22px;
	}
}

.font-abhaya {
	font-family: 'Abhaya Libre', serif;
}

.font-italianno {
	font-family: 'Italianno', cursive;
}

#header {
	background-color: #F3DFC7;
}

#header.sticky {
	background-color: #ffffff;
}

.longevity-header {
	background-color: #ffffff;
	background-image: url('../longevity-retreat/header-background.png');
	background-position: right top;
	background-size: cover;

	@media screen and (max-width: 540px) {
		background-image: url('../longevity-retreat/header-background-sm.png');
		padding-bottom: calc(100% - 11vh);
	}

	@media screen and (min-width: 1512px) {
		min-height: 678px;
	}
}

.text-shadow {
	text-shadow: 0 0 8px rgba(255, 255, 255, 0.65);
}

.style-text-box {
	background-color: #F3DFC7;
}

.card-section {
	background: #F9ECDA;
}

#upcoming-event-header,
#header .event-dates,
#header .button-primary,
#header #menu-toggle,
#footer-contact,
#footer-partners,
#footer-menu {
	display: none!important;
}

.footer-holder {
	height: 600px;
	position: relative;
	background-color: #F3DFC7;
	background-image: url('../longevity-retreat/footer-background.jpg');
	background-size: cover;
	background-position: center;

	@media screen and (min-width: 1024px) {
		height: 1366px;
	}
}

#footer-terms {
	position: absolute;
	bottom: 40px;
	margin: 0 auto;
	left: 0;
	right: 0;
}

/* Form page */

.page-template-longevity-retreat-form {
	@media screen and (min-width: 1024px) {
		background: linear-gradient(to right, #F3DFC7 0%, #F3DFC7 50%, #ffffff 50%, #ffffff 100%);
	}
}

.page-template-longevity-retreat-form #header {
	background: none;

	@media screen and (max-width: 1024px) {
		background: #F3DFC7;
	}
}

.page-template-longevity-retreat-form #header.sticky {
	background: #ffffff;
}

/* Form */

.longevity-header-form {
	min-height: none;
	background: #F3DFC7;

	@media screen and (max-width: 540px) {
		padding-bottom: 0;
	}
}

.longevity-retreat-form {
	font-family: var(--font-sans);
	font-size: 16px;
	color: #255A50;
}

.wpcf7-form label {
	color: #255A50;
}

.wpcf7-form label + br + small {
	margin-bottom: 4px;
	display: block;
}

.wpcf7-list-item {
	margin-left: 0;
	display: block;
}

.wpcf7-list-item label {
	display: flex;
	align-items: center;
	gap: 6px;
}

.wpcf7-list-item input[type="radio"] {
	width: 16px;
	height: 16px;
}

.input:focus,
input[type="text"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus {
	outline-color: rgba(37, 90, 80, 0.2);
	border-color: #255A50;
}

.wpcf7-form-control.button {
	background: #255A50;
}

.wpcf7-form-control.button:hover {
	background: #16483F;
}

.sent .wpcf7-response-output {
	color: #255A50;
}

.sent .wpcf7-response-output:before {
	background-image: url("data:image/svg+xml,%3Csvg width='85' height='64' viewBox='0 0 85 64' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 9.75V9.33333H0.0166013C0.21582 4.15 4.48242 0 9.71191 0H75.2881C80.5176 0 84.7676 4.15 84.9834 9.33333H85V53.3333C85 59.2167 80.2354 64 74.375 64H10.625C4.76465 64 0 59.2167 0 53.3333V9.75ZM79.6875 18.6L50.3525 40.1833C45.6709 43.6167 39.3125 43.6167 34.6475 40.1833L5.3125 18.6V53.3333C5.3125 56.2833 7.68652 58.6667 10.625 58.6667H74.375C77.3135 58.6667 79.6875 56.2833 79.6875 53.3333V18.6ZM79.6875 9.75C79.6875 7.31667 77.7119 5.33333 75.2881 5.33333H9.71191C7.28809 5.33333 5.3125 7.31667 5.3125 9.75C5.3125 11.15 5.97656 12.4833 7.10547 13.3167L37.7852 35.8833C40.5908 37.95 44.4092 37.95 47.2148 35.8833L77.8945 13.3C79.0234 12.4667 79.6875 11.15 79.6875 9.73333V9.75Z' fill='%23255A50'/%3E%3C/svg%3E%0A");
}