/*!
 * Client Name Local Styles
 * Copyright 2008-2017 Punchmark
 */


.toolbar .toolbar-inner ul li , .toolbar .toolbar-inner ul li a, .toolbar .toolbar-inner ul li i{
	color: black;
}



 #jewelry-details #jewelry-details-description {
 	font-size: 100%;
 }


footer form .input-group {
	border-color: white;
	color: white;
}

footer form input.form-control {
	border-color: white;
	color: white !important;
}

footer form input.form-control::placeholder {
	border-color: white;
	color: white !important;
}

footer form .input-group i {
	color: white;
}

footer .social-networks a {
	padding: 0 0 0 10px;
}

footer .social-networks i {
	color: white;
}

footer address > table tr > td > span .holiday-hours-tag {
  color: rgba(255,255,255,0.5) !important;
}

@media (min-width: 992px) {
	footer form .input-group {
		width: 100%;
		max-width: 100% !important;
	}
}

/*====================

Mobile Toolbar - making search visible etc - client request

====================*/

/* @media (max-width: 991px) {
  .toolbar>.toolbar-inner>ul>li>a:hover, 
  .toolbar>.toolbar-inner>ul>li>a:focus {
      color: rgba(255,255,255, 0.75) !important;
  }
} */

.toolbar>.toolbar-inner>ul.left {
  display: flex;
}

@media (max-width: 767px) {
  .toolbar>.toolbar-inner {
    align-items: flex-start !important;
  }
  .toolbar>.toolbar-inner>ul {
    width: 100%;
      height: 34px !important; 
      height: auto !important;
      min-height: 34px !important;
      flex-flow: row wrap !important;
      justify-content: center !important;
  }
  .toolbar>.toolbar-inner>ul li {
      flex: 0 33.33%;
      max-width: 33.33%;
      text-align: center;
      width: 33.33%;
      justify-content: center;
      margin: 0 !important;
  }
  .toolbar>.toolbar-inner {
    width: 100%;
    max-width: 520px !important;
    margin: 0 auto !important;
  }
}

 @media (max-width: 500px) {
  /* .toolbar>.toolbar-inner>ul {
      float: none !important;
      flex-flow: row wrap !important;
      justify-content: center !important;
  }
  .toolbar>.toolbar-inner>ul li {
      flex: 0 100%;
      max-width: 100%;
      width: 100%;
      margin: 0 !important;
  } */
  .toolbar>.toolbar-inner {
    width: 100%;
    max-width: 320px !important;
    margin: 0 auto !important;
  }
}