/* Replace the contents of Glazy's css/style.css with this CSS only. */
/* Generic
-------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@400;700;900&display=block');
body {
  font-family: 'Manrope', sans-serif /*{Body | Body font family}*/;
  color: #333333 /*{Body | Text colour}*/;
}
a, a:hover, a:active, .btn-link, .btn-link:hover {
  color: #006f91 /*{Body | Link colour}*/;
}
h1, h2, h3, .h1, .h2, .h3, footer h4 {
  font-family: 'Playfair Display', sans-serif /*{Body | Header font family}*/;
}
/* Header
-------------------------------*/
header {
  background-color: rgba(0, 0, 0, 1) /*{Header | Background colour}*/;
}
header .header-topbar {
  border-color: rgba(0, 0, 0, 1) /*{Header | Topbar border colour}*/;
}
header .header-topbar .navbar-nav > li > a,
header .header-topbar .header-phone {
  color: rgba(255, 255, 255, 1) /*{Header | Topbar link colour}*/;
}
header .header-topbar .navbar-nav > li > a:hover,
header .header-topbar .header-phone:hover {
  color: #4fcfff;
}
header .btn-header, header .btn-header:hover {
  color: rgba(255, 255, 255, 1) /*{Header | Account & cart link colour}*/;
}
header .cart-count {
  background-color: #4fcfff /*{buttons | primary-btn-background-colour}*/;
  color: #101011 /*{buttons | primary-btn-text-colour}*/;
}
.header-menu {
  background-color: #101011 /*{Header | Menu background colour}*/;
}
.header-menu .navbar-nav > li > a, .navbar-mobile a.nav-link {
  color: rgba(255, 255, 255, 1) /*{Header | Menu colour}*/;
}
.header-menu .navbar-nav > li > a:hover, .navbar-mobile a.nav-link:hover {
  color: #4fcfff;
}
/* Footer
-------------------------------*/
.wrapper-footer {
  background-color: #000000 /*{Footer | Background color}*/;
  color: rgba(255, 255, 255, 1) /*{Footer | Text colour}*/;
}
.wrapper-footer h4 {
  color: #4fcfff /*{Footer | Heading colour}*/;
}
.wrapper-footer a, .wrapper-footer a:active { color: #4fcfff; }
.wrapper-footer a:hover { color: #ffffff; }
footer .nav.list-social i {
  background-color: rgba(102, 102, 102, 1) /*{Footer | Social icon background colour}*/;
  color: #ffffff /*{Footer | Social icon colour}*/;
}
.wrapper-footer .payment-icon-container {
  background: #ffffff;
  border-radius: 3px;
}
/* Buttons
-------------------------------*/
.btn-outline-secondary, .btn-default {
  color: #333333 /*{buttons | default-btn-text-colour}*/;
  background-color: rgba(204, 204, 204, 1) /*{buttons | default-btn-background-colour}*/;
  border-color: rgba(204, 204, 204, 1) /*{buttons | default-btn-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover,
.btn-outline-secondary.disabled, .btn-default:disabled,
.btn-outline-secondary:not(:disabled):not(.disabled):active,
.btn-outline-secondary:not(:disabled):not(.disabled).active {
  /* NOTE: this rule arrived truncated mid-selector (the pasted CSS was cut off),
     so the default-button hover/active colours are missing. Left empty rather
     than guessed — fill from the theme's button colour settings. */
}

/* Font consistency
-------------------------------*/
/* CMS page content and scripts injected from the Neto control panel hardcode
   Arial. Force everything back onto the theme's two faces so the storefront
   reads as one typeface set. */
[style*="font-family"],
.ems-kit-finder-box,
.ems-kit-finder-box select,
.ems-kit-finder-box button,
.ems-native-finder,
.ems-native-finder select,
.ems-native-finder button {
  font-family: 'Manrope', sans-serif !important;
}
[style*="font-family"] h1, [style*="font-family"] h2, [style*="font-family"] h3,
.ems-kit-finder-box h1, .ems-kit-finder-box h2, .ems-kit-finder-box h3 {
  font-family: 'Playfair Display', serif !important;
}