/*
* 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 */
  .listen-on-spotify {
    margin-top: -5px !important;
  }
  /* line 81, app/assets/stylesheets/application.scss */
  h1 {
    font-size: 25px !important;
  }
  /* line 85, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 1em !important;
  }
  /* line 89, app/assets/stylesheets/application.scss */
  h3 {
    font-size: 1em !important;
  }
  /* line 92, app/assets/stylesheets/application.scss */
  .global-wrapper {
    padding: 20px !important;
  }
  /* line 95, app/assets/stylesheets/application.scss */
  .global-form {
    margin: 0 !important;
  }
  /* line 98, app/assets/stylesheets/application.scss */
  .global-margin-25 {
    margin: 0 !important;
  }
  /* line 102, app/assets/stylesheets/application.scss */
  .media-grid {
    grid-template-columns: repeat(auto-fill, minmax(20rem, 2fr));
  }
  /* line 106, app/assets/stylesheets/application.scss */
  .content-for-book {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 115, app/assets/stylesheets/application.scss */
  .book-page {
    display: block !important;
  }
  /* line 118, app/assets/stylesheets/application.scss */
  .book-page img {
    width: 60vw !important;
  }
  /* line 122, app/assets/stylesheets/application.scss */
  .book-page h2 {
    font-size: x-large !important;
  }
  /* line 127, app/assets/stylesheets/application.scss */
  .book-img {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 134, app/assets/stylesheets/application.scss */
  .book-header-mobile {
    display: block !important;
  }
  /* line 138, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 0px;
    opacity: 0;
  }
  /* line 143, app/assets/stylesheets/application.scss */
  #admin_tools_wrapper {
    padding: 20px !important;
  }
}

@media (min-width: 615px) and (max-width: 999px) {
  /* line 150, app/assets/stylesheets/application.scss */
  nav {
    padding: 15px 20px !important;
  }
  /* line 152, app/assets/stylesheets/application.scss */
  nav ul {
    display: none !important;
  }
  /* line 157, app/assets/stylesheets/application.scss */
  .donate-card-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  /* line 164, app/assets/stylesheets/application.scss */
  .home-newest-content {
    flex-direction: column;
    height: auto !important;
    padding: 20px;
    border: none !important;
  }
  /* line 169, 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 177, app/assets/stylesheets/application.scss */
  .sidepanel-button {
    display: block !important;
  }
  /* line 181, app/assets/stylesheets/application.scss */
  .global-flexbar {
    flex-direction: column !important;
    gap: 10px;
  }
  /* line 186, app/assets/stylesheets/application.scss */
  h1 {
    font-size: 20px !important;
  }
  /* line 190, app/assets/stylesheets/application.scss */
  h2 {
    font-size: 1.5rem !important;
  }
  /* line 194, app/assets/stylesheets/application.scss */
  h3 {
    font-size: 1rem !important;
  }
  /* line 197, app/assets/stylesheets/application.scss */
  .global-wrapper {
    padding: 20px !important;
  }
  /* line 201, app/assets/stylesheets/application.scss */
  .content-for-book {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  /* line 210, app/assets/stylesheets/application.scss */
  .book-page {
    display: block !important;
  }
  /* line 213, app/assets/stylesheets/application.scss */
  .book-page img {
    width: 40vw !important;
  }
  /* line 217, app/assets/stylesheets/application.scss */
  .book-page h2 {
    font-size: xx-large !important;
  }
  /* line 222, app/assets/stylesheets/application.scss */
  .book-img {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  /* line 229, app/assets/stylesheets/application.scss */
  .book-header-mobile {
    display: block !important;
  }
  /* line 233, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 0px;
    opacity: 0;
  }
  /* line 238, app/assets/stylesheets/application.scss */
  #admin_tools_wrapper {
    padding: 20px !important;
  }
}

@media (min-width: 1001px) {
  /* line 245, 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 253, app/assets/stylesheets/application.scss */
  .donate-card-container {
    display: flex;
    justify-content: center;
    gap: 10px;
    align-items: center;
  }
  /* line 260, app/assets/stylesheets/application.scss */
  .results-container {
    position: relative;
    margin-left: 500px;
  }
  /* line 265, app/assets/stylesheets/application.scss */
  .book-header-desktop {
    display: block !important;
  }
  /* line 269, app/assets/stylesheets/application.scss */
  #admin_tools_sidepanel {
    width: 300px;
  }
  /* line 273, app/assets/stylesheets/application.scss */
  .admin_tools_sidepanel_button {
    display: none;
  }
}

/**
*
* Styles
*
**/
/* line 284, 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 292, app/assets/stylesheets/application.scss */
*,
*:before,
*:after {
  box-sizing: border-box;
}

/* line 298, 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 308, 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 321, 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 327, 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 333, 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 339, 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 348, 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 355, app/assets/stylesheets/application.scss */
.icon-button {
  background: none;
  border: none;
  font-size: 18px;
  color: #1e74d7;
  cursor: pointer;
  font-weight: 500;
}

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

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

/* line 373, 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 390, 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 403, app/assets/stylesheets/application.scss */
.sidepanel a {
  padding: 8px 8px 8px 32px;
  font-size: 1.1em;
}

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

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

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

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

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

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

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

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

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

/* line 462, 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 476, app/assets/stylesheets/application.scss */
nav a {
  color: #116fa3 !important;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/* line 568, 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 575, app/assets/stylesheets/application.scss */
.form-control + .form-control {
  margin-top: 1em;
}

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

/* line 584, 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 606, 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 619, app/assets/stylesheets/application.scss */
input[type="checkbox"]:focus, .global-fake-input[type="checkbox"]:focus {
  outline: none !important;
}

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

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

/* line 631, 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 636, 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 643, 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 665, 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 675, app/assets/stylesheets/application.scss */
input[type="radio"]:checked::before, .global-fake-input[type="radio"]:checked::before {
  transform: scale(1);
}

/* line 679, 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 691, 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 696, 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 716, 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 725, 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 732, 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 739, app/assets/stylesheets/application.scss */
input[type="number"], .global-fake-input[type="number"] {
  appearance: textfield;
  -moz-appearance: textfield;
}

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

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

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

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

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

/* line 765, 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 780, app/assets/stylesheets/application.scss */
.global-share-button i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}

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

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

/* line 796, 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 811, app/assets/stylesheets/application.scss */
.global-select::before, .global-select::after {
  --size: 0.3rem;
  content: "";
  position: absolute;
  right: 1rem;
  pointer-events: none;
}

/* line 820, 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 827, 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 835, 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 842, 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 847, app/assets/stylesheets/application.scss */
.global-flex-radio {
  display: flex;
  justify-content: space-between;
  gap: 2em;
  width: max-content;
}

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

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

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

/* line 874, 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 884, 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 902, app/assets/stylesheets/application.scss */
.global-paypal-button:hover {
  text-decoration: none;
  background: #ffe888;
  border-color: #ffe888;
}

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

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

/* line 919, 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 926, app/assets/stylesheets/application.scss */
.book-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(12rem, 2fr));
  grid-gap: 2vw;
}

/* line 932, 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 946, app/assets/stylesheets/application.scss */
.media-card .header {
  display: block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

/* line 955, 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 962, 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 972, 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 983, app/assets/stylesheets/application.scss */
.donate-card i[class^="fa-"] {
  color: #1e74d7;
}

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

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

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

/* line 1002, 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 1018, app/assets/stylesheets/application.scss */
.home-intro-video .video-js.vjs-lime {
  height: 50vh !important;
}

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

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

/* line 1034, 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 1050, 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 1057, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-control-text {
  display: none;
}

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

/* line 1066, 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 1074, 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 1081, 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 1090, 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 1094, 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 1100, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-loading-spinner:after {
  display: none;
  border-top-color: #1e74d7;
}

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

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

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

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

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

/* line 1130, 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 1145, app/assets/stylesheets/application.scss */
.video-js.vjs-lime button.vjs-icon-cog {
  font-size: 1.3em;
}

/* line 1149, 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 1155, app/assets/stylesheets/application.scss */
.video-js.vjs-lime video {
  border-radius: 0.5em;
}

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

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

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

/* line 1172, 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 1182, 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 1187, app/assets/stylesheets/application.scss */
.video-js.vjs-lime .vjs-play-control {
  border-radius: 100%;
  margin: 5px;
}

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

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

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

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

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

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

/* line 1222, 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 1238, app/assets/stylesheets/application.scss */
textarea::placeholder {
  color: #3e3e3e;
}

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

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

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

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

/* line 1262, 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 1279, app/assets/stylesheets/application.scss */
.selected-thumbnail {
  border: 5px solid #116fa3;
}

/* line 1283, 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 1299, app/assets/stylesheets/application.scss */
.table::-webkit-scrollbar {
  height: 10px;
}

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

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

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

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

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

/* line 1336, app/assets/stylesheets/application.scss */
.blog-post-content {
  text-align: justify;
}

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

/* line 1344, app/assets/stylesheets/application.scss */
.chatbot-user-message {
  background-color: #e6e6e6;
  border-radius: 50px 50px 10px 50px;
  padding: 12px 16px;
  float: right;
  margin-bottom: 25px;
}

/* line 1352, app/assets/stylesheets/application.scss */
.chatbot-ai-message {
  float: left;
  margin-bottom: 25px;
  width: 100%;
}

/* line 1358, app/assets/stylesheets/application.scss */
.listen-on-spotify {
  float: right;
  margin-right: 10px;
  margin-top: -16px;
}

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