/* Standaard: toon alleen de dropdown (mobiel) */
.cat-dropdown {
  display: block;
}
.cat-list {
  display: none;
}

/* Desktop: wissel zichtbaarheid om */
@media screen and (min-width: 769px) {
  .cat-dropdown {
    display: none !important;
  }
  .cat-list {
    display: block !important;
  }
}

}
.archive article h2 {
    color: #515151;
}
.boxzilla {
    margin-right: 25px;
    margin-top: 85px;
    border-radius: 5px;
}

.boxzilla-close-icon {
		color: #aaa !important;
		font-weight: 500 !important;
		padding-top: 27px !important;
		padding-right: 20px !important;
}

.boxzilla form input[type="email"] {
    width: 100%;
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.boxzilla form input[type="submit"] {
    margin-left: 10px;
    background-color: #0084de;
    border: none;
    border-radius: 4px;
    padding: 0 10px;
    color: #fff;
}
.boxzilla .mc4wp-form-fields .fields-wrapper {
    display: flex;
}
.calendly-badge-widget {
		bottom: 40px !important;
		right: 100px !important;
}
@media (max-width: 992px) {
	.calendly-badge-widget {
			bottom: 20px !important;
    	right: 50% !important;
    	margin-right: -74px;
	}	
}
.calendly-badge-content{
		height: 40px !important;	
}
.calendly-overlay {
		background-color: rgba(0, 132, 222, .75) !important;
}
.booking-container .booking-content-wrapper div:last-child > a {
	min-height: auto !important;
}

#pg-6514-0> .panel-row-style {
	padding-top: 90px !important;
}

/*custom styling Amazon blog*/
div#amazon-landing .sow-image-container > img {
    padding-top: 60px;
}
div#amazon-landing-en .sow-image-container > img {
    padding-top: 106px;
}

.cn-button.bootstrap {
	background: #ff8700 !important;
}
#cookie-notice {
	font-size: 16px;
}
.cn-button.wp-default, .cn-button.bootstrap {
	font-size: 16px;
}
/* ===== SUBMENU FIX VOOR #nav-primary-side ===== */

/* Verberg submenu's standaard */
#nav-primary-side li ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #fff;
  padding: 10px;
  border: 1px solid #ccc;
  min-width: 200px;
  z-index: 1000;
}

/* Toon submenu bij hover */
#nav-primary-side li:hover > ul {
  display: block;
}

/* Tweede niveau submenu (submenu van een submenu) */
#nav-primary-side li ul li ul {
  top: 0;
  left: 100%;
}

/* Stijling van submenu items */
#nav-primary-side li ul li {
  position: relative;
  display: block;
  padding: 5px 10px;
}

#nav-primary-side li ul li a {
  color: #333;
  text-decoration: none;
  display: block;
}

#nav-primary-side li ul li a:hover {
  background-color: #f0f0f0;
  color: #0073aa;
}
/* Standaard: alles zichtbaar */
#logos-row, #slider-row {
  display: block;
}

/* Mobiel + tablet (tot 1024px) → alleen slider */
@media (max-width: 1024px) {
  #logos-row {
    display: none !important;
  }
  #slider-row {
    display: block !important;
  }
/* Desktop (vanaf 1025px) → alleen losse afbeeldingen */
@media (min-width: 1025px) {
  #slider-row {
    display: none !important;
  }
  #logos-row {
    display: block !important;
  }
 .page-id-16885 #header-outer, .page-id-16885 #header-space, .page-id-16885 #footer-outer {

      display: none;
    }
/* Force 4 columns naast elkaar op mobiel */
@media (max-width: 768px) {
    .so-panel {
        width: 25% !important;
        display: inline-block !important;
        vertical-align: top;
        text-align: center;
    }
    .so-panel img {
        max-width: 60px; /* pas aan naar jouw gewenste mobiel formaat */
        height: auto;
    }
}
