/*
Theme Name: Thema
Description: Template speciaal ontworpen voor Victor
Version: 1.0
Author: Bastiaan Blaauw
Author URI: https://statuur.nl/
License: Themeforest Split Licence
License URI: Statuur
Theme URI: www.kriesi.at/themes/enfold/
Template: enfold
*/

body{
	border-top:8px solid #4e5b43!important;
}

h1,h2,h3,h4,h5,h6{
    text-transform: none!important;
}

#payoff h1.av-special-heading-tag {
	font-weight:500;
}
#payoff .av-subheading_below p{
	font-style: italic;
	font-weight: 300!important;
}

#quote{
	margin: 8px 0;
}

.pxmargin{
	margin:0 8px;
	width: calc(100% - 16px);
}

#zoek-de-verbinding .avia-button {
	background:#7d701b;
}

.avia-button-wrap{
	display: block;
	min-height:64px;
}

#activiteiten .avia-button {
	background:#4e5b43;
	position: absolute;
	bottom:32px;
	left:50%;
	transform: translateX(-50%);
}

#zoek-de-verbinding .flex_column.av_one_third:hover h2,
#zoek-de-verbinding .flex_column.av_one_third:hover .av-subheading.av-subheading_below{
	color:#801b31!important;
}

#zoek-de-verbinding .flex_column.av_one_third:hover .avia-button {
	background:#801b31
}

#zoek-de-verbinding .flex_column.av_one_third:hover {
	background:#fff
	
}

#zoek-de-verbinding .flex_column.av_one_third{
	border-radius:8px;
	background:#eeeeee;
}

#reviews .slide-entry{
	border-radius:8px;
	min-height:210px;
}

.main_color .toggle_content strong{
	color: inherit!important;
}

body div .avia-button {
	border-radius: 8px 8px 20px 8px;
	border:none;
}

form fieldset label{
	font-weight:300!important;
	font-size:14px!important;
	color:#3a3a3a!important;	
}

form fieldset textarea,
form fieldset input[type='text'],
form fieldset input[type='submit']{
	border-radius: 8px 8px 20px 8px!important;
}

form fieldset input[type='submit']{
	background:#801b31!important;
	font-size:16px!important;
	font-weight:500!important;
	font-family: "Ubuntu", sans-serif;
	border:none!important;
}

form fieldset h3{
	color:#3a3a3a!important;
	font-weight:300!important;	
}

form fieldset h3:not(:first-child){
	padding-top:20px;
	margin-bottom: 0px;
}

form fieldset h4{
	font-weight:300!important;	
	font-size:14px!important;
	color:#3a3a3a!important;
}

input[type="checkbox"] {
  /* Reset default */
  appearance: none;
  -webkit-appearance: none;

  /* Size */
  width: 42px;
  height: 42px;

  /* Shape */
  border-radius: 8px 8px 20px 8px;

  /* Box style */
  border: 0px solid #801b31;
  background-color: #fff;
  cursor: pointer;

  /* Center the checkmark */
  display: inline-flex;
  align-items: center;
  justify-content: center;

  transition: background-color 0.2s ease;
}

/* Checkmark via pseudo-element */
input[type="checkbox"]::after {
  content: "";
  display: none;
  width: 10px;
  height: 18px;
  border: 3px solid #801b31;
  border-top: none;
  border-left: none;
  transform: rotate(45deg) translate(-1px, -2px);
}

p.form_element:has(input[type="checkbox"]) {
  display: flex;
  align-items: center;
  gap: 10px;
}

input[type="checkbox"]::after {
  content: "";
  display: none;

  /* Size of the tick */
  width: 10px;
  height: 18px;
  border: 3px solid #801b31;
  border-top: none;
  border-left: none;

  /* Center it */
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%) rotate(45deg);
}

input[type="checkbox"]:checked::after {
  display: block;
}
/* Optional: filled background on check */
input[type="checkbox"]:checked {
  background-color: #eeeeee;
}

/* Focus ring for accessibility */
input[type="checkbox"]:focus-visible {
  outline: 2px solid #801b31;
  outline-offset: 2px;
}


#top .logo img,
#top .logo .subtext img {
	display: none !important;
}

#top .logo.text-logo {
	display: flex;
	align-items: center;
	text-decoration: none;
}

#top .logo.text-logo .site-title {
	font-size: 48px;
    font-family: "Ubuntu", sans-serif;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1;
	color: inherit;
}

.widgettitle {
	font-size:24px;	
}

.header_color .main_menu ul:first-child > li,
.header_color .main_menu ul:first-child > li > a{
	font-size:22px;	
	font-weight:300;
}


.icon-grid {
  display: flex;
  flex-direction: column;
  margin-top:62px;
}

.icon-row {
  margin-left: 32px;
  margin-bottom: 32px;
}

.icon-row a {
  display: flex;
  align-items: center;
  gap: 16px;
  text-decoration: none;      /* optional: remove underline */
}

.icon-row a img {
  flex-shrink: 0;             /* keeps image at fixed 64x64 */
}

.icon-row a span {
  line-height: 1.4;
}