:root{
    --bg-color: #fff;
    --bg-bar: #f9f5ef ;
    --heading: #967bb6;
    --primary-text: #777;
    --sage: #cadbc8
    --heading-text: 'Berkshire Swash'
}


.subscribe_area>h2,
.subscribe-content>h2 {
    color: #000
}

.subscribe_area>p,
.subscribe-content>p {
    color: #666
}

.grid__item h1 {
    color: #B2B5E0
}

.subscribe-form-input {
    border: 1px solid #ddd;
    color: #ddd
}

.subscribe-form-input::-webkit-input-placeholder {
    color: #ddd !important
}

.subscribe-form-input::-moz-placeholder {
    color: #ddd !important
}

.subscribe-form-input:-ms-input-placeholder {
    color: #ddd !important
}

.subscribe-form-input:placeholder {
    color: #ddd !important
}

.newsletter-btn {
    background: #000 none repeat scroll 0 0;
    color: #fff
}

.newsletter-btn:hover {
    background: #666 none repeat scroll 0 0;
    color: #fff
}

.popup_off {
    color: #999
}

.newsletter_popup_inner:before {
    background: #fff;
    opacity: .1
}

.form-group.subscribe-form-group p {
    color: #000
}

.breadcrumbs {
    background: #f6f6f6 url(//learts-demo.myshopify.com/cdn/shop/files/page-title-1.jpg?v=1604399964) no-repeat scroll center center / cover;
    padding-top: 130px;
    padding-bottom: 130px
}

.overlay-bg:before {
    background: #0000 none repeat scroll 0 0;
    opacity: 0
}

.breadcrumbs-title {
    color: #333
}

.breadcrumb-list>li>a {
    color: #333
}

.breadcrumb-list>li:before {
    color: #333
}

.breadcrumb-list>li>span {
    color: #999
}

.page-title .title {
    font-size: 56px
}

@media (max-width: 767px) {
    .breadcrumbs {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .page-title .title {
        font-size: 20px
    }
}

.top-notification-bar {
    background: #f4bbfa;
    background: -moz-linear-gradient(left, #f4bbfa 0%, #f4bbfa 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #f4bbfa), color-stop(100%, #f4bbfa));
    background: -webkit-linear-gradient(left, #f4bbfa 0%, #f4bbfa 100%);
    background: -o-linear-gradient(left, #f4bbfa 0%, #f4bbfa 100%);
    background: -ms-linear-gradient(left, #f4bbfa 0%, #f4bbfa 100%);
    background: linear-gradient(to right, #f4bbfa 0% 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f4bbfa", endColorstr="#f4bbfa", GradientType=1)
}

.notification-entry p a.notification-button,
.notification-entry p a.notification-button:hover {
    background-color: #f29afa;
    border: 1px solid #000000;
    color: #000
}

.notification-close-btn {
    background-color: #B2B5E0;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #000
}

.notification-close-btn:hover {
    background-color: #0000;
    border: 1px solid rgba(0, 0, 0, 0);
    color: #000
}

.notification-entry p {
    color: #000
}

.top-notification-bar:before {
    background: #0000
}

.theme-default-margin,
.shopify-challenge__container {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 767px) {

    .theme-default-margin,
    .shopify-challenge__container {
        padding-top: 80px;
        padding-bottom: 80px
    }
}

.create-custom-page {
    padding-top: 100px;
    padding-bottom: 80px
}

@media (max-width: 767px) {
    .create-custom-page {
        padding-top: 80px;
        padding-bottom: 60px
    }
}

.box-layout {
    max-width: calc(100% - 300px);
    margin: auto;
    box-shadow: -3px 0 50px -2px #00000026;
    height: auto;
    position: relative
}

.box-layout {
    background: #fff
}

.box-layout .header-sticky.is-sticky {
    max-width: calc(100% - 300px);
    left: 0;
    right: 0;
    margin: 0 auto
}

@media screen and (min-width:1200px) and (max-width:1600px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: calc(100% - 170px)
    }
}

@media screen and (min-width:992px) and (max-width:1199px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: calc(100% - 150px)
    }
}

@media screen and (min-width:768px) and (max-width:991px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: calc(100% - 120px)
    }
}

@media screen and (min-width:576px) and (max-width:767px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: calc(100% - 80px)
    }
}

@media screen and (min-width:480px) and (max-width:575px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: calc(100% - 50px)
    }
}

@media (max-width:479px) {

    .box-layout,
    .box-layout .header-sticky.is-sticky {
        max-width: 100%
    }
}

.box_bg {
    background: #fff
}

body {
    color: #777;
    background-color: var(--bg-color);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: var(--primary-text)
}

#YourID,
.YourClass {
    color: #72a499
}

.bg-primary2 {
    background-color: var(--primary-text) !important
}

.text-primary2 {
    color: #72a499 !important
}

.btn-primary2 {
    border-color: #72a499;
    background-color: #72a499
}

.btn-outline-primary2 {
    color: #72a499;
    border-color: #72a499
}

.btn-outline-primary2:hover {
    border-color: #72a499;
    background-color: #72a499
}

.btn-hover-primary2:hover,
.btn-hover-primary2:not(:disabled):not(.disabled).active {
    border-color: #72a499;
    background-color: #72a499
}

.btn-outline-hover-primary2:hover,
.btn-outline-hover-primary2:not(:disabled):not(.disabled).active {
    color: #72a499;
    border-color: #72a499
}

.header-category-list {
    background-color: #72a499
}

.header-category-list li {
    border-bottom: 1px solid #72a499
}

.home1-slide1-content .slide-border {
    border: 1px dashed #72a499
}

.home1-slide1-content .sub-title {
    color: #72a499
}

.home1-slide1-content .link a:hover,
.home1-slide2-content .link a:hover,
.home2-slide-content .link a:hover {
    color: #72a499;
    border-color: #72a499
}

.home3-slide-content .sub-title,
.home5-slide-shop-link a:hover {
    color: #72a499
}

.home8-slide-content .link a:hover {
    color: #72a499;
    border-color: #72a499
}

.home12-slide1-content .bg:before {
    border: 1px dashed #72a499
}

.home12-slide1-content .sub-title {
    color: #72a499
}

.home12-slide2-content .link a:hover {
    color: #72a499;
    border-color: #72a499
}

.home12-slide3-content .title,
.section-title .sub-title,
.section-title2 .sub-title,
.sale-banner3 .special-title,
.sale-banner3-1 .content .special-title,
.sale-banner9 .inner .content .title,
.sale-banner10 .inner .content .sub-title,
.parallax-banner-2 .content .sub-title,
.instagram-banner1 .content .title a:hover,
.countdown2.primary2 .count span.amount {
    color: var(--primary-text)
}

.widget-subscibe .btn:hover {
    background-color: #72a499 !important
}

.widget-subscibe2 .btn:hover {
    color: #72a499 !important;
    border-color: #72a499 !important
}

.about-us .inner .special-title,
.about-us2 .inner .sub-title {
    color: #72a499
}

.product-info .title a {
    color: #7e7e7e
}

.product-info .product-buttons .product-button {
    color: #fff;
    background-color: #333
}

.product-info .product-buttons .product-button:hover {
    color: #fff;
    background-color: #f8796c
}

.product-info .price {
    color: #333
}

.product-info .price span.old {
    color: #aaa
}

.product-info .price span.new {
    color: var(--bg-header)
}

.countdown-area .single-countdown {
    background: #333;
    color: #fff
}

.product-thumb .add-to-wishlist,
.product-thumb .add-to-wishlist:hover {
    color: #f8796c
}

.product-badges span.onsale {
    background-color: #98d8ca;
    color: #fff
}

.product-badges span.hot {
    background-color: #c61932;
    color: #fff
}

.product-badges span.outofstock {
    background-color: #333;
    color: #fff
}

.product-options {
    background-color: #fff
}

ul.sizes.size-container li {
    color: #333
}

.btn-dark {
    border-color: #333;
    background-color: var(--heading);
    color: #fff
}

.btn-hover-primary:hover,
.btn-hover-primary:not(:disabled):not(.disabled).active {
    border-color: #333;
    background-color: #fff;
    color: #333
}

.shopify-payment-button .shopify-payment-button__button {
    background: #98d8ca;
    color: #fff
}

.shopify-payment-button__button--unbranded:hover:not([disabled]) {
    background-color: #136f99;
    color: #fff
}

#scrollUp,
#scrollUp:hover {
    color: #fff;
    background-color: #f8796c
}

/*# sourceMappingURL=/cdn/shop/t/51/assets/skin-and-color.css.map?v=114785602935928439741697889505 */