/*
Theme Name:  BohnennWebdesign
Theme URI:   http://divithemes.reviews
Version:     1.1
Description: Divi child theme.
Author:      Bohnenn Webdesign
Author URI:  https://www.bohnennwebdesign.nl
Template:    Divi
*/


/*---- Typography ----*/
body {
  	font-family: "Google Sans", sans-serif !important;
}
h1 {
	
}
h2 {
    font-family: "Josefin Sans", sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

/*---- Menu ----*/
.desktop-header a {
    display: block;
    background: linear-gradient(180deg, #4cb148, #42a03e);
    padding: 8px 9px 4px;
    font-family: "Kalam",cursive;
    font-size: 24px;
    border-radius: 4px;
    font-weight: 400;
	text-transform: uppercase;
	transition: all .3s ease;
}
.desktop-header a:hover{
  	text-shadow: 0 0 0 #000, 0.5px 0 0 #000;
	background: linear-gradient(180deg, #41993e, #3a8b36);
}

/*---- Pattern BG ----*/
div#et-main-area:before {
    content: '';
    width: 10vw;
    height: calc(100vh - 120px);
    position: fixed;
    background-color: #496747;
    background-image: url(/wp-content/uploads/2026/02/werk-linker-achtergrond.webp);
    background-size: 100%;
    background-repeat: repeat-y;
	left: 0;
	top: 120px;
}
div#et-main-area:after {
    content: '';
    width: 10vw;
    height: calc(100vh - 120px);
    position: fixed;
    background-color: #496747;
    background-image: url(/wp-content/uploads/2026/02/werk-rechter-achtergrond.webp);
    background-size: 100%;
    background-repeat: repeat-y;
	right: 0;
	top: 120px;
}
body.admin-bar div#et-main-area:before, body.admin-bar div#et-main-area:after {
	height: calc(100vh - 152px);
	top: 152px;
}
body.home div#et-main-area:before {
	background-image: url(/wp-content/uploads/2026/02/linker-achtergrond.webp);
}
body.home div#et-main-area:after {
	background-image: url(/wp-content/uploads/2026/02/rechter-achtergrond.webp);
}
@media only screen and (min-width: 1600px) {
	div#et-main-area:before, div#et-main-area:after {
		width: calc(50% - 640px);
	}
}

/*---- Home tag grid ----*/
.home-tag-grid .et_pb_text {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,0.65);
    padding: 5px;
}
.home-tag-grid .et_pb_column:hover {
	cursor: pointer;
}
.home-tag-grid .et_pb_column .et_pb_image_wrap {
	overflow: hidden;
}
.home-tag-grid .et_pb_column img {
    transform: scale(1);
	transition: all .3s ease;
}
.home-tag-grid .et_pb_column:hover img {
    transform: scale(1.1);
}