/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

 @import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

 :root {
   --accent:#0099FF;
   --accent-light:#99CCFF;
   --accent-dark:#286090;
   --gray:#707070;
 
   --button-color: #0099FF;
   --button-hover: #286090;
 
   --font-default:'Noto Sans', Helvetica, Arial, sans-serif;
   --font-heading:'Noto Sans', Helvetica, Arial, sans-serif;
 }
 
 html { font-size:16px; }
 body { font-size:16px; color:#333; font:1em/1.6em var(--font-default); }
 p, li { font-size:1rem; }
 
 img {  max-width:100%; height:auto; }
 .image-circle img,
 img.image-circle {overflow:hidden; border-radius:50%; }
 .image-center {text-align:center;}
 
 table { width:100%; margin:2em 0; border-collapse:collapse; border-spacing:0; border:1px solid #ccc; }
 tr { border-top:1px solid #ccc; }
 th,
 thead th { text-align:left; background-color:#eee; color:#333; border-right:1px solid #ccc; font-family:var(--font-default); font-weight:600; font-size:1em; border-bottom:3px #333; }
 tfoot th { text-align:right; }
 th, td { padding:0.5em 0.75em; }
 td { border-right:1px solid #ccc; border-left:1px solid #ccc; }
 td, td img { vertical-align:top; }
 
 input, textarea, select { border:0.1rem solid #707070; background:rgba(255, 255, 255, 0.75); border-radius:0.5rem; color:#444; padding:0 1em; }
 input:not([type="file"],.form-text, .form-textarea) { margin-bottom: 0.75rem; }
 
 h1 [href^='http']::after,
 .h1 [href^='http']::after,
 h2 [href^='http']::after,
 .h2 [href^='http']::after,
 h3 [href^='http']::after,
 .h3 [href^='http']::after,
 h4 [href^='http']::after,
 .h4 [href^='http']::after,
 h5 [href^='http']::after,
 .h5 [href^='http']::after,
 h6 [href^='http']::after,
 .external-link::after,
 .btn[href^="http"]::after,
 main [href$=".pdf"]::after,
 main [href$=".docx"]::after,
 main [href$=".doc"]::after,
 main [href$=".zip"]::after,
 main [href$=".ppt"]::after,
 main [href$=".pptx"]::after,
 main [href$=".xls"]::after,
 main [href$=".xlsx"]::after { content:'\2060'; display:inline; margin-left:0.16em; padding:0.5em; font-family:var(--font-default); background-position: 50% 50%; background-size: 0.7em; background-repeat: no-repeat; }
 
 .page-wrapper { position:relative; min-height:100vh; overflow:hidden; }
 
 main { width:100%; max-width:80rem; margin:0 auto; }
 
 main [href^='http']::after,
   .external-link::after,
   .btn[href^="http"]::after { background-image: url('../images/external-link-gray.svg'); }
   main [href$=".pdf"]::after { background-image: url('../images/file-pdf-gray.svg'); }
   main [href$=".doc"]::after,
   main [href$=".docx"]::after { background-image: url('../images/file-word-gray.svg'); }
   main [href$=".zip"]::after { background-image: url('../images/file-archive-gray.svg'); }
   main [href$=".xls"]::after,
   main [href$=".xlsx"]::after { background-image: url('../images/file-excel-gray.svg'); }
 
   .btn-more::after { background-image:url('../images/chevron-gray.svg'); }
   main .no-icon::after { display:none; }
 
   main a { color:var(--button-color); }
   main a:hover { color:var(--accent-dark); }
 
 /* Headings */
 h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6,.page-title  { margin:1em 0 0.75em; padding-top:10px; line-height:1.3; color:var(--gray); text-rendering:optimizeLegibility; font-family:var(--font-heading); font-weight:700; max-width:none; }
 .page-title { margin:1rem  0; line-height:1.25; font-family:var(--font-heading); clear:both; }
 h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child, h4:first-child,.h4:first-child,h5:first-child,.h5:first-child,h6:first-child,.h6:first-child { margin-top:0; }
 h1 a,.h1 a,h2 a,.h2 a,h3 a,.h3 a,h4 a,.h4 a,h5 a,.h5 a,h6 a,.h6 a { text-decoration:none; }
 h1 a:visited,.h1 a:visited,h2 a:visited,.h2 a:visited,h3 a:visited,.h3 a:visited,h4 a:visited,.h4 a:visited,h5 a:visited,.h5 a:visited,h6 a:visited,.h6 a:visited { color:var(--accent); }
 h1 a:hover,.h1 a:hover,h2 a:hover,.h2 a:hover,h3 a:hover,.h3 a:hover,h4 a:hover,.h4 a:hover,h5 a:hover,.h5 a:hover,h6 a:hover,.h6 a:hover { text-decoration:underline; }
 h1,.h1,.page-title {font-size:2.125rem; text-transform:uppercase; }
 h2,.h2 { font-size:1.8rem; }
 h3,.h3 { font-size:1.5rem; font-weight:400; text-transform:uppercase; }
 h4,.h4,h5,.h5,h6,.h6 { font-family:var(--font-default); font-size:1rem; text-transform:uppercase; }
 
 div > h2:first-child,  div > .h2:first-child,
 div > h3:first-child,  div > .h3:first-child,
 div > h4:first-child,  div > .h3:first-child,
 div > h5:first-child,  div > .h5:first-child,
 div > h6:first-child,  div > .h6:first-child { margin-top:0; }
 
 ul.row { padding:0; list-style: none;}
 .list-inline li { display:inline-block; }
 
 .no-bullets { list-style:none; padding:0; }
 
 .block-center { max-width:65em; margin:0 auto; }
 .align-center { align-items:center; }

 /* Winter sale alert banners */

.alert-banner {
  position: fixed;
  top: 129px;
  background-color: var(--accent);
  color: #FFFFFF;
  z-index: 300;
  width: 100%;
  text-align: center;
  padding: 0.5rem 1.5rem;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.2;
}

.alert-banner a {
  text-decoration: underline;
  color: #FFFFFF;
}

.winter-sales-banner {
  /* background-image: url('/themes/smokercraft/images/STSM318_Web_Headers.png');
  height: 500px; */
  width: 100%;
  position: relative;
}

.winter-sales-banner .banner-image {
  width: 100%;
  object-fit: cover;
  display: block;
  margin-top: 8rem;
}
.banner-text, .sales-text{
  text-shadow: 2px 2px 2px black;
}
@media only screen and (max-width: 990px) {
  .winter-sales-banner .banner-image {
    margin-top: 0rem;
  }

  .winter-sales-banner .container {
    margin-left: 0 !important;
    margin-right: 0 !important;
    width: 100%;
    max-width: unset;
    padding: 0;
  }
}

@media only screen and (max-width: 426px) {
  .winter-sales-banner .banner-image {
    margin-top: 2rem;
  }
}

@media only screen and (max-width: 355px) {
  .winter-sales-banner .banner-image {
    margin-top: 4rem;
  }
}

.banner-text {
  color: #FFFFFF;
  position: absolute;
  bottom: 20%;
  font-size: 1.5rem;
}

.banner-text .sales-text {
  font-size: 1.5rem;
  margin-bottom: 1.5rem;
  
}

@media only screen and (max-width: 990px) {
  .banner-text {
    background-color: var(--accent);
    position: unset;
    bottom: unset;
    padding: 1.5rem;
    text-align: center;
  }
}

.banner-text h1 {
  color: #FFFFFF;
}

@media only screen and (max-width: 990px) {
  .banner-text h1 {
    margin-bottom: 0.5rem;
    
  }

  .banner-text p {
    margin-bottom: 0;
  }
}

.banner-link button {
  background-color: var(--accent);
  border: none;
  color: #FFFFFF;
  font-weight: 700;
  border-radius: 12px;
  text-transform: uppercase;
  padding: 0.6em 1.5em;
}

@media only screen and (max-width: 990px) {
  .banner-link button {
    text-decoration: underline;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1600px) {
  .alert-banner {
    top: 118px;
    font-size: 0.875rem;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .alert-banner {
    top: 118px;
  }
}

@media only screen and (min-width: 960px) and (max-width: 991px) {
  .alert-banner {
    top: 109px;
  }
}

@media only screen and (max-width: 959px) {
  .alert-banner {
    top: 90px;
  }
}

@media only screen and (max-width: 767px) {
  .alert-banner {
    top: 142px;
    font-size: 0.875rem;
  }
}

@media only screen and (max-width: 356px) {
  .alert-banner {
    top: 150px;
  }
}

.toolbar-horizontal .alert-banner {
  top: 198px;
}
 
 /* Breadcrumbs */
 .breadcrumb { background-color:transparent; border:none; padding:0; margin:1em 0; justify-content:center; }
 .breadcrumb li { text-transform:uppercase; font-weight:600; }
 
 /* Nav */
 #main-nav {
   padding: 0;
 }
 #cta-nav {
   margin-left: 0.5em;
 }
 
 /* Content */
 .node__content img.align-left { margin:0 1em 1em 0; }
 .node__content img.align-right { margin:0 0 1em 1em; }
 
 /* Cards */
 .card { position:relative; border:none; background-color:transparent; align-self:flex-start; margin-bottom:1.5em; }
   .card::after { content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background-color:transparent; z-index:-1; transition:background-color 0.3s ease-in-out; -webkit-transition:background-color 0.3s ease-in-out; -moz-transition:background-color 0.3s ease-in-out; }
   .card.col-12::after, .card.col-11::after, .card.col-10::after, .card.col-9::after, .card.col-8::after, .card.col-7::after, .card.col-6::after, .card.col-5::after, .card.col-4::after, .card.col-3::after, .card.col-2::after, .card.col-1::after { left:15px; right:15px; }
 .card.column { padding:0 15px; margin:0; }
   .card.column::after { left:15px; right:15px; }
 .card.hover-bg:hover::after, .card.hover-bg:focus-within::after { background-color:#eee; }
 .card-body { padding:1.5rem; font-size:1rem; }
   .card-body p:last-child { margin-bottom:0; }
 .card-title { margin:0 0 1rem; font-size:1.5rem; padding-top:0; color:var(--gray); }
 .card-label { font-size:1rem; margin:0 0 0.5em; font-size:0.875rem; font-weight:normal; letter-spacing:0.08em; text-transform:uppercase; }
 .card-image { order:-1; margin:0; }
   .card-image img { width:100%; }
 .card-video { pointer-events: none; }
   .card-video .media--type-remote-video.media--view-mode-card::after { background: none; }
   .card-video * { position: absolute !important; top: 0; left: 0; right: 0; bottom: 0; pointer-events: auto; z-index: 2; }
   .card-video img { display: none; }
 .card h4 { padding-top:0; }
 .card .btn {
   margin-top: 1rem;
 }
 
 /* Centering 1, 2, 3 */
 .view-display-id-block_2 .row li:first-child { margin-left: auto; }
 .view-display-id-block_2 .row li:nth-child(-n+3):last-child { margin-right: auto; }
 
 /* Based on number of children */
 .view-display-id-block_2 .row li:first-child:nth-last-child(5) ~ li:nth-child(3),
 .view-display-id-block_2 .row li:first-child:nth-last-child(6) ~ li:nth-child(3) { margin-right: 12.5%; }
 
 .view-display-id-block_2 .row li:first-child:nth-last-child(n + 5) ~ li:nth-child(4),
 .view-display-id-block_2 .row li:first-child:nth-last-child(n + 7) ~ li:nth-child(5)
 { margin-left: auto; }
 
 .view-display-id-block_2 .row li:first-child:nth-last-child(n + 5) ~ li:last-child
 { margin-right: auto; }
 
 /* Content */
 main { padding-bottom:2em; }
 
 .color-bg-section {
   background-color: #b9e3ff;
   padding: 1.2rem 0;
 }
 
 /* Series */
 .view-display-id-block_model_listing ul li:first-child { margin-left: auto; }
 .view-display-id-block_model_listing ul li:nth-child(-n+3):last-child { margin-right: auto; }
 
 .view-display-id-block_model_listing .model-card h4 span { display:none; }
 
 /* Dealer Locator */
 .dealer-search-help { font-size: 12px; font-weight: normal; line-height: 1.5; display: inline-block; }
 .dealer-search-title { font-weight: bold; }
 
 .region-sidebar-first .dealer-locator-search-form { padding: 13px; border: solid 3px #b4b4b4; border-radius: 4px; }
 .region-sidebar-first .dealer-locator-search-form.mobile-hide { display: none; }
 
 /* jQuery Accordion */
 .ui-accordion .ui-accordion-header { border-radius: 7px; }
 
 .ui-accordion-header.ui-state-default:not(.ui-state-active),
 .ui-accordion-header.ui-state-focus:not(.ui-state-active) { background: none; }
 
 .ui-accordion .ui-accordion-content { background: #f6f6f6; }
 
 /* Build a Boat */
 .node-917 .page-hero { height: 0; overflow: hidden; }
 
 @media screen and (max-width: 64em) {
   #mainContainer[data-v-36b47eac] {
     margin-top: 35px !important;
   }
 }
 
 /* Panosphere */
 .photosphere { height:400px; width: auto; }
 
 /* Owner's Manual */
 .owners-manual-icons { display: flex; flex-flow: row wrap; justify-content: center; margin-bottom: 2rem; }
 .owners-manual-icons a { flex-basis: 50%; }
 .owners-manual-icons main [href$=".doc"]::after, main [href$=".docx"]::after { content: none; }
 
 @media only screen {
   .slick-slider { display: table; table-layout: fixed; width: 100%; }
 
   /* General */
   .section, .block-views-blockhomepage-blocks-block-1, .block-views-blockhomepage-blocks-block-2 { padding:2em 0; }
     .section > .views-element-container { padding:0; }
 
   .section-blue { background:var(--accent); color:#fff; }
     .section-blue h2, .section-blue h3, .section-blue h4, .section-blue h5, .section-blue h6 { color:#fff; }
 
   .section-title, .views-element-container > h2, .showroom-type-listing > h3 { font-size:2.125rem; font-weight:700; line-height:1.25; margin:1em 0; padding-top:10px; font-family:var(--font-heading); text-align:center; text-transform:uppercase; color:var(--gray); }
 
   .bg-full-bleed { position:relative; }
     .bg-full-bleed::after { content:''; display:block; position:absolute; top:0; bottom:0; left:-100vw; right:-100vw; background-color:inherit; z-index:-1; }
 
   /* Tabs */
   .tab-pane { max-width:100%; padding:0 0 2em; }
 
   /* Buttons */
   .btn { display:inline-block; padding:0.6em 1.5em; margin:0 0.25em 0.25em 0; font-size:1rem; text-transform:uppercase; border:3px solid transparent; border-radius:0.6em; border-color: transparent !important; line-height:1.2; text-decoration:none; align-self:flex-start; color:#fff; background-color:var(--button-color); transition:all 0.3s ease-in-out; }
     .btn svg { fill:currentColor; vertical-align:text-top; transition:transform 0.25s ease-in-out; }
     .btn:hover { background-color:var(--button-hover); color:#fff; transform:scale(1.02); -webkit-transform:scale(1.02); -moz-transform:scale(1.02); }
     .btn:visited { color:#fff; }
     .btn:focus { border-color:#15a6b5; outline:none; }
     .btn:active { color:#fff; background-color:var(--button-hover); }
     .btn-sm { font-size:0.8rem !important; padding:0.4em 1em; }
     .btn-lg { font-size:1.25rem !important; }
     .btn.disabled { opacity:0.5; background-color:#555; color:#eee; pointer-events:none; }
       .btn.disabled:hover { transform:none; }
 
   .btn-more { padding-right:1.2em; }
   .btn-more::after { content:'\2060'; display:inline; padding:0.5625em 0.5em; margin-left:0.15em; vertical-align:text-bottom; background:url('images/chevron-gray.svg') 50% 50% / 0.45em no-repeat; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0); transition:transform 0.3s ease-in-out; -webkit-transition:-webkit-transform 0.3s ease-in-out; -moz-transition:-moz-transform 0.3s ease-in-out; }
   .btn-more:hover::after { transform:translateX(0.25em); }
 
   .btn-inline { background-color:transparent; color:var(--accent); }
     .btn-inline:visited { color:var(--accent); }
     .btn-inline:hover { background-color:#eee; color:var(--accent-dark); }
 
   /* Cards */
   .card-link { display:block; text-decoration:none; }
     .card-link:hover {text-decoration:none; }
     .card-link::before { content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2 } /* Make entire card clickable */
 
   .card.compact { align-self:flex-start; }
     .card.compact .card-body { position:absolute; top:0; right:0; bottom:0; left:0; color:#fff; display:flex; flex-direction:column; justify-content:flex-end; background-color:transparent; -webkit-transition:background 0.3s; -o-transition:background 0.3s; transition:background 0.3s; }
     .card.compact.col-12 .card-body, .card.compact.col-11 .card-body, .card.compact.col-10 .card-body,
     .card.compact.col-9 .card-body, .card.compact.col-8 .card-body, .card.compact.col-7 .card-body,
     .card.compact.col-6 .card-body, .card.compact.col-5 .card-body, .card.compact.col-4 .card-body,
     .card.compact.col-3 .card-body, .card.compact.col-2 .card-body, .card.compact.col-1 .card-body { left:15px; right:15px; }
     .card.compact:hover .card-body { background-color:rgba(0,0,0,0.5); }
     .card.compact .card-title, .card.compact .card-title a { color:#fff; text-align:center; text-shadow: 1px 1px 4px rgb(0 0 0 / 50%); }
 
   .card-overlay { position:absolute; top:0; right:0; bottom:0; left:0; display:flex; flex-direction:column; justify-content:center; align-items:center; -webkit-backdrop-filter:blur(3rem); backdrop-filter:blur(3rem); opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s, visibility 0.4s; -o-transition:opacity 0.4s, visibility 0.4s; transition:opacity 0.4s, visibility 0.4s; }
     .card-overlay .btn { margin:0 auto 1em; }
     .card:hover .card-overlay { opacity:1; visibility:visible; }
 
   .model-card { align-items:center; }
 
   /* Catalog */
   .catalog-item { margin-bottom:1em; }
     .catalog-item a { display:block; background:#000; }
     .catalog-item img { opacity:0.95; width:100%; }
 
   /* Site Header */
   .navbar.navbar-fixed { position:fixed; top:0; left:0; right:0; }
     .toolbar-horizontal .navbar.navbar-fixed { top:5em; }
   .navbar { padding:1.25em 0 0; background:rgba(112, 112, 112, 0.5); border-bottom:0; -webkit-backdrop-filter:blur(3rem); backdrop-filter:blur(3rem); z-index:100; -webkit-transition:background 0.3s; -o-transition:background 0.3s; transition:background 0.3s; }
   .navbar-brand { height: 60px; padding-top:0; margin-bottom:0.5em; }
     .navbar-brand img { width: 100%; height:auto; max-height: 85px; object-fit: contain; }
   .site-logo { max-width:15em; width: 100%; }
 
   .navbar-toggler { width:2.3em; height:1.8em; position:relative; }
     .navbar-toggler span { width:100%; height:0.2em; background:#fff; position:absolute; left:0; -webkit-transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, -webkit-transform 0.2s 0s; -o-transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s; transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s; transition:top 0.2s 0.25s, left 0.2s 0.25s, opacity 0.2s 0.25s, transform 0.2s 0s, -webkit-transform 0.2s 0s; }
     .navbar-toggler span:first-child { top:0; }
     .navbar-toggler span:nth-child(2) { top:0.5em; }
     .navbar-toggler span:last-child { top:1em; }
 
   .navbar-toggler:not(.collapsed) span { -webkit-transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, -webkit-transform 0.2s 0.25s; -o-transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s; transition:background 0.2s, top 0.2s, left 0.2s, opacity 0.2s, transform 0.2s 0.25s, -webkit-transform 0.2s 0.25s; }
     .navbar-toggler:not(.collapsed) span:first-child { top:0.5em; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); }
     .navbar-toggler:not(.collapsed) span:nth-child(2) { opacity:0; }
     .navbar-toggler:not(.collapsed) span:nth-child(3) { top:0.5em; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }
 
   .navbar-navigation { padding:0 0 1em; }
 
   .region-nav-additional { margin-bottom:1em; width:100%; }
 
   .justify-content-end .navbar-nav { justify-content:flex-end; }
   .navbar-nav, .menu--cta-menu { position:relative; }
     .navbar-nav > li { display:inline-block; }
     .navbar-nav > li:hover > .dropdown { opacity:1; visibility:visible; }
     .navbar-nav > li > a { text-decoration:none; font-size:0.8em; line-height:1.2; font-weight:700; text-transform:uppercase; color:#fff; padding:0; background:none; -webkit-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s; }
     .navbar-nav > li > a:hover { opacity:0.7; color:#fff; }
     .navbar-nav > li + li { margin-left:0.75em; }
     .navbar-nav .dropdown { position:absolute; top:100%; left:-6.9rem; width:88.8rem; background:rgba(255, 255, 255, 0.24); -webkit-backdrop-filter:blur(3rem); backdrop-filter:blur(3rem); margin-top:3.1rem; text-align:left; padding:0 6.4rem 9.4rem; opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s, visibility 0.4s; -o-transition:opacity 0.4s, visibility 0.4s; transition:opacity 0.4s, visibility 0.4s; }
     .navbar-nav .dropdown::after { content:""; position:absolute; bottom: 00%; left: 0; width:100%; height:3.1rem; }
 
   .menu--cta-menu ul { display:flex; flex-flow:row; }
     .menu--cta-menu ul > li > a.nav-link { text-align:center; }
     .menu--cta-menu ul > li + li { margin-left:0.5em; }
 
   .showroom-dropdown { position:absolute; top:100%; left:50%; transform:translateX(-50%); max-width:50rem; background:rgba(255, 255, 255, 0.24); padding:0 2em 2em; opacity:0; visibility:hidden; -webkit-transition:opacity 0.4s, visibility 0.4s; -o-transition:opacity 0.4s, visibility 0.4s; transition:opacity 0.4s, visibility 0.4s; }
     .showroom-dropdown.active { visibility:visible; opacity:1; }
     .showroom-dropdown .tab-pane, .showroom-dropdown .views-element-container { padding:0 !important; }
     .showroom-dropdown .tabbed-content { background:#fff; padding:2em; }
 
   .menu-tabs { text-transform:uppercase; margin-bottom:1rem; justify-content:space-between; }
     .menu-tabs .nav-item + .nav-item { margin-left:1.5em; }
     .menu-tabs .nav-item a { position:relative; text-decoration:none; padding:0 0 0.4rem; font-weight:700; color:var(--accent); }
     .menu-tabs .nav-item a:after { content:""; position:absolute; bottom:0; left:0; width:0; height:0.3rem; background:#707070; -webkit-transition:width 0.4s; -o-transition:width 0.4s; transition:width 0.4s; }
     .menu-tabs .nav-item a:hover { color:inherit; }
     .menu-tabs .nav-item a:hover:after { width:100%; }
     .menu-tabs .nav-item a.active:after { width:100%; }
 
   .menu-series-item { text-align:center; }
     .menu-series-item .menu-item-title { margin: 0; }
     .menu-series-item .menu-item-title a { color:var(--gray); font-weight:700; }
     .menu-series-item .menu-item-starting-at { color:var(--gray); font-size: 14px; line-height: 0.6; }
 
   /* Home */
   .model-carousel .slick-slide { padding:1em; }
 
   .block-home-warranty { position: relative; padding:2em 0; }
     .block-home-warranty::before { content: ""; position: absolute; top: 0; bottom: 0; left: -100vw; right: -100vw; background: black; opacity: .4; z-index: -1; }
     .block-home-warranty::after { content: ""; position: absolute; left: 50%; right: -50%; top: 0; bottom: 0; transform: translateX(-50%); width: 100vw; background:url('../images/warranty-services.jpg') center center no-repeat #333; background-size:cover; z-index: -2; }
     .block-home-warranty .block-content { color:#fff; }
     .block-home-warranty .block-content > h2 { text-transform:uppercase; color:#fff; }
 
   .block-views-blockhomepage-blocks-block-2 { padding-bottom:4em; }
 
   /* Hero */
   .page-carousel { list-style:none; padding:0; margin:0; }
     .page-carousel .slick-slide { height:0; padding-bottom:67vw; overflow:hidden; }
     .page-carousel .carousel-slide { position:relative; height:120vw; background:#000; display:block !important; }
     .page-carousel .carousel-video { width:100vw; height:120vw; pointer-events:none; }
     .page-carousel .carousel-video iframe { position:absolute; top:50%; left:50%; width:220vw; height:100vh; transform:translate(-50%, -50%); }
     .page-carousel .carousel-media { opacity: 1; height:100% }
       .page-carousel .carousel-media * { height:100%; }
       .page-carousel .carousel-media.mobile-gif { height:auto; }
       .page-carousel .carousel-media .field--name-field-media-image, .page-carousel .carousel-media img,
       .page-carousel .carousel-media .field--name-field-media-video-file, .page-carousel .carousel-media video { width:100%; object-fit:cover; }
       .page-carousel .carousel-media video { pointer-events:none; width:100vw; height:100vh; }
     .page-carousel .carousel-body { position:absolute; top: 75%; left:5vw; right:5vw; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); transform:translateY(-50%); text-shadow: 1px 1px 4px rgb(0 0 0 / 50%); }
     .page-carousel .carousel-title { font-size:2em; font-weight:700; color:#fff; margin-bottom:0.5rem; text-transform:uppercase; text-shadow: 1px 1px 6px rgb(0 0 0 / 50%); }
     .page-carousel .carousel-text { font-size:1.25rem; font-weight:700; line-height:1.5; color:#fff; }
   .page-hero-image img { width:100%; }
 
   .slick-arrow { position:absolute; top:50%; opacity:0.5; border:none; background:var(--accent); width:4rem; height:4rem; font-size:0; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%); z-index:10; -webkit-transition:opacity 0.4s; -o-transition:opacity 0.4s; transition:opacity 0.4s; }
     .slick-next { right:0; }
     .slick-prev { left:0; }
     .slick-arrow:hover { opacity:1; }
     .slick-arrow:after { content:""; position:absolute; top:50%; left:50%; -webkit-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); transform:translate(-50%, -50%); width:0; height:0; border-style:solid; border-width:0.75rem 0 0.75rem 1.5rem; border-color:transparent transparent transparent #fff; margin-left:0.2rem; }
     .slick-prev:after { -webkit-transform:translate(-50%, -50%) rotate(180deg); -ms-transform:translate(-50%, -50%) rotate(180deg); transform:translate(-50%, -50%) rotate(180deg); margin:-0.2rem 0 0 -0.2rem; }
   .slick-dots { list-style:none; text-align:center; padding: 0; }
     .slick-dots button { display:none; }
     .slick-dots li { display:inline-block; border:0.1rem solid #707070; background:#fff; width:0.8rem; height:0.8rem; border-radius:50%; -webkit-transition:background 0.4s; -o-transition:background 0.4s; transition:background 0.4s; }
     .slick-dots li:hover { background:#9CF; cursor:pointer; }
     .slick-dots li + li { margin-left:1rem; }
     .slick-dots .slick-active { background:#9CF; }
 
   /* Content */
   .breadcrumb li a { color:var(--accent); }
   .page-header { text-transform:uppercase; color:var(--gray); text-align:center; }
   .page-secondary { margin:0 0 2em; }
     .path-frontpage .page-secondary { margin-bottom:0; }
 
   .modal-content { border-color:var(--accent); padding:1em; }
   .close-btn {
     position: absolute;
     top: 8px;
     right: 12px;
     color: #707070;
     font-size: 24px;
   }
 
   /* Features */
   .feature-item + .feature-item { margin-top:2em; }
   .field--name-field-feature-title {font-size:1.8rem; text-transform:uppercase; margin:1em 0 0.25em; padding-top:10px; line-height:1.3; color:var(--gray); text-rendering:optimizeLegibility; font-family:var(--font-heading); font-weight:700; max-width:none; }
 
   /* Showroom */
   .section--showroom-filters { padding:2em 0; margin-bottom:2em; }
   .showroom-type-listing > h3 { text-align:center; }
 
   .form--inline { display:flex; flex-flow:row wrap; justify-content:center; }
     .form--inline .form-item { float:none; }
     .form--inline .form-item .description { font-size: 0.8em; }
     .form--inline .form-actions { width:100%; text-align:right; }
     .form--inline #edit-field-boat-type-target-id { max-width: 7.5rem;}
 
   /* Series */
   .page-node-type-series .block-page-title-block, .path-frontpage .block-page-title-block,
   .node-5 .block-page-title-block, .page-node-type-boat-model .block-page-title-block { position:absolute !important; overflow:hidden; clip:rect(1px, 1px, 1px, 1px); width:1px; height:1px; word-wrap:normal; }
   .series-tabs { background-color:var(--accent); color:#fff; padding:1em; justify-content:center; }
     .series-tabs li { text-transform:uppercase; font-weight:700; }
     .series-tabs li + li { margin-left:1em; }
     .series-tabs a { color:#fff; }
     .series-tabs a.active { opacity:0.7; }
     .series-tabs a:hover { text-decoration:none; }
 
   .series-package p,
   .section--series-features-listing h3 { background:#eee; padding:2rem 2rem 1rem; margin:0; border-radius:0.25rem 0.25rem 0 0; }
 
   .series-package ul,
   .section--series-features-listing ul { list-style:disc; background:#eee; padding:1rem 2rem 2rem 3rem; border-radius:0 0 0.25rem 0.25rem; margin-bottom:1.5rem; }
     .section--series-features-listing li { font-size:1rem; }
 
   .series-package { padding:1em; }
 
   .color-option { margin-bottom:1.25em; }
   .color-option h4 { margin-top:0; }
 
   /* Boat Model */
   .section--model-specs ul { display:flex; flex-flow:row wrap; padding:0 2em; }
     .section--model-specs ul li { text-align:center; font-size:2rem; color:var(--accent-light); font-weight:bold; width:50%; margin:0 0 1em; }
     .section--model-specs ul li .label { font-weight:normal; display:block; font-size:1rem; margin-bottom:0.75rem; color:var(--gray); }
     .section--model-specs ul li .spec { line-height: 1.1; }
 
   .slide-profile { position:relative; }
     .slide-profile .slide-content { position:absolute; top:1em; right:1em; }
 
   /* Gallery */
   .field--name-field-interior-photos .field__items, .field--name-field-exterior-photos .field__items { display:flex; flex-flow:row wrap; margin-bottom:1em; }
     .field--name-field-interior-photos .field__item, .field--name-field-exterior-photos .field__item { width:19%; margin-right:1%; }
 
   .gallery-grid { margin-bottom:2em; }
     .gallery-grid:last-child { margin-bottom:0; }
     .gallery-grid ul { display:grid; grid-template-columns:repeat(2, minmax(0,50%)); list-style:none; margin:0; padding:0; }
     .gallery-grid ul li { list-style:none; margin-bottom:1.5em; /*background:#000;*/ }
     .gallery-grid ul li a { display:block; }
     .gallery-grid ul li a:hover { opacity:0.9; }
 
   .gallery-flex { margin-bottom: 2em; }
     .gallery-flex:last-child { margin-bottom:0; }
     .gallery-flex ul { display: flex; flex-flow: row wrap; list-style: none; margin:0; padding:0; }
     .gallery-flex ul li { margin-bottom: 1.5em; width: calc(50% - 1.5em); }
     .gallery-flex ul li:first-child { margin-left: auto; }
     .gallery-flex ul li:nth-child(-n+3):last-child { margin-right: auto; }
   
     .gallery-flex ul li a { display:block; }
     .gallery-flex ul li a:hover { opacity:0.9; }
 
     .gallery-flex.pano ul li { width: calc(50% - 1.5em); }
 
   .gallery-teaser-grid .item-list ul { display: grid; grid-template-columns: repeat(3, minmax(0, 33%)); grid-template-rows: repeat(2, minmax(0, 50%)); gap: 0.5rem; list-style: none;}
     .gallery-teaser-grid .item-list li { margin: 0; }
     .gallery-teaser-grid .item-list li:first-child { grid-column: 1 / 3; grid-row: 1 / 3; }
     .gallery-teaser-grid .item-list img { height: 100%; width: 100%; object-fit: cover; }
 
   .section--series-media-feature .section-title { margin-bottom:1rem; padding-top:0; }
   .gallery-carousel .item-list ul { margin:0; padding:0; }
     .gallery-carousel .item-list li { margin:0 0.5rem 0 0; list-style:none; }
     .gallery-carousel .item-list img { max-height:25em; width:auto; }
 
   .section--model-gallery .views-field-field-videos div, .section--model-gallery .views-field-field-videos article { height:100%; }
     .section--model-gallery .views-field-field-videos img { height:100%; object-fit:cover; }
     .section--model-gallery .views-field { margin-bottom:1em; }
 
   .media--type-remote-video.media--view-mode-card { position:relative; }
     .media--type-remote-video.media--view-mode-card::after { content:''; display:block; position:absolute; left:1em; bottom:1.5em; width:2em; height:2em; background:url('../images/play-btn.png') center center no-repeat; background-size:contain; z-index:2; pointer-events:none; }
 
   .gallery-image-wrapper .gallery-image-title { background: #eee; padding: 5px; border-radius: 0 0 3px 3px; }
 
   /* Site Footer */
   .footer { background-color:var(--accent); color:#fff; padding:2rem; font-size:0.9em; }
     .footer p, .footer li { font-size:0.9rem; }
     .footer a { color:#fff; }
     .footer .btn { background-color:#777; }
 
   @media only screen and (max-width: 450px) {
     .footer {
       padding-left: 0.5rem;
       padding-right: 0.5rem;
     }
   }
 
   .footer-left { text-align:center; }
   .footer-logo { display:block; margin-bottom:1em; max-width:20em; margin-left: auto; margin-right: auto; }
   .footer-logo img { max-height: 52px; }
   .footer-socials li { padding-left: 0.25em; padding-right: 0.25em; }
   .footer-socials li a { font-size:1.5em; }
   .footer-socials li a:hover { opacity:0.7; }
 
   footer .region-footer { flex-direction:row; }
   footer .dealer-locator-search-form { width: 100%; max-width:25em; margin-bottom:2rem; margin-right:2rem; }
     footer .dealer-locator-search-form input[type=text], footer .dealer-locator-search-form select { background-color:rgba(255,255,255,0.7);}
     footer .dealer-locator-search-form input[type=radio]+label:before { content: none; }
     footer .dealer-locator-search-form input[type=radio]:checked+label:before { content: none; }
     footer .dealer-locator-search-form h2 { color:#fff; font-size:1em; text-transform:uppercase; padding-top:0; }
     footer .dealer-locator-search-form label { color:#fff; }
     footer .dealer-locator-search-form .form-checkboxes .form-item, footer .dealer-locator-search-form .form-radios .form-item { margin:0 1em; }
 
   .menu--footer ul { list-style:none; padding:0; margin:0; flex-direction:column; }
   .menu--footer ul > li { margin-right:1em; }
   .menu--footer li + li { margin-left:0; }
   .menu--footer .dropdown-toggle::after { display:none; }
   .menu--footer li, .menu--footer li li { text-transform:uppercase; font-weight:700; }
   .menu--footer li a { padding:0; margin-bottom:0.5em; font-size:0.9rem; }
   .menu--footer li a:hover { opacity:0.9; }
 
   .footer-copyright { line-height: 1.2; width: 100%; }
 }
 
 /* max 480px
 -------------------------------------------*/
 @media only screen and (max-width:480px) {
   .col-lg-3 { flex: 0 0 100%; max-width: 100%; }
   .menu--footer li a { font-size:3.1vw; }
   .page-carousel .carousel-body { top: 50%;}
 }
 
 /* max 600px
 -------------------------------------------*/
 @media only screen and (max-width:600px) {
   .gallery-flex.pano ul li { margin-left: 0; width: 100%; }
 }
 
 /* 768px
 -------------------------------------------*/
 @media only screen and (min-width:48em) {
   /* .page-carousel .slick-slide { padding-bottom:80vw; } */
   .page-carousel .carousel-video iframe { width:180vw; }
   .page-carousel .carousel-slide, .page-carousel .carousel-video { height:80vw; }
 
   .section--model-carousel .slick-slide .col-12 {flex: 0 0 50%;}
 
   .owners-manual-icons a { flex-basis: 25%; }
 }
 
 /* max 960px
 -------------------------------------------*/
 @media only screen and (max-width:60em) {
   .navbar-collapse { position:absolute; top:100%; background:#fff; left:0; right:0; padding:1.25em 2em; }
     .navbar-collapse .navbar-nav { margin:0; }
     .navbar-collapse .navbar-nav > li { display:block; }
     .navbar-collapse .navbar-nav > li + li { margin-left:0; margin-top:0.5em; }
     .navbar-collapse .navbar-nav > li > a { font-size:1em; color:var(--accent); }
 
   /* Hero */
   .page-hero { display: none; }
   .page-hero.mobile { display: block; }

   .page-hero.mobile .carousel-slide { height: 56vw;}
 }
 
 /* 960px
 -------------------------------------------*/
 @media only screen and (min-width:60em) {
 
   /* General */
   h1, .page-title, .section-title, .views-element-container > h2, .showroom-type-listing > h3 { font-size:2.5rem; }
   main { padding-bottom:3em; }
 
   /* Navigation */
   .site-logo { max-width:100%; }
 
   .navbar { padding:2em 0 0; }
   .navbar-navigation { display:flex; align-items:center; justify-content:flex-end; padding-bottom:1.5em; }
   .menu--cta-menu ul > li > a.nav-link, .menu--main ul > li > a.nav-link { background-color:var(--button-color); padding:0.6em 1.5em !important; border-radius:0.6em; -webkit-transition:background 0.4s, border-color 0.4s; -o-transition:background 0.4s, border-color 0.4s; transition:background 0.4s, border-color 0.4s; }
     .menu--cta-menu ul > li > a.nav-link:hover, .menu--main ul > li > a.nav-link:hover { background-color:var(--button-hover); opacity:1; }
 
   /* Header */
   .breadcrumb { margin-top:2em; }
 
   /* Hero */
   .page-hero.mobile { display: none; }
 
   .page-carousel .slick-slide { padding-bottom:50vw; }
   .page-carousel .carousel-video iframe { width:100vw; height:60vw; }
   .page-carousel .carousel-slide, .page-carousel .carousel-video { height:50vw; }
 
   .page-carousel .carousel-body { max-width:70%; display: flex; flex-flow: column wrap; min-height: 300px; }
     .page-carousel .carousel-body * {margin-top: auto !important;}
   .page-carousel .carousel-title { font-size:4em; }
   .page-carousel .carousel-text { font-size:1.5rem; }
 
   /* Content */
   .modal-content { padding:1.5em; }
 
   /* Home */
   .block-home-2022 .card { margin-bottom:0.5rem; padding-left:0.25rem; padding-right:0.25rem; }
   .block-home-2022 .card.compact .card-body { left:0.25rem; right:0.25rem; }
   .block-home-2022 .card.compact .card-title { font-size:2rem; }
 
   .block-home-warranty { padding:5vw 0 2em; display:flex; }
   .block-home-warranty .block-content { width:50vw; }
   .block-home-warranty .block-content > h2 { font-size:2.5em; }
 
   /* Features */
   .feature-item + .feature-item { margin-top:3em; }
   .feature-item:nth-child(2n) .feature-media { order:2; }
 
   /* Series */
   .tab-pane { width:100vw; }
   .series-trim-packages, .series-panel-colors { margin-right:2em; margin-bottom:0; }
   .series-upholstery-colors { margin-right:1em; margin-bottom:0; }
   .series-bimini-colors { margin-left:1em; margin-bottom:0; }
 
   .series-features { padding:1.5em; }
     .series-features h2 { color:var(--accent); text-transform:uppercase; }
 
   /* Boat Model */
   .section--model-specs ul li { font-size:2.75rem; }
   .section--model-specs ul li .label { font-size:1.25rem; }
 
   .view-display-id-block_specs th, .view-display-id-block_specs td { width:50%; }
 
   /* Gallery */
   .media-gallery-grid { margin-bottom:1em; }
     .media-gallery-grid .views-row { display:grid; grid-template-columns:2fr 1fr; grid-template-rows:1fr 1fr; grid-gap:1em; }
     .media-gallery-grid .views-row .views-field:first-child { grid-row:1/-1; }
     .media-gallery-grid .views-row .views-field:nth-child(3n) { grid-column:2; grid-row:2; }
 
   .gallery-grid ul { grid-template-columns:repeat(3, minmax(0,33%)); }
 
   .section--model-gallery .views-field { margin-bottom:0; }
   .section--model-gallery .views-field-field-videos .media--type-remote-video.media--view-mode-card::after { width:4em; height:4em; }
 
   .gallery-flex ul li { width: calc(33.33% - 1.5em); }
 
   /* Site Footer */
   .footer {  padding:3rem 2rem; }
   .footer-logo { max-width:100%; }
   .footer-left { text-align:left; }
 
   footer .region-footer { justify-content: space-around; }
   .menu--footer ul > li { margin: 0; width: 50%; white-space: nowrap; }
 
   /* Dealer Locator */
   .region-sidebar-first .dealer-locator-search-form {
     margin-top: 4em;
   }
   .region-sidebar-first .dealer-locator-search-form.mobile-hide {
     display: block;
   }
 
   /* Owner's Manual */
   .owners-manual-icons a { flex-basis: calc(100% / 6); }
 }
 
 /* 992px
 -------------------------------------------*/
 @media only screen and (min-width:992px) {
   /* Dealer Locator */
   .node-13 .block-page-title-block {
     margin-right: 34%;
   }
 }
 
 /* 1280px
 -------------------------------------------*/
 @media only screen and (min-width:80em) {
   /* Hero */
   .page-carousel .carousel-body { max-width:60%; left:10vw; right:auto; padding-bottom:50px; }
 }
 
 /* 1600px
 -------------------------------------------*/
 @media only screen and (min-width:100em) {
   .container-xl, .container-lg, .container-md, .container-sm, .container { max-width:100rem; }
 
   .navbar-nav > li > a, .menu--cta-menu > li > a { font-size:1em; }
 
   /* Home */
   .block-home-warranty { padding:14vw 0 3em; }
   .block-home-warranty .block-content { width:40vw; }
   .block-home-warranty .block-content > h2 { font-size:3em; }
 
   /* Gallery */
   .gallery-grid ul { grid-template-columns:repeat(4, minmax(0,25%)); }
 
   .gallery-flex ul li { width: calc(25% - 1.5em); }
 }