/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


html {
	scroll-behavior: smooth;
}

/* THEME TWEAKS */

.site-header{
	padding-inline: 25px;
}

/* Text Balance / Pretty */

:is(h1, h2, h3, h4, h5, h6), .balance {
	text-wrap: balance;
}

p, blockquote, li{
	text-wrap: pretty;
}

p:last-child:last-of-type{
	margin-bottom: 0px;
} 

/* Transition */

.transition{
	transition: all .25s ease-in-out;
}

.tri-box:hover{
	transition: all .25s ease-in-out;
}

}

/* Stretch Link */ 

.stretch-link{
	position: relative;
}

.stretch-link a::after{
	content: '';
	position: absolute;
	inset: 0;
}

.stretch-link a:is(:focus-visible)::after{
	outline: 2px solid;
}

.stretch-link a:is(:hover, :focus){
	outline: none;
}

/* Move card on hover */
@media screen and (min-width: 768px) {
	.tri-box {
	  transition: transform 0.3s ease;
	}

	.tri-box:hover {
	  transform: translateY(-10px);
	}
}

/* Move button on hover */
@media screen and (min-width: 768px) {
	.big-button {
	  transition: transform 0.3s ease;
	}
	.big-button:hover {
	  transform: translateY(-5px);
	}
}

/* Social Button Hover */
.social-button:hover path{
    fill: #aaa;
}

/* Remove default toggle button outline */
button.gb-menu-toggle:focus, 
.gb-menu-toggle:focus {
    outline: none !important;
}

/* ----------- Contact Form 7 Styles ----------- */

/* Form wrapper */
.wpcf7 {

  margin: 0 auto;
}

/* Input & textarea */
.wpcf7-form-control {
  width: 100%;
  padding: 20px;
  font-size: 16px;
  margin-top: 6px;
  margin-bottom: 15px;
	border:none;
	background: white;
}

.wpcf7-select{
color: #666;
}

input[type="text"], input[type="email"], input[type="tel"] {
	background: white;
	border:none;
    padding: 20px;	
}

/* Focus effect */
.wpcf7-form-control:focus {
  border-color: #0073e6;
  outline: none;
  background: white;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus{
	background: white;
}

/* Submit button */
.wpcf7-submit {
  background: #eb5e28 !important;
  color: #fff;
  padding: 12px 25px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-size: 16px;
  transition: 0.3s ease;
  width: 200px;
	
		@media screen and (max-width: 768px) {
		  width: 100%;
	}
}

.wpcf7-submit:hover {
  background: #eb5e28 !important;
}

/* -------- Transparent header background -------- */

.gb-site-header {
    background: transparent;
    position: absolute;
    width: 100%;
    z-index: 1000;
	transition: all 0.3s ease-out;
}

.header-section{
	margin-top: -75px;
}


.gb-site-header-1c760943.gb-is-sticky {
    background: white;
	transition: all 0.5s ease-out;
	
	.site-logo svg .warm-black{
		fill: #252422 !important;
	}
	.social-container svg path{
		fill: #252422 !important;
	}
	.social-container a {
		color: #252422;
	}
}

.social-container .social-phone .gb-shape svg{
	height: 20px;
	width: 20px;
	margin-right: 0;
}
.social-container .social-phone{
	height: 20px;
	column-gap:2px;
}

/* -------- Hamburger Toggle -------- */

.gb-menu-toggle.hamburger-button svg{
	width: 20px;
}

/* -------- Background Video -------- */


.background-video {
    position: absolute;
    opacity: 0.6;
}

video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

/* -------- Logo Shadow -------- */

.logo-square svg {
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.7));
}

/* --------------------------------- SCROLL DOWN BUTTON --------------------------------- */

.scroll-down {
	position: absolute;
	bottom: 0px;
	left: 50%;
	margin-bottom: 50px;
	margin-left: -16px;
	display: block;
	width: 32px;
	height: 32px;
	border: 2px solid white;
	background-size: 14px auto;
	border-radius: 50%;
	z-index: 2;
	animation: bounce 2s infinite 2s;
	transition: all 0.2s ease-in;
	transform: scale(1);
}


.scroll-down:before {
	position: absolute;
	top: calc(50% - 8px);
	left: calc(50% - 6px);
	transform: rotate(-45deg);
	display: block;
	width: 12px;
	height: 12px;
	content: "";
	border: 2px solid white;
	border-width: 0px 0 2px 2px;
}

@keyframes bounce {
	0%,
	100%,
	20%,
	50%,
	80% {
		transform: translateY(0);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		transform: translateY(-5px);
	}
}

/* -------- Keep Split Copy Within 1200px Container -------- */

@media (min-width: 1024px) {
  .split-copy-right {
    max-width: calc((var(--gb-container-width) / 2) + 75px);
  }
}

.homepage-section {
	
	ul{
		margin:0 0 0 0;
		padding-left: 15px;
		list-style: none;
		border-left: 2px solid #999;
	}
	li{
		margin-bottom: 5px;
		font-weight: 700;
	}
}

.logo-square svg path{
	fill: #eb5e28;
}