/* Colours use Bootstrap 5.3's theme variables (the old literal is the fallback),
   so every panel follows the page's light or dark theme. */

/* General */
.sr-experience.loading,
.sr-experience .tour-form.loading,
#sr-experience-list.loading,
#sr-exp-container-items.loading,
.sr-experience .payment.loading {
    position: relative;
}
.sr-experience.loading:before,
#sr-experience-list.loading:before,
.sr-experience .tour-form.loading:before,
#sr-exp-container-items.loading:before,
.sr-experience .payment.loading:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: color-mix(in srgb, var(--bs-body-bg, #fff) 80%, transparent) url("../images/ajax-loader.gif") no-repeat center 15%;
    z-index: 1000;
}

.sr-experience .text-green {
    color: var(--bs-success-text-emphasis, green);
}

.sr-experience .box-border {
    border: 1px solid var(--bs-border-color, #e3e3e3);
    padding: 10px;
    margin-bottom: 15px;
}

.sr-experience .box-bg {
    background-color: var(--bs-tertiary-bg, #f5f5f5);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    padding: 10px;
    margin-bottom: 15px;
}

.sr-experience .header-title {
    color: var(--bs-emphasis-color, #000);
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.sr-experience .tour-name {
    font-size: 18px;
    line-height: 20px;
}

/* Location - Wish list */
.sr-experience .tour-header {
    padding: 5px 10px;
}

.sr-experience .tour-header .tour-location {
    float: left;
    line-height: 30px;
    color: var(--bs-link-color, #0088cc);
}

.sr-experience .tour-header .sr-wish-list {
    float: right;
}

.sr-experience .sr-wish-list > a {
    border-radius: 0;
}

/* Slide show */
.sr-experience .logo, #sr-exp-slideshow {
    margin-bottom: 15px;
}

.sr-experience .logo img, #sr-exp-slideshow .item img {
    width: 100%;
}

#sr-exp-slideshow .carousel-caption h4 {
    line-height: 20px;
}

#sr-exp-slideshow .carousel-caption p {
    margin: 0;
}

#sr-exp-slideshow .carousel-indicators {
    top: auto;
    left: 0;
    right: 0;
    text-align: center;
    bottom: 10px;
    padding: 0;
    margin: 0;
    width: auto;
}

#sr-exp-slideshow .carousel-indicators li {
    cursor: pointer;
    display: inline-block;
    float: none;
}
#sr-exp-slideshow .carousel-control.right {
    left: auto;
    right: 15px;
}

/* Distances - Info */
.sr-experience .sr-exp-distances .sr-exp-distance {
    color: var(--bs-info-text-emphasis, teal);
    font-style: italic;
}

.sr-experience .sr-exp-distances .sr-exp-distance span {
    font-style: normal;
}

.sr-experience .tour-info {
    margin: 0 0 20px 0;
}

.sr-experience .tour-info-box {
    background-color: var(--bs-tertiary-bg, #f5f5f5);
    border: 1px solid var(--bs-border-color, #e3e3e3);
    margin-bottom: 15px;
}

.sr-experience .tour-info .fa {
    color: #ff7a20;
    width: 20px;
    text-align: center;
}

.sr-experience .tour-short-desc {
    margin-bottom: 15px;
}

.tour-info-block {
    margin: 5px;
}
/* Tab content */
.sr-experience .nav-tabs {
    border-bottom-width: 2px;
    margin-bottom: 10px;
}

.sr-experience .nav-tabs,
.sr-experience .nav-tabs > .active > a,
.sr-experience .nav-tabs > .active > a:hover,
.sr-experience .nav-tabs > .active > a:focus,
.sr-experience .nav-tabs > li > a:hover,
.sr-experience .nav-tabs > li > a:focus {
    border-color: #0088cc;
    border-radius: 0;
}

.sr-experience .nav-tabs > .active > a,
.sr-experience .nav-tabs > .active > a:hover,
.sr-experience .nav-tabs > .active > a:focus,
.sr-experience .nav-tabs > li > a:hover,
.sr-experience .nav-tabs > li > a:focus {
    background: #0088cc;
    color: #fff;
}

.sr-experience .tab-pane {
    border: 1px solid var(--bs-border-color, #e3e3e3);
    padding: 10px;
}

.sr-experience .flex-box {
    display: flex;
    flex-wrap: wrap;
}

#ExperienceDetailContent .reservation_asset_item .camera_wrap {
    margin-bottom: 60px;
}

#ExperienceDetailContent .reservation_asset_item hr#system-readmore {
    display: none;
}

/* Base price */
.sr-experience .tour-base-price {
    text-align: center;
}

.sr-experience .tour-base-price h3.base-price {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .sr-experience .tour-base-price {
        margin-top: 15px;
    }
}

/* Form Booking */
.sr-experience .tour-form * {
    box-sizing: border-box;
}

.sr-experience .booking-header {
    text-align: center;
    margin-bottom: 15px;
}

.sr-experience .booking-header .tour-price,
.sr-experience .tour-price-inner {
    display: inline-block;
}

.sr-experience .booking-header .tour-price {
    background-color: green;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    padding: 5px 15px;
}

.sr-experience .tour-form form {
    margin: 0;
}

.tour-date-display,
.tour-date-display:hover {
    cursor: pointer;
}

/* Tour date calendar (Modern date picker engine): a Vanilla Calendar Pro month in a
   dropdown under the date field. bookform.js toggles --open and sets top/left.
   The calendar follows its own light/dark theme (data-vc-theme), so the tokens do too. */
.sr-exp-datepicker {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1050;
    display: none;
    width: max-content;
    max-width: calc(100vw - 1rem);
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.18);
}

.sr-exp-datepicker--open {
    display: block;
}

.sr-exp-datepicker__calendar {
    --sr-exp-dp-bookable-bg: #dff1f1;
    --sr-exp-dp-bookable-fg: #00585c;
    --sr-exp-dp-bookable-hover: #c3e6e4;
    --sr-exp-dp-accent: #1f496e;
    --sr-exp-dp-accent-fg: #ffffff;
}

.sr-exp-datepicker__calendar[data-vc-theme="dark"] {
    --sr-exp-dp-bookable-bg: #173d3f;
    --sr-exp-dp-bookable-fg: #a8e6e2;
    --sr-exp-dp-bookable-hover: #205457;
    --sr-exp-dp-accent: #4a90d9;
    --sr-exp-dp-accent-fg: #0d1117;
}

/* Bookable dates: tinted and bold, so they read apart from the disabled ones without colour.
   The popup class lifts these above the calendar's own "today" rule. */
.sr-exp-datepicker .sr-exp-datepicker__calendar [data-vc-date]:not([data-vc-date-disabled]) .vc-date__btn {
    background-color: var(--sr-exp-dp-bookable-bg);
    color: var(--sr-exp-dp-bookable-fg);
    font-weight: 700;
}

.sr-exp-datepicker .sr-exp-datepicker__calendar [data-vc-date]:not([data-vc-date-disabled]) .vc-date__btn:hover {
    background-color: var(--sr-exp-dp-bookable-hover);
}

.sr-exp-datepicker__calendar [data-vc-date-selected] .vc-date__btn {
    background-color: var(--sr-exp-dp-accent) !important;
    color: var(--sr-exp-dp-accent-fg) !important;
}

.sr-exp-datepicker__calendar button:focus-visible,
.sr-exp-datepicker__calendar [tabindex="0"]:focus-visible {
    outline: 2px solid var(--sr-exp-dp-accent) !important;
    outline-offset: 1px;
}

.sr-experience .tour-form input[type="number"],
.sr-experience .tour-form input[type="text"],
.sr-experience .tour-form select {
    width: 100%;
    min-height: 30px;
}

.sr-experience .tour-form input[type=number]::-webkit-inner-spin-button,
.sr-experience .tour-form input[type=number]::-webkit-outer-spin-button {
    opacity: 1;
}

.sr-experience .tour-form input[type="checkbox"] {
    margin: 0;
}

.sr-experience .tour-form .tour-children-checkbox {
    margin-bottom: 10px;
}

.sr-experience .tour-form .child {
    text-align: right;
    line-height: 30px;
}

#tour-taxes {
    font-size: 12px;
    position: relative;
    top: -8px;
}

.tour-form > fieldset {
    margin-bottom: 0;
}

.sr-experience .tour-info legend {
    background: var(--bs-secondary-bg, #eee);
    border-radius: 2px;
    line-height: 50px;
    margin-bottom:18px;
}

.sr-experience .tour-info .badge {
    vertical-align: middle;
    margin: -3px 0 0 10px;
}

/* Tour Extras */
.sr-experience .sr-exp-extras {
    min-width: 0;
    margin: 0 0 15px;
    padding: 0;
    border: 0;
}

.sr-experience .sr-exp-extras__legend {
    float: left;
    width: 100%;
    margin: 0 0 0.5rem;
    padding: 0;
    font-size: inherit;
    line-height: inherit;
}

.sr-experience .sr-exp-extras__list {
    clear: left;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid var(--bs-border-color, #dee2e6);
    border-radius: var(--bs-border-radius, 0.375rem);
    background-color: var(--bs-body-bg, #fff);
}

.sr-experience .sr-exp-extras__item {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    column-gap: 10px;
    align-items: center;
    margin: 0;
    padding: 10px 12px;
}

.sr-experience .sr-exp-extras__item + .sr-exp-extras__item {
    border-top: 1px solid var(--bs-border-color, #dee2e6);
}

.sr-experience .tour-form .sr-exp-extras__check {
    grid-column: 1;
    margin: 0;
    cursor: pointer;
}

.sr-experience .tour-form .sr-exp-extras__check:disabled {
    cursor: default;
}

.sr-experience .sr-exp-extras__name {
    grid-column: 2;
    margin: 0;
    font-weight: 500;
    line-height: 1.35;
    overflow-wrap: anywhere;
    cursor: pointer;
}

.sr-experience .sr-exp-extras__check:disabled + input + .sr-exp-extras__name,
.sr-experience .sr-exp-extras__check:disabled + .sr-exp-extras__name {
    cursor: default;
}

.sr-experience .tour-form .sr-exp-extras__quantity {
    grid-column: 3;
    width: auto;
    min-width: 4.5rem;
    margin: 0;
}

.sr-experience .tour-form .sr-exp-extras__quantity:disabled {
    opacity: 0.6;
    cursor: not-allowed;
}

.sr-experience .sr-exp-extras__meta {
    grid-column: 2 / -1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px 12px;
    margin-top: 4px;
    font-size: 0.875rem;
}

.sr-experience .sr-exp-extras__badge {
    padding: 1px 8px;
    border-radius: 50rem;
    background-color: var(--bs-secondary-bg, #e9ecef);
    color: var(--bs-secondary-color, rgba(33, 37, 41, 0.75));
    font-size: 0.75rem;
    line-height: 1.5;
}

.sr-experience .sr-exp-extras__toggle {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 0;
    border: 0;
    background: none;
    color: var(--bs-link-color, #0d6efd);
    font: inherit;
    line-height: 1.5;
    cursor: pointer;
}

.sr-experience .sr-exp-extras__toggle:hover {
    color: var(--bs-link-hover-color, #0a58ca);
    text-decoration: underline;
}

.sr-experience .sr-exp-extras__toggle:focus-visible {
    outline: 2px solid var(--bs-link-color, #0d6efd);
    outline-offset: 2px;
    border-radius: 2px;
}

.sr-experience .sr-exp-extras__chevron {
    font-size: 0.7em;
    transition: transform 0.15s ease-in-out;
}

.sr-experience .sr-exp-extras__toggle[aria-expanded="true"] .sr-exp-extras__chevron {
    transform: rotate(180deg);
}

@media (prefers-reduced-motion: reduce) {
    .sr-experience .sr-exp-extras__chevron {
        transition: none;
    }
}

.sr-experience .sr-exp-extras__details {
    grid-column: 1 / -1;
}

.sr-experience .tour-form .exp-extra-details {
    margin-top: 8px;
    padding: 8px 10px;
    border-radius: var(--bs-border-radius-sm, 0.25rem);
    background-color: var(--bs-tertiary-bg, #f8f9fa);
    font-size: 0.875rem;
}

.sr-experience .tour-form .exp-extra-details .sr-exp-extra-desc {
    margin-bottom: 6px;
}

.sr-experience .tour-form .exp-extra-details .sr-exp-extra-desc > :last-child {
    margin-bottom: 0;
}

.sr-experience .tour-form .exp-extra-details .sr-exp-extra-price {
    font-weight: 500;
}

.sr-experience .tour-form .exp-extra-details .sr-exp-extra-tax {
    color: var(--bs-secondary-color, rgba(33, 37, 41, 0.75));
    font-weight: normal;
}

/* Start time */
.sr-experience .start-time {
    margin-bottom: 10px;
}

.sr-experience .start-time > div:first-child {
    font-weight: bold;
}

.sr-experience .start-time > div:last-child {
    margin-left: auto;
    font-size: 18px;
}

.sr-experience .tour-form .available {
    color: var(--bs-danger-text-emphasis, red);
    font-style: italic;
    text-align: right;
}

.sr-experience .tour-form .actions {
    margin-top: 10px;
}

.sr-experience .tour-form .actions .btn {
    text-transform: uppercase;
    font-weight: bold;
}

/* Help - Price info */
.sr-experience .tour-help p {
    margin-bottom: 10px;
}

.sr-experience .tour-help a {
    display: block;
    line-height: 24px;
    font-weight: bold;
}

.sr-experience .tour-price-info .header-title {
    text-align: center;
}

.sr-experience .tour-price-info .info-header {
    color: #ff7a20;
    border-bottom: 1px solid var(--bs-border-color, #e3e3e3);
}

/* =========== Booking page =========== */
#customer_note {
    height: 100px;
}

.sr-experience .summary .sr-exp-summary-table {
    margin-top: 15px;
}

.sr-experience .summary .sr-exp-summary-table tr:nth-of-type(odd) {
    background: var(--bs-tertiary-bg, #f9f9f9);
}

.sr-experience .summary .sr-exp-summary-table th,
.sr-experience .summary .sr-exp-summary-table td {
    text-align: right;
    border: 1px solid var(--bs-border-color, #ddd);
}

.sr-experience .summary .sr-exp-summary-table .sr-exp-grand-total {
    font-size: 18px;
}

.sr-experience .activity .sr-guest-table {
    border: 1px solid var(--bs-border-color, #ddd);
}

.sr-experience .activity .lead,
.sr-exp-fieldset th .lead {
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}

.sr-experience .activity .lead,
.sr-exp-fieldset.guest .lead {
    background: var(--bs-tertiary-bg, #f9f9f9);
    padding: 10px 15px;
}

.sr-experience .activity select {
    width: auto;
}

.sr-experience .activity .field-calendar input {
    width: 85px;
}

.sr-exp-fieldset.guest th.hide-on-large,
.sr-experience .activity th.hide-on-large {
    display: none;
}

.sr-exp-fieldset.guest .sr-guest-table th,
.sr-exp-fieldset.guest .sr-guest-table td {
    border: 0 !important;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .sr-exp-fieldset.guest table input[type="text"],
    .sr-exp-fieldset.guest table input[type="date"],
    .sr-exp-fieldset.guest table select,
    .sr-experience .activity input[type="text"],
    .sr-experience .activity input[type="date"],
    .sr-experience .activity select {
        display: block;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .sr-exp-fieldset.guest table input[type="text"],
    .sr-exp-fieldset.guest table input[type="date"],
    .sr-exp-fieldset.guest table select,
    .sr-experience .activity input[type="text"],
    .sr-experience .activity input[type="date"],
    .sr-experience .activity select {
        width: 100%;
        margin: 0;
    }

    .sr-exp-fieldset.guest th.hide-on-large,
    .sr-experience .activity th.hide-on-large {
        display: block;
        font-weight: normal;
        padding-top: 0;
        padding-bottom: 0;
    }

    .sr-exp-fieldset.guest .sr-guest-table,
    .sr-exp-fieldset.guest .sr-guest-table > tbody,
    .sr-exp-fieldset.guest .sr-guest-table > thead,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot,
    .sr-exp-fieldset.guest .sr-guest-table > thead > tr,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot > tr,
    .sr-exp-fieldset.guest .sr-guest-table > thead > tr > th,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr > td,
    .sr-exp-fieldset.guest .sr-guest-table > tfoot > tr > td,
    .sr-exp-fieldset.guest .lead,
    .sr-experience .activity .sr-guest-table,
    .sr-experience .activity .sr-guest-table > thead,
    .sr-experience .activity .sr-guest-table > tbody,
    .sr-experience .activity .sr-guest-table > tfoot,
    .sr-experience .activity .sr-guest-table > thead > tr,
    .sr-experience .activity .sr-guest-table > tbody > tr,
    .sr-experience .activity .sr-guest-table > tfoot > tr,
    .sr-experience .activity .sr-guest-table > thead > tr > th,
    .sr-experience .activity .sr-guest-table > tbody > tr > td,
    .sr-experience .activity .sr-guest-table > tfoot > tr > td,
    .sr-experience .activity .lead {
        display: block;
    }

    .sr-exp-fieldset .sr-guest-table > tbody > tr td:first-child,
    .sr-experience .activity .sr-guest-table > tbody > tr > td:first-child {
        background: var(--bs-secondary-bg, #d2d6d8);
        border-radius: 0;
        color: var(--bs-emphasis-color, #111);
        font-size: 18px;
        font-weight: bold;
    }

    .sr-exp-fieldset.guest .sr-guest-table > thead > tr > th,
    .sr-exp-fieldset.guest .sr-guest-table > tbody > tr > td,
    .sr-experience .activity .sr-guest-table > thead > tr > th,
    .sr-experience .activity .sr-guest-table > tbody > tr > td {
        width: auto !important;
        max-width: none !important;
        min-width: 0 !important;
        overflow: visible !important;
        white-space: normal !important;
        margin-bottom: 0;
    }

    .sr-exp-fieldset.guest .sr-guest-table > thead,
    .sr-experience .activity .sr-guest-table > thead {
        display: none;
    }
}

@media (max-width: 464px) {
    .sr-exp-fieldset.guest .sr-guest-table > thead > th.hide-on-large,
    .sr-experience .activity .sr-guest-table > thead > th.hide-on-large {
        width: auto !important;
        float: none;
    }
}

.sr-experience .payment .surcharge {
    display: inline-block;
    font-style: italic;
}

.sr-experience .payment .surcharge-amount {
    color: var(--bs-danger-text-emphasis, #b94a48);
}

.sr-experience .payment .surcharge-discount {
    color: var(--bs-success-text-emphasis, teal);
}

/* =========== Reservation ========== */
#reservation-summary {
    position: relative;
    background: var(--bs-body-bg, #fff);
    padding: 20px;
    margin: 0;
    color: var(--bs-body-color, #444);
    border: 1px solid var(--bs-border-color, #ccc);
    border-radius: 4px;
    overflow: hidden;
    display: none;
}

.sr-exp-tracking-wrap #reservation-summary {
    display: block;
}

#reservation-summary:after,
#reservation-summary .customer-partial li:after,
#reservation-summary .price-summary:after {
    display: table;
    content: "";
    clear: both;
}

#reservation-summary .experience-name,
#reservation-summary .payment-name {
    border-bottom: 1px dotted var(--bs-border-color, #eee);
    margin: 0;
    font-size: 22px;
    font-weight: 400;
}

#reservation-summary .experience-name > div,
#reservation-summary .payment-name > div {
    display: inline-block;
    border-bottom: 2px solid #3a87ad;
    padding-bottom: 5px;
    margin-bottom: -1px;
}

#reservation-summary .created-date {
    color: var(--bs-secondary-color, #666);
    float: right;
    margin-top: -20px;
    margin-right: 20px;
}

#reservation-summary .customer {
    padding: 15px 0;
}

#reservation-summary .customer-partial ul,
#reservation-summary .price-summary {
    list-style: none;
    margin: 0;
    padding: 0;
}

#reservation-summary .customer-partial ul > li,
#reservation-summary .price-summary > li {
    padding: 5px 0;
}

#reservation-summary .customer-partial ul > li > *,
#reservation-summary .price-summary > li > * {
    display: block;
    overflow: hidden;
}

#reservation-summary .customer-partial ul > li > label {
    float: left;
    width: 150px;
    text-align: right;
    padding-right: 10px;
    font-weight: bold;
}

#reservation-summary .price-summary {
    float: right;
    width: 45%;
    padding: 10px 0;
}

#reservation-summary .price-summary > li:not(:last-child) {
    border-bottom: 1px solid var(--bs-border-color, #eee);
}

#reservation-summary .price-summary > li > * {
    width: 50%;
}

#reservation-summary .price-summary > li > label {
    float: left;
}

#reservation-summary li > .payment {
    width: 100%;
}

#reservation-summary .payment-name {
    font-weight: normal;
    text-transform: uppercase;
    font-size: 14px;
    color: var(--bs-info-text-emphasis, #31708f);
    margin-bottom: 10px;
}

#payment-status {
    position: absolute;
    right: -45px;
    top: 22px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    text-transform: uppercase;
    color: #fff;
    width: 150px;
    font-weight: bold;
    text-align: center;
}

.ajax-loader,
button.sr-close {
    display: none;
}

/* =========== Navbar in List Exp =========== */
#exp-sort-container .exp-navbar .navbar-inner {
    padding-left: 0px;
    padding-right: 0px;
}

#exp-sort-container .exp-navbar .nav > li > a {
    padding-left: 10px;
    padding-right: 10px;
}

/* ========== List Items - Module List =========== */
.solidres-module-experience .item,
#sr-exp-container-items .item {
    position: relative;
    background: var(--bs-tertiary-bg, #f5f5f5);
    overflow: hidden;
    margin: 10px 0;
}

.solidres-module-experience .item-desc,
.solidres-module-experience .item-name,
.solidres-module-experience .item-categories,
.solidres-module-experience .item-transportation,
.solidres-module-experience-item .sr-review-widget,
.sr-experience .item-desc,
.sr-experience .item-name,
.sr-experience .sr-review-widget {
    padding: 0px 15px 10px;
}

.sr-experience .tour-header .sr-review-widget {
    margin: 0;
    padding: 0;
    display: inline-block;
}

.solidres-module-experience .item-name,
.sr-experience .item-name {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 22px;
    text-decoration: none;
    display: block;
}

.solidres-module-experience img.item-logo,
.sr-experience img.item-logo {
    display: block;
    max-width: 100%;
    border: none;
    margin-bottom: 10px;
}

.solidres-module-experience .item:hover .base-price,
.solidres-module-experience-list .item:hover .base-price,
.sr-experience .item:hover .base-price {
    background: rgba(58, 135, 173, 1);
}

.solidres-module-experience .item > .base-price,
.solidres-module-experience-list .item-left > .base-price,
.sr-experience .item > .base-price {
    position: absolute;
    top: 0;
    right: 0;
    background: #3a87ad;
    background: rgba(58, 135, 173, 0.75);
    color: #fff;
    padding: 5px 10px;
    font-weight: bold;
    -webkit-border-radius: 0 0 0 15px;
    border-radius: 0 0 0 15px;
    text-align: center;
}

.solidres-module-experience .item > .base-price > .duration,
.sr-experience .item > .base-price > .duration {
    font-weight: normal;
}

.solidres-module-experience-list .item-left {
    position: relative;
}

.solidres-module-experience-list .item {
    -webkit-transition: .2s all ease;
    transition: .2s all ease;
}

.solidres-module-experience-list a.item-name {
    text-decoration: none;
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
}

.solidres-module-experience-list .item-categories > a {
    color: var(--bs-body-color, #333);
}

.solidres-module-experience-list .item-right > * {
    padding: 3px 0;
}

.solidres-module-experience-list .item-right > div:not(.sr-exp-review-widget) {
    border-top: 1px solid var(--bs-border-color, #ddd);
}

/* Direction: rtl
====================================================================== */
html[dir="rtl"] .sr-experience .tour-header .tour-location {
    float: right;
}

html[dir="rtl"] .sr-experience .tour-header .sr-wish-list {
    float: left;
}

html[dir="rtl"] .sr-experience .start-time > div:last-child {
    margin-right: auto;
    margin-left: inherit;
}

html[dir="rtl"] .sr-experience .sr-wish-list {
    text-align: left;
}

html[dir="rtl"] .sr-experience .summary .sr-exp-summary-table th,
html[dir="rtl"] .sr-experience .summary .sr-exp-summary-table td {
    text-align: left;
}

html[dir="rtl"] #reservation-summary .created-date {
    text-align: left;
}

html[dir="rtl"] #reservation-summary .customer-partial ul > li > label {
    float: right;
    text-align: left;
    padding-left: 10px;
    padding-right: 0;
}

html[dir="rtl"] #reservation-summary .price-summary > li > label {
    float: right;
}

html[dir="rtl"] .experience-summary .table-bordered th,
html[dir="rtl"] .experience-summary .table-bordered td {
    border-right: 1px solid var(--bs-border-color, #ddd);
    border-left: none;
}

#hub-navbar .container {
    background: none;
    padding: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

@media (max-width: 320px) {
    input#exp-coupon-code {
        width: 120px;
    }

    #exp-help-remove {
        margin-top: 8px;
    }

    div#stripe-card-info {
        width: 220px;
    }
}

#sr-exp-child-price {
    margin: 0;
}

.sr-guest-table.site select {
    width: auto;
}

@media (max-width: 664px) {
    .sr-exp-available-date .tool > * {
        margin-bottom: 8px;
    }
}

#ExperienceTabContent .collapse.in {
    overflow: hidden;
}

/* Media Manager */
.modal .sr-media-body {
    min-height: 350px;
    padding: 15px;
    max-height: 700px;
    overflow-y: scroll;
}

.sr-media-wrap {
    margin: 5px 0;
}

.sr-media-wrap .sr-folder-name,
.sr-media-wrap > .sr-image {
    cursor: pointer;
}

.sr-media-wrap > div {
    display: inline-block;
    width: 120px;
    height: 120px;
    border: 1px solid var(--bs-border-color, #ddd);
    margin: 5px 5px 5px 0;
    border-radius: 4px;
    text-align: center;
    position: relative;
}

.sr-media-wrap > div:hover,
.sr-media-wrap > .sr-image.active {
    border-color: #009688;
}

.sr-media-wrap .btn-remove-folder,
.sr-media-wrap .btn-remove-image,
.sr-media-wrap .btn-shift-image,
.sr-media-wrap > div > div,
.sr-media-wrap > .sr-image > label,
.sr-media-wrap > .sr-image > img {
    position: absolute;
}

.sr-media-wrap .btn-remove-folder,
.sr-media-wrap .btn-remove-image,
.sr-media-wrap .btn-shift-image {
    top: -1px;
    right: -1px;
    display: none;
    z-index: 10;
    border-radius: 0 4px 0 4px;
    font-size: 14px;
    padding: 3px 8px;
}

.sr-media-wrap > div:hover .btn-remove-folder,
.sr-media-wrap > div:hover .btn-remove-image,
.sr-media-wrap > div:hover .btn-shift-image {
    display: block;
}

.sr-media-wrap > div > div,
.sr-media-wrap > .sr-image > label {
    display: block;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: var(--bs-secondary-color, #607d8b);
}

.sr-media-wrap > div > div {
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.sr-media-wrap > .sr-image > img {
    top: 8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 85px;
}

.sr-media-wrap > .sr-image > label {
    left: 0;
    bottom: 0;
    margin: 0;
    padding: 5px;
    z-index: 15;
}

.sr-media-body .breadcrumb {
    margin-top: 8px;
}

.sr-media-body .btn.btn-upload,
.sr-media-body .btn.btn-insert {
    margin-left: 5px !important;
    border-radius: 4px !important;
}

fieldset.sr-exp-fieldset {
    margin-bottom: 15px;
    min-width: inherit;
}

.sr-exp-panel-box {
    margin-bottom: 15px;
    padding: 15px;
    border: 1px solid var(--bs-border-color, #ddd);
}

.sr-exp-fieldset .input-append {
    width: calc(100% - 35px);
}

.sr-exp-panel-box input[type="number"].quantity {
    width: 100px;
}

.sr-exp-panel-box input[type="number"].price {
    width: 160px;
}

.sr-exp-panel-box .input-group {
    display: inline-flex;
    width: auto;
}

.sr-exp-category-inner {
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    border-radius: 8px;
    border: 1px solid var(--bs-border-color, #eee);
}

.sr-exp-category-inner a,
.sr-exp-category-inner img {
    display: block;
}

.sr-exp-category-inner a{
    text-decoration: none;
}

.sr-exp-category-inner img{
    border-radius: 8px 8px 0 0;
}

.sr-exp-category-name {
    font-size: 16px;
    color: var(--bs-secondary-color, #555);
    margin-top: 0;
}

.sr-exp-category-body {
    padding: 15px;
}

.sr_list_view {
    overflow-x: auto;
}

.sr-experience .tour-info a:not(:last-child):after {
    display: inline-block;
    content: ",";
    margin-left: -3px;
}

.exp-payment-label {
    display: block;
}