/** Shopify CDN: Minification failed

Line 1410:2 Unexpected "1"

**/
/* pagefly css */

.pf-heading-1-h3, .sc-huFOms {
    font-family: "Montserrat", "HelveticaNeue", "Helvetica Neue", sans-serif;
    color: #085496 !important;
    font-size: 19px !important;
    display: block;
    line-height: 1.1;
    padding: 0.25em 0;
}

.stock-info {    
  margin: .5em 0 0;
  font-style: italic;
  color: #de3618;
  font-weight: normal;
  font-size: 16px;
}

button.fGjbOd, button.fvvDmN {
    color: #ffffff !important;
    border: none;
    background-color: #5ab1f1 !important;
    font-size: 28px;
    width: auto;
    -moz-padding: 4px 10px;
    padding: 8px 10px;
    font-weight: bold;
    font-family: monospace;
}

button.fGjbOd svg, button.fvvDmN svg {
  --h-xs: 40 !important;
}

.cYjVLA, .sc-gcUEyg {
  border-color: #5ab1f1 !important;
}

.biBbRz button[disabled], .ioBEXg button[disabled] {
    opacity: 1 !important;
}

.biBbRz, .ioBEXg {
  font-weight: bold;
}

/**SWATCHES**/
/* 
   Swatches Styles
*/
.product-gallery-carousel {
  z-index: 99 !important;
}


/**Mobile Header Color Rool 658**/



.swatch { 
  margin:0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
body#collection .swatch_wrapper {
    display: flex;
    justify-content: center;
  flex-wrap: wrap;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:78px !important; 
  /*height:50px !important;*/
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#abacae 1px solid;
  /* Background color */
  background-color:transparent;
  /* Styling text */
  font-size:13px;
  text-align:center;
  /*line-height:50px;*/
  white-space:nowrap;
  text-transform:capitalize;;
  color: #000;
  font-weight: 600;
}
.swatch label .price-money {color: red}
.swatch-element label { padding:5px 10px; margin-bottom: 5px; min-height: 50px; display: flex;flex-direction: column;justify-content: center;align-items: center;}
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow:none;
    background: #fbf1df;
    border: 1px solid #f0c275;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:89%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-9px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
/** PRODUCT SWATCHES CUSTOMIZATION **/
body#product form#AddToCartForm .selector-wrapper {display: none}
h4.options_available {
    font-size: 1em;
    font-weight: 600;
    margin: 10px 0 0;
}

/** PRODUCT PAGE QUANTITY BUTTON **/
body#product .qtydiv label{display: block;text-align: center; margin-bottom: 12px;color: #000;font-weight: 600;}
body#product .qtydiv .btnqty{width: 2em; padding: 0 0.6em; color: #9b9b9b; display: inline-block;cursor: pointer;user-select: none;font-size: 16px;font-family: FontAwesome;}
body#product .qtydiv .quantity-input{border: none;border: none;text-align: center;width: 50px;outline: none;display: inline-block;}
body#product .qtydiv {display: inline-block;padding-right: 15px;padding-top: 10px;}
body#product .qtybox {
    align-items: center;
  	background-color: #f6f6f6;
  	padding: 0.3em .5em;
}
body#product .qtybox input#quantity {
    margin-bottom: 0;
  	font-weight: 600;
  	padding: 0;
  	line-height: 3;
}
button#addToCart-product-template {
  	font-size: 1em;
    margin: 44px 0 1em 0;
    height: 50px;
    width: 30%;
}
.product-price-wrap {margin: 0}
.product-price-wrap-customer {margin: 0 0 0.5em 0;}
@media only screen and (max-width: 480px) {
  body#product .qtydiv {padding-right: 0}
  body#product .qtybox {padding: 0.6em .5em;}   
}

/** COLLECTION PAGE AND PRODUCT PAGE IMAGE ICON **/
div.jumbo__version--icon {position: absolute; z-index: 2}
div.new__product--icon {position: absolute; z-index: 2}
body#product div.jumbo__version--icon {width: 85px; height: 40px; top: 0;left: 0}
body#product div.new__product--icon {width: 85px; height: 40px; top: 0;right: 0;}
.jumbo__version--icon{background-size: contain;width: 57px; height: 20px; top: -10px; left: -10px;}
.new__product--icon{background-size: contain;width: 49px; height: 20px; top: -10px; right: -10px;}
.transparent--icon {position: absolute; width: 165px; height: 36px; right: 0; bottom:0; z-index: 2}
.flexbox.flexwrap .flexbox-grid > li {flex-grow: 0;}

.collection-main .transparent--icon,
#pastItemsPurchased div.transparent--icon{width: 81px; height: 20px; bottom: -5px; background-size: contain; }

div#related div.transparent--icon.related--products { display: none !important; }

@media only screen and (min-width: 960px) {
  body div.transparent--icon,
    #pastItemsPurchased div.transparent--icon {width: 150px; height: 30px; bottom: -5px; background-size: cover; }
  .DesktopContentShow {display:none!important; }
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
  body div.transparent--icon,
  #pastItemsPurchased div.transparent--icon {width: 120px; height: 25px; bottom: -5px; background-size: contain; }
  .DesktopContentShow {display:none!important; }
}
@media only screen and (min-width: 414px) and (max-width: 767px) {
  body div.transparent--icon,
  #pastItemsPurchased div.transparent--icon {width: 77px; height: 16px; bottom: -5px; background-size: contain; }
  .DesktopContentShow {display:none!important; }
}
@media only screen and (min-width: 375px) and (max-width: 414px) {
  body div.transparent--icon,
  #pastItemsPurchased div.transparent--icon{width: 72px; height: 15px; bottom: -5px; background-size: contain; }
}
@media only screen and (min-width: 320px) and (max-width: 374px)  {
  body div.transparent--icon,
  #pastItemsPurchased div.transparent--icon {width: 67px; height: 14px; bottom: -5px; background-size: contain; }
}

/** COLLECTION PAGE QUANTITY BUTTON **/
.product-variants {
  margin-bottom: 0px;
}
body .quick-actions,
 .quick-actions {display: flex;justify-content: left;}
body .qtydiv .btnqty,
 .qtydiv .btnqty{width: 28%; -moz-padding: 4px 10px; padding: 8px 10px; font-weight: bold; color: #ffffff; display: inline-block;cursor: pointer;user-select: none;font-size: 28px;font-family: FontAwesome;}
body .qtydiv .quantity-input,
 .qtydiv .quantity-input{border: none;border: none;text-align: center;width: 44%;outline: none;display: inline-block;}
body .qtydiv,
 .qtydiv {display: inline-block;padding-right: 15px;}
body .qtybox,
 .qtybox {
  	display: flex;
  	width: 100%;
  	height: 50px;
    align-items: center;
  	background-color: #5ab1f1;
}
body .qtybox input.quantity-input,
 .qtybox input.quantity-input{
    margin-bottom: 0;
  	font-weight: 600;
  	padding: 0;
  	height: 35px;
}
body .product__adding .snize-add-to-cart-button,
 .product__adding .snize-add-to-cart-button{
  	font-size: 1em;
    margin: 0;
    height: 44px;
  	color: #fff;
  	background-color: #50a5e3!important;
  	border: none;
}
body .product__added a,
 .product__added a{color: #77C8F1; font-weight: 700; padding: 0}
body .snize-add-to-cart-button,
 .snize-add-to-cart-button{cursor: pointer}
body p.collection__variants--qty.text-center,
 p.collection__variants--qty.text-center{margin: 0.5em 0 0;font-style: italic;color: #de3618;}

@media only screen and (max-width: 480px) {
  body .product__adding .qtydiv,
   .product__adding .qtydiv{width: 60%;padding-right: 10px}
  body .product__adding .snize-add-to-cart-button,
   .product__adding .snize-add-to-cart-button{width: 40%!important;}   
  body .quick-actions, .quick-actions {
    justify-content: center;
  }
}

/** HEADER CUSTOMIZATION STYLE **/
@media only screen and (max-width: 799px) {
  #header .logo.img-logo a {display: block !important; margin: 0 auto; margin-top: 10px;}
  .logo-wrap a img {max-width: 60% }
  nav.off-canvas-navigation.show-mobile.newfont.js {margin-top: 30px;}
  .cart-info-2 {position: unset !important;margin: 0 auto;}
  .cart-info-2 em {position: unset !important;}
  .logo {padding-bottom: 0;}
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size:12px;
  color: #919eab;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:12px;
  color: #919eab;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:12px;
  color: #919eab;
}
:-moz-placeholder { /* Firefox 18- */
  font-size:12px;
  color: #919eab;
}

/** HOME SIGNUP CUSTOMIZATION STYLE **/
div.pf-9d062087 table th{padding: 1em;}
form#ctct_form_1 div#email_address_field_1 {width: 70%;}
form#ctct_form_1 label {display: none}
form#ctct_form_1 input#email_address_1 {margin-bottom: 0;}
form#ctct_form_1 button.ctct-form-button {padding: 0}
.ctct-form-embed.form_1 .ctct-form-defaults {
    background-color: transparent!important;
    padding: 0.5em 0;
}

/** CART BOTTOM CUSTOMIZATION STYLE **/
.delivery__date {
  background: #a8e0f9;
  padding: 5% 2% 0;
  margin-bottom: 5%;
}
.delivery__date p {
  margin: 0;
  padding: 0;
  text-align: center;
}
.delivery__date label {
  text-align: center;
  font-weight:600;
}
.delivery__date input {
  margin: 0 auto;
  max-width: 250px
}
.delivery__date span.instructions.text-right {
    padding: 0;
    text-align: right;
}
.cart-update {float: unset}
#shipping-calculator {float: unset; width: 100%;}
#shipping-calculator input.get-rates.btn.button {font-size: 1em}
.cart-out-of-stock, .cart-secure-checkout {text-align: center; background-color: #eee;}
.cart-out-of-stock {padding: 5% 2% 0; margin-bottom: 5%;}
.cart-secure-checkout {padding: 5% 2%;}
.cart-secure-checkout input.button.animated.pulse {
    /*background: rgb(69,163,60);
    background: linear-gradient(159deg, rgba(69,163,60,1) 10%, rgba(69,163,60,1) 66%, rgba(69,163,60,1) 100%);*/
  background: #f79e19;
}
.cart-sub-actions {text-align: right;}
a.save-cart.button.secondary.orange-button {background: #f79e19; color: #fff;}
input.cart-update.button.secondary.blue-button {background: #00aeef; color: #fff;}
div#cart-note-left p {margin-bottom: 5px;}
/* INFINITE SCROLL LOADER */
.infinite_loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%!important;
  border-top: 16px solid #3498db;
  width: 30px;
  height: 30px;
  -webkit-animation: spin 1s linear infinite; /* Safari */
  animation: spin 1s linear infinite;
}
/** CUSTOMER ORDER PAGE PRINT **/
.order_number_print_order {
    display: flex;
    justify-content: space-between;
    max-width: 550px;
    align-items: flex-end;
}
a.custom_print_order h2 {
    background: #00AEEF;
    color: #fff;
    font-size: 1em;
    padding: 5px 20px;
    border-radius: 2px !important;
}
#customer_detail .customer_address.box-form {
  webkit-box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
#cart .cart-col3 {
    width: 13% !important;
}
#cart .cart-col2 {
    width: 40% !important;
}
#customer_detail {
  display: flex;
  justify-content: space-between;
  max-width: 925px;
  margin-bottom: 1em;
  -webkit-box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
  -ms-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  -o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 1px rgb(0 0 0 / 10%);
}
.retailer__decorator--container {
    max-width: 280px;
    max-height: 120px;
    display: table;
    background-color: #fdf7e2;
    padding: 0.5em 1em;
    padding-bottom: 1em;
    border: 2px solid #f1c275;
    font-weight: 900;
}
.retailer__decorator--container p {margin-bottom: 0.8em}
.retailer__decorator--container a {
  	background-color: #139dd8;
    color: #fff;
    padding: 0.5em;
    font-weight: 600;
}

/** SEARCH CUSTOMIZATION STYLE **/
body.snize-results-page span.snize-title {
    min-height: 38px;
}
.snize-add-to-cart-button, .snize-out-of-stock-product-button {
    width: unset!important;
    left: 0!important;
    margin-left: 0!important;
    font-size: 1.2em!important;
    font-weight: 800;
    background-color: transparent!important;
    background-image: none !important;
    text-transform: none;
    -webkit-appearance: none;
    -webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    font-family: "Montserrat","HelveticaNeue","Helvetica Neue",sans-serif;
}
#snize-search-results-grid-mode li.snize-product .snize-button {      
  height: 30px!important;
  position: relative !important;
  top: 0!important;
  opacity: 1 !important;
  visibility: visible !important;
  margin-bottom: 10px;
  margin-top: 10px;
}
#snize-search-results-grid-mode li.snize-product {
    margin: 0!important;
    border: 1px solid #eee!important;
}
.snize-overhidden button.snize-out-of-stock-product-button {
	color: #de3618a6 !important;
}
#snize-search-results-grid-mode span.snize-thumbnail img {max-width: 80%!important}
#snize-search-results-grid-mode li.snize-product .snize-view-link, #snize-search-results-grid-mode li.snize-product .snize-item {height: 100%}
li.snize-product .snize-overhidden {margin-top: auto; justify-content: flex-end;}
#snize-search-results-grid-mode span.snize-thumbnail{border: none!important}
#snize-search-results-grid-mode span.snize-overhidden {background: none!important}
#snize-search-results-grid-mode span.snize-title {
  font-family: Montserrat,HelveticaNeue,Helvetica Neue,sans-serif;
  color: #085496;
  font-size: 19px!important;
  line-height: 1.1!important;
  padding: 0.25em 0;
  font-weight: 400;
  max-height: 100%!important;
  -webkit-line-clamp: unset!important;
}
#snize-search-results-grid-mode li.snize-product .snize-view-link:hover span.snize-title {background: #36c0ff;}

/** COLLECTION CUSTOMIZATION STYLE **/
span.price.sold-out {display: none;}
p.no_stock_message {
    font-size: 1.1em;
    font-weight: 800;
    color: #B2B2B2;
    margin-bottom: 5px;
    line-height: 1.2em;
}
.collection-th a {
	-webkit-box-shadow: none;
    -ms-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}
.collection-main .flexbox-grid>li {
  flex-direction: column;
  border: 0.05rem solid #EAEAEA;
  flex-grow: 0!important;
}
.collection-main .snize-add-to-cart-button{
  width: 100%!important; 
  font-size: 15px;
  line-height: 21px;
  min-height: 21px;
  padding: 10px;  
   border-color: transparent;
   font-weight: 700;
}
.collection-main .thumbnail {align-items: flex-start!important;}
.collection-main .snize-add-to-cart-button,
#snize-search-results-grid-mode .snize-add-to-cart-button {background-color: transparent; color: #77C8F1;border: .1em solid #77C8F1;}
.collection-main .snize-add-to-cart-button:hover,
#snize-search-results-grid-mode .snize-add-to-cart-button:hover{background-color: #00AEEF!important; color: #fff;border: .1em solid #00AEEF;}
.collection-main .snize-out-of-stock-product-button,
#snize-search-results-grid-mode .snize-out-of-stock-product-button {background-color: transparent; color: #00AEEF!important;font-size: .8em!important;cursor: pointer!important;text-decoration: underline;padding: 0;}
.collection-main .snize-out-of-stock-product-button:hover,
#snize-search-results-grid-mode .snize-out-of-stock-product-button:hover {background-color: none}
.collection-main .selector-wrapper.js.product-form__item {text-align: left}
a.out-of-stock-prod {padding: 0; justify-content: flex-end;}

#uncomplicated-category-breadcrumb-final-item {
  padding-left: 4px!important;
  padding-right: 5px!important;
}

#uncomplicated-category-breadcrumb-model-item {
  padding-right: 4px;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

@media (min-width: 50em){
.js #main {width: 100%;}
}
@media only screen and (min-width: 800px) {
  div#separate-the-cart {text-align: right}
  .cart-bottom-left, .cart-bottom-right {width: 49%; padding: 1%;}
  .cart-bottom-left {float: left;}
  .cart-bottom-right {float: right; margin-top: -30px;}
  .cart-bottom-right:after {clear: both;}
  input.cart-update.button.secondary.blue-button {margin-left: 5%;}
  section#sidebar {display: none}
}
@media only screen and (max-width: 799px) {
  .hide-small-device {display: none!important}
  .cart-sub-actions, #cart-note-left p, #shipping-calculator {text-align: center;}
  .cart-actions {display: flex; flex-direction: column-reverse;}
  hr.cart-horizontal-line {display: none}
  a.save-cart.button.secondary.orange-button {margin-right: 15%;}
  .cart-bottom-left {margin-top: 7%;}
  #cart-note-left p {margin: 0 0 5px; font-size: 16px; font-weight: 600; }
  #shipping-calculator h2 {font-weight: 600;}
  .cart-sub-actions {margin-top: 10%;}
  ul.cart-contents li.clearfix {display: flex; flex-wrap: wrap;}
  .cart-col1 {order: 1; width: 25%;}
  .cart-col2 {order: 2; width: 58%; margin-left: 2%}
  .cart-col3 {order: 4; width: 10%; margin-left: 27%; margin-top: -25px;}
  .cart-col4 {order: 3; width: 10%; margin-left: 2%; text-align: center; display: flex; flex-direction: column;}
  .cart-col4 label {float: unset; text-align: center; margin: 0}
  .cart-col4 input {float: right; margin: 0 auto; text-align: center;}
  a.cart-remove-line {padding-top: 5px;}
  
}
@media only screen and (max-width: 320px) {
  .cart-col4 input {width: 30px;}
  .cart-col3 {margin-top: -10px;}  
}


/** CART PAGE QUANTITY BUTTON **/
body#cart .qtydiv {width: 90px; padding-top: 0; padding-right: 0; margin-top: -5px;}
body#cart .qtydiv .qtybox {height: 2em; display: flex;align-items: center; border: none; background-color: #f6f6f6;}
body#cart .qtydiv .btnqty {color: #9b9b9b; border: none; background-color: transparent; font-size: 1em;width: 25px;font-family: FontAwesome;}
body#cart .qtydiv input:focus {outline-width: 0;}
body#cart .qtydiv .quantity-input {width: 40px; height: 1.6em!important; border: none; text-align: center; padding: 0}
body#cart .cart-col4 .qtybox input {margin: 0; height: 2em;}
.wh-cart-total{background-color: #fff!important}
#cart input.cart-update {display: none}
@media (min-width: 50em) {
  .cart-col2 {width: 43%}
  .cart-col3 {width: 10%;}
  .cart-col4 {width: 12%; text-align: center;}
}
@media only screen and (max-width: 799px) {
  .cart-col1 {width: 20%}
  .cart-col2 {width: 46%;}
  .cart-col4 {width: 30%; text-align: center;}
}

/* Related Collections Customization style */
.la-related-products-collections {
    background-color: #f4f3f3; 
    padding: .5% 2% 0;
  	margin-bottom: 3%;
    margin-top: 1%;
}
.la-related-collections {padding-top: 10px;}
.la-related-collection {padding-right: 10px; text-align: center}
.la-related-collection h4 {margin: 10px 0 10px; line-height: 1; color: #4a90e3 }
.owl-buttons div {background-color: #0288d1;color: #fff;}
.owl-buttons div i {font-size: 1.5em; font-weight: 900; line-height: .7}
.owl-next {right: -15px}
.owl-prev {left: -15px}

/* Substitution product Customization style */
ul.substitution__products--list {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;  
  list-style: none;
  padding-left: 0;
}
ul.substitution__products--list li {
  width: 25%;
  padding-right: 25px;
}
.la-substitutions-collections-container {
  padding: 10px 0;
  margin-top: 20px; 
  border: 1px solid #cccac6;
}
.la-substitutions-collections .product__aspect--ratio {padding-top: 0!important}
.la-substitutions-collections .product__aspect--ratio img {width: 75%; margin: auto}
.la-substitutions-collection {text-align: center;}
h3.la-substitutions-collections-title {
    padding: 0 10px;
    font-size: 1.2rem;
    font-weight: 600;
}
.la-substitutions-collection .transparent--icon.related--products {
    background-image: none!important;
}
@media only screen and (max-width: 767px) {
  .la-substitutions-collections .product__aspect--ratio img {width: 90%;}
  .la-substitutions-collections .product_img-wrapper {max-width: 100%!important}
}

 /** NEW HEADER DESIGN **/
#header .top_header_links {
    background: #009EDF;
    padding: .5em;
    color: #fff;
}
#header .top_header_links a {color: #fff;}
#header #search-input {
  	height: 64px;
    border: 2px solid #c4cdd5;
    border-right: none;
}
form.search-form i.fa.fa-search {
  font-size: 2em;
  margin-left: -18px;
}
#header .top-menu-bg {margin-top: 12px;}
.top-menu a {text-shadow: none!important;}


/** NEW FOOTER DESIGN **/
/**NEWSLETTER APP**/
div.ctct-form-embed form.ctct-form-custom {
      display: flex; 
      flex-direction: row; 
      min-height: 10px!important; 
      height: 50px;
}
.ctct-form-embed.form_0 .ctct-form-defaults {
      background-color: transparent!important; 
      padding: 5px
}
h2.ctct-form-header, p.ctct-gdpr-text, p.ctct-form-footer, label#email_address_label_0 {
      display: none;
  }
  div#email_address_field_0 {
      width: 70%;
      margin: 0;
      height: 50px;
  }
  div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
      height: 50px!important;
  }
  div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
        width: 30%!important;
        height: 50px;
        margin-left: 10px;
    	font-size: 14px!important;
}

.footer_first_layer {background: #e0e1e2; padding: 1em 0}
.main_left_content h2, .main_left_content h3, .main_left_content a {font-weight: 600;}
.main_left_content h2 {color: #4587b7;}
.main_left_content h3 {color: #da7843; font-size: 1em; margin-bottom: 12px;}
.main_left_content h4 {color: #878789; font-size: .8em;position: relative;top: -11px;}
h4.qualified_customers span {background: #e0e1e2;padding: 0 1em;}

.footer_first_layer .top_header, .footer_first_layer .quick_spark {
    display: flex;
    align-items: center;
}
.footer_first_layer .buy_now_wrapper {
    border-top: 1px solid #878789;
    width: 75%;
    margin: auto;
}
a.btn.learn_more_btn {
    background: #4688b7;
    color: #fff;
    padding: .5em;
}
.footer_first_layer .quick_spark {justify-content: space-evenly;}
.footer_first_layer .top_header img {margin-right: .4em}
form#laballoons_form {
    margin: 5px;
}
.footer_first_layer input#email {margin-bottom: 0;height: 40px;}
.footer_first_layer input[type="submit"] {
    padding: .6em 1.5em;
    border: none;
    background: #4688b7;
    color: #fff;
    font-weight: 600;
    height: 40px;
    margin-left: .5em;
}
p.text_small {
    text-align: left;
    margin: 0 5px;
    font-size: .9em;
}

.footer_second_layer {padding: 0; font-size: 1.2em}
.footer_third_layer, .footer_fourth_layer {padding: 1em 0; text-align: left}
.footer_third_layer {    
    border-bottom: 8px solid #eeb357; 
  	margin-bottom: 3px;
}

.footer_third_layer .menu_content ul {list-style: none; padding: 0;margin: .5em 0;} 
.footer_third_layer .menu_content ul li {padding: 5px 0;}
.footer_third_layer .menu_content ul a {color: #000}
h3.header_title {font-weight: 600;}
p.hashtag_title {margin: .6em 0;}
.laballoons_store_info {margin-top: 1em}
.laballoons_store_info a {color: #000}

.footer_fifth_layer {
    background: #50ace0;
    color: #fff;
}
.footer_fifth_layer a {color: #fff;}
.footer_fifth_layer p {margin: 0}

@media only screen and (min-width: 601px) {  
  /** NEW HEADER DESIGN **/
#header {padding: 0}
#content {
  	max-width: 80em;
    min-width: 20em;
    margin: 0 auto;
    padding: 0 1em;
}

.header_main_content {
    display: flex;
    width: 100%;
    padding: 0 4em;
}
#header .top_header_links_cont {
    display: flex;
    width: 100%;
    text-align: left;
    padding: 0 2em;
}
#header .header_contact, #header .customer_links {width: 50%;}
#header .customer_links {text-align: right;}
.header_main_content .logo.img-logo {width: 25%;}
.header_main_content .header_search {
    justify-content: flex-end;
    align-items: center;
    display: flex;
  	width: 50%
}
.header_search form.search-form {width: 90%;}
.header_main_content .header_cart {
    display: flex;
    justify-self: end;
    align-self: baseline;
    background: #fff;
    padding: 1em;
    margin-top: 25px;
  	width: 25%;
  	max-width: 190px;
  	position: absolute;
    right: 4em;
}
.header_main_content .header_cart img {padding: 0 1em}
  

}
@media only screen and (min-width: 768px) {
  /** NEW FOOTER DESIGN **/
  .footer_first_layer .footer_layer_wrapper {display: flex}
  .footer_layer_wrapper {
    width: 100%;
    max-width: 80em;
    min-width: 20em;
    margin: 0 auto;
    padding: 0 2em;
    position: relative;
  }
  .main_left_content, .main_right_content {width: 50%}
  .footer_first_layer .main_right_content {padding-left: 5em;}
  
  .footer_third_layer .footer_layer_wrapper {display: flex;}
  .footer_menu_wrapper {width: 60%;display: flex;}
  .footer_third_layer .menu_content, .vertical-line-separator {width: 25%}
  .vertical_line_separator {width: 1px; background: #cccac6; height: 100%; margin: auto;}
  .footer_third_layer .socmed {width: 40%}
  .footer_fourth_layer .distributor_laballoons {
  	display: grid;
    grid-auto-flow: column;
    align-items: center;
}
  .footer_fifth_layer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #50ace0;
    padding: 1.2em 12em;
    color: #fff;
}
  .credit_card_text_box, form#laballoons_form {
    display: flex;
    align-items: center;
}
}
@media only screen and (max-width: 767px) {
  /** NEW FOOTER DESIGN **/
  .main_right_content {
  margin: 1.5em .5em .5em;
  border-top: 1px solid gray;
  padding-top: 10px;
  }
  .main_left_content h2 {font-size: 1.3em}
  .main_left_content h3 {font-size: .8em}
  .main_right_content h3.header_title {font-size: 1.2em}
  p.text_small {font-size: .6em;}
  .footer_second_layer .content {padding: 0 ;}
  .footer_third_layer {}
  .footer_third_layer .menu_content {width: 49%;display: inline-block;}
  .footer_third_layer .second_col.menu_content {padding-left: 35px;}
  .footer_menu_wrapper {display: flex;}
  .footer_third_layer .menu_content{width: 49%}
  .vertical-line-separator.first_separator {width: 2%; padding: 0 1em;}
  .vertical-line-separator.first_separator .vertical_line_separator {width: 1px; background: #cccac6; height: 100%; margin: auto;}
  .third_col.socmed {border-top: 1px solid #cccac6; margin-top: 2em;}
  .vertical-line-separator.second_separator {display: none;}
  .footer_fourth_layer, .footer_fifth_layer, .footer_menu_wrapper{padding: 1em;}
  .socmed_wrapper {padding: 1em 1em 0;}
  img.laballoons_distributor {max-width: 90px!important;}
  .credit_card_text_box {justify-content: center;}
  span.credit_card_text {font-size: .8em;}
  .payment-icons img {height: 30px;}
  .footer_fifth_layer p {font-size: .8em;margin: .5em 0;}
  .credit_card_text_box .payment-icons, form#laballoons_form {display: flex;align-items: center;}
    span.payment-icons {justify-content: center;}
}
@media only screen and (max-width: 600px) {
  /** NEW HEADER DESIGN **/
  #header {padding-top: 0}
  #header .header_main_container {height: 200px}
  #header .header_contact {width: 100%;text-align: center;}
 .header_search form.search-form {
    width: 80%;
    margin: auto;
}
  #header #search-input, .new-button {height: 52px!important}
  form.search-form i.fa.fa-search {
    font-size: 1.5em;
    margin-left: -15px;
}
  nav.off-canvas-navigation.show-mobile.newfont.js {margin-top: 0}
  div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {font-size: 11px!important;}
  img.laballoons_socmed {width: 60px!important;}
  .swatch_wrapper {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
  #customer_detail {flex-direction: column;}
  .retailer__decorator--container {margin: 0 auto 1.5em;}  
}
@media only screen and (max-width: 399px) {
img.laballoons_socmed {width: 50px!important;}
  h3.header_title {font-size: 1.4em;}
  .footer_third_layer .menu_content ul a {font-size: .8em}
}
@media only screen and (max-width: 369px) {
.footer_third_layer .menu_content ul {font-size: .8em;}
  img.laballoons_socmed {width: 44px!important;}
}

@media only screen and (max-width: 600px) {
 .MobileHideContent {display:none!important;}
 .DesktopContentShow {display:block!important;}
}
button.saso-use-discount-code-cart-apply.btn.btn--secondary.button {font-size: 15px!important; display: inline-block!important; align-items: center!important; justify-content: center!important; text-align: center!important; height: 44px!important; width: 15%!important; bottom:0px!important; align-text: center!important;}
input.saso-use-discount-code-cart-code {font-size: 18px!important; margin-right: 10px!important;}
.saw-extra-note {vertical-align: middle!important; font-size: 18px!important; display: inline!important; width: 50%!important; margin-right: 25px!important; justify-content: right!important; align-items: right!important; text-align: center!important;}

@media only screen and (max-width: 600px) {
  button.saso-use-discount-code-cart-apply.btn.btn--secondary.button {display: inline-flex!important; align-items: center!important; justify-content: center!important;} }

/*swym code starts here  */
i.icon-swym-wishlist {
font-family: 'swym-font';
font-style: normal;
vertical-align: middle;
}
i.icon-swym-wishlist+span {
vertical-align: middle;
}
i.icon-swym-wishlist:after {
content: '';
font-size: 130%;
line-height: 18px;
text-align: center;
display: inline;
}
/*content rendered after swym is ready to avoid showing block/invalid chars*/
.swym-ready i.icon-swym-wishlist:after {
content: '\f004';
}
i.icon-swym-wishlist:after {
    font-size:16px;
    position:relative;
    bottom:2px;
}
a.swym-wishlist.menu-user i.icon-swym-wishlist:after {
    font-size:20px;
    position: relative;
    top: 0.3px;
}
/*swym code ends here  */


/* Default image width for screens wider than 767px */
.cart-advertimage {
  width: 50%; /* Adjust as needed for non-mobile screens */
  height: auto; /* This ensures the image maintains its aspect ratio */
}

/* Target screens with a maximum width of 767px (typical for mobile devices) */
@media (max-width: 767px) {
  /* Apply 100% width to the image with the 'cart-advertimage' class for mobile devices */
  .cart-advertimage {
    width: 100%;
  }
}

  /* CSS to hide/show images based on screen size */
  /* Default to desktop image */
  .wholesale-footer-mobile {
    display: none;
  }

  /* Show mobile image on screens with a maximum width of 767px (typical for mobile devices) */
  @media (max-width: 767px) {
    .wholesale-footer-desktop {
      display: none;
    }
    .wholesale-footer-mobile {
      display: block;
    }
  }

/* CSS to control line spacing of Apply for Wholesale Pricing link on Product Template */
  .product-page-wholesale-line-spacing {
    line-height: 0; /* Adjust as needed for your preferred line spacing */
  }



/** NEW Sidebar Filter DESIGN **/
.collection-filters-container.cf-select-wrapper {
    text-align: left;
    background-color: rgba(0,0,0,0.005);
    border: 1px solid #eee;
    padding: 5px 15px;
    margin-top: -15px;
}

span.cf-label.cf-title {
    border-top: 1px solid #ccc;
    margin: 15px 0 0;
    padding: 15px 0;
    font-size: 14px;
    width: 100%;
}

.collection-filters-container .cf-title:first-child {
  border-top: none;
  margin-top: 0px;
}

#collection .page-title small {
  display:none;
}


/* Add this CSS to display swatch images for checkboxes */
.cf-checkbox[name="Color[]"] + span {
  display: inline-block;
  width: 100%; /* Adjust the width as needed */
  height: 40px; /* Adjust the height as needed */
  background-size: cover; /* Ensure the swatch image covers the container */
  background-repeat: no-repeat;
}

.cf-checkbox[name="Color[]"] {
  display: none;
}

.cf-options-container label:first-child .cf-checkbox[name="Color[]"] {
  display: none;
} 

.cf-checkbox[value="color_yellow"] + span {
  background-image: url('/cdn/shop/files/Yellows.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_black"] + span {
  background-image: url('/cdn/shop/files/Blacks.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_blue"] + span {
  background-image: url('/cdn/shop/files/Blues.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_teal"] + span {
  background-image: url('/cdn/shop/files/Teals.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_transparent"] + span {
  background-image: url('/cdn/shop/files/Transparent.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_clear"] + span {
  background-image: url('/cdn/shop/files/Transparent.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_gold"] + span {
  background-image: url('/cdn/shop/files/Golds.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_brown"] + span {
  background-image: url('/cdn/shop/files/Browns.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_gray"] + span {
  background-image: url('/cdn/shop/files/Grays.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_green"] + span {
  background-image: url('/cdn/shop/files/Greens.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_purple"] + span {
  background-image: url('/cdn/shop/files/Purples.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_silver"] + span {
  background-image: url('/cdn/shop/files/Silvers.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_neutrals"] + span {
  background-image: url('/cdn/shop/files/Neutrals.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_pink"] + span {
  background-image: url('/cdn/shop/files/Pinks.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_white"] + span {
  background-image: url('/cdn/shop/files/White.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_multi-color"] + span {
  background-image: url('/cdn/shop/files/Multi-Color.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}



.cf-checkbox[value="color_rose-gold"] + span {
  background-image: url('/cdn/shop/files/Rose_Golds.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_orange"] + span {
  background-image: url('/cdn/shop/files/Oranges.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_red"] + span {
  background-image: url('/cdn/shop/files/Reds.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

.cf-checkbox[value="color_burgundy"] + span {
  background-image: url('/cdn/shop/files/Burgundys.jpg');
  background-size: contain;
  padding: 8px 0 0 45px;
  opacity: 1;
}

/* Curtis Custom CSS for specific sections of the Site's Mobile View */
@media (max-width: 767px) {
  .collection-main { width: 100%!important; -webkit-width: 100%; -moz-width: 100%; -ms-width: 100%; }
  nav.ets_megamenu.mm-mobile { margin-left: -10px; }
  .cart-col3 { margin-top: 5px; }
  .collection-filters-container.cf-select-wrapper { display: none; }
}

.swym-product-final-price { display: none!important; }

/* Curtis Custom CSS for Countdown Timer on Desktop & Mobile */
.countdown-container1 {
  display: flex;
  justify-content: center;
  align-items: center;
  justify-self: end!important;
  align-self: baseline!important;
}
.countdown-box1 {
  background-color: white;
  border-bottom-right-radius: 25px!important;
  border-bottom-left-radius: 25px!important;
  padding: 4px!important;
  font-family: Arial, sans-serif;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  min-width: 225px!important;
  height: 60px!important;
  margin-left: 380px!important;
  margin-bottom: 140px!important;
}
.countdown-container2 {
  display: flex;
  justify-content: center;      /* Center horizontally */
  align-items: center;          /* Center vertically if container has height */
  width: 100%;                  /* Fit within parent container */
  margin-top: 18px;             /* Spacing from the top */
  padding: 0 10px;              /* Padding to prevent touching screen edges */
  box-sizing: border-box;
}

.countdown-box2 {
  background-color: white;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  padding: 5px;
  font-family: Arial, sans-serif;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  max-width: 340px;
  width: 100%;                  /* Allow it to shrink on small screens */
  height: 35px;
  text-align: center;
}
@media (max-width: 800px) {
  .header_main_container {
    padding-bottom: 235px!important;
  }
  .countdown-box2 {
    display: block!important;
  }
  .countdown-container2 {
    display: block!important;
  }
 .countdown-container1 {
   display: none!important;
 } 
 .countdown-box1 {
   display: none!important;
  }
}
@media (min-width: 801px) {
  .countdown-box2 {
    display: none!important;
  }
  .countdown-container2 {
    display: none!important;
  }
 .countdown-container1 {
   display: block!important;
 } 
 .countdown-box1 {
   display: block!important;
  }
}
.header_cart { 
  margin-top: 75px !important; 
  margin-right: 18px !important; 
  border-bottom-right-radius: 25px!important;
  border-bottom-left-radius: 25px!important;
  border-top-right-radius: 25px!important;
  border-top-left-radius: 25px!important;
}

.fb-radio.form-group.field-radio-group-1741214763558 {
    display: none;
}

/* Wrapper positions the overlay label inside the select */
.select-wrap {
  position: relative;
  display: inline-block;
}

/* Size your select to match your design (adjust width/height as needed) */
.select-wrap .sort-select {
  display: block;
  width: 190px;          /* ← tweak */
  height: 40px;          /* ← tweak */
  padding: 0 2rem 0 12px;/* leave space for text + arrow */
  box-sizing: border-box;

  /* Hide the native text so the overlay is what users see */
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* The overlayed visible value */
.select-wrap .sort-display {
  position: absolute;
  left: 12px;            /* ← match the select’s left padding */
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;  /* clicks go to the select */
  line-height: 1.1;
  max-width: calc(100% - 2rem);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Keep the native arrow if you rely on it */
.select-wrap .sort-select {
  background-image: inherit;
}

/* Optional: spacing between "Sort by" label and field */
.sort-label { margin-right: 10px; }

/* Keep the right-side space for the arrow */
.select-wrap .sort-select { padding-right: 2rem; }

/* Draw a chevron arrow in the right corner */
.select-wrap::after {
  content: "";
  position: absolute;
  right: 0.8rem;
  top: 50%;
  width: 0.6rem;
  height: 0.6rem;
  transform: translateY(-50%) rotate(45deg);
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  pointer-events: none; /* clicks still hit the select */
}

/* Ensure the label text doesn’t overlap the arrow */
.select-wrap .sort-display { max-width: calc(100% - 2rem); }

* 1) Keep the overlay label for the idle/closed state */
.select-wrap .sort-select {
  color: transparent;
  -webkit-text-fill-color: transparent;
}

/* 2) When the select is focused (i.e., dropdown open on Windows),
      show the native text and hide the overlay label */
.select-wrap .sort-select:focus,
.select-wrap .sort-select:active,
.select-wrap .sort-select:focus-visible {
  color: inherit;
  -webkit-text-fill-color: inherit; /* fixes Chromium on Windows */
}
.select-wrap .sort-select:focus + .sort-display,
.select-wrap .sort-select:active + .sort-display,
.select-wrap .sort-select:focus-visible + .sort-display {
  opacity: 0;           /* overlay label disappears while open */
}

/* 3) Ensure options inside the dropdown have a visible color on Windows */
.select-wrap .sort-select option {
  color: #333 !important; /* pick a theme-friendly text color */
}
.select-wrap .sort-select option:disabled {
  color: #888 !important;
}

/* 4) Keep room for the arrow, if you restored the native arrow */
.select-wrap .sort-select {
  padding-right: 2rem;
}
.select-wrap .sort-display {
  max-width: calc(100% - 2rem);
}

/* 1. Force the containers to align to the top of the row */
.ink-color-select .p-form-field-option {
    display: inline-block !important;
    vertical-align: top !important; /* This levels the tops of all images */
    width: 140px !important;         /* Adjust based on your row width */
    margin-bottom: 30px !important;
    text-align: center !important;
    padding: 0 5px !important;
}

/* 2. Standardize the image 'box' so tall shapes don't push things down */
.ink-color-select img {
    display: block !important;
    margin: 0 auto 12px auto !important;
    width: 80px !important;          /* Fixed width */
    height: 80px !important;         /* Fixed height ceiling */
    object-fit: contain !important;  /* Prevents red/yellow from stretching */
}

/* 3. Keep radio next to title and center the whole group under the image */
.ink-color-select label {
    display: inline-flex !important; /* Keeps radio + text on one line */
    align-items: center !important;  /* Centers radio button vertically with text */
    text-align: left !important;     /* Text stays left-aligned to the radio */
    cursor: pointer;
}

/* 4. Spacing for the radio button */
.ink-color-select input[type="radio"] {
    margin: 0 8px 0 0 !important;    /* Space between circle and text */
    flex-shrink: 0 !important;
}

/* This targets ONLY the item with the long title causing issues */
.ink-color-select label[for="124184-imageOptions-2-1"] .p-form-control-label-text {
    font-size: 13px !important;      /* Slightly smaller text for this one */
    line-height: 1.2 !important;     /* Tighter spacing */
    letter-spacing: -0.3px;          /* Squeeze letters slightly to fit */
    margin-top: 20px !important;
}
