@font-face {
    font-family: 'UnderwoodChampion';
    src: url('https://nichecrafts.co/wp-content/uploads/2025/04/uwch.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
body {
    background-color:#f2f0eb!important;
}

/*Header & Woocommerce Store Notice*/
a.nav-top-link {
    font-weight: 300 !important;
}
.woocommerce-store-notice {
    background-color: #5A483A !important;
}

a.woocommerce-store-notice__dismiss-link {
    color: #ffffff;
}

input#woocommerce-product-search-field-0 {
    border-radius: 14px !important;
    height: 50px;
}
a.account-link.account-login.icon.button.circle.is-outline.is-small {
    color: #000000 !important;
}
i.icon-user, a.nav-top-link {
    color: #000000!important;
    font-size: 20px !important;
}
.header-search-form.search-form.html.relative.has-icon
{
    max-width: 500px;
    flex-grow: 1;
	padding-right:20px;
}
li.menu-item {
    font-size: 20px;
    color: black;
}
.nav-left {
     flex-grow: 1;
    justify-content: center !important;
}


/*Homepage banner*/

.flickity-page-dots li.dot.is-selected {
    width:48px!important;
}
.flickity-page-dots li.dot {
    height:16px!important;
    width:16px!important;
    border-radius:50px!important;
    opacity:1!important;
}
.text-box-content .button.white> span {
    font-weight: 400;
    font-size: 26px;
    padding: 20px 40px;
}

/*animation*/

.content {
  margin: 0;
  padding: 0;
  color: #000000;
  font-size: 32px;
  font-weight: 400;
}

.marquee {
   position: relative;
  width: 100vw;
  max-width: 100%;
  height: 120px;
  overflow-x: hidden;
  align-content: center;
  padding-bottom: 60px;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 32s linear infinite;
}

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}


/*Product Categories*/

.explore-our-collection-container, .categories-div {
    background-color: #f2f0eb!important;
}
a.view-all-button {
    font-weight: 400;
    border:1px solid !important;
}

/*Who We Are*/
.who-we-are-col {
    background-color: #CDC1A9;
}

.learn-more-column>.col-inner.text-center {
    justify-items: flex-start;
}
.learn-more-column>.col-inner.text-center>.button>span {
    font-weight: 400;
}
.add_to_cart_button {
    background-color: #ffffff !important;
}

/*Video Button*/

.video-outer-div {
    background: url('https://nichecrafts.co/wp-content/uploads/2025/04/Disaturate-1-350x437-2.png');
    background-repeat: round;
    object-fit:cover;
    height: 720px;
}
.video-inner-div .col-inner {
    justify-items: center;
}

.video-inner-div {
    align-content: center;
}

a.button.open-video.icon.circle.is-outline.is-xlarge:hover {
    background: #BBBBBB !important;
}

i.icon-play:hover {
    color: #ffffff !important;
}

.open-video.icon.circle.is-outline.is-xlarge:hover {
    border: 3px solid white !important;
}
a.button.open-video.icon.circle.is-outline.is-xlarge {
    background: rgba(0, 0, 0, 0.2);
    border: 3px solid white !important;
}


/*Testimonials*/

.testimonials-main {
    background-color: #f2f0eb;
}
.icon-box.testimonial-box.icon-box-left.testimonials.text-left.is-large {
    padding-top: 38px;
    padding-bottom: 38px;
    padding-right: 4px;
}
.testimonials-outer {
    padding-right: 0!important;
    padding-left: 176px!important;
}
.testimonials-image {
    padding-left:0!important;
}
.star-rating span:before {
    color: #4f3a28 !important;
}
.star-rating {
    margin-bottom: 32px!important;
}
div.testimonials-main-div {
    border: 1px solid #000000 !important;
    border-radius: 14px;
}
.testimonials-image>div>div>div>img {
    border-radius: 0 14px 14px 0;
}
.is-italic {
    font-style: normal !important;
}

/*Newsletter*/
.newsletter-banner {
    background-image: url("https://nichecrafts.co/wp-content/uploads/2025/03/Newsletter-banner.png");
    height:720px;
    background-repeat: round;
}

.newsletter-form-div input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email {
    border: 1px solid white;
    border-radius: 0;
    max-width: 240px;
    padding:24px;
    background-color: transparent;
}

.newsletter-form-div input.wpcf7-form-control.wpcf7-submit.has-spinner.button {
    border: 1px solid white;
    border-radius: 0;
    max-width: 240px;
    background-color: transparent;
    font-size:20px;
    font-weight:400;
}

input.wpcf7-form-control.wpcf7-email.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-email::placeholder {
    color: white;
    font-size:20px;
    font-weight:400;
}
.trendsetter-text {
    font-family: 'UnderwoodChampion' !important;
    font-size: 32px;
    font-weight:400;
}

p.trendsetter-inner-text {
    font-size: 24px;
}


/*Cart Dropdown*/

.cart-item.has-icon.has-dropdown ul.nav-dropdown.nav-dropdown-default {
    margin-left: -16em !important;
}


/*Responsive CSS*/

@media(max-width:786px) {
    p.header-notice-banner {
        font-size: 14px !important;
    }
    .content {
        font-size: 16px;
    }
    
    .marquee {
        height: 60px;
        padding-bottom: 30px;
    }
    .testimonials-image>div>div>div>img {
        border-radius:0 0 14px 14px;
    }
    .text-box-content .button.white> span {
        padding:0 20px;
    }
    .text-box-content .button.white{
        margin-top:20px;
    }
    .learn-more-column p {
        font-size: 20px !important;
    }
    /*.learn-more-column>.col-inner.text-center {*/
    /*    justify-items: center !important;*/
    /*}*/
    .video-outer-div {
        height: 240px;
    }
    
    .video-inner-div {
        padding-bottom:0 !important;
    }
    a.button.open-video.icon.circle.is-outline.is-xlarge {
        background-color: #ffffff;
        border: 2px solid white !important;
    }
    .video-button-wrapper {
        font-size: 100% !important;
    }
    h3.slider-header {
        font-size: 1em !important;
    }
    .shop-now-button>span {
        font-size: 20px !important;
        padding:0;
    }
    .newsletter-banner {
        height: 100% !important;
    }
    h2.uppercase.trendsetter-text {
        font-size: 24px !important;
    }
    
    p.trendsetter-inner-text {
        font-size: 16px !important;
    }
    
}
@media (min-width: 849px) and (max-width: 1224px) {
  .flex-col.logo img {
    max-width: 160px !important; /* Change this size as needed */
    height: auto;
  }
}
@media (max-width : 850px) {
    .nav-center {
        justify-content: space-between !important;
    }

    .social-icons.follow-icons a {
        color: #000000;
    }
}