/* ---------------- dark background with white color text overrides ------- */



.sec-light .gform_wrapper.gravity-theme .gfield textarea.large, .sec-light .gform_wrapper.gravity-theme .gfield input.large {
    border-bottom-color: var(--dark-color);
}
.sec-light .gform_wrapper.gravity-theme .gfield textarea.large, .sec-light .gform_wrapper.gravity-theme .gfield input.large, .sec-light .gform_wrapper.gravity-theme .gfield textarea.large::placeholder, .sec-light .gform_wrapper.gravity-theme .gfield input.large::placeholder,
.sec-light a,
.sec-light {
    color: var(--dark-color);
}
.sec-light .fancy_link .text {
    color: var(--dark-color);
}
.sec-light .short-underline:after {
    background-color: var(--dark-color);
}
.sec-light div.borderbox {
    border-color: var(--dark-color);
}


.sec-dark .gform_wrapper.gravity-theme .gfield textarea.large, .sec-dark .gform_wrapper.gravity-theme .gfield input.large {
    border-bottom-color: var(--light-color);
}
.sec-dark .gform_wrapper.gravity-theme .gfield textarea.large, .sec-dark .gform_wrapper.gravity-theme .gfield input.large, .sec-dark .gform_wrapper.gravity-theme .gfield textarea.large::placeholder, .sec-dark .gform_wrapper.gravity-theme .gfield input.large::placeholder,
.sec-dark a,
.sec-dark {
    color: var(--light-color);
}
.sec-dark .fancy_link .text {
    color: var(--light-color);
}
.sec-dark .fancy_link circle {
    fill: transparent;
    stroke: var(--light-color);
}
.sec-dark .fancy_link path {
    stroke: var(--light-color);
}
.sec-dark .short-underline:after {
    background-color: var(--light-color);
}
.sec-dark div.borderbox {
    border-color: var(--light-color);
}






/* -------------------- site theme stuff ----------------- */


.site-t-merl .sec-t-default a,
.site-t-merl .sec-t-default {
    color: var(--light-color);
}
.site-t-merl .sec-t-default .fancy_link .text {
    color: var(--light-color);
}
.site-t-merl .sec-t-default .fancy_link circle {
    fill: transparent;
    stroke: var(--light-color);
}
.site-t-merl .sec-t-default .fancy_link path {
    stroke: var(--light-color);
}









.site-t-sun .hero-styles .fancy_link circle {
    fill: var(--theme-sun);
    stroke: var(--theme-sun);
}
.site-t-sun .hero-styles .fancy_link path {
    fill: var(--theme-sun);
    stroke: var(--dark-color);
}
.site-t-sun .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sun .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


.site-t-land .hero-styles .fancy_link circle {
    fill: var(--theme-land);
    stroke: var(--theme-land);
}
.site-t-land .hero-styles .fancy_link path {
    fill: var(--theme-land);
    stroke: var(--dark-color);
}
.site-t-land .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-land .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-sky .hero-styles .fancy_link circle {
    fill: var(--theme-sky);
    stroke: var(--theme-sky);
}
.site-t-sky .hero-styles .fancy_link path {
    fill: var(--theme-sky);
    stroke: var(--dark-color);
}
.site-t-sky .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sky .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-nan .hero-styles .fancy_link circle {
    fill: var(--theme-nan);
    stroke: var(--theme-nan);
}
.site-t-nan .hero-styles .fancy_link path {
    fill: var(--theme-nan);
    stroke: var(--dark-color);
}
.site-t-nan .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-nan .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-merl .hero-styles .fancy_link circle {
    fill: var(--theme-merl);
    stroke: var(--theme-merl);
}
.site-t-merl .hero-styles .fancy_link path {
    fill: var(--theme-merl);
    stroke: var(--light-color);
}
.site-t-merl .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-merl .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}










.site-t-light-blue .hero-styles .fancy_link circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .hero-styles .fancy_link path {
    fill: var(--theme-light-blue);
    stroke: var(--dark-color);
}
.site-t-light-blue .hero-styles .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .hero-styles .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}








.site-t-sun .three_column_3 .bttn-box rect {
    fill: var(--theme-sun);
    stroke: var(--theme-sun);
}
.site-t-sun .three_column_3 .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-sun .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sun .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}




.site-t-sun .five_column_slider .bttn-box rect {
    fill: var(--theme-sun);
    stroke: var(--theme-sun);
}
.site-t-sun .five_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-sun .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sun .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


.site-t-land .five_column_slider .bttn-box rect {
    fill: var(--theme-land);
    stroke: var(--theme-land);
}
.site-t-land .five_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-land .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-land .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


.site-t-navy .five_column_slider .bttn-box rect {
    fill: var(--theme-navy);
    stroke: var(--theme-navy);
}
.site-t-navy .five_column_slider .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-navy .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-navy .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


.site-t-merl .five_column_slider .bttn-box rect {
    fill: var(--theme-merl);
    stroke: var(--theme-merl);
}
.site-t-merl .five_column_slider .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-merl .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-merl .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


.site-t-light-blue .five_column_slider .bttn-box rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .five_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-light-blue .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}

.site-t-sky .five_column_slider .bttn-box rect {
    fill: var(--theme-sky);
    stroke: var(--theme-sky);
}
.site-t-sky .five_column_slider .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-sky .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sky .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}

.site-t-nan .five_column_slider .bttn-box rect {
    fill: var(--theme-nan);
    stroke: var(--theme-nan);
}
.site-t-nan .five_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-nan .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-nan .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}

.site-t-cream .five_column_slider .bttn-box rect {
    fill: var(--theme-cream);
    stroke: var(--theme-cream);
}
.site-t-cream .five_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-cream .five_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-cream .five_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}








.site-t-land .three_column_3 .bttn-box rect {
    fill: var(--theme-land);
    stroke: var(--theme-land);
}
.site-t-land .three_column_3 .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-land .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-land .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}






.site-t-sky .three_column_3 .bttn-box rect {
    fill: var(--theme-sky);
    stroke: var(--theme-sky);
}
.site-t-sky .three_column_3 .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-sky .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sky .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-nan .three_column_3 .bttn-box rect {
    fill: var(--theme-nan);
    stroke: var(--theme-nan);
}
.site-t-nan .three_column_3 .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-nan .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-nan .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-merl .three_column_3 .bttn-box rect {
    fill: var(--theme-merl);
    stroke: var(--theme-merl);
}
.site-t-merl .three_column_3 .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-merl .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-merl .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-light-blue .three_column_3 .bttn-box rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .three_column_3 .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-light-blue .three_column_3 .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-light-blue .three_column_3 .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
















.site-t-sun .four_column_slider .bttn-box rect {
    fill: var(--theme-sun);
    stroke: var(--dark-color);
}
.site-t-sun .four_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-sun .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sun .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}













.site-t-land .four_column_slider .bttn-box rect {
    fill: var(--theme-land);
    stroke: var(--dark-color);
}
.site-t-land .four_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-land .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-land .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}






.site-t-sky .four_column_slider .bttn-box rect {
    fill: var(--theme-sky);
    stroke: var(--dark-color);
}
.site-t-sky .four_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-sky .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-sky .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-nan .four_column_slider .bttn-box rect {
    fill: var(--theme-nan);
    stroke: var(--dark-color);
}
.site-t-nan .four_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-nan .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-nan .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-merl .four_column_slider .bttn-box rect {
    fill: var(--theme-merl);
    stroke: var(--light-color);
}
.site-t-merl .four_column_slider .bttn-box path {
    fill: var(--light-color);
    stroke: var(--light-color);
}
.site-t-merl .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.site-t-merl .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}



.site-t-light-blue .four_column_slider .bttn-box rect {
    fill: var(--theme-light-blue);
    stroke: var(--dark-color);
}
.site-t-light-blue .four_column_slider .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.site-t-light-blue .four_column_slider .bttn-box:hover rect {
    fill: var(--theme-light-blue);
    stroke: var(--dark-color);
}
.site-t-light-blue .four_column_slider .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


























.sec-light .fancy_link circle {
    fill: transparent;
    stroke: var(--dark-color);
}
.sec-light .fancy_link path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.sec-light .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.sec-light .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}









/* ----------- non theme changing --------------*/


.regular-light-section .fancy_link circle {
    fill: transparent;
    stroke: var(--dark-color);
}
.regular-light-section .fancy_link path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.regular-light-section .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.regular-light-section .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}





.boat_rental_gallery .bttn-box rect {
    fill: transparent;
    stroke: var(--dark-color);
}
.boat_rental_gallery .bttn-box path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.boat_rental_gallery .bttn-box:hover rect {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.boat_rental_gallery .bttn-box:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}









/*
.full_width_content .fancy_link circle {
    fill: transparent;
    stroke: var(--dark-color);
}
.full_width_content .fancy_link path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.full_width_content .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.full_width_content .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}


*/







/*
.two_column_text_image .fancy_link circle {
    fill: transparent;
    stroke: var(--dark-color);
}
.two_column_text_image .fancy_link path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.two_column_text_image .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.two_column_text_image .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}*/












/*.featured_slider .fancy_link circle {
    fill: transparent;
    stroke: var(--dark-color);
}
.featured_slider .fancy_link path {
    fill: var(--dark-color);
    stroke: var(--dark-color);
}
.featured_slider .fancy_link:hover circle {
    fill: var(--theme-light-blue);
    stroke: var(--theme-light-blue);
}
.featured_slider .fancy_link:hover path {
    fill: var(--light-color);
    stroke: var(--light-color);
}*/


.sec-t-navy .text-wrap a:hover {
    color: var(--theme-light-blue);
}
/*.sec-t-navy .fancy_link:hover .text {
    color: var(--theme-light-blue);
}*/
.sec-t-navy .fancy_link:hover circle {
    fill: transparent;
    stroke: var(--theme-light-blue);
}
.sec-t-navy .fancy_link:hover path {
    stroke: var(--theme-light-blue);
}



.site-t-sun .contact-us-bttn {
    border-color: var(--theme-sun);
    background-color: transparent;
    color: var(--light-color);
}
.site-t-sun .contact-us-bttn:hover {
    border-color: var(--theme-sun);
    background-color: transparent;
    color: var(--theme-sun);
}


.site-t-navy .contact-us-bttn {
    border-color: var(--theme-navy);
    color: var(--theme-navy);
}
.site-t-navy .contact-us-bttn:hover {
    border-color: var(--theme-navy);
    background-color: var(--theme-navy);
    border-color: var(--theme-navy);
    color: var(--light-color);
}


.site-t-merl .contact-us-bttn {
    border-color: var(--theme-merl);
    color: var(--theme-merl);
}
.site-t-merl .contact-us-bttn:hover {
    border-color: var(--theme-merl);
    background-color: var(--theme-merl);
    border-color: var(--theme-merl);
    color: var(--light-color);
}


.site-t-land .contact-us-bttn {
    border-color: var(--theme-land);
    color: var(--theme-land);
}
.site-t-land .contact-us-bttn:hover {
    border-color: var(--theme-land);
    background-color: var(--theme-land);
    border-color: var(--theme-land);
    color: var(--light-color);
}


.site-t-sky .contact-us-bttn {
    border-color: var(--theme-sky);
    color: var(--theme-sky);
}
.site-t-sky .contact-us-bttn:hover {
    border-color: var(--theme-sky);
    background-color: var(--theme-sky);
    border-color: var(--theme-sky);
    color: var(--light-color);
}

.site-t-nan .contact-us-bttn {
    border-color: var(--theme-nan);
    color: var(--theme-nan);
}
.site-t-nan .contact-us-bttn:hover {
    border-color: var(--theme-nan);
    background-color: var(--theme-nan);
    border-color: var(--theme-nan);
    color: var(--light-color);
}

.site-t-light-blue .contact-us-bttn {
    border-color: var(--theme-light-blue);
    color: var(--theme-light-blue);
}
.site-t-light-blue .contact-us-bttn:hover {
    border-color: var(--theme-light-blue);
    background-color: var(--theme-light-blue);
    border-color: var(--theme-light-blue);
    color: var(--light-color);
}

.site-t-cream .contact-us-bttn {
    border-color: var(--theme-cream);
    color: var(--theme-cream);
}
.site-t-cream .contact-us-bttn:hover {
    border-color: var(--theme-cream);
    background-color: var(--theme-cream);
    border-color: var(--theme-cream);
    color: var(--light-color);
}