/*!
 * Client: Swedes Jewelers
 * Copyright 2008-2018 Punchmark
 */





section#home-slider .slick-slider .slick-next, 
section#home-slider .slick-slider .slick-prev {
  border-radius: 0.25rem;
}

section#home-slider .slick-slider .slick-next .icon-chevron-right, 
section#home-slider .slick-slider .slick-prev .icon-chevron-left {
  color: #111111 !important;
}





/* =======================================================================================
   POPUPS
======================================================================================= */

#popup-modal .modal-content {
  text-align: center;
}

#popup-modal .modal-title {
  margin-top: 1rem;
}





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

nav.navbar .navbar-toggler {
  padding: 20px !important;
}
nav.navbar .navbar-nav {
	padding: 0 40px !important;
}
nav.navbar .nav-item .nav-link {
  font-size: 0.9rem;
  letter-spacing: 1px;
  padding: 0 !important;
  line-height: 40px;
  white-space: nowrap;
  background: none !important;
  font-family: "essonnes-display", serif;
}
nav.navbar .navbar-nav .nav-item {
  width: 100%;
}

nav.navbar .dropdown .dropdown-menu,
nav.navbar .nav-item.dropdown.show > .dropdown-menu,
nav.navbar .nav-item.dropdown:hover > .dropdown-menu {
  border-radius: 0 !important;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.1) !important;
}
nav.navbar .navbar-nav .dropdown-menu .dropdown-item,
nav.navbar .navbar-nav .dropdown-menu .dropdown-item .dropdown-submenu .dropdown-item {
  text-align: left;
  font-size: 1.1rem;
  font-weight: 300;
  letter-spacing: normal;
}
nav.navbar .navbar-nav .nav-item.show.dropdown .dropdown-item {
  padding: 5px 10px !important;
}
nav.navbar .dropdown-submenu > .dropdown-menu {
  border: 0 !important;
  background: #f6f6f6 !important;
}

.dropdown-menu {
	z-index: 99999;
}

@media(max-width: 992px) {
	nav.navbar .navbar-nav {
		padding: 0 20px !important;
	}
	nav.navbar .navbar-nav .nav-link {
		letter-spacing: 0;
		font-size: 0.8rem;
	}
}

@media(min-width:768px){
	nav.navbar .dropdown .dropdown-menu {
	  border-radius: 0.24rem !important;
	}
	nav.navbar .navbar-nav .nav-item {
	  width: auto !important;
	}
}

@media(max-width: 767px) {
	nav.navbar #main-navigation > .container-fluid ul {
		box-sizing: border-box;
		padding: 25px 0;
	}
	nav.navbar #main-navigation > .container-fluid ul li ul li a {
		text-align: center;
		padding: 0;
		line-height: normal;
	}
	nav.navbar {
  		background: none !important;
  		position: fixed;
  		z-index: 9049;
  		right: 0;
  		top: 0;
	}
}

/*

nav.navbar #main-navigation {
  box-shadow: 0 0 50px rgba(0,0,0,0);
  border-right: 1px solid rgba(0,0,0,0.1);
}

nav.navbar #main-navigation.open {
  box-shadow: 0 0 50px rgba(0,0,0,0.15);
}

nav.navbar .navbar-toggler {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
*/












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

a#logo {
	max-width: 150px;
}

.column-slider .owl-nav > div > i, .column-slider .owl-nav > button > i {
    background: #ffffff;
    color: #269bd6;
}


header {
  box-shadow: 0 50px 50px rgba(0,0,0,0.025);
  border-bottom: 1px solid #c3c3c3 !important;
}

header .main-content-col.nav-inline {
  padding: 0 3% !important;
}

header .main-content-col.nav-inline nav.navbar,
header .content-toolbar.inline-left,
header .content-toolbar.inline-right {
  width: 50% !important;
}

header .main-content-col.content-toolbar-inline-right a#logo {
  padding: 20px 0 !important;
}

header .content-toolbar {
  padding: 0 20px !important;
}

body.nav-left-open header nav.navbar .navbar-toggler {
  transform: translateX(280px);
}

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

@media(min-width:768px){
	header .content-toolbar > .content-toolbar-inner {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
}

@media(max-width:767px){
	header {
	  padding: 20px 0 20px 0 !important;
	}
	header .content-toolbar > .content-toolbar-inner {
	  -ms-flex-pack: center !important;
	  justify-content: center !important;
	}
	header .main-content-col.nav-inline nav.navbar,
	header .content-toolbar.inline-left,
	header .content-toolbar.inline-right {
	  width: 100% !important;
	}
	header .main-content-col.content-toolbar-inline-right a#logo {
	  padding-top: 0px !important;
	  padding-bottom: 14px !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
	  font-size: 17px;
	}
}

@media(min-width:480px) and (max-width:767px){
	header a#logo {
	  position: relative;
	  z-index: 2001;
	}
	header a#logo + .content-toolbar.inline-right {
	  position: absolute !important;
	  top: 0px !important;
	  left: 0px !important;
	  width: 100% !important;
	  z-index: unset;
	}
	header .content-toolbar > .content-toolbar-inner {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	header a#logo + .content-toolbar.inline-right > .content-toolbar-inner > ul {
	  z-index: 2001;
	}
	header a#logo + .content-toolbar.inline-right > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
	  left: 0 !important;
	  right: auto !important;
	}
	nav.navbar .navbar-nav .dropdown-menu .dropdown-item, nav.navbar .navbar-nav .dropdown-menu .dropdown-item .dropdown-submenu .dropdown-item {
	  line-height: 1;
	}
}




























/* =======================================================================================
   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: #424242;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05rem;
}

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




.top-section .content-block {
  padding-bottom: 40px;
}


.card,
.border {
  border-color: #c3c3c3 !important;
}


.erd-section {
  border-top: 1px solid #c3c3c3 !important;
}


.top-section .h2,
.erd-section .h2 {
  font-size: 2.0rem;
}
.top-section .p {
  font-size: 1.0rem;
}
@media(min-width:575px){
	.top-section .h2 {
	  font-size: 1.20rem;
	  margin-bottom: 0.15rem;
	}
	.top-section .p {
	  font-size: 0.7rem;
	}
	.top-section .content-block {
	  padding-bottom: 10px;
	}
}
@media(min-width:768px){
	.top-section .h2 {
	  font-size: 1.40rem;
	  margin-bottom: 0.35rem;
	}
	.top-section .p {
	  font-size: 0.85rem;
	}
	.top-section .content-block {
	  padding-bottom: 20px;
	}
}
@media(min-width:992px){
	.top-section .h2,
	.erd-section .h2 {
	  font-size: 2.00rem;
	  margin-bottom: 0.65rem;
	}
	.top-section .p {
	  font-size: 1.0rem;
	}
	.top-section .content-block {
	  padding-bottom: 30px;
	}
}
@media(min-width:1200px){
	.top-section .h2,
	.erd-section .h2 {
	  font-size: 2.50rem;
	}
	.top-section .p {
	  font-size: 1.0rem;
	}
	.top-section .content-block {
	  padding-bottom: 40px;
	}
}
@media(min-width:1500px){
	.top-section .h2,
	.erd-section .h2 {
	  font-size: 3.00rem;
	}
	.top-section .p {
	  font-size: 1.2rem;
	}
	.top-section .content-block {
	  padding-bottom: 50px;
	}
}




.logo-scroller {
  padding-bottom: 30px !important;
  background: #ffffff url(../images/faded-rule.jpg) bottom center no-repeat;
  background-size: 100% auto;
}



.widget-inner.border {
  box-shadow: 0 2px 10px rgba(0,0,0,0.1);
  border-color: #c3c3c3 !important;
}

.scrolling-ads {
  border-top: 1px solid #c3c3c3 !important;
  border-bottom: 1px solid #c3c3c3 !important;
}

.scrolling-ads .container-fluid .column-slider .owl-stage-outer {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
}









/* =======================================================================================
   SOCIALS
======================================================================================= */

.social-networks.outline-circles .network {
  border: 1px solid #a0d7f3;
  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: #a0d7f3;
  display: block;
  text-decoration: none;
}

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

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

footer .social-networks {
  margin: 0;
}

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

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






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

footer {
  border-top: 1px solid #c3c3c3 !important;
  padding-top: 0px;
}

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

footer h6 {
  font-family: "essonnes-display", serif;
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}

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

footer .footerlinks li a {
  font-size: 0.8rem;
  text-transform: uppercase;
}

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

footer p {
  margin-bottom: 1rem;
}

footer .input-group {
  margin-left: auto;
  margin-right: auto;
  border: 1px solid #c3c3c3;
  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: #aaa;
}

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

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

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

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

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