/* ensure bundle image uses full width*/
.loop-bundle-image-container img {  
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* put the selector buttons in a list instead of a grid */ 
.loop-bundle-size-selector, .loop-frequency-selector {
  display: grid;
  margin: 25px 0 0 0;
}


 /* Change the style of all the buttons on the page */
.loop-btn {border-radius: 5px;}
.loop-btn:hover {
  background-color: #f8e9dd !important;
  color: #542010 !important;
}

button.btn.loop-btn.loop-btn-add-product.loop-btn-size-md.loop-btn.px-3 {
  font-size:14px;
}
/* Change the style of all the buttons on the page */

.loop-bundle-discount {text-align:center;} /* style the text that explains how much discount you get on auto-delivery */

.loop-bundle-select-product-title {display:none;} /* hide the text that says please select your items */

/* increase the size of the main heading */
h1.loop-h1.loop-bundle-title {
 margin-top:-10px;
  font-size: 30px; 
  text-align: center;
}

/* center the text 'how regululary shoule we deliver?'*/
.loop-h2.loop-frequency-size-selector-label {
  text-align: center;
}


/*style the text in the forced description that used to be a select title */
h2.loop-h2.loop-bundle-select-product-title {
  font-size: 16px;
  color: #403e3e;
  font-style: italic;
  margin-top: 15px;
  text-align: center;
}  




/*style the text in the description below the main images */
p.loop-text-p1.m-0.loop-bundle-description{
  font-size: 16px;
  font-style: italic;
  list-style-type: none;
}

/* style the product name in the product card*/
p.loop-text-p1.m-0.loop-bundle-product-card-title {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
}

/* Hide the ecomposer footer section on this page*/
.ecom-builder#ecom-rubb-footer {display: none;}

.announcement-bar {display:none;} /* Hide the announcement bar on this page*/
/* .pageheader {display:none;}  Hide the menu and header on this page*/
.section-footer__row-container {display:none;} /* Hide the default shopify footer on this page*/

/* .loop-bundle-size-selector-wrapper{display:none;}  Hide the selector that displays, how many bundles are available*/
.locale-selectors__container {display:none;} /* Hide the currency selector in the footer*/

.loop-bundle-title-wrapper{
  padding-top:12px;
}
.loop-card {
  border: none;
}