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

:root {
	/* WIDTHS */
	--container-width: 1140px;
	/* FONTS */
	--base-font-size: 16px;
	--base-line-height: 1.6;
	--main-font: sans-serif;
	--accent-font: "TODO", sans-serif;
	/* BORDERS */
	--border-width: 1px;
	--border-radius: 0;
	/* HEADERS */
	--h1-font-size: 30px;
	--h2-font-size: 26px;
	--h3-font-size: 22px;
	--h4-font-size: 20px;
	--h5-font-size: 18px;
	--h6-font-size: 16px;
	--h1-font-weight: normal;
	--h2-font-weight: normal;
	--h3-font-weight: normal;
	--h4-font-weight: normal;
	--h5-font-weight: normal;
	--h6-font-weight: normal;
	/* GLOBAL COLORS */
	--contrast: #222222;
	--contrast-2: #575760;
	--contrast-3: #b2b2be;
	--base: #f0f0f0;
	--base-2: #f7f8f9;
	--base-3: #ffffff;
	--accent: #095087;
	/* COLORS */
	--background-color: var(--base-2);
	--text-color: var(--contrast);
	--link-color: var(--accent);
	--link-color-hover: var(--text-color);
	--site-title-color: var(--text-color);
	--site-tagline-color: var(--text-color);
	--h1-color: var(--accent);
	--h2-color: var(--text-color);
	--h3-color: var(--text-color);
	--h4-color: var(--text-color);
	--h5-color: var(--text-color);
	--h6-color: var(--text-color);
	/* BUTTONS */
	--button-background-color: #333;
	--button-background-color-hover: #222;
	--button-background-color-disabled: #666;
	--button-text-color: var(--base-3);
	--button-text-color-hover: var(--button-text-color);
	--button-text-color-disabled: var(--button-text-color);
	--button-border-color: var(--button-background-color);
	--button-border-color-hover: var(--button-background-color-hover);
	--button-border-color-disabled: var(--button-background-color-disabled);
	--button-border-radius: var(--border-radius);
	--button-border-width: var(--border-width);
	--button-border: var(--button-border-width) solid var(--button-border-color);
	--button-border-hover: var(--button-border-width) solid var(--button-border-color-hover);
	--button-border-disabled: var(--button-border-width) solid var(--button-border-color-disabled);
	/* FORMS */
	--form-background-color: var(--base-3);
	--form-background-color-hover: var(--base-3);
	--form-background-color-focus: var(--base-2);
	--form-background-color-disabled: var(--contrast-3);
	--form-text-color: var(--text-color);
	--form-text-color-hover: var(--text-color);
	--form-text-color-focus: var(--text-color);
	--form-text-color-disabled: var(--contrast-2);
	--form-border-radius: var(--border-radius);
	--form-border-width: var(--border-width);
	--form-border-color: var(--contrast);
	--form-border-color-hover: var(--contrast);
	--form-border-color-focus: var(--accent);
	--form-border-color-disabled: var(--contrast-2);
	/* HEADER */
	--header-background-color: var(--base-3);
	--header-text-color: var(--text-color);
	--header-link-color: var(--link-color);
	--header-link-color-hover: var(--link-color-hover);
	/* NAVIGATION */
	--navigation-container-background-color: var(--base-3);
	--navigation-background-color: var(--base-3);
	--navigation-background-color-hover: var(--base-3);
	--navigation-background-color-current: var(--base-3);
	--navigation-text-color: var(--text-color);
	--navigation-text-color-hover: var(--link-color);
	--navigation-text-color-current: var(--link-color-hover);
	--subnavigation-container-background-color: inherit;
	--subnavigation-background-color: inherit;
	--subnavigation-background-color-hover: inherit;
	--subnavigation-background-color-current: inherit;
	--subnavigation-text-color: var(--text-color);
	--subnavigation-text-color-hover: var(--link-color);
	--subnavigation-text-color-current: var(--link-color-hover);
	/* BREADCRUMB */
	--breadcrumb-background-color: transparent;
	--breadcrumb-text-color: var(--text-color);
	--breadcrumb-link-color: var(--link-color);
	--breadcrumb-link-color-hover: var(--link-color-hover);
	/* CONTENT */
	--content-background-color: transparent;
	--content-text-color: var(--text-color);
	--content-link-color: var(--link-color);
	--content-link-color-hover: var(--link-color-hover);
	--entry-meta-text-color: var(--text-color);
	--entry-meta-link-color: var(--link-color);
	--entry-meta-link-color-hover: var(--link-color-hover);
	/* SIDEBAR - WIDGETS */
	--sidebar-widget-background-color: transparent;
	--sidebar-widget-text-color: var(--text-color);
	--sidebar-widget-link-color: var(--link-color);
	--sidebar-widget-link-color-hover: var(--link-color-hover);
	--sidebar-widget-title-color: var(--text-color);
	/* FOOTER - WIDGETS */
	--footer-widget-background-color: transparent;
	--footer-widget-text-color: var(--text-color);
	--footer-widget-link-color: var(--link-color);
	--footer-widget-link-color-hover: var(--link-color-hover);
	--footer-widget-title-color: var(--text-color);
	/* FOOTER */
	--footer-background-color: var(--base-3);
	--footer-text-color: var(--text-color);
	--footer-link-color: var(--link-color);
	--footer-link-color-hover: var(--link-color-hover);
}

html {
	overflow-x: hidden;
}
body {
	font-family: var(--main-font);
	font-size: var(--base-font-size);
	font-weight: 400;
	line-height: var(--base-line-height);
	color: var(--text-color);
	background-color: var(--background-color);
	overflow: initial;
	webkit-font-smoothing: subpixel-antialiased;
}

.element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px,1px,1px,1px);
}

h1 {font-size: var(--h1-font-size);font-weight: var(--h1-font-weight);color: var(--h1-color)}
h2 {font-size: var(--h2-font-size);font-weight: var(--h2-font-weight);color: var(--h2-color)}
h3 {font-size: var(--h3-font-size);font-weight: var(--h3-font-weight);color: var(--h3-color)}
h4 {font-size: var(--h4-font-size);font-weight: var(--h4-font-weight);color: var(--h4-color)}
h5 {font-size: var(--h5-font-size);font-weight: var(--h5-font-weight);color: var(--h5-color)}
h6 {font-size: var(--h6-font-size);font-weight: var(--h6-font-weight);color: var(--h6-color)}

a,
a:link,
a:visited,
a:hover,
a:active,
a:focus {
	color: var(--link-color);
	text-decoration: none;
	border-bottom: 0;
}

a:hover,
a:active,
a:focus {
	color: var(--link-color-hover);
}

hr {
	border-color: var(--text-color);
}

p,
.entry-content p,
.entry-content ol,
.entry-content ul,
.entry-content table,
.fl-rich-text p,
.fl-rich-text ol,
.fl-rich-text ul,
.fl-rich-text table,
.quote-caption {
	margin: 0 0 1em;
	padding: 0;
}
.entry-content ol,
.entry-content ul,
.fl-rich-text ol,
.fl-rich-text ul {
	margin-left: 1.5em;
}
.entry-content li,
.fl-rich-text li {
	list-style: initial;
}

.entry-content ul.wp-block-navigation__container,
.entry-content ul.menu,
.entry-content ul.menu li,
.entry-content .menu ul,
.entry-content .menu ul li,
.entry-content .wc-block-grid ul,
.entry-content .wc-block-grid ul li,
.entry-content .pp-advanced-menu .menu ul,
.entry-content .pp-advanced-menu .menu ul li,
.entry-content .pp-advanced-menu ul.menu li,
.entry-content .pp-sitemap-content ul,
.entry-content .pp-sitemap-content ul li,
.entry-content .pp-sitemap-content li {
	margin-left: 0;
	list-style: none;
}

img.no-margin-bottom {
	margin-bottom: 0 !important;
}

/* Large first letter */
.has-drop-cap {
	overflow: hidden;
}
.has-drop-cap:not(:focus):first-letter {
	margin: .05em .1em .05em 0;
}

pre {white-space:nowrap;}

.box-shadow {
	box-shadow: 0 0 5px 0 rgb(0 0 0 / 10%);
}


/**
 * BUTTONS
 */


.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt,

.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,

.wp-block-button .wp-block-button__link,
.wp-block-button.is-style-fill .wp-block-button__link,

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
a.button,
.entry-content .button {
	background-color: var(--button-background-color);
	color: var(--button-text-color);
	border: var(--button-border);
	border-radius: var(--button-border-radius);
	font-weight: normal;
	font-size: 1em;
	line-height: 1em;
	cursor: pointer;
	padding: .8em 1.6em;
	text-transform: none;
	width: auto;
	text-shadow: none;
	position: relative;
	transition: all .2s;
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover,

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,

.wp-block-button .wp-block-button__link:hover,
.wp-block-button.is-style-fill .wp-block-button__link:hover,

button:hover,
a.button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button:hover,
.entry-content .button:hover {
	background-color: var(--button-background-color-hover);
	color: var(--button-text-color-hover);
	border: var(--button-border-hover);
}

.wp-block-button.is-style-outline .wp-block-button__link,
button.transparent,
input[type="button"].transparent,
input[type="reset"].transparent,
input[type="submit"].transparent,
.button.transparent,
a.button.transparent,
.entry-content .button.transparent {
	border-width: var(--button-border-width);
	background-color: transparent;
	border-color: var(--button-background-color);
	color: var(--button-text-color);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover,
button.transparent:hover,
a.button.transparent:hover,
input[type="button"].transparent:hover,
input[type="reset"].transparent:hover,
input[type="submit"].transparent:hover,
.button.transparent:hover,
.entry-content .button.transparent:hover {
	background-color: var(--button-background-color-hover);
	border-color: var(--button-background-color-hover);
	color: var(--button-text-color-hover);
}

button.large,
input[type="button"].large,
input[type="reset"].large,
input[type="submit"].large,
.button.large,
a.button.large,
.entry-content .button.large {
	padding: 1em 2em;
}
button.block,
input[type="button"].block,
input[type="reset"].block,
input[type="submit"].block,
.button.block,
a.button.block,
.entry-content .button.block {
	display: block;
}

button.image,
input[type="button"].image,
input[type="reset"].image,
input[type="submit"].image,
.button.image,
a.button.image,
.entry-content .button.image {
	padding: 0;
}


button:disabled,
input[type="button"]:disabled,
input[type="reset"]:disabled,
input[type="submit"]:disabled,
.button:disabled,
a.button:disabled,
.entry-content .button:disabled,

button:disabled:hover,
a.button:disabled:hover,
input[type="button"]:disabled:hover,
input[type="reset"]:disabled:hover,
input[type="submit"]:disabled:hover,
.button:disabled:hover,
.entry-content .button:disabled:hover,

button.transparent:disabled,
input[type="button"].transparent:disabled,
input[type="reset"].transparent:disabled,
input[type="submit"].transparent:disabled,
.button.transparent:disabled,
a.button.transparent:disabled,
.entry-content .button.transparent:disabled,

button.transparent:disabled:hover,
a.button.transparent:disabled:hover,
input[type="button"].transparent:disabled:hover,
input[type="reset"].transparent:disabled:hover,
input[type="submit"].transparent:disabled:hover,
.button.transparent:disabled:hover,
.entry-content .button.transparent:disabled:hover,

.woocommerce #respond input#submit.alt.disabled,
.woocommerce #respond input#submit.alt.disabled:hover,
.woocommerce #respond input#submit.alt:disabled,
.woocommerce #respond input#submit.alt:disabled:hover,
.woocommerce #respond input#submit.alt:disabled[disabled],
.woocommerce #respond input#submit.alt:disabled[disabled]:hover,
.woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover,
.woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover,
.woocommerce a.button.alt:disabled[disabled],
.woocommerce a.button.alt:disabled[disabled]:hover,
.woocommerce button.button.alt.disabled,
.woocommerce button.button.alt.disabled:hover,
.woocommerce button.button.alt:disabled,
.woocommerce button.button.alt:disabled:hover,
.woocommerce button.button.alt:disabled[disabled],
.woocommerce button.button.alt:disabled[disabled]:hover,
.woocommerce input.button.alt.disabled,
.woocommerce input.button.alt.disabled:hover,
.woocommerce input.button.alt:disabled,
.woocommerce input.button.alt:disabled:hover,
.woocommerce input.button.alt:disabled[disabled],
.woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: var(--button-background-color-disabled);
	border-color: var(--button-background-color-disabled);
	color: var(--button-text-color-disabled);
}


/**
 * FORMS
 */


input,
select,
textarea {
	background-color: var(--form-background-color);
	border: var(--form-border-width) solid var(--form-border-color);
	border-radius: var(--form-border-radius);
	color: var(--form-text-color);
	padding: .5em;
	font-size: 1em;
	line-height: 1em;
	transition: all .2s;
}

input:hover,
select:hover,
textarea:hover {
	background-color: var(--form-background-color-hover);
	border-color: var(--form-border-color-hover);
	color: var(--form-text-color-hover);
}

input:focus,
select:focus,
textarea:focus,
input:active,
select:active,
textarea:active {
	background-color: var(--form-background-color-focus);
	border-color: var(--form-border-color-focus);
	color: var(--form-text-color-focus);
}

input:disabled,
select:disabled,
textarea:disabled {
	background-color: var(--form-background-color-disabled);
	border-color: var(--form-border-color-disabled);
	color: var(--form-text-color-disabled);
}


/**
 * LAYOUT
 */


.site-inner {
	background-color: var(--content-background-color);
	color: var(--content-text-color);
	padding: 0 30px;
	margin-top: 0;
}

.site-inner a,
.site-inner a:link,
.site-inner a:visited {
	color: var(--content-link-color);
}
.site-inner a:hover,
.site-inner a:active,
.site-inner a:focus {
	color: var(--content-link-color-hover);
}

.entry-meta {
	color: var(--entry-meta-text-color);
}
.entry-meta a,
.entry-meta a:link,
.entry-meta a:visited {
	color: var(--entry-meta-link-color);
}
.entry-meta a:hover,
.entry-meta a:active,
.entry-meta a:focus {
	color: var(--entry-meta-link-color-hover);
}

.content {
	padding: 30px 0;
}
.sidebar {
	padding: 30px 0;
}

.content-sidebar-inner-wrap::before,
.content-sidebar-inner-wrap::after {
	content: '';
	display: table;
	clear: both;
}


/**
 * HEADER
 */


.site-header {
	background-color: var(--header-background-color);
	color: var(--header-text-color);
	position: static;
	width: initial;
	z-index: initial;
}

.site-header a,
.site-header a:link,
.site-header a:visited {
	color: var(--header-link-color);
}
.site-header a:hover,
.site-header a:active,
.site-header a:focus {
	color: var(--header-link-color-hover);
}

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

.hide-title-area .title-area {
	display: none;
}

.site-title {
	color: var(--site-title-color);
}
.site-tagline,
.site-description {
	color: var(--site-tagline-color);
}

.header-img {
	text-align: center;
	margin-bottom: 1em;
}

.header-widget-area {
	text-align: center;
}
.header-widget-area .widget {
	margin-bottom: 1em;
}
.header-widget-area .widget:last-child {
	margin-bottom: 0;
}


/**
 * MENU NAVIGATION
 */


.nav-primary .sub-menu {
	display: block;
}

.genesis-nav-menu .sub-menu,
.genesis-nav-menu .sub-menu a {
	width: auto;
}

.nav-primary {
	background-color: var(--navigation-container-background-color);
}
.nav-primary .sub-menu {
	background-color: var(--subnavigation-container-background-color);
}
/* Items */
.nav-primary .menu-item {
	background-color: var(--navigation-background-color);
}
.nav-primary .menu-item:hover {
	background-color: var(--navigation-background-color-hover);
}
.nav-primary .menu-item.current-menu-item {
	background-color: var(--navigation-background-color-current);
}
.nav-primary .sub-menu .menu-item {
	background-color: var(--subnavigation-background-color);
}
.nav-primary .sub-menu .menu-item:hover {
	background-color: var(--subnavigation-background-color-hover);
}
.nav-primary .sub-menu .menu-item.current-menu-item {
	background-color: var(--subnavigation-background-color-current);
}
/* Links */
.nav-primary .menu-item > a,
.nav-primary .menu-item:link > a,
.nav-primary .menu-item:visited  > a{
	color: var(--navigation-text-color);
}
.nav-primary .menu-item:hover > a,
.nav-primary .menu-item:active > a,
.nav-primary .menu-item:focus > a {
	color: var(--navigation-text-color-hover);
}
.nav-primary .menu-item.current-menu-item > a,
.nav-primary .menu-item.current-menu-item:link > a,
.nav-primary .menu-item.current-menu-item:visited > a,
.nav-primary .menu-item.current-menu-item:hover > a,
.nav-primary .menu-item.current-menu-item:active > a,
.nav-primary .menu-item.current-menu-item:focus > a {
	color: var(--navigation-text-color-current);
}
.nav-primary .sub-menu .menu-item > a,
.nav-primary .sub-menu .menu-item:link > a,
.nav-primary .sub-menu .menu-item:visited  > a{
	color: var(--subnavigation-text-color);
}
.nav-primary .sub-menu .menu-item:hover > a,
.nav-primary .sub-menu .menu-item:active > a,
.nav-primary .sub-menu .menu-item:focus > a {
	color: var(--subnavigation-text-color-hover);
}
.nav-primary .sub-menu .menu-item.current-menu-item > a,
.nav-primary .sub-menu .menu-item.current-menu-item:link > a,
.nav-primary .sub-menu .menu-item.current-menu-item:visited > a,
.nav-primary .sub-menu .menu-item.current-menu-item:hover > a,
.nav-primary .sub-menu .menu-item.current-menu-item:active > a,
.nav-primary .sub-menu .menu-item.current-menu-item:focus > a {
	color: var(--subnavigation-text-color-current);
}


/**
 * BREADCRUMB
 */


.breadcrumb {
	background: var(--breadcrumb-background-color);
	color: var(--breadcrumb-text-color);
}
.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited {
	color: var(--breadcrumb-link-color);
}
.breadcrumb a:hover,
.breadcrumb a:active,
.breadcrumb a:focus {
	color: var(--breadcrumb-link-color-hover);
}


/**
 * CONTENT
 */


.blocks-gallery-grid .blocks-gallery-image figure,
.blocks-gallery-grid .blocks-gallery-item figure,
.wp-block-gallery .blocks-gallery-image figure,
.wp-block-gallery .blocks-gallery-item figure {
	align-items: center;
}

p.has-background {
	padding: 20px 38px;
}

.wp-block-separator.is-style-dots {
	text-align: center;
}


/**
 * SIDEBARS
 */


.widget-subtitle {
	display: block;
}

.sidebar .widget {
	color: var(--sidebar-widget-text-color);
}
.sidebar .widget a,
.sidebar .widget a:link,
.sidebar .widget a:visited {
	color: var(--sidebar-widget-link-color);
}
.sidebar .widget a:hover,
.sidebar .widget a:active,
.sidebar .widget a:focus {
	color: var(--sidebar-widget-link-color-hover);
}
.sidebar .widget-title {
	color: var(--sidebar-widget-title-color);
}


/**
 * FOOTER
 */


.footer-widgets {
	padding: 60px 30px;
}
.footer-widgets .widget {
	color: var(--footer-widget-text-color);
}
.footer-widgets .widget a,
.footer-widgets .widget a:link,
.footer-widgets .widget a:visited {
	color: var(--footer-widget-link-color);
}
.footer-widgets .widget a:hover,
.footer-widgets .widget a:active,
.footer-widgets .widget a:focus {
	color: var(--footer-widget-link-color-hover);
}
.footer-widgets .widget-title {
	color: var(--footer-widget-title-color);
}

.site-footer {
	padding: 15px 30px;
}
.site-footer p,
.site-footer .widget {
	margin-bottom: 0;
}
.site-footer nav .menu li {
	display: inline-block;
}
.site-footer nav .menu li a {
	padding: .5em;
}


/**
 * Beaver Builder
 */

body.fl-builder.full-width-content .site-inner,
body.fl-builder.full-width-content .content-sidebar-wrap,
body.fl-builder.full-width-content .content,
body.fl-builder.full-width-content .content > .entry,
body.fl-builder.full-width-content .content > .entry > .entry-content,

body.fl-theme-builder-singular.full-width-content .site-inner,
body.fl-theme-builder-singular.full-width-content .content-sidebar-wrap,
body.fl-theme-builder-singular.full-width-content .content,
body.fl-theme-builder-singular.full-width-content .content > .entry,
body.fl-theme-builder-singular.full-width-content .content > .entry > .entry-content,

body.fl-theme-builder-archive.full-width-content .site-inner,
body.fl-theme-builder-archive.full-width-content .content-sidebar-wrap,
body.fl-theme-builder-archive.full-width-content .content,
body.fl-theme-builder-archive.full-width-content .content > .entry,
body.fl-theme-builder-archive.full-width-content .content > .entry > .entry-content {
	width: 100%;
	max-width: none;
	margin: 0;
	padding: 0;
}
body.fl-builder.full-width-content .content .entry-header {
	display: none;
}

.fl-widget .widget,
.fl-builder-content .site-header,
.fl-builder-content .footer-widgets,
.fl-builder-content .site-footer {
	padding: 0;
	margin: 0;
	border: 0;
}

.fl-col-group-equal-height.fl-col-group-align-center .widget {
	justify-content: center;
}

/**
 * PowerPack
 */

.entry-content ol.pp-list-items,
.entry-content ul.pp-list-items {
	margin: 0;
}

/* Menu fix */
.pp-advanced-menu .pp-has-submenu-container a > span {
	display: inline-block;
}

/**
 * Polylang
 */

.widget_polylang ul,
.widget_polylang ul li {
	margin: 0;
	list-style: none;
	display: inline-block;
}