/*!
 * Client: Erickson Jewelers
 * Copyright 2008-2019 Punchmark
 */




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

header {
  z-index: unset;
}

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

.alert-global {
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
  text-transform: capitalize;
  font-size: 9px;
  font-weight: 300;
}

.btn-link {
  text-transform: uppercase !important;
  font-weight: 700 !important;
  color: #283CD8 !important;
}

.widget.active {
  box-shadow: 0 0 0 3px #283CD8;
}

.dropdown-item {
  font-size: 14px;
}

.btn-outline-primary {
  border-color: rgba(0,0,0,0.075);
}

section.default .container-fluid {
  width: 100% !important;
  max-width: 100% !important;
}

@media(min-width:1500px){
	section.default .container-fluid {
	  width: 1400px !important;
	  max-width: 1400px !important;
	}
}

.semi-grey-img {
  filter: grayscale(0.80);
}














/* =======================================================================================
	LOGO
======================================================================================= */
a#logo {
  
}

body#home a#logo {
  background: url(../images/logo.svg) center center no-repeat;
  background-size: contain;
  padding-top: 53px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

body#home a#logo img {
	opacity: 0 !important;
	visibility: hidden !important;
}

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

@media(max-width:767px){
	nav.navbar {
	  border-top: 1px solid rgba(28,34,84,0.15);
	  box-shadow: 0 0 80px rgba(28,34,84,0.15);
	  top: auto !important;
	  bottom: 0px !important;
	  z-index: 1502;
	}
	nav.navbar .navbar-nav {
	  padding-bottom: 40px;
	}
	body#home #home-slider + nav {
	  opacity: 0 !important;
	  visibility: hidden !important;
	}
}

@media(min-width:768px){
	
	body#home header {
	  padding-top: 60px;
	}

	body#home nav.navbar {
	  top: 0px;
	  padding: 0;
	  height: 60px;
	  z-index: 1502;
	}
	
	body#home header + nav.navbar {
	  display: none !important;
	}
	
	body#home nav.navbar:nth-child(2) {
    /*
	  opacity: 0 !important;
	  visibility: hidden !important;
	  margin-top: -60px;
    */
	}
		
	nav.navbar {
	  top: -1px;
	  box-shadow: 0 0 80px rgba(28,34,84,0.15);
	}
	
	body#home nav.navbar .nav-item .nav-link {
	  padding-top: 0;
	  padding-bottom: 0;
	}
	
	body.sitemanager-menu-open nav.navbar,
	body.sitemanager-menu-closed nav.navbar {
	  top: 63px !important;
	}

}

nav.navbar .nav-item {
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}

/* =======================================================================================
   HEADER - HOME & INNER PAGES
======================================================================================= */

header .content-toolbar > .content-toolbar-inner > ul > li a i {
  cursor: pointer;
  color: #283CD8;
}

header .content-toolbar > .content-toolbar-inner > ul > li a:hover i,
header .content-toolbar > .content-toolbar-inner > ul > li a:focus i {
  color: #1C2254;
}

@media(max-width:767px){
	body:not(#home) header .content-toolbar.top-right {
	  width: calc(100% - 20px) !important;
	  left: 10px !important;
	  right: 10px !important;
	}
	body:not(#home) header .content-toolbar.top-right > .content-toolbar-inner {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	body:not(#home) header #logo {
	  padding: 20px 0;
	}
}

.dropdown form.login {
  line-height: 1.5;
}

/* =======================================================================================
   HEADER - INNER PAGES
======================================================================================= */

body:not(#home) header .content-toolbar {
  position: absolute;
  right: 10px;
  top: 12px;
}

/* =======================================================================================
   HEADER - HOME
======================================================================================= */

body#home header {
  background: none;
  position: absolute;
  width: 100%;
  height: calc(100% - 60px);
  z-index: unset !important;
}

body#home header .main-content-col {
  position: static;
}

body#home header .content-toolbar {
  width: 80px;
  position: absolute;
  right: 10px;
  top: 230px;
}

body#home header .content-toolbar > .content-toolbar-inner > ul {
  display: block !important;
}

body#home header .content-toolbar > .content-toolbar-inner > ul > li + li {
  margin: 0;
}

body#home header .content-toolbar > .content-toolbar-inner > ul > li a i {
  color: #ffffff;
}

body#home header .content-toolbar > .content-toolbar-inner > ul.right .item-custom .dropdown-menu-right,
body#home header .content-toolbar > .content-toolbar-inner > ul.right .item-search .dropdown-menu-right {
  min-width: 260px;
}

body#home header {
  height: auto;
  z-index: 2000 !important;
}

@media(min-width:768px){	
	body#home header .content-toolbar {
	  /*right: 5px;*/
	  /*top: calc(50% - 80px);*/	  
	  top: 100%;
  	  padding-top: 10px;	  
	}
}

@media(max-width:767px){
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu {
	  left: auto !important;
	}
	header .content-toolbar > .content-toolbar-inner > ul li.dropdown > .dropdown-menu.my-account-dropdown {
	  min-width: 285px !important;
	}
}

.login .input-group .btn {
  font-size: 80% !important;
}




.widget-social-bootstrap-grid .social-description {
  font-size: 14px;
  line-height: 18px;
}

.widget-social-bootstrap-grid .social-heading,
.widget-social-bootstrap-grid .social-link {
  display: none !important;
}

.widget .hover-layer {
  background: rgba(27,34,84,0.75) !important;
}

@media(max-width:767px){
	.bootstrap-grid-container .bootstrap-grid-item {
	  margin-bottom: 20px;
	}
	.bootstrap-grid-container .bootstrap-grid-item:nth-child(3),
	.bootstrap-grid-container .bootstrap-grid-item:nth-child(4) {
	  margin-bottom: 0px;
	}
	.bootstrap-grid-container .bootstrap-grid-item:nth-child(5) {
	  display: none !important;
	}
}







.h2.special-header-rule {
  position: relative;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
  margin-bottom: 50px;
}

@media(min-width:768px){
	.h2.special-header-rule {
	  max-width: 500px;
	}
}

.h2.special-header-rule::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  right: auto;
  height: 4px;
  width: 200px;
  transform: translateX(-50%);
  background: #283CD8;
}




/* =======================================================================================
   SLIDER
======================================================================================= */

body#home a#logo {
  z-index: 1503;
  position: relative;
}

section#home-slider {
  z-index: 1501;
}

@media(min-width:768px){
	section#home-slider .slick-slider .slick-slide .html-overlay .no-container {
	  padding-bottom: 110px !important;
	  padding-left: 110px !important;
	  padding-right: 110px !important;
	}
}

@media(min-width:1500px){
	section#home-slider .slick-slider .slick-slide .html-overlay h3 {
	  font-size: 45px !important;
	}
}

#home-slider .slick-slider .slick-slide .slide-background::before {
  background: url(../images/decor-vector2.png) center center no-repeat;
  background-size: contain;
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  z-index: 10;
} 

#home-slider .slick-slider .slick-slide .slide-background::after {
  background: url(../images/decor-vector1.png) center center no-repeat;
  background-size: contain;
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  z-index: 10;
  transform: rotate(0deg);
} 

#home-slider .slick-slider .slick-slide::before {
  background: url(../images/decor-vector2.png) center center no-repeat;
  background-size: contain;
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: 10px;
  right: 10px;
  display: block;
  z-index: 10;
  transform: rotate(180deg);
} 

#home-slider .slick-slider .slick-slide::after {
  background: url(../images/decor-vector1.png) center center no-repeat;
  background-size: contain;
  content: "";
  width: 200px;
  height: 200px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  display: block;
  z-index: 10;
  transform: rotate(180deg);
} 



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

footer {
    border-top: #283CD8;
    border-top-width: 12px;
    border-top-style: solid;
}

footer h6 {
  font-weight: 500;
}

footer address {
  line-height: 1.25;
}

footer hr {
  height: 2px;
  background: #283CD8;
}

footer address strong.small {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
  display: block !important;
  margin-top: 8px !important;
}

footer address a:hover,
footer address a:focus,
footer address a:hover strong,
footer address a:focus strong {
  color: #283CD8 !important;
  text-decoration: none;
}

footer .footerlinks li a {
  text-transform: uppercase !important;
  font-weight: 500 !important;
  font-size: 0.75rem !important;
}

footer .footerlinks li a:hover,
footer .footerlinks li a:focus {
  text-decoration: none;
  color: #283CD8 !important;
}

footer .input-group {
  max-width: 90%;
  margin-left: auto;
  margin-right: auto;
  border: 1px solid rgba(0,0,0,0.075);
  border-radius: 0.3rem;
  margin-bottom: 1rem;
}

footer .input-group .btn,
footer .input-group .form-control {
  background: none;
  border: none;
  color: rgba(0,0,0,0.75);
}

footer .input-group .btn:focus,
footer .input-group .btn:active {
  background: none !important;
  box-shadow: none !important;
}

footer .input-group .btn i {
  color: rgba(0,0,0,0.75);
}

footer .input-group .btn:hover i,
footer .input-group .btn:focus i,
footer .input-group .btn:active i {
  color: #283CD8 !important;
}

footer .form-control {
  font-size: 14px;
  padding-right: 0;
}

footer .form-control::-webkit-input-placeholder {
  color: rgba(0,0,0,0.25);
  font-size: 14px;
}

footer .form-control::-moz-placeholder {
  color: rgba(0,0,0,0.75);
  font-size: 14px;
}

footer .form-control:-ms-input-placeholder {
  color: rgba(0,0,0,0.75);
  font-size: 14px;
}

footer .form-control:-moz-placeholder {
  color: rgba(0,0,0,0.75);
  font-size: 14px;
}

footer .social-networks > a {
  color: rgba(0,0,0,0.4);
  font-size: 30px;
  padding: 0;
}

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

@media(min-width:768px) and (max-width:991px){
	footer .input-group {
	  max-width: 60%;
	}
}

@media(min-width:992px){
	footer {
	  padding-top: 20px;
	}
	footer .input-group {
	  margin-left: 0;
      margin-right: 0;
	}
}