/*!
Theme Name: Modesto Milling
Theme URI: http://underscores.me/
Author: MHD Group Inc., Gilberto Cisneros
Author URI: https://mhdgroup.agency
Description: A custom theme for Modesto Milling.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: modesto-milling
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Modesto Milling is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
.form-element-retailers {
	border-radius: 5px;
	border: solid 2px white!important;
}
.btn-theme-retailers { 
	background-color: #487158!important; 
	
	border: solid 2px white!important;
	color: white!important;
}

.btn-theme-retailers:hover { 
	background-color: white!important; 
	border-color: #487158!important;
	color: #487158!important;
}
.tms-slide {
	background-position: left!important;
}

.sswcmaat.tabs-classic .woocommerce-MyAccount-navigation>ul>li.is-active a { background-color: #487158; color: white; }

.bkg-charcoal-opacity { background-color: rgba(23, 23, 23, .50); }

.footer-accent { background: url('core/images/footer_bg.jpg') top center no-repeat; background-size: cover;}
.bkg-green { background-color: #487158; }
.bkg-theme { 
	background-color: #487158; 
	border-color: #487158;
}
.bkg-tope { background-color: RGBA(233, 232, 224, 1.00);}
.bkg-tope-alt { background-color: RGBA(196, 198, 174, 1.00);}
.bkg-light-green {background-color:#527860;}
.bkg-brown {background-color:#362f2d}
.color-brown {color:#362f2d}
.color-theme { color: RGBA(35, 35, 35, 1.00)}
.color-green {color:#487158}
.color-tope {color:#d2d1c1;}
.color-tan {color:#c7b299}
.color-light-green {color:#527860;}

figure { margin-left: 0;}


a.button { text-align: center;}

ul.products li.product .woocommerce-loop-product__title { font-size: 1.8rem;}


.grid .grid-item { 
	border-left: 2px solid #C4C6AE;
	border-right: 2px solid #C4C6AE;
}

.border-bottom-tope {
	border-bottom: 2px solid #C4C6AE;
	border-color: #c4c6ae;
}



.button {
	background-color: #fff;
	border-color: #fff;
	color:#362f2d;
	border-radius: 5px;
	padding: 14px 30px;
}



a.elementor-button.elementor-size-sm {
	background-color: #ffffff!important;
	color:#362f2d;
	padding: 14px 30px;
	border-radius: 5px;
}


a.elementor-button.elementor-size-sm:hover {
	background-color: #362f2d!important;
	color:#fff;
	padding: 14px 30px;
	border-radius: 5px;
}

a.elementor-button.elementor-size-md {
	background-color: #27588d!important;
	color:#fff;
	padding: 14px 30px;
	border-radius: 5px;
}

a.button{
	    color: #000!important;
    border: none;
    padding: 14px 30px;
    font-size: 1.3rem;
    background-color:  #d2d1c1;
    cursor: pointer;
}

a.button:hover{
	
	 color: #fff!important;
	padding: 14px 30px;
	border-radius: 5px;
	background-color: #362f2d;
}

.header .logo {
	width: 15rem;
}

input.wpcf7-form-control.wpcf7-submit {
	color:#362f2d;
	border:none;
	padding: 14px 30px;
	font-size:1.3rem;
	background-color:#ffffff;
	cursor: pointer;
	border-radius: 5px!important;
}

input.wpcf7-form-control.wpcf7-submit:hover {
	color:#fff;
	border:none;
	padding: 14px 30px;
	font-size:1.3rem;
	background-color:#362f2d;
	cursor: pointer;
	
}

select.wpcf7-form-control-wrap {
    font-size: 1.3rem;
    text-transform: none;
    font-weight: normal;
    letter-spacing: 0.1rem;
	padding: 10px 15px;
    background-color: #fff;
	cursor: pointer;
}

.form-element {
	background-color: #fff;
    border: 1px solid #fff;
}

span.wpcf7-not-valid-tip {
	color: #c7b299;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
	border: 1px solid #c7b299;
}

div.wpcf7-response-output.wpcf7-display-none.wpcf7-validation-errors{
	color:#fff;
}

p a:hover {
	color:#27588d;
}

.bm-10 {
	margin-bottom:10px;
}

.tm-20 {
	margin-top:20px;
}

a.menu-style{
	font-size:1.6rem!important;
	color:#fff
}

.label { border-color: transparent; background: transparent; display: block;}


/* class applies to select element itself, not a wrapper element */
.woocommerce-product-attributes-item__value select {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%; /* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 
		for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference
		
	*/
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}
/* Hide arrow icon in IE browsers */
.woocommerce-product-attributes-item__value select::-ms-expand {
	display: none;
}
/* Hover style */
.woocommerce-product-attributes-item__value select:hover {
	border-color: #888;
}
/* Focus style */
.woocommerce-product-attributes-item__value select:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222; 
	outline: none;
}

/* Set options to normal weight */
.woocommerce-product-attributes-item__value select option {
	font-weight:normal;
}

/* Support for rtl text, explicit support for Arabic and Hebrew */
*[dir="rtl"] .woocommerce-product-attributes-item__value select, :root:lang(ar) .woocommerce-product-attributes-item__value select, :root:lang(iw) .woocommerce-product-attributes-item__value select {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

/* Disabled styles */
.woocommerce-product-attributes-item__value select:disabled, .woocommerce-product-attributes-item__value select[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'),
	  linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%);
}

.woocommerce-product-attributes-item__value select:disabled:hover, .woocommerce-product-attributes-item__value select[aria-disabled=true] {
	border-color: #aaa;
}


table.variations { width: 100%; }
table.variations tr { width: 100%;}
table.variations td { width: 100%;}
table.variations td.label { width: 100%;}

input { border: transparent;}

select { 
	background: white; 
	padding: 10px 15px;
	color: black;
	display: block;
	width: 100%;
}

ul.tabs li { display: inline-block!important;}
ul.tabs li a { color: white;}

ul.tabs li.active a { background: #487158; color: white;}
ul.tabs li a{ background:#362f2d;  padding: 5px 15px; display: block; color: white!important;}

.woocommerce-tabs ul.tabs li a { padding: 1em 2em;}

.header-inner-top p { font-size: 1.4rem; text-transform: uppercase; opacity: 1; color: #487158;}
.header .navigation > ul > li > a { font-size: 1.4rem; }

.tabs .tab-nav>li { width: 16.666666%; }


.btn-theme { 
	background-color: #487158; 
	border-color: #487158;
	color: white;
}

.btn-theme:hover { 
	background-color: #527860; 
	border-color: #527860;
	color: white;
}

.top-nav-tab .row { margin-top: -150px;}
.top-nav-tab .button.btn-theme { margin-top: -20px; }
.top-nav-tab .column.width-2 img { border-radius: 10px; }

.top-nav-tab ul li .btn-theme  { background-color: #487158; border-color: #487158; }
.top-nav-tab ul li.active .btn-theme  { background-color: #487158; border-color: #487158;  position: relative;}

.top-nav-tab ul li.active .btn-theme:after {
	content: ' ';
	width: 0; 
  height: 0; 
  display: block;
  position: absolute;
  bottom: -25px;
  left: 0;
  right: 0;
  margin: 0 auto 0 auto;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  
  border-bottom: 20px solid white;
}


.top-nav-tab .style-3 .tab-panes { background: white; padding: 30px; border-radius: 30px; }


.button, button { margin-top: 5px; margin-bottom: 0;}

.shop_table_responsive tr td { padding-left: 10px;}

.shop_table_responsive tr th { vertical-align: top;}


ul.products li { background: white; padding: 15px;  border-radius: 3px; text-transform: none!important;}
ul.products li.product .button { margin-right: 0; width: auto; border-radius: 3px; display: inline-block!important; clear: both;}
ul.prodycts lu.product .price { display: block; width: 100%;}
ul.products li.product img { border-radius: 5px; }
ul.products li.proruct a { padding: 15px;}

.woocommerce-loop-product__title { margin-bottom: 5px;}

/*.woocommerce-Tabs-panel { background: white; padding: 30px; border-radius: 5px;}*/

.wc-tabs li a{ border-radius: 5px; }
.woocommerce-tabs ul.tabs { margin-bottom: 5px;}

.tabs.wc-tabs {
	display: none;
}


.button { text-transform: none!important; }

.label { padding: 0 0!important; }

.product_meta .posted_in { display: none; }

button.single_add_to_cart_button {
	background: #487158;
	border-color: #487158;
	color: white;
}

.reset_variations { font-size: 1.2rem; color: #666}


.woocommerce-message, .woocommerce-info, .woocommerce-error, .woocommerce-noreviews, p.no-comments { padding: 30px; width: 100%; text-align: center; color: white; background-color: #487158!important;}
.woocommerce-notices-wrapper { margin-bottom: 30px;}

.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents { border: 2px solid lightgray; }
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents thead { background: lightgray; }
.shop_table.shop_table_responsive.cart.woocommerce-cart-form__contents tfoot { background: lightgray; }
table.woocommerce-cart-form__contents tr:last-child {
	background: lightgrey!important;
}

.added_to_cart { display: block; color: #487158; padding; 10px;}
.screen-reader-text { display: none;}

table.woocommerce-cart-form__contents tr:last-child .actions button { margin-top: 2px!important; float: right; background-color: #487158; color: white;  border-color: #487158;}

.header-transparent .navigation .nav-icon:hover, .header-transparent .navigation .nav-icon.active { color: #000!important;}


.header .cart span.badge { color: #ffffff!important; font-size: 13px;}

.header .navigation .nav-icon { font-size: 2.0rem;}
.nav-block .cart-indication .badge { width: 2.0rem; height: 2.0rem; line-height: 2.0rem;}
.navigation .cart .badge  { left: 1.6rem;}


ul#shipping_method { list-style: none;}
ul#shipping_method input { -webkit-appearance: radio; -moz-appearance: inherit; float: left; display: inline-block; width: 20px;  margin: 5px 0 5px;}
.woocommerce-shipping-destination strong { display: block; clear: both; padding-right: 30px;}


input[type="radio"] {
  -webkit-appearance: radio; -moz-appearance: inherit;
}

.woocommerce-checkout-payment { }

.shop_table woocommerce-checkout-review-order-table { }


.woocommerce-terms-and-conditions-wrapper .checkbox { opacity: 1; position: relative; }
.woocommerce-terms-and-conditions-wrapper input[type="checkbox"] { width: 25px;}
.woocommerce-terms-and-conditions-wrapper p { margin: 0 0 0;}
.woocommerce-terms-and-conditions-checkbox-text { font-size: 1.6rem; width: 100%;}

.col2-set { width: 50%; margin-right: 4%; float: left; }
.woocommerce-checkout-review-order { width: 45%; float: right;}
.woocommerce-checkout-review-order-table thead { text-align: left;}
.woocommerce-checkout-review-order-table .product-total { text-align: right;}
.woocommerce-checkout-review-order-table .cart-subtotal { text-align: right;}
.woocommerce-checkout-review-order-table .shipping { text-align: right; vertical-align: top;}
.woocommerce-checkout-review-order-table { width: 100%; }
.woocommerce-checkout-review-order-table .woocommerce-checkout-payment { text-align: right;}
.woocommerce-checkout-review-order-table { margin-bottom: 20px; }
.order-total { text-align: right;}
ul.methods { list-style: none; }

.woocommerce-checkout-payment { background: white; padding: 15px; }

.place-order .button { background: #487158!important; color: white;}

.woocommercer input { margin: 0 0 0!important;}

p.form-row { margin: 0 0 0!important;}

textarea { background: white; color: black; }
fieldset { border: 0px solid transparent; }

.product_meta { position: absolute; top: 30px;}


.woocommerce-shipping-destination, .woocommerce-shipping-contents { margin-bottom: 5px;}
.woocommerce-shipping-methods { margin-left: 0; margin-bottom: 5px;}
.woocommerce-shipping-totals { padding-bottom: 10px;}
.woocommerce-shipping-methods label { font-size: 1.4rem; }

.form-element, textarea, select { color: #000; }

.navigation .dropdown-list:not(.custom-content) li a, .navigation .sub-menu:not(.custom-content) li a { color: white; }

.header .logo a:hover { opacity: 1!important;}

.post-content.with-background {
	min-height: 544px;
}
	input.qty { border: 1px solid lightgrey;}
	.actions button { background: lightgrey; }

@media only screen and (max-width: 1140px){
	.post-content.with-background {
		min-height: 629px;
	}
	input.qty { border: 1px solid lightgrey;}
	.actions button { background: lightgrey; }
}

@media only screen and (max-width: 960px){
	.post-content.with-background {
		min-height: 854px;
	}
	.table:not(.non-responsive)>tbody { display: block; }
	.table:not(.non-responsive)>tbody>tr { display: table-row;}
	input.qty { border: 1px solid lightgrey;}
	.actions button { background: lightgrey; }
}

@media only screen and (max-width: 768px){
	.post-content.with-background {
		min-height: 100px;
	}
	.top-nav-tab .row { margin-top: 0px; }
	.top-nav-tab .button { margin-bottom: 30px;}
	.woocommerce-cart-form { width: 100%; }
	
	.table:not(.non-responsive)>tbody { display: block; }

	.section-block, .fullscreen-section .fullscreen-inner, .pagination-2 .pagination-next, .row.xlarge { padding-top: 5rem; padding-bottom: 5rem;}
	.table:not(.non-responsive)>thead, .table:not(.non-responsive)>thead>tr { display: none; }
	.table:not(.non-responsive)>tbody>tr { display: block; text-align: left; }
	input.qty { border: 1px solid lightgrey;}
	.actions button { background: lightgrey; }
}

.social-list li { font-size: 1.5rem; font-weight: 400; margin-top: 3px;}

.woocommerce-notices-wrapper { margin-bottom: 0;}

.checkbox, .radio { opacity: 1!important; position: relative!important;}
.woocommerce-form__input-checkbox  { width: 50px;}

.side-navigation .sub-menu { height: auto!important; }


.woocommerce-shipping-methods { font-weight: bold; color: black; }
.woocommerce-shipping-methods label { font-weight: bold; color: black; font-size: 18px;  }

.woocommerce-shipping-totals { background: yellow; }