/**
 * Theme Name: Tylers
 * Version: 1.0
 */

/* ## Buttons
------------------------------------------- */
	.wp-block-button__link {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px;
		line-height: 1;
		white-space: nowrap;
		transition: all 0.4s ease;
		&:hover{
			background-color: #263f22;
			box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.47);
		}
	}

/* ## Typography
------------------------------------------- */
	#pageWrap :is(h1, h2, h3, h4, h5, h5){
		margin-block-start: 0;
	}
	p.has-icon{
		display: flex;
		column-gap: 10px;
		> img{
			line-height: 1.4;
		}
	}
	.entry-content a:not(a.wp-block-button__link){
		color: #255F2F;
	}

/* ## Header
------------------------------------------- */
	header.wp-block-template-part{
		position: sticky;
		top: 0;
		z-index: 99;
	}

/* ## Body
------------------------------------------- */
	:root{
		scroll-behavior: smooth;
	}
	body{
		padding-inline: 30px;
		overflow-x: clip;
		min-height: 100vh;
	}
	div.is-layout-constrained{
		padding-inline: 15px;
	}

/* ## Menus
------------------------------------------- */
	#siteHeader .menu-block-nav {
		nav.level-1 {
			> .menu-item {
				> a {
					color: white;
					&:hover{
						background-color: #F26621;
					}
				}
			}
		}
	}

/* ## Home
------------------------------------------- */	
	body.home{
		.entry-content.wp-block-post-content > div{
			margin-block-start: 0;
		}
		h1.wp-block-post-title{
			display: none;
		}
		@media(max-width: 781px){
			.banner-logo{
				width: 200px;
			}
		}
		figure#splide01Carousel{
			margin: 0;
		}
	}

/* ## Gravity Forms
------------------------------------------- */
	#pageWrap .gform_wrapper.gform-theme--foundation{
		.gform_fields{
			row-gap: 12px;
		}
		.gform_required_legend, span.gfield_required{
			display: none;
		}
		label{
			font-weight: 600;
			text-transform: uppercase;
		}
		input[type="text"],
		input[type="email"],
		select,
		textarea{
			border-color: #255F2F2E;
			border-radius: 8px;
		}
		::placeholder{
			color: #9EACA0;
		}
		input.button{
			font-weight: 600;
			font-size: 18px;
			width: 100%;
			border-radius: 12px;
			padding-block: 14px;
		}
	}
	.postcode-check{
		/* postcode form */
		.ginput_container_text,
		input[type="text"]{
			height: 100%;
		}
		input[type="text"]{
			border-radius: 12px !important;
		}
	}
	.gform_confirmation_wrapper.gform-theme--foundation{
		background-color: white;
		border-radius: 12px;
		padding: 1.5rem;
		text-align: center;
		color: #265f2f;
		font-size: 110%;
	}

/* ## Benefits Stripe
------------------------------------------- */
	.benefits-slider.slick-initialized .slick-slide {
		display: flex;
	}