/*
 * Client: Miller's Fine Jewelers, Inc.
 * Copyright 2008-2018 Punchmark
 */


.alert-global {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.btn-link {
  color: #50748A !important;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 400 !important;
}

.btn-link::after {
	display: none !important;
}

.btn-link.text-light {
  color: #ffffff !important;
}

body#home .btn-link {  
  font-size: .8rem !important;
}

p[data-widget-element="widgetParagraph"].p.small {
  font-weight: 500;
  letter-spacing: 0.075rem;
  font-style: italic;
}

#fashion-jewelry #section-3-tab-1-row-1-column-1 .widget div[data-widget-element="widgetBgImageSrc"]:after,
#engagement #section-3 .widget div[data-widget-element="widgetBgImageSrc"]:after {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	right: 0;
	height: 40vh;
	background: linear-gradient(transparent, rgba(0,0,0,0.8));
}

#fashion-jewelry  #section-3-tab-1-row-1-column-1 .widget .widget-inner,
#engagement  #section-3-tab-1-row-1-column-1 .widget .widget-inner {
	position: relative;
	z-index: 2;
}
@media(min-width:1200px) {
	a#logo {
		width: 200px !important;
	}
}
@media(max-width:1200px) {
	a#logo {
		width: 200px !important;
	}
}

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

nav.navbar {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.1), 0 0 20px rgba(0,0,0,0.05) !important;
  z-index: 1500;
}

nav.navbar .nav-item .nav-link {
  letter-spacing: 0.075rem;
}

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

@media(min-width:768px){
	nav.navbar .nav-item.dropdown > .dropdown-menu.dropdown-menu-wide {
	  box-shadow: 0 0 60px rgba(0,0,0,0.1) !important;
	}
}


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

header {
  z-index: 1501;
}

header .content-toolbar.container {
  padding-top: 10px;
}

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

a#logo {
  padding-top: 5px;
  margin-bottom: -35px;
}

@media (min-width: 768px){
	a#logo {
	  margin-top: -15px;
	  margin-bottom: 0;
	  padding-top: 0px;
	}	
	header .content-toolbar > .content-toolbar-inner > ul > li i {
	  font-size: 16px;
	}
}

@media(max-width:767px){
	header .content-toolbar > .content-toolbar-inner {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul {
	  display: none;
	}
}

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

section.millers-widgets h3 {
  font-size: 5vw;
  font-weight: 300;
}

@media(min-width:768px){
	section.millers-widgets h3 {
  	  font-size: 2.1vw;
  	  font-weight: 300;
	}
}

@media(min-width:1200px){
	section.millers-widgets h3 {
  	  font-size: 1.75rem;
	}
}

#custom-designs #section-2-tab-1-row-1 a {
	border-radius: 50%;
	border: 1px solid #ebebeb;
}
#custom-designs #section-2-tab-1-row-1 p {
	font-style: oblique;
	opacity: 0.6;
}


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

footer h6,
footer address,
footer address strong {
  font-size: 14px;
  font-weight: 400 !important;
  text-transform: none;
}

footer address strong {
  display: block;
}

footer address br + strong {
  margin-top: 10px;
}

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

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

footer p.copyrights {
  font-size: 9px !important;
}

footer form span.input-group-btn {
	border-radius: 0 5px 5px 0;
}

footer form span.input-group-btn button {
	background: grey !important;
	border: none;
}





h1.display-4 {
	font-size: 3rem;
	letter-spacing: 0;
}
#brandListing a {
	text-align: center;
	padding: 40px 20px;
	opacity: 0.8;
	transition: opacity 0.3s ease-in-out;
}
#brandListing a:first-child,
#brandListing a:nth-child(2),
#brandListing a:nth-child(3),
#brandListing a:nth-child(4) {
	padding-top: 0;
}
#brandListing a:hover {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}
#brandListing a:hover,
#brandListing a:active,
#brandListing a:focus {
	outline: none;
	border: none;
	box-shadow: none;
}
#brandListing a img {
	width: 90%;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}

/* ========
	Mobile Fixes
============ */
	
@media (max-width: 769px) {
	h1.display-4 {
		font-size: 2rem;
		letter-spacing: 0;
	}
}
@media(max-width:587px) {
	#brandListing a {
		padding: 20px 20px;
	}
	#brandListing a:first-child,
	#brandListing a:nth-child(2),
	#brandListing a:nth-child(3),
	#brandListing a:nth-child(4) {
		padding-top: 20px;
	}
	#brandListing a img {
		width: 100%;
	}
	h1.display-4 {
		font-size: 2rem;
		letter-spacing: 0;
	}
	a#logo {
		width: 150px !important;
		display: block;
		padding: 0;
		margin: 0 auto -45px;
	}
	nav.navbar,
	nav.navbar:hover,
	nav.navbar:focus
	nav.navbar:active {
		border: none !important;
		box-shadow: none !important;
		outline: none !important;
		background: white;
		margin-top: -1px;
	}
	nav.navbar #main-navigation {
		margin: 0;
		padding: 20px 0;
		background: #50748A;
	}
	nav.navbar .navbar-collapse .inner-nav {
		padding: 0;
	}
	nav.navbar .nav-item .nav-link {
		background: transparent;
		border: none;
		color: white;
	}
}