/* 
 Theme Name:     Scoop and Scales
 Author:         Pepperstreet Web design
 Author URI:     pepperstreetwebdesign.co.uk
 Template:       Divi
 Version:        1.0
*/ 



/*set the Divi menu dropdown auto width*/
@media only screen and (min-width: 981px) {
	.nav li ul {
		width: fit-content;
		display: flex;
		flex-direction: column;
	}
	.nav li li {
		white-space: nowrap;
	}
	.nav li li a {
		width: auto !important;
	}
}


#main-header{ 
	-webkit-box-shadow:none !important; 
	-moz-box-shadow:none !important; 
	box-shadow:none !important; 
}

/*Make the menu module display vertically*/
.vertical-menu nav ul li {
width: 100%;
display: block;
}


/* Buttons side by side for header */
.btn-inline .et_pb_button_module_wrapper {
display: inline-block;
padding-bottom: 20px;
margin: 0 20px 0 0;
} 



a:link {color:#a8bfa3;}
a:hover {color:#da9c53;}

/* Product Page */
div.qty {
    float: left;
    padding: 19px;
    background:#6F977C; 
    color:#ffffff;
    margin-top:3px;
}


.add-to-basket table.variations {background:white; border-radius:7px !important;}
.add-to-basket .variations td select {}
.woocommerce div.product form.cart .variations {border-left: solid 5px #A65462; background:#F2F3F2; border-right: solid 5px #A65462; padding-left:21px;}
.woocommerce div.product form.cart .variations label {font-weight:300 !important}
.woocommerce div.product form.cart .variations th {padding:14px !important; font-weight:300 !important;}
.woocommerce div.product form.cart .variations td  {padding:14px !important;}
.woocommerce div.product span.price, .woocommerce-page div.product span.price {font-weight:900; font-size:35px;}
.woocommerce div.product div.images .flex-control-thumbs li {margin-right:2%; margin-bottom:2%; width:23.3%;}


/*WooCommerce Pages*/

.single-product .et_pb_wc_add_to_cart form.cart .variations td.value span:after {display: none;}
.woocommerce .woocommerce-error a:link,
.woocommerce .woocommerce-error a {color:white !important;}


.woocommerce a.button.alt, .woocommerce-page a.button.alt {border:none !important;}
.woocommerce-page table.cart td.actions .coupon button.button {border-radius:0 !important; margin-left:0 !important; line-height:2.7em !important;}
.woocommerce-cart table.cart .product-thumbnail {display:none;}

.woocommerce button.button[name="update_cart"]:disabled, 
.woocommerce-page button[name="update_cart"]:disabled:hover,
.woocommerce-page button[name="update_cart"]{
    text-transform:uppercase;
  background: none !important;
  border:none !important;
  color:#a65462 !important;
  font-size:17px;
  letter-spacing:3px;
}

.woocommerce-page button[name="update_cart"],
.woocommerce-page button[name="update_cart"]:hover 
{letter-spacing:3px !important;}

.woocommerce table.cart th {background:#6f977c; color:white;}
.woocommerce table.cart td a{font-family:'Cinzel Decorative',display; font-size:24px;}
.wcpa_edit_product {font-size:15px !important; font-family:'Didact Gothic',Helvetica,Arial,Lucida,sans-serif !important;}
ul.wcpa_cart_meta {padding:0;}
.wcpa_cart_meta .wcpa_cart_meta_item {margin-bottom:0; line-height:1.2em !important;}
.woocommerce ul#shipping_method li input {margin-top:7px !important;}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {text-transform:uppercase; padding:10px 30px 10px 30px !important;}

/*  FORM STYLES  */
@media only screen and (max-width: 960px) {
        #contact-panel .wpforms-container .wpforms-field.wpforms-one-half,
        #roar-form .wpforms-container .wpforms-field.wpforms-one-half {width:100% !important; margin-left:0 !important;}
}



.wpforms-container-full label {font-weight:300 !important;}


#contact-panel .wpforms-container-full input[type=text],
#contact-panel .wpforms-container-full input,
#contact-panel .wpforms-container-full textarea{
	padding:14px !important;
	background-color:transparent !important;
	border-bottom:solid 1px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#ffffff !important;
}


#contact-panel .wpforms-container-full select{
	padding:14px !important;
	background-color:transparent !important;
	border-bottom:solid 1px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#ffffff !important;
}


#contact-panel .wpforms-container-full button[type=submit]
 {
	background-color:#DD571C !important;
	color:#ffffff !important;
	text-transform:uppercase !important;
	padding:14px 42px !important;
	font-weight:700;
	border-radius:7px;
}

#contact-panel .wpforms-container-full button[type=submit]:hover  {background-color:#da9c53 !important;}
#contact-panel  ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */   color: white !important;   opacity: 1; /* Firefox */}
#contact-panel  :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: white !important;}
#contact-panel  ::-ms-input-placeholder { /* Microsoft Edge */  color: white !important;}
 


/*normal form on page */

#roar-form  .wpforms-container-full input[type=text],
#roar-form  .wpforms-container-full input,
#roar-form  .wpforms-container-full textarea{
	padding:14px !important;
	background-color:white !important;
	border-bottom:solid 1px #648C81 !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#3d3d3d !important;
}

#roar-form  .wpforms-container-full input[type=checkbox] {	padding:0 !important;}


#roar-form  .wpforms-container-full select{
	padding:14px !important;
	background-color:white !important;
	border-bottom:solid 1px white !important;
	border-top:none !important;
	border-left:none !important;
	border-right:none !important;
	height:auto !important;
	color:#3d3d3d !important;
}


#roar-form .wpforms-container-full button[type=submit]
 {
	background-color:#DD571C !important;
	color:#ffffff !important;
	text-transform:uppercase !important;
	padding:14px 42px !important;
	font-weight:700;
	border-radius:7px;
}

#roar-form  .wpforms-container-full button[type=submit]:hover  {background-color:#3d3d3d !important;}
#roar-form   ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */   color: #648C81 !important;   opacity: 1; /* Firefox */}
#roar-form   :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #648C81 !important;}
#roar-form   ::-ms-input-placeholder { /* Microsoft Edge */  color: #648C81 !important;}




@media (min-width: 1024px) {
  /* custom spacing between services on footer panel*/
  .what-we-do-panel .et_pb_gutters2 .et_pb_column {margin-right:1% !important;}
.what-we-do-panel .et_pb_gutters2 .et_pb_column_1_5 {width:19% !important;}

}

@media all and (max-width: 980px) {
  
}

@media(max-width: 767px){
div#page-container{ 
overflow: hidden; 
}
}



@media all and (max-width: 980px) {
  div#et-main-area {
    margin-top: -1px;
  }
}