/* critical css */


:root {
	--entryTitle: calc(28px + (30 - 28) * ((100vw - 300px) / (1680 - 300)));
	--sectionTitle: calc(28px + (40 - 28) * ((100vw - 300px) / (1680 - 300)));
	--smallerSectionTitle: calc(26.5px + (33.75 - 26.5) * ((100vw - 300px) / (1680 - 300)));
	--bodyText: calc(16.975px + (18.85 - 16.975) * ((100vw - 300px) / (1920 - 300)));
	--smallerText: calc(16.5px + (17.5 - 16.5) * ((100vw - 300px) / (1920 - 300)));
	--smallText: calc(14.5px + (15.75 - 14.5) * ((100vw - 300px) / (1920 - 300)));
	--desktopWidth: 1220px;
	--desktopMaxWidth: 1290px;
	--mobileMaxWidth: calc(88vw - var(--frame-size, 0px) * 2);
	--sectionMargin: calc(45px + (75 - 45) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginSmall: calc(25px + (45 - 25) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginMedium: calc(33px + (60 - 33) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginMediumLarge: calc(60px + (100 - 60) * ((100vw - 300px) / (1680 - 300)));
	--sectionMarginLarge: calc(75px + (125 - 75) * ((100vw - 300px) / (1680 - 300)));
	
	
}

/* temp hacks */

:root {
	--base-2: #b2b2b2;
	--base-2: #d7d7d7;
	--base-2: #c0c0c0;
}

a:hover {
	color: var(--base-3)
}

div.site-logo img.is-logo-image {
	filter: invert(.725);
}

.menu-bars svg {
    opacity: .775;
}

.search-modal-icon-container .search-icon, .search-icon-container .search-icon {
	opacity: .4;
}

.hoverable-text-color span {
	transition: all 0.335s ease;
}

/* Define hover styles for each character */
.hoverable-text-color span:hover {
	color: var(--base-3);
}

.brand .gb-highlight span:hover,
.hoverable-text-color.brand mark.gb-highlight span:hover {
	-webkit-text-stroke-color: var(--base-3);
}

/* end temp hacks */

body, html {
	font-size: var(--bodyText);
	text-rendering: optimizeLegibility;
	max-width: 100vw;
    overflow-x: hidden;
}

h1 {
	font-size: var(--entryTitle)
}

h2 {
	font-size: calc(26.5px + (31.5 - 26.5) * ((100vw - 300px) / (1680 - 300)))
}

.site-logo img.is-logo-image {
	filter: invert(.925);
	width: calc(50px + (60 - 50) * ((100vw - 300px) / (1680 - 300)));
}

.main-navigation .menu-toggle {
	display: flex;
    padding: calc(19px + (20 - 19) * ((100vw - 300px) / (1680 - 300)));
}

.menu-bars svg {
	width: 1.2em;
	height: 1.2em;
	top: unset;
}


@media (min-width: 768px) and (max-width: 1024px) {

	
	
}

@media (min-width: 768px) {
	
	
	
}

@media (min-width: 1025px) and (max-width: 1599px) {

	
	
}

@media (min-width: 1600px) {
	
	
	
}


@media (max-width: 767px) {
	
	
	
	
	
	
}

@media (max-width: 499px) {
	
	.site-logo {
		margin-top: auto;
	}
	
	.has-inline-mobile-toggle .inside-header,
	.one-container .site-content {
		padding-left: 0;
		padding-right: 0;
		max-width: var(--mobileMaxWidth);
		margin-left: auto;
		margin-right: auto;
	}
	
	
}