/* Rules only the privacy-policy page needs (breadcrumbs, policy text), in the order of the live page.
   Everything else comes from the files shared with the product page. */

/* from theme.min.css */
.text-link {
    display: inline;
    border: 0 none;
    background: 0 0;
    padding: 0;
    margin: 0
}

.wrapper-padded {
    position: relative;
    max-width: 1660px;
    margin: 0 auto;
    padding: 0 15px
}

@media screen and (min-width:481px) {
    .wrapper-padded {
        padding: 0 30px
    }
}

@media only screen and (min-width:768px) {
    .nav-link-animated--custom .animated-link--item,
    .product__meta--vendor.nav-link-animated a,
    .register-link--wrapper a {
        background-color: transparent !important;
        background-image: linear-gradient(to top,currentColor 0,currentColor 0),linear-gradient(to top,transparent 0,transparent 0);
        background-repeat: no-repeat;
        background-position: left bottom,left bottom;
        background-size: 0 1px,100% 1px;
        transition-property: background-size;
        transition-timing-function: ease;
        transition-duration: .25s
    }

    .nav-link-animated--custom .animated-link--item:focus,
    .nav-link-animated--custom .animated-link--item:hover,
    .product__meta--vendor.nav-link-animated a:focus,
    .product__meta--vendor.nav-link-animated a:hover,
    .register-link--wrapper a:focus,
    .register-link--wrapper a:hover {
        background-position: left bottom,left bottom;
        background-size: 100% 1px,100% 1px
    }
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0
}

th {
    font-weight: 700
}

td,
th {
    text-align: left;
    padding: 15px;
    border: 0;
    border-bottom: 1px solid var(--color-scheme-border-color,var(--text-color-transparent25))
}

.rte .h1,
.rte .h2,
.rte .h3,
.rte .h4,
.rte .h5,
.rte .h6,
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6 {
    margin-top: 1em
}

.rte .h1:first-child,
.rte .h2:first-child,
.rte .h3:first-child,
.rte .h4:first-child,
.rte .h5:first-child,
.rte .h6:first-child,
.rte h1:first-child,
.rte h2:first-child,
.rte h3:first-child,
.rte h4:first-child,
.rte h5:first-child,
.rte h6:first-child {
    margin-top: 0
}

.rte ol,
.rte ul {
    margin-left: 0
}

.rte li {
    margin-bottom: .4em
}

.shopify-policy__title {
    margin: 30px 0 15px
}

.shopify-policy__title .h1,
.shopify-policy__title h1 {
    margin: 0
}

@media only screen and (min-width:481px) {
    .shopify-policy__title {
        margin: 20px 0 50px
    }

    .shopify-policy__container {
        margin-bottom: 5rem;
        max-width: 100ch
    }
}

@media only screen and (min-width:1024px) {
    .shopify-policy__container {
        max-width: 50%
    }
}

.label-font {
    font-family: var(--label-font-stack);
    font-weight: var(--label-font-weight);
    font-style: var(--label-font-style);
    text-transform: var(--label-font-case);
    letter-spacing: var(--label-spacing)
}

.homepage-sections--title,
.list-collections--title,
.page--title,
.shopify-policy__body .h1,
.shopify-policy__body .h2,
.shopify-policy__body .h3,
.shopify-policy__body .h4,
.shopify-policy__body .h5,
.shopify-policy__body .h6,
.shopify-policy__body h1,
.shopify-policy__body h2,
.shopify-policy__body h3,
.shopify-policy__body h4,
.shopify-policy__body h5,
.shopify-policy__body h6,
.shopify-policy__title .h1,
.shopify-policy__title h1 {
    width: 100%;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-bottom: 15px
}

.shopify-policy__body .h4,
.shopify-policy__body .h5,
.shopify-policy__body .h6,
.shopify-policy__body h4,
.shopify-policy__body h5,
.shopify-policy__body h6,
.shopify-policy__title .h1,
.shopify-policy__title h1 {
    letter-spacing: var(--heading-spacing);
    text-transform: var(--heading-font-case)
}

/* repeated from theme.min.css: there it comes after .wrapper-padded and wins over it */
.wrapper-spacing--h {
    padding-left: 60px;
    padding-right: 60px
}

@media (max-width:767px) {
    .wrapper-spacing--h {
        padding-left: 15px;
        padding-right: 15px
    }
}

/* from custom.css */
#breadcrumbs .breadcrumb {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 100%;
    overflow: hidden
}

#breadcrumbs .breadcrumb .breadcrumb-item:not([aria-current=page]),
#breadcrumbs .breadcrumb .breadcrumb-divider {
    flex-shrink: 0
}

#breadcrumbs .breadcrumb .breadcrumb-item[aria-current=page] {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#breadcrumbs .breadcrumb .breadcrumb-item[aria-current=page] .label-font {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}


/* from policy-0e156355.css */
.shopify-policy__container {
    max-width: 560px;
    max-width: 65ch;
    margin: 0 auto;
    padding-left: 20px;
    padding-right: 20px
}

.shopify-policy__title {
    text-align: center
}


/* from component-breadcrumbs.min.css */
#breadcrumbs.wrapper-padded {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px
}

#breadcrumbs .breadcrumb {
    font-size: 0;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    max-width: 100%;
    overflow: hidden
}

#breadcrumbs .breadcrumb>span {
    font-size: 12px
}

#breadcrumbs .breadcrumb .breadcrumb-item {
    display: inline-block
}

#breadcrumbs .breadcrumb .breadcrumb-item:not([aria-current=page]),
#breadcrumbs .breadcrumb .breadcrumb-divider {
    flex-shrink: 0
}

#breadcrumbs .breadcrumb .breadcrumb-item[aria-current=page] {
    flex-shrink: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#breadcrumbs .breadcrumb .breadcrumb-item[aria-current=page] .label-font {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#breadcrumbs .breadcrumb .breadcrumb-divider:not(:last-child),
#breadcrumbs .breadcrumb .breadcrumb-item:not(:last-child) {
    margin-right: 10px
}

#breadcrumbs .breadcrumb a {
    color: var(--text-color)
}

#breadcrumbs .breadcrumb a span {
    display: inline-block;
    padding-bottom: 0
}

/* not from the live page: the cookie tables are wider than a phone (524px at 390px),
   they scroll inside the text instead of widening the whole page */
.policy-table-scroll {
    overflow-x: auto
}