/*!
 * J Venture Jewelry
 * Copyright 2008-2017 Punchmark
 */


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

@import url('https://fonts.googleapis.com/css?family=Great+Vibes');

.big-script {
  font-size: 100px;
  font-family: 'Great Vibes', cursive;
  color: var(--bs-primary);
}

.script {
  font-family: 'Great Vibes', cursive;
}

.btn {
  border-radius: 0;
}

.btn-default,
.form-control,
.border,
.border-top,
.border-bottom,
.border-left,
.border-right {
  border-color: #eeeee0;
}

.grid-sidebar {
  border-color: #eeeee0;
  background: #ffffff;
}

.grid-sidebar-accordion .grid-sidebar-elem {
  border-color: #eeeee0;
}


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

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

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

nav.navbar .dropdown .dropdown-item {
  text-transform: uppercase;
}

body nav.navbar .navbar-nav {
  border-bottom: 1px solid #eeeee0;
}

@media(min-width:768px){
	nav.navbar .dropdown .dropdown-item {
	  line-height: 1;
	}
	nav.navbar .dropdown .dropdown-menu {
	  border-radius: 0 0 0.25rem 0.25rem !important;
	  box-shadow: 0 2px 5px rgba(0,0,0,0.075) !important;
	  font-size: 14px;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu .dropdown-submenu .dropdown-menu {
	  border-radius: 0.25rem !important;
	}  
} 

@media(max-width:767px){
	nav.navbar .nav-item {
	  border-top: 1px solid #eeeee0;
	}
	nav.navbar .nav-item .nav-link {
	  background-color: #ffffff;
	  -ms-flex-pack: start;
	  justify-content: flex-start;
	}
	nav.navbar .dropdown .dropdown-item {
	  text-align: left !important;
	  padding: 2px 10px !important;
	  padding-left: 10px !important;
	}
	nav.navbar .nav-item:hover .nav-link,
	nav.navbar .nav-item:focus .nav-link,
	nav.navbar .nav-item.show .nav-link {
	  background-color: var(--bs-primary) !important;
	  color: #ffffff !important;
	}
	nav.navbar .dropdown > .dropdown-menu, 
	nav.navbar .dropdown-submenu > .dropdown-menu {
	  background-color: #eeeee0;
	}
}




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

.toolbar > .toolbar-inner > ul > li,
.toolbar > .toolbar-inner > ul > li > a {
  color: #ffffff;
  font-weight: 500;
}

.toolbar > .toolbar-inner > ul > li > a i {
  font-size: 14px;
  margin-left: 3px;
  transform: translateY(-1px);
}

header a#logo {
  margin-top: 25px;
  margin-bottom: 20px;
}

@media(max-width:767px){
	header a#logo {
	  width: 280px;
	  margin-top: 20px;
	  margin-bottom: -35px;
	}
}






/* =======================================================================================
   HOVER BLOCKS
======================================================================================= */

.hover-blocks .btn-outline-light.btn-sm {
  border-width: 2px;
  border-radius: 0;
  line-height: 20px;
}

.hover-blocks .widget .widget-inner {
  opacity: 0;
  background: rgba(0,116,124,0.75);
  transition: all 400ms ease-in; 
}

.hover-blocks .widget:hover .widget-inner,
.hover-blocks .widget:focus .widget-inner {
  opacity: 1;
  transition: all 400ms ease-in;
}

.hover-blocks .no-hover-here .widget:hover .widget-inner,
.hover-blocks .no-hover-here .widget:focus .widget-inner {
  opacity: 0 !important;
}

.widget-social-bootstrap-grid .widget .widget-inner span.hover-layer {
  overflow: hidden;
}




/* =======================================================================================
   PARALLAX SECTION
======================================================================================= */

.parallax-section .display-4 {
  line-height: 1;
}




/* =======================================================================================
   BOOTSTRAP / INSTAGRAM GRID
======================================================================================= */

@media(min-width:768px){
	.widget-social-bootstrap-grid .col-md-3.bootstrap-grid-item {
	  width: 33.3333% !important;
	  max-width: 33.3333% !important;
	  flex: 0 0 33.3333% !important;
	}
}




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

footer h6 {
  font-size: 21px;
  font-weight: 600;
}

footer address {
  font-size: 1rem;
  line-height: 1.2;
  font-weight: 400;
}

footer address strong {
  font-weight: 500;
}

footer .footerlinks li a {
  font-size: 14px;
  text-transform: uppercase;
}

footer .footerlinks li a:hover,
footer .footerlinks li a:focus {
  color: var(--bs-secondary);
  text-decoration: none;
}

footer address a:hover,
footer address a:focus,
footer .input-group .btn:hover,
footer .input-group .btn:focus {
  color: var(--bs-secondary);
  text-decoration: none;
}

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

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