/*
Theme Name: Jerkuterie
Text Domain: mychildjerkuterietheme
Author: Lirva Productions
Author URI: https://www.lirvaproductions.com
Description: Child theme of Lirva Gemini for Jerkuterie
Template: Lirva-Gemini
Version: 1.0.0
*/ 

body {
	background-color:		#ffffff;
	font-family:			'Open Sans', sans-serif;
	font-size:				16px;
	line-height:   			26px;
	color:					#161616;
	margin:					0;
}

a, a:visited {
	color:					#161616;
  	text-decoration:		underline;
}

a:hover  {
	color:					#161616;
  	text-decoration:		underline;
}


/* PAGE HEADER */
#page-header {
	position:				relative;
	background-color:		rgba(0, 0, 0, 0.9);
	margin:					0 0 25px 0;

	width:					100%;
	height:					100%;
}

#page-header .page-title h1 {
    position: 				relative;
	display: 				flex;
    align-items: 			center;
    justify-content: 		center;
	min-height:				285px;
	font-family: 			"Cormorant Garamond", serif;
	font-size:				52px;
	line-height:      		65px;
	font-weight:			500;
	font-style: 			normal;
    color: 					#ffffff;
	text-transform:			uppercase;
	padding:				0 0 0 0;
	margin:					0 0 2px 0;
	z-index:				5;
}

#page-header .page-title {
	position:				relative;
	padding:				25px;
    z-index:				2;
}

#page-header ul {
	padding-left:			0;
    margin-top: 			0;
    margin-bottom: 			0;
}

#page-header ul li {
	list-style-type:		none;
	padding-left: 			0;
    margin-bottom: 			0;
}

#page-header ul li a {
	text-decoration:		none;
}

/* Use the page id instead of the page name */
body.page-id-8 div.page-header {
	background-image:  		url(../Lirva-Jerkuterie/images/header-menu.jpg);
	background-position: 	50% 20%;
 	background-size: 		cover;
}

body.page-id-49 div.page-header {
	background-image:  		url(../Lirva-Jerkuterie/images/header-contact.jpg);
	background-position: 	50% 70%;
 	background-size: 		cover;
}

h1 {
	font-family: 			"Cormorant Garamond", serif;
	font-size:				45px;
	line-height:      		52px;
	font-weight:			500;
	font-style: 			normal;
	text-transform:			uppercase;
	padding:				0 0 0 0;
	margin:					0 0 15px 0;
	z-index:				5;
}

h2 {
	font-family: 			"Cormorant Garamond", serif;
	font-size:				38px;
	font-weight:			500;
	font-style: 			normal;
	line-height:      		48px;
	text-transform:			uppercase;
	margin:					10px 0 15px 0;
}

h3 {
	font-family: 			"Cormorant Garamond", serif;
	font-size:				34px;
	font-weight:			600;
	font-style: 			normal;
	line-height:      		40px;
	margin: 				10px 0 15px 0;
}

h4 {
	font-size: 				28px;
	font-weight:			400;
	line-height: 			1.2em;
	margin: 				10px 0 10px 0;
}

h5 {
	font-size: 				20px;
	font-weight:			500;
	line-height: 			1.2em;
	margin: 				10px 0 10px 0;
}

h5.wp-block-heading {
	color:					#bf953a;
}


p { 
	margin-top: 			10px;
    margin-bottom: 			25px;
}

p.bold-heading { 
    margin-bottom: 			15px;
}

b, strong {
    font-weight: 			bold;
}


/* LAYOUT */
.container {
    max-width: 				1500px;
	padding-top:			25px;
	padding-bottom:			25px;
	margin:					0 auto;
}

.container p, .container-fluid p { 
	margin-top: 			10px;
    margin-bottom: 			20px;
}

.is-layout-flex > :is(*, div) {
    margin: 				0 auto;
}

body.home #main-content {
    max-width: 				100%;
	padding:				0;
	margin:					0;
}

body.home div#content {
	margin:					0;
}

.wp-block-columns {
	margin-top: 			0.8em;
	margin-bottom: 			0.8em;
}

div[class*="col-"] {
	margin-top: 			8px;
	margin-bottom: 			8px;
}

.overlay {
	background-color: 		rgba(247, 247, 247, 0.7);
}

.opaque {
	background-color: 		rgba(247, 247, 247, 0.9);
}

.box-style {
	border-radius:			4px;
	border:					2px solid #ffffff;
}

figure {
    margin: 				10px 0 10px 0;
}

img.responsive {
	max-width: 				100%;
	height: 				auto;	
}

img.align-right {
	float: 					right;    
	margin: 				0 0 0 15px;
}

img.align-left {
	float: 					left;    
	margin: 				0 15px 0 0;
}

img.align-none {
	float: 					none;    
	margin: 				5px 5px 5px 0;
}

.fade {
    opacity: 				0.5;
    transition: 			opacity .65s ease-in-out;
}

.fade:hover {
    opacity: 				1;
}

.parallax {
    background-attachment: 	fixed;
    background-position: 	center;
    background-repeat: 		no-repeat;
    background-size: 		cover;
}

.shadow {
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

.w-border {
	border:					2px solid #ffffff;
}

.zoom:hover {
	transform: 				scale(1.15);
	font-size: 				18px;
}

.zoom {
	transition: 			transform .2s;
}

.fadein {
    opacity:				0;
}

.divider {
	width:					62%;
	height:					2px;
}


/* SITE STYLES */
.date-and-title {
	text-align:				center;
	margin:					0 0 28px 0;
}

.the-date {
	display:				block;	
    font-size: 				13px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	margin:					0 0 5px 0;
}

#right-sidebar .sidebar {
	height:					100%;
	background:				#f7f7f7;
    font-size: 				14px;
	line-height: 			20px;
	text-align:				center;
	margin-bottom:			12px;
}

#right-sidebar h3 {
    background-color: 		rgba(98, 45, 145, 0.4);
	color:					#ffffff;
    font-size: 				21px;
	line-height: 			38px;
    font-weight: 			normal;
    text-transform: 		uppercase;
	text-decoration:		none;
	padding:				0 18px 0 18px;
	margin: 				2px 0 5px 0;
}

#right-sidebar .the-excerpt {
	margin: 				12px 0 0 0;
}

#right-sidebar ul {
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
	padding:				0 15px 0 15px;
}

#right-sidebar ul li {
	list-style-type:		none;
	margin-top: 			0;
    margin-bottom: 			0;
    padding-left: 			0;
}

#right-sidebar img {
	width:					100%;
	max-width: 				65px;
	height:					auto;
	float:					left;	
	margin:					4px 10px 4px 0;
}


/* HOME PAGE */
body.home {
	position:				relative;
}

div.home-content-block {
	margin-bottom:			0px;
}

div.home-content-block-container > div {
    display: 				flex;
	flex-direction: 		column;
    justify-content: 		center;
}

div.media-container, div.media-container .wp-block-column {
	z-index: 				2;
}

#media {
	display: 				flex;
	align-items: 			center;
	width:					100%;
    height: 				610px;
	background-image:  		url(../Lirva-Jerkuterie/images/hero.jpg);
	background-position: 	50% 15%;
	background-repeat: 		no-repeat;
 	background-size: 		cover;
	-o-object-fit: 			cover;
	object-fit: 			cover;
	margin: 				0 0 28px 0;
    z-index: 				1;
}

#media div.media-container {
    display: 				flex;
    align-items: 			center;
    justify-content: 		center;
    flex-direction: 		column;
	background:				rgba(0, 0, 0, 0.1);
}

#media p.text-over-media {
	font-family: 			"Cormorant Garamond", serif;
	font-weight:			600;
	font-style: 			normal;	
	color: 					#ffffff;
	text-align:				center;
	letter-spacing:			1px;
	transition: 			all 0.5s;
	z-index: 				21;
	margin:					25px 5px 25px 5px;
}

#media span.media-text {
	display:				block;
	margin:					9px 5px 9px 5px;
}

#media p.text-over-media span.line-1 {
	font-size:				68px;
	line-height:			75px;
}

#media p.text-over-media span.line-2 {
	font-size:				58px;
	line-height:			55px;
	text-transform:			uppercase;
}

#call2action {
	margin:					25px 0 5px 0;
}

#call2action div[class*="col-"] {
    margin-top: 			8px;
    margin-bottom: 			15px;
}

#call2action div.container {
    max-width: 				1700px;
	display: 				flex;
	align-items: 			center;
	justify-content: 		center;
	flex-direction: 		column;
    padding-top: 			15px;
    padding-bottom: 		5px;
}

#call2action div.wp-block-columns {
    display: 				flex;
    justify-content: 		center; /* Centers horizontally */
}

#call2action .category-content {
	font-size:				15px;
	line-height:			23px;
	padding:				5px 20px 10px 20px;
}

#call2action .category-content p {
	margin-top: 			2px;
    margin-bottom: 			7px;
}

#call2action div.action-items {
    width: 					100%;
	margin:					15px 0 0.8em 0;
}

#call2action figure {
    margin: 				0 0 15px 0;
}

#call2action div.c2a-item {
	height:					100%;
	position: 				relative;
	text-align:				center;
	z-index:				1;
	background: 			rgba(246, 240, 234, 0.9);
	overflow:				hidden;
    margin: 				0 2px 25px 2px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
}

#call2action div.c2a-item h3 {
	font-size:				22px;
	line-height:			32px;
	letter-spacing:			1px;
	text-transform:			uppercase;
    margin: 				15px 15px 2px 15px;
}

#call2action div.c2a-item img {
	display: 				block;
	width: 					100%;
	height: 				auto;
    margin: 				0 auto;
    transition: 			0.5s all ease 0s;
    -webkit-transition: 	0.5s all ease 0s;
    -moz-transition: 		0.5s all ease 0s;
    -ms-transition: 		0.5s all ease 0s;
}

#call2action div.c2a-item:hover img {
	transition-duration: 	0.2s;
	transform: 				scale(1.05);
	
	-webkit-transform: 		scale(1.05);
    -moz-transform: 		scale(1.05);
    -ms-transform: 			scale(1.05);
    -o-transform: 			scale(1.05);
    transform: 				scale(1.05);
    transition: 			0.5s all ease 0s;
    -webkit-transition: 	0.5s all ease 0s;
    -moz-transition: 		0.5s all ease 0s;
    -ms-transition: 		0.5s all ease 0s;
}

#about-us, #the-experience{
	min-height: 			750px;
    padding-top: 			15px;
    padding-bottom: 		15px;	
}

#the-experience {
	background-image: 		url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.dev/svgjs' width='2000' height='780' preserveAspectRatio='none' viewBox='0 0 2000 780'%3e%3cg mask='url(%26quot%3b%23SvgjsMask1041%26quot%3b)' fill='none'%3e%3crect width='2000' height='780' x='0' y='0' fill='rgba(246%2c 240%2c 234%2c 1)'%3e%3c/rect%3e%3cpath d='M2000 0L1660.56 0L2000 359.44z' fill='rgba(255%2c 255%2c 255%2c .1)'%3e%3c/path%3e%3cpath d='M1660.56 0L2000 359.44L2000 548.87L1210.52 0z' fill='rgba(255%2c 255%2c 255%2c .075)'%3e%3c/path%3e%3cpath d='M1210.52 0L2000 548.87L2000 591.27L900.39 0z' fill='rgba(255%2c 255%2c 255%2c .05)'%3e%3c/path%3e%3cpath d='M900.3899999999999 0L2000 591.27L2000 627.8199999999999L431.16999999999985 0z' fill='rgba(255%2c 255%2c 255%2c .025)'%3e%3c/path%3e%3cpath d='M0 780L604.54 780L0 677.12z' fill='rgba(0%2c 0%2c 0%2c .1)'%3e%3c/path%3e%3cpath d='M0 677.12L604.54 780L903.9 780L0 441.24z' fill='rgba(0%2c 0%2c 0%2c .075)'%3e%3c/path%3e%3cpath d='M0 441.24L903.9 780L1249.02 780L0 279.71000000000004z' fill='rgba(0%2c 0%2c 0%2c .05)'%3e%3c/path%3e%3cpath d='M0 279.71000000000004L1249.02 780L1505.3899999999999 780L0 223.49000000000004z' fill='rgba(0%2c 0%2c 0%2c .025)'%3e%3c/path%3e%3c/g%3e%3cdefs%3e%3cmask id='SvgjsMask1041'%3e%3crect width='2000' height='780' fill='white'%3e%3c/rect%3e%3c/mask%3e%3c/defs%3e%3c/svg%3e");

    padding-top: 			15px;
    padding-bottom: 		15px;
}

#the-experience div.container {
    display: 				flex;
	flex-direction: 		column;
    justify-content: 		center;
}

#how-it-works {
	text-align:				center;
    padding-top: 			55px;
    padding-bottom: 		35px;	
}

#how-it-works div.container {
    max-width: 				1700px;
}

#how-it-works div.hiw-item {
	position: 				relative;
	text-align:				center;
}

#how-it-works h3 {
    font-size: 				29px;
    line-height: 			38px;
}

#how-it-works .wp-block-columns.is-layout-flex > .wp-block-column:not(:last-child) {
    border-right: 			1px solid #ccc;
    padding-right: 			2em; /* This space pushes the line halfway through your 2em gap */
}

#how-it-works p.hiw-subheader {
    margin-top: 			10px;
    margin-bottom: 			50px;	
}

#how-it-works figure {
    margin: 				0 0 15px 0;
}

#how-it-works figure img {
	width: 					auto; 
	max-width: 				100%; 
	height: 				50px;
}

div#contact-on-home {
    min-height: 			350px;
    background-color: 		rgba(102, 126, 77, 0.9);
    background-color: 		rgba(191, 149, 58, 0.9);
	color:					#ffffff;
	text-align:				center;
	padding:				35px 25px 35px 25px;
	margin:					35px 0 0 0;
}

div.home-contact {
	position:				relative;
	font-size:				19px;
	text-align:				center;
	border:					1px solid #cccccc;
	border-radius:			8px;
    padding: 			   	32px 25px 32px 25px;
	margin:					15px auto 0 auto;
}

div.home-contact a {
	color:					#ffffff;
}

div.home-contact h4 {
    margin: 				10px 0 15px 0;
}

div.home-contact p {
	margin-top: 			10px;
    margin-bottom: 			10px;
}

div.home-contact:before {
	font-family: 			'Material Symbols Outlined';
	display: 				inline-flex;
	align-items: 			center;
	justify-content: 		center;
	text-align:				center;
	background:				#667e4d;
	color:					#ffffff;
	font-size:				34px;
	font-weight:			400;
	border-radius:			50%;
	padding:				15px 12px 15px 12px;
	margin-top: 			-40px;   /* Moves the item up */
	border:					4px solid #ffffff;
	box-shadow: 			0px 5px 15px -3px rgba(204,204,204,1);
}


/* CONTACT PAGE / FORMS / DEFAULT STYLES */
.wpcf7 {
    margin: 				15px 0 4px 0;
}
	
.wpcf7-spinner {
    background-color: 		#23282d;
    opacity: 				0.75;
    width: 					24px;
    height: 				24px;
    margin: 				0 4px;
}

.wpcf7 form .wpcf7-response-output {
	font-size:				15px;
	text-align:				center;
    margin: 				0.1em 0.5em 1em;
    padding: 				0.2em 0.5em;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color:			#dc3232;
}

.wpcf7 label {
	margin-top: 			0.2rem;
    margin-bottom: 			0.45rem;
}

.wpcf7 input, .wpcf7 textarea, .wpcf7 select, input, select {
    background-color: 		#fff;
    color: 					#000;
	border: 				1px solid #cccccc;
	border-radius:			3px;
	padding:				6px 6px 6px 6px;
}

input[type="checkbox"] {
	margin:					0 2px 0 0;
}

.wpcf7-text:focus, .wpcf7-textarea:focus, .wpcf7 select:focus, input[type="date"]:focus {
	outline:				2px solid #684f40;
}

.wpcf7-not-valid-tip {
    color: 					#dc3232;
    font-size: 				0.8em;
    font-weight: 			bold;
}


/* CONTACT PAGE */
#contact-page {
	position:				relative;
	z-index:				1;
    padding-top: 			0;
    padding-bottom: 		0;
	margin-top:				2px;
	margin-bottom:			15px;
}

#contact-page .row {
	display: 				flex;
	align-items: 			center;
	margin-top:				5px;
}

#contact-page .row div[class*="col-"] {
    margin-top: 			18px;
    margin-bottom: 			18px;
}

#contact-page p {
    margin-top: 			1px;
    margin-bottom: 			1px;
}

#contact-page .contact-form.contact {
	background:				#ffffff;
	color:					#333333;
	border-radius:			4px;
	box-shadow: 			-1px 5px 10px 2px rgba(204,204,204,1);
    padding: 				15px 25px 5px 25px;
	margin-bottom:			15px;
}

#contact-page .contact-form .wpcf7 {
	position: 				relative;
    margin: 				5px 0 5px 0;
	z-index:				10;
}

.contact-form {
	position: 				relative;
    z-index:				1;
}

.contact-form:before {
	position: 				absolute;
	content: 				"";
	top: 					0;
	right: 					-158px;
	height: 				100%;
	width: 					75%;
	background-color: 		#f6f0ea;
	transform: 				skewX(10deg);
}

#contact-page .contact-form label span {
	display:				block;
	margin:					0 0 1px 0;
}

#contact-page label input, #contact-page label textarea {
	width:					100%;
    padding: 				9px 7px 9px 7px;
}

#contact-page label {
    width:					100%;
    margin-bottom: 			1.1rem;
}

#contact-page .business-contact {
	position:				relative;
	min-height:				385px;
	background-color: 		rgba(0, 0, 0, 0.9);
	color:					#ffffff;
	padding:				15px 25px 18px 25px;
	display: 				flex;
    flex-direction: 		column;
    align-items: 			center;
	justify-content: 		center;
	z-index:				10;
}

#contact-page .j-contact {
	text-align:				center;
	margin:					15px 0 15px 0;		
}

#contact-page .j-contact:before {
	display:				block;
	margin:					8px 0 8px 0;
}

#contact-page .hours {
	padding:				12px 18px 12px 18px;
	border:					1px solid #cccccc;
}

#contact-page div.submit-btn input {
	width:					100%;
}

.image-box {
	position: 				relative;
    z-index:				1;
}

.image-box:before {
	position: 				absolute;
	content: 				"";
	top: 					0;
	right: 					-98px;
	height: 				100%;
	width: 					75%;
	background-color: 		#e4d2c0;
	transform: 				skewX(5deg);
}

.grecaptcha-badge {
	visibility: 			hidden;
}

.google-tos {
	background:				#f7f7f7;
	font-size:				13px;
	text-align:				center;
	padding:				8px 7px 8px 7px;
	margin:					2px 0 5px 0;	
}


/* POST PAGE PAGINATION */
#paginator a.page-numbers, #paginator span.page-numbers {
	display:				inline-block;
	font-size:				16px;
	line-height:			26px;
	text-decoration:		none;
    margin: 				2px 10px 2px 0;
	padding:				1px 8px 1px 8px;
	border:					1px solid #cccccc;	
}

#paginator span.current, #paginator a.page-numbers:hover {
	background:				#2e6499;
	color:					#ffffff;
}

#paginator a:hover {
	text-decoration:		none;
}

.pagination {
	padding-left:			15px;
	padding-right:			15px;	
}

a.goback {
	display:				block;
	font-size:				14px;
	text-decoration:		none;
	text-transform:			uppercase;
	margin: 				0 0 15px 0;
}

a.goback:hover {
	text-decoration:		underline;
}

a.goback:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\e5cb";
	font-size:				32px;
	vertical-align:			middle;
	margin-left: 			-12px;
}


/* REVEAL ANIMATION */
.reveal {
	position: 				relative;
	transform: 				translateY(150px);
	opacity: 				0;
	transition: 			0.9s all ease;
}

.reveal.active{
	transform: 				translateY(0);
	opacity: 				1;
}

/* SLIDE FROM LEFT */
.slide-from-left {  
	/* This section calls the slideInFromLeft animation we defined below */
	animation: 				slideInFromLeft 3s ease-out 0s 1;
}

@keyframes slideInFromLeft {
  0% {
    transform: 				translateX(-100%);
  }
  100% {
    transform: 				translateX(0);
  }
}


/* CONTACT ICONS */
.contact:before, .j-contact:before {
	font-family: 			'Material Symbols Outlined';
	font-size:				32px;
	font-weight:			400;
	vertical-align:			middle;
}

.brand:before {
    font-family: 			'Font Awesome 7 Brands';
	font-size:				32px;
	font-weight: 			400;
	vertical-align:			middle;
}

.phone:before {
	content:				"\e0b0";
}

.email:before {
	content:				"\e158";
}

.address:before {
	content:				"\e0c8";
}

/*
.facebook:before {
	content:				"\f09a";
}

.instagram:before {
	content:				"\e055";
}

.x_formerly_twitter:before {
	content:				"\e61b";
}

.linkedin:before {
	content:				"\f08c";
}
*/


/* SOCIAL MEDIA */
ul.social {
    padding-left: 		0;
    margin-top: 		0;
    margin-bottom: 		0;
}

ul.social li {
	list-style: 		none;
	display: 			inline-block;
	line-height:		1px;
	padding:			0;
	margin:				0 5px 0 0;
}

ul.social li:last-child {
	margin:				0 0 0 0;
}


ul.social li .icon {
	font-size:			22px;
}

ul.social li a:hover .icon { 
	transform: 			rotateY(360deg); 
}

ul.social li a .icon {
	display: 			inline-block; /* allows the 3D rotation */
	transition: 		transform 0.6s ease; /* makes the flip smooth instead of instant */
}


/* RESPONSIVE MEDIA */
#media media {
    width: 					100%;
    height: 				auto;
}

#media media[poster] {
    width: 					100%;
    height: 				auto;
}

#media iframe,
#media object,
#media embed {
	width:					100%;
	top:					0;
	left:					0;
	object-fit:				cover; /* This works also */
}


/* RESPONSIVE MAP */
.google-maps {
	position: 				relative;
	overflow: 				hidden;
	margin:					25px 0 5px 0;
}

.google-maps iframe {
	width: 					100%;
	height: 				100%;
	min-height: 			450px;
	overflow-y: 			hidden;
	overflow-x: 			visible;
}


/* COLLASPE CONTENT */
.collapse > a,
.collapse > a:hover, 
.collapse > a:active, 
.collapse > a:focus  {
    text-decoration:        none;
}

.collapse a, .collapse a:active, .collapse a:focus {
    outline: 				none; 
}

.collapse:before {
	font-family: 			'Material Symbols Outlined';
	font-weight:			400;
	vertical-align:			middle;
}

 /* Icon when the collapsible content is shown */
.collapse.collapsed:after  {
	content: 				"\e88e";
}

/* Icon when the collapsible content is hidden */
.collapse.collapse:after {
	content: 				"\e88e";
} 


/* BUSINESS HOURS */
ul.business-hours {
	position: 				relative;
	width:					95%;
	padding: 				10px 0;
    margin: 				5px 0 5px 0;
}

ul.business-hours li {
	list-style-type:		none;
	color: 					#eeeeee;
	line-height: 			25px;
	border-bottom: 			1px solid #d4d4d4;
	padding:				2px 0 2px 0;
	margin-top:				2px;
	margin-bottom:			2px;
}

ul.business-hours li span.pull-right {
	float:					right;
}

ul.business-hours li:last-child {
	border-bottom: 			none; 
}

ul.business-hours li.today {
	color: 					#fff499; 
}


/* BUTTON STYLE */
.button, a.button, input[type="submit"] {
	display:				inline-block;
	min-width:				210px;
	text-align:				center;
	text-decoration: 		none;
	background-color: 		rgba(0, 0, 0, 0.8);
    color: 					#ffffff;
	font-size: 				22px;
	line-height:			32px;
	font-weight:    		400;
	text-transform:			uppercase;
	transition: 			0.9s;
	border-radius: 			1px;
	border: 				none;
	box-shadow:				none;
	padding:				12px 35px 12px 35px;
	margin:					5px 0 5px 0;
}

p.button {
	margin:					5px 0 5px 0;
}

p.button a {
    color: 					#ffffff;
	text-decoration: 		none;
}

.button, a.button, input[type="submit"], p.button {
	position:				relative;
	z-index: 				10;	
}

p.button:before, p.button:after,
.button:before, .button:after,
a.button:before, a.button:after,
input[type="submit"]:before, input[type="submit"]:after {
    display: 				inline-block;
	position: 				absolute;
	content: 				"";
	height: 				50%;
	width: 					0;
	background: 			#e4d2c0;
	background-color: 		rgba(191, 149, 58, 0.8);
	transition: 			all 0.9s;
	z-index: 				-1;
}

p.button:before, .button:before, a.button:before, input[type="submit"]:before {
	right: 					0;
	top: 					0;
}

p.button:after, .button:after, a.button:after, input[type="submit"]:after {
	left: 					0;
	bottom: 				0;
}

p.button:hover:before, p.button:hover:after,
.button:hover:before, .button:hover:after,
a.button:hover:before, a.button:hover:after,
input[type="submit"]:hover:before, input[type="submit"]:hover:after {
	width: 					100%;
	margin:					0;
}


/* LIST STYLE */
ul, ol {
	padding-left:       	28px;
	margin-top:				15px;
	margin-bottom:			25px;
}

li {
	padding-left:       	8px;
	margin-bottom:			12px;
}

ul.checkmarkList {
    list-style: 			none;
	padding-left: 			8px;
}

ul.checkmarkList li {
	padding-left: 			11px;
	margin-bottom:			18px;
}
 
ul.checkmarkList li:before {
	content:				"\2713";
	font-size:				17px;
	font-weight: 			200;
	color:					#4d4d4d;
	margin:					0 5px 0 -18px;
}


/* BACK TO TOP / SCROLL TO TOP */
a#back-to-top {
    position: 				fixed;
    bottom: 				35px;
    right: 					10px;
    z-index: 				9999;
    cursor: 				pointer;
    text-decoration: 		none;
    transition: 			opacity 0.2s ease-out;
}

a#back-to-top:before {
	font-family: 			'Material Symbols Outlined';
	content:				"\f5d2";
	font-size:				45px;
	color:					#d4d4d4;
	vertical-align:			middle;
}

a#back-to-top:hover {
    opacity: 				0.7;
	text-decoration:		none;
}


/* COOKIE BANNER */
#cn-notice-text a {
	color:					#ffffff;
}

span.cn-buttons-container, span.cn-text-container {
    display: 				block;
}


/* MOBILE VIEW */
/* Extra Large Devices (large laptops and desktops - 1440px and Up) */
@media (min-width: 1440px) {

}

/* Large Devices (laptops/desktops - 1024px and LESS) */
@media (max-width: 1024px) {
    .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column { flex-basis: 100% !important; }
	.container { padding-bottom: 15px; }
	.nobr { white-space: normal; }
	.divider { width: 34%; }

	#media { height: 450px; margin: 0 0 2px 0; }
	#call2action { margin: 25px 0 15px 0; }
	
	#call2action div.wp-block-column.c2a-item { flex-basis: 49% !important; }
	#call2action div.wp-block-columns.is-layout-flex { gap: 1.5em; }

	/* div.c2a-item-item div.learn-more-btn.button { width: 145px; font-size:16px; line-height: 25px; padding: 5px 15px; }
	div.c2a-item-item .text-overlay { font-size: 16px; }
	div.c2a-item-item div.learn-more-btn.button { bottom: 39px; } */

	ul.social li { display: inline-block; }
}

/* Adjust columns only on the 1024px screen width.  Instead of 1 column make it 2 columns */
@media (min-width: 1024px) and (max-width: 1024px) { 
	.wp-block-columns:not(.is-not-stacked-on-mobile) { 
		display: flex !important; 
		flex-direction: row !important; 
		gap: 20px; 
	} 
	.wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { 
		flex-basis: calc(50% - 10px) !important; 
	} 
}

/* Adjust columns only on the 1024px screen width.  Instead of 1 column at 50% make it 80% on the contact-on-home section */
@media (min-width: 1024px) and (max-width: 1024px) {
    #contact-on-home .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column.home-contact {
        flex-basis: calc(80% - 10px) !important;
    }
}


/* Medium Devices (tablets - 768px and LESS) */
@media (max-width: 768px) {
	#page-header { margin: 0 0 15px 0; }
	h3, h3.wp-block-heading { line-height: 44px; margin: 10px 0 15px 0; }
	input, optgroup, select, textarea { width: 100%; display: block; }

	.container { padding-top: 15px; padding-bottom: 15px; }
	#the-experience div.col-left { order: 2; }
	#the-experience div.col-right { order: 1; }
	#about-us div.wp-block-columns.home-content-block-container.is-layout-flex, #the-experience div.wp-block-columns.home-content-block-container.is-layout-flex { gap: 0.5em; }
	#about-us, #the-experience { padding-top: 5px; padding-bottom: 5px; }
	#call2action div.c2a-item { margin: 0 5px 5px 5px; }

	div#contact-on-home { margin: 15px 0 0 0; }
	div#contact-on-home .container { padding-top: 5px; padding-bottom: 35px; }
	
	#media { height: 350px; }

	#how-it-works { padding-top: 5px; padding-bottom: 35px; }
	#how-it-works .wp-block-columns.is-layout-flex > .wp-block-column:not(:last-child) { border-right: none; padding-right: 0; }

	#contact-page { margin-top: 5px; margin-bottom: 5px; }
	#contact-page .item { padding: 15px 15px 15px 15px; }
	#contact-page select, #contact-page input, #contact-page textarea { width: 100%; }
} 


/* Extra Small Devices (phones - 480px and LESS) */
@media (max-width: 480px) {
	#page-header .page-title, #page-header .page-category { padding-top: 10px; }
	#page-header .page-title h1, #page-header .page-category h1 a { font-size: 42px; line-height: 48px; }
	h1, h1.wp-block-heading { font-size: 38px; line-height: 43px; margin: 0 0 15px 0; letter-spacing: 0; }

	#media div.media-container { justify-content: flex-end; }
	#media p.text-over-media span.line-1 { font-size: 58px; line-height: 55px; }
	#media p.text-over-media span.line-2 { font-size: 41px; line-height: 44px; }

	#contact-page .contact-form.contact, #contact-page .contact { padding: 5px 15px 5px 15px; }
	.contact-form:before { display: none; }
	.button, a.button, input[type="submit"] { padding: 12px 15px 12px 15px; }
}