/*
 Theme Name:     Wrangler Fix
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Digital Sky Design
 Author URI:     https://digitalskydesign.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* Redefine Woocommerce default styles */

button {
	font-family: 'Advent Pro', Helvetica, Arial, Lucida, sans-serif;
}

input[type=text],
input[type=number],
input[type=password],
select,
textarea {
	height: auto !important;
	color: #695a46 !important;
	font: normal 400 .875em/1.6em 'Encode Sans', Helvetica, Arial, Lucida, sans-serif !important;
	padding: 7px 10px !important;
	border: 1px solid #99a08d !important;
	border-radius: 5px !important;
	background-color: #faf7f3 !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

textarea {
	min-height: 120px !important;
}

.woocommerce select,
.woocommerce div.product form.cart .variations td select {
	background-image:
    	linear-gradient(45deg, transparent 50%, #99a08d 50%),
    	linear-gradient(135deg, #99a08d 50%, transparent 50%),
    	linear-gradient(to right, #99a08d, #99a08d);
	background-position:
    	calc(100% - 20px) calc(1em + 2px),
    	calc(100% - 15px) calc(1em + 2px),
    	calc(100% - 2.5em) 0.5em;
	background-size:
    	5px 5px,
    	5px 5px,
    	1px 1.5em;
	background-repeat: no-repeat;
	/* Another arrow option for dropdowns	
	background-image:
    	linear-gradient(45deg, transparent 50%, #dfdac4 50%),
    	linear-gradient(135deg, #dfdac4 50%, transparent 50%),
    	linear-gradient(to right, #99a08d, #99a08d);
	background-position:
    	calc(100% - 20px) calc(1em + 2px),
    	calc(100% - 15px) calc(1em + 2px),
    	100% 0;
	background-size:
    	5px 5px,
    	5px 5px,
    	2.5em 2.5em;
	background-repeat: no-repeat;
	*/
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
}

/* Gets rid of that pesky dropdown menu arrow that Woocommerce tacks on as part of the add-to-cart.js */
.variations td.value span::after {
	display: none !important;
}

.woocommerce form.checkout_coupon,
.woocommerce form.login,
.woocommerce form.register {
    border: none;
    padding: 15px;
    border-radius: 0;
	background-color: #99a08d;
}

.woocommerce form.login,
.woocommerce form.register label {
	font-size: 14px;
}

.woocommerce-privacy-policy-text {
	font-size: 14px;
	line-height: 18px;
	margin-bottom: 26px;
}

a.woocommerce-privacy-policy-link {
	text-decoration: underline;
}

/* WooCommerce product addons styles */
.wcpa_wrap label {
	font-size: 14px;
}

.wcpa_wrap .wcpa_checkbox label {
    line-height: 1.2em;
}

.wcpa_field_desc {
	line-height: 1.2em;
}

/* Ubermenu top level font */
.ubermenu .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target{
	font: normal 700 1.6em/1em 'Advent Pro', Helvetica, Arial, Lucida, sans-serif;
}

/* Ubermenu submenu level font */
.ubermenu .ubermenu-submenu .ubermenu-item .ubermenu-target{
    font-family: 'Encode Sans', Helvetica, Arial, Lucida, sans-serif;
}

/* Remove the border on the top of the Ubermenu submenu */
.ubermenu-skin-minimal.ubermenu-horizontal .ubermenu-item-level-0 > .ubermenu-submenu-drop {
    border-top: none !important;
}

/* Add padding to indent the Divi Mobile submenu */
#dm_nav li ul.sub-menu a {
    padding-left: 1em;
}

/* Change Divi Mobile submenu font */
#dm_nav li ul.sub-menu a {
    font: normal 400 1em/1.25em 'Encode Sans', Helvetica, Arial, Lucida, sans-serif;
}

/* Fix Divi Mobile header image width on scroll */
.fixed-header #dm-logo {
    max-width: 50px;
}

/* Fix header overlapping content area */
#et-main-area {
	margin-top: 0px;
}

@media only screen and (min-width: 1080px) {
	#et-main-area {
		margin-top: 109px;
	}
}

/* Hide labels for product variatons */
th.label {
	display: none;
}

/* Remove product tabs background */
ul.et_pb_tabs_controls {
    background-color: transparent !important;
}

/* Fix mobile padding issue with product tabs */
.et_pb_tabs_controls li a {
	padding: 5px 15px;
}

/* Set product tabs padding */
.et_pb_tab {
	padding: 1em 0 !important;
}