.three-across{ } .three-across .entry-thumb{ padding-bottom: 62%!important; } .three-across .entry-thumb a{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; } .spa-widget-product-special .spa-readmore{ position: absolute!important; left: 50%!important; transform: translateX(-50%)!important; bottom: 18%!important; z-index: 2!important; font-size: 1.2vw!important; } .three-across .spa-wrap-intro-thumb i{ display: none!important; } .spa-widget-product-special .spa-title-thumb{ font-size: 5.3vw!important; } .three-across .spa-wrap-intro-thumb{ top: 40%!important; } .three-across .spa-readmore i{ display: none!important; } @media screen and (max-width: 799px){ .col-md-4.col-sm-4.col-xs-12:last-of-type{ width: 100%; } .col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb{ padding-bottom: 30%!important; } .col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb a img{ position: absolute; top: -20vw; } } @media screen and (max-width: 639px){ .col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb{ padding-bottom: 62%!important; } .col-md-4.col-sm-4.col-xs-12:last-of-type .entry-thumb a img{ position: absolute; top: 0vw!important; } .spa-widget-product-special .spa-title-thumb{ font-size: 12.3vw!important; } .spa-widget-product-special .spa-readmore{ font-size: 4vw!important; } }

#widget-cf7e5 { margin-top: 0px;margin-bottom: 0px; }#widget-cf7e5 { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/08/L-Series-Homepage-Banner-Two.jpg );background-repeat: repeat;background-position: center center;background-attachment: scroll;background-size: cover; }.clickOverlay{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); z-index: 3; cursor: pointer; } .clickOverlay:hover, .clickOverlay:focus{ background-color: rgba(0, 0, 0, 0.3); transition: all 0.3s linear; } .l-series .widget-title{ display: none!important; } .l-series{ position: relative; width: 100%; padding-bottom: 41.8%; } .l-series__copy{ position: absolute; width: 100%; top: 50%; transform: translateY(-50%); } .l-series__copy h3, .l-series__copy p{ /*background: rgba(0, 0, 0, 0.5);*/ padding: 0 1em 0 3.525vw; color: #FFF; width: 80%; /*max-width: 500px;*/ margin: 0; } .l-series .widget-title{ display:none!important; } .l-series__copy h3{ font-family: 'gothamHTF-light'; text-transform: uppercase!important; font-weight: 300; font-size: 3.5vw; color: #FFF!important; margin-bottom: 0; padding-bottom: 0.25em; letter-spacing: 0.45em; margin-left: -0.1em; } .l-series__copy h3 span{ letter-spacing: normal; display: inline-block; margin: 0 0.25em 0 -0.15em; color: #000; } .l-series__copy p{ margin: 1.3em 0; line-height: 1.25; font-family: 'gotham-medium'; } @media screen and (min-width: 1366px){ } @media screen and (max-width: 768px){ .l-series__copy h3, .l-series__copy p{ width: 100%; max-width: 100%; } .l-series__copy h3{ padding-top: 0.5em; font-size: 2em; line-height: 1.25; } }

.boatBuilder{ position: relative; width: 100%; padding-bottom: 41.8%; } .boatBuilder .widget-title{display: none;} .buildYourLegend{ display: flex; flex-direction: row-reverse; align-items: center; padding: 2.5% 5% 0; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; background: #d8d9db; /* Old browsers */ background: -moz-linear-gradient(top, #d8d9db 0%, #F6F7F9 39%, #d8d9db 67%, #ffffff 67%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #d8d9db 0%,#F6F7F9 39%,#d8d9db 67%,#ffffff 67%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #d8d9db 0%,#F6F7F9 39%,#d8d9db 67%,#ffffff 67%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8d9db', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } .buildYourLegend .tablet{ display: block; width: 40%; align-self: flex-end; } .buildYourLegend .tablet img{ display: block; width: 100%; } .buildYourLegend section{ width: 69%; text-align: center; } .buildYourLegend .legendGearLogo{ width: 28%; max-width: 156px; } .buildYourLegend h3{ font-family: "gotham-medium"; font-weight:700; font-size: 5vw; color: #363636; line-height: 1; padding: 0; margin: 0; } .buildYourLegend p{ font-family: "gothamHTF-light"; font-size: 3vw; color: #96979B; text-transform: uppercase; line-height: 1; padding: 0; margin: 0.25em 0 0; } .buildYourLegend .cta{ margin-top: 7vw; } .buildYourLegend a { text-decoration: none !important; outline: none !important; } .primaryBtn { line-height: 1.5; font-family: "gotham-medium"; font-weight: 800; color: #fff; text-transform: uppercase; display: inline-block; padding: 12px 15px 10px; background: rgba(0,177,240,.9); right: auto; bottom: auto; position: relative; font-size: 1.5vw; } .primaryBtn.primaryBtn--hoverFocus { transition: all .3s linear !important; border: 1px solid rgba(0,177,240,.9) !important; } .primaryBtn.primaryBtn--hoverFocus:hover, .primaryBtn.primaryBtn--hoverFocus:focus { background: rgba(255,255,255,.9) !important; color: #00b1f0 !important; font-family: "gotham_htf_bold" !important; font-weight: 600 !important; } .buildYourLegend .legendLogo{ width: 60%; max-width: 300px; margin-left: 10%; vertical-align: middle; } .next{ background: grey; min-height: 300px; } @media screen and (max-width: 720px){ .boatBuilder{ padding-bottom: 0; } .buildYourLegend{ display: block; overflow: hidden; position: relative; z-index: 1; } .buildYourLegend .cta{ margin-top: 2em; } .buildYourLegend a{ font-size: 1em; } .buildYourLegend .legendLogo{ display: block; margin: 2em auto 1em; width: 35%; } .buildYourLegend .tablet{ width: 75%; max-width: 320px; margin: 0 auto; } .buildYourLegend section{ width: 100%; margin-bottom: 2vw; } .next{ position: relative; z-index: 2; } }