/** Shopify CDN: Minification failed

Line 2372:15 Expected ":"

**/

@import url("//hello.myfonts.net/count/30f520");
@import url("https://use.typekit.net/dny2phk.css");

.shopify-preview-bar {
display: none
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
:root {
    --gutter: 24px;
    --grid-offset: 24px;
    --color-text: #181818;
    --color-green: #71994C;
    --color-hover: #363636;
    --mobile-break: 768px;
    --tablet-break: 1024px;
}

p {
    margin: 0px;
}

html,body
{
    width: 100%;
    height: 100%;
    overflow-x: hidden; 
}

body {
    font-family: "acumin-pro", Helvetica, sans-serif;
    letter-spacing: -.018em;
    font-size: 14px;
    line-height: 24px;
    color: var(--color-text);
    background-color: #fff;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;

    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

.noscroll {
    overflow-y: hidden !important;
}

/* nxt search hacks
   hopefully temporary
*/

#searchResults {
    line-height: 1.4;
}

.col-md-9 {
    padding: 0 !important;
}

.nxt-refines-container h3 {
    margin-top: 16px;
    margin-bottom: 16px;
    font-weight: 600;
    font-size: 14px;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}

.search-bar input {
    width: calc(100% - 76px);
    height: 48px;
    padding: 0 12px 0 12px;
    -webkit-appearance: none;
    border: none;
    font-size: 14px;
}

input::placeholder {
    color: #b8b8b8;
}
.search-bar a {
    position: absolute;
    top: 0;
    right: 24px;
    font-size: 16px;
    line-height: 48px;
    vertical-align: middle;
}

.search-bar .close-form {
    display: block;
}

.search-container {
    display: none;
    width: 25% !important;
    padding: 0;
    position: fixed;
    top: 54px;
    right: 24px;
    z-index: 99999;
    border: 2px solid #181818;
    border-radius: 4px;
    background-color: white;
}

.search-container input[name="q"]:focus {
    outline:none;
}

.nxt-ac-main {
    display: none !important;
}

@media (max-width: 1024px) {
    .collection__sidebar.sidebar {
        display:none !important
    }

    #searchResults>*{
        width: 100% !important;
    }

    .search-bar input::placeholder {
        color: #181818;
    }

    .search-bar .close-form {
        display: none;
    }
}

#searchResults img {
    width: 100%;
    height: auto;
}

body.loading {
    cursor: wait !important
  }
  
body.loading a,
body.loading a:hover,
body.loading .btn,
body.loading .btn:hover input,
body.loading input:hover {
cursor: wait !important
}

body.loading .single-product .actions,
body.loading .section-cart {
opacity: 0.4;
transition: all 0.2s ease
}

[v-cloak] {
display: none
}

select:not([multiple]) {
    appearance: none;
    background-position: right 50%;
    background-repeat: no-repeat;
    padding: 0 .5em;
}

h1,h2,h3,h4,h5,h6 {
    color: var(--color-text);
    font-family: inherit;
}

h1 {
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 8px;
    margin-top: 0px;

}

h2 {
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 600;
    margin: 0;
    line-height: 32px;
}

h3 {
    font-family: "acumin-pro";
    font-size: 18px;
    font-weight: 400;
    margin: 0px;
}

h5 {
    font-family: "acumin-pro";
    font-size: 14px;
    font-weight: 600;
    line-height: 32px;
    margin: 0;
}

h6 {
    font-family: "acumin-pro";
    font-size: 14px;
    font-weight: 600;
    line-height: 24px;
    margin: 0;
}


a,p {
    color: var(--color-text);
    text-decoration: none;
    transition: all .2s ease-out;
}

@media (min-width: 1024px) {
    a:not(.active):hover, li:not(.active):hover {
        color: inherit;
        text-decoration: none;
        color: var(--color-green);
    }
    .button.light>*:hover {
        color: var(--color-green);
    }
}

dl, dt, dd, ol, ul, li {
    margin: 0;
    padding: 0;
    list-style: none;
}

li {
    cursor: pointer;
    transition: all .2s ease-out;
}

.active {
    font-weight: 600;
    color: var(--color-green);
}

.button {
    width: 100%;
    text-align: center;
    background-color: #181818;
    border-radius: 4px;
    color:#FFFFFF;
    line-height: 36px;
    border: 1px solid #181818;
    font-size: 14px;
    font-family: "roboto-mono";
    transition: all .2s ease-out;
}

.button>* {
    color: #FFFFFF;
}

.button.disabled{
    border-color: #b8b8b8;
    background-color: #b8b8b8;
    cursor: default;
}

.button.light {
    border-color: inherit;
    background-color: inherit;
    color: var(--color-text);
}

.button.light>* {
    color: var(--color-text);
}

.button.light>*:hover {
    color: var(--color-green);
}

.button a,.button span {
    width: 100%;
    display: inline-block;
    text-decoration: none;
    cursor: pointer;
}

.button:hover>a {
    color: inherit;
}

.button:not(.light):not(.disabled):hover, .product .size-button.selected:hover {
    border-color: var(--color-hover);
    background-color: var(--color-hover);
}

.button.light:not(.disabled):hover, .product .size-button:not(.selected):not(.size-sold-out):hover {
    color: var(--color-green);
    border-color: var(--color-green);
}

input[type="checkbox"] {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0 12px 0 0;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
    background: #fff;
}

.alert {
    padding: 16px;
    margin-top: 24px;
    border: 1px solid transparent;
    border-radius: 0px
  }
  
  .alert h4 {
    margin-top: 0;
    color: inherit
  }
  
  .alert .alert-link {
    font-weight: bold
  }
  
  .alert>p,
  .alert>ul {
    margin-bottom: 0
  }
  
  .alert>p+p {
    margin-top: 5px
  }
  
  .alert-dismissable,
  .alert-dismissible {
    padding-right: 35px
  }
  
  .alert-dismissable .close,
  .alert-dismissible .close {
    position: relative;
    top: -2px;
    right: -21px;
    color: inherit
  }
  
  .alert-success {
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d
  }
  
  .alert-success hr {
    border-top-color: #c9e2b3
  }
  
  .alert-success .alert-link {
    color: #2b542c
  }
  
  .alert-info {
    background-color: #d9edf7;
    border-color: #bce8f1;
    color: #31708f
  }
  
  .alert-info hr {
    border-top-color: #a6e1ec
  }
  
  .alert-info .alert-link {
    color: #245269
  }
  
  .alert-warning {
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b
  }
  
  .alert-warning hr {
    border-top-color: #f7e1b5
  }
  
.alert-warning .alert-link {
    color: #66512c
}
  
.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442
}
  
.alert-danger hr {
    border-top-color: #e4b9c0
}
  
.alert-danger .alert-link {
    color: #843534
}


#page-content-wrapper {
    padding-top: 56px;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    height: 100%;
    width: 100%;
}

@media screen and (max-width: 1024px) {
    #page-content-wrapper {
        padding: 0 12px;
        padding-top: 48px;
    }
}

.mobile-nav {
    position: fixed;
    top: 48px;
    bottom: 0;
    z-index: 99999;
    width: 0;
    background: #fff;
    transition: all .3s;
    -webkit-transition: all .3s;
    font-size: 18px;
    line-height: 48px;
    padding: 0;
    overflow-y: scroll;
    overflow-x: hidden;
}

.mobile-nav-overlay {
    position: absolute;
    opacity: 0;
    z-index: 99998;
    top: 56px;
    left: 0;
    width: 0;
    height: 100vh;
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--color-text);
    opacity: 1; /* Firefox */
  }
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color:  var(--color-text);
  }
  
::-ms-input-placeholder { /* Microsoft Edge */
    color:  var(--color-text);
  }

.mobile-nav #searchBar input {
    width: 100%;
    border: 1px solid #181818;
    border-radius: 4px;
    font-size: 14px;
    height: 32px;
    padding-left: 8px;
}

.mobile-nav li {
    width: 100%;
    z-index: 100;
}

.mobile-nav li>a {
    display: block;
    width: 100%;
}

.mobile-nav ul.sub {
    width: 100%;
    display: none;
    background: #fff
}

.mobile-nav ul.sub li a {
    overflow: scroll;
}

.mobile-nav a:hover {
    text-decoration: none;
}

.mobile-nav ul.sub>li {
    margin-left: 12px;
}


/*
*	mobile menu toggles
*/

.mobile-nav ul.sub {
    display: none;
}

.mobile-nav ul.sub.move {
    display: block
}

.mobile-nav a.sub-link {
    width: 100%;
    transition: none;
}

.mobile-nav .has-sub>a.active {
    font-weight: 600;
    color: var(--color-green);
}


.mobile-nav .btn,.close-form {
    display: none;
}

.mobile-nav .currencies-switcher::before {
    content: "Currency: ";
}

/*
*	mobile menu caret icons
*/
.mobile-nav ul>li>a:after {
    content: '';
    position: absolute;
}

.mobile-nav ul>li.has-sub>a:after {
    content: '+';
    right: 12px;
}

.mobile-nav ul>li.has-sub>a.active:after {
    content: '-';
}

.mobile-nav ul>li>a.active:after {
    content: '';
}


.mobile-nav ul>li.has-sub>a.active:after {
    content: '-';
}

.mobile-nav .nav__break {
    height: 2px;
    margin: 12px 0px;
    background-color: var(--color-text);
}
  
@media (max-width: 1024px) {
    .mobile-nav {
      display: block;
      left: -100%;
      padding: 0 12px;
      padding-top: 12px;
    }

    .mobile-nav select#currencies {
        font-size: 18px;
    }
}
  
  .mobile-nav.move, .mobile-nav-overlay.move {
    left: 0px;
    width: 100%;
    border-right:1px solid #eee;
  }

/* Mini Cart */
#mini-cart-overlay {
    position: absolute;
    opacity: 0;
    z-index: 99998;
    top: 0;
    left:0;
    width: 100%;
    height: 100vh;
}
#mini-cart {
    position: fixed;
    display: flex;
    flex-direction: column;
    top: 54px;
    right: var(--gutter);
    width: calc(33.33% - 16px);
    height: auto;
    max-height: 50vh;
    z-index: 99999;
    background: #fff;
    border: 2px solid #181818;
    padding: 24px;
}

.mini-cart-empty {
    margin: auto;
    font-weight: 600;
    font-size: 18px;
    line-height: 120px;
    margin: -24px;
    text-align: center;
}

.mini-cart__items {
    display: block;
    overflow: scroll;
    padding-bottom: 24px;
    scrollbar-width: none;
}

.mini-cart__items::-webkit-scrollbar {
    width: 0;
    height: 0;
}

.mini-cart__item {
    display: flex;
    margin-top: 24px;
}

.mini-cart__items>:first-child>:first-child {
    margin-top: 0
}

.mini-cart__item .item-image {
    flex: 1;
    width: 25%;
    margin-right: 24px;
}

.mini-cart__item .item-desc {
    flex: 2;
    width: 50%;
    margin-right: 24px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.remove {
    color: #b8b8b8;
    text-decoration: underline;
    width: 100%;
}

.remove:hover {
    color: var(--color-hover);
    text-decoration: underline !important;
}

.item-price {
    flex: 1;
    width: 25%;
    text-align: right;
    font-family: "roboto-mono";
}

.item-image img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mini-cart__subtotal {
    padding-top: 24px;
    border-top: 1px solid #b8b8b8;
    text-align: right;
    font-family: "roboto-mono";
}

.mini-cart__subtotal>:last-child {
    font-weight: 600;
}

.mini-cart__actions {
    margin-top: 12px; 
    font-family: "acumin-pro";
    position: relative;
    width: 100%;
}

.mini-cart__actions>* {
    margin-top: 12px;
}

@media screen and (max-width: 1024px) {
    #mini-cart {
        width: calc(100% - 24px);
        right: 0;
        padding: 0;
        margin: 12px 12px 0 12px;
        border: 0;
        top: 48px;
    }

    .mini-cart__items {
        border-top: 2px solid #181818;
    }

    .mini-cart__items>:first-child>:first-child {
        margin-top: 12px;
    }

    .mini-cart__actions {
        padding-bottom: 12px;
        border-bottom: 2px solid #181818;
    }

    .mini-cart-empty {
        padding: 0;
        margin: 0;

        border-top: 2px solid #181818;
        border-bottom: 2px solid #181818;
        text-align: center;
    }
}

/* Cart */

#cart__title h1{
    font-size: 24px;
}

.cart__form {
    display: flex;
}

.cart__form .cart__contents {
    flex: 2;
    width: 66.667%;
    margin-right: 24px;
}

.cart__form .cart__notes {
    flex: 1;
    width: 33.333%;
    background-color: #eee;
}

.cart__notes>* {
    padding: 24px;
}

.cart-contents__header {
    margin-top: 24px;
    display: flex;
}

.cart-contents__header>* {
    margin-right: 24px;
    border-bottom: 2px solid #b8b8b8;
    font-family: "roboto-mono";
    font-size: 14px;
    color: #363636;
    font-weight: 600;
}

#cart-header__product {
    flex: 2;
    width: 50%;
}

#cart-header__price {
    flex: 1;
    width: 25%;
}

#cart-header__placeholder {
    flex: 1;
    width: 25%;
    border: 0;
}

.cart-item {
    display: flex;
    margin-top: 24px;
}

.cart-item>* {
    margin-right: 24px;
}

.cart-item .item-main {
    flex: 4;
    width: 50%;
    display: flex;
}

.item-main .item-image {
    flex: 1;
    width: 25%;
    margin-right: 24px;
}

.item-main .item-desc {
    flex: 3;
    width: 75%;
}

.cart-item .item-remove, .cart-item .placeholder {
    flex: 1;
    width: 12.5%;
}

.cart-item .item-price {
    flex: 2;
    width: 25%;
    text-align: right;
}

.cart-item .item-remove-mob {
    display: none;
}

.cart-item .item-remove {
    text-align: right;
    margin-right: 0px;
}

.cart__subtotal {
    font-family: "roboto-mono";
    font-size: 18px;
}

.cart__subtotal>:last-child {
    font-weight: 600;
}

.cart__instruction p {
    font-size: 14px;
    margin-top: 24px;
    line-height: 18px;
}

.cart__instruction textarea {
    width: 100%;
}

.checkout-button {
    margin-top: 24px;
    font-family: "roboto-mono";
}

.cart__notes .text-divider {
    color: #b8b8b8;
    line-height: 14px;
    margin-top: 24px;
    text-align: center;
}

.cart-empty {
    margin-top: 48px;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1024px) {
    #cart__title {
        margin-top: 12px;
    }
    
    .cart__form {
        display: block;
    }

    .cart__form .cart__contents {
        width: 100%;
    }

    .cart__form .cart__notes {
        margin-top: 24px;
        width: 100%;
        background-color: #fff;
    }
    .cart__form .cart__notes>* {
        padding: 0px;
    }

    .cart-contents__header {
        display: none;
    }

    .cart__form .cart__subtotal {
        font-size: 14px;
        line-height: 24px;
        text-align: right;
        padding-top: 12px;
        border-top: 1px solid #b8b8b8;
    }

    .cart__form textarea {
        border: 1px solid #b8b8b8;
        border-radius: 4px;
    }

    .cart__form .item-remove, .cart__form .placeholder {
        display: none;
    }

    .cart__form .item-image{
        flex: 1;
        width: 25%;
    }

    .cart__form .item-desc {
        flex: 2;
        width: 50%;
    }

    .cart__form .item-price {
        flex: 1;
        width: 25%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .item-price .item-remove-mob {
        display: block;
    }
}

/* Header */
header {
    margin: 0;
    position: fixed;
    display: block;
    width: 100%;
    background: #FFFFFF;
    opacity: .9;
    left: 0;
    top: 0;
    right: 0;
    z-index: 990;
    transition: all 0.3s ease;
    font-size: 18px;
    font-weight: 400;
}


header.nav-opened {
    opacity: 1;
}

header.site-header {
    transition: all 0.3s ease;
}
  

.header__progress-bar {
    display:none;
    position: absolute;
    width: 100%;
    height: 4px;
    background: var(--color-green);
    opacity: 1;
}

.pace {
    -webkit-pointer-events: none;
    pointer-events: none;
  
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
  }
  


.pace .pace-progress {
    background: var(--color-green);
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 4px;
}
  

.header__content {
    height: 24px;
    margin: 16px 0px;
    display: flex;
}

.header__content li {
    margin-right: 16px;
    margin-top: auto;
}

li select { 
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background: transparent !important;
}

.header__mobile-nav {
    display: none;
}

.header__content-logo {
    flex: 1 0 calc(33.333% - 24px);
    padding-left: 24px;
    padding-top: 2px;
}

.header__content-logo .logo img {
    height: 24px;
    object-fit: contain;
}

.header__content-main-nav {
    flex: 1 0 calc(33.333% - 24px);;
    display: flex;
    justify-content: center;
    padding-left: var(--grid-offset);
}

.header__content-right-nav {
    flex: 1 0 calc(33.33% - 24px);
    display: flex;
    justify-content: flex-end;
    padding-right: var(--gutter);
}

header .active>a {
    font-weight: 600;
    color: var(--color-green);
}

.header__content-right-nav > :last-child {
    margin-right: 0;
}

header #currencies {
    font-family: "acumin-pro";
    font-size: 18px;
    color: var(--color-text);
    line-height: 24px;
    transition: all .2s ease-out;
}

header a:not(.active):hover {
    color: var(--color-green);
    text-decoration: none;
}

header #currencies:hover {
    cursor: pointer;
    color: var(--color-green);
}

.header__cart,.header__cart.loading,.header__cart.active {
    transition: all .2s ease-out;
}

.header__cart.loading>* {
    color: #b8b8b8;
}

@media screen and (max-width: 1024px) {
    .header__content-right-nav li:not(.header__cart) {
        display:none;
    }

    .header__content-main-nav {
        display: none;
    }

    .header__content {
        width: 100%;
        height: 24px;
        margin: 16px 0px;
        justify-content: space-evenly;
    }

    .header__content-logo {
        display: flex;
        justify-content: center;
        padding-left: 12px;
        padding-top: 3px;
    }
    .header__mobile-nav {
        display: block;
        flex: 3;
    }

    .open-mob-nav {
        height: 100%;
        width: 100%;
        display: block;
        padding-left: 12px;
    }

    .header__content-right-nav {
        flex: 3;
        display: flex;
        justify-content: flex-end;
        padding-right: 12px;
    }

    .header__mobile-nav img {
        height: 48px;
        position: absolute;
        border: 0;
        top: 4px;
        left: 2px;
    }


}

/* Cart */

/* Collections */
.collection {
    margin-top: 16px;
    display: flex;
    justify-content: space-between;
}

.collection__sidebar {
    flex: 3 0 calc(25% - 24px);;
}

.collection--men,
.collection--women {
  display: none;
}

.collection__sidebar .collection--men, .collection__sidebar .collection--women {
    position: relative;
}

.collection__sidebar .active {
    font-weight: inherit;
    color: initial;
}

.collection__sidebar li:hover, .collection__sidebar a:hover {
    color: initial;
}

.sidebar__all-link ul {
    display: none;
}

.collection__sidebar h3 {
    margin-bottom: 8px;
}

.collection__sidebar a{
    display: inline-block;
    width: 100%;
}

.collection__sidebar > p {
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 24px;
    line-height: 24px;
    vertical-align: middle;
}
.collection__sidebar li.active::before,.collection__sidebar li:hover::before{
    position: absolute;
    content: "";
    width: 4px;
    height: 16px;
    margin-top: 4px;
    background: var(--color-green);
    left: -24px;
}

.collection__sidebar > a.active:hover::before {
    width: 0px;
}

.sidebar__all-link ul > li {
    padding-left:8px;
}

.collection__main {
    margin-left: var(--grid-offset);
    flex: 9 0 calc(75% - 24px);;
}

.collection__mobile-filter {
    display:none;
}

.collection__title-row .title-sort {
    display: flex;
    justify-content: space-between;
}

.collection__title-filter {
    position: relative;
}

.filter-sort {
    text-align: left;
    transition: color .2s ease-out;
}

.filter-sort:hover {
    color: var(--color-green);
}

.filter-buttons > *::after{
    content:"+";
    margin-left: 6px;
}

.filter-buttons > .active::after{
    content:"–";
    color: var(--color-green);
}

.filter-buttons > .active {
    font-weight: 600;
    color: var(--color-green);
}

.filter-buttons > * {
    cursor: pointer;
    
}

.filter-sort__content {
    display: none;
    position: absolute;
    max-height: 440px;
    right: 0px;
    width: 140px;
    text-align: right;
    margin-top: 12px;
    padding: 12px 12px;
    line-height: 32px;
    border: 1px solid #181818;
    background-color: #fff;
    z-index: 9999;
}



@media screen and (max-width: 1024px) {
    .collection {
        margin-top: 12px;
    }
    
    .collection__sidebar {
        display: none;
    }

    .collection__main {
        margin-left: 0px;
        width: 100%;
      	max-width: 100%
    }

    .collection__mobile-filter {
        display: block;
    }

    .filter-buttons {
        display: flex;
        justify-content: space-between; 
        line-height: 32px;
        border-top: 1px solid #181818; 
        border-bottom: 1px solid #181818;
        text-align: center;
    }

    .filter-sort:hover {
        color: initial;
    }

    .filter-sort.active {
        color: var(--color-green);
    }

    .filter-designers__content,.filter-sort__content {
        display: none;
        position: relative;
        width: 100%;
        overflow: scroll;
        padding: 12px 0;
        line-height: 32px;
        border: 0;
        left: 0;
        border-bottom: 1px solid #181818;
        max-height: 100%;
        margin-top: 0;
    }

    .collection__mobile-filter li.active {
        font-weight: 600;
    }

    .collection__title-row {
        margin-top: 12px;
    }

    .collection__title-row h1 {
        margin-bottom: 0px;
    }

    .collection__description-row  p{
        display: none;
    }

    .title-sort .filter-sort {
        display:none;
    }
}
      
@media (hover: none) {
    .collection__product-block .img-2 {
        display: none
    }
}

/*.collection__sidebar a.active, li.active a {
    font-weight: 600;
}*/

.collection__description-row {
    display: flex;
}

.collection__description-row p{
    flex: 6;
}

.collection__description-row  .placeholder {
    flex: 3;
    margin-right: var(--grid-offset);
}

.collection__products {
    margin-top: 12px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-rows: auto;
    grid-gap: 48px 24px;
}

@media screen and (max-width: 768px) {
    .collection__products {
        margin-top: 0px;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        grid-gap: 24px 12px;
    }
}

.collection__product-images {
    position: relative;
    margin-bottom: 8px;
}

.collection__product-images::before {
  content: "";
  display: inline-block;
  width: 1px;
  height: 0;
}

.collection__product-block:hover{
    cursor: pointer;
    text-decoration: none;
    color: var(--color-hover);
}

.collection__product-block:hover p {
    color: var(--color-hover);
}

.collection__product-block img {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 20;
}

.collection__product-image-1 {
    position: relative;
}

.collection__product-block .img-2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 10;
}

.collection__product-desc {
    line-height: 24px;
}

.collection__product-desc .vendor__label {
    font-weight: 600;
}
.product-price {
    font-family: "roboto-mono"
}

.collection__product-sizes {
    display: none;
    font-family: "roboto-mono";
}

.pagination {
    margin-top: 48px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.pagination ul {
    grid-column: 2 / 3;
    display: flex;
    justify-content: center;
}

.pagination a:hover {
    color: var(--color-green);
    border-color: var(--color-green);
    text-decoration: none;
} 


.pagination__button {
    margin-right: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    width: 36px;
    border: 1px solid #000000;
    border-radius: 4px;
}

.pagination__button:hover {
    color: var(--color-green);
    border-color: var(--color-green);
}

.pagination__button.ellipses {
    border: 0px;
    border-radius: 0px;
    align-items: flex-end;
    margin: 0 0 0 -4px;
    width: 24px;
}

.pagination__arrow img {
    height: 24px;
    margin-top: 6px;
}

.pagination__arrow img:hover {
    filter: #363636;
}


.pagination__button.active{
    background-color: #181818;
}

.pagination__button.active:hover{
    background-color: #181818;
    border-color: #181818;
}

.pagination__button.active span{
    color: #ffffff;
}

/* Products */
#product {
    display: block;
    margin-top: 16px;
}

.product__main {
    width: 100%;
    display: flex;
}

.product__photos {
    flex: 8 0 calc(66.66% - 24px);
    position: relative;
}


.product__photo-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 24px;
}

.product__photos img {
    position: relative;
    width: 100%;
    object-fit: cover;
}

.product__carousel-indicator {
    display: none;
}

.product__content {
    flex: 4 0 33.33%;
    padding-left: var(--grid-offset);
}

.product__content-main-info > * {
    margin: 0px;
    line-height: 32px;
    font-size: 18px;
}

.product__price {
    font-family: "roboto-mono";
}

.product-price del {
    font-weight: 400;
    font-size: 100%;
    color: #888;
}

.product__sizes {
    margin-top: 48px;
}

.product .product__sizes.store-only>.size-button:hover {
    color: initial;
    border-color: initial;
    cursor: default;
}

.product .product__sizes.store-only>.size-button {
    cursor: default;
}

.sold-out {
    font-family: "roboto-mono";
    color: #888;
}

/* hover effect group with .button class */
.product .size-button {
    display: inline-block;
    font-family: "roboto-mono";
    border: 1px solid #181818;
    border-radius: 4px;
    padding: 0 12px;
    line-height: 36px;
    margin-right: 12px;
    margin-bottom: 8px;
    cursor: pointer;
    transition: all .2s ease-out;
}

.product__mobile-selector {
    display: none;
    position: relative;
    margin-top: 8px;
}

.product__mobile-selector select {
    width: 100%;
    font-family: "roboto-mono";
    border: 1px solid #181818;
    border-radius: 4px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    line-height: 36px;
    height: 36px;
    font-size: 14px;
    padding: 0 8px;
}

.product__mobile-selector option {
    padding: 0;
}

.product__mobile-selector .arrow-down {
    width: 0; 
    height: 0; 
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid black;
    position: absolute;
    top:calc(50% - 4px);
    right:8px;
  }
  
.product .size-button.selected {
    background-color: #181818;
    border-color: #181818;
    color: #FFFFFF;
}



.product .size-button.size-sold-out {
    color: #B8B8B8;
    border: 1px solid #B8B8B8;
    cursor: default;
}

.product .selector-wrapper {
    display: none;
}

.product__add-to-cart {
    margin-top: 24px;
    line-height: normal;
    padding: 10px;
}


.product__content-copy {
    margin-top: 48px;
}

.product__copy-sub {
    margin-top: 48px;
    width: 100%;
}

.product__copy-sub-text li::before{
    content: "- ";
    text-indent: -5px;
}

.copy-button {
    width: 100%;
    border-top: 1px solid #181818;
    border-bottom: 1px solid #181818;
    color: #B8B8B8;
    text-align: left;
    transition: all .2s ease-out;
    padding: 12px 0;
}

.copy-button:hover {
    cursor: pointer;
}

.copy-button h4 {
    font-weight: normal;
}

.copy-button:first-child {
    border-top: 2px solid #181818;
}

.copy-button:last-child {
    border-bottom: 2px solid #181818;
}

.copy-button:not(.disabled)>h4::after {
    content:"+";
    text-align: right;
    float: right;
}

.copy-button.selected>h4 {
    font-weight: bold;
}

.copy-button.selected>h4::after {
    content:"–";
    text-align: right;
    float: right;
}

.copy-button.disabled>h4 {
    color: #b8b8b8;
}

.copy-text {
    display: none;
    color: #181818;
    padding: 12px 0;
}

.copy-text li:hover {
    color: initial;
}

.copy-text li{
    list-style: square inside none;
}

.product__cross-sell ul {
    margin-top: 48px;
}

.product__cross-sell li {
    display: inline-block;
    margin-right: 24px;
    cursor: pointer;
}

.product__cross-sell li.active h3 {
    font-weight: 600;
    color: var(--color-green);
}

.product__cross-sell .custom-tabs > * {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-auto-rows: auto;
    grid-gap: 8px;
}

.product__cross-sell .collection__product-block {
    margin-right: 8px;
}

@media screen and (max-width: 768px) {
    #product {
        margin-top: 12px;
    }

    .product__main {
        display: block;
    }
    .product__content {
        margin-top: 8px;
        display: block;
        padding-left: 0;
    }

    .product__photo-images,.product__photos {
        display:inline-block;
        width: 100%;
    }

    .product__photo-images img{
        position:absolute;
        top:0;
        left:0;
        opacity: 0;
        height: 100%;
        transition: opacity .2s ease-in;
    }
    
    .product__photos .image-shown img{
        position: static;
        opacity: 1;
        height: 100%;
        vertical-align: bottom;
        transition: opacity .2s ease-out;
    }

    .product__back-button,.product__forward-button {
        position: absolute;
        width: 50%;
        height: 98%;
        z-index:10;
    }

    .product__forward-button {
        left: 50%;
    }

    .product__carousel-indicator {
        display: block;
        width: 100%;
        height: 4px;
        background-color: #B8B8B8;
    }

    .product__carousel-indicator #indicator-rect {
        position: absolute;
        background-color: #000000;
        height: 4px;
        transition: left .3s;
    }

    .product__sizes {
        display: none;
    }

    .product__mobile-selector {
        display: block;
        z-index: 100;
    }

    .product__copy-sub {
        margin-top: 24px;
    }

    .product__cross-sell .custom-tabs > * {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        grid-gap: 8px;
    }
}

/* Account */

.account__card {
    font-family: "roboto-mono";
    font-size: 14px;
    font-weight: 400;
    line-height: normal;
    padding-left: .5em;
    width: calc(33.3333% - 24px);
    margin-left: 25%;
    margin-right: 41.6666%;
    margin-top: 96px;
}

@media screen and (max-width: 1024px) {
    .account__card {
        width: 100%;
        margin: 0;
        padding-left: 0;
    }
}

.account h1 {
    font-size: 24px;
    margin: 0px;
    line-height: 40px;
}

.account {
    margin-top: 16px;
}
.account__form h4 {
    margin: 0;
    font-size: 14px;
    font-weight: 400;
}

.account__form {
    margin-top: 24px;
}

.account__card p {
    margin-top: 12px;
}

.account__form input,.account__form select {
    width: 100%;
    border: 1px solid #181818;
    border-radius: 4px;
    font-size: 14px;
    height: 36px;
    padding-left: 8px;
    font-family: "acumin-pro";
    margin-top: 4px;
    padding: 0 0 0 8px;
}

.account__card .submit {
    width: 100%;
    text-align: center; 
    background-color: #181818;
    border-radius: 4px;
    color:#FFFFFF;
    line-height: 36px;
    margin-top: 24px;
    font-size: 14px;
    font-family: "roboto-mono";
    transition: all .2s ease-out;
}

.account__card .submit:hover {
    background-color: #363636;
} 

.account__card#recover-password-form{
    display: none;
}

.account__orders {
    display: flex;
    flex-direction: row-reverse;
    margin-right: var(--grid-offset);
}

.account__order-history {
    flex: 3;
    width: 75%;
}

.account__order-history-mob {
    display:none;
}

.order-row {
    display: flex;
    font-family: "roboto-mono";
    line-height: 24px;
}

.orders__headers {
    margin-top: 48px;
    font-weight: bold;
}

.orders__headers>* {
    border-bottom: 2px solid #B8B8B8;
}

.order-row>* {
    flex: 2;
    width: .222%;
    margin-right: var(--gutter);
}

.order-row:not(.orders__headers)>* {
    margin-top: 12px;
}

.account__account-details {
    flex: 1;
    width: 25%;
}

.address__card {
    margin-top: 48px;
    padding: 24px 12px;
    background-color:#EEEEEE;
}

.address__card h2,.address__card p {
    padding-left: 12px;
    font-size: 18px;
    line-height: 32px;
}

.address__card .sign-out {
    margin-top: 12px;
}

.address__card .view-addresses {
    margin-top: 48px;
}

.account__form input[type='checkbox'] {
    margin-top: 0;
}

@media screen and (max-width: 768px) {
    .account {
        margin-top: 12px;
    }

    .account__orders {
        display: block;
        margin: 12px 0 0 0;
    }

    .account__order-history {
        display: none;
    }

    .account__account-details {
        width: 100%;
    }

    .address__card {
        margin-top: 24px;
    }

    .account__order-history-mob {
        display: block;
        margin: 48px 0 0 0;
        font-family: "roboto-mono";
    }

    .order-block-mob {
        margin: 12px 0 0 0;
        border-top: 1px solid #b8b8b8;
    }

    .order-block-mob__row {
        margin: 12px 0 0 0;
        display: flex;
    }

    .order-block-mob__row h6 {
        font-family: "roboto-mono";
        margin-right: 8px;
    }

    .order-block-mob__row>* {
        width: 50%;
        text-align: start;
    }

    .order-block-mob__row a {
        text-decoration: underline;
    }
}


.order__main {
    margin-top: 24px;
    font-family: "roboto-mono";
}

.order__addresses {
    margin-top: 24px;
    display: flex;
    font-family: "acumin-pro";
}

.order__address-block {
    flex: 1;
    width: .16667%;
}

.order__addresses .placeholder {
    flex: 4;
    width: .66667%;
}

.detail-row {
    display: flex;
    margin-top: 12px;
}
.detail-row>* {
    font-family: "roboto-mono";
    margin-right: var(--grid-offset);
    flex: 2;
    width: .16667%;
}
.detail-row>:nth-child(1) {
    flex: 4;
    width: .3333%;
}

.detail-row>:nth-child(4),.detail-row .placeholder {
    flex: 1;
    width: .08333%;
}

.fulfillment,.fulfillment > *{
    color: #B8B8B8;
}

.detail-header {
    margin-top: 48px;
}

.detail-header>*:not(.placeholder) {
    border-bottom: 2px solid #B8B8B8;
}

.order-total {
    display:flex;
}

.order-total>* {
    margin-top: 12px;
    margin-right: var(--grid-offset);
}

.order-total>:nth-child(1) {
    flex: 9;
    width: 75%;
    margin-right: calc(4 * var(--grid-offset)); /* accounting for line item margins */
}

.order-total>:nth-child(2) {
    flex: 2;
    width: .16667%;
}

.order-total .placeholder {
    flex: 1;
    width: .083333%;
}

.order__detail-mob {
    display: none;
}

@media screen and (max-width: 768px) {
    .order__main h1{
        font-size: 14px;
        line-height: 36px;
    }

    .order__main h2{
        font-size: 14px;
        line-height: 24px;
    }

    .order__main .placeholder {
        display: none;
    }

    .order__addresses>* {
        flex: 1;
        width: 50%;
    }

    .order__detail {
        display: none;
    }

    .order__price-totals {
        margin: 12px 0 0 0;
        border-top: 1px solid #b8b8b8;
    }

    .order-total {
        margin: 12px 0 0 0;
    }

    .order-total>:nth-child(1) {
        font-family: 'acumin-pro';
        font-weight: 600;
    }

    .order-total>:nth-child(1),.order-total>:nth-child(2) {
        flex: 1;
        width: 50%;
        margin: 0;
    }

    .order__detail-mob {
        display: block;
        margin: 48px 0 0 0;
    }

    .order__detail-mob>* {
        margin-top: 24px;
        display: flex;
    }

    .order__detail-mob>:nth-child(2) {
        border-top: 1px solid #b8b8b8;
        padding-top: 12px;
    }

    .order__detail-mob-row>* {
        flex:1;
        width: 50%;
        text-align: start;
        overflow-wrap: normal;
    }
}

.account__addresses {
    display: flex;
}

.address-main {
    flex: 8;
    width: .6667%;
    margin-right: var(--grid-offset);
}

.account__addresses .placeholder {
    flex: 1;
    width: .08333%;
}

.account__addresses>*:not(.address-form).form-open {
    opacity: .4;
}

.account__addresses .account__account-details {
    flex: 3;
    width: 25%;
}

.address-main #add-new-address {
    width: 25%;
    font-family: "roboto-mono";
    margin: 24px 24px 0 0;
}

.address-grid {
    margin-top: 24px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: auto;
    grid-gap: 24px;
}

.address-card {
    border: 2px solid #b8b8b8;
    border-radius: 4px;
    padding: 24px 12px;
    font-size: 18px;
    line-height: 36px;
}

.address-card__title span {
    color: var(--color-green);
}

.address-edit-delete {
    display: flex;
    margin-top: 24px;
    font-family: "roboto-mono";
    font-size: 14px;
}

.address-edit-delete > :first-child {
    margin-right: 12px;
}

.address-form {
    position: absolute;
    opacity: 1;
    width: 50%;
    top: 76px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    border: 2px solid #181818;
    padding: 24px;
    background: #fff;
    z-index: 5;
}

.address-form__row {
    display: flex;
}

.address-form__row.extra-margin-top {
    margin-top: 48px;
}

.address-form__row .full-width {
    width: 100%;
}

.address-form__row .half-width {
    width: 50%;
    margin-right: 12px;
}

.address-form__row .submit-button {
    width: 66.667%;
    margin-left: auto;
    margin-right: auto;
}

.address-form__row>div:nth-child(2) {
    margin-right: 0px;
}


.address-form__row.set-default .account__form {
    margin-left: auto;
    margin-right: auto;
}
.address-form__row.set-default input{
    width: initial;
}

.address-form__row.set-default label {
    display: inline;
    font-weight: 400;
    font-family: "roboto-mono";
}

.exit-button {
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}

.exit-button img { 
    height: 24px;
    width: 24px;
}

@media screen and (max-width: 768px) {
    .account__addresses .placeholder, .account__addresses .account__account-details {
        display: none;
    }

    .address-main {
        margin-right: 0;
    }

    .account__addresses {
        position: relative;
    }

    .address-main #add-new-address {
        width: 100%;
    }

    .address-grid,.address-edit-delete {
        display: block;
        margin-right: 0;
    }

    .address-card {
        margin-top: 12px;
    }

    .address-edit-delete>:nth-child(2) {
        margin-top: 12px;
    }

    .address-form {
        position: fixed;
        width: 100%;
        top: 56px;
        padding 0 12px 24px 12px;
        background-color: #ffffff;
        border-right: none;
        border-left: none;
        border-top: none;
        z-index: 99999;
        overflow-y: scroll;
        max-height: calc(100vh - 56px);
        border-bottom: 0;
        
    }

    .address-form .submit-button {
        width: 100%;
    }

    .exit-button {
        top: 4px;
    }

    .address-form__row {
        display: block;
    }

    .address-form__row .half-width {
        width: 100%;
        margin-right: 0;
    }
    .address-form__row.set-default {
        text-align: center;
    }
}

/* Footer */

footer {
    margin: 48px 0;
    padding-top: 28px;
    border-top: 4px solid #181818;
    border-radius: 1px;
    display: flex;
    font-size: 18px;
    line-height: 32px;
}

footer h5 {
    font-size: 18px;
}
footer li {
    margin-right: 16px;
}

footer .active>a {
    font-weight: 600;
    color: var(--color-green);
}

footer a:not(.active):hover {
    color: var(--color-green);
    text-decoration: none;
}

.input-group {
    position: relative;
}

.footer__social img {
    width: 24px;
    height: 24px;
}

.footer__social li {
    display: inline-block;
}

footer form {
    display: block;
    width: 100%;
    margin: 0 auto;
}

footer form input {
    margin: 8px 0;
    border: 1px solid #000;
    border-radius: 4px;
    display: block;
    width: 100%;
    color: #b8b8b8;
    padding-left: 10px;
    font-size: 14px;
    height: 32px;
}

footer form input::placeholder {
    color: #b8b8b8;
    vertical-align: middle;
}

input[type="submit"].sign_up {
    position: absolute;
    top: 0;
    right: 8px;
    background-color: transparent;
    width: auto;
    border: none;
    color: transparent;
    width: 16px;
    z-index: 9;
    margin: 0;
    padding: 0;
}

footer .submit-arrow { 
    position: absolute;
    top: 0px;
    right: 8px;
    height: 32px;
    fill: #b8b8b8 !important;
    stroke: #b8b8b8 !important;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

footer>* {
    flex: 1 0 25%;
}

footer .footer__copyright {
    display: block;
}

footer .footer__copyright-mob {
    display: none;
}


@media screen and (max-width: 1024px) {
    footer {
        display: flex;
        flex-direction: column-reverse;
        margin: 24px 0;
    }

    footer form {
        width: 100%;
    }
    
    .footer__information, .footer__customer-care {
        display: none;
    }

    .footer__social {
        margin-top: 12px; 
    }
    .footer__social h5 {
        display: none;
    }

    .footer__social li {
        display: inline-block;
    }

    footer .footer__copyright {
        display: none;
    }

    footer .footer__copyright-mob {
        display: block;
        margin-top: 12px;
    }
}

.store-site__content {
    position: absolute;
    margin-top: 12px;
    margin-left: 24px;
    top: 56px;
    left: 0px;
    color: #fff;
    width: 25%;
    font-family: "acumin-pro";
}

.store-site__content h1{
    font-size: 32px;
    line-height: 40px;
    color: #fff;
}

.store-site__content table {
    margin-top: 24px;
    border-collapse:collapse;
}

.store-site__content p {
    margin-top: 12px;
}

.store-site__content a {
    color: #fff;
    text-decoration: underline;
}

.store-site__images {
    position: relative;
    margin: 0 -24px;
    height: calc(100vh - 48px);
}

.store-site__images img {
    position: absolute;
    width: 100%;
    height: calc(100vh - 48px);
    object-fit: cover;
    opacity: 0;
    transition: opacity .5s .1s linear;
}

.store-site__images img.active {
    opacity: 1;
    transition: opacity .5s ease-in;
}

@media screen and (max-width: 1024px) {
    .store-site__content {
        position:relative;
        top: 0;
        width: 100%;
        opacity: 1 !important;
        color: #181818;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        color: #181818;
        margin: 0;
        margin-top: 12px;
    }
    
    .store-site__content h1 {
        color: #181818;
        font-size: 24px;
        line-height: 32px;
    }

    #store-info {
        flex: 3;
        width: 75%;
    }

    .store-site__content p {
        color: #181818;
        text-decoration: underline;
        width: 100%;
        margin-bottom: auto;
        margin-top: 0;
    }

    .store-site__content a {
        color: #181818;
        text-decoration: underline;
        width: 100%;
        margin-bottom: auto;
    }

    #store-map {
        flex: 1;
        width: 25%;
        text-align: right;
        padding: 0;
    }
    .store-site__images {
        height: calc(80vh - 48px);
        margin: 0 -12px;
    }

    .store-site__images img {
        height: calc(80vh - 48px);
    }

    #store-site {
        padding-bottom: 36px;
        border-bottom: 2px solid #181818;
        margin-top: 8px;
    }
}

/* Toast notifications */ 

.toast-title {
    font-weight: 600;
    font-family: "roboto-mono";
  }
  
  .toast-message {
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    font-family: "roboto-mono";
  }
  
  .toast-message a,
  .toast-message label {
    color: #ffffff
  }
  
  .toast-message a:hover {
    color: #cccccc;
    text-decoration: none
  }
  
  .toast-close-button {
    position: relative;
    right: -0.3em;
    top: -0.3em;
    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.8
  }
  
  .toast-close-button:hover,
  .toast-close-button:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4
  }
  
  button.toast-close-button {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
  }
  
  .toast-top-center {
    top: 0;
    right: 0;
    width: 100%
  }
  
  .toast-bottom-center {
    bottom: 0;
    right: 0;
    width: 100%
  }
  
  .toast-top-full-width {
    top: 0;
    right: 0;
    width: 100%
  }
  
  .toast-bottom-full-width {
    bottom: 0;
    right: 0;
    width: 100%
  }
  
  .toast-top-left {
    top: 12px;
    left: 12px
  }
  
  .toast-top-right {
    top: 12px;
    right: 12px
  }
  
  .toast-bottom-right {
    right: 12px;
    bottom: 12px
  }
  
  .toast-bottom-left {
    bottom: 12px;
    left: 12px
  }
  
  #toast-container {
    position: fixed;
    z-index: 999999;
    pointer-events: none
  }
  
  #toast-container * {
    box-sizing: border-box
  }
  
  #toast-container>div {
    position: relative;
    pointer-events: auto;
    overflow: hidden;
    margin: 0 0 6px;
    padding: 12px 12px 12px 48px;
    width: 300px;
    background-position: 12px center;
    background-repeat: no-repeat;
    color: #ffffff;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2)
  }
  
  #toast-container>:hover {
    box-shadow: 0 0 12px #000000;
    opacity: 1;
    cursor: pointer
  }
  
  #toast-container>.toast-info {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important
  }
  
  #toast-container>.toast-error {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important
  }
  
  #toast-container>.toast-success {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important
  }
  
  #toast-container>.toast-warning {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important
  }
  
  #toast-container.toast-top-center>div,
  #toast-container.toast-bottom-center>div {
    width: 300px;
    margin-left: auto;
    margin-right: auto
  }
  
  #toast-container.toast-top-full-width>div,
  #toast-container.toast-bottom-full-width>div {
    width: 96%;
    margin-left: auto;
    margin-right: auto
  }
  
  .toast {
    background-color: #030303
  }
  
  .toast-success {
    background-color: var(--color-green);
  }
  
  .toast-error {
    background-color: #d9534f
  }
  
  .toast-info {
    background-color: #5bc0de
  }
  
  .toast-warning {
    background-color: #f0ad4e
  }
  
  .toast-progress {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 4px;
    background-color: #000000;
    opacity: 0.4
  }
  
  @media all and (max-width: 240px) {
    #toast-container>div {
      padding: 8px 8px 8px 50px;
      width: 11em
    }
  
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em
    }
  }
  
  @media all and (min-width: 241px) and (max-width: 480px) {
    #toast-container>div {
      padding: 8px 8px 8px 50px;
      width: 18em
    }
  
    #toast-container .toast-close-button {
      right: -0.2em;
      top: -0.2em
    }
  }
  
  @media all and (min-width: 481px) and (max-width: 768px) {
    #toast-container>div {
      padding: 15px 15px 15px 50px;
      width: 25em
    }
  }

/* Blog and articles */

#article.standard-article {
    width: calc(50% - 12px);
    margin-top: 24px;
    margin-left: calc(25% + 6px);
    line-height: 32px;
}

.article-content {
    margin-top: 24px;
}

.article-content img{
    max-width: 100%;
    height: auto;
    margin-bottom: 24px
}

/* Overrides for alignment inline styles */

.article-header h1 {
    font-size: 24px;
}

.article-header h2 {
    font-size: 18px;
    font-weight: normal;
}

.article-content div {
    line-height: 32px;
    font-size: 18px;
}
.article-content p {
    text-align: left;
    margin-bottom: 24px;
}

.article-content a {
    font-weight: 600;
    text-align: center;
}

/*.article-content p:last-child:hover {
    color: #b8b8b8;
}*/

.social-sharing {
    display: flex;
    justify-content: center;
}

.social-sharing .button {
    width: 33%;
}

.social-sharing>:first-child {
    margin-right: 24px;
}

@media screen and (max-width: 768px) {
    #article.standard-article {
        width: 100%;
        margin: 24px 0 0;
    }

    .social-sharing {
        flex-direction: column;
        margin-right: 0;
    }

    .social-sharing>:first-child {
        margin-bottom: 12px;
    }

    .social-sharing .button {
        width: 100%;
    }
    
}
 

.blog-nav {
    margin-top: 48px;
    display: flex;
    justify-items: right;
}

.blog-nav .nav-button {
    width: 50%;
    border-top: 2px solid #181818;
    border-radius: 1px;
    text-align: center;
    display: block;
    color: #181818;
    margin-left: auto;
    margin-right: 24px;
}

.blog-nav>:last-child {
    margin-right: 0;
}

.blog-nav .nav-button h1 {
    font-size: 24px;
    line-height: 40px;
    margin-top: 12px;
    color: inherit;
}

.blog-nav .nav-button h3 {
    line-height: 32px;
    color: inherit;
}

.nav-button:hover{
    text-decoration: none;
    color: #71994C;
    border-top: 2px solid #71994C;
}

@media screen and (max-width: 768px) {
    .blog-nav .nav-button h1 {
        font-size: 14px;
        line-height: 24px;
    }

    .blog-nav .nav-button h3 {
        font-size: 14px;
        line-height: 24px;
    }
}

#blog {
    margin-top: 16px;
}

#blog-cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.blog-card {
    vertical-align: top;
    text-align: left;
    flex: 0 1 calc(33.3333% - 16px);
    margin-right: 24px;
    margin-bottom: 24px;
}

.blog-card:nth-child(3n) {
    margin-right: 0;
}

.blog-card.hero {
    flex: 0 1 100%;
    display: flex;
    margin-right: 0;
    justify-content: space-between;
}

.blog-card.hero .blog-card__headers {
    flex: 0 1 33%;
}

.blog-card.hero .blog-card__image {
    flex: 0 1 calc(66.6666% + 12px);
    margin-right: 24px;
}

.blog-card__headers>* {
    transition: all .2s ease-out;
}

.blog-card:hover h1{
    color: var(--color-green);
}

.blog-card h1 {
    margin-top: 12px;
    font-size: 24px;
    line-height: 32px;
}

.blog-card h2 {
    font-weight: normal;
    color: #363636;
    line-height: 32px;
}

.blog-card.hero h1 {
    margin-top: 0;
    font-size: 40px;
    line-height: 52px;
}

.blog-card.hero h2 {
    line-height: 40px;
    font-size: 24px;
}

.blog-card__image a{
    font-size: 0px;
    line-height: 0;
}
.blog-card img {
    display: block;
    width: 100%;
    height: auto;
    vertical-align: middle;
}

@media screen and (max-width: 768px) {
    #blog-cards {
        display: block;
    }

    .blog-card, .blog-card.hero {
        width: 100%;
        margin-right: 0;
        display: block;
    }

    .blog-card h1,.blog-card.hero h1 {
        font-size: 18px;
        line-height: 32px;
    }

    .blog-card h2,.blog-card.hero h2 {
        font-size: 14px;
        line-height: 24px;
    }

    .blog-card.hero .blog-card__image {
        margin-right: 0;
    }

    .blog-card.hero h1 {
        margin-top: 12px;
    }
}

/* Gallery View */
.gallery-article {
    height: calc(100vh - 4px);
}

.gallery-header {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    height: 24px;
    margin: 16px 0px;
    font-size: 24px;
    z-index: 9999;
}

.gallery-header h1 {
    font-size: 24px;
}

.gallery-header>* {
    flex:0 1 auto;
    line-height: 24px;
    text-align: center;
}

.header__gallery-right {
    display: flex;
    padding-right: 24px;
}

.header__gallery-right .slide-indicator {
    margin-right: 48px;
    font-family: "roboto-mono";
    text-align: center;
}

.header__gallery-right>* {
    text-align: center;
    vertical-align: middle;
}

.header__gallery-right img {
    height: 24px;
}

.gallery-slides {
    margin: 0 24px;
    padding-top: 60px;
    display: block;
    font-size: 24px;
    line-height: 32px;
    height: calc(100% - 60px);
    position: relative;
}

.gallery-slides .slide {
    width: 100%;
    height: 100%;
    padding-bottom: 24px;
    position: absolute;
    margin-top: 52px;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 50%;  /* position the top  edge of the element at the middle of the parent */
    left: 50%; /* position the left edge of the element at the middle of the parent */
    transform: translate(-50%, -50%);
    transition: opacity .2s ease-in;
}

.gallery-slides .text-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    padding-left: 25%;
    padding-right: 25%;
    max-height: 100%;
}

.gallery-slides .slide.active {
    opacity: 1;
    transition: opacity .2s ease-out;
    color: initial;
    font-weight: initial;
}

.gallery-slides .slide img {
    height: 100%;
    width: auto;
    max-width: 100%;
    object-fit: cover;
}
      
.gallery-slides .text-slide img {
    height: auto;
    max-width: 100%;
}

#gallery-overlay {
    z-index: 99;
    opacity: 0;
    position: absolute;
    top: 38px;
    height: calc(100% - 56px);
    width: 100%;
    display: flex;
    justify-content: space-between;
}

#gallery-overlay #right, #gallery-overlay #left {
    width: 25%;
    height: 100%;
}

#gallery__left,#gallery__right {
    position: absolute;
    z-index: 9999;
    right: 0;
    top: 38px;
    width: 50%;
    height: calc(100% - 56px);
    cursor: url(arrow-right.svg) 16 16, pointer;
}

#gallery__left {
    left: 0;
    cursor: url(arrow-left.svg) 16 16, pointer;
}

#left {
    cursor: url(arrow-left.svg) 16 16, pointer;
}

#right {
    cursor: url(arrow-right.svg) 16 16, pointer;
}

@media screen and (max-width: 1024px) {
    .gallery-article {
        height: calc(100%);
    }

    .gallery-header .header__content-logo {
        display: none;
    } 

    .header__gallery-title {
        padding-left: 12px;
    }

    .gallery-header, .gallery-header h1 {
        font-size: 14px;
    }

    .header__gallery-right {
        padding-right: 12px;
    }

    .header__gallery-right .slide-indicator {
        margin-right: 12px;
    }

    .header__gallery-right img {
        margin-top: 4px;
        height: 16px;
    }

    .gallery-slides {
        margin: 0px 12px;
    }

    .gallery-slides .text-slide {
        font-size: 16px;
      	line-height: 20px;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
      	max-height: calc(100vh - 56px);
    }

    .gallery-slides .slide {
        max-height: 100%;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .gallery-slides .slide img {
        height: auto;
        width: 100%;
    }

  	.gallery-slides .text-slide img {
		display: none;
	}
  
    #gallery-overlay {
        height: calc(100% - 56px);
        overflow: hidden;
    }

    .gallery-slides {
        height: calc(100% - 56px);
        overflow: hidden;
    }
}


/* Customer Care pages */
#page {
    display: block;
    width: 50%;
    margin: 16px auto 0 auto;
}

#page li,ul,p {
    margin: initial;
    padding: initial;
    list-style: square inside none;
    cursor: default;
}

#page p {
    margin-top: 1em;
}

#page li:hover {
    color: initial;
}


@media screen and (max-width: 768px) {
    #page {
        width: 100%;
    }
}


/* Search */

.nxt-address .collection-sorter label {
    font-weight: 600;
}

.nxt-address .collection-sorter li {
    display: inline;
    margin-right: 8px;
}

#searchResults {
    margin-top: 16px;
}

#searchResults .nxt-alt-image {
    display: none;
}

.nxt-address{
    width: 100%;
}

.nxt-refines-container a:hover {
    color: initial;
}

/* 404 */
.not-found {
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.not-found>h1,.not-found>h2 {
    margin-top: 40px;
    font-family: "roboto-mono";
    font-weight: normal;
    font-size: 18px;
    line-height: 32px;
    color: #181818;
}

.not-found>h2 {
    margin-top: 40px;
    font-family: "acumin-pro";
}

.not-found>.button {
    width: 66.6666%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
}

@media screen and (max-width: 768px) {
    .not-found {
        width: 100%;
    }
}


/* new css */

.fit_box {
    margin-top: 40px;
}
.product__copy-sub {
    margin-top: 10px;
}
.product__add-to-cart {
    margin-top: 24px;
    width: 100%;
    display: inline-block;
}
a.mail_btn.product__add-to-cart {
    margin-top: 10px;
}
.textContent {
    margin-top: 40px;
}
@media screen and (min-width: 1200px) {
    .collection__products {
      grid-template-columns: repeat(4, 1fr);
    }
}