/*
 * Client: Rialto Jewelry
 * Copyright 2008-2018 Punchmark
 */


.grid .grid-item .color-overlay {
    opacity: 0.01;
}


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

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

.btn-primary {
	background: #7CC6D0;
	background-color: #7CC6D0;
}

.btn-f4 {
	background: #f4f4f4;
	background-color: #f4f4f4;
	border: 1px solid #bbbbbb;
}

.btn-f4:hover {
	background: #dddddd;
	background-color: #dddddd;
}

.z-index-100 {
	z-index: 100 !important;
}

.h2 > small {
  display: block;
  font-weight: 600;
  margin-bottom: 17px;
  color: #7CC6D0;
}

.btn-link {
  text-transform: uppercase !important;
  letter-spacing: 0.05rem;
  font-weight: 600;
  font-size: 14px;
}
.btn-link::after {
  bottom: 0.45rem !important; 
}

.hr-thick-bottom {
  position: relative;
  padding-bottom: calc(1.55rem + 20px);
}

.hr-thick-bottom:after {
  display: block;
  content: "";
  width: 200px;
  height: 8px;
  position: absolute;
  bottom: calc(1.55rem - 12px);
  left: 50%;
  transform: translateX(-50%);
  background: #7CC6D0;
}

section.inset {
  background: white url(../images/faded-bg.jpg) top center no-repeat;
  background-size: 100% auto;
  box-shadow: none !important;
}

.widget-media-feed .media .media-heading {
  text-transform: uppercase !important;
  font-size: 16px;
}

address.lh-1 {
  line-height: 1;
}



/* =======================================================================================
	GLOBAL ALERT
======================================================================================= */

.alert-global {
  padding: 9px 1.25rem 9px 1.25rem;
  background: #f4f4f4 !important;
  border-color: rgba(0,0,0,0.1) !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  font-size: 3.7vw !important;
}
.alert-global .close {
  display: none !important;
}

@media(min-width: 768px){
	.alert-global {
	  padding: 5px 1.25rem 5px 1.25rem;
	  margin: 0 auto -35px auto !important;
	  background: none !important;
	  border: none !important;
	  position: relative;
	  z-index: 2001;
	  max-width: 500px;
	  letter-spacing: normal !important;
	  text-transform: none !important;
	  font-size: 16px !important;
	  font-weight: 300 !important;
	}
}




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

header {
  padding-left: 10px;
  padding-right: 10px;
}

header .content-toolbar > .content-toolbar-inner {
  display: flex;
  -ms-flex-align: start !important;
  align-items: flex-start !important;
}

header .content-toolbar > .content-toolbar-inner > ul {
  padding-top: 10px;
}

header .content-toolbar > .content-toolbar-inner > ul,
header .content-toolbar > .content-toolbar-inner > ul > li {
  display: flex;
  -ms-flex-align: center !important;
  align-items: center !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important;
  position: relative;
  z-index: 3002;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search > a > i {
  font-weight: bold;
  color: #7CC6D0;
  margin-left: 3px;
  transform: translateY(1px);
}

header .content-toolbar > .content-toolbar-inner > ul > li.phone-text > a {
  font-size: 20px;
  font-weight: 300;
}

header .content-toolbar > .content-toolbar-inner > ul.right {
  max-width: 380px;
} 

header .content-toolbar > .content-toolbar-inner > ul.left li.btn {
  border-radius: .25rem !important;
} 

header .content-toolbar > .content-toolbar-inner > ul.left {
  max-width: 360px;
  justify-content: flex-start !important;
}

header li.toolbar-item.phone-text {
	margin-left: 0 !important;
}

header .content-toolbar > .content-toolbar-inner > ul.right li.social-block {
  padding-top: 10px;
}

.social-networks.full-color .network {
  border-radius: 50px;
  width: 35px;
  height: 35px;
  line-height: 1;
}

.social-networks.full-color .network i { 
  line-height: 1;
  display: block;
  transform: translateY(-1px);
}

body:not(#home) header {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 0 45px rgba(0,0,0,0.05);
}

.toolbar {
  border-bottom: 1px solid rgba(0,0,0,0.1) !important;
}

@media(max-width:574px){
	.toolbar {
	  display: none !important;
	}
}

@media(min-width:768px) and (max-width:991px){
	header .content-toolbar > .content-toolbar-inner > ul > li, 
	header .content-toolbar > .content-toolbar-inner > ul > li > a:not(.btn) {
	  font-size: 12px !important;
	}
}



/* =======================================================================================
	LOGO
======================================================================================= */

a#logo {
  margin-top: -20px;
  margin-bottom: -36px;
  position: relative;
  z-index: 3001;
}

@media(min-width:768px) and (max-width:991px){
	a#logo {
  	  margin-top: -70px;
  	  margin-bottom: 0px;
	}
}

@media(min-width:992px){
	a#logo {
  	  margin-top: -80px;
  	  margin-bottom: 0px;
	}	
}

@media(max-width:574px){
	a#logo {
	  max-width: 55% !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li.phone-text {
	  margin-right: -5px;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li.phone-text > a {
	  font-size: 16px;
	  font-weight: 500;
	}
}


/* =======================================================================================
	NAV
======================================================================================= */
nav.navbar {
  padding-left: 10px;
  padding-right: 10px;
}
nav.navbar .nav-item.dropdown > .dropdown-menu {
  border: 1px solid rgba(0,0,0,0.1) !important;
  border-top: 0 !important;
}
nav.navbar .nav-item.dropdown > .dropdown-menu .dropdown-submenu .dropdown-menu {
  border: 1px solid rgba(0,0,0,0.1) !important;
}
nav.navbar .dropdown .dropdown-item {
  line-height: 1.2;
}

@media(min-width:768px) and (max-width:991px){
	nav.navbar .nav-item .nav-link {
	  font-size: 15px !important;
	}
}


@media(max-width:767px){
	nav.navbar {
	  padding-left: 0px;
	  padding-right: 0px;
	}
	nav.navbar .navbar-toggler {
	  padding-bottom: 20px;
	}
	nav.navbar .nav-item {
	  border-top: 1px solid rgba(225,225,225,0.65);
	}
	nav.navbar .nav-item .nav-link {
	  text-transform: uppercase;
	  font-size: 19px !important;
	  text-align: left !important;
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	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: #eeeeee!important;
	}
	nav.navbar .nav-item .nav-link .dropdown {
	  border: 0 !important;
	}
	nav.navbar .dropdown .dropdown-item {
	  text-transform: uppercase;
	  font-size: 16px !important;
	  text-align: left !important;
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	  border: 0 !important;
	  border-radius: 4px !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu .dropdown-submenu .dropdown-menu {
	  border: 0 !important;
	  background: #050708 !important;
	  margin: 10px -10px !important;
	  max-width: calc(100% + 20px);
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu .dropdown-submenu .dropdown-menu .dropdown-item {
	  color: #ffffff !important;
	  text-overflow: ellipsis;
	  white-space: nowrap;
	  overflow: hidden;
	  font-size: 13px !important;
	}
}



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

footer {
  border-top: 6px solid #7CC6D0;
}

footer h6 {
  
}







/**/

section.erd-top > .container > .row {
  justify-content: center !important;
}