/* critical css */


:root {
	--entryTitle: calc(28px + (30 - 28) * ((100vw - 300px) / (1680 - 300)));
	--customTitle: calc(22px + (25.5 - 22) * ((100vw - 300px) / (1680 - 300)));
	--sectionTitle: calc(28px + (40 - 28) * ((100vw - 300px) / (1680 - 300)));
	--bodyText: calc(17.975px + (19.85 - 17.975) * ((100vw - 300px) / (1920 - 300)));
	--smallerText: calc(15.75px + (16.75 - 15.75) * ((100vw - 300px) / (1920 - 300)));
	--smallText: calc(14.75px + (15.75 - 14.75) * ((100vw - 300px) / (1920 - 300)));
	--verySmallText: calc(12px + (12.75 - 12) * ((100vw - 300px) / (1920 - 300)));
	--desktopMaxWidth: 1220px;
	--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)));
}

html {
	scroll-behavior: smooth;
}

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

.site-header {
    position: sticky;
	background-color: var(--base-3);
    top: 0;
    /* height: 96px; */
    z-index: 9;
    box-shadow: 0px 2px 20px 1px rgba(214, 214, 214, 0.1);
}

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

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

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

/* nav css */

html.mobile-menu-open {
	overflow: hidden;
}

.has-inline-mobile-toggle .mobile-menu-control-wrapper {
	position: relative;
	z-index: 999
}

.menu-toggle {
	padding: 0 12px
}

.menu-toggle .gp-icon {
	display: flex;
	justify-content: center;
}

.menu-toggle .gp-icon svg {
	top: 0
}

.menu-toggle .gp-icon svg:first-child {
	width: 1.3em;
    height: 1.3em;
}

.menu-toggle .gp-icon svg:last-child {
	width: 1.2em;
    height: 1.2em;
}

.main-navigation .inside-navigation {
	padding-bottom: 48px
}

.main-navigation .inside-navigation {
	transition: all .4s cubic-bezier(.16,.68,.43,.99);
	-webkit-backface-visibility: hidden;
	/*
	-webkit-perspective: 1000;
	*/
}

#site-navigation {
	display: none
}

.has-inline-mobile-toggle #site-navigation.toggled {
	animation-name: move-in;
	animation-duration: .6s;
	animation-fill-mode: both;
}

.has-inline-mobile-toggle #site-navigation.toggled {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255, 255, 255, 0.987);
	height: 100vh;
	width: 100vw;
	margin: 0;
	display: flex;
}

.main-navigation.toggled .main-nav li a {
	text-align: center;
	font-size: calc(13px + (14 - 13) * ((100vw - 300px) / (1680 - 300)));
}

.main-navigation .main-nav ul li>button {
	margin-bottom: 20px
}

.main-navigation .main-nav ul li:not(:first-child) a {
	line-height: 44px;
	border-bottom: 1px solid #cecece;
}

.main-navigation .main-nav ul li:last-child a {
	border-bottom: 0
}

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:focus,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:visited {
    background-color: #282828;
    color: #fff;
    width: calc(50px + (58 - 50) * ((100vw - 300px) / (1680 - 300)));
    height: calc(50px + (58 - 50) * ((100vw - 300px) / (1680 - 300)));
	line-height: calc(50px + (58 - 50) * ((100vw - 300px) / (1680 - 300)))
}



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

@media (min-width: 768px) {
	
	.main-navigation .menu-bar-items {
		margin-right: 4em;
	}
	
	.menu-bar-items .search-modal-actions .placeholder {
		min-width: 90px;
		text-align: left;
	}
	
	.main-navigation .main-nav ul li:first-child {
		display: none;
		content-visibility: hidden
	}

}

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

	.site-footer > div.gb-container,
	.has-inline-mobile-toggle .inside-header,
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
		padding: 0 24px;
	}
	
}

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

	
	
}


@media (max-width: 767px) {
	
	.has-inline-mobile-toggle .search-modal-close,
	.main-navigation .menu-bar-items {
		display: none;
		content-visibility: hidden
	}
	
	.has-inline-mobile-toggle .search-modal-close {
		opacity: 0;
	}
	
	.site-header .header-image {
		width: 164px;
	}
	
	body, html {
		overflow-x: hidden;
	}
	
}




@media (max-width: 499px) {
	
	.site-logo {
		margin-top: auto;
	}
	
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header
	/*
	.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;
	}
	
	
}