<!-- Header CSS -->

.utility-bar {
    background-color: #967562 !important;
}
 .announcement-bar__message {
    color: #967562 !important;
}  
.header__menu-item {
      margin-top: 2px;
}
.header__menu-item span{
  font-size:18px;
  font-weight:400;
  line-height:27px;
}
details-modal.header__search {
    order: 3;
}

.header__icon:hover .icon.icon-search{
  transform: unset;
}

.header__icons {
    gap: 10px;
    align-items: center;
}

.account-test {
    width: 24px !important;
    height: 24px !important;
}
<!-- Footer CSS -->

.footer a.link.link--text{
  line-height:27px;
  font-weight:400;
}
h2.footer-block__heading.inline-richtext{
  font-size:22px;
  line-height:32px;
  font-weight:400;
  text-transform:uppercase;
  color: #fff;
  text-align: left;
}
.list-social__link{
  color:#fff;
}
 ul.list-unstyled.list-social.demo {
    justify-content: flex-start;
} 
.footer__content-bottom-wrapper {
    display: flex;
    width: 100%;
    justify-content: center !important;
}
.copyright__content {
    line-height: 27px;
    font-size: 18px !important;
    font-weight: 400;
   font-family: 'Myriad Pro';
}
.footer__content-bottom{
  padding-top:1rem !important;
}
@media(min-width:750px){
.footer-block__details-content a.link.link--text{
    font-size: 18px !important;
}
}
 .newsletter-form__button {
    line-height: 26;
    position: absolute;
    top: 60px !important;
    left: 0;
    background-color: #967562 !important;
    color: #fff;
    text-align: center;
    font-size: 18px;
    text-transform: uppercase;
   display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px;
    gap:10px;
   width: fit-content !important;
    font-family: 'Helvetica Neue';
} 
.field {
    position: relative;
}
.newsletter-form__button .icon {
    width: 20px !important;
    height: 30px !important;
} 
@media(max-width:768px){
  .footer-block-image{
    display:block !important;
  }
ul.list-unstyled.list-social.demo {
    justify-content: flex-start;
}
}
@media(max-width:320px){
  .newsletter-form__button {
    width: 65% !important;
}
}
@media(min-width:1440px){
.footer-block-image.center {
    justify-content: flex-start !important;
}
}
.footer__content-top.page-width {
    width: 100%;
   max-width:1200px;
}
@media(min-width:680px){
.icon-search {
    position: absolute;
    top: 13px;
    right: 11px;
}
.header__icon--search{
    border: 1px solid #000;
    width: 180px;
    border-radius: 4px;
    margin-left: 10px;
}
}
@media(max-width:749px){
  .newsletter-form{
    display:flex;
    align-items: flex-start; !important;
  }
}
@media(min-width:768px) and (max-width:1440px){
  .footer__blocks-wrapper .footer-block.grid__item:nth-child(2)
   {
    display: flex;
    align-items: center!important;
     flex-direction: column;
  }
}
.list-social__item .icon {
    height: 40px !important;
    width: 40px !important;
}
@media(min-width: 990px){
.header{
  position: relative;
}
.shopify-section-group-header-group {
    z-index: 3;
}
a.header__heading-link{
  z-index: 4;
}
  .header__menu-item {
 padding-right: 5rem;
    padding-top: 0;
        padding-bottom: 0;
}
  ul.list-menu.list-menu--inline {
    padding-left: 0;
}

.scrolled-past-header a.header__heading-link{
  margin-top: 0;
}
.scrolled-past-header .header {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
.scrolled-past-header a.header__heading-link{
  padding: 0;
}
}
.list-social__link:hover .icon {
    transform: unset !important;
}
/* search */
@media(min-width: 680px){
.header__icon--search{
  background: #FBF7F2;
  border: unset;
  color: #fff;
  height: 4rem !important;
}
.header__icon--search span svg{
          background: #967562;
        width: 4rem !important;
        padding: 10px;
       height: 4rem !important
    
}
span.Search-txt {
    color: #967562 !important;
    text-align: left;
    display: flex;
    text-decoration: none !important;
   font-family: 'Myriad Pro';
   font-size:18px;
   line-height:27px;
  padding-left:10px;
}
svg.modal__toggle-open.icon.icon-search{
  top: 0px;
  right: 0px;
}
}

a.header__heading-link{
  padding: 0;
}
.header__heading-logo-wrapper{
  background: #fff;
     padding: 0px 32px 0 0;
}
.footer-block .newsletter-form__button{
  background-color: #CAAD92 !important;
}


 @media only screen
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 4/3),
  only screen
  and (min-device-width: 834px) 
  and (max-device-width: 1194px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 4/3),
  only screen
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (-webkit-min-device-pixel-ratio: 2)
  and (device-aspect-ratio: 4/3),
  only screen
  and (min-resolution: 2dppx) 
  and (device-aspect-ratio: 16/10) {
  .header__icon--search span svg {
    height: 2rem !important;
    width: 2rem !important;
  }
}  


@media (max-width: 2360px) and (max-height:1640px) {
  @supports (-webkit-touch-callout: none) {
   .header__icon--search span svg {
    background: #967562;
    width: 2rem !important;
    height: 2rem !important;
  }
  }
}
@media (max-width: 1023px) and (max-height:1376px) {
  @supports (-webkit-touch-callout: none) {
   .header__icon--search span svg {
    background: #967562;
    width: 2rem !important;
    height: 2rem !important;
   
  }
  }
}
/* Mac-specific styles */
@media screen and (min-resolution: 2dppx) and (device-aspect-ratio: 16/10) {
  @media (min-width: 768px) and (max-width: 1440px) {
    .footer__blocks-wrapper .footer-block.grid__item:nth-child(2) {
      align-items: flex-start !important;
    }
  }
}
ul.list-unstyled.list-social.demo{
  margin-left:-15px;
}
 .drop-down-list{
  -webkit-appearance: none;
    background-color: transparent;
	}  

@media(min-width:450px) and (max-width:750px){
 .footer-block__newsletter .newsletter-form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start !important;
    width: 100%;
    position: relative;
}
}
/* Common MacBook Pro/Air resolutions */
@media screen and (min-width: 2000px) and (max-width: 2560px) {
  .header__icon--search span svg {
    width: 2rem !important;
    height: 2rem !important;
   
  }
}

/* Search Text */
span.search-text {
    color:#967562;
    font-family: 'Myriad Pro';
   font-size:15px;
   line-height:25px;
   padding-left: 10px;
}
.header__icon span.search-text{
  justify-content: flex-start;
}
span.search-text{
  width: 100%;
}
@media(max-width: 680px){
.header__icon .search-text {
    display: none;
}
}
.search-text {
    text-decoration: underline;
    text-decoration-color: #fbf7f2 !important;
}
@media(max-width:680px){
.header__icon  .icon-search {
        display: block;
    }
.header__icon .icon.icon-search {
    height: auto ; 
    width: auto ;
}
    
}
    @media (min-width: 680px) {
  
        .header__icon .icon-search {
            display: none;
        }
    }


  @media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 600px) 
  and (-webkit-min-device-pixel-ratio: 2) {

  .modal__toggle-open.icon-search {
    background-color: transparent; /* Ensure background is transparent */
  }

} 
 
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 490px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .header__icon .icon.icon-search {
        height: auto !important ;
        width: auto !important ;
    }
}

/* Image Banner CSS */

.banner-class h2 {
    font-weight: 500;
}
.banner-class p{
  font-weight:400;
  color:#fff;
}
.banner-class .button:not([disabled]):hover:after{
    --border-offset: unset;
    box-shadow: unset;
} 
.banner-class .button {
    background-color: #967562;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    font-family: 'Myriad Pro';
}
.banner-class .button:after{
    box-shadow: unset;
} 
@media(min-width:990px){
  .banner-class h2 {
    font-size: 60px;
    line-height: 90px;
}
.banner-class p{
  font-size:18px;
  line-height:26px;
}
}
@media(max-width:990px){
 .banner-class h2 {
    font-size: 35px;
    line-height: 45px;
}
.banner-class p{
  font-size:16px;
  line-height:22px;
}
}

.divider.text {
    display: flex;
   padding-top: 45px;
}
p.line-item-property__field.ranger-slider {
    margin: 0;
}
.second-row {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0 auto;
    gap: 30px;
}
.ranger-slider {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    gap: 10px;
    font-weight: 500;
    font-size: 16px;
    line-height: 27px;
}


.ranger-block-title {
    font-size: 60px;
    line-height: 90px;
    text-align: center;
    font-weight: 500;
    font-family:'Helvetica Neue';
   padding-bottom: 40px;
}
span.black-txt {
    color: #000;
}
@media(max-width:768px){
  .ranger-block-title {
    font-size: 35px;
    line-height: 45px;
}
}
@media(max-width:990px){
.title-list h2 {
    font-size: 30px;
    line-height: 45px;
}
.list-steps{
    font-size: 20px;
    line-height: 30px;
}
}
@media(max-width:750px){
  .product__info-container {
    padding-top: 0;
}
}
@media(min-width:990px){
  .list-steps {
    font-size: 24px;
    line-height: 36px;
  }
}
.list-steps {
    color: #000;
  font-family:'Helvetica Neue';
}

.shopify-payment-button__button{
  display:none !important;
}
.shopify-payment-button__more-options{
  display:none;
}
.product-form__buttons  button {
    background-color: #00796B!important;
    color: #fff;
    text-transform: uppercase;
   border-offset:0;
    
}
.product-form__buttons .button:after{
  box-shadow:unset;
}

.product-form__buttons .button--secondary{
    --color-button-text: unset;
}


.divider.text {
    position: relative;
}
.second-row {
    position: absolute;
} 


.header__inline-menu li {
    list-style-type: none;
}
.menu-drawer__inner-container li{
  list-style-type:none;
}
/* CSS 31-07-24 */

.additional-images {
    display: flex;
    align-items: center;
    column-gap: 40px;
    padding-left: 7px;
}
.button:not([disabled]):hover:after{
  box-shadow: none;
}
.dimention-title, span.divider-txt, span.layout_opt {
    font-size: 16px;
    line-height: 25px;
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Myriad Pro';
}
  @media(min-width:1100px){
  .second-row {
    top: 29%;
} 
  }
 @media(min-width:990px){
 .divider.text{
        margin-top: 50px;
  }
}
.dimensions-div {
    display: flex;
    column-gap: 20px;
}

@media(min-width:750px) and (max-width: 990px){
.divider.text {
    padding-top: 100px;
    display: flex;
    flex-direction: column;
}
.second-row {
    gap: 0;
    flex-wrap: wrap;
    /* top:40%; */
}
.additional-images {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
}


@media(min-width:618px) and (max-width:750px){
  .layout_optin {
    max-width:100%;
  }
}

@media(max-width:472px){
  .divider.text {
    padding-top: 0;
    flex-wrap: wrap;
}
.additional-images {
    padding-left: 0;
    flex-wrap: wrap;
}

.second-row {
    gap: 0;
    flex-wrap: wrap;
}
}
@media(max-width:392px){
  .second-row {
    top: 31%;
}
.ranger-slider {
    /* flex-wrap: wrap; */
    gap:0;
}
.divider.text {
    padding-top: 100px;
}
.dimensions-div {
    column-gap: 0px;
}
}

@media(min-width:393px) and (max-width:750px){
  .divider.text {
    padding-top: 90px;
}
.second-row {
    top: 28%;
}
}

@media(min-width:750px) and (max-width:775px){
  
  .second-row {
    top: 35%;
}
}
@media(min-width:775px) and (max-width:890px){
 .second-row {
    top: 35%;
}
}
@media(min-width:890px) and (max-width:990px){
  .second-row {
    top: 32%;
}
  

}
@media(min-width:845px) and (max-width: 885px){
  .second-row{
    top:33%;
  }
}
@media(min-width:886px) and (max-width:970px){
  .second-row{
    top:34%;
  }
}


@media(min-width:990px) and (max-width:1239px){
  .second-row {
    top: 34%;
}
}
@media(min-width:990px) and (max-width:1272px){
  .ranger-slider {
    flex-wrap: wrap;
    gap:0;
  }
}
@media(min-width:1090px) and (max-width:1040px){
  .second-row {
    top: 31%;
}
}
@media(min-width:1065px) and (max-width:1140px){
  .second-row {
    top: 33%;
}
}

@media(min-width:1239px) and (max-width:1072px){
  .second-row {
    top: 31%;
}
}
@media(min-width:1090px) and (max-width:1272px){
  .second-row {
    top: 31%;
}
}

@media(min-width:466px) and (max-width:750px){
  .second-row {
    top: 26%;
}
}
/* Hide links in cart */
.product-option.Divider.Style {
    display: none;
}
.product-option.Layout {
      display: none;
}

p.announcement-bar__message.h5 span {
font-size: 1px !important;
}
.announcement-bar__message {
min-height: 24px;
  padding: 0;
}

 .product-gallery.page div#insta-feed h2 {
    margin-top: 0;
}
/* 02-08-23 */
h2.layout-txt {
    margin: 0;
    font-size: 32px;
    line-height: 48px;
    font-weight: 500;
}
h5.note-txt {
    margin: 0;
    font-weight: 500;
    font-size: 12px;
    line-height: 18px;
}
.layout-title {
    padding: 40px 0px;
}
@media(max-width:768px){
  h2.layout-txt {
    font-size: 22px;
    line-height: 32px;
}
}

span.color-txt {
    color: #967562;
}
 a.text-customize {
    border: 1px solid #CAAD92;
    padding: 10px 20px;
    text-align: center;
    align-items: center;
    margin: 0 auto;
    display: flex;
    width: fit-content;
    text-transform: uppercase;
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    color:#967562;
       text-decoration: none;
}
.card-information .price {
    display: flex;
    align-items: center;
    justify-content: center;
}
.card__heading.h5 {
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    font-family: 'Helvetica Neue';
}
.product-card-wrapper.underline-links-hover:hover a {
    text-decoration:none;
}
.product-card-wrapper .card__information {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
ul li .card-wrapper:nth-child(2){
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.related-products .card-wrapper {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}

.price__regular {
    font-size: 18px;
    line-height: 26px;
    font-family: 'Helvetica Neue';
}
@media(max-width:768px){
  a.text-customize {
    padding: 7px 7px;
    font-size: 14px;
    line-height: 21px;
}
}
@media(max-width:550px){
  .product-card-wrapper .card__information {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.card__heading.h5 {
    font-size: 14px;
    line-height: 22px;
}
.price__regular {
    font-size: 14px;
    line-height: 22px;
}
}
@media(min-width:989px) and (max-width:1350px){
  a.text-customize {
    padding: 7px;
    font-size: 16px;
    line-height: 22px;
}
.card__heading.h5 {
    font-size: 16px;
    line-height: 25px;
}
.price__regular {
    font-size: 16px;
    line-height: 25px;
}
} 

.collection .product-grid .grid__item:nth-child(2){
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.16);
}
.product-grid .card-information {
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.rich-txt-custom .rich-text__heading {
    font-size: 60px;
    line-height: 90px;
    font-weight: 500;
}
.rich-txt-custom p{
  font-size:18px;
  line-height:26px;
  color:#000;
  font-weight:400;
  
}
@media(max-width:450px){
  .rich-txt-custom .rich-text__heading {
    font-size: 30px;
    line-height: 40px;
}
.rich-txt-custom p {
    font-size: 16px;
    line-height: 22px;
}
}

@media(min-width:451px) and (max-width:990px){
  .rich-txt-custom .rich-text__heading {
    font-size: 35px;
    line-height: 45px;
  }
}

.rich-txt-custom .button--primary {
    position: relative;   
    padding-right: 45px;
}
.rich-txt-custom.rich-txt-custom .button--primary::after {
    content: '\2192';
    margin-left: 10.5em;
    margin-top: 0.4em;
    font-size: 20px;
    font-weight: 800;
}
.rich-txt-custom .rich-text__buttons .button:after{
  box-shadow: unset;
}
@media(max-width:350px){
  .rich-txt-custom .button--primary {
    padding-right: 30px;
}
}