/*
Theme Name: Divi Child
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 2.2
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Template: Divi
Author URI: http://www.elegantthemes.com
*/

/* =Theme customization starts here
-------------------------------------------------------------- */

/* opmaak headers */

.et_pb_fullwidth_header {
	padding-top: 150px !important;
	padding-bottom: 150px!important;
}

.payoff {
	font-size: 2em;
	font-weight: 300;
	text-align: center;
}

h1 {
	font-size: 4em;
	font-weight: 600;
	margin-top: .25em;
	line-height: 1em;
}

@media (max-width: 980px) {
.et_pb_fullwidth_header {
	padding-top: 100px !important;
	padding-bottom: 100px!important;
}
.payoff {
	font-size: 1.5em;
	}
h1 {
	font-size: 2.5em;
	padding-right: 0.5em;
	}
}

#sticky.sticky-element-original.element-is-sticky {
	max-height: 30px !important;
	margin-top: -15px !important;
}

.kennisspecialisten {
	font-size: 3em;
	text-transform: uppercase;
	color: #243646;
	line-height: 1.1em;
}

.foto-tekst .et-last-child {
	margin: 50px 0;
}

.foto-tekst .et_pb_column_empty {
	width:70%!important;
	margin-right: -15%!important;
}

/*set the width of the rows inside the Post Content module*/
.et-db #et-boc .et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}

#slb_viewer_wrap .slb_theme_slb_default .slb_details {
	display:none;
}

a {
	text-decoration: none!important;
}

#footer-info a {
	font-weight: normal !important;
}

#footer-info a:hover {
	text-decoration: underline;
}

.et_pb_title_meta_container .author a {
	pointer-events: none!important;
}

.et_pb_social_media_follow_0_tb_footer li a.icon, .et_pb_social_media_follow .et_pb_social_media_follow_network_1_tb_footer .icon {
	width: 20px !important;
}

ul.opsomming-doelgroep li {
	background-image: url(https://www.edenbv.nl/site/wp-content/uploads/2024/03/vinkje.jpg);
    background-repeat: no-repeat;
    line-height: 2.3em;
    padding-left: 60px;
    padding-bottom: 20px;
	font-size: 1.5em;
}

ul.opsomming-doelgroep {
	list-style-type: none;
	margin-left: -15px;
	margin-top: 15px;
}

.pa-inline-buttons .et_pb_button_module_wrapper {
    display: inline-block;
}

.ervaring:before {
	content: "\201c";
	font-size: 100px;
	display: inline-block;
	vertical-align: bottom;
	color: rgb(11,142,54,.6);
	top: 10px;
	left: -20px;
	margin-bottom: -25px;
	position: relative;
}

/* Opmaak Google reviews */
.wp-gr .grw-header-inner {
	padding: 0!important;
	margin: 0!important;
}

.wp-gr .wp-google-rating {
	color: #60a730!important;
}

.wp-gr .wp-google-powered {
	color: #ffffff!important;
}

.wp-star path {
  fill: #60a730;
}

.wp-gr .wp-google-powered img {
    max-width: 100px!important;
}

.wp-gr .grw-review-inner>svg {
	display: none;
}

.wp-gr .wp-google-wr a {
	background-color: #60a730!important;
	border-radius: 10px!important;
}

.wp-gr .wp-google-wr a:hover {
	background-color: #60a730!important;
}

.mfp-bottom-bar {
	display: none !important;
}

.et_pb_fullwidth_menu .mobile_nav .mobile_menu_bar:before {
    color: #ffffff !important;
}

.wp-block-gallery {
	margin-top: 30px;
}

.vinkje::before {
	font-family: 'ETmodules';
	content: "\5a";
	color: #ffffff!important;
	position: relative;
	top: 2px;
	margin-right: 8px;
}

.sub-menu a {
  font-size: 12px !important;
}

.wp-pagenavi span.current {
	color: #60a730!important;
}

/* correctie fullwidth galerij */
.et_pb_fullwidth_section .et_pb_slider .et_pb_slide_0 {
    background-size: cover !important;
    background-position: middle !important;
    background-repeat: no-repeat !important;
}

/* galerij klikbaar naar projecten */
.galerij a {
	pointer-events: none;
}

.galerij:hover {
	cursor: pointer;
}

/* portfolio projecten in drie kolommen */

@media (min-width: 981px) {
    .lwp-col-portfolio .et_pb_grid_item {
        width: 29.66%!important;
        margin-right: 5.5%!important;  
		min-height: 270px;
    }
 
    .lwp-col-portfolio .et_pb_grid_item:nth-child(3n) {
        margin-right: 0!important;
    }
 
/*    .lwp-col-portfolio .et_pb_grid_item:nth-child(4n) {
        margin-right: 5.5%!important;
    } */
 
    .lwp-col-portfolio .et_pb_grid_item.et_pb_portfolio_item:nth-child(4n+1) {
        clear: none!important;
    }
    .lwp-col-portfolio .et_pb_grid_item.first_in_row {
        clear: unset;
    }
}

.et_pb_portfolio_grid .et_pb_portfolio_item .et_pb_module_header, .et_pb_portfolio_grid .et_pb_portfolio_item h2 {
	text-align: left;
	font-weight: 600;
	color: #0B8E36!important;
	background-color: #ffffff;
	padding: 1em 0.5em 1em 0em;
    min-height: 80px;
    margin-top: 0;
    line-height: 1.5em;
}

/* Titel projecten zichtbaar bij hover */

/* We set the position of the title here */
.titel-portfolio h2.et_pb_module_header {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
    margin-top: 0px!important;
    z-index: 3;
    opacity: 0;     /* We want to make sure it is not shown unless hovered */
}
 
/* Make the title visible when hovered */
.titel-portfolio .et_pb_portfolio_item:hover h2.et_pb_module_header {
    opacity: 1;
}
 
/* Remove the overlay icon if one is set */
.titel-portfolio span.et_overlay:before {
    content: '';
}
 
/* Make sure the title is shown even if you hover it directly */
.titel-portfolio .et_pb_portfolio_item:hover span.et_overlay {
    opacity: 1;
    z-index: 3;
}

.entry-content table {
	border: 0;
}

.entry-content tr td {
	border-top: 0;
}

#envelop::before {
	font-family: 'ETmodules';
	content: "\e076";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

#mobiel::before {
	font-family: 'ETmodules';
	content: "\e00b";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

#telefoon::before {
	font-family: 'ETmodules';
	content: "\e090";
	position: relative;
	top: 2px;
	margin-right: 8px;
}

/*tekst over plaatje*/

.wp-caption {
position: relative;
padding: 0;
margin: 0;
border: 3px solid #6bad35;
border-radius: 5px;
background-color: #ffffff;
}
.wp-caption img {
display: block;
max-width: 200px;
height: 180px;
margin: auto;
}
.wp-caption-text {
opacity: 0;
position: absolute;
width: 100%;
color: #fff;
left: 0;
bottom: 0;
padding: 0.75em 1em;
font-weight: 700;
z-index: 2;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(107,173,53,0.75);
-webkit-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
}
.wp-caption:hover .wp-caption-text {
opacity: 1;
}

/* Opmaak formulier */
.gform_required_legend {
	display: none;
}

.gform_wrapper .gfield_required {
	color: #DE180A!important; 
	font-size: 12px!important;
}

.gform_wrapper input {
	border: none;
	border-radius: 5px;
	padding: 5px !important;
	box-shadow: none;
	background-color: #F0F0F0;
	color: #243646 !important;
}

.gform_wrapper textarea {
	border: none;
	border-radius: 5px;
	margin-top: 2px !important;
	box-shadow: none;
	background-color: #F0F0F0;
	color: #243646 !important;
}

.et_pb_bg_layout_dark .gform_wrapper.gravity-theme .gfield_label {
	color: #ffffff;
	font-weight: normal;
	font-size: 14px;
}

.gform_wrapper.gravity-theme .gfield_label {
	color: #243646;
	font-weight: normal;
	font-size: 14px;
}

.gform_footer input[type="submit"] {
    display: block;
	padding: 10px 25px !important;
    background-color: #60a730;
	border: 0px;
	font-size: 14px;
	font-weight: 500;
    text-align: center;
    color: #ffffff!important;
    cursor: pointer;
	border-radius: 5px;   
	overflow: hidden;
	float: left;
}

.gform_footer input[type="submit"]:hover {
	background-color: rgba(96,167,48,0.75);
	color: #ffffff;
    transition: color .5s ease-out;
    -moz-transition: color .5s ease-out;
    -webkit-transition: color .5s ease-out;
    -o-transition: color .5s ease-out;
}

.et_mobile_menu li a {
	border: none;
}

@media (max-width: 980px) {
 .container.et_menu_container { 
 width: calc( 100% - 60px);
 }

.et_mobile_menu {
 margin-left: -30px;
 padding: 5%;
 width: calc( 100% + 60px);
}

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d";
}
li.menu-item .vinkje::before {
	color: #60a730!important;
}
.vinkje {
		color:rgba(0,0,0,0.6)!important;
	}
}

@media only screen and ( max-width:1230px ) {
#et_mobile_nav_menu { 
	display:block !important; 
	margin-bottom:20px; 
	margin-top:6px 
	}
#top-menu-nav { 
	display:none; 
	}
.et-fixed-header #et_mobile_nav_menu {
	margin-bottom:0; 
	}
#main-header .et_mobile_menu {
		background-color: #ffffff!important;
	}
}

@media only screen and (max-width: 1230px) and (min-width: 981px) {
#mobile_menu .vinkje {
	display: none;
	}
.menu-item-31518, .menu-item-31519, .menu-item-31520 {
		display: none;
	}
li.knop_donker {
		height: 65px!important;
	}
}

#nieuws .et_pb_blog_grid .et_pb_post {
	height: 480px;
}

#nieuws .et_pb_blog_grid .et_pb_image_container {
	border-top: 1px solid #d8d8d8;
	border-left: 1px solid #d8d8d8;
	border-right: 1px solid #d8d8d8;
}

a.smallgreen {
	background: #60a730 !important;
	border-radius: 5px !important;
	border-width: 0px!important;
	color: #fff !important;
	font-size: 18px !important;
	font-weight: normal!important;
	letter-spacing: 1px;
	margin-top: 20px;
}

a.smallgreen:hover {
	color: #fff !important;
	background-color: rgba(96,167,48,0.75);
}

.pum-content {
	font-size: 0.8em !important;
	letter-spacing: 0.2em !important;
}

blockquote {
	font-size: 16px;
	font-weight: 600;
	color: #243646;
}

blockquote a {
	color: #243646;
	text-decoration: underline;
}

/* style the CTA button */
.knop_donker { 
	border-radius: 0px;
}
.knop_donker a {
	color: #ffffff !important;
}

.knop_donker.current-menu-item>a {
	color: #ffffff !important;
}

.et-fixed-header #top-menu li.knop_donker>a {
	color: #ffffff !important;
}

li.knop_donker {
	background-color: #60a730;  
	text-align: center; 
	padding: 10px 14px !important;
	-moz-transition: all 0.5s; 
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
}
li.knop_donker:hover {
	opacity: .7;
    transition: opacity .5s ease-out;
    -moz-transition: opacity .5s ease-out;
    -webkit-transition: opacity .5s ease-out;
    -o-transition: opacity .5s ease-out;
}
 
/* fixed header button text color */
.et-fixed-header #top-menu li.knop_donker.current-menu-item>a {
	color: #ffffff !important;
}

@media only screen and (min-width : 981px) {
	li.knop_donker {
		height: 33px;
	}
}

@media (max-width: 980px) {
	li.knop_donker {
	text-align: left; 
	padding: 5px 7px !important;
	}
}
/* end of styling CTA */