/*
Theme Name: Theme Strippermessen
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.0.0
*/

@import url("../Divi/style.css");
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --linkunderline: #ed6a37;
  --link: black;
  --bttbackground: #ed6a37;
  --bttcolor: #ffffff;
  --hamburger: white; /* verander de kleur van het hamburger menu */
  --variablecolor: blue;
  --buttonborder: #ed6a37;
}

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

/* Set standard font sizes. Clamp min,preferred,max Only in vw, vh, ch *
body h1, .et_pb_module h1 {
    font-size: clamp(1.5rem, 6vw, 6rem) !important;
	  font-family: "Roboto", sans-serif;
  font-weight: 100!important;
  font-style: normal;
}

body h2, .et_pb_module h2 {
    font-size: clamp(1.35rem, calc(6vw * 0.9), 5.4rem) !important;
	  font-family: "Roboto", sans-serif;
  font-weight: 100!important;
  font-style: normal;
}

body h3, .et_pb_module h3 {
    font-size: clamp(1.215rem, calc(6vw * 0.81), 4.86rem) !important;
	  font-family: "Roboto", sans-serif;
  font-weight: 100!important;
  font-style: normal;
}
*/

/*
.et_pb_text, .et_pb_module p {
    font-size: clamp(12px, 1.125rem, 19px) !important;
}*/

.et_pb_button {
}

/* Style links in headings, paragraphs, and body text */
.et_pb_section h1 a,
.et_pb_section h2 a,
.et_pb_section h3 a,
.et_pb_section h4 a,
.et_pb_section h5 a,
.et_pb_section h6 a,
.et_pb_section p a,
.et_pb_section li a {
    color: var(--link) !important;
/*   text-decoration: underline !important; */
	text-decoration-thickness: 1px !important; /* Set underline to 1px */
}

.et_pb_section h1 a:hover,
.et_pb_section h2 a:hover,
.et_pb_section h3 a:hover,
.et_pb_section h4 a:hover,
.et_pb_section h5 a:hover,
.et_pb_section h6 a:hover,
.et_pb_section p a:hover,
.et_pb_section li a:hover {
    color: var(--link) !important;
    text-decoration: none !important; /* Optional: remove underline on hover */
}

/* Back to top button Divi */
.et_pb_scroll_top.et-pb-icon.et-visible, 
.et_pb_scroll_top.et-hidden {
    background: var(--bttbackground);
    color: var(--bttcolor);
    border: 2px solid var(--bttbackground);
}

/* Hamburger Menu kleur */
span.mobile_menu_bar:before{
  color: var(--hamburger);
}

/* Shop en Woocommerce styling */
.et_pb_pricing_content_top {margin: 1px; padding-top:1px;}
.price {border-radius:0px!important;}

.single_add_to_cart_buttonablet {background-color: #ed6a37;}

/* Change background color */
.woocommerce a.button.add_to_cart_button {
    background-color: #ed6a37; /* This sets the background to tapijtstrippermessen orange */
}
/* Change font color */
.woocommerce a.button.add_to_cart_button {
    color: #ffffff; /* This sets the font to white */
}


.woocommerce #respond input#submit,.woocommerce a.button, .woocommerce button.button, .woocommerce input.button,
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {background-color: #ed6a37;}
.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover { 
background:#ed6a37 !important;
background-color:#ed6a37 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#ed6a37 !important;
}

.woocommerce #content input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button:hover, .woocommerce-page input.button:hover {
background:##ed6a37 !important;
background-color:#ed6a37 !important;
color:white !important;
text-shadow: transparent !important;
box-shadow: none;
border-color:#ed6a37 !important;
}

.woocommerce #content input.button, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce-page #content input.button, .woocommerce-page #respond input#submit, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button {
background: #ed6a37 !important;
color:white !important;
text-shadow: transparent !important;
border-color:#ed6a37 !important;
}

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover {
background: #ed6a37 !important;
box-shadow: none;
text-shadow: transparent !important;
color:white !important;
border-color:#ed6a37 !important;
}

/* Gekleurde balkjes boven product afbeeldingen */
.et_shop_image {border-style: solid;border-bottom-width:15px;border-bottom-color:#f57a33!important;}

/* 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 */
}