/* smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* title area */
@media screen and (min-width:1023px) {
	.header-image .site-title > a {
		max-width: 160px;
	}
}

/* button colors */
.blueBtn {
	background-color:#3A7AB8;
}
.blueBtn::before,.blueBtn::after {
	border-color:#3A7AB8;
}
.blueBtn:hover {
	background-color:#0764c1;
}
.blueBtn:hover::before,.blueBtn:hover::after {
	border-color:#0764c1;
}
.purpleBtn {
	background-color:#231A53;
}
.purpleBtn::before, .purpleBtn::after {
	border-color:#231A53;
}
.purpleBtn:hover {
	background-color:#000;
}
.purpleBtn:hover::before, .purpleBtn:hover::after {
	border-color:#000;
}
.blackBtn {
	background-color:#000;
}
.blackBtn::before,.blackBtn::after {
	border-color:#000;
}
.blackBtn:hover {
	background-color:#231A53;
}
.blackBtn:hover::before,.blackBtn:hover::after {
	border-color:#231A53;
}

/* front-page-1 button alignment */
#welcomeButtons {
	display: flex;
	flex-direction: column;
}
#welcomeButtons .button {
	margin: 8px 3px;
}
@media screen and (min-width: 1024px) {
	#welcomeButtons {
		flex-direction: row;
		flex-wrap: wrap;
	}
	#welcomeButtons .button:first-child, #welcomeButtons .button:nth-child(2) {
		flex-grow: 1;
	}
	#welcomeButtons .button:last-child {
		flex-grow: 2;
	}
}

/* contact forms */
#emailFormInner .emailFormLine, #SendEmail,#map, #directionsFrom {
	margin-bottom:12px;
}

/* contact form in footer */
#text-8 {
	max-width:800px;
	margin: auto;
}
.page-id-76 #before-footer {
	display: none;
}

/* adds paypal to footer payments */
.pgsd_payment.paypal {
	background-image:url(/wp-content/uploads/2022/01/paypal.png);
	background-size:contain;
	background-position:center!important;
}

/* footer button */
#text-11 .button {
	color: #fff;
	text-decoration: none;
}

/* footer locations &amp; copyright */
.site-footer {
	color: #565656;
	line-height: 1.6;
}

/* animations */
#front-page-3 section:hover {
	margin-top: -6px;
}
#front-page-3 section, #front-page-3 section:hover {
	transition: all 0.2s ease-in-out;
}

@keyframes slide-up {
	from {opacity:0; padding-top:80px;}
	to {opacity:1; padding-top:0;}
}
#text-4 {
	animation-name: slide-up;
	animation-duration: .6s;
	animation-timing-function: ease-in;
}

/* fixes display issue on the Google App */
.header-image .site-description { display: none; }