/** Shopify CDN: Minification failed

Line 1022:6 Expected ":"

**/
/******************************************************** Harlings Custom Slide Show *************************************************/

@media screen and (min-width: 1600px){
  .harlings-slideshow-text-banner-box.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
    padding: 4rem 9.5rem;
  }
}
.harlings-slideshow-text-banner-box.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
  max-width: 90em;
  width:100%;
}

.banner__media.color-background-1, .banner__media.color-background-2, .banner__media.color-inverse, .banner__media.color-accent-1, .banner__media.color-accent-2 {
    background-color: rgb(var(--color-background));
}
.slideshow__text-wrapper.banner__content.layout--image-background-tleft {
      justify-content: flex-end;
      margin-left: 0em;
      width: 50%;

}

.harlings-custom-slideshow .slideshow__text-wrapper {
  max-width: initial;
}

.harlings-custom-slideshow .banner__text {
  max-width: 620px;
}

.uppercase {
      text-transform: uppercase;
}

.italic {
      font-style: italic;
}

.harlings-slideshow-text-banner-box .h0 {
  font-size: calc(var(--font-heading-scale) * 6.2rem);
   line-height: 1em;
}

.harlings-slideshow-text-banner-box .h1 {
  font-size: calc(var(--font-heading-scale) * 4.2rem);
}

.slideshow__text-wrapper.banner__content.layout--image-background-tright {
      justify-content: flex-end;
      margin-right: 0em;
      width: 50%;
}

.slideshow__text-wrapper.banner__content.layout--image-background-tleft .slideshow__text.banner__box.content-container, .slideshow__text-wrapper.banner__content.layout--image-background-tright .slideshow__text.banner__box.content-container{
  background-color: transparent;
}  

.harling-slider.banner__topheading {
    font-size: 20px;
    font-family: 'Montserrat';
    letter-spacing: 4px;
    width: 41%;
}

.layout--image-background-tright .slideshow__text.banner__box.content-container .banner__heading {
    margin-top: 4rem;
    line-height: 1em;
}

.slideshow__media.banner__media.media.image-left{
  width:50%;
}

.slideshow__media.banner__media.media.image-right{
  width:50%;
  right: 0;
  left: 50%;
}

.slideshow__text-wrapper.banner__content.layout--image-left {
    justify-content: flex-end;
    margin-right: 0em;
    width: 50%;
}

.slideshow__text-wrapper.banner__content.layout--image-right {
    justify-content: flex-start;
    margin-left: 0em;
    width: 50%;
}

@media screen and (max-width: 980px){
  .harlings-slideshow.slideshow.banner .slideshow__media.banner__media.media {
      width: 100%;
    aspect-ratio: 16/9;
    position: relative!important;
  }


  
  .slideshow__text-wrapper.banner__content {
    display:block;
    width: 100%!important;
    padding: 2rem;
    
  }

  .media.image-left img, .media.image-right img {
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    height: auto!important;
    width: 100%!important;
    display: block !important;
    position: absolute !important;
    min-height:275px;

  }

  .media.image-background-tleft img, .media.image-background-tright img {
    top: 50%!important;
    left: 50%!important;
    transform: translate(-50%, -50%);
    height: 100%!important;
    width: auto!important;
    display: block !important;
    position: absolute !important;
     min-height:275px;

  }

  .media.image-background-tleft img {
    left: 0% !important;
  }
  
  
  
  .media.image-background-tright img {
      right: 0% !important;
  }

  .media.image-background-tleft img {
    top: 50%!important;
    right: 0;
    left: auto !important;
    transform: translateY(-50%);
    height: 100% !important;
    width: auto !important;
    max-width: initial !important;
    object-fit: cover;
}



.media.image-background-tright img {
    top: 50%!important;
    left: 0 !important;
    transform: translateY(-50%);
    height: 100% !important;
    width: auto !important;
    max-width: initial !important;
    object-fit: cover;
}

  
  .layout--image-background-tright .color-inverse, 
  .layout--image-background-tleft .color-inverse, 
  .layout--image-background-tright .color-inverse h2, 
  .layout--image-background-tleft .color-inverse h2,
  .layout--image-background-tright .color-accent-2, 
  .layout--image-background-tleft .color-accent-2, 
  .layout--image-background-tright .color-accent-2 h2, 
  .layout--image-background-tleft .color-accent-2 h2,
  .layout--image-left .color-background-1, 
  .layout--image-right .color-background-1, 
  .layout--image-right .color-background-1 h2, 
  .layout--image-left .color-background-1 h2{
      color: var(--gradient-base-accent-1);
  }

  .layout--image-background-tright .color-inverse .banner__buttons .button, 
  .layout--image-background-tleft .color-inverse .banner__buttons .button, 
  .layout--image-background-tright .color-accent-2 .banner__buttons .button, 
  .layout--image-background-tleft .color-accent-2 .banner__buttons .button,
  .layout--image-left .color-background-1 .banner__buttons .button,
  .layout--image-right .color-background-1 .banner__buttons .button{
      background-color: var(--gradient-base-accent-1);
      color: white!important;
  }

  .layout--image-background-tright, .layout--image-background-tleft{
    background-color: #ffffff;
  }

  
  .slideshow__media.banner__media.media.image-left, .slideshow__media.banner__media.media.image-right {
    width: 100%;
    left: 0;
  }

  .harling-slider.banner__topheading {
    width: 75%;
  }

  .harlings-slideshow-text-banner-box .h0 {
    font-size: calc(var(--font-heading-scale) * 5rem);
  }
}
@media screen and (max-width: 590px){
  .harlings-slideshow.slideshow.banner .slideshow__media.banner__media.media {
      position: relative!important;
        width: 100%!important;
  }

  .slideshow__text-wrapper.banner__content {
    padding: 1rem!important;
  }
  .banner__box {
    padding: 3rem 1.5rem;
  }
  .harlings-slideshow-text-banner-box .h0 {
      font-size: calc(var(--font-heading-scale) * 2rem);
  }
  .harling-slider.banner__topheading {
    font-size: 16px;
  }

  .harlings-slideshow-text-banner-box .banner__text {
    font-size: 1.25rem;
    line-height: 1.5rem;
  }

  .harlings-slideshow-text-banner-box .button {
    font-size: 1.1rem;
    line-height: 1rem;
  }

  .harlings-slideshow .slideshow__text-wrapper.banner__content {
     max-height: 34rem;
  }
  
}
@media screen and (max-width: 480px){
  
/*   .media.image-right img.img-size-1920, .media.image-left img.img-size-1920 {
    top: -87%!important;
} */
  .layout--image-background-tright .banner__heading.h0 {
    margin-top: 1rem!important;
  }

}

@media screen and (max-width: 360px){
  

/*   .media.image-right img.img-size-1920, .media.image-left img.img-size-1920 {
    top: -%!important;
} */

}

.image-background-tleft video, .image-background-tright video{
    top: 50%!important;
    left: 50%!important;
    min-width: 100%;
    min-height: 100%;
    width: auto!important;
    height: auto!important;
    transform: translateX(-50%) translateY(-50%);
}

.image-left video, .image-right video{
/*     top: 50%!important;
    left: 50%!important; */
    min-width: 100%;
    min-height: 100%;
    width: auto!important;
/*     height: auto!important; */
     max-width: none!important;
/*     transform: translateX(-50%) translateY(-50%); */
}

/******************************************************** Harlings Custom Slide Show *************************************************/
.custom-harlings-image-collage {
    position: relative!important;
}

/*****************************Google Review*******************************************************************************************/

.stars-main .star {
    font-size: 32px !important;
}

.stars-main{
    display: inline-block;
    float: left;
}

.review-stars ul li i {
    color: #E4B248;
    font-size: 24px;
    font-style: normal;
}

.google-logo img {
    width: 35px;
    margin-top: -7px;
    margin-right: 10px;
}

.star:after {
    content: "\2605";
}


.review-stars ul {
  display: inline-block;
  list-style: none;
  margin-top: 0;
    padding-left: 0;
}

.review-stars ul li {
  float: left;
  margin-right: 5px;
}

.review-stars ul li i {
  color: #2d2b6a;
  font-size: 24px;
  font-style: normal;
}
/*color: #E4B248;*/
.review-stars ul li i.inactive {
  color: #c6c6c6;
}
.star:after {
   content: "\2605";
}

.google-reviews-container {
  background: #f4ece3;
  padding: 45px 0px;
}

.google-reviews-homepage {
	margin-top: 45px !important;
      max-width: var(--page-width);
  margin: auto;
}

.reviews-title {
	margin-top: 10px !important;
    margin-bottom: 20px;  
}

.google-reviews-homepage a{
  color:#272C6D;
}

.google-reviews-homepage a:hover{
  color:#A45E46;
}

.google-logo img {
    width: 35px;
    margin-top: -7px;
    margin-right: 10px;
}

.view-all-google-reviews {
 	display: inline-block;
    width: auto;
    padding: 4px;
    padding-left: 0px;
    margin-top: 50px;
}
.review-item .readmoretxt, .review-item .readlesstxt {
  cursor: pointer;
}
.review-item .truncated_text + .readmoretxt {
    display: block;
    margin-bottom: 20px;
    float: right;
}
.review-item .readmoretxt, .review-item .open + .readmoretxt {
    display: none;
    margin-bottom: 20px;
    float: right;
}

.review-item .readlesstxt {
    display: none;
    margin-bottom: 20px;
    float: right;
}

.review-item .truncated_text.open + .readmoretxt +.readlesstxt {
    display: block;
    margin-bottom: 20px;
    float: right;
}


#bottom {
    border-top: 5px solid #eaeaea; 
}

.g-rating {
    font-family: 'Open Sans', sans-serif;
}

.reviews-right {
	display:inline-block;
    float: right;
}

.rating-1 {
    font-size:32px;margin-right:11px;
    float: left;
}

.stars-main {
    display: inline-block;
    float: left;
}
.stars-main .star {
    font-size:32px !important;
}

.stars-2 {
 	display:inline-block;font-size:15px;margin-left:11px; 
	margin-top: 6px;
}

.review-author {
 	font-weight:bold; 
}

.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 0.5s;
}

@keyframes fadeInOpacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.review-text {
    position: relative;
    margin-right: -1em;
    padding-right: 1em;
    margin-bottom: 0px;
}

.review-text.truncated_text.open {
    height: auto;
    overflow: visible;
    display:block;
}

.review-text.truncated_text {
    height: 95px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width: 760px){
    .google-reviews-homepage h2{
      font-size: calc(var(--font-heading-scale) * 1.8rem);
    }
}

/********************************************** Harlings Rich Text w/ Columns  *******************************************/

.rich-text-column {
  display: grid; 
  grid-template-columns: 48% 48%;
  gap: 4%;
  text-align: left;
}

.rich-text-column p{
  margin-top: 0px!important;
}

.harlings-rich-text__blocks {
  max-width:100%!important;
}

.harlings-rich-text__blocks h2:nth-of-type(2) {
    margin-top: 0!important;
}

@media screen and (max-width: 980px){
  .rich-text-column {
    grid-template-columns: 100%;

}

}
/************************************ Dimond shapes **************************************************************/
.harlings-diamonds-container{
    display: grid;
    grid-template-columns: 14.25% 14.25% 14.25% 14.25% 14.25% 14.25% 14.25%;
}


.harlings-diamond-shapes-img img{
  max-width: 100px;
  transition: all 0.3s ease;
}
.harlings-diamond-shapes-img{
  text-align: center;
  text-decoration: none;
}

.harlings-diamond-shapes-img p{
  margin-top: 0;
  color: #272c6d;
}

.harlings-diamond-shapes-img:hover img {
  transform: scale(1.2);
}

@media screen and (max-width: 980px){
  .harlings-diamonds-container{
    grid-template-columns: 25% 25% 25% 25%;
  }
  .harlings-diamond-shapes-img img{
    max-width: 80px;
  }
}


/********************************* Main Menu  *****************************************/



#MegaMenu-Content-1 ul.mega-menu__list {
  flex-basis: 14%;
  margin: 0;
  padding: 0;
}

#MegaMenu-Content-1 div.mega-menu-harlings-container {
  flex-basis: 70%; 
  display: grid;
  grid-template-columns: 30% 30% 30%;
  gap: 6%;

}

#MegaMenu-Content-1 div.harlings-megamenu-section {
  display:flex;
  margin: auto;
  max-width: 125rem;
  justify-content: center;

}

#MegaMenu-Content-1 .mega-menu__list>li {
   width: 100%;
}

#MegaMenu-Content-1 .mega-menu-harlings-container li:last-child a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/files/Showroom-600.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-1 .mega-menu-harlings-container li a.mega-menu__link.link:last-child

{
   font-family: var(--font-heading-family);
    font-style: italic;
    font-size: 1.6rem;
    width: 300px;
    color: #272c6d;
}

#MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/files/Hearts-on-Fire-600.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/files/Canada-Loves-Tacori-600.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
} 

@media screen and (max-width: 1360px){
  #MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2,
  #MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2,
  #MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(1) a.mega-menu__link--level-2
  {
        width: 230px;
  }
  #MegaMenu-Content-1 .mega-menu-harlings-container li:last-child ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(2) ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-1 .mega-menu-harlings-container li:nth-last-child(3) ul.list-unstyled li a.mega-menu__link.link{
    font-size: 1.2rem;
  }
}

#MegaMenu-Content-2 ul.mega-menu__list {
  flex-basis: 14%;
  margin: 0;
  padding: 0;
}

#MegaMenu-Content-2 div.mega-menu-harlings-container {
  flex-basis: 70%; 
  display: grid;
  grid-template-columns: 15% 15% 15% 15% 15% 15% 15%;
    gap: 0%;

}

#MegaMenu-Content-2 div.harlings-megamenu-section {
  display:flex;
  margin: auto;
  max-width: 125rem;
  justify-content: center;

}

#MegaMenu-Content-2 .mega-menu__list>li {
   width: 100%;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li a.mega-menu__link.link:last-child{ 
    font-size: 1.3rem;
    width: 100px;
    color: #272c6d;
    margin: auto;
    text-align: center;
}


#MegaMenu-Content-2 .mega-menu-harlings-container li:last-child a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Oval.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Marquise.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Cushion.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}
#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(4) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Pear.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(5) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Emerald.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(6) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Princess.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li:nth-last-child(7) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/Round.svg") no-repeat;
  width: 70px;
  height: 70px;
  color: transparent;
  margin: auto;
}

#MegaMenu-Content-2 .mega-menu-harlings-container li a.mega-menu__link--level-2:hover {
  transform: scale(1.2);
}
#MegaMenu-Content-2 .mega-menu-harlings-container li a.mega-menu__link--level-2{
  transition: all 0.3s ease;
}


#MegaMenu-Content-4 ul.mega-menu__list {
  flex-basis: 14%;
  margin: 0;
  padding: 0;
}

#MegaMenu-Content-4 div.mega-menu-harlings-container {
  flex-basis: 70%; 
  display: grid;
  grid-template-columns: 30% 30% 30%;
  gap: 6%;

}

#MegaMenu-Content-4 div.harlings-megamenu-section {
  display:flex;
  margin: auto;
  max-width: 125rem;
  justify-content: center;

}

#MegaMenu-Content-4 .mega-menu__list>li {
   width: 100%;
}

#MegaMenu-Content-4 .mega-menu-harlings-container li:last-child a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Fashion-Cufflinks.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-4 .mega-menu-harlings-container li a.mega-menu__link.link:last-child

{
   font-family: var(--font-heading-family);
    font-style: italic;
    font-size: 1.6rem;
    width: 300px;
    color: #272c6d;
}

#MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Fashion-Jewelry-Rings.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Fashion-Jewelry-Earrings.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
} 

@media screen and (max-width: 1360px){
  #MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2,
  #MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2,
  #MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(1) a.mega-menu__link--level-2
  {
        width: 230px;
  }
  #MegaMenu-Content-4 .mega-menu-harlings-container li:last-child ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(2) ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-4 .mega-menu-harlings-container li:nth-last-child(3) ul.list-unstyled li a.mega-menu__link.link{
    font-size: 1.2rem;
  }
}

#MegaMenu-Content-5 ul.mega-menu__list {
  flex-basis: 14%;
  margin: 0;
  padding: 0;
}

#MegaMenu-Content-5 div.mega-menu-harlings-container {
  flex-basis: 70%; 
  display: grid;
  grid-template-columns: 30% 30% 30%;
  gap: 6%;

}

#MegaMenu-Content-5 div.harlings-megamenu-section {
  display:flex;
  margin: auto;
  max-width: 125rem;
  justify-content: center;

}

#MegaMenu-Content-5 .mega-menu__list>li {
   width: 100%;
}

#MegaMenu-Content-5 .mega-menu-harlings-container li:last-child a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Services-Repairs.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-5 .mega-menu-harlings-container li a.mega-menu__link.link:last-child

{
   font-family: var(--font-heading-family);
    font-style: italic;
    font-size: 1.6rem;
    width: 300px;
    color: #272c6d;
}

#MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Services-Appraisals.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0641/0551/files/Services-Custom-Design.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
} 

@media screen and (max-width: 1360px){
  #MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(3) a.mega-menu__link--level-2,
  #MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2,
  #MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(1) a.mega-menu__link--level-2
  {
        width: 230px;
  }
  #MegaMenu-Content-5 .mega-menu-harlings-container li:last-child ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(2) ul.list-unstyled li a.mega-menu__link.link,
  #MegaMenu-Content-5 .mega-menu-harlings-container li:nth-last-child(3) ul.list-unstyled li a.mega-menu__link.link{
    font-size: 1.2rem;
  }
}
#MegaMenu-Content-6 ul.mega-menu__list {
  flex-basis: 40%;
  margin: 0;
  padding: 0;
  flex-wrap: nowrap;
}

#MegaMenu-Content-6 div.mega-menu-harlings-container {
  flex-basis: 55%; 
  display: grid;
  grid-template-columns: 48% 48%;
  gap: 4%;
}

#MegaMenu-Content-6 div.harlings-megamenu-section {
  display:flex;
  margin: auto;
  max-width: 125rem;
  justify-content: center;

}

#MegaMenu-Content-6 .mega-menu__list>li {
   width: 100%;
}



#MegaMenu-Content-6 .mega-menu-harlings-container li:last-child a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/files/Natural-Diamonds-600.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

#MegaMenu-Content-6 .mega-menu-harlings-container li:nth-last-child(2) a.mega-menu__link--level-2{
  background:url("https://cdn.shopify.com/s/files/1/0703/6455/files/Lab-Grown-Diamonds-600.jpg");
  width: 300px;
  height: 150px;
  color: transparent;
  background-repeat: round;
}

.custom-mobile-menu-items {
  padding: 1.1rem 3.2rem;
  display: flex!important;
  align-items: center;
  line-height: calc(1 + 0.3 / var(--font-body-scale));
}

.custom-mobile-menu-items a {
  text-decoration: none;
  font-size: 1.8rem;
  color: rgb(var(--color-foreground))!important;
}

/***************************************************** Harlings Custom Collection Slideshow  */

.harlings-collection-slideshow .harlings-slideshow-text-banner-box.slideshow__text.harlings-collection-slideshow-text-banner-box.banner__box {
  padding: 2rem 1.5rem;
  align-items: flex-start;
  text-align: left;

}
.harlings-collection-slideshow .harlings-slideshow-text-banner-box.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
  max-width: 90%;
  width:100%
}

.harlings-collection-slideshow-text-banner-box .harling-slider.banner__topheading{
  margin-bottom: 0px;
  width: 100%;
}

.harlings-collection-slideshow .slideshow__text-wrapper.banner__content {
  padding: 0;
}


@media screen and (min-width: 980px){ 
  .harlings-collection-slideshow-text-banner-box .banner__heading.h1 {
    line-height: 6rem;
  }
  .harlings-collection-slideshow-text-banner-box .banner__text {
    line-height: 2.3rem;
  }
}
@media screen and (max-width: 980px){
  .harlings-collection-slideshow .slideshow__text-wrapper.banner__content {
    padding: 0;
  }
  .harlings-collection-slideshow-text-banner-box .banner__heading.h1 {
    font-size: calc(var(--font-heading-scale) * 2.2rem);
    color: #272c6d!important;
  }
  .harlings-collection-slideshow-text-banner-box.color-background-1, .harlings-collection-slideshow-text-banner-box.color-backround-1 .harling-slider banner__topheading{
    color: #272c6d!important;
    background: transparent;
    --color-foreground: transparent;
  }
  .harlings-custom-slideshow .banner__text {
    max-width: 100%;
  }
  .harlings-collection-slideshow .harlings-slideshow-text-banner-box.slideshow__text.banner__box.content-container.content-container--full-width-mobile {
    max-width: 100%;
  }
}

@media screen and (max-width: 749px){
  .banner:not(.banner--mobile-bottom):not(.email-signup-banner) .banner__box.harlings-collection-slideshow-text-banner-box.color-background-1, .harlings-collection-slideshow-text-banner-box.color-backround-1 .harling-slider banner__topheading{
    color: #272c6d!important;
    background: transparent;
    --color-foreground: transparent;
  }
  .media.image-background-tleft img, 
  .media.image-background-tright img {
    min-height: auto;
  }
}

.harlings-collection-slideshow .slideshow__slide a{
    display: block!important;
}

.harlings-collection-slideshow .slideshow__slide a::after{
  bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

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

}

/*************************************************************** Pages  ************************************/
.harlings-page-content {
  color: rgba(var(--color-foreground),1);
  
}

.harlings-page-content p {
  font 1.4rem;
}

/* Modal */
.harlings-modal-container {
    width: 530px;
    background:url('https://cdn.shopify.com/s/files/1/0703/6455/t/8/assets/harlings-model-background-web.jpg?v=1666828217');
    background-repeat: no-repeat;
    background-size: 34%;
    background-color: #f7f7f7;
    background-position: 115% 80%;
}

.harlings-modal-container button.modal-close-button {
    position: absolute;
    right: -6px;
    background-color: white;
    color: #2c2b6b;
    top: -7px;
    border: none;
    border-radius: 12px;
    padding: 5px 8px;
}
.harlings-modal-container button.modal-close-button:hover  {
  cursor: pointer;
}


.harlings-modal-banner{
    background-color: #2c2b6b;
    padding: 15px;
    margin: auto;
    text-align-last: center;
}

.harlings-modal-banner img {
   width: 75%;  
   max-width: 325px;
}

#book-appointment-form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: revert;
    padding: 0px 30px 30px 30px;
    justify-content: space-between;
}

.appointment-booking-text-area{
  padding: 30px 30px 0px 30px;
}

@media screen and (max-width: 768px){
  .appointment-booking-text-area{
    padding: 0px 20px 0px 20px;
  }
  .appointment-booking-text-area .appointment-booking-text {
      max-width:100%!important;
  }
  #book-appointment-form {
    padding: 0px 20px 30px 20px;
  }
  #book-appointment-form label {
      font-size: 18px!important;    
  }
  #book-appointment-form input::placeholder{
    font-size: 18px;
  }

  #book-appointment-form input::-ms-input-placeholder{
      font-size: 18px;
  
  }
  #book-appointment-form input[name="first-name"]{
    flex: 0 1 48%;
  }
  #book-appointment-form input[name="last-name"]{
    flex: 0 1 48%;
  }
   #book-appointment-form input[name="booking-date"]{
    flex: 0 1 48%;
  }
   /* #book-appointment-form input[name="booking-time"]{
    flex: 0 1 48%;
  } */
}
.appointment-booking-text-area .appointment-booking-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #2c2b6b;
  max-width: 75%;
  margin-top: 10px;
  margin-bottom: 20px;
}

.appointment-booking-text-area .appointment-booking-block-dates{
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #2c2b6b;
  max-width: 75%;
}

.form-half-width {
   flex: 0 1 48%; 
    min-width: 50px;
}

.form-full-width {
   flex: 0 0 100%;
}

@media screen and (max-width: 480px) {
  .form-half-width {
      flex: 0 1 100%;
  }
}

#book-appointment-form input:not(input[type="checkbox"]){
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 15px 0px 7px 0px;
    font-size: 18px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    background: transparent;
}

#book-appointment-form input::placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

 
#book-appointment-form input::-ms-input-placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

#book-appointment-form textarea {
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 0px 0px 7px 0px;
    font-size: 13px;
    color: #7d7d7d;;
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    max-width: 75%;
    margin-top:5px;
}

#book-appointment-form label{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    padding-top: 15px;
}
#book-appointment-form .harlings-opt-in-container {
  padding-top: 15px;
}
#book-appointment-form input[type="checkbox"]{
   display: inline-block;
}

#book-appointment-form .appointment-booking-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #2c2b6b;
  max-width: 75%;
  margin-top: 10px;
  margin-bottom: 20px;
}
#book-appointment-form .submit_booking {
    background-color: #272c6d;
    color: white;
    border: none;
    padding: 14px 19px;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    cursor: pointer;
}

#book-appointment-form .submit_booking:after {
   content: ' >'
}

/* Contact Page  */

.multi-item-columns {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    max-width: 1170px;
    margin: 0px auto 50px auto;
}

.multi-item-columns .multi-col {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 0 10px;
    min-width: 400px;
}

#contact-form.contact-page-form {
  padding: 0px!important;
}

#contact-form.contact-page-form .form-half-width{
  margin-right: 0.5em;
}
#contact-form{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  margin-bottom: 20px;

}

#contact-form .form-half-width {
   flex: 0 1 46%;
}

.form-full-width {
   flex: 0 0 100%;
}

.harlings-contact-numbers a {
    text-decoration: none;
    color: #2f2a69;
}



.harlings-content.multi-column-rows hr {
  margin: 3rem 0;
}
#contact-form input:not(input[type="checkbox"]){
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 15px 0px 7px 0px;
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    margin-right: 1em;
    background: transparent;
}

#contact-form input::placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

 
#contact-form input::-ms-input-placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

#contact-form textarea {
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 0px 0px 7px 0px;
    font-size: 17px;
    color: #7d7d7d;;
    font-family: 'Open Sans', sans-serif;
    background: transparent;
}

#contact-form label{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    padding-top: 15px;
}
#contact-form .harlings-opt-in-container {
  padding-top: 15px;
}
#contact-form input[type="checkbox"]{
   display: inline-block;
}

#contact-form .appointment-booking-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 17px;
  color: #2c2b6b;
}
#contact-form .submit_booking {
    background-color: #2c2b6b;
    color: white;
    border: none;
    padding: 14px 19px;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    cursor: pointer;
}

#contact-form .submit_booking .button-icon:before {
   content:  ' \203A';
}
.contact-page-button {
    background-color: #f1f3f2;
    color: #2c2b6b;
    border: none;
    padding: 14px 19px;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    text-decoration: none;
    display: block;
    text-align-last: center;
      margin-bottom: 10px;
}
.contact-page-button:after {
   content:  ' \203A';
}

@media screen and (max-width: 480px){
  .multi-item-columns .multi-col {
      min-width: 0px;
  }
  .multi-item-columns {
    flex-direction: column;
  }
  .contact-page-button {  
    font-size: 16px;
  }
  #contact-form .submit_booking {
    font-size: 16px;
  }
    #contact-form{
      margin-top: 2em;
    }
}

.product-form__buttons {
    max-width: 100%!important;
}

.product-form__buttons .product-form__submit.button.button--full-width.color-accent-2{
      color: rgba(var(--color-foreground),1);
    background-color: rgb(var(--color-background));

}

.product-text-prompt {
    text-transform: lowercase;
}
/****************** Header Custom  ******************************************/
.header__icons {
    flex-wrap: wrap;
}

.header-booking-text{
  font-size: 12px;
  text-align: center;
  margin: 0;
  margin-top: 1em;
}

@media screen and (max-width: 980px){
  .header-booking-section {
      display:none;
  }
  header{
    max-width: var(--page-width);
    margin: 0 auto;
    padding: 0 1.5rem;
  }
}

  .header-booking-section {
      grid-column: 6/7;
      grid-row: 1/3;
  }

@media screen and (max-width: 1600px){
  .header-booking-section {
      grid-column: 6/8;
      grid-row: 1/2;
      margin-right: 1em;
  }
}
@media screen and (min-width: 980px){
  
  header {
    grid-template-columns: 1fr 1fr 1fr 3fr 1fr 1fr 1fr!important;
  }

  .header-booking-section a {
    font-size: 1.25rem;
    padding: 0px!important;
  }
  
  .header__search{
    grid-column: 3!important;
    justify-self: end!important;
  }
  .header__heading-link, .header__heading{
    grid-column: 4/5!important;
  }
  .header__inline-menu {
    grid-column-start: 2!important;
    grid-column-end: 7!important;
  }
  
  .header__icons {
    grid-column: 5/6!important;
        justify-self: start!important;
  }
}
/* Insurance Form */
#insurance-contact-form {
  display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: revert;
    padding: 0px 30px 30px 30px;
    justify-content: space-between;
}

#insuranceContactForm .form-half-width {
  display:grid;
  margin-top: 10px;
}

#insuranceContactForm .form-full-width {
  margin-top: 10px;
}

#insuranceContactForm .form-half-width.radio-buttons {
  display:block;
}
#insuranceContactForm .form-full-width input[type="email"]{
  display: grid;
  width: 100%;
}


#insurance-contact-form  input:not(input[type="checkbox"]) {
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 15px 0px 7px 0px;
    font-size: 18px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    background: transparent;
}


#insurance-contact-form input::placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

 
#insurance-contact-form input::-ms-input-placeholder{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
}

#insurance-contact-form textarea {
    border: none;
    border-bottom: 1px solid #2c2b6b;
    padding: 0px 0px 7px 0px;
    font-size: 13px;
    color: #7d7d7d;;
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    margin-top:5px;
}

#insurance-contact-form label{
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    padding-top: 15px;
}
#insurance-contact-form .harlings-opt-in-container {
  padding-top: 15px;
}
#insurance-contact-form input[type="checkbox"]{
   display: inline-block;
}

#insurance-contact-form .appointment-booking-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  color: #2c2b6b;
  margin-top: 10px;
  margin-bottom: 20px;
}
#insurance-contact-form .submit_booking {
    background-color: #45cbb0;
    color: white;
    border: none;
    padding: 14px 19px;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    cursor: pointer;
}

#insurance-contact-form .submit_booking:after {
   content: ' >'
}

.harlings-insurance-modal {
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  padding: 0;
  border: none;
  background: transparent;
  z-index: 99;
  position: fixed;
  overflow:hidden;
}

.harlings-insurance-modal .harlings-modal-container {
  max-width: 700px;
  width: 700px;
  margin: auto;
  transform: translateY(100px);
  transition: all 1s ease;
  background-position: 114% 100%;
}

.harlings-insurance-modal .close-dialog-area {
  position: absolute;
  display:block;
  height: 100%;
  width: 100%;
  z-index: -1;
}

.harlings-insurance-modal::backdrop {
  position: fixed;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  width:100%;
  height:150%;
  background: rgba(0,0,0,0.5);
}

.harlings-insurance-modal {
  display: none;
}
.harlings-insurance-modal[open] {
  display: flex;
}

.harlings-insurance-modal[open]{
  animation: model-fade 0.5s ease forwards;
}

.harlings-insurance-modal[open] .harlings-modal-container {
  transition: all 1s ease;
  transform: translateY(0px);
}

@keyframes model-fade {
  from {
    opacity: 0;
  }
  to{
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  .harlings-insurance-modal {
    padding: 10px;
  }
}

.insurance-form-text {
    font-size: 21px;
    color: #2c2b6b;
    font-family: "Playfair Display", serif;
    padding: 0px 15px 0px 15px;
    margin-bottom: 0px;
}

.radio-label {
  display:block;
}


.btn.submit-contact-form {
    background-color: #45cbb0;
    color: white;
    border: none;
    padding: 14px 19px;
    font-family: "Playfair Display", serif;
    font-size: 20px;
    cursor: pointer;
}
.sched-yes {
  display: grid;
}

#insuranceContactForm .alert {
    background-color: #282B6F;
    color: white;
    font-size: 21px;
    margin: 20px 0px;
    padding: 20px;
}

@media screen and (min-width: 750px){
.grid--3-col-tablet .grid__item.footer-block--menu {
    width: calc(19% - var(--grid-desktop-horizontal-spacing) * 3 / 4)!important;
}
  .footer__content-top .grid{
    row-gap: 1rem!important;
  }
}

.harlings-logo-custom-footer-section p strong{
  color: #00E2ED;
}

.harlings-logo-custom-footer-section p a:last-child{
  color: #00E2ED;
  text-decoration: none;
}

.harlings-logo-custom-footer-section p a{
  color: #00000;
  text-decoration: none;
}

.harlings-logo-custom-footer-section p:first-child {
  border-bottom: solid 1px white;
  padding-bottom: 5px;
}

/* Product page */
.item-SKU-list{
  visibility: hidden;
}

.header-phone-number, .header-phone-number a {
  text-align: center;
  color: #2c2b6b;
  text-decoration: none;
  font-size: 13px;
}

cart-note textarea::placeholder{
  display:block;
}


/* --- Appointment Booking page form ---*/ 
.harlings-booking-container{
  width: 1100px;
  margin: auto;
  background: #f2f2f2;
  margin-bottom: 50px;
  padding-left: 40px;
  padding-right: 40px;
}

/* Tablet view (typically 768px to 1024px) */
@media (max-width: 1024px) {
  .harlings-booking-container {
    width: 80%;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
  }

  .harlings-booking-container #book-appointment-form input:not(input[type="checkbox"]){
    font-size: 16px;
  }
}

/* Mobile view (typically less than 768px) */
@media (max-width: 767px) {
  .harlings-booking-container {
    width: 90%;
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .harlings-booking-container #book-appointment-form input:not(input[type="checkbox"]){
    font-size: 16px;
  }
}