/*  Add custom styles here
/*-------------------------------------------------- */

#app-header .typeahead__item .title{
  
  font-size:12px;
}

.page-header {padding-bottom:2%;}
.separator.lined {border:none;}

#gf-products .product-rating spr-badge{
    color: #fdbc00;
    font-size: 12px;
    text-align: center;
  height:10px !important;
  margin-bottom:2%;
}

.spr-badge{
    color: #fdbc00;
    font-size: 14px;
  height:10px !important;
  margin-top:1%;
    margin-bottom:1%;
}

select {
    background: #fff;
    background-image: url(data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12px' height='7px'><path d='M0.653526932,0.762448087 C0.292593974,0.341359636 0.455760956,0 1.00247329,0 L10.5044548,0 C11.3304216,0 11.5684948,0.503422737 11.0226426,1.14025025 L6.65352693,6.23755191 C6.29259397,6.65864036 5.71060753,6.66237545 5.34647307,6.23755191 L0.653526932,0.762448087 Z' fill='%23D8D8D8'></path></svg>);
    background-repeat: no-repeat;
    background-position: right 12px center;
    border: 2px solid #e1e3e4;
    border-radius: .1875rem;
    height: auto;
    line-height: 19px !important;
    max-width: 100%;
    margin-bottom: 0;
    padding: .875rem 2.125rem .875rem .75rem;
    width: 100%;
    appearance: none!important;
    -moz-appearance: none!important;
    -webkit-appearance: none!important;
}

#shopify-section-product-template {margin-top:2%;}


.search_limit {display:none;}
.search_limit_label, .main_search_label, .distance_label {display:none !important;}

.gf-filter-selection {display:none;}
#slide-side-menu .menu ul.level-1 li.level-1 ul.level-2 li.level-2 ul.level-3 {padding-left:0px;}

html.collection .sort-collection {float:right;}
#col-main{width:1280px;margin:0 auto;}

.search_bar .main_search_bar {
    width: 52%;
    float: left;
  margin-right: -342px;
}
#submitBtn {
       display: inline-block;
    float: left !important;
    padding: 1.29% 4% !important;
  margin-right:20% !important;
    background: #669b41 !important;
    box-shadow: none;
    border: none;
    font-family: 'Poppins';
    font-size: 15px;
  margin-top:0px !important;
  margin-left:1%;
}
.payment-types img {width:5%;}

a {
    color: #000000;
}
#app-header .typeahead__item .vendor, #app-header .typeahead__item .price {
    font-size: .85rem;
    color: #93979d;
    padding-top: 1%;
}
#app-header .typeahead__item .vendor {display:none;}

html.cart .line-item .qty .quantity, html.cart .line-item .qty .button, html.cart .line-item .qty .shopify-payment-button__button--unbranded, html.cart .line-item .qty .shopify-challenge__button {
    padding: 0.600rem;
}

.button, .shopify-payment-button__button--unbranded, .shopify-challenge__button {
    font-size: 17px;
    line-height: 18px;
}

.separator1 .lined {
    border:none;
}

.breadcrumbs {
    font-size: .8125em;
    padding: 1.5% 0;
  }

.breadcrumbs a{color:#000000; font-size:16px;}
.title{font-size:18px;}

.aboutmap {
    background: #9ecf7c;
    color: #fff;
}
.about_quotes {
    background: #7f7f7f;
    padding: 30px;
    color: #fff;
  margin-top:3%;
}
#bg_aboutmap_text {
    width: 95%;
  padding: 30px 50px;
color:#ffffff;
}

#bg_aboutmap_text h2 {
   
color:#ffffff;
}

#bg_aboutmap_text a{

color:#555;
}

.chart_row div {
    float: left;
    font-size: 13px;
    font-weight: 600;
    margin: 5px 12px 16px 0;
    text-align: center;
    width: 100px;
}
.column main .columns p {
    line-height: 24px;
}
.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 12px;
}
.clearfix{    clear: both;}

#shopify-section-collection-template {
    display: block;
    padding: 1.5% 0px 0 0px;
 }
.about_tile {
    background: #669b41;
    height: 260px;
    color: #ffffff !important;
    padding: 15px 20px;
    text-align: center;
}
.about_tile h2{
    color: #ffffff !important;
    text-align: center;
}
#bcpo .bcpo-price-addons {
    transition: all 0.2s linear;
    height: 0;
    overflow: hidden;
    box-shadow: none;
    padding-left: 12px;
    padding-right: 12px;
    line-height: 34px;
    clear: both;
}
.menu ul.level-1 li.level-1 .submenu {background-color:#ffffff !important;}
.level-2 .block a {color:#000000 !important;font-weight:500;}

.menu ul.level-1 li.level-1 .submenu ul.level-2 li.level-2 {margin: 30px 10px 10px 10px !important;}

html.product .sticky-cart .sticky-cart-content.default .shopify-product-form input[type=number]{display:block !important;}

.page-header select {
    background-color: transparent;
    background-position: right 20px center;
    border-radius: 0;
    /* border-top: none; */
    /* border-right: none; */
    /* border-left: none; */
    border: 1px solid #dddddd;
    font-size: .875em;
    min-width: 6.25em;
    padding: 4% 5%;
  width: auto;}

.separator1 {
    line-height: 0;
    margin: .625rem auto .625rem auto;
    max-width: 100%;
    min-width: 1.25rem;
    width: 1.25rem;
}
/*--------------------------------------------------------- qty box ---------------------------------------*/

.plus-minus-input {
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-group-field {
  text-align: center;
  padding: 11px 20px !important;
  width:60px !important;
}

.stc-input-group-field {
  text-align: center;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  padding: 8px 8px !important;
  width:60px !important;
}

.input-group-field::-webkit-inner-spin-button,
.input-group-field ::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance:textfield;
}

.stc-input-group-field::-webkit-inner-spin-button,
.stc-input-group-field ::-webkit-outer-spin-button {
  -webkit-appearance: none;
          appearance: none;
  -moz-appearance:textfield;
}

.qtycircle {
  border-radius: 1%;
  padding: 0.8em 0.8em;
}

input[type=number] {
    -moz-appearance:textfield;
}

.qtybtn {
  
  background-color: #669b41;
    border-color: #669b41;
    color: #ffffff;
    font-size: 13px;
    line-height: 1.125em;
    border-style: solid;
    border-width: 2px;
    box-shadow: none;
    display: inline-block;
    margin: 0;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
  
}

.cartqtybtn {
  
  background-color: #669b41;
    border-color: #669b41;
    color: #ffffff;
    font-size: 17px;
    line-height: 17px;
    border-style: solid;
    border-width: 2px;
    box-shadow: none;
    display: inline-block;
    margin: -3px 0px opx 0px;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
  
}

.proqtybtn {
  
  background-color: #669b41;
    border-color: #669b41;
    color: #ffffff;
    font-size: 16px;
    line-height: 17px;
    border-style: solid;
    border-width: 2px;
    box-shadow: none;
    display: inline-block;
    margin: -2px 0px 0px 0px;
    outline: 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
  
}



/*--------------------------------------------------------- qty box ---------------------------------------*/


html.product .sticky-cart .sticky-cart-content .shopify-product-form select, html.product .sticky-cart .sticky-cart-content .shopify-product-form input[type=number], html.product .sticky-cart .sticky-cart-content .shopify-product-form button[type=submit] {
    display: inline-block;
    width: 60px;
    min-width: 60px;
    margin-left: .625rem;
    padding: .5rem;
    font-size: .875rem;
}

.philosophy{display:none}

html.product .sticky-cart.mobile.desktop{padding: 1.5% 0 1.5% 0;box-shadow: rgb(0 0 0 / 20%) 0px 4px 6px;}

#shopify-section-16175576047feaecaa .item-inner-overlay{
text-align:left;
}

.section-title{
  text-align:center;
}

.sticky-cart-content{
 height:45px !important; 
  
}

.image-container{
  height:400px!important';
}

.collection-product .title {text-align:center; font-size:14px; font-weight:100;}
.collection-product .pricing {text-align:center;}
.collection-product .actions {text-align:center;}
.text-light{color:#669b41;}
.vendor {text-align:center;display:none;}
.collection-details{text-align:center;}



/* Style the tab */
.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-top:5%;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 2% 5%;
  border: 1px solid #ccc;
  border-top: none;
  background-color: #ddd;
}

#phone {display:none;}

/*  Add custom responsive styles here
/*-------------------------------------------------- */

/* Small screens (phones) only */
@media screen and (max-width: 640px) {
#app-header #app-upper-header .account-session-links .login {display:inline-block!important;margin-right:35%;}
  #app-header #app-upper-header .account-session-links .account {display:inline-block!important;margin-left: -30%;}
    #app-header #app-upper-header .account-session-links .logout {display:inline-block!important;margin-left:15%;margin-right:10%;}
  #app-header #app-upper-header .account-session-links .cart{margin-right:20%;}
  #phone {display:inline-block;margin-left:30%;font-size:24px;}
  .spr-badge {font-size:12px;}
  #app-header .typeahead__item .title {font-size:12px;}
  
  
#submitBtn {
       display: inline-block;
    float: left !important;
    padding:0px !important;
  margin-right:20% !important;
    background: #669b41 !important;
    box-shadow: none;
    border: none;
    font-family: 'Poppins';
    font-size: 15px;
  margin-top:0px !important;
  margin-left:0px;
}
}


/* Medium screens (tablets) only */
@media screen and (min-width: 640px) and (max-width: 1024px) {

}


/* Medium screens (tablets) and up */
@media screen and (min-width: 640px) {

}


/* Large screens (desktops) */
@media screen and (min-width: 1024px) {

}