/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
	--cnvs-header-height-shrink: 80px;
	--cnvs-header-height: 100px;
	--cnvs-header-height-md: 100px;

	--sqea-sunset-gold: #FDBB30;
	--sqea-burnt-orange: #D95F0E;
	--sqea-eucalypt-green: #7A9C61;
	--sqea-forest-green: #3E5C3A;
	--sqea-sky-beige: #F5F3ED;
	--sqea-charcoal-grey: #444444;
}

/*
Background colours
*/
.bg-sky-beige {
	background-color: var(--sqea-sky-beige);
}

.bg-burnt-orange {
	background-color: var(--sqea-burnt-orange);
}

.bg-eucalypt-green {
	background-color: var(--sqea-eucalypt-green);
}

.bg-forest-green {
	background-color: var(--sqea-forest-green);
}

.bg-charcoal-grey {
	background-color: var(--sqea-charcoal-grey);
}

.bg-sunset-gold {
	background-color: var(--sqea-sunset-gold);
}

/*
Text colours
*/
.text-sky-beige {
	color: var(--sqea-sky-beige);
}

.text-burnt-orange {
	color: var(--sqea-burnt-orange);
}

.text-eucalypt-green {
	color: var(--sqea-eucalypt-green);
}

.text-forest-green {
	color: var(--sqea-forest-green);
}

.text-charcoal-grey {
	color: var(--sqea-charcoal-grey);
}

.text-sunset-gold {
	color: var(--sqea-sunset-gold);
}

/*
Typography
*/
body {
	line-height: 1.8;
}

.entry blockquote p {
	font-family: var(--cnvs-primary-font);
}

/*
Gradients
*/

.gradient-gold-orange {
	background-image: linear-gradient(to top, #FDBB30, #D95F0E) !important;
}

/*
Buttons and UI elements
*/
.btn-forest-green {
	--bs-btn-color: #fff;
	--bs-btn-bg: var(--sqea-forest-green);
	--bs-btn-border-color: var(--sqea-forest-green);
	--bs-btn-hover-color: #fff;
	--bs-btn-hover-bg: var(--sqea-eucalypt-green);
	--bs-btn-hover-border-color: var(--sqea-forest-green);
	--bs-btn-focus-shadow-rgb: 49, 132, 253;
	--bs-btn-active-color: #fff;
	--bs-btn-active-bg: var(--sqea-eucalypt-green);
	--bs-btn-active-border-color: var(--sqea-forest-green);
	--bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
	--bs-btn-disabled-color: #fff;
	--bs-btn-disabled-bg: var(--sqea-charcoal-grey);
	--bs-btn-disabled-border-color: var(--sqea-charcoal-grey);
}

.menu-link:focus div,
.menu-link:active div {
	border: 1px solid var(--sqea-forest-green);
}

/*
Header and menu
*/
.logo-default {
	max-height: 50px;

	@media (min-width: 992px) {
		max-height: 100%;
	}
}

.menu-link {
	color: var(--sqea-forest-green);
	--cnvs-primary-menu-font-size: 1rem;
	--cnvs-primary-menu-font-weight: 300;
}

.menu-item.current>.menu-link {
	color: var(--sqea-eucalypt-green);
	--cnvs-primary-menu-font-weight: 500;
}

.menu-item:hover>.menu-link {
	--cnvs-primary-menu-hover-color: var(--sqea-eucalypt-green);
}

@media (max-width: 767.98px) {
	.slider-caption p {
		font-size: 3.6vw;
	}
}

/*
Height
*/
.min-height-250 {
	min-height: 250px;
}

.max-height-350 {
	max-height: 350px;
}

/*
Icon colour
*/
.fbox-plain .fbox-icon i {
	--cnvs-themecolor: var(--sqea-forest-green);
}

/*
Flourishes
*/
blockquote {
	/*border-left: 5px solid var(--sqea-sunset-gold);*/
	border-left-width: 5px;
	border-left-style: solid;
	border-image:
		linear-gradient(180deg,rgba(217, 95, 14, 1) 0%, rgba(253, 187, 48, 1) 50%) 1 100%;
}