/*
Theme Name:     Zebralove Web Solutions 2024
Theme URI:      https://zebralovewebsolutions.com
Text Domain: 	ZebraloveWebSolutions24
Author:         Lynne Lowell
Author URI:     https://zebralovewebsolutions.com
Version:        0.1.2
Tested Up To:   6.6
Requires PHP:	PHP 7.0
Description:	Zebralove Web Solutions in house theme.
*/
html, body {
  overflow-x: hidden;
  font-family: "Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Alkalami", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; }

img {
  max-width: 100%;
  height: auto; }

.aligncenter,
div.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter {
  display: block;
  margin: 5px auto 5px auto; }

a img.alignright {
  float: right;
  margin: 5px 0 20px 20px; }

a img.alignleft {
  float: left;
  margin: 5px 20px 20px 0; }

.aligncenter img {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.btn-custom, .wp-block-button__link, div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a, div#n2-ss-2 .n2-font-a994d51715f6de1b87c56e2893c4f8eb-link a, .field-wrap input[type="submit"] {
  font-family: "Alkalami", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
  position: relative;
  display: inline-block;
  padding: 10px 30px 5px 30px !important;
  font-size: 20px !important;
  font-weight: 400 !important;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
  color: #FFF !important;
  background-color: #05471b;
  border-radius: 0.375rem !important;
  border: none;
  outline: none;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s ease-out;
  line-height: 1.5 !important;
  text-decoration: none; }
  .btn-custom:before, .wp-block-button__link:before, div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a:before, div#n2-ss-2 .n2-font-a994d51715f6de1b87c56e2893c4f8eb-link a:before, .field-wrap input[type="submit"]:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #FFF;
    opacity: 0.8;
    transition: all 0.5s ease-out; }
  .btn-custom:hover, .wp-block-button__link:hover, div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a:hover, div#n2-ss-2 .n2-font-a994d51715f6de1b87c56e2893c4f8eb-link a:hover, .field-wrap input[type="submit"]:hover {
    background-color: #ff6e00;
    color: #05471b;
    text-decoration: none !important; }
    .btn-custom:hover:before, .wp-block-button__link:hover:before, div#n2-ss-2 .n2-font-176464dee0eea5b1ac11b21dab9b24d2-link a:hover:before, div#n2-ss-2 .n2-font-a994d51715f6de1b87c56e2893c4f8eb-link a:hover:before, .field-wrap input[type="submit"]:hover:before {
      transform: translate(-50%, -50%) scale(20);
      opacity: 0; }

.slide-in-fwd-center {
  -webkit-animation: slide-in-fwd-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both;
  animation: slide-in-fwd-center 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s both; }

.swing-in-top-fwd {
  -webkit-animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both;
  animation: swing-in-top-fwd 1s cubic-bezier(0.175, 0.885, 0.32, 1.275) both; }

.slide-in-right {
  -webkit-animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-right 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

.slide-in-left {
  -webkit-animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
  animation: slide-in-left 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) both; }

footer .mdi {
  color: #FFF;
  font-size: 1.3rem; }

/*Navbar*/
.navBar {
  background: rgba(5, 71, 27, 0.75); }
  .navBar #logo {
    position: absolute;
    top: -90px;
    left: 15px; }

.navbar .nav-link {
  padding: 0.5em 1.5em;
  color: #fff;
  cursor: pointer;
  transition: 0.1s;
  font-size: 1.5rem;
  margin-left: 25px;
  font-family: "Alkalami", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  text-transform: uppercase;
  position: relative; }
  .navbar .nav-link:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #ff6e00;
    transform-origin: bottom right;
    transition: transform 0.5s ease;
    transform: scaleX(0); }
  .navbar .nav-link:hover:after {
    transform-origin: bottom left;
    transform: scaleX(1); }

.navbar-nav .nav-link.show {
  color: #FFF; }
  .navbar-nav .nav-link.show:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #ff6e00;
    transform-origin: bottom left;
    transition: transform 0.5s ease;
    transform: scaleX(1); }

.menu-item.active .nav-link:after {
  transform-origin: bottom left;
  transform: scaleX(1); }

.bg-dark {
  background-color: #000000 !important; }

.navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: #000000; }

.navbar-dark .navbar-nav .nav-link {
  color: white;
  text-transform: uppercase; }

#navbarSupportedContent .form-control {
  background-color: transparent;
  border: 1px solid #FFF;
  border-radius: 0px;
  padding-left: 20px;
  padding-right: 20px; }

.navbar-toggler {
  background-color: #ff6e00; }

.dropdown-menu {
  background: rgba(5, 71, 27, 0.75);
  border-radius: 0px;
  border: none;
  left: 10px;
  font-family: "Alkalami", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  padding: 0px; }

.dropdown-toggle::after {
  margin-left: 0;
  border-top: none;
  border-bottom: none;
  border-right: none; }

.dropdown-item {
  color: #FFF;
  padding: .7rem 1.5rem; }

.menu-item.current_page_item .dropdown-item, .dropdown-item:focus, .dropdown-item:hover {
  color: #FFF;
  background-color: #ff6e00; }

.top-bar {
  color: #000000;
  font-weight: bold;
  font-size: 1rem; }

.top-bar a {
  color: #000000;
  text-decoration: none; }

.top-bar a:hover {
  color: #000000;
  text-decoration: underline; }

.top-bar .mdi {
  font-size: 1.25rem; }

.navBar {
  position: absolute;
  top: 37%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999; }
  .navBar .mdi {
    font-size: 2rem;
    color: #ff6e00; }

.navbar-collapse {
  position: absolute;
  top: 100%;
  /* Positions it directly below the navbar */
  left: 0;
  right: 0;
  z-index: 1050;
  /* Ensures it stays above content */
  background-color: #05471b;
  /* Prevents see-through text */ }

/*Forms Styles*/
#nf-form-1-cont {
  width: 80%;
  margin: 0 auto; }

.nf-field-element input, .nf-field-element select, .nf-field-element textarea {
  padding: 1rem;
  border-radius: 0.625rem;
  border: solid 1px #05471b;
  margin-bottom: 20px; }

.nf-form-fields-required {
  display: none; }

.nf-field-element input[type="checkbox"] {
  accent-color: #05471b;
  /* Changes checked background color */ }

.nf-field-element select, .nf-field-element select option {
  background-color: #FFF; }

.homeHeader {
  /*-webkit-box-shadow: 1px 6px 7px 1px rgba(0,0,0,0.36); 
  box-shadow: 1px 6px 7px 1px rgba(0,0,0,0.36);*/
  position: relative;
  z-index: 1;
  clip-path: polygon(0 3.5%, 2% 3%, 7.5% 3.5%, 8% 3.7%, 8.5% 4%, 11.5% 3.1%, 12% 3%, 12.5% 3.1%, 15% 4%, 17.7% 2.1%, 18% 2%, 19.5% 2.5%, 23% 3%, 28% 3%, 29% 3.5%, 31% 4%, 32% 5%, 34.5% 3.2%, 35% 3%, 36% 3.3%, 39% 5%, 48% 0, 50% 1%, 52.5% 1%, 53% 1.1%, 58% 5%, 60% 4.7%, 63.5% 3%, 64% 3.1%, 64.5% 3%, 65% 3.2%, 66% 3.1%, 69% 4%, 70% 4.3%, 73% 5%, 75% 4.6%, 77% 4.3%, 77.6% 4.1%, 78% 4%, 79% 4.6%, 80% 5%, 80.5% 4.8%, 83% 3%, 85% 3.7%, 86% 3.5%, 87% 3.7%, 88% 3%, 93% 3.7%, 94% 2.7%, 95% 3%, 96% 2.9%, 100% 3.5%, 100% 100%, 98% 98%, 90% 100%, 88% 98%, 83% 100%, 80% 99%, 78% 100%, 75% 97%, 69% 99%, 62% 100%, 60% 100%, 53% 95%, 51% 95%, 49% 93%, 39% 100%, 35% 97%, 32% 96%, 28% 98%, 18% 98%, 15% 99%, 12% 98%, 8% 97%, 0 100%, 0 100%);
  display: block;
  overflow: visible; }

.interiorHeader {
  color: #FFF;
  height: 300px;
  position: relative;
  z-index: 1;
  clip-path: polygon(0 3.5%, 2% 3%, 7.5% 3.5%, 8% 3.7%, 8.5% 4%, 11.5% 3.1%, 12% 3%, 12.5% 3.1%, 15% 4%, 17.7% 2.1%, 18% 2%, 19.5% 2.5%, 23% 3%, 28% 3%, 29% 3.5%, 31% 4%, 32% 5%, 34.5% 3.2%, 35% 3%, 36% 3.3%, 39% 5%, 48% 0, 50% 1%, 52.5% 1%, 53% 1.1%, 58% 5%, 60% 4.7%, 63.5% 3%, 64% 3.1%, 64.5% 3%, 65% 3.2%, 66% 3.1%, 69% 4%, 70% 4.3%, 73% 5%, 75% 4.6%, 77% 4.3%, 77.6% 4.1%, 78% 4%, 79% 4.6%, 80% 5%, 80.5% 4.8%, 83% 3%, 85% 3.7%, 86% 3.5%, 87% 3.7%, 88% 3%, 93% 3.7%, 94% 2.7%, 95% 3%, 96% 2.9%, 100% 3.5%, 100% 100%, 98% 98%, 90% 100%, 88% 98%, 83% 100%, 80% 99%, 78% 100%, 75% 97%, 69% 99%, 62% 100%, 60% 100%, 53% 95%, 51% 95%, 49% 93%, 39% 100%, 35% 97%, 32% 96%, 28% 98%, 18% 98%, 15% 99%, 12% 98%, 8% 97%, 0 100%, 0 100%); }
  .interiorHeader.blogHeader {
    height: 500px; }

.interior h1 {
  position: relative;
  margin-bottom: 20px; }
  .interior h1:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 50%;
    height: 4px;
    background-color: #ff6e00;
    transform-origin: bottom left;
    transition: transform 0.5s ease;
    transform: scaleX(1); }

.serviceRow {
  padding: 2rem 0; }
  .serviceRow .card {
    display: grid;
    place-items: center;
    height: 28.125rem;
    overflow: hidden;
    border-radius: 0.625rem;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
    opacity: 0; }
  .serviceRow .card > * {
    grid-column: 1 / 3;
    grid-row: 1 / 3; }
  .serviceRow .card__background {
    object-fit: cover;
    max-width: 100%;
    height: 100%; }
  .serviceRow .card__content {
    --flow-space: 0.9375rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-self: flex-end;
    height: 75%;
    padding: 12% 1.25rem 4.5rem;
    color: #FFF;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 10%, black 100%);
    width: 100%; }
  .serviceRow .card__content--container {
    --flow-space: 1.25rem; }
  .serviceRow .card__title {
    color: #FFF;
    position: relative;
    width: fit-content;
    width: -moz-fit-content;
    /* Prefijo necesario para Firefox  */ }
  .serviceRow .card__title::after {
    content: "";
    position: absolute;
    height: 0.3125rem;
    width: calc(100% + 1.25rem);
    bottom: calc((1.25rem - 0.5rem) * -1);
    left: -1.25rem;
    background-color: #ff6e00; }
  .serviceRow .card__description {
    padding-top: 1rem; }
  .serviceRow .btn-custom {
    padding: 0.75em 1.6em;
    width: fit-content;
    width: -moz-fit-content;
    /* Prefijo necesario para Firefox  */
    font-variant: small-caps;
    font-weight: bold;
    border-radius: 0.45em;
    border: none;
    background-color: #ff6e00;
    font-family: "Alkalami", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 1.125rem;
    color: #FFF; }
  .serviceRow .btn-custom:focus {
    outline: 2px solid #000000;
    outline-offset: -5px; }
  @media (any-hover: hover) and (any-pointer: fine) {
    .serviceRow .card__content {
      transform: translateY(45%);
      transition: transform 500ms ease-out;
      transition-delay: 500ms; }
    .serviceRow .card__title::after {
      opacity: 0;
      transform: scaleX(0);
      transition: opacity 1000ms ease-in, transform 500ms ease-out;
      transition-delay: 500ms;
      transform-origin: right; }
    .serviceRow .card__background {
      transition: transform 500ms ease-in; }
    .serviceRow .card__content--container > :not(.card__title),
    .serviceRow .btn-custom {
      opacity: 0;
      transition: transform 500ms ease-out, opacity 500ms ease-out; }
    .serviceRow .card:hover,
    .serviceRow .card:focus-within {
      transform: scale(1.05);
      transition: transform 500ms ease-in; }
    .serviceRow .card:hover .card__content,
    .serviceRow .card:focus-within .card__content {
      transform: translateY(0);
      transition: transform 500ms ease-in; }
    .serviceRow .card:focus-within .card__content {
      transition-duration: 0ms; }
    .serviceRow .card:hover .card__background,
    .serviceRow .card:focus-within .card__background {
      transform: scale(1.3); }
    .serviceRow .card:hover .card__content--container > :not(.card__title),
    .serviceRow .card:hover .btn-custom,
    .serviceRow .card:focus-within .card__content--container > :not(.card__title),
    .serviceRow .card:focus-within .btn-custom {
      opacity: 1;
      transition: opacity 500ms ease-in;
      transition-delay: 1000ms; }
    .serviceRow .card:hover .card__title::after,
    .serviceRow .card:focus-within .card__title::after {
      opacity: 1;
      transform: scaleX(1);
      transform-origin: left;
      transition: opacity 500ms ease-in, transform 500ms ease-in;
      transition-delay: 500ms; } }

.headerContent {
  background-color: rgba(255, 255, 255, 0.9);
  padding: 30px; }

.header {
  padding: 10px 0px; }

.contentRow {
  padding: 2rem 0; }
  .contentRow .contentBox {
    background: rgba(5, 71, 27, 0.65);
    padding: 1rem;
    margin-bottom: 2rem;
    border-radius: 0.625rem;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
    color: #FFF;
    text-align: right;
    transition: all .35s ease;
    opacity: 0; }
    .contentRow .contentBox h2 {
      color: #FFF;
      text-align: left; }
    .contentRow .contentBox h5 {
      color: #ff6e00;
      text-align: left; }
    .contentRow .contentBox p {
      text-align: left; }
    .contentRow .contentBox.box1 {
      background: linear-gradient(to bottom, rgba(5, 71, 27, 0.75), rgba(0, 0, 0, 0.75)), url("https://201powersports.com/wp-content/uploads/2026/07/580114628_1440602644732363_8604647443527233295_n.jpg") no-repeat 50% 50%;
      background-size: cover; }
    .contentRow .contentBox.box2 {
      background: linear-gradient(to bottom, rgba(5, 71, 27, 0.75), rgba(0, 0, 0, 0.75)), url("https://201powersports.com/wp-content/uploads/2026/07/201_-_shop.png") no-repeat 50% 50%;
      background-size: cover; }
    .contentRow .contentBox:hover {
      -webkit-transform: translate(5px);
      -moz-transform: translate(5px);
      transform: translate(5px); }
  .contentRow img {
    border-radius: 0.625rem; }
  .contentRow .list-with-icons {
    display: inline-block;
    list-style: none;
    padding: 0;
    margin: 0; }
    .contentRow .list-with-icons li, .contentRow .list-with-icons div {
      display: block;
      width: 100%;
      padding: 8px 25px 8px 45px;
      margin: 20px;
      line-height: 1;
      font-size: 18px;
      border-radius: 0.625rem;
      position: relative;
      transition: all .35s ease;
      color: #000000; }
    .contentRow .list-with-icons div {
      padding-left: 25px;
      margin-left: 45px; }
    .contentRow .list-with-icons li:hover {
      -webkit-transform: translate(5px);
      -moz-transform: translate(5px);
      transform: translate(5px); }
    .contentRow .list-with-icons li:before {
      content: "";
      display: block;
      width: 54px;
      height: 54px;
      margin-top: -27px;
      border-radius: 100%;
      background-color: #ff6e00;
      box-shadow: -1px 0 6px rgba(0, 0, 0, 0.16);
      position: absolute;
      top: 50%;
      left: -15px; }
    .contentRow .list-with-icons li:after {
      display: block;
      margin-top: -19px;
      font-style: normal;
      font-weight: normal;
      font-size: 32px;
      position: absolute;
      top: 50%;
      left: 2.5px; }
  .contentRow .list-with-icons li:first-of-type:after {
    content: '\0031';
    color: #FFF; }
  .contentRow .list-with-icons li:nth-child(2):after {
    content: '\0032';
    color: #FFF; }
  .contentRow .list-with-icons li:nth-child(3):after {
    content: '\0033';
    color: #FFF; }
  .contentRow .list-with-icons li:nth-child(4):after {
    content: '\0034';
    color: #FFF; }
  .contentRow .list-with-icons li:nth-child(5):after {
    content: '\0035';
    color: #FFF; }

.homeTestimonials {
  padding: 6rem 0; }
  .homeTestimonials h2 {
    font-size: 3rem; }
  .homeTestimonials .wprs_unslider::before {
    color: #ff6e00;
    content: '\201C';
    display: block;
    font: normal normal normal normal 140px/42px Georgia,serif;
    text-align: center; }
  .homeTestimonials .wprevpro_t1_DIV_2 {
    box-shadow: none;
    text-align: center;
    border: none;
    padding: 20px 25px 20px 20px; }
  .homeTestimonials .wprevpro_t1_DIV_2::before, .homeTestimonials .wprevpro_t1_A_8 {
    display: none; }
  .homeTestimonials .wprevpro_t1_SPAN_5 {
    text-align: center;
    text-transform: none;
    font-size: 1.5rem; }
  .homeTestimonials .wprs_unslider-arrow {
    background-color: #05471b; }
  .homeTestimonials .wprs_unslider-nav ol li {
    border-color: #000000; }
  .homeTestimonials .wprs_unslider-nav ol li.wprs_unslider-active {
    background: #000000; }
  .homeTestimonials .wprevpro_t1_P_3 {
    font-size: 1rem; }

.contact .contentBox {
  background: rgba(5, 71, 27, 0.65);
  padding: 1rem;
  margin-bottom: 2rem;
  border-radius: 0.625rem;
  box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
  color: #FFF;
  text-align: right;
  transition: all .35s ease;
  opacity: 0; }
  .contact .contentBox h2 {
    color: #FFF;
    text-align: left; }
  .contact .contentBox h5 {
    color: #ff6e00;
    text-align: left; }
  .contact .contentBox p {
    text-align: left; }
  .contact .contentBox a {
    color: #FFF; }
  .contact .contentBox.box1 {
    background: linear-gradient(to bottom, rgba(5, 71, 27, 0.75), rgba(0, 0, 0, 0.75)), url("https://201powersports.com/wp-content/uploads/2026/07/580114628_1440602644732363_8604647443527233295_n.jpg") no-repeat 50% 50%;
    background-size: cover; }
  .contact .contentBox.box2 {
    background: linear-gradient(to bottom, rgba(5, 71, 27, 0.75), rgba(0, 0, 0, 0.75)), url("https://201powersports.com/wp-content/uploads/2026/07/201_-_shop.png") no-repeat 50% 50%;
    background-size: cover; }
  .contact .contentBox:hover {
    -webkit-transform: translate(5px);
    -moz-transform: translate(5px);
    transform: translate(5px); }

.store-content h2, .store-content h3, .store-content h4, .store-content h5, .store-content h6 {
  color: #FFF; }
.store-content h5 {
  position: relative;
  margin-bottom: 20px; }
  .store-content h5:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 4px;
    background-color: #ff6e00;
    transform-origin: bottom left;
    transition: transform 0.5s ease;
    transform: scaleX(1); }
.store-content .wp-block-button__link {
  background-color: #ff6e00; }
  .store-content .wp-block-button__link:hover {
    background-color: #000000; }

#metaslider_845 {
  margin-bottom: 0px; }
  #metaslider_845 .flex-pauseplay {
    display: none; }

/*Blog*/
.blog-card {
  width: 100%;
  height: 500px;
  color: #FFF;
  margin: 0 auto;
  overflow: hidden;
  box-shadow: 0px 18px 20px -9px rgba(0, 10, 30, 0.75);
  text-align: center;
  transition: all 0.4s;
  border-radius: 0.625rem;
  position: relative; }
  .blog-card a {
    color: #FFF;
    text-decoration: none;
    transition: all 0.2s; }
  .blog-card .color-overlay {
    background: rgba(5, 71, 27, 0.8);
    width: 100%;
    height: 500px;
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    transition: background 0.3s cubic-bezier(0.33, 0.66, 0.66, 1); }
  .blog-card .gradient-overlay {
    background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.6) 21%);
    width: 550px;
    height: 500px;
    position: absolute;
    top: 350px;
    left: 0;
    z-index: 15; }
  .blog-card:hover h3:after {
    animation: changeLetter 0.3s 1 linear;
    width: 80%; }
  .blog-card .title-content {
    text-align: center;
    margin-top: 20px;
    position: absolute;
    z-index: 20;
    width: 100%;
    top: 0;
    left: 0;
    transition: all 0.6s; }
  .blog-card h3, .blog-card h1 {
    font-size: 1.9em;
    font-weight: 400;
    letter-spacing: 1px;
    margin-bottom: 0;
    display: inline-block; }
  .blog-card h3 a {
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    transition: all 0.2s; }
    .blog-card h3 a:hover {
      text-shadow: 0px 8px 20px rgba(0, 0, 0, 0.95); }
  .blog-card h3:after {
    content: " ";
    display: block;
    width: 50%;
    height: 4px;
    margin: 10px auto;
    border: 0;
    background: #ff6e00;
    transition: all 0.2s; }
  .blog-card .intro {
    width: 170px;
    margin: 0 auto;
    color: #ddd;
    font-style: italic;
    line-height: 18px; }
    .blog-card .intro a {
      color: #ddd; }
      .blog-card .intro a:hover {
        text-decoration: underline; }
  .blog-card .card-info {
    box-sizing: border-box;
    padding: 0;
    width: 100%;
    position: absolute;
    left: 0;
    margin: 0 auto;
    padding: 0 20px;
    font-style: 16px;
    line-height: 24px;
    z-index: 20;
    opacity: 1;
    bottom: 7px;
    transition: bottom 0.64s, opacity 0.63s cubic-bezier(0.33, 0.66, 0.66, 1); }

@keyframes changeLetter {
  0% {
    width: 10%; }
  100% {
    width: 80%; } }
@media (max-width: 500px) {
  .blog-card:hover .title-content, .title-content {
    margin-top: 40px; }

  .blog-card {
    height: 350px; }

  .blog-card h3 {
    font-size: 1.3em; }

  .intro {
    font-size: 0.8em; } }
.blog-border {
  margin: 10px 0px;
  padding: 20px 10px; }

.featuredImage {
  width: 100%;
  height: 100%; }

.blogSidebar {
  background-color: #05471b;
  padding: 30px;
  margin-bottom: 15px;
  color: #FFF; }
  .blogSidebar h1, .blogSidebar h2, .blogSidebar h3, .blogSidebar h4, .blogSidebar h5, .blogSidebar h6 {
    color: #FFF;
    position: relative;
    margin-bottom: 20px; }
    .blogSidebar h1:after, .blogSidebar h2:after, .blogSidebar h3:after, .blogSidebar h4:after, .blogSidebar h5:after, .blogSidebar h6:after {
      content: '';
      position: absolute;
      left: 0px;
      bottom: 0px;
      width: 50%;
      height: 4px;
      background-color: #ff6e00;
      transform-origin: bottom left;
      transition: transform 0.5s ease;
      transform: scaleX(1); }
  .blogSidebar ul li {
    margin-bottom: 15px; }

.homeBlog {
  background-color: #05471b;
  background: -moz-linear-gradient(270deg, #269e4e 9%, #1b6f37 100%);
  /* ff3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(9%, #269e4e), color-stop(100%, #1b6f37));
  /*safari4+,chrome */
  background: -webkit-linear-gradient(270deg, #269e4e 9%, #1b6f37 100%);
  /* safari5.1+,chrome10+ */
  background: -o-linear-gradient(270deg, #269e4e 9%, #1b6f37 100%);
  /* opera 11.10+ */
  background: -ms-linear-gradient(270deg, #269e4e 9%, #1b6f37 100%);
  /* ie10+ */
  background: linear-gradient(180deg, #269e4e 9%, #1b6f37 100%);
  /* w3c */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff944e', endColorstr='#004aad',GradientType=0 );
  /* ie6-9 */
  color: #FFF; }

footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
  color: #FFF;
  position: relative; }
  footer h1:after, footer h2:after, footer h3:after, footer h4:after, footer h5:after, footer h6:after {
    content: '';
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 70%;
    height: 4px;
    background-color: #ff6e00;
    transform-origin: bottom left;
    transition: transform 0.5s ease;
    transform: scaleX(1); }
footer ul {
  list-style: none;
  padding-left: 0; }

.footerLocations {
  padding: 2rem;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("https://201powersports.com/wp-content/uploads/2026/10/2021-northeast-piiadv-201powersports-environment-ORV0931.jpg");
  background-size: cover;
  background-attachment: fixed; }
  .footerLocations .card {
    border-radius: 0.625rem;
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25);
    border: none;
    padding: 1rem;
    background-color: rgba(5, 71, 27, 0.25);
    backdrop-filter: blur(5px);
    opacity: 0; }
    .footerLocations .card .card-title {
      color: #FFF;
      position: relative; }
      .footerLocations .card .card-title:after {
        content: '';
        position: absolute;
        left: 0px;
        bottom: 0px;
        width: 70%;
        height: 4px;
        background-color: #ff6e00;
        transform-origin: bottom left;
        transition: transform 0.5s ease;
        transform: scaleX(1); }
    .footerLocations .card .card-body {
      color: #FFF; }
      .footerLocations .card .card-body a {
        color: #FFF; }
    .footerLocations .card img {
      height: 100%; }
    .footerLocations .card a {
      text-decoration: none; }
    .footerLocations .card ul {
      list-style: none;
      padding-left: 0; }
  .footerLocations .container-glass,
  .footerLocations .container-glass::before,
  .footerLocations .container-glass::after {
    border-radius: 7px;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    box-shadow: 0px 0px 22px rgba(0, 0, 0, 0.08); }
  .footerLocations .container-glass {
    position: relative;
    padding: 2rem 1.5rem;
    width: 80%;
    max-width: 280px; }
  .footerLocations .container-glass::before,
  .footerLocations .container-glass::after {
    content: '';
    position: absolute; }
  .footerLocations .container-glass::before {
    height: 80px;
    width: 80px;
    top: -10px;
    left: -40px;
    z-index: -1; }
  .footerLocations .container-glass::after {
    height: 40px;
    width: 40px;
    bottom: 20px;
    right: -10px;
    z-index: 2; }
  .footerLocations .container-glass .img {
    width: 100%;
    border-radius: 7px; }
  .footerLocations .container-glass .text {
    font-size: 1.01rem;
    color: #DDD;
    margin: 2rem 0;
    text-align: justify; }
  .footerLocations .container-glass .btn {
    display: block;
    margin: auto;
    font-family: 'PT Sans', sans-serif;
    font-size: 1.02rem;
    width: 80%;
    max-width: 200px;
    padding: .6rem 1rem;
    background-color: transparent;
    border: 1px solid #ffdd00;
    border-radius: 5px;
    color: #ffdd00;
    cursor: pointer;
    transition: all .2s linear; }
  .footerLocations .container-glass .btn:hover {
    background-color: #ffdd00;
    color: #333; }

.copyright {
  text-align: center;
  font-size: .8rem; }

/* ----------------------------------------------
 * Generated by Animista on 2021-1-25 9:56:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
@-webkit-keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
@keyframes slide-in-fwd-center {
  0% {
    -webkit-transform: translateZ(-1400px);
    transform: translateZ(-1400px);
    opacity: 0; }
  100% {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    opacity: 1; } }
/* ----------------------------------------------
 * Generated by Animista on 2026-7-23 8:27:14
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation swing-in-top-fwd
 * ----------------------------------------
 */
@-webkit-keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1; } }
@keyframes swing-in-top-fwd {
  0% {
    -webkit-transform: rotateX(-100deg);
    transform: rotateX(-100deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 0; }
  100% {
    -webkit-transform: rotateX(0deg);
    transform: rotateX(0deg);
    -webkit-transform-origin: top;
    transform-origin: top;
    opacity: 1; } }
/* ----------------------------------------------
 * Generated by Animista on 2026-7-23 8:29:51
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-right {
  0% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
/* ----------------------------------------------
 * Generated by Animista on 2026-8-6 10:48:9
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@keyframes slide-in-left {
  0% {
    -webkit-transform: translateX(-1000px);
    transform: translateX(-1000px);
    opacity: 0; }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1; } }
@media (min-width: 992px) {
  .dropdown:hover .dropdown-menu {
    display: block;
    margin-top: 0;
    /* Prevents a gap that causes the menu to close prematurely */ }

  .contentRow, .footerLocations, .serviceRow {
    padding: 4rem; }

  .contentRow .contentBoxLeft {
    padding: 2rem 4rem 2rem 0; }
  .contentRow .contentBox {
    padding: 2rem; }

  .contentRow .list-with-icons li, .contentRow .list-with-icons div {
    width: 95%; }

  .navBar {
    top: 25%; }
    .navBar #logo {
      left: 65px; }

  .wprevpro_t1_DIV_2 {
    padding: 20px 25px 20px 40px; }

  .navbar-collapse {
    position: relative;
    background-color: transparent; } }
@media (min-width: 765px) {
  .store-content {
    padding: 4rem; }

  .top-bar {
    font-size: 18px; }

  .top-bar .mdi {
    font-size: 1.5rem; }

  .blog-card {
    box-shadow: 0.25rem 0.25rem 0.5rem rgba(0, 0, 0, 0.25); }
    .blog-card:hover {
      box-shadow: 0px 18px 20px -9px rgba(0, 10, 30, 0.75); }
      .blog-card:hover .card-info {
        opacity: 1;
        bottom: 100px; }
      .blog-card:hover .color-overlay {
        background: rgba(5, 71, 27, 0.8); }
      .blog-card:hover .title-content {
        margin-top: 70px; }
      .blog-card:hover h3:after {
        animation: changeLetter 0.3s 1 linear;
        width: 80%; }
    .blog-card .card-info {
      bottom: -40px;
      opacity: 0;
      padding: 0 50px; }
    .blog-card .color-overlay {
      background: rgba(5, 71, 27, 0.5); }
    .blog-card .title-content {
      margin: 170px 0 0 0; } }