/**
Theme Name: Surver Child
Author: Surver B.V.
Author URI: https://surver.nl
Description: Astra Child Theme
Version: 1.0.28
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: surver-child
Template: astra
*/

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

/* header mobile */
.ast-header-break-point #masthead .ast-primary-header-bar.main-header-bar {
	border-radius: 24px;
}

#ast-mobile-header .content-align-flex-start {
	margin: 0;
	border-radius: 24px;
}

#ast-mobile-header .content-align-flex-start {
	max-height: 85vh;
    overflow: auto;
    max-width: calc(100% - 40px);
    position: fixed;
    left: 20px;
    top: 60px !important;
}
.ast-menu-toggle:focus {
	outline: none;
}

.ast-menu-toggle:focus-visible {
	outline-width:0;
outline: none;
}

@media (max-width: 544px) {
    .ast-hfb-header .ast-builder-menu-mobile .ast-nav-menu .sub-menu .menu-item.menu-item-has-children > .ast-menu-toggle {
        top: 0px;
        right: 10px;
    }
}

/* astra header menu */

#.ast-icon.icon-arrow svg {
	display: none
}

.ast-desktop .ast-mega-menu-enabled .astra-megamenu-li:hover .astra-megamenu {
	padding: 0px;
}

.ast-desktop .ast-builder-menu-1 .astra-full-megamenu-wrapper {
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
}

#ast-fixed-header .main-header-bar {
	box-shadow: 0 0px 0px rgba(0,0,0,0);
}

.ast-desktop .ast-mm-template-content {
	padding: 0;
}

/* Translatepress language switcher */

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

/* buttons */

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

/* mobile menu toggle */

.ast-button-wrap .menu-toggle {
	font-size: 1em;
}

/* 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;
}`
}

/* header top */

.ast-above-header.ast-above-header-bar {
	border-radius: 24px
}

@media (max-width: 767px) {
    .ast-above-header.ast-above-header-bar {
        border-radius: 24px;
    }
}

.ast-above-header.ast-above-header-bar {
	max-width: 1440px;
	margin: 10px auto auto auto;
}

/* 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;
}

/* Elementor icon list */

//.elementor-icon-list-icon {
    order:1;
    margin-left: 5px;
}

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;
}

/* Gravity Forms */

:root {
  --gf-primary-color: #2b33cb;
  --gf-secondary-color: #161616;
  ----gf-local-bg-color: #2b33cb;
  --form-padding: 0;
  --form-margin: 0;
  --field-padding: 22px 20px;
  --field-margin: 0;
  --field-border-color: #edefef;
  --gf-local-border: 1px solid #2b33cb;
  --field-border-color-focus: #2b33cb;
  --field-background-color: #ffffff;
  --field-font-size: 14px;
  --field-radius: 8px;
  --label-font-size: 12px;
  --label-color: #7a7a7a;
  --description-font-size: 14px;
  --description-color: #7a7a7a
  --button-font-size: 20px;
  --button-color: #ffffff;
  --button-border-radius: 24px;
  --gf-local-border-color: #2b33cb !important;
  --gf-field-pg-prog-text-transform: lowercase;
}

body .gform-theme--foundation {
	--gf-form-gap-x: 20px;
	--gf-form-gap-y: 20px;
	--gf-field-list-btns-gap: 20px;
	--gf-radius: 24px !important;
}


/* gravity forms */

body .gform_wrapper h2.gform_title {
    display: none !important;
}

/* Gravity Forms form container */
.gform-theme--foundation.gform_wrapper {
  padding: var(--form-padding);
  margin: var(--form-margin);
}

/* Gravity Forms field labels */
.gform-theme--foundation.gform_wrapper .gfield_label {
	display: none;
}

/* Gravity Forms form fields */
.gform-theme--foundation.gform_wrapper .gfield input[type="text"],
.gform-theme--foundation.gform_wrapper .gfield input[type="email"],
.gform-theme--foundation.gform_wrapper .gfield input[type="url"],
.gform-theme--foundation.gform_wrapper .gfield input[type="tel"],
.gform-theme--foundation.gform_wrapper .gfield textarea {
	width: 100%;
	padding: var(--field-padding);
	border: 1px solid var(--field-border-color);
	border-radius: var(--field-radius);
	background-color: var(--field-background-color);
	font-size: var(--field-font-size);
	margin-bottom: var(--field-margin);
	box-sizing: border-box;
	color: var(--gf-secondary-color);
	min-height: 40px;
	box-shadow: none;
}
/* Gravity Forms focus state for form fields */
.gform-theme--foundation.gform_wrapper .gfield input[type="text"]:focus,
.gform-theme--foundation.gform_wrapper .gfield input[type="email"]:focus,
.gform-theme--foundation.gform_wrapper .gfield input[type="url"]:focus,
.gform-theme--foundation.gform_wrapper .gfield input[type="tel"]:focus,
.gform-theme--foundation.gform_wrapper .gfield textarea:focus {
  color: #161616; /* Bright white background on focus */
  border-color: #2b33cb; /* Optional: change border color on focus */
  outline: none; /* Remove default outline */
}


/* Gravity Forms field descriptions */
.gform-theme--foundation.gform_wrapper .gfield_description {
  font-size: var(--description-font-size);
  color: var(--description-color);
  margin-bottom: 10px;
  box-shadow: none;
}

/* Gravity Forms select fields */
.gform_wrapper select {
	height: 3.4em !important;
	width: 100%;
	border-radius: 8px !important;
	border-color: #edefef !important;
	background: #ffffff !important;
	padding: 4px 10px 0px 12px !important;
	box-shadow: none !important;
}

/* Gravity Forms textarea */
.gfield textarea.small textarea.medium textarea.large {
	border-radius: 8px !important;
	border-color: #edefef !important;
}

/* Gravity Forms checked state */
.gform-theme--foundation.gform_wrapper .gfield input[type="checkbox"]:checked {
  background-color: #ffffff;
  border-color: var(--field-border-color-focus);
}

/* Gravity Forms description */
.gform-theme--framework .gfield_consent_description {
	padding: 12px;
	border-radius: var(--field-radius);
}

/* Gravity Forms pre-filled fields */

.gform-theme--framework a {
	color: #161616;
}

.gform-theme--framework .gform_validation_errors {
	background: transparent !important;
	border-radius: var(--field-radius) !important;
	border-color: #f55d3e !important;
	box-shadow: none;
}

.gform-theme--framework .gform_validation_errors .gform_submission_error {
	color: #f55d3e !important;
}

/* Gravity Forms image choice */

.gform-theme--framework .gfield--type-image_choice.gfield--image-choice-appearance-card .gchoice {
	box-shadow: none;
}

/* 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 */
}