@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Literata:wght@300;400;500;700&display=swap');
html{background: #FFFFFF;font-weight: 400; font-size: 14px; color:#856640; scroll-padding-top: 164px;}
header{background:#FFFFFF;position: sticky; top: 0; z-index: 5; box-shadow: 0px 0px 10px #0000000D;}
body{min-width:320px;  font-weight:400;  font-family:'Poppins', sans-serif; font-size:14px; margin:0  auto;color:#856640; line-height: 1.3;}
main{min-height: 600px;}
h1, h2, h3, h4, h5, h6 {font-weight:700}
h4{font-size:18px}
h6 {font-size:1.8rem}

.title, .page-title{font-size:40px; font-weight:500; padding:30px 20px 10px 20px; font-family: 'Literata', serif; font-style: normal;}
.titlepaddingtop50{padding-top:50px;}  
.sec-title{font-weight:500; font-family: 'Literata', serif; font-style: normal; font-size: 33px;margin-bottom: 6px;}
.text{font-size:20px}
.center{text-align: center;}
.nonmobile, .regular {display:none}
a {text-decoration:none; color:#856640;cursor: pointer;}
a:hover {color:#30241D}
#breadcrumb a:last-child{cursor: unset;}
#breadcrumb a:last-child:hover{color: #856640;}


b, strong {font-weight:600;}

.material-icons{vertical-align:middle;}

.textright{text-align:right}

.relative-container {position:relative}

.printonly {display:none}
input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus, select:focus {
  border: 1px solid #30241D;
  outline: 0;
}
input[type="text"], input[type="password"], .input-text{
  background-color: #fff;
  border: 1px solid #856640;
  border-radius: 0;
  color: #000;
  font-family: "Poppins",sans-serif;
  font-size: 15px;
  font-weight: 400;
  letter-spacing: .0357143em;
  line-height: 18px;
  margin: 0 0 10px;
  padding: 18px 15px 15px 15px;
  height: unset;
}
input[type="checkbox"] {vertical-align:middle; margin-top:3px}
select {border: 1px solid #856640; border-radius: 0px; padding: 18px 15px 15px 15px;}
select option {text-transform:uppercase; padding: 2px 0px;}
textarea {resize:vertical;width:100%; border: 2px solid #CCCCCC; border-radius:3px}

input[type="checkbox"]{display:none}
input[type="checkbox"] + label {display:inline-block}
input[type="checkbox"] + label > span { display:inline-block; width:24px; height:24px;  vertical-align:middle;  border:1px solid #856640; background:#ffffff; margin-right: 5px}
input[type="checkbox"] + label > span .material-icons{display:none; font-size:22px}
input[type="checkbox"]:checked + label > span {background:#ffffff; }
input[type="checkbox"]:checked + label > span  .material-icons{display:inline-block}

/* input[type="radio"] {display:none}
input[type="radio"] + label > span { display:inline-block; width:20px; height:20px; border-radius:10px; margin:10px 5px 12px 0; vertical-align:middle; border: 1px solid #333333;}
input[type="radio"]:checked + label > span {border: 1px solid #333333;} 
input[type="radio"]:checked + label > span >span {background: #333333;  width:12px; height:12px; border-radius:6px;display:block; margin:4px} */
input[type="radio"] {display:none;}
input[type="radio"] + label > span {display:inline-block;width:20px;height:20px;border-radius:10px;margin:10px 5px 10px 0;vertical-align:middle;border: 1px solid #896534;}
input[type="radio"] + label > span > span { display:none; width:12px; height:12px; border-radius:6px; background: #896534; margin:3px}
input[type="radio"]:checked + label > span  > span {display:inline-block}

#backbutton{ 
    background: transparent;
    color: #3447C7;
    border: 1px solid;
    margin-right: 10px;}
.button, button, .input-button, input[type="submit"], input[type="reset"], input[type="button"],button.button-primary {
    background: #896534;
    border: 1px solid #896534;
    border-radius: 2px;
    box-sizing: border-box!important;
    color: #F3EFE6;
    display: inline-block;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .0357143em;
    line-height: 12px;
    line-height: normal;
    padding: 13px 26px 13px;
    text-align: center;
    text-transform: capitalize;
    height:unset;
    cursor: pointer;
}
button:focus{
  background: #F3EFE6;
  color: #896534;
  border: 1px solid #F3EFE6;
}
.button:hover, button:hover, .input-button:hover, input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, .button:focus, input[type="submit"]:focus, input[type="reset"]:focus, input[type="button"]:focus, button.button-primary:hover,button.button-primary:focus  {
  background: #F3EFE6;
  color: #896534;
  border-color: unset;
}
.input-button:hover,  .input-button2:hover,  button:hover {opacity:0.8}
.blue {color:#124B8C}

img {border:0; vertical-align:middle; width:100%}

.clear, .clear_div {clear:both;}
.clearfix:after {content:"";display:table; clear:both}

.desktop{display:none}
.wrapper, .content-grid {max-width:1640px; min-width:280px; width:100%; margin: 0 auto; }

#popupmsg, #popupmsgback {display:none}
#popupmsg {font-weight: 500;font-size: 18px;position:fixed;z-index:1001;width:50%;left:25%;background: #EEE8E1;text-align:center;top: 40%;padding:30px 20px;}
#popupmsg .popupclose {background-color: #856640;color:#fefefe;position:absolute;top:20px;right:20px;text-align:center;padding:8px 10px 10px 10px;border-radius:3px;cursor: pointer;}
#popupmsgback {position:fixed;width:100%;height:100%;background-color:#B1B1B1;opacity:0.8;z-index:1000; top:0; left:0; right:0}
.errormsg,  .required {color:#ff0033; font-weight:600; }
.successmsg {color:#37847F}
.close {background-color:#393939;color:#fefefe; text-align:center; border-radius: 12px; width: 24px;}
.v-table { display: table; height:100%}
.v-middle { display: table-cell; vertical-align: middle;}
.col-header{ text-transform: uppercase;  font-weight: 600; font-size:12px; }
.col-footer {padding-top:30px}

.col95,
.col85,
.col80,
.col75,
.col70,
.col66,
.col60,
.col50,
.col48,
.col40,
.col33,
.col30,
.col25,
.col20,
.col15{width:100%; box-sizing:border-box;}
/*contact us*/
.custom.contact.clearfix.wrapper{
  padding: 20px;
}
.entry-form.emailform{
  width: inherit;
}
/*retail order detail page*/
.orderhistory{
  max-width: 1640px;
  min-width: 280px;
  width: 100%;
  margin: 0 auto;
  padding: 0 20px;
}
.orderhistory h3{
  font-weight: 500;
  padding: 30px 0px 10px;
  font-family: 'Literata', serif;
  font-style: normal;
}
.orderhistory .summary-grid img {
  width: unset;
}
/* customerportal */
.portal_wrapper{
	max-width: 1640px;
	min-width: 280px;
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
}
/*shiptos page*/
.entry-form.shiptoswrapper {
  width: inherit;
  padding: 20px;
  max-width: 1640px;
}
/*vieworders page*/
.vieworders{margin: 0 20px;}
h1.vieworders, h2.vieworders{
  font-weight: 500;
  font-family: 'Literata', serif;
  font-style: normal;
  font-size: 40px;
}
@media print, screen and (min-width: 768px){
  h1.vieworders, h2.vieworders{font-size: 52px;}
}
.vieworders td{border-bottom: 0}
/*password page*/
.defcenteredtbl {
  max-width: 1640px;
  min-width: 280px;
  width: 100%;
  margin: 0 auto;}
.defcenteredtbl td{border-bottom: 0;}
.defcenteredtbl .page-title{padding: 30px 20px 10px 20px;}
.defcenteredtbl .iframe{padding: 0;}
/*content page*/
.btn275{min-width: 275px}
.btn311{min-width: 311px}
.content-banner{position: relative; padding-bottom: 0;}
.content-banner .bannertext_container{position: absolute; left: 9%; top: 35%;}
.content-banner .bannertext_container .banner_title{color: #F3EFE6;font-size: 3.5vw; padding: 0;}
.content-banner .bannertext_container .banner_text{font-weight: 500; font-size: 1.5vw; color: #F3EFE6; margin-top: 4%;}

.sectionPOD{
  background-color: #EEE8E1;
  font-family: 'Literata', serif;
  color: #856640;
  text-align: center;
  min-height: 400px;
}
.sectionPOD .wrapper {max-width: 1350px;}
.PODblock .title {padding-top: 60px}
.PODblock p{padding: 20px; font-size: 20px; line-height: 1.55;}
.faq-blocks{padding:20px;}
.faq-blocks .faq-contact a {text-decoration: underline;color: #856640;}
.faq-blocks .faq a {text-decoration: underline;color: #856640;}
.faq-blocks .faq-contact a:hover {color: #30241D;}
.faq-blocks .faq a:hover  {color: #30241D;}
/*background color*/
.darkbeigebkg{background-color: #EEE8E1}
.lightbeigebkg{background-color: #F3EFE6}
.brownbkg{background-color: #896534}
/*three-benefits section*/
.three-benefits{background-color: #856640; color: #FFFFFF;}
.three-benefits .wrapper {max-width:1280px}
.three-benefits .benefitstitle{margin-bottom: 30px;text-align: center;}
.three-benefits .benefits_containers{display: flex; flex-wrap: wrap; justify-content: space-between;}
.benefits_containers .container{
    text-align: center;
    width: 33%;
    padding: 10px;
    box-sizing: border-box;
    font-weight: 500;
}
.three-benefits .benefits_containers .container img{margin-bottom: 30px;}
.three-benefits .benefits_containers .container p{font-size:  20px;}

/*half-image section*/
.half-image-section .row{display: flex;}
.half-image-section .row:nth-child(odd) {flex-direction: row-reverse}
.half-image-section .row:nth-child(even) .halfdesc {max-width: 624px;}
.half-image-section .row .col50{padding:0 20px 0 20px;}
.half-image-section .row .col50:first-child{display: flex;align-items: center; justify-content: center;}
.half-image-section .halftitle{text-align: center;margin-bottom: 50px;}
.half-image-section .halftext-container{font-weight: 500; font-size:  20px;}
.half-image-section .halftext-container .title{padding: 0 0 22px;}
.half-image-section .halftext-container .sec-title{font-family:'Poppins'}
.half-image-section .halfdesc{font-size:  20px; padding: 20px 0 30px;}
.half-image-section .small-text{float: left; padding-right: 30px;border-right: 1px solid #896534;}
.half-image-section .halftext-container .half-btn{margin-top: 30px}

/*shop now btn*/
.shopnowimg{position: relative;}
a:hover .shopnowimg .shownowbtn {display: block;}
.shopnowimg .shownowbtn{
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 18px;
    transform: translate(-50%, -50%);
}
/*contact*/
.contact .sec.Windrose >div>div {padding: 15px 0  10px 0}
.contact .sec.Windrose .material-icons {margin-right:10px; vertical-align:inherit}
.contact .sec.Windrose span {display:inline-block; word-break:break-all}

/*category*/
#breadcrumb a:after {content:'/'; padding-left: 5px; display:inline-block}
#breadcrumb a:last-child:after {content:'';clear:both;}

@media (max-width: 768px) {
  .half-image-section .row .col50{padding:0 20px 20px 20px;}
}
.leftdesctext{font-weight: 500; max-width: 1185px; padding: 20px;}
.narrow {max-width: 1350px; margin: 0 auto;}
section {padding-bottom: 60px}
/*register*/
.entry-form.registerwrapper{width: inherit; padding: 20px;max-width: 1640px;}
.register .sectitle{
  font-size: 20px;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 20px;
}
.register .label .material-icons {float: right; cursor:pointer}
.register .resalenum {display:none;width: 340px;position: absolute;border: 1px solid #cccccc;background:#ffffff;padding:20px;box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2);} 
.register .resalenum {top:30px; right:0px}
.register .resalenum.tip:before, .register .resalenum.tip:after {content: '';display: block;position: absolute;right: 20px;width: 0;height: 0;border-style: solid;}
.register .resalenum.tip:before { top: -20px;  border-color: transparent transparent #d6d6d6 transparent;   border-width: 10px;}
.register .resalenum.tip:after {   top: -18px;  border-color: transparent transparent #fff transparent;   border-width: 10px;}

.register .checklist {margin:10px 0 3px 0}
.register .checklist .chk {margin: 3px 16px 3px 0; display:inline-block; }
/*storelocator*/
#divstorelocator_search{padding:20px}
#divstorelocator_search .onlineRetailers{display: none}
#divstorelocator_search .clickonRetailer{display:block;}
#divstorelocator_search .searchbyzip p {font-size:16px; padding:10px 0 30px; font-weight:700}
.divstorelocator_resultsitem td b {color:#856640; font-size:16px; text-transform:uppercase; font-weight:700}
.storelistbtn{padding:20px;}

.custom.terms{padding:20px;} 
.terms p {font-size:16px; padding-bottom:20px; line-height:20px }

/*my account*/
.myaccount {text-align:center}
.myaccount .acct {width:16.3%; min-width:155px; height:220px; display:inline-block; vertical-align:top; text-align:center;}
.myaccount .acct div img { width:145px;vertical-align:middle; border:1px solid #DADADA }
.myaccount .acct div p {margin-top:10px;color: #000000; text-transform:uppercase;  font-weight:500}

/*itemlist for homepage,  category */

.itemlist .col-header {text-transform:uppercase; font-weight:500; font-size:16px; border-bottom:1px solid #ACACAC}
.itemlist .sku{font-weight:900;font-size:16px;text-transform:uppercase;}
.itemlist .name {font-weight:500;font-size:16px;line-height:18px;min-height:40px;}
.itemlist .image {text-align:center}
.itemlist .image img {width:100%}
.itemlist .tocart > div{padding-top:10px}
.itemlist .price {font-weight:500;}
.itemlist .multiple{font-weight:500; padding-bottom:10px}
.itemlist .requireditemmultiple{display:none }
.itemlist .favorite{color:#666666; vertical-align: super; font-weight: 500; display: none;}
.itemlist .stock{display:none;}
.itemlist .favorite .material-icons{font-size:24px; color:#BD1B21}
.itemlist .tocart  div.clearfix > span {display:inline-block} 
.itemlist .tocart  div.clearfix > span.qty {width:20%; float:left; }
.itemlist .tocart  div.clearfix > span.btn {width:75%; float:right; }
.itemlist .tocart  div.clearfix > span input {width:100%; height:45px; text-align: center; padding: unset;}

/*** shippingcart ***/
.shoppingcart{padding: 20px; font-size: 16px;} 
.cart-grid .col-header {text-transform:uppercase; font-weight:500; font-size:16px; border-bottom:1px solid #ACACAC}
.cart-grid .col-data {margin-bottom:20px}
.cart-grid .col-data .unitprice, .cart-grid .col-data .linetotal{font-weight:900; font-size:16px;} 

.cart-grid .col {float:left; }
.cart-grid .col.image {width:30%; text-align:left; min-height:100px}
.cart-grid .col.image img {width:90%; max-width:110px; min-height:108px}
.cart-grid .col.prod {width:70%}
.cart-grid .col.qty {width:70%; }
.cart-grid .col.qty:after {content:""; display:block; clear:both; padding-bottom:10px}
.cart-grid .col.unitprice {width:45%; text-align:left}
.cart-grid .col.linetotal{width:35%; text-align:left}
.cart-grid .col.unitprice > span, .cart-grid .col.linetotal > span {display:inline-block; width:100%}
.cart-grid .col.remove {width:20%; text-align:left;}

.cart-grid .item .qty {min-height:40px}
.cart-grid .item .qty .input-text {height: 45px; min-width: 30px; text-indent: 5px; text-align:center; padding: 0; width:50px; margin-right:6px}
.cart-grid .item .qty .input-button {width: 100px; font-size: 16px; padding: 0 10px; height: 45px;}
.cart-grid .item .remove {text-align:center}
.cart-grid .item .remove button.blank{background: 0; color: #896534;border:0; text-decoration:underline; padding:0} 
.cart-grid .item .stock{display: none;}
.cart-total {margin: 50px 0}
.cart-total .promo {text-align:center}

.cart-total .promo span {display:inline-block}
.cart-total .promo .label{font-weight: 500; margin-right:8px; text-transform:uppercase; width:100%}
.cart-total .promo .input-text {width:150px; height: 56px;}
.cart-total .promo .input-button {width:110px;height: 57px; padding: 11px 26px 13px;}

.cart-total .total {text-align:center; }
.cart-total .total form  {margin:20px }
.cart-total .total .label{font-size: 28px;}
.cart-total .total .price{font-size: 28px;}
.cart-total .total .input-button {width:150px;}
.cart-total .total .input-button:disabled{background-color: #BBBBBB; border-color: #888;color: #333;}
.cart-total .total .input-button:disabled:hover{background-color: #BBBBBB; border-color: #888;color: #333; opacity: 1;}
.cart-total .total .backbtn{cursor: pointer; color:#896534; font-size:16px; text-decoration:underline}

/*checkout*/
.checkout {padding:20px}
.checkout .section { padding: 20px; border: 1px solid #cccccc; margin-bottom:20px; font-size:16px }
/* .checkout.invoice  .section {background: #F5F5F5; } */
.checkout .section.confirm {background-color:#896534; color:#fff; padding:5px 20px}
.checkout .section.confirm > div span {padding:10px 0; display:inline-block}
.checkout .section.confirm > div span:nth-child(odd) {font-weight:500; font-size:14px; text-transform:uppercase; color:#fff}

.error-msg{color:#ff0033}
.checkout .sec-title{font-size: unset; font-family: 'Poppins', sans-serif;}
.checkout .sectitle { color: #896534; font-size: 16px; font-weight: 900; text-transform:uppercase}

.checkout .edit-btn {text-align:right; float:right} 
.checkout .edit-btn input{min-width:70px; }
.checkout .edit-btn  a {text-decoration:underline; font-size:14px; font-weight:600}

.checkout .checkout-btn {text-align:right}
.checkout .checkout-btn .back {border:0; color:#4C86FB; text-decoration: underline;}

.checkout .carriers {margin: 0 auto}
.checkout .carrier-list {border: 1px solid #CCCCCC; padding: 20px; margin-bottom: 40px}
.checkout .carrier-list .carrier {background-color: #EEE8E1; padding: 20px; margin: 10px 0}
.checkout .carriers .next-btn{ text-align:center}

.checkout .shipping .addr-title {font-size:16px;font-weight:bold; color:#333333}
.checkout .shippinglist {padding:15px 0}
.checkout .shippinglist .addr div {padding:5px 0; font-size:14px}

.checkout .section .payment {min-height:95px}
.checkout .section .payment .input-text {width:100%}

.checkout .details {padding:0; border:1px solid #cccccc; margin-bottom:20px  }
.checkout .details .sec-title {padding:20px; } 

.checkout .details .col-header {font-size:14px; font-weight:600; text-transform:uppercase; border-top:1px solid #ededed;}
.checkout .details .col-data {border-bottom:1px solid #EDEDED; padding:10px 20px; font-size:16px; font-weight:900 }

.orderitems {display:none}

.checkout .details .itemlist .item {padding:15px 20px}
.checkout .details .itemlist .item .image {width:30%; float:left; min-height:155px} 
.checkout .details .itemlist .item .image img { max-width:100px }
.checkout .details .itemlist .item .name {width:70%; float:left; font-size:16px; font-weight:500; line-height:20px} 
.checkout .details .itemlist .item .name .stock{display: none;}
.checkout .details .itemlist .item .col .mobile {display:inline-block; width:100px}

.checkout .totals { padding:20px 10px 50px 10px; }
.checkout .totals.invoice {background:#ffffff; border:1px solid #d9d9d9; border-top:0}
.checkout .totals .total {font-size:16px; font-weight:600;}
.checkout .totals .total:last-child {font-size:20px; padding:10px 0 0 0 }
.checkout .totals .total .label {display:inline-block;text-transform:uppercase; text-align:right; width:75%; margin-right:5%;} 
.checkout .totals .total .value {display:inline-block; width:15%; font-weight:900; }

.checkout .placeorder .input-button {width:300px}
.checkout.invoice .next-btn{padding-bottom:20px;}
@media (min-width: 768px) {
  .checkout.invoice .next-btn{position:absolute; top:-65px; right:20px}
}

/*quick order*/
.quickorder-div {border:1px solid #ACACAC;}

.quickorder-grid .col{float:left}

.quickorder-grid.itemlist .col-header, .quickorder-grid.itemlist  .col-data {   border-bottom: 1px solid #ACACAC; padding:10px}
.quickorder-grid.itemlist .col-header >div {text-transform: uppercase;  font-weight: 500;    font-size: 16px;  }
.quickorder-grid.itemlist .col-data >div{font-weight: 500;    font-size: 16px; }

.quickorder-grid .col-header > div, .quickorder-grid .col-data > div{ width:100%;}
.quickorder-grid .col-data > div > span {display:inline-block; width:48%}

.quickorder-grid .col-header > div.name, .quickorder-grid .col-data > div.name {width:100%;}
.quickorder-grid  .image{display:none}

.quickorder-grid  .qty input { width:75px}
.quickorder-grid  .price,  .quickorder-grid .amount {min-width:100px; }
.quickorder-grid  .price .input-price {    padding: 0;    text-indent: 0;}
.quickorder-grid  .col-data .amount {margin-top:10px}
.quickorder-grid  .price .input-price {width:100px;border:0px;}
.quickorder-grid  .cancel {min-width:100px;}
.quickorder-grid  .cancel .input-button {border:0; text-decoration:underline; padding:10px 0 }

.quickorder-total{margin:20px 10px;  font-size:26px; font-weight:600;  text-align:center; text-transform: uppercase }
.quickorder-addtocart {margin:20px 10px; text-align:center;}
#running_totalcost {width:150px; text-align:center; border:0; }

@media print, screen and (min-width: 768px) {
  .nonmobile, .regular{display:block} 
  .PODblock p{font-size: 33px;}
  .title, .page-title{font-size:52px;} 
  .entry-form .row .col {width:48.5%} 
  .mobile {display:none}
  .desktop {display:block}
  .left{float:left}
  .right{float:right}
  .col95{width:95%; box-sizing:border-box;}
  .col80{width:80%; box-sizing:border-box;}
  .col75{width:75%; box-sizing:border-box;}
  .col70{width:70%; box-sizing:border-box;}
  .col66{width:66.66%; box-sizing:border-box;}
  .col60{width:60%; box-sizing:border-box;}
  .col50{width:50%; box-sizing:border-box;}
  .col48{width:48%; box-sizing:border-box;}
  .col45{width:45%; box-sizing:border-box;}
  .col40{width:40%; box-sizing:border-box;}
  .col33{width:33.33%; box-sizing:border-box;}
  .col35{width:35%; box-sizing:border-box;}  
  .col30{width:30%; box-sizing:border-box;} 
  .col25{width:25%; box-sizing:border-box;} 
  .col20{width:20%; box-sizing:border-box;} 
  .col15{width:15%; box-sizing:border-box;}
  .col5{width:5%; box-sizing:border-box;}

  .register .resalenum {top: -50px;right: -365px;}
  .register .resalenum.tip:before, .register .resalenum.tip:after {content: '';display: block;position: absolute;top: 100%;left: -30px;width: 0;height: 0;border-style: solid;} 
  .register .resalenum.tip:before {top: 52px;border-color: transparent #d6d6d6 transparent transparent;border-width: 15px;}
  .register .resalenum.tip:after {top: 51px; border-color: transparent #fff transparent transparent;  border-width: 16px;}

  .entry-form {width:90%; margin:0 auto}

  /*category*/
.itemlist .favorite {text-align:right}
.search-results .itemlist:after {content: '';  width: 100%;  display: inline-block;  font-size: 0;   line-height: 0;} 
.search-results .itemlist .col { display: inline-block; width:22%; margin-right:2%; margin-bottom: 3%; vertical-align: top;}
.search-results .itemlist .image {width:100%; float:none;padding-bottom: 10px;}
.search-results .itemlist .tocart {width:100%; float:none} 
.search-results .itemlist .name {text-align:left; min-height: 36px;}
.search-results .itemlist .image img {width:100%; padding:0; max-width:250px}
.search-results .itemlist .tocart > div {padding-top:10px; }
.search-results .itemlist .price {font-size:28px;}
.search-results .itemlist .stock {min-width:55px;}
.search-results .itemlist .favorite {padding: 0;}
/*cart*/
.cart-grid .col {float:left; }
.cart-grid .col.image {width:10%; text-align:left; min-height:inherit}
.cart-grid .col.image img {min-width:75px; max-width:110px} 
.cart-grid .col.prod {width:36%}
.cart-grid .col.qty {width:18%; }
.cart-grid .col.unitprice {width:18%; text-align:center}
.cart-grid .col.linetotal{width:10%; text-align:right}
.cart-grid .col-data .unitprice, .cart-grid .col-data .linetotal{padding:10px 0} 
.cart-grid .col.unitprice > span.mobile,inline, .cart-grid .col.linetotal > span.mobile.inline {display:none}
.cart-grid .col.remove {width:8%; text-align:right;}

.cart-grid .item {padding:15px 0; margin-bottom:0px;border-bottom:1px solid #ACACAC}
.cart-grid .item.col-header {padding: 0}
.cart-grid .item div.name a{font-size:16px;}
.cart-grid .item div.qty {min-height:40px}

.cart-total .promo {text-align:left}
.cart-total .promo .label{width:20%}
.cart-total .promo .input-text {width:225px}

.cart-total .total {text-align:right; position: initial;  bottom: inherit;   left: inherit;  border: 0;   box-shadow: none;}
.cart-total .total form {margin:0}
.cart-total .total .input-button {width:194px;}

/*checkout*/
.orderitems {display:block}
.checkout .details .itemlist .item {padding:15px 0}
.checkout .details .itemlist .item .col{float:left}
.checkout .details .itemlist .item .col .mobile {display:none}
.checkout .details .itemlist .item .image{width:12%; min-height:inherit}
.checkout .details .itemlist .item .name {width:50%;}
.checkout .details .itemlist .item .qty {width: 12%; text-align:center; }
.checkout .details .itemlist .item .price {width:14%; font-size:15px }
.checkout .details .itemlist .item .subtotal {width:12%}

.checkout .totals .total .label { width:85%; margin-right:3%;} 
.checkout .totals .total .value {display:inline-block; width:12%; font-weight:900; }

.checkout  .checkout-btn.placeorder{text-align:right}
/*quickorder*/
.quickorder-grid .col-header > div, .quickorder-grid .col-data > div{ width:10%;}
.quickorder-grid .col-header > div.name, .quickorder-grid .col-data > div.name {width:28%;}
.quickorder-grid .col-header > div.qty, .quickorder-grid .col-data > div.qty {width:20%;}
.quickorder-grid .col-header > div.qtyavail, .quickorder-grid .col-data > div.qtyavail {width:10%;}

.quickorder-grid .col-data > div .mobile {display:none}

.quickorder-grid  .qty { text-align:center;}
.quickorder-grid  .qty input {text-align:center; width:75px}
.quickorder-grid  .price,  .quickorder-grid .amount {min-width:100px; text-align:right;}
.quickorder-grid  .price .input-price {    padding: 6px 10px;    text-indent: 5px;}
.quickorder-grid  .col-data .amount {margin-top:10px}
.quickorder-grid  .price .input-price {width:100px;border:0px;text-align:right}
.quickorder-grid  .cancel {text-align:center; min-width:100px;}
.quickorder-grid  .cancel .input-button {border:0; text-decoration:underline;padding:6px 10px}

.quickorder-total{margin:20px 10px;  font-size:26px; font-weight:600;  text-align:right; text-transform: uppercase }
.quickorder-addtocart {margin:20px 10px; text-align:right;}
#running_totalcost {width:150px; text-align:right; border:0}
/*contact us*/
.contact .sec.Windrose >div>div {padding-top:15px;}

}
@media print {
  header, footer {display:none}
  main{margin-left:20px;}
  .printonly {display:block;}
  .printonly .logo{text-align:center}
  .nonprintable {display:none}
  .sidebar{display:none}   
}

/*small placeholder*/
.placeholder_wrapper{
  position: relative;
}
.placeholder{
  padding: 5px;
  position: absolute;
  font-size: 0.7em;
  top: 0;
  left: 10px;
  color: #8E8E8E;
}
input:placeholder-shown + .placeholder{
  display: none;
}
input:placeholder-shown {
  padding: 15px;
}

/*header*/
.dropdownlist{
  display: none;
  width: 180px;
  text-align: left;
  background-color: #ffffff;
  margin: 8px 0;
  padding: 5px 0;
  border: 1px solid #EFEFEF;
  box-shadow: 0px -5px 15px #00000011;
  border-radius: 10px;
  position: absolute;
  z-index: 1000;
  left: 0px;
}
.dropdownlist ul {list-style: none; width: 100%;}
.dropdownlist ul li {padding: 10px 20px;cursor:pointer;}
.dropdownlist ul li a {font-weight:600; font-size:14px; color: #4D4F5C;} 
header .selected-cust {
    padding: 10px 20px 10px 0px;
    text-align: right;
}
/* .salesrep span{display: flex; align-items: center; height: 60px;} */

#header .salesrepinfo .selected-cust .salesrep_name{
  line-height: 2.5;
}
#header .salesrepinfo .selected-cust .shopper_name{
  border-left: 1px solid #d9d9d9;
  padding: 10px;
}
#header .salesrepinfo .selected-cust .header_label{
  color:#4D4F5C;
  font-weight: 800;
}
#header .salesrepinfo .selected-cust .cart{
  width: 40px;
  position: relative;
}
#header .salesrepinfo .selected-cust .cart .counter{
    display: block;
    color: #fff;
    background-color: #3447C7;
    position: absolute;
    left: 12px;
    top: -5px;
    text-align: center;
    border-radius: 15px;
    padding: 0px 7px;
    text-shadow: none;
}
#header .salesrepinfo .selected-cust .cart .cart_total{
  color: #3F44BF;
  text-decoration: underline;
  letter-spacing: 0px;
  margin-right:10px;
}

/*category page*/
#category_wrapper .searchbox{ background: #fff; border-radius: 2px; position: relative; margin:20px 0px;}
#category_wrapper .searchbox .input-text{
    width: 100%;
    height: 50px;
    color: #4D4F5C;
    border: 1px solid #E6E6E6;
    border-radius: 3px;
}
#category_wrapper .searchbox .searchicon{
    position: absolute;
    right: -1px;
    top: 0px;
    width: 53px;
    color: white;
    background: #3F44BF;
    height: 100%;
    border-radius: 0 3px 3px 0;
}
#category_wrapper .searchbox .material-icons{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
}
#category_wrapper .title{padding-left:0px;}
#category_wrapper .category_container{margin: 20px 0px;text-align: center;}
#category_wrapper .category_container .catitem{
    text-align: center;
    width: 16%;
    width: 165px;
    min-width: 165px;
    display: inline-block;
    vertical-align: top;
    /*margin-right: 20px;*/
}
#category_wrapper .category_container .catitem div img{
    width: 50px;
    vertical-align: middle;
}
#category_wrapper .category_container .catitem .catitemimage{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 165px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
}
.category_container .catitem .catitemtext{
    margin-bottom: 20px;
    font-weight: 900;
    font-size: 15px;
    color: #43425D;
    text-transform: capitalize;
  }

/*Entry Form*/
.entry-form .row {margin:15px 0 }
.entry-form .row.centered {text-align:center}
.entry-form .row .label {font-size:16px; margin:5px 0; text-transform:uppercase}
.entry-form select {
  border: 1px solid #856640;
  border-radius: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  padding: 18px 15px 15px 15px;
}
.entry-form .row span.required {color:#ff0033;}
.entry-form input[type="text"], .entry-form input[type="password"], .entry-form select {width:100%;}
.entry-form .col-footer {text-align:center; padding:30px 0}

/* .entry-form.login a {text-decoration:underline} */

.entry-form.register .subtitle {} 
.entry-form.register ul.notes {list-style-type:disc;margin-left:15px; font-size:16px}
.entry-form.register ul.notes span {color:#FF9C2E}

/*orgae icons*/
.orangeicon{display: none;}
a:hover .accticon{
  display: none;
}
a:hover .orangeicon{
  display:inline-block
}
button:hover .accticon{
  display: none;
}
button:hover .orangeicon{
  display:inline-block
}

/*radio*/
.radio-item {
  /* display: inline-block; */
  position: relative;
}
.radio-item label { position:relative; }
.radio-item label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 1px solid #707070;
  background-color: transparent;
}

.radio-item input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 4px;
  content: " ";
  display: block;
  background: #EE8307;
}
/* payment_ponum */
.radio-item input[type=text] { margin-top:10px; width:100%; }

/* stored card list */
.radio-item .storedcards { display:none; }
.radio-item #payment-type-cc:checked + label + .storedcards { display:block; }
.radio-item #cc_paymethodlist { margin-left:20px; }
.radio-item #cc_paymethodlist .cc_paymethods { display:flex; column-gap:10px; align-items:center; }
.radio-item #cc_paymethodlist .cc_paymethods .cc_paymethod_name,
.radio-item #cc_paymethodlist .cc_paymethods .cc_paymethod_carddefault { display:none; }
.radio-item #cc_paymethodlist .cc_paymethod_expired > span { background-color:#FCC3C3!important; color:#333333!important; padding:4px 10px; border-radius:3px; font-size:12px; font-weight:bold; }
#cc_paymethodlist img { width:30px; }

/* manage cards */
.managecards { margin:50px auto 0; padding:0 20px; }
.managecards .mobile-label { width:40%; font-weight:bold; }
.managecards #cc_paymethodlist > .cc_paymethods { border-bottom:1px solid #dddddd; padding:10px 0; }
.managecards #cc_paymethodlist > .cc_paymethods > div { display:flex; margin:10px 0; }
.managecards #cc_paymethodlist .cardlist-header { display:none; font-weight:bold; }
.managecards #cc_paymethodlist .cardlist-data { font-size:16px; }
.managecards #cc_paymethodlist .cc_paymethod_selection > div { display:inline-block; }
.managecards #cc_paymethodlist .cc_paymethod_name { line-height:1.2; }
.managecards #cc_paymethodlist .cc_paymethod_expired > span { display:none; background-color:#FCC3C3; padding:4px 10px; border-radius:3px; font-size:12px; font-weight:bold; }
.managecards #cc_paymethodlist .cc_paymethod_expired > span.show { display:inline; }
.managecards #cc_paymethodlist .cc_paymethod_delete button { padding: 8px 26px 8px; background: #FFFFFF; color: #EE8307; border: 1px solid #EE8307; }
.managecards #cc_paymethodlist .cc_paymethod_delete button:hover { color: #FFFFFF; background: #EE8307; border: 1px solid #EE8307; }
.managecards .addcard-form { margin-top:20px; text-align:center; }
#global-popup-overlay img { width:auto; }
@media screen and (min-width: 800px) {
.managecards { width:75%; padding:0; }
.managecards .mobile-label { display:none; }
.managecards #cc_paymethodlist > .cc_paymethods { display:flex; align-items:center; }
.managecards #cc_paymethodlist > .cc_paymethods > div { margin:0; flex:1; justify-content:center; }
.managecards #cc_paymethodlist > .cc_paymethods > div > span { text-align:center; }
.managecards #cc_paymethodlist .cardlist-header { display:flex; }
.managecards #cc_paymethodlist .cc_paymethod_selection { flex-basis:15%; }
.managecards #cc_paymethodlist .cc_paymethod_logo_group { flex-basis:35%; display:flex; column-gap:10px; }
.managecards #cc_paymethodlist .cc_paymethod_cardexp { flex-basis:10%; }
.managecards #cc_paymethodlist .cc_paymethod_name { flex-basis:15%; }
.managecards #cc_paymethodlist .cc_paymethod_expired { flex-basis:10%; }
.managecards #cc_paymethodlist .cc_paymethod_delete { flex-basis:15%; }
}

.print-list{display: flex; flex-wrap: wrap; justify-content: center; margin-top: 20px;}
 /* Modal Content-Pop */
 .modal-content-popup{
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
 }