/*
Theme Name:   Flatsome Child
Theme URI:    https://ateliersonder.com
Description:  Atelier Sonder child theme for Flatsome
Author:       Atelier Sonder
Template:     flatsome
Version:      1.0.0
*/

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=Josefin+Sans:wght@300;400&display=swap');

html, body, #wrapper, #main, .site-content, .content-area, .woocommerce-page, .woocommerce {
  background-color: #0a0a0a !important;
  color: #f5f0e8 !important;
}

body {
  font-family: 'Josefin Sans', sans-serif !important;
  font-weight: 300;
  letter-spacing: 0.04em;
}

h1, h2, h3, h4, h5, h6,
.product-title, .entry-title,
.woocommerce-loop-product__title,
.woocommerce-page h1, .page-title {
  font-family: 'Cormorant Garamond', serif !important;
  font-style: italic;
  font-weight: 300;
  color: #f5f0e8;
  letter-spacing: 0.06em;
}

a, a:visited { color: #b8935a; text-decoration: none; }
a:hover { color: #f5f0e8; }

.button, button, input[type="submit"],
.woocommerce .button, .woocommerce a.button, .woocommerce-Button {
  background: transparent !important;
  background-color: transparent !important;
  border: 1px solid #b8935a !important;
  color: #b8935a !important;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  font-family: 'Josefin Sans', sans-serif;
  font-weight: 300;
  border-radius: 0;
}
.button:hover, .woocommerce .button:hover, .woocommerce a.button:hover {
  background: #b8935a !important;
  color: #0a0a0a !important;
}

#header, .header-main, .header-wrapper, .header-bg, .sticky-header {
  background-color: #0a0a0a !important;
}

.nav > li > a, .nav-dark .nav > li > a { color: #f5f0e8 !important; }
.nav > li > a:hover { color: #b8935a !important; }

.woocommerce ul.products li.product,
.product-small, .product-small .box,
li.product .product-image-wrapper,
li.product .box-image { background: #0a0a0a !important; }

.woocommerce ul.products li.product .woocommerce-loop-product__title { color: #f5f0e8 !important; }
.price, .price ins, bdi { color: #b8935a !important; }

.breadcrumbs, .breadcrumb, .woocommerce-breadcrumb { color: #b8935a !important; }

.col.large-3, aside, .widget, .sidebar { background: #0a0a0a !important; color: #f5f0e8 !important; }
.widget h4, .widget-title { color: #b8935a !important; font-family: 'Josefin Sans', sans-serif !important; letter-spacing: 0.15em; text-transform: uppercase; font-style: normal !important; }

footer, .footer-1, .footer-2, .absolute-footer, .footer-bg {
  background-color: #0a0a0a !important;
  border-top: 1px solid rgba(184,147,90,0.25);
}
footer, footer a { color: #f5f0e8 !important; }
footer a:hover { color: #b8935a !important; }

input, textarea, select {
  background-color: #111111 !important;
  border-color: rgba(184,147,90,0.3) !important;
  color: #f5f0e8 !important;
}

.header-top { display: none !important; }