/*
** DO NOT EDIT THIS FILE! All changes will be overwritten.
** edit the master in app/assets/stylesheets/themes/napaonline/templates/_core.scss,
** then run script/activate-theme napaonline
*/
/* line 2, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_grid.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*
** app/assets/stylesheets/_core.scss
** installed by ./script/activate-theme napaonline
** at Tue Nov 18 11:25:34 AM PST 2025 on wendigo
*/
/*
 * Used by the NOL Main Page Tube and the vehicle-type
 * indexes (SUV, Truck, etc.) - the tubes' properties
 * point to these files

 */
/* line 9, app/assets/stylesheets/nol_home.scss */
.homepage-vehicle-selector {
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}

/* line 13, app/assets/stylesheets/nol_home.scss */
.homepage-vehicle-selector .vehicle-selector-horizontal {
  margin-bottom: 0;
}

/* line 16, app/assets/stylesheets/nol_home.scss */
.homepage-vehicle-selector .vehicle-selector-horizontal-completed {
  display: none;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.hero-container:after {
  content: "";
  display: table;
  clear: both;
}

/* line 23, app/assets/stylesheets/nol_home.scss */
.hero-container img {
  border-radius: 5px;
}

@media screen and (min-width: 701px) {
  /* line 20, app/assets/stylesheets/nol_home.scss */
  .hero-container {
    padding-top: 0.5rem;
  }
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.popular-categories:after {
  content: "";
  display: table;
  clear: both;
}

/* line 37, app/assets/stylesheets/nol_home.scss */
.popular-categories h2 {
  text-align: center;
  margin: 2rem 0 0;
  color: #001489;
  font-size: 2rem;
  clear: both;
  float: left;
  width: 100%;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.popular-categories h2:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 700px) {
  /* line 37, app/assets/stylesheets/nol_home.scss */
  .popular-categories h2 {
    display: none;
  }
}

/* line 50, app/assets/stylesheets/nol_home.scss */
.popular-categories a {
  display: block;
}

/* line 53, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container {
  /* Best Selling Categories, Customer Favorites */
  margin-top: 1rem;
}

/* line 58, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container a {
  cursor: pointer;
}

/* line 61, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container img {
  border-radius: 5px;
}

@media screen and (min-width: 701px) {
  /* line 53, app/assets/stylesheets/nol_home.scss */
  .popular-categories .pop-container {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 31.914893617%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .popular-categories .pop-container:last-child {
    margin-right: 0;
  }
  /* line 66, app/assets/stylesheets/nol_home.scss */
  .popular-categories .pop-container img {
    object-fit: cover;
    object-position: center;
    height: 20rem;
    width: 100%;
    filter: grayscale(50%);
    transition: filter .5s ease;
  }
}

@media screen and (max-width: 700px) {
  /* line 53, app/assets/stylesheets/nol_home.scss */
  .popular-categories .pop-container {
    float: left;
    display: block;
    margin-right: 4.347826087%;
    width: 47.8260869565%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .popular-categories .pop-container:last-child {
    margin-right: 0;
  }
}

/* line 78, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container h4 {
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  color: #FFF;
  height: 5rem;
  margin-bottom: -5rem;
  bottom: 5.5rem;
  padding: 1.5rem 1rem;
  font-size: 1.3rem;
  bottom: 5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* line 93, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container:hover h4 {
  background: rgba(0, 20, 137, 0.8);
  color: #FFC72C;
  transition: background-color,color .7s ease;
}

/* line 100, app/assets/stylesheets/nol_home.scss */
.popular-categories .pop-container:hover img {
  filter: grayscale(0%);
}

@media screen and (min-width: 701px) {
  /* line 107, app/assets/stylesheets/nol_home.scss */
  .popular-categories .four, .popular-categories .five, .popular-categories .six, .popular-categories .seven {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 23.4042553191%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .popular-categories .four:last-child, .popular-categories .five:last-child, .popular-categories .six:last-child, .popular-categories .seven:last-child {
    margin-right: 0;
  }
  /* line 110, app/assets/stylesheets/nol_home.scss */
  .popular-categories .three, .popular-categories .seven {
    margin-right: 0;
  }
}

@media screen and (max-width: 700px) {
  /* line 115, app/assets/stylesheets/nol_home.scss */
  .popular-categories .five, .popular-categories .six, .popular-categories .seven {
    float: left;
    display: block;
    margin-right: 4.347826087%;
    width: 30.4347826087%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .popular-categories .five:last-child, .popular-categories .six:last-child, .popular-categories .seven:last-child {
    margin-right: 0;
  }
  /* line 117, app/assets/stylesheets/nol_home.scss */
  .popular-categories .five h4, .popular-categories .six h4, .popular-categories .seven h4 {
    bottom: 4rem;
    font-size: 0.9rem;
    height: 4rem;
    bottom: 4.5rem;
    padding: 0.5rem;
  }
  /* line 125, app/assets/stylesheets/nol_home.scss */
  .popular-categories .two, .popular-categories .four, .popular-categories .seven {
    margin-right: 0;
  }
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#must-haves:after, .vehicle-index:after, .brands:after {
  content: "";
  display: table;
  clear: both;
}

/* line 134, app/assets/stylesheets/nol_home.scss */
#must-haves img, .vehicle-index img, .brands img {
  filter: grayscale(50%);
  transition: filter .5s ease;
}

/* line 138, app/assets/stylesheets/nol_home.scss */
#must-haves h2, .vehicle-index h2, .brands h2 {
  text-align: center;
  margin: 2rem 0 1rem;
  color: #001489;
  font-size: 2rem;
  clear: both;
  width: 100%;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#must-haves h2:after, .vehicle-index h2:after, .brands h2:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 700px) {
  /* line 138, app/assets/stylesheets/nol_home.scss */
  #must-haves h2, .vehicle-index h2, .brands h2 {
    font-size: 1.5rem;
    color: #333;
    margin: 2rem 0 0.5rem;
  }
}

/* line 153, app/assets/stylesheets/nol_home.scss */
#must-haves a, .vehicle-index a, .brands a {
  display: block;
}

/* line 156, app/assets/stylesheets/nol_home.scss */
#must-haves h4, .vehicle-index h4, .brands h4 {
  color: #333;
  margin: 0.5rem 0 0;
}

/* line 160, app/assets/stylesheets/nol_home.scss */
#must-haves .must-haves-container, .vehicle-index .must-haves-container, .brands .must-haves-container {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 14.8936170213%;
  background: #f4f4f4;
  padding: 0.5rem;
  text-align: center;
  border-radius: 5px;
  border: 1px solid #f4f4f4;
  transition: border .5s ease;
}

/* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
#must-haves .must-haves-container:last-child, .vehicle-index .must-haves-container:last-child, .brands .must-haves-container:last-child {
  margin-right: 0;
}

@media screen and (max-width: 700px) {
  /* line 160, app/assets/stylesheets/nol_home.scss */
  #must-haves .must-haves-container, .vehicle-index .must-haves-container, .brands .must-haves-container {
    float: left;
    display: block;
    margin-right: 4.347826087%;
    width: 30.4347826087%;
    margin-bottom: 1rem;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  #must-haves .must-haves-container:last-child, .vehicle-index .must-haves-container:last-child, .brands .must-haves-container:last-child {
    margin-right: 0;
  }
}

/* line 172, app/assets/stylesheets/nol_home.scss */
#must-haves .must-haves-container:hover, .vehicle-index .must-haves-container:hover, .brands .must-haves-container:hover {
  border: 1px solid #001489;
}

/* line 174, app/assets/stylesheets/nol_home.scss */
#must-haves .must-haves-container:hover h4, .vehicle-index .must-haves-container:hover h4, .brands .must-haves-container:hover h4 {
  color: #001489;
}

/* line 179, app/assets/stylesheets/nol_home.scss */
#must-haves .must-haves-container:hover img, .vehicle-index .must-haves-container:hover img, .brands .must-haves-container:hover img {
  filter: grayscale(0%);
}

/* line 186, app/assets/stylesheets/nol_home.scss */
#must-haves .brand-box:hover img, .vehicle-index .brand-box:hover img, .brands .brand-box:hover img {
  filter: grayscale(0%);
  transition: all .5s ease;
}

@media screen and (max-width: 700px) {
  /* line 196, app/assets/stylesheets/nol_home.scss */
  #must-haves .three, #must-haves .six {
    margin-right: 0;
  }
  /* line 199, app/assets/stylesheets/nol_home.scss */
  #must-haves .four {
    clear: both;
  }
}

/* line 208, app/assets/stylesheets/nol_home.scss */
#leading-brands, .brands {
  display: block;
  clear: both;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#leading-brands:after, .brands:after {
  content: "";
  display: table;
  clear: both;
}

/* line 219, app/assets/stylesheets/nol_home.scss */
#leading-brands .view-more-brands, .brands .view-more-brands {
  text-align: center;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
#leading-brands .view-more-brands:after, .brands .view-more-brands:after {
  content: "";
  display: table;
  clear: both;
}

/* line 223, app/assets/stylesheets/nol_home.scss */
#leading-brands .view-more-brands .click-me, .brands .view-more-brands .click-me {
  position: relative;
  border: 1px solid #001489;
  border-radius: 3px;
  display: inline-block;
  padding: 1rem;
  margin: 1rem 2rem 2rem 2rem;
  font-weight: bold;
}

/* line 232, app/assets/stylesheets/nol_home.scss */
#leading-brands .view-more-brands .click-me:after, .brands .view-more-brands .click-me:after {
  content: "\f078";
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  padding-left: 0.5rem;
}

/* line 239, app/assets/stylesheets/nol_home.scss */
#leading-brands .view-more-brands .click-me:hover, .brands .view-more-brands .click-me:hover {
  background: #001489;
  color: #FFF;
  box-shadow: 0 -5px 0 0 rgba(0, 0, 0, 0.45) inset;
  transition: all 0.3s ease-in-out;
  border: 1px solid #FFF;
  border-radius: 4px;
}

@media screen and (max-width: 700px) {
  /* line 251, app/assets/stylesheets/nol_home.scss */
  .accordion-tabs .tab-content {
    padding: 0 0.5rem;
  }
}

@media screen and (max-width: 700px) {
  /* line 257, app/assets/stylesheets/nol_home.scss */
  .accordion-tabs .is-open {
    display: table !important;
  }
}

@media screen and (max-width: 700px) {
  /* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
  .tab-header-and-content:after {
    content: "";
    display: table;
    clear: both;
  }
}

/* line 268, app/assets/stylesheets/nol_home.scss */
.brand-box {
  text-align: center;
}

@media screen and (min-width: 920px) {
  /* line 268, app/assets/stylesheets/nol_home.scss */
  .brand-box {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 14.8936170213%;
    margin-bottom: 1rem;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .brand-box:last-child {
    margin-right: 0;
  }
  /* line 274, app/assets/stylesheets/nol_home.scss */
  .brand-box:nth-of-type(6n) {
    margin-right: 0;
  }
}

@media screen and (min-width: 701px) and (max-width: 919px) {
  /* line 268, app/assets/stylesheets/nol_home.scss */
  .brand-box {
    float: left;
    display: block;
    margin-right: 2.1276595745%;
    width: 23.4042553191%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .brand-box:last-child {
    margin-right: 0;
  }
  /* line 281, app/assets/stylesheets/nol_home.scss */
  .brand-box:nth-of-type(4n) {
    margin-right: 0;
  }
}

@media screen and (max-width: 700px) {
  /* line 268, app/assets/stylesheets/nol_home.scss */
  .brand-box {
    float: left;
    display: block;
    margin-right: 4.347826087%;
    width: 30.4347826087%;
  }
  /* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
  .brand-box:last-child {
    margin-right: 0;
  }
  /* line 288, app/assets/stylesheets/nol_home.scss */
  .brand-box:nth-of-type(3n) {
    margin-right: 0;
  }
}

/* line 293, app/assets/stylesheets/nol_home.scss */
.brand-box a {
  cursor: pointer;
}

/* line 296, app/assets/stylesheets/nol_home.scss */
.brand-box img {
  padding: 1.5rem;
  background: #FFF;
  margin: 0.5rem 0;
  box-shadow: 0 1px 3px 0 #DDD;
  border-radius: 3px;
  transition: box-shadow 0.3s ease-in-out;
}

/* line 303, app/assets/stylesheets/nol_home.scss */
.brand-box img:hover {
  box-shadow: 0 1px 5px 5px #DDD;
}

/* line 308, app/assets/stylesheets/nol_home.scss */
.caption {
  display: none;
}

/* line 314, app/assets/stylesheets/nol_home.scss */
.hidden-modal-trigger {
  cursor: pointer;
}

@media screen and (min-width: 701px) {
  /* line 317, app/assets/stylesheets/nol_home.scss */
  .modal-content {
    max-width: 70rem;
  }
}

@media screen and (min-width: 701px) {
  /* line 321, app/assets/stylesheets/nol_home.scss */
  .modal-content .content {
    float: left;
    width: 60%;
    padding: 1rem;
  }
}

/* line 327, app/assets/stylesheets/nol_home.scss */
.modal-content .content h4 {
  font-size: 1.5rem;
  color: #001489;
}

/* line 333, app/assets/stylesheets/nol_home.scss */
.modal-content .content .customer-success {
  background: #f6f6f6;
  padding: 0.5rem;
  border-radius: 5px;
}

/* line 15, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/bourbon-3.2.4/app/assets/stylesheets/addons/_clearfix.scss */
.modal-content .content .customer-success:after {
  content: "";
  display: table;
  clear: both;
}

/* line 338, app/assets/stylesheets/nol_home.scss */
.modal-content .content .customer-success h4 {
  font-size: 1.2rem;
  color: #333;
}

/* line 342, app/assets/stylesheets/nol_home.scss */
.modal-content .content .customer-success .customer {
  float: left;
  display: block;
  margin-right: 2.1276595745%;
  width: 14.8936170213%;
  padding: 0.5rem;
  background: #FFF;
  border-radius: 5px;
}

/* line 38, ../../../../home/matt/.rvm/gems/ruby-3.3.1@canyonero7/gems/neat-1.6.0/app/assets/stylesheets/grid/_span-columns.scss */
.modal-content .content .customer-success .customer:last-child {
  margin-right: 0;
}

@media screen and (min-width: 701px) {
  /* line 350, app/assets/stylesheets/nol_home.scss */
  .modal-content .modal-hero {
    float: right;
    width: 40%;
  }
}

/* line 356, app/assets/stylesheets/nol_home.scss */
.modal-content .modal-hero .hero {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  transition: filter .5s ease;
}

@media screen and (max-width: 700px) {
  /* line 356, app/assets/stylesheets/nol_home.scss */
  .modal-content .modal-hero .hero {
    height: 15rem;
  }
}

/* line 370, app/assets/stylesheets/nol_home.scss */
.modal-inner, .quasimodal-inner {
  top: 0.5em;
}

@media screen and (max-width: 700px) {
  /* line 370, app/assets/stylesheets/nol_home.scss */
  .modal-inner, .quasimodal-inner {
    top: 1% !important;
  }
}

/* line 377, app/assets/stylesheets/nol_home.scss */
.sId0Ce {
  display: none !important;
}