/*
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
*/

/*---- General ----*/
.et_pb_gutters3 .et_pb_column .et_pb_module {
	margin-bottom: 30px;
}
.et_pb_row, .container.et_menu_container {
	width: 90%;
}
.et_pb_module h1:last-child {
	padding-bottom: 0;
}
.et_pb_de_mach_content.et_pb_module ul {
    padding-left: 1em !important;
}
.grid-layout-grid .divi-filter-archive-loop {
	margin-bottom: 0 !important;
}
.divi-filter-pagination ul.page-numbers {
    margin-top: 30px;
}
.bijschrift {
	text-align: center !important;
	font-size: 14px;
	margin-bottom: 0px !important;
	width: 100%;
}
.et_pb_text ol {
    list-style-position: outside;
    padding-left: 2em;
}
.et_pb_text ol li {
    padding-bottom: 10px;
}
.et_pb_text ol li:last-child {
    padding-bottom: 0px;
}
a.glink img {
    width: 52px;
    padding: 0 10px !important;
}
.et-social-dribbble a.icon:before {
	content: '\e010' !important;
	font-family: 'ETModules' !important;
}
.et-social-bandcamp a.icon:before {
	content: '\e090' !important;
	font-family: 'ETModules' !important;
}
.et_pb_login {
    margin-bottom: 0 !important;
}
.custom-width-three-column .et_pb_column:first-child .et_pb_login ~ .et_pb_button_module_wrapper {
    width: calc(50% - 10px);
}
.custom-width-three-column .et_pb_column:first-child .et_pb_login ~ .et_pb_button_module_wrapper .et_pb_button {
	width: 100%;
	text-align: center;
}
.et_pb_menu .et-menu-nav>ul ul {
	width: auto !important;
}
.et-menu li li {
	width: 100%;
}
.et-menu li li a {
	width: 100%;
	white-space: nowrap;
}
.mfp-title {
	display: none !important;
}
a.et_pb_menu__icon, button.et_pb_menu__icon {
    margin: 0 30px;
}
.et_pb_menu .et_pb_menu__search-input::placeholder {
    color: #fff;
}
.et_pb_menu .et_pb_menu__search-input {
    padding: 0 20px !important;
    color: #fff !important;
}
@media only screen and (max-width: 640px) {
	#main-content .et_pb_section_0, #main-content .et_pb_section_0_tb_body {
		padding-bottom: 0 !important;
	}
} 


/*---- Typography ----*/
body {
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.7;
    -webkit-font-smoothing: auto;
}
h1, .et_pb_title_container h1 {
    color: #ddaf28;
	font-size: 40px;
    line-height: 1.2;
	font-weight: 700;
}
h2, .act-as-title {
    color: #ddaf28;
	font-size: 36px;
    line-height: 1.2;
	font-weight: 700;
	padding-bottom: 10px;
}
h3 {
    color: #ddaf28;
    font-size: 20px !important;
    line-height: 1.3;
    font-weight: 600;
}
@media only screen and (max-width: 640px) {
	h1, .et_pb_title_container h1 {
		font-size: 28px;
	}
	h2, .act-as-title {
		font-size: 24px;
	}
}

/*---- Collapsible text ----*/
.collapsible-text.collapsible {
    position: relative;
    max-height: 450px;
    transition: max-height 1s ease;
}
.collapsible-text.expanded {
    max-height: 7000px;
}
.collapsible-text.collapsible:before {
    content: '';
    width: 100%;
    height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, #fff, transparent);
    z-index: 15;
}
.collapsible-text.expanded:before {
	display: none !important;
}
.collapsible-text .et_pb_module_inner, .collapsible-text .et_pb_text_inner {
	max-height: inherit;
	overflow: hidden;
}
.collapsible-text .read-more {
    position: absolute;
    bottom: -40px;
    color: #ddaf28;
    cursor: pointer;
    z-index: 99;
    font-size: 16px;
    line-height: 1.7;
    font-weight: 600;
}
@media only screen and (max-width: 980px) {
	.collapsible-text.collapsible {
		margin-bottom: 70px !important;
	}
}

/*---- Custom width three column ----*/
.custom-width-three-column .et_pb_column:not(:last-child) {
    width: 40% !important;
    margin-right: 2% !important;
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
    justify-content: center;
}
.custom-width-three-column .et_pb_column:not(:last-child) .et_pb_de_mach_thumbnail {
	width: 100% !important;
}
.custom-width-three-column .et_pb_column:not(:last-child) .et_pb_button_module_wrapper {
	margin-bottom: 0 !important;
	margin-top: 20px !important;
}
.custom-width-three-column .et_pb_column:last-child {
	width: 16% !important;
}
.single-vakblad .custom-width-three-column  .et_pb_column:not(:last-child) {
    width: 82% !important;
    display: block;
}
@media only screen and (min-width: 981px) {
    .custom-width-three-column .et_pb_column:not(:last-child) .et_pb_de_mach_thumbnail img {
        width:100%!important;
        max-height: 450px!important;
        object-fit: cover!important
    }
}
@media only screen and (max-width: 980px) {
	.custom-width-three-column .et_pb_column:not(:last-child) {
		width: 100% !important;
		margin-right: 0 !important;
	}
	.custom-width-three-column .et_pb_column:last-child {
		width: 100% !important;
	}
}
@media only screen and (max-width: 479px) {
	.custom-width-three-column {
		padding-top: 0 !important;
	}
	.custom-width-three-column .et_pb_column:not(:last-child) .et_pb_button_module_wrapper {
    	width: 100%;
	}
	.custom-width-three-column .et_pb_column:not(:last-child) .et_pb_button_module_wrapper a {
		width: 100%;
		text-align: center;
	}
}

/*---- Right sidebar three blocks ----*/
.right-sidebar-three-blocks h3 {
	padding-bottom: 20px;
}
.right-sidebar-three-blocks p {
    aspect-ratio: 5/3;
    width: 100%;
    background: #5894ab;
    padding: 0px !important;
    margin-bottom: 10px;
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}
.right-sidebar-three-blocks a {
    height: 100%;
    width: 100% !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
	padding: 20px;
	color: #fff;
	position: relative;
	margin-top: 0;
	transition: all .3s ease;
	z-index: 1;
}
.right-sidebar-three-blocks a.lezingen {
	background: url(https://www.vakbeursfacilitair.nl/wp-content/uploads/2024/02/Zalencentrum-voor-lezingen-en-presentatie-2048x1365-1.webp);
	background-size: cover;
	background-repeat: no-repeat;
}
.right-sidebar-three-blocks a.bezoekersinteresses {
	background: url(https://www.vakbeursfacilitair.nl/wp-content/uploads/2024/03/bezoekersinteresses.webp);
	background-size: cover;
	background-repeat: no-repeat;
}
.right-sidebar-three-blocks a.van-deelnemers {
	background: url(https://www.vakbeursfacilitair.nl/wp-content/uploads/2024/03/Injleiding-wat-standhouder-te-zeggen-hebben-1-scaled-1.jpg);
	background-size: cover;
	background-repeat: no-repeat;
}
.right-sidebar-three-blocks a.beursthemas {
    background: url(https://zorgfacilitair.nl/wp-content/uploads/2024/05/zorg-sector.webp);
    background-size: cover;
    background-repeat: no-repeat;
}
.right-sidebar-three-blocks a:after {
    content: '';
    background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 100%);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
	top: 0;
	z-index: -1;
}
.right-sidebar-three-blocks a:hover {
	padding-bottom: 30px;
}
.right-sidebar-three-blocks a:before {
    content: '';
    width: 30px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: calc(50% - 45px);
    left: calc(50% - 15px);
	opacity: 0;
	transition: all .3s ease;
}
.right-sidebar-three-blocks a:hover:before {
	opacity: 1;
	bottom: calc(50% - 25px);
}
@media only screen and (max-width: 980px) {
	.right-sidebar-three-blocks h3 {
		text-align: center;
		padding-top: 30px;
	}
}

/*---- Post LL ----*/
.post-ll {
    border-radius: 10px;
    overflow: hidden;
}
.post-ll .et_pb_de_mach_thumbnail {
    overflow: hidden;
	margin-bottom: 0 !important;
}
.post-ll .et_pb_de_mach_thumbnail:before {
    content: '';
    background: linear-gradient(0deg, rgba(0,0,0,0.9) 0%, transparent 40%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
    left: 0;
    top: 0;
}
.post-ll img {
    aspect-ratio: 3/2;
	width: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: all .3s ease;
    transform: scale(1);
}
.post-ll:hover img {
    overflow: hidden;
    transform: scale(1.15);
}
.post-ll .et_pb_de_mach_title {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
}
.post-ll h3 {
    padding: 20px;
	color: #fff !important;
	font-size: 16px !important;
    font-weight: 600;
}
.post-ll.with-link .et_pb_de_mach_acf_item {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    z-index: 999;
    display: flex;
    opacity: 0;
}
.post-ll.with-link .et_pb_de_mach_acf_item .et_pb_module_inner {
    width: 100%;
    display: flex;
}
.post-ll.with-link .et_pb_de_mach_acf_item .dmach-acf-item-content {
	display: block;
	height: 100%;
}
.post-ll.with-link .et_pb_de_mach_acf_item .dmach-acf-value {
	display: block;
	height: 100%;
	width: 100%;
}
.post-ll.with-link .et_pb_column {
    position: relative;
}
.post-ll.with-link .et_pb_de_mach_title {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
}
.post-ll.with-link .et_pb_de_mach_title .et_pb_module_inner {
    display: block;
    width: 100%;
    height: 100%;
}
.post-ll.with-link .et_pb_de_mach_title .et_pb_module_inner a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.post-ll.with-link .et_pb_de_mach_title h3 {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
body.search-results .post-ll.with-link .et_pb_de_mach_title .et_pb_module_inner a {
	aspect-ratio: 3/2;
	height: unset;
}
body.search-results .et_pb_de_mach_content {
    padding-top: 10px;
}

/*---- Deelnemer LL ----*/
.deelnemer-ll {
    padding: 20px !important;
    box-shadow: rgba(56, 64, 72, 0.3) 0px 0px 10px 0px;
    width: 100%;
    max-width: 100% !important;
    border-radius: 10px;
}
.deelnemer-ll .et_pb_column {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.deelnemer-ll .dmach-acf-item-content {
    justify-content: center;
}
.deelnemer-ll .et_pb_de_mach_title {
	margin-bottom: 5px !important;
}
.deelnemer-ll h3 {
    font-size: 16px !important;
    font-weight: 700;
    color: #384048!important;
}
.deelnemer-ll .et_pb_de_mach_acf_item {
    margin-bottom: 0 !important;
}

/*---- Homepage Blocks ----*/
.homepage-blocks .et_pb_row {
    display: flex;
    column-gap: 30px;
    width: 90%;
    max-width: 90%;
    row-gap: 30px;
}
.homepage-blocks .et_pb_row:after {
    display: none;
}
.homepage-blocks .et_pb_column {
    border-radius: 10px;
    overflow: hidden;
}
.homepage-blocks .et_pb_column .et_pb_image {
    overflow: hidden;
	margin: 0 !important;
}
.homepage-blocks .et_pb_column .et_pb_image:before {
    content: '';
    background: linear-gradient(0deg, rgba(0,0,0,0.7) 0%, transparent 40%);
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 10;
	transition: all .3s ease;
}
.homepage-blocks .et_pb_column:hover .et_pb_image:before {
	background: linear-gradient(0deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.6) 100%);
}
.homepage-blocks .et_pb_column .et_pb_image img {
    aspect-ratio: 3/2;
	width: 100%;
    object-fit: cover;
    object-position: center;
    margin: 0 auto;
    transition: all .3s ease;
    transform: translate3d(-30px,0,0) scale(1.19);
}
.homepage-blocks .et_pb_column:hover .et_pb_image img {
    overflow: hidden;
    transform:translateZ(0) scale(1);
}
.homepage-blocks .et_pb_column .et_pb_text:last-child {
    position: absolute;
    z-index: 11;
    bottom: 0;
    right: 0;
}
.homepage-blocks .et_pb_column .et_pb_text:last-child h3 {
    padding: 20px;
	color: #fff !important;
	font-size: 16px !important;
    font-weight: 600;
}
.homepage-blocks .et_pb_column .et_pb_text:nth-child(2) {
    color: #fff !important;
    margin: 0 !important;
    position: absolute;
    top: 20px;
    left: -20px;
    width: 70%;
    z-index: 99;
    padding: 10px 10px 10px 0px;
    border-right: 1px solid #fff;
    opacity: 0;
    transition: all .3s ease;
    max-width: 240px;
}
.homepage-blocks .et_pb_column:hover .et_pb_text:nth-child(2) {
	left: 20px;
	opacity: 1;
}

/*---- Loop pagination ----*/
.et_pb_de_mach_archive_loop.et_pb_module .divi-filter-pagination ul.page-numbers li {
    border: 0;
    background: #ddaf28 !important;
    border-radius: 2px;
    min-width: 32px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.divi-filter-pagination ul.page-numbers {
    column-gap: 10px;
    margin-top: 50px;
}
.et_pb_de_mach_archive_loop.et_pb_module .divi-filter-pagination ul.page-numbers li a {
    color: #fff;
    font-size: 14px;
}
.et_pb_de_mach_archive_loop.et_pb_module .divi-filter-pagination ul.page-numbers li span.current {
    background: #000 !important;
    border-radius: 2px;
    color: #fff !important;
}

/*---- Filters ----*/
.et_pb_de_mach_filter_posts {
	margin-bottom: 0 !important;
}
.et_pb_de_mach_search_posts_item .et_pb_contact_field_options_title {
    font-weight: 700;
}
.divi-location-fullwidth .divi-filter-item, .divi-location-fullwidth .et_pb_de_mach_search_posts_item p.et_pb_contact_field.divi-filter-item {
	border: 1px solid #000;
	border-radius: 5px;
}

/* #### Collaping Mobile Menu #### */

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
	color: #fff; /* Icon color */
	background: #000; /* Icon background color */
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	border-radius: 50%;
	padding: 3px;
}

ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.mobile-toggle-open>.mobile-toggle-icon::after {
	content: '\32';
}

.et_mobile_menu .menu-item-has-children>a {
    font-weight: 600 !important; 
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle-icon {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon {
	text-align: center;
	opacity: 1;
}