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

div.series_wrapper {
    margin-right: 0px;
    margin-left: 0px;
    display: grid;
    padding-bottom: 80px;
    /* background: red !important; */
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
div.series_wrapper .series_grid {
    
    /* display: flex;
    flex-wrap: wrap;
    justify-content: center; */
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
}
@media screen and (max-width: 1160px) {
    div.series_wrapper .series_grid { 
        grid-template-columns: 1fr;
    }
}
div.series_wrapper.is-layout-constrained > div.series_wrapper_inner.alignwide {
    max-width: 100% !important;
    overflow: hidden;
    width: 100%;
}
div.series_wrapper .series_wrapper_inner .series_title {
    display: none;
}
div.series_wrapper .series_wrapper_inner .compare_buttons {
    display: none;
}
.dh-offcanvas div.series_wrapper .series_grid {
    max-width: 80%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-left: auto;
    margin-right: auto;
}
.series_wrapper .series_grid_item {
    /* grid-template-rows: auto auto 1fr;
    min-height: 100%; */
    gap: 0;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr;
    /* background-color: #f0ede4; */
    padding: 20px;
    box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.1);
    background: rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(2px);
}
.series_wrapper .series_grid_item img.series_img {
    object-fit: cover;
    max-height: 270px;
    width: 100%;
}
.series_wrapper .series_grid_item img.series_img_shadow {
    display: none;
}
.series_wrapper .series_grid_item .series_buttons {
    align-self: flex-end;
    align-content: flex-end;
    height: 100%;
    justify-content: center;
    justify-items: center;
    margin-top: 20px;
}
.series_grid_item .series_button {
    position: relative;
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
    font-size: 1rem;
    line-height: 1;
    padding: 10px 24px 8px 20px;
    display: inline-grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto;
    overflow: hidden;
    align-items: center;
}
.series_wrapper .series_grid_item .series_button.explore {
    background: rgba(0,0,0,0.0.05);
    z-index: 1;
    display: inline-grid;
    align-items: center;
    align-content: center;
    text-decoration: none;
    border: 1px solid rgba(0,0,0,0.7);
    margin-right: 10px;
    /* min-width: 154px; */
}
.series_wrapper .series_grid_item .series_button.explore span {
    display: inline-block;
    z-index: 2;
}
.series_wrapper .series_grid_item .series_button.explore::after {
    position: relative;
    display: inline-block;
    font-family: "Material Symbols Outlined";
    content: "\e5df";
    /* transform: scaleX(-1); */
    font-size: 1rem;
    z-index: 2;
}
.series_wrapper .series_grid_item .series_button.explore::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background:#006e3d;
    z-index: -1;
    left: -100%;
    transition: all .2s ease;
    top: 0;
}
.series_wrapper .series_grid_item .series_button.explore:hover {
    color: white;
}
.series_wrapper .series_grid_item .series_button.explore:hover::before {
    left: 0;
}

.series_wrapper .series_grid_item .series_button.build {
    /* background: rgba(0,0,0,0.3); */
    background:#006e3d;
    z-index: 1;
    color: white;
    border: 1px solid #006e3d;
    text-decoration: none;
    margin-right: 10px;
}
.series_wrapper .series_grid_item .series_button.build span {
    display: inline-block;
    z-index: 2;
}
.series_wrapper .series_grid_item .series_button.build::after {
    position: relative;
    display: inline-block;
    font-family: "Material Symbols Outlined";
    content: "\e5df";
    /* transform: scaleX(-1); */
    font-size: 1rem;
    z-index: 2;
    text-align: right;
}
.series_wrapper .series_grid_item .series_button.build::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: #f0ede4;
    z-index: -1;
    left: -100%;
    transition: all .2s ease;
    top: 0;
}
.series_wrapper .series_grid_item .series_button.build:hover {
    color: black;
}
.series_wrapper .series_grid_item .series_button.build:hover::before {
    left: 0;
}
.series_wrapper .series_grid_item .series_button.build {
    column-gap: 4px;
    display: inline-grid;
    align-items: center;
    align-content: center;
    /* min-width: 154px; */
}
.series_grid_item .series_button.compare {
    display: none;
    background: rgba(0,0,0,0.2);
    border: 1px solid rgba(0,0,0,0.7);
    text-decoration: none;
}
.series_wrapper .series_grid_item .series_button.compare span {
    display: inline-block;
    z-index: 2;
}
.series_wrapper .series_grid_item .series_button.compare::after {
    position: relative;
    display: inline-block;
    font-family: "Material Symbols Outlined";
    content: "\e5df";
    /* transform: scaleX(-1); */
    font-size: 1rem;
    z-index: 2;
}
.series_wrapper .series_grid_item .series_button.compare::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background:black;
    z-index: -1;
    left: -100%;
    transition: all .2s ease;
    top: 0;
}
.series_button.compare:has(+label>.compare_check:checked) {
    display: inline-grid;
    
}
.series_wrapper  .series_grid_item label span {
    font-size: 1rem;
    font-weight: 200;
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    display: inline-block;
    padding: 0 0 4px 10px;
    margin: 0;
}
.series_grid_item .series_buttons label {
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0;
    cursor: pointer;
    text-align: center;
    padding-top: 20px;
}

div.series_wrapper .series_grid_item > a.boat_thumbnail_link {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}
div.series_grid_item img.series_img_shadow {
    opacity: 0;
}

div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_image {
    display: inline-block;
    width: 100%;
    height: auto;
    z-index: 1;
}
div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_image > img {
    display: inline-block;
    width: 100%;
    height: auto;
    filter: brightness(50%);
    transition: all .2s ease;
}

div.series_wrapper .series_grid_item:hover > a.boat_thumbnail_link > span.boat_series_image > img {
    filter: brightness(100%);
}

div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail {
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: grid;
    grid-template-rows: auto auto;
    align-items: center;
    justify-items: center;
}
div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail * {
    transition: all .3s ease;
}

div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail > span.boat_series_title {
    font-size: 4vw;
    line-height: 0.9;
    letter-spacing: 2px;
    font-family: "Play", Helvetica, Arial, sans-serif;
    color: rgba(255,255,255,0.1);
    font-weight: bold;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    transition: all .3s ease;
    padding-top: 8%;
    padding-left: 10%;
    padding-right: 10%;
    font-size: 60px !important;
}
div.series_wrapper .series_grid_item:hover > a.boat_thumbnail_link > span.boat_series_thumbnail > span.boat_series_title {
    color: rgba(255,255,255,8);
    padding-top: 0;
}
body .series_title {
    opacity: 0.5;
    letter-spacing: 2px;
    font-weight: 200;
}
div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail > span.boat_series_button {
    display: none;
    overflow: hidden;
    background: gray;
    color: #fff;
    text-transform: uppercase;
    height: 0;
    padding: 8px 34px;
    margin-bottom: 0;
}
div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail.bay > span.boat_series_button {
    background: #0052a8;
}
div.series_wrapper .series_grid_item > a.boat_thumbnail_link > span.boat_series_thumbnail.bass > span.boat_series_button {
    background: #af2413;
}
div.series_wrapper .series_grid_item:hover > a.boat_thumbnail_link > span.boat_series_thumbnail > span.boat_series_button {
    display: inline-block;
    height: auto;
    margin-bottom: 4%;
}
div.series_header {
    grid-column: 1 / span 4;
    padding-left: 20px;
    width: 100%;
    box-sizing: border-box;
}
@media screen and (max-width:1600px) {
    div.series_header {
        grid-column: 1 / span 3;
    }
}
@media screen and (max-width:1080px) {
    div.series_header {
        grid-column: 1 / span 2;
    }
}
@media screen and (max-width:768px) {
    div.series_header {
        grid-column: 1 / span 1;
    }
}
div.series_header h2 {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0 0 2px 0;
    border-bottom: 1px solid rgba(120,120,120,0.2);
    font-size: 1rem;
    text-align: left;
    font-style: italic;
    margin-top: -34px;
}
div.series_grid_item .series_model {
    padding-bottom: 0;
    margin-bottom: 0;
    font-size: 2rem;
    text-align: center;
    color: #006e3d !important;
    text-transform: uppercase;
}
div.series_grid_item .series_model strong {
    font-family: "Montserrat", "Helvetica", "Arial", sans-serif;
    font-weight: 200;
}
div.series_grid_item .series_model strong:first-child {
    text-transform: uppercase;
    font-size: 1.8rem;
}
div.series_grid_item .series_model strong:last-child {
    font-weight: 500;
}
div.series_grid_item .series_tagline {
    font-size: 1rem;
    text-align: center;
    align-self: flex-start;
    padding-top: 16px;
    margin-block-start: 0;
}
div.series_grid_item .series_price {
    padding-top: 0;
    padding-bottom: 10px;
    margin-block-start: 0;
    margin-block-end: 0;
}
div.series_grid_item .series_price em {
    font-size: 1rem;
    line-height: 1;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}
div.series_grid_item .series_price span {
    font-family: "normalidad-wide", sans-serif;
    font-weight: 100;
    font-style: normal;
    font-size: var(--wp--preset--font-size--large);
    font-size: 2rem;
    line-height: 1;
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
}