/* Gotham Book - Regular */
@font-face {
  font-family: 'Gotham';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/Gotham%20Book.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* Gotham Medium */
@font-face {
  font-family: 'Gotham';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/Gotham%20Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

/* Gotham Bold */
@font-face {
  font-family: 'Gotham';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/Gotham%20Bold.otf') format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Open Sans variable */
@font-face {
  font-family: 'Open Sans';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/OpenSans-VariableFont_wdth%2Cwght.ttf') format('truetype');
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

/* Open Sans variable italic */
@font-face {
  font-family: 'Open Sans';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/OpenSans-Italic-VariableFont_wdth%2Cwght.ttf') format('truetype');
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}

/* Open Sans Bold */
@font-face {
  font-family: 'Open Sans';
  src: url('https://cdn.ca.yapla.com/company/CPY614FFOelyGwI2hL8znDpP/website/font/OpenSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

h1,
h2,
h3,
.zone-member .sidebar > ul > li > a,
.table > thead > tr > th,
.switch-language,
#fieldset-ReceiptInfos .control-label,
.zone-footer .media-body p,
.footer-social > h3,
.thermo-text,
.thermometer-circular .amount,
.thermometer-circular-container .objective {
  font-family: 'Gotham', 'Roboto', Arial, Helvetica, sans-serif;
  color: #98817c;
}

h3.title-newsletter {
  color: #98817c;
}

.line.zone-footer {
  color: #98817c;
}

.HPJ_newsletter_form .btn {
  color: #fff;
  text-decoration: none;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  padding: 12px 12px;
  background: #d6ba81;
}

.header {
  margin-bottom: 30px;
}

.navbar-default .navbar-nav > li > a:hover {
  background: #D6BA81;
  color: #fff;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  background: #D6BA81;
  color: #fff;
}

.header-ext-login {
  color: #98817c;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  border-color: transparent;
  background: #D6BA81;
  background: -webkit-linear-gradient(top, #D6BA81 0%, #caa14d 100%);
  background: linear-gradient(to bottom, #D6BA81 0%, #caa14d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(
    startColorstr='#D6BA81',
    endColorstr='#caa14d',
    GradientType=0
  );
}

@media (min-width: 768px) {
  .footer-condensed .footer-address {
    border-left: 1px solid #404040;
    padding-top: 0;
    padding-bottom: 10px;
  }
}

.HPJ_newsletter_form input.mail {
  border-radius: 3px;
  width: 350px;
}

.table thead {
  color: #fff;
}