/*
 * Client: Banks Jewelers
 * Copyright 2008-2018 Punchmark
 */

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

a#logo {
	padding: 15px 0px 0px 0px;
}

.btn, .form-control {
	border-radius: 0 !important;
}

.btn-link,
.btn-under-widget {
  letter-spacing: 0.08rem;
  font-size: 14px;
  font-weight: 400 !important;
  color: #111111;
  text-transform: uppercase;
}

.grid-item .widget .content-block .hover-layer {
  background: rgba(143,86,187, 0.75) !important;
}

.widget-social-grid .social-icon {
  margin: 0;
  font-size: 3.5rem;
}

.widget-social-grid .social-description {
  display: none;
}

nav.navbar .dropdown > .dropdown-menu.show {
  display: block !important;
  max-height: 1500px !important;
  opacity: 1 !important;
}

@media(min-width:768px){
	a#logo {
		padding: 30px 0px 20px 0px;
	}
}



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

header {
	background: linear-gradient(#8F56BB, #6a3394);
	padding-left: 10px;
	padding-right: 10px;
}
header .toolbar-item.himalaya-search form .input-group {
 	border: 1px solid white;
}
header .toolbar-item.himalaya-search form .input-group button,
header .toolbar-item.himalaya-search form .input-group input {
	border: none;
	background: none;
	color: white;
	line-height: 30px;
	height: 30px;
	padding: 0 5px;
}
header .toolbar-item.himalaya-search form .input-group input::placeholder {
	color: white;
}
header .inline-left-and-right i {
	color: white;
}

header .content-toolbar > .content-toolbar-inner > ul > li+li {
	margin-left: 0px;
}
header .content-toolbar > .content-toolbar-inner > ul > li:not(:last-of-type) {
	padding-right: 20px;
}

header .inline-left-and-right:first-child {
	display: none;
}

@media(min-width:768px){
	header .content-toolbar-inline-left-and-right {
	  display: flex !important;
	}
	header .inline-left-and-right:first-child {
	  display: inherit;
	}
	header .content-toolbar > .content-toolbar-inner {
	  justify-content: flex-end !important;
	}
}

@media(min-width: 992px) {
	header .inline-left-and-right:first-child {
		display: inherit;
	}
	header .content-toolbar > .content-toolbar-inner {
	  justify-content: center !important;
	}
}




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

nav.navbar .nav-item .nav-link {
	letter-spacing: 1px;
	font-weight: 400;
}

@media(min-width:768px){
	
}
@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
		font-size: 1rem;		
	}
	nav.navbar {
		padding-left: 10px;
		padding-right: 10px;
	}
}
@media(max-width:991px){
	nav.navbar .navbar-toggler,
	nav.navbar .navbar-toggler:focus {
	  box-shadow: none !important;
	}
	nav.navbar .nav-item { 
		border-top: 1px solid rgba(0,0,0,0.1);
	}
}
nav.navbar .dropdown .dropdown-item,
nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent {
  line-height: 1;
  font-weight: 400;
}






/* =======================================================================================
	HOMEPAGE
======================================================================================= */

section.years-of-service {
	background: #f8f8f8;
	box-sizing: border-box;
	padding: 20px 0;
}
section.years-of-service .col-lg-3 .widget {
	height: 100%;
	justify-content: center;
	display: flex;
}
section.years-of-service .col-lg-3 .content-block {
	width: 50% !important;
	margin: auto !important;
}
section.years-of-service .col-lg-3 .content-block .text-left {
	text-align: center !important;
}
section.years-of-service .col-lg-3 h3 {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem;
}
section.years-of-service .col-lg-3 .btn {
	text-align: left;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	color: #8F56BB;
	font-weight: bold;
	font-size: 14px;
}

section.years-of-service .col-lg-9 .widget {
	width: 50%;
	margin: 0 0 0 -4px;
	box-sizing: border-box;
	padding: 0 20px 20px;
	display: inline-block;
}
section.years-of-service .col-lg-9 .widget .widget-inner {
	max-width: 70px;
	margin: 0 auto;
}
section.years-of-service .col-lg-9  .content-block .align-self-center h6  {
	text-align: center !important;
	padding: 0 10px;
	margin: 10px 0;
	font-size: 0.8rem;
	font-weight: bold;
}

@media(min-width: 768px) {
	section.years-of-service {
		padding: 50px 0;
	}
	
	section.years-of-service .col-lg-3 .content-block .text-left {
		text-align: left !important;
	}
	
	section.years-of-service .col-lg-9 .widget {
		display: inline-flex;
	}	
	section.years-of-service .col-lg-9 .content-block {
		height: 100%;
	}
	section.years-of-service .col-lg-9 .widget a {
		display: inline !important;
		max-width: 80px;
		padding-right: 20px;
	}
	section.years-of-service .col-lg-9 .widget {
		margin-bottom: 30px;
	}
	section.years-of-service .col-lg-9 .content-block .align-self-center {
		display: flex !important;
		justify-content: center !important;
		height: 100%;
		text-align: left !important;
	}
	section.years-of-service .col-lg-9 .content-block .align-self-center h6 {
		text-align: left !important;
		padding-right: 20px;
	}
	section.years-of-service .col-lg-9 .widget {
		width: 33.33333333%;
		margin: 0 0 0 -4px;
		display: inline-flex;
		flex-direction: row;
		justify-content: center !important;
		align-items: center;
	}
}








/* =======================================================================================
	TOP CORNER OVERLAYS
======================================================================================= */

.widget-ovrly-top-corner h4 {
  font-size: 1.5rem !important;
}
.widget-ovrly-top-corner .btn {
  color: white;
  padding: 0;
  margin: 0;
  height: auto;
  line-height: 1;
  position: relative;
}
.widget-ovrly-top-corner .btn::after {
  content: " >>";
  position: relative;
  top: -1px;
  width: auto;
  height: auto;
  background: transparent;
  opacity: 0.5;
  padding-left: 0.33rem;
}
.widget-ovrly-top-corner .content-block,
.widget-ovrly-top-corner .content-block > span {
  height: 100%;
}
.widget-ovrly-top-corner .content-block .link-container {
  position: absolute;
  bottom: 20px;
  left: 20px;
}


/* =======================================================================================
	TOP CORNER OVERLAYS II
======================================================================================= */
.innerText h4 {
  font-size: 1.5rem !important;
}
.innerText .content-block {
  box-sizing: border-box;
  padding: 20px 20px 20px 20px;
}
.innerText .content-block {
  width: 60% !important;
}




/* =======================================================================================
	REVIEWS
======================================================================================= */

.reviews-section h3 {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 3px;
	font-size: 1.2rem;
	margin-bottom: 30px;
}
.reviews-section .btn {
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: normal;
	color: #8F56BB;
	margin-top: 30px;
}
.reviews-section .star-rating i {
	color: #8F56BB;
}
.reviews-section .star-rating i.icon-star:before,
.reviews-section .star-rating i.icon-star-o:before {
	font-family: "Font Awesome 5 Free";
}
.reviews-section .star-rating i.icon-star:before {
	content: "\f005" !important;
}
.reviews-section .star-rating i.icon-star-o:before {
	content: "\f089" !important;
}

.testimonials-carousel {
  margin-top: 30px;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description {
  padding: 0 10vw;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
  content: open-quote;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 10vw;
  line-height: 1;
  color: black;
}

.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
  content: close-quote;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10vw;
  line-height: 1;
  color: black;
}

.testimonials-carousel .testimonials-owl-carousel .owl-nav,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot span,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot.active span {
  display: none !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots {
  display: flex !important;
  justify-content: center;
  padding-top: 40px;
  visibility: visible;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot {
  border-radius: 50%;
  opacity: .2;
  background: #000;
  height: 5px;
  width: 5px;
  display: inline-block;
  padding: 0;
  text-indent: -9999px
  outline-width: 0 !important;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot + .owl-dot {
  margin-left: 10px;
}

.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot:hover,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot:focus,
.testimonials-carousel .testimonials-owl-carousel .owl-dots .owl-dot.active {
  background: #000;
  opacity: 1;
  outline-width: 0 !important;
}

@media(min-width:1200px){
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
	  font-size: 120px;
	}
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
	  font-size: 120px;
	}
}

@media(max-width:767px){
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::before {
	  font-size: 20vw;
	}
	.testimonials-carousel .testimonials-owl-carousel .owl-item .review-description::after {
	  font-size: 20vw;
	}
}








/* =======================================================================================
	BUTTONS
======================================================================================= */

.buttonList {
	justify-content: center;
	margin: auto;
}
.buttonList .d-inline-flex {
	display: block !important;
}
.buttonList .multi-btn {
	width: calc(50% - 10px) !important;
	padding: 0;
	margin: 0;
	display: inline-block !important;
}
.buttonList .multi-btn .btn {
	background: #f2f2f2;
	display: block;
	box-sizing: border-box;
	margin: 0px;
	padding: 0;
}
.buttonList .multi-btn .btn:hover {
	background: #8F56BB;
	color: white;
}

@media(min-width: 768px) {
	.buttonList .multi-btn {
		width: 25% !important;
	}
}





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

footer p,
footer label {
  font-weight: normal;
  font-size: 14px;
}
footer .input-group {
  background: rgba(0,0,0,0.1);
}
footer .input-group .btn,
footer .input-group .form-control {
  background: none;
  border: 0;
  box-shadow: none;
}
footer .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.5);
}