/*
 Theme Name:   Twee en 20 stramien
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.5
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/






/* over ons effectjes */
/* relevant styles */
.img__wrap {
  position:relative;
  height:200px;
  width:257px;
}

.img__description_layer {
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background:rgba(71, 66, 70, 0.8);
  color:#fff;
  visibility:hidden;
  opacity:0;

  /* transition effect. not necessary */
  transition:opacity .2s, visibility .2s;
}

.img__wrap:hover .img__description_layer {
  visibility:visible;
  opacity:1;
}

.img__description {
  transition:.2s;
  transform:translateY(1em);
}

.img__wrap:hover .img__description {
  transform:translateY(0);
}

.img__title{
/* 	background: red; */
}
.img__title h2{
	margin: 0px;
	margin-top: 10%;
	text-align: center;
}
.img__text{
/* 	background: blue; */
  	position: absolute;
	bottom:0;
	width: 100%;
	text-align: center;
	font-style: italic;
	margin-bottom: 10%;
}
.img__expertise{
/* 	background: purple; */
  	position: absolute;
  	top: 50%;
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	width: 80%;
	margin-left: 10%;
}




/* Dit is voor de header zodat die scrollbaar is */
#navbarNavDropdown ul {
	max-height:70vh;
    overflow-y:auto;
}



/* 4-3-2021 Kleinere titels op mobiel*/
@media (max-width:768px) { h1 { font-size: 2.5em;word-wrap: break-word;} }





/* Witte bolletjes in hero weghalen 27-3-2021 */
@media (max-width:768px) {
.hero-slider .slick-dots {
    display: none !important;
}
}