/* page */
#wrapper {
	position: relative;
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	background: rgba(255,255,255, 1);
}

/* header */
.header-container {
	position: relative;
}
	.header-container.headhesive {
		background: rgba(255,255,255, 1);
		box-shadow: 0 1px 2px rgba(43,59,93, 0.29);
	}

#header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

#branding {}

#logo {
	font-size: 1rem;
	margin: 0.6875em 0;
	line-height: 1;
	width: 128px;
}

.meta-menu-container {
	width: 100%;
	order: -1;
}

.navigation-container {
	background: var(--color-dark);
}

/* main */
.main-container {
	flex: 1;
}

	.blog .main-container,
	.archive .main-container,
	.search .main-container {
		margin-top: var(--gap);
		margin-bottom: var(--gap);
	}

#main {}

.content-container {
	width: 100%;
}

#content {}

/* footer */
.footer-container {}

#footer {}

@media (min-width: 768px) {
	.meta-menu-container {
		width: auto;
		order: inherit;
	}
	
	#logo {
		margin: 1.375em 0;
		width: 180px;
	}
	
	.no-sidebar #content {
		width: 100%;
	}
	
	.sidebar-primary.sidebar-secondary .content-container,
	.sidebar-primary.sidebar-secondary .sidebar-area {
		clear: none;
		float: left;
	}
	
	.sidebar-primary.sidebar-secondary #content {
		margin-left: 0%;
		margin-right: 0%;
		width: auto;
	}
	
	.sidebar-primary.sidebar-secondary #primary {
		margin-left: 0%;
		width: calc((100% + var(--gap)) / 2);
		padding-right: var(--gap);
	}
	
	.sidebar-primary.sidebar-secondary #secondary {
		margin-left: 0%;
		width: calc((100% - var(--gap)) / 2);
	}
}

@media (min-width: 992px) {
	#header {
		padding-top: calc(1.5 * var(--gutter));
		padding-bottom: calc(0.5 * var(--gutter));
	}

	#logo {
		margin: 0;
		width: 180px;
	}

	.no-sidebar #content {
		width: 100%;
	}
	
	.sidebar-primary.sidebar-secondary .content-container,
	.sidebar-primary.sidebar-secondary .sidebar-area {
		clear: none;
		float: left;
	}
	
	.sidebar-primary.sidebar-secondary #content {
		margin-left: calc((100% + var(--gap)) / 4);
		margin-right: calc((100% + var(--gap)) / 4);
		width: auto;
	}
	
	.sidebar-primary.sidebar-secondary #primary {
		margin-left: -100%;
		width: calc((100% + var(--gap)) / 4);
	}
	
	.sidebar-primary.sidebar-secondary #secondary {
		margin-left: calc((-100% - var(--gap)) / 4);
		width: calc((100% + var(--gap)) / 4);
	}
	
	.sidebar-primary.no-sidebar-secondary .content-container,
	.sidebar-primary.no-sidebar-secondary .sidebar-area {
		clear: none;
		float: left;
	}
	
	.sidebar-primary.no-sidebar-secondary #content {
		margin-left: calc((100% + var(--gap)) / 3);
		margin-right: 0%;
		width: auto;
	}
	
	.sidebar-primary.no-sidebar-secondary #primary {
		margin-left: -100%;
		width: calc((100% + var(--gap)) / 3);
	}
	
	.sidebar-secondary.no-sidebar-primary .content-container,
	.sidebar-secondary.no-sidebar-primary .sidebar-area {
		clear: none;
		float: left;	
	}
	
	.sidebar-secondary.no-sidebar-primary #content {
		margin-left: 0%;
		margin-right: calc((100% + var(--gap)) / 3);
		width: auto;
	}
	
	.sidebar-secondary.no-sidebar-primary #secondary {
		margin-left: calc((-100% - var(--gap)) / 3);
		width: calc((100% + var(--gap)) / 3);
	}
}

@media (min-width: 1200px) {
	.no-sidebar #content {
		width: 100%;
	}
	
	.sidebar-primary.sidebar-secondary .content-container,
	.sidebar-primary.sidebar-secondary .sidebar-area {
		clear: none;
		float: left;
	}
	
	.sidebar-primary.sidebar-secondary #content {
		margin-left: calc((100% + var(--gap)) / 4);
		margin-right: calc((100% + var(--gap)) / 4);
		width: auto;
	}
	
	.sidebar-primary.sidebar-secondary #primary {
		margin-left: -100%;
		width: calc((100% + var(--gap)) / 4);
	}
	
	.sidebar-primary.sidebar-secondary #secondary {
		margin-left: calc((-100% - var(--gap)) / 4);
		width: calc((100% + var(--gap)) / 4);
	}
	
	.sidebar-primary.no-sidebar-secondary .content-container,
	.sidebar-primary.no-sidebar-secondary .sidebar-area {
		clear: none;
		float: left;
	}
	
	.sidebar-primary.no-sidebar-secondary #content {
		margin-left: calc((100% + var(--gap)) / 3);
		margin-right: 0%;
		width: auto;
	}
	
	.sidebar-primary.no-sidebar-secondary #primary {
		margin-left: -100%;
		width: calc((100% + var(--gap)) / 3);
	}
	
	.sidebar-secondary.no-sidebar-primary .content-container,
	.sidebar-secondary.no-sidebar-primary .sidebar-area {
		clear: none;
		float: left;	
	}
	
	.sidebar-secondary.no-sidebar-primary #content {
		margin-left: 0%;
		margin-right: calc((100% + var(--gap)) / 3);
		width: auto;
	}
	
	.sidebar-secondary.no-sidebar-primary #secondary {
		margin-left: calc((-100% - var(--gap)) / 3);
		width: calc((100% + var(--gap)) / 3);
	}
}

/* list */
.list {
	margin-bottom: 1.375em;
}
	.list:last-child {
		margin-bottom: 0;
	}

.list-item {
	min-height: 1px;
	margin-top: var(--gap);
}

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

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

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