/* Swig Drinks Branding */

/* Fonts */
@font-face {
  font-family: "Roboto-Flex";
  src: local("Roboto-Flex"), local("Roboto-Flex"), local("Roboto Flex"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/09f51b34-772b-4a88-9b5c-2e3f04524a7b.woff2") format("woff2"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/09f51b34-772b-4a88-9b5c-2e3f04524a7b.woff") format("woff"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/09f51b34-772b-4a88-9b5c-2e3f04524a7b.ttf") format("truetype"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/09f51b34-772b-4a88-9b5c-2e3f04524a7b.otf") format("opentype");
  font-weight: 100 1000;
  font-stretch: 0% 200%;
}

@font-face {
  font-family: "Roboto-Flex";
  src: local("Roboto-Flex"), local("Roboto-Flex"), local("Roboto Flex"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/4a31b929-65b8-4788-bca1-43a2c4dac4d5.woff2") format("woff2"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/4a31b929-65b8-4788-bca1-43a2c4dac4d5.woff") format("woff"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/4a31b929-65b8-4788-bca1-43a2c4dac4d5.ttf") format("truetype"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/4a31b929-65b8-4788-bca1-43a2c4dac4d5.otf") format("opentype");
  font-weight: 100 1000;
  font-stretch: 0% 200%;
}

@font-face {
  font-family: "Roboto-Flex";
  src: local("Roboto-Flex"), local("Roboto-Flex"), local("Roboto Flex"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/e2b91dba-b837-40d7-b145-55e193532ffe.woff2") format("woff2"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/e2b91dba-b837-40d7-b145-55e193532ffe.woff") format("woff"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/e2b91dba-b837-40d7-b145-55e193532ffe.ttf") format("truetype"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/e2b91dba-b837-40d7-b145-55e193532ffe.otf") format("opentype");
  font-weight: 100 1000;
  font-stretch: 0% 200%;
}

@font-face {
  font-family: "Roboto-Flex";
  src: local("Roboto-Flex"), local("Roboto-Flex"), local("Roboto Flex"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/db9aa8c7-9e2e-4204-9550-fdc951b38384.woff2") format("woff2"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/db9aa8c7-9e2e-4204-9550-fdc951b38384.woff") format("woff"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/db9aa8c7-9e2e-4204-9550-fdc951b38384.ttf") format("truetype"), url("https://cdn.kytelearning.com/swig/branding/fonts/roboto-flex/db9aa8c7-9e2e-4204-9550-fdc951b38384.otf") format("opentype");
  font-weight: 100 1000;
  font-stretch: 0% 200%;
}

/* ***** */
/* CSS Variables */
:root {
  --color-font: rgba(0,0,0,1);
  --color-black: #000000;
  --color-white: #ffffff;
  --color-border: #b9c6e0;
  --color-status-info: #36a3f7;
  --header-color-text: rgba(255,255,255,1);
  --color-status-error: #f4516c;
  --color-brand-primary: rgba(238,63,74,1);
  --font-family-primary: 'Gilroy-Heavy';
  --color-brand-tertiary: #868aa8;
  --color-status-success: #34bfa3;
  --color-status-warning: #ffb822;
  --color-brand-secondary: rgba(132,220,198,1);
  --color-page-background: #f5f5f5;
  --font-family-secondary: 'Gilroy';
  --header-background-color: rgba(238,63,74,1);
  --forced-brand-color: rgba(238,63,74,1);
}
/* ************* */

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

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

kyte-login #login-container,
kyte-forgot #login-container,
kyte-join #join-container {
  background-color: white;
  border-radius: var(--border-radius);
}

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

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

:root {
  --header-logo-padding-left: 24px;
  --font-weight-3: 500;

  --course-card-img-bg-color: white;
}

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

[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;
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 300;
  src: local("Gilroy Light"), local("Gilroy-Light"),
    url(https://cdn.kytelearning.com/app/assets/fonts/Gilroy/Gilroy-Light.ttf) format("truetype");
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 400;
  src: local("Gilroy"), local("Gilroy-Regular"),
    url(https://cdn.kytelearning.com/app/assets/fonts/Gilroy/Gilroy-Regular.ttf) format("truetype");
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 500;
  src: local("Gilroy Medium"), local("Gilroy-Medium"),
    url(https://cdn.kytelearning.com/app/assets/fonts/Gilroy/Gilroy-Medium.ttf) format("truetype");
}

@font-face {
  font-family: "Gilroy";
  font-style: normal;
  font-weight: 700;
  src: local("Gilroy Bold"), local("Gilroy-Bold"),
    url(https://cdn.kytelearning.com/app/assets/fonts/Gilroy/Gilroy-Bold.ttf) format("truetype");
}

@font-face {
  font-family: "Gilroy-Heavy";
  font-style: normal;
  font-weight: normal;
  src: local("Gilroy Heavy"), local("Gilroy-Heavy"),
    url(https://cdn.kytelearning.com/swig/org-0/page-200037/a8cf9eae-d68b-5fa9-96fb-7fb0229d8913.woff) format("woff");
}

.ql-editor ul.branded li::before,
.ql-editor ul.brandedList li::before,
kyte-lesson-viewer-v2-embed ul.branded li:before,
kyte-lesson-viewer-v2-embed ul.brandedList li:before {
  background-size: 14px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='12' fill='white' viewBox='0 0 384 512'%3E%3Cpath d='M224 0H211.5l-3 12.1L179.5 128H16 0v32H16 368h16V128H368 212.5l24-96H272h16V0H272 224zM37.3 192L64 512H320l26.7-320H314.6l-4.2 50c-36.2 3.7-61.4 12.6-80.6 24.9c-19.3 12.3-31.7 27.6-42.5 41l-2 2.5c-11.5 14.1-22 26.3-39.1 36.1c-14 8-33.3 14.9-62.3 18.6L69.4 192H37.3zM86.5 397c32.9-4.1 56.8-12 75.5-22.8c22.6-13 36.2-29.2 48-43.7l1.4-1.7c11.3-13.9 20.7-25.5 35.5-35c13.2-8.5 31.7-15.7 60.7-19.4L290.6 480H93.4l-6.9-83z'/%3E%3C/svg%3E");
}

kyte-library-list-header div.tab:has([title="Courses"]) {
  display: none;
}

.ql-editor ul.branded li::before,
kyte-lesson-viewer-v2-embed ul.branded li:before {
  background-size: 14px;
  height: 40px;
  content: "" !important;
  /* background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='12' fill='white' viewBox='0 0 384 512'%3E%3Cpath d='M224 0H211.5l-3 12.1L179.5 128H16 0v32H16 368h16V128H368 212.5l24-96H272h16V0H272 224zM37.3 192L64 512H320l26.7-320H314.6l-4.2 50c-36.2 3.7-61.4 12.6-80.6 24.9c-19.3 12.3-31.7 27.6-42.5 41l-2 2.5c-11.5 14.1-22 26.3-39.1 36.1c-14 8-33.3 14.9-62.3 18.6L69.4 192H37.3zM86.5 397c32.9-4.1 56.8-12 75.5-22.8c22.6-13 36.2-29.2 48-43.7l1.4-1.7c11.3-13.9 20.7-25.5 35.5-35c13.2-8.5 31.7-15.7 60.7-19.4L290.6 480H93.4l-6.9-83z'/%3E%3C/svg%3E"); */
  font-weight: 100 !important;
  background-image: none !important;
  color: white !important;
}

.ql-editor ul.brandedList li::before,
kyte-lesson-viewer-v2-embed ul.brandedList li:before {
  background-size: 14px;
  height: 40px;
  content: "" !important;
  font-weight: 100 !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='16' width='12' fill='white' viewBox='0 0 384 512'%3E%3Cpath d='M224 0H211.5l-3 12.1L179.5 128H16 0v32H16 368h16V128H368 212.5l24-96H272h16V0H272 224zM37.3 192L64 512H320l26.7-320H314.6l-4.2 50c-36.2 3.7-61.4 12.6-80.6 24.9c-19.3 12.3-31.7 27.6-42.5 41l-2 2.5c-11.5 14.1-22 26.3-39.1 36.1c-14 8-33.3 14.9-62.3 18.6L69.4 192H37.3zM86.5 397c32.9-4.1 56.8-12 75.5-22.8c22.6-13 36.2-29.2 48-43.7l1.4-1.7c11.3-13.9 20.7-25.5 35.5-35c13.2-8.5 31.7-15.7 60.7-19.4L290.6 480H93.4l-6.9-83z'/%3E%3C/svg%3E");
  color: white !important;
}

/** Hidden Elements **/
kyte-navigation-drawer li.library {
  display: none;
}

@media screen and (orientation: portrait) and (max-width: 768px),
screen and (orientation: landscape) and (max-width: 1024px) {

  h1 {
    font-size: 1.5rem;
  }

  h2 {
    font-size: 1.4rem;
  }

  h3 {
    font-size: 1.3rem;
  }

  h4 {
    font-size: 1.2rem;
  }

  h5 {
    font-size: 1.1rem;
  }

  h6 {
    font-size: 1rem;
  }
}

.masquerade-text {
  display: none;
}

.ql-editor img[style*="float: left"],
.ql-editor img[style*="float:left"] {
  margin-right: 20px;
}

/* Updated font assignment logic */
body {
  font-family: var(--font-family-secondary);
}

h1,
h2,
h3,
h4,
h5,
h6,
h1 *:not(.fa):not(.fal):not(.fas):not(.far),
h2 *:not(.fa):not(.fal):not(.fas):not(.far),
h3 *:not(.fa):not(.fal):not(.fas):not(.far),
h4 *:not(.fa):not(.fal):not(.fas):not(.far),
h5 *:not(.fa):not(.fal):not(.fas):not(.far),
h6 *:not(.fa):not(.fal):not(.fas):not(.far) {
  font-family: var(--font-family-primary) !important;
  text-transform: uppercase !important;
}

/*Branded header adjustments*/
h1.brandedHeader {
  font-size: 1.75rem;
  line-height: 1.75rem;
}

/* Target the specific div by its ID */
#report-successMsg h2 {
  display: none;
  /* Hide the h2 element */
}

#report-successMsg p {
  font-size: 1.5em;
  /* Match the h2 style */
  font-weight: bold;
  /* Make it bold if h2 was bold */
  margin: 0;
  /* Adjust spacing if needed */
  text-align: center;
  /* Keep text centered */
}

/* :is(textarea.modern),
:is(input.modern:not([type=radio], [type=checkbox])),
:is(select.modern) {
  background-color: white !important;
} */


kyte-text[message="profile.inProgress.emptyState"] button {
  display: none;
}

kyte-custom-page-view-renderer .sections {
  gap: unset !important;
}

kyte-custom-page-view-renderer-section {
  padding-bottom: 20px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

kyte-custom-page-view-renderer-module-text .ql-editor {
  margin: 0 !important;
}
@media screen and (min-width: 0px){
kyte-scorm-module {
  aspect-ratio: unset !important;
  height: calc(100vh - calc(80px + 60px + 82px + 60px));
}
kyte-scorm-module iframe {
  height: calc(100vh - calc(80px + 60px + 82px + 60px));
}
}