/* Healthcare Demo Branding */
/* CSS Variables */
:root {
  --color-font: #182c4e;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-border: #b9c6e0;
  --color-status-info: #36a3f7;
  --header-color-text: #4a4a4a;
  --color-status-error: #f4516c;
  --color-brand-primary: rgba(62,167,72,1);
  --font-family-primary: 'Rubik';
  --color-brand-tertiary: rgba(18,82,120,1);
  --color-status-success: #34bfa3;
  --color-status-warning: #ffb822;
  --color-brand-secondary: rgba(18,82,120,1);
  --color-page-background: #f5f5f5;
  --font-family-secondary: 'Poppins';
  --header-background-color: #ffffff;
}
/* ************* */

/* Custom CSS */
kyte-header header.logged-out {
  display: none !important;
}

/*
kyte-login,
kyte-forgot,
kyte-join,
kyte-signup-from-token {
  background-image: url(https://cdn.kytelearning.com/swig/login_bg3.jpg);
  background-size: cover;
}
*/

[ng-reflect-name="courseType"],
kyte-content-manager-course-builder-info #course-type {
  display: none !important;
}

.hide-tenant {
  display: none !important;
}

:root {
  /* Uncomment the following line to change the header color to the brand color */
  /*
  --header-background-color: var(--color-brand-primary);
  --header-logo-padding-left: 24px;
  */

  /*--header-text-color: #fff;*/

  /* Uncomment the following line to force every color/accent to be the brand color */
  --forced-brand-color: var(--color-brand-primary);

  /* Uncomment the following line to force the font to be a specific font */
  /*--font-family-primary: "Font Name", sans-serif;*/
  /* Uncomment the following line to force the font weight to be a specific font weight */
  /*--font-weight-3: 500;*/
}

/* Set player background/overlay color */
kyte-plyr-video-backend .kyte-overlay {
  background-color: rgba(0, 0, 0, 0.8);
}

/* Brand (most of) the buttons */
[kyte-button]:not(.link),
kyte-button:not(.link) {
  outline: 0;
  background-color: var(--color-brand-primary);
  border: none !important;
  color: white;
  border-radius: 8px !important;
}

button.sign-in-btn {
  background-color: var(--color-brand-primary) !important;
}

header.masquerade {
  background-color: white !important;
}