/**
Theme Name: Surver
Author: Surver B.V.
Author URI: https://surver.nl
Description: Surver child theme voor Blocksy
Version: 2.0.0
Template: blocksy
License: GNU General Public License v2 or later
Text Domain: surver-child
*/

/* editor code */
.editor-styles-wrapper {
    max-width: 800px; /* Adjust width as needed */
    margin: 0 auto;
}

/* Translatepress language switcher */

.trp-menu-ls-label .trp-flag-image {
	width: 25px;
}

/* buttons */

.seconday-button {
	font-size: 66px;
}

/* image box mobile */

@media (max-width: 767px) {
.elementor-widget-image-box.elementor-position-left .elementor-image-box-wrapper, .elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper {
display: flex;
}
.elementor-widget-image-box.elementor-position-right .elementor-image-box-wrapper{
flex-direction: row-reverse;
}
.elementor-widget-image-box.elementor-position-left .elementor-image-box-image {
margin-right: 15px !important;
}
.elementor-widget-image-box.elementor-position-right .elementor-image-box-image {
margin-left: 15px !important;
}
.elementor-widget-image-box .elementor-image-box-content {
margin-left: 15px;
}
}

/* UAE features table */

/* Selecteer jouw specifieke tabel met een CSS class of ID */
.features-table table {
  table-layout: fixed !important;
  width: 100% !important;
}

.features-table table td,
.features-table table th {
  width: 20% !important; /* 5 kolommen = 20% */
  word-wrap: break-word;
}

ol, ul {
	margin: 0 0 1.5em 0;
}

/* Elementor clickable box */

.clickable-box {
    position: relative;
}

.clickable-box a {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.clickable-box a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

/* Custom font posts */

.post-h2 {
    font-size: 40px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 20px; /* Voeg ruimte onder de kop toe */
}

.post-h3 {
    font-size: 30px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 10px; /* Voeg ruimte onder de kop toe */
}

.post-h4 {
    font-size: 20px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 10px; /* Voeg ruimte onder de kop toe */
}

.single-nieuws h1, .single-kennisbank h1{
	font-size: 60px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 20px; /* Voeg ruimte onder de kop toe */
}

.single-nieuws h2, .single-kennisbank h2 {
	font-size: 40px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 20px; /* Voeg ruimte onder de kop toe */
}

.single-nieuws h3, .single-kennisbank h3 {
		font-size: 30px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 20px; /* Voeg ruimte onder de kop toe */
}

.single-nieuws h4, .single-kennisbank h4 {
	font-size: 20px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 20px; /* Voeg ruimte onder de kop toe */
}

/* Custom font legal */

.legal-h2 {
    font-size: 30px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 5px; /* Voeg ruimte onder de kop toe */
}

.legal-h3 {
    font-size: 25px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 5px; /* Voeg ruimte onder de kop toe */
}

.legal-h4 {
    font-size: 20px; /* Pas dit aan naar je gewenste grootte */
    margin-bottom: 5px; /* Voeg ruimte onder de kop toe */
}

/* Replace bullet with check.svg image */
.post-check-list ul {
	margin: 10px 0px 10px 0px;
}
.post-check-list ul li {
    list-style: none; /* Remove default bullet */
    position: relative; /* Create a relative positioning context */
    padding: 8px 0px 0px 25px; /* Add padding to make space for the image */
}

.post-check-list ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 14px;
    width: 16px; /* Adjust the width of the image */
    height: 16px; /* Adjust the height of the image */
    background-image: url('/wp-content/uploads/2024/11/check-5.svg'); /* Correct path to your image */
    background-size: contain; /* Make sure the image fits inside the box */
    background-repeat: no-repeat; /* Prevent the image from repeating */
}

/* ===== Verhuisd uit Customizer > Extra CSS (Astra-child), 2026-11-04 ===== */
.single-kennisbank .elementor-widget-container img {
    margin-bottom: 20px;
    border-radius: 24px;
}

.elementor-widget-text-editor p {
  margin-bottom: 0;
}

.custom-list .elementor-icon-list-item {
  padding: 4px 12px;
  background: #ffffff;
  border-radius: 50px;
  margin: 10px;
}

.elementor-widget-container .elementor-loop-container .e-loop-item[data-elementor-type="loop-item"] {
	border-radius: 24px;
}

/* Centered pill-style tabs (Elementor) */
.tabs-pill-centered .e-n-tabs-heading {
    scrollbar-width: none;
    -ms-overflow-style: none;

    background: #ffffff;
    width: fit-content;
    border-radius: 100px;
    padding: 5px;

    /* Center tabs inside container */
    margin: 0 auto;
}

/* === Surver reseller slider (SVG style) === */
#srResellerWidget { position: relative; width: 100%; }

#srSlider {
  margin-top: 0px;
	margin-bottom: 0px
}

/* Track: volledig donker zoals SVG */
#srSlider .noUi-base,
#srSlider .noUi-connects {
  height: 6px;
  border-radius: 24px;
  background: #161616;
}

#srSlider .noUi-connect {
  background: #161616; /* zelfde kleur, want SVG heeft geen “lichte” rest */
}

/* Handle als pill (68x42) */
#srSlider .noUi-handle {
  width: 50px;
  height: 30px;
  border-radius: 24px;
  background: #2B33CB;
  border: 0;
  box-shadow: none;

  /* centreren op track (6px hoog) */
  top: -12px; /* (42 - 6)/2 = 18 */
  cursor: pointer;

  /* tekst centreren */
  display: flex;
  align-items: center;
  justify-content: center;

  /* voorkomt select/drag issues */
  user-select: none;
}

/* standaard “streepjes” van noUiSlider weg */
#srSlider .noUi-handle:before,
#srSlider .noUi-handle:after {
  display: none;
}

/* Label in handle */
#srSlider .sr-handle-label {
  color: #ffffff;
  font-family: "Clash Display", sans-serif;
  font-weight: 600;
  font-size: 18px;
  line-height: 1;
	padding: 18px
}

/* Target */
.noUi-target {
	background: ffffff;
	border-radius: 0px;
	border: 0px solid #ffffff;
	box-shadow: inset 0 0px 0px #ffffff,0 0px 0px 0px #ffffff;
}

.sr-price {
  font-family: "Clash Display", sans-serif;
  font-weight: 600;
  font-size: 50px;
  line-height: 1;
  color: #161616;
  font-synthesis: none;
}

/* === Clash Display font loading === */

@font-face {
  font-family: 'Clash Display';
  src: url('/wp-content/uploads/2023/12/ClashDisplay-Semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
}

/* svw-gutter: header, content and footer share one width — max 1400px (Blocksy → General → Layout, Elementor → Site Settings → Layout),
   with a fixed 20px side margin on smaller screens (neither Blocksy nor Elementor can set that in px). */
:root{--theme-container-edge-spacing:calc(100vw - 40px)}
body .e-con{--container-max-width:min(1400px, calc(100vw - 40px))}
body .elementor-section.elementor-section-boxed > .elementor-container{max-width:min(1400px, calc(100vw - 40px))}