/*start of css code that allows to set the primary color for the property listings page*/

body.propertylistings,
body.propertylistings .btn-primary,
body.propertylistings .btn-outline-primary,
body.propertylistings a,
body.propertylistings a:hover {
  /* Primary color and variants */
  --bs-primary: #1c7430;
  --bs-primary-rgb: 28, 116, 48;
  --bs-primary-hover: #165c28;

  /* Additional Bootstrap variables */
  --bs-blue: #1c7430;
  --bs-indigo: #1c7430;
  --bs-purple: #1c7430;
  --bs-pink: #1c7430;
  --bs-red: #1c7430;
  --bs-orange: #1c7430;
  --bs-yellow: #1c7430;
  --bs-green: #1c7430;
  --bs-teal: #1c7430;
  --bs-cyan: #1c7430;

  /* Link colors */
  --bs-link-color: #1c7430;
  --bs-link-hover-color: #165c28;
  --bs-link-color-rgb: 22, 92, 40;


  /* Active states */
  --bs-primary-active: #165c28;
  --bs-primary-bg-subtle: #e9f7ee;
  --bs-primary-border-subtle: #c3e6cf;
  --bs-primary-text-emphasis: #1c7430;

  /* Button specific variables */
  --bs-btn-active-bg: #165c28;
  --bs-btn-active-border-color: #165c28;
  --bs-btn-active-color: #fff;
  --bs-btn-hover-bg: #165c28;
  --bs-btn-hover-border-color: #165c28;
  --bs-btn-hover-color: #fff;

  /* Bootstrap 5 btn-primary specific variables */
  --bs-btn-bg: #1c7430;
  --bs-btn-border-color: #1c7430;
  --bs-btn-color: #fff;
  --bs-btn-disabled-bg: #1c7430;
  --bs-btn-disabled-border-color: #1c7430;
  --bs-btn-disabled-color: #fff;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;

  /* Bootstrap 5 btn-outline-primary specific variables */
  --bs-btn-outline-color: #1c7430;
  --bs-btn-outline-border-color: #1c7430;
  --bs-btn-outline-hover-bg: #1c7430;
  --bs-btn-outline-hover-border-color: #1c7430;
  --bs-btn-outline-hover-color: #fff;
  --bs-btn-outline-active-bg: #165c28;
  --bs-btn-outline-active-border-color: #165c28;
  --bs-btn-outline-active-color: #fff;
  --bs-btn-outline-disabled-color: #1c7430;
}

body.propertylistings .form-check-input:checked {
  background-color: #1c7430;
  border-color: #1c7430;
}

/* Bedroom selector specific styling - light and white version */
body.propertylistings .filter-section .btn-group .btn-check:checked + .btn-outline-primary {
  background-color: #d9d9da;
  border-color: #dee2e6;
  color: #495057;
}

body.propertylistings .filter-section .btn-group .btn-outline-primary {
  background-color: #fff;
  border-color: #dee2e6;
  color: #495057;
}

body.propertylistings .filter-section .btn-group .btn-outline-primary:hover {
  background-color: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}

body.propertylistings .filter-section .btn-group .btn-outline-primary {
  border-color: #dee2e6;
  color: #6c757d;
}

/*end of css code that allows to set the primary color for the property listings page*/