/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

 /* =Theme customization starts here*/

h1{font-size: 30px!important; text-transform:uppercase; font-weight:700;}
h2{font-size: 24px!important; font-weight:600;}
h3{font-size: 18px!important;}

p{}
a{
	color:#d8a0a6;
}

.section_header{
	padding: 0 !important;
	margin-top: -75px;
    background-color: rgba(255, 0, 0, 0);
}
.row_header{
	padding: 0 0 25px 0 !important;
}

.row_70procent{
	width: 70%;
	    max-width: 980px;
}
.text_header{
	color:#fff;
	font-size: 1.5em;
}

.section_headerIcons{
	padding: 25px 0 !important;
	background-color:#d8a0a6;
}

.row_headerIcons{
	padding: 0 !important;
}

.section_headIcons{
	padding: 0 !important;
	margin-top: -50px;
	    background-color: rgba(255, 0, 0, 0);
}

.row_headIcons{
	padding: 0 !important;
	height:50px;
	    background-color: rgba(255, 0, 0, 0);
}

.columnHeadIcons{
	height:50px;
	border-radius: 25px 25px 0 0;
}

.columnHeadIcons a{
    color: #fff!important;
    width: 100%;
    height: 50px;
    display: block;
    border-radius: 25px 25px 0 0;
    padding-top: 12px;
    text-align: center;
}

.row_headIcons .et_pb_column_0 a{
background-color: #f7a833;
}

.row_headIcons .et_pb_column_1 a{
background-color: #62b1e3;
}

.row_headIcons .et_pb_column_2 a{
background-color: #94c356;
}

.row_headIcons .et_pb_column_3 a{
background-color: #a48659;
}



.columnHeadIcons a:hover{
background-color:#fff;
	color:#124734!important;
}


.section_content{
	padding:0!important;
}
.row_content{
	padding:0!important;
}


.text_content{
	padding:30px 50px 50px 0;
}

.section_content_algemeneInfo{padding:30px 0!important;}
.row_content_algemeneInfo{padding:0!important;}
.text_content_algemeneInfo{}

.section_pageTitle{
	padding:15px 0 10px 0!important;
	
}
.row_pageTitle{
	padding:10px 0!important;
}
.text_pageTitle h1{

    font-size: 24px!important;
    font-weight: 600;
    text-transform: none;
    padding-bottom: 5px;
    /* background-color: #f00; */
    height: 50px;
    display: table-cell;
    vertical-align: middle;

}

.section_intro{
	padding:0 0 25px 0!important;
}
.row_intro{
	padding:25px 0!important;
}
.text_intro{
}

.section_dienst{
	padding:0!important;
}

.row_dienst{
	padding:0!important;
}

.text_dienst{
	padding:30px 0!important;
}

.section_usp{
	padding:25px 0!important;
}

.row_usp{
	padding:25px 0!important;
}



.text_white, .text_white h1, .text_white h2, .text_white h3{
	color:#fff;
}

.noPadding{padding:0!important;}

.et_pb_blurb_container h4 {
    padding-top: 5px;
}

.et_pb_blurb_description {
    display: none;
}

@media screen and (min-width: 981px) {
	
	.text_content{
	padding:30px 50px 50px 40px;
}
	
.text_pageTitle{
	padding-left:40px;
}
	
.et_menu_container {
     background-image: url("https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/lineBG.jpg");
	background-repeat: repeat-x;
}
	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding: 50px 0 0 0!important;
}
	.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 30px!important;
}
	
	#logo {
    margin-left: -4px;
}
	
	.sectionDetailPagina_recreatie {
	/*background-image: linear-gradient(90deg,rgba(148,195,86,0.7) 50%,#ffffff 50%)!important;*/
		
}
	
		.sectionDetailPagina_recreatie .et_pb_column.et_pb_column_1_2{
	background-color: rgba(148,195,86,0.7);
		
}
	
	.sectionDetailPagina_beheer {
/*	background-image: linear-gradient(90deg,rgba(98,177,227,0.7) 50%,#ffffff 50%)!important;*/
		
}
	
		.sectionDetailPagina_beheer .et_pb_column.et_pb_column_1_2{

			background-color: rgba(98,177,227,0.7);
		
}
	
	.sectionDetailPagina_landschap {
	/*background-image: linear-gradient(90deg,rgba(247,168,51,0.7) 50%,#ffffff 50%)!important;*/
		
}
		.sectionDetailPagina_landschap .et_pb_column.et_pb_column_1_2{
	/*background-image: linear-gradient(90deg,rgba(247,168,51,0.7) 50%,#ffffff 50%)!important;*/
			background-color:rgba(247,168,51,0.7);
		
}
	
	.sectionDetailPagina_grondverzet {
	/*background-image: linear-gradient(90deg,rgba(164,134,89,0.7) 50%,#ffffff 50%)!important;*/
		
}
	
		.sectionDetailPagina_grondverzet .et_pb_column.et_pb_column_1_2{
	background-color:rgba(164,134,89,0.7);
		
}
	
	.sectionDetailPagina_algemeen {
	/*background-image: linear-gradient(90deg,rgba(18,71,52,0.7) 50%,#ffffff 50%)!important;*/
		
}
		.sectionDetailPagina_algemeen a{
	color:#fff!important;
		
}
			.sectionDetailPagina_algemeen a:hover{
	color:#124734!important;
		
}
	
	

}
.sectionDetailPagina {
			padding: 0!important;
}

	.columnDetailPagina{padding: 0!important;}
	.columnDetailPagina .et_pb_row_inner {
    padding: 0px;
}
	/*.rowInnerDetailPagina{padding: 0!important;}



/* --------------------- icons menu --------------------------------*/

.categorie_holder {
    padding: 0 !important;
}

.categories_holder ul{
    width: 100%;
	padding: 0!important;
	line-height: 0.8em;
}

li.categories {
    float: left;
    list-style-type: none;
	position: relative;
	width:25%;
	text-align: center;
	cursor: pointer;
	background-color:#fff;
	border-radius: 25px;
	padding: 20px;
	min-height:175px;

}

li.categories{
	color:#124734;
	text-transform: uppercase;
	font-weight: 600;
	    font-family: 'Open Sans';
	    display: inline-block;
    line-height: 1.3em;
	}



span.icon {
    display: block;
    /* background-color: #00f; */
    width: 100%;
    height: 95px;
    
    background-size: contain;
    background-repeat: no-repeat;
	background-position-x: center;
}

span.icon_landschap {background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/aanleg-groen-en-landschap.png);}
/*.icon_landschap:hover {background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/aanleg-groen-en-landschap-white.png);}*/
.categorie_landschap:hover {background-color:#fff!important;	}
li.categories:hover > .icon_landschap {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/aanleg-groen-en-landschap.png);}
li.categories:hover {
	color:#124734;
}

.icon_recreatie {background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/recreatie.png);}
.categorie_recreatie:hover {background-color:#fff!important;	}
li.categories:hover > .icon_recreatie {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/recreatie.png);}


.icon_beheer {background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/beheer.png);}
.categorie_beheer:hover {background-color:#fff!important;	}
li.categories:hover > .icon_beheer {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/beheer.png);}

.icon_grondverzet {background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/grondverzet.png);}
.categorie_grondverzet:hover {background-color:#fff!important;	}
li.categories:hover > .icon_grondverzet {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/grondverzet.png);}

@media screen and (max-width: 1350px) {
	li.categories {
		min-height: 190px;}
}

@media screen and (max-width: 1100px) {
span.icon_tekst {

	font-size: 12px;}
}

@media screen and (max-width: 980px) {
	
	h1{font-size: 22px!important;}
	
	span.icon_tekst {

	font-size: 14px;
}
	
	li.categories {
		width:50%;
	min-height: 172px;

}
	   
		li.categories a {

		font-size: 12px;
}
		.row_70procent{
		width: 80%;
}
	
	.column_dienst_home_bgImage{
		display:none;
	}
	
	.text_dienst {
    text-align: center;
}
	
	
}
.text_dienst a {
		font-weight: 600;
    color: #fff;
    display: block;
    /* margin-top: 0; */
    /* height: 40px; */
    /* padding-top: 0px; */
    float: left;
	}

.text_dienst a::after {
	    content: '5';
    font-family: ETmodules;
    /* padding-top: 5px; */
    /* margin-top: 8px; */
    display: block;
    height: 45px;
    /* margin-bottom: -5px; */
    padding-top: 1px;
    float: right;

}

.text_dienst a:hover {
		color:#124734;
	}

.footer-widget li a:hover{
	color:rgba(255,255,255,.7)!important;
}

@media screen and (max-width: 600px) {
		li.categories {

	min-height: 190px;

}

}
@media screen and (max-width: 480px) {
	
	.section_header {
    margin-top: -25px;
	}
	
	span.icon_tekst{
		display:flex;
		width:70%;
		text-align: left;
		float:right;
		align-items: center;
		height:50px;
	}
	
	li.categories {
    	width:100%;
		min-height: 0px;
		float:right;
	}
	
	span.icon {
     width: 25%;
	float:left;
		height:50px;
	}
	

	li.categories img {
		width:50%;
	}
	
	a.icon{
		height:40px;
	}}
	
.categorie_landschap {background-color:#f7a833!important;	}	

	
li.categories > .icon_landschap {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/aanleg-groen-en-landschap-white.png);}
li.categories {
	color:#fff;
}

	.categorie_recreatie {background-color:#94c356!important;	}
li.categories > .icon_recreatie {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/recreatie-white.png);}
	


.categorie_beheer {background-color:#62b1e3!important;	}
li.categories > .icon_beheer {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/beheer-white.png);}

.categorie_grondverzet {background-color:#a48659!important;	}
li.categories > .icon_grondverzet {
    background-image: url(https://petersgroenvoorziening.nl/wp-content/themes/Divichild/images/grondverzet-white.png);}

/*---------------------------/gravity Forms/-------------------------------------------*/

/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
 float: right;
 background: transparent;
 border: 2px solid #124734;
 font-size: 22px;
 color: #124734;
 padding: 12px 23px;
 border-radius: 5px;
 letter-spacing: 2px;
 cursor: pointer;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
 background: rgba(0, 0, 0, 0.05);
 border: 2px solid transparent;
}


/*---------------------------/GDPR Styles/-------------------------------------------*/

#gdprc_bar .container {
    padding: 0px;
}

a.gdprc_content__link,  #gdprc_bar .container .gdprc_actions a, .gdprc_link {
    color: #124734;
}

a.gdprc_content__link:hover,  #gdprc_bar .container .gdprc_actions a:hover, .gdprc_link:hover {
    color: #000;
}

.gdprc_actions button {
    font-family: "Open Sans",Arial,sans-serif;
    background-color: #124734;
    border: none;
    padding: 10px;
    border-radius: 5px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
	color: #fff;
}

.gdprc_actions button:hover {
background-color:#000;	
}

#gdprc_bar {
    background: #f5f5f5;
	border-top: 5px solid #124734;}

#et-info {
    float: right;
}