/*============================================================================================*/
/* Your custom styles below */
/*============================================================================================*/

:root {
    --primary-color: #5f63d7;
}

.hero_home.version_2 .content {
    background-color: var(--primary-color);
}

.hero_home.version_3 .content {
    background-color: var(--primary-color);
}

#app_section {
    background: var(--primary-color) ;
}

.list_title {
    background-color: var(--primary-color);
}

#secondary_nav {
    background-color: var(--primary-color);
}

.booking .title {
    background-color: var(--primary-color);
}

#review_summary {
    background-color: var(--primary-color);
}

#results {
    background-color: var(--primary-color);
}

.switch-field input:checked + label {
    background-color: var(--primary-color);
}

.rtl-text {
    text-align: right;
    display: block;
    direction: rtl;
    padding: 5px;
}
  
.margin_10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.margin_20 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.city_badge {
    display: inline-block;
    background-color: #74d1c6;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    line-height: normal;
    color: #fff;
    padding: 3px 10px;
    font-weight: 600;
    font-size: 12px;
    font-size: 0.75rem;
    min-width: 95px;
    margin-bottom: 10px;
  }

  .disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.6; /* Optional: to make it look disabled */
    text-decoration: none; /* Optional: remove underline */
    color: #999; /* Optional: change color to indicate disabled state */
}

.main_title_3 {
    background-color: var(--primary-color);
    margin-bottom: 10px;
    margin-top: 10px;
}

ul.treatments li{
    list-style-type: none; /* Remove bullet points */
}


/* Hide aside by default */
.hide-on-mobile {
    display: none;
}

/* Show aside on larger screens */
@media (min-width: 992px) { 
    .hide-on-mobile {
        display: block;
    }
}

ul.legend li:first-child strong {
    background-color: #adb5bd;
  }
  ul.legend li:last-child strong {
    background-color: #eb525b;
  }