/* line 1, app/assets/stylesheets/_custom-buttons.scss */
.btn-outline-success:hover {
  color: #fff;
}

/* line 6, app/assets/stylesheets/_intake-form.scss */
.answer-options-image img {
  height: 200px;
}

/* line 12, app/assets/stylesheets/_intake-form.scss */
.intake-form .current {
  display: flex !important;
}

/* line 16, app/assets/stylesheets/_intake-form.scss */
.intake-form .form-section {
  display: none;
}

/* line 21, app/assets/stylesheets/_intake-form.scss */
.answer-options-list input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}

/* line 27, app/assets/stylesheets/_intake-form.scss */
.answer-options-list label {
  margin: 0 auto;
  display: block;
  background-color: #fff;
  padding: 10px 20px;
  font-size: 1rem;
  border-radius: 5px;
  margin-bottom: 16px;
  border-style: solid;
  border-width: 1px;
  border-color: #e5e8eb;
  cursor: pointer;
}

/* line 42, app/assets/stylesheets/_intake-form.scss */
.answer-options-list input[type="radio"]:checked + label {
  background-color: #e5e8eb;
  position: relative;
}

/* line 46, app/assets/stylesheets/_intake-form.scss */
.answer-options-list input[type="radio"]:checked + label::after {
  content: '\2713';
  /* Unicode for checkmark */
  font-size: 1.5rem;
  color: green;
  /* Replace with your desired color variable or hex code */
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
}

/* line 57, app/assets/stylesheets/_intake-form.scss */
.form-navigation .btn {
  color: #fff;
}

@media only screen and (max-width: 450px) and (max-height: 750px) {
  /* line 63, app/assets/stylesheets/_intake-form.scss */
  .answer-options {
    padding: 1rem !important;
    margin-top: 0 !important;
  }
  /* line 67, app/assets/stylesheets/_intake-form.scss */
  .answer-options-image {
    margin-bottom: 1rem !important;
  }
  /* line 69, app/assets/stylesheets/_intake-form.scss */
  .answer-options-image img {
    height: 150px;
  }
}

/* line 1, app/assets/stylesheets/_intake-form-show.scss */
.intake-form-show {
  max-width: 600px;
}

/* line 5, app/assets/stylesheets/_intake-form-show.scss */
.intake-form-result {
  width: inherit;
  background-color: #e9ecef;
  border-radius: 5px;
}

/* line 11, app/assets/stylesheets/_intake-form-show.scss */
.intake-form-result h1 {
  color: #48A97D;
}

/* line 15, app/assets/stylesheets/_intake-form-show.scss */
.intake-form-result-image img {
  width: -webkit-fill-available;
}

@media only screen and (max-width: 600px) {
  /* line 20, app/assets/stylesheets/_intake-form-show.scss */
  .intake-form-result, .therapist-cta {
    width: 90%;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/_intake-request-edit.scss */
.intake-request-edit {
  width: 400px;
}

/* line 6, app/assets/stylesheets/_intake-request-edit.scss */
.intake-request-edit__form label {
  font-weight: 500;
}

@media only screen and (max-width: 425px) {
  /* line 12, app/assets/stylesheets/_intake-request-edit.scss */
  .intake-request-edit {
    width: auto;
    padding: 0 10px;
  }
}

/* line 1, app/assets/stylesheets/_intake-form-status.scss */
.intake-form-status {
  max-width: 600px;
}

/* line 3, app/assets/stylesheets/_intake-form-status.scss */
.intake-form-status hr {
  color: #48A97D;
  opacity: 1;
}

/* line 8, app/assets/stylesheets/_intake-form-status.scss */
.intake-form-status img {
  max-width: 400px;
  width: -webkit-fill-available;
}

@media only screen and (max-width: 600px) {
  /* line 15, app/assets/stylesheets/_intake-form-status.scss */
  .intake-form-status {
    width: 95%;
    margin: 0 auto;
  }
}

/* line 1, app/assets/stylesheets/_devise-layout.scss */
.devise-form .form-horizontal .input {
  margin-bottom: 15px;
}

/* line 5, app/assets/stylesheets/_devise-layout.scss */
.font-weight-bold {
  font-weight: bold;
}

/* line 9, app/assets/stylesheets/_devise-layout.scss */
.font-weight-light {
  font-weight: 100;
}

/* line 13, app/assets/stylesheets/_devise-layout.scss */
.devise-form .form-horizontal .error_notification {
  margin-bottom: 15px;
}

/* line 17, app/assets/stylesheets/_devise-layout.scss */
.devise-form .form-horizontal .error {
  color: #842029;
}

/* line 1, app/assets/stylesheets/_landing.scss */
.landing.landing_therapist header {
  background-color: #f7f5f4;
}

/* line 5, app/assets/stylesheets/_landing.scss */
#calendly-button {
  left: auto;
}

/* line 9, app/assets/stylesheets/_landing.scss */
.container {
  margin-left: auto;
  margin-right: auto;
}

@layer base {
  /* line 15, app/assets/stylesheets/_landing.scss */
  :root {
    --background: 0 0% 100%;
    --foreground: 222.2 84% 4.9%;
    --card: 0 0% 100%;
    --card-foreground: 222.2 84% 4.9%;
    --popover: 0 0% 100%;
    --popover-foreground: 222.2 84% 4.9%;
    --primary: 222.2 47.4% 11.2%;
    --primary-foreground: 210 40% 98%;
    --secondary: 210 40% 96.1%;
    --secondary-foreground: 222.2 47.4% 11.2%;
    --muted: 210 40% 96.1%;
    --muted-foreground: 215.4 16.3% 46.9%;
    --accent: 210 40% 96.1%;
    --accent-foreground: 222.2 47.4% 11.2%;
    --destructive: 0 84.2% 60.2%;
    --destructive-foreground: 210 40% 98%;
    --border: 214.3 31.8% 91.4%;
    --input: 214.3 31.8% 91.4%;
    --ring: 222.2 84% 4.9%;
    --radius: 0.5rem;
    --sidebar-background: 0 0% 98%;
    --sidebar-foreground: 240 5.3% 26.1%;
    --sidebar-primary: 240 5.9% 10%;
    --sidebar-primary-foreground: 0 0% 98%;
    --sidebar-accent: 240 4.8% 95.9%;
    --sidebar-accent-foreground: 240 5.9% 10%;
    --sidebar-border: 220 13% 91%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
  /* line 63, app/assets/stylesheets/_landing.scss */
  .dark {
    --background: 222.2 84% 4.9%;
    --foreground: 210 40% 98%;
    --card: 222.2 84% 4.9%;
    --card-foreground: 210 40% 98%;
    --popover: 222.2 84% 4.9%;
    --popover-foreground: 210 40% 98%;
    --primary: 210 40% 98%;
    --primary-foreground: 222.2 47.4% 11.2%;
    --secondary: 217.2 32.6% 17.5%;
    --secondary-foreground: 210 40% 98%;
    --muted: 217.2 32.6% 17.5%;
    --muted-foreground: 215 20.2% 65.1%;
    --accent: 217.2 32.6% 17.5%;
    --accent-foreground: 210 40% 98%;
    --destructive: 0 62.8% 30.6%;
    --destructive-foreground: 210 40% 98%;
    --border: 217.2 32.6% 17.5%;
    --input: 217.2 32.6% 17.5%;
    --ring: 212.7 26.8% 83.9%;
    --sidebar-background: 240 5.9% 10%;
    --sidebar-foreground: 240 4.8% 95.9%;
    --sidebar-primary: 224.3 76.3% 48%;
    --sidebar-primary-foreground: 0 0% 100%;
    --sidebar-accent: 240 3.7% 15.9%;
    --sidebar-accent-foreground: 240 4.8% 95.9%;
    --sidebar-border: 240 3.7% 15.9%;
    --sidebar-ring: 217.2 91.2% 59.8%;
  }
}

@layer base {
  /* line 103, app/assets/stylesheets/_landing.scss */
  * {
    @apply border-border;
  }
  /* line 107, app/assets/stylesheets/_landing.scss */
  body {
    @apply bg-background text-foreground;
  }
}

/* line 112, app/assets/stylesheets/_landing.scss */
#root {
  max-width: 1280px;
  margin: 0 auto;
  padding: 2rem;
  text-align: center;
}

/* line 119, app/assets/stylesheets/_landing.scss */
.logo {
  height: 6em;
  padding: 1.5em;
  will-change: filter;
  transition: filter 300ms;
}

/* line 125, app/assets/stylesheets/_landing.scss */
.logo:hover {
  filter: drop-shadow(0 0 2em #646cffaa);
}

/* line 128, app/assets/stylesheets/_landing.scss */
.logo.react:hover {
  filter: drop-shadow(0 0 2em #61dafbaa);
}

@keyframes logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@media (prefers-reduced-motion: no-preference) {
  /* line 142, app/assets/stylesheets/_landing.scss */
  a:nth-of-type(2) .logo {
    animation: logo-spin infinite 20s linear;
  }
}

/* line 147, app/assets/stylesheets/_landing.scss */
.card {
  padding: 2em;
}

/* line 151, app/assets/stylesheets/_landing.scss */
.read-the-docs {
  color: #888;
}