/*-----Global Styles-----*/
@primary: #1753c8;
@secondary: #eebf00;
@tertiary: #000;
@white: #fff;
@black: #000;
@muted: #D8DBDD;
@darkGrey: #333;

:root {
  --mm-cta-view-boat-bg: @secondary;
  --mm-cta-view-boat-bg-hover: darken(@secondary, 25%);
  --mm-cta-view-boat-text: @white;
  --mm-cta-check-availability-bg: var(--mm-cta-view-boat-bg);
  --mm-cta-check-availability-bg-hover: var(--mm-cta-view-boat-bg-hover);
  --mm-cta-check-availability-text: var(--mm-cta-view-boat-text);
  --mm-usage-badge-bg: rgb(242, 242, 242);
  --mm-usage-badge-shadow: transparent;
  --mm-usage-badge-text: lighten(@primary, 10%);
  --mm-title-link-hover: var(--mm-cta-view-boat-bg);
  --mm-monthly-payment-link: darken(@primary, 20%);
  --mm-cta-request-pricing-bg: darken(@primary, 20%);
  --mm-cta-request-pricing-shadow: @primary;
  --mm-cta-request-pricing-bg-hover: @secondary;
  --mm-cta-request-pricing-text: @white;
  --mm-featured-bg: @primary;
  --mm-featured-text: @white;
  --mm-featured-card-gradient-to-100: @muted;
  --mm-featured-card-gradient-via-50: @muted;
  --mm-filter-accent: darken(@primary, 20%);
  --mm-cta-show-more-bg: @primary;
  --mm-cta-show-more-bg-hover: darken(@primary, 20%);
  --mm-cta-show-more-text: @white;
}

.black_overlay {
  &-xlight {
    background: rgba(0, 0, 0, .3);
  }

  &-light {
    background: rgba(0, 0, 0, .5);
  }

  &-medium {
    background: rgba(0, 0, 0, .65);
  }

  &-dark {
    background: rgba(0, 0, 0, .8);
  }
}

.white_overlay {
  &-xlight {
    background: rgba(255, 255, 255, .3);
  }

  &-light {
    background: rgba(255, 255, 255, .5);
  }

  &-medium {
    background: rgba(255, 255, 255, .65);
  }

  &-dark {
    background: rgba(255, 255, 255, .8);
  }
}

.background {
  &_black {
    background-color: @black;
  }

  &_tertiary {
    background-color: @tertiary;
  }

  &_dark-grey {
    background-color: @darkGrey;
  }
}

.border_radius {
  &-3 {
    border-radius: 3px;
  }

  &-5 {
    border-radius: 5px;
  }

  &-10 {
    border-radius: 10px;
  }

  &-15 {
    border-radius: 15px;
  }

  &-20 {
    border-radius: 20px;
  }

  &-100 {
    border-radius: 100%;
  }

  &-top-3 {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }

  &-top-5 {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
  }

  &-top-10 {
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
  }

  &-top-15 {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
  }

  &-top-20 {
    border-top-right-radius: 20px;
    border-top-left-radius: 20px;
  }

  &-bottom-3 {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }

  &-bottom-5 {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
  }

  &-bottom-10 {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
  }

  &-bottom-15 {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
  }

  &-bottom-20 {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
  }
}

.content-section {
  p {
    font-size: 18px;
  }

  h2 {
    font-size: 2rem;
    font-weight: bold;
  }
}

.gf_simple_horizontal {
  @media(max-width:960px) {
    .gform_body {
      display: flex !important;
      max-width: 100% !important;
    }

    .gfield_visibility_hidden {
      padding-right: 0 !important;
    }

    .spacer {
      padding-right: 0 !important;
    }

    .gfield {
      display: block !important;
      padding-bottom: 10px;
    }

    .gform_footer {
      display: flex !important;
      justify-content: center !important;
      max-width: unset !important;
    }

  }
}

.uk-navbar-dropdown{
  display: none;
}

.tm-header .uk-navbar-dropdown .uk-list .el-item {
  margin-top: 0;
}

.tm-header .uk-navbar-dropdown .uk-list .el-item a {
  color: @primary;
}
#infinite_list{
  text-align: center;
  .hits-empty-state-image{
    margin: auto;
  }
}


/*-----Nav Menu Styles-----*/
.tm-toolbar {
  z-index: 9999;
  background: @secondary;
}

.tm-top {
  z-index: 9997;
  position: relative;
}

.tm-header {
  z-index: 9998;
  box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .15);

  .tm-headerbar {
    background: @primary;
    padding-top: 5px;
    padding-bottom: 5px;

    button {
      background: unset;
      color: @white;
      font-weight: bold;
      border: unset;
      display: flex;
      align-items: flex-start;

      .uk-icon {
        width: 15px;
        padding-left: 5px;
      }
    }

  }

  .uk-navbar {
    justify-content: right;
  }

  .uk-logo {
    position: absolute;
    top: 0;
    background: #fff;
    border-radius: 100px;
    padding: 35px 25px;
    z-index: 9999;
    box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .35);
  }
}

.tm-header-mobile {
  z-index: 9999;

  .uk-navbar {
    min-height: 88px;
    margin-bottom: 40px;
  }

  .uk-logo {
    img {
      padding: 10px;
      max-width: 140px;
    }
  }
}

.uk-lightbox-toolbar-icon {
  position: absolute;
  top: 160px;
  right: 3%;
}

/*-----Dropdown Styles-----*/
.uk-navbar-dropdown-nav {
  li {
    &.uk-active>a {
      background: @secondary;
    }
  }

  .uk-nav-sub li {
    &.uk-active {
      a {
        background: @secondary;
        color: @white;
      }
    }

    a {
      padding: 8px 15px;

      &:hover {
        background: @primary;
        color: @white;
      }
    }
  }
}

/*-----Frontpage Styles-----*/
.home-header {
  .h1-target {
    font-size: 4rem;
    color: @primary;
    text-shadow: 0 1px 0 #292929;

    @media(max-width:960px) {
      font-size: 3rem;
    }

    span {
      display: block;

      &:nth-child(1) {
        font-weight: bold;

      }

      &:nth-child(2) {
        font-size: 1.3rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

      }
    }
  }
}

/*-----Mainpage Styles-----*/
.mainpage-header {
  .h1-target {
    font-size: 5.3rem;

    @media(max-width:960px) {
      font-size: 3rem;
      font-weight: bold;
      text-align: center;
    }

    span {
      display: block;

      &:nth-child(1) {

        padding-bottom: 10px;
      }

      &:nth-child(2) {
        font-size: 1.3rem;

      }
    }
  }
}

/*-----Subpage Styles-----*/
.subpage-header {
  .h1-target {

    font-size: 4rem;

    @media(max-width:960px) {
      font-size: 3rem;
      font-weight: bold;
      text-align: center;
    }

    span {
      display: block;

      &:nth-child(1) {
       
        padding-bottom: 10px;
      }

      &:nth-child(2) {
        font-size: 1.3rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

      }
    }
  }
}

.nr-content {
  .card-border-target {
    .uk-card-default {
      border-bottom: 4px solid @primary;
    }
  }

  .widget-menu {
    background: @white;

    .parent-page {
      h3 {
        background: @primary;
        color: @white;
        margin: 0;
        padding: 8px 20px;
        transition: all ease .3s;
      }

      &:hover {
        h3 {
          background: @secondary  !important;
        }

        text-decoration: none !important;
      }
    }

    .uk-list {
      margin-top: 0;
      border: 1px solid @primary;

      li {
        padding: 6px 0 6px 10px;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #bbb;

        a {
          color: @darkGrey;
        }
      }
    }
  }
}

/*-----Company Page Styles-----*/
.company-header {
  .h1-target {
    font-size: 5.3rem;

    @media(max-width:960px) {
      font-size: 3rem;
      font-weight: bold;
      text-align: center;
    }

    span {
      display: block;

      &:nth-child(1) {

        padding-bottom: 10px;
      }

      &:nth-child(2) {
        font-size: 1.3rem;

      }
    }
  }
}

/*-----Service Area Page Styles-----*/
#serviceMap {
  .leaflet-top {
    z-index: 400 !important;
  }
}

/*-----Footer Styles-----*/
#footer {
  a {
    &:hover {
      color: @secondary;
    }
  }
}

/*-----Custom Sections-----*/

@media(max-width: 960px) {
  .mobile-cta {
    position: fixed;
    top: 102px;
    left: 0;
    border-radius: 0;
    width: 102%;
    z-index: 9999;
  }

  .mobile-cta a {
    padding: 0;
    border-radius: 0;

  }

  .mobile-cta a:nth-child(1) {
    padding: 0;
    border-radius: 0;
    border-right: 1px solid @white;
  }

  .tm-main {
    margin-top: 40px;
  }

}


.product-single-title{
  font-size: 2rem;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
// Discover Inventory
.discover-inventory {
  .featured-slider {
    .uk-position-center-left-out {
      right: 97%;

      @media (max-width: 960px) {
        right: 90%;
      }
    }

    .uk-position-center-right-out {
      left: 97%;

      @media (max-width: 960px) {
        left: 90%;
      }
    }
  }

  .new-used {
    .uk-position-center-left-out {
      right: 93%;

      @media (max-width: 1250px) {
        right: 90%;
      }
    }

    .uk-position-center-right-out {
      left: 93%;

      @media (max-width: 1250px) {
        left: 90%;
      }
    }
  }
}

// MM Styles
/*-----Boat Single-----*/

#boat-single {
  .total-views-box {
    @keyframes pulse-orange {
      0% {
        box-shadow: 0 0 0 0 rgba(0, 207, 255, 1);
      }

      70% {
        box-shadow: 0 0 0 10px rgba(49, 155, 66, 0);
      }

      100% {
        box-shadow: 0 0 0 0 rgba(49, 155, 66, 0);
      }
    }
  }

  .price-header span {
    border-bottom: 1px solid #fff;
  }

  .h1-target {
    font-size: 3rem;
    margin: 0;
  }

  @media(max-width: 1550px) {
    .h1-target {
      font-size: 2.5rem
    }
  }

  @media(max-width: 640px) {
    .h1-target {
      font-size: 2rem;
      margin-bottom: 20px;
    }

  }

  .banner-text {
    padding: 5px 10px;
    background: #1753c8;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2rem;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;

  }

  .uk-card-default {
    box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
  }

  .slideshow-panel {
    img {
      border-radius: 5px;
    }
  }

  .uk-button {
    border-radius: 5px !important;
  }

  .uk-list-striped {
    border-radius: 5px;
    border: 1px solid #ebebeb;
  }

  .uk-list-striped>:nth-of-type(odd) {
    background: #ebebeb;
  }

  .uk-list-striped>:nth-of-type(odd) {
    background: #fff;
  }

  .uk-list-striped li {
    justify-content: space-between;
    display: flex;
    font-weight: bold;
  }

  .form-panel {


    .gform_footer {
      margin-top: 10px !important;
      padding: 0 !important;
    }

    .gform_footer input {
      border-radius: 5px !important;
      background-color: #000 !important;
      font-weight: bold !important;
    }

    .gform_wrapper select {
      height: 45px !important;

    }

    .gform_wrapper .ginput_container_select {
      margin-bottom: 16px;
    }

    .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),
    .gform_wrapper input[type=text] { 
      height: 45px;
      margin-bottom: 16px;
    }

    .gform_wrapper.gravity-theme .gfield textarea.small {
      height: 65px !important;
    }

    .gform_wrapper.gravity-theme .gform_fields {
      row-gap: 0 !important;
    }



    .gform_wrapper.gravity-theme .gform_footer {
      justify-content: center;
    }

    .gfield_checkbox {
      display: flex;
      justify-content: space-between;
      margin-bottom: 10px;
    }

    .gfield_checkbox label {
      max-width: calc(100% - 0px) !important;
      font-size: 14px;
      color: white;
    }

    .gfield_checkbox {
      display: flex;
      justify-content: space-between;
    }

    .gfield_checkbox label {
      max-width: calc(100% - 0px);
      font-size: 13px;
    }

    @media(max-width: 1550px) {
      .gfield_checkbox {
        display: block;

        .gchoice {
          float: left;
          max-width: unset;
          margin-left: 0%;
          width: 40%;
        }
      }

    }
  }

  .pay-calc-panel {
    .calculator-settings {
      margin: 25px auto !important;
    }

    .calc-subtotal {
      height: 100%;
    }

    .calc-subtotal-wrapper {
      height: 100%;
    }

    .calc-list-inner {
      height: 98%;
    }
  }

  .slideshow-panel {
    .uk-slidenav-container {
      position: relative;

      .uk-position-center-left {
        left: 10px;
      }
    }
  }
}


.details-mobile{
  @media(max-width:960px){
   .nav_item{
  padding:5px 7px;
        text-align:center;
      a{
      
          font-size:.8rem;
          padding:0;
      }
  }
  }
}

// Inventory Archive
#inventory_archive {
  .h1-target {
    font-size: 6rem;
    margin-top: 30px;

    @media(max-width:960px) {
      font-size: 3rem;
      font-weight: bold;
      text-align: center;
    }

    span {
      display: block;

      &:nth-child(1) {
        padding-bottom: 10px;
      }

      &:nth-child(2) {
        font-size: 1.3rem;
        font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
      }
    }
  }
}

#specs-modal {
  z-index: 9999;
}

#check_availability {
  z-index: 9999;
  overflow: hidden;
}

// Brand Archive
#brand_archive {
  .h1-target {
    font-size: 5.3rem;
    @media(max-width:960px) {
      font-size: 3rem;
      font-weight: bold;
      text-align: center;
    }
    span {
      display: block;
      font-weight: bold;

      &:nth-child(1) {
        
        margin-bottom: 10px;

      }

      &:nth-child(2) {
        font-size: 1.5rem;
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
      }
    }
  }

  .brand-logo {
    padding: 20px;
    background: #fff;
    display: inline-block;
    border-radius: 4px;
    max-width: 300px;
  }

  .brand-archive-inventory-feed {
    .mm-inventory-item {
      border: 1px solid #fff;
    }
  }
}

.pro-shop-section {
  .uk-heading-small {
    font-family: 'Birthstone';
    font-weight: bold;
    font-size: 5rem;
  }
}

.shop-by-brand {
  svg {
    fill: @white;
  }
}

.financing-bar {
  h2 {
    font-family: 'Birthstone';
    font-weight: bold;
    font-size: 4rem;
  }
}

.first-section {
  overflow: visible !important;

  .uk-container-large {
    max-width: 1500px;
  }

  .core-grid {
    position: relative;
    margin-top: -50px;

    a {
      position: relative;
      z-index: 0;

      &:before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 0%;
        height: 100%;
        background-color: @primary;
        transition: all .5s;
        z-index: -1;
        border-radius: 10px;
      }

      h2 {
        transition: all ease .6s;
      }

      &:hover {

        &:before {
          width: 100%;
        }

        h2 {
          color: @secondary;
        }
      }
    }

    h2 {
      color: @primary;
    //   font-size: 1.3rem;
      line-height: 2rem;
    }

    @media(max-width:640px) {
      margin-top: 25px;
    }
  }
}

.diagonal-image-section {
  h2 {
    font-size: 2rem;
  }

  &.align {
    &-right {
      .column-1 {
        filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.15));

        .clip-path_1 {
          clip-path: polygon(0 0, 100% 0, 74% 100%, 0% 100%) !important;

          @media(max-width:960px) {
            clip-path: unset !important;
          }
        }
      }

      .column-2 {
        margin-left: -100px;
        filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.15));

        @media(max-width:960px) {
          clip-path: unset !important;
          margin-left: unset;
        }

        .clip-path_2 {
          clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%) !important;

          padding-left: 150px;

          @media(max-width:960px) {
            clip-path: unset !important;
            padding-left: 30px;
          }
        }
      }
    }

    &-left {
      .column-1 {
        filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.15));

        .clip-path_1 {
          clip-path: polygon(0 0, 100% 0, 100% 100%, 26% 100%);

          @media(max-width:960px) {
            clip-path: unset !important;
          }
        }
      }

      .column-2 {
        margin-right: -100px;
        filter: drop-shadow(0 3px 4px rgba(0, 0, 0, 0.15));

        @media(max-width:960px) {
          clip-path: unset !important;
          margin-right: unset;
        }

        .clip-path_2 {
          clip-path: polygon(0% 0, 85% 0, 100% 100%, 0% 100%);

          padding-right: 150px;

          @media(max-width:960px) {
            clip-path: unset !important;
            padding-right: 30px;
          }
        }
      }
    }
  }

}

/*-----Sprites-----*/
//2023 Centurion Sprite
.Centurion_fi23,
.Centurion_fi25,
.Centurion_ri230,
.Centurion_ri245,
.Centurion_ri265 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Centurion_Sprite_2023.png');
}

.Centurion_fi23 {
  background-position: 0 0%;
  background-size: 100%;
}

.Centurion_fi25 {
  background-position: 0 24.351145%;
  background-size: 100%;
}

.Centurion_ri230 {
  background-position: 0 49.043062%;
  background-size: 100%;
}

.Centurion_ri245 {
  background-position: 0 75.546875%;
  background-size: 100%;
}

.Centurion_ri265 {
  background-position: 0 100%;
  background-size: 100%;
}

// Supreme Sprite 2023
.Supreme_s220-studio-03,
.Supreme_s240-studio-03,
.Supreme_supreme-zs212-home2,
.Supreme_zs232-studio-03,
.Supreme_zs252-studio-03 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Supreme_sprite_2023.png');
}

.Supreme_s220-studio-03 {
  background-position: 0 0%;
  background-size: 100%;
}

.Supreme_s240-studio-03 {
  background-position: 0 25%;
  background-size: 100%;
}

.Supreme_supreme-zs212-home2 {
  background-position: 0 50%;
  background-size: 100%;
}

.Supreme_zs232-studio-03 {
  background-position: 0 75%;
  background-size: 100%;
}

.Supreme_zs252-studio-03 {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal Surf Sprite 2023
.Surf_regal-ls2,
.Surf_regal-ls4,
.Surf_regal-ls6,
.Surf_regal-ls9 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_Surf_2023.png');
}

.Surf_regal-ls2 {
  background-position: 0 0%;
  background-size: 100%;
}

.Surf_regal-ls4 {
  background-position: 0 33.333333%;
  background-size: 100%;
}

.Surf_regal-ls6 {
  background-position: 0 66.666667%;
  background-size: 100%;
}

.Surf_regal-ls9 {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal Sterndrive Bowrider Sprite 2023
.Sterndrive-Bowrider_regal-2000es,
.Sterndrive-Bowrider_regal-2800,
.Sterndrive-Bowrider_regal-3300,
.Sterndrive-Bowrider_regal-ls2,
.Sterndrive-Bowrider_regal-ls36,
.Sterndrive-Bowrider_regal-ls4,
.Sterndrive-Bowrider_regal-ls6,
.Sterndrive-Bowrider_regal-ls9 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_Sterndrive-Bowrider_2023.png');
}

.Sterndrive-Bowrider_regal-2000es {
  background-position: 0 0%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-2800 {
  background-position: 0 14.285714%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-3300 {
  background-position: 0 28.571429%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-ls2 {
  background-position: 0 42.857143%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-ls36 {
  background-position: 0 57.142857%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-ls4 {
  background-position: 0 71.428571%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-ls6 {
  background-position: 0 85.714286%;
  background-size: 100%;
}

.Sterndrive-Bowrider_regal-ls9 {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal Express Cruiser Sprite 2023
.Express_Cruiser_regal-26,
.Express_Cruiser_regal-26xo,
.Express_Cruiser_regal-28,
.Express_Cruiser_regal-33,
.Express_Cruiser_regal-33xo,
.Express_Cruiser_regal-ls4c {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_Express_Cruiser_2023.png');
}

.Express_Cruiser_regal-26 {
  background-position: 0 0%;
  background-size: 100%;
}

.Express_Cruiser_regal-26xo {
  background-position: 0 20%;
  background-size: 100%;
}

.Express_Cruiser_regal-28 {
  background-position: 0 40%;
  background-size: 100%;
}

.Express_Cruiser_regal-33 {
  background-position: 0 60%;
  background-size: 100%;
}

.Express_Cruiser_regal-33xo {
  background-position: 0 80%;
  background-size: 100%;
}

.Express_Cruiser_regal-ls4c {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal Yacht Sprite 2023
.Yacht_regal-36grandecoupe,
.Yacht_regal-36xo,
.Yacht_regal-38fly,
.Yacht_regal-38fxo,
.Yacht_regal-38grandecoupe,
.Yacht_regal-38xo,
.Yacht_regal-42fly,
.Yacht_regal-42fxo,
.Yacht_regal-42grandecoupe,
.Yacht_regal-42xo {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_Yacht_2023.png');
}

.Yacht_regal-36grandecoupe {
  background-position: 0 0%;
  background-size: 100%;
}

.Yacht_regal-36xo {
  background-position: 0 11.111111%;
  background-size: 100%;
}

.Yacht_regal-38fly {
  background-position: 0 22.222222%;
  background-size: 100%;
}

.Yacht_regal-38fxo {
  background-position: 0 33.333333%;
  background-size: 100%;
}

.Yacht_regal-38grandecoupe {
  background-position: 0 44.444444%;
  background-size: 100%;
}

.Yacht_regal-38xo {
  background-position: 0 55.555556%;
  background-size: 100%;
}

.Yacht_regal-42fly {
  background-position: 0 66.666667%;
  background-size: 100%;
}

.Yacht_regal-42fxo {
  background-position: 0 77.777778%;
  background-size: 100%;
}

.Yacht_regal-42grandecoupe {
  background-position: 0 88.888889%;
  background-size: 100%;
}

.Yacht_regal-42xo {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal Outboard Bow Rider Sprite 2023
.Outboard_Bowriderregal-21obx,
.Outboard_Bowriderregal-29obx,
.Outboard_Bowriderregal-33obx,
.Outboard_Bowriderregal-lx2,
.Outboard_Bowriderregal-lx36,
.Outboard_Bowriderregal-lx4,
.Outboard_Bowriderregal-lx6 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_Outboard-Bowrider_2023.png');
}

.Outboard_Bowriderregal-21obx {
  background-position: 0 0%;
  background-size: 100%;
}

.Outboard_Bowriderregal-29obx {
  background-position: 0 16.666667%;
  background-size: 100%;
}

.Outboard_Bowriderregal-33obx {
  background-position: 0 33.333333%;
  background-size: 100%;
}

.Outboard_Bowriderregal-lx2 {
  background-position: 0 50%;
  background-size: 100%;
}

.Outboard_Bowriderregal-lx36 {
  background-position: 0 66.666667%;
  background-size: 100%;
}

.Outboard_Bowriderregal-lx4 {
  background-position: 0 83.333333%;
  background-size: 100%;
}

.Outboard_Bowriderregal-lx6 {
  background-position: 0 100%;
  background-size: 100%;
}

// Regal SAV Sprite 2023
.SAV_regal-33,
.SAV_regal-38 {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Regal_SAV_2023.png');
}

.SAV_regal-33 {
  background-position: 0 0%;
  background-size: 100%;
}

.SAV_regal-38 {
  background-position: 0 100%;
  background-size: 100%;
}

//2024 Veranda Sprite
.veranda-fish-series,
.veranda-relax-series,
.veranda-v-one,
.veranda-vertex-series,
.veranda-vista-view-series {
  max-width: 100%;
  background-size: 100%;
  background-image: url('/wp-content/uploads/2023/12/Veranda_sprite_2024.png');
}

.veranda-fish-series {
  background-position: 0 0%;
  background-size: 100%;
}

.veranda-relax-series {
  background-position: 0 25%;
  background-size: 100%;
}

.veranda-v-one {
  background-position: 0 50%;
  background-size: 100%;
}

.veranda-vertex-series {
  background-position: 0 75%;
  background-size: 100%;
}

.veranda-vista-view-series {
  background-position: 0 100%;
  background-size: 100%;
}

/*-----Global Media Queries-----*/

@media (max-width: 1200px) {}

@media (max-width: 960px) {}

@media (max-width: 640px) {
  .tm-top {
    a {
      padding: 0 10px;
    }
  }

  .uk-button-secondary {
    padding: 0 5px;
  }

}

@media (max-width: 425px) {}


/*-----Pay Calc-----*/
.financing-calculator {

  .number-input {
    position: relative;
    width: ~"calc(100% - 40px)";
    padding: 6px 16px 4px 16px;
    border: 4px solid transparent;
    font-size: 16px;
    -moz-appearance: textfield;
    -webkit-user-select: none; /* Safari */
    -ms-user-select: none; /* IE 10 and IE 11 */
    user-select: none; /* Standard syntax */

    &::-webkit-outer-spin-button {
      -webkit-appearance: none;
    }

    &::-webkit-inner-spin-button {
      -webkit-appearance: none;
    }

    &:focus {
      border: @secondary 4px solid;
      outline: 0 !important;
    }
  }

  .input-container {
    position: relative;
    margin-bottom: 10px;

    .up-down-container {
      position: absolute;
      right: 0;
      top: 22px;
      -webkit-user-select: none; /* Safari */
      -ms-user-select: none; /* IE 10 and IE 11 */
      user-select: none; /* Standard syntax */

      a {
        display: block;
        height: 18px;
        width: 24px;
        position: relative;

        &.up {
          .uk-icon {
            position: relative;
            top: -5px;
            left: 4px;
            color: black;
          }
        }

        &.down {
          .uk-icon {
            position: relative;
            top: -5px;
            left: 4px;
            color: black;
          }
        }
      }
    }

    .form-label {
      font-size: 14px;
    }

    .form-sub-label {
      font-size: 14px;
      margin-top: 3px;
      margin-bottom: 0px;
    }
  }

  .summary-list {
    p {
      font-size: 16px;
      margin: 0px;
    }
  }
}

#inventory_archive {
    #gform_16 .gfield_checkbox label {
        color: white;
    }
}

#boat-single {
    #gform_16 .gfield_checkbox label {
        color: black;
    }
}

.uk-modal {
    z-index: 9998;
}