/*
* This is a manifest file that'll be compiled into application.css, which will include all the files
* listed below.
*
* Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
* vendor/assets/stylesheets directory can be referenced here using a relative path.
*
* You're free to add application-wide styles to this file and they'll appear at the bottom of the
* compiled file so the styles you add here take precedence over styles defined in any other CSS
* files in this directory. Styles in this file should be added after the last require_* statement.
* It is generally better to create a new file per style scope.
*


*/
@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap");
/**
*
* Breakpoints
*
**/
@media (max-width: 614px) {
  /* line 40, app/assets/stylesheets/application.scss */
  .show_video_transcript {
    margin-top: 8px;
    margin-bottom: 8px;
  }
  /* line 45, app/assets/stylesheets/application.scss */
  .video-header {
    display: block !important;
  }
  /* line 49, app/assets/stylesheets/application.scss */
  nav {
    padding: 15px 20px !important;
  }
  /* line 51, app/assets/stylesheets/application.scss */
  nav ul {
    display: none !important;
  }
  /* line 55, app/assets/stylesheets/application.scss */
  .sidepanel-button {
    display: block !important;
  }
  /* line 58, app/assets/stylesheets/application.scss */
  .global-flexbar {
    flex-direction: column !important;
    gap: 10px;
  }
  /* line 63, app/assets/stylesheets/application.scss */
  .home-newest-content {
    flex-direction: column;
    height: auto !important;
    padding: 20px;
    border: none !important;
  }
  /* line 68, app/assets/stylesheets/application.scss */
  .home-newest-content > div {
    border: none !important;
    border-bottom: 2px solid #eff2f6 !important;
    height: auto !important;
    padding: 40px 0px !important;
  }
  /* line 76, app/assets/stylesheets/application.scss */
  h1 {
    font-size: 20px !important;
  }
  /* line 80, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 1em !important;
  }
  /* line 84, app/assets/stylesheets/application.scss */
  h3 {
    font-size: 1em !important;
  }
  /* line 87, app/assets/stylesheets/application.scss */
  .global-wrapper {
    padding: 20px !important;
  }
  /* line 90, app/assets/stylesheets/application.scss */
  .global-form {
    margin: 0 !important;
  }
  /* line 93, app/assets/stylesheets/application.scss */
  .global-margin-25 {
    margin: 0 !important;
  }
  /* line 97, app/assets/stylesheets/application.scss */
  .media-grid {
    grid-template-columns: repeat(auto-fill, minmax(20rem, 2fr));
  }
  /* line 101, app/assets/stylesheets/application.scss */
  .content-for-book {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 110, app/assets/stylesheets/application.scss */
  .book-page {
    display: block !important;
  }
  /* line 113, app/assets/stylesheets/application.scss */
  .book-page img {
    width: 60vw !important;
  }
  /* line 117, app/assets/stylesheets/application.scss */
  .book-page h2 {
    font-size: x-large !important;
  }
  /* line 122, app/assets/stylesheets/application.scss */
  .book-img {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 129, app/assets/stylesheets/application.scss */
  .book-header-mobile {
    display: block !important;
  }
  /* line 133, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 0px;
    opacity: 0;
  }
  /* line 138, app/assets/stylesheets/application.scss */
  #admin_tools_wrapper {
    padding: 20px !important;
  }
}

@media (min-width: 615px) and (max-width: 999px) {
  /* line 145, app/assets/stylesheets/application.scss */
  nav {
    padding: 15px 20px !important;
  }
  /* line 147, app/assets/stylesheets/application.scss */
  nav ul {
    display: none !important;
  }
  /* line 152, app/assets/stylesheets/application.scss */
  .home-newest-content {
    flex-direction: column;
    height: auto !important;
    padding: 20px;
    border: none !important;
  }
  /* line 157, app/assets/stylesheets/application.scss */
  .home-newest-content > div {
    border: none !important;
    border-bottom: 2px solid #eff2f6 !important;
    height: auto !important;
    padding: 40px 0px !important;
  }
  /* line 165, app/assets/stylesheets/application.scss */
  .sidepanel-button {
    display: block !important;
  }
  /* line 169, app/assets/stylesheets/application.scss */
  .global-flexbar {
    flex-direction: column !important;
    gap: 10px;
  }
  /* line 174, app/assets/stylesheets/application.scss */
  h1 {
    font-size: 30px !important;
  }
  /* line 178, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 1.5rem !important;
  }
  /* line 182, app/assets/stylesheets/application.scss */
  h3 {
    font-size: 1rem !important;
  }
  /* line 185, app/assets/stylesheets/application.scss */
  .global-wrapper {
    padding: 20px !important;
  }
  /* line 189, app/assets/stylesheets/application.scss */
  .content-for-book {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 198, app/assets/stylesheets/application.scss */
  .book-page {
    display: block !important;
  }
  /* line 201, app/assets/stylesheets/application.scss */
  .book-page img {
    width: 40vw !important;
  }
  /* line 205, app/assets/stylesheets/application.scss */
  .book-page h2 {
    font-size: xx-large !important;
  }
  /* line 210, app/assets/stylesheets/application.scss */
  .book-img {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 217, app/assets/stylesheets/application.scss */
  .book-header-mobile {
    display: block !important;
  }
  /* line 221, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 0px;
    opacity: 0;
  }
  /* line 226, app/assets/stylesheets/application.scss */
  #admin_tools_wrapper {
    padding: 20px !important;
  }
}

@media (min-width: 1001px) {
  /* line 233, app/assets/stylesheets/application.scss */
  .search-sidebar {
    width: 400px;
    position: fixed;
    left: 5%;
    padding: 20px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  }
  /* line 241, app/assets/stylesheets/application.scss */
  .results-container {
    position: relative;
    margin-left: 500px;
  }
  /* line 246, app/assets/stylesheets/application.scss */
  .book-header-desktop {
    display: block !important;
  }
  /* line 250, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 300px;
  }
  /* line 254, app/assets/stylesheets/application.scss */
  .admin_tools_sidepanel_button {
    display: none;
  }
}

/**
*
* Styles
*
**/
/* line 265, app/assets/stylesheets/application.scss */
body {
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  padding: 0;
  margin: 0;
}

/* line 273, app/assets/stylesheets/application.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 279, app/assets/stylesheets/application.scss */
.home-newest-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 50vh;
  text-align: center;
  border-top: 2px solid #eff2f6;
  border-bottom: 2px solid #eff2f6;
}

/* line 289, app/assets/stylesheets/application.scss */
.button,
input[type="submit"],
.global-fake-input[type="submit"],
.submit-button {
  padding: 8px 15px;
  font-size: 16px;
  background-color: #1e74d7;
  color: white;
  border: none;
  cursor: pointer;
  font-weight: 500;
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  border-radius: 50px;
}

/* line 302, app/assets/stylesheets/application.scss */
.button.selected,
input[type="submit"].selected,
[type="submit"].selected.global-fake-input,
.submit-button.selected {
  background-color: #193d4e !important;
}

/* line 308, app/assets/stylesheets/application.scss */
.button:not(.button-disabled):hover,
input[type="submit"]:not(.button-disabled):hover,
.global-fake-input[type="submit"]:not(.button-disabled):hover,
.submit-button:not(.button-disabled):hover {
  background-color: #193d4e !important;
  transition: 0.5s;
}

/* line 314, app/assets/stylesheets/application.scss */
.button:hover .button:not(.button-disabled), .button[type="secondary"],
input[type="submit"]:hover .button:not(.button-disabled),
.global-fake-input[type="submit"]:hover .button:not(.button-disabled),
input[type="submit"][type="secondary"],
.global-fake-input[type="submit"][type="secondary"],
.submit-button:hover .button:not(.button-disabled),
.submit-button[type="secondary"], .button:hover input[type="submit"]:not(.button-disabled), .button:hover .global-fake-input[type="submit"]:not(.button-disabled),
input[type="submit"]:hover input[type="submit"]:not(.button-disabled),
.global-fake-input[type="submit"]:hover input[type="submit"]:not(.button-disabled),
input[type="submit"]:hover .global-fake-input[type="submit"]:not(.button-disabled),
.global-fake-input[type="submit"]:hover .global-fake-input[type="submit"]:not(.button-disabled),
.submit-button:hover input[type="submit"]:not(.button-disabled),
.submit-button:hover .global-fake-input[type="submit"]:not(.button-disabled), .button:hover
.submit-button:not(.button-disabled),
input[type="submit"]:hover .submit-button:not(.button-disabled),
.global-fake-input[type="submit"]:hover .submit-button:not(.button-disabled),
.submit-button:hover
.submit-button:not(.button-disabled) {
  color: #1e74d7;
  background-color: transparent;
}

/* line 320, app/assets/stylesheets/application.scss */
.button.button-disabled,
input[type="submit"].button-disabled,
[type="submit"].button-disabled.global-fake-input,
.submit-button.button-disabled {
  cursor: not-allowed;
  background-color: #ececec;
  border-color: #ececec;
  opacity: 0.6;
  color: black;
}

/* line 329, app/assets/stylesheets/application.scss */
.button.secondary,
input[type="submit"].secondary,
[type="submit"].secondary.global-fake-input,
.submit-button.secondary {
  background: none;
  border: 2px solid #1e74d7;
  color: #1e74d7;
}

/* line 336, app/assets/stylesheets/application.scss */
.icon-button {
  background: none;
  border: none;
  font-size: 18px;
  color: #1e74d7;
  cursor: pointer;
  font-weight: 500;
}

/* line 344, app/assets/stylesheets/application.scss */
.icon-button:hover {
  color: #1e74d7;
}

/* line 349, app/assets/stylesheets/application.scss */
.sidepanel-button {
  display: none;
  position: relative;
  /* Needed for positioning the pseudo-element */
}

/* line 354, app/assets/stylesheets/application.scss */
.notification::after {
  background: red;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 100%;
  z-index: 4;
  width: 10px;
  height: 10px;
}

/* line 371, app/assets/stylesheets/application.scss */
.sidepanel {
  width: 0;
  position: fixed;
  z-index: 2;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 60px;
}

/* line 384, app/assets/stylesheets/application.scss */
.sidepanel a {
  padding: 8px 8px 8px 32px;
  font-size: 1.1em;
}

/* line 389, app/assets/stylesheets/application.scss */
.sidepanel .closebtn {
  position: absolute;
  top: 0;
  right: 0px;
  font-size: 20px;
}

/* line 396, app/assets/stylesheets/application.scss */
p {
  max-width: 50rem;
}

/* line 400, app/assets/stylesheets/application.scss */
a {
  color: #1e74d7;
  cursor: pointer;
  text-decoration: none;
}

/* line 406, app/assets/stylesheets/application.scss */
.fake-link {
  color: #1e74d7;
  cursor: pointer;
  text-decoration: none;
  background-color: none;
}

/* line 413, app/assets/stylesheets/application.scss */
h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  margin-bottom: 5px;
  display: inline;
  font-weight: 700;
}

/* line 427, app/assets/stylesheets/application.scss */
h1 {
  font-size: 48px;
}

/* line 431, app/assets/stylesheets/application.scss */
h2 {
  font-size: 36px;
}

/* line 435, app/assets/stylesheets/application.scss */
h3 {
  font-size: 24px;
}

/* line 439, app/assets/stylesheets/application.scss */
h4 {
  font-size: 18px;
}

/* line 443, app/assets/stylesheets/application.scss */
nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 20px;
  position: relative;
  border-bottom: 3px solid #116fa3;
  color: #295273 !important;
}

/* line 457, app/assets/stylesheets/application.scss */
nav a {
  color: #116fa3 !important;
}

/* line 460, app/assets/stylesheets/application.scss */
nav a:hover {
  color: #07435a !important;
}

/* line 471, app/assets/stylesheets/application.scss */
nav #295273 #6e8791 #116fa3 h1,
nav h2,
nav h3,
nav h4,
nav h5 {
  margin: 0;
}

/* line 483, app/assets/stylesheets/application.scss */
nav ul {
  list-style-type: none;
  display: flex;
  align-items: center;
  justify-content: space-around;
}

/* line 488, app/assets/stylesheets/application.scss */
nav ul li {
  padding: 0 13px;
}

/* line 490, app/assets/stylesheets/application.scss */
nav ul li a {
  font-size: 16px;
}

/* line 495, app/assets/stylesheets/application.scss */
nav ul button {
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
}

/* line 503, app/assets/stylesheets/application.scss */
nav .logo {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

/* line 507, app/assets/stylesheets/application.scss */
nav .logo .logo-image {
  width: 50px;
}

/* line 510, app/assets/stylesheets/application.scss */
nav .logo .logo-text {
  margin-left: 10px;
  display: flex;
  justify-content: center;
  align-items: start;
  flex-direction: column;
}

/* line 516, app/assets/stylesheets/application.scss */
nav .logo .logo-text h2 {
  font-size: 20px !important;
  margin-bottom: 0;
}

/* line 521, app/assets/stylesheets/application.scss */
nav .logo i {
  font-size: 10px;
}

/* line 526, app/assets/stylesheets/application.scss */
nav:after {
  content: "";
  display: block;
  height: 3px;
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
}

/* line 545, app/assets/stylesheets/application.scss */
.accent {
  color: #1e74d7;
}

/* line 549, app/assets/stylesheets/application.scss */
.form-control {
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  display: flex;
  gap: 0.5em;
  align-items: center;
}

/* line 556, app/assets/stylesheets/application.scss */
.form-control + .form-control {
  margin-top: 1em;
}

/* line 560, app/assets/stylesheets/application.scss */
.form-control--disabled {
  color: #3f5878;
  cursor: not-allowed;
}

/* line 565, app/assets/stylesheets/application.scss */
input[type="checkbox"], .global-fake-input[type="checkbox"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: none;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.1em;
  height: 1.1em;
  border-radius: 0.15em;
  transform: translateY(-0.075em);
  border: 2px solid black;
  display: grid;
  place-content: center;
}

/* line 587, app/assets/stylesheets/application.scss */
input[type="checkbox"]::before, .global-fake-input[type="checkbox"]::before {
  content: "";
  width: 0.7em;
  height: 0.7em;
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #1e74d7;
  /* Windows High Contrast Mode */
  background-color: CanvasText;
}

/* line 600, app/assets/stylesheets/application.scss */
input[type="checkbox"]:focus, .global-fake-input[type="checkbox"]:focus {
  outline: none !important;
}

/* line 604, app/assets/stylesheets/application.scss */
input[type="checkbox"]:checked, .global-fake-input[type="checkbox"]:checked {
  border-color: #1e74d7;
}

/* line 608, app/assets/stylesheets/application.scss */
input[type="checkbox"]:checked::before, .global-fake-input[type="checkbox"]:checked::before {
  transform: scale(1);
}

/* line 612, app/assets/stylesheets/application.scss */
input[type="checkbox"]:focus, .global-fake-input[type="checkbox"]:focus {
  outline: 0.15em solid currentColor;
  outline-offset: 0.15em;
}

/* line 617, app/assets/stylesheets/application.scss */
input[type="checkbox"]:disabled, .global-fake-input[type="checkbox"]:disabled {
  --form-control-color: $theme-colors-grey;
  color: #3f5878;
  cursor: not-allowed;
}

/* line 624, app/assets/stylesheets/application.scss */
input[type="radio"], .global-fake-input[type="radio"] {
  /* Add if not using autoprefixer */
  -webkit-appearance: none;
  /* Remove most all native input styles */
  appearance: none;
  /* For iOS < 15 */
  background-color: transparent;
  /* Not removed via appearance */
  margin: 0;
  font: inherit;
  color: currentColor;
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 50%;
  transform: translateY(-0.075em);
  display: grid;
  place-content: center;
}

/* line 646, app/assets/stylesheets/application.scss */
input[type="radio"]::before, .global-fake-input[type="radio"]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  border-radius: 50%;
  transform: scale(0);
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em #1e74d7;
}

/* line 656, app/assets/stylesheets/application.scss */
input[type="radio"]:checked::before, .global-fake-input[type="radio"]:checked::before {
  transform: scale(1);
}

/* line 660, app/assets/stylesheets/application.scss */
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):not(.text-editor *), .global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]) {
  padding: 10px;
  width: 100%;
  background-color: #ececec !important;
  -webkit-autofill-background-color: #ececec !important;
  border: none;
  padding: 10px 15px;
  border-radius: 10px;
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  -webkit-autofill-font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
  -webkit-autofill-font-size: 16px !important;
}

/* line 672, app/assets/stylesheets/application.scss */
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]) :focus, .global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]) :focus {
  outline: none;
}

/* line 677, app/assets/stylesheets/application.scss */
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill, .global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill,
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:hover,
.global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:hover,
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:focus,
.global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:focus,
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:active,
.global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill:active,
input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill::first-line,
.global-fake-input:not([type="radio"]):not([type="submit"]):not([type="checkbox"]):not([type="image"]):-webkit-autofill::first-line {
  -webkit-box-shadow: 0 0 0 30px #ececec inset !important;
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif !important;
  font-size: 16px !important;
}

/* line 697, app/assets/stylesheets/application.scss */

input[type="submit"],
.global-fake-input[type="submit"],
.submit-button {
  padding: 10px;
  width: 100%;
  border: none;
  padding: 10px 15px;
  border-radius: 10px;
  font-family: "Nunito Sans", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
  font-size: 16px;
}

/* line 706, app/assets/stylesheets/application.scss */
input[type="submit"]:focus, .global-fake-input[type="submit"]:focus,
.submit-button:focus {
  outline: none;
  border-color: #1e74d7;
}

/* Chrome, Safari, Edge, Opera */
/* line 713, app/assets/stylesheets/application.scss */
input::-webkit-outer-spin-button, .global-fake-input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button,
.global-fake-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
/* line 720, app/assets/stylesheets/application.scss */
input[type="number"], .global-fake-input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

/* line 725, app/assets/stylesheets/application.scss */
.global-wrapper {
  padding: 40px;
}

/* line 729, app/assets/stylesheets/application.scss */
.global-centered {
  text-align: center;
  width: 100%;
}

/* line 732, app/assets/stylesheets/application.scss */
.global-centered p {
  margin: 0 auto;
}

/* line 737, app/assets/stylesheets/application.scss */
.global-flexbar {
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 741, app/assets/stylesheets/application.scss */
.global-flexbar button {
  margin: 0 5px;
}

/* line 746, app/assets/stylesheets/application.scss */
.global-share-button {
  padding: 10px;
  color: white;
  background-color: #1e74d7;
  border: none;
  border-radius: 100px;
  font-size: 17px;
  width: 40px;
  height: 40px;
  position: absolute;
  transform: translateX(-100%);
  cursor: pointer;
}

/* line 761, app/assets/stylesheets/application.scss */
.global-share-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

/* line 769, app/assets/stylesheets/application.scss */
.global-margin-25 {
  margin: 0 25rem;
}

/* line 773, app/assets/stylesheets/application.scss */
.global-select {
  width: max-content;
  position: relative;
}

/* line 777, app/assets/stylesheets/application.scss */
.global-select select {
  appearance: none;
  /*  safari  */
  -webkit-appearance: none;
  width: auto;
  font-size: 1.15rem;
  padding: 0.5em 3em 0.5em 1em;
  background-color: white;
  border: 1px solid #1e74d7;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
}

/* line 792, app/assets/stylesheets/application.scss */
.global-select::before, .global-select::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

/* line 801, app/assets/stylesheets/application.scss */
.global-select::before {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-bottom: var(--size) solid black;
  top: 33%;
}

/* line 808, app/assets/stylesheets/application.scss */
.global-select::after {
  border-left: var(--size) solid transparent;
  border-right: var(--size) solid transparent;
  border-top: var(--size) solid black;
  top: 50%;
}

/* line 816, app/assets/stylesheets/application.scss */
.global-radio {
  line-height: 1.1;
  display: grid;
  grid-template-columns: 1em auto;
  gap: 0.5em;
  max-width: max-content;
}

/* line 823, app/assets/stylesheets/application.scss */
.global-radio input[type="radio"]:checked .global-radio:not(input):not(.global-fake-input), .global-radio .global-fake-input[type="radio"]:checked .global-radio:not(input):not(.global-fake-input) {
  color: #1e74d7;
}

/* line 828, app/assets/stylesheets/application.scss */
.global-flex-radio {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  width: max-content;
}

/* line 835, app/assets/stylesheets/application.scss */
.global-form-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 40rem;
  margin: 40px auto;
}

/* line 841, app/assets/stylesheets/application.scss */
.global-form-item .text {
  font-weight: bold;
  font-size: 1.3em;
}

/* line 850, app/assets/stylesheets/application.scss */
.global-fake-input input:focus, .global-fake-input .global-fake-input:focus {
  border: 0 !important;
  outline: 0 !important;
}

/* line 855, app/assets/stylesheets/application.scss */
.global-fake-input input, .global-fake-input .global-fake-input {
  padding: 0 !important;
  border: 0 !important;
  background-color: transparent !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* line 865, app/assets/stylesheets/application.scss */
.global-paypal-button {
  padding: 10px 20px;
  border: 0.125rem solid #ffd140;
  border-radius: 25px;
  background: #ffd140;
  margin: 0 auto;
  display: block;
  min-width: 138px;
  position: relative;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
  width: max-content;
  text-decoration: none;
  color: #003085;
  font-weight: bold;
}

/* line 883, app/assets/stylesheets/application.scss */
.global-paypal-button:hover {
  text-decoration: none;
  background: #ffe888;
  border-color: #ffe888;
}

/* line 890, app/assets/stylesheets/application.scss */
.global-paypal-logo {
  width: 100px !important;
}

/* line 894, app/assets/stylesheets/application.scss */
.global-form {
  padding: 20px;
  margin: 0 25rem;
  border: 1px solid #ececec;
}

/* line 900, app/assets/stylesheets/application.scss */
.media-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 3fr));
  grid-gap: 1vw;
  margin: 0 10px;
}

/* line 907, app/assets/stylesheets/application.scss */
.book-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 2fr));
  grid-gap: 2vw;
}

/* line 913, app/assets/stylesheets/application.scss */
.media-card {
  height: 100%;
  color: black;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  max-width: 300px;
  width: 300px;
  max-height: 225px;
  margin-bottom: 20px;
}

/* line 927, app/assets/stylesheets/application.scss */
.media-card .header {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 936, app/assets/stylesheets/application.scss */
.media-card .video-img-container {
  width: 300px;
  /* Set a fixed width for the container */
  height: 175px;
  /* Set the desired visible height */
  overflow: hidden;
  /* Hide content that overflows the container */
  position: relative;
  /* Needed for positioning the image inside */
  border-radius: 8px;
}

/* line 943, app/assets/stylesheets/application.scss */
.media-card .video-img-container img {
  width: 100%;
  /* Make the image fill the container width */
  height: auto;
  /* Maintain aspect ratio */
  position: absolute;
  /* Position the image relative to the container */
  top: -25px;
  /* Adjust this value to clip from the top */
}

/* line 953, app/assets/stylesheets/application.scss */
.donate-card {
  padding: 10px;
  min-width: 20rem;
  width: 100%;
  height: 100%;
  color: black;
  text-decoration: none !important;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/* line 964, app/assets/stylesheets/application.scss */
.donate-card i[class^="fa-"] {
  color: #1e74d7;
}

/* line 968, app/assets/stylesheets/application.scss */
.donate-card i {
  text-decoration: none;
}

/* line 972, app/assets/stylesheets/application.scss */
.donate-card .header {
  font-size: 20px;
  padding: 5rem 0;
  text-decoration: none !important;
}

/* line 979, app/assets/stylesheets/application.scss */
.book-card {
  text-decoration: none !important;
}

/* line 983, app/assets/stylesheets/application.scss */
#quotes {
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
}

@keyframes rotate {
  to {
    transform: rotate(360deg);
  }
}

/* line 999, app/assets/stylesheets/application.scss */
.home-intro-video .video-js.vjs-lime {
  height: 50vh !important;
}

/* line 1004, app/assets/stylesheets/application.scss */
.video-js.vjs-lime {
  overflow: clip;
  border-radius: 0.5em;
  position: relative;
  height: 70vh;
  width: 100%;
}

/* line 1011, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-tech {
  height: 70vh;
  width: 100%;
}

/* line 1015, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-big-play-button {
  width: 2em;
  height: 2em;
  line-height: 1.9em;
  border-radius: 1em;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: #1e74d7;
  border: 2px solid #1e74d7;
  margin-top: 0;
  margin-left: 0;
  color: white;
}

/* line 1031, app/assets/stylesheets/application.scss */
.video-js.vjs-lime:hover .vjs-big-play-button, .video-js.vjs-lime:focus .vjs-big-play-button {
  background-color: #fafafa;
  border: 2px solid #1e74d7;
  color: #1e74d7;
}

/* line 1038, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control-text {
  display: none;
}

/* line 1042, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-progress-control,
.video-js.vjs-lime .vjs-volume-control {
  margin: auto 0;
}

/* line 1047, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control.vjs-button .vjs-icon-placeholder,
.video-js.vjs-lime .vjs-control.vjs-button .vjs-icon-placeholder:before {
  width: min-content;
  height: min-content;
  line-height: 1;
  display: block;
}

/* line 1055, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control.vjs-button .vjs-icon-placeholder:before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* line 1062, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control.vjs-button {
  position: relative;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* line 1071, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-loading-spinner {
  border: 3px solid rgba(255, 255, 255, 0.6);
  width: 45px;
  height: 45px;
}

/* line 1075, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-loading-spinner:before, .video-js.vjs-lime .vjs-loading-spinner:after {
  margin: -3px;
  animation: rotate 0.8s linear infinite;
  border-top-color: #1e74d7;
}

/* line 1081, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-loading-spinner:after {
  display: none;
  border-top-color: #1e74d7;
}

/* line 1087, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control {
  text-shadow: none !important;
}

/* line 1091, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-time-tooltip {
  background: #1e74d7;
}

/* line 1096, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-play-progress .vjs-time-tooltip {
  background: #bebebe;
}

/* line 1102, app/assets/stylesheets/application.scss */
.video-js.vjs-lime *:not(.vjs-user-inactive) .vjs-control-bar {
  display: flex;
}

/* line 1107, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-load-progress {
  background-color: #bebebe;
}

/* line 1111, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control-bar {
  height: auto;
  align-items: center;
  justify-content: space-around;
  padding-top: 2em;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.4) 35%, rgba(0, 0, 0, 0) 100%);
  border-bottom-left-radius: 0.5em;
  border-bottom-right-radius: 0.5em;
}

/* line 1126, app/assets/stylesheets/application.scss */
.video-js.vjs-lime button.vjs-icon-cog {
  font-size: 1.3em;
}

/* line 1130, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 0.5em;
  backdrop-filter: blur(4px);
}

/* line 1136, app/assets/stylesheets/application.scss */
.video-js.vjs-lime video {
  border-radius: 0.5em;
}

/* line 1138, app/assets/stylesheets/application.scss */
.video-js.vjs-lime video:focus {
  outline: none;
}

/* line 1143, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-slider {
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 10px;
}

/* line 1149, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress {
  background-color: #1e74d7;
  transition: width 0.15s linear;
}

/* line 1153, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-progress-holder .vjs-play-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress,
.video-js.vjs-lime .vjs-progress-holder .vjs-load-progress > div {
  border-radius: 10px;
}

/* line 1163, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:focus:not(.vjs-selected),
.video-js.vjs-lime .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected),
.video-js.vjs-lime .js-focus-visible .vjs-menu li.vjs-menu-item:hover:not(.vjs-selected) {
  background-color: rgba(255, 255, 255, 0.3);
}

/* line 1168, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-play-control {
  border-radius: 100%;
  margin: 5px;
}

/* line 1171, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-play-control:focus {
  outline: none;
  color: white;
  background-color: #1e74d7;
}

/* line 1178, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-overlay {
  text-align: start !important;
}

/* line 1180, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-overlay h2 {
  color: #b8b8b8 !important;
  font-weight: normal !important;
  font-size: 1em !important;
}

/* line 1188, app/assets/stylesheets/application.scss */
header {
  background-color: #8ebef5;
  color: white;
  padding: 20px;
  text-align: center;
  height: 50vh;
  position: relative;
}

/* line 1195, app/assets/stylesheets/application.scss */
header h1 {
  margin: 0;
}

/* line 1198, app/assets/stylesheets/application.scss */
header video {
  height: 50vh !important;
  width: 100%;
}

/* line 1203, app/assets/stylesheets/application.scss */
textarea {
  font-size: 1em;
  font-family: inherit;
  border-radius: 6px;
  resize: none;
  /* Disable manual resizing */
  overflow: hidden;
  /* Hide scrollbars */
  min-height: 40px;
  /* Set a minimum height */
  box-sizing: border-box;
  /* Include padding/border in height calculation */
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  font-size: 16px;
  line-height: 1.5;
  height: auto;
  /* Initial height is auto */
}

/* line 1219, app/assets/stylesheets/application.scss */
textarea::placeholder {
  color: #3e3e3e;
}

/* line 1223, app/assets/stylesheets/application.scss */
textarea:focus {
  outline: none;
}

/* line 1227, app/assets/stylesheets/application.scss */
.enter_comment_text_area {
  min-width: 100%;
  max-width: 100%;
}

/* line 1232, app/assets/stylesheets/application.scss */
.notification-box {
  transition: 0.2s;
  position: relative;
}

/* line 1237, app/assets/stylesheets/application.scss */
.notification-box:hover {
  background: #1170a325;
  transition: 0.2s;
}

/* line 1243, app/assets/stylesheets/application.scss */
.large-notification::after {
  top: -10px;
  right: -10px;
  content: "";
  background: red;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  position: absolute;
  z-index: 3;
}

/* line 1260, app/assets/stylesheets/application.scss */
.selected-thumbnail {
  border: 5px solid #116fa3;
}

/* line 1264, app/assets/stylesheets/application.scss */
table {
  border-collapse: collapse;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 25px 0;
  font-size: 0.9em;
  word-break: normal;
  table-layout: fixed;
}

/* line 1280, app/assets/stylesheets/application.scss */
.table::-webkit-scrollbar {
  height: 10px;
}

/* line 1285, app/assets/stylesheets/application.scss */
.table::-webkit-scrollbar-thumb {
  border-radius: 40px;
  background-color: #2466f3;
  width: 2px;
}

/* line 1294, app/assets/stylesheets/application.scss */
table th {
  background-color: #2466f3d9;
  color: #ffffff;
  text-align: left;
}

/* line 1300, app/assets/stylesheets/application.scss */
table th,
table td {
  padding: 12px 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/* line 1309, app/assets/stylesheets/application.scss */
table tbody tr:nth-of-type(even) {
  background-color: #6e6e6e28;
}

/* line 1313, app/assets/stylesheets/application.scss */
.text-editor {
  all: initial;
}

/* line 1318, app/assets/stylesheets/application.scss */
.blog-post-content h1, .blog-post-content h2, .blog-post-content h3, .blog-post-content h4 {
  display: block !important;
}