/*footer*/
.social-icons .icon{
  color: #fcddee;
}

#shopify-section-footer{
  background: white;
  padding-top: 50px;
}

.mobile-nav__sublist a{
  color: rgb(30, 30, 30) !important;
font-size: 13px !important;
padding: 8px !important;
padding-top: 2px !important;
padding-bottom: 2px !important;
padding-left: 30px !important;
}


.grid-product__title{
color: black !important;
}


.pagination .page.current {
  color: #9c9c9c;
}

.shopify-policy__container{

margin-top: 100px !important;
}

.loading-screen {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  top: 0;
  left: 0;
  z-index: 9999;
  opacity: 1;
  //transition: opacity 0.5s ease-in-out;
}

.loading-screen.hidden {
  opacity: 0;
  pointer-events: none;
}

.loading-screen img {
  max-width: 100px;
  max-height: 100px;
}




.about-wrapper {
  max-width: 100%;
  margin: 0 auto;
  padding: 0px;
}


.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(38, 38, 38, 0.5); /* Semi-transparent black */
  z-index: 9995; /* Ensure it sits below the cart drawer */
  opacity: 0; /* Hidden by default */
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.slick-slider{
margin-bottom: 0px !important;
}

.overlay-on {
  opacity: 1;
  visibility: visible;
  pointer-events: none; /* Allow interaction when visible */
}

#CartDrawer {
  z-index: 9998; 
}



.about-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.image-backdrop{
background: red !important;
}

.feature-row {
  position: relative;
  width: 100%;
  min-height: 800px;
  height: 800px; /* Adjust this value to set the height to half the viewport height */
  overflow: hidden; /* Ensure the content does not overflow */
}



.feature-image {
  width: 100%;
  height: 100%;
  background: black;
}

#shopify-section-collection-template{
margin-top: 80px;
}




.bespoke-top{
width: 100%;
}

.brand-bespoke{
color: black;
padding: 30px;
}

.brand-bespoke span{
  color: rgb(152, 152, 152);
}

.brand-about{
  color: black;
  padding: 30px;
  }
  
  .brand-about span{
    color: rgb(152, 152, 152);
  }

.bespoke-bottom{
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  padding-left: 0px;
  padding-right: 0px;
  }

.bespoke-top-image{
opacity: 0.9;
height: 800px;
object-fit: cover;
}

.slick-slide img{
min-width: 100% !important;
object-fit: cover;
}





.collection-header h1{
color: rgb(30, 30, 30) !important;
font-size: 15px !important;
}


.mobile-nav__item--secondary a{
color: #a6a6a67c !important;
}

.mobile-nav__item--secondary a:hover{
  color: #8484847c !important;
  }


.mobile-nav__item--secondary a{
padding-top: 3px !important;
padding-bottom: 3px !important;
font-size: 13px !important;
  }

.feature-image img {
  width: 100%;
  height: 100%;
  opacity: 0.9;
  object-fit: cover; /* Ensures the image covers the container without stretching */
}

.about-place{
position: absolute;
bottom: 10px;
left: 10px;
z-index: 1000000;
color: white;
font-size: 50px;
}

.contact-box{
margin-bottom: 30px;
}

#ContactFormMessage, #ContactFormEmail, #ContactFormName{
background: rgb(255, 255, 255);
border: none;
border-bottom: solid 1px rgb(30, 30, 30);
box-sizing: border-box;
padding: 0px;
padding-bottom: 10px;
min-width: 100% !important;
max-width: 100% !important;
border-radius: 0px !important;
box-shadow: 0 4px 8px rgba(142, 142, 142, 0);
}


.product-single__photo--container{
max-height: 100% !important;
overflow: hidden;
}

#ContactFormMessage{
max-height: 150px ;
}

#ContactFormMessage::placeholder, #ContactFormEmail::placeholder, #ContactFormName::placeholder{
color: rgb(162, 162, 162) !important;
font-size: 13px !important;
}


.product-single__title{
font-family: Helvetica, sans-serif;
font-size: 15px !important;
}


.about-overlay p{
max-width: 80ch;
font-size: 20px;
}

.about-overlay {
  position: absolute;
  top: 0px;
  left: 2px;
  box-sizing: border-box;
  color: white;
  padding: 10px;
  border-radius: 5px;
}

.about-content {
  margin-top: 20px;
  text-align: center;
}

.about-content .h3 {
  font-size: 24px;
  margin-bottom: 10px;
}

.about-content .rte-setting {
  font-size: 16px;
  line-height: 1.5;
}


.site-header__logo-link img{
height: 70px;
width: auto;
}



.grid-product{
margin-top: 0px;
}

.rte .text-link{
color: rgb(186, 185, 185);
}

.rte .text-link {
  border-bottom: 1px solid rgb(186, 185, 185);
}


.text-link{
color:   rgb(186, 185, 185) !important;
}

.grid-lift{
  margin-top: 0px;
}

#shopify-section-product-recommendations{
margin-top: 100px;
}

input[type=submit].btn-block {
  color: white !important;
}

select{
margin: 0px !important;
}


.product-single{
margin-top: 40px !important;
}


.product-recommendations{
margin-top: 0px !important;
padding: 45px !important;
}

#shopify-section-product-template{
margin-top: 5px;
padding: 0px;
box-sizing: border-box;
}


.drawer .btn--secondary{
background-color:rgb(23, 23, 23)  !important;
}
.drawer input[type=text], .drawer input[type=email], .drawer input[type=number], .drawer textarea {
  border: none !important;
}

.cart-link__bubble--visible {
  display: block;
  position: absolute;
  top: 18px;
  right: 4px;
  width: 10px;
  height: 10px;
  background-color: black !important;
  border-radius: 50%;
}

.ajaxcart__row {
border-bottom: 1px solid rgb(228, 228, 228);
}

.ajaxcart__footer {
  border-top: 1px solid rgb(228, 228, 228) !important;
  padding-top: 15px;
}

input[type=submit]{
background: rgb(30, 30, 30) !important;
}

.collapsed, .grid-product__meta, .return-link{
color: rgb(30, 30, 30) !important;
}

.nav-wrapper{
padding: 0px;
//this
//box-shadow: 0 16px 25px rgba(142, 142, 142, 0.03);


//box-shadow: 0 8px 16px rgba(223, 223, 223, 0.07);
background: white;
border-bottom: 1px solid  rgb(243, 243, 243);
}

.header-box{
display: flex;
align-items: center;
justify-content: space-between;
flex-direction: row;
max-height: 38px;
width: 100%;
}

.product-single__price{
color: rgb(0, 0, 0);
font-size: 12px !important;
}

.reveal:hover .hidden{
min-height: 100%;
min-width: 100%;
object-fit: cover;
}

.collection-desc span{
color: rgb(154, 154, 154) !important;
}

.header-box ul{
  display: flex;
  gap: 30px;
  justify-content: center;
  align-items: center;
  width: 100%;
  flex-direction: row;
}

.header-box ul a {
padding: 0px;
}

#shopify-section-1596169073931{
min-height: 80vh;
}

.spandelete span{
color: red !important;
background: red !important;
display: none !important;
}

.rte p{
margin-bottom: .8rem !important;
}



.input-container{
background: rgb(255, 255, 255);
padding: 0px;
padding-bottom: 10px !important;
border-radius: 0px;
}

#shopify-section-1596169073931 .link-cont{
  min-height: 80vh;
}

#shopify-section-1596169073931 .image-grid, .grid-item, .grid-item-container, .grid-item-image, .grid-item-image img{
  min-height: 80vh !important;
}


.grid-option-image {
  position: relative;
  padding-left: 0px !important;
}

.image-overlay-link {
  display: block;
  position: relative;
  text-decoration: none;
  color: inherit; /* Adapt color as needed */
}

.bag-tec span{
margin-left: 5px;
}


.link-text{
color: white;
font-size: 16px;
font-weight: bold;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.link-span{
text-decoration: underline;
}

.link-text:hover{
color: white !important;
}



.overlay-text {
  position: absolute;
  bottom: 50px; /* Adjust based on your design preference */
  left: 50%;
  transform: translateX(-50%); /* Semi-transparent background */
  color: rgb(255, 255, 255) !important;
  padding: 5px 10px;
  white-space: nowrap;
  font-size: 1rem; /* Adapt font size as needed */
  text-align: center;
  font-weight: bold;
  z-index: 10;
}

.overlay-text:hover{
text-decoration: underline;
}





.mobile-nav__toggle button{
color: rgb(30, 30, 30) !important;
}

@keyframes slideUp {
  from {
     transform: translateY(200px);
     opacity: 0;
  }
  to {
     transform: translateY(0px);
     opacity: 1;
  }
}

.grid-uniform.grid-feed {
  animation: slideUp 1s ease-out forwards;
}






.sidebar {
  width: 20vw; 
  position: fixed;
  left: 0;
  border-right: 1px solid  rgb(243, 243, 243);

  //this one
  //box-shadow: 0 8px 16px rgba(197, 197, 197, 0.07);
  top: 0;
  //box-shadow: 0 16px 25px rgba(205, 204, 204, 0.12);

display: flex;
  flex-direction: column;
  background: white;
  z-index: 1000;
  bottom: 0;
  padding: 40px;
 box-sizing: border-box;
  overflow-y: auto; 
}

.grid-image-text-container{
min-height: 100%;

}

.hero .slick-dots{
  display: none;
}


/*accordian*/

.card {
 border: none !important;
 margin-bottom: 0;
 align-items: start;
}

.card-header{
  background: white !important;
  border-bottom: none;
  padding: 5px 0 !important;
}

.mb-0 .btn{
    background: white !important;
    color: black !important;
    font-weight: 400 !important;
    font-size: 12px !important;
  	transition: 0.5s;
  
 
}


.bespoke-tec{
color: rgb(30, 30, 30) !important;
font-size: 13px !important;
}

#shopify-section-shipping-image-text{
margin-top: 100px;
}

#shopify-section-shipping-image-text h2{
color: rgb(190, 190, 190) !important;
}

.mobile-nav__link:hover{
  color: #888888 !important;
}


.site-nav__link .icon-fallback-text .fallback-text {
  display: inline; 
  visibility: visible;
  position: static;
  width: auto;
  height: auto;
  white-space: normal;
  clip: auto;
}


.grid-option{
display: flex !important;
flex-direction: row  !important;
max-height: 800px ;
margin-left: 0px !important;
gap: 8px !important;
justify-content: center;
align-items: center;
margin: 20px 0px 20px 0px !important;
flex-wrap: nowrap !important;
}


.grid-option::after {
  content: none !important; /* Override to prevent the gap issue */
}

.grid-option-image, .grid-option-image img {
max-height: 800px !important;
}

.grid-option-image img {
  width: 100%;
  object-fit: cover;
  transition: opacity 0.3s ease-in-out; /* Add transition property */
}

.grid-option-image img:hover {
  opacity: 0.9;
}


.grid-option-image img {
  width: 100%;
  object-fit: cover;
  transition: opacity 0.2s ease-in-out; /* Add transition property */
}

.grid-item-container{
  transition: opacity 0.2s ease-in-out;
}

.grid-item-container:hover{
  opacity: 0.94;
}

.fallback-text{
margin-right: 0px;
letter-spacing: 0rem !important;
font-family: Helvetica, sans-serif !important;
color: rgb(30, 30, 30) !important;
}

.top-nav{
font-family: Helvetica, sans-serif !important;
}




.mobile-nav__link{
color: #a6a6a6 !important;
font-size: 13px !important;
transition: all 0.3s;
padding-top: 3px !important;
padding-bottom: 3px !important;
color: rgb(30, 30, 30) !important;
}

/* .mb-0 .btn:hover{
  border-bottom: 3px solid #fcddee;
} */

.rte h2::after{
  content: none;
}

.title-span{
color:rgb(210, 210, 210);
}

.collection-header{
padding: 10px;

}

/*newsletter*/
.newsletter form .newsletter--form, .newsletter .newsletter__input{
  background: transparent;
}

.newsletter form{
  min-width: 100%;
  max-width: 100%;
}

.input-group{
  display: flex;
  justify-content: space-between;
}

.email-input{
  width: 33%;
  background: transparent; 
}

.input-group-btn{
  width: 33%;
}

#Subscribe{
  width: 100%;
  padding: 0;
}

.email-input input{
  border-bottom: 1px solid black;
}

.btn:hover {
  color: white;
  background: #4a4a4a;
}


.about-fle{
display: flex;
max-width: 80vw;
}


#shopify-section-about-image-with-text-2, #shopify-section-about-image-with-text{
min-width: 50%;
max-width: 50%;
}

#shopify-section-about-image-with-text-2{
display: flex;
align-items: center;
justify-content: center;

}



#shopify-section-about-image-with-text-2 p{
max-width: 100ch !important;
font-size: 14px !important;
}


.ajaxcart__product-nam, .ajaxcart__product-meta, .ajaxcart__price, .ajaxcart__subtotal,.ajaxcart__row{
color: rgb(30, 30, 30) !important;
}




/* Product page */
select{
  background-color: rgba(242, 242, 242, 0) !important;
  border: none ;
  color: rgb(126, 126, 126);
  margin: 10px;
  border-radius: 2px;
  padding-left: 0px !important;
}

.js-qty{
   background: transparent;
}

.js-qty__adjust--plus, .ajaxcart__qty--plus{
  border: none;
}

.js-qty__adjust--minus, .ajaxcart__qty--minus{
  border: none;
}

 .product-single__meta.scroll-to-fixed-fixed{
  top: 100px !important;
  z-index: 1 !important;
  position: initial !important;
} 


.slick-dots{
justify-content: center !important;
}



.product-single__photos{
max-height: 850px;
overflow: scroll;

}


.single-option-radio__label, .product-single__quantity{
color: rgb(30, 30, 30) !important;
}

.product--wrapper {
  position: relative;
  min-width: 100% !important;
  min-height: 100% !important;
  
}

.product-image-container {
  position: relative;
  min-width: 100% !important;
  min-height: 100% !important;
  overflow: hidden;
}

.cover{
position: absolute;
height: 100vh;
width: 100vw;
background: white ;
z-index: 2000;
}

.product--image {
  min-width: 100% !important;
  min-height: 100% !important;  /* Ensure the image takes the full width of its container */
  height: auto;
  object-fit: cover;
  position: absolute;  /* Maintain aspect ratio */
  top: 0;
  left: 0;
}

.hidden {
  display: none;
}




.reveal .hidden{
  height: auto;
}
@media (max-width: 768px) {
  .pagination{
    justify-content: center;
  }
}



.grid{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;

}



.contact-grid{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 50px;
  padding: 40px;
  margin-bottom: 50px;
}

/* .btn{
	border: 1px solid black;
} */
// ABOUT

.container{
  text-transformation: uppercase;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.container p{
  margin: 0;
  max-width: 100%;
}
.one{
  min-width: 100%;
  width: 100%;
  margin: 0 1% 1% 0;
  list-style-type: none;
  max-height: 469px;
  overflow: hidden;
}

.two{
  width: 49%;
  max-width: 49%;
  list-style-type: none;
  overflow: hidden;
}

.two img{
  margin: 4% 0 4% 0;
}

.image-card-links{
  text-align: right;
}

.option-cont{
height: 100%;
}


.image-grid{
  display: flex;
  justify-content: space-between;
  -webkit-box-pack: center;
  width: 100%;
  margin: 0 auto;
  flex-wrap: wrap;
  margin-top: 20px !important;
}

.contact-box{
max-width: 99% !important;
min-width: 99% !important;
box-sizing: border-box;
margin-left: 10px;
margin-right: 10px;
}

.grid-item{
  width: 33%;
/*   padding: 15px 0; */
  max-height: 600px;
  overflow: hidden;
}

.page-grid-teim{
  padding: 0;
}

.grid-item-image{
  -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  
}
.grid-item-image img{
min-width: 100%;
object-fit: cover;
}





.grid-item-container{
  position: relative;
  max-height: 600px;
}

.grid-image-text-container{
  	position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 20px;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: flex-end;
    padding-bottom: 40px;
    padding-top: 0;
  	-webkit-box-ordinal-group: 1;
    order: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    max-height: 600px;
}

.grid-image-text{
   	max-width: 400px;
    margin: 0 auto;
  	color: white !important;
  	font-weight: 800;
  	transition: 1sec;
  	font-size: 16px;
  
}
.grid-image-text-container a:hover{
	  color: white;
  	text-decoration: underline;
}


.grid-image-text:hover{
text-decoration: underline;
}

.main-content{
  padding-top: 0;
  min-width: 80vw;
  margin-left: 20vw;
}

footer, #shopify-section-slideshow, .header-wrapper{
  min-width: 80vw;
  margin-left: 20vw;
}





header .wrapper{
background: rgb(255, 255, 255);
max-height: 38px;
}
.site-header {
padding-top: 0px ;
}

.site-nav{
min-width: 100px;
}

.top-nav{
margin-right: 0px;
min-width: 100%;
display: flex;
justify-content: space-between;
font-size: 13px !important;
}

.top-nav a{
  display: flex;
  padding-top: 10px;

}

.top-nav li{
margin-bottom: 0px;

align-items: center;
justify-content: center;
}

.site-cav{
display: flex;
width: 100%;
margin: 0px;
max-height: 100%;
align-items: center;
flex-direction: row;
justify-content: flex-end!important;
}




.site-nav {
  list-style: none;
  display: flex;
  flex-direction: column;
  margin-top: 100px;
}

#AccessibleNav{
display: flex;
font-size: 13px !important;
flex-direction: column;
}

.header-container {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* Ensures the header is above other elements */
  background-color: #fff; /* Add background color to prevent transparency */
}

.grid__item{
padding-left: 30px;
}

.grid__item ul{
display: flex;
flex-direction: row ;
justify-self: flex-end;
}

.site-nav__item {
  margin-bottom: 10px;
}


.bespoke-wrapper{
display: flex;
min-height: 800px !important;
}


.bespoke-image-wrapper{

max-width: 100%;
position: relative;
min-width: 100%;
}

.bespoke-place{
position: absolute;
bottom: 10px;
left: 10px;
font-size: 50px;
z-index: 20000;
color: white;
}

.bespoke-image-wrapper img{
max-width: 100% !important;
object-fit: cover;
position: block !important;
}

.bespoke-text-two{
  margin-top: 0px;
padding: 20px;
}






#AddToCart--product-template:hover{
background: rgb(67, 67, 67) !important;
}

.top-link a {
color: rgb(0, 0, 0) !important;
}

.mid-link a {
  color: rgb(196, 196, 196) !important;
  }

.site-nav__link {
  text-decoration: none;
  color: #c7c7c7 !important;
  display: block;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: transparent; /* Ensure no background color initially */
}

.site-nav__dropdown {
  display: none;
}

.mobile-nav__toggle-btn[aria-expanded="true"] + .site-nav__dropdown {
  display: block;
}

.icon-fallback-text .mobile-nav__toggle-open,
.icon-fallback-text .mobile-nav__toggle-close {
  display: inline;
}

.top-nav .icon{
font-size: 22px !important;
}

.mobile-nav__toggle-close {
  display: none;
}

.mobile-nav__toggle-btn[aria-expanded="true"] .mobile-nav__toggle-open {
  display: none;
}

.mobile-nav__toggle-btn[aria-expanded="true"] .mobile-nav__toggle-close {
  display: inline;
}



/* Handle dropdowns */
.site-nav__dropdown {
  display: none;
}

.site-nav__item.site-nav--has-dropdown:hover .site-nav__dropdown {
  display: block;
  padding-left: 20px; /* Indent dropdown items */
}













/*CART*/

.drawer{
  //background: rgb(255,185,197);
  background: white;
  //background: linear-gradient(47deg, rgba(255,185,197,1) 14%, rgba(253,210,202,1) 50%, rgba(255,186,93,1) 100%);
  }


/*FORM*/
input[type="checkbox"], input[type="radio"]{
  margin: 0 10px 0 30px !important;
}

.content-container {
padding-top: 5vh;
}



.bespoke-top img{
min-width: 100%;
}

.page-width {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.feature-row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin: 0 auto;
}









.feature-row__image {
  object-fit: cover;
}

.about-container, .about-box, .about-fle{
min-height: 800px;
}

.feature-row__text {
  min-width: 100%;
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.rte-setting {
  font-size: 16px;
  line-height: 1.5;
  display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}


.card-header button{
padding-left: 0px !important;
padding-right: 0px !important;
}


.product-single__description{
color: rgb(30, 30, 30) !important;
}


.btn {
  display: inline-block;
  padding: 10px 20px;
  background-color: rgb(30, 30, 30);
  color: #fff;
  text-align: center;
  text-decoration: none;
  margin-top: 20px;
}

.rte h1{
text-align: start !important;
}

.rte .rich-text__text--medium{
display: flex;
justify-content: center;
flex-wrap: wrap;
align-items: center;
flex-direction: column;
}



#shopify-section-featured-content-2 p, h2{
color: rgb(181, 181, 181) !important; 
font-size: 14px;
max-width: 100ch;
text-align: center;
}

.page-width .about-text{
display: flex;
color: rgb(30, 30, 30) !important;
align-items: center;
justify-content: center;
width: 100%;
}

#shopify-section-featured-content-2{
max-width: 100%;
min-height: 100%;
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}

.featured-content-2{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}



#NavDrawer{
margin-top: 0px;
}




.bespoke-form{
display: flex;
width: 100%;
max-width: 100%;
flex-direction: column;
gap: 60px;
padding-left: 50px;
padding-right: 50px;
box-sizing: border-box;
align-items: center;
}

.contact-form{
min-width: 80%;
}

.input-group-field{
background: rgba(255, 255, 255, 0) !important;
border-bottom: solid 1px rgb(30, 30, 30);
padding-left: 0px !important;
}

.input-group-field::placeholder{
color: rgb(168, 168, 168);
}

.contact-form h1{
color: rgb(30, 30, 30) !important;
font-size: 13px !important;
font-family: Helvetica, sans-serif;
margin-bottom: 40px;
}

.bespoke-image-wrapper{
height: 800px;
min-height: 800px;
}





.bespoke-form form { 
  padding: 10px;
  margin: 0 auto; 
  width: 100%;
  min-height: 100%;
  order: 2;
}


 .bespoke-form input{
  background-color: transparent;
  border: none;
  color: black;
  background: white;
  box-shadow: 0 4px 8px rgba(142, 142, 142, 0.1);

}

.care-contain{
padding: 20px;

margin: 0 0 0 0 !important;
}

.care-contain img{
 max-width: 90% !important;
  }

.bespoke-form form textarea{
  color: rgb(29, 29, 29);
  background-color: white;
  border: none;
  box-shadow: 0 4px 8px rgba(142, 142, 142, 0.1);

}
::placeholder {
  color: rgb(30, 30, 30);
}

.prefrence{
display: flex;
box-sizing: border-box;
align-items: flex-start;
justify-content: center;
gap: 30px;
margin-bottom: 50px;
margin-top: 50px;
}

.prefrence label, .prefrence select, .budget-label, .form-left  {
color: rgb(30, 30, 30) !important;
font-family: Helvetica, sans-serif;
font-size: 13px !important;
}

.form-left{
width: 100%;
}

/* Hide the actual checkbox */
input[type="checkbox"] {
  display: none !important; /* Adding !important to ensure it overrides other styles */
}

/* Custom checkbox styling */
.custom-checkbox {
  display: inline-block;
  padding-left: 25px;
  position: relative;
  cursor: pointer;
  user-select: none;
  margin-right: 15px;
  margin-bottom: 0px;
}


.image-topd{
margin-top: 0px !important;
}



.custom-checkbox:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 20px;
  height: 20px;
  border: 1px solid rgb(30, 30, 30); /* Custom border color */
  background-color: #fff;
  border-radius: 100%; /* Optional for rounded corners */
}


input[type=submit]{
border-radius: 0px !important;
}

/* Style when checkbox is checked */
input[type="checkbox"]:checked + .custom-checkbox:before {
  background-color: #000000; /* Change color when checked */
  border-color: #000000; /* Optional: change border color when checked */
}

.card-body{
z-index: 9999;
padding: 0px !important;
}

/* Adding a checkmark on checked state */
input[type="checkbox"]:checked + .custom-checkbox:after {
  content: '✔';
  position: absolute;
  left: 4px;
  top: -2px;
  color: white;
  font-size: 16px;
}




.form-group select{
  background: white !important;
  border-bottom: 1px solid rgb(0, 0, 0) !important;
  margin: 0px !important;
  padding-bottom: 10px !important;
  padding: 0px;
  border:none;
  border-radius: 0px !important;
  height: auto !important;
  //box-shadow: 0 4px 8px rgba(142, 142, 142, 0.1);
}

.logo-small-screen{
display: none;
}

option:hover{
  background: #fcddee !important;
  color: white !important;
}


#shopify-section-featured-content{
position: absolute;
text-align: start;
color: white;
z-index: 10000;
}

#shopify-section-bespoke-image-text{
min-height: 100%;
}

#shopify-section-bespoke-image-text p{
max-width: 100ch !important;
text-align: start;
font-size: 14px !important;
}


.bespoke-top-sec{
max-width: 100%;
box-sizing: border-box;
padding: 10px;
font-size: 20px;
max-width: 70ch;
}




.form-grid {
  display: flex;
  flex-wrap: nowrap;
  max-width: 100% !important;
  box-sizing: border-box;
  gap: 30px !important;
}

.grid-product__meta{
display: flex !important;
flex-direction: column;
gap: 5px;
}

.grid-product__price{
color: #000000;
}

.form-item {
  flex: 1;
  min-width: calc(50% - 20px);
}

.form-group {
  margin-bottom: 20px;
flex-grow: 1;
width: 100%;
}

.input-full {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-sizing: border-box;
}

 .wrapper{
padding: 0px;
}


.footer-contain{
padding: 10px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}


.footer-contain .grid__item{
display: flex;
padding-left: 0px;
justify-content: center;
align-items: center;
width: fit-content;
flex-wrap: nowrap;
}


.footer-contain .grid__item ul{
gap: 20px;
text-align: center;
font-size: 13px !important;
color: rgb(30, 30, 30);
}
.sitelogo{
padding: 1px;
display: flex;
justify-content: center;
align-items: center;
}

.search-grid{
margin-top: 100px;
}

.grid-uniform, .collection-header{
padding-left: 30px;
padding-right: 30px;
}





.burger-drop{
display: none;

}

.btn-block {
  width: 100%;
  padding: 10px;
  background-color: #000;
  color: #fff;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
}


.mobile-nav__toggle button{
padding-top: 3px !important;
padding-bottom: 3px !important;
}

.mobile-nav__toggle button:hover {
  color: rgb(0, 0, 0) !important;
}

.hidden-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}






/*highlight text
::selection {
  background: #fcddee; 
}
::-moz-selection {
  background: #fcddee; 
}


.announcement-bar--link:hover{
  background: #fcddee !important;
}

a:hover{
  text-decoration: none !important;
}

.grid-image-text-container a:hover{
color: #fcd28c;
}

*/


/*nav bar*/

.site-nav__link:hover{
  text-decoration: underline !important;  
}

/*removing blue border from active buttons*/

button:focus {
  	outline: none !important;
}

input:focus{
	outline: none !important;
}

textarea:focus{
	outline: none !important;
}

.burger-button{
color: rgb(30, 30, 30) !important;
padding: 0px !important;
}

.burger-icon{
background: rgb(30, 30, 30) !important;}



@media (min-width: 1600px) {
  #shopify-section-product-template{
    margin-top: 20px;
    max-height: 1200px;
    min-height: 1200px ;
    }


    .grid-option{
      margin: 30px 0px 30px 0px !important;
    }
}


@media (max-width: 385px) {

  .label-metal{
  margin-bottom: .5rem !important;
  }
}



@media (max-width: 588px) {

  .label-metal{
  margin-bottom: 27px;
  }
}




@media (max-width: 600px) {
  /* Adjust main content to full width and remove left margin */
  .main-content, footer, #shopify-section-slideshow, .header-wrapper {
    padding-top: 0;
    min-width: 100vw;
    margin-left: 0;

    .top-nav a{
      display: flex;
      padding-top: 5px;
    
    }
  }



  .top-nav{
    margin-right: 10px;
    font-size: 11px !important;
    }


  .grid-option{
    display: flex !important;
    flex-direction: column  !important;
    max-height: 100%;
    gap: 10px !important;
    min-height: 100%;
    flex-wrap: nowrap !important;
    }

  .grid__item{
  padding-left: 10px !important;
  padding-right: 10px !important;
  }

  .grid-option-image{
  padding-left: 0px !important;
  padding-right: 0px !important;
  }

 .collection-header{
    padding-left: 20px !important;
    padding-right: 20px !important;
    }

  .grid-uniform{
  margin: 0px !important;
  }

.grid-feed{
padding-left: 0px;
padding-right: 0px;
}

  #shopify-section-product-template{
    margin-top: 20px;
    padding: 1px;
    box-sizing: border-box;
    }

    .product-recommendations{
      margin-top: 0px !important;
      padding: 1px !important;
      }

      .grid-uniform{
        padding-left: 0px;
        padding-right: 0px;
        }

        .grid-feed,  .collection-header{
          padding-left: 0px;
          padding-right: 0px;
          }

  .about-overlay p{
    max-width: 80ch;

    }

  .grid-product{
    margin-top: 0px;
    }


.logo-small-screen{
  display: block;
  }

  .site-cav{
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: space-between!important;
    }


.burger-drop{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  }

  /* Hide the sidebar */
  .sidebar {
    display: none;
  }
}

@media (max-width: 900px) {

  .budget-label{
    margin-bottom: 30px;
    }
}



@media (max-width: 768px) {
  /* Adjust main content to full width and remove left margin */
  .main-content, footer, #shopify-section-slideshow, .header-wrapper {
    padding-top: 0;
    min-width: 100vw;
    margin-left: 0;
  }


.site-nav__link {
  text-decoration: none;
  color: #c7c7c7 !important;
  display: block;
  padding: 5px 10px;
  border-radius: 4px;
  background-color: transparent; /* Ensure no background color initially */
}

.site-header__logo img{
margin-top: 0px !important;
margin-bottom: 0px !important;
}

  .contact-box{
    max-width: 98% !important;
    min-width: 98% !important;
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    }



.top-nav{
  margin-right: 0px !important;
  min-width: 80px !important;
  padding-left: 10px;
  }



  .search-tab{
  display: none;
  }

  .top-nav{
    margin-right: 0px;
    min-width: 0%;
    display: flex;
    justify-content: space-between;
    font-size: 13px !important;
    }

 

  .about-overlay {
    position: absolute;
    top: 40px;
    left: 2px;
    box-sizing: border-box;
    color: white;
    padding: 10px;
    border-radius: 5px;
  }

 

  #shopify-section-product-template{
    margin-top: 20px;
    padding: 1px;
    box-sizing: border-box;
    }

    .product-recommendations{
      margin-top: 0px !important;
      padding: 1px !important;
      }

      .grid-uniform{
        padding-left: 1px;
        padding-right: 1px;
        }

        .grid-feed,  .collection-header{
          padding-left: 10px;
          padding-right: 10px;
          }

  .about-overlay p{
    max-width: 80ch;
    }

  .grid-product{
    margin-top: 0px;
    }


.logo-small-screen{
  display: block;
  }

  .site-cav{
    display: flex;
    width: 100%;
    align-items: center;
    flex-direction: row;
    justify-content: space-between!important;
    }

    .image-grid{
    margin-top: 15px !important;
    }


.burger-drop{
  display: block;
  display: flex !important;
  align-items: center !important;
  min-width: 80px;
  justify-content: start !important;
  }

  /* Hide the sidebar */
  .sidebar {
    display: none;
  }
}

@media (max-width:1000px){
  .about-overlay p{
    max-width: 80ch;
    font-size: 15px;
    }

 


    .site-header__logo-link img{
height: 40px;
width: auto;
}
}

@media (max-width:1400px){
 


  .site-header__logo-link img{
height: 55px;
width: auto;
}
}

@media (max-width:1200px){
 


    .site-header__logo-link img{
height: 50px;
width: auto;
}
}

@media (max-width:800px){


  #shopify-section-about-image-with-text-2, #shopify-section-about-image-with-text{
    min-width: 100%;
    max-width:100%;
  }



  .bespoke-top-image{
    height: 400px;
    min-height: 400px;
  }



.bespoke-image-wrapper{
  height: 400px;
  min-height: 400px;
  }
  
  .grid-option{
  margin: 30px 0px 20px 0px !important;
  }

  .brand-bespoke{
  margin-top: 17px;
  padding: 15px;
  }


  .brand-about{
  margin-top: 55px;
  padding: 15px;
  }


  .bespoke-tec{
  margin-top: 30px;
  }




.bespoke-wrapper{
  display: flex;
  min-height: 800px !important;
  flex-direction: column;
  }
  


  .feature-row__text {
    min-width: 100%;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
  }


  .page-width .about-text{
    display: flex;
    align-items:flex-start;
    justify-content: flex-start;
    width: 100%;
    }



.about-fle{
  display: flex;
  max-width: 100vw;
  flex-direction: column;
  }

  .bespoke-form {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px;
    width: auto;
    max-width: 100%;
    box-sizing: border-box;
    align-items: center;
  }

  .bespoke-top-sec{
  margin-top: 20px;
  }

  .feature-row {
    position: relative;
    width: 100%;
    max-height: 400px !important;
    min-height: 400px !important;
 /* Adjust this value to set the height to half the viewport height */
    overflow: hidden; /* Ensure the content does not overflow */
  }




 
.bespoke-form form { 
order: 2;
}




  .two{
    width: 100%;
    max-width: 100%;
  }
  .image-card-links{
  text-align: left;
}
   .grid-item{
     width: 100%;
     max-width: 100%;
     margin-top: 10px;
   }
  
  .image-grid{
    padding: 0px;
  }
  
  .bespoke-form form { 
  width: 100%;
}
}