/*
Theme Name: Enfold Child
Description: A <a href='http://codex.wordpress.org/Child_Themes'>Child Theme</a> for the Enfold Wordpress Theme. If you plan to do a lot of file modifications we recommend to use this Theme instead of the original Theme. Updating will be much easier then.
Version: 1.0
Author: Kriesi
Author URI: http://www.kriesi.at
Template: enfold
*/
/*HEADER*/
.header-scrolled #header_main {
	background: linear-gradient(#250B19, #253D69)!important;
}
.header-scrolled .logo img {
	padding-top: 5px!important;
	padding-bottom: 10px!important;
}
#header_main .container, #header_main .logo a, #header_main .logo a img {
    transition: all 0.3s ease-in-out !important;
}
/*INTRO-PAGE:*/
.page-entree h2 {
	font-size: 85px!important;
	font-weight: 200!important;
	letter-spacing: 5px!important;
}
.intro-page.avia-section.av-minimum-height .container .content {
    float: left!important;
}
/*ALGEMEEN:*/
H1, H2 {
	letter-spacing: 3px!important;
}
#main p a {
	text-decoration: underline!important;
}
#top #wrap_all .avia-slideshow-button, #top .avia-button, .html_elegant-blog .more-link, .avia-slideshow-arrows a:before {
    padding-top: 13px!important;
}
.av-image-caption-overlay, .avia-image-container-inner, .avia_image {
    border-radius: 0px;
}
.tussenbalk {
	background: linear-gradient(#250B19, #253D69);
}
.tussenbalk .container {
	width: 1000px!important;
	max-width: 1000px!important;
}
.tussenbalk p {
	text-transform: uppercase!important;
	letter-spacing: 3px!important;
	font-size: 17px!important;
}
.page-text-alt {
	background: linear-gradient(#D6D6D5, #ffffff);
	padding-left: 10%!important;
}
.page-text-alt-right {
	background: linear-gradient(#D6D6D5, #ffffff);
	padding-right: 10%!important;
}
.bg-img-padding {
	background-position: top 0px right!important;
}
.handtekening-bg {
	background-position: bottom 80px right!important;
}
.knop-bottom {
	position: absolute!important;
	bottom: 70px!important;
}
.knop-bottom .avia-button:hover {
	background-color: #1d49a7!important;
}
/*FORMULIER*/
.kolom-wrapper {
	display: flex;
	justify-content: space-between;
}
.kolom-links {
	width: 48%; /* Pas de breedte aan naar wens */
}
.kolom-rechts {
	width: 48%; /* Pas de breedte aan naar wens */
}
.kolom-1 {
	width: 32.33%; /* Pas de breedte aan naar wens */
}
.kolom-2 {
	width: 32.33%; /* Pas de breedte aan naar wens */
}
.kolom-3 {
	width: 32.33%; /* Pas de breedte aan naar wens */
}
#top .homeform .input-text, #top .homeform input[type=email], #top .homeform input[type=input], #top .homeform input[type=number], #top .homeform input[type=password], #top .homeform input[type=search], #top .homeform input[type=tel], #top .homeform input[type=text], #top .homeform input[type=url], #top .homeform select, #top .homeform textarea {
    padding: 27px 30px!important;
	border-radius: 50px!important;
	font-size: 20px;
}
#top .main_color .input-text, #top .main_color input[type='text'], #top .main_color input[type='input'], #top .main_color input[type='password'], #top .main_color input[type='email'], #top .main_color input[type='number'], #top .main_color input[type='url'], #top .main_color input[type='tel'], #top .main_color input[type='search'], #top .main_color textarea, #top .main_color select {
    background-color: #ffffff!important;
	border-color: #dddbdb!important;
}
.homeform {
	border-radius: 20px!important;
	background: rgba(235,235,235,0.95)!important;
}
.homeform h3 {
	font-size: 30px!important;
	margin-bottom: 50px!important;
	font-weight: 600!important;
}
#top .main_color input::placeholder {
	color: #333333!important;
}
.homeform input[type="checkbox" i] {
    width: 25px!important;
    height: 25px!important;
	float: left!important;
}
.homeform label span {
    font-size: 20px!important;
    color: #969696!important;
    display: block!important;
    height: 25px!important;
    float: left!important;
    padding-left: 10px!important;
	line-height: 33px!important;
}
.homeform label span .first {
	padding-left: 0px!important;
	margin-left: -15px;
}
.wpcf7-checkbox {
	height: 30px!important;
}
.homeform input[type=submit] {
    padding: 20px 30px;
    border-radius: 50px;
    float: right;
    font-size: 20px;
}
.homeform form {
    margin-bottom: 0px!important;
}
/* Bestemming placeholder */
.bestemming-veld::placeholder {

}
.bestemming-veld {

}
/* Datum placeholder */
.datum-veld::placeholder {

}
.datum-veld {

}
/* Tijd placeholder */
.tijd-veld::placeholder {

}
.tijd-veld {

}
/* Verberg de standaard radio button */
.radio-image input[type="radio"] {
  display: none;
}

/* Container styling: flexbox voor rij en wrap bij kleine schermen */
.radio-image-group {
  display: flex;
  flex-wrap: wrap;
  gap: 20px; /* ruimte tussen de afbeeldingen */
  justify-content: flex-start;
}

/* Afbeeldingen styling */
.radio-image img {
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  width: 170px;
  height: 170px;
  object-fit: cover;
}

/* Hover effect */
.radio-image img:hover {
  transform: scale(1.05);
}

/* Visueel geselecteerde optie */
.radio-image input[type="radio"]:checked + img {
  border-color: #0073e6!important;
  box-shadow: 0 0 10px rgba(0,115,230,0.5);
}
.radio-image input[type="radio"]:checked + img {
  border-color: #ff2d2d;
  box-shadow: 0 0 12px rgba(0,115,230,0.35);
}
.radio-image.selected img {
  border-color: #ff2d2d;
  box-shadow: 0 0 12px rgba(0,115,230,0.35);
}

/*SUPERFLY MENU*/
nav.main_menu { 
	display: none!important; 
}
.sfm-navicon-button {
	top: 30px!important;
	left: 30px!important;
}
.sfm-logo {
	top: 60px!important;
}
#sfm-overlay {
  	background: #000;
	 opacity: 0.8!important;
}
#sfm-sidebar .sfm-va-middle {
    
}
#sfm-sidebar.sfm-compact .sfm-scroll-wrapper {
	background: linear-gradient(#3B80BD, #250B19)!important; 
}
#sfm-sidebar .sfm-scroll-wrapper {
	background: linear-gradient(#3B80BD, #250B19)!important; 
}
.sfm-menu-item-295 a {
    background-color: #3b80bd; 
    color: #fff; /* Optional: Change text color */
}
.sfm-menu-item-295 .sfm-sl {
	color: #fff!important;
}
/*FOOTER*/
.logo-footer {
	margin-top: 17px!important;
}
/*MEDIA QUERY*/
@media screen and (max-width: 1650px) {
.page-entree h2 {
	font-size: 5vw!important;
}
}
@media screen and (max-width: 1400px) {
.intropagetext {
	padding-right: 0px!important;
}
}
@media screen and (max-width: 1300px) {
.page-entree h2 {
	font-size: 4.7vw!important;
}
}
@media screen and (max-height: 855px) {
.sfm-logo {
	top: 0px!important;
}
}