/*
 Theme Name:     Divi Child
 Theme URI:      https://www.bizzka.nl
 Description:    Divi Child Theme for you
 Author:         Marjet van Breederoode
 Author URI:     https://www.bizzka.nl
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
#nextpost {
}
#prevpost {
}
/* blader iconen */
.floatleft a, .floatright a {
	position:fixed;
	z-index:9900;
	width:60px;
	height:60px;
	top:50vh;
	font-family: 'Font Awesome 5 Free'; 
	font-size:0;
	font-weight:700;
	text-align:center;
	background-color:rgba(255,255,255,0.5);
	color:rgba(224,153,0,1);
	border-radius:1px;
}
.floatleft a {
	padding: 20px 32px 20px 8px;
	left:40px;
}
.floatleft a:after, .floatright a:after {
	font-size:50px;
}
.floatleft a:after {
    content: "\f060";
}
.floatright a {
	padding:20px 32px 20px 8px;
	right:40px;
}
.floatright a:after {
    content: "\f061";
	z-index:99;
}
.floatleft a:hover,.floatright a:hover {
	color:rgba(255,165,0,0.9);
	background-color:rgba(240,240,240,0.8);
}

@media only screen and (max-width: 980px){
	.floatleft a, .floatright a {
		width:50px;
	}
	.floatright a {
	padding:20px 26px 20px 4px;
	right:0px;
}
	
.floatleft a {
	padding: 20px 26px 20px 4px;
	left:0px;
}
}

/*
.floatleft ,.floatright {
	position:fixed;
	z-index:99;
	width:60px;
	height:60px;
	top:50vh;
	background-color:#999;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	box-shadow: 2px 2px 3px #999;
	font-size:60px;
	font-weight:700;
	padding:20px 30px 20px 10px;
}

.floatleft {
	left:40px;
}
.floatright {
	right:40px;
}
.floatleft a,.floatright a{
	color:#fff;
}
*/

/* Contactblok */
#contactblok li::marker {
	/* font-size: 0;*/
}
#contactblok {
	list-style-type: none !important;
	list-style-position: outside;
	padding-left: 0 !important;
	padding-top: 0.5rem !important;
	padding-bottom: 0.5rem !important;
	margin: 0 !important;
}
#contactblok li {
	line-height: 1.2rem;
}
/* Contact iconen */
#telefoonnummer:before, #mailadres:before, #webadres:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin-right: 0.5rem;
	width: 1rem;
}
#telefoonnummer:before {
	content: "\f095";
}
#mailadres:before {
	content: "\f0e0";
}
#webadres:before {
	content: "\f0ac";
}
/* Social Media iconen */
#socfb, #socin, #socli, #socpi, #soctt, #soctw, #socyt, #socwa {
	font-size: 0;
}
#socfb:before, #socin:before, #socli:before, #socpi:before, #soctt:before, #soctw:before, #socyt:before, #socwa:before {
	font-family: 'Font Awesome 5 Brands'; 
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.5rem;
	margin-right: 0.5rem;
	width: 1rem;
}
#socfb:before {
	content: "\f09a"; /* alternatief \f39e \f082 */
}
#socin:before {
	content: "\f16d"; /* alternatief \e055 */	
}
#socli:before {
	content: "\f08c"; /* alternatief \f0e1 */	
}
#socpi:before {
	content: "\f0d2"; /* alternatief \f231 \f0d3 */	
}
#soctt:before {
	content: "\e07b"; /* geen alternatief */	
}
#soctw:before {
	content: "\f081"; /* alternatief \f099 */	
}
#socyt:before {
	content: "\f167"; /* alternatief \f431 */
}
#socwa:before {
	content: "\f232"; /* alternatief \f40c */	 
}
/* Categorie iconen */
#categories-2 ul li a {
	margin: -0.5rem;
}
#categories-2 ul li a:before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin: 0.5rem;
}
#categories-2 ul li {
	padding-left: 0 !important;
}
#categories-2 .cat-item-1 a:before {
	content: "\f518"; /* magazine */
}
#categories-2 .cat-item-3 a:before {
	content: "\f51e"; /* financieel */
}
#categories-2 .cat-item-4 a:before {
	content: "\f06e"; /* ontwerp en communicatie */
}
#categories-2 .cat-item-5 a:before {
	content: "\f54b"; /* management en organisatie */
}
#categories-2 .cat-item-6 a:before {
	content: "\f133"; /* mensen, coaching en gezondheid */
}
.footer-widget #categories-2 li:before {
	border-color: transparent;
	list-style-type: none !important;
	background-image: none !important;
}

.et_pb_pagebuilder_layout.single.et_full_width_page:not(.et-tb-has-body) #main-content .container {
	padding-top:0;
}





.em-custom-header {
  margin-bottom: 2rem;
}

.em-custom-header .em-image img {
  max-width: 300px;
  height: auto;
  border-radius: 8px;
}

.em-custom-header .em-info p {
  margin: 0.5rem 0;
  font-size: 1rem;
}

.em-custom-header h2 {
  margin-top: 0;
}

.em-info p {
  margin: 0.5rem 0;
  font-size: 20px !important;
}

.em-content p {
	font-size: 15px;
	color: black;
}

.em-image {
	margin-top: -56px;
}

.em-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  display: block;
}