#firstMonth, #secondMonth {
    font-size: 1.3rem;
}

.monthButton {
    font-weight: bold;
    font-size: 1.5rem;
    background: #ffffff;
    color: var(--bs-primary);
    outline: none;
    border: 0;
    margin: 0;
}

.calendar-cell {
    padding: 0% !important;
    height: 4.5rem;
    border: solid;
    border: 1px solid black;
    cursor: pointer;
}
.calendar-cell:not(.unavailable) {
    background: var(--bs-primary);
    color: white;
}
.calendar-cell.arrive-only {
    background: linear-gradient(to right bottom, rgb(207, 207, 207) 50%, var(--bs-primary) 50%);
    color: black;
}

.calendar-cell.depart-only {
    background: linear-gradient(to right bottom, var(--bs-primary) 50%, rgb(207, 207, 207) 50%);
    color: white;
    cursor: pointer;
}

.calendar-cell div {
    width: 100%;
    height: 100%;
    padding: 3px;
    position: relative;
}
.calendar-cell div>span {
    position: absolute;
    bottom: 0;
    right: 5px;
    color: white;
    pointer-events: none;
}

.calendar-cell div.arrive {
    background: linear-gradient(to right bottom, rgba(255,255,255,0.0) 50%, rgba(255,255,255,0.5) 50%);
}
.calendar-cell div.stay {
    background-color: rgba(255,255,255,0.5);
}

.calendar-cell div.depart {
    background: linear-gradient(to right bottom, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0.0) 50%);
}

.unavailable {
    background: #cfcfcf;
    cursor: default;
}

.calendar {
    border: solid;
    border-width: 1px;
}

.cal-legend {
    border: 1px solid black;
}

div.review-stars {
    color: black;
}

.cabinCheckout {
    max-width: 400px;
}

.location {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: lighter;
    color: #575757;
}

.cost {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: bold;
    font-size: 25pt;
    color: #575757;
}

.Avg {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: lighter;
    color: #575757;
}

.cal-btn {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    max-width: 400px;
    margin: 0px !important;
}
.quotebox {
    border: 1px solid #575757;
    border-radius: 6px;
    background-color: rgba(234,241,247,0.5);
    background: radial-gradient(rgb(234 241 247), transparent);
}
#quickquote {
    border-top: 1px solid #575757;
    margin-bottom: 10px;
}

#quickquote .qqresults {
    padding: 1rem;
    line-height: 1.8rem;
}
.qqresults table {
    width: 100%;
}
.qqresults td {
    text-align: right;
}

.Check-In {
    border: none;
    border-right: 1px solid #575757;
    outline: none;
    background: transparent;
}

.Check-Out {
    border: none;
    float: right;
    outline: none;
    background: transparent;
}

.rating .Star {
    overflow: hidden;
    white-space: nowrap;
    height: 27px;
    color: #FA9D4C;
    max-width: 108px;
}

.rating .Star div {
    overflow: hidden;
    white-space: nowrap;
}

.rating p {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
    font-weight: lighter;
    color: #575757;
}

.Amenities .list ol {
    list-style-type: none;
}

.Slider .question {
    margin-left: min(50pt, 4vw);
    margin-right: min(50pt, 4vw);
    text-align: center;
}

.QandA {
    margin-top: 100px;
    min-height: 240px;
}

.Slider .carousel-item {
    height: 230px;
}

.Slider p {
    overflow: hidden;
    color: #575757;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-style: italic;
}

.Slider p.name {
    font-weight: bold;
    font-size: 25px;
    font-style: italic;
}

.Slider .comment {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #575757;
}

.carousel.item {
    transition: 0.4s ease-in-out left;
}

.commentChain .awnser {
    margin-left: 50px;
}

.CommentSection {
    padding-left: 20px;
    padding-right: 20px;
}

.scroll .back,
.scroll .next {
    border: 2px solid #575757;
    color: #575757;
    background: none;
    padding-left: 13px;
    padding-top: 10px;
    padding-right: 13px;
    padding-bottom: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 3px;
}

.scroll {
    margin-top: 25px;
}

.CabinTitle {
    font-weight: bold;
    font-size: x-large;
    color: #575757;
}

.Save {
    width: 106px;
}

.Share {
    width: 106px;
    float: right;
}

.modal-body li ul li {
    font-weight: 300;
}

section .Cabin {
    margin-left: 50px !important;
    margin-right: 50px !important;
}

.ActiveImg div {
    max-width: max-content;
    border-radius: 5px;
    overflow: hidden;
}

.SecondaryImgs img {
    width: 150px;
    border-radius: 5px;

}

.SecondaryImgs .col-12 {
    margin-top: 6px;
    margin-bottom: 6px;
    padding-left: unset;
}

.swiper-slide {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
    max-width: 100%;
}

.swiper-container {
    width: 100%;
    height: auto;
    max-height: 600px;
}

.currentTab {
    border-bottom: none !important;
}

#videoarea {
    width: 100%;
    height: 600px;
}

@media only screen and (max-width: 767.98px) {
    .ActiveImg img {
        margin-left: -140px;
    }

    .swiper-slide img {
        height: 200px;
        width: 100%;
        object-fit: contain;
    }

    .swiper-container {
        width: 100%;
        height: 200px;
    }

    #videoarea {
        width: 100%;
        height: 200px;
    }

    #tabarea {
        margin-left: 0px;
    }
}