/*!
 * Himalaya 1.0
 * Client: Milan's Jewelry
 * Copyright 2008-2018 Punchmark
 */






section.gallery .column-slider .owl-nav {
  opacity: 1 !important;
}



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

nav.navbar .dropdown .dropdown-menu .dropdown-item {
  line-height: 1;
}

nav.navbar .explore-all-row,
nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1:empty {
  display: none !important;
}

@media(max-width:767px){
	.navbar {
	  justify-content: flex-start !important;
	}
	nav.navbar .nav-item {
	  border-top: 1px solid rgba(0,0,0,0.1) !important;
	}
	nav.navbar .nav-item .nav-link { 
	  font-size: 21px !important;
	}
	nav.navbar .navbar-collapse {
	  padding-bottom: 0 !important;
	}
}

@media(min-width:768px){
	header,
	nav.navbar .navbar-nav {
	  padding-left: 10px;
	  padding-right: 10px;
	}
	nav.navbar .dropdown .dropdown-menu-wide > .container {
	  padding-top: 20px;
	  padding-bottom: 20px;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item,
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  font-size: 21px !important;
	  font-weight: 500 !important;
	  color: var(--primary) !important;
	  padding: 0 0 5px 0 !important;
	  margin: 20px 0 5px 0 !important;
	  float: left !important;
	  clear: both !important;
	  width: auto !important;
	  display: inline-block !important;
	  background: none !important;
	  position: relative;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item:hover,
	nav.navbar .dropdown .dropdown-menu .dropdown-item:focus {
	  background: none !important;
	  color: var(--bs-primary-600) !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide .dropdown-item-parent::before {
	  content: "";
	  width: 100%;
	  height: 2px;
	  background: var(--primary);
	  display: block;
	  position: absolute;
	  bottom: 0px;
	  left: 0;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item {
	  font-size: 16px !important;
	  font-weight: 400 !important;
	  color: var(--dark) !important;
	  padding: 0 !important;
	  margin: 10px 0 0 0 !important;
	  float: left !important;
	  clear: both !important;
	  display: inline-block !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item:hover,
	nav.navbar .dropdown .dropdown-menu .dropdown-menu-children .dropdown-item:focus {
	  background: none !important;
	  color: var(--primary) !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image,
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image img,
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  margin: 0 auto !important;
	  float: none !important;
	  display: block !important;
	}
	nav.navbar .dropdown-wide .dropdown-menu-wide a .text-center.small.pt-1 {
	  margin-top: 10px !important;
	}
	nav.navbar .dropdown .dropdown-menu .dropdown-item.dropdown-item-image img {
	  border: 2px solid var(--primary) !important;
	  padding: 6px !important;
	  background: white !important;
	}
	nav.navbar .nav-item.dropdown>.dropdown-menu.dropdown-menu-wide {
	  box-shadow: 0 2000px 0 2000px rgba(2,176,181,0.7) !important;
	}
}

@media(min-width:1200px){
	header,
	nav.navbar .navbar-nav {
	  padding-left: 0px;
	  padding-right: 0px;
	}
}



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

.toolbar{
	background-color: #00afb5 !important;
}

.toolbar > .toolbar-inner > ul > li,
.toolbar > .toolbar-inner > ul > li > a {
  color: rgba(255,255,255,0.7);
}

.toolbar>.toolbar-inner>ul>li>.dropdown-menu .dropdown-item:hover,
.toolbar>.toolbar-inner>ul>li>.dropdown-menu .dropdown-item:focus,
.toolbar > .toolbar-inner > ul > li > a:hover,
.toolbar > .toolbar-inner > ul > li > a:focus {
  color: rgba(255,255,255,1);
}

header .content-toolbar > .content-toolbar-inner > ul > li i {
  color: #00afb5;
  font-size: 22px;
  transform: translateY(3px);
  margin-left: 0;
  margin-right: 0;
}

header .content-toolbar > .content-toolbar-inner > ul.right > li i {
  margin-left: 4px;
}

header .content-toolbar > .content-toolbar-inner > ul.right > li i.icon-shopping-cart {
  margin-left: 5px;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a {
  text-transform: none;
}

header .content-toolbar > .content-toolbar-inner > ul > li button {
  border: 0;
  background: transparent;
  padding-left: 0;
  outline: none;
}

header .content-toolbar > .content-toolbar-inner > ul > li .form-control {
  height: 30px;
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid #d9e0e1;
  background: transparent;
  padding-left: 0;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a {
  font-size: 16px;
}

@media(max-width:767px){
	header > .container {
		padding-top: 20px;
		padding-bottom: 20px;
	}
	nav.navbar .navbar-toggler,
	nav.navbar .navbar-toggler.collapsed {
		padding-left: 20px;
	}
	nav.navbar .navbar-collapse {
		padding-bottom: 20px;
	}
}




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


footer {
	background-color: #00afb5;
  padding-top: 0px;
}

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

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

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

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

footer .input-group {
  max-width: 60%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #c7e6e7;
  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: #c7e6e7;
}

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

footer .form-control::-webkit-input-placeholder {
  color: #9fd3d4;
}

footer .form-control::-moz-placeholder {
  color: #9fd3d4;
}

footer .form-control:-ms-input-placeholder {
  color: #9fd3d4;
}

footer .form-control:-moz-placeholder {
  color: #9fd3d4;
}







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

section .widget .h5 {
  font-weight: 300;
  margin-bottom: 0;
  font-size: 24px;
}

section#section-1 .widget .d-inline-block.btn {
  font-weight: 600;
  color: #00afb5;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05rem;
}

#section-4 .widget h6.text-center,
#section-4 .media-feed .media .media-heading {
  color: #00afb5;
}






/* =======================================================================================
   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;
	}
}

.social-networks.outline-circles .network {
  border: 1px solid #c7e6e7;
  border-radius: 50%;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin: 0 0.15rem;
  text-decoration: none;
}

.social-networks.outline-circles .network i {
  font-size: 14px;
  color: #c7e6e7;
  display: block;
  text-decoration: none;
}

.social-networks.outline-circles .network:hover,
.social-networks.outline-circles .network:focus {
  background: #c7e6e7;
  border-color: #c7e6e7;
}

.social-networks.outline-circles .network:hover i,
.social-networks.outline-circles .network:focus i {
  color: #8ecbcd;
}

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

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

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