@charset "UTF-8";
/*
  Variables

  Variables should follow the `$component-state-property-size` formula for
  consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.

  Styleguide Abstracts.variables
*/
/*
  Colors

  Colors we use for higlighting states.

  Styleguide Abstracts.variables.colors
*/
.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: "liga";
  -webkit-font-smoothing: antialiased;
  color: #272727;
}
.material-icons.black {
  color: #272727;
}
.material-icons.blue {
  color: #2093D2;
}
.material-icons.orange {
  color: #F55D25;
}
.material-icons.green {
  color: #59A448;
}
.material-icons.md-18 {
  font-size: 1.8rem;
}
.material-icons.md-24 {
  font-size: 2.4rem;
}
.material-icons.md-36 {
  font-size: 3.6rem;
}
.material-icons.md-48 {
  font-size: 4.8rem;
}
.material-icons.md-dark {
  color: rgba(0, 0, 0, 0.54);
}
.material-icons.md-dark.md-inactive {
  color: rgba(0, 0, 0, 0.26);
}
.material-icons.md-light {
  color: white;
  background-color: black;
  padding: 20px;
}
.material-icons.md-light.md-inactive {
  color: rgba(255, 255, 255, 0.3);
}

/* CSS Reset */
input, select, textarea {
  font-family: sans-serif;
}

*:focus {
  outline: none;
}

.margin-tb-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.margin-tb-8 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.margin-tb-12 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.margin-tb-16 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.margin-tb-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}

.margin-tb-24 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.margin-tb-28 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}

.margin-tb-32 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.margin-tb-36 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}

.margin-tb-40 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.margin-tb-48 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.margin-tb-72 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}

.margin-lr-16 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.margin-lr-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.padding-lr-8 {
  padding-left: 0.8rem;
  padding-right: 0.8rem;
}

.padding-lr-12 {
  padding-left: 1.2rem;
  padding-right: 1.2rem;
}

.padding-lr-16 {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
}

.padding-lr-20 {
  padding-left: 2rem;
  padding-right: 2rem;
}

.padding-lr-24 {
  padding-left: 2.4rem;
  padding-right: 2.4rem;
}

.padding-tb-4 {
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

.padding-tb-8 {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.padding-tb-12 {
  padding-top: 1.2rem;
  padding-bottom: 1.2rem;
}

.padding-tb-16 {
  padding-top: 1.6rem;
  padding-bottom: 1.6rem;
}

.padding-tb-20 {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.padding-tb-24 {
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
}

.padding-tb-32 {
  padding-top: 3.2rem;
  padding-bottom: 3.2rem;
}

html {
  font-size: 62.5%;
}

body {
  font-size: 18;
  font-size: 1.8rem;
  color: #272727;
}

button, input, optgroup, select, textarea {
  font-size: 18;
  font-size: 1.8rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

p {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.5555555556;
  display: block;
  margin-bottom: 1.6rem;
  font-weight: 300;
}
p.info {
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.light {
  font-weight: 300;
}

.semi-bold {
  font-weight: 600;
}

.extra-bold {
  font-weight: 800;
}

h1,
.h1 {
  font-size: 40px;
  font-size: 4rem;
  font-weight: 800;
  color: #272727;
  line-height: 1.2;
  margin: 0 0 1.2rem 0;
}

h2,
.h2 {
  font-size: 28px;
  font-size: 2.8rem;
  font-weight: 800;
  color: #272727;
  line-height: 1.2857142857;
  margin: 0 0 1.6rem 0;
}

h3,
.h3 {
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: 800;
  color: #272727;
  line-height: 1.2727272727;
  margin: 0 0 1.6rem 0;
}

h4,
.h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 800;
  color: #272727;
  line-height: 1.3333333333;
  margin: 0 0 0.4rem 0;
}

h5,
.h5 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 800;
  color: #272727;
  line-height: 1.25;
  margin: 0 0 0.4rem 0;
}

h1.page-abstract, h1.subhead,
h2.page-abstract,
h2.subhead,
.h1.page-abstract,
.h1.subhead,
.h2.page-abstract,
.h2.subhead {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.3333333333;
  display: block;
  margin-bottom: 1.6rem;
  color: #8F8F8F;
}

h3.page-abstract, h3.subhead,
h4.page-abstract,
h4.subhead,
.h3.page-abstract,
.h3.subhead,
.h4.page-abstract,
.h4.subhead {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.3333333333;
  display: block;
  color: #8F8F8F;
}

h5.page-abstract, h5.subhead,
.h5.page-abstract,
.h5.subhead {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 1.25;
  display: block;
  color: #8F8F8F;
}

.grid-region-content h2,
.grid-region-content .h2 {
  margin-top: 4.8rem;
  margin-bottom: 1.6rem;
}
.grid-region-content h3,
.grid-region-content .h3,
.grid-region-content h4,
.grid-region-content .h4 {
  margin-top: 2.4rem;
  margin-bottom: 1.2rem;
}

strong {
  font-weight: 700;
}

em {
  font-style: italic;
}

.required {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #DC143C;
  line-height: 1.25;
  display: block;
}

.product-reviews {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 300;
  color: #006FBB;
  line-height: 1.25;
  display: block;
}

.product-highlight {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #008040;
  line-height: 1.25;
  display: block;
}

label {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 600;
  color: #272727;
  line-height: 1.25;
  display: inline-block;
  margin-bottom: 0.8rem;
}

@media (max-width: 599.98px) {
  h1,
.h1 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: 800;
    line-height: 1.2857142857;
    margin: 0 0 0.8rem 0;
  }

  h2,
.h2 {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 800;
    line-height: 1.3333333333;
    margin: 0 0 0.8rem 0;
  }

  h3,
.h3 {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 800;
    line-height: 1.4;
    margin: 0 0 0.4rem 0;
  }

  h4,
.h4 {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 800;
    line-height: 1.3333333333;
    margin: 0 0 0.4rem 0;
  }

  h5,
.h5 {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 800;
    line-height: 1.25;
    margin: 0 0 0.4rem 0;
  }

  .h1.subhead,
.h2.subhead {
    font-size: 22px;
    font-size: 2.2rem;
    font-weight: 300;
    line-height: 1.2727272727;
  }

  .h3.subhead,
.h4.subhead {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    line-height: 1.3333333333;
  }

  .h5.subhead {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
    line-height: 1.25;
  }

  .grid-region-content h2,
.grid-region-content .h2 {
    margin-top: 3.2rem;
    margin-bottom: 1.6rem;
  }
}
@media only screen and (max-width: 599.98px) {
  .container {
    max-width: 599px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 600px) {
  .container {
    max-width: 728px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (min-width: 1200px) {
  .container {
    max-width: 1128px;
    width: 100%;
    padding: 0;
  }
}

.grid-region-page-ft {
  background: #F5F7F7;
}

footer {
  padding-top: 32px;
  margin-top: 64px;
}
@media (max-width: 600px) {
  footer .logo-container {
    -ms-flex-direction: row;
        flex-direction: row;
    margin-bottom: 17px;
  }
}
footer .logo-container .nolo-logo {
  width: 120px;
}
@media (max-width: 600px) {
  footer .logo-container .nolo-logo {
    margin-right: 8px;
    width: 100px;
  }
}
footer .logo-container .anniversary-icon {
  width: 70px;
  height: 70px;
}
@media (max-width: 600px) {
  footer .logo-container .anniversary-icon {
    width: 47px;
  }
}

.logo {
  background-image: url("../images/nolo-logo-mobile.png");
  background-repeat: no-repeat;
  height: 20px;
  width: 100px;
  padding-bottom: 52px;
}

.meet-editors-link {
  display: block;
}

.menu ul {
  list-style-type: none;
  padding: 0;
}
.menu > ul li {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 2rem;
  margin: 0 0 1.6rem 0;
}
.menu > ul li.meet-editors-link {
  display: none;
}
.menu > ul li.active a i.arrow {
  transform: rotate(-90deg);
}
.menu > ul li.active .submenu {
  display: block;
}
.menu > ul li a {
  color: #272727;
  text-decoration: none;
  width: 100%;
  margin-bottom: 16px;
  display: block;
}
.menu > ul li a i.arrow {
  border-top: solid 0.6rem #272727;
  border-left: solid 0.6rem transparent;
  border-right: solid 0.6rem transparent;
  float: right;
  margin-top: 0.7rem;
  vertical-align: middle;
  width: 1.2rem;
}
.menu > ul li .submenu {
  display: none;
  transition: display 1s;
}
.menu > ul li .submenu li {
  line-height: 1.6rem;
  margin: 1.6rem 0;
}
.menu > ul li .submenu li:first-child {
  margin-top: 1.2rem;
}
.menu > ul li .submenu li a {
  color: #595959;
  font-weight: 300;
}
.menu > ul li .submenu li a:hover {
  color: #006FBB;
}

.copyright-paragraph-text {
  color: #595959;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
@media only screen and (max-width: 599.98px) {
  .copyright-paragraph-text {
    color: #272727;
  }
}

.main-menu-group {
  font-size: 16px;
}
.main-menu-group .submenu-column {
  padding: 0;
}
@media only screen and (max-width: 599.98px) {
  .main-menu-group .submenu-column {
    margin-bottom: 20px;
  }
}

.submenu-title {
  font-weight: 800;
}

.copyright-policy-text,
.copyright-footer-supplemental {
  color: #595959;
  font-weight: 400;
}
@media only screen and (max-width: 599.98px) {
  .copyright-policy-text,
.copyright-footer-supplemental {
    color: #272727;
  }
}

.container-footer-outermost {
  margin-bottom: 16px;
}

.container-footer-outermost,
.container-footer-copyright {
  padding: 0;
}

@media (min-width: 600px) {
  .page-type-topic footer {
    margin-top: 0;
  }

  [class*=domain-www] footer {
    margin-top: 96px !important;
  }

  .domain-www-nolo-com footer,
.domain-www-lawfirms-com footer {
    margin-top: 0 !important;
  }

  footer {
    padding-top: 48px;
  }
  footer .container {
    margin: 0 auto;
    max-width: 100%;
    width: 100%;
    padding: 0;
  }
  footer .container .row > div {
    padding-left: 0;
    padding-right: 0;
  }
  footer .container .row .logo {
    background-image: url("../images/logos/vector/nolo__all_black.svg");
    height: 24px;
    width: 120px;
    margin-left: 12px;
  }
  footer .container .row .logo-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    margin-right: 0;
  }
  footer .container .row .logo-container .nolo-logo {
    margin-bottom: 20px;
  }
  footer .container .row .menu > ul {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  footer .container .row .menu > ul li a i.arrow {
    display: none;
  }
  footer .container .row .menu > ul li .submenu {
    display: block;
  }
  footer .container .row .menu > ul li .submenu li a:hover {
    color: #006FBB;
  }

  .main-menu-group {
    margin-bottom: 8px;
  }
  .main-menu-group .submenu-column {
    padding-left: 12px;
    padding-right: 12px;
    margin-bottom: 8px;
  }
  .main-menu-group .submenu-column .submenu-title {
    cursor: default;
  }

  .container-footer-copyright {
    padding: 0;
  }

  .container-footer-outermost {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .main-menu-group {
    margin-bottom: 16px;
  }
  .main-menu-group .submenu-column {
    margin-bottom: 16px;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 28px;
  }
  .main-menu-group :last-child {
    margin-right: 0px;
  }

  .new-arrivals-and-coupons::before {
    content: "\a";
    white-space: pre;
  }

  .container-footer-outermost {
    margin-bottom: 16px;
  }
}
.page-type-front footer {
  margin-top: 64px;
}
@media (min-width: 600px) {
  .page-type-front footer {
    margin-top: 96px;
  }
}
@media (min-width: 1200px) {
  .page-type-front footer {
    margin-top: 48px;
  }
}

footer .container .row .logo-lazyload {
  height: 24px;
  width: 120px;
  margin-left: 12px;
}
@media (max-width: 600px) {
  footer .container .row .logo-lazyload {
    margin-left: 0;
    margin-bottom: 32px;
  }
}

/*
 Nolo Header

 Markup:
 <div class="grid-region-header">
 <!-- Copy the header from here -->
  <div class="top-bar top-bar--nolo">
      <div class="top-bar__container">
          <ul class="top-bar__nav-list">
              <li class="top-bar__call-us">
                  <a class="" href="tel:+18557476075">Call Us: <span>1 (855) 747-6075</span></a>
              </li>
              <li class="top-bar__legal">
                  <a class="directory" href="/advertisers" title="Grow Your Legal Practice">Grow Your Legal Practice</a>
              </li>
              <li class="top-bar__legal">
                  <a class="directory" href="/staff.html#editorbios" title="Meet the Editors">Meet the Editors</a>
              </li>
          </ul>
      </div>
  </div>
  <div class="container">
      <nav class="navbar navbar-expand-lg navbar-light navbar-nolo static-top">
          <div class="navbar-column">
              <a class="navbar-brand" href="/">
                  <img src="../../../themes/quasar/images/logos/logo-Nolo-blkOrng-lrg.png" width="100" height="20" alt="Nolo">
              </a>
          </div>
          <div class="navbar__actions">
              <button id="btn-search" class="navbar-search" type="button" data-target="#nolo-search-form" data-toggle="collapse">
                  <i class="material-icons">search</i>
                  <i class="material-icons" style="display: none">clear</i>
              </button>
              <button class="navbar-shopping" type="button">
                <img src="../../../themes/quasar/images/icons/shopping_cart.svg" />
              </button>
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
                  <i class="material-icons">menu</i>
                  <i class="material-icons" style="display: none">clear</i>
              </button>
          </div>
          <div class="collapse navbar-collapse" id="navbarResponsive">
              <div class="navbar-collapse--nolo">
                <ul class="navbar-nav mr-auto mt-lg-0">
                  <li class="nav-item">
                    <a class="nav-link" href="/topics/the-divorce-process" title="Getting Divorced"
                        role="button" aria-haspopup="true" aria-expanded="false" >
                      Shop By Products
                    </a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="/topics/divorce-and-children" title="Divorce & Children"
                      role="button" aria-haspopup="true" aria-expanded="false">
                      Find a Lawyer
                    </a>
                  </li>
                  <li class="nav-item dropdown">
                    <a class="nav-link" href="/topics/divorce-who-gets-what" title="Who Gets What?"
                      id="navbarDropdown-3" role="button" data-toggle="dropdown" aria-haspopup="true"
                      aria-expanded="false"
                    >
                      Legal Articles
                      <i class="material-icons">arrow_drop_down</i>
                    </a>
                    <div class="dropdown-menu nav-item__menu--nolo" aria-labelledby="navbarDropdown-1">
                      <div class="dropdown-menu--left">
                        <a class="dropdown-item" href="/legal-encyclopedia/accident-law">Accidents & Injuries</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/bankruptcy">Bankruptcy</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/llc-corporations-partnerships">Business Formation: LLCs & Corporations</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/criminal-law">Criminal Law</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/collection-agencies">Debt Management</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/disability-law">Disability Law</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/family-law-divorce">Divorce & Family Law</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/dui-traffic-tickets">DUI / DWI & Traffic Tickets</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/hr-employment-law">Employment Law</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/foreclosure">Foreclosure</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/immigration">Immigration</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/landlords">Landlords</a>
                      </div>
                      <div class="dropdown-menu--right">
                        <a class="dropdown-item" href="/legal-encyclopedia/lgbt-law">LGBT Law</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/nonprofits">Nonprofits</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/patent-copyright-trademark">Patent, Copyright &amp; Trademark</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/personal-finance-retirement">Personal Finance</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/real-estate-rental-property">Real Estate</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/small-business">Small Business</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/lawsuits-court">Small Claims Court &amp; Lawsuits</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/social-security-retirement">Social Security &amp; Retirement</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/renters-rights">Tenants</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/taxes">Taxes</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/wills-trusts-estates">Wills, Trusts &amp; Probate</a>
                        <a class="dropdown-item" href="/legal-encyclopedia/workers-compensation">Workers' Compensation</a>
                      </div>
                    </div>
                  </li>
                </ul>
                <div class="navbar__sign-in">
                  <div class="sign-in"><a href="/login">Sign In</a></div>
                  <button id="btn-search-sign" class="navbar-search" type="button" data-target="#nolo-search-form" data-toggle="collapse">
                    <i class="material-icons">search</i>
                    <i class="material-icons" style="display: none;">clear</i>
                  </button>
                  <button onclick="window.location.href='http://store.nolo.com/products/checkout/cart/';" class="navbar-shopping" type="button">
                    <img src="../../../themes/quasar/images/icons/shopping_cart.svg" />
                  </button>
                </div>
                <div class="navbar__footer navbar__footer--nolo">
                  <div class="navbar__legal">
                    <div class="practice">
                      <a href="/advertisers" title="Grow Your Legal Practice">Grow Your Legal Practice</a>
                    </div>
                    <div class="directory">
                      <a href="/staff.html#editorbios" title="Meet the Editors">Meet the Editors</a>
                    </div>
                    <div class="support">
                      <a href="">Support</a>
                    </div>
                    <div class="sign-in">
                      <a href="/login">Sign In</a>
                    </div>
                  </div>
                <div class="navbar__call-us">
                  <a class="inactiveLink" href="tel:+18557476075">Call Us: <span>1 (855) 747-6075</span></a>
                </div>
              </div>
              </div>
          </div>
      </nav>
  </div>
 </div>

 Styleguide Layouts.header.Nolo
*/
.grid-region-header {
  box-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.15);
}
@media (max-width: 1199px) {
  .grid-region-header .top-bar.phone-number-top-bar-container {
    display: block !important;
  }
}
@media (max-width: 600px) {
  .grid-region-header .top-bar.phone-number-top-bar-container .top-bar__nav-list {
    margin-bottom: 0;
    padding-left: 0;
  }
}
@media (max-width: 1200px) {
  .grid-region-header .top-bar.phone-number-top-bar-container .top-bar__legal {
    display: none;
  }
}
.grid-region-header .top-bar.phone-number-top-bar-container .top-bar__call-us {
  padding-right: 10px;
  padding-left: 10px;
}
@media (max-width: 600px) {
  .grid-region-header .top-bar.phone-number-top-bar-container .top-bar__call-us {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 0;
    background-color: #f5f7f7;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 16px;
    padding-right: 16px;
    height: 36px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    height: 36px;
  }
}
.grid-region-header .navbar {
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: normal;
      align-items: normal;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding: 1.2rem 0 0;
  line-height: 2rem;
  margin: 0 -15px;
  z-index: 1;
}
.grid-region-header .navbar a.directory {
  text-align: right;
  color: #272727;
  font-size: 16px;
  margin: auto 0;
}
@media (max-width: 1200px) {
  .grid-region-header .navbar a.directory {
    display: none;
  }
}
.grid-region-header .navbar .collapsing {
  transition-duration: 200ms;
}
.grid-region-header .navbar .dnet-BBB-logo-container {
  display: none !important;
}
.grid-region-header .navbar-light {
  background-color: #fff;
}
.grid-region-header .navbar-nolo {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}
.grid-region-header .navbar-brand {
  margin: 0;
  padding: 0;
  -ms-flex-item-align: center;
      align-self: center;
}
.grid-region-header .navbar-toggler, .grid-region-header .navbar-search, .grid-region-header .navbar-shopping {
  border: none;
  outline: none;
  padding: 0;
  background-color: #fff;
  vertical-align: top;
}
.grid-region-header .navbar-toggler {
  border: none;
  outline: none;
  padding: 10px 0 10px;
  transition: all 200ms linear;
}
.grid-region-header .navbar-toggler i {
  transition: all 200ms linear;
}
.grid-region-header .navbar-toggler i.material-icons {
  color: #272727;
}
.grid-region-header .navbar-column {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-bottom: 1.2rem;
  padding: 0 1.6rem;
}
.grid-region-header .navbar__footer, .grid-region-header .navbar__legal, .grid-region-header .navbar__call-us {
  background-color: #F5F7F7;
}
.grid-region-header .navbar__actions {
  padding-top: 0.4rem;
  padding-right: 1.6rem;
  margin-bottom: 1.2rem;
}
.grid-region-header .navbar__actions button:not(.navbar-toggler) {
  margin-right: 28px;
}
.grid-region-header .navbar__actions .navbar-search i.material-icons {
  color: #272727;
}
@media (max-width: 1199px) {
  .grid-region-header .navbar__actions .navbar-toggler {
    padding-top: 0;
    padding-bottom: 0;
  }
}
.grid-region-header .navbar__legal {
  border-bottom: 1px solid #C7C7C7;
}
.grid-region-header .navbar__legal .practice,
.grid-region-header .navbar__legal .directory,
.grid-region-header .navbar__legal .support,
.grid-region-header .navbar__legal .sign-in {
  margin-bottom: 2rem;
}
.grid-region-header .navbar__legal .sign-in a {
  font-weight: 800 !important;
  text-transform: uppercase;
}
.grid-region-header .navbar__call-us {
  margin-top: 2.2rem;
  text-align: left;
}
.grid-region-header .navbar__sign-in a {
  display: none;
  text-transform: uppercase;
  font-weight: 800;
  font-size: 16px;
  color: #272727;
}
@media only screen and (min-width: 600px) {
  .grid-region-header .navbar__sign-in a {
    display: unset;
  }
}
.grid-region-header .navbar__sign-in a:hover {
  color: #F55D25;
  text-decoration: none;
}
.grid-region-header .navbar__footer {
  padding-left: 1.6rem;
  padding-right: 1.6rem;
  padding-bottom: 2.4rem;
  padding-top: 2.4rem;
}
.grid-region-header .navbar .nav-item {
  font-weight: 800;
  font-size: 1.6rem;
  line-height: 2rem;
  margin-bottom: 2.4rem;
  text-align: left;
}
.grid-region-header .navbar .nav-item__menu, .grid-region-header .navbar .nav-item__menu--nolo {
  border: none;
  height: auto;
  padding: 0;
  margin: 0;
  text-transform: capitalize;
}
@media only screen and (max-width: 599.98px) {
  .grid-region-header .navbar .nav-item__menu, .grid-region-header .navbar .nav-item__menu--nolo {
    margin: 0 -16px;
    max-height: 0;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-in-out;
  }
  .grid-region-header .navbar .nav-item__menu.show, .grid-region-header .navbar .nav-item__menu--nolo.show {
    max-height: unset;
    transition: all 200ms ease-in-out;
  }
}
.grid-region-header .navbar .nav-item__menu a, .grid-region-header .navbar .nav-item__menu--nolo a {
  font-size: 18px;
  font-weight: 300;
  line-height: 2rem;
  margin-top: 0;
  padding: 1rem 0;
}
@media only screen and (max-width: 599.98px) {
  .grid-region-header .navbar .nav-item__menu a, .grid-region-header .navbar .nav-item__menu--nolo a {
    padding: 1rem 1.6rem;
  }
}
@media only screen and (min-width: 600px) {
  .grid-region-header .navbar .nav-item__menu a, .grid-region-header .navbar .nav-item__menu--nolo a {
    padding: 1rem 1.9rem;
  }
}
.grid-region-header .navbar .nav-item__menu a:focus, .grid-region-header .navbar .nav-item__menu a:active, .grid-region-header .navbar .nav-item__menu a:hover, .grid-region-header .navbar .nav-item__menu--nolo a:focus, .grid-region-header .navbar .nav-item__menu--nolo a:active, .grid-region-header .navbar .nav-item__menu--nolo a:hover {
  background-color: #006FBB;
  color: #fff;
}
.grid-region-header .navbar .nav-item__menu .dropdown-menu.collapsing, .grid-region-header .navbar .nav-item__menu--nolo .dropdown-menu.collapsing {
  display: block;
}
.grid-region-header .navbar .nav-item__menu .dropdown-menu.show, .grid-region-header .navbar .nav-item__menu--nolo .dropdown-menu.show {
  opacity: 1;
  height: 100%;
}
.grid-region-header .navbar .nav-item__menu--nolo {
  padding-top: 1.4rem;
}
.grid-region-header .navbar .nav-item__menu.show {
  transition: all 200ms ease-in-out;
  max-height: 504px;
  overflow: auto;
}
.grid-region-header .navbar .nav-item:last-child {
  margin-bottom: 0;
}
.grid-region-header .navbar .nav-item .nav-link {
  -ms-flex-align: center;
      align-items: center;
  color: #272727;
  display: -ms-flexbox;
  display: flex;
  font-weight: 800;
  -ms-flex-pack: justify;
      justify-content: space-between;
  line-height: 2rem;
  position: relative;
  padding: 0;
  transition: color 200ms ease-in-out;
}
.grid-region-header .navbar .nav-item .nav-link:hover {
  color: #F55D25;
}
.grid-region-header .navbar .nav-item .nav-link img {
  height: 20px;
}
.grid-region-header .navbar .nav-item .nav-link i {
  line-height: 2rem;
  transition: transform 200ms ease-in-out;
  transform: rotate(0deg);
}
.grid-region-header .navbar .nav-item .nav-link i.material-icons {
  color: #272727;
}
.grid-region-header .navbar .nav-item .nav-link i.material-icons:hover {
  color: #272727;
}
.grid-region-header .navbar .nav-item.dropdown.show a[aria-expanded=true] {
  color: #F55D25;
}
.grid-region-header .navbar .nav-item.dropdown.show a[aria-expanded=true] img {
  transform: rotate(-90deg);
}
.grid-region-header .navbar__legal a,
.grid-region-header .top-bar__legal a {
  color: #272727;
  font-size: 1.6rem;
  font-weight: 300;
  line-height: 2rem;
  text-decoration: none;
}
.grid-region-header .navbar__legal a:hover,
.grid-region-header .top-bar__legal a:hover {
  color: #006FBB;
}
.grid-region-header .navbar__call-us a,
.grid-region-header .top-bar__call-us a {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2rem;
}
@media (max-width: 600px) {
  .grid-region-header .navbar__call-us {
    display: none;
  }
}
.grid-region-header .navbar__call-us p {
  display: inline-block;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  color: #1F81C3;
  margin-right: 8px;
  margin-bottom: 0;
}
.grid-region-header .navbar__call-us .seo-phone {
  color: #fff;
  background-color: #1F81C3;
  padding: 11px 24px;
  border-radius: 4px;
}
.grid-region-header .navbar__call-us .seo-phone:hover {
  background-color: #2093D2;
  text-decoration: none !important;
}
.grid-region-header .navbar__call-us .seo-phone img {
  margin-right: 6px;
  margin-bottom: 2px;
  min-width: 18px;
}
.grid-region-header .navbar__call-us .seo-phone a:hover {
  color: #fff;
}
.grid-region-header .navbar__call-us.mobile {
  display: none;
}
@media (max-width: 600px) {
  .grid-region-header .navbar__call-us.mobile {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-top: 4px;
    position: absolute;
    right: 60px;
  }
}
@media (max-width: 600px) and (max-width: 340px) {
  .grid-region-header .navbar__call-us.mobile {
    right: 30px;
  }
}
@media (max-width: 600px) {
  .grid-region-header .navbar__call-us.mobile .seo-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
        align-items: center;
    padding: 8px;
  }
  .grid-region-header .navbar__call-us.mobile .seo-phone span {
    font-size: 14px;
  }
}
@media (max-width: 600px) and (max-width: 370px) {
  .grid-region-header .navbar__call-us.mobile .seo-phone span {
    font-size: 10px;
  }
}
.grid-region-header .navbar__call-us.mobile-banner {
  display: none;
}
@media (max-width: 1199px) {
  .grid-region-header .navbar__call-us.mobile-banner {
    display: block;
    width: 100%;
    height: 70px;
    background-color: #f9f9f9;
    position: fixed;
    bottom: -1px;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.14);
    z-index: 1000;
  }
  .grid-region-header .navbar__call-us.mobile-banner .banner-container {
    text-align: center;
    margin: 8px 0;
  }
  .grid-region-header .navbar__call-us.mobile-banner .banner-container p {
    margin-top: 16px;
  }
}
.grid-region-header .navbar-collapse {
  transition: all 1000ms;
}
.grid-region-header .navbar-collapse .navbar-nav {
  text-transform: uppercase;
  padding: 3.2rem 1.6rem 2.4rem 0rem;
  margin-top: 0;
}
@media only screen and (max-width: 599.98px) {
  .grid-region-header .navbar-collapse .navbar-nav {
    padding: 2.8rem 1.6rem 2.4rem;
  }
}
.grid-region-header .navbar-collapse .navbar__sign-in .navbar-search,
.grid-region-header .navbar-collapse .navbar__sign-in .navbar-shopping {
  display: none;
}
.grid-region-header .top-bar {
  display: none;
}
.grid-region-header .switchboard-jack {
  background-color: #006FBB;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding: 8px 0;
  text-align: center;
}
.grid-region-header .switchboard-jack .switchboard-plug {
  color: #fff;
}
.grid-region-header .switchboard-jack .switchboard-plug:hover {
  text-decoration: none;
}
@media (min-width: 1200px) {
  .domain-www-nolo-com.aop-auto-accident .navbar__call-us p {
    color: #272727;
  }
  .domain-www-nolo-com.aop-auto-accident .navbar__call-us .seo-phone {
    background-color: #58A348;
  }
  .domain-www-nolo-com.aop-auto-accident .navbar__call-us .seo-phone:hover {
    background-color: #4e943f;
    text-decoration: none !important;
  }
  .domain-www-nolo-com .navbar__call-us {
    position: absolute;
    right: 0;
    top: 105px;
  }

  .domain-www-all-about-car-accidents-com .navbar__call-us {
    position: absolute;
    right: -28px;
    top: 34px;
    background-color: transparent !important;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us p {
    color: #272727;
    position: relative;
    top: -3.2rem;
    right: -13rem;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us .seo-phone {
    background-color: #58A348;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us .seo-phone:hover {
    background-color: #4e943f;
    text-decoration: none !important;
  }

  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us p {
    color: #272727;
  }
  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us .seo-phone {
    background-color: #EB6322;
  }
  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us .seo-phone:hover {
    background-color: #d6581d;
    text-decoration: none !important;
  }
}
@media (max-width: 1200px) and (min-width: 600px) {
  .domain-www-nolo-com .navbar__call-us.mobile-banner .banner-container p {
    color: #272727;
  }
  .domain-www-nolo-com .navbar__call-us.mobile-banner .banner-container .seo-phone {
    background-color: #58A348;
  }
  .domain-www-nolo-com .navbar__call-us.mobile {
    display: inline-block;
    margin-top: 4px;
    position: absolute;
    right: 70px;
    top: 20px;
  }
  .domain-www-nolo-com .navbar__call-us.mobile p {
    color: #272727;
  }
  .domain-www-nolo-com .navbar__call-us.mobile .seo-phone {
    padding: 8px;
    background-color: #58A348;
  }

  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile {
    display: inline-block;
    margin-top: 4px;
    position: absolute;
    right: 60px;
    top: 20px;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile p {
    color: #272727;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile .seo-phone {
    background-color: #58A348;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile-banner .banner-container p {
    color: #272727;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile-banner .banner-container .seo-phone {
    background-color: #58A348;
  }

  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile .banner-container p, .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile-banner .banner-container p {
    color: #272727;
  }
  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile .banner-container .seo-phone, .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile-banner .banner-container .seo-phone {
    background-color: #EB6322;
  }
  .domain-www-alllaw-com .navbar__call-us.mobile {
    display: inline-block;
    margin-top: 4px;
    position: absolute;
    right: 60px;
    top: 20px;
  }
  .domain-www-alllaw-com .navbar__call-us.mobile p {
    margin-top: 0;
    color: #272727;
  }
  .domain-www-alllaw-com .navbar__call-us.mobile .seo-phone {
    padding: 8px;
    background-color: #EB6322;
  }
}
@media (max-width: 600px) {
  .domain-www-nolo-com .navbar__call-us.mobile {
    display: none;
  }
  .domain-www-nolo-com .navbar__call-us.mobile-banner p {
    color: #272727;
  }
  .domain-www-nolo-com .navbar__call-us.mobile-banner .seo-phone {
    background-color: #58A348;
  }

  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile p, .domain-www-all-about-car-accidents-com .navbar__call-us.mobile-banner p {
    color: #272727;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile .seo-phone, .domain-www-all-about-car-accidents-com .navbar__call-us.mobile-banner .seo-phone {
    background-color: #58A348;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile p {
    display: none;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile .seo-phone img {
    margin-right: 0;
  }
  .domain-www-all-about-car-accidents-com .navbar__call-us.mobile .seo-phone span {
    display: none;
  }

  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile p, .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile-banner p {
    color: #272727;
  }
  .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile .seo-phone, .domain-www-alllaw-com.aop-auto-accident .navbar__call-us.mobile-banner .seo-phone {
    background-color: #EB6322;
  }
  .domain-www-alllaw-com .navbar__call-us.mobile p {
    display: none;
  }
}
body.domain-www-nolo-com .grid-region-header .navbar .navbar-column:first-child {
  width: auto;
}

@media (min-width: 600px) {
  .rotate-chevron {
    transform: rotate(-90deg);
  }

  .grid-region-header .navbar {
    padding: 1.6rem 0;
  }
  .grid-region-header .navbar-nav {
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: start;
        justify-content: flex-start;
    margin-top: 0.8rem;
    padding: 0.6rem 0 1.6rem 0;
  }
  .grid-region-header .navbar-nav .nav-item {
    margin-right: 3.2rem;
    margin-bottom: 0;
  }
  .grid-region-header .navbar-nav .nav-item:last-child {
    margin-right: 0;
  }
  .grid-region-header .navbar-nav .nav-item.dropdown.show {
    overflow: visible;
    max-width: -webkit-min-content;
    max-width: -moz-min-content;
    max-width: min-content;
  }
  .grid-region-header .navbar-nav .nav-item__menu.dropdown-menu.show {
    background-color: grey;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    opacity: 1;
    overflow: auto;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo {
    margin: 0 -355px;
    float: left;
    margin-top: 1.6rem;
    border-top: 1px solid #C7C7C7;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--left,
.grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--right {
    display: inline-block;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--right {
    padding-right: 3.6rem;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo a {
    padding-top: 1rem;
    padding-bottom: 1rem;
    padding-right: 2.4rem;
    padding-left: 0px;
  }
  .grid-region-header .navbar-nav .nav-item .nav-link {
    -ms-flex-pack: start;
        justify-content: flex-start;
    white-space: nowrap;
  }
  .grid-region-header .navbar-nav .nav-item .tablet-dropdown-clicked .material-icons {
    transform: rotate(-90deg);
  }
  .grid-region-header .navbar .tablet-dropdown-content-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content {
    transition: all 200ms;
    border-top: 1px solid #C7C7C7;
    padding-top: 16px;
    padding-bottom: 16px;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-direction: row;
        flex-direction: row;
    max-height: 100rem;
  }
  .grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content a {
    color: #272727;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 328px;
  }
  .grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content a:nth-child(odd) {
    margin-right: 24px;
  }
  .grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content[style="display: none"],
.grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content[style="display: none;"] {
    display: -ms-flexbox !important;
    display: flex !important;
    max-height: 0 !important;
    overflow: hidden;
    padding: 0 !important;
    border: 0 !important;
  }
  .grid-region-header .navbar-collapse--nolo {
    display: grid;
    grid-template-columns: auto auto;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__sign-in {
    padding: 3.2rem 0 2.4rem 1.6rem;
    text-align: center;
  }
  .grid-region-header .navbar-collapse--nolo .navbar-search,
.grid-region-header .navbar-collapse--nolo .navbar-shopping {
    display: none;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__footer--nolo {
    grid-column: 1/span 2;
  }
  .grid-region-header .navbar__legal {
    border: none;
    border-top: 1px solid #C7C7C7;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
  .grid-region-header .navbar__legal .practice,
.grid-region-header .navbar__legal .directory,
.grid-region-header .navbar__legal .support {
    margin: 1.6rem 3.2rem 0 0;
  }
  .grid-region-header .navbar__legal .sign-in {
    display: none;
  }
  .grid-region-header .navbar__actions {
    margin-bottom: unset;
  }
  .grid-region-header .navbar__call-us {
    display: none;
  }
  .grid-region-header .navbar__footer {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 1.6rem;
    padding-bottom: 0px;
    padding-top: 0px;
  }
  .grid-region-header .navbar__footer, .grid-region-header .navbar__legal, .grid-region-header .navbar__call-us {
    background-color: #fff;
  }
  .grid-region-header .navbar-column {
    margin-bottom: 0;
    padding: 0px;
  }
  .grid-region-header .top-bar {
    background-color: #F5F7F7;
    display: block;
  }
  .grid-region-header .top-bar--nolo {
    display: none !important;
  }
  .grid-region-header .top-bar__container {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
  }
  .grid-region-header .top-bar__call-us {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    background-color: #F5F7F7;
    margin-bottom: 0;
    padding: 12px 24px 12px 16px;
  }
  .grid-region-header .top-bar__legal {
    display: none;
  }
  .grid-region-header .top-bar__nav-list {
    padding: 0;
    margin-bottom: 0;
  }

  .domain-www-nolo-com.lander-homepage-v5 .grid-region-header .container .navbar__actions .navbar-search {
    display: none;
  }
}
@media (min-width: 1200px) {
  .grid-region-header .navbar {
    -ms-flex-direction: row;
        flex-direction: row;
    padding: 1.8rem 0;
    min-height: 8rem;
  }
  .grid-region-header .navbar-brand {
    margin-right: 3.6rem;
  }
  .grid-region-header .navbar-brand .divnet-logo {
    height: 44px;
  }
  .grid-region-header .navbar-nav {
    margin-top: 0;
  }
  .grid-region-header .navbar-nav .nav-item {
    margin-right: 3.6rem;
    margin-bottom: 0;
  }
  .grid-region-header .navbar-nav .nav-item .nav-link {
    white-space: nowrap;
  }
  .grid-region-header .navbar-nav .nav-item__menu {
    display: unset;
    height: auto;
    left: -1.2rem;
    opacity: 0;
    overflow: hidden;
    max-height: 0;
    min-width: 100%;
    padding-top: 0.8rem;
    padding-bottom: 0;
    transition: all 200ms ease-in-out;
    top: 5rem;
    z-index: -1;
  }
  .grid-region-header .navbar-nav .nav-item__menu.dropdown-menu.show {
    max-height: 428px;
    opacity: 1;
    overflow-y: auto;
    width: auto;
    -ms-flex-wrap: unset;
        flex-wrap: unset;
  }
  .grid-region-header .navbar-nav .nav-item__menu a {
    padding: 0.8rem 1.6rem;
    margin-top: 0.4rem;
  }
  .grid-region-header .navbar-nav .nav-item__menu a:active, .grid-region-header .navbar-nav .nav-item__menu a:focus, .grid-region-header .navbar-nav .nav-item__menu a:hover {
    background-color: #006FBB;
    color: #fff;
  }
  .grid-region-header .navbar-nav .nav-item__menu a:first-child {
    margin-top: 0;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo {
    margin: unset;
    border: none;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo.dropdown-menu.show {
    display: unset;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    opacity: 1;
    overflow-y: auto;
    background-color: #fff;
    position: absolute;
    box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.3);
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--left,
.grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--right {
    display: block;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo .dropdown-menu--right {
    padding-right: 0px;
  }
  .grid-region-header .navbar-nav .nav-item__menu--nolo a {
    padding: 1rem 1.6rem;
  }
  .grid-region-header .navbar__actions {
    display: none;
  }
  .grid-region-header .navbar__legal {
    display: none;
  }
  .grid-region-header .navbar__call-us {
    display: inline-block;
    margin-top: 0;
  }
  .grid-region-header .navbar__call-us .inactiveLink {
    pointer-events: none;
    cursor: default;
  }
  .grid-region-header .navbar-collapse {
    margin-top: 0;
  }
  .grid-region-header .navbar-collapse .main-nav-container {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    -ms-flex-pack: space-evenly;
        justify-content: space-evenly;
    width: 100%;
  }
  .grid-region-header .navbar-collapse .main-nav-container .phone-number-container a {
    color: #006FBB;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
  }
  .grid-region-header .navbar-collapse .main-nav-container .phone-number-container a:hover {
    text-decoration: underline;
  }
  .grid-region-header .navbar-collapse .navbar-nav {
    padding: 0;
  }
  .grid-region-header .navbar-collapse--nolo {
    width: 100%;
    -ms-flex-align: center;
        align-items: center;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__sign-in {
    padding: 0px;
    display: -ms-flexbox;
    display: flex;
    justify-self: end;
    -ms-flex-align: center;
        align-items: center;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__sign-in .sign-in {
    border-right: 1px solid #595959;
    padding-right: 28px;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__sign-in .navbar-search,
.grid-region-header .navbar-collapse--nolo .navbar__sign-in .navbar-shopping {
    display: unset;
    padding-left: 28px;
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
  .grid-region-header .navbar-collapse--nolo .navbar__sign-in .navbar-search i.material-icons {
    color: #272727;
  }
  .grid-region-header .navbar__footer--nolo {
    display: none;
  }
  .grid-region-header .top-bar {
    background-color: #F5F7F7;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    padding: 1.2rem 0;
  }
  .grid-region-header .top-bar__legal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin: 0;
  }
  .grid-region-header .top-bar__legal a {
    margin-bottom: 0;
  }
  .grid-region-header .top-bar__legal a.practice {
    border-right: 1px solid #595959;
    padding-right: 1.65rem;
  }
  .grid-region-header .top-bar__legal a.directory {
    margin-left: 1.65rem;
  }
  .grid-region-header .top-bar__container {
    -ms-flex: 0 0 112.8rem;
        flex: 0 0 112.8rem;
    max-width: none;
  }
  .grid-region-header .top-bar__nav-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
        justify-content: flex-end;
    margin: 0;
  }
  .grid-region-header .top-bar__legal span {
    border: 1px solid #595959;
    margin: 0;
  }
  .grid-region-header .top-bar__call-us {
    display: none;
  }

  .domain-www-nolo-com.lander-homepage-v5 .grid-region-header .container .navbar {
    display: grid;
    grid-template-columns: 80% 20%;
  }
  .domain-www-nolo-com.lander-homepage-v5 .grid-region-header .container .navbar-collapse {
    padding-top: 1.6rem;
    grid-column: 1/span 2;
  }
  .domain-www-nolo-com.lander-homepage-v5 .grid-region-header .container .navbar-collapse .navbar-search {
    display: none;
  }

  .phono-jack {
    color: #006FBB;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
  }
}
.free-case-evaluation-bar {
  display: -ms-flexbox !important;
  display: flex !important;
  padding: 0 !important;
  height: 44px;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 600px) {
  .free-case-evaluation-bar {
    display: none !important;
  }
}
@media (max-width: 1200px) {
  .free-case-evaluation-bar .top-bar__container {
    width: 100%;
    text-align: right;
  }
}
@media (max-width: 1200px) {
  .free-case-evaluation-bar .top-bar__container .get-expert-help-container a {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
  }
}
@media (max-width: 1200px) {
  .free-case-evaluation-bar .top-bar__nav-list {
    display: none;
  }
}
.free-case-evaluation-bar .top-bar__nav-list .top-bar__call-us {
  display: -ms-flexbox !important;
  display: flex !important;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 1200px) {
  .free-case-evaluation-bar .top-bar__nav-list .top-bar__call-us {
    display: none !important;
  }
}
.free-case-evaluation-bar .top-bar__nav-list .top-bar__call-us a {
  color: #272727;
  font-size: 16px;
  line-height: 20px;
  font-weight: 300;
}
.free-case-evaluation-bar .top-bar__nav-list .top-bar__call-us a:hover {
  text-decoration: none;
}
.free-case-evaluation-bar .top-bar__nav-list .top-bar__call-us .bar-division {
  width: 1px;
  height: 20px;
  background-color: #595959;
  margin-left: 12px;
  margin-right: 12px;
}
.free-case-evaluation-bar .get-expert-help-container {
  display: none;
}
@media (max-width: 1200px) {
  .free-case-evaluation-bar .get-expert-help-container {
    display: block;
  }
}

@media (max-width: 670px) {
  .grid-region-header .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1180px) {
  .grid-region-header .navbar {
    -ms-flex-align: center;
        align-items: center;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar #navbarResponsive {
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (max-width: 600px) {
  .grid-region-header .navbar #navbarResponsive {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 1180px) {
  .grid-region-header .navbar #navbarResponsive .contact-container {
    display: none;
  }
}
@media (max-width: 600px) {
  .grid-region-header .navbar #navbarResponsive .nav-item .nav-link {
    -ms-flex-pack: start;
        justify-content: flex-start;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .nav-item {
    margin-bottom: 2.6rem;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .nav-item:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .grid-region-header .navbar .tablet-dropdown-content-container {
    display: none;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .tablet-dropdown-content-container {
    display: none;
  }
}
@media (max-width: 1200px) {
  .grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content a {
    white-space: unset;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .navbar-toggler {
    margin-right: 16px;
  }
}
@media (max-width: 340px) {
  .grid-region-header .navbar .navbar-toggler {
    margin-right: 0;
  }
}
.grid-region-header .navbar .nav-item__menu a {
  color: #272727;
  font-size: 18px;
  line-height: 20px;
}
@media (max-width: 1200px) {
  .grid-region-header .navbar .nav-item__menu a {
    white-space: unset;
    height: 48px;
    padding-top: 0;
    padding-bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-align: center;
        align-items: center;
    margin-top: 12px;
  }
}
.grid-region-header .navbar .nav-item__menu a:hover {
  color: #ffffff;
}
.grid-region-header .navbar .nav-item__menu a:hover svg path {
  fill: #ffffff;
}
@media (min-width: 1200px) {
  .grid-region-header .navbar .nav-item__menu a:last-child {
    padding-bottom: 16px;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .nav-item__menu a svg {
    margin-left: 8px;
  }
}
@media (max-width: 1200px) {
  .grid-region-header .navbar .navbar__footer .navbar__legal .practice,
.grid-region-header .navbar .navbar__footer .navbar__legal .directory,
.grid-region-header .navbar .navbar__footer .navbar__legal a {
    color: #272727;
    font-size: 16px;
    line-height: 20px;
    font-weight: 300;
  }
}
.grid-region-header .navbar .navbar__footer .get-expert-help-container {
  display: none;
  padding-top: 24px;
}
@media (max-width: 600px) {
  .grid-region-header .navbar .navbar__footer .get-expert-help-container {
    display: block;
  }
}
.grid-region-header .navbar .navbar__footer .get-expert-help-container a {
  color: #006FBB;
  font-size: 16px;
  line-height: 20px;
  font-weight: 600;
}
@media (max-width: 1200px) {
  .grid-region-header .navbar .navbar-column {
    width: 100%;
  }
}
.grid-region-header .navbar .navbar-column .navbar-brand {
  min-width: 163px;
}
@media (max-width: 670px) {
  .grid-region-header .navbar .navbar-column .navbar-brand {
    margin-left: 16px;
    min-width: 149px;
  }
}
@media (max-width: 670px) {
  .grid-region-header .navbar .navbar__actions {
    margin-bottom: 0;
  }
}
.grid-region-header .navbar .tablet-dropdown-content-container {
  padding-left: 0;
}
.grid-region-header .navbar .tablet-dropdown-content-container .tablet-dropdown-content a {
  padding-left: 0;
}
.grid-region-header .navbar-nav .nav-item__menu--nolo.dropdown-menu.show {
  margin-top: 30px;
}
@media (max-width: 600px) {
  .grid-region-header .navbar-collapse--nolo {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
}
@media (max-width: 900px) {
  .grid-region-header .top-bar {
    background-color: #f5f7f7;
  }
}
.grid-region-header .top-bar.top-bar--nolo {
  display: none;
}
@media (max-width: 900px) {
  .grid-region-header .top-bar.top-bar--nolo .top-bar__container {
    max-width: unset;
    padding-right: 24px;
    padding-left: 24px;
  }
}
@media (max-width: 900px) and (max-width: 600px) {
  .grid-region-header .top-bar.top-bar--nolo .top-bar__container {
    padding-right: 16px;
    padding-left: 16px;
  }
}
@media (max-width: 900px) and (max-width: 600px) {
  .grid-region-header .top-bar.top-bar--nolo .top-bar__container ul {
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .grid-region-header .top-bar.top-bar--nolo .top-bar__container ul li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: end;
        justify-content: flex-end;
    padding-top: 8px;
    padding-bottom: 8px;
  }
}
@media (max-width: 900px) {
  .grid-region-header .top-bar.top-bar--nolo .top-bar__container ul li {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 900px) {
  .grid-region-header .container {
    max-width: unset;
  }
}
.grid-region-header .container nav {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: justify;
      justify-content: space-between;
}
@media (max-width: 900px) {
  .grid-region-header .container nav {
    margin: 0;
  }
  .grid-region-header .container nav.navbar {
    padding-top: 1.4rem;
    padding-bottom: 1.4rem;
  }
  .grid-region-header .container nav .navbar-column {
    padding: 0;
    margin: 0;
  }
}
@media (max-width: 600px) {
  .grid-region-header .container nav.navbar {
    padding-top: 1rem;
    padding-bottom: 1rem;
    min-height: 5.6rem;
  }
}
.grid-region-header .container nav .contact-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.grid-region-header .container nav .contact-container a {
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 900px) {
  .grid-region-header .container nav .contact-container a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
    border: 1px solid #2093D2;
    border-radius: 2px;
    width: 120px;
    height: 48px;
  }
  .grid-region-header .container nav .contact-container a:hover {
    text-decoration: none;
  }
}
@media (max-width: 900px) {
  .grid-region-header .container nav .contact-container a .desktop-label {
    display: none;
  }
}
.grid-region-header .container nav .contact-container a .mobile-label {
  display: none;
}
@media (max-width: 900px) {
  .grid-region-header .container nav .contact-container a .mobile-label {
    display: block;
  }
}

.domain-www-willmaker-com .grid-region-header {
  z-index: 10000;
  position: relative;
}
.domain-www-willmaker-com .grid-region-header .navbar .navbar-column {
  width: auto;
}
.domain-www-willmaker-com .grid-region-header .navbar .nav-item .nav-link {
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
}
@media (max-width: 1199px) {
  .domain-www-willmaker-com .grid-region-header .navbar__sign-in {
    display: none;
  }
}
.domain-www-willmaker-com .grid-region-header .navbar__sign-in .sign-in {
  border-right: none;
}
.domain-www-willmaker-com .grid-region-header .navbar__sign-in .sign-in a {
  font-size: 18px;
  font-weight: 300;
  text-transform: none;
}
.domain-www-willmaker-com .grid-region-header .navbar__sign-in .get-started a {
  color: #F55D25;
  padding: 12px 20px;
  border: 1px solid #F55D25;
  border-radius: 4px;
  text-transform: none;
  font-weight: 600;
}
.domain-www-willmaker-com .grid-region-header .navbar__sign-in .get-started a:hover {
  color: #FFF;
  background-color: #F55D25;
  text-decoration: none;
}
.domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal {
  border-top: none;
}
@media (max-width: 1199px) {
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .get-started {
    margin-right: 24px;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .get-started a {
    font-size: 16px;
    font-weight: 600;
    padding: 8px 20px;
    text-transform: none;
    color: #fff;
    border-radius: 4px;
    background-color: #7c7674;
    display: block;
    width: 160px;
    text-align: center;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .get-started a:hover {
    color: #F55D25;
    background-color: #FFF;
    border: 1px solid #F55D25;
    text-decoration: none;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .login a {
    font-size: 16px;
    color: #f55d25;
    padding: 8px 20px;
    border: 1px solid #F55D25;
    border-radius: 4px;
    text-transform: none;
    font-weight: 600;
    display: block;
    width: 160px;
    text-align: center;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .login a:hover {
    color: #FFF;
    background-color: #F55D25;
    text-decoration: none;
  }
}
@media (max-width: 699px) {
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal {
    border-bottom: none;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .get-started {
    width: 100%;
    margin-bottom: 20px;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .get-started a {
    width: 100%;
    padding: 12px 20px;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .login {
    width: 100%;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .login a {
    width: 100%;
    padding: 12px 20px;
  }
  .domain-www-willmaker-com .grid-region-header .navbar__footer .navbar__legal .sign-in {
    display: none;
  }
}
.domain-www-willmaker-com #page-ft {
  background-color: #fff;
}
.domain-www-willmaker-com #page-ft .copyright.col-lg-10 {
  max-width: 100%;
  -ms-flex: 100%;
      flex: 100%;
}
.domain-www-willmaker-com #page-ft .copyright-paragraph-text {
  margin-top: 16px;
}

.grid-region-header + .grid-region-breadcrumbs {
  margin-bottom: 4.8rem;
}
@media only screen and (max-width: 599.98px) {
  .grid-region-header + .grid-region-breadcrumbs {
    margin-bottom: 3.2rem;
    display: none;
  }
}

.breadcrumb-item + .breadcrumb-item::before {
  display: none;
}

.breadcrumb {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 0;
  font-size: 1.6rem;
  padding: 0;
  background: none;
  margin-top: 2.4rem;
}
.breadcrumb .breadcrumb-item {
  color: #595959;
  text-decoration: none;
}
.breadcrumb .breadcrumb-item:hover {
  text-decoration: underline;
}
.breadcrumb .breadcrumb-item.active {
  color: #006FBB;
}
.breadcrumb > a:not(.active).breadcrumb-item:after {
  margin: 0 1.1rem 0 1.1rem;
  content: " ";
  background-image: url("/themes/quasar/images/icons/chevron_right.svg");
  background-size: cover;
  color: #595959;
  height: 10px;
  width: 10px;
  display: inline-block;
}
.breadcrumb > a.active.breadcrumb-item:after {
  content: "";
  font-family: "Material Icons";
  font-size: 1rem;
}
.breadcrumb .breadcrumb-ellipsis {
  color: #595959;
}
.breadcrumb .breadcrumb-ellipsis:after {
  margin: 0 1.1rem 0 1.1rem;
  content: " ";
  background-image: url("/themes/quasar/images/icons/chevron_right.svg");
  background-size: cover;
  color: #595959;
  height: 10px;
  width: 10px;
  font-size: 1rem;
  display: inline-block;
}

.page-subtype-about-nolo .grid-region-breadcrumbs,
.page-subtype-advertisers .grid-region-breadcrumbs {
  display: none;
}

@media (max-width: 599px) {
  .page-type-article.aop-undefined #region-breadcrumbs {
    display: none;
  }

  .page-type-article #region-breadcrumbs {
    display: block;
  }
  .page-type-article #region-breadcrumbs .breadcrumb > a.previous.breadcrumb-item:after {
    display: none;
  }
  .page-type-article #region-breadcrumbs .breadcrumb > a.previous.breadcrumb-item:before {
    display: inline-block;
    background-color: #006FBB;
    content: " ";
    -webkit-mask: url("/themes/quasar/images/icons/arrow_back_ios.svg");
            mask: url("/themes/quasar/images/icons/arrow_back_ios.svg");
    -webkit-mask-size: cover;
            mask-size: cover;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    height: 16px;
    width: 16px;
    margin-right: 24px;
  }
  .page-type-article #region-breadcrumbs .breadcrumb-item {
    display: none;
  }
  .page-type-article #region-breadcrumbs .breadcrumb-item.previous {
    display: block;
    color: #006FBB;
  }
  .page-type-article #region-breadcrumbs .separator-chevron {
    display: none;
  }
  .page-type-article #region-breadcrumbs .separator-chevron:nth-last-of-type(2) {
    display: block;
  }
  .page-type-article #region-breadcrumbs .separator-chevron:nth-last-of-type(2):after {
    color: #006FBB;
    content: "arrow_back_ios";
  }
}
.btn {
  color: #fff;
  border: none;
  background-color: #8F8F8F;
  transition: all 200ms ease;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 600;
  padding: 1.2rem 2.8rem;
  text-transform: capitalize;
}
.btn:hover {
  color: #fff;
  background-color: #595959;
}
.btn:focus, .btn.focus {
  color: #fff;
  background-color: #595959;
  outline: 0;
  box-shadow: none;
}
.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, .show > .btn.dropdown-toggle {
  color: #fff;
  background-color: #272727;
}
.btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus, .show > .btn.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn.disabled, .btn:disabled {
  background-color: #F5F7F7;
  border: 1px solid #E3E5E6;
  color: #C7C7C7;
  pointer-events: none;
}

.btn-outline {
  color: #272727;
  border: 1px solid #272727;
  background-color: #fff;
  padding: 1.1rem 2.7rem;
}
.btn-outline:hover {
  color: #fff;
  background-color: #272727;
}
.btn-outline:focus, .btn-outline.focus {
  color: #fff;
  background-color: #272727;
  outline: 0;
  box-shadow: none;
}
.btn-outline:not(:disabled):not(.disabled):active, .btn-outline:not(:disabled):not(.disabled).active, .show > .btn-outline.dropdown-toggle {
  color: #fff;
  background-color: #272727;
  border-color: #272727;
}
.btn-outline:not(:disabled):not(.disabled):active:focus, .btn-outline:not(:disabled):not(.disabled).active:focus, .show > .btn-outline.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}

.btn-primary {
  color: #fff;
  border: none;
  background-color: #2093D2;
}
.btn-primary:hover {
  color: #fff;
  background-color: #006FBB;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #006FBB;
  outline: 0;
  box-shadow: none;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0F4880;
}
.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}

.btn-outline-primary {
  color: #2093D2;
  border: 1px solid #2093D2;
  background-color: #fff;
  padding: 1.1rem 2.7rem;
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: #2093D2;
}
.btn-outline-primary:focus, .btn-outline-primary.focus {
  color: #fff;
  background-color: #2093D2;
  outline: 0;
  box-shadow: none;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
  color: #fff;
  background-color: #006FBB;
  border-color: #006FBB;
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}
.btn-outline-primary.btn-sm {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.btn-warning {
  color: #fff;
  border: none;
  background-color: #F55D25;
}
.btn-warning:hover {
  color: #fff;
  background-color: #D43900;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #D43900;
  outline: 0;
  box-shadow: none;
}
.btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #AA2E00;
}
.btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}

.btn-outline-warning {
  color: #F55D25;
  border: 1px solid #F55D25;
  background-color: #fff;
  padding: 1.1rem 2.7rem;
}
.btn-outline-warning:hover {
  color: #fff;
  background-color: #F55D25;
}
.btn-outline-warning:focus, .btn-outline-warning.focus {
  color: #fff;
  background-color: #F55D25;
  outline: 0;
  box-shadow: none;
}
.btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle {
  color: #fff;
  background-color: #D43900;
  border-color: #D43900;
}
.btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}
.btn-outline-warning.btn-sm {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.btn-success {
  color: #fff;
  border: none;
  background-color: #59A448;
}
.btn-success:hover {
  color: #fff;
  background-color: #008040;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #008040;
  outline: 0;
  box-shadow: none;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #005031;
}
.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}

.btn-outline-success {
  color: #59A448;
  border: 1px solid #59A448;
  background-color: #fff;
  padding: 1.1rem 2.7rem;
}
.btn-outline-success:hover {
  color: #fff;
  background-color: #59A448;
}
.btn-outline-success:focus, .btn-outline-success.focus {
  color: #fff;
  background-color: #59A448;
  outline: 0;
  box-shadow: none;
}
.btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle {
  color: #fff;
  background-color: #008040;
  border-color: #008040;
}
.btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus {
  outline: 0;
  box-shadow: none;
}
.btn-outline-success.btn-sm {
  padding-top: 0.7rem;
  padding-bottom: 0.7rem;
}

.btn-sm {
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.btn-white-primary {
  color: #2093d2;
  background-color: #fff;
}

.button.dropshadow__lvl1 {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
}
.button.dropshadow__lvl2 {
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
}
.button.dropshadow__lvl3 {
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
}
.button.dropshadow__lvl1-showing-only {
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: block;
  margin: 40px;
}
.button.dropshadow__lvl2-showing-only {
  box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: block;
  margin: 40px;
}
.button.dropshadow__lvl3-showing-only {
  box-shadow: 0px 6px 24px 0px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  display: block;
  margin: 40px;
}

/*
Cards

Quasar uses two types of cards for content organization.

Styleguide Components.cards
*/
/*
Floating Cards

Floating cards always have a box-shadow of 0px 2px 8px 0px rgba(0,0,0,0.20),
and can either have a headline bar or no headline bar.

Markup:
<div class="card card-floating">
 <div class="{{modifier_class}}">
     <span>Related Ads</span>
 </div>
</div>

.card-with-headline - With headline Bar.
.card-without-headline - Without headline Bar.

Styleguide Components.cards.floatcards
*/
/*
Flat Cards

Flat cards always have a background color of #F5F7F7 , border 1px solid #E3E5E6,
border-radius of 2px, and minimum padding of 20px.

Markup:
    <div style="display: flex">
        <div class="card card-flat" style="margin-right: 40px;">
            <div style="background-color: rgba(220, 20, 60, 0.1); border-radius: 2px; width: 280px; height: 428px;"></div>
        </div>
        <div class="card card-flat">
            <div class="card-body">
                <h3 class="card-title">Get Debt Relief Now</h3>
                <h4 class="card-subtitle">We've helped 205 clients find attorneys today.</h4>
                <p class="card-text">What is your total debt?</p>
            </div>
            <div class="card-body">
                <a href="#" class="card-link padding-tb-12">Less than $5k</a>
                <a href="#" class="card-link padding-tb-12">$5k - $10k</a>
                <a href="#" class="card-link padding-tb-12">$10k - $20k</a>
                <a href="#" class="card-link padding-tb-12">$20k - $50k</a>
                <a href="#" class="card-link padding-tb-12">More than $50k</a>
            </div>
        </div>
    </div>

Styleguide Components.cards.flatcards

*/
.card {
  background-color: #fff;
  border-radius: 2px;
  border: none;
  height: auto;
  width: 320px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

.card-with-headline {
  background-color: #0A3055;
  border-radius: 2px 2px 0 0;
  padding: 8px 16px;
  color: #fff;
  font-weight: 800;
}

.card-without-headline {
  color: #fff;
  display: none;
  font-weight: 800;
}

.card-title {
  color: #0F4880;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 800;
  text-align: left;
  margin-bottom: 0.8rem;
  font-size: 20;
  font-size: 2rem;
  line-height: 1.5555555556;
}

.card-subtitle {
  font-weight: 300;
  margin-bottom: 1.6rem;
}

.card-text {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}

.card-text:last-child {
  margin-bottom: 1.6rem;
}

.card-body {
  -ms-flex: none;
      flex: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0px;
}

.card-description {
  margin-top: 2.4rem;
}
.card-description__title {
  color: #0F4880;
  font-weight: 700;
  margin-bottom: 1.6rem;
}
.card-description ol {
  margin-bottom: 0px;
  padding-left: 2rem;
}

.card-description ol > li:not(:last-child) {
  margin-bottom: 1.6rem;
}

.card-body a:not(:last-child) {
  margin-bottom: 1.2rem;
}

.card-link {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  width: 280px;
  height: 48px;
  text-align: center;
}

.card-link + .card-link {
  margin: 0px;
}

.card-flat {
  background-color: #F5F7F7;
  border: 1px solid #E3E5E6;
  padding: 24px 16px;
}

.collapse-example a {
  color: #FFF;
}
.collapse-example a:focus {
  color: #FFF;
}

.collapse .card, .collapsing .card {
  height: auto;
  width: auto;
}

.accordion .card {
  height: auto;
  width: auto;
}

/*
Forms

<form>
  <div class="form-group">
    <label for="exampleFormControlInput1">Label</label>
    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="Ghost Text">
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect1">Label select</label>
    <div class="select-box">
      <select class="form-control" id="exampleFormControlSelect1">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
        <option>5</option>
      </select>
    </div>
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect2">Label multiple select</label>
    <select multiple class="form-control" id="exampleFormControlSelect2">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-group">
    <label for="exampleFormControlTextarea1">Label textarea</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" placeholder="Text inputs may or may not have ghost text. Text inputs without ghost text are required to show a label.Text inputs may or may not have ghost text. Text inputs without ghost text are required"></textarea>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

Styleguide Components.forms
*/
input.form-control,
select.form-control,
textarea.form-control {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 300;
  border: 1px solid #C7C7C7;
  border-radius: 0.2rem;
  color: #272727;
}
input.form-control:focus,
select.form-control:focus,
textarea.form-control:focus {
  border-color: #006FBB;
}

input.form-control {
  padding: 1.2rem 2rem;
  max-height: 48px;
  min-height: 48px;
  margin-top: 0;
}

select.form-control[multiple] {
  padding: 0;
  max-height: none;
}
select.form-control {
  height: auto;
  padding: 1rem 2rem;
  border-radius: 2px;
  max-height: 48px;
  min-height: 48px;
}
select.form-control option {
  padding: 1.2rem 2rem;
}

.select-box {
  position: relative;
  display: inline-block;
}
.select-box .form-control {
  margin-bottom: 0;
}
@media only screen and (max-width: 599.98px) {
  .select-box {
    width: 100%;
  }
}
.select-box select {
  padding-right: 3.6rem;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.select-box select::-ms-expand {
  display: none;
}
.select-box:after {
  position: absolute;
  top: 45%;
  right: 10px;
  display: block;
  content: " ";
  width: 0;
  height: 0;
  border-top: 6px solid #272727;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}

textarea.form-control {
  padding: 2rem;
  margin-bottom: 2rem;
}

.checkbox {
  margin-top: 0;
  margin-bottom: 16px;
}
.checkbox > label {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  margin-top: 0;
  margin-right: 12px;
}

/*
Forms Inputs

Styleguide Components.forms.forminputs
*/
/*
Build

Each form input & label combination should have a minimum of 20px margin top & bottom with a minimum of 8px
and maximum of 12px between the label & field.

Markup:
<form class="form">
	<label class="form__label">label</label>
	<input type="text" class="form__input">
</form>


Styleguide Components.forms.forminputs.build
*/
/*
Layout

Form inputs should always be listed vertically, with form labels and questions above inputs,
 and never horizontally displayed.

Markup:

<form class="form" style="display: inline-block;">
	<label class="form__label">label</label>
	<i class="material-icons" style="color: #59A448;">check_circle</i>
	<input type="text" class="form__input">
</form>

<form class="form">
	<i class="material-icons" style="color: #DC143C;">highlight_off</i>
	<label class="form__label" style="display: inline;">label</label>
	<input type="text" class="form__input">
</form>

Styleguide Components.forms.forminputs.layout
*/
/*
Short Text Input

Text inputs may or may not have ghost text. Text inputs without ghost text are required to show a label.
Input has 12px padding.

Markup:
<form class="form">
	<label class="form__label">label</label>
	<input type="text" class="form__input">
</form>
<form class="form form--user-text">
	<label class="form__label" >label</label>
	<input type="text" class="form__input" placeholder="User Text">
</form>
<form class="form form--user-text form--ghost-text">
	<label class="form__label" >label</label>
	<input type="text" class="form__input" placeholder="Ghost Text">
</form>
<form class="form form--focused">
	<label class="form__label" >Focused Input Field</label>
	<input type="text" class="form__input" >
</form>

Styleguide Components.forms.forminputs.shorttextinput

*/
/*
Long Answer Text Input

Long answer text inputs should have the ability to drag and resize the container vertically on desktop.
Container has 20px padding. Desktop has a minimum height of 112px (3 lines of text).

Markup:
<form class="form form--medium">
	<label class="form__label">label <span style="font-weight: 100;"> Minimum Default Size (3 lines of text)</span></label>
	<textarea type="text" class="form__textarea" rows="3">Text inputs may or may not have ghost text. Text inputs without ghost text are required to show a label.Text inputs may or may not have ghost text. Text inputs without ghost text are required </textarea>
</form>
<form class="form form--medium">
	<label class="form__label">label <span style="font-weight: 100;">Maximum Default Size (5 lines of text)</span></label>
	<textarea type="text" class="form__textarea" rows="5">Text inputs may or may not have ghost text. Text inputs without ghost text are required to show a label.Text inputs may or may ghost text are required to show a label.Text inputs may or may ghost text are required to show a label.Text inputs may or may ghost text are required to show a label.Text inputs may or may</textarea>
</form>

Styleguide Components.forms.forminputs.longanswertextinput
*/
/*
Dropdowns

For unanswered dropdown questions use the grey dropdown.
Once a question is answered the dropdown should change to the white dropdown.
In some cases, depending on the background color, only white dropdowns may be used for both
answered and unanswered questions. Open dropdown lengths should not exceed 50% browser height.

Markup:
<table>
	<tbody>
		<tr>
			<th></th>
			<th>Grey Dropdown</th>
			<th>White Dropdown</th>
		</tr>
		<tr>
			<td >Focus</td>
			<td rowspan="4">
				<form>
					<div class="dropdown">
						<button
							class="dropdown-toggle dropdown-toggle--gray"
							type="button"
							id="dropdownMenuButton"
							data-toggle="dropdown"
							aria-haspopup="true"
							aria-expanded="false"
						>
							Select an answer
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
							<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
						</ul>
					</div>
				</form>	
			</td>
			<td rowspan="4">
				<form>
					<div class="dropdown">
						<button
							class="dropdown-toggle dropdown-toggle--white"
							type="button"
							id="dropdownMenuButton"
							data-toggle="dropdown"
							aria-haspopup="true"
							aria-expanded="false"
						>
							Select an answer
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
							<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
						</ul>
					</div>
				</form>
			</td>
		</tr>
		<tr>
			<td >Closed</td>
			<td></td>
		</tr>
		<tr>
			<td>Open</td>
			<td></td>
		</tr>
		<tr>
			<td>Hover/Selection</td>
			<td></td>
		</tr>
		<tr>
			<th>&nbsp;</td>
			<th>Grey Dropdown Dropshadow</td>
			<th>White Dropdown Dropshadow</td>
		</tr>
		<tr>
			<td>Focus</td>
			<td rowspan="4">
				<form>
					<div class="dropdown dropdown--dropshadow">
						<button
							class="dropdown-toggle dropdown-toggle--gray"
							type="button"
							id="dropdownMenuButton"
							data-toggle="dropdown"
							aria-haspopup="true"
							aria-expanded="false"
						>
							Select an answer
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
							<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
						</ul>
					</div>
				</form>
			</td>
			<td rowspan="4">
				<form>
					<div class="dropdown dropdown--dropshadow">
						<button
							class="dropdown-toggle dropdown-toggle--white"
							type="button"
							id="dropdownMenuButton"
							data-toggle="dropdown"
							aria-haspopup="true"
							aria-expanded="false"
						>
							Select an answer
						</button>
						<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
							<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
							<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
						</ul>
					</div>
				</form>	
			</td>
		</tr>
		<tr>
			<td>Closed</td>
			<td></td>
		</tr>
		<tr>
			<td>Open</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
		<tr>
			<td>Hover/Selection</td>
			<td>&nbsp;</td>
			<td>&nbsp;</td>
		</tr>
	</tbody>
</table>

Styleguide Components.forms.dropdown
*/
/*
Checkboxes

Markup:
<table>
	<tbody>
		<tr>
			<th>Checkboxes</th>
			<th></th>
		</tr>
		<tr>
			<td>
				<form>
					<label class="styled-checkbox">
						<input type="checkbox">
						<span class="icon"></span><span class="text">Option 1</span>
					</label>
				</form>
			</td>
			<td>
				<form>
					<label class="styled-checkbox">
						<input type="checkbox" disabled>
						<span class="icon"></span><span class="text">Disabled checkbox</span>
					</label>
				</form>
			</td>
		</tr>
		<tr>
			<td>
				<form>
					<label class="styled-checkbox">
						<input type="checkbox" checked>
						<span class="icon"></span><span class="text">Disabled checkbox</span>
					</label>
				</form>
			</td>
			<td>
				<form>
					<label class="styled-checkbox">
						<input type="checkbox" checked disabled>
						<span class="icon"></span><span class="text">Disabled checkbox checked</span>
					</label>
				</form>
			</td>
		</tr>
	</tbody>
</table>

Styleguide Components.forms.checkboxes

*/
/*
Radios

Markup:
<table>
	<tbody>
		<tr>
			<th>Radios</th>
			<th></th>
		</tr>
		<tr>
			<td>
				<form>
					<label class="styled-radio">
						<input type="radio">
						<span class="icon"></span><span class="text">Option 1</span>
					</label>
				</form>
			</td>
			<td>
				<form>
					<label class="styled-radio">
						<input type="radio" disabled>
						<span class="icon"></span><span class="text">Disabled radio</span>
					</label>
				</form>
			</td>
		</tr>
		<tr>
			<td>
				<form>
					<label class="styled-radio">
						<input type="radio" checked>
						<span class="icon"></span><span class="text">Option 2</span>
					</label>
				</form>
			</td>
			<td>
				<form>
					<label class="styled-radio">
						<input type="radio" checked disabled>
						<span class="icon"></span><span class="text">Disabled radio checked</span>
					</label>
				</form>
			</td>
		</tr>
	</tbody>
</table>

Styleguide Components.forms.radiobuttons

*/
/*
Segmented Radios

<table>
	<tbody>
		<tr>
			<th>Segmented Radios</th>
		</tr>
		<tr>
			<td>On background colors:</td>
			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td rowspan="6">
				<div style="position: relative;">
					<div style="background-color: #F5F7F7; width: 150px;height: 332px; display: inline-block;"></div>
					<div style="background-color: #0F4880; width: 150px;height: 332px; display: inline-block;"></div>
					<div style="background-color: #0A3055; width: 150px;height: 332px; display: inline-block;"></div>
					<div style="position: absolute; top: 40px; left: 75px; right: 75px;">
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary" style="width: 300px;">
								<input type="checkbox" checked> Option 1
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary active" style="width: 300px;">
								<input type="checkbox" checked> Option 2
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary" style="width: 300px;">
								<input type="checkbox" checked> Option 3
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons">
							<label class="btn btn-white-primary" style="width: 300px;">
								<input type="checkbox" checked> Option 4
							</label>
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>#F5F7F7</td>
		</tr>
		<tr>
			<td>#0F4880</td>
		</tr>
		<tr>
			<td>#0A3055</td>
		</tr>
		<tr>
			<td>Inactive:<br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-white-primary">
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr>
			<td>Hover/Active: <br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-white-primary active" >
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr><td>&nbsp;</td></tr>
		<tr>
			<td>On background colors:</td>
			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td rowspan="4">
				<div style="position: relative;">
					<div style="background-color: #006FBB;; width: 288px; height: 332px; display: inline-block;"></div>			
					<div style="position: absolute; top: 40px; left: 40px; right: 40px;">
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 1
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary btn--blue-md active" style="width: 208px;">
								<input type="checkbox" checked> Option 2
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 3
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons">
							<label class="btn btn-white-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 4
							</label>
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>#006FBB</td>
		</tr>
		<tr>
			<td>Inactive:<br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-white-primary btn--blue-md">
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr>
			<td>Hover/Active: <br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-white-primary btn--blue-md active" >
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr><td>&nbsp;</td></tr>
		<tr>
			<td>On background colors:</td>
			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td rowspan="4">
				<div style="position: relative;">
					<div style="background-color: #FFFFFF; border: 1px solid #E3E5E6; width: 288px; height: 332px; display: inline-block;"></div>			
					<div style="position: absolute; top: 40px; left: 40px; right: 40px;">
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 1
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-primary btn--blue-md active" style="width: 208px;">
								<input type="checkbox" checked> Option 2
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 3
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons">
							<label class="btn btn-primary btn--blue-md" style="width: 208px;">
								<input type="checkbox" checked> Option 4
							</label>
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>#FFFFFF</td>
		</tr>
		<tr>
			<td>Inactive:<br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-primary btn--blue-md">
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr>
			<td>Hover/Active: <br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-primary btn--blue-md active" >
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr><td>&nbsp;</td></tr>
		<tr>
			<td>On background colors:</td>
			<td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
			<td rowspan="4">
				<div style="position: relative;">
					<div style="background-color: #FFFFFF; border: 1px solid #E3E5E6; width: 288px; height: 332px; display: inline-block;"></div>			
					<div style="position: absolute; top: 40px; left: 40px; right: 40px;">
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary" style="width: 208px;">
								<input type="checkbox" checked> Option 1
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary active" style="width: 208px;">
								<input type="checkbox" checked> Option 2
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons" style="margin-bottom: 20px;">
							<label class="btn btn-white-primary " style="width: 208px;">
								<input type="checkbox" checked> Option 3
							</label>
						</div>
						<div class="btn-group-toggle" data-toggle="buttons">
							<label class="btn btn-white-primary " style="width: 208px;">
								<input type="checkbox" checked> Option 4
							</label>
						</div>
					</div>
				</div>
			</td>
		</tr>
		<tr>
			<td>#FFFFFF</td>
		</tr>
		<tr>
			<td>Inactive:<br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-white-primary ">
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
		<tr>
			<td>Hover/Active: <br/>
				<div class="btn-group-toggle" data-toggle="buttons">
					<label class="btn btn-primary active" >
						<input type="checkbox" checked> Option 1
					</label>
				</div>
			</td>
		</tr>
	</tbody>
</table>

Styleguide Components.forms.segmetedradios

*/
/*
Text Field/Button Combo

Markup:
<form>
  <div class="form-group row">
    <div class="col-sm-10">
      <input type="text" class="form-control" placeholder="Enter zip code">
	</div>
    <button type="submit" class="btn btn-warning">Start</button>
  </div>
</form>

Styleguide Components.forms.textfieldbuttoncombo
*/
/*
Errors

Form Submission Error Message<br>
<br>
When a user attempts a form submission without completing all of the required fields,
without completing all of the required fields correctly, or attempts to submit the same information
for a second time the form submission error message should appear above the submission button,
& the field error badges should appear accompanying each field with an error.
Error message widths are flexible with widths determined by design on a case by case basis.
If widths are not determined by design error message widths should default to fill 100%
of the container they live in.

Markup:
<form class="form">
	<label class="form__label">First Name</label> 	
	<input type="text" class="form__input">
	<label class="form__label--error">Required Field</label>
</form>
<form class="form">
	<label class="form__label">Last Name</label> 	
	<input type="text" class="form__input">
	<label class="form__label--error">Required Field</label>
</form>
<form class="form">
	<label class="form__label">Phone Number</label> 	
	<input type="text" class="form__input">
	<label class="form__label--error">Required Field</label>
</form>
<form class="form">
	<label class="form__label">Email</label> 	
	<input type="text" class="form__input">
	<label class="form__label--error">Invalid email address format</label>
</form>

Styleguide Components.forms.errors

*/
/*
Optional Field

<br>
When designing and building form fields it is assumed that all fields are required
unless noted otherwise by the “Optional” label exemplified below.
The “Optional” label should be inline with the label text.
The “Optional” label is to use the font “Nunito Sans Light” and made italic with css.

Markup:
<form class="form" style="display: inline-block;">
	<label class="form__label">label <i>optional</i></label> 	
	<input type="text" class="form__input">
</form>
<br>
<form class="form" style="display: inline-block;">
	<label class="form__label form__label--long">Super long label that breaks into two lines <i>optional</i></label> 	
	<input type="text" class="form__input">
</form>

Styleguide Components.forms.optionalfield

*/
/*
AOP/Location Entry

The following are lead path entry forms.
They request Zip code and/or Practice Area inputs.
<br>
<br>
<b>Vertical Input Path Entry</b>
<br>
This is the structure that is used on mobile’s bottom lead path entry.
Markup:
<form class="form" >
	<label class="form__label">Practice Area</label>
	<div class="dropdown dropdown--dropshadow">
		<button
			class="dropdown-toggle dropdown-toggle--gray"
			type="button"
			id="dropdownMenuButton"
			data-toggle="dropdown"
			aria-haspopup="true"
			aria-expanded="false"
		>
			Select an answer
		</button>
		<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
			<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
		</ul>
	</div>
</form>
<form class="form" style="display: inline-block;">
	<label class="form__label">Zip Code</label> 	
	<input type="text" class="form__input" placeholder="Enter Zip Code">
</form>
<br>
<b>Horizontal Input Path Entry</b>
<br>
<br>
This is the structure that is used on desktop’s home page.
<br>
<form class="form" style="display: inline-block;">
	<label class="form__label">Practice Area</label>
	<div class="dropdown dropdown--dropshadow">
		<button
			class="dropdown-toggle dropdown-toggle--gray"
			type="button"
			id="dropdownMenuButton"
			data-toggle="dropdown"
			aria-haspopup="true"
			aria-expanded="false"
		>
			Select an answer
		</button>
		<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
			<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
			<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
		</ul>
	</div>
</form>
<form class="form" style="display: inline-block;" >
	<label class="form__label">Zip Code</label> 	
	<input type="text" class="form__input" placeholder="Enter Zip Code">
</form>

Styleguide Components.forms.AOPLocationEntry

*/
/*
Bottom Lead Path Entry

This lead path is designed to live at the bottom of a page directly above the footer.
<br>
<br>
<b>Mobile</b>
<br>
Markup:
<div class="card card-flat">
	 <div class="card-body">
		 <h3 class="card-title">Talk to a Lawyer</h3>
		 <p class="card-text">Need a lawyer? Start here.</p>
		 <form class="form">
			<label class="form__label">Practice Area</label>
			<div class="dropdown">
				<button
					class="dropdown-toggle dropdown-toggle--white"
					type="button"
					id="dropdownMenuButton"
					data-toggle="dropdown"
					aria-haspopup="true"
					aria-expanded="false"
				>
					Select an answer
				</button>
				<ul class="dropdown-menu" aria-labelledby="dropdownMenu">
					<li><a class="dropdown-item" href="#" data-value="">Accidents & Injuries</a></li>
					<li><a class="dropdown-item" href="#" data-value="">Bankruptcy</a></li>
					<li><a class="dropdown-item" href="#" data-value="">Business Formation: LLCs & Corporations</a></li>
					<li><a class="dropdown-item" href="#" data-value="">Criminal Law</a></li>
				</ul>
			</div>
			<label class="form__label">Zip Code</label> 	
			<input type="text" class="form__input" placeholder="Enter Zip Code">
			<button class="btn btn-success">Search</button>
		</form>
		<div class="card-description">
			<h4 class="card-description__title">How it Works</h4>
			<ol>
				<li>Briefly tell us about your case</li>
				<li>Provide your contact information</li>
				<li>Choose attorneys to contact you</li>
			</ol>			
		</div>
	 </div>		
</div>

Styleguide Components.forms.bottomleadpathentry

*/
.form__label {
  color: #272727;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 600;
  text-align: left;
  display: block;
  width: 296px;
  margin-top: 20px;
  margin-right: 0px;
  margin-bottom: 8px;
  margin-left: 0px;
  font-size: 16;
  font-size: 1.6rem;
  line-height: 1.25;
}
.form__label--long {
  font-weight: 800;
}
.form__label--long i {
  font-weight: 300;
}
.form__label--error {
  color: #DC143C;
  display: block;
  font-weight: 300;
}

.form input {
  background-color: #fff;
  border: 1px solid #C7C7C7;
  width: 100%;
  height: 48px;
  padding-top: 12px;
  padding-right: 12px;
  padding-bottom: 12px;
  padding-left: 12px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 20px;
  margin-left: 0px;
}

.form input:focus::-moz-placeholder {
  color: transparent;
}

.form input:focus:-ms-input-placeholder {
  color: transparent;
}

.form input:focus::placeholder {
  color: transparent;
}

.form--focused input:focus {
  border: 1px solid #2093D2;
}

.form--user-text input {
  font-weight: 300;
  text-align: left;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}

.form--user-text input::-moz-placeholder {
  color: #272727;
}

.form--user-text input:-ms-input-placeholder {
  color: #272727;
}

.form--user-text input::placeholder {
  color: #272727;
}

.form--ghost-text input::-moz-placeholder {
  color: #595959;
}

.form--ghost-text input:-ms-input-placeholder {
  color: #595959;
}

.form--ghost-text input::placeholder {
  color: #595959;
}

.form textarea {
  background-color: #fff;
  border: 1px solid #C7C7C7;
  padding: 20px;
}

.form--medium textarea {
  width: 552px;
  height: 112px;
}

.form--maximun textarea {
  width: 552px;
  height: 160px;
}

form .dropdown {
  width: 100%;
}

form .dropdown-toggle {
  border: 1px solid #C7C7C7;
  border-radius: 2px;
  width: 100%;
  height: 48px;
  color: #272727;
  font-weight: 300;
  text-align: left;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  padding-top: 12px;
  padding-right: 44px;
  padding-bottom: 12px;
  padding-left: 20px;
}

form .dropdown-toggle--gray {
  background-color: #F5F7F7;
}

form .dropdown-toggle--white {
  background-color: #fff;
}

form .dropdown--dropshadow {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
}

form .dropdown-toggle::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 50%;
  border-color: #272727 transparent transparent;
}

form .dropdown-menu {
  background-color: #fff;
  border: 1px solid #C7C7C7;
  border-radius: 0 0 2px 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
}

form .dropdown-menu > li a {
  color: #272727;
  font-weight: 300;
  text-align: left;
  white-space: pre-wrap;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.1111111111;
  padding-top: 8px;
  padding-right: 20px;
  padding-bottom: 8px;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: 20px;
}

form .dropdown-menu .dropdown-item:hover {
  background-color: #006FBB;
  color: #fff;
}

form .dropdown.show .dropdown-toggle::after {
  transform: rotate(-90deg);
}

.form-check-input {
  background-color: #fff;
  border: 1px solid #8F8F8F;
  border-radius: 2px;
  width: 20px;
  height: 20px;
}

.form-check-label {
  color: #272727;
  font-weight: 300;
  text-align: left;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  margin-left: 1.2rem;
}

.btn-group-toggle {
  border-radius: 2px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);
  width: 208px;
  height: 48px;
}

.btn-group-toggle > .btn {
  width: 208px;
  font-weight: 600;
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  text-align: center;
}

.btn:not(:disabled):not(.disabled).active {
  background-color: #2093D2;
  color: #fff;
}

.btn:not(:disabled):not(.disabled):not(.btn-success):hover {
  background-color: #2093D2;
  color: #fff;
}

.btn:not(:disabled):not(.disabled).btn--blue-md.active {
  background-color: #0A3055;
}

.btn:not(:disabled):not(.disabled).btn--blue-md:hover {
  background-color: #0A3055;
  color: #fff;
}

.btn-group-toggle > .btn.btn--blue {
  background-color: #2093D2;
}

.img-fluid {
  width: 100% \9 ;
}

a {
  font-weight: 300;
}
a:hover {
  color: #006FBB;
  text-decoration: underline;
}
a.link__color--orange {
  color: #F55D25;
}
a.link__color--orange:hover {
  color: #D43900;
}
a.link__color--green {
  color: #59A448;
}
a.link__color--green:hover {
  color: #008040;
}
a.link__color--black {
  color: #272727;
}
a.link__color--black:hover {
  color: #006FBB;
}
a.link__color--gray-medium {
  color: #8F8F8F;
}
a.link__color--gray-medium:hover {
  color: #006FBB;
}
a.link__color--gray-dark-medium {
  color: #595959;
}
a.link__color--gray-dark-medium:hover {
  color: #006FBB;
}

ul,
ul.list {
  padding-left: 32px;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #272727;
}
ul li,
ul.list li {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 12px;
  font-weight: 300;
}
ul li:last-child,
ul.list li:last-child {
  margin-bottom: 0px;
}

.list--orange {
  list-style: none;
  padding-left: 20px;
}
.list--orange li:before {
  content: "•";
  color: #F55D25;
  margin-right: 0.75rem;
  font-size: 24px;
}

.list--dropdown {
  list-style: none;
  padding: 0px;
}
.list--dropdown li {
  line-height: 20px;
  margin-bottom: 20px;
}
.list--dropdown li:last-child {
  margin-bottom: 0px;
}

.modal-header {
  border: none;
  -ms-flex-direction: column-reverse;
      flex-direction: column-reverse;
  padding: 0px;
}
.modal-header h5 {
  width: 100%;
  font-size: 24px;
  font-weight: 800;
  line-height: 32px;
  text-align: center;
  margin-top: 20px;
}
.modal-header button {
  padding: 0px;
}
.modal-header button span {
  font-size: xx-large;
}

.modal-content {
  height: 289px;
  width: 280px;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.5);
  border-radius: 0.3rem;
  background-color: #fff;
  padding: 20px;
  vertical-align: middle;
}

.modal-body {
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  text-align: center;
  border-bottom: 1px solid #595959;
  margin-bottom: 24px;
  margin-top: 8px;
  padding: 0px;
}
.modal-body p {
  color: #595959;
}

.modal-footer {
  -ms-flex-direction: column;
      flex-direction: column;
  padding: 0px;
  border-top: none;
}
.modal-footer .button-action {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  width: 240px;
  margin-bottom: 8px;
}
.modal-footer .close {
  color: #595959;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  text-decoration: underline;
}
.modal-footer .cancel, .modal-footer .close {
  display: none;
}

.modal-backdrop {
  /*z-index: 0;*/
}

.link-close .modal-header button {
  display: none;
}
.link-close .modal-header .modal-title {
  margin: 0px;
}
.link-close .modal-content {
  height: 333px;
}
.link-close .modal-footer .close, .link-close .modal-footer .cancel {
  display: inline-block;
}

.secondary-button-close .modal-header button {
  display: none;
}
.secondary-button-close .modal-header .modal-title {
  margin: 0px;
}
.secondary-button-close .modal-content {
  height: 305px;
}
.secondary-button-close .modal-footer .cancel {
  display: inline-block;
}

@media (min-width: 600px) {
  .modal-header h5 {
    font-size: 28px;
    margin-top: 12px;
  }

  .modal-content {
    width: 544px;
    height: 264px;
    padding: 32px;
  }

  .modal-footer {
    -ms-flex-direction: row;
        flex-direction: row;
  }
  .modal-footer .cancel {
    display: inline-block;
  }

  .secondary-button-close .modal-header button, .link-close .modal-header button {
    display: inline-block;
  }

  .link-close .modal-content {
    height: 264px;
  }
  .link-close .modal-footer .close {
    display: none;
  }
}
.navbar-brand {
  font-size: 2rem;
}

nav.navbar .form-control, nav.navbar .btn {
  font-size: 1.6rem;
}

.dropdown, .dropdown .dropdown-menu {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.dropdown .dropdown-toggle {
  display: block;
}

.dropdown li:hover {
  position: relative;
}

.dropdown li:hover > .dropdown-menu {
  display: block;
  position: absolute;
  top: -11px;
  left: 80px;
}

.dropdown > li:hover > .dropdown-menu {
  left: -30px;
  top: 16px;
}

.placementExample .fixed-top {
  margin: -1.5rem -1.5rem 1rem;
  position: static;
}
.placementExample .fixed-bottom {
  margin: 1rem -1.5rem -1.5rem;
  position: static;
}

.nav-tabs {
  margin-bottom: 1rem;
}

.dropdown-menu {
  font-size: 1.6rem;
}

.pagination {
  -ms-flex-pack: justify;
      justify-content: space-between;
  margin-top: 32.5px;
  margin-bottom: 40px;
  -ms-flex-align: center;
      align-items: center;
  display: grid;
  grid-template-columns: auto auto auto;
}
.pagination-elements {
  grid-column: 2/3;
}
.pagination-elements .page-item {
  width: 44px;
  height: 40px;
}
.pagination .page-item {
  text-align: center;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-pack: center;
      justify-content: center;
  margin: 0px;
}
.pagination .page-item a {
  color: #272727;
  text-decoration: none;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-align: center;
      align-items: center;
}
.pagination .page-item:hover a, .pagination .page-item:hover i {
  color: #006FBB !important;
}
.pagination .page-item i {
  color: #8F8F8F;
}
.pagination .active {
  border: 1px solid #8F8F8F;
  border-radius: 2px;
}
.pagination .page-link {
  border: none;
  color: #272727 !important;
  margin: 0px;
  background-color: #fff !important;
  padding: 8px 4px;
}
.pagination .previous,
.pagination .next {
  display: none;
}

@media (min-width: 600px) {
  .pagination .previous,
.pagination .next {
    display: unset;
  }
}
@media (min-width: 1200px) {
  .pagination {
    width: 815px;
  }
}
.c-ibcontent-pullquote blockquote {
  margin: 2rem auto;
  border-left: 4px #F55D25 solid;
}
.c-ibcontent-pullquote blockquote p {
  padding-left: 24px;
  color: #8F8F8F;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 18.6667px;
  font-weight: 300;
  line-height: 32px;
  text-align: left;
  margin-top: 0;
}
.c-ibcontent-pullquote blockquote p:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .c-ibcontent-pullquote blockquote p {
    padding-left: 16px;
    color: #595959;
    font-size: 22px;
    line-height: 28px;
  }
}
.c-ibcontent-pullquote blockquote footer {
  display: block;
  padding-top: 12px;
}
.c-ibcontent-pullquote blockquote footer p {
  color: #272727;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
  text-align: left;
}
.c-ibcontent-pullquote blockquote footer p:before {
  content: "– ";
}

.c-ibcontent-sidebar {
  border-left: 4px #F55D25 solid;
}
.c-ibcontent-sidebar .c-ibcontent-sidebar__header {
  font-weight: 700 !important;
}
.c-ibcontent-sidebar .c-ibcontent-sidebar__header,
.c-ibcontent-sidebar .c-ibcontent-sidebar__body {
  padding-left: 24px;
  color: #8F8F8F;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 28px;
  text-align: left;
}
@media (max-width: 600px) {
  .c-ibcontent-sidebar .c-ibcontent-sidebar__header,
.c-ibcontent-sidebar .c-ibcontent-sidebar__body {
    padding-left: 16px;
  }
}

.c-ibcontent-secret {
  background: #FFFFFF;
  border: 2px solid #F55D25;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 34px;
  position: relative;
  margin-top: 54px;
  width: 100%;
}
.c-ibcontent-secret .c-ibcontent-secret__header {
  text-align: center;
  background-color: #fff;
  width: 156px;
  height: 24px;
  border-radius: 4px;
  position: absolute;
  left: 26px;
  top: -14px;
  font-style: italic;
  padding: 0 8px;
}
.c-ibcontent-secret .c-ibcontent-secret__header p {
  color: #f55d25;
  border-radius: 4px;
  height: 32px;
  font-weight: 800;
  margin: 0;
}
.c-ibcontent-secret .c-ibcontent-secret__body h2 {
  font-size: 24px;
  margin-top: 8px !important;
  margin-bottom: 14px;
}
.c-ibcontent-secret .c-ibcontent-secret__body p {
  font-size: 16px;
  margin-bottom: 0;
}

.c-ibcontent-sidebar.sidebar-disability-secret {
  background: #FFFFFF;
  border: 2px solid #F55D25;
  box-sizing: border-box;
  border-radius: 8px;
  padding: 34px;
  position: relative;
  margin-top: 54px;
  width: 100%;
}
.c-ibcontent-sidebar.sidebar-disability-secret .c-ibcontent-sidebar__type {
  text-align: center;
  background-color: #fff;
  width: 156px;
  height: 24px;
  border-radius: 4px;
  position: absolute;
  left: 26px;
  top: -14px;
  font-style: italic;
  padding: 0 8px;
  color: #f55d25;
  border-radius: 4px;
  height: 32px;
  font-weight: 800;
  margin: 0;
}
.c-ibcontent-sidebar.sidebar-disability-secret .c-ibcontent-sidebar__header {
  color: #272727;
  font-size: 2.2rem;
  margin-top: 2.4rem;
  margin-bottom: 1.2rem;
  padding-left: 0;
}
.c-ibcontent-sidebar.sidebar-disability-secret .c-ibcontent-sidebar__body {
  color: #272727;
  padding-left: 0;
}

.scrollspy-example .scrollspy-content {
  overflow-y: scroll;
  height: 200px;
  margin-top: 0.5rem;
  position: relative;
}

.scrollspy-example .navbar-brand {
  font-size: 1.8rem;
}
.scrollspy-example .scrollspy-example-nested {
  position: relative;
  height: 350px;
  overflow: auto;
}

.scrollspy-example .scrollspy-example-list {
  height: 200px;
  margin-top: 0.5rem;
  overflow: auto;
  position: relative;
}

.badge {
  background-color: #C7C7C7;
  color: #fff;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  height: 4rem;
  line-height: 2.4rem;
  padding: 0.8rem 0;
  text-align: center;
  width: 28rem;
}
.badge.badge-blue {
  background-color: #2093D2;
}
.badge.badge-orange {
  background-color: #F55D25;
}
.badge.badge-blue-dark {
  background-color: #0F4880;
}
.badge.badge-black {
  background-color: #272727;
}

.table {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  width: 320px;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.table thead {
  background-color: #e9ecef;
  border-radius: 2px 2px 0 0;
  height: 44px;
}
.table thead tr {
  color: #495057;
  font-size: 20px;
  line-height: 28px;
  text-align: left;
}
.table thead tr th {
  font-weight: 600;
  padding: 8px 16px;
}
.table tbody {
  color: #272727;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  width: 288px;
  text-align: left;
  border: 1px solid #C7C7C7;
}

.secondary-table-head {
  color: #272727;
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  text-align: left;
  background-color: #F5F7F7;
  border: 1px solid #E3E5E6;
  width: 420px;
}

.third-table-head {
  color: #272727;
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
  width: 25%;
  text-align: left;
}

.multiple-table-head {
  display: block;
  overflow: auto;
  white-space: nowrap;
}
.multiple-table-head tbody tr td {
  border: 1px solid #E3E5E6;
  padding: 8px 16px;
}

.single-table-data tbody tr td {
  padding: 20px 16px;
}

@media (min-width: 600px) {
  .table {
    width: 708px;
  }
  .table thead tr {
    font-size: 22px;
  }

  .multiple-table-head {
    overflow: hidden;
  }
}
.table-overflow-container {
  overflow-x: scroll;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  width: 100%;
}
.table-overflow-container table {
  width: 708px;
}
@media (min-width: 1200px) {
  .table-overflow-container table {
    width: unset;
  }
}
.table-overflow-container table tr {
  height: 56px;
}
.table-overflow-container table tr td {
  padding: 16px;
  color: #272727;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 24px;
  border: 1px solid #C7C7C7;
}
.table-overflow-container table tr td p {
  margin: 0;
}
.table-overflow-container table tr:first-child {
  background-color: #0A3055;
  border-radius: 2px 2px 0 0;
  font-family: "Nunito Sans", Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
  height: 44px;
}
.table-overflow-container table tr:first-child td {
  padding-left: 16px;
  padding-top: 8px;
  padding-bottom: 8px;
  color: #fff;
}

.table-overflow-container::-webkit-scrollbar {
  width: 36px;
  height: 36px;
}
@media (min-width: 1200px) {
  .table-overflow-container::-webkit-scrollbar {
    width: 0;
    height: 0;
  }
}

.table-overflow-container::-webkit-scrollbar-track {
  background-color: #fff;
}

.table-overflow-container::-webkit-scrollbar-thumb {
  background-color: #E3E5E6;
  border-radius: 18px;
  border: 12px solid #fff;
}

/*
Tabs

The following are the tab states

Styleguide Components.tabs
*/
/*
States

Markup:
<div class="tab">
    <button class="btn btn-primary {{modifier_class}}">Product Details</button>
</div>

<b>Transition Timing Between States </b>
<br>200ms ease

:hover - When user hovers over the tab.
.active - When the tab is active.
.inactive - When the tab is inactive.

Styleguide Components.tabs.states
*/
/*
Build

<b>Tab text:</b>
12px padding

<br><b>Tabs:</b>
8px margin between each
border-radius 2px; 2px; 0px; 0px

<br>

<b>2 Tabs</b> 50% container width

<br>
<div style="border-bottom: 1px solid #DC143C;">
 <div class="tab" style="display: inline-block;">
     <button class="btn btn-primary">Product Details</button>
     <button class="btn btn-primary">About the Author</button>
 </div>
</div>

<br><br><br><b>3 - 5 Tabs</b> 100% container width

<br><div style="border-bottom: 1px solid #DC143C;">
 <div class="tab" style="display: inline-block;">
     <button class="btn btn-primary">Product Details</button>
     <button class="btn btn-primary">About the Author</button>
     <button class="btn btn-primary">Table of Contents</button>
 </div>
</div>

<br><br><br><div style="border-bottom: 1px solid #DC143C;">
 <div class="tab" style="display: inline-block;">
     <button class="btn btn-primary">Product Details</button>
     <button class="btn btn-primary">About the Author</button>
     <button class="btn btn-primary">Table of Contents</button>
     <button class="btn btn-primary">Sample Chapter</button>
 </div>
</div>

<br><br><br><div style="border-bottom: 1px solid #DC143C;">
  <div class="tab" style="display: inline-block;">
     <button class="btn btn-primary">Product Details</button>
     <button class="btn btn-primary">About the Author</button>
     <button class="btn btn-primary">Table of Contents</button>
     <button class="btn btn-primary">Sample Chapter</button>
     <button class="btn btn-primary">Download Updates</button>
 </div>
</div>

Styleguide Components.tabs.build
*/
.tab {
  border: none;
  border-radius: 2px 2px 0 0;
  margin-right: 8px;
  font-size: 18px;
  padding: 12px;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tab .active {
  background-color: #2093D2;
}
.tab .inactive {
  background-color: #F5F7F7;
  border: 1px solid #E3E5E6;
  color: #272727 !important;
  pointer-events: none;
}
.tab button:hover {
  transition-timing-function: ease;
  transition: 0.2s;
  background-color: #006FBB !important;
}
.tab button:not(:last-child) {
  margin-right: 0.8rem;
}

.tooltip__background--light .tooltip-inner {
  background-color: rgba(15, 72, 128, 0.95);
  border-radius: 0.25rem;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  padding: 0.75rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tooltip__background--dark .tooltip-inner {
  background-color: rgba(255, 255, 255, 0.95);
  border-radius: 0.25rem;
  box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.2);
  color: #272727;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 24px;
  text-align: left;
  padding: 0.75rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.tooltip__background--light .tooltip.bs-tooltip-top .arrow:before {
  border-top-color: rgba(15, 72, 128, 0.95);
}

.tooltip__background--light .tooltip.bs-tooltip-right .arrow:before {
  border-right-color: rgba(15, 72, 128, 0.95);
}

.tooltip__background--light .tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: rgba(15, 72, 128, 0.95);
}

.tooltip__background--light .tooltip.bs-tooltip-left .arrow:before {
  border-left-color: rgba(15, 72, 128, 0.95);
}

.tooltip__background--dark .tooltip.bs-tooltip-top .arrow:before {
  border-top-color: rgba(255, 255, 255, 0.95);
}

.tooltip__background--dark .tooltip.bs-tooltip-right .arrow:before {
  border-right-color: rgba(255, 255, 255, 0.95);
}

.tooltip__background--dark .tooltip.bs-tooltip-bottom .arrow:before {
  border-bottom-color: rgba(255, 255, 255, 0.95);
}

.tooltip__background--dark .tooltip.bs-tooltip-left .arrow:before {
  border-left-color: rgba(255, 255, 255, 0.95);
}

.styled-checkbox,
.styled-radio {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  font-weight: 300;
  margin: 0 0 1.2rem;
}
.styled-checkbox:last-of-type,
.styled-radio:last-of-type {
  margin-bottom: 0;
}
.styled-checkbox .icon,
.styled-radio .icon {
  margin-top: -4px;
  width: 2rem;
  height: 2rem;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border: 0.1rem solid #8F8F8F;
  border-radius: 0.2rem;
  cursor: pointer;
}
.styled-checkbox input,
.styled-radio input {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 0.1rem;
  height: 0.1rem;
  overflow: hidden;
}
.styled-checkbox input:checked ~ .icon,
.styled-radio input:checked ~ .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
}
.styled-checkbox input:checked:disabled ~ .icon, .styled-checkbox input:disabled ~ .icon,
.styled-radio input:checked:disabled ~ .icon,
.styled-radio input:disabled ~ .icon {
  cursor: not-allowed;
  background-color: #F5F7F7;
}
.styled-checkbox input[type=radio] ~ .icon,
.styled-radio input[type=radio] ~ .icon {
  border-radius: 50%;
}
.styled-checkbox input[type=radio]:checked ~ .icon,
.styled-radio input[type=radio]:checked ~ .icon {
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27fas%27%20data-icon%3D%27circle%27%20class%3D%27svg-inline--fa%20fa-circle%20fa-w-16%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%232093D2%27%20d%3D%27M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.styled-checkbox input[type=radio]:checked:disabled ~ .icon,
.styled-radio input[type=radio]:checked:disabled ~ .icon {
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27fas%27%20data-icon%3D%27circle%27%20class%3D%27svg-inline--fa%20fa-circle%20fa-w-16%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%23C7C7C7%27%20d%3D%27M256%208C119%208%208%20119%208%20256s111%20248%20248%20248%20248-111%20248-248S393%208%20256%208z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.styled-checkbox input[type=checkbox]:checked ~ .icon,
.styled-radio input[type=checkbox]:checked ~ .icon {
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27fas%27%20data-icon%3D%27check%27%20class%3D%27svg-inline--fa%20fa-check%20fa-w-16%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%232093D2%27%20d%3D%27M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}
.styled-checkbox input[type=checkbox]:checked:disabled ~ .icon,
.styled-radio input[type=checkbox]:checked:disabled ~ .icon {
  background-image: url("data:image/svg+xml,%3Csvg%20aria-hidden%3D%27true%27%20focusable%3D%27false%27%20data-prefix%3D%27fas%27%20data-icon%3D%27check%27%20class%3D%27svg-inline--fa%20fa-check%20fa-w-16%27%20role%3D%27img%27%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%20512%20512%27%3E%3Cpath%20fill%3D%27%23C7C7C7%27%20d%3D%27M173.898%20439.404l-166.4-166.4c-9.997-9.997-9.997-26.206%200-36.204l36.203-36.204c9.997-9.998%2026.207-9.998%2036.204%200L192%20312.69%20432.095%2072.596c9.997-9.997%2026.207-9.997%2036.204%200l36.203%2036.204c9.997%209.997%209.997%2026.206%200%2036.204l-294.4%20294.401c-9.998%209.997-26.207%209.997-36.204-.001z%27%3E%3C%2Fpath%3E%3C%2Fsvg%3E");
}

.input-group--plain .input-group-prepend .input-group-text {
  padding-left: 2rem;
  padding-right: 0.5rem;
  border-right: none;
  background-color: transparent;
  font-size: inherit;
}
.input-group--plain .input-group-prepend + .form-control {
  padding-left: 0.8rem;
  border-left: none;
}
.input-group--plain .input-group-prepend + .form-control:focus {
  border-color: #ced4da;
  box-shadow: none;
}
.input-group--plain .input-group-append .input-group-text {
  padding-right: 0.5rem;
  border-left: none;
}

/*
 Search

 Quasar uses two types of cards for content organization.
 <br />
 Nav Search Bar
 See Nav-Search-Bar Artboards for specifications.
 See https://fiirf3.axshare.com for interaction & behavior

 Markup:
 <div class="container">
 <form class="search-bar search-bar--nolo" action="/">
 <div id="searchBarType" class="search-bar__type dropdown dropdown--dropshadow">
     <button
         class="dropdown-toggle dropdown-toggle--white"
         type="button"
         id="dropdownMenuButton"
         data-toggle="dropdown"
         aria-haspopup="true"
         aria-expanded="false"
     >
        <span class="caret">Lawyers</span>
     </button>
      <ul class="dropdown-menu" aria-labelledby="dropdownMenu">
          <li><a class="dropdown-item" data-value="all">All</a></li>
          <li><a class="dropdown-item" data-value="diyproducts">DIY Products</a></li>
          <li><a class="dropdown-item" data-value="lawyers">Lawyers</a></li>
          <li><a class="dropdown-item" data-value="articles">Articles</a></li>
      </ul>
 </div>
  <div class="search-bar__nolo">
      <i class="material-icons search-icon">search</i>
      <input type="text" placeholder="Search Nolo Here">
  </div>
  <div class="search-bar__lawyer" style="display: none">
      <div class="issue">
          <span>Issue: </span>
          <i class="material-icons search-icon">search</i>
          <input type="text" placeholder="e.g:Bankruptcy, etc.">
      </div>
      <div class="near">
          <span>Near: </span>
          <input type="text" placeholder="City & State or Zip Code">
      </div>
  </div>
 </form>
 </div>

 Styleguide Components.Search

*/
.navbar-branded-search {
  background-color: rgba(39, 39, 39, 0.9);
}

.search-bar {
  border-bottom: 0.1rem solid #8F8F8F;
}
.search-bar__type {
  margin-bottom: 1.6rem;
}
.search-bar__nolo {
  position: relative;
  margin-bottom: 1.6rem;
}
.search-bar__nolo input {
  padding-left: 2rem !important;
  width: 100%;
}
.search-bar__lawyer .issue,
.search-bar__lawyer .near {
  position: relative;
  width: 100%;
}
.search-bar__lawyer .issue span,
.search-bar__lawyer .near span {
  position: absolute;
  left: 2rem;
  top: 1.1rem;
}
.search-bar__lawyer .issue input,
.search-bar__lawyer .near input {
  padding: 0 0 0 7rem !important;
  font-weight: 600;
}
.search-bar__lawyer .issue {
  margin-bottom: 1.6rem;
}
.search-bar__lawyer .issue img {
  position: absolute;
  top: 1.1rem;
  right: 5px;
}
.search-bar__nolo input, .search-bar__lawyer input {
  height: 48px;
}
.search-bar--nolo {
  border-bottom: none !important;
  padding: 1.6rem 1.6rem;
  margin: 0 -15px;
}
.search-bar--nolo select,
.search-bar--nolo input {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.25);
  width: 100%;
}
.search-bar input {
  font-size: 18;
  font-size: 1.8rem;
  line-height: 1.1111111111;
  border: none;
  padding: 0 1rem 0 0;
}
.search-bar input:focus {
  box-shadow: none;
}
.search-bar .input-group-append {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-pack: center;
      justify-content: center;
}
.search-bar .btn-search {
  background: none;
  margin: 0;
  border: 0;
  padding: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
.search-bar .btn-search:hover {
  background-color: transparent !important;
}
.search-bar .btn-search:hover .material-icons {
  color: #F55D25;
}
.search-bar .btn-search .material-icons {
  color: #272727;
  font-size: 30px;
}
.search-bar .search-icon {
  position: absolute;
  top: 1rem;
  right: 1.6rem;
  color: #F55D25;
  font-weight: 400;
  line-height: 1.3333333333;
  font-size: 20px;
}

@media (min-width: 600px) {
  .search-bar {
    display: -ms-flexbox;
    display: flex;
  }
  .search-bar__type {
    height: 48px;
    margin-right: 1.6rem;
    margin-bottom: 0px;
    width: auto !important;
  }
  .search-bar__nolo {
    margin-bottom: 0px;
  }
  .search-bar__nolo, .search-bar__lawyer {
    width: 100%;
  }
  .search-bar--nolo {
    padding: 2.4rem 2.4rem;
  }
}
@media (min-width: 1200px) {
  .search-bar__lawyer input {
    border: 1px solid #C7C7C7 !important;
    border-radius: 0px;
    box-shadow: none;
  }
  .search-bar__lawyer .issue {
    margin-bottom: 0px;
  }
  .search-bar__type {
    margin-bottom: 0px;
  }
  .search-bar__nolo {
    margin-bottom: 0px;
  }
  .search-bar--nolo {
    padding-top: 3.2rem;
    padding-bottom: 3.2rem;
  }
}
#autocomplete-list {
  border: 1px solid #C7C7C7;
  box-shadow: 0px 2px 8px 0px rgba(0, 0, 0, 0.2);
  background-color: #ffffff;
  border-radius: 0 0 2px 2px;
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: 100%;
}
#autocomplete-list div {
  padding: 6px 0;
  padding-left: 20.5px;
  font-weight: 300;
  line-height: 2.4rem;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
@media screen and (min-width: 600px) {
  #autocomplete-list div {
    padding-left: 20px;
  }
}
#autocomplete-list div:hover, #autocomplete-list div:focus {
  text-decoration: underline;
}
#autocomplete-list div:first-child {
  padding-top: 12px;
}
#autocomplete-list div:last-child {
  padding-bottom: 12px;
}

#search-append {
  position: relative;
}

#location {
  position: relative;
}

.location-filter-container {
  display: none;
}

#consent_blackbar.ccpa_bottom {
  bottom: 0 !important;
  top: auto !important;
  background-color: #fff;
  box-shadow: 0 -2px 8px 0 #e2e2e2;
  position: fixed;
  width: 100%;
  z-index: 1000000;
}
#consent_blackbar.ccpa_bottom #truste-consent-track {
  background-color: rgba(16, 152, 219, 0.08) !important;
}
#consent_blackbar.ccpa_bottom #truste-consent-text {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
}
@media (max-width: 45em) {
  #consent_blackbar.ccpa_bottom #truste-consent-text {
    -ms-flex-pack: left;
        justify-content: left;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#consent_blackbar.ccpa_bottom .messagetext {
  -ms-flex-order: 1;
      order: 1;
  width: auto;
  display: inline-block;
}
@media (max-width: 45em) {
  #consent_blackbar.ccpa_bottom .messagetext {
    -ms-flex: 0 0 auto;
        flex: 0 0 auto;
  }
}
#consent_blackbar.ccpa_bottom #truste-cookie-button,
#consent_blackbar.ccpa_bottom #truste-privacy-button {
  text-decoration: none !important;
  color: #1098db !important;
  border: none !important;
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  padding: 0 !important;
  margin: 0 !important;
  width: auto;
  display: inline-block;
}
#consent_blackbar.ccpa_bottom #truste-cookie-button::before {
  content: "or get ";
  color: initial;
  margin-left: 0.4em;
}
#consent_blackbar.ccpa_bottom .truste-cookie-link {
  -ms-flex-order: 2;
      order: 2;
}
#consent_blackbar.ccpa_bottom .truste-cookie-link::before {
  content: "View our ";
  color: initial;
  margin-left: 0.4em;
}
#consent_blackbar.ccpa_bottom #truste-consent-button {
  font-family: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 16px;
  line-height: 24px;
  font-weight: 500 !important;
  background-color: #1098db;
  border-radius: 3px;
  width: 173px;
  height: 40px;
  float: none;
  margin: 0 0 0 25px;
  position: relative !important;
  top: auto;
}
#consent_blackbar.ccpa_bottom #truste-consent-button::before {
  content: "Okay" !important;
}
#consent_blackbar.ccpa_bottom #truste-consent-button img {
  display: none;
}
@media (max-width: 45em) {
  #consent_blackbar.ccpa_bottom #truste-consent-button {
    margin-left: 0;
    margin-top: 10px;
  }
}
#consent_blackbar.ccpa_bottom .truste-button1 {
  -ms-flex-order: 3;
      order: 3;
}
#consent_blackbar.ccpa_bottom .truste-button2 {
  -ms-flex-order: 4;
      order: 4;
}

.will-toc {
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.2);
  margin-bottom: 32px;
  padding: 0;
  width: 100%;
}

.will-toc-header {
  background-color: #0A3055;
  color: #fff;
  line-height: 28px;
  padding: 4px 24px;
  margin-bottom: 16px;
  font-size: 20px;
  height: 36px;
}

.will-toc .container {
  width: 100%;
  padding: 12px 24px 20px;
}

/* Unused styling (if needed add it to will TOC block directly)
aside.block-repositioned {
  display:none;
}
*/
.video-click-to-play {
  width: 560px;
  height: 315px;
  position: relative;
  top: 0;
  left: 0;
}
.video-click-to-play img[title] {
  width: 100%;
  height: 100%;
}
.video-click-to-play .play-btn {
  width: 100px;
  height: 100px;
  position: absolute;
  margin: calc((315px - 100px) / 2) calc((560px - 100px) / 2);
  left: 0;
}

@media (max-width: 600px) {
  .video-click-to-play {
    width: 100%;
    max-height: 315px;
  }
  .video-click-to-play img[title] {
    width: 100%;
  }
  .video-click-to-play .play-btn {
    width: 80px;
    height: 80px;
    margin: 117.5px 42.6%;
  }
}
@media (max-width: 699px) {
  iframe[allowfullscreen] {
    width: 100%;
  }
}
#s-o-disability-benefits-banner {
  background-color: #0f4880;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}
#s-o-disability-benefits-banner.closed, #s-o-disability-benefits-banner.hide {
  display: none !important;
}
#s-o-disability-benefits-banner .banner-text {
  margin-left: 23px;
  margin-right: 40px;
}
#s-o-disability-benefits-banner .banner-text h3 {
  color: #fff;
  margin: 0;
  font-size: 18px;
}
#s-o-disability-benefits-banner .container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  height: 63px;
  -ms-flex-align: center;
      align-items: center;
}
#s-o-disability-benefits-banner .image-container {
  min-height: 63px;
  min-width: 140px;
}
#s-o-disability-benefits-banner .image-container .mobile-image {
  display: none;
}
#s-o-disability-benefits-banner .banner-cta a {
  padding: 12px 42px;
  background-color: #f55d25;
  color: #fff;
  opacity: 1;
  font-weight: 600;
}
#s-o-disability-benefits-banner .close-banner {
  position: absolute;
  right: 2%;
}
#s-o-disability-benefits-banner .close-banner span::before {
  content: "✕";
  color: #fff;
  font-size: 24px;
}
#s-o-disability-benefits-banner .close-banner:hover {
  cursor: pointer;
}
@media (max-width: 1199px) {
  #s-o-disability-benefits-banner .container {
    margin: 0;
    padding: 0;
  }
  #s-o-disability-benefits-banner .image-container {
    margin-left: -40px;
  }
  #s-o-disability-benefits-banner .banner-text {
    margin-left: 23px;
    margin-right: 32px;
  }
}
@media (max-width: 740px) {
  #s-o-disability-benefits-banner .container {
    -ms-flex-pack: left;
        justify-content: left;
  }
}
@media (max-width: 699px) {
  #s-o-disability-benefits-banner .image-container .desktop-image {
    display: none;
  }
  #s-o-disability-benefits-banner .image-container .mobile-image {
    display: block;
  }
  #s-o-disability-benefits-banner .container {
    height: 102px;
  }
  #s-o-disability-benefits-banner .image-container {
    margin-left: 0px;
    min-height: 102px;
    min-width: 140px;
  }
  #s-o-disability-benefits-banner .banner-text {
    margin: 0 40px 18px -10px;
  }
  #s-o-disability-benefits-banner .banner-text h3 {
    text-align: center;
  }
  #s-o-disability-benefits-banner .banner-cta {
    position: absolute;
    left: 50%;
    white-space: nowrap;
    margin-left: -118px;
    top: 90px;
  }
  #s-o-disability-benefits-banner .banner-cta a {
    padding: 12px 72px;
    border-radius: 50px;
    box-shadow: 0 6px 24px 0px rgba(0, 0, 0, 0.2);
  }
  #s-o-disability-benefits-banner .close-banner {
    top: 2%;
    right: 2%;
  }
}

.disability-banner-pseudo-chat.container {
  display: none;
}
@media (max-width: 699px) {
  .disability-banner-pseudo-chat {
    position: fixed;
    right: 0;
    width: 100%;
  }
  .disability-banner-pseudo-chat.container {
    display: block;
    height: 0;
    z-index: 10000;
  }
}
.disability-banner-pseudo-chat #black-circle-background-image-container {
  right: 7px;
  position: inherit;
  bottom: 0;
}
.disability-banner-pseudo-chat .black-circle-background-image {
  width: 85px;
  height: 85px;
  position: relative;
  backface-visibility: hidden;
}
.disability-banner-pseudo-chat .liveChatFloatingButtonMobile {
  height: 0 !important;
}

div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner {
  background: url("/themes/quasar/images/DSecrets-A-Desktop.png") no-repeat;
  height: 63px;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner {
    background-position-x: -85px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner {
    height: 101px;
    background: url("/themes/quasar/images/DSecrets-A-Mobile.png") no-repeat;
    background-position-x: initial !important;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .image-container {
  display: none;
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text {
  width: 500px;
  margin: auto;
  text-align: center;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text {
    width: 430px;
    text-align: left;
    margin-top: 7px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text {
    width: 201px;
    margin-top: 0%;
    margin-left: 160px;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text h3 {
  color: #0c1f64;
  font-size: 28px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text h3 {
    font-size: 22px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text h3 {
    line-height: 22px;
    font-size: 19px;
    text-align: left;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text p {
  color: #F55D25;
  font-weight: 400;
  margin-top: -4px;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text p {
    font-size: 16px;
    text-align: center;
    width: 80%;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-text p {
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: left;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta {
  float: right;
  margin-right: 8px;
  position: relative;
  top: -6rem;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta {
    top: -5.6rem;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta {
    position: unset;
    margin-left: 160px;
    float: unset;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta a {
  padding: 11px 45.5px;
  background-color: #0d2065;
  border-radius: 4px;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta a {
    padding: 11px 24px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta a {
    font-size: 14px;
    padding: 5px 39px;
  }
}
div[data-name="DSecrets: Disability Benefits Banner A"] #s-o-disability-benefits-banner .banner-cta a:hover {
  background-color: #2093D2;
  text-decoration: none;
}

div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner {
  background: url("/themes/quasar/images/DSecrets-B-Desktop.png") no-repeat;
  height: 63px;
  background-size: cover;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner {
    background: url("/themes/quasar/images/DSecrets-B-Tablet.png") no-repeat;
    background-size: cover;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner {
    height: 101px;
    background: url("/themes/quasar/images/DSecrets-B-Mobile.png") no-repeat;
    background-size: cover;
  }
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .image-container {
  display: none;
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text {
  width: 660px;
  margin: auto;
  text-align: center;
  line-height: 16px;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text {
    width: 100%;
    text-align: left;
    margin-top: 7px;
    margin-left: 16px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text {
    width: 65%;
  }
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text h3 {
  color: #F55D25;
  font-size: 26px;
  font-weight: 600;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text h3 {
    font-size: 22px;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text h3 {
    line-height: 20px;
    font-size: 19px;
    text-align: left;
    margin-bottom: 5px;
  }
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text a {
  color: #0D2065;
  font-weight: 400;
}
@media (max-width: 1199px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text a {
    font-size: 16px;
    text-align: center;
    width: 80%;
  }
}
@media (max-width: 699px) {
  div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text a {
    font-size: 14px;
    margin: 0;
    width: 100%;
    text-align: left;
  }
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text a::after {
  content: "❯" !important;
  margin-left: 8px;
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-text a:hover {
  color: #2093D2;
  text-decoration: none;
}
div[data-name="DSecrets: Disability Benefits Banner B"] #s-o-disability-benefits-banner .banner-cta {
  display: none;
}

.block .block-ft {
  display: none;
}
.block.edit .block-ft {
  display: block;
}

nav.navbar-admin {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  padding: 0;
}
nav.navbar-admin * {
  font-size: inherit;
  line-height: inherit;
}
nav.navbar-admin .navbar-brand {
  font-weight: 800;
  color: rgba(255, 255, 255, 0.5);
}
nav.navbar-admin .navbar-nav li {
  margin-bottom: 0;
}
nav.navbar-admin .btn-logout {
  background-color: transparent;
  height: auto;
  min-height: auto;
  color: rgba(255, 255, 255, 0.5);
  border-color: rgba(255, 255, 255, 0.5);
  padding: 0 0;
  font-size: inherit;
  line-height: inherit;
  border-radius: 0;
}
nav.navbar-admin .btn-logout:hover {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
nav.navbar-admin .btn-logout:focus, nav.navbar-admin .btn-logout.focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
nav.navbar-admin .btn-logout.disabled, nav.navbar-admin .btn-logout:disabled {
  color: rgba(255, 255, 255, 0.5);
  background-color: transparent;
}
nav.navbar-admin .btn-logout:not(:disabled):not(.disabled):active, nav.navbar-admin .btn-logout:not(:disabled):not(.disabled).active, .show > nav.navbar-admin .btn-logout.dropdown-toggle {
  color: #fff;
  background-color: transparent;
  border-color: transparent;
}
nav.navbar-admin .btn-logout:not(:disabled):not(.disabled):active:focus, nav.navbar-admin .btn-logout:not(:disabled):not(.disabled).active:focus, .show > nav.navbar-admin .btn-logout.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 0.5);
}
@media (min-width: 1200px) {
  nav.navbar-admin .nav-item + .nav-item {
    margin-left: 1rem;
  }
}
nav.navbar-admin .icon-launch {
  color: inherit;
  padding: 0 0 0 1rem;
}

body.user-login {
  padding-top: 30px;
}

.page-type-dictionary {
  /* PAGINATION DISPLAY */
  /* PAGINATION DROPDOWN */
  /* CONTENT */
}
.page-type-dictionary .visible-xs, .page-type-dictionary .visible-sm, .page-type-dictionary .visible-md.pagination, .page-type-dictionary .visible-lg {
  display: none !important;
}
@media (max-width: 1199px) {
  .page-type-dictionary .visible-sm {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .page-type-dictionary .pagination.visible-md {
    display: -ms-flexbox !important;
    display: flex !important;
  }
}
.page-type-dictionary .dictionary-dropdown .dropdown-menu {
  width: 100%;
}
.page-type-dictionary .dictionary-dropdown #dropdownGlossary {
  width: 100%;
}
.page-type-dictionary .dictionary-dropdown #dropdownGlossary.btn.dropdown-toggle.btn-default {
  border-color: #c7c7c7;
  text-align: center;
  padding-top: 6px;
  padding-bottom: 6px;
}
.page-type-dictionary .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 18px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid #c7c7c7;
  border-radius: 3px;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.page-type-dictionary .dropdown-menu li > a {
  padding: 3px 20px;
}
.page-type-dictionary ul.dropdown-menu {
  transform: initial !important;
  top: unset !important;
}
.page-type-dictionary .dictionary-definition {
  color: #333;
  background-color: #eef0f1;
  border-left: 5px solid #f07802;
  padding: 10px 10px;
  margin-top: 20px;
  margin-bottom: 24px;
}
.page-type-dictionary .dictionary-definition .term {
  margin-bottom: 30px;
  margin-top: 0;
}
.page-type-dictionary .dictionary-definition .definition {
  line-height: 1.42857143;
}
.page-type-dictionary .dictionary-dropdown.dropdown {
  margin-bottom: 10px;
}
.page-type-dictionary .dictionary-list {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-span: 30;
       column-span: 30;
  margin-left: 0;
}
.page-type-dictionary .dictionary-list > .dictionary-list-item {
  padding-left: 0;
  margin-bottom: 10px;
}
.page-type-dictionary .dictionary-list > .dictionary-list-item.show-more-item.display {
  display: list-item;
}
.page-type-dictionary .dictionary-list > .dictionary-list-item a:focus, .page-type-dictionary .dictionary-list > .dictionary-list-item a:hover {
  color: #be2d00;
}
@media (min-width: 670px) {
  .page-type-dictionary .dictionary-list {
    -moz-column-count: 2;
         column-count: 2;
    -moz-column-gap: 2px;
         column-gap: 2px;
  }
  .page-type-dictionary .dictionary-list > .dictionary-list-item.show-more-item {
    display: list-item;
  }
}
.page-type-dictionary ul li:last-child {
  margin-bottom: 12px;
}
.page-type-dictionary a.show-more {
  display: none;
}