/*
Theme Name: Binnenklimaattechniek
Theme URI:
Description: Thema voor de website van Binnenklimaattechniek.
Version: 0.1
Author: Bonsai media
Author URI:
*/



/* Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}



*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





/* Variables */

:root {
	--main-color-lightblue: #009fe3;
	--main-color-blue: #291f6c;
	--main-color-orange: #ed7004;
}





/* Global styles */

html{
	font: 400 18px/30px "M PLUS 1p", sans-serif;
}

body {
	background: #eef2f5 url(img/bg-top.png) center 100px/18px 356px repeat-x;
    color: #000;
    font: 400 18px/30px "M PLUS 1p", sans-serif;
}



h1, h2, h3, h4, h5, h6 {
	color: var(--main-color-blue);
	font-weight: 700;
}

h1 { margin-bottom: 30px; font-size: 38px; line-height: 48px; }
h2 { margin-bottom: 25px; font-size: 29px; line-height: 40px; color: var(--main-color-orange); }
h3 { margin-bottom: 20px; font-size: 24px; line-height: 30px; color: var(--main-color-orange); }
h4 { margin-bottom: 15px; font-size: 18px; line-height: 28px; color: var(--main-color-lightblue); }
h5 { margin-bottom: 10px; font-size: 18px; line-height: 26px; }
h6 { margin-bottom: 5px; font-size: 15px; line-height: 24px; }

h1:only-child, h2:only-child, h3:only-child, h4:only-child, h5:only-child, h6:only-child {
	margin-bottom: 0;
}



p {}
p:not(:last-child) {
    margin-bottom: 20px;
}



strong {
	font-weight: 600;
}



a {
	color: #000;
	text-decoration: none;
	transition: all 0.2s;
}
a:hover {}

p a {
	text-decoration: underline;
}
p a:hover {
	text-decoration: none;
}



img {
	max-width: 100%;
	height: auto;
}



hr {
    height: 1px;
    margin-bottom: 20px;
    background: #a7bdcd;
    border: 0;
}



/* --- Input */

::placeholder {
	color: rgba(12, 29, 34, 0.4);
	opacity: 1;
}

:-ms-input-placeholder {
	color: rgba(12, 29, 34, 0.4);
}

::-ms-input-placeholder {
	color: rgba(12, 29, 34, 0.4);
}



form {}

form label {
	color: #000;
    font-size: 18px;
	font-weight: 700;
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=password], input[type=submit], textarea, select, button {
	width: 100%;
	margin-bottom: 15px;
	padding: 11px 20px;
	background: transparent;
	color: #000;
	font: 400 18px/30px "M PLUS 1p", sans-serif;
	text-align: left;
	border: 1px solid var(--main-color-lightblue);
	border-radius: 30px;
	transition: all 0.2s;
	-webkit-appearance: none;
    transition: all 0.2;
}
input[type=text]:focus, input[type=number]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=password]:focus, textarea:focus, select:focus, button:focus {
	border-color: var(--main-color-blue);
}



select {
	background-image: url(img/select.png)!important;
	background-position: right 20px center!important;
	background-size: 14px 8px!important;
	background-repeat: no-repeat!important;
}

textarea {
	height: 100px;
}

input[type=submit], button, a.components-button {
	display: inherit;
	display: block;
	width: 100%;
	margin: 0;
    padding: 11px 40px;
	background: var(--main-color-lightblue);
	color: #fff;
    font-weight: 700;
    font-size: 18px;
	text-align: center;
	border-color: var(--main-color-lightblue);
    border-radius: 30px;
}
input[type=submit]:hover, button, a.components-button:hover {
	background: var(--main-color-blue);
	border-color: var(--main-color-blue);
	cursor: pointer;
}





/* Global classes */

.left { float: left; }
.right { float: right; }

.text-center { text-align: center; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.text-uppercase { text-transform: uppercase; }
.text-lowercase { text-transform: lowercase; }
.text-capitalize { text-transform: capitalize; }



.position-relative {
	position: relative;
}

.align-items-flex-start {
	align-items: flex-start;
}

.align-items-flex-end {
	align-items: flex-end;
}



.fluid {
	width: 100%;
	float: left;
}

.container {
	max-width: 1638px;
	margin: 0 auto;
	padding: 0 15px;
}



/* --- Text */

span.intro {
    color: var(--main-color-blue);
	font-weight: 600;
	font-size: 19px;
	line-height: 30px;
}



/* --- Buttons */

a.button, button.button, span.button {
    display: inline-block;
    padding: 13px 25px;
	background: #eef2f5;
	color: var(--main-color-lightblue);
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	text-align: center;
	text-decoration: none;
	border: 0;
    border-radius: 100px;
	cursor: pointer;
    transition: all 0.15s ease-in-out;
}

a.button:hover, button.button:hover, span.button:hover {
	background: #dce3e8;
}



a.button.primary, button.button.primary, span.button.primary {
	background: var(--main-color-lightblue);
	color: #fff;

}

a.button.primary:hover, button.button.primary:hover, span.button.primary:hover {
	background: #1eaeeb;
}



a.button.secondary, button.button.secondary, span.button.secondary {
	background: var(--main-color-blue);
	color: #fff;
}

a.button.secondary:hover, button.button.secondary:hover, span.button.secondary:hover {
	background: #3c3089;
}



a.button.tertiary, button.button.tertiary, span.button.tertiary {
	background: var(--main-color-orange);
	color: #fff;
}

a.button.tertiary:hover, button.button.tertiary:hover, span.tertiary.outline:hover {
	background: #f28424;
}



a.button.small {
	padding: 6px 15px;
}



a.button i, button.button i, span.button i {
	margin: -4px 10px 0 0;
	font-size: 18px;
	vertical-align: middle;
	transition: margin 0.15s ease-in-out;
}

a.button:hover i, button.button:hover i, span.button:hover i {
	margin-right: 15px;
}



a.button.icon-right i, button.button.icon-right i, span.button.icon-right i {
	margin: -4px 0 0 10px;
}

a.button.icon-right:hover i, button.button.icon-right:hover i, span.button.icon-right:hover i {
	margin-right: 0;
	margin-left: 15px;
}



.arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	color: var(--main-color-orange);
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	border-radius: 20px;
	transition: all 0.2s;
}



/* --- Checks */

ul.checks {
	margin-left: 0!important;
}

ul.checks li {
	padding-left: 28px;
	background: url(img/check.png) left center/18px no-repeat;
	list-style: none!important;
}



/* --- Pagination */

#pagination {
	margin-top: 30px;
	text-align: center;
}



/* --- Block */

.block {
    display: block;
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.block .image, .block .image img {
    float: left;
    width: 100%;
}

.block .content {
    float: left;
    width: 100%;
    padding: 20px 30px;
}

.block input[type=text], .block input[type=number], .block input[type=email], .block input[type=tel], .block input[type=password], .block textarea, .block select, .block button {
	background: #eef2f5;
	border: 1px solid #eef2f5;
}
.block input[type=text]:focus, .block input[type=number]:focus, .block input[type=email]:focus, .block input[type=tel]:focus, .block input[type=password]:focus, .block textarea:focus, .block select:focus, .block button:focus {
	background: transparent;
}



.block #posts {}

.block #posts .mini-post {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #dfdde9;
	transition: background 0.2s;
}
.block #posts .mini-post:first-child {
	border-top: 1px solid #dfdde9;
}
.block #posts .mini-post:hover {
	background: #eef2f5;
}

.block #posts .mini-post .image {
	float: left;
	width: 130px;
	border-radius: 12px;
	overflow: hidden;
}

.block #posts .mini-post .image img {
	float: left;
	width: 100%;
}

.block #posts .mini-post .content {
	float: left;
	width: calc(100% - 130px);
	padding: 0 0 0 15px;
}

.block #posts .mini-post .content h6 {
	margin-bottom: 20px;
	font-weight: 600;
}

.block #posts .mini-post .content h6 a {
	color: var(--main-color-lightblue);
}

.block #posts .mini-post .content span {
	color: var(--main-color-blue);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}



/* --- Date */

.date {
	color: var(--main-color-blue);
	font-weight: 600;
	font-size: 13px;
	text-transform: uppercase;
}



/* --- Tags */

.tags {
	margin: 0 0 20px 0!important;
    list-style: none;
}

.tags li {
    display: inline-block;
	margin: 0 10px 10px 0;
    padding: 0 10px;
    background: #dfdde9;
	color: #000;
	font-size: 13px;
	line-height: 26px;
    border-radius: 3px;
}



/* --- Accordion */

.accordion {
	float: left;
	width: 100%;
	margin: 0!important;
    padding-bottom: 40px;
}

.accordion > li {
	float: left;
	width: 100%;
	margin: 0 0 20px!important;
	padding: 0 30px;
	background: #fff;
	list-style: none!important;
	border-radius: 24px;
}
.accordion > li.open {
	background: var(--main-color-orange);
	color: #fff;
}

.accordion > li .accordion-control {
	position: relative;
	padding: 33px 85px 33px 0;
	border: none;
	cursor: pointer;
}
.accordion > li .accordion-control:before {
	position: absolute;
	top: 20px;
	right: 0;
	display: block;
	width: 55px;
	height: 55px;
	background: var(--main-color-orange) url(img/plus.png) center/16px no-repeat;
	border-radius: 30px;
	content: " ";
	transition: background 0.2s;
}
.accordion > li:hover .accordion-control:before {
	background-color: var(--main-color-blue);
}

.accordion > li.open .accordion-control {}
.accordion > li.open .accordion-control:before {
	background: #fff url(img/minus.png) center/16px 2.5px no-repeat;
}

.accordion > li .accordion-control h4 {
	margin-bottom: 0;
    color: var(--main-color-lightblue);
    transition: color 0.2s;
}
.accordion > li:hover .accordion-control h4 {
    color: var(--main-color-blue);
}

.accordion > li.open .accordion-control h4 {
	color: #fff;
}

.accordion > li .accordion-panel {
	display: none;
	padding-bottom: 25px;
}

.accordion > li .accordion-panel a {
	color: #fff!important;
}



/* --- Form */

/*
.gform_wrapper.gravity-theme h2 {
    font: 600 12px/18px 'neue-haas-grotesk-display', sans-serif!important;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.gform_wrapper.gravity-theme h4 {
	font-size: 21px;
	margin-top: 15px;
}
*/

.gform_wrapper.gravity-theme .gform_heading, .gform_wrapper.gravity-theme .gform_page_heading {
	display: none;
}

.gform_wrapper.gravity-theme .gfield_label {
	font-size: 18px!important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label, .gform_wrapper.gravity-theme .gfield_radio label, .gform_wrapper.gravity-theme .gfield_consent_label {
	font-weight: 600;
	font-weight: 400;
	font-size: 16px!important;
    text-transform: none!important;
}

.gform_wrapper.gravity-theme .gsection {
	padding: 0!important;
	border-bottom: 0!important;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local], .gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month], .gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search], .gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time], .gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select, .gform_wrapper.gravity-theme textarea {
	padding: 11px 20px!important;
    font-size: 18px!important;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0!important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer {
	margin: 20px 0 0!important;
	padding: 0!important;
}

.gform_wrapper.gravity-theme .gfield-choice-input+label {
    vertical-align: top!important;
}



@media only screen and (max-width: 641px) {

	.gform_wrapper.gravity-theme input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
		min-height: 0!important;
		line-height: 21px!important;
	}

}



/* --- Grid Builder */

.wpgb-facet .wpgb-inline-list {
	margin: 0!important;
	list-style: none!important;
}

.wpgb-facet .wpgb-inline-list li {
	list-style: none!important;
}

.wpgb-facet .wpgb-hierarchical-list {
	margin: 0!important;
}



.wpgb-facet .wpgb-input-icon {
	display: none;
}



.wpgb-facet ul .wpgb-button {
	min-height: 28px!important;
}

.wpgb-facet .wpgb-button[aria-pressed="true"] {
	background-color: #948fb6!important;
	color: var(--main-color-blue)!important;
	border-color: #948fb6!important;
}

.wpgb-facet .wpgb-button-label {
	font-size: 14px!important;
}

.wpgb-facet .wpgb-checkbox-label {
	font-size: 17px!important;
}

.wpgb-facet .wpgb-selection-facet .wpgb-button-control:before, .wpgb-facet .wpgb-selection-facet .wpgb-button-control:after {
	background: var(--main-color-blue)!important;
}



.wpgb-facet .wpgb-input, .wpgb-facet .wpgb-select, .wpgb-facet .wpgb-button:not(button), .wpgb-facet .wpgb-radio .wpgb-radio-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control, .wpgb-facet .wpgb-checkbox .wpgb-checkbox-control:before {
	border-color: #948fb6!important;
}



.wpgb-facet select.wpgb-select, .wpgb-facet .wpgb-search-facet input[type="search"], .wpgb-facet .wpgb-autocomplete-facet input[type="search"] {
	height: 54px!important;
	min-height: 54px!important;
	margin: 0!important;
	padding: 11px 20px!important;
	font-size: 18px!important;
	line-height: 30px!important;
	border-width: 1px!important;
	border-radius: 27px!important;
}

.wpgb-facet select.wpgb-select {
	height: 31px!important;
	min-height: 31px!important;
}

.wpgb-facet select.wpgb-select+.wpgb-select-controls {
	display: none!important;
}

.wpgb-facet .wpgb-search-facet input[type="search"], .wpgb-facet .wpgb-autocomplete-facet input[type="search"] {
	background: #fff!important;
	color: #000!important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox-control {
	border-width: 1px!important;
}

.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control {
	border-color: #fff!important;
	background-color: #fff!important;
}
.wpgb-facet .wpgb-checkbox-facet .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control:after {
	border-color: var(--main-color-lightblue)!important;
}



.wpgb-facet button.wpgb-button {
	width: 100%;
	margin: 0 0 20px!important;
	padding: 11px 40px!important;
	font-weight: 700!important;
	line-height: 28px!important;
	border-radius: 27px!important;
}
.wpgb-facet .wpgb-reset {
	background-color: #948fb6!important;
}



.wpgb-facet .wpgb-pagination {
	margin: 0 auto!important;
}

.wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover {
	padding: 0 22px!important;
	background: #fff;
	color: var(--main-color-blue);
	font-size: 20px!important;
	line-height: 55px!important;
	border-radius: 28px;
}
.wpgb-facet .wpgb-pagination li a[aria-current] {
	background: var(--main-color-blue);
	color: #fff!important;
}

.wpgb-facet .wpgb-pagination li span {
	line-height: 55px;
}



/* --- Cover */

.cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* --- Video */

.video-container {
    position: relative;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 56.25%;
    padding-top: 30px;
    padding-top: 0;
	background: #000;
	border-radius: 12px;
    overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* --- Search */

.search-highlight {
	background: #efd8c4;
}

p .search-highlight {
	font-weight: 700;
}



/* --- Slider */

.flickity-button {
	padding: inherit;
	background: #fff!important;
	color: var(--main-color-lightblue)!important;
	box-shadow: 0 0 15px 0 rgba(22, 48, 77, 0.15);
}
.flickity-button:disabled {
	display: none;
}

.flickity-prev-next-button {
	width: 55px!important;
	height: 55px!important;
}

.flickity-prev-next-button .flickity-button-icon {
	top: 31%!important;
	left: 31%!important;
	width: 38%!important;
	height: 38%!important;
}

.flickity-prev-next-button.previous {
	left: -27px!important;
}

.flickity-prev-next-button.next {
	right: -27px!important;
}



/*
.flickity-page-dots {
	margin: 0!important;
	bottom: 30px!important;
}

.flickity-page-dots .dot {
	width: 10px!important;
	height: 10px!important;
	margin: 0 6px!important;
	background: #f2f1ec!important;
	border-radius: 0!important;
	opacity: 1!important;
}

.flickity-page-dots .dot.is-selected {
	background: #000!important;
}
*/





/* Header */

#header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: #fff;
	font-weight: 700;
	font-size: 17px;
	line-height: 100px;
	z-index: 2;
	transition: all 0.2s;
	box-shadow: 0 0 8px #0000001a;
}



#spacer {
	width: 100%;
	height: 100px;
}



#logo {
	display: inline-block;
}

#logo img {
	vertical-align: middle;
}



/* --- Nav */

.nav {}

.nav ul {}

.nav ul li {
	display: inline-block;
}
.nav ul li:not(.megamenu) {
	position: relative;
}

.nav ul li a {
	position: relative;
	display: block;
	padding: 0 12px;
	color: var(--main-color-blue);
}
.nav ul li:not(.icon):not(.language):not(.search) a:hover {
	background-color: var(--main-color-lightblue);
	color: #fff;
}

.nav ul li.icon a:hover {
	color: var(--main-color-lightblue);
}

.nav ul li.icon.cart a {
	padding-right: 5px;
}

.nav ul li span {
	display: inline-block;
	min-width: 20px;
	height: 20px;
	margin-top: -20px;
	margin-left: -10px;
	padding: 0 6px;
	background: var(--main-color-orange);
	color: #fff;
	font-size: 12px;
	line-height: 20px;
	text-align: center;
	border-radius: 10px;
	vertical-align: middle;
}

.nav > ul > li.menu-item-has-children:not(.icon) > a {
	padding: 0 30px 0 15px;
	background-image: url(img/chevron-down.png);
	background-position: right 15px top 49px;
	background-size: 11px 6px;
	background-repeat: no-repeat;
}
.nav > ul > li.menu-item-has-children:not(.icon) > a:hover {
	background-image: url(img/chevron-down-hover.png);
}


.nav ul li.search {
	margin-left: 17px;
}

.nav ul li.search a.toggle-search {
	padding: 0;
	background: none;
	color: var(--main-color-blue);
}

.nav ul li.search a.toggle-search span {
	display: block;
	width: 40px;
	height: 40px;
	background: var(--main-color-orange);
	color: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	transition: background 0.2s;
}
.nav ul li.search a.toggle-search:hover span {
	background: var(--main-color-lightblue);
}





.nav ul li.language {
	position: relative;
	margin-left: 17px;
}

.nav ul li.language span {
	display: block;
	width: 40px;
	height: 40px;
	margin: 0;
	background: #eef2f5;
	line-height: 40px;
	text-align: center;
	border-radius: 20px;
	transition: background 0.2s;
}
.nav ul li.language:hover span {
	border-radius: 20px 20px 0 0;
	background: var(--main-color-lightblue);
}

.nav ul li.language a {
	padding: 0;
}

.nav ul li.language ul {
	position: absolute;
	top: 40px;
	left: 0;

	display: none;
	width: 40px;
	min-height: 40px;
	background: #fff;
	line-height: 40px;
	text-align: center;
	border-radius: 0 0 20px 20px;
	box-shadow: 0 0 8px #0000001a;
}
.nav ul li.language:hover ul {
	display: initial;
}



/* --- Subnav */

.nav ul li ul {
	position: absolute;
	top: 100px;
	left: 0;

	display: none;
	width: 250px;
	height: auto;
	padding: 0;
	background: var(--main-color-lightblue);

	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	text-align: left;
	text-transform: none;
	overflow: hidden;
}
.nav ul li:hover ul {
	display: initial;
}

.nav ul li ul li {
	margin-left: 0;
}
.nav ul li:not(.megamenu) ul li {
	display: block;
	width: 100%;
}

.nav ul li ul li a {
	display: block;
	padding: 14px 20px;
	color: #fff;
}
.nav ul li ul li a:hover {
	background: var(--main-color-blue)!important;
	color: #fff;
}



/* --- Mega menu */

.nav ul li.megamenu ul {
	width: 100%;
	text-align: center;
}

.nav ul li.megamenu  ul li a {
	padding: 19px 20px;
}



/* --- Mobile nav */

.nav.mobile {
	position: absolute;
	top: 0;
	right: 59px;
	display: none;
}

.nav.mobile ul {}

.nav.mobile ul li {
    margin-left: 20px;
}



/* --- Menu */

#toggle-menu {
    display: none;
	position: absolute;
	top: 38px;
	right: 20px;
	width: 24px;
	height: 24px;
	color: var(--main-color-blue);
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	cursor: pointer;
	z-index: 3;
	pointer-events: auto;
}

#toggle-menu span {
	position: absolute;
	left: 0;
	display: block;
	width: 24px;
	height: 2px;
	background: var(--main-color-blue);
	opacity: 1;
	transform: rotate(0deg);
	transition: .25s ease-in-out;
}
#toggle-menu span:nth-child(1) {
	top: 7px;
}
#toggle-menu span:nth-child(2) {
	top: 15px;
}
#toggle-menu.open span:nth-child(1) {
	top: 11px;
	transform: rotate(45deg);
}
#toggle-menu.open span:nth-child(2) {
	top: 11px;
	transform: rotate(-45deg);
}



#menu {
	display: none;
}



/* --- Search */

#search {
    display: none;
    position: fixed;
    top: 100px;
    left: 0;
	width: 100%;
    padding: 40px 0;
    background: var(--main-color-blue);
	z-index: 2;
}

#search ::placeholder {
	color: #000;
	opacity: 1;
}

#search :-ms-input-placeholder {
	color: #000;
}

#search ::-ms-input-placeholder {
	color: #000;
}



#search form {
	overflow: hidden;
}

#search form input {
	float: left;
	width: calc(100% - 64px);
	margin: 0 10px 0 0;
	padding: 12px 20px;
	background: #fff;
	color: #000;
	font-size: 18px;
	border: 0;
}

#search form input[type=submit] {
	width: 54px;
	height: 54px;
	margin: 0;
	background: var(--main-color-orange) url(img/magnifying-glass-solid.svg) center/16px no-repeat;
	color: #fff;
	transition: all 0.2s;
}
#search form input[type=submit]:hover {
	background-color: var(--main-color-lightblue);
}





/* Breadcrumbs */

#breadcrumbs {
	padding: 53px 0;
	color: var(--main-color-blue);
	font-size: 14px;
	line-height: 24px;
}

#breadcrumbs ul {
	margin: 0!important;
}

#breadcrumbs ul li {
	display: inline-block;
	margin-right: 8px;
	padding-left: 16px;
	background: url(img/breadcrumbs-li.png) left 7px/6px 11px no-repeat;
}
#breadcrumbs ul li:first-child {
	padding-left: 0;
	background: none;
}

#breadcrumbs ul li a {
	color: var(--main-color-lightblue);
}
#breadcrumbs ul li a:hover {
	color: var(--main-color-orange);
}



/* Archiefpagina's */

section#archive-intro {
    padding: 0 0 60px;
}




/* Content */

#content {
	float: left;
	width: 100%;
	/* padding: 60px 0; */
	padding-bottom: 100px!important;
	background: url(img/bg-bottom.png) center bottom/18px 475px repeat-x;
}



#content p {}

#content p a:not(.button) {
    color: var(--main-color-lightblue);
}



#content img {}



#content blockquote {
	position: relative;
	display: inline-block;
	margin: 40px 0 70px;
    padding: 5px 0 0 60px;
	background: url(img/blockquote.png) left top/39px 31px no-repeat;
	color: var(--main-color-blue);
	font-weight: 700;
	font-size: 22px;
	line-height: 34px;
}
#content blockquote:last-child {
	margin: 40px 0 0;
}



#content ul, #content ol {
	margin: 0 0 20px 20px;
}

#content ul li {
	list-style-type: disc;
}

#content ol li {
	list-style-type: decimal;
}



#content .table-wrap {
	width: 100%;
	overflow-x: scroll;
}

#content table {
    width: 100%;
    font-size: 16px;
    text-align: left;
    table-layout: auto;
    border-collapse: collapse;
    border-spacing: 1px;
    border: 0;
}

#content table th, #content table td {
    padding: 10px 15px;
    vertical-align: middle;
}

#content table td img{
    max-width: 80px;
}

#content table th, #content table thead td {
    background-color: var(--main-color-lightblue);
    color: #fff;
    font-weight: 600;
}
#content table th:first-child, #content table thead td:first-child {
    border-radius: 5px 0 0 5px;
}
#content table th:last-child, #content table thead td:last-child {
    border-radius: 0 5px 5px 0;
}

#content table td {
    color: #000;
    border-bottom: 1px solid #a7bdcd;
}

#content table thead td {
	border-bottom: 0;
}

#content table td a:not(.button) {
    color: var(--main-color-lightblue);
    text-decoration: underline;
}
#content table td a:not(.button):hover {
    text-decoration: none;
}

#content table td a.button {
    padding: 6px 15px;
    font-size: 16px;
    border: 1px solid #009FE3;
}



#content #main {}

#content #main .date {
	display: inline-block;
	margin-bottom: 40px;
}



#content #side {
	--grid-gutter: 30px;
}

#content #side .block {
	padding: 40px 0 50px;
}

#content #side .sticky {
	position: sticky;
	top: 228px;
	bottom: 0;
}

#content #side .block h3 {
	margin: 0 0 20px 20px;
}

#content #side .block #posts {
	margin-bottom: 30px;
}

#content #side .block a.button {
	width: 100%;
}





/* Pagebuilder */

section {
	padding: 120px 0;
}
section:first-child {
    padding-top: 60px;
}
section:last-child {
    padding-bottom: 0;
}





section.same-bg-as-prev {
	padding: 0 0 120px;
}
section.same-bg-as-prev:last-child {
	padding-bottom: 0;
}





section .title {
    margin-bottom: 40px;
}

section .title .button {
    font-size: 14px;
    line-height: 22px;
}

section .title .button i {
	font-size: 14px;
}





section.contentrow {
	padding-bottom: 60px;
}

section.contentrow.custom-background {
	padding-bottom: 120px;
}

section#breadcrumbs + section.contentrow {
	padding-top: 0;
}

section#breadcrumbs + section.contentrow.custom-background {
	padding-top: 120px;
}

section.contentrow.text {}
section.contentrow.text-text {}
section.contentrow.img-img {}
section.contentrow.text-img {}
section.contentrow.img-text {}

section.contentrow.text .col-12{
    overflow: hidden;
}

section.contentrow.text-text.has-block {}

section.contentrow.text-text.has-block .container {
	max-width: 1718px;
}

section.contentrow.img-img img, section.contentrow.text-img img, section.contentrow.img-text img {
	border-radius: 20px;
}



section.contentrow a.button {
    margin: 0 15px 20px 0;
}
section.contentrow a.button:last-of-type {
    margin-bottom: 0;
}

section.contentrow .title a.button {
    margin: 0;
}

section.contentrow .block {}

section.contentrow .block .content {
	padding: 45px 50px 50px;
}





section.contentrow.has-index {
    padding: 100px 0;
    background: #fff;
}

section#breadcrumbs + section.contentrow.has-index {
	padding-top: 100px;
}

section.contentrow.has-index .index {
    position: sticky;
    top: 240px;
    bottom: 0;
}

section.contentrow.has-index .index h4 {
    margin-bottom: 30px;
}

section.contentrow.has-index .index ul {
    margin: 0!important;
}

section.contentrow.has-index .index ul li {
    list-style-type: none!important;
}
section.contentrow.has-index .index ul li a {
	display: block;
	padding: 15px;
	border-bottom: 1px solid #eef2f5;
	border-left: 4px solid #fff;
}
section.contentrow.has-index .index ul li a:hover {
    color: var(--main-color-lightblue);
}

section.contentrow.has-index .index ul li.active {}

section.contentrow.has-index .index ul li.active > a {
    color: #afca0b;
	border-left-color: #afca0b;
}





section.contentrow.has-backgroundimage {
	position: relative;
	padding: 240px 0 120px;
	background-color: var(--main-color-blue);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

section#breadcrumbs + section.contentrow.has-backgroundimage {
	padding-top: 240px;
}

section.contentrow.has-backgroundimage .cover {
	background: url(img/cover.png) center/cover no-repeat;
}

section.contentrow.has-backgroundimage .container {
	position: relative;
	z-index: 1;
}

section.contentrow.has-backgroundimage .content {
	padding: 55px 50px 40px;
}

section.contentrow.has-backgroundimage .content .gallery {}

section.contentrow.has-backgroundimage .content .gallery .gallery-item {
	box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}





section.contentslider {
	padding: 120px 0 100px;
    background: var(--main-color-lightblue);
}
section.contentslider.same-bg-as-prev {
	padding: 0 0 100px;
}

section.contentslider .title {
	margin-bottom: 20px;
}

section.contentslider .title h2 {
    color: #fff;
}

section.contentslider .slide {
	width: calc(25% - 15px);
    margin: 0 10px;
	margin: 20px 10px;
}

section.contentslider .slide .block {}

section.contentslider .slide:hover .block {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

section.contentslider .slide .block .image {}

section.contentslider .slide .block .image img {
	float: left;
}

section.contentslider .slide .block .content {}

section.contentslider .slide .block h6 {
	margin-bottom: 35px;
	text-transform: uppercase;
	transition: all 0.2s;
}

section.contentslider .slide .block .content .arrow {
	right: 30px;
	bottom: 15px;
}

section.contentslider .slide:hover .block .content .arrow {
	right: 20px;
}





section.newsslider {
	padding: 120px 0 100px;
}
section.newsslider.same-bg-as-prev {
	padding: 0 0 100px;
}

section.newsslider .title {
	margin-bottom: 20px;
}

section.newsslider .title h2 {}

section.newsslider .slide {
	width: calc(25% - 15px);
    margin: 0 10px;
    margin: 20px 10px;
}

section.newsslider .slide .block {}
section.newsslider .slide:hover .block {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

section.newsslider .slide .block .image {}

section.newsslider .slide .block .image img {
	float: left;
}

section.newsslider .slide .block .content {}

section.newsslider .slide .block .content h6 {
	margin-bottom: 35px;
	text-transform: uppercase;
    transition: all 0.2s;
}

section.newsslider .slide .block .content .date {
	position: absolute;
	bottom: 20px;
}

section.newsslider .slide .block .content .arrow {
	right: 30px;
	bottom: 15px;
}

section.newsslider .slide:hover .block .content .arrow {
	right: 20px;
}





section.quicklinks {}

section.quicklinks .title {}

section.quicklinks .title h2 {}

section.quicklinks .quicklink {
	position: relative;
	width: calc(25% - 15px);
	margin: 0 10px;
	margin: 20px 10px;
    /*
	position: relative;
    margin-bottom: 20px;
	*/
    border-radius: 12px;
    overflow: hidden;
	transition: box-shadow 0.2s;
}
section.quicklinks .quicklink:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

section.quicklinks .quicklink .block {
	height: 100%;
	border-radius: 12px;
}

section.quicklinks .quicklink .block .image {}

section.quicklinks .quicklink .block .image img {
	float: left;
}

section.quicklinks .quicklink .block .content {
	/* padding: 20px 30px 65px; */
}

section.quicklinks .quicklink .block .content h6 {
	margin-bottom: 5px;
	text-transform: uppercase;
	transition: all 0.2s;
}

section.quicklinks .quicklink .block .content .arrow {
	right: 30px;
	bottom: 15px;
}

section.quicklinks .quicklink:hover .block .content .arrow {
	right: 20px;
}





section.publications {
	padding: 120px 0 100px;
}
section.publications.same-bg-as-prev {
	padding: 0 0 100px;
}

section.publications .title {
	margin-bottom: 70px;
}

section.publications .title h2 {}

section.publications .publication {
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 20px;
	transition: box-shadow 0.2s;
}
section.publications .publication:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

/*
section.publications .publication .block {
	position: relative;
	overflow: visible;
}
section.publications .publication .block::after {
	content: "";
	clear: both;
	display: table;
}

section.publications .publication:hover .block {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}
*/

section.publications .publication .block .image {
	float: left;
	width: 23.5%;
	/*
	margin: -30px 0 0 30px;
	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.15);
	border-radius: 6px;
	overflow: hidden;
	transition: margin 0.2s;
	*/
	border-right: 1px solid #dfdde9;
}
/*
section.publications .publication:hover .block .image {
	margin-top: -40px;
}

section.publications .publication .block .image img {
	float: left;
}
*/

section.publications .publication .block .content {
	float: left;
	/* width: calc(76.5% - 30px); */
	width: 76.5%;

	padding: 40px 30px 15px;
}

section.publications .publication .block .content h6 {
	/* margin-bottom: 20px; */
	margin-bottom: 0;
	text-transform: uppercase;
}

section.publications .publication .block .content span.date {
	display: inline-block;
	margin-bottom: 10px;
}

section.publications .publication .block .content .tags {
	margin: 0!important;
}

section.publications .publication .block .content .arrow {
	right: 30px;
	/* bottom: 15px; */
	bottom: 40px;
}
section.publications .publication:hover .block .content .arrow {
	/* right: 20px; */
	background: var(--main-color-orange);
	color: #fff;
}





section.logoslider {}

section.logoslider .title {}

section.logoslider .title h2 {}

section.logoslider .slide {
	width: calc(25% - 15px);
	margin: 0 10px;
}

section.logoslider .slide .block {
	height: 100%;
	padding: 30px;
	text-align: center;
}

section.logoslider .slide .block img {
	width: 100%;
	max-width: 190px;
	height: 100%;
	max-height: 120px;
	margin: 0 auto;
	vertical-align: middle;
}





/* Page elements */

/* --- Page title */

#title {
	font-weight: 700;
	font-size: 20px;
	line-height: 30px;
	color: var(--main-color-blue);
}

#title span {
	color: var(--main-color-orange);
}


/* --- Filters */

#filters {
	padding-bottom: 30px;
	border-radius: 20px;
	background: var(--main-color-blue);
	color: #fff;
}

#filters h6 {
	margin-bottom: 15px;
	color: var(--main-color-lightblue);
}

#filters .filter {
	padding: 30px 30px 0;
}

#filters .filter.collapsable {
	border-top: 1px solid #948fb6;
}


/* --- Share buttons */

#share {
	margin-top: 95px;
}

#share h6 {
	margin-bottom: 30px;
	font-weight: 600;
}

#share ul {
	margin: 0;
}

#share ul li {
	display: inline-block;
	margin-right: 16px;
	list-style: none;
}

#share ul li a {
	display: block;
	width: 55px;
	height: 55px;
	background: var(--main-color-lightblue);
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 55px;
	border-radius: 55px;
	transition: all 0.15s ease-in-out;
}
#share ul li a:hover {
	background: var(--main-color-blue);
	color: #fff;
}





/* Pages */

/* --- Home */

#home-intro {}


#home-text {}


#home-buttons {
	position: relative;
	margin: 50px 0 65px;
	background: var(--main-color-blue);
	z-index: 1;
}

#home-buttons .content {
	padding: 0;
}

#home-buttons .content .home-button {
	padding: 30px 35px 35px;
	color: #fff;
	font-size: 16px;
	line-height: 24px;
	border-right: 1px solid #dbecf4;
	border-right: 1px solid #4e4492;
	transition: background 0.2s;
}
#home-buttons .content .home-button:nth-child(3) {
	border: 0;
}
#home-buttons .content .home-button:hover {
	background: var(--main-color-lightblue);
}


#home-buttons .content .home-button i {
	margin-bottom: 10px;
	height: revert-layer;
	font-size: 30px;
	color: var(--main-color-lightblue);
}
#home-buttons .content .home-button:hover i {
	color: #fff;
}

#home-buttons .content .home-button h2 {
	margin-bottom: 3px;
	color: var(--main-color-lightblue);
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
}
#home-buttons .content .home-button:hover h2 {
	color: #fff;
}



#featured-post {
	position: relative;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

#featured-post .cover {
	background: transparent url(img/featured-post-bg.png) center bottom/10px 437px repeat-x;
	opacity: 1;
}

#featured-post .content {
	position: relative;
	padding: 320px 30px 50px;
	z-index: 1;
}

#featured-post .content h3 {
	margin: 0;
	color: #fff;
}

#featured-post .content .arrow {
	right: 40px;
	bottom: 40px;
}

#featured-post:hover .content .arrow {
	right: 30px;
}



/* --- News */

#posts {}



#posts .post {
	margin-bottom: 20px;

	position: relative;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	transition: box-shadow 0.2s;
}

#posts .post:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

#posts .post .block {
	/* position: relative; */
}

#posts .post:hover .block {
	box-shadow: none!important;
}



#posts .post .block .image {
	position: relative;
}

#posts .post .block .image img {
	float: left;
}

#posts .post .block .image .cover {}

#posts .post .block .content {
	/* min-height: 161px; */
	padding: 20px 30px;
}

#posts .post .block .content h6 {
	min-height: 54px;
	margin-bottom: 35px;
	text-transform: uppercase;
	transition: color 0.2s;
}

#posts .post .block .content .date {
	position: absolute;
	bottom: 20px;
}

#posts .post .block .content .arrow {
	right: 40px;
	right: 30px;
	bottom: 30px;
	bottom: 15px;
}


/* ------ Hover */

#posts .post .block {
	transition: box-shadow 0.2s;
}

#posts .post:hover .block {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

#posts .post:hover .block .image .cover {
	opacity: 0.5;
}

#posts .post:hover .block .content .arrow {
	right: 30px;
	right: 20px;
}



/* --- Courses */

#posts.courses {}

#posts.courses .post.course {}

#posts.courses .post.course .block {}

#posts.courses .post.course .block .content {
	padding: 25px 30px 30px;
}

#posts.courses .post.course .block .content h6 {
	min-height: 0;
	margin-bottom: 20px;
}

#posts.courses .post.course .block .content .tags {
	margin: 0 0 40px 0!important;
}

#posts.courses .post.course .block .content p.price {
	color: var(--main-color-orange);
	font-size: 18px;
}

#posts.courses .post.course .block .content .button {
	padding: 6px 25px;
	font-size: 16px;
	text-align: left;
	transition: width 0.2s;
}


/* ------ Hover */

#posts.courses .post.course:hover .block .content .button {
	width: ;
}


/* --- Tools */

.tool-detail-img{
    float: right;
    border-radius: 50%;
}

.block.tool{
    background-color:#009FE3;
    padding: 15px 0 !important;
    margin-top: 30px;
}

.block.tool #posts .mini-post{
    border: none;
}

#content #side .block.tool #posts{
    margin: 0px;
}

.block.tool #posts .mini-post .content h6{
    color: #fff;
    margin-bottom: 0px;
}

.block.tool #posts .mini-post .content p{
    color: #fff;
    font-size: 14px;
    line-height: 21px;
    margin-bottom: 5px;
}

.block.tool #posts .mini-post .content span{
    background-color: #fff;
    padding: 5px 15px;
    text-transform: inherit;
    font-size: 13px;
    border-radius: 3px;
    font-weight: 400;
}


.block.tool #posts .mini-post:hover{
    background-color: transparent;
}

.block.tool:hover{
    background-color:#2B519A;
}



/* --- Publications */

#publications-filter {}

#publications-filter fieldset {
	margin-bottom: 20px;
}

#posts.publications {}

#posts.publications .post.publication {
	position: relative;
	margin-bottom: 20px;
	background: #fff;
	border-radius: 20px;
	transition: box-shadow 0.2s;
}
#posts.publications .post.publication:hover {
	box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.15);
}

#posts.publications .post.publication .block {
	position: unset;
}

#posts.publications .post.publication .block .image {
	float: left;
	width: 23.5%;
	border-right: 1px solid #dfdde9;
}

#posts.publications .post.publication .block .content {
	float: left;
	width: 76.5%;
	padding: 30px 30px 15px;
}

#posts.publications .post.publication .block .content h6 {
	min-height: 0;
	margin-bottom: 0;
}

#posts.publications .post.publication .block .content span.date {
	display: inline-block;
	margin-bottom: 10px;
}

#posts.publications .post.publication .block .content .tags {
	margin: 0!important;
}

#posts.publications .post.publication .block .content .arrow {
	right: 30px;
	bottom: 40px;
}


/* ------ Hover */

#posts.publications .post.publication:hover .block {
	box-shadow: none;
}

#posts.publications .post.publication:hover .block .content .arrow {
	background: var(--main-color-orange);
	color: #fff;
}


/* ------ Detail */

#publication-info {
	margin-bottom: 50px;
	color: var(--main-color-blue);
	font-size: 14px;
	line-height: 28px;
}

#publication-info span {
	display: inline-block;
	width: 60px;
}

#publication-info .button {
	width: 100%;
	margin: 5px 0;
	padding: 9px 25px;
}

#publication-image {
	border-radius: 24px;
	overflow: hidden;
}

#publication-image img {
	float: left;
	width: 100%;
}



/* --- Members */

#members-list {}

#members-list .member {
	margin-bottom: 20px;
}

#members-list .member .block {
	height: 100%;
	transition: box-shadow 0.2s;
}

#members-list .member .block .content {}

#members-list .member .block .content .logo {
	float: left;
	position: relative;
	width: 100%;
	height: 112px;
	margin-bottom: 40px;
}

#members-list .member .block .content .logo img {
	position: absolute;
	bottom: 0;
	left: 0;
	max-width: 195px;
	max-height: 112px;
}

#members-list .member .block .content h4 {}

#members-list .member .block .content h4 a {
	color: var(--main-color-light);
	transition: color 0.2s;
}

#members-list .member .block .content a {
	color: var(--main-color-light);
}

#members-list .member .block .content a i {
	margin-right: 5px;
	color: var(--main-color-lightblue);
	font-size: 16px;
	transition: margin 0.2s;
}
#members-list .member .block .content a:hover i {
	margin-right: 10px;
}


/* ------ Hover */

#members-list .member:hover .block{
	box-shadow: 0 0 10px 0 rgba(41,31,108,0.15);
}


/* ------ Detail */

#member-content {}

#member-content h2 {
	margin-top: 40px;
}

#member-content .accordion {
	margin-bottom: 50px!important;
}

#member-content .accordion > li .accordion-control h4 {
	color: var(--main-color-blue);
	text-transform: uppercase;
}

#member-content .accordion > li.open .accordion-control h4 {
	color: #fff;
}



#member-labels {
	margin-bottom: 30px;
	padding: 0!important;
	background: var(--main-color-lightblue);
}

#member-labels h4 {
	margin-left: 0!important;
	margin-bottom: 5px;
	color: var(--main-color-blue);
	text-transform: uppercase;
}

#member-labels ul {
	margin: 0;
}

#member-labels ul li {
	list-style: none;
}

#member-labels ul li i {
	color: #fff;
}

#member-labels .content {
	padding: 30px 30px 25px;
}



#member-info {
	margin-bottom: 50px;
	padding: 0!important;
	font-size: 16px;
	line-height: 26px;
}

#member-info .content {
	padding: 30px 30px 25px;
}

#member-info img {
	width: auto;
	max-height: 70px;
	margin-bottom: 20px;
}

#member-info .button {
	width: 100%;
	margin: 5px 0;
}



/* --- WooCommerce */

.woocommerce-error, .woocommerce-info, .woocommerce-message {
	background-color: #fff!important;
	border-radius: 12px;
}

.woocommerce-message {
	border-top-color: var(--main-color-blue)!important;
}
.woocommerce-message::before {
	color: var(--main-color-blue)!important;
}



.woocommerce form .form-row {
	padding: 0!important;
	margin: 0 0 20px!important;
	font-size: 14px;
}



.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button {
	background: var(--main-color-lightblue)!important;
	color: #fff!important;
	border-radius: 100px!important;
}

:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button {
	padding: 16px 15px!important;
}



.wc-block-components-main, .wc-block-components-sidebar {
	padding: 20px!important;
	background: #fff;
}

.wc-block-components-main {
	border-radius: 24px 0 0 24px;
	border-radius: 24px;
}

.wc-block-components-sidebar {
	margin-top: 0!important;
	border-radius: 0 24px 24px 0;
	border-radius: 24px;
}



.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
	color: var(--main-color-blue)!important;
	border: 1px solid #cfcdcd!important;
	border-radius: 0!important;
}
.wc-block-components-form .wc-block-components-text-input input[type=email]:focus, .wc-block-components-form .wc-block-components-text-input input[type=number]:focus, .wc-block-components-form .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-form .wc-block-components-text-input input[type=text]:focus, .wc-block-components-form .wc-block-components-text-input input[type=url]:focus, .wc-block-components-text-input input[type=email]:focus, .wc-block-components-text-input input[type=number]:focus, .wc-block-components-text-input input[type=tel]:focus, .wc-block-components-text-input input[type=text]:focus, .wc-block-components-text-input input[type=url]:focus {
	border-color: var(--main-color-green)!important;
	box-shadow: none!important;
}

.wc-block-components-form .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-form .wc-block-components-text-input.is-active input[type=email], .wc-block-components-form .wc-block-components-text-input.is-active input[type=number], .wc-block-components-form .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-form .wc-block-components-text-input.is-active input[type=text], .wc-block-components-form .wc-block-components-text-input.is-active input[type=url], .wc-block-components-text-input input:-webkit-autofill, .wc-block-components-text-input.is-active input[type=email], .wc-block-components-text-input.is-active input[type=number], .wc-block-components-text-input.is-active input[type=tel], .wc-block-components-text-input.is-active input[type=text], .wc-block-components-text-input.is-active input[type=url] {
	padding: 1.5em .75em .5em!important;
}

.wc-block-components-form .wc-block-components-text-input label, .wc-block-components-text-input label {
	top: 0!important;
	left: 1em!important;
	color: #75706e!important;
	font-size: 0.75em!important;
	overflow:visible!important;
}



.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input {
	padding: 1.5em .75em .5em!important;
	color: var(--main-color-blue)!important;
	border: 1px solid #cfcdcd!important;
	border-radius: 0!important;
}

.wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control label.components-base-control__label {
	top: 5px!important;
	left: 1em!important;
	color: #75706e!important;
	font-size: 0.75em!important;
}

.wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true], .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input:focus, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input[aria-expanded=true] {
	box-shadow: none!important;
	color: var(--main-color-blue)!important;
}



.wc-block-checkout__payment-method .wc-block-components-radio-control {
	border: 1px solid #cfcdcd!important;
	border-radius: 0!important;
}


.woocommerce table.my_account_orders .button {
    margin-right: 5px!important;
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid rgb(167 189 205)!important;
    border-bottom: 1px solid rgb(167 189 205)!important;
    background-color: hsla(0, 0%, 100%, 1) !important;
}

.woocommerce section {
    padding: 0!important;
}

.woocommerce-order-details.woocommerce-info.mollie-instructions {
    padding: 18px 10px 18px 55px !important;
    margin-top: 40px !important;
}


.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
    max-width: 48%;
}

.wp-block-woocommerce-checkout .wc-block-checkout__login-prompt {
    margin-top: -35px!important;
    background-color: #ed7003;
    padding: 3px 29px;
    border-radius: 20px;
}





/* --- General */

span.product-price {
	color: var(--main-color-orange);
}

span.product-price del {}



/* --- Overview */

.product {
	margin-bottom: 40px;
	background: #fff;
	border-radius: 20px;
}

/*
.product .image {
	float: left;
	width: 100%;
	position: relative;
	margin-bottom: 10px;
}

.product .image img {
	float: left;
	width: 100%;
}
*/

.product .content {
	float: left;
	width: 100%;
	padding: 20px 30px;
}

.product .content h3 {}

.product .content h3 a {
	color: var(--main-color-blue);
}



/* --- Detail */

table.variations {}

table.variations th {}

table.variations th label {
	color: #fff;
}

table.variations td {
	background: #eef2f5;
	border: 0!important;
}
table.variations td:last-child {
	border-radius: 0 5px 5px 0;
}

table.variations td select {
	margin: 0;
	background: #fff;
	border: 1px solid #fff;
}



.reset_variations {
	display: none;
}



body.single-product {}

body.single-product #content #side .block {
	padding: 0;
}

body.single-product #content #side .block h3 {
	margin: 0 0 20px 0;
}


body.single-product #content #side .block .table-wrap {
	margin: 20px 0;
}



.woocommerce-variation-price {
	margin-bottom: 20px;
	font-weight: 700;
	color: var(--main-color-orange);
}



#product-image {}



#product-content {}

#product-content form {
	margin: 40px 0;
	overflow: hidden;
}

#product-content form .quantity, #product-content form button.button {
	float: left;
}

#product-content form .quantity {}

#product-content form .quantity input {
	width: ;
	margin-right: 30px;
	padding: 9px 15px;
	background: transparent;
	border: 1px solid ;
	text-align: center;
}

#product-content form button.button {
	width: auto;
	padding: 16px 20px;
	background: ;
	color: ;
}



/* --- Cart & Checkout */

.wp-element-button {
	padding: 13px 25px;
	background: var(--main-color-lightblue);
	color: #fff;
	font-weight: 600;
	font-size: 18px;
	line-height: 28px;
	text-decoration: none;
	border: 0;
	border-radius: 100px;
	transition: all 0.15s ease-in-out!important;
}
.wp-element-button:hover {
	background: #1eaeeb;
}



ul.wc-block-components-product-details {
	margin: 0!important;
}

ul.wc-block-components-product-details li {
	color: #75706e;
	list-style-type: none!important;
}



.wc-block-components-product-metadata {
	display: ;
}

.wc-block-components-product-price {
	font-weight: 700;
	color: var(--main-color-orange);
}

.wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	min-width: 45px!important;
	font-weight: 400!important;
}

.wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	min-width: 45px!important;
	background: var(--main-color-blue)!important;
	color: #fff!important;
	opacity: 1!important;
}



.wc-block-components-totals-footer-item .wc-block-components-totals-item__label, .wc-block-components-totals-footer-item .wc-block-components-totals-item__value {
	font-size: 1em!important;
}



.editor-styles-wrapper table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link, table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	text-align: left;
}



:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button {
	margin: 0 5px!important;
}



.wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control .components-form-token-field__suggestions-list {
	border: 1px solid #cfcdcd!important;
	box-shadow: none!important;
	margin: 51px 0 0 !important;
}



@media screen and (min-width: 751px) {

	.wc-block-components-sidebar-layout .wc-block-components-main {
		width: calc(65% - 15px)!important;
		margin-right: 15px!important;
	}

	.wc-block-components-sidebar {
		width: calc(35% - 15px)!important;
		margin-left: 15px;
	}

}



/* --- Confirmation */

.woocommerce ul.order_details {
	margin-left: 0!important;
}

.woocommerce ul.order_details li {
	list-style: none!important;
}



.woocommerce-order-details:nth-of-type(2) {
	padding: 0;
}



.woocommerce ul.order_details li.date {
	color: inherit;
}



/* --- My account */

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
	background: #fff;
	border: 0!important;
	border-radius: 20px!important;
	min-height: 435px;
}

.woocommerce-privacy-policy-text {
	margin-bottom: 20px;
}


.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
	padding: ;
}



.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
	padding: 20px;
	background: #fff;
	border-radius: 24px;
}


.woocommerce-account .woocommerce-MyAccount-navigation {
	margin-bottom: 20px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul {
	margin: 0!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	list-style: none!important;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	display: block;
	padding: 10px 15px;
	color: var(--main-color-blue);
	border-radius: 12px;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover {
	background: #eef2f5;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a {
	background: var(--main-color-blue);
	color: #fff;
}


.woocommerce-account .woocommerce-MyAccount-content {
	padding: 40px 20px;
}

.woocommerce-account .woocommerce-MyAccount-content header {
	margin-bottom: 10px;
}

.woocommerce-account .woocommerce-MyAccount-content section:last-child {
	padding-bottom: 1em;
}

.woocommerce-account .woocommerce-MyAccount-content .col2-set .col-1, .woocommerce-account .woocommerce-MyAccount-content .col2-set .col-2 {
	flex: none;
	max-width: none;
	margin: 0;
}

.woocommerce-account .woocommerce-MyAccount-content .button {
	margin: 0!important;
}
.woocommerce-account .woocommerce-MyAccount-content .button:hover {}

.woocommerce-account .woocommerce-MyAccount-content .woocommerce-info {
	background: #eef2f5!important;
}


.woocommerce .woocommerce-customer-details address {
	border: 1px solid #cfcdcd!important;
	border-bottom-width: 2px!important;
	border-right-width: 1px!important;
	border-radius: 0!important;
}



/* --- Search results */

#results {
	float: left;
	width: 100%;
	margin-bottom: 40px;
}

#results .result {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #dfdde9;
}

#results .result h2 {}

#results .result h2 a {
	color: var(--main-color-orange);
}





/* Footer */

#footer {
	/* padding: 100px 0 0; */
	padding: 0;
}

#footer .container {
	position: relative;
	padding: 100px 15px 70px;
	background: var(--main-color-blue);
    color: #fff;
	font-size: 17px;
	line-height: 38px;
	z-index: 1;
}

#footer h5 {
    margin-bottom: 5px;
    color: var(--main-color-lightblue);
    font-weight: 700;
    font-size: 14px;
	text-transform: uppercase;
}

#footer a {}
#footer a:not(.button) {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}
#footer a:not(.button):hover {
	color: var(--main-color-orange);
}



#footer ul:not(#socials) {
    line-height: 38px;
}

#footer ul:not(#socials) li {
	transition: padding 0.2s;
}
#footer ul:not(#socials) li:hover {
	padding-left: 3px;
}



#footer ul#socials {
	float: left;
	margin-bottom: 20px;
}

#footer ul#socials {
	margin-top: 15px;
}

#footer ul#socials li {
	display: inline-block;
	margin-right: 18px;
	text-align: center;
	list-style: none;
	line-height: 24px;
}

#footer ul#socials li a {
	display: inline-block;
	width: 50px;
	height: 50px;
	background: #fff;
	color: var(--main-color-lightblue);
	font-size: 24px;
	line-height: 50px;
	border-radius: 6px;
	transition: all 0.2s;
}
#footer ul#socials li a:hover {
	background: var(--main-color-orange);
	color: #fff;
}



#footer .widgettitle {}

#footer .textwidget {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}



/* --- Socket */

#socket {
	padding: 40px 0;
    background: #fff;
    color: var(--main-color-blue);
	font-size: 16px;
	line-height: 26px;
}

#socket ul {}

#socket ul li {
	display: inline;
	padding-right: 30px;
}

#socket ul li a {
	color: var(--main-color-blue);
}
#socket ul li a:hover {
	color: var(--main-color-orange);
}

#socket img {
	margin-left: 30px;
	vertical-align: middle;
}



/* --- Help */

#help {
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: block;
	width: 80px;
	height: 80px;
	z-index: 1;
}

#help div {
	width: 80px;
	height: 80px;
	background: var(--main-color-blue) url(img/help-bg.gif) center/cover no-repeat;
	border-radius: 40px;
}

#help span {
	position: absolute;
	right: 65px;
	display: block;
	background: var(--main-color-lightblue);
	color: #fff;
	text-align: center;
	border-radius: 20px;
	transition: opacity 0.2s;
	z-index: 2;
}

#help span.default {
	top: 25px;
	width: 30px;
	height: 30px;
	padding: 0 5px;
	line-height: 30px;
}
#help:hover span.default {
	opacity: 0;
}

#help span.hover {
	top: 20px;
	width: max-content;
	height: 40px;
	padding: 0 25px 0 15px;
	line-height: 40px;
	opacity: 0;
	z-index: 0;
}
#help:hover span.hover {
	opacity: 1;
}





/* Cookie banner */

.cky-btn {
	width: auto;
}





/* CMS */

img.alignright { float: right; }
img.alignleft { float: left; }
img.aligncenter { display: block; margin: 0 auto; }
a img.alignright { float: right; }
a img.alignleft { float: left; }
a img.aligncenter { display: block; margin: 0 auto; }



.gallery {
	float: left;
	width: 100%;
	margin: 10px auto!important;
}

.gallery img {
	width: auto;
	max-width: 190px;
	height: auto;
	max-height: 45px;
	border: 0!important;
}

.gallery .gallery-item {
	margin-bottom: 10px;
	padding: 50px 20px;
	background: #fff;
	border-radius: 12px;
}

.gallery-columns-3 {}

.gallery-columns-3 .gallery-item {
	width: calc(33.33333% - 20px)!important;
	margin-right: 20px;
}





/* Responsive */

@media screen and (max-width: 1644px) {

	.flickity-prev-next-button.previous {
		left: -10px!important;
	}

	.flickity-prev-next-button.next {
		right: -10px!important;
	}



	#header {
		font-size: 14px;
	}

	.nav ul li a {
		padding: 0 5px;
	}

	.nav > ul > li.menu-item-has-children > a {
		padding: 0 20px 0 5px;
		background-position: right 5px top 49px;
	}

}


@media screen and (max-width: 1199px) {

	#filters {
		margin-bottom: 60px;
	}



	section.contentrow.has-index .index ul li a {
		padding: 8px 15px;
	}



	#socket #logos {
		margin-top: 25px;
	}



	.gallery-columns-3 .gallery-item {
		width: calc(50% - 20px)!important;
		margin-right: 20px;
	}

}









@media screen and (max-width: 1119px) {


	.nav {
		display: none;
	}

	.nav.mobile {
		display: inherit;
	}


	#toggle-menu {
		display: block;
	}


	#menu {
		position: fixed;
		top: 100px;
		left: 0;
		width: 100%;
		height: calc(100vh - 100px);
		padding: 0;
		background: var(--main-color-blue);
		overflow-y: scroll;
		z-index: 3;
	}

	#menu ul {
		margin: 0;
		padding: 0;
		font-size: 15px;
		line-height: 50px;
	}

	#menu ul li {
		position: relative;
		font-weight: 700;
		text-transform: uppercase;
	}

	#menu > ul > li {
		padding: 0 15px;
		border-bottom: 1px solid #3e3195;
	}

	#menu ul li a {
		color: #fff;
	}

	#menu > ul > li.menu-item-has-children {}
	#menu > ul > li.menu-item-has-children:before {
		position: absolute;
		top: 22px;
		right: 15px;
		width: 11px;
		height: 6px;
		background: url(img/chevron-down.png) center/11px 6px no-repeat;
		transition: transform 0.2s;
		content: " ";
	}
	#menu > ul > li.menu-item-has-children.open:before {
		transform: rotate(-180deg);
	}

	#menu ul li ul {
		margin-bottom: 18px;
		font-size: 12px;
		line-height: 32px;
	}

	#menu > ul > li > ul {
		display: none;
	}

	#menu ul li ul li {}

	#menu ul li ul li a {
		color: var(--main-color-lightblue);
	}

	#menu ul li ul li ul {}

	#menu ul li ul li ul li {
		padding-left: 15px;
		font-weight: 400;
		font-size: 14px;
		text-transform: none;
	}

	#menu ul li ul li ul li a {
		color: #fff;
	}


}





@media screen and (max-width: 959px) {

	#publications-filter {
		margin-top: 40px!important;
	}

	#publications-filter .col-4-lg {
		margin-bottom: 20px;
	}



	#content #main {
		margin-bottom: 50px;
	}

	#share {
		margin-top: 10px;
	}



	section {
		padding: 90px 0;
	}


	section#archive-intro {}

	section#archive-intro .accordion {
		margin-top: 40px!important;
	}


	/*
	section.contentrow .col-5-lg {
		margin-bottom: 30px;
	}

	section.contentrow .col-4-lg {
		margin-bottom: 50px;
	}
	*/


	section.contentrow.text-text .col:first-child {
		margin-bottom: 40px;
	}



	section.contentrow.text-text .title .col:first-child {
		margin-bottom: 0;
	}



	section.contentslider .slide, section.newsslider .slide, section.quicklinks .slide.quicklink {
		width: calc(50% - 10px);
	}


	section.logoslider .slide {
		width: calc(50% - 15px);
	}


	section.publications .publication .block {
		overflow: hidden;
	}

	section.publications .publication .block .image {
		margin: 0;
		box-shadow: none;
		border-right: 1px solid #dfdde9;
		border-radius: 0;
	}
	section.publications .publication:hover .block .image {
		margin-top: 0;
	}

	section.publications .publication .block .content {
		width: 76.5%;
	}



	#home-buttons .content .home-button {
		border-right: 0;
		border-bottom: 1px solid #dbecf4;
		border-bottom: 1px solid #4e4492;
	}
	#home-buttons .content .home-button:last-child {
		border-bottom: 0;
	}


	#featured-post {
		margin-bottom: 40px;
	}



	#socket {
		padding: 35px 0;
	}

	#socket ul li {
		display: block;
		width: 100%;
	}

}



@media screen and (max-width: 767px) {

	body {
		font: 400 17px / 28px "M PLUS 1p", sans-serif;
	}

}



@media screen and (max-width: 567px) {

	body {
		font: 400 16px / 26px "M PLUS 1p", sans-serif;
	}



	.container {
		padding: 0 5px;
	}



	.block #posts .mini-post {
		padding: 15px 0;
	}



	#header .col-9 {
		-ms-flex: 0 0 calc((100% /(12 / 9)) - var(--grid-gutter))!important;
		flex: 0 0 calc((100% /(12 / 9)) - var(--grid-gutter))!important;
		max-width: calc((100% /(12 / 9)) - var(--grid-gutter))!important;
	}

	#header .col-3 {
		-ms-flex: 0 0 calc((100% /(12 / 3)) - var(--grid-gutter))!important;
		flex: 0 0 calc((100% /(12 / 3)) - var(--grid-gutter))!important;
		max-width: calc((100% /(12 / 3)) - var(--grid-gutter))!important;
	}



	#content blockquote {
		font-size: 18px;
		line-height: 30px;
	}

	#content #side .block h3 {
		margin: 0 0 20px 0;
	}



	section .title {}

	section .title .col-7 {
		-ms-flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter))!important;
		flex: 0 0 calc((100% / (12/8)) - var(--grid-gutter))!important;
		max-width: calc((100% / (12/8)) - var(--grid-gutter))!important;
	}

	section .title .col-6 {
		-ms-flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter))!important;
		flex: 0 0 calc((100% / (12/6)) - var(--grid-gutter))!important;
		max-width: calc((100% / (12/6)) - var(--grid-gutter))!important;
	}

	section .title .col-5 {
		-ms-flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter))!important;
		flex: 0 0 calc((100% / (12/4)) - var(--grid-gutter))!important;
		max-width: calc((100% / (12/4)) - var(--grid-gutter))!important;
	}

	section .title .col-7.is-marginless {
		-ms-flex: 0 0 calc(100% / (12/8))!important;
		flex: 0 0 calc(100% / (12/8))!important;
		max-width: calc(100% / (12/8))!important;
	}

	section .title .col-6.is-marginless {
		-ms-flex: 0 0 calc(100% / (12/6))!important;
		flex: 0 0 calc(100% / (12/6))!important;
		max-width: calc(100% / (12/6))!important;
	}

	section .title .col-5.is-marginless {
		-ms-flex: 0 0 calc(100% / (12/4))!important;
		flex: 0 0 calc(100% / (12/4))!important;
		max-width: calc(100% / (12/4))!important;
	}


	section {
		padding: 60px 0;
	}

	section.contentrow .block .content {
		padding: 45px 20px 50px;
	}

	section.contentrow.has-backgroundimage .content {
		padding: 55px 20px 40px;
	}

	section.contentrow.has-backgroundimage {
		padding: 120px 0;
	}



	#publication-info .button {
		margin-top: 20px;
	}



	#footer .container {
		padding: 70px 10px 50px;
	}



	.gallery-columns-3 .gallery-item {
		width: 100%!important;
		margin-right: 0;
	}

}



@media screen and (max-width: 479px) {

	h1 { margin-bottom: ; font-size: 26px; line-height: 36px; }
	h2 { margin-bottom: ; font-size: 24px; line-height: 34px; }
	h3 { margin-bottom: ; font-size: 22px; line-height: 32px; }
	h4 {}
	h5 { margin-bottom: ; font-size: 16px; line-height: 24px; }
	h6 {}

	h1 {
		word-break: break-word;
	}



	section.publications .publication .block .image {
		width: 100%;
		border-right: 0;
	}

	section.publications .publication .block .content {
		width: 100%;
	}


	section.contentslider .slide, section.newsslider .slide, section.quicklinks .slide.quicklink {
		width: 100%;
		margin: 0;
	}


	section.logoslider .slide {
		width: 100%;
		margin: 0;
	}



	#posts.publications .post.publication .block .image {
		width: 100%;
		border-right: 0;
	}

	#posts.publications .post.publication .block .content {
		width: 100%;
	}



	#socket {
		padding: 35px 0 20px;
	}

	#socket img {
		margin: 15px 30px 15px 0;
	}

}





@media screen and (min-width: 480px) {

}



@media screen and (min-width: 568px) {

	#publications-filter fieldset {
		margin-bottom: 0;
	}

}



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

}



@media screen and (min-width: 960px) {

	section.contentrow.text-text.has-block {
		--grid-gutter: 100px;
	}

}



@media screen and (min-width: 1120px) {

	#menu {
		display: none!important;
	}

}



@media screen and (min-width: 1200px) {

	#home-intro {}

	#home-text {
		margin-top: 90px;
	}

	#home-buttons {
		margin: 55px 0 65px;
	}



	#socket #logos {
		text-align: right;
	}

}



@media screen and (min-width: 1300px) {

	#home-buttons {
		margin: -30px 0 65px;
	}

}


@media screen and (min-width: 1400px) {

	#home-buttons {
		margin: -110px 0 65px;
	}

}


@media screen and (min-width: 1500px) {

	#home-buttons {
		margin: -140px 0 65px;
	}

}



@media screen and (min-width: 1598px) {

	#content {
		padding-bottom: 220px!important;
	}

	#footer .container {
		max-width: 1598px;
		margin-top: -111px;
		margin-bottom: -270px;
		padding: 100px 40px 70px;
		border-radius: 24px;
	}

	#socket {
		padding: 300px 0 30px;
	}

	#socket .container {
		max-width: 1558px;
	}

}