/*
Theme Name: Base Example Theme
Theme URI: https://techsdiv.nl
Author: WebTechs
Author URI: https://www.webtechs.nl/
Description: Theme is made by Webtechs.
Version: 1.0
Text Domain: webtechs
*/
/* TODO: Fill in the correct information above */
/* TODO: Vervang de screenshot.png */
/* This file is made for all your variables, think of colors you will use, basic spacing etc. */
/* EXAMPLE:
$text_color: #333;
$red: #FF0000;

$text_font: "Open Sans", serif;
$title_font: "Meriweather", sans-serif;
*/
.navbar .navbar-brand img {
  width: 14rem;
}

figure {
  background-size: cover;
  background-position: center;
  height: 20rem;
}

/* SECTIONS */
section {
  padding: 4rem 0;
}
section.section-sm {
  padding: 2rem 0;
}
section.section-dark {
  color: #fff;
  background-color: #333;
}
section.section-grey {
  background-color: #f9f9f9;
}

/* BLOCKS */
.block {
  padding: 2rem;
}
.block.block-grey {
  background-color: #ececec;
}

/* BLOG */
.blog {
  display: block;
  color: #333;
  background-color: #fff;
  height: 100%;
  text-decoration: none;
}
.blog .blog-photo {
  height: 13rem;
  overflow: hidden;
}
.blog .blog-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transition: all 0.5s ease;
}
.blog .blog-content {
  padding: 2rem;
}
.blog:hover {
  text-decoration: none;
  color: #333;
}
.blog:hover .blog-photo img {
  transform: scale(1.1);
}

/* CONTACT PAGE */
#map_canvas {
  height: 30rem;
}

/* FOOTER */
footer {
  padding: 4rem 0;
  background-color: #ececec;
}

/* SCREEN READER */
.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;
  width: 1px;
  word-wrap: normal !important;
}

/*# sourceMappingURL=style.css.map */