/** Shopify CDN: Minification failed

Line 88:61 Expected identifier but found "*"
Line 536:0 Unexpected "}"

**/

.right-list {
    right: 2%;
}
.left-list {
    left: 2%;
}
.opal-new {
    display: none;
}
.opal-collection-temp .logo-area__right .show-search-link {
    order: 1;
}

.opal-collection-temp a.header-account-link {
    order: 1;
}
 
.opal-collection-temp .cart-link {

    order: 2;

}
.opal-collection-temp button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
.opal-collection-temp .image-page-button {
    display: block!important;
}
.template-product .image-page-button {
    display: block!important;
}
.template-product button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
/* .template-collection.opal-collection-temp img.logo__image {
    display: none;
} */
.template-collection.opal-collection-temp a.contactsd {
    display: none;
}
.template-collection.opal-collection-temp .logo-area__right .show-search-link {
    display: flex;
    margin: 0;
    order: 0;
}
/* .template-collection.opal-collection-temp a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
} */
.main-spp {
    position: absolute;
    bottom: 13%;
    left: 45%;
}
/*  HEADER */
@media (min-width: 768px) {
/* Container to hold both image and header */
.opal-collection-temp .banner-con {
  position: relative;
  width: 100%;
  height: auto;
}

/* Image Banner Style */
.opal-collection-temp .banner-image {
  width: 100%;
  height: auto;
}

.opal-collection-temp .banner-image img {
  width: 100%;
  display: block; /* Remove any whitespace beneath the image */
}

/* Page Header Overlay Style */
.template-collection.opal-collection-temp .page-header-overlay {
  /* position: absolute; */
  /* top: 50%;  /* Adjust the vertical position as needed */ */
  /* left: 50%; */
  /* transform: translate(-50%, 0%); /* Centers the header */ */
  /* color: white;  /* Makes the text color white for better contrast */ */
  /* text-align: center; */
  /* z-index: 2; /* Ensures the header appears on top */ */
  /* padding:0px; */
  /* background: rgba(0, 0, 0, 0.0); /* Optional: Add a semi-transparent background */ */
      /* width: 100%; */
}

.template-collection.opal-collection-temp .page-header-overlay h1 {
  font-size: 2.5rem; /* Adjust the header size as needed */
  margin: 0;
}

.opal-collection-temp .page-header-overlay p {
  font-size: 1.2rem;
}
.opal-collection-temp .pageheader{
     border-bottom: 0px solid #F7F7F74D !important;
}
.opal-collection-temp .logo-area.container.container--no-max {
    border-bottom: 0px solid #f7f7f7;
}
.opal-collection-temp .logo-area__left__inner span.show-search-link__icon {
    display: none;
}
}
 @media (min-width: 768px) { 
.opal-collection-temp .logo-area__left__inner {
    display: none !important;
}
 }

.opal-collection-temp ul.navigation__tier-1 {
    color: #fff;
    background: none !important;
}
.opal-collection-temp .navigation {
        border-bottom: 0px;
}


/* 19-03-2025 */
.opal-collection-temp .banner-image {
    padding-bottom: 800px;
}
.opal-collection-temp .banner-content-right div p {
    font-size: 28px;
}
.opal-collection-temp .banner-content-right p {
    font-weight: 500;
    font-size: 24px;
}
.opal-collection-temp .banner-content-right p {
    margin:0px;
}
.opal-collection-temp .banner-item-right {
    margin-right: 0px;
}



.opal-collection-temp .banner-content-right p:first-child {
  display: inline; /* Make the text inline with the line */
  margin-right: 10px; /* Optional: space between text and line */
}

.opal-collection-temp .banner-content-right p:first-child::after {
  content: ''; /* Creates an empty content for the line */
  display: inline-block;
  width: 100%; /* Line takes the rest of the available space */
  border-bottom: 1px solid #fff; /* Adjust the thickness and color of the line */
  margin-left: 10px; /* Optional: adds some space between text and line */
  position: absolute;
    top: 13px;
}
.opal-collection-temp .banner-content-right {
    text-align: right;
}
.opal-collection-temp .banner-content-right div {
    position: relative;
}

/* .opal-collection-temp img.picture {
    width: 864px;
    height: 864px;
} */


@media (max-width: 768px) {
.opal-collection-temp .logo-area__right span.show-search-link__icon {
    display: none !important;
} 

}
@media (min-width: 768px) {
/* .template-collection a.logo__link img {
    display: none;
} */
 
/* .template-collection a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
} */
  /* .template-collection.opal-collection-temp .pageheader svg {
    filter: none;
} */


}
@media (max-width: 900px) {

  .opal-collection-temp h3.herder {
    font-size: 40px;
}
  .opal-collection-temp .para {
    font-size: 20px;
}
}

@media (min-width: 769px) {
 

  .order .left-column {
    order: 1;  /* Move the product slider below the image */
  }

 .order .left-column.left-bl {
    order: 2;  /* Move the image above the product slider */
  }
  .opal-collection-temp img.for_mobile {
 display:none;
}
}

.opal-collection-temp img.for_mobile {
    background: #957A69;
}
img.for_mobile.custom-mb {
    padding: 0px 30px 30px 30px;
}

.opal-collection-temp .custom-sec .image-page-button ,.opal-collection-temp .order .image-page-button {
  display:block !important;
}


   .opal-collection-temp .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover {
        color:#fff;
    }



 .order .inner , .custom-sec .inner {
display:block !important;  
}

@media screen and (min-width: 749px) and (max-width: 989px) {
    .opal-collection-temp .collection-slider-row {
        margin-top: 0px;
    }
}

/*  side bar  */
h2.tit-top {
    font-size: 45px;
    margin-top: -30px;
}
img.featured-img {
 width: 315px;
    height: 315px;
}
h2.title.product-name {
    font-size: 18px;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
img.featured-img {
    width: 100%;
    height: 50%;
}
  h2.tit-top {
    font-size: 30px;
}

h2.title.product-name , h2.title.pp.product-cost {
    font-size: 15px;
}

}

.close-holder {
    text-align: right;
}
img.close-img {
    width: 24px;
}
div#product-list {
 padding: 20px 20px 20px 30px;
}

@media screen and (min-width: 989px) {
  .opal-collection-temp span.desktop-only {
    display: none;
}
  
}
@media screen and (max-width: 600px) {
    .right-drawer{
    width:auto !important;
  }
}
@media screen and ( min-width:600px ) and (max-width: 800px) {
    .right-drawer{
    width:70% !important;
  }
}

@media screen and ( min-width:800px ) and (max-width: 1200px) {
    .right-drawer{
    width:60% !important;
  }
}
/* 8-4-2025 */
h1.product-title {
    font-size: 40px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
    letter-spacing: 0%;
}
.underline {
    color: #232528;
    text-decoration: none !important;
}
span.product-info-label {
    font-size: 16px;
    font-weight: 500;
    font-family: 'PP Neue Montreal';
    color: #232528;
    text-decoration: underline;
}
.long span {
    font-size: 14px;
    line-height: 140%;
    font-family: 'PP Neue Montreal';
}
.long span {
    font-size: 14px;
    line-height: 140%;
    font-family: 'PP Neue Montreal';
}

.our-buttons {
    display: flex;
    width: 100%;
}

.quantity-submit-row__submit.input-row {
    width: 50%;
}

.product-dynamic-payment-button {
    width: 50%;
}
@media (max-width: 767px) {
.product .relative  button.slider-nav__btn.has-ltr-icon {
top: 64%;
}
 .product .collection-slider-row .small-feature-link.mobile {
        padding: 0 20px;
        margin-top: -30px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
padding-bottom:32px;
    }
.product .collection-slider-row .small-feature-link.mobile:before {
    content: "";
    position: absolute;
    /* top: 7px; */
    left: 20px;
    right: 0;
    width: 178px;
    height: 100%;
    border-bottom: 1px solid #232528;
}
.link.custoomm {
    display: ruby;
}

}
.product .product-description strong {
    font-size: 14px;
    font-family: 'PP Neue Montreal';
    font-weight: 500;
    line-height: 100%;
}
.gld li {
    list-style: disc;
}
.diad li {
    list-style: disc;
}
.product button.btn.btn--large.add-to-cart {
    background-color: #10225D;
    color: white;
}
.product .opposing-items__left.label {
    font-size: 28px;
    font-weight: 400;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}
.product #more-payment-options-link {
    cursor: pointer;
    display: none;
}
.product .quantity-submit-row__submit.input-row {
    margin: 0 !important;
}
.our-buttons {
    gap: 18px;
    padding-top: 36px;
}
/* page-image-text */

.sct-bio-wrap {
    display: flex;
    width: 100%;
}

.left-bio {
    width: 50%;
}

.right-bio {
    width: 50%;
}

img.ab-img {
    width: 600px;
    /* height: 750px; */
    padding-left: 138px;
}

h3.b-name {
    font-size: 30px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}
h2.b-heading {
    font-size: 40px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
font-weight: 400;
}

.b-desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    font-family: 'PP Neue Montreal';
}
.b-cont {
    padding-top: 205px;
    padding-left: 101px;
    padding-right: 155px;
}
h5.t-text:before {
    border-top: 1px solid #10225D !important;
}
.ll-rb {
    padding-left: 101px;
}
.bio-page-section {
    padding-top: 100px;
    padding-bottom: 39px;
}
h5.t-text.sb-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: PP Neue Montreal;
}
h4.b-about {
  font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: PP Neue Montreal;
}
.both-vb {
    padding-left: 138px;
}


.template-suffix-seller .logo-area__right .show-search-link {

    order: 1;

}

.template-suffix-seller a.header-account-link {

    /* margin: 0; */

    order: 1;

}
 
.template-suffix-seller .cart-link {

    order: 2;

}
.template-suffix-seller button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
/* .template-suffix-seller .image-page-button {
    display: block!important;
}

.template-suffix-seller img.logo__image {
    display: none;
}
.template-suffix-seller a.contactsd {
    display: none;
} */
.template-suffix-seller .logo-area__right .show-search-link {
    display: flex;
    margin: 0;
    order: 0;
}
/* .template-suffix-seller a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}
 */

}
.template-suffix-seller span.has-paging__title {
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
    font-family: 'PP Neue Montreal';
    text-align: center;
    color: white;
}
/* .template-suffix-seller .pageheader {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.template-suffix-seller .logo-area__left__inner span.show-search-link__icon span, .template-suffix-seller .logo-area__left__inner button.mobile-nav-toggle span {
    color: #fff;
}
.template-suffix-seller .pageheader svg {
    filter: none;
} */
.template-suffix-seller .b-sub {
    font-size: 75px;
    font-family: Bagian !important;
    line-height: 75px;
    font-weight: 400;
}
.template-suffix-seller .pp-hh {
    font-family: 'PP Neue Montreal';
    line-height: 100%;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0%;
}
.template-suffix-seller h2.majortitle.in-content.h1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}

@media (max-width: 989px) {
  .left-column.left-bl .img-cont::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    background: linear-gradient(180deg, #0000, #000);
}
}
@media (min-width: 1480px) {
  .template-index .banner-content-left div {
    font-weight: 400 !important;
    font-size: 50px;
}
.template-index .banner-item-left {
    padding-bottom: 107px;
    max-width: 827px;
}
}