/*
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: "Open Sans", sans-serif;
	font-size: 16px;
	color: #231f20;
	line-height: 1.7;
	font-weight: 400;
}
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-family: "Poppins", sans-serif;
    color: #000;
    font-size: 48px;
    font-weight: 600;
	line-height: 1.2;
}
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-family: "Poppins", sans-serif;
	color: #0f172a;
	font-size: 30px;
	line-height: 1.33;
	font-weight: 600;
	letter-spacing: -0.75px;
	text-transform: unset;
}
h3 {
	font-family: "Poppins", sans-serif;
	color: #0f172a;;
	font-size: 20px;
	line-height: 1.4;
	font-weight: 600;
}
h4, .et_pb_toggle .et_pb_toggle_title {
	font-family: "Poppins", sans-serif;
	color: #0f172a !important;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
}
.et_pb_button {
	font-family: "Poppins", sans-serif;
	text-transform: uppercase;
}

.et_pb_row.foto-tekst.et_pb_equal_columns .et_pb_column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
@media only screen and (max-width: 980px) {	
	.et_pb_row.foto-tekst.foto-tekst-mobiel.et_pb_equal_columns {
    	display: flex;
    	flex-direction: column;
	}
	.et_pb_row.foto-tekst.foto-tekst-mobiel.et_pb_equal_columns .et_pb_column:last-child {
		order: -1;
		margin-bottom: 30px !important;
	}
	.et_pb_row.foto-tekst.foto-tekst-mobiel.et_pb_equal_columns .et_pb_column:first-child {
		margin-bottom: 0 !important;
	}
}

@media only screen and (max-width: 767px) {
	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: 24px;
	}
}


/*---- General ----*/
.et_header_style_left .logo_container {
	width: 80% !important;
}
.et_pb_row, .et-db #et-boc .et-l .et_pb_row {
	width: 90%;
}
.container.et_menu_container {
	width: 90% !important;
}
h1:last-child, h2:last-child, h3:last-child {
	padding-bottom: 0;
}
.et_pb_button {
	font-weight: 500;
	line-height: 1.5 !important;
}
.et_pb_gutters3 .et_pb_column .et_pb_module {
	margin-bottom: 35px
}
.et_pb_text ul:last-child {
	padding-bottom: 0;
}
.et_pb_text ul li:not(:last-child) {
    padding-bottom: 20px;
}
.et_pb_text a {
    text-decoration: underline;
    text-underline-offset: 2px;
}
.et_pb_number_counter .percent {
	height: 48px;
}
.et_pb_number_counter .percent p {
	font-size: 48px;
	line-height: 1;
}
header {
	box-shadow: unset !important;
}
.home-icons .et_pb_image_wrap {
    background: #005497;
    aspect-ratio: 1;
    width: 180px;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    border-radius: 300px;
    justify-content: center;
    padding: 40px;
}
.home-icons .et_pb_image_wrap img {
    width: 100%;
    aspect-ratio: 1;
    object-fit: contain;
    filter: brightness(0) invert(1);
}
.et_pb_text h3:not(:first-child), .et_pb_post_content h3:not(:first-child) {
	padding-top: 20px;
}

@media only screen and (max-width: 767px) {
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
		width: 100%;
		padding: 0 !important;
	}
	.container.et_menu_container:before {
    	background: #fff;
    	content: '';
    	width: 100%;
    	height: 100%;
    	top: 0;
    	left: 0;
	    position: absolute;
    	border-radius: 40px;
	}
	.et_pb_fullwidth_header .et_pb_fullwidth_header_container .header-content a.et_pb_button {
    	margin-left: auto;
    	margin-right: auto;
    	min-width: 250px;
	}
}
#mobile_menu {
    background: #fff !important;
    border-radius: 0 0 40px 40px;
    border: 0;
    padding: 50px 20px 20px;
    top: 40px;
    z-index: -1;
}

/*---- Logos ----*/
.logos .et_pb_column {
    filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.2));
    padding-bottom: 60px;
	transition: all .3s ease;
}
.logos .et_pb_column:hover {
    transform: scale(1.05) translateY(10px);
}
.logos .et_pb_column:before {
    content: '';
    width: 100%;
    height: calc(100% - 30px);
    background: linear-gradient(90deg, #002e73, #0b55b7);
    position: absolute;
    bottom: 0;
    left: 0px;
    clip-path: polygon(50% 0, 100% 17%, 100% 83%, 50% 100%, 0 83%, 0 17%);
}
.logos .et_pb_column:nth-child(odd):before {
	background: #fff;
}
.logos .et_pb_image {
    border: 1px solid #000;
    padding: 15px;
    border-radius: 100%;
    aspect-ratio: 1;
    max-width: 80%;
    background: #fff;
    margin-bottom: 15px !important;
    display: flex;
    justify-content: center;
    align-items: center;
}
.logos img {
    aspect-ratio: 1;
    object-fit: contain;
    filter: brightness(0) contrast(100%);
    max-height: 120px !important;
}
.logos .et_pb_text {
	text-align: center;
	font-weight: 600;
}
.logos .et_pb_text h4 {
	text-transform: uppercase;
	color: #0b55b7 !important;
	font-size: 20px;
	font-weight: 700;
	padding-bottom: 5px;
}
.logos .et_pb_column:nth-child(even) .et_pb_text, .logos .et_pb_column:nth-child(even) .et_pb_text h4 {
	color: #fff !important;
}

/*---- Menu ----*/
.container.et_menu_container {
    background: #fff;
    margin-top: 30px;
    padding: 0 50px;
    border-radius: 100px;
    box-shadow: 0 1px 10px rgba(0,0,0,0.2);
}
#top-menu li a {
    font-weight: 600 !important;
}
nav li.call-us a:before {
    font-family: 'ETMODULES';
    content: '\e090';
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 0;
    font-size: 18px;
    transition: all .3s ease;
}
nav li.mail-us a:before {
    font-family: 'ETMODULES';
    content: '\e076';
    text-align: center;
    vertical-align: middle;
    margin-right: 5px;
    margin-left: 0;
    font-size: 18px;
    transition: all .3s ease;
}
@media only screen and (max-width: 1180px) and (min-width: 981px) {
	.container.et_menu_container {
		width: 95% !important;
	}
}
@media only screen and (max-width: 1120px) and (min-width: 981px) {
	#top-menu li a {
		font-size: 14px !important;
	}
}
@media only screen and (max-width: 1050px) and (min-width: 981px) {
	#top-menu li {
		padding-right: 14px !important;
	}
}

/*---- Home header ----*/
.home-header .et_pb_row:before {
    content: '';
    aspect-ratio: 1512/1019;
    height: calc(100% - 80px);
    background: url(https://brandsplus.com/wp-content/uploads/2024/06/header-overlay.png);
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: contain;
    position: absolute;
    transform: translateY(7.7%) translateX(-5.2%);
    left: 0;
}
@media only screen and (max-width: 980px) {
	.home-header .et_pb_row:before {
		height: unset;
		width: 100%;
		bottom: 0;
	}
	.home-header.sidepage .et_pb_row {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.home-header.sidepage .et_pb_row .et_pb_column {
		margin-bottom: 0 !important;
	}
}

/*---- Footer ----*/
footer .et_pb_section:before {
    content: '';
    height: calc(100% + 30px);
    aspect-ratio: 1036/584;
    background: url(https://brandsplus.com/wp-content/uploads/2024/06/footer-overlay.png);
    background-position: bottom left;
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    display: block;
}
@media only screen and (max-width: 980px) {
	footer .et_pb_section:before {
		width: 100%;
	}
}

/*---- USP Blurbs ----*/
.usp-check .et_pb_blurb_content {
    min-height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0px 0px 10px rgba(0,0,0,0.2);
    padding: 60px 40px 20px;
	max-width: 100% !important;
}
.usp-check .et_pb_blurb_content .et_pb_main_blurb_image {
    width: 80px;
    position: absolute;
    top: -40px;
    left: calc(50% - 40px);
    background: #fff;
    border-radius: 120px;
}
.usp-check .et_pb_blurb_content h4 {
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
}
.usp-check .et_pb_blurb_content .et-pb-icon {
	font-size: 80px !important;
}
@media only screen and (max-width: 980px) {
	.usp-check .et_pb_blurb_content {
		margin-bottom: 40px;
	}
}

/*---- Brand grid ----*/
.brand-grid {
	column-gap: 6px;
	background: #000;
}
.brand-grid:after {
	display: none;
}
.brand-grid .et_pb_column {
    aspect-ratio: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 40px;
    border: 0px solid #000;
}
.brand-grid .et_pb_column:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.25);
    mix-blend-mode: multiply;
    transition: all .3s ease;
}
.brand-grid .et_pb_column:hover:before {
    background: rgba(0,0,0,0.5);
}
.brand-grid .et_pb_column img {
    filter: brightness(0) invert(1);
    max-width: 240px;
}
.brand-grid .et_pb_column .et_pb_image {
	margin: 0 auto;
}

/*---- Gravity forms ----*/
.gfield input[type=text], .gfield input[type=email], .gfield input[type=tel], .gfield textarea {
    padding: 16px 20px !important;
    font-size: 16px !important;
    border-radius: 0;
    border: 1px solid #005497;
    line-height: 1.2 !important;
    height: unset;
}
.gform_button {
    font-weight: 600 !important;
    margin-bottom: 0px;
    border: 0;
    border-radius: 0 !important;
    background: #005497 !important;
    color: #fff !important;
    margin-top: 0px;
    width: unset;
    font-size: 20px !important;
    line-height: 1.5 !important;
    padding: 12px 25px !important;
    display: inline-block !important;
    cursor: pointer !important;
    text-transform: uppercase !important;
    font-family: "Poppins", sans-serif !important;
}
.gform_button:hover {
	background: #003164 !important;
}
p.gform_required_legend {
	display: none !important;
}