/*!
 * Client: John Anthony Jewellers
 * Copyright 2008-2019 Punchmark
 */



/* =======================================================================================
   BTN
======================================================================================= */

.ringsettings-icons div a span, 
.diamond-search-icons div a span {
  color: #333333;
}

.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-color: #e2deda!important;
}


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

nav.navbar .dropdown .dropdown-menu {
  border-radius: 0 !important;
}

@media(min-width:768px){
	nav.navbar .dropdown .dropdown-menu {
	  border-radius: 0.25rem !important;
	}
}




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

a#logo {
  padding: 0px 0px 25px 0px;
  max-width: 365px;
}

.toolbar > .toolbar-inner > ul > li,
.toolbar > .toolbar-inner > ul > li > a {
  font-family: "niveau-grotesk", sans-serif;
  font-size: 12px;
  color: #333;
}

.toolbar > .toolbar-inner > ul > li > a > i {
  color: #e0b781;
}

header .content-toolbar.container {
  position: absolute;
  bottom: 25px;
  left: 10px;
  right: 10px;
  width: 100%;
  max-width: calc(100% - 20px) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a {
  font-family: "niveau-grotesk", sans-serif;
}

header .content-toolbar > .content-toolbar-inner > ul > li.item-custom {
  position: absolute;
  right: 0px;
  bottom: 65px;
}

header .content-toolbar > .content-toolbar-inner > ul > li.item-custom img.flag {
  max-width: 80px;
  max-height: 40px;
  margin-left: 5px;
}

header .content-toolbar > .content-toolbar-inner > ul > li .input-group .form-control {
  background: #f9f8f7 !important;
  height: 26px;
  font-size: 13px;
}

header .content-toolbar > .content-toolbar-inner > ul > li .input-group .btn {
  height: 26px;
  padding: 0 0.5rem;
}

header .content-toolbar > .content-toolbar-inner > ul > li .input-group .btn i {
  transform: translateY(-1px);
}

@media(min-width:768px){
	header .content-toolbar > .content-toolbar-inner > ul > li.item-custom {
	  right: 10px;
	}
}

@media(min-width:992px){
	header .content-toolbar.container { 
	  left: 0px;
	  right: 0px;
	  width: 100% !important;
	  max-width: 100% !important;
	}
}

@media(min-width:1200px){
	header .content-toolbar.container { 
	  left: 0px;
	  right: 0px;
	}
}

@media(max-width:767px){
	a#logo {
	  padding: 0px 0px 5px 0px;
	  max-width: 365px;
	}
	header .content-toolbar.container {
  	  position: absolute;
	  bottom: -45px;
    }
    header .content-toolbar > .content-toolbar-inner > ul {
      width: calc(100% - 44px);
    }
    header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline {
      width: 100%;
    }
	header .content-toolbar > .content-toolbar-inner > ul.right {
	  display: none !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul.right > li.item-custom {
	  top: 0px !important;
	  right: 20px !important;
	  display: block !important;
	}
	.toolbar > .toolbar-inner > ul.left > li.item-custom {
	  position: absolute;
	  top: 10px;
	  right: 0px;	  
	}
	.toolbar > .toolbar-inner > ul.left > li.item-custom img.flag {
	  max-width: 40px;
	  max-height: 20px;
	  margin-left: 5px;
	}
}




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

nav.navbar {
  border-color: #e2deda;
}

nav.navbar .nav-item .nav-link {
  padding-bottom: 15px;
}

nav.navbar .nav-item.dropdown > .dropdown-menu {
  background: white !important;
  border-radius: 0 0 0.25rem 0.25rem !important;
  border-top: 0 !important;
}

nav.navbar .dropdown-menu .dropdown-item {
  padding: 1px 10px;
  font-family: "niveau-grotesk", sans-serif;
  text-transform: uppercase;
  font-size: 12px;
  color: #4a3b27;
}

nav.navbar .dropdown-menu .dropdown-item.show,
nav.navbar .dropdown-menu .dropdown-item:hover,
nav.navbar .dropdown-menu .dropdown-item:focus {
  background: #333333;
  color: #ffffff;
}  

@media(min-width:768px){
	nav.navbar .nav-item .nav-link {
	  font-size: 1.0rem;
	  padding: 10px 10px 15px 10px;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 1.15rem;
	  padding: 10px 10px 15px 10px;
	}
}

@media(max-width:767px){
	nav.navbar {
	  -ms-flex-pack: end;
	  justify-content: flex-end;
	}
	nav.navbar .nav-item {
	  border-top: 1px solid #e2deda;
	}
	nav.navbar .nav-item .nav-link {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	nav.navbar .nav-item .nav-link.show,
	nav.navbar .nav-item .nav-link:hover,
	nav.navbar .nav-item .nav-link:focus {
	  background: #333333;
	  color: #ffffff;
	}	
	nav.navbar .navbar-toggler {
	  padding: 20px;
	  z-index: 3000;
	}
}



/* =======================================================================================
   SLIDER
======================================================================================= */

section#home-slider {
  background: #f9f8f7;
  background: -moz-linear-gradient(top, #f9f8f7 0%, #ffffff 100%);
  background: -webkit-linear-gradient(top, #f9f8f7 0%,#ffffff 100%);
  background: linear-gradient(to bottom, #f9f8f7 0%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f8f7', endColorstr='#ffffff',GradientType=0 );
}

section#home-slider .slick-slider .slick-arrow {
  background: #e0b781;
  opacity: 0.85 !important;
}

section#home-slider .slick-slider .slick-next .icon-chevron-right, 
section#home-slider .slick-slider .slick-prev .icon-chevron-left {
  color: #333333;
  font-size: 1.5rem;
}

section#home-slider .slick-slider .slick-prev .icon-chevron-left {
  transform: translate(-2px,1px);
}

section#home-slider .slick-slider .slick-next .icon-chevron-right {
  transform: translate(3px,1px);
}

@media(min-width:1200px){
	section#home-slider .slick-slider.contained {
	  margin-top: 20px;
	  margin-bottom: 20px;
	  box-shadow: 0 0 0 1px #e2deda, 0 0 15px #e2deda;
	}
}

@media(max-width:767px){
	section#home-slider .slick-slider.contained {
	  padding-top: 0px;
	}
}




/* =======================================================================================
   HOME
======================================================================================= */

.testimonials-owl-carousel.column-slider .owl-dots,
.testimonials-owl-carousel.column-slider .owl-nav {
  display: none !important;
}

.testimonials-owl-carousel.column-slider .review-heading,
.testimonials-owl-carousel.column-slider .review-source,
.testimonials-owl-carousel.column-slider .text-center.small {
  text-transform: uppercase;
}

@media(min-width:768px){
	.testimonials-owl-carousel.column-slider .owl-item {
	  padding-left: 2rem;
	  padding-right: 2rem;
	}
	.testimonials-owl-carousel.column-slider .owl-nav {
	  display: block !important;
	}
}



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

footer h6 {
  margin-top: 20px;
  text-transform: uppercase;
  font-size: 18px;
}

footer .footerlinks li a {
  font-family: "niveau-grotesk", sans-serif;
  font-size: 14px;
  color: #333;
  text-transform: uppercase;
  font-weight: 300;
}

footer .footerlinks li a:hover,
footer .footerlinks li a:focus {
  color: #000000;
  text-decoration: none;
}

footer .footer-address-line p,
footer .footer-address-line p span,
footer .footer-address-line p a {
  font-family: "niveau-grotesk", sans-serif;
  font-size: 12px;
  color: #333;
  font-weight: 400;
}

footer p.copyrights {
  line-height: 1.3;
}