/*

	TWW Intelligence
	Client Branding

-------------------------------------------------*/

/* fonts
-------------------------------------------
font-family:'Inter', Arial, Helvetica, sans-serif; font-weight:400; - google font

300 light
400 regular
500 medium
600 semi bold
700 bold
800 extra bold

*/

:root {
    --font-family: "Inter", Arial, Helvetica, sans-serif;

    --font-weight-light: 300;
    --font-weight-regular: 400;
    --font-weight-medium: 500;
    --font-weight-semiBold: 600;
    --font-weight-bold: 700;
    --font-weight-extra-bold: 800;

    --brand-colour: #0032a0;
    --brand-color-filter: invert(17%) sepia(45%) saturate(5522%) hue-rotate(218deg) brightness(82%) contrast(108%);

    --brand-accent: #71dbd4;
    --brand-accent-colour: #71dbd4;
    --brand-accent-color-filter: invert(76%) sepia(50%) saturate(339%) hue-rotate(126deg) brightness(97%) contrast(87%);

    --brand-colour-btn-icon-colour: invert(100%);
    --brand-accent-btn-icons-colour: invert(100%);

    /* solid buttons ----------------------------*/
    --brand-solid-bg-colour: #0032a0;
    --brand-btn-solid-copy-colour: #fff;
    --brand-btn-solid-icon-colour: var(--brand-colour-btn-icon-colour);
    --brand-btn-solid-bg-hover-colour: #71dbd4;
    --brand-btn-solid-hover-copy-colour: #fff;
    --brand-btn-solid-icon-hover-colour: var(--brand-accent-btn-icons-colour);

    /* solid buttons accent */
    --brand-accent-solid-bg-colour: #71dbd4;
    --brand-accent-btn-solid-copy-colour: #fff;
    --brand-accent-btn-solid-icon-colour: var(--brand-accent-btn-icons-colour);
    --brand-accent-btn-solid-bg-hover-colour: #0032a0;
    --brand-accent-btn-solid-hover-copy-colour: #fff;
    --brand-accent-btn-solid-icon-hover-colour: var(--brand-colour-btn-icon-colour);

    /* outline buttons -----------------------------*/
    /* border colour [--color-ui-200]  standard copy colour */
    --brand-btn-outline-copy-colour: #0032a0; /* font colour */
    --brand-btn-outline-icon: invert(17%) sepia(45%) saturate(5522%) hue-rotate(218deg) brightness(82%) contrast(108%); /* icon colour*/
    --brand-btn-outline-border-hover: #0032a0; /* border hover colour*/
    --brand-btn-outline-bg-hover: #0032a0; /* background hover */
    --brand-btn-outline-hover-copy-colour: #fff; /* font colour hover */
    --brand-btn-outline-hover-icon: invert(100%); /* icon colour hover*/

    /* outline buttons accent */
    /* border colour [--color-ui-200]  standard copy colour */
    --brand-accent-btn-outline-copy-colour: #71dbd4; /* font colour */
    --brand-accent-btn-outline-icon: invert(76%) sepia(50%) saturate(339%) hue-rotate(126deg) brightness(97%)
        contrast(87%); /* icon colour*/
    --brand-accent-btn-outline-border-hover: #71dbd4; /* border hover colour*/
    --brand-accent-btn-outline-bg-hover: #71dbd4; /* background hover */
    --brand-accent-btn-outline-hover-copy-colour: #fff; /* font colour hover */
    --brand-accent-btn-outline-hover-icon: invert(100%); /* icon colour hover*/

    /* colour outline ------------------------------*/
    --brand-btn-colour-outline-border-colour: #0032a0;
    --brand-btn-colour-outline-copy-colour: #0032a0;
    --brand-btn-colour-outline-icons: invert(17%) sepia(45%) saturate(5522%) hue-rotate(218deg) brightness(82%)
        contrast(108%);
    --brand-btn-colour-outline-border-hover-colour: #0032a0;
    --brand-btn-colour-outline-hover-copy-colour: #fff;
    --brand-btn-colour-outline-hover-bg-colour: #0032a0;
    --brand-btn-colour-outline-hover-icons: var(--brand-accent-btn-icons-colour);

    /* accent colour */
    --brand-accent-btn-colour-outline-border-colour: #71dbd4;
    --brand-accent-btn-colour-outline-copy-colour: #71dbd4;
    --brand-accent-btn-colour-outline-icons: invert(76%) sepia(50%) saturate(339%) hue-rotate(126deg) brightness(97%)
        contrast(87%);
    --brand-accent-btn-colour-outline-border-hover-colour: #71dbd4;
    --brand-accent-btn-colour-outline-hover-copy-colour: #fff;
    --brand-accent-btn-colour-outline-hover-bg-colour: #71dbd4;
    --brand-accent-btn-colour-outline-hover-icons: var(--brand-accent-btn-icons-colour);

    /* button bg hover */
    /* copy colour [--color-ui-500]  standard copy colour */
    /* border colour = transparent */
    /* bg colour = none */
    /* icon colour [--filter-ui-500] standard copy colour */

    --brand-outline-hover-copy-colour-hover: #0032a0;
    --brand-outline-hover-border-hover-colour: #e5f2ff;
    --brand-outline-hover-bg-hover-colour: #e5f2ff;
    --brand-outline-hover-icon-hover-colour: invert(17%) sepia(45%) saturate(5522%) hue-rotate(218deg) brightness(82%)
        contrast(108%);

    --brand-outline-hover-accent-copy-colour-hover: #71dbd4;
    --brand-outline-hover-accent-border-hover-colour: #e3faf8;
    --brand-outline-hover-accent-bg-hover-colour: #e3faf8;
    --brand-outline-hover-accent-icon-hover-colour: invert(17%) sepia(45%) saturate(5522%) hue-rotate(218deg)
        brightness(82%) contrast(108%);

    --reports-main-color: #0032a0;
    --reports-secondary-color: #6a0dad;
    --report-contrast-colour: #71dbd4;
}
/* buttons
    --------------------------------------------------*/
/* solid =====================*/
.theme .btn.solid {
    background-color: var(--brand-solid-bg-colour);
    color: var(--brand-btn-solid-copy-colour);
}
.theme .btn.solid:hover {
    background-color: var(--brand-btn-solid-bg-hover-colour);
    color: var(--brand-btn-solid-hover-copy-colour);
}
.theme .btn.solid:before,
.theme .btn.solid:after {
    filter: var(--brand-btn-solid-icon-colour);
}
.theme .btn.solid:hover:before,
.theme .btn.solid:hover:after {
    filter: var(--brand-btn-solid-icon-hover-colour);
}

/* solid  accent */
.theme .btn.solid-accent {
    background-color: var(--brand-accent-solid-bg-colour);
    color: var(--brand-accent-btn-solid-copy-colour);
}
.theme .btn.solid-accent:hover {
    background-color: var(--brand-accent-btn-solid-bg-hover-colour);
    color: var(--brand-accent-btn-solid-hover-copy-colour);
}
.theme .btn.solid-accent:before,
.theme .btn.solid-accent:after {
    filter: var(--brand-accent-btn-solid-icon-colour);
}
.theme .btn.solid-accent:hover:before,
.theme .btn.solid-accent:hover:after {
    filter: var(--brand-accent-btn-solid-icon-hover-colour);
}

/* outline ===================*/
.theme .btn.outline {
    border-color: var(--color-ui-200);
    color: var(--brand-btn-outline-copy-colour);
}
.theme .btn.outline:hover {
    border-color: var(--brand-btn-outline-border-hover);
    background-color: var(--brand-btn-outline-bg-hover);
    color: var(--brand-btn-outline-hover-copy-colour);
}
.theme .btn.outline:before,
.theme .btn.outline:after {
    filter: var(--brand-btn-outline-icon);
}
.theme .btn.outline:hover:before,
.theme .btn.outline:hover:after {
    filter: var(--brand-btn-outline-hover-icon);
}

/* outline accent*/
.theme .btn.outline-accent {
    border-color: var(--color-ui-200);
    color: var(--brand-accent-btn-outline-copy-colour);
}
.theme .btn.outline-accent:hover {
    border-color: var(--brand-accent-btn-outline-border-hover);
    background-color: var(--brand-accent-btn-outline-bg-hover);
    color: var(--brand-accent-btn-outline-hover-copy-colour);
}
.theme .btn.outline-accent:before,
.theme .btn.outline-accent:after {
    filter: var(--brand-accent-btn-outline-icon);
}
.theme .btn.outline-accent:hover:before,
.theme .btn.outline-accent:hover:after {
    filter: var(--brand-accent-btn-outline-hover-icon);
}

/* colour outline ===============*/
.theme .btn.colour-outline {
    border-color: var(--brand-btn-colour-outline-border-colour);
    color: var(--brand-btn-colour-outline-copy-colour);
}
.theme .btn.colour-outline:hover {
    border-color: var(--brand-btn-colour-outline-border-hover-colour);
    background-color: var(--brand-btn-colour-outline-hover-bg-colour);
    color: var(--brand-btn-colour-outline-hover-copy-colour);
}
.theme .btn.colour-outline:before,
.theme .btn.colour-outline:after {
    filter: var(--brand-btn-colour-outline-icons);
}
.theme .btn.colour-outline:hover:before,
.theme .btn.colour-outline:hover:after {
    filter: var(--brand-btn-colour-outline-hover-icons);
}

/* outline colour accent*/
.theme .btn.colour-outline-accent {
    border-color: var(--brand-accent-btn-colour-outline-border-colour);
    color: var(--brand-accent-btn-colour-outline-copy-colour);
}
.theme .btn.colour-outline-accent:hover {
    border-color: var(--brand-accent-btn-colour-outline-border-hover-colour);
    background-color: var(--brand-accent-btn-colour-outline-hover-bg-colour);
    color: var(--brand-accent-btn-colour-outline-hover-copy-colour);
}
.theme .btn.colour-outline-accent:before,
.theme .btn.colour-outline-accent:after {
    filter: var(--brand-accent-btn-colour-outline-icons);
}
.theme .btn.colour-outline-accent:hover:before,
.theme .btn.colour-outline-accent:hover:after {
    filter: var(--brand-accent-btn-colour-outline-hover-icons);
}

/* outline hover - link with hover colour bg =======================*/
.btn.outline-hover {
    color: var(--color-ui-500);
}
.btn.outline-hover:hover {
    border-color: var(--brand-outline-hover-border-hover-colour);
    background-color: var(--brand-outline-hover-bg-hover-colour);
    color: var(--brand-outline-hover-copy-colour-hover);
}
.btn.outline-hover:before,
.btn.outline-hover:after {
    filter: var(--filter-ui-500);
}
.btn.outline-hover:hover:before,
.btn.outline-hover:hover:after {
    filter: var(--brand-outline-hover-icon-hover-colour);
}

/* outline hover accent */
.btn.outline-hover-accent {
    color: var(--color-ui-500);
}
.btn.outline-hover-accent:hover {
    color: var(--brand-outline-hover-accent-copy-colour-hover);
    border-color: var(--brand-outline-hover-accent-border-hover-colour);
    background-color: var(--brand-outline-hover-accent-bg-hover-colour);
}

.btn.outline-hover-accent:before,
.btn.outline-hover-accent:after {
    filter: var(--filter-ui-500);
}
.btn.outline-hover-accent:hover:before,
.btn.outline-hover-accent:hover:after {
    filter: var(--brand-outline-hover-accent-icon-hover-colour);
}

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

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

.theme .sign-up-link {
    color: var(--brand-accent);
}
.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: #fff;
    color: var(--brand-colour);
}

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

.theme .loginContainer .form fieldset.forgotten-copy a.backtoLink {
    border: 1px solid var(--brand-colour);
    color: #fff;
}
.theme .loginContainer .form fieldset.forgotten-copy a.backtoLink:hover {
    border: 1px solid #fff;
    color: #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(--brand-colour);
}

.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,
button.btn {
    color: var(--brand-colour);
    text-decoration: none;
}
.theme a.color-ui-500 {
    color: var(--color-ui-500);
}

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

.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(--brand-colour);
}

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

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

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

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

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

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

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

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

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

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

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

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

.theme .loginContainer .logoContainer h1 {
    background-image: url("/resources/images/login-logo.svg");
    background-size: auto 70px;
}

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

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

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

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

/* 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(--brand-colour);
}
.theme .sort-option.active,
.theme .sort-option:hover {
    color: var(--brand-colour);
}
.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(--brand-colour);
}
.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(--brand-colour);
}
.theme .noUi-connect {
    background: var(--brand-colour);
}
.theme .noUi-horizontal .noUi-handle {
    border-color: var(--brand-colour);
}
.theme .togglebox-init > label:hover {
    color: var(--brand-colour);
}

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

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

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

.theme .clear-list-sidebar {
    color: #999;
} /* this is needed to override the a standard styling */
.theme .clear-list-sidebar:hover {
    color: var(--brand-colour);
}
.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(--brand-accent-color-filter);
    opacity: 1;
}

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

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

/* forms */
.radio-button input[type="radio"]:checked + label:after {
    filter: var(--brand-color-filter);
}
.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(--brand-color-filter);
}

#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(--brand-colour);
}

/* 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(--brand-colour);
    background-color: var(--brand-colour);
    color: #fff;
}

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

/* model & shipyard details */
.theme .tabs-container .tabs .tab-list li.active a,
.theme .tabs-container .tabs .tab-list li a.active {
    color: var(--brand-colour);
    border-bottom-color: var(--brand-colour);
}
.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(--brand-color-filter);
}
.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 {
    color: var(--brand-colour);
}
.theme .sub-tabs-bar .sub-tab-list li.active a,
.theme .sub-tabs-bar .sub-tab-list li a.active {
    color: var(--brand-colour);
    background-color: var(--color-brand-100);
    border: 1px solid var(--color-brand-100);
}
.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(--brand-colour);
}
.theme .searchResults h2 a {
    color: var(--brand-colour);
}
.theme .searchResults h2 a:hover {
    color: var(--brand-accent);
}

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

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

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

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

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

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

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

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

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

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

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

.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(--brand-colour);
}
.theme .sold-price-list li a {
    color: var(--brand-colour);
}
.theme .sold-price-list li a:hover {
    color: var(--brand-accent);
}

.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(--brand-accent);
}

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

.theme .card-links a {
    color: var(--color-ui-500);
}
.theme .card-links a:hover {
    color: var(--brand-colour);
}

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

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

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

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

/* 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(--brand-accent-color-filter);
}

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

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

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

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

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

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

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

/* 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 #55ab55;
    background-color: #55ab55;
    color: #fff;
}
.theme .btn.solid.btn-success:before {
    filter: invert(100%);
}

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

.theme .btn.outline.success {
    color: #55ab55;
}
.theme .btn.outline.success:hover {
    background-color: #55ab55;
    border: 1px solid #55ab55;
    color: #fff;
}
.theme .btn.outline.btn-success:hover {
    background-color: var(--brand-colour);
    border: 1px solid var(--brand-colour);
}
.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 #55ab55;
    color: #55ab55;
}
.theme .btn.colour-outline.btn-success:hover {
    background-color: var(--brand-colour);
    border: 1px solid var(--brand-colour);
    color: #fff;
}
.theme .btn.colour-outline.btn-success:before {
    filter: invert(66%) sepia(85%) saturate(928%) hue-rotate(109deg) brightness(100%) contrast(101%);
}
.theme .btn.colour-outline.btn-success:hover:before {
    filter: invert(23%) sepia(77%) saturate(1537%) hue-rotate(143deg) brightness(91%) contrast(102%);
}

.theme .btn.outline-hover.btn-success {
    color: #55ab55;
}
.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 var(--brand-colour);
}

.theme .scroll-to-top:hover {
    background-color: var(--brand-colour);
    color: #fff;
    background-position: 23px 7px;
}