/* Variables */
:root {
  --red: #a21c26;
  --darkred: #7b151c;
}

/* Bootstrap Overrides */
a {
  color: var(--light);
}

.container {
  max-width: 1440px !important;
}

.notification.bg-primary {
  background-color: var(--red) !important;
}

.rounded {
  border-radius: 0.5rem !important;
}

.bg-dark {
  background-color: var(--dark)!important;
}

.text-dark,
a.text-dark,
.text-muted,
a.text-muted {
  color: var(--white) !important;
}

a.text-dark:hover {
  color: var(--light) !important;
}

/* Typography */
a {
  color: var(--light) !important;
}

h3,
.h3 {
  font-size: 1.5rem !important;
}

/* Buttons */
.btn {
  font-weight: 700 !important;
  color: var(--white) !important;
  border-width: 3px !important;
}

.btn-primary:hover,
.btn-secondary:hover {
  border-color: var(--red) !important;
}

/* Hide cookies */

.cookie-settings,
.cookie-block {
  display: none !important;
}

/* Hide all locations button from officeSingle block */

.office-single-block .footer .button {
  display: none !important;
}

.article-single-block .attachments i,
.reference-page-block .attachments i,
.office-single-block .attachments i,
.blog-single-block .attachments i,
.article-single-block-new .attachments i  {
  font-size: 6.5rem!important;
  margin-bottom: 20px!important;
}

.article-list-hl-block .body.row .item.col-lg-4 .description a.text-dark {
  color: var(--white) !important;
}

/* HubSpot */

.hbspt-form {
  margin-bottom: 2rem;
}

.hbspt-form .hs-fieldtype-text input,
.hbspt-form .hs-fieldtype-phonenumber input,
.hbspt-form .hs-fieldtype-textarea textarea {
  width: 100% !important;
  max-width: 300px !important;
}

.hbspt-form .hs-form-booleancheckbox-display {
  display: flex !important;
}

.hbspt-form .hs-button.large {
  width: 100% !important;
  max-width: 300px !important;
  padding: 1rem !important;
}

.hbspt-form ul {
  padding-left: 1rem !important;
  list-style: none !important;
}

.hbspt-form .hs-input[type="radio"] {
  margin-right: 10px !important;
}

.hbspt-form .hs-button.primary {
  color: var(--white);
  background-color: var(--red) !important;
  border-radius: 0.5rem !important;
  border: none;
  transition: all 0.3s;
}

.hbspt-form .hs-button.primary:hover {
  background-color: var(--darkred) !important;
  transition: all 0.3s;
}

.hbspt-form .hs-vaihtolaite .inputs-list {
  margin-top: 1rem;
}

.hbspt-form .hs-vaihtolaite span {
  padding-left: 20px;
}