/**
 * @author  Jory Hogeveen
 * @link    https://www.keraweb.nl/
 */

.site-inner {
	max-width: none;
}

.wp-block-cover__inner-container,
.wp-block-group__inner-container,
.top-bar .wrap,
.site-header .wrap,
.nav-primary .wrap,
.footer-widgets .wrap,
.site-footer .wrap,
.keralayer .wrap,
.breadcrumbs-wrapper .wrap,
.site-inner .wrap,
.site-inner .content-sidebar-wrap,
/* Woocommerce */
.site-inner .site-main {
	max-width: var(--container-width);
	margin: 0 auto;
}

.top-bar .wrap.wide,
.site-header .wrap.wide,
.nav-primary .wrap.wide,
.footer-widgets .wrap.wide,
.site-footer .wrap.wide,
.keralayer .wrap.wide,
.breadcrumbs-wrapper .wrap.wide,
.site-inner .wrap.wide,
.site-inner .content-sidebar-wrap.wide {
	max-width: calc( var(--container-width) + 2 * var( --align-wide-offset ) );
}

.top-bar .wrap.full,
.site-header .wrap.full,
.nav-primary .wrap.full,
.footer-widgets .wrap.full,
.site-footer .wrap.full,
.keralayer .wrap.full,
.breadcrumbs-wrapper .wrap.full,
.site-inner .wrap.full,
.site-inner .content-sidebar-wrap.full {
	max-width: none;
}

.wp-block-cover.alignfull {
	padding-left: 0;
	padding-right: 0;
}

/**
 * HEADER
 */

.site-header-container.fixed {
	position: fixed;
	width: 100%;
	z-index: 9999;
}
.site-header {
	position: static;
	width: initial;
}

.site-header > .wrap {
	display: flex;
	align-items: center;
	flex-direction: row;
	justify-content: space-between;
}

.site-logo {
	float: left;
	margin-bottom: 0;
	display: flex;
	align-items: center;
}

.header-widget-area {
	text-align: right;
	margin-left: auto;
}
.header-widget-area .widget {
	display: inline-block;
	vertical-align: middle;
	margin: 0 0 0 5px;
}
.header-widget-area .widget ol,
.header-widget-area .widget ol > li,
.header-widget-area .widget ul,
.header-widget-area .widget ul > li {
	margin: 0;
}

.nav-primary {
	float: none;
	clear: both;
}

.site-header .nav-primary {
	flex-grow: 1;
}

/**
 * CONTENT
 */

.full-width-content .content,
.landing-page .content {
	width: 100%;
}

body .alignwide {
	margin-left  : calc( -1 * var(--align-wide-offset) );
	margin-right : calc( -1 * var(--align-wide-offset) );
}
body .alignfull {
	margin-left  : calc( -100vw / 2 + 100% / 2 );
	margin-right : calc( -100vw / 2 + 100% / 2 );
	max-width    : 100vw;
}
body .alignfull.wp-block-cover {
	width: 100vw;
}
body .alignfull.wp-block-cover img.wp-block-cover__image-background {
	width: 100%;
}