/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/****************************************/
/*                Fonts                 */
/****************************************/

@font-face {
    font-family: InstrumentSans-Regular;
    src: url(https://143865942.fs1.hubspotusercontent-eu1.net/hubfs/143865942/font/InstrumentSans-VariableFont_wdth%2cwght.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: InstrumentSans-Italic;
    src: url(https://143865942.fs1.hubspotusercontent-eu1.net/hubfs/143865942/font/InstrumentSans-Italic-VariableFont_wdth%2cwght.ttf) format("truetype");
    font-weight: 400;
    font-style: italic;
}

/****************************************/
/*              Typography              */
/****************************************/

 /*  */
 /*  */
 /*  */
 /*  */
 /*  */

 /*  */
 /*  */
 /*  */

 /*  */
 /*  */
 /*  */

 /*  */
 /*  */
 /*  */

/* Headings */
/* H1 */
h1 {
  font-size: 3.125rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
}

/* H2 */
h2 {
  font-size: 2.125rem;
  line-height: 2rem;
  letter-spacing: -0.035em;
}

/* H3 */
h3 {
  font-size: 1.125rem;
  line-height: 1.625rem;
  letter-spacing: -0.035em;
}


/* ==========================================================================
   1. BASE STYLES                                             
   ========================================================================== */

.header-container {
  border-bottom: 1px solid #F2F3F4;
  margin: 0 auto;
  padding: 45px 20px;
}

@media(max-width: 768px) {
  .header-container {
    padding: 0 20px;
  }
}

.centered-logo {
  text-align: center;
}
.body-container-wrapper {
  margin-bottom: 100px;
  padding: 20px;
}

.footer-container-wrapper {
  position: fixed;
  width: 100%;
  bottom: 0px;
  padding: 20px;
  border-top: 1px solid #e4e4e4;
  background: #fff;
}

.success {
  background-color: rgb(2, 164, 255, 0.1);
  border: 1px solid rgb(2, 164, 255);
  display: inline-block;
  padding: 16px 32px;
  color: rgb(2, 18, 27);
  font-weight: bold;
  border-radius: 3px;
}

.hs-button.primary {
  background-color: rgb(2, 164, 255);
  color: #fff;
  border-radius: 3px;
  border: none;
  padding: 16px 40px;
  font-size: 16px;
}

html, body {
  min-height: 100%;
  margin: 0;
  padding: 0;
} 

/* Website background color and default font styles */
body {
  background: #fff;
  color: rgb(2, 18, 27);
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 16px;
  line-height: 21px;
}

/* Some of the HubL tags used for system templates have different structure/HTML markup so this file is used to override some of the base styles to achieve our desired design */

/***** EMAIL BACKUP UNSUBSCRIBE *****/

.widget-type-email_simple_subscription h1 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 3.125rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
  padding-bottom: 32px;
}

.widget-type-email_simple_subscription h2 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 2.125rem;
  line-height: 2rem;
  letter-spacing: -0.035em;
}

/* Treats this h2 like a paragraph element */
.form-wrapper--backup-unsubscribe h2 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 2.125rem;
  line-height: 2rem;
  font-weight: var(--body-font-weight) !important;
}

/* Treats this h3 like a label */
.form-wrapper--backup-unsubscribe h3 {
  margin: 0 0 var(--label-margin-bottom);
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: line-height: 1.625rem;;
  font-weight: var(--label-font-weight) !important;
  line-height: line-height: 1.625rem;;
}

.widget-type-email_simple_subscription p {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 16px;
  letter-spacing: -0.025em;
}

/* Overrides inline styles on the element */
.form-wrapper--backup-unsubscribe input[type='email'] {
  width: var(--input-width) !important;
  padding: var(--input-padding) !important;
  border: var(--input-border) !important;
  margin-bottom: var(--standard-margin);
}

/* Removes unnnecessary padding */
.form-wrapper--backup-unsubscribe #content div {
  padding: 0 !important;
}

/***** EMAIL SUBSCRIPTION CONFIRMATION *****/

/* Removes spacing on blank h1 */
.email-subscription-confirmation .page-header h1 {
  margin: 0;
}

.email-subscription-confirmation .page-header p {
  margin: 0;
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 16px;
}

.widget-type-email_subscriptions_confirmation h1 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 3.125rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
  padding-bottom: 32px;
}

.widget-type-email_subscriptions_confirmation h2 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 2.125rem;
  line-height: 2rem;
  letter-spacing: -0.035em;
  color: rgb(128, 136, 141);
}

.widget-type-email_subscriptions_confirmation p {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 16px;
  letter-spacing: -0.025em;
}

/***** EMAIL SUBSCRIPTION PREFERENCES *****/

.subscription-preferences-heading h1,
.widget-type-email_subscriptions h1 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 3.125rem;
  line-height: 3rem;
  letter-spacing: -0.035em;
  padding-bottom: 32px;
}

.widget-type-email_subscriptions h2 {
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  margin: 0;
  font-size: 2.125rem;
  line-height: 2rem;
  letter-spacing: -0.035em;
  color: rgb(128, 136, 141);
}

/* Allows for email to show above the form without form styles */
.form-wrapper--subscription-preferences form {
  padding: 0;
  margin-bottom: 1rem;
  background: none;
}

/* Removes spacing on blank h1 */
.form-wrapper--subscription-preferences .page-header h1 {
  margin: 0;
}

.form-wrapper--subscription-preferences .page-header p,
.widget-type-email_subscriptions p {
  margin: 0;
  font-family: 'InstrumentSans-Regular', Sans-Serif;
  font-size: 16px;
  letter-spacing: -0.025em;
}

.email-prefs .item .item-inner * {
  color: rgb(2, 18, 27);
}

.email-prefs .item .item-inner {
  background: #fff;
  border: 1px solid rgb(2, 164, 255, 0.4);
}

.email-prefs .item .item-inner.selected {
  border: 1px solid rgb(2, 164, 255, 0.4);
}

/* Styles for the language select */

label[for="hs-localization-select"] {
  display: block;
  margin-top: 1rem;
}

.form-wrapper .localization-language {
  width: auto;
  margin-top: 1rem;
}

label[for="hs-localization-select"] + .localization-language {
  margin-top: 0;
}

/* Styles to apply custom styling to checkboxes */
.form-wrapper--subscription-preferences form input[type='checkbox'] {
  padding: 0;
  border: 1px solid #cbd6e2;
  border-radius: 3px;
  appearance: none;
  cursor: pointer;
  vertical-align: middle;
}

.form-wrapper--subscription-preferences form input[type='checkbox']:checked {
  background: url(), #fff;
  background-repeat: no-repeat;
  background-position: center;
  border: 1px solid #00a4bd;
}

/* Styling to appear as form */
.form-wrapper--subscription-preferences form .email-prefs {
  width: var(--form-width);
  padding: var(--form-padding);
  background-color: var(--form-background-color);
}

@media(min-width: 768px) {
  .form-wrapper--subscription-preferences form .email-prefs {
    padding: var(--form-padding-desktop);
  }
}

.form-wrapper--subscription-preferences .email-prefs .header {
  margin: 0;
}

.form-wrapper--subscription-preferences form .fakelabel {
  display: inline-block;
  padding-left: 2.25rem;
  text-indent: -2.25rem;
}

.form-wrapper--subscription-preferences .item {
  margin: 1rem 0;
}

.form-wrapper--subscription-preferences .item p {
  margin: 0.5rem 0 0.5rem 2.25rem;
  font-size: 0.875rem;
}

.form-wrapper--subscription-preferences .subscribe-options {
  padding-top: 1.5rem;
  border-top: 1px solid #cbd6e2;
  margin: var(--standard-margin) 0;
}

.form-wrapper--subscription-preferences .subscribe-options p {
  margin: 0;
}

.form-wrapper--subscription-preferences .subscribe-options label {
  font-size: 1rem;
}

.subscription-preferences-footer {
  width: 80%;
  margin: 0 auto;
}

.subscription-preferences-footer span p {
  margin: 0;
  font-size: 0.875rem;
  line-height: 1.125;
  text-align: center;
}

/* Styling for data buttons */

.hs-delete-data__button,
.hs-download-data__button {
  width: auto;
  min-width: 45%;
  border: var(--secondary-button-border);
  background: var(--secondary-button-background-color);
  color: var(--secondary-button-font-color);
}

.hs-delete-data__button:hover,
.hs-delete-data__button:focus,
.hs-download-data__button:hover,
.hs-download-data__button:focus {
  border: var(--secondary-button-hover-border);
  background: var(--secondary-button-hover-background-color);
  color: var(--secondary-button-hover-font-color);
}

.hs-delete-data__button:active,
.hs-download-data__button:active, {
  border: var(--secondary-button-active-border);
  background: var(--secondary-button-active-background-color);
  color: var(--secondary-button-active-font-color);
}