/*
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, .et_pb_text, .et_pb_code {
	font-family: "Poppins", sans-serif;
	font-weight: 500;
}
h1, .et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1 {
    color: #224775;
    font-size: 72px;
    font-weight: 700;
    line-height: 1.1;
	text-transform: uppercase;
}
h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2, .et_pb_title_container h1, .sidepage-heading h1, .et-db #et-boc .et-l .et_pb_column_1_3 h2 {
    font-size: 34px;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
}
h3, .et_pb_column_1_3 h3, .et_pb_column_1_4 h3, .et_pb_column_1_5 h3, .et_pb_column_1_6 h3, .et_pb_column_2_5 h3, .gfield_label {
	color: #224775;
    font-size: 21px;
    font-weight: 500;
    line-height: 1.2;
	text-transform: uppercase;
	font-weight: 700;
}
h4, .et_pb_toggle .et_pb_toggle_title {
	color: #5F5F37 !important;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
}
.h2-as-h1 h2 {
	font-size: 72px !important;
}
@media only screen and (max-width: 767px) {
	.et_pb_text, .et_pb_text li, .et_pb_code {
    	font-size: 14px;
    	line-height: 1.5;
	}
	h1, .et_pb_column_1_3 h1, .et_pb_column_1_4 h1, .et_pb_column_1_5 h1, .et_pb_column_1_6 h1, .et_pb_column_2_5 h1 {
		font-size: 40px;
	}
	h2, .et_pb_column_1_3 h2, .et_pb_column_1_4 h2, .et_pb_column_1_5 h2, .et_pb_column_1_6 h2, .et_pb_column_2_5 h2, .et_pb_title_container h1, .sidepage-heading h1, .et-db #et-boc .et-l .et_pb_column_1_3 h2 {
		font-size: 27px;
	}
	.h2-as-h1 h2 {
		font-size: 40px !important;
	}
}

/*---- General ----*/
.et_pb_row, .et-db #et-boc .et-l .et_pb_row {
	width: 90%;
}
h1:last-child, h2:last-child {
	padding-bottom: 0;
}
.et_pb_text ul:last-child {
	padding-bottom: 0;
}
.et_pb_text ul li:not(:last-child) {
    padding-bottom: 0px;
}
.et_pb_equal_columns .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.bottom-button .et_pb_column {
    justify-content: flex-start;
}
.bottom-button .et_pb_column .et_pb_module:last-child {
    margin-top: auto;
}
.et_pb_button:after {
	margin-left: 15px !important;
}
.et_builder_inner_content {
	overflow: hidden;
}

/*---- Dubbel knop ----*/
.dubbel-knop .et_pb_button_module_wrapper {
    display: inline-block;
}
.dubbel-knop .et_pb_button_module_wrapper:nth-last-child(-n+2) {
    margin-bottom: 0 !important;
}
.dubbel-knop .et_pb_button_module_wrapper + .et_pb_button_module_wrapper {
	margin-left: 20px;
}

/*---- Menu ----*/
#top-menu-nav>ul>li>a:hover {
    opacity: 1;
    color: #231f20;
}
#top-menu li {
	padding-right: 40px;
}
@media only screen and (max-width: 980px) {
	.container.et_menu_container {
    	width: 95% !important;
	}
	#logo {
    	max-height: 95%;
    	max-width: 90% !important;
	}
}

/*---- Form ----*/
.gform-theme--foundation .gform_fields {
    grid-gap: 30px !important;
	grid-template-columns: 100%;
}
.gform-theme--foundation .gfield {
	grid-column: 1/-1 !important;
}
p.gform_required_legend, .gfield_required_asterisk {
	display: none !important;
}
.gform-theme--foundation .gfield_label {
    font-size: 32px !important;
    color: #000 !important;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
}
.gform-theme--foundation .gfield .ginput_password.large, .gform-theme--foundation .gfield input.large, .gform-theme--foundation .gfield select.large {
    box-shadow: none;
    font-size: 16px;
    color: #b1b3b6;
    background-color: #fff;
    padding: 9px 15px;
    height: unset;
    border: 0px solid #707070;
    border-radius: 0px;
    font-weight: 500;
}
.gform-theme--foundation .gfield textarea {
    font-size: 16px;
    color: #b1b3b6;
    background-color: #fff;
    padding: 9px 15px;
	border: 0px solid #707070;
    border-radius: 0px;
}
.gform_button.button {
    font-size: 16px !important;
    color: #fff !important;
    display: inline-block !important;
    background-color: #000 !important;
    padding: 9px 30px !important;
    line-height: 1.7 !important;
    border-radius: 200px !important;
    border: 0 !important;
	cursor: pointer !important;
	transition: all .3s ease 0s !important;
	font-weight: 800 !important;
}
.gform_button.button:hover {
	transform: translatey(-3px);
}
.gform-theme--foundation .gform_footer {
    justify-content: flex-start;
}

/*---- Home header ----*/
.home-header {
    padding: 80px 0 !important;
    min-height: 27.26vw !important;
    display: flex;
}
.home-header .et_pb_row {
	padding: 0;
}
.home-header h1 {
    color: #fff;
    font-size: 76px;
    line-height: 1;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -0.01em;
}
.home-header h1 span.space {
    padding-left: 1.6em;
}
.home-header .payoff {
    color: #fff;
    font-size: 22px !important;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 20px;
}
.home-header p {
    color: #fff;
    font-size: 19px;
    line-height: 1.4;
    max-width: 520px;
	font-weight: 500;
}
@media only screen and (max-width: 767px) {
	.et_pb_section.home-header.et_section_regular {
		background-image: url(/wp-content/uploads/2025/11/header-afbeelding-mobile.webp) !important;
		min-height: 69.18vw;
		padding: 50px 0 !important;
	}
	.home-header h1 {
		font-size: 48px;
	}
	.home-header .payoff {
		font-size: 17px !important;
		padding-bottom: 5px !important;
	}
	.home-header p {
		font-size: 14px;
	}
}

/*---- Wie zijn wij ----*/
.wie-zijn-wij {
    background: #e5f4f1;
    margin-top: 80px;
    padding: 0 !important;
	margin-bottom: 100px
}
.wie-zijn-wij .et_pb_row {
	padding: 0 !important;
}
.wie-zijn-wij .et_pb_text {
    background: #cce9e4;
    border-radius: 30px;
    max-width: 960px;
    margin: 0 auto !important;
    padding: 65px 65px 105px;
}
.wie-zijn-wij .et_pb_text_inner {
    max-width: 65%;
    padding-right: 65px;
}
.wie-zijn-wij .et_pb_text_inner p {
    padding-left: 80px;
    font-weight: 500;
}
.wie-zijn-wij .et_pb_image {
    max-width: calc(50% - 480px + 336px);
    position: absolute;
    right: 0;
    bottom: -100px;
}
.wie-zijn-wij .et_pb_image img {
	border-radius: 30px;
}
@media only screen and (max-width: 1360px) {
	.wie-zijn-wij .et_pb_text {
		padding: 65px;
	}
}
@media only screen and (max-width: 1240px) {
	.wie-zijn-wij .et_pb_image {
    	max-width: calc(50% - 480px + 380px);
	}
}
@media only screen and (max-width: 1100px) {
	.wie-zijn-wij {
		margin-bottom: 80px;
	}
	.wie-zijn-wij .et_pb_image {
    	bottom: -80px;
	}
}
@media only screen and (max-width: 980px) {
	.wie-zijn-wij {
		margin-bottom: 0px;
	}
	.wie-zijn-wij .et_pb_image {
    	position: relative;
    	top: unset;
    	bottom: unset;
    	left: unset;
    	right: unset;
    	max-width: 80vw;
    	margin-top: -100px;
    	margin-left: 5vw;
	}
	.wie-zijn-wij .et_pb_text {
		padding-bottom: 130px;
	}
	.wie-zijn-wij .et_pb_text_inner {
		max-width: 100%;
		padding-right: 0;
	}
	.wie-zijn-wij .et_pb_image:before {
    	content: '';
    	width: 100vw;
    	height: calc(100% - 100px);
    	background: #fff;
    	position: absolute;
    	bottom: 0;
    	left: -10vw;
	}
}
@media only screen and (max-width: 767px) {
	.wie-zijn-wij {
		margin-top: 50px;
	}
	.wie-zijn-wij .et_pb_text {
    	padding: 50px 30px 130px;
	}
	.wie-zijn-wij .et_pb_text_inner p {
		padding-left: 40px;
	}
}

/*---- Zo werkt het ----*/
.zo-werkt-het {
    background: #c9e2ab;
    margin-top: 200px;
    padding: 0 !important;
	margin-bottom: 0px
}
.zo-werkt-het .et_pb_row {
	padding: 0 !important;
}
.zo-werkt-het .et_pb_text {
    background: #a0d080;
    border-radius: 30px;
    max-width: 62.5%;
    margin: 0 0 0 auto !important;
    padding: 65px 65px 65px;
}
.zo-werkt-het .et_pb_text_inner ul {
    padding-left: 80px;
    font-weight: 500;
}
.zo-werkt-het .et_pb_image {
    max-width: calc(37.5% - 65px);
    position: absolute;
    left: 0;
    top: -100px;
}
.zo-werkt-het .et_pb_image img {
	border-radius: 30px;
}
@media only screen and (max-width: 1100px) {
	.zo-werkt-het {
		margin-top: 180px;
	}
}
@media only screen and (max-width: 980px) {
	.zo-werkt-het {
		margin-bottom: 0px;
		margin-top: 80px;
	}
	.zo-werkt-het .et_pb_image {
    	position: relative;
    	top: unset;
    	bottom: unset;
    	left: unset;
    	right: unset;
    	max-width: 80vw;
    	margin-top: -100px;
    	margin-left: 5vw;
	}
	.zo-werkt-het .et_pb_text {
		padding-bottom: 130px;
		max-width: 100%;
	}
	.zo-werkt-het .et_pb_image:before {
    	content: '';
    	width: 100vw;
    	height: calc(100% - 100px);
    	background: #fff;
    	position: absolute;
    	bottom: 0;
    	left: -10vw;
	}
}
@media only screen and (max-width: 767px) {
	.zo-werkt-het {
		margin-top: 50px;
	}
	.zo-werkt-het .et_pb_text {
    	padding: 50px 30px 130px;
	}
	.zo-werkt-het .et_pb_text_inner ul {
		padding-left: 40px;
	}
}

/*---- Inspiratie ----*/
.inspiratie.et_pb_section {
	padding: 80px 0;
}
.inspiratie .et_pb_row {
	padding: 0;
}
.inspiratie .et_pb_code {
    max-width: 960px;
    margin: 0 auto;
}
.kant-carousel {
    padding-bottom: 60px;
}
.kant-carousel__item {
    display: none;
}
.kant-carousel__item.is-active {
    display: flex;
}
.kant-carousel__inner {
    display: flex;
    gap: 60px;
	flex-wrap: wrap;
}
.kant-carousel__inner > * {
	width: calc(50% - 30px);
	position: relative;
}
.kant-carousel__inner img {
	border-radius: 30px;
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
}
.kant-carousel__col--content {
	padding: 30px;
	border-radius: 30px;
}
.kant-carousel__item .kant-carousel__col--content:before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transform: rotate(5deg);
}
.kant-carousel__item:nth-child(4n+1) .kant-carousel__col--content {
	background: #b2a4cf;
}
.kant-carousel__item:nth-child(4n+1) .kant-carousel__col--content:before {
    background: #6c60aa;
}
.kant-carousel__item:nth-child(4n+2) .kant-carousel__col--content {
	background: #96c76d;
}
.kant-carousel__item:nth-child(4n+2) .kant-carousel__col--content:before {
    background: #559d5d;
}
.kant-carousel__item:nth-child(4n+3) .kant-carousel__col--content {
	background: #e8dd9a;
}
.kant-carousel__item:nth-child(4n+3) .kant-carousel__col--content:before {
    background: #c7b76a;
}
.kant-carousel__item:nth-child(4n+4) .kant-carousel__col--content {
	background: #559d5d;
}
.kant-carousel__item:nth-child(4n+4) .kant-carousel__col--content:before {
    background: #327a41;
}
.kant-carousel__col--content h2 {
	font-size: 39px;
	color: #fff;
	max-width: 240px;
}
.kant-carousel__dots {
    position: absolute;
    display: flex;
    gap: 15px;
    bottom: 0;
    left: calc(50% - 55px);
}
.kant-carousel__dots button {
    width: 10px;
    height: 10px;
    padding: 0;
    border: 0;
    background: rgba(0,0,0,0.2);
    border-radius: 100px;
}
.kant-carousel__dots button.is-active {
    background: rgba(0,0,0,1);
}
.kant-carousel__prev,
.kant-carousel__next {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #000;       
    border: none;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
	position: absolute;
	bottom: -15px;
}
.kant-carousel__prev {
	left: calc(50% - 55px - 55px);
}
.kant-carousel__next {
	left: calc(50% + 55px + 15px);
}
.kant-carousel__prev::before, .kant-carousel__next::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
}
.kant-carousel__prev::before {
    border-right: 11px solid #fff;
    margin-left: 2px;
    z-index: 9;
}
.kant-carousel__next::before {
    border-left: 11px solid #fff;
    margin-right: -7px;
    z-index: 9;
}
.inspiratie .et_pb_button_module_wrapper {
	position: absolute;
    bottom: -12px;
}
@media only screen and (max-width: 980px) {
	.kant-carousel {
    	padding-bottom: 30px;
	}
	.kant-carousel__inner {
		flex-direction: column-reverse;
	}
	.kant-carousel__inner > * {
		width: 100%;
	}
	.kant-carousel__col--content {
		min-height: 90vw;
	}
	.inspiratie .et_pb_button_module_wrapper {
    	position: relative;
    	bottom: 0;
	}
	.kant-carousel__prev, .kant-carousel__next {
    	bottom: unset;
    	top: calc(50% - 35px);
	}
	.kant-carousel__prev {
    	left: -2.5vw;
	}
	.kant-carousel__next {
    	left: unset;
		right: -2.5vw;
	}
	.kant-carousel__dots {
		bottom: unset;
    	top: calc(50% - 20px);
	}
}
@media only screen and (max-width: 767px) {
	.inspiratie.et_pb_section {
		padding: 50px 0;
	}
	.kant-carousel__col--content h2 {
		font-size: 32px;
	}
}

/*---- Verhalen home ----*/
.verhalen-home.et_pb_section {
	padding-top: 40px !important;
	padding-bottom: 80px;
}
.verhalen-home.et_pb_section .et_pb_row {
	padding: 0;
}
.verhalen-list {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 50px;
}
.verhalen-item {
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
    padding: 0px;
    border-radius: 30px;
	position: relative;
}
.verhalen-item:nth-child(4n+1) {
	background: #e8dd9a;
}
.verhalen-item:nth-child(4n+2) {
	background: #75ba5f;
}
.verhalen-item:nth-child(4n+3) {
	background: #b2a4cf;
}
.verhalen-item:nth-child(4n+4) {
	background: #a0d080;
}
.verhalen-item:nth-child(odd):before {
    content: '';
    position: absolute;
    width: 60vw;
    height: 100%;
    top: 0;
    right: 50%;
    z-index: -10;
}
.verhalen-item:nth-child(even):before {
    content: '';
    position: absolute;
    width: 60vw;
    height: 100%;
    top: 0;
    left: 50%;
    z-index: -10;
}
.verhalen-item:nth-child(4n+1):before {
	background: #f2eeca;
}
.verhalen-item:nth-child(4n+2):before {
	background: #a0d080;
}
.verhalen-item:nth-child(4n+3):before {
	background: #d3cce5;
}
.verhalen-item:nth-child(4n+4):before {
	background: #c9e2ab;
}
.verhalen-item__content {
    width: calc(60% - 15px);
	padding: 60px 0 60px 60px;
}
.verhalen-item:nth-child(even) .verhalen-item__content {
	padding: 60px 60px 60px 0px;
}
.verhalen-item__content h2 {
    font-size: 39px;
    color: #fff;
}
.verhalen-item__image {
    width: calc(40% - 15px);
	position: relative;
	overflow: hidden;
	border-radius: 30px;
}
.verhalen-item:nth-child(even) .verhalen-item__image {
	order: -1;
}
.verhalen-item__image img {
    border-radius: 30px;
    transform: rotate(-5deg);
    position: absolute;
    width: 120%;
    max-width: unset;
    top: 10%;
    left: 10%;
    aspect-ratio: 1;
    object-fit: cover;
}
.verhalen-item:nth-child(even) .verhalen-item__image img {
	transform: rotate(5deg);
	left: unset;
	right: 10%;
}
.verhalen-item__more {
    display: inline-block;
    font-size: 14px;
    font-weight: 800;
    line-height: 1.7;
    color: #fff;
    background: #6c60aa;
    border-radius: 100px;
    padding: 6px 15px 5px;
    margin-top: 20px;
}
.verhalen-home .et_pb_button_module_wrapper {
	max-width: 960px;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
	.verhalen-home.et_pb_section {
		padding-bottom: 50px;
	}
	.verhalen-item {
		flex-direction: column;
	}
	.verhalen-item__content {
		padding: 30px 30px 0 !important;
		width: 100%;
	}
	.verhalen-item__content h2 {
		font-size: 32px;
	}
	.verhalen-item__image {
		width: 100%;
		order: 0 !important;
		aspect-ratio: 1;
	}
	.verhalen-item__image img {
		top: 3%;
	}
}

/*---- Doe mee ----*/
.doe-mee {
    background: #e5f4f1;
    padding: 0 !important;
	margin-bottom: 80px !important;
}
.doe-mee .et_pb_row {
	padding: 0 !important;
}
.doe-mee .et_pb_column:first-child {
    background: #cce9e4;
    border-radius: 30px;
    padding: 65px;
}
.doe-mee .et_pb_text_inner p {
    padding-left: 80px;
}
.doe-mee .et_pb_image {
	padding: 40px;
}
@media only screen and (max-width: 980px) {
	.doe-mee .et_pb_row {
		background: #cce9e4;
    	border-radius: 30px;
	}
	.doe-mee .et_pb_image {
		padding-top: 0 !important;
	}
}
@media only screen and (max-width: 767px) {
	.doe-mee {
		margin-bottom: 50px !important;
	}
	.doe-mee .et_pb_column:first-child {
		padding: 30px;
	}
	.doe-mee .et_pb_text_inner p {
		padding-left: 40px;
	}
}

/*---- Footer ----*/
.footer-section {
    background: #a0d080;
    padding: 0 !important;
}
.footer-section .et_pb_row {
	padding: 0 !important;
}
.footer-section .et_pb_column:last-child {
    background: #75ba5f;
    border-radius: 30px;
    padding: 65px;
}
.footer-section h3 {
    color: #fff;
    font-size: 68px;
    line-height: 1;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -0.01em;
}
.footer-section h3 span.space {
    padding-left: 1.6em;
}
.footer-section .payoff {
    color: #fff;
    font-size: 20px !important;
    font-style: italic;
    padding-top: 15px;
    padding-bottom: 20px;
}
.footer-section p {
	color: #fff;
}
.footer-section .et_pb_social_media_follow {
	position: absolute;
	right: 65px;
	top: 65px;
}
@media only screen and (max-width: 980px) {
	.footer-section .et_pb_column:last-child {
		margin-top: 30px;
    	padding: 0 !important;
    	display: flex;
    	flex-direction: column-reverse;
    	gap: 20px;
	}
	.footer-section .et_pb_row {
    	background: #75ba5f;
    	border-radius: 30px 30px 0 0;
    	padding: 0 30px 30px !important;
	}
	.footer-section .et_pb_social_media_follow {
		position: relative;
		top: unset;
		right: unset;
	}
}
@media only screen and (max-width: 767px) {
	.footer-section h3 {
		font-size: 48px;
	}
	.footer-section .payoff {
		font-size: 17px !important;
	}
}

/*---- Single verhaal ----*/
.verhaal-content:before {
    content: '';
    width: 100%;
    height: 100%;
    max-height: 50vh;
    position: absolute;
    top: 0;
    left: 0;
    background: #f2eeca;
}
.verhaal-content .et_pb_row:first-child {
	display: flex;
	flex-wrap: wrap;
}
.verhaal-content .et_pb_row:first-child .et_pb_column:first-child {
	width: 65%;
	background: #e8dd9a;
	border-radius: 30px;
	padding: 60px 120px 60px 60px;
	margin: 0;
}
.verhaal-content .verhaal-title {
	margin-bottom: 10px !important;
}
.verhaal-content h1 {
    font-size: 39px;
    color: #fff;
    font-weight: 900;
    line-height: 1;
    text-transform: uppercase;
    font-style: italic;
}
.verhaal-content .et_pb_post_content {
	font-weight: 500;
}
.verhaal-content .et_pb_row:first-child .et_pb_column:last-child {
	margin-left: -80px;
	width: calc(35% + 80px);
	padding-top: 109px;
}
.verhaal-content .et_pb_row:first-child .et_pb_column:last-child img {
	border-radius: 30px;
}
@media only screen and (max-width: 767px) {
	.verhaal-content h1 {
    	font-size: 32px;
	}
	.verhaal-content .et_pb_row:first-child .et_pb_column:first-child {
		width: 100% !important;
		padding: 30px !important;
	}
	.verhaal-content .et_pb_post_content {
    	font-size: 14px;
		line-height: 1.5;
	}
	.verhaal-content .et_pb_row:first-child .et_pb_column:last-child {
    	width: 100% !important;
    	margin: 0;
    	padding-top: 30px;
	}
}

/*---- Doe mee page ----*/
.doe-mee-page.et_pb_section {
	padding: 0px 0 80px;
	margin-bottom: 80px;
}
.doe-mee-page.et_pb_section .et_pb_row {
	padding: 0;
}
.doe-mee-page.et_pb_section .et_pb_row .et_pb_column:first-child {
	margin-top: 80px;
	padding-right: 30px;
}
.doe-mee-page.et_pb_section .et_pb_row .et_pb_column:last-child {
	background: #cce9e4;
	border-radius: 30px;
	padding: 60px;
	margin-top: 80px;
}
@media only screen and (max-width: 980px) {
	.doe-mee-page.et_pb_section .et_pb_row .et_pb_column:first-child {
		display: none !important;
	}
}
@media only screen and (max-width: 767px) {
	.doe-mee-page.et_pb_section {
		padding: 0px 0 50px;
		margin-bottom: 50px;
	}
	.doe-mee-page.et_pb_section .et_pb_row .et_pb_column:last-child {
		padding: 30px;
		margin-top: 50px !important;
	}
}