/*!
 * Collier's - Local Styles
 * Copyright 2008-2017 Punchmark
 */

.toolbar > .toolbar-inner > ul {
  z-index: 1502;
}

#jewelry-details-description {
  font-size: 1rem !important;
}

.wf-active h1, 
.wf-active .h1 {
  font-family: "jaf-domus", sans-serif !important;
  font-weight: 700;
}

.display-4 {
  font-weight: 700;
}

.display-4 small {
  display: block;
  color: inherit;
  text-transform: none;
  font-weight: 400;
}

header .content-toolbar > .content-toolbar-inner,
header .content-toolbar > .content-toolbar-inner > ul,
header .content-toolbar > .content-toolbar-inner > ul > li {
  height: 100% !important;
}

header .main-content-col a#logo {
  padding: 0 0 10px 0 !important;
}

nav.navbar ul.navbar-nav li > ul a[href="#"]:not(.dropdown-plus):hover, 
nav.navbar ul.navbar-nav li > ul a[href="#"]:not(.dropdown-plus):focus, 
nav.navbar ul.navbar-nav li > ul a[href="javascript:void(0)"]:not(.dropdown-plus):hover, 
nav.navbar ul.navbar-nav li > ul a[href="javascript:void(0)"]:not(.dropdown-plus):focus {
  color: #ffffff !important;
}

footer .form-control {
  color: #ffffff !important;
}

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

nav.navbar {
  background-color: #ffffff;
}

.toolbar > .toolbar-inner > ul > li > a {
  font-size: 13px !important;
  font-weight: 400 !important;
  letter-spacing: 0.085rem !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
  color: #ffffff !important;
}

nav.navbar .navbar-right .nav-item .nav-link {
  letter-spacing: 0.085rem !important;
}

footer p,
footer address,
footer address *,
footer p.copyrights,
footer p.copyrights *,
footer address > table,
footer address > table tr > td,
footer address > table tr > td > strong {
  font-size: 14px !important;
  font-weight: normal;
}

footer p.copyrights,
footer p.copyrights * {
  font-size: 11px !important;
}

footer a {
  color: #ffffff !important;
}

footer a:hover,
footer a:focus {
  text-decoration: underline !important;
  color: #ffffff !important;
}

footer strong.text-uppercase.small {
  display: none !important;
}

footer .footerlinks li a {
  font-weight: 400 !important;
  letter-spacing: 0.085rem !important;
}

footer form[action="/newsletter-subscription"]{
  margin-top: -10px;
}

footer .input-group {
  border: 1px solid #ffffff;
  border-radius: 40px !important;
}

footer .input-group .form-control {
  background: none;
  box-shadow: none;
  border-color: transparent;
  border-radius: 40px 0px 0px 40px !important;
  padding-left: 1.2rem !important;
  padding-right: 0 !important;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  color: #ffffff;
}

footer .input-group .btn {
  background: none;
  box-shadow: none;
  border-color: transparent;
  border-radius: 0px 40px 40px 0px !important;
}

footer .input-group .form-control::-webkit-input-placeholder {
  color: rgba(255,255,255,0.5);
}

footer .input-group .form-control:-ms-input-placeholder {
  color: rgba(255,255,255,0.5);
}

footer .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.5);
}

nav.navbar .dropdown-menu .login .form-label-group > label, 
nav.navbar .form-label-group input:not(:placeholder-shown) ~ label::before, 
nav.navbar .form-label-group textarea:not(:placeholder-shown) ~ label::before, 
nav.navbar .dropdown-menu .login .login-or-button > span {
  background: #f2f2f2 !important;
}

footer .social-networks {
  margin: 0 !important;
}

footer .social-networks > a {
  padding: 0 !important;
}

@media(min-width:768px){
	header .content-toolbar-inline-left-and-right {
	  margin-top: -22px;	  
	}
	header .content-toolbar.inline-left-and-right {
	  width: 30%;
	}
	.toolbar {
	  border: 0 !important;
	  z-index: unset;
	}
	nav.navbar .nav-item .nav-link {
	  padding: 12px 10px 12px 10px;
	  font-size: 12px !important;
	  letter-spacing: 0.05rem !important;
	  font-weight: 500 !important;
	}	
	header .main-content-col.content-toolbar-inline-right a#logo {
	  padding: 0 0 10px 0 !important;
	}
    .toolbar > .toolbar-inner > ul.right .dropdown-menu-right ul.dropdown-menu {
      right: 100% !important;
      left: auto !important;
      top: calc(-0.5rem - 2px) !important;
    }   
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 14px !important;
	  letter-spacing: 0.085rem !important;
	  font-weight: 500 !important;
	}
}

@media(max-width:767px){	
	a#logo {
	  width: 83%;
	  max-width: 83%;
	  padding: 0 !important;
	}
	header {
	  z-index: unset;
	}
	header > .container {
	  padding: 0 !important;
	  padding-bottom: 10px !important;
	}
	header .main-content .main-content-col {
	  padding: 0 !important;
	}
	header .content-toolbar.inline-left-and-right {
	  position: absolute;
	  bottom: -54px;
	  left: 35px;
	  right: auto;
	  z-index: 1501;
	  width: 50%;
	  display: none !important;
	}
	header .content-toolbar.inline-left-and-right + a#logo + .content-toolbar.inline-left-and-right {
	  right: 35px;
	  left: auto;
	  display: block !important;
	}
	header .content-toolbar.inline-left-and-right ul.right {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	header .content-toolbar.inline-left-and-right ul.right li .dropdown-menu {
	  right: 0 !important;
	  left: auto !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  color: #205630 !important;
	}
	nav.navbar .nav-item .nav-link {
	  letter-spacing: 0.085rem !important;
	  font-weight: 400 !important;
	  background: #f2f2f2 !important;
      border-color: #e0e0e0 !important;
      color: #205630 !important;
	}
	nav.navbar .nav-item .nav-link:hover,
	nav.navbar .nav-item .nav-link:focus,
	nav.navbar .nav-item .nav-link:active {
	  background: #205630 !important;
      border-color: #205630 !important;
      color: #ffffff !important;
	}
}