/*!
 * Ken Walker Jewelers
 * Copyright 2008-2023 Punchmark
 */

/* =======================================================================================
	HELPERS
======================================================================================= */

.btn-primary,
.btn-secondary {
	color: #ffffff !important;
}

.widget-social-carousel .social-link,
.widget-social-carousel .social-heading {
	display: none !important;
}

.widget-social-carousel .social-description {
	font-size: 12px;
}

.owl-nav button.owl-next i, 
.owl-nav button.owl-prev i,
.owl-nav button.owl-next i::before, 
.owl-nav button.owl-prev i::before {
	color: var(--secondary) !important;
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: var(--secondary);
}
.spaced-ul ul li{margin-bottom:10px;}
.justify-center .row{justify-content:center;}

/* =======================================================================================
	HEADER
======================================================================================= */

header .content-toolbar .content-toolbar-inner > ul > li > a > i {
	font-size: 21px;
	-webkit-text-stroke-width: 0.05rem;
	-webkit-text-stroke-color: inherit;
}

header .content-toolbar .content-toolbar-inner > ul > li > a > span {
	font-size: 12px;
	font-weight: 500;
}	

@media(max-width:767px){
	header .main-content > .row > .col {
		height: 60px;
	}
}

@media(min-width:768px){
	header .content-toolbar .content-toolbar-inner > ul.left > li.item-search + li {
		margin-left: 0;
	}
}

@media(min-width:992px){
	header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group {
		border: 0;
		border-bottom: 1px solid #111111;
		border-radius: 0;
		width: 160px;
	}
	header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .form-control {
		padding-left: 0;
	}
	header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn {
		padding-right: 0 !important;
	}
	header .content-toolbar .content-toolbar-inner > ul > li.item-search-inline > form > .input-group .btn > i {
		font-size: 1rem !important;
		-webkit-text-stroke-width: 0.05rem;
		-webkit-text-stroke-color: inherit;
	}
}


/* =======================================================================================
	NAV
======================================================================================= */

nav.navbar .navbar-nav .nav-item .nav-link {
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 14px;
}

@media(max-width:767px){
	nav.navbar .mobile-bottom .social-networks {
		display: none;
	}
	nav.navbar .mobile-bottom .nav-bottom-buttons .btn {
		font-size: 13px !important;
		font-weight: 500 !important;
		height: 40px;
	}
	nav.navbar .mobile-bottom .nav-logo {
		margin-bottom: 20px;
	}
  
    /* for homepage banner h1, subtitle and button size */
    #section-1-tab-1-row-1-column-1-widget-1-heading-1 {
      font-size: 1.5rem !important;
    }
    #tinymce-widgetLink-section-1-tab-1-row-1-column-1-widget-1-link-0 {
      font-size: .8rem !important;
      min-height: 1rem !important;
    }
    #section-1-tab-1-row-1-column-1-widget-1-paragraph-1 {
      font-size: .6rem !important;
    }

}
@media(max-width:412px) {
	/* for homepage banner h1, subtitle and button size */
    #section-1-tab-1-row-1-column-1-widget-1-heading-1 {
      font-size: .5rem !important;
    }
    #tinymce-widgetLink-section-1-tab-1-row-1-column-1-widget-1-link-0 {
      font-size: .5rem !important;
      min-height: .8rem !important;
    }
    #section-1-tab-1-row-1-column-1-widget-1-paragraph-1 {
      font-size: .6rem !important;
      margin-bottom: 2px !important;
    }
}

@media(min-width:768px){
	nav.navbar .navbar-nav .nav-item + .nav-item {
		padding-left: calc(var(--bs-container-padding-x-2x) * 1);
	}
}

@media(min-width:992px){
	nav.navbar .navbar-nav .nav-item + .nav-item {
		padding-left: calc(var(--bs-container-padding-x-2x) * 2);
	}
}


/* =======================================================================================
	FOOTER
======================================================================================= */




/* =======================================================================================
	HOMEPAGE
======================================================================================= */
/* product feature */
.product-featured-home .widget div:nth-child(3) {background-color: #f3f3f2;padding: 20px 16px;height: 140px;}
.product-featured-home .widget .product-title, .product-featured-home .product-price{text-align:center !important;}
.product-featured-home .product-slider a.widget-inner { border: 1px solid rgb(0 0 0 / 5%) !important;}
.product-featured-home .widget div:nth-child(2) {display: none !important;}
@media (min-width: 768px) {
  .product-featured-home .widget div:nth-child(3) {height: 120px;}
}
@media (min-width: 992px) {
  .product-featured-home .widget div:nth-child(3) {height: 110px;}
}

/* home collections */
.home-collection-section h3{
  	font-size: 1rem !important;
    font-family: montserrat !important;
    font-weight: 700;
    letter-spacing: 0.8px;
    margin-bottom: 20px;
  	word-break: break-word;
}
.home-jewelry-services h3{font-size: 1rem !important;font-weight: 700 !important; font-family:montserrat !important;}

/* home testimonials */
.home-testimonials h3{letter-spacing: 1px;margin: 20px auto 10px auto;font-size:1.4rem;text-transform: capitalize;}
.home-testimonials h4{text-transform: capitalize;font-size: 1.78rem;}
.home-testimonials{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/mobile-testimonials.png');
  background-size: cover;
}
.home-testimonials h5:before{
  content: '';
  background:url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/5-star-icon.png');
  width: 102px;
  height: 15px;
  display: block;
  margin: 10px auto;
}
.home-testimonials h5{font-family: 'montserrat' !important; font-size: 0.8rem;}
.home-testimonials .row:nth-of-type(3) > div { background-color: #ffffff63;margin-left:5px;margin-right:5px;margin-bottom:5px;}
.home-testimonials .widget-inner img{width:auto !important;}
.home-testimonials .btn-link{text-transform: capitalize;}
.home-testimonials .container .row{ justify-content: center;}
@media (min-width: 992px) {
    .home-testimonials .col-lg-3 { width: 23%; }
}
@media (min-width: 768px) {
    .home-testimonials .col-lg-3 { width: 23%; }
  	.home-testimonials{
      background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/testimonial-bg.png');
      background-size: cover;
    }
}

/* home - about us */
.home-about-section{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/mobile-aboutus.png') no-repeat; 
  background-size: cover;
}
.home-about-section .row{padding: 40px 12px;}
.home-about-section .about-us{background-color: #fff; padding: 30px 40px;}
.home-about-section .row .img img{width:100%;}
@media (min-width: 768px) {
  .home-about-section{
    background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/background---1920x600.png') no-repeat; 
    background-size: cover;
  }
  .home-about-section .row .img { position: relative; }
  .home-about-section .row .about-us{ position:absolute; left: -20px; bottom: -9%;}
}
@media (min-width: 1024px) {
  .home-about-section .row .about-us{bottom:4%;padding:59px 42px;}
}
@media (min-width: 1200px) {
  .home-about-section .row .about-us{bottom:12%;padding:44px 78px;}
}
@media (min-width: 1400px) {
  .home-about-section .row .about-us{bottom:20%;padding:44px 78px;}
}

/* home - blog */
.home-recent-blogs-header h3{font-size: 1.75rem;}
.home-blog .content-block{height: 245px;}
.home-blog .content-block h4{font-size: 1rem !important;font-family: montserrat !important;}
@media (min-width: 768px) {
  .home-blog .content-block{height: 218px;}
}

/* home - faq */
.home-faq .accordion{
  color: #444;
  cursor: pointer;
  padding: 35px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 1.1rem;
  transition: 0.4s;
  border-top: 1px solid #000;
  font-weight: 700;
  background-color: #fff;
  font-family: montserrat !important;
}
.home-faq .accordion h3{font-size: 1rem; display: inline; text-transform: none; font-family: 'montserrat';}
.home-faq .accordion:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.home-faq .active:after { content: "\2212";}
.home-faq .panel { padding: 0 35px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
.home-faq .panel p{margin-bottom: 30px;font-family: montserrat !important;text-align:left !important;}
.home-faq h2{text-align:center;}

/* home - contact us */
.home-contactus{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/mobile-contactus.png') no-repeat; 
  background-size: cover;
}
@media (min-width: 768px) {
  .home-contactus{
    background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/New-Homepage-Mockup/contactus-bg.png') no-repeat; 
    background-size: cover;
  }
}

/* =======================================================================================
	GENERAL SECTION LAYOUT IN PAGES
======================================================================================= */
.overlap-row{width: 100%;margin: 0 auto;display: flex;align-items:center;justify-content: center;padding-top:20px;padding-bottom:20px;max-width: 1320px;}
.overlap-row-left{width: 50%;}
.overlap-row-right{
	width: 50%;
	display:flex;
	align-items:center;
	justify-content: center;
	padding: 30px 15px;
	background-color: #fff;
	margin-left: -50px;
  	box-shadow: -6px 6px 11px 0px #6f6c6c7d;
}
@media (min-width: 1200px) {
  .overlap-row-right{padding: 30px 50px;}
}
@media (min-width: 1366px) {
  .overlap-row-right{padding: 50px;}
  .overlap-row-right{width: 55%;margin-left: -120px;}
}
@media (min-width: 1700px) {
  .overlap-row{padding-left:2%;padding-right:2%;}
}
@media (max-width: 767px) {
  .overlap-row{flex-direction: column;}
  .overlap-row-right{margin-left: 0;padding: 15px;width: 100%;}
  .overlap-row-left{width: 100%;}
}

/* === Overall Feature ==== */
.overall-feature-col{max-width:1320px;margin:auto;}
.overall-feature-col .row{justify-content:center;}
.overall-feature-col .col-ea{padding:25px 20px;background-color: #f6f6f6;margin-left: 10px;margin-right: 10px;margin-top:16px;}
.overall-feature-col .row h3{font-size: 1.1rem; margin-top: 25px;text-transform: capitalize;font-family: 'montserrat';}
.overall-feature-col img{width:auto !important;}
@media (min-width: 200px) {
  .overall-feature-col .col-sm-6 {width: 90%;}
}
@media (min-width: 565px) {
  .overall-feature-col .col-sm-6 {width: 45%;}
}
@media (min-width: 768px) {
  .overall-feature-col .col-sm-6 {width: 30%;}
}

/* === FAQ ==== */
.faq-container{ background-color: #fff; padding: 40px; border: 2px solid #d7cec878;}
@media (max-width: 1000px) {
  .faq-container{padding: 27px 10px;}
  .accordion{padding:18px;}
}

/* =======================================================================================
	OTHER PAGES
======================================================================================= */
/* ================ UNIQUE ENGAGEMENT RINGS ======================== */
.find-the-ring{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Unique-Engagement-Ring/find-the-ring-back.png') no-repeat; 
  background-size: cover;
}
.unique-engagement-features .row{justify-content:center;}
.unique-engagement-features .row h3{font-size: 1.1rem; margin-top: 25px;text-transform: capitalize;font-family: 'montserrat';}
.unique-engagement-features .row .col-lg-2{padding:25px 7px;background-color: #f6f6f6;margin-left: 5px;margin-right: 5px;margin-top:7px;}
.unique-engagement-features .row .col-lg-2 img{width:auto !important;}
@media (min-width: 1200px) { .unique-engagement-features .row .col-lg-2 {width: 19%;}}
@media (max-width: 992px) { .unique-engagement-features .row .col-lg-2 {width: 30%;}}
@media (max-width: 600px) {
    .unique-engagement-features .row .col-sm-6 {width: 46%;}
  	.unique-engagement-features .row h3{font-size: 0.9rem;}
}
.unique-engring-faq{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Unique-Engagement-Ring/bottom-background3.png') no-repeat; 
}
@media (min-width: 1620px) {
  .unique-engring-faq{background-size:cover;}
}
@media (max-width: 1000px) {
  .unique-engring-faq h2{margin-bottom:10px;}
}
@media (max-width: 550px) {
  .unique-engring-faq{
    background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Unique-Engagement-Ring/bottom-background-mobile3.png') no-repeat; 
  }
}

/* ================ CUSTOM JEWELRY ======================== */
.custom-jewelry-overlap{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Custom-Jewelry/find-the-ring-back.png') no-repeat; 
  background-size: cover;
}
.custom-jewelry-faq{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Custom-Jewelry/faq-jpeg1.jpg') no-repeat; 
  background-position: center;
}
.banner-second-title{font-family: var(--bs-h1-family);font-size:1.7rem;}

.overall-vid-ct{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-Custom-Jewelry/custom-jewelry-design-process-back.png') no-repeat; 
  padding-bottom:60px;
  background-size: cover;
  padding-left: 20px;
  padding-right: 20px;
}
.overall-vid-ct h2{text-align:center; color: #ffffff;padding-top:50px;padding-bottom:20px;}
.vid-section-detail-row{max-width: 1200px;margin: auto;justify-content: center;}
.vid-section-detail-row .col-sm-6{margin-top: 30px;background-color: #495541;padding: 0;margin-left: 20px;margin-right: 20px;}
.vid-section-detail-row img{width:100% !important;}
.vid-col-ea-details{color: #fff;padding: 17px 20px;text-align: center;margin-top: 10px;}
.vid-col-ea-details h3{font-family: 'montserrat';font-size: 1.1rem;}
.vid-col-ea-details h3, .vid-col-ea-details p{color: #fff;}
.vid-section {position: relative;overflow: hidden;width: 100%;padding-top: 56.25%;margin:auto;}
.responsive-iframe {position: absolute;top: 0;left: 0;bottom: 0;right: 0;width: 100%; height: 100%;}
@media (max-width: 575px) {
    .vid-section-detail-row .col-6 {width: 90%;}
}
@media (min-width: 576px) {
    .vid-section-detail-row .col-sm-6 {width: 42%;}
}
@media (min-width: 900px) {
  .vid-section-detail-row .col-sm-6 {width: 30%;}
  .vid-section{padding-top: 544px;max-width: 890px;}
}
/* ================ JEWELRY REPAIR ======================== */
.jr-overlap-row-right{
	width: 50%;
	display:flex;
	align-items:center;
	justify-content: center;
	padding: 3px;
	background-color: #fff;
	margin-left: -50px;
  	box-shadow: -6px 6px 11px 0px #6f6c6c7d;
}
.jewelry-repair-faq{
	background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Jewlery-Repair/FAQs-BG2.png') no-repeat;
	background-position: top;
	background-size: cover;
}
.jewelry-repair-why-choose-kwj .container .row {
 	justify-content: center;
}
.jewelry-repair-why-choose-kwj .container .row div.widget {
 	width: 75%;
}
.jr-sec-5 .jr-img-overlap img {
  height: 42rem;
  width: 85%;
}

.widget-banner.background-color-dark {
  background: var(--bs-dark) !important;
}

/* ================ MENS WEDDING BANDS ======================== */
.mwb-banner{
  background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-mens-wedding-bands/main-banner---1920x600.jpg') no-repeat; 
  background-size: cover;
}
.mwb-banner2 {
	background: url('https://cdn.jewelryimages.net/static/domains/kenwalkerjewelers/images/store-pics/Page-mens-wedding-bands/Surprise-Your-Man-with-A-Memorable-Ring.jpg') no-repeat; 
  background-size: cover;
}
#mens-wedding-bands #section-1-tab-1-row-1-column-1-widget-1-heading-1 {
  	text-transform: capitalize !important;
  	max-width: 1320px !important;
}