/* Portal Specific overrides */
:root {
  /* Brand Colours */
  --wl-brand-color-one: #495B6D;
  --wl-brand-color-two: #D2322D;
  --wl-brand-color-three: #232A39;

  /* Backgrounds */
  --wl-background-color-default: var(--wl-brand-color-one);
  --wl-content-background-color-default: #FFF;
  --wl-background-color-one: var(--wl-brand-color-two);
  --wl-background-color-two: #D63924;
  --wl-background-color-three: var(--wl-brand-color-one);
  --wl-background-color-four: var(--wl-brand-color-one);
  --wl-background-color-five: #003580;
  --wl-background-color-six: var(--wl-brand-color-one);
  --wl-background-color-seven: var(--wl-brand-color-two);;
  --wl-background-color-eight: #D63924;
  --wl-background-color-nine: #000000;
  --wl-background-color-eleven: #E3F5FF;
  --wl-background-color-twelve: #BDC3C7;
  --wl-background-color-thirteen: #EAEAEA;
  --wl-background-color-fourteen: #F9FBFD;
  --wl-background-color-fifteen: #5DA773;
  --wl-background-color-sixteen: rgba(255, 255, 255, 0.8);
  --wl-background-color-seventeen: var(--wl-brand-color-two);
  --wl-background-color-eighteen: var(--wl-brand-color-three);

  /* Texts */
  --wl-text-color-default: #2C272D;
  --wl-text-color-link: #2594D2;
  --wl-text-color-one: #2C272D;
  --wl-text-color-two: #2C272D;
  --wl-text-color-three: #5CB85C;
  --wl-text-color-four: #FFFFFF;
  --wl-text-color-five: #626262;
  --wl-text-color-six: #676767;
  --wl-text-color-seven: #2C272D;
  --wl-text-color-eight: #2594D2;
  --wl-text-color-nine: #D63924;
  --wl-text-color-ten: #FFFFFF;
  --wl-text-color-eleven: #3CACFF;
  --wl-text-color-twelve: var(--wl-brand-color-one);
  --wl-text-color-thirteen: #2C272D;
  --wl-text-color-fourteen: #FFFFFF;
  --wl-text-color-seventeen: #2C272D;
  --wl-text-color-eighteen: #404040;

  /* Borders */
  --wl-border-color-default: #EAEAEA;
  --wl-border-color-one: #900E2C;
  --wl-border-color-two: #D63924;
  --wl-border-color-three: #FFFFFF;
  --wl-border-color-four: #BFC4C8;
  --wl-border-color-five: #900E2C;
  --wl-border-color-six: #D63924;
  --wl-border-color-seven: #DEE2E3;
  --wl-border-color-eight: #900E2C;
  --wl-border-color-nine: #119BF5;
  --wl-border-color-ten: var(--wl-brand-color-one);
  --wl-border-color-eleven: #404040;

  /* Shadows */
  --wl-box-shadow-two: rgb(44 39 45 / 75%);

  /* Header */
  --wl-header-background-color: var(--wl-brand-color-three);
  --wl-header-button-background-color: var(--wl-brand-color-three);
  --wl-header-text-color: var(--wl-brand-color-one);
  --wl-header-hover-background-color: #F4F4F4;

  /* Footer */
  --wl-footer-background-color: #FFFFFF;
  --wl-footer-text-color: #2C272D;
  --wl-footer-link-color: #2C272D;

  /* Price color */
  --wl-price-text-color: var(--wl-text-color-eight);

  /* Service */
  --wl-service-text-color: var(--wl-text-color-six);

  /* Pagination */
  --wl-pagination-text-color: #666666;

  /* Input boxes */
  --wl-input-box-border-color: var(--wl-border-color-four);

  /* Content */
  --wl-content-currency-symbol: "€";
}

button.navbar-toggle:after {
  background-image: url(/assets/images/burger.svg);
}

/* HOMEPAGE */

/* Header */
.page-header, .page-header-container {
  --header-mobile-bg-color: var(--wl-content-background-color-default);
  --new-header-mobile-links-bg-color: var(--wl-background-color-thirteen);
  --new-header-mobile-links-text-color: var(--wl-text-color-default);
}
/* ANA-1755 */
header.main .logo {
  height: 55px;
}
header.main .logo-mobile, header.main .logo-nav {
  height: 47px;
  padding-top: 10px;
}

.keyword-search .option-item-button {
  background-color: var(--wl-content-background-color-default);
}

/* Language picker */
a.lang-item:hover {
  color: var(--wl-text-color-four);
}

/* Main nav */
@media screen and (min-width: 970px){
  #main-nav>ul>li:hover {
    background: none;
  }
}

/* Quicksearch */
@media screen and (min-width: 970px) {
  .quick-search-container{
    background-color: var(--wl-content-background-color-default);
  }
}

.quick-search-container {
  background-color: var(--wl-background-color-fourteen);
}

.quick-search {
  background-color: var(--wl-content-background-color-default);
  box-shadow: 0 0 0 0;
}

.quick-search-container > h1 {
  color: var(--wl-text-color-eighteen);
  text-shadow: none;
  line-height: normal;
}

.bottom-row {
  padding-top: 10px;
}

.bottom-row label, .top-row .quick-search-category-selectors-label {
  color: inherit;
}

.quick-search input[type='radio'] {
  accent-color: var(--wl-content-background-color-default);
}

.quick-search .dropdown-input-container {
  background-color: var(--wl-content-background-color-default);
  margin-top: 8px;
}

.quick-search .dropdown-input-container {
  background-color: var(--wl-content-background-color-default);
}

.quick-search .option-item-button {
  background-color: var(--wl-content-background-color-default);
}

.quick-search .option-set-open {
  background-color: var(--wl-content-background-color-default);
}

.quick-search .option-set-scroll-area {
  background-color: var(--wl-content-background-color-default);
}

.quick-search .input-field-input-container {
  background-color: var(--wl-content-background-color-default);
  margin-top: 8px;
}

.quick-search .input-field-container .input-field-label {
  color: var(--wl-text-color-eighteen);
 }

.quick-search .dropdown-container .dropdown-label {
  color: var(--wl-text-color-eighteen);
}

.qs-filters .quick-search-container .quick-search .quick-search-category-selectors-container label {
  color: var(--wl-text-color-eighteen);
}

.qs-filters .quick-search-container .quick-search .top-row label {
    padding-top: 4px;
    padding-bottom: 4px;
}

.qs-filters .quick-search-container .quick-search .top-row .qs-checked {
    color: var(--wl-text-color-eighteen);
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: 700;
    border-bottom: 4px solid var(--wl-border-color-eleven);
}

/* Change bg color of QuickSearch section */
.content > .qs-content-body {
  background-color: var(--wl-background-color-fourteen);
}

/* Undo bg color change for other sections */
.content > .main-content-body ~ .main-content-body {
  background-color: var(--wl-content-background-color-default);
}

/* FSBO Ad */
.main-fsbo-ad {
  background-color: var(--wl-background-color-eighteen);
}

.main-fsbo-ad .left .title, .main-fsbo-ad .left .fsbo-text {
  color: var(--wl-text-color-four);
}

.home-article .article-category {
  color: var(--wl-brand-color-two);
}

/* Featured listings */

.private-featured {
  background-color: var(--wl-background-color-fourteen);
}

/* SEARCHPAGE */
/* Facets side bar */
.pill-box .pill-box-clear {
  background-color: #626262;
}

.pill-box .pill-box-item, .pill-box .pill-box-delete {
  background-color: var(--wl-background-color-thirteen);
  color: var(--wl-text-color-default);
  stroke: #2C272D;
}

.tool-set .search-filter .filled-block {
  background-color: #2C272D;
}

.tool-set input[type='checkbox'] {
  accent-color: #428BCA;
}

/* Search results */
.listing-result.listing-result-card .location {
  color: var(--wl-text-color-twelve);
}

.results-header .results-count {
  color: #2C272D;
}

.search-tools.sort .tool-set ul.opts li label:hover,
.search-tools.sort .tool-set ul.opts li .custom-option:hover,
.search-tools.sort .tool-set ul.opts li .custom-option.selected {
  color: var(--wl-text-color-four);
  background-color: var(--wl-brand-color-one);
}

.search-tools.sort .tool-set .header h2 span {
  color: #2C272D;
}

.dealer-boats ul li .information .location {
  color: var(--wl-text-color-twelve);
}

/* BRANDED SEARCHPAGE */
.party-search-header:before {
  background: #2C272D;
  opacity: .75;
}

.party-search-form .title {
  color: var(--wl-text-color-four);
}

/* DEALER SEARCH */
.party-search-criteria .dropdown-input-container,
.party-search-criteria .option-item-button {
  background-color: var(--wl-content-background-color-default);
}

.party-search-criteria .option-item-button:hover,
.party-search-criteria .option-item-button.option-item-button-select {
  background-color: var(--wl-brand-color-one);
}

.party-container address,
.party-container .party-website a,
.party-container .tel-block a {
  color: var(--wl-text-color-default);
}

.party-container .party-call-button {
  background-color: #2594D2;
  color: var(--wl-text-color-four);
}

.party-container .party-lead {
  color: var(--wl-text-color-four);
}

/* BOAT DETAILS */
.details-contact, .contact-form.contact-form-details {
  background-color: #EAEAEA;
}
.next-previous-button {
  color: var(--wl-text-color-default);
}
.next-previous-button:hover {
  color: var(--wl-text-color-four);
}

.dealer-boats ul li .information .price {
  color: var(--wl-price-text-color);
}

.validated-input.details input, .validated-input.details textarea {
  color: var(--wl-text-color-twelve);
}

/* Homepage redesign */
div.social-wrapper {
  background-color: var(--wl-background-color-eighteen);
}

.qs-block {
  background-color: var(--wl-background-color-fourteen);
}

.qs-block .qs-filters .quick-search-container .quick-search .input-autocomplete-container {
  --wl-brand-color-three: #FFFFFF;
}

.qs-block .qs-filters .quick-search-container .quick-search .input-autocomplete-container {
  color: var(--wl-text-color-two);
}