/*
 * Client: Classic Creations in Diamonds
 * Copyright 2008-2022 Punchmark
 */



/* ==========================================================================
    Helpers
============================================================================= */

.sans {
  font-family: "montserrat", sans-serif !important;
}

.spread-out {
  letter-spacing: 0.1rem;
}

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

header .input-group-btn .btn,
footer .input-group-btn .btn {
  padding-left: 1rem;
  padding-right: 1rem;
}

.alert-global {
  letter-spacing: normal;
  font-size: 13px;
  text-transform: none;
  color: #000000;
  padding: 0.5rem 2rem 0.5rem 2rem;
  background: #ffffff !important;
}

.alert-global a, 
.alert-global .alert-link {
  letter-spacing: normal;
  font-size: 11px;
  transform: translateY(-1px);
  color: #000000;
}

section#home-slider #slick-slider .slide::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 33%;
  z-index: 1000;
  background: transparent;
  background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%) !important;
}

[data-pagebuilder="widget"].widget.h-100,
[data-pagebuilder="widget"].widget.h-100 .widget-inner,
[data-pagebuilder="widget"].widget.h-100 .widget-inner img {
  height: 100%;
  width: auto;
} 

.widget-social-carousel .social-icon {
  margin: 0 auto !important;
}

.widget-social-carousel .social-link,
.widget-social-carousel .social-heading,
.widget-social-carousel .social-description {
  display: none !important;
}

[data-widget-element="widgetHeader"].header-with-link {
  display: flex !important;
  justify-content: space-between !important;
  align-items: baseline !important;
}

[data-widget-element="widgetHeader"].header-with-link > a {
  color: inherit !important;
  font-size: 13px !important;
  letter-spacing: 0.125rem;
  text-decoration: underline;
}

.icon-list-item {
  display: flex !important;
  padding-top: 40px !important;
  border-top: 1px solid white;
  max-width: 800px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.icon-list-item + .icon-list-item {
  padding-top: 40px !important;
  border-top: 0px solid white;
}

.icon-list-item .widget-inner {
  width: 100px !important;
  height: 100% !important;
}

.icon-list-item .content-block {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  padding-left: 20px;
}

.icon-list-item .content-block [data-widget-element="widgetHeader"] {
  font-size: 14px !important;
  font-weight: 600;
  letter-spacing: 0.125rem;
}



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

header .content-toolbar > .content-toolbar-inner > ul > li > a > i {
  color: transparent !important;
  background-size: contain !important; 
  font-size: 20px;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-user {
  background: url(../images/user.svg) center center no-repeat !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-search {
  background: url(../images/search.svg) center center no-repeat !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-heart {
  background: url(../images/heart.svg) center center no-repeat !important;
}

header .content-toolbar > .content-toolbar-inner > ul > li > a > i.icon-shopping-cart {
  background: url(../images/cart.svg) center center no-repeat !important;
}

@media(min-width:768px){
	header {
	  position: sticky;
	  top: 0;
	  margin-top: 0;
	  transition: all 600ms ease-out;
	}
	body.sitemanager-menu-open header,
	body.sitemanager-menu-closed header {
	  top: 63px;
	}
	body#home header {
	  position: absolute;
	  top: 0;
	  width: 100%;
	}  
	body#home header:not(.stuck-to-top){  
	  background: transparent !important;
	}
	body#home.sitemanager-menu-open header,
	body#home.sitemanager-menu-closed header {
	  top: 63px;
	}
	header.stuck-to-top,
	body#home header.stuck-to-top {
	  position: fixed;
	  width: 100%;
	  top: 0;
	  margin-top: 0px;
	  transition: margin-top 600ms ease-out;	  
	}
	body.sitemanager-menu-open header.stuck-to-top,
	body.sitemanager-menu-closed header.stuck-to-top,
	body#home.sitemanager-menu-open header.stuck-to-top,
	body#home.sitemanager-menu-closed header.stuck-to-top {
	  position: fixed;
	  width: 100%;
	  top: 63px;
	}
	header:hover,
	body#home header:not(.stuck-to-top):hover {  
	  background: #010101 !important;
	}
	header .content-toolbar.inline-left-and-right {
	  display: none !important;
	}
}

@media(min-width: 992px){
	a#logo { 
	  padding-left: 20px !important;
	}
}

@media(min-width: 1200px){
	a#logo { 
	  padding-left: 30px !important;
	}
}

@media(max-width:767px){
	header {
	  position: sticky;
	  top: 0;
	}
	body.sitemanager-menu-open header,
	body.sitemanager-menu-closed header {
	  top: 63px;
	}
	a#logo {
	  position: absolute;
	  top: 10px;
	  left: calc(50% - 90px);
	  padding: 0 !important;
	  width: 180px !important;
	}
	header,
	header > .container-fluid,
	header > .container-fluid > .row,
	header .main-content-col.nav-inline {
	  height: 70px;
	}
	header .main-content-col.nav-inline {
	  display: flex !important;
	}
	header .content-toolbar.inline-left-and-right ul.left {
	  -ms-flex-pack: start !important;
	  justify-content: flex-start !important;
	}
	header .content-toolbar.inline-left-and-right ul.right {
	  -ms-flex-pack: end !important;
	  justify-content: flex-end !important;
	}
	header .content-toolbar.inline-left-and-right ul > li,
	header .content-toolbar.inline-left-and-right ul > li > a {
	  display: flex !important;
	  justify-content: center !important;
	  align-items: center !important;
	}
	header .content-toolbar.inline-left-and-right {
	  width: auto;
	  margin-left: 54px;
	}	
	header .content-toolbar.inline-left-and-right + #logo + nav + .content-toolbar.inline-left-and-right {
	  margin-right: 10px;
	  margin-left: auto;
	}
	header .content-toolbar.inline-left-and-right ul > li.item-search .dropdown-menu {
	  top: 100% !important;
	  left: 0 !important;
	}
	header .content-toolbar.inline-left-and-right ul > li.item-wishlist .dropdown-menu,
	header .content-toolbar.inline-left-and-right ul > li.item-cart .dropdown-menu {
	  top: 100% !important;
	  right: 0 !important;
	  left: auto !important;
	}
}




/* ==========================================================================
    Navigation
============================================================================= */

nav.navbar {
  box-shadow: none !important;
}

nav.navbar .nav-item .nav-link > i {
  color: transparent !important;
  background-size: contain !important; 
  font-size: 20px;
}

nav.navbar .nav-item .nav-link > i.icon-user {
  background: url(../images/user.svg) center center no-repeat !important;
}

nav.navbar .nav-item .nav-link > i.icon-search {
  background: url(../images/search.svg) center center no-repeat !important;
}

nav.navbar .nav-item .nav-link > i.icon-heart {
  background: url(../images/heart.svg) center center no-repeat !important;
}

nav.navbar .nav-item .nav-link > i.icon-shopping-cart {
  background: url(../images/cart.svg) center center no-repeat !important;
}

nav.navbar .explore-all-row {
  display: none !important;
}

@media(min-width:768px){
	nav.navbar {
	  position: static;
	  height: 100%;
	}
	nav.navbar .navbar-collapse,
	nav.navbar .navbar-collapse .inner-nav,
	nav.navbar .nav-item.dropdown-wide,
	nav.navbar .nav-item.dropdown-wide .nav-link-and-plus-wrap {
	  height: 100%;
	}
	nav.navbar .nav-item .nav-link {
	  font-size: 13px;
	  letter-spacing: 0.07rem;
	  height: 100%;
	}
	nav.navbar .nav-item:not(.dropdown-wide) > .dropdown-menu {
	  padding-top: 0.5rem !important;
	  padding-bottom: 0.5rem !important;
	  padding-left: 0 !important;
	  padding-right: 0 !important;
	  border-radius: 0.25rem !important;
	  left: auto !important; 
	  right: 0 !important;
	  top: calc(100% - 20px) !important;
	}
	nav.navbar .nav-item.dropdown > .dropdown-menu {
	  border-radius: 0;
	}
	nav.navbar .nav-item.dropdown-wide.dropdown-is-open > .dropdown-menu {  
	  padding-bottom: 45px !important;
	  padding-top: 30px !important;
	}
	nav.navbar .dropdown:not(.dropdown-wide) .dropdown-item {
	  border-radius: 0;
	  margin-left: -1px;
	  margin-right: -1px;
	  width: calc(100% + 2px);
	  font-size: 13px;
	}
}

@media(min-width:992px){
	nav.navbar .nav-item .nav-link {
	  font-size: 15px;
	  letter-spacing: 0.07rem;
	}
	header .main-content-col.nav-inline nav.navbar, 
	header .main-content-col.nav-inline-and-split nav.navbar {
	  padding-right: 10px !important;
	}
	nav.navbar .nav-item:not(.dropdown-wide) > .dropdown-menu {
	  top: calc(100% - 30px) !important;
	}
}

@media(min-width:1200px){
	nav.navbar .nav-item .nav-link {
	  font-size: 17px;
	  letter-spacing: 0.07rem;
	}
	header .main-content-col.nav-inline nav.navbar, 
	header .main-content-col.nav-inline-and-split nav.navbar {
	  padding-right: 20px !important;
	}
}

@media(max-width:767px){
	header .main-content-col.nav-inline nav.navbar {
	  position: absolute;
	  top: 0;
	  left: 0;
	  margin: 0 !important;
	  width: auto !important;
	}
	nav.navbar .navbar-toggler {
	  padding-top: 28px;
	  padding-bottom: 28px;
	  position: relative;
	  z-index: 2000;
	}
	nav.navbar #main-navigation {
	  background: #010101;
	  border-color: #000000 !important;
	  box-shadow: 0 0 0 3000px rgba(7,26,30,0) !important;
	}
	nav.navbar #main-navigation.open {
	  box-shadow: 0 0 0 3000px rgba(7,26,30,0.9) !important;
	}
	nav.navbar.show-dropdown-toggles .navbar-nav > .nav-item .nav-link,
	nav.navbar .navbar-nav > .nav-item.has-a-plus .dropdown-plus,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide a.dropdown-item-parent,
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
	  border-bottom: 1px solid #292929 !important;
	  background: #010101 !important;
	  height: 44px !important;
	  outline: none !important;
	  align-items: center !important;
	  color: white !important;
	}
	nav.navbar .navbar-nav > .nav-item.has-a-plus.dropdown-wide .dropdown-menu-wide .dropdown-menu-children .dropdown-item {
	  text-indent: 1rem;
	  font-size: 0.9rem;
	}
}



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

footer {
  padding-top: 20px;
  padding-bottom: 40px;
}

footer h6 {
  font-family: "montserrat", sans-serif !important;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0.125rem;
}

footer p, 
footer address {
  font-size: 13px !important;
}

footer address > table tr > td,
footer address > table tr > td > span,
footer address > table tr > td > strong {
  font-size: 11px !important;
  font-weight: 300 !important;
}

footer address a .text-uppercase.small {
  display: none;
}

footer .social-networks {
  margin: 0px auto 20px auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

footer .social-networks a,
footer .social-networks a i {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
}

footer .social-networks a {
  border: 2px solid white;
  border-radius: 50%;
}

footer .social-networks a:hover,
footer .social-networks a:focus {
  background: white;
}

footer .social-networks a:hover i,
footer .social-networks a:focus i {
  color: #111111;
}

footer .input-group {
  border: 1px solid white;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 90px;
}

footer .input-group .btn,
footer .input-group .form-control {
  background: none;
  border: none;
}

footer .input-group .btn {
  background: none !important;
}

footer .input-group .form-control {
  padding-left: 20px !important;
  padding-right: 0 !important;
  color: white;
}

footer .input-group .form-control::placeholder {
  color: rgba(255,255,255,0.6) !important;
  font-weight: 300;
  font-size: 13px;
}

footer > .container {
  display: none !important;
}

footer .footer-section:nth-child(2) > .container {
  padding-top: 50px;
  padding-bottom: 40px;
}

footer .footer-section:nth-child(2) > .container > .row {
  flex-direction: column-reverse !important;
}

footer .footer-section:nth-child(2) > .container::before { 
  content: "";
  width: 100%;
  height: 1px;
  background: white;
  display: block;
  transform: translateY(-20px);
}

footer p.copyrights,
footer p.copyrights a,
footer p.copyrights a:hover,
footer p.copyrights a:focus {
  padding: 0 !important;
  font-size: 10px !important;
  color: white !important;
}

footer form[action="/newsletter-subscription"] {
  padding-top: 10px;
}

footer form[action="/newsletter-subscription"] label {
  display: none !Important;
}

@media(min-width:768px){
	footer p.copyrights {
	  text-align: left;
	}
	footer .social-networks {
	  justify-content: flex-end;
	  margin-top: 0;
	}
	footer .footer-section:nth-child(2) > .container > .row {
	  flex-direction: row !important;
	}
}


/* ==========================================================================
    Other
============================================================================= */

section.love-stories-grid .container .row,
section.love-stories-grid .container-fluid .row {
  margin-left: -5px !important;
  margin-right: -5px !important;  
}

section.love-stories-grid .container .row [data-pagebuilder="column"],
section.love-stories-grid .container-fluid .row [data-pagebuilder="column"]{
  padding-left: 5px !important;
  padding-right: 5px !important;  
}

body:not(.sitemanager-menu-open) section.love-stories-grid .widget .widget-text-overlay,
body:not(.sitemanager-menu-closed) section.love-stories-grid .widget .widget-text-overlay {
  opacity: 0;
}

body:not(.sitemanager-menu-open) section.love-stories-grid .widget:hover .widget-text-overlay,
body:not(.sitemanager-menu-closed) section.love-stories-grid .widget:hover .widget-text-overlay {
  opacity: 1;
}