/* page */
#page {
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}

/* header */
#meta {
	display: flex;
	justify-content: space-between;
	padding-top: 0.6875em;
	padding-bottom: 0.6875em;
	align-items: center;
}

.site-breadcrumb {
	display: flex;
	align-items: center;
	font-size: var(--font-size-xsmall);
	color: rgba(var(--color-gray), 1);
}

.site-breadcrumb span:not(.trail) {
	text-overflow: ellipsis;
	max-width: 180px;
	white-space: nowrap;
	overflow: hidden;
}

.site-breadcrumb .home:before {
	content: '\f015';
	font-family: "Font Awesome 5 Free";
	display: inline-block;
	font-weight: 900;
	font-size: var(--font-size-xsmall);
	color: rgba(var(--color-gray), 1);
	margin-right: 0.34375em;
}

.site-breadcrumb > span:last-of-type {
	color: rgba(0,0,0, 1);
}

.site-breadcrumb .trail {
	margin: 0 0.6875em;
}

.site-language .language-switcher {
	position: relative;
}

.site-language .current {
	font-size: var(--font-size-xsmall);
	color: rgba(var(--color-gray), 1);
	text-transform: uppercase;
}

.site-language strong {
	color: rgba(0,0,0, 1);
	margin-left: 0.34375em;
}

.site-language i {
	color: rgba(0,0,0, 1);
	margin-left: 0.34375em;
}

.site-language .dropdown {
	position: absolute;
	top: 100%;
	right: 0;
	z-index: 5;
	padding: 0.6875em 1.375em;
	background: rgba(255,255,255, 1);
	box-shadow: 0 0 18px rgba(0,0,0, 0.1);
	font-size: var(--font-size-xsmall);
	color: rgba(var(--color-gray), 1);
	text-transform: uppercase;
	display: none;
}
	.site-language .language-switcher:hover .dropdown {
		display: block;
	}

.header-container {
	border-top: 1px solid rgba(var(--color-gray), 0.2);
}

#masthead {
	position: relative;
}

.site-branding {
	width: 290px;
	margin: 0 auto;
	padding: 1.03125em 0;
	line-height: 0;
}

.site-search {
	width: 64px;
	height: 64px;
	position: absolute;
	z-index: 1;
	border: 10px solid rgba(255,255,255, 1);
	top: 0;
	right: 54px;
	transform: translateY(-50%);
}

.site-search a {
	display: block;
	width: 44px;
	height: 44px;
	background: rgba(var(--color-orange), 1);
	color: rgba(var(--color-blue), 1);
	border-radius: 100%;
	cursor: pointer;
}

.site-search i {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, -50%);
}

.site-header .line {
	display: block;
	width: 100%;
	height: 1px;
	background: rgba(var(--color-gray), 0.2);
}

@media (min-width: 768px) {
	.site-branding {
		width: 480px;
	}
}

@media (min-width: 992px) {
	#meta {
		padding-top: 1.03125em;
		padding-bottom: 1.03125em;
	}
	
	.site-language {
		padding-right: 5.5em;
	}
	
	.site-search {
		right: calc(var(--gutter) - 10px);
	}
	
	.site-search a:hover,
	.site-search a:focus,
	.site-search a:active {
		background: rgba(var(--color-blue), 1);
		color: rgba(255,255,255, 1);
	}
}


/* content */
.main-container {
	margin: 2.0625em 0;
}

.has-wp-blocks .main-container {
	padding-left: var(--gutter);
	padding-right: var(--gutter);
}

.has-wp-blocks .main-container:not(.container--max-width) #primary {
	padding-left: 0;
	padding-right: 0;
	max-width: 1920px;
}
	.single-post.has-wp-blocks .main-container #primary,
	.page-template-page-sidebar.has-wp-blocks .main-container #primary {
		max-width: 1140px;
	}

.container-title {
	position: relative;
}

.container-title:before {
	content: '';
	width: 6px;
	height: 100%;
	position: absolute;
	left: -0.6875em;
	top: 0;
	z-index: 1;
	background: rgba(var(--color-orange), 1);
}

@media (min-width: 768px) {
	.container-title:before {
		width: 10px;
	}
}

/* items */
[class*="__items"] {
	margin-bottom: calc(2* var(--gap));
}

[class*="__items"] > [class*="__item"]:not(:first-child) {
	margin-top: var(--gap);
}

@media (max-width: 767.98px) {
	[class*="__items"] > [class*="__item"]:not(:first-child) {
		border-top: 1px dashed rgba(var(--color-gray), 0.2);
		padding-top: var(--gap);
	}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	[class*="__items--2"],
	[class*="__items--3"],
	[class*="__items--4"] {
		display: flex;
		flex-wrap: wrap;
	}
	
	[class*="__items--2"] > [class*="__item"] {
		width: calc(50% - 1/2 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--2"] > [class*="__item"]:nth-child(2n+1) {
			margin-left: 0;
		}
		[class*="__items--2"] > [class*="__item"]:nth-child(-n+2) {
			margin-top: 0;
		}
	
	[class*="__items--3"] > [class*="__item"] {
		width: calc(33.333% - 2/3 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--3"] > [class*="__item"]:nth-child(3n+1) {
			margin-left: 0;
		}
		[class*="__items--3"] > [class*="__item"]:nth-child(-n+3) {
			margin-top: 0;
		}
	
	[class*="__items--4"] > [class*="__item"] {
		width: calc(50% - 1/2 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--4"] > [class*="__item"]:nth-child(2n+1) {
			margin-left: 0;
		}
		[class*="__items--4"] > [class*="__item"]:nth-child(-n+2) {
			margin-top: 0;
		}
}

@media (min-width: 992px) {
	[class*="__items--2"],
	[class*="__items--3"],
	[class*="__items--4"] {
		display: flex;
		flex-wrap: wrap;
	}
	
	[class*="__items--2"] > [class*="__item"] {
		width: calc(50% - 1/2 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--2"] > [class*="__item"]:nth-child(2n+1) {
			margin-left: 0;
		}
		[class*="__items--2"] > [class*="__item"]:nth-child(-n+2) {
			margin-top: 0;
		}
	
	[class*="__items--3"] > [class*="__item"] {
		width: calc(33.333% - 2/3 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--3"] > [class*="__item"]:nth-child(3n+1) {
			margin-left: 0;
		}
		[class*="__items--3"] > [class*="__item"]:nth-child(-n+3) {
			margin-top: 0;
		}
	
	[class*="__items--4"] > [class*="__item"] {
		width: calc(25% - 3/4 * var(--gap));
		margin-left: var(--gap);
	}
		[class*="__items--4"] > [class*="__item"]:nth-child(4n+1) {
			margin-left: 0;
		}
		[class*="__items--4"] > [class*="__item"]:nth-child(-n+4) {
			margin-top: 0;
		}
}

/* secondary */
#secondary .widget-area-title {
	position: relative;
}

#secondary .widget-area-title:before {
	content: '';
	width: 6px;
	height: 100%;
	position: absolute;
	left: -0.6875em;
	top: 0;
	z-index: 1;
	background: rgba(var(--color-orange), 1);
}

@media (min-width: 768px) {
	#secondary .widget-area-title:before {
		width: 10px;
	}
}

/* searchform */
.searchform-container {
	max-width: 665px;
}

.site-searchform {
	padding: 1.375em;
}
	#searchform2.site-searchform {
		padding: 0;
	}

.site-searchform .searchform {
	display: flex;
}

.site-searchform .searchform__input {
	flex: auto;
	margin-right: 0.6875em;
}

.site-searchform .searchform__submit {
	display: block;
	width: 44px;
	min-width: 44px;
	height: 44px;
	background: rgba(var(--color-orange), 1);
	color: rgba(var(--color-blue), 1);
	border-radius: 100%;
	cursor: pointer;
	border: 0;
	padding: 0;
}

@media (min-width: 992px) {
	.site-searchform .searchform__submit:hover,
	.site-searchform .searchform__submit:focus,
	.site-searchform .searchform__submit:active {
		background: rgba(var(--color-blue), 1);
		color: rgba(255,255,255, 1);
	}
}
