/*

	YachtCast Intelligence
	Client Branding

-------------------------------------------------*/
@font-face {
    font-family: "Inter Thin";
    src: url("/resources/fonts/Inter-Thin.ttf");
}
@font-face {
    font-family: "Inter ExtraLight";
    src: url("/resources/fonts/Inter-ExtraLight.ttf");
}
@font-face {
    font-family: "Inter Light";
    src: url("/resources/fonts/Inter-Light.ttf");
}
@font-face {
    font-family: "Inter Regular";
    src: url("/resources/fonts/Inter-Regular.ttf");
}
@font-face {
    font-family: "Inter Medium";
    src: url("/resources/fonts/Inter-Medium.ttf");
}
@font-face {
    font-family: "Inter SemiBold";
    src: url("/resources/fonts/Inter-SemiBold.ttf");
}
@font-face {
    font-family: "Inter Bold";
    src: url("/resources/fonts/Inter-Bold.ttf");
}
@font-face {
    font-family: "Inter ExtraBold";
    src: url("/resources/fonts/Inter-ExtraBold.ttf");
}
@font-face {
    font-family: "Inter Black";
    src: url("/resources/fonts/Inter-Black.ttf");
}

:root {
    --filter-color: invert(25%) sepia(51%) saturate(4353%) hue-rotate(209deg) brightness(98%) contrast(107%);

    --color-brand-50: #edf8ff;
    --color-brand-100: #d6efff;
    --color-brand-200: #b5e4ff;
    --color-brand-300: #83d5ff;
    --color-brand-400: #48bcff;
    --color-brand-500: #1e9aff;
    --color-brand-600: #067aff;
    --color-brand-700: #0066ff;
    --brand-colour: #0066ff;
    --brand-color-filter: invert(47%) sepia(84%) saturate(7148%) hue-rotate(211deg) brightness(101%) contrast(107%); /* brand */
    --color-brand-700-filter: invert(47%) sepia(84%) saturate(7148%) hue-rotate(211deg) brightness(101%) contrast(107%); /* brand */
    --color-brand-800: #084ec5;
    --color-brand-900: #0d459b;
    --color-brand-950: #0e2b5d;

    --color-accent-50: #e7fff7;
    --color-accent-100: #c6ffea;
    --color-accent-200: #92ffdc;
    --color-accent-300: #4dffcf;
    --color-accent-400: #00f5b3;
    --brand-acent: #00f5b3; /* need to replace site wide to correct spelling */
    --brand-accent: #00f5b3;
    --brand-accent-filter: invert(66%) sepia(85%) saturate(928%) hue-rotate(109deg) brightness(100%) contrast(101%); /* brand accent */
    --color-accent-400-filter: invert(66%) sepia(85%) saturate(928%) hue-rotate(109deg) brightness(100%) contrast(101%); /* brand accent */
    --color-accent-500: #00e8a7;
    --color-accent-600: #00be8a;
    --color-accent-700: #009873;
    --color-accent-800: #00785c;
    --filter-accent-800: invert(36%) sepia(31%) saturate(1578%) hue-rotate(122deg) brightness(90%) contrast(101%);
    --color-accent-900: #00624d;
    --filter-accent-900: invert(23%) sepia(77%) saturate(1537%) hue-rotate(143deg) brightness(91%) contrast(102%);
    --color-accent-950: #00382d;

    --font-thin: Inter Thin, Arial, sans-serif;
    --font-extra-light: Inter ExtraLight, Arial, sans-serif;
    --font-light: Inter Light, Arial, sans-serif;
    --font-regular: Inter Regular, Arial, sans-serif;
    --font-medium: Inter Medium, Arial, sans-serif;
    --font-semi-bold: Inter SemiBold, Arial, sans-serif;
    --font-bold: Inter Bold, Arial, sans-serif;
    --font-extra-bold: Inter ExtraBold, Arial, sans-serif;
    --font-black: Inter Black, Arial, sans-serif;

    --reports-main-color: #0066ff;
    --reports-secondary-color: #6a0dad;
    --report-contrast-colour: #00f5b3;
}
/* buttons
    --------------------------------------------------*/
/* solid =====================*/
.theme .btn.solid {
    background-color: var(--color-brand-700);
    color: var(--color-ui-1);
}
.theme .btn.solid:hover {
    background-color: var(--color-accent-400);
    color: var(--color-ui-1);
}

/* solid  accent */
.theme .btn.solid-accent {
    background-color: var(--color-accent-400);
    color: var(--color-accent-800);
}
.theme .btn.solid-accent:hover {
    background-color: var(--color-accent-500);
    color: var(--color-accent-900);
}
.theme .btn.solid-accent:before {
    filter: var(--filter-accent-800);
}
.theme .btn.solid-accent:hover:before {
    filter: var(--filter-accent-900);
}

/* outline ===================*/
.theme .btn.outline {
    border-color: var(--color-ui-200);
}
.theme .btn.outline:hover {
    border-color: var(--color-brand-700);
    background-color: var(--color-brand-700);
    color: var(--color-ui-1);
}
.theme .btn.outline:before {
    filter: var(--color-brand-700-filter);
}
.theme .btn.outline:hover:before {
    filter: invert(100%);
}

/* outline accent*/
.theme .btn.outline-accent {
    border-color: var(--color-ui-200);
    color: var(--color-accent-400);
}
.theme .btn.outline-accent:hover {
    border-color: var(--color-accent-400);
    background-color: var(--color-accent-400);
    color: var(--color-accent-800);
}
.theme .btn.outline-accent:before {
    filter: var(--color-accent-400-filter);
}
.theme .btn.outline-accent:hover:before {
    filter: invert(100%);
}

/* colour outline ===============*/
.theme .btn.colour-outline {
    border-color: var(--color-brand-700);
    color: var(--color-brand-700);
}
.theme .btn.colour-outline:hover {
    border-color: var(--color-brand-700);
    background-color: var(--color-brand-700);
    color: var(--color-ui-1);
}
.theme .btn.colour-outline:before {
    filter: var(--color-brand-700-filter);
}
.theme .btn.colour-outline:hover:before {
    filter: invert(100%);
}

/* outline colour accent*/
.theme .btn.colour-outline-accent {
    border-color: var(--color-accent-400);
    color: var(--color-accent-400);
}
.theme .btn.colour-outline-accent:hover {
    border-color: var(--color-accent-400);
    background-color: var(--color-accent-400);
    color: var(--color-accent-800);
}
.theme .btn.colour-outline-accent:before {
    filter: var(--color-accent-400-filter);
}
.theme .btn.colour-outline-accent:hover:before {
    filter: invert(100%);
}

/* outline hover =======================*/
.btn.outline-hover:hover {
    border-color: var(--color-brand-700);
    color: var(--color-brand-700);
}
.btn.outline-hover:hover:before {
    filter: var(--color-brand-700-filter);
}

/* outline hover accent */
.btn.outline-hover-accent {
    color: var(--color-accent-400);
}
.btn.outline-hover-accent:before {
    filter: var(--color-accent-400-filter);
}

.btn.outline-hover-accent:hover {
    border-color: var(--color-accent-400);
    color: var(--color-accent-400);
}

.color-brand-50-content:after {
    content: "#edf8ff";
}
.color-brand-100-content:after {
    content: "#d6efff";
}
.color-brand-200-content:after {
    content: "#b5e4ff";
}
.color-brand-300-content:after {
    content: "#83d5ff";
}
.color-brand-400-content:after {
    content: "#48bcff";
}
.color-brand-500-content:after {
    content: "#1e9aff";
}
.color-brand-600-content:after {
    content: "#067aff";
}
.color-brand-700-content:after {
    content: "#0066ff";
} /* brand */
.color-brand-800-content:after {
    content: "#084ec5";
}
.color-brand-900-content:after {
    content: "#0d459b";
}
.color-brand-950-content:after {
    content: "#0e2b5d";
}

.color-accent-50-content:after {
    content: "#e7fff7";
}
.color-accent-100-content:after {
    content: "#c6ffea";
}
.color-accent-200-content:after {
    content: "#92ffdc";
}
.color-accent-300-content:after {
    content: "#4dffcf";
}
.color-accent-400-content:after {
    content: "#00f5b3";
} /* brand accent */
.color-accent-500-content:after {
    content: "#00e8a7";
}
.color-accent-600-content:after {
    content: "#00be8a";
}
.color-accent-700-content:after {
    content: "#009873";
}
.color-accent-800-content:after {
    content: "#00785c";
}
.color-accent-900-content:after {
    content: "#00624d";
}
.color-accent-950-content:after {
    content: "#00382d";
}

.theme .colour-brand-50 {
    color: var(--color-brand-50);
}
.theme .colour-brand-100 {
    color: var(--color-brand-100);
}
.theme .colour-brand-200 {
    color: var(--color-brand-200);
}
.theme .colour-brand-300 {
    color: var(--color-brand-300);
}
.theme .colour-brand-400 {
    color: var(--color-brand-400);
}
.theme .colour-brand-500 {
    color: var(--color-brand-500);
}
.theme .colour-brand-600 {
    color: var(--color-brand-600);
}
.theme .colour-brand-700 {
    color: var(--color-brand-700);
} /* brand */
.theme .colour-brand-800 {
    color: var(--color-brand-800);
}
.theme .colour-brand-900 {
    color: var(--color-brand-900);
}
.theme .colour-brand-950 {
    color: var(--color-brand-950);
}

.theme a.colour-brand-50-hover:hover {
    color: var(--color-brand-50);
}
.theme a.colour-brand-100-hover:hover {
    color: var(--color-brand-100);
}
.theme a.colour-brand-200-hover:hover {
    color: var(--color-brand-200);
}
.theme a.colour-brand-300-hover:hover {
    color: var(--color-brand-300);
}
.theme a.colour-brand-400-hover:hover {
    color: var(--color-brand-400);
}
.theme a.colour-brand-500-hover:hover {
    color: var(--color-brand-500);
}
.theme a.colour-brand-600-hover:hover {
    color: var(--color-brand-600);
}
.theme a.colour-brand-700-hover:hover {
    color: var(--color-brand-700);
} /* brand */
.theme a.colour-brand-800-hover:hover {
    color: var(--color-brand-800);
}
.theme a.colour-brand-900-hover:hover {
    color: var(--color-brand-900);
}
.theme a.colour-brand-950-hover:hover {
    color: var(--color-brand-950);
}

.theme .colour-accent-50 {
    color: var(--color-accent-50);
}
.theme .colour-accent-100 {
    color: var(--color-accent-100);
}
.theme .colour-accent-200 {
    color: var(--color-accent-200);
}
.theme .colour-accent-300 {
    color: var(--color-accent-300);
}
.theme .colour-accent-400 {
    color: var(--color-accent-400);
} /* brand accent */
.theme .colour-accent-500 {
    color: var(--color-accent-500);
}
.theme .colour-accent-600 {
    color: var(--color-accent-600);
}
.theme .colour-accent-700 {
    color: var(--color-accent-700);
}
.theme .colour-accent-800 {
    color: var(--color-accent-800);
}
.theme .colour-accent-900 {
    color: var(--color-accent-900);
}
.theme .colour-accent-950 {
    color: var(--color-accent-950);
}

.theme a.colour-accent-50-hover:hover {
    color: var(--color-accent-50);
}
.theme a.colour-accent-100-hover:hover {
    color: var(--color-accent-100);
}
.theme a.colour-accent-200-hover:hover {
    color: var(--color-accent-200);
}
.theme a.colour-accent-300-hover:hover {
    color: var(--color-accent-300);
}
.theme a.colour-accent-400-hover:hover {
    color: var(--color-accent-400);
} /* brand accent */
.theme a.colour-accent-500-hover:hover {
    color: var(--color-accent-500);
}
.theme a.colour-accent-600-hover:hover {
    color: var(--color-accent-600);
}
.theme a.colour-accent-700-hover:hover {
    color: var(--color-accent-700);
}
.theme a.colour-accent-800-hover:hover {
    color: var(--color-accent-800);
}
.theme a.colour-accent-900-hover:hover {
    color: var(--color-accent-900);
}
.theme a.colour-accent-950-hover:hover {
    color: var(--color-accent-950);
}

body.homepage,
.homepage-bg {
    background-color: var(--color-brand-700);
}

/* login */
.theme .forgotten-container a {
    color: var(--color-accent-400);
}
.theme .forgotten-container a:hover {
    color: #20e7a3;
}

.theme .sign-up-link {
    color: var(--color-accent-400);
}
.theme .sign-up-link:hover {
    color: #fff;
}

.theme .loginContainer .form fieldset .loginButton.btn,
.theme .loginContainer .form fieldset.forgotten-copy a.reset-button.btn {
    color: var(--color-accent-900);
}

.theme .loginContainer .form fieldset .loginButton.btn:hover,
.theme .loginContainer .form fieldset.forgotten-copy a.reset-button.btn:hover {
    background-color: var(--color-accent-500);
}

.theme .backtoLink {
    color: #fff;
    background-color: var(--color-brand-700);
}
.theme .backtoLink:hover {
    background-color: var(--color-accent-400);
}

.theme .loginContainer .form fieldset.forgotten-copy a.backtoLink {
    border: 1px solid #fff;
    color: #fff;
}
.theme .loginContainer .form fieldset.forgotten-copy a.backtoLink:hover {
    border: 1px solid #fff;
    color: var(--color-accent-500);
    background: #fff;
}

.theme .loginContainer .form fieldset label {
    color: #fff;
}
.loginContainer .form fieldset .sign-up-link:hover {
    color: #fff;
}

/* forgotten page */
.loginContainer .form fieldset.forgotten-copy {
    color: #fff;
}

/* inactive */
.loginContainer .form fieldset.inactivity p {
    color: #fff;
}

/* header */

.theme header {
    background: var(--color-brand-700);
}

.theme .loginContainer .form fieldset .forgotten a {
    color: #fff;
}

.colour-table tr td {
    color: #000;
    text-align: center;
    padding: 10px;
    font-size: 14px;
}

/* links */
.theme a {
    color: var(--color-brand-700);
    text-decoration: none;
}
.theme a.color-ui-500 {
    color: var(--color-ui-500);
}

.theme a:hover,
.theme a.color-ui-950:hover {
    color: var(--color-accent-400);
    text-decoration: none;
    border-color: var(--color-accent-400);
}
.theme a.color-ui-950 {
    color: var(--color-ui-950);
}
.theme .displayOptions a.active {
    color: var(--color-brand-700);
}
.theme .drop-footer .underline:hover {
    color: var(--color-brand-700);
}

.theme .home-title.intel a,
.theme .latest-news p.heading a,
.theme .latest-videos p.heading a {
    color: #666;
}

.theme .home-title.intel a:hover,
.theme .latest-news p.heading a:hover,
.theme .latest-videos p.heading a:hover {
    color: var(--color-brand-700);
}

.theme .show-more-filters button {
    color: var(--color-brand-700);
}

.theme .searchResults .result .resultDetails .sold-price a {
    color: var(--color-brand-700);
}
.theme .searchResults .result .resultDetails .sold-price a:hover {
    color: var(--color-accent-400);
}

@media screen and (min-width: 641px) {
    /* header search */
    .search-wrap .search-go:before {
        background-color: var(--color-accent-400);
    }
}

.theme .filter-applied {
    color: var(--color-brand-700);
}

/* offcanvas navigation */
.theme #offCanvas .menu a:hover,
.theme #offCanvas .menu button:hover {
    color: var(--color-brand-700);
}

.theme #offCanvas .menu a:hover::before,
.theme #offCanvas .menu button:hover::before {
    filter: var(--filter-color);
}

/* site header */
.theme .siteOptions .app-list .app-item .text {
    color: var(--color-brand-700);
}

.theme #profile-dropdown .menu a:hover:before {
    filter: var(--filter-color);
}
.theme #profile-dropdown .menu a:hover {
    color: var(--color-brand-700);
}
.theme .compareContainer .select-all:hover label {
    color: var(--color-brand-700);
}

.theme .btn.button-shortlist.style-6.onShortlist {
    color: #fff;
    background-color: var(--color-brand-700);
    border-color: var(--color-brand-700);
}
.theme .btn.button-shortlist.style-6.onShortlist:before {
    filter: invert(100%);
}

/* tabs */
.tabsContainer li a.active:before {
    filter: var(--filter-color);
}

/* headings
.theme h1 { color: #000;} */

/* login/forgot */
.theme .loginContainer .signin_row input[type="checkbox"]:checked + label:before {
    filter: var(--filter-color);
}
.loginContainer .btn:hover {
    background-color: var(--color-brand-700);
}

/* dashboard navigation */
.theme .navigation li a {
    color: var(--color-accent-400);
}
.theme .navigation li a:hover,
.theme .navigationDirectory li a:hover {
    color: var(--color-brand-700);
    border: 1px solid var(--color-brand-700);
}

/* sub navigation */
.theme .subNavigation li .title.with-icon {
    color: var(--color-accent-400);
}
.theme .subNavigation li ul li a {
    color: var(--color-brand-700);
}
.theme .subNavigation li ul li a:hover {
    color: var(--color-accent-400);
}

/* alphabet search */
.theme .alphabetSorting .alphabetList li a.active,
.theme .alphabetSorting .alphabetList li a:hover {
    color: var(--color-brand-700);
    border: 1px solid var(--color-brand-700);
}

/* search results */
.theme .searchResults .result .resultDetails a:hover {
    color: var(--color-brand-700);
}
.theme .searchResults .result .resultDetails .resultActions li.compare input:checked + label,
.theme .searchResults .result .resultActions.full-width .compare input:checked + label {
    color: var(--color-brand-700);
}
.theme .searchResults .result .resultDetails .resultActions li.compare input + label:hover,
.theme .searchResults .result .resultActions.full-width .compare input + label:hover {
    color: var(--color-brand-700);
}
.theme .list-view tbody tr td.name a.name {
    color: var(--color-brand-700);
}
.theme .shortlist-details .details-header .show-details:hover {
    border: 1px solid var(--color-accent-400);
}
.theme .shortlist-details .details-header .show-details:hover:before {
    filter: var(--filter-color);
}
.theme .searchResults .result .resultDetails .report-sale a,
.theme .searchResults .result .resultDetails .priceContainer a {
    color: var(--color-brand-700);
}
.theme .searchResults .result .resultDetails .report-sale a:hover {
    color: var(--color-ui-1);
}
.theme .searchResults .result .imageContainer .position {
    background: var(--color-brand-700);
}

/* BG colour 90% of the main colour */
.theme .filters-item select.drop-style.active-filter,
.theme .filters-item .faux-dropdown.active-filter {
    background-color: var(--color-ui-1);
}

/* filter drop downs*/
.theme .searchResults .resultsOptions .chosen-container-single .chosen-single,
.theme .yachtCompareHeader .resultsOptions.display .chosen-container-single .chosen-single {
    color: var(--color-brand-700);
}
.theme .sort-option.active,
.theme .sort-option:hover {
    color: var(--color-brand-700);
}
.theme .searchResults .resultsOptions .chosen-container-single .chosen-drop ul li.highlighted,
.theme .searchResults .resultsOptions .chosen-container-single .chosen-drop ul li.result-selected,
.theme .yachtCompareHeader .resultsOptions .chosen-container-single .chosen-drop ul li.highlighted,
.theme .yachtCompareHeader .resultsOptions .chosen-container-single .chosen-drop ul li.result-selected {
    background-color: var(--color-brand-700);
}
.theme .styled-item-list li button.active,
.theme .styled-item-list li button:hover,
.theme #builder-overlay .builder-list button.active,
.theme #builder-overlay .builder-list button:hover,
.theme #model-list .model-list button.active,
.theme #model-list .model-list button:hover,
.theme #model-dropdown .model-list button.active,
.theme #model-dropdown .model-list button:hover,
.theme #price-dropdown .filter-price-bracket button:hover,
.theme #price-dropdown .filter-price-bracket button.active {
    color: var(--color-brand-700);
}
.theme .noUi-connect {
    background: var(--color-brand-700);
}
.theme .noUi-horizontal .noUi-handle {
    border-color: var(--color-brand-700);
}
.theme .togglebox-init > label:hover {
    color: var(--color-brand-700);
}

.theme .view-dropdown:before {
    filter: var(--filter-color);
}

.theme .displayOptions a.active:before,
.theme .displayOptions a.active:hover:before,
.theme .displayOptions a:hover:before {
    filter: var(--filter-color);
    opacity: 1;
}

.theme .sort-option:hover:before,
.theme .sort-option.active:before,
.theme .sort-option.active:hover:before,
.theme .sort-dropdown:before {
    filter: var(--filter-color);
    opacity: 1;
}

.theme .clear-list-sidebar {
    color: #999;
} /* this is needed to override the a standard styling */
.theme .clear-list-sidebar:hover {
    color: var(--color-brand-700);
}
.theme .clear-list-sidebar:hover:before {
    filter: invert(8%) sepia(97%) saturate(4350%) hue-rotate(340deg) brightness(120%) contrast(108%);
}

.theme .drop-footer .underline:hover:before {
    filter: var(--filter-color);
    opacity: 1;
}

/* compare */
.theme .yachtCompareHeader .resultsOptions.display .chosen-container-single .chosen-single {
    color: var(--color-brand-700);
}
.theme #yachtCompare .yachtCompareInner .yachtCompareDetailsContainer ul.yachtDetails li.yachtName a {
    color: var(--color-brand-700);
}

.compare-fixed-mode .compareContainer a.compare-clear:hover {
    filter: var(--filter-color);
}
.compare-fixed-mode .close-compare:hover {
    filter: var(--filter-color);
}

/* forms */
.radio-button input[type="radio"]:checked + label:after {
    filter: var(--filter-color);
}
.checkbox-container input[type="checkbox"]:checked + label:before,
.styled-item-list li button.active:before,
#builder-overlay .builder-list button.active:before,
#source-list .option-checkbox-styled input[type="checkbox"]:checked + label::before,
#year-dropdown .option-checkbox-styled input[type="checkbox"]:checked + label::before {
    filter: var(--filter-color);
}

#intelligence_login .checkbox-container input[type="checkbox"]:checked + label:before {
    filter: none;
    opacity: 0.5;
}

.switch-container input[type="checkbox"]:checked + label {
    background-color: var(--color-brand-700);
}

/* pagination */
/*.theme .pagination-navigation .page-navigation-container a:hover {*/
/*    background-color: var(--color-brand-700);*/
/*    border: 1px solid var(--color-brand-700);*/
/*}*/

/* table sort filters */
.data-list thead tr td a.ASC:before,
.data-list thead tr td a.sort.up:before,
.data-list thead tr td a.DESC:before,
.data-list thead tr td a.sort.down:before {
    filter: var(--brand-color-filter);
}

/* settings */
.theme .radio-block .radio-item input:checked + .radio-name {
    border-color: var(--color-brand-700);
    background-color: var(--color-brand-700);
    color: #fff;
}

/* news */
.theme .industry-news .news-item .image-container .icon-hover {
    border: 2px solid var(--color-brand-700);
}
.theme .industry-news .news-item:hover .headline,
.acent .industry-news .news-item .headline:hover {
    color: var(--color-brand-700);
}
.theme .news-yachts li a {
    color: var(--color-brand-700);
}

/* model & shipyard details */
.theme .tabs-container .tabs .tab-list li.active a,
.theme .tabs-container .tabs .tab-list li a.active {
    color: var(--color-brand-700);
    border-bottom-color: var(--color-brand-700);
}
.theme .tabs-container .tabs .tab-list li.active a:before,
.theme .tabs-container .tabs .tab-list li a.active:before,
.theme .tabs-container .tabs .tab-list li a:hover:before {
    opacity: 1;
    filter: var(--filter-color);
}
.theme .sub-tabs-bar .sub-tab-list li.active a,
.theme .sub-tabs-bar .sub-tab-list li a.active,
.theme .sub-tabs-bar .sub-tab-list li:not(.active) a:hover,
.theme .sub-tabs-bar .sub-tab-list li a:not(.active):hover {
    border-color: var(--color-brand-700);
    color: var(--color-brand-700);
}
.theme .sub-tabs-bar .sub-tab-list li.active a,
.theme .sub-tabs-bar .sub-tab-list li a.active {
    color: var(--color-brand-700);
}
.theme .tabs-container .tabs .tab-list li a.mouseover,
.theme .tabs-container .tabs .tab-list li a.touched-event,
.theme .tabs-container .tabs .tab-list li a:hover {
    color: var(--color-brand-700);
}
.theme .searchResults h2 a {
    color: var(--color-brand-700);
}
.theme .searchResults h2 a:hover {
    color: var(--color-accent-400);
}

.theme .social-media-links a:before {
    filter: var(--filter-color);
}

/* yacht details */
.theme .particular-tabs li a.active:after {
    background: var(--color-brand-700);
}
.theme .particular-tabs li a.active,
.theme .particular-tabs li a:hover {
    color: var(--color-brand-700);
}

.theme .tabs-container .tabs .tab-list.model-tabs a:hover:before {
    filter: var(--filter-color);
    opacity: 1;
}

.theme .particular-tabs li a.active:before,
.theme .particular-tabs li a:hover:before {
    filter: var(--filter-color);
    opacity: 1;
}

.theme .sub-tabs a:hover {
    border: 1px solid var(--color-brand-700);
    color: var(--color-brand-700);
}
.theme .sub-tabs a.active {
    border: 1px solid var(--color-brand-700);
    color: #fff;
    background-color: var(--color-brand-700);
}
.theme .sub-tabs a.inactive:hover {
    color: var(--color-brand-700);
}

.theme .yacht-actions .style-like-select.dropdown.menu li ul li a:hover {
    background-color: var(--color-brand-700);
}
.theme .yacht-actions .style-like-select.dropdown.menu li a.title {
    color: var(--color-brand-700);
}

.theme .media-container .link-360-tour:hover {
    color: #fff;
}

.theme .awardsSection ul li .judges-coments .controles a {
    color: var(--color-brand-700);
}

.theme .overviewSpcicfications .min-spec.model li ul li a {
    color: var(--color-brand-700);
}

.theme .optionButtons .coastGuard:hover,
.optionButtons .fanInfo:hover {
    background-color: var(--color-brand-700);
}

.theme .current-location-button .check {
    color: var(--color-brand-700);
}
.theme .current-location-button .check:hover {
    color: var(--color-accent-400);
}

.theme .yachtDetailsContainer .accordion .accordion-item .accordion-title {
    color: var(--color-ui-950);
}
.theme .particulars-table thead tr td a {
    color: #999;
}
.theme .particulars-table thead tr td a:hover {
    color: var(--color-brand-700);
}
.theme .sold-price-list li a {
    color: var(--color-brand-700);
}
.theme .sold-price-list li a:hover {
    color: var(--color-accent-400);
}

.theme .particular-tabs li.notes a span.has-notes .count,
.theme .particular-tabs li.reports a span.has-reports .count,
.theme .particular-tabs li.notes a.active span.has-notes .count,
.theme .particular-tabs li.reports a.active span.has-reports .count {
    background: var(--color-accent-400);
}

.theme .yacht-actions .style-like-select.dropdown.menu li a.title:before {
    filter: var(--filter-color);
}

/* choose custom pdf wizard  */
.theme .step-choose-template .section input + label:before {
    background: var(--color-brand-700) !important;
}

.theme .addMorePhotosBtn {
    border: 2px solid var(--color-brand-700);
}
.theme .addMorePhotosBtn::after {
    color: var(--color-brand-700);
}
.theme .choose-orientation input:checked + label:after {
    background: var(--color-brand-700);
}

.delete-photo:hover,
.crop-photo:hover {
    filter: var(--filter-color);
    opacity: 1;
}

/* tabs / my account tabs */
.theme .tabsContainer li a.active {
    color: var(--color-brand-700);
}
.theme .tabsContainer li a.active:after {
    background: var(--color-brand-700);
}

/* my account + recent sales, sold price edit */
.accountProfileOverview ul li.edit-option a::before,
.searchResults .result .resultDetails .priceContainer li.soldPrice a.edit-price::before {
    filter: var(--filter-color);
}

/* my account - navigation */
.theme .card-navigation .card-link a:hover {
    color: var(--color-brand-700);
}
.theme .card-navigation .card-link a:hover span {
    filter: var(--filter-color);
}

/* compare page */
.theme #yachtCompare .yachtCompareInner .yachtCompareDetailsContainer ul.yachtDetails li.yachtRemove a:hover {
    color: var(--color-brand-700);
}

.loginContainer .form fieldset .loginButton,
.loginContainer form fieldset #js_submit,
.loginContainer .form fieldset.forgotten-copy a.reset-button {
    background: var(--color-accent-400);
}
.loginContainer .form fieldset .loginButton:hover,
.loginContainer form fieldset #js_submit:hover,
.loginContainer .form fieldset.forgotten-copy a.reset-button:hover {
    background: #fff;
    color: var(--color-brand-700);
}

/* modal presets
-------------------------------------------*/
.mo-tabs li button.active {
    border-bottom: 2px solid var(--color-brand-700);
}
.radio-block .radio-item input:checked + .radio-name {
    border-color: var(--color-brand-700);
}

/* top 100
-------------------------------------------*/

.theme .data-list.top-100 tr td.photo .position-number {
    background-color: var(--color-brand-700);
}

/* selection - anyalitics
----------------------------------------------------------------------------------------------------------*/
.theme .activity-overview-wrap .quantity-wrap {
    background-color: var(--color-brand-700);
}

/* DO NOT EDIT --------------------------------------------------------------------------------------------*/

/* shortlist icon on search results - stop icon colour change to use shortlist button include  */
.searchResults .result .resultDetails .resultActions li.favouriteAdd a.addShortlist:before,
.searchResults .result .resultDetails .resultActions li.favouriteAdd a.btn.button-shortlist:before {
    filter: none;
}

/* green save buttons - only in the theme to override the accent styling
----------------------------------*/
.theme .btn.solid.btn-success {
    border: 1px solid var(--color-success-500);
    background-color: var(--color-success-500);
    color: var(--color-ui-1);
}

.theme .btn.solid.btn-success:hover {
    background-color: var(--color-success-700);
    border: 1px solid var(--color-success-700);
}

.theme .btn.outline.success {
    color: var(--color-success-500);
}
.theme .btn.outline.success:hover {
    background-color: var(--color-success-500);
    border: 1px solid var(--color-success-500);
    color: var(--color-ui-1);
}
.theme .btn.outline.btn-success:hover {
    background-color: var(--color-success-500);
    border: 1px solid var(--color-success-500);
}
.theme .btn.outline.btn-success:hover:before {
    filter: invert(100%);
}

.theme .btn.colour-outline.btn-success {
    background-color: var(--color-ui-1);
    border: 1px solid var(--color-success-500);
    color: var(--color-success-500);
}
.theme .btn.colour-outline.btn-success:hover {
    background-color: var(--color-success-500);
    border: 1px solid var(--color-success-500);
    color: var(--color-ui-1);
}
.theme .btn.colour-outline.btn-success:before {
    filter: var(--color-success-500-filter);
}
.theme .btn.colour-outline.btn-success:hover:before {
    filter: invert(100%);
}

.theme .btn.outline-hover.btn-success {
    color: var(--color-success-500);
}
.theme .btn.outline-hover.btn-success:before {
    filter: var(--color-success-500-filter);
}
.theme .btn.outline-hover.btn-success:hover {
    border: 1px solid var(--color-success-500);
}
.profile-btn {
    border: 1px solid #3395ff;
}