/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 02 2022 | 15:47:45 */
/*Footer - Global*/
.footer-top-row {
	display: flex;
	justify-content: space-between;
}

#footer-logo {
	display: inline-flex;
	gap: 5px;
}

footer#colophon{
	padding-top:100px;
	padding-bottom:75px;
}

.footer-address p {
	font-size: 2.5vw;
	line-height: 1.2em;
	margin: 0px 0 0;
	max-width: 610px;
}

.contact-details-row{
	display: flex;
	margin-top:50px;
}
	.footer-icons.hide-mob {
		align-self: end;
	}


@media screen and (min-width: 768px) and (max-width:1100px) {
	.footer-address p, .footer-contact-details p {
		font-size: 3.5vw !important;
	}
}


@media screen and (max-width: 768px){
	.footer-address p, .footer-contact-details p {
		font-size: 1.4rem !important;
	}
}

.footer-icons {
	display: flex;
	gap: 2%;
	width: 100%;
	height:22px;
}

.footer-contact-details {
	text-align: right;
}

.footer-contact-details p {
	margin: 0;
	font-size: 2.5vw;
	line-height: 1.2em;
}

footer#colophon a{
	color: white;
	text-decoration: none;
}

footer#colophon a:hover{
	text-decoration: underline;
}

#footer-bottom{
	margin-top: 50px;
	padding-top:30px;
}

.site-info {
	display: flex;
	justify-content: space-between;
	font-size: 0.65rem;
}

.site-info p {
	margin: 0;
}

#footer-logo svg{
	margin-bottom:50px;
	max-width: 100%;
}

.footer-icons.show-mob {
    justify-content: center;
    margin-bottom: 30px;
}



.mobile-seperator{
	display:none;
}

@media screen and (max-width:768px){
	.full-height h1{
		font-size:21vw;
	}
	.footer-top-left {
		width: 75%;
	}
		#footer-logo svg {
			margin-bottom:-30px;
			height: 67px;
		}
			#tm-icon{
				display:none;
			}
		.footer-spark {
			height:67px;
		}
			.footer-spark svg {
				height: 100%;
				width: auto;
			}
		.footer-address p {
			margin-top: 0px;
		}
	.contact-details-row {
		justify-content: end;
		margin-top:30px;
	}
	.site-info{
		display: block;
	}
		.mobile-seperator{
			display:inline;
		}
	.footer-icons svg {
	height:15px;
	width:15px;
		margin: 0 5px;
}
} 

/*Footer - Black*/
footer#colophon {
	background-color: black;
	color: white;
}

footer#colophon a{
	color: white;
}

footer#colophon a:hover{
	color: var(--coral-color);
}

#footer-logo svg{
	fill:white;
}

.footer-spark svg{
	fill:var(--coral-color);
}

.footer-icons svg{
	fill: white;
}

.footer-icons svg:hover{
	fill: var(--coral-color);
}

#footer-bottom {
	border-top: 1.5px solid white;
}

/*Footer - Coral*/
.page-id-16 footer#colophon, .page-id-20 footer#colophon, .page-id-26 footer#colophon{
	background-color: var(--coral-color);
	color: black;
}

.page-id-16 footer#colophon a, .page-id-20 footer#colophon a, .page-id-26 footer#colophon a{
	color: black;
}

.page-id-16 footer#colophon a:hover, .page-id-20 footer#colophon a:hover, .page-id-26 footer#colophon a:hover{
	color: white;
}

.page-id-16 #footer-logo svg, .page-id-20 #footer-logo svg, .page-id-26 #footer-logo svg{
	fill:black;
}

.page-id-16 .footer-spark svg, .page-id-20 .footer-spark svg, .page-id-26 .footer-spark svg{
	fill:white;
}

.page-id-16 .footer-icons svg, .page-id-20 .footer-icons svg, .page-id-26 .footer-icons svg{
	fill: black;
}

.page-id-16 .footer-icons svg:hover, .page-id-20  .footer-icons svg:hover, .page-id-26 .footer-icons svg:hover{
	fill: white;
}

.page-id-16 #footer-bottom, .page-id-20 #footer-bottom, .page-id-26 #footer-bottom{
	border-top: 1.5px solid black;
}

/*Footer - White*/
.page-id-18 footer#colophon, .page-id-22 footer#colophon, .page-id-24 footer#colophon   {
	background-color: white;
	color: black;
}

.page-id-18 footer#colophon a, .page-id-22 footer#colophon a, .page-id-24 footer#colophon a{
	color: black;
}

.page-id-18 footer#colophon a:hover, .page-id-22 footer#colophon a:hover, .page-id-24 footer#colophon a:hover{
	color: var(--coral-color);
}

.page-id-18 #footer-logo svg, .page-id-22 #footer-logo svg, .page-id-24 #footer-logo svg{
	fill:black;
}

.page-id-18 .footer-spark svg, .page-id-22 .footer-spark svg, .page-id-24 .footer-spark svg{
	fill: var(--coral-color);
}

.page-id-18 .footer-icons svg, .page-id-22 .footer-icons svg, .page-id-24 .footer-icons svg{
	fill: black;
}

.page-id-18 .footer-icons svg:hover, .page-id-22 .footer-icons svg:hover, .page-id-24 .footer-icons svg:hover{
	fill: var(--coral-color);
}

.page-id-18 #footer-bottom, .page-id-22 #footer-bottom, .page-id-24 #footer-bottom {
	border-top: 1.5px solid black;
}