/* 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(15px + (17 - 15) * ((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: 1320px;
	--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);
    overflow-x: hidden;
	*/
	text-rendering: optimizeLegibility;
	max-width: 100vw;
}

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

.red-hat-display {
	font-family: 'Red Hat Display';
}

#header [data-device="desktop"] [data-row="top"] .ct-header-text {
	margin: 0 14.5px;
	font-size: calc(12px + (14.5 - 12) * ((100vw - 300px) / (1920 - 300)));
}

#header [data-device="desktop"] [data-row="top"] .ct-header-text:last-child {
	margin-right: 0
}

#header [data-device="desktop"] [data-row="middle"] [data-column="start"] {
	min-width: calc(190px + (490 - 190) * ((100vw - 768px) / (1920 - 768)))
}

#header [data-device="desktop"] [data-row="middle"] [data-items="primary"] {
	justify-content: space-between;
}

#header [data-device="desktop"] [data-row="middle"] [data-items="primary"] ul.menu > li {
	margin: 0 30px;
	margin: 0 calc(7px + (33 - 7) * ((100vw - 768px) / (1920 - 768)))
}

#header [data-device="mobile"] [data-row="middle"] .ct-header-search.ct-toggle,
#header [data-device="desktop"] [data-row="middle"] .ct-header-search.ct-toggle  {
    border: 1px solid #333!important;
    padding: 18px!important;
    border-radius: 100%!important;
	margin-right: -10px;
}

#header [data-device="mobile"] [data-row="middle"] .ct-header-search.ct-toggle:hover,
#header [data-device="desktop"] [data-row="middle"] .ct-header-search.ct-toggle:hover {
	background-color: var(--paletteColor7)!important;
	color: #fff!important;
}

#header [data-device="mobile"] [data-row="middle"] .ct-header-search.ct-toggle:hover svg,
#header [data-device="desktop"] [data-row="middle"] .ct-header-search.ct-toggle:hover svg {
	fill: currentColor;
}

.ct-header-cta [data-size=large] {
	padding: 17px 40px;
	font-size: 17px
}

.ct-header-trigger .ct-icon {
	    transform: scale(1.2);
}

.custom-mega-menu .second-col * {
	transition: all 0.275s ease;
}

[data-sticky*=yes], [data-sticky*=fixed] {
	top: 0;
}

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

	.gb-container.alignfull > div.gb-container {
		max-width: var(--mobileMaxWidth)
	}
	
}

@media (min-width: 768px) {
	
	nav > ul > .menu-item-43[class*="ct-mega-menu"] > .sub-menu,
	nav>ul>[class*=ct-mega-menu]>.sub-menu>li {
		padding: 0;
		border-radius: 30px
	}
	
	nav > ul > .menu-item-43[class*="ct-mega-menu"] > .sub-menu {
		display: block;
	}
	
	
	
}

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

	.gb-container.alignfull > div.gb-container {
		max-width: var(--mobileMaxWidth)
	}
	
}

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


@media (max-width: 767px) {
	
	#header [data-device="mobile"] [data-row="top"] [data-column="start"] {
		display: none
	}
	
	#header [data-device="mobile"] [data-row="top"] .ct-container {
		min-width: 95%;
	}
	
	#header [data-device="mobile"] [data-row="top"] .ct-header-text {
		font-size: calc(12px + (14.5 - 12) * ((100vw - 300px) / (1920 - 300)));
		min-width: fit-content;
	}
	
	#header [data-device="mobile"] [data-column=middle] > [data-items] {
		justify-content: flex-start;
		flex-wrap: nowrap;
    	overflow: auto;
	}
	/*
	#header [data-device="mobile"] [data-row="middle"]  {
		padding: 7px 0
	}
	*/
	
}

@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;
	}
	
	#offcanvas .ct-header-cta {
		margin-top: 10px;
		margin-left: -6px
	}
	
}