/*
Theme Name: Divi Child Theme
Theme URI: https://adminservices.nu
Description: Child Theme For Divi: Om afwijkende styles of functionaliteit door te voeren zoals contact formulier component
Author: Danny Buijtendorp
Author URI: https://adminservices.nu
Version: 1.0.0
Template: Divi
*/

/* Header Menu */
@media (max-width: 980px) {
    .et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
        -webkit-box-pack: right !important;
        -ms-flex-pack: right !important;
        justify-content: right !important;
    }
}

@media (max-width: 980px) {
    .et_pb_menu .et_mobile_menu {
			padding:0;
	}
}

@media (max-width: 980px) {
    .et_pb_menu .et_mobile_nav_menu {
			margin-top: 4px;	
		}
}

@media (max-width: 576px) {
	.footer-contact-row {
	    display: flex;
    	flex-direction: column;	
		
		.et-last-child {
			margin-left: 1.30em;	
		}
	}
}

.et_mobile_menu {
	border-top: 3px solid #743677;
}

/*footer icon + text fix */
.blurb-custom-default .et_pb_blurb_container {
	padding-left: 0px;
}
.blurb-custom-default .et_pb_blurb_description a,
.footer-link a {
	color: whitesmoke;
}
.blurb-custom-default .et_pb_blurb_description a:hover,
.footer-link a:hover {
	text-decoration: underline;
}

.blurb-custom-default-alt .et_pb_blurb_container {
	padding-left: 0px;
}

/* Page title */
.page-title {
	border-left: 8px solid #743677;
	padding-left: 10px
}

/* Footer */
#et-main-area {
    min-height: calc(100vh - 80px);
    display: flex;
    flex-flow: column;
}

#et-main-area > footer {
	margin-top:auto;
}

/* Home diensten lijstje */
.home-diensten-row .et_pb_blurb_content {
	width: max-content;
}

/* General css modification classes */
.d-flex {
	display: flex;
}

.flex-align-items-center {
	align-items: center !important;
}

.mb-0 {
	margin-bottom: 0 !important;
}

/* Contact formulier */
.contact_form_filler {
	height: -webkit-fill-available;
    position: fixed;
    width: 100%;
}

.et-pb-contact-message {
	color: white;
}

.privacyverklaring {
	h5 {
		padding-bottom: 5px;	
	}
}