/** Shopify CDN: Minification failed

Line 16:0 Unexpected "{"
Line 16:1 Expected identifier but found "%"
Line 19:0 Unexpected "{"
Line 19:1 Expected identifier but found "%"
Line 28:0 Unexpected "{"
Line 28:1 Expected identifier but found "%"
Line 31:0 Unexpected "{"
Line 31:1 Expected identifier but found "%"
Line 34:0 Unexpected "{"
Line 34:1 Expected identifier but found "%"
... and 159 more hidden warnings

**/
{% # HEADER --------------------------------------------------------------------------------- HEADER %}


{% # STYLE MEGA MENU PROMO %}
.megamenu__promo-img {border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.13);}
.megamenu__promo-text {
    font-size: small; font-weight: 600}
    .megamenu__promo-heading {font-size: medium;
    font-weight: 800;
    letter-spacing: 0px;
    text-transform: capitalize;}

{% # REMOVE HOVER BORDER FROM MEGA MENU %}
.megamenu .site-nav__dropdown-link:not(.site-nav__dropdown-link--top-level):after {border: none;}

{% # STYLE TOP LEVEL MEGA MENU NAV %}
.top-level-nav {text-transform: capitalize; letter-spacing: 0px; font-weight: 800 !important; font-size: 16px}

{% # STYLE SHOW ALL RESULTS BUTTON %}
.results__search-btn{
  border:none;
  background-color:#334770;
  padding:10px;
  width:100%;
  color: white;
}
.results__search-btn:hover {;
   background-color:#334770CC !important;
  color: white !important;
  }

{% # CHANGE COLOUR OF PREDICTIVE SEARCH RESULT TEXT %}
.results--queries mark {color: #334770}

{% # CHANGE COLOUR OF PREDICTIVE OVERLAY %}
.predictive__screen {background: rgb(245 247 252 / 35%);}

{% # CHANGE FONT OF PREDICTIVE SEARCH HEADINGS %}
.predictive-search-results h3 {    font-family: var(--typeBasePrimary);}

{% # COLLECTIONS --------------------------------------------------------------------------------- COLLECTIONS %}

.collection-sidebar__group .collapsible-trigger-btn {font-size: medium}

/* Sale price colour on collection grid */
.grid-product__tag--sale ~ .grid__item-image-wrapper .grid-product__price {
  color: #e00000; /* your desired sale price colour */
}

/* Keep the struck-through original price in normal text colour */
.grid-product__tag--sale ~ .grid__item-image-wrapper .grid-product__price--original {
  color: var(--colorTextBody);
}


{% # ADJUST ZOOM OF COLOUR SWATCHES %}
.color-swatch {background-size: 500% !important;
    background-position: 50% 80%;
    background-repeat: no-repeat;}


{% # CHANGE SIZE OF COLOUR SWATCHES %}
.color-swatch--small {
    height: 32px;
    width: 32px;}

{% # STYLE SWATCH SELECT BORDER %}
a.color-swatch.is-active {
    box-shadow: 0 0 0 2px var(--colorTextBody);
}

{% # ALIGN LEFT %}
.grid-product__meta {text-align: left !important}
.grid-product__colors {
    justify-content: left !important;}

    


{% # STYLE REVIEW STARS %}
.grid-product__meta .jdgm-prev-badge {margin-top: 5px !important; font-size: small;}

{% # STYLE PRODUCT TITLE %}
.grid-product__vendor {opacity: 100; letter-spacing: 0px; text-transform: capitalize; font-family: "Alegreya" !important; font-size: medium}




{% # HIDE MOBILE COLLECTION COUNT ON DESKTOP %}
@media only screen and (min-width:769px){.mobile-count {display: none}}

{% # CAPITALIZE FILTER TITLES %}
.tag__text {text-transform: capitalize}

{% # STYLE FILTER BUTTON MOBILE %}
.collection-filter .btn {
  letter-spacing: 0px;
}
.btn--tertiary:hover {
    background-color: #334770 !important;
}

{% # STYLE SUBCOLLECTION HEADING %}
.collection-item__title {font-size: X-large;}

{% # STYLE GENDER LABEL %}
.gender {
  
  margin-bottom: 6px;
  color: #7a8ba6;
  font-size: medium;
}
.gender-grid {color: #7a8ba6 !important; margin-top: 5px; margin-bottom: 5px}

{% # STYLE IMAGE BOX %}
.grid-product__image-mask {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

{% # REMOVE BORDER FROM TOP OF SIZE FILTERS %}
.size-group {
}

{% # CHANGE SPACING FOR FILTERS ON DESKTOP }
@media only screen and (min-width: 769px) {
  .tag-list__header {
    padding-top: 12px;
    padding-bottom: 12px;
  }
}

{% # STYLE SORT BTN }
.collection-filter select {
  border-radius: 8px;
  background-color: transparent;
  border-color: #b9c5df;
}

{% # STYLE PAGINATION BTNS }
.prev,
.next {
          width: auto !important;
        height: auto !important;
        border-radius: 50%;
}

.pagination .page.current {opacity: 1 !important; color: #7a8ba6 }

{% # PRODUCT --------------------------------------------------------------------------------- PRODUCT %}

{% # STYLE SIZE REC FORM %}
.size-recommendation-form {font-size: medium; text-align: left}

{% # CHANGE POSITION OF HOVER UNDERLINE ON VENDOR %}
.rte a:not(.rte__image):not(.btn), .rte-setting a:not(.rte__image):not(.btn) {text-underline-offset: 7px;}

{% # STYLE ACCORDION FONT %}
.collapsible-trigger-btn {letter-spacing: 0px !important; text-transform: capitalize !important;}

{% # STYLE VARIANT LABELS %}
.label, label:not(.variant__button-label):not(.text-label) {
  font-weight: 700 !important;
  text-transform: capitalize !important;
  letter-spacing: 0 !important;
  font-size: medium;
}

{% # STYLE PRODUCT TITLE AND ADJUST SPACE %}
.product-single__title {
    margin-bottom: 10px;
    font-family: var(--typeBasePrimary);
    font-size: medium;
}

{% # ADJUST SPACE AT TOP OF PHOTO ON MOBILE %}
@media only screen and (max-width: 768px) {
.product__photos{margin-top: 4px}
}


{% # MAKE PARTIAL-WIDTH IMAGES WIDER %}
@media only screen and (max-width: 768px) {
  .grid--product-images--partial .flickity-slider .product-main-slide {
    width: 85%;
  }
}

{% # STYLE RECIPIENT FORM %}
.recipient-form .field__input {background-color: white}
.field__input:not(:placeholder-shown)~label {
    opacity: 100 !important}

{% # STYLE SIZE TYPE %}
.variant-label {font-weight: bold}

{% # STYLE SUBMIT SUCCESS MSG %}
.note--success {background-color: #fff; color: #334770; border-color: #b9c5df; padding: 20px}

{% # CHANGE COLOUR OF SALE PRICE %}
.on-sale {color: #de2f4c}

{% # STYLE INFO ICON %}
.icon-info {
  fill: #334770; vertical-align: sub; width: 20px !important; height: 20px !important;
}

{% # ADJUST POSITION OF PRODUCT TITLE %}
@media only screen and (min-width:769px){.product-header-mobile {display:none}}
@media only screen and (max-width:768px){.product-header-desktop {display:none}
                                         .product-header-mobile {margin-bottom: 0px; margin-top: 17px}
                                        }

{% # CAPITALIZE PRODUCT TITLE + ADJUST SPACING %}
.product-single__vendor {text-transform: capitalize;}

{% # STYLE FREE DELIVERY LABEL %}
.delivery-label {font-size: small; position: relative; width: fit-content; display: inline; vertical-align: 2px; background-color: white;
    color: #334770;
    padding: 6px;
    font-weight: bold;
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);}

{% # CHANGE SPACE BETWEEN ELEMENTS %}
.size-select {margin-top: 25px; margin-bottom: 9px}
.variant-wrapper {margin-top: 20px !important}

{% # CHANGE COLOUR OF COLOUR SELECT/CHANGE POSITION %}


            webyze-linkify-product-colors {
    &[data-theme="3"], &[data-theme="4"] {
        & linkify-product-colors-swatch {
            &[data-selected]::before {
                outline: 2px solid #334770 !important;
                outline-offset: 3px!important;
            }
        }
    }
}

webyze-linkify-product-colors {
    &[data-theme="3"], &[data-theme="4"] {
        & linkify-product-colors-swatch {
            &::before {
                outline: 1px solid #8FA2CC !important;
                outline-offset: 3px!important;
            }
        }
    }
}

{% # STYLE SIZE GUIDE TOOL TIP %}
.tool-tip-trigger {
    background-color: #F5F7FC;
    padding: 6px; 
border-radius: 8px}

{% # STYLING SIZE REC BUTTON %}
#sizeRec {background-color: #F5F7FC; padding: 6px; border-radius: 8px; font-size: medium}

{% # CHANGE COLOUR OF INVENTORY ICON %}
.inventory--low .icon--inventory:after,
.inventory--low .icon--inventory:before {
  background: #de2f4c
}
.icon--inventory:after,
.icon--inventory:before {
  background: #6dc5ab
}

{% # ALIGN TEXT LEFT %}
.sales-point .icon-and-text {justify-content: left}
.product-single__meta {text-align: left}
.collapsible-trigger-btn {text-align: left !important}

{% # REDUCE MARGIN ABOVE PRODUCT REC HEADING %}
.product-recommendations__title {margin-top: 0px !important}

{% # HIDE REVIEW SCORE FROM SHOE CARE SECTION %}
.product-recommendations__slide .jdgm-widget {display: none !important}

{% # STYLE ERROR MSG FOR ADDING MORE TO CART THAN IN STOCK %}
.product-single__form .errors, .form-error {
    background-color: #FFF;
    border: none;
    color: #DE2F4C;
    margin-top: 15px;
  text-align: left;
font-size:small}

{% # KEEP COLUMNS IN SIZE GUIDES EQUAL SIZE %}
.sizeTable {table-layout: fixed !important}

{% # STYLE + POSITION MAGNIFY ICON MOBILE %}
.product__photo-zoom {background-color: #ffffff90;
  bottom: 83%;
}

{% # CHANGE SPACE AROUND PRICE %}
.on-sale {margin-right: 0px}
.product__price--compare {margin-right: 0px}

{% # STYLE AFTERPAY PRICE %}
.afterpay {margin-top: 5px; font-size: small}

{% # CHANGE SIZE OF PRICE COMPARE + SAVINGS, BOLD PRICE %}
.product__price--compare, .product__price-savings {font-size: medium; font-weight: normal !important}
.product__price {font-weight: bold}

{% # REDUCE SPACE ABOVE REVIEWS SECTION %}
.page-content {padding-bottom: 30px}

{% # STYLING FOR SIZE GUIDE TOOL TIP %}
.tool-tip__inner {top: 20px;}
@media only screen and (max-width: 768px) {
    tool-tip[data-tool-tip-open=true] .tool-tip__inner {
        padding: 20px 20px 20px 20px;
    }
}
.size-help {margin-bottom: 20px;}
#sizeRec-tt {background-color: #f5f7fc; padding: 6px}
.size-help-text {text-align:center}
@media only screen and (min-width: 769px) {
.tool-tip__content, .size-help-text, #sizeRec-tt {font-size: calc(var(--typeBaseSize)* .92);}
}
.tool-tip__content {line-height: var(--typeBaseLineHeight);}





{% # CART --------------------------------------------------------------------------------- CART %}

.ajaxcart__subtotal {
    text-transform: uppercase;
    letter-spacing: 0;
    text-transform: capitalize;
  font-size: medium}

{% # STYLE ITEMS NAMES %}
#CollectionSection- .grid-product__vendor {font-family: "Nunito Sans" !important; font-weight: bold}
.cart__item-name {font-size: small; margin-bottom: 0px; font-weight: bold}

{% # ADJUST SPACING BTWN ELEMENT %}
.cart__item-row {
    margin-bottom: 15px;
}
.cart__checkout-wrapper {margin-top: 15px}


{% # STYLE CART FORM BACKGROUND %}
@media only screen and (min-width:769px){
.cart__page-col:last-child:after {background: #FFF;}
.cart__page-col:last-child {background: #FFF; border: 1px solid #b9c5df}}

{% # STYLE DELIVERY NOTES %}
.cart-notes {background-color: #fff;}



{% # FLASH DELIVERY THRESHOLD MSG WHEN QUANTITIES CHANGED %}
.flash-once {
  animation: flashOnce 0.4s ease-in-out 1;  
}
@keyframes flashOnce {
  0% { opacity: 1; }
  50% { opacity: 0; }
  100% { opacity: 1; }
}

{% # ADD SHADOW ABOVE DRAWER FOOTER %}
 .drawer__footer{box-shadow: 0 20px 20px 20px #00000017 !important; border-top: none; z-index: 1;}

{% # HIDE DELIVERY THRESHOLD MESSAGE WHEN CART EMPTY %}
.is-empty .cart-update-message {
  display: none;
}

{% # STYLE CART PHOTO %}
.cart__image a {box-shadow: 0 4px 12px rgba(99, 85, 85, 0.03);}


{% # STYLE DELIVERY THRESHOLD MESSAGE %}
.cart-update-message {text-align: center; width: max-content;padding: 6px;
    border-radius: 8px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.03); background-color: white }

.drawer__fixed-header, .drawer__header {min-height: 50px}



{% # SECTIONS --------------------------------------------------------------------------------- SECTIONS %}

{% # STYLE HERO TOP HEADING %}
.hero__top-subtitle {
font-size: x-large;
    letter-spacing: 0;
    margin-bottom: 5px;
    text-transform: capitalize;}

.image-wrap {
    background: transparent;}

{% # MAKE HERO SUBTITLE BOLD %}
.hero__top-subtitle {font-weight: bold}


{% # STYLE COLLECTION LIST %}
.collection-item:not(.collection-item--below):after {opacity: 5%}

{% # STYLE MAP %}
.map-section__overlay {background: #FFF; border-radius: 8px}

{% # BUTTONS + HEADINGS --------------------------------------------------------------------------------- BUTTONS + HEADINGS %}




{% # STYLE BUTTONS %}
.btn {border-radius: 8px}
.add-to-cart {border-radius: 12px}
.variant-input-wrap label {border-radius: 8px}
.btn--circle {border-radius: 50%}
.btn, .rte .btn, .shopify-payment-button .shopify-payment-button__button--unbranded {border-radius: 8px}

{% # MAKE STUFF BOLD %}
.collapsible-trigger-btn, .site-nav__item {font-weight: bold}

{% # STYLE SOLD OUT BUTTON %}
.btn.disabled, .btn[disabled], .rte .btn.disabled, .rte .btn[disabled], .shopify-payment-button .shopify-payment-button__button--unbranded.disabled, .shopify-payment-button .shopify-payment-button__button--unbranded[disabled] {
  
background-color: #fff;
    color: #334770;
    border-bottom: 0px;
    letter-spacing: 0px !important;
    text-transform: capitalize !important;
    font-size: medium;
    border: none;
  }

.btn.disabled:hover,.btn[disabled]:hover,.rte .btn.disabled:hover,.rte .btn[disabled]:hover,.shopify-payment-button .shopify-payment-button__button--unbranded.disabled:hover,.shopify-payment-button .shopify-payment-button__button--unbranded[disabled]:hover{
      background-color:#fff !important;
      color: #334770 !important;
 !important;
   border: 0px;
  }




{% # STYLE SECONDARY BTN %}
.btn--secondary, .btn--small {font-weight: 800 !important; background-color: #f5f7fc; border: 1px solid #f5f7fc;}

  {% # STYLE FILTER CLOSE %}
li.tag--remove > a.btn.btn--small {background-color: #334770 !important}


.btn:hover {
  background-color: #334770;
  border: 1px solid #334770;
  color: white;
}

.btn--secondary:hover, .rte .btn--secondary:hover {
  background-color: #334770;
  border: 1px solid #334770;
  color: white;
}

{% # CHANGE LETTER SPACING OF BTNS %}
.btn {letter-spacing: 0.2em}

{% # CHANGE SPACING FOR H4 HEADINGS %}
.h4, h4, h5 {
    letter-spacing: .2em;}

{% # BLOG POSTS --------------------------------------------------------------------------------------------------------------------------------------------------------------- %}

{% # CHANGE IMG BORDER RADIUS %}
.zn-image__image-element {
  border-radius: 3px;
}

{% # HIDE ELEMENTS FROM PROD IN COLLECTION %}
.zn-product__item-cart-button,
.zn-collection__item-variants,
.zn-collection__item-price,
.zn-collection__item-cart-button {
  display: none !important;
}

{% # STYLE COLLECTION GRID FONT %}
.zn-collection__item-title {
  font-weight: 500 !important;
  font-size: var(--typeBaseSize) !important;
  text-decoration: none !important;
}