/* Portal Specific overrides */
:root {
  /* Brand Colours */
  --wl-brand-color-one: #c13733;
  --wl-brand-color-two: #243867;
  --wl-brand-color-three: #fff;

  /* Backgrounds */
  --wl-background-color-default: #f5f5f5;
  --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: #c13733;
  --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: #5474a5;
  --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: #404040;
  --wl-text-color-link: #2594d2;
  --wl-text-color-one: #404040;
  --wl-text-color-two: #404040;
  --wl-text-color-three: #5cb85c;
  --wl-text-color-four: #ffffff;
  --wl-text-color-five: #404040;
  --wl-text-color-six: #676767;
  --wl-text-color-seven: #404040;
  --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-text-color-default);
  --wl-text-color-thirteen: #2c272d;
  --wl-text-color-fourteen: #ffffff;
  --wl-text-color-seventeen: #2c272d;

  /* 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);

  /* 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;
  --wl-background-default-footer: #e5ecfa;

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

  /* 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: "€";
  --wl-button--disabled-background: #757575;
}

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

/* HOMEPAGE */

/* Header */
.page-header,
.page-header-container {
  --header-mobile-bg-color: var(--wl-background-color-five);
  --new-header-links-text-color: var(--wl-text-color-four);
  --new-header-top-bg-color: var(--wl-text-color-four);
  --new-header-bottom-bg-color: var(--wl-brand-color-one);
  --new-header-links-bg-color: var(--wl-brand-color-ne);
  --new-header-links-hover-text-color: var(--wl-text-color-four);
  --new-header-links-hover-decoration-color: var(--wl-text-color-four);
  --new-header-mobile-links-bg-color: var(--wl-background-color-thirteen);
  --new-header-mobile-links-text-color: var(--wl-text-color-default);
}

.page-header .lang-wrapper .lang-switcher .flag {
  border: 1px solid var(--wl-text-color-six);
}

.page-header .flag:after {
  filter: invert(100%);
}


/* ANA-1755 */
header.main .logo {
  height: 55px;
  padding-top: 5px;
}
header.main .logo-mobile,
header.main .logo-nav {
  height: 47px;
  padding-top: 5px;
}

.page-header .keyword-container-desktop {
  border-radius: 4px;
  border: 1px solid var(--neutral-neutral-50, #C2C2C2);
}

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

.keyword-search .dropdown-container input.dropdown-input {
  background: var(--wl-brand-color-two);
  color: var(--wl-text-color-four);
}


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

  .new-header #main-nav {
    color: var(--wl-text-color-four);
    background: var(--wl-background-color-five);
  }

  .new-header #main-nav ul a {
    color: var(--wl-content-background-color-default);
  }
}

@media screen and (max-width: 970px) {
  .new-header #main-nav {
    --new-header-top-bg-color: var(--wl-brand-color-one);
  }
}

/* Quicksearch */
.quick-search-container {
  color: var(--wl-text-color-one);
}

@media screen and (max-width: 767px) {
  .qs-block .qs-filters .quick-search-container .quick-search form.bottom-row.bottom-row__no-location .qs-category-show, .qs-filters .quick-search-container .quick-search .bottom-row .qs-category-advanced-search {
    color: var(--wl-background-color-nine);
  }
}

.qs-content-body {
  background-color: var(--wl-background-color-default);
}

.quick-search-container .quick-search .qs-category-show .icon{
  filter: invert(30%);
}
.quick-search h1 {
  color: inherit;
  text-shadow: none;
}

.bottom-row label,
.top-row .quick-search-category-selectors-label {
  color: var(--wl-text-color-default);
}

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

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

.option-item-button:focus,
.option-item-button:hover,
.option-item-button.option-item-button-select {
  color: var(--wl-text-color-four);
  background-color: var(--wl-brand-color-one);
}

.qs-filters .quick-search-container .quick-search .top-row .qs-category-advanced-search {
  color: var(--wl-background-color-nine);
}

.quick-search .input-field-input-container {
  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
  .home-blog-section
  .row-layout
  .home-blog-section
  .blog-section-read-more.row-layout
  a {
  color: var(--wl-text-color-link);
}

/* 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 .tool-set-radio-item.checked label,
.tool-set .search-filter .filled-block {
  background-color: #757575;
 
}

/* banner IN_STOCK*/
.banner-attribute.IN_STOCK {
  background-color: var(--wl-text-color-three);
}

.tool-set input[type="checkbox"] {
  accent-color: var(--wl-text-color-default);
}

/* Footer */

footer.main-footer {
  background-color: var(--wl-background-color-five);
}

.main-footer .copyright-info {
  background-color: var(--wl-background-color-five);
}

.main-footer .footer-disclaimers {
  background-color: var(--wl-background-color-five); 
} 

@media screen and (min-width: 768px) {
  .home-block .main-footer .footer-disclaimers, .home-block div.upper-footer .inner {
    max-width: inherit;
  }
}

footer.main-footer nav.footer-disclaimers .copyright-info,
footer.main-footer .copyright-info,
footer.main-footer a,
nav.footer-disclaimers ul li a {
  color: var(--wl-text-color-four);
}


/* @media screen and (min-width: 500px) {
  footer.main-footer nav.footer-disclaimers ul {
    width: auto;
  }
  footer.main-footer nav.footer-disclaimers ul li {
    vertical-align: text-top;
  }
} */

@media screen and (min-width: 700px) {
  footer.main-footer nav.footer-disclaimers ul {
    padding: 0px;
  }
  footer.main-footer ul a {
      padding: 0px;
  }
  .copyright-info {
      text-align: center;
      margin-bottom: 10px;
  }

  footer.main-footer nav.footer-disclaimers ul {
    padding: 0px;
  }
}

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

.listing-result.listingStyleDefault .contact-seller, .listing-result.listingStyleDefault .live-video-tour {
  background-color: var(--wl-brand-color-two);
}
.results-header .results-count {
  color: var(--wl-text-color-default);
}

.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: 0.75;
}

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

/* DEALER SEARCH */
.form-button-array .form-button.primary  {
  border-radius: 50px;
  border: 1px solid var(--wl-brand-color-two);
}


.form-button-array .form-button-element-call:before{
  color: var(--wl-brand-color-two) #243867;
  filter: invert(100%);
}


.form-button-array li a:nth-child(1){
  background-color: var(--wl-content-background-color-default);
  color: var(--wl-brand-color-two);
}

.keyword-search .dropdown-input-container:before {
  filter: invert(100%);
}

.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-branded-srp-button {
  background-color: #2594d2;
  color: var(--wl-text-color-four);
}

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

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

/* Dealer address */
.branded-header .information-container .less {
color: var(--wl-background-color-nine);
text-decoration: underline;
font-weight: 700;
font-size: 14px;
line-height: normal;
}

/* BOAT DETAILS */
.details-contact,
.contact-form.contact-form-details {
  background-color: #eaeaea;
}
.next-previous-button {
  color: var(--wl-text-color-default);
  background-color: var(--wl-text-color-four);
  font-size: 16px;
}
.next-previous-button:hover {
  color: var(--wl-text-color-four);
  border-radius: 5px;
  border: 1px solid #626262;
  background-color: #626262;
  opacity: 0.8; 
  font-size: 16px; 
}

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

.summary .price {
  color: var(--wl-text-color-default);
}

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

.seller-information .seller-info-location .seller-address {
  text-decoration: none;
  font-size: 14px;
  color: var(--wl-text-color-default) !important;
}

.seller-information .seller-info-tel .seller-tel-anchor {
  font-size: 14px;
  text-decoration: underline;
  font-weight: 700;
  color: var(--wl-background-color-nine)
}

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

.qs-filters .quick-search-container .quick-search .top-row .qs-checked {
  color: var(--wl-text-color-default);
  border-bottom: 4px solid var(--wl-text-color-default);
}

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