@font-face {
  font-family: "Powerhouse Filar";
  src: url("https://powerhouse-ui.vercel.app/fonts/PowerhouseFilar-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "Powerhouse Filar";
  src: url("https://powerhouse-ui.vercel.app/fonts/PowerhouseFilar-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: "Powerhouse Filar";
  src: url("https://powerhouse-ui.vercel.app/fonts/PowerhouseFilar-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: "Powerhouse Filar";
  src: url("https://powerhouse-ui.vercel.app/fonts/PowerhouseFilar-Semibold.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: "Powerhouse Punctum 119";
  src: url("https://powerhouse-ui.vercel.app/fonts/Powerhouse-Punctum-119.woff2") format("woff2");
}

:root {
  --tn-text-color: #000;
  --tn-link-color: #000;
  --tn-link-color-hover: #a3a3a3; /* text-neutral-400 */
  --tn-brand-primary: #000;
  --tn-brand-primary-darken-5: #737373; /* text-neutral-500 */
  --tn-brand-primary-darken-10: #525252; /* text-neutral-600 */
  --tn-brand-primary-darken-15: #404040; /* text-neutral-700 */
  --tn-brand-primary-darken-17: #262626; /* text-neutral-800 */
  --tn-brand-primary-darken-30: #171717; /* text-neutral-900 */
  --tn-brand-primary-lighten-40: #e5e5e5; /* text-neutral-200 */

  --tn-brand-success: #5cb85c;
  --tn-brand-success-darken-5: #4cae4c;
  --tn-brand-success-darken-10: #449d44;
  --tn-brand-success-darken-15: #3d8b3d;
  --tn-brand-success-darken-17: #398439;
  --tn-brand-success-darken-30: #255625;
  --tn-brand-info: #5bc0de;
  --tn-brand-info-darken-5: #46b8da;
  --tn-brand-info-darken-10: #31b0d5;
  --tn-brand-info-darken-15: #28a1c5;
  --tn-brand-info-darken-17: #269abc;
  --tn-brand-info-darken-30: #1b6d85;
  --tn-brand-warning: #f0ad4e;
  --tn-brand-warning-darken-5: #eea236;
  --tn-brand-warning-darken-10: #ec971f;
  --tn-brand-warning-darken-15: #df8a13;
  --tn-brand-warning-darken-17: #d58512;
  --tn-brand-warning-darken-30: #985f0d;
  --tn-brand-danger: #d23732;
  --tn-brand-danger-darken-5: #c02f2a;
  --tn-brand-danger-darken-10: #ab2a26;
  --tn-brand-danger-darken-15: #962521;
  --tn-brand-danger-darken-17: #8e231f;
  --tn-brand-danger-darken-30: #581513;
  --tn-state-success-text: #3c763d;
  --tn-state-success-text-darken-10: #2b542c;
  --tn-state-success-bg: #dff0d8;
  --tn-state-success-bg-darken-10: #c1e2b3;
  --tn-state-success-border: #d6e9c6;
  --tn-state-success-border-darken-10: #bbdba1;
  --tn-state-info-text: #31708f;
  --tn-state-info-text-darken-10: #245269;
  --tn-state-info-bg: #d9edf7;
  --tn-state-info-bg-darken-10: #afd9ee;
  --tn-state-info-border: #bce8f1;
  --tn-state-info-border-darken-10: #91d9e8;
  --tn-state-warning-text: #8a6d3b;
  --tn-state-warning-text-darken-10: #66512c;
  --tn-state-warning-bg: #fcf8e3;
  --tn-state-warning-bg-darken-10: #f7ecb5;
  --tn-state-warning-border: #faebcc;
  --tn-state-warning-border-darken-10: #f5d89e;
  --tn-state-danger-text: #a94442;
  --tn-state-danger-text-darken-10: #843534;
  --tn-state-danger-bg: #f2dede;
  --tn-state-danger-bg-darken-10: #e4b9b9;
  --tn-state-danger-border: #ebccd1;
  --tn-state-danger-border-darken-10: #dca7b0;

  --tn-btn-border-radius-base: 0;
  --tn-btn-border-radius-large: 0;
  --tn-btn-border-radius-small: 0;

  --tn-label-default-bg-focus: lime;
  --tn-label-primary-bg-focus: var(--tn-brand-primary-darken-10);
  --tn-label-success-bg-focus: var(--tn-brand-success-darken-10);
  --tn-label-info-bg-focus: var(--tn-brand-info-darken-10);
  --tn-label-warning-bg-focus: var(--tn-brand-warning-darken-10);
  --tn-label-danger-bg-focus: var(--tn-brand-danger-darken-10);

  --tn-btn-font-weight: normal;
  --tn-btn-default-color: #000;
  --tn-btn-default-color-hover: #fff;
  --tn-btn-default-bg: #fff;
  --tn-btn-default-bg-focus: #000;
  --tn-btn-default-bg-hover: #000;
  --tn-btn-default-border: #000;
  --tn-btn-default-border-focus: #000;
  --tn-btn-default-border-hover: #000;
  --tn-btn-default-border-active: #000;
  --tn-btn-default-bg-active: #000;
  --tn-btn-default-bg-active-focus: #000;

  --tn-btn-primary-color: #fff;
  --tn-btn-primary-color-hover: #000;
  --tn-btn-primary-bg: #000;
  --tn-btn-primary-border: #000;
  --tn-btn-primary-bg-focus: #fff;
  --tn-btn-primary-border-focus: #000;
  --tn-btn-primary-bg-hover: #fff;
  --tn-btn-primary-border-hover: #000;
  --tn-btn-primary-bg-active: #fff;
  --tn-btn-primary-border-active: #000;
  --tn-btn-primary-bg-active-focus: #fff;

  --tn-btn-success-color: #fff;
  --tn-btn-success-color-hover: var(--tn-btn-success-color);
  --tn-btn-success-bg: var(--tn-brand-success);
  --tn-btn-success-border: var(--tn-brand-success-darken-5);
  --tn-btn-success-bg-focus: var(--tn-brand-success-darken-10);
  --tn-btn-success-border-focus: var(--tn-brand-success-darken-30);
  --tn-btn-success-bg-hover: var(--tn-brand-success-darken-10);
  --tn-btn-success-border-hover: var(--tn-brand-success-darken-17);
  --tn-btn-success-bg-active: var(--tn-brand-success-darken-10);
  --tn-btn-success-border-active: var(--tn-brand-success-darken-17);
  --tn-btn-success-bg-active-focus: var(--tn-brand-success-darken-17);
  --tn-btn-info-color: #fff;
  --tn-btn-info-color-hover: var(--tn-btn-info-color);
  --tn-btn-info-bg: var(--tn-brand-info);
  --tn-btn-info-border: var(--tn-brand-info-darken-5);
  --tn-btn-info-bg-focus: var(--tn-brand-info-darken-10);
  --tn-btn-info-border-focus: var(--tn-brand-info-darken-30);
  --tn-btn-info-bg-hover: var(--tn-brand-info-darken-10);
  --tn-btn-info-border-hover: var(--tn-brand-info-darken-17);
  --tn-btn-info-bg-active: var(--tn-brand-info-darken-10);
  --tn-btn-info-border-active: var(--tn-brand-info-darken-17);
  --tn-btn-info-bg-active-focus: var(--tn-brand-info-darken-17);
  --tn-btn-warning-color: #fff;
  --tn-btn-warning-color-hover: var(--tn-btn-warning-color);
  --tn-btn-warning-bg: var(--tn-brand-warning);
  --tn-btn-warning-border: var(--tn-brand-warning-darken-5);
  --tn-btn-warning-bg-focus: var(--tn-brand-warning-darken-10);
  --tn-btn-warning-border-focus: var(--tn-brand-warning-darken-30);
  --tn-btn-warning-bg-hover: var(--tn-brand-warning-darken-10);
  --tn-btn-warning-border-hover: var(--tn-brand-warning-darken-17);
  --tn-btn-warning-bg-active: var(--tn-brand-warning-darken-10);
  --tn-btn-warning-border-active: var(--tn-brand-warning-darken-17);
  --tn-btn-warning-bg-active-focus: var(--tn-brand-warning-darken-17);
  --tn-btn-danger-color: #fff;
  --tn-btn-danger-color-hover: var(--tn-btn-danger-color);
  --tn-btn-danger-bg: var(--tn-brand-danger);
  --tn-btn-danger-border: var(--tn-brand-danger-darken-5);
  --tn-btn-danger-bg-focus: var(--tn-brand-danger-darken-10);
  --tn-btn-danger-border-focus: var(--tn-brand-danger-darken-30);
  --tn-btn-danger-bg-hover: var(--tn-brand-danger-darken-10);
  --tn-btn-danger-border-hover: var(--tn-brand-danger-darken-17);
  --tn-btn-danger-bg-active: var(--tn-brand-danger-darken-10);
  --tn-btn-danger-border-active: var(--tn-brand-danger-darken-17);
  --tn-btn-danger-bg-active-focus: var(--tn-brand-danger-darken-17);
  --tn-btn-link-disabled-color: #777;
  --tn-list-group-active-text-color: var(--tn-brand-primary-lighten-40);
  --tn-alert-success-hr-color: var(--tn-brand-success-darken-15);
  --tn-alert-info-hr-color: var(--tn-brand-info-darken-15);
  --tn-alert-warning-hr-color: var(--tn-brand-warning-darken-15);
  --tn-alert-danger-hr-color: var(--tn-brand-danger-darken-15);
  --tn-alert-success-link-color: var(--tn-state-success-text-darken-10);
  --tn-alert-info-link-color: var(--tn-state-info-text-darken-10);
  --tn-alert-warning-link-color: var(--tn-state-warning-text-darken-10);
  --tn-alert-danger-link-color: var(--tn-state-danger-text-darken-10);
  --tn-brand-primary-link-hover-color: var(--tn-brand-primary-darken-10);
  --tn-state-success-link-hover-color: var(--tn-brand-success-darken-10);
  --tn-state-info-link-hover-color: var(--tn-brand-info-darken-10);
  --tn-state-warning-link-hover-color: var(--tn-brand-warning-darken-10);
  --tn-state-danger-link-hover-color: var(--tn-brand-danger-darken-10);

  --tn-table-bg-active-hover: #f5f5f5; /* text-neutral-100 */
  --tn-table-bg-success-hover: var(--tn-state-success-bg-darken-10);
  --tn-table-bg-info-hover: var(--tn-state-info-bg-darken-10);
  --tn-table-bg-warning-hover: var(--tn-state-warning-bg-darken-10);
  --tn-table-bg-danger-hover: var(--tn-state-danger-bg-darken-10);
}

body {
  font-family: "Powerhouse Filar", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.container-fluid {
  max-width: calc(1280px + 32px);
  padding-left: 16px;
  padding-right: 16px;
  margin-bottom: 48px;
}

*:focus,
input[type="checkbox"]:focus + span {
  outline: 2px solid #d4d4d4 !important; /* text-neutral-300 */
}

/* Page header */

section.tn-header-component {
  margin-bottom: 16px;
}

/* Temp hacks */

button.tn-btn-datepicker__btn:hover,
button.tn-btn-datepicker__btn:active,
button.tn-btn-datepicker__btn:focus {
  background-color: #fff !important;
  color: #000 !important;
}

button.tn-events-list-view__btn-reset-dates:disabled {
  pointer-events: none;
}

a.tn-events-calendar__event:hover,
a.tn-events-calendar__event:active,
a.tn-events-calendar__event:focus {
  background-color: #000 !important;
  color: #fff !important;
}