/**
 * Theme Name:       Beacon Hill Schools
 * Theme URI:        https://beaconhillschools.org/
 * Description:      Beacon Hill Schools is a custom child theme built on the Genesis Framework utilizing Mai Engine 2.0.
 * Author:           Flying Orange
 * Author URI:       https://www.flyingorangewebdesign.com/
 * Version:          1.0
 * Text Domain:      beacon
 * Template:         genesis
 * Template Version: 3.6.1
 * License:          GPL-2.0-or-later
 * License URI:      http://www.gnu.org/licenses/gpl-2.0.html
 */


/* Table of Contents

	- Defaults
	- Theme Customizations
	- Plugin Customizations
	- Media Queries

*/


/* # Defaults
---------------------------------------------------------------------------------------------------- */

:root {
	--h1-font-size: var(--font-size-xxxl);
	--h3-font-size: var(--font-size-lg);
}

h1, h2 {
	font-family: "bely", serif;
	font-weight: 400;
	font-style: normal;
}

.button {
	border-radius: 30px;
	font-weight: 600;
	font-size: var(--font-size-md);
}

.menu {
	font-weight: 600;
}

.sub-menu {
	--menu-item-link-color: var(--color-white);
  	--menu-item-link-color-hover: var(--color-primary);
  	--menu-item-link-padding: var(--spacing-xs) var(--spacing-md);
  	background: var(--color-link);
	width: 280px;
}

.menu-item-button > .menu-item-link {
	padding: var(--spacing-sm) var(--spacing-lg);
}

/* # Theme Customizations
---------------------------------------------------------------------------------------------------- */

.site-header-wrap {
	max-width: calc(100vw - (var(--side-spacing) * 2));
}

.wp-block-image img {
	border-radius: 30px;
}

.watermark {
	background-image: url("images/lighthouse-watermark.png");
	background-repeat: no-repeat;
	background-position: 95% bottom;
}


/* # Plugin Customizations
---------------------------------------------------------------------------------------------------- */

/* Mai Accordion */

.programs .mai-accordion-item {
	--heading-color: var(--color-body);
  	--link-color: var(--color-link);
  	background: var(--color-custom-2);
  	color: var(--color-body);
  	border: 2px solid var(--color-primary);
	border-radius: 30px;
}

.programs .mai-accordion-summary {
	font-size: var(--font-size-md);
	font-family: var(--body-font-family);
}

/* Gravity Forms */

.gform-theme.gform-theme--framework.gform_wrapper .button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper .gform-theme-button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper :where(:not(.mce-splitbtn)) > button:not([id*="mceu_"]):not(.mce-open):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper button.button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type="submit"], [type="button"], [type="reset"]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type="submit"].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
	--gf-local-font-weight: 600 !important;
	--gf-local-font-size: var(--font-size-base) !important;
}

/* # Media Queries
---------------------------------------------------------------------------------------------------- */