/**
* Theme Name: CrackR
* Description: This is a child theme of Quadron.
* Author: Thom de Jonge
* Template: quadron
* Version: 1.1.8
*/

/**
 * Root
**/

:root {
	--box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.08);
	--hover-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
	--font-size: 17px;
	--font-size-small: 17px;
	--transition: color 0.2s linear;
	--main-color: #2b8ebf;
	--secondary-color: #f16022;
	--tertiary-color: #fff;
	--quaternary-color: #333;
	--quinary-color: #d6d6d6;
}

/**
 * Hide Arrows From Input Number
**/

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none !important;
	margin: 0 !important;
}

/* Firefox */
input[type=number] {
	appearance: textfield !important;
	-moz-appearance: textfield !important;
}

/**
 * Global
**/

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

a:focus,
textarea:focus,
input:focus {
	outline: none;
}

p a {
	-webkit-transition: var(--transition) !important;
	transition: var(--transition) !important;
}

p:empty {
    display: none !important;
    margin: 0 !important;
	padding: 0 !important;
}

p a:hover {
	color: var(--quaternary-color);
}

ul {
    list-style-position: inside;
}

.post {
    padding: 0 !important;
}

/**
 * Theme
**/

body .btn-scroll-top {
	border: 1px solid var(--quinary-color);
	color: var(--quinary-color);
}

div[id*='lpform'] {
	display: none !important;
}

#js-scroll-down:focus,
#js-scroll-down:hover {
	color: var(--main-color);
}

#mainContent {
	margin-top: 68px;
}

#mainContent .layout01__description {
	margin-left: 19px;
	padding-right: 19px;
}

#mainContent .list-icon__value {
	font-size: var(--font-size);
}

#mainContent .subpage-header__block {
	bottom: -20% !important;
	background: var(--main-color);
    padding: 35px 40px;
	width: auto;
	max-width: 67%;
	height: auto !important;
}

#mainContent .subpage-header__block:before {
	content: unset;
}

#mainContent .subpage-header__title {
	margin: 13px 0 0 0;
    padding: 0;
	line-height: 1.2em;
	text-shadow: 5px 5px 10px rgba(0, 0, 0, .08);
}

#mainContent a.promobox02 {
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);	
}
#mainContent a.promobox02:hover {
	-webkit-box-shadow: var(--hover-shadow);
	box-shadow: var(--hover-shadow);	
}

#nt-footer {
	display: none;
}

.accordeon__content {
    padding: 0;
}

.accordeon__content ul {
    margin-bottom: 15px;
}

.btn-row a:focus,
.btn-row a:hover {
	color: var(--main-color);
}

.btn {
	border-width: 2px;
	padding: 15px 30px;
	height: auto;
	font-size: 14px;
	letter-spacing: .03em;
}

.btn.focus,
.btn:focus {
    outline: 0 !important;
    box-shadow: unset !important;
}

.category-nieuws h3,
.category-news h3 {
    padding: 0;
}

.contact-info__description.text-white a {
	-webkit-transition: var(--transition) !important;
	transition: var(--transition) !important;
}

.infobox02 p,
.layout-external-box .col-description p {
	font-size: var(--font-size) !important;
}

.layout-external-box {
	min-height: unset;
}

.list-icon__icon,
.list-icon__icon svg {
	width: 50px !important;
	height: 50px;
}

.loading-content {
	/* loader.svg inlined: no request for the one image needed while the page loads,
	   and no absolute path to break if the site or theme folder ever moves.
	   Source: loader.svg in this folder; re-inline it there if the loader changes. */
	background-image: url("data:image/svg+xml,%3Csvg width='80' height='80' viewBox='0 0 80 80' xmlns='http://www.w3.org/2000/svg' stroke='%23f16022'%3E%3Cg fill='none' fill-rule='evenodd' stroke-width='2'%3E%3Ccircle cx='40' cy='40' r='1'%3E%3Canimate attributeName='r' begin='0s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='0s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='40' cy='40' r='1'%3E%3Canimate attributeName='r' begin='-0.9s' dur='1.8s' values='1; 20' calcMode='spline' keyTimes='0; 1' keySplines='0.165, 0.84, 0.44, 1' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-opacity' begin='-0.9s' dur='1.8s' values='1; 0' calcMode='spline' keyTimes='0; 1' keySplines='0.3, 0.61, 0.355, 1' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important;
}

.text-white a,
.text-white strong {
	color: var(--tertiary-color) !important;
}

.text-white a:hover {
	color: var(--e-global-color-secondary) !important;
}

/**
 * Desktop Menu
**/

#top-bar {
	border-bottom: unset;
}

#top-bar:not(.no-indent-mainContent) + * {
  	transition: margin .2s linear !important;
    -webkit-transition: margin .2s linear !important;
}

#top-bar.stuck:not(.no-indent-mainContent) + * {
	margin-top: 69px;
}

#top-bar [class^="col-"].side-col {
	min-width: unset !important;
}

#top-bar [class^="col-"].side-col:last-child {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}

#top-bar .col-auto:nth-of-type(2) {
	margin: 0 auto;
}

#top-bar .header-buttons-wrapper {
	display: flex;
	gap: 15px;
	padding: 0 25px;
}

/* Basis styling voor beide knoppen */
#top-bar .top-bar__custom-btn {
    padding: 15px 30px;
    width: auto;
    min-width: unset;
    height: auto !important;
	font-size: 14px;
	letter-spacing: .03em;
	text-transform: uppercase;
}

#top-bar .top-bar__custom-btn,
#top-bar .top-bar__custom-btn:active:focus {
    color: var(--tertiary-color) !important;
}

#top-bar .top-bar__custom-btn::before {
    -webkit-transform: unset;
    transform: unset;
    border: 2px solid var(--secondary-color);
    border-radius: 100px;
    background-color: var(--secondary-color);
}

#top-bar .top-bar__custom-btn:hover::before,
#top-bar .top-bar__custom-btn:focus::before {
    -webkit-transform: unset;
    transform: unset;
    background-color: var(--tertiary-color);
}

#top-bar .top-bar__custom-btn:focus,
#top-bar .top-bar__custom-btn:hover {
    color: var(--secondary-color) !important;
}

.page-id-22668 #menu-item-22824,
.page-id-22793 #menu-item-22824,
.page-id-22668 #top-bar .top-bar__custom-btn.stabiview-menu,
.page-id-22793 #top-bar .top-bar__custom-btn.stabiview-menu {
  display: none;
}

/* Omgekeerde styling voor linker knop (stabiview-menu) */
#top-bar .top-bar__custom-btn.stabiview-menu,
#top-bar .top-bar__custom-btn.stabiview-menu:active:focus {
    color: var(--secondary-color) !important;
}

#top-bar .top-bar__custom-btn.stabiview-menu::before {
    border: 2px solid var(--secondary-color) !important;
    background-color: var(--tertiary-color) !important;
}

#top-bar .top-bar__custom-btn.stabiview-menu:hover::before,
#top-bar .top-bar__custom-btn.stabiview-menu:focus::before {
    border: 2px solid var(--secondary-color) !important;
    background-color: var(--secondary-color) !important;
}

#top-bar .top-bar__custom-btn.stabiview-menu:focus,
#top-bar .top-bar__custom-btn.stabiview-menu:hover {
    color: var(--tertiary-color) !important;
}

#top-bar__navigation #menu-item-19333-en a,
#top-bar__navigation #menu-item-21632-en a {
	padding: 0 24px 0 12px;
}

#top-bar__navigation #menu-item-19333-nl a,
#top-bar__navigation #menu-item-21632-nl a {
	padding: 0 12px 0 24px;
}

#top-bar__navigation .menu-login,
#top-bar__navigation .menu-quotation {
	display: none;
}

#top-bar__navigation > ul > li > a span {
	padding-top: 41px;
	padding-bottom: 41px;
	color: var(--quaternary-color);
}

#top-bar__navigation > ul > li > a span:hover {
	color: var(--main-color);
}

/* Taalkiezer: de padding van de regel hierboven is bedoeld voor het menulabel, maar
   geldt voor elke span in de link. Bij de vlag (inline-block, 18x12px, overflow hidden)
   liet die 82px padding geen ruimte over, waardoor de afbeelding werd weggeknipt.
   Alleen de vlag-span wordt gereset; .chevron blijft ongemoeid (inline, dus de padding
   heeft daar geen invloed op de layout). De selector begint met #top-bar zodat hij ook
   wint van de padding-regels van het thema voor de sticky stand (#top-bar.stuck). */
#top-bar #top-bar__navigation > ul > li.polylang-item > a .chevron .pll-switcher-flag {
	padding: 0;
}

#top-bar__navigation > ul > li.active > a span::before {
	content: unset;
}

#top-bar__navigation > ul > li.current-menu-item > a span,
#top-bar__navigation > ul > li.current-menu-parent > a span {
    color: var(--main-color);
}

#top-bar__navigation > ul > li.is-submenu > a span:after {
	display: block;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: border-color 0.2s linear;
	transition: border-color 0.2s linear;
	border: 10px solid transparent;
	border-top-color: var(--quaternary-color) !important;
	content: '';
}
#top-bar__navigation > ul > li > a span:hover:after {
	border-top-color: var(--main-color) !important;
}

#top-bar__navigation > ul > li ul {
	width: 250px;
}

#top-bar__navigation a span {
	transition: padding .2s linear !important;
	-webkit-transition: padding .2s linear !important;	
}

/**
 * Mobile Menu
**/

body #nav-aside_menu > ul {
	list-style-type: none;
}

body #nav-aside_menu > ul > li.is-open > a,
body #nav-aside_menu > ul > li ul li.active > a {
	color: #fff;
}

body #nav-aside_menu > ul > li > a span:before {
	background-color: var(--tertiary-color);
	content: unset;
}

/**
 * Custom Class
**/

#stabialert-logo,
#stabialert-wit-logo {
	width: 122px;
	height: 55px;
}

.custom-btn .btn {
	background-color: var(--secondary-color);
}

.custom-btn .btn #arrow_down {
	min-width: 12px;
    height: auto;
	fill: var(--tertiary-color);
}

.custom-btn .btn:before {
    display: block;
    position: absolute;
    -webkit-transition: all 0.2s linear;
    transition: all 0.2s linear;
    border: 1px solid var(--quinary-color);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    content: '';
}

.custom-btn .btn:hover:before {
    width: 90px;
    height: 90px;
}

/* Buttons */

.btn-link-icon:hover .btn__icon {
	border-color: var(--secondary-color) !important;
	background-color: var(--secondary-color) !important;
}

.btn-link-icon .btn__icon svg {
	color: var(--secondary-color);
}

.btn-link-icon:hover .btn__icon svg {
	color: var(--tertiary-color);
}

/* Monitor Section */

.tiltr-section .btn.first-btn,
.monitor-section .btn.first-btn {
    border: 2px solid var(--secondary-color);
    background-color: var(--secondary-color);
	color: var(--tertiary-color);
}

.tiltr-section .btn.first-btn:hover,
.tiltr-section .btn.first-btn:active,
.tiltr-section .btn.first-btn:focus,
.monitor-section .btn.first-btn:hover,
.monitor-section .btn.first-btn:active,
.monitor-section .btn.first-btn:focus {
    background-color: var(--tertiary-color);
	color: var(--secondary-color);
}

.tiltr-section .btn.second-btn,
.monitor-section .btn.second-btn {
    border: 2px solid var(--secondary-color);
    background-color: var(--tertiary-color);
	color: var(--secondary-color);
}

.tiltr-section .btn.second-btn:hover,
.tiltr-section .btn.second-btn:active,
.tiltr-section .btn.second-btn:focus,
.monitor-section .btn.second-btn:hover,
.monitor-section .btn.second-btn:active,
.monitor-section .btn.second-btn:focus {
    background-color: var(--secondary-color);
	color: var(--tertiary-color);
}


/* Slider Section */

.slider-section .btn-link-icon .btn__icon {
	border: 2px solid var(--secondary-color);
	background-color: var(--secondary-color);
}

.slider-section .btn-link-icon .btn__icon svg {
	color: var(--tertiary-color);
}

.slider-section .btn-link-icon:hover .btn__icon {
	border: 2px solid var(--tertiary-color) !important;
	background-color: transparent !important;
}

.slider-section .btn-link-icon:hover .btn__icon svg {
	color: var(--secondary-color) !important;
}

/* Slider Section Light Background */

.slider-section.slider-light-bg .btn-link-icon:hover .btn__icon {
	border: 2px solid var(--secondary-color) !important;
}

/**
 * Slider
**/

#mainContent .mainSlider.slick-dots-01 .slick-dots {
    top: 50%;
}

#mainContent .custom-layout04 .caruser-custom-wrapper .slick-dots {
	margin-right: 15px;
	margin-left: 15px;
	border-radius: 25px;
	background: #F16022;
	padding: 6px 0;
}

#mainContent .custom-layout04 .caruser-custom-wrapper .slick-dots li {
	padding-right: 18px;
	padding-left: 18px;
}

#mainContent .custom-layout04 .caruser-custom-wrapper .slick-dots li span {
  bottom: 2px !important;
  color: #fff !important;
}

#mainContent .custom-layout04 .caruser-custom-wrapper .slick-dots li span::before {
    background-color: #fff;
}

#mainContent .mainSlider.slick-dots-01 li span {
	-webkit-box-shadow: var(--box-shadow);
	box-shadow: var(--box-shadow);
	border: 1px solid rgba(0,0,0,.1);
}

#mainContent .slider-dark-bg .mainSlider .slide .slide-content .slide-layout-01 .btn-link-icon .btn__text,
#mainContent .slider-dark-bg .mainSlider .slide .slide-content .slide-layout-01 .slide-description,
#mainContent .slider-dark-bg .mainSlider .slide .slide-content .slide-layout-01 .slide-title {
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

#mainContent .slider-dark-bg .mainSlider .slide .slide-content .slide-layout-01 .slide-subtitle {
	text-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);
}

#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-description {
	font-size: var(--font-size) !important;
}

#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-subtitle {
	border-left-color: var(--secondary-color);
	font-size: 1.5em;
}

#mainContent .promobox-slider__layout .social-icon li a {
	border: 1px solid var(--tertiary-color);
}

.promo-no-vid .promobox-slider__layout {
	padding: 55px 0;
}

/**
 * About Section
**/

.about-section .link-icon-video:hover .icon-video:before {
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
}

/**
 * Specs Section
**/

.crackr-section,
.levelr-section,
.tiltr-section {
	border-top: 1px solid #e3e3e3;
	border-bottom: 1px solid #e3e3e3;
}

/**
 * Product Section
**/

.product-section .box-counter-list,
.product-section .divider {
	display: none !important;
}

/**
 * Infobox 2 Section
**/

/* Free image placement, used when "Custom Image Position" is switched on for the
   Infobox 2 Section widget. Without it the image wrapper is a zero height box in
   the flow, so the image cannot be aligned on either axis. Here it becomes an
   overlay of the white info box instead. The widget's Elementor controls set
   align-items / justify-content / width / top / left on top of these rules, so
   do not add #mainContent or !important here: that would outrank the panel and
   the controls would stop working. */

.infobox02-has-custom-img .wrapper-extra-right > .infobox02-extra-img--custom {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	justify-content: flex-start;
	align-items: center;
	z-index: 2;
	margin: 0;
	padding: 0;
	width: auto;
	pointer-events: none;
}

.infobox02-has-custom-img .wrapper-extra-right > .infobox02-extra-img--custom img {
	position: relative;
	top: auto;
	right: auto;
	bottom: auto;
	left: auto;
	width: 55%;
	max-width: none;
	height: auto;
	pointer-events: auto;
}

/**
 * Video Section
**/

.video-section .carusel-external-box:before {
	background-color: var(--main-color);
}

.video-section .layout-external-box .col-nav-slider {
	display: none;
}

.video-section .link-icon-video02 .icon-video i {
	background-color: var(--secondary-color);
}

.link-icon-video02 .icon-video:hover::before {
	border: 1px solid #fff;
	color: #fff;
}

/**
 * Contact Form 7
**/

.select-custom-02.nice-select .option:hover,
.select-custom-02.nice-select .option.focus,
.select-custom-02.nice-select .option.selected.focus {
    color: #000;
}

.nice-select .current {
    color: #000;
}

.section-form .form-default.contact-form textarea {
	height: 405px;
}

.wpcf7 form .wpcf7-response-output {
	margin: 2em 0 1em;
	border-radius: 3px;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: rgba(70, 180, 80, .1);
	color: #46b450;
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
    background-color: rgba(220, 50, 50, .1);
	color: #dc3232;
}
 
.wpcf7 form.spam .wpcf7-response-output {
    background-color: rgba(245, 110, 40, .1);
	color: #f56e28;
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: rgba(255, 185, 0, .1);
	color: #ffb900;
}

.wpcf7-spinner {
	top: 23px;
}

.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required.form-control {
	background-image: none !important;
}

.wpcf7-submit.btn.btn-color-01 {
	border-color: var(--secondary-color);
	background-color: var(--secondary-color);
	color: var(--tertiary-color);
}

.wpcf7-submit.btn.btn-color-01:hover {
	border-color: var(--secondary-color);
	background-color: var(--tertiary-color);
	color: var(--secondary-color);
}

.wpcf7 .countries-grid .countries-radio {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
}

.wpcf7 .countries-grid label {
    margin-bottom: 3px;
    font-size: 0.9em;
}

.wpcf7 .countries-grid .wpcf7-list-item{
	margin: 0;
}

.wpcf7 .quotation-label {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 17px;
}

.wpcf7 .countries-column {
	margin-top: 10px;
	margin-bottom: 10px;
}

.wpcf7 .countries-column > .form-group {
	border: 1px solid #d5d5d5;
	border-radius: 3px;
	background-color: #F0F1F2;
	padding: 20px;
}

.wpcf7 .countries-column .form-group {
	margin-bottom: 0;
}

.wpcf7 .countries-column .form-group p {
	margin: 0;
}

.wpcf7 .mc4wp-checkbox input {
	margin-right: 5px;
}

.wpcf7 .form-submit input {
	margin-top: 30px;
}

/**
 * Elementor
**/

#mainContent .elementor .section__indent-left {
	margin-left: 0;
}

.elementor a {
	-webkit-transition: var(--transition) !important;
	transition: var(--transition) !important;
}

.elementor .layout-external-box .col-title .section-heading {
	min-width: unset;
}

.elementor-section .elementor-container {
	gap: 30px;
}

.elementor-section.custom-gap .elementor-container {
	gap: 0;
}

.elementor-widget-tabs .elementor-tab-mobile-title {
	padding: 10px 34px;
}

.square-section,
.square-section .elementor-container {
	aspect-ratio: 1 / 1;
	width: 100%;
	max-width: calc(100vh - 160px);
	max-height: calc(100vh - 160px);
}

.login-container {
	min-height: calc(100vh - 176px);
}

/* Wanneer admin bar zichtbaar is */
.admin-bar .square-section,
.admin-bar .square-section .elementor-container {
	max-width: calc(100vh - 192px);
	max-height: calc(100vh - 192px);
}

.admin-bar .login-container {
	min-height: calc(100vh - 208px);
}

/**
 * HTML Sitemap
**/

.sitemap-item a:focus,
.sitemap-item a:hover {
	color: var(--e-global-color-secondary) !important;
}

/**
 * Login Security Captcha
**/

.grecaptcha-badge {
	visibility: hidden;
}

/**
 * WP Grid Builder
**/

#mainContent .wpgb-facet .wpgb-input {
	border-color: var(--quinary-color);
}

#mainContent .wpgb-facet .wpgb-input:focus {
	border-color: var(--main-color);
}

#mainContent .wpgb-facet input::placeholder,
#mainContent .wpgb-facet select::placeholder {
	color: #6c757d;
	font-weight: 500;
}

#mainContent .wpgb-facet select.wpgb-select,
#mainContent .wpgb-facet .wpgb-search-facet input[type="search"],
#mainContent .wpgb-facet .wpgb-autocomplete-facet input[type="search"] {
	border-width: 2px;
	height: 65px;
	color: #000;
	font-weight: 400;
	font-size: var(--font-size);
}

.wpgb-facet-3 .wpgb-facet-title,
.wpgb-facet-4 .wpgb-facet-title {
    display: none;
}

.wpgb-facet-3 .wpgb-button.wpgb-load-more,
.wpgb-facet-4 .wpgb-button.wpgb-load-more {
    margin-top: 24px;
	background-color: transparent;
	color: var(--e-global-color-text);
    font-size: 15px;
}

/**
 * Screen Size Dependant
**/

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

	#mainContent .infobox02 .btn-row {
		text-align: left;
	}

}

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

	#mainContent .partner-column {
		width: calc(33.333% - 20px);
	}

	.about-column .promobox-slider__layout {
		margin-top: 55px;
		margin-bottom: 55px;
	}

}

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

	#mainContent .form-default.contact-form .notes {
		margin-top: 15px;
		margin-bottom: 15px;
	}

	#mainContent .layout01__description {
		width: 48%;
	}

	#mainContent .mainSlider .slide .slide-content {
		padding-right: 0;
		padding-left: 0;
	}

	#mainContent .mainSlider.mainSlider-size-01 {
		padding-top: 0;
	}

	#mainContent .promobox-slider__layout address:before {
		background-color: var(--tertiary-color);
	}

	.elementor .layout-external-box .col-description {
		margin-top: 0;
		width: 67%;
	}

	.elementor .layout-external-box .col-description p {
		margin: 40px 0;
	}

	.elementor .layout-external-box .col-title {
		margin-bottom: 49px;
		width: 33%;
	}

}

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

	#mainContent {
		margin-top: 98px;
	}

	#mainContent .infobox02 {
		margin-left: -20px;
		padding: 100px 15px 100px 300px;
	}

	#top-bar #top-bar__navigation-toggler.lg-hide-toggler {
    	display: flex !important;
  	}

}

@media only screen and (min-width: 1100px) {
	#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-title {
		width: 55%;
	}
}

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

	#mainContent .layout01__description {
		padding-right: 87px;
		max-width: 1024px;
	}

	.elementor .layout-external-box .col-description {
		padding: 0;
		width: 75%;
	}

	.elementor .layout-external-box .col-description p {
		margin: 60px 0;
	}

	.elementor .layout-external-box .col-title {
		width: 25%;
	}

}

@media only screen and (min-width: 1370px) {
	#top-bar__navigation > ul > li > a {
		padding: 0 15px;
	}

  	#top-bar #top-bar__navigation-toggler.lg-hide-toggler {
		display: none !important;
	}

	#nav-aside,
	#nav-aside #nav-aside_menu {
    	display: none;
  	}

}

@media only screen and (max-width: 1465px) {
	.col-auto.side-col {
		display: none;
	}
}

@media only screen and (max-width: 1369.98px) {
	
	#top-bar .row [class^="col-"]:first-child #top-bar__navigation-toggler {
    	-webkit-box-ordinal-group: 3;
    	-ms-flex-order: 2;
    	order: 2;
  	}

	#top-bar .row [class^="col-"]:first-child {
    	-webkit-box-pack: justify;
    	-ms-flex-pack: justify;
    	justify-content: space-between;
    	-webkit-box-flex: 2;
    	-ms-flex: 2 1 auto;
    	flex: 2 1 auto;
  	}	

	#top-bar .row [class^="col-"]:not(:first-child) {
		display: none !important;
	}

	#top-bar .row {
    	height: 70px;
  	}

  	#top-bar:not(.no-indent-mainContent) + * {
  		margin-top: 68px;
	}

	#nav-aside #nav-aside_menu {
    	display: initial !important;
  	}

	#menu-item-19333-nl,
	#menu-item-19333-en,
	#menu-item-19334-nl,
	#menu-item-19334-en,
	#menu-item-21632-nl,
	#menu-item-21632-en {
		display: inline-block;
	}

	.square-section,
	.square-section .elementor-container {
		aspect-ratio: 1 / 1;
		width: 100%;
		max-width: calc(100vh - 130px);
		max-height: calc(100vh - 130px);
	}

	.login-container {
		min-height: calc(100vh - 148px);
	}

	/* Wanneer admin bar zichtbaar is */
	.admin-bar .square-section,
	.admin-bar .square-section .elementor-container {
		max-width: calc(100vh - 162px);
		max-height: calc(100vh - 162px);
	}

	.page-id-22668 #mainContent,
	.page-id-22793 #mainContent {
		margin-top: 70px !important;
	}

	.admin-bar .login-container {
		min-height: calc(100vh - 180px);
	}

}

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

	#mainContent .elementor-element .infobox02-extra-img--custom img {
		left: -15%;
	}

}

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

	#mainContent .mainSlider.slick-dots-01 .slick-dots {
		display: none !important;
	}

	#mainContent .custom-layout04 {
		padding-top: 90px;
    	padding-bottom: 180px;
	}

	#mainContent .custom-layout04 .caruser-custom-wrapper {
		margin-top: 20px;
	}

}

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

	#top-bar .row {
		height: 70px;
	}

	.specs-section .elementor-widget-quadron-infobox2-section .section--bg-01 {
		background-color: var(--tertiary-color);
	}

	.specs-section .elementor-widget-quadron-infobox2-section .section--bg-01 .offset-lg-2 {
		margin-left: 0;
	}

}

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

	#mainContent .col-md-5,
	#mainContent .col-md-6,
	#mainContent .col-md-7 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}

	#mainContent .elementor .elementor-section.specs-section {
		padding-bottom: 0;
	}

	#mainContent .elementor .elementor-section.news-section {
		padding-top: 0;
		padding-bottom: 60px;
	}

	#mainContent .elementor .sensor-section.specs-section .section--no-padding,
	#mainContent .elementor .software-section.specs-section .section--no-padding {
		background-color: #fff;
		padding-top: 60px;
		padding-bottom: 90px;
	}

	#mainContent .elementor .sensor-section.specs-section .section--no-padding .btn-top,
	#mainContent .elementor .software-section.specs-section .section--no-padding .btn-top {
		margin-bottom: 36px;
	}

	#mainContent .elementor .infobox02 {
		padding: 90px 25px;
	}

	#mainContent .elementor .section__indent-03 {
		padding-top: 105px;
		padding-bottom: 75px;
	}

	#mainContent .elementor .section__indent-04 {
		padding-top: 135px;
		padding-bottom: 0;
	}

	#mainContent .elementor .section__indent-05 {
		padding-top: 90px;
		padding-bottom: 60px;
	}

	#mainContent .elementor .section__indent-06 {
		padding-top: 90px;
	}

	#mainContent .elementor .section__indent-08 {
		padding-top: 90px;
		padding-bottom: 60px;
	}

	#mainContent .elementor .section__indent-09 {
		padding-top: 90px;
		padding-bottom: 90px;
	}

	#mainContent .elementor .section-default-top {
		margin-top: 90px;
	}

	#mainContent .layout-external-box .col-description {
		padding: 0 15px;
	}

	#mainContent .layout-external-box .col-title {
		margin-top: 49px;
	}

	#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-description {
		max-width: 100%;
	}

	#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-title {
		width: 100%;
	}

	#mainContent .news-grid .elementor-widget-container {
		padding: 0 0 90px 0;
	}

	#mainContent .news-heading .elementor-widget-container {
		padding: 90px 0 0 0;
	}

	#mainContent .no-vid .news-heading .elementor-widget-container {
		padding: 0;
	}

	#mainContent .section-heading:not(.size-sm):not(.size-md).section-heading_indentg04 {
		padding-bottom: 60px;
	}

	.elementor .d-lg-none {
		display: none !important;
	}

	.elementor .offset-lg-2 {
		margin-left: 0;
		max-width: 100%;
	}

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
	
	#mainContent .achievement-section .elementor-element.elementor-element-0986458 {
		width: calc(50% - 30px);
	}

	#mainContent .elementor .sensor-section.specs-section .section--no-padding,
	#mainContent .elementor .software-section.specs-section .section--no-padding {
		margin-top: 60px;
	}

}

@media only screen and (max-width: 840px) {
	#mainContent .promobox-slider__layout address {
		margin: 0 0 0 6%;
		width: auto;
		min-width: 160px !important;
	}
}

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

	#mainContent .col-sm-5,
	#mainContent .col-sm-6 {
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;	
	}

	#mainContent .elementor .infobox02 {
		padding: 60px 25px;
	}

	#mainContent .elementor .section__indent-03 {
		padding-top: 60px;
		padding-bottom: 45px;
	}

	#mainContent .elementor .section__indent-04 {
		padding-top: 105px;
		padding-bottom: 0;
	}

	#mainContent .elementor .section__indent-05 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	#mainContent .elementor .section__indent-06 {
		padding-top: 60px;
	}

	#mainContent .elementor .section__indent-08 {
		padding-top: 60px;
		padding-bottom: 30px;
	}

	#mainContent .elementor .section__indent-09 {
		padding-top: 60px;
		padding-bottom: 60px;
	}

	#mainContent .elementor .section-default-top {
		margin-top: 60px;
	}

	#mainContent .elementor-105 .elementor-element.elementor-element-0005796 > .elementor-widget-container {
		padding: 60px 0 0 0;
	}

	#mainContent .elementor-105 .elementor-element.elementor-element-92cdea8 > .elementor-widget-container {
		padding: 0 0 60px 0;
	}

	#mainContent .layout-external-box .col-description {
		padding: 0px 15px 45px 15px;
	}

	#mainContent .layout-external-box .col-title {
		margin-top: 60px;
	}

	#mainContent .mainSlider.mainSlider-size-01 {
		padding-top: 0;
		padding-bottom: 0;
		height: auto;
	}

	#mainContent .promobox-slider__layout address {
		margin: 0;
	}

	#mainContent .section-heading:not(.size-sm):not(.size-md).section-heading_indentg04 {
		padding-bottom: 60px;
	}

	.elementor .layout-external-box .col-title {
		padding: 0 19px;
	}

	.product-section .offset-top5 {
		margin-top: 30px;
		margin-bottom: 15px;
	}

	.product-section .offset-top5 {
		margin-right: auto;
		margin-left: auto;
		background-color: #000;
		width: 100%;
		text-align: center;
	}

}

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

	#mainContent .about-section.about-mobile .promobox-slider__layout address {
		margin: 0 19px;
		text-align: center;
	}

	.about-section.about-desktop .promo-no-vid {
		display: none;
	}

	.about-section.about-mobile {
		display: initial !important;
	}

	.about-section.about-mobile .elementor-col-100 {
		width: 100%;
	}

}

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

	#mainContent .promobox-slider__layout {
		padding: 43px 0 45px;
	}

	.elementor-widget-quadron-promobox-one {
		background-color: var(--main-color);
	}

}

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

	#mainContent .mainSlider-layout .mainSlider .slide .slide-content .slide-layout-01 .slide-description {
		font-size: 15px !important;
	}

	#mainContent .mainSlider-layout .mainSlider .slide .slide-content .slide-layout-01 .slide-subtitle {
		font-size: 1.2em;
	}

}

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

	#mainContent .elementor .infobox02 {
		padding: 60px 25px;
	}

	#mainContent .elementor .section__indent-03 {
		padding-top: 45px;
		padding-bottom: 15px;
	}

	#mainContent .elementor .section__indent-05 {
		padding-top: 45px;
		padding-bottom: 15px;
	}

	#mainContent .elementor-105 .elementor-element.elementor-element-0005796 > .elementor-widget-container {
		padding: 45px 0 0 0;
	}

	#mainContent .elementor-105 .elementor-element.elementor-element-92cdea8 > .elementor-widget-container {
		padding: 0 0 45px 0;
	}

	#mainContent .elementor-element.elementor-element-31cf306:not(.elementor-motion-effects-element-type-background),
	#mainContent .elementor-element.elementor-element-31cf306 > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	#mainContent .elementor-element.elementor-element-757ba4b:not(.elementor-motion-effects-element-type-background),
	#mainContent .elementor-element.elementor-element-757ba4b > .elementor-motion-effects-container > .elementor-motion-effects-layer,
	#mainContent .elementor-element.elementor-element-0464c10:not(.elementor-motion-effects-element-type-background),
	#mainContent .elementor-element.elementor-element-0464c10 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
		background-position: 18px top;
	}

	#mainContent .layout-external-box .col-description {
		padding: 0 19px 30px;
	}

	#mainContent .layout-external-box .col-title {
		margin-top: 45px;
	}

	#mainContent .mainSlider .slide .slide-content .slide-layout-01 > :nth-child(1) {
		margin-top: 30px;
	}

	#mainContent .section-heading:not(.size-sm):not(.size-md).section-heading_indentg04 {
		padding-bottom: 45px;
	}

}

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

	#mainContent .mainSlider .slide .slide-content .slide-layout-01 .slide-description {
		font-size: var(--font-size-small) !important;
	}

	#mainContent .mainSlider .slide .slide-content .slide-layout-01 > :nth-child(1) {
		margin-top: 10px !important;
	}

}