/**
 * Theme Name:  Insite Child
 * Template:    insite
 * Theme URI: https://www.insitewebsite.com/
 * Author: Insite Website
 * Author URI: //www.insitewebsite.com/
 * Description: A child theme of the theme Insite
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: insite
 */
/** The primary stylesheet for this child theme is /insite-child/inc/assets/css/main.css */

/* Variables - customize per theme as needed */
:root {
	--font-family-body: "IBM Plex Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	--font-family-headings: "IBM Plex Sans", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
	/* site colors, including aliases */
	/* AFA Teal + tints and shades */
	--color-a-10: hsl(184 30% 97% / 1); /* #f5f9fa */
	--color-a-9: hsl(184 30% 93% / 1); /* #e8f2f3 */
	--color-a-8: hsl(184 30% 85% / 1); /* #cde3e4 */
	--color-a-7: hsl(184 30% 65% / 1); /* #8bbdc1 */
	--color-a-6: hsl(184 40% 42% / 1); /* #409096 */
	--color-a-5: hsl(184 75% 30% / 1); /* #137e86 */
	--color-a-4: hsl(184 100% 21% / 1); /* #006269 */
	--color-a-3: hsl(184 80% 20% / 1); /* #0a565c */
	--color-a-2: hsl(184 90% 15% / 1); /* #044449 */
	--color-a-1: hsl(184 95% 10% / 1); /* #012e32 */
	--color-a-0: hsl(184 100% 5% / 1); /* #00181a */
	--color-afa-teal-dark: var(--color-a-4);
	/* Bright Teals */
	--color-b-10: hsl(184 100% 97% / 1); /* #f0feff */
	--color-b-9: hsl(184 100% 93% / 1); /* #dbfdff */
	--color-b-8: hsl(184 95% 85% / 1); /* #b4f8fd */
	--color-b-7: hsl(184 75% 65% / 1); /* #63e0e9 */
	--color-b-6: hsl(184 100% 40% / 1); /* #00becc */
	--color-b-5: hsl(184 100% 33% / 1); /* #009CA6 */
	--color-b-4: hsl(184 100% 30% / 1); /* #008f99 */
	--color-b-3: hsl(184 100% 25% / 1); /* #007780 */
	--color-b-2: hsl(184 100% 21% / 1); /* #00646b */
	--color-b-1: hsl(184 100% 10% / 1); /* #003033 */
	--color-b-0: hsl(184 100% 5% / 1); /* #00181a */
	--color-afa-teal-bright: var(--color-b-6);
	--color-afa-teal-medium: var(--color-b-5);
	/* Gold tints and shades */
	--color-c-10: hsl(44 95% 97% / 1); /* #fffbf0 */
	--color-c-9: hsl(44 98% 94% / 1); /* #fff7e1 */
	--color-c-8: hsl(44 100% 87% / 1); /* #ffedbd */
	--color-c-7: hsl(44 100% 75% / 1); /* #ffdd80 */
	--color-c-6: hsl(44 100% 59% / 1); /* #ffc72c */
	--color-c-5: hsl(44 100% 48% / 1); /* #f5b400 */
	--color-c-4: hsl(44 100% 43% / 1); /* #dba100 */
	--color-c-3: hsl(44 100% 40% / 1); /* #cc9600 */
	--color-c-2: hsl(44 100% 30% / 1); /* #997000 */
	--color-c-1: hsl(44 100% 20% / 1); /* #664b00 */
	--color-c-0: hsl(44 100% 10% / 1); /* #332500 */
	--color-afa-gold: var(--color-c-6);
	/* Gray scale */
	--color-g-10: hsl(184 20% 97% / 1); /* #f6f9f9 */
	--color-g-9: hsl(184 15% 93% / 1); /* #eaeff0 */
	--color-g-8: hsl(184 9% 87% / 1); /* #dbe0e1 */
	--color-g-7: hsl(184 7% 82% / 1); /* #ced4d4 */
	--color-g-6: hsl(184 7% 72% / 1); /* #b3bcbd */
	--color-g-5: hsl(184 5% 63% / 1); /* #9ca5a5 */
	--color-g-4: hsl(184 4% 52% / 1); /* #808989 */
	--color-g-3: hsl(184 4% 42% / 1); /* #676f6f */
	--color-g-2: hsl(184 8% 29% / 1); /* #444f50 */
	--color-g-1: hsl(184 30% 13% / 1); /* #172a2b */
	--color-g-0: hsl(184 100% 1% / 1); /* #000505 */
	/* Highlight and accent colors */
	--color-h-1: hsl(204 100% 27% / 1); /* #00558c */
	--color-h-2: hsl(216 60% 18% / 1); /* #13294b */
	--color-h-3: hsl(350 85% 42% / 1); /* #c8102e */
	--color-h-4: hsl(14 78% 43% / 1); /* #c13f18 */
	--color-h-5: hsl(53 96% 56% / 1); /* #fbe122 */
	--color-h-6: hsl(204 100% 40% / 1); /* #007acc */
	--color-h-7: hsl(216 60% 35% / 1); /* #244f8f */
	--color-h-8: hsl(184 100% 33% / 1); /* #009da8 */
	/* Utility colors */
	--color-afa-blue: var(--color-h-1);
	--color-afa-indigo: var(--color-h-2);
	--color-afa-red: var(--color-h-3);
	--color-afa-brick: var(--color-h-4);
	--color-afa-yellow: var(--color-h-5);
	--color-link: var(--color-h-6);
	--color-link-visited: var(--color-h-7);
	--color-link-hover: var(--color-h-8);
	/*over-rides*/
	--wp--preset--font-size--medium: 1.15rem;
}
.home .entry-content {
	margin-top: 0;	
}
.f-sm .entry-content, .f-sm .breadcrumbs {
	font-size: 1rem;
}
.page-font-size-test-page .entry-content,
.f-md .entry-content, .f-md .breadcrumbs {
	font-size: calc(1rem * 1.1);
}
.f-lg .entry-content, .f-lg .breadcrumbs {
	font-size: calc(1rem * 1.2);
}
.f-xl .entry-content, .f-xl .breadcrumbs {
	font-size: calc(1rem * 1.3);
}
.f-md blockquote, .f-lg blockquote, .f-xl blockquote {font-size: inherit;}

div.font-toggler {
	position: relative;
	font-weight: 600;
	border: 1px solid var(--color-g-4);
	border-radius: 3px;
	padding: 0px 3px;
	z-index: 2;
}
div.font-toggler span {
	display: inline-flex;
	align-content: center;
	align-items: center;
	flex-wrap: wrap;
	height: 100%;
	padding: 0 3px;
	cursor: pointer;
	color: var(--color-a-6);
}
div.font-toggler span.active-size {
	color: #000;
}
div.font-toggler span i {
	border-top: 3px solid transparent;
	border-bottom: 3px solid transparent;
}
div.font-toggler span.active-size i {
	border-bottom: 3px solid var(--color-a-1);
}
div.font-toggler span.font-sm {
	font-size: 1.05rem !important;
}
div.font-toggler span.font-md {
	font-size: calc(1rem * 1.15) !important;
}
div.font-toggler span.font-lg {
	font-size: calc(1rem * 1.25) !important;
}
div.font-toggler span.font-xl {
	font-size: calc(1rem * 1.35) !important;
}
div.font-toggler i.fa-sharp::before {
	font-family: var(--font-family-body);
}
div.font-toggler, button#print-button.btn.btn-theme, section#polylang-2 {
	margin: 0 3px 6px 3px;
	display: inline-flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: 40px;
	z-index: 2;
}