.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;
}
}
#saprol__post-11__row-2 { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }
#widget-ratcf { margin-top: 0px;margin-bottom: 0px; }.lgd-specials .widget-title{
display: none!important;
}
.new-specials{
display: flex;
}
.new-specials--18XTR{ display: none!important; }
.new-specials__item{
position: relative;
width: 100%; min-height: 43vw;
}
.summer-specials{
background: url(/wp/wp-content/themes/saprol-child/img/2019/summer-specials/homepage/summer-splitcell-background.jpg) center center no-repeat;
background-size: cover;
position: relative;
padding-bottom: 2vw;
}
.summer-specials .ro{
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px; width: 1px;
margin: -1px; padding: 0; border: 0;
}
.summer-specials h3{
margin-bottom: 5px;
text-shadow: 2px 2px 8px rgba(0,0,0,0.49);
}
.summer-specials__features{
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-top: 4%;
}
.summer-specials__heading{
width: 75%; max-width: 1190px; margin: 4vw auto 3vw; position: relative;
}
.summer-specials h3 .limited{
display: block;
text-indent: -99999px;
background: url(/wp/wp-content/themes/saprol-child/img/2019/summer-specials/homepage/summer-splitcell-limited-word.png) center center no-repeat;
background-size: cover;
width: 14.5%; height: 0; padding-bottom: 1.7%;
margin: 3.15% 0 0.25em;
}
.summer-specials h3 b{ display: block; }
.summer-specials h3 .weekly, .summer-specials h3 .summer, .summer-specials h3 .specials{
font-size: 4.15vw;
line-height: 0.85;
color: #FFF;
text-transform: uppercase;
margin-right: 0.15em;
}
.summer-specials h3 .weekly{
/*margin-left: 20%;*/
}
.summer-specials h3 .summer{
/*margin-left: 23.46%;*/
}
.summer-specials h3 .specials{
/*margin-left: 32.9%;*/
}
.umbrella{
display: none;
position: absolute;
width: 9.15%;
top: 37.3%; left: 61.9%;
}
.feature-special{
width: 50%; min-height: 26vw;
position: relative;
display: flex; flex-direction: column;
}
.feature-special:first-of-type{ border-right: 2px solid rgba(255, 255, 255, 0.2); }
.feature-special__features{ flex-grow: 1; }
.feature-special__features h4{
max-width: 340px;
/*margin: 2% auto 0;*/ margin: 0;
text-align: center;
font-size: 3vw;
line-height: 1;
text-transform: uppercase!important;
text-shadow: 2px 2px 8px rgba(0,0,0,0.49);
}
.feature-special--X18 .feature-special__features h4 { color: #FFF; }
.feature-special--X18 .feature-special__features h4 .model{
color: #026686;
}
.feature-special--15AllSport .feature-special__features h4 .model{
color: #000!important;
display: block;
}
.feature-special__features h4 .package{
display: block;
color: #FFF!important;
font-size: 0.39em;
margin-bottom: 0.25em;
}
.feature-special__features h4 .price{
display: block;
color: #FFF!important;
font-size: 0.79em;
margin-bottom: 0;
}
.feature-special--15AllSport h4 {
color: #01b7f8;
}
.feature-special--15AllSport h4 .model{
text-transform: none;
}
.feature-special--16XTR h4{ color: #FFF; }
.feature-special--16XTR h4 .model{
color: #f33019; margin-left: 0.25em;
}
.feature-special__heading{
display: flex; justify-content: center; align-items: center; flex-wrap: wrap;
}
.feature-special__heading img{ display: block; width: 100%; }
.feature-special__features .includes{
width: 20.15%; padding: 0 3%;
/*position: absolute;
left: 15%;
top: 32%; transform: translateY(-50%);
*/
}
.feature-special__features .motor{
width: 23.08%;
/*position: absolute;
right: 5%;
top: 50%; transform: translateY(-50%);
*/
}
.feature-special__features .financing{
width: 17%;
/*position: absolute;
right: 15%;
bottom: 62%;
*/
}
.feature-special__features .modelShot{
display: block; margin: 0 auto;
width: 73%;
transform: rotate(-2deg);
}
.feature-special--F17 .modelShot{
margin-top: -2em;
}
.feature-special--X18 .modelShot{
width: 64%;
}
.feature-special--15AllSport .modelShot{
width: 63%;
}
.feature-special--16XTR .modelShot{
margin: -5em auto;
position: relative; z-index: 1;
}
.feature-special .feature-special__learnmore{
font-size: 1.25vw;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto;
}
.feature-special--16XTR .feature-special__learnmore{
position: relative; z-index: 2;
}
.new-specials__item.blueTagDays{
display: block;
background-color: #00b2f0;
color: #FFF!important;
}
.blueTagDays__content{
display: flex;
justify-content: center;
width: 95%; margin: 5% auto 0;
align-items: center;
}
.blueTagDays__content .tag{
width: 55%;
}
.blueTagDays__content .tag img{
display: block; width: 100%;
}
.blueTagDays__content h3{
color: #FFF!important;
text-transform: uppercase!important;
margin-left: -5%;
line-height: 1;
text-shadow: 2px 2px 8px rgba(0,0,0,0.49);
}
.blueTagDays__content h3 .powerup{
font-size: 3.8vw;
display: block;
}
.blueTagDays__content h3 .andsave{
font-family: 'gothamHTF-light';
font-size: 3.9vw;
display: block;
}
.blueTagDays__content h3 .upto{
font-family: 'gothamHTF-light';
font-size: 2.2vw; width: 3.6vw;
display: inline-block;
}
.blueTagDays__content h3 .value{
font-size: 4.9vw;
display: inline-block;
}
.blueTagDays__content h3 .value sup{
font-size: 65%; top: -0.35em;
}
.blueTagDays__learnmore{
position: absolute;
left: 50%; transform: translate(-50%); bottom: 5%;
}
.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;
}
@media screen and (max-width: 800px) {
.summer-specials{
padding: 2em 0;
}
.summer-specials h3 .limited{
width: 32.38%; padding-bottom: 3.85%;
}
.summer-specials h3 .weekly, .summer-specials h3 .summer, .summer-specials h3 .specials{
font-size: 8.315vw;
}
.summer-specials__features{ display: block; }
.feature-special{
width: 90%; margin: 0 auto; min-height: 58vw; margin-top: 2em;
}
.feature-special__features h4{
font-size: 7vw;
}
}
@media screen and (max-width: 760px){
.new-specials{
display: block;
}
.new-specials__item{
width: 100%;
min-height: 86vw;
overflow: hidden;
}
.new-specials__item.blueTagDays{
/*min-height: 74%;*/
}
.blueTagDays__content{ margin-top: 13%; }
.summer-specials h3 .limited{
/*width: 26.88%;*/
}
.summer-specials h3 .weekly, .summer-specials h3 .summer, .summer-specials h3 .specials{
font-size: 7.125vw;
}
.feature-special:first-of-type{
border-right: 0 none;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
padding-bottom: 2em;
}
.feature-special__features h4{
font-size: 6.825vw;
}
.feature-special .feature-special__learnmore{
font-size: 3.2vw;
}
.blueTagDays__content .tag{
width: 45%;
}
.blueTagDays__content h3 .powerup{
font-size: 7.7vw;
}
.blueTagDays__content h3 .andsave{
font-size: 8vw;
}
.blueTagDays__content h3 .value{
font-size: 3.4vw;
width: 4.7vw;
}
}
@media screen and (max-width: 620px){
.feature-special__features h4{
width: 100%; max-width; 100%;
margin-bottom: 0.5em;
}
.feature-special__features .includes{
width: 30%;
}
.feature-special__features .financing{
width: 25%;
}
}
@media screen and (max-width: 510px){
.feature-special--16XTR .modelShot{ margin: -3em auto; }
}
Summer Specials – F17
Very limited time weekly summer specials
X18 Limited Time Offer $39,999*
With 90 ELPT Four Stroke, or get 1.99% Financing* (Not Available in Quebec)
16XTR Limited Time Offer $32,999*
60 ELPT Four Stroke
#widget-qfrno { margin-top: 0px;margin-bottom: 0px; }.blueTag {
display: none!important;
margin-bottom: 0
}
.blueTag .widget-title {
display: none
}
.blueTagDays{
display: flex;
flex-direction: row-reverse;
position: relative;
max-width: 2600px;
font-family: 'gotham_htf';
overflow: hidden;
}
.blueTagDays__copy{
width: 47%;
background-color: #0fb7ff;
color: #FFF;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
box-shadow: 0 0 25px 5px rgba(0, 0, 0, 0.75);
padding: 3vw 0;
}
.blueTagDays__copy::before{
position: absolute; top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
content: "";
background: -moz-linear-gradient(left, rgba(42,144,208,1) 0%, rgba(42,144,208,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(42,144,208,1) 0%,rgba(42,144,208,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(42,144,208,1) 0%,rgba(42,144,208,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a90d0', endColorstr='#002a90d0',GradientType=1 ); /* IE6-9 */
z-index: 1;
}
.blueTagDays__copy h3, .blueTagDays__copy p, .blueTagDays__copy a{
position: relative;
z-index: 1;
margin-left: 3vw;
line-height: 1;
}
.blueTagDays__copy h3{
font-size: 2.5vw;
font-weight: 800;
color: #026686;
text-transform: uppercase!important;
width: 70%;
margin-top: 0; margin-bottom: 1em;
}
.blueTagDays__copy p .one{
font-size: 5.7vw; font-weight: 800;
text-transform: uppercase;
display: block;
}
.blueTagDays__copy p .two{
font-size: 5.7vw;
text-transform: uppercase;
display: block;
}
.blueTagDays__copy p .three{
font-size: 3.7vw;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.blueTagDays__copy p .three i{
display: block; font-style: normal;
}
.blueTagDays__copy p .four{
font-size: 7.1vw;
text-transform: uppercase;
font-weight: 800;
vertical-align: middle;
display: inline-block;
}
.blueTagDays__lifestyle{
display: block;
width: 53%;
}
.blueTagDays__lifestyle img{
display: block; width: 100%;
}
.blueTagDays__blueTag{
width: 27%;
position: absolute;
top: 50%; left: 50%;
transform: translate(-50%, -50%);
z-index: 3;
}
.blueTagDays__blueTag img{
width: 100%;
}
.gradientBtn {
border: 1px solid #0094c9;
display: inline-block;
width: fit-content;
width: -moz-fit-content;
text-decoration: none;
font-weight: 600;
text-transform: uppercase;
padding: 6px 20px;
font-size: 16px;
margin-top: 0.5em;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
}
.gradientBtn--primary {
background: #14b6f1;
background: -moz-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #14b6f1), color-stop(100%, #00a2dd));
background: -webkit-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -o-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: -ms-linear-gradient(top, #14b6f1 0%, #00a2dd 100%);
background: linear-gradient(to bottom, #14b6f1 0%, #00a2dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#14b6f1", endColorstr="#00a2dd", GradientType=0 );
}
.gradientBtn--primary.gradientBtn--hoverFocus {
transition: all .3s linear !important;
}
.gradientBtn--primary.gradientBtn--hoverFocus:hover, .gradientBtn--primary.gradientBtn--hoverFocus:focus {
background: linear-gradient(to bottom, white 0%, white 100%) !important;
color: #00b1f0 !important;
font-family: "gotham_htf" !important;
font-weight: 600 !important;
}
@media screen and (max-width: 540px){
.blueTagDays{
display: block;
}
.blueTagDays__lifestyle{
max-height: 300px;
}
.blueTagDays__lifestyle, .blueTagDays__copy{
width: 100%;
}
.blueTagDays__copy{
padding: 15vw 5vw 5vw;
}
.blueTagDays__copy h3{
width: 90%;
font-size: 5vw;
}
.blueTagDays__blueTag{
width: 40%; min-width: 170px;
top: 19%;
left: 20px; transform: translateX(0);
}
.blueTagDays__copy p .one, .blueTagDays__copy p .two{
display: inline;
}
.blueTagDays__copy p .one{
font-size: 8.7vw;
}
.blueTagDays__copy p .three{
font-size: 5.7vw;
}
.blueTagDays__copy p .four{
font-size: 11.5vw;
}
.blueTagDays .mobileOnly{
display: block;
}
}
Original Blue Tag Days – Disabled
.enjoy-freedom {
display: none!important;
margin-bottom: 0
}
.enjoy-freedom .widget-title {
display: none
}
.readerOnly {
position: absolute;
overflow: hidden;
clip: rect(0 0 0 0);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0
}
.freedomPromo {
background: #019dd0 url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_Background.png) top center no-repeat;
background-size: 100% auto;
color: #FFF;
width: 100%;
box-sizing: border-box;
padding: 4.5% 2.5% 1% 3%;
position: relative
}
.freedomPromo__wrapper {
display: flex;
justify-content: space-around;
align-items: center;
box-sizing: border-box
}
.freedomPromo__intro {
width: 52.5%;
position: relative;
padding-right: 2%
}
.freedomPromo__heading {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-Text.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 85%;
height: 0;
padding-bottom: 19.23%;
margin: 0 0 0 8%;
position: relative;
z-index: 1
}
.freedomPromo__product {
display: block;
width: 90%;
position: relative;
z-index: 2;
margin-top: -2.25vw
}
.freedomPromo__components {
width: 47.5%;
text-align: center
}
.freedomPromo__subheading {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_Includes.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 48.125%;
height: 0;
padding-bottom: 6.875%;
margin-left: 15vw
}
.freedomPromo__primaryComponents {
list-style: none!important;
margin: 0!important;
padding: 0!important;
width: 100%;
display: flex;
justify-content: space-around;
align-items: center
}
.freedomPromo__components li {
list-style: none!important;
margin: 0!important;
padding-top: 0!important;
padding-left: 0!important;
padding-right: 0!important;
position: relative
}
.freedomPromo__component1 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_En-Trailer.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 34.8%;
height: 0;
padding-bottom: 30%!important
}
.freedomPromo__component2 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-Mooring.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 34.8%;
height: 0;
padding-bottom: 30%!important
}
.freedomPromo__component3 {
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_EN-More.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 40.7%;
height: 0;
padding-bottom: 35.9%!important
}
.freedomPromo__component1::after,
.freedomPromo__component2::after {
content: "plus";
display: block;
background: url(https://s3-us-west-2.amazonaws.com/legend-media-vault/wp-content/uploads/2019/05/EnjoyFreedomPromo/EnjoyFreedomPromo_PlusIcon.png) top center no-repeat;
background-size: cover;
text-indent: -999999px;
width: 20.8%;
height: 0;
padding-bottom: 20.8%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: -14.3%;
z-index: 2
}
.freedomPromo__cta {
display: block;
margin: 2em 0 0 11vw;
-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5);
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.5)
}
.freedomPromo__legal {
margin-top: 1.5em
}
.freedomPromo__legal p {
padding: 0;
width: 83%;
margin: 0 auto;
text-align: center;
font-size: .65em;
color: #017397;
line-height: 1.25
}
.gradientBtn {
border: 2px solid #00CAFE;
display: inline-block;
font-family: "gotham-medium";
font-weight: 600;
text-transform: uppercase;
padding: .5em 2.05em;
font-size: 1.25em;
color: #fff;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: pointer;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
text-decoration: none
}
.gradientBtn--primary {
background: #00CAFE;
background: -moz-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, #00CAFE), color-stop(100%, #0291E9));
background: -webkit-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -o-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: -ms-linear-gradient(top, #00CAFE 0%, #0291E9 100%);
background: linear-gradient(to bottom, #00CAFE 0%, #0291E9 100%);
filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#00CAFE", endColorstr="#0291E9", GradientType=0)
}
.gradientBtn--primary.gradientBtn--hoverFocus {
transition: all .3s linear!important
}
.gradientBtn--primary.gradientBtn--hoverFocus:hover,
.gradientBtn--primary.gradientBtn--hoverFocus:focus {
background: linear-gradient(to bottom, white 0%, white 100%)!important;
color: #00b1f0!important;
font-family: "gotham-medium"!important;
font-weight: 600!important
}
.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;
}
@media screen and (max-width: 720px) {
.freedomPromo {
padding-bottom: 3%
}
.freedomPromo__wrapper {
display: block
}
.freedomPromo__intro {
width: 90%;
margin: 0 auto
}
.freedomPromo__components {
width: 85%;
margin: 1.5em auto 0
}
.freedomPromo__subheading {
margin: 0 auto 1em
}
.freedomPromo__cta {
margin: 1.5em auto 0
}
}
@media screen and (max-width: 480px) {
.freedomPromo__primaryComponents {
flex-wrap: wrap
}
.freedomPromo__component1,
.freedomPromo__component2 {
width: 50%;
padding-bottom: 47%!important
}
.freedomPromo__component1::after {
display: none
}
.freedomPromo__component2::after {
width: 32.8%;
padding-bottom: 32.8%;
top: 80%;
right: 80%
}
.freedomPromo__component3 {
width: 60%;
padding-bottom: 58%!important;
top: -4vw;
left: -.5vw
}
}
#widget-cf7e5 { margin-top: 0px;margin-bottom: 0px; }#widget-cf7e5 { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/01/L-Series-Homepage-Banner-thinner.jpg );background-repeat: repeat;background-position: center center;background-attachment: scroll;background-size: auto; }.l-series h3, .l-series p{
background: rgba(0, 0, 0, 0.5);
padding: 0 1em 0 5.525vw;
color: #FFF;
width: 80%;
max-width: 500px;
margin: 0;
}
.l-series .widget-title{
margin-bottom: 0;
padding-top: 15vw;
padding-bottom: 0.25em;
}
.l-series p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.l-series .home-slider-btn{
padding-bottom: 15vw;
}
@media screen and (min-width: 1366px){
.l-series .widget-title{
padding-top: 150px;
}
.l-series .home-slider-btn{
padding-bottom: 150px;
}
}
@media screen and (max-width: 768px){
#widget-cf7e5{
padding-top: 200px; padding-bottom: 0;
}
.l-series h3, .l-series p{
width: 100%; max-width: 100%;
}
.l-series .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.l-series .home-slider-btn{
padding-bottom: 1em;
}
}
.boatBuilder .widget-title{display: none;}
.buildYourLegend{
display: flex;
flex-direction: row-reverse;
align-items: center;
padding: 2.5% 5% 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){
.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;
}
}
Build Your Legend
#widget-i1byb { margin-top: 0px;margin-bottom: 0px; }#widget-i1byb { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/06/ResizedIMG-Homepage-AllModelsBanner.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }.models-2019 h3, .models-2019 p{
background: rgba(0, 0, 0, 0.5);
padding: 0 1em 0 3.125vw;
color: #FFF;
width: 80%;
max-width: 500px;
margin: 0;
}
.models-2019 .widget-title{
margin-bottom: 0;
padding-top: 150px;
padding-bottom: 0.25em;
}
.models-2019 p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.models-2019 .home-slider-btn{
padding-bottom: 150px;
}
@media screen and (max-width: 768px){
.models-2019{
padding-top: 200px; padding-bottom: 0;
}
.models-2019 h3, .models-2019 p{
width: 100%; max-width: 100%;
}
.models-2019 .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.models-2019 .home-slider-btn{
padding-bottom: 1em;
}
}
#widget-i1goc { margin-top: 0px;margin-bottom: 0px; }#widget-i1goc { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2019/06/Catalogue-Homepage-Banner-sanstext-11.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }.catalogue-2019 h3, .catalogue-2019 p{
padding: 0 1em 0 3.125vw;
color: #000;
width: 80%;
max-width: 500px;
margin: 0;
}
.catalogue-2019 .widget-title{
margin-bottom: 0;
padding-top: 150px;
padding-bottom: 0.25em;
}
.catalogue-2019 p{
padding-bottom: 1.3em;
line-height: 1.25;
}
.catalogue-2019 .home-slider-btn{
padding-bottom: 150px;
}
@media screen and (max-width: 768px){
.catalogue-2019{
padding-top: 200px; padding-bottom: 0;
}
.catalogue-2019 h3, .catalogue-2019 p{
background: rgba(0, 0, 0, 0.5);
color: #FFF;
width: 100%; max-width: 100%;
}
.catalogue-2019 .widget-title{
padding-top: 0.5em; font-size: 2em; line-height: 1.25;
}
.catalogue-2019 .home-slider-btn{
padding-bottom: 1em;
}
}
#saprol__post-11__row-3 { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }#saprol__post-11__row-3 { background-color: #e9e7e8; }
#saprol__post-11__col-3 .saprol-col-wrap { padding-top: 0px;padding-bottom: 0px;padding-left: 0px;padding-right: 0px; }
#widget-tjb39 { margin-top: 0px;margin-bottom: 0px; }#widget-tjb39 { padding-top: 0px;padding-bottom: 0px; }#widget-tjb39 { background-image: url( https://dp9bvp4lmovex.cloudfront.net/wp/wp-content/uploads/2018/02/Catalogue-HomepageBanner.jpg );background-repeat: no-repeat;background-position: center center;background-attachment: scroll;background-size: cover; }#widget-tjb39 { height:489px; }
.hbspt-form { margin-top:20px !important; }
label#label-firstname-fbdab8bb-f22f-4b77-86a3-4761f983e59e, label#label-lastname-fbdab8bb-f22f-4b77-86a3-4761f983e59e, label#label-email-fbdab8bb-f22f-4b77-86a3-4761f983e59e, .hs_error_rollup, .hs-error-msgs { display:none !important; }
label.hs-form-booleancheckbox-display { display:block !important; }
.inputs-list multi-container { clear:both; }
li.hs-form-radio { display:inline-block !important;width:auto !important;margin-right:40px !important; }
@media (max-width:767px){
#widget-tjb39 { background-position:right center; }
}
Download yours now.
Models 2019
Side Consoles
Full Windshields
Pontoons
Shopping Tools
Contact Us
Legend Boats
4795 Regional Road 55
Whitefish, ON - P0M 3E0
Phone: (705) 866-2821
Fax: (705) 866-2616
Toll Free: 1-800-461-4050
Barrie: 1-800-459-8448
Montreal: 1-877-855-5771