/*
Theme Name: Theme Schoonmaak
Theme URI: http://www.webwerkplaats.nl
Description: Divi Child Theme by Webwerkplaats 
Author: Elegant Themes additions by Webwerkplaats
Author URI: http://www.elegantthemes.com
Template: Divi
Version: 1.1.0
*/

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

/* dont break words */
h1, h2, h3, h4, h5, h6 {
    overflow-wrap: normal;
}

/* responsive fonts with Calc. No H1 and H6, they are free
To create new set go to https://webwerkplaats-demo.nl/demo44/ */
h2 {
  font-size: clamp(1.75rem, 3.5vw + 0.5rem, 3rem);
}

h3 {
  font-size: clamp(1.5rem, 3vw + 0.5rem, 2.25rem);
}

h4 {
  font-size: clamp(1.25rem, 2.2vw + 0.5rem, 1.75rem);
}

h5 {
  font-size: clamp(1.1rem, 1.5vw + 0.25rem, 1.4rem);
}

body {
  font-size: clamp(15px, 1vw + 14px, 18px);
}

#footer-info {
  font-size: 11px;
}

/* Back to top button Divi */
.et_pb_scroll_top.et-pb-icon.et-visible, 
.et_pb_scroll_top.et-hidden {
    background: #000000!important;
    color: white!important;
    border: 2px solid #000000!important;
}

/* Hamburger Menu kleur */
span.mobile_menu_bar:before{
  color: black!important;
}

/*style the Divi blog Read More text as a button*/
.et_pb_post a.more-link {
  color: #ffffff;
	background: #db382c;
	padding: .7em 1.3em;
	margin-top: 20px;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
/*style the Divi blog link text as a button on hover*/
.et_pb_post a.more-link:hover {
	background: #db382c;
	padding: .8em 1.4em;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

/* Responsive sections Mobile, Tablet, Laptops and Latge PC screens
	0px – 479px for mobile 
	480 – 980px for tablets
	981px and above for desktops
*/

/*********** Mobile ***********/
@media only screen and ( max-width: 479px ) {
/* CSS goes here */
}

/*********** Tablet ***********/
@media only screen and ( min-width: 480px ) and ( max-width: 980px ) {
/* CSS goes here */
}

/*********** Laptops ***********/
@media (min-width: 981px) and (max-width: 1350px) {
/* CSS goes here */
}

/*********** PC and bigger ***********/
@media only screen and ( min-width: 1350px ) {
/* CSS goes here */
}