/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/*
 * Sky High Glass
 * Colours, fonts and spacing are set in Avada > Options and on the elements themselves.
 * This file only holds the few things Avada has no setting for.
 */

/* Buttons never break onto two lines */
.fusion-button {
	white-space: nowrap;
}
@media (max-width: 640px) {
	.fusion-button {
		white-space: normal;
	}
}

/* Groups of buttons */
.shg-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 14px;
}
.shg-actions-end {
	justify-content: flex-end;
}
@media (max-width: 640px) {
	.shg-actions-end {
		justify-content: flex-start;
	}
}

/* Home hero: the headline sits on a pane of frosted glass over the photo */
.shg-pane > .fusion-column-wrapper {
	border: 1px solid rgba(255, 255, 255, 0.42);
	border-radius: 4px;
	background-color: rgba(31, 35, 38, 0.46) !important;
	-webkit-backdrop-filter: blur(16px) saturate(1.15);
	backdrop-filter: blur(16px) saturate(1.15);
	box-shadow: 0 24px 60px -30px rgba(0, 0, 0, 0.55);
}
@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
	.shg-pane > .fusion-column-wrapper {
		background-color: rgba(31, 35, 38, 0.78) !important;
	}
}

/* Photos fill their column */
.shg-fill .fusion-imageframe,
.shg-fill img,
.shg-photo .fusion-imageframe,
.shg-photo img {
	display: block;
	width: 100%;
}

/* Gallery captions */
.shg-caption p {
	margin: 12px 0 0;
	color: #5b6770;
	font-size: 15px;
	line-height: 1.45;
}

/* Introductions on the service pages */
.shg-lead p {
	font-size: 20px;
	line-height: 1.6;
}
.shg-prose {
	max-width: 68ch;
}

/* Links on dark backgrounds */
.shg-on-dark a,
.shg-footer-contact a {
	color: #fff;
}
.shg-on-dark a:hover,
.shg-footer-contact a:hover {
	color: #25aae1;
}
.shg-footer-legal p {
	margin: 0;
}
.shg-footer-bar {
	border-top: 1px solid rgba(255, 255, 255, 0.12);
}

/* Contact form */
.shg-form .wpcf7-form > div > div,
.shg-form p {
	margin: 0 0 6px;
	color: #1f2326;
	font-weight: 600;
}
.shg-form .fusion-layout-column {
	margin-bottom: 18px;
}
.shg-form input[type="text"],
.shg-form input[type="email"],
.shg-form input[type="tel"],
.shg-form textarea {
	width: 100%;
	height: auto;
	margin-top: 6px;
	padding: 13px 14px;
	border: 1px solid #d9e4eb;
	border-radius: 4px;
	background: #fff;
	color: #2b3338;
	font: 400 18px/1.4 "Source Sans 3", Arial, Helvetica, sans-serif;
}
.shg-form textarea {
	min-height: 150px;
}
.shg-form input:focus,
.shg-form textarea:focus {
	border-color: #25aae1;
	outline: 3px solid rgba(37, 170, 225, 0.35);
	outline-offset: 0;
}
.shg-form .wpcf7-submit {
	padding: 16px 28px;
	border: 0;
	border-radius: 4px;
	background: #25aae1;
	color: #1f2326;
	font: 500 16px/1.2 Outfit, Arial, Helvetica, sans-serif;
	text-transform: none;
	cursor: pointer;
}
.shg-form .wpcf7-submit:hover {
	background: #fff;
	color: #1f2326;
}
.shg-form:not(.shg-form-dark) .wpcf7-submit:hover {
	background: #1f2326;
	color: #fff;
}
.shg-form-dark .wpcf7-form > div > div,
.shg-form-dark p {
	color: #fff;
}
.shg-form-dark input[type="text"],
.shg-form-dark input[type="email"],
.shg-form-dark input[type="tel"],
.shg-form-dark textarea {
	border-color: rgba(255, 255, 255, 0.22) !important;
	background: rgba(255, 255, 255, 0.07) !important;
	color: #fff !important;
}

/* Page title band: breadcrumbs sit above the title */
body .fusion-page-title-bar .fusion-page-title-wrapper {
	display: flex;
	flex-direction: column-reverse;
	align-items: flex-start;
	justify-content: center;
	gap: 10px;
}
body .fusion-page-title-bar .fusion-page-title-captions,
body .fusion-page-title-bar .fusion-page-title-secondary {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	text-align: left !important;
}
body .fusion-page-title-bar .fusion-breadcrumbs,
body .fusion-page-title-bar .fusion-breadcrumbs a,
body .fusion-page-title-bar .fusion-breadcrumbs span,
body .fusion-page-title-bar .fusion-breadcrumbs li {
	color: #5b6770 !important;
	font-size: 15px;
}
body .fusion-page-title-bar .fusion-breadcrumbs a:hover span {
	color: #1f2326 !important;
}

/* Smaller headings on phones */
@media (max-width: 640px) {
	.fusion-title h1,
	.fusion-page-title-bar h1 {
		font-size: 38px !important;
		line-height: 1.1 !important;
	}
	.fusion-title h2 {
		font-size: 29px !important;
		line-height: 1.2 !important;
	}
	.fusion-title h3 {
		font-size: 21px !important;
	}
}

/* Keyboard focus */
a:focus-visible,
button:focus-visible,
.fusion-button:focus-visible {
	outline: 3px solid #25aae1;
	outline-offset: 3px;
}