/* ==========================================================================
    BTN 
============================================================================= */

.btn-primary,
.btn-default,
.btn-light {
	border-radius: 0;
	font-weight: lighter !important;
	font-size: 0.8rem !important;
	border: none;
	text-transform: uppercase !important;
	transition: all 0.3s ease-in-out;
}
.btn-default:hover,
.btn-primary:hover,
.btn-light:hover {
	color: white;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	background: #0B1D2B;
	transition: all 0.3s ease-in-out;
}
.menu-cart-buttons {
	padding: 0;
}
.main-content {
	position: relative;
}


/* ==========================================================================
    Header
============================================================================= */

header .main-content-col.nav-inline a#logo {
	padding-right: 0;
}
header .main-content-col.nav-inline {
	justify-content: space-between !important;
	align-items: center !important;
}
header .content-toolbar.container {
	margin-bottom: 40px;
}
header .main-content-col.nav-inline > .content-toolbar.bottom {
	position: relative;
}
header .content-toolbar > .content-toolbar-inner > ul {
	align-items: center !important;
}
header .content-toolbar.container {
	display: none;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control::placeholder,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control:focus,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control:active,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .btn {
	border: none;
	background: #122b3f !important;
	box-shadow: none !important;
	border-radius: 0;
	font-size: 0.8rem;
	height: 30px;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control {
	padding-left: 10px;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .btn {
	color: white;
	padding: 0 0 0 10px !important;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control,
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .form-control::placeholder {
	color: white !important;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group {
	position: relative;
	padding-left: 25px;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline .input-group .input-group-btn {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
}
header .content-toolbar > .content-toolbar-inner > ul > li.item-search-inline {
	border: 1px solid #0B1D2B;
}
@media (min-width: 768px) {
	header .main-content-col.nav-inline a#logo {
		width: 200px;
		margin: 0;
		padding-right: 60px;
	}
	header .content-toolbar.container {
		display: block;
		margin-bottom: 10px;
	}
	header .content-toolbar.container .content-toolbar-inner ul li a {
		font-size: 0.6rem;
		text-transform: capitalize;
		color: #999999;
		letter-spacing: 0.25px;
	}
	header .content-toolbar.container .content-toolbar-inner ul li a:hover {
		color: white;
	}
	header .content-toolbar.container .content-toolbar-inner ul li a:hover:after {
		color: #999999;
	}
	header .content-toolbar.container .content-toolbar-inner ul li a:after {
		content: '/';
		display: inline-block;
		transform: translate(10px,0);
	}
	header .content-toolbar.container .content-toolbar-inner ul li:last-child a:after {
		display: none;
	}
}




/* ==========================================================================
    Nav
============================================================================= */

nav.navbar .nav-item.show {
	background: #071520;
}
nav.navbar .nav-item .nav-link {
	letter-spacing: 2px !important;
	line-height: 30px;
	padding: 0;
	font-size: 1rem;
	font-weight: lighter;
	transition: all 0.3s ease-in-out;
}
nav.navbar .nav-item.mini i {
	margin-right: 5px;
}
header .main-content-col.nav-inline nav.navbar {
	display: flex;
	justify-content: space-between !important;
}
header .main-content-col.nav-inline nav.navbar .navbar-nav {
	justify-content: space-between !important;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: none !important;
	box-shadow: none !important;
}

nav.navbar .navbar-nav {
	padding: 0 0 20px 0;
}
nav.navbar .dropdown > .dropdown-menu {
	padding: 0 !important;
}
nav.navbar .dropdown .dropdown-item {
	padding: 0 20px;
	text-align: left;
	border: none;
	border-bottom: 2px solid #efeeee;
	line-height: 40px;
	background: #f7f7f7;
	border-radius: 0;
}
nav.navbar .dropdown .dropdown-item:hover,
nav.navbar .dropdown .dropdown-item:active {
	background: white;
}
nav.navbar #main-navigation {
	transition: all 0.3s ease-in-out;
}
nav.navbar .nav-item .nav-link:active,
nav.navbar .nav-item .nav-link:hover {
	color: white;
	background: none;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	transition: all 0.3s ease-in-out;
}

@media(max-width:767px){
	nav.navbar {
		height: 0 !important;
	}
	.nav-default-open nav.navbar {
		height: auto !important;
	}
	.navbar-toggler {
		margin-top: -91px !important;
	}
}
@media (min-width: 768px) {
	nav.navbar .navbar-nav .nav-item.mini.login {
		padding-left: 40px;
	}
	nav.navbar .navbar-nav .nav-item.mini .nav-link {
		letter-spacing: 1px !important;
		font-size: 0.6rem;
	}
	nav.navbar .navbar-nav .nav-item .nav-link {
		letter-spacing: 1px !important;
		font-size: 0.8rem;
	}
	nav.navbar .dropdown:not(.mini) .dropdown-menu {
		background: #0B1D2B !important;
		border: none !important;
		border-radius: 0 !important;
		padding: 20px 0 !important;
	}
	nav.navbar .dropdown:not(.mini) .dropdown-item {
		line-height: 24px;
		background: transparent;
		border: none;
		color: white;
		font-size: 0.8rem;
		padding: 0 20px;
		font-weight: lighter;
	}
	nav.navbar .dropdown:not(.mini) .dropdown-item:hover {
		background: none;
		text-shadow: 0 0 5px rgba(255,255,255,0.8);
	}
	nav.navbar .dropdown:not(.dropdown-wide)>.dropdown-menu::before,
	nav.navbar .dropdown:not(.dropdown-wide)>.dropdown-menu::after {
		display: none !important;
	}
	nav.navbar .dropdown:not(.mini) >.dropdown-menu .dropdown-submenu .dropdown-menu {
		top: -20px !important;
	}
	.navWrap {
		display: block;
		width: 100%;
	}
	.navbar-toggler {
		display: none;
	}
	nav.navbar .navbar-nav {
		padding: 0;
	}
}




/* ==========================================================================
    Home 
============================================================================= */

.fullWidthBanner .widget .content-block,
.fullWidthBanner .widget .content-block {
	padding: 0 20px;
}
.fullWidthBanner .widget h2,
.fullWidthBanner .widget span {
	text-align: center !important;
}
.fullWidthBanner .widget h2 {
	margin-bottom: 30px;
	font-size: 2.2rem;
	line-height: 36px;
}
.fullWidthBanner .widget .content-block span span {
}
@media (min-width: 768px) {
	.fullWidthBanner .widget h2,
	.fullWidthBanner .widget span {
		text-align: left !important;
	}
	.fullWidthBanner .widget h2 {
		margin-bottom: 30px !important;
	}
	.fullWidthBanner .widget .content-block span span {
		width: 200px;
	}
	.fullWidthBanner .widget .content-block span span:first-child {
		margin-bottom: 10px;
	}
}


/* ==========================================================================
    Home 2 
============================================================================= */

.shopJewelryNav {
	position: relative;
	z-index: 999;
	background: white;
	padding: 20px 20px 0;
	transform: translate(0,-30px);
}

.shopJewelryNav [data-widget-element="widgetLink"] {
	min-width: 50% !important;
	display: inline-block !important;
	color: black;
	line-height: 30px;
	font-size: 0.8rem;
	letter-spacing: 1px;
	text-align: center !important;
	background: rgba(0,0,0,0.1) !important;
	border-color: rgba(0,0,0,0.1) !important;
	margin: 5px;
}
.shopJewelryNav [data-widget-element="widgetLink"]:hover,
.shopJewelryNav [data-widget-element="widgetLink"]:focus {
	background: var(--primary) !important;
	border-color: var(--primary) !important;
	color: var(--light) !important;
}

.shopJewelryNav [data-widget-element="widgetLink"] span:hover {
	color: white;
	background: #0B1D2B;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	transition: all 0.3s ease-in-out;
}
.shopJewelryNav [data-widget-element="widgetLink"] span {
	background: #f7f7f7;
	margin: 5px !important;
	display: block !important;
	text-align: center !important;
	transition: all 0.3s ease-in-out;
}
@media (min-width: 768px) {
	.shopJewelryNav {
		transform: translate(0,-30px);
	}
	.shopJewelryNav [data-widget-element="widgetLink"] {
		min-width: calc(33.333333% - 10px) !important;
	}	
	.shopJewelryNav [data-widget-element="widgetLink"] span {
		margin: 0 !important;
	}
}

/* ==========================================================================
    Home 3
============================================================================= */

.jewelryBlocks .btn-light {
	background: white;
	transition: all 0.3s ease-in-out;
}
.jewelryBlocks .widget:hover .btn-light,
.jewelryBlocks .widget:hover .btn {
	background: #0B1D2B;
	color: white;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	transition: all 0.3s ease-in-out;
}



/* ==========================================================================
    Image fade?
============================================================================= */

.imageFade .widget div:first-child:after {
	content: '';
	display: block;
	height: 50%;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	background: black;
	background: linear-gradient(transparent, #0B1D2B);
}
.imageFade .widget .content-block { 
	position: relative;
	z-index: 2;
}


/* ==========================================================================
    Garbage
============================================================================= */

#section-2-tab-1-row-1-column-2 .widget,
#section-2-tab-1-row-1-column-2 .widget .content-block,
#section-2-tab-1-row-1-column-2 .widget .content-block .align-self-center {
	height: 100% !important;
	justify-content: center !important;
}
#section-2-tab-1-row-1-column-2 .widget p {
	line-height: 24px;
}
#home #section-2-tab-1-row-3 .widget h3 {
	font-size: 1.6rem;
}




/* ==========================================================================
    Footer
============================================================================= */

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

footer h6 {
	font-size: 1.4rem;
}
footer .footerlinks li {
	line-height: 18px;
}
footer .footerlinks li a {
	font-size: 0.7rem;
	letter-spacing: 1px;
	opacity: 0.6;
	transition: all 0.3s ease-in-out;
}
footer .footerlinks li a:hover {
	opacity: 1;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	transition: all 0.3s ease-in-out;
	text-decoration: none;
}
footer .footer-section .footer-affiliate-logos {
    padding: 20px 0 0 0 !important;
}
.social-networks .network i {
	opacity: 0.6;
	transition: all 0.3s ease-in-out;
}
.social-networks .network i:hover {
	opacity: 1;
	text-shadow: 0 0 5px rgba(255,255,255,0.8);
	transition: all 0.3s ease-in-out;
}



@media (min-width: 992px) {
	header .main-content-col.nav-inline a#logo {
		padding-right: 80px;
		width: 250px;
	}
	header .content-toolbar.container {
		margin-bottom: 30px;
	}
	.shopJewelryNav [data-widget-element="widgetLink"] {
		min-width: calc(20% - 10px) !important;
		background: rgba(0,0,0,0.1) !important;
		border-color: rgba(0,0,0,0.1) !important;
	}
	.shopJewelryNav [data-widget-element="widgetLink"]:hover,
	.shopJewelryNav [data-widget-element="widgetLink"]:focus {
		background: var(--primary) !important;
		border-color: var(--primary) !important;
		color: var(--light) !important;
	}
	.shopJewelryNav [data-widget-element="widgetLink"] span {
		margin: 0 !important;
	}
}
@media (min-width: 1200px) {
	nav.navbar .nav-item.mini.login {
		padding-left: 60px;
	}
}