@layer components {
  /* line 2, app/assets/stylesheets/buttons.scss */
  .button {
    @apply font-roboto font-bold w-full lg:w-fit text-button-mobile lg:text-button text-white px-12 lg:px-6 py-6 lg:py-2 border-4 lg:border-2 border-blue-100 rounded-2xl lg:rounded-lg cursor-pointer;
  }
  /* line 6, app/assets/stylesheets/buttons.scss */
  .button-primary {
    @apply bg-blue-100 hover:bg-blue-200 active:bg-blue-300;
  }
  /* line 10, app/assets/stylesheets/buttons.scss */
  .button-white {
    @apply bg-white text-blue-100 hover:text-blue-200 active:text-blue-300;
  }
  /* line 14, app/assets/stylesheets/buttons.scss */
  .action-link {
    @apply font-roboto font-bold text-action-link-mobile lg:text-action-link border-b-8 lg:border-b-4 relative;
  }
  /* line 18, app/assets/stylesheets/buttons.scss */
  .action-link-primary {
    @apply text-blue-100 hover:text-blue-200 border-blue-100 hover:border-blue-200 hover:bg-gold-200;
  }
  /* line 22, app/assets/stylesheets/buttons.scss */
  .action-link-white {
    @apply text-white hover:text-gold-200 border-white hover:border-gold-200;
  }
  /* line 26, app/assets/stylesheets/buttons.scss */
  .action-link::after {
    @apply text-6xl lg:text-3xl font-fontAwesome font-black absolute pl-6 lg:pl-3 mt-2 lg:mt-1;
    content: "\f0a9";
  }
  /* line 32, app/assets/stylesheets/buttons.scss */
  .standalone-link {
    @apply font-roboto font-bold text-standalone-link-mobile lg:text-standalone-link border-b-4 lg:border-b-2 text-blue-100 hover:text-blue-200 cursor-pointer border-blue-100 hover:border-blue-200;
  }
  /* line 36, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-icon {
    @apply font-roboto font-bold text-standalone-link-mobile lg:text-standalone-link border-b-4 lg:border-b-2 text-blue-100 hover:text-blue-200 cursor-pointer border-blue-100 hover:border-blue-200;
  }
  /* line 40, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-underline {
    @apply standalone-link border-b-0 body;
  }
  /* line 44, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-icon-no-underline {
    @apply standalone-link-no-icon border-b-0;
  }
  /* line 48, app/assets/stylesheets/buttons.scss */
  .standalone-link::after {
    @apply font-fontAwesome font-black pl-6 lg:pl-3;
    content: "\f054";
  }
  /* line 54, app/assets/stylesheets/buttons.scss */
  .link {
    @apply font-roboto text-body-mobile lg:text-body text-blue-100 hover:text-blue-200 border-b-2 lg:border-b border-blue-100 hover:border-blue-200;
  }
  /* line 58, app/assets/stylesheets/buttons.scss */
  .link-white {
    @apply font-roboto text-body-mobile lg:text-body text-white hover:text-gold-200 border-b-2 lg:border-b border-white hover:border-gold-200;
  }
  /* line 62, app/assets/stylesheets/buttons.scss */
  .link-intro {
    @apply text-intro-mobile lg:text-intro;
  }
  /* line 66, app/assets/stylesheets/buttons.scss */
  .link-large {
    @apply text-body-large-mobile lg:text-body-large;
  }
  /* line 70, app/assets/stylesheets/buttons.scss */
  .link:hover {
    @apply border-b-4 lg:border-b-2;
  }
  /* line 74, app/assets/stylesheets/buttons.scss */
  .tab-link {
    @apply font-bold body text-blue-100 hover:text-blue-200 py-6 lg:py-3;
  }
  /* line 78, app/assets/stylesheets/buttons.scss */
  .tab-link-active {
    @apply font-bold body text-white bg-blue-100;
  }
  /* line 82, app/assets/stylesheets/buttons.scss */
  .page {
    @apply body-large text-blue-100 mx-2 hover:font-bold;
  }
  /* line 86, app/assets/stylesheets/buttons.scss */
  .current {
    @apply font-bold bg-gold-100 p-2;
  }
  /* line 90, app/assets/stylesheets/buttons.scss */
  .next, .prev, .first, .last {
    @apply page;
  }
  /* line 94, app/assets/stylesheets/buttons.scss */
  .page a {
    @apply p-4;
  }
}
/* line 1, app/assets/stylesheets/foreclosures.scss */
.form {
  background-color: white;
  font-family: serif;
  display: -webkit-flex;
  /* wkhtmltopdf uses this one */
  display: flex;
  flex-direction: column;
  -webkit-flex-direction: column;
}

/* line 10, app/assets/stylesheets/foreclosures.scss */
.form-pdf {
  margin: 0;
  padding: 0;
  height: 99%;
}

/* line 16, app/assets/stylesheets/foreclosures.scss */
.page {
  position: relative;
  height: 100vh;
  page-break-after: always;
  margin: 5em;
}

/* line 23, app/assets/stylesheets/foreclosures.scss */
.page-pdf {
  height: 1300px;
  margin: 0;
}

/* line 28, app/assets/stylesheets/foreclosures.scss */
.text-center {
  text-align: center;
}

/* line 32, app/assets/stylesheets/foreclosures.scss */
.text-justify {
  line-height: 1.5em;
  text-align: justify;
}

/* line 37, app/assets/stylesheets/foreclosures.scss */
.space-apart {
  display: -webkit-box;
  /* wkhtmltopdf uses this one */
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  -webkit-box-pack: justify;
}

/* line 45, app/assets/stylesheets/foreclosures.scss */
.large-line-height {
  line-height: 2.5em;
  text-align: justify;
}

/* line 50, app/assets/stylesheets/foreclosures.scss */
ol {
  padding-inline-start: 0px;
}

/* line 54, app/assets/stylesheets/foreclosures.scss */
ol > li {
  list-style-position: inside;
  text-indent: 2em;
}

/* line 59, app/assets/stylesheets/foreclosures.scss */
.large-indent {
  margin-left: 5em;
}

/* line 63, app/assets/stylesheets/foreclosures.scss */
.med-indent {
  margin-left: 3em;
}

/* line 67, app/assets/stylesheets/foreclosures.scss */
.footer {
  font-family: sans-serif;
  font-size: 0.8em;
  width: 100%;
  position: absolute;
  bottom: 0;
}

/* line 76, app/assets/stylesheets/foreclosures.scss */
.text-hug-right {
  display: -webkit-box;
  /* wkhtmltopdf uses this one */
  display: flex;
  -webkit-box-pack: end;
  justify-content: flex-end;
  width: 100%;
}

/* line 84, app/assets/stylesheets/foreclosures.scss */
.header {
  font-family: sans-serif;
  font-size: 0.8em;
  width: 100%;
}

/* line 90, app/assets/stylesheets/foreclosures.scss */
.page-left-blank {
  display: -webkit-box;
  /* wkhtmltopdf uses this one */
  display: flex;
  width: 100%;
  justify-content: center;
  -webkit-box-pack: center;
  align-items: center;
}
@layer components {
  /* line 2, app/assets/stylesheets/nugget.scss */
  .nugget-container {
    @apply mb-8 lg:mb-4 w-full;
  }
  /* line 6, app/assets/stylesheets/nugget.scss */
  .nugget-label {
    @apply body flex mb-4 lg:mb-2 items-center;
  }
  /* line 10, app/assets/stylesheets/nugget.scss */
  .yes-or-no-radios-nugget > label {
    @apply nugget-label font-bold;
  }
  /* line 14, app/assets/stylesheets/nugget.scss */
  .nugget-input {
    @apply body rounded py-6 lg:py-3 px-8 lg:px-4 border-4 lg:border-2 border-blue-100 w-full;
  }
  /* line 19, app/assets/stylesheets/nugget.scss */
  .zipcode-input-nugget input[type="text"] {
    @apply w-field lg:w-field-small;
  }
  /* line 25, app/assets/stylesheets/nugget.scss */
  .us-states-dropdown-nugget select {
    @apply w-field lg:w-field-small;
  }
  /* line 30, app/assets/stylesheets/nugget.scss */
  input[type="radio"] {
    @apply hidden absolute;
  }
  /* line 33, app/assets/stylesheets/nugget.scss */
  input[type="radio"] + label:before {
    @apply mr-6 lg:mr-3 h-12 lg:h-6 w-12 lg:w-6 flex flex-row border-4 lg:border-2 border-blue-100 rounded-3xl lg:rounded-xl;
    content: " ";
  }
  /* line 38, app/assets/stylesheets/nugget.scss */
  input[type="radio"]:checked + label:before {
    @apply border-16 lg:border-8;
  }
}
@layer components {
  /* line 2, app/assets/stylesheets/typography.scss */
  .header-1 {
    @apply font-lora text-header-1-mobile lg:text-header-1 text-gray-300;
  }
  /* line 6, app/assets/stylesheets/typography.scss */
  .header-2 {
    @apply font-lora text-header-2-mobile lg:text-header-2 text-gray-300;
  }
  /* line 10, app/assets/stylesheets/typography.scss */
  .header-3 {
    @apply font-lora text-header-3-mobile lg:text-header-3 text-black;
  }
  /* line 14, app/assets/stylesheets/typography.scss */
  .header-4 {
    @apply font-lora text-header-4-mobile lg:text-header-4 text-black;
  }
  /* line 18, app/assets/stylesheets/typography.scss */
  .header-5 {
    @apply font-lora text-header-5-mobile lg:text-header-5 text-black;
  }
  /* line 22, app/assets/stylesheets/typography.scss */
  .header-6 {
    @apply font-lora text-header-6-mobile lg:text-header-6 text-black;
  }
  /* line 26, app/assets/stylesheets/typography.scss */
  .intro {
    @apply font-roboto text-intro-mobile lg:text-intro text-gray-300;
  }
  /* line 30, app/assets/stylesheets/typography.scss */
  .body-large {
    @apply font-roboto text-body-large-mobile lg:text-body-large text-gray-300;
  }
  /* line 34, app/assets/stylesheets/typography.scss */
  .body {
    @apply font-roboto text-body-mobile lg:text-body text-gray-300;
  }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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(/tailwindcss/base.css);
@import url(/tailwindcss/components.css);
@import url(/tailwindcss/utilities.css);
@layer components {
  /* line 2, app/assets/stylesheets/typography.scss */
  .header-1 {
    @apply font-lora text-header-1-mobile lg:text-header-1 text-gray-300;
  }
  /* line 6, app/assets/stylesheets/typography.scss */
  .header-2 {
    @apply font-lora text-header-2-mobile lg:text-header-2 text-gray-300;
  }
  /* line 10, app/assets/stylesheets/typography.scss */
  .header-3 {
    @apply font-lora text-header-3-mobile lg:text-header-3 text-black;
  }
  /* line 14, app/assets/stylesheets/typography.scss */
  .header-4 {
    @apply font-lora text-header-4-mobile lg:text-header-4 text-black;
  }
  /* line 18, app/assets/stylesheets/typography.scss */
  .header-5 {
    @apply font-lora text-header-5-mobile lg:text-header-5 text-black;
  }
  /* line 22, app/assets/stylesheets/typography.scss */
  .header-6 {
    @apply font-lora text-header-6-mobile lg:text-header-6 text-black;
  }
  /* line 26, app/assets/stylesheets/typography.scss */
  .intro {
    @apply font-roboto text-intro-mobile lg:text-intro text-gray-300;
  }
  /* line 30, app/assets/stylesheets/typography.scss */
  .body-large {
    @apply font-roboto text-body-large-mobile lg:text-body-large text-gray-300;
  }
  /* line 34, app/assets/stylesheets/typography.scss */
  .body {
    @apply font-roboto text-body-mobile lg:text-body text-gray-300;
  }
}

@layer components {
  /* line 2, app/assets/stylesheets/buttons.scss */
  .button {
    @apply font-roboto font-bold w-full lg:w-fit text-button-mobile lg:text-button text-white px-12 lg:px-6 py-6 lg:py-2 border-4 lg:border-2 border-blue-100 rounded-2xl lg:rounded-lg cursor-pointer;
  }
  /* line 6, app/assets/stylesheets/buttons.scss */
  .button-primary {
    @apply bg-blue-100 hover:bg-blue-200 active:bg-blue-300;
  }
  /* line 10, app/assets/stylesheets/buttons.scss */
  .button-white {
    @apply bg-white text-blue-100 hover:text-blue-200 active:text-blue-300;
  }
  /* line 14, app/assets/stylesheets/buttons.scss */
  .action-link {
    @apply font-roboto font-bold text-action-link-mobile lg:text-action-link border-b-8 lg:border-b-4 relative;
  }
  /* line 18, app/assets/stylesheets/buttons.scss */
  .action-link-primary {
    @apply text-blue-100 hover:text-blue-200 border-blue-100 hover:border-blue-200 hover:bg-gold-200;
  }
  /* line 22, app/assets/stylesheets/buttons.scss */
  .action-link-white {
    @apply text-white hover:text-gold-200 border-white hover:border-gold-200;
  }
  /* line 26, app/assets/stylesheets/buttons.scss */
  .action-link::after {
    @apply text-6xl lg:text-3xl font-fontAwesome font-black absolute pl-6 lg:pl-3 mt-2 lg:mt-1;
    content: "\f0a9";
  }
  /* line 32, app/assets/stylesheets/buttons.scss */
  .standalone-link {
    @apply font-roboto font-bold text-standalone-link-mobile lg:text-standalone-link border-b-4 lg:border-b-2 text-blue-100 hover:text-blue-200 cursor-pointer border-blue-100 hover:border-blue-200;
  }
  /* line 36, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-icon {
    @apply font-roboto font-bold text-standalone-link-mobile lg:text-standalone-link border-b-4 lg:border-b-2 text-blue-100 hover:text-blue-200 cursor-pointer border-blue-100 hover:border-blue-200;
  }
  /* line 40, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-underline {
    @apply standalone-link border-b-0 body;
  }
  /* line 44, app/assets/stylesheets/buttons.scss */
  .standalone-link-no-icon-no-underline {
    @apply standalone-link-no-icon border-b-0;
  }
  /* line 48, app/assets/stylesheets/buttons.scss */
  .standalone-link::after {
    @apply font-fontAwesome font-black pl-6 lg:pl-3;
    content: "\f054";
  }
  /* line 54, app/assets/stylesheets/buttons.scss */
  .link {
    @apply font-roboto text-body-mobile lg:text-body text-blue-100 hover:text-blue-200 border-b-2 lg:border-b border-blue-100 hover:border-blue-200;
  }
  /* line 58, app/assets/stylesheets/buttons.scss */
  .link-white {
    @apply font-roboto text-body-mobile lg:text-body text-white hover:text-gold-200 border-b-2 lg:border-b border-white hover:border-gold-200;
  }
  /* line 62, app/assets/stylesheets/buttons.scss */
  .link-intro {
    @apply text-intro-mobile lg:text-intro;
  }
  /* line 66, app/assets/stylesheets/buttons.scss */
  .link-large {
    @apply text-body-large-mobile lg:text-body-large;
  }
  /* line 70, app/assets/stylesheets/buttons.scss */
  .link:hover {
    @apply border-b-4 lg:border-b-2;
  }
  /* line 74, app/assets/stylesheets/buttons.scss */
  .tab-link {
    @apply font-bold body text-blue-100 hover:text-blue-200 py-6 lg:py-3;
  }
  /* line 78, app/assets/stylesheets/buttons.scss */
  .tab-link-active {
    @apply font-bold body text-white bg-blue-100;
  }
  /* line 82, app/assets/stylesheets/buttons.scss */
  .page {
    @apply body-large text-blue-100 mx-2 hover:font-bold;
  }
  /* line 86, app/assets/stylesheets/buttons.scss */
  .current {
    @apply font-bold bg-gold-100 p-2;
  }
  /* line 90, app/assets/stylesheets/buttons.scss */
  .next, .prev, .first, .last {
    @apply page;
  }
  /* line 94, app/assets/stylesheets/buttons.scss */
  .page a {
    @apply p-4;
  }
}

@layer components {
  /* line 2, app/assets/stylesheets/nugget.scss */
  .nugget-container {
    @apply mb-8 lg:mb-4 w-full;
  }
  /* line 6, app/assets/stylesheets/nugget.scss */
  .nugget-label {
    @apply body flex mb-4 lg:mb-2 items-center;
  }
  /* line 10, app/assets/stylesheets/nugget.scss */
  .yes-or-no-radios-nugget > label {
    @apply nugget-label font-bold;
  }
  /* line 14, app/assets/stylesheets/nugget.scss */
  .nugget-input {
    @apply body rounded py-6 lg:py-3 px-8 lg:px-4 border-4 lg:border-2 border-blue-100 w-full;
  }
  /* line 19, app/assets/stylesheets/nugget.scss */
  .zipcode-input-nugget input[type="text"] {
    @apply w-field lg:w-field-small;
  }
  /* line 25, app/assets/stylesheets/nugget.scss */
  .us-states-dropdown-nugget select {
    @apply w-field lg:w-field-small;
  }
  /* line 30, app/assets/stylesheets/nugget.scss */
  input[type="radio"] {
    @apply hidden absolute;
  }
  /* line 33, app/assets/stylesheets/nugget.scss */
  input[type="radio"] + label:before {
    @apply mr-6 lg:mr-3 h-12 lg:h-6 w-12 lg:w-6 flex flex-row border-4 lg:border-2 border-blue-100 rounded-3xl lg:rounded-xl;
    content: " ";
  }
  /* line 38, app/assets/stylesheets/nugget.scss */
  input[type="radio"]:checked + label:before {
    @apply border-16 lg:border-8;
  }
}

/* line 25, app/assets/stylesheets/application.scss */
html {
  @apply font-roboto;
}

/* line 29, app/assets/stylesheets/application.scss */
body {
  @apply bg-white flex m-0;
}

/* line 33, app/assets/stylesheets/application.scss */
.main-content-no-padding {
  @apply flex flex-col flex-grow w-full;
}

/* line 37, app/assets/stylesheets/application.scss */
.main-content {
  @apply main-content-no-padding py-8 px-16;
}

/* line 41, app/assets/stylesheets/application.scss */
.border-stripes {
  @apply bg-white border-t-2 lg:border-t border-b-2 lg:border-b border-gold-300 w-full h-2 lg:h-1 my-24 lg:my-12;
}

/* line 45, app/assets/stylesheets/application.scss */
.main-nav-items {
  @apply list-inside p-0 w-full hidden lg:block;
}

/* line 48, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item {
  @apply text-gray-300 block px-8 hover:bg-gold-100;
}

/* line 52, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item .disabled {
  @apply opacity-60 hover:bg-gold-200;
}

/* line 56, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item:link, .main-nav-items .disabled, .main-nav-items .main-nav-item:visited .disabled {
  @apply hover:bg-gold-200;
}

/* line 60, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item > li {
  @apply px-6 py-4 border-gray-200 whitespace-nowrap;
}

/* line 66, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item.active:link,
.main-nav-items .main-nav-item.active:visited {
  @apply bg-white font-bold;
}

/* line 70, app/assets/stylesheets/application.scss */
.main-nav-items .main-nav-item:link:hover,
.main-nav-items .main-nav-item:visited:hover {
  @apply no-underline;
}

/* line 76, app/assets/stylesheets/application.scss */
.main-nav-items-mobile {
  @apply lg:hidden list-inside p-0 w-full;
}

/* line 79, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item {
  @apply dropdown-link;
}

/* line 83, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item .disabled {
  @apply opacity-60;
}

/* line 87, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item > li {
  @apply body-large text-white px-6 py-4 border-white whitespace-nowrap;
}

/* line 91, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item:link,
.main-nav-items-mobile .main-nav-item:visited {
  @apply hover:underline;
}

/* line 95, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item.active:link,
.main-nav-items-mobile .main-nav-item.active:visited {
  @apply bg-gray-300 font-bold;
}

/* line 99, app/assets/stylesheets/application.scss */
.main-nav-items-mobile .main-nav-item:link:hover,
.main-nav-items-mobile .main-nav-item:visited:hover {
  @apply bg-blue-200 no-underline;
}

/* line 107, app/assets/stylesheets/application.scss */
.menu:focus {
  pointer-events: none;
}

/* line 111, app/assets/stylesheets/application.scss */
.menu:focus .menu-dropdown {
  opacity: 1;
  visibility: visible;
}

/* line 116, app/assets/stylesheets/application.scss */
.menu:focus #icon-container {
  background-color: #106de6;
}

/* line 120, app/assets/stylesheets/application.scss */
.menu:focus #bars {
  display: none;
}

/* line 124, app/assets/stylesheets/application.scss */
.menu:focus #times {
  display: block;
}

/* line 128, app/assets/stylesheets/application.scss */
.dropdown-link {
  @apply block body-large text-white py-8 lg:py-4 w-full border-b-2 lg:border-b border-white no-underline hover:text-gold-200 last:border-b-0;
}

/* line 134, app/assets/stylesheets/application.scss */
.tos-section {
  @apply flex flex-col mb-8;
}

/* line 138, app/assets/stylesheets/application.scss */
.tos-section > p,
.tos-section > em {
  @apply body mb-4;
}

/* line 143, app/assets/stylesheets/application.scss */
.tos-section > h2 {
  @apply header-2 font-bold underline mb-6;
}

/* line 147, app/assets/stylesheets/application.scss */
.tos-section > h4 {
  @apply header-4 font-bold mb-6;
}

/* line 151, app/assets/stylesheets/application.scss */
.tos-section > ul {
  @apply body mb-4;
}

/* line 155, app/assets/stylesheets/application.scss */
.tos-section > ul > li {
  @apply ml-8 list-disc;
}

/* line 159, app/assets/stylesheets/application.scss */
.tos-section > ul > li > ul > li {
  margin-left: 3rem;
  list-style: circle;
}