/* /RJ/Advisor Sites/Global/Global CSS/Model 1/base */
@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/model-1/colors/blue.css');
/* @import url('resources.css'); */


.body-boating-yachting .content-slider-wrapper .content-slider-image {
    margin: 0 auto;
}

.body-boating-yachting .slick-prev, 
.body-boating-yachting .slick-next {
    top: 40%;
}
.body-boating-yachting .content-slider-wrapper .slick-prev {
    left: -40px;
}
.body-boating-yachting .content-slider-wrapper .slick-next {
    right: -40px;
}
.body-boating-yachting .slick-prev:before, 
.body-boating-yachting .slick-next:before {
    transition: all 0.4s ease-in-out;
    font-size: 50px;
    color: var(--dark);
}
.body-boating-yachting .content-slider-wrapper {
    padding: 0 50px;
}


/*
============================================== 
Media Carousel Dots to Outlines
==============================================
*/
 
.body-boating-yachting .slick-dots li.slick-active button:focus:before {
    opacity: 1;
    color: transparent;
}
.body-boating-yachting .slick-dots li.slick-active button:before {
    color: transparent !important;
    opacity: 1 !important;
    background: var(--dark);
}
.body-boating-yachting .slick-dots li button:before {
    color: var(--dark);
    opacity: 0.95;
    font-size: 10px;
}
.body-boating-yachting .slick-dots li button:focus:before {
    opacity: 1;
}
.body-boating-yachting .slick-dots li.slick-active button:before {
    color: var(--dark);
    opacity: 1;
}
.body-boating-yachting .slick-dots li button {
    border: none;
    background: transparent;
    display: block;
    height: 11px;
    width: 11px;
    outline: none;
    font-size: 0;
    color: transparent;
    padding: 4px;
    cursor: pointer;
}
.body-boating-yachting .slick-dots li button:before {
    color: transparent !important;
    opacity: 1 !important;
    font-size: 10px;
    width: 9px !important;
    height: 9px !important;
    border: 2px solid var(--dark);
    border-radius: 50%;
}
.body-boating-yachting .slick-dots li {
    width: 9px !important;
    height: 9px;
}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
    .body-boating-yachting .content-slider-wrapper {
        padding: 0;
    }
}