/*
Theme Name: Theme Bevaart
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;
}

/* 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 */
}

/* WPDM List plugin enhancements */
ul.wpdm-download-list {
  list-style: none !important;
  padding-left: 0 !important;
  margin: 0;
}

.wpdm-download-list li {
  margin-bottom: 20px;
  padding: 10px;
  background-color: #f8f8f8;
  border: 1px solid #ddd;
  border-radius: 4px;
}

/* Optional: Style the actual link inside if your template uses one */
.wpdm-download-link {
  text-decoration: none;
  color: #0073aa;
  font-weight: bold;
}

.wpdm-download-link:hover {
  text-decoration: underline;
}
