/*
Theme Name: Bakker&Verkuijl
Theme URI: https://www.bakkerverkuijl.nl
Author: Opolo Webdesign
Author URI: https://www.opolo.nl
Description: Theme created for Bakker&Verkuijl
Version: 1.0.0
*/

@import url('//fonts.googleapis.com/css2?family=Aleo:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

* { outline:none !important; box-shadow:none !important; touch-action:pan-x pan-y !important; }

:root {
	--bv-green:#a2d8d1;
	--bv-red:#f59788;
}

body {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Aleo", serif;
	font-optical-sizing: auto;
	font-weight: <weight>;
	font-style: normal;
}

.bg-info-subtle { background-color:var(--bv-green) !important; }
.bg-danger-subtle { background-color:var(--bv-red) !important; }

a { text-decoration:none; color:var(--bs-dark); }
a:hover:not(.btn) { text-decoration:underline; }
.dropdown-item.active, .dropdown-item:active, .dropdown-item:focus { background:none; color:inherit; text-decoration:underline; }

.btn { text-transform:uppercase; }
.btn-danger { --bs-btn-bg:var(--bv-red); --bs-btn-border-color:var(--bv-red); }

.navbar-toggler { border:none; position:relative; left:12px; top:-1px; }
.offcanvas-header .navbar-toggler { left:1px; top:-6px; }

.logo { position:absolute; height:26px; top:10px; }

.fa-check { color:var(--bv-green); }

.col-md-3 { border-right:1px solid var(--bs-dark); }
.col-md-3:last-of-type { border:none; }
.col-md-3 .icon { width:106px; height:106px; display:inline-block; }

.accordion-button:not(.collapsed) { color:var(--bs-dark); background-color:var(--bv-green); }

.footer img[src*="logo.webp"] { -webkit-filter:invert(100%); filter:invert(100%); }
.bg-dark a, .footer a { color:var(--bs-light) }

@media (max-width: 767px) {
	.col-md-3 { border:none; }
}

@media (min-width: 992px) {
	.ps-lg-5 { border-left:1px solid var(--bs-light); }
}

@media (min-width: 1200px) {
	.logo { height:40px; top:25px; }
}


/* WordPress Core
-------------------------------------------------------------- */
.alignnone {
  margin:5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
  display:block;
  margin:5px auto 5px auto;
}

.alignright {
  float:right;
  margin:5px 0 20px 20px;
}

.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}

a img.alignright {
  float:right;
  margin:5px 0 20px 20px;
}

a img.alignnone {
  margin:5px 20px 20px 0;
}

a img.alignleft {
  float:left;
  margin:5px 20px 20px 0;
}

a img.aligncenter {
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.wp-caption {
  background:#fff;
  border:1px solid #f0f0f0;
  max-width:96%; /* Image does not overflow the content area */
  padding:5px 3px 10px;
  text-align:center;
}

.wp-caption.alignnone {
  margin:5px 20px 20px 0;
}

.wp-caption.alignleft {
  margin:5px 20px 20px 0;
}

.wp-caption.alignright {
  margin:5px 0 20px 20px;
}

.wp-caption img {
  border:0 none;
  height:auto;
  margin:0;
  max-width:98.5%;
  padding:0;
  width:auto;
}

.wp-caption p.wp-caption-text {
  font-size:11px;
  line-height:17px;
  margin:0;
  padding:0 4px 5px;
}

/* Text meant only for screen readers. */
.screen-reader-text {
  border:0;
  clip:rect(1px, 1px, 1px, 1px);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute !important;
  width:1px;
  word-wrap:normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color:#eee;
  clip:auto !important;
  clip-path:none;
  color:#444;
  display:block;
  font-size:1em;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000;
  /* Above WP toolbar. */
}