/*!
 * Client: Clater Jewelers
 * Copyright 2008-2018 Punchmark
 */



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

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

.product-slider .btn-default, 
.product-slider .product-designer, 
.product-slider .product-desc {
  display: none !important;
}

.serif-headers {
  font-family: "adobe-caslon-pro" !important;
}

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

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

nav.navbar .navbar-toggler {
  padding-bottom: 20px;
}

nav.navbar .navbar-collapse .container {
  padding-bottom: 20px;
}

nav.navbar .navbar-collapse .container .container {
  padding-bottom: 0px;
}

nav.navbar .nav-item .nav-link {
  color: #c7c7c7;
  letter-spacing: 0.06rem;
}

nav.navbar .nav-item .nav-link:hover,
nav.navbar .nav-item .nav-link:focus {
  color: #ffffff;
}

@media(min-width: 768px){
	nav.navbar {
	  padding: 35px 0px;
	}
	nav.navbar .navbar-toggler,
	nav.navbar .navbar-collapse .container {
	  padding-bottom: 0px;
	}
	nav.navbar .nav-item .nav-link {
	  padding-top: 15px;
	  padding-bottom: 15px;
	}
	nav.navbar .navbar-collapse .container {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	}
	nav.navbar .dropdown .dropdown-menu {
	  border-radius: 0.25rem !important;
	}
	nav.navbar .navbar-toggler {
	  padding-bottom: 20px;
	}
	nav.navbar .navbar-collapse .container {
	  padding-top: 0px;
      padding-bottom: 10px;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-left, 
	header .nav-inline-and-split nav.navbar .navbar-nav.navbar-right {
	  -ms-flex-pack: distribute !important;
	  justify-content: space-around !important;
	}
	header .nav-inline-and-split nav.navbar .navbar-nav::before,
	header .nav-inline-and-split nav.navbar .navbar-nav::after {
	  content: "";
	}	
}

@media(min-width: 992px){
	nav.navbar {
	  padding: 35px 0px;
	}
	nav.navbar .navbar-collapse .container {
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
}

@media(max-width:767px){
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  background: white;
	  border: 0 !important;
	}
}






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

.alert-global {
  background: #222222;
}

header .nav-inline-and-split a#logo {
  z-index: 1800 !important;
  padding: 15px 0px 0px 0px;
}

.toolbar {
  background: #282828;
  z-index: 1001;
}

.toolbar > .toolbar-inner > ul > li > a {
  font-size: 11px !important;
  letter-spacing: 0.1rem;
  color: #c7c7c7;
}

.toolbar > .toolbar-inner > ul > li > a > i {
  font-size: 16px !important;
  width: 16px;
  height: 16px;
  color: #c7c7c7;
  margin-top: -2px;
}

.toolbar > .toolbar-inner > ul > li:hover > a,
.toolbar > .toolbar-inner > ul > li:hover > a > i {
  color: #ffffff;
}

@media(min-width: 768px){
	header {
	  padding: 30px 0 10px 0;
	}
	header .nav-inline-and-split a#logo {
	  z-index: 1800 !important;
	  padding: 0px;
	}
	header .container {
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	}
	header > .container-fluid {
	  height: 116px !important;
	}
	.toolbar {
	  border-bottom: 0;
	  background: none !important;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	}
	body.sitemanager-menu-open .toolbar,
	body.sitemanager-menu-closed .toolbar {
	  top: 64px;
	}
	.alert-global + .toolbar {
	  top: 41px;
	}
	body.sitemanager-menu-open .alert-global + .toolbar,
	body.sitemanager-menu-closed .alert-global + .toolbar {
	  top: 105px;
	}
	.toolbar > .toolbar-inner > ul > li > a {
	  font-size: 12px !important;
	}  
}

@media(min-width: 992px){
	header .nav-inline-and-split a#logo {
	  max-width: 350px;
	  width: 350px;
	}
	header .container {
	  padding-left: 10px !important;
	  padding-right: 10px !important;
	}
}

@media(min-width: 1400px){
	header > .container-fluid,
	.container {
	  max-width: 1340px;
	}
}




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

.home-product-tabs .tab-content {
  max-width: 1140px;
  margin: 0 auto;
}

.home-product-tabs .tab-content .column-slider .owl-nav {
  display: none;
}

@media(min-width: 1140px){
	.home-product-tabs .tab-content .column-slider .owl-nav {
	  width: calc(100% + 110px);
 	  margin-left: -55px;
	  display: block;
	}
}

.home-product-tabs .tab-content .column-slider .owl-item .widget .btn,
.home-product-tabs .tab-content .column-slider .owl-item .widget .product-desc,
.home-product-tabs .tab-content .column-slider .owl-item .widget .product-designer {
  display: none !important;
}

body#home #section-2 .tab-content {
  max-width: 1140px;
  margin: 0 auto;
}

body#home #section-2 .tab-content .column-slider .owl-nav {
  display: none;
}

@media(min-width: 1140px){
	body#home #section-2 .tab-content .column-slider .owl-nav {
	  width: calc(100% + 110px);
 	  margin-left: -55px;
	  display: block;
	}
}

body#home #section-2 .tab-content .column-slider .owl-item .widget .btn,
body#home #section-2 .tab-content .column-slider .owl-item .widget .product-desc,
body#home #section-2 .tab-content .column-slider .owl-item .widget .product-designer {
  display: none !important;
}

body#home #section-3 #section-3-container > .row {
  margin-left: -20px !important;
  margin-right: -20px !important;
}

body#home #section-1 .grid-item .widget a span {
  opacity: 0;
}

body#home #section-1 .grid-item:hover .widget a img,
body#home #section-1 .grid-item:focus .widget a img {
  opacity: 0.15;
}

body#home #section-1 .grid-item:hover .widget a span,
body#home #section-1 .grid-item:focus .widget a span {
  opacity: 1;
}






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

.home-grid-section .grid-item .widget a span {
  opacity: 0;
}

.home-grid-section .grid-item:hover .widget a img,
.home-grid-section .grid-item:focus .widget a img {
  opacity: 0.15;
}

.home-grid-section .grid-item:hover .widget a span,
.home-grid-section .grid-item:focus .widget a span {
  opacity: 1;
}


.home-grid-section .widget .widget-inner {
  opacity: 0;
  background: rgba(255,255,255,0.9);
}

.home-grid-section .widget:hover .widget-inner,
.home-grid-section .widget:focus .widget-inner {
  opacity: 1;
}





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

footer {
  #ffffff  padding-top: 0px;
}

@media(min-width: 992px){
	footer {
	  padding-top: 20px;
	}
}

footer address {
  font-size: 0.9rem;
  line-height: 1.5;
}

footer .footerlinks li a {
  font-size: 0.9rem;
}

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

footer .input-group {
  max-width: 95%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #d0d0d0;
  border-#ffffff  border-radius: 0.3rem;
  margin-bottom: 1rem;
}

@media(min-width:992px){
	footer .input-group {
	  margin-left: 0;
      margin-right: 0;
	}
}

footer .input-group .btn,
footer .input-group .form-control {
  background: none;
  border: none;
  color: #d0d0d0;
}

footer address a:hover,
footer address a:focus,
footer .input-group .btn:hover,
footer .input-group .btn:focus {
  color: #ffffff !important;
  text-decoration: none;
}

footer .copyrights {
  border-top: 1px solid rgba(255,255,255,0.1);
  margin-top: 20px !important;
  padding-top: 20px !important;
}

footer .form-control::-webkit-input-placeholder {
  #ffffff}

footer .form-control::-moz-placeholder {
  #ffffff}

footer .form-control:-ms-input-placeholder {
  #ffffff}

footer .form-control:-moz-placeholder {
  #ffffff}







/* =======================================================================================
   SOCIALS
======================================================================================= */

.social-networks {
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 -0.15rem;
}

@media(min-width:992px){
	.social-networks {
	  display: -ms-flexbox;
	  display: flex;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
}

footer .social-networks {
  margin: 20px -10px 0 -10px;
}

footer .social-networks > a {
  #ffffff  font-size: 30px;
  padding: 0 10px;
}

footer .social-networks > a:hover,
footer .social-networks > a:focus {
  color: #ffffff !important;
}