/*
    General
    Main dark color:    #0d68b9
    Main light color:   #a7c8e5
*/
.sts-bg-blue {
    background-color: #0d68b9 !important;
}

.sts-body h2 {
    color: #0d68b9;
}

/*
    Navigation
*/
.sts-nav-item {
    border-right: 1px solid rgba(255, 255, 255, .5);
}

@media (max-width: 992px) {
    .sts-nav-item {
        border-right: none;
    }
}

.sts-nav-link:hover {
    color: #ffffff !important;
}

/*
    Header
*/
.sts-header {
    background-image: url('../img/houseHeader.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 156px 0 100px !important;
}

@media (max-width: 992px) {
    .sts-header{
        padding: 156px 0 100px !important;
    }
}

.sts-header-text-container {
    background-color: #a7c8e5 !important;
    color: #ffffff;
    opacity: 0.9;
    padding-top: 15px;
    padding-bottom: 15px;
}

/*
    Footer
*/
.sts-footer {
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}

/*
    Container
*/
.container.information h1 {
    color: #c93131;
}

.container.information p {
    color: #c93131;
    font-weight: bold;
}

.container.information .information-content {
    text-align: center;
}

.information-content .information-highlight {
    font-size: 1.5rem;
    text-decoration: underline;
}

/*
    Map
*/
.sts-map-container {
    margin-top: 2rem;
}

.sts-map {
    width: 100%;
    height: 400px;
}

/*
    Table
*/
.sts-table-container {
    max-height: 33rem;
    overflow-y: auto;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.sts-table-container input {
    margin-bottom: 0.5rem;
}

.sts-table-header {
    color: #ffffff;
}

.table-hover tbody tr:hover {
    background-color: #a7c8e5 !important;
}

.sts-date-op {
    background-color: #ffaf6a !important;
}

.sts-date-efs {
    background-color: #a3ff6a !important;
}

.sts-date-attention {
    background-color: #efef73 !important;
}

.sts-date-special {
    background-color: #a7c8e5 !important;
}

.sts-date-canceled {
    background-color: #c93131 !important;
    color: white;
}

.sts-cell {
    white-space: nowrap;
}

.sts-note-container {
    text-align: center;
}

.sts-note {
    font-weight: bold;
}

.sts-blank {
    height: 70px;
}

.sts-sub-title {
    font-size: 24px;
    font-weight: bold;
    color: #0d68b9;
}

/*
    Carousel
*/
#roomCarousel {
    height: 33rem;
    width: auto;
    overflow: hidden;
    margin-bottom: 1rem;
    margin-top: 2rem;
}

.sts-carousel-inner {
    padding: 0 48px;
}

.sts-carousel-item img {
    height: 30rem;
    max-height: 30rem !important;
    object-fit: cover;
}

.sts-carousel-control {
    width: 3rem;
    color: #0d68b9;
    opacity: 1 !important;
    background-color: #ffffff;
}

.sts-carousel-control:hover,
.sts-carousel-control:focus {
    color: #0d68b9;
    opacity: 1 !important;
}

.sts-carousel-indicator {
    background-color: #0d68b9 !important;
}

.sts-carousel-caption {
    color: #0d68b9;
    background-color: rgba(255, 255, 255, 0.75);
    padding: 0.5rem;
}

.sts-carousel-caption h5 {
    margin: 0;
}

.chevron::before {
    border-style: solid;
    border-width: 0.35em 0.35em 0 0;
    content: '';
    display: inline-block;
    height: 1em;
    left: 0.15em;
    position: relative;
    top: 0.15em;
    transform: rotate(-45deg);
    vertical-align: top;
    width: 1em;
}

.chevron.right:before {
    left: 0;
    transform: rotate(45deg);
}

.chevron.left:before {
    left: 0.25em;
    transform: rotate(-135deg);
}