/*
bedsndrinks colors :
#a8005e - pink / rgba(168, 0, 94, 1)
#ffffff - white
#020226 - dark violet / rgba(2, 2, 38, 1)
#160637 - medium dark violet / rgba(22,6,55, 1)
#00aeed - medium blue / rgba(0, 174, 237, 1)

font-family: 'Open Sans', sans-serif;
*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');

html, body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}

body {
    background: #020226;
    background-image: linear-gradient(60deg, #020226, #160637);
    margin-top: 1em;
    color: #020226;
}

/* basic design resets */
a, a:focus, a:hover {
    color: #00aeed;
    text-decoration: none;
}

.appendix p {
    color: #00aeed;
}

.panel-primary > .panel-heading {
    background: #00aeed;
    border-color: #00aeed;
}

/* no rounded corners */
.alert,
.panel,
.panel-heading,
.panel-footer,
button, .btn,
.form-control,
.nav-pills > li > a,
.nav-pills > li:first-child > a,
.nav-pills > li:last-child > a,
.overnight-items a > h4,
.modal-content {
    border-radius: 0;
}

.panel,
.house-info-left,
a.more-info {
    border: 0;
}

.panel-title,
button, .btn,
.nav-pills span,
.overnight-items a > h4,
#wishlistTitle {
    text-transform: uppercase;
}

.panel,
.house-info-left,
.nav > li > a:focus,
.nav > li > a:hover,
.nav-pills > li.active > a,
.nav-pills > li.active > a:focus,
.nav-pills > li.active > a:hover {
    background: transparent;
}

h2,
label,
.house-info-left,
.grouped-article .article-select-btn,
.grouped-articles > .col-md-4 h4,
.article.grouped-article,
a.more-info,
#wishlist,
#wishlistTitle,
span.booknow-lock-show,
p.termspay,
#page_personal_data div.termspay,
p.explanation,
span.help,
.secureConnectionHint,
#page_booking h4 {
    color: white;
}

.grouped-articles,
.overnight-items a > h4,
.article.grouped-article {
    border: 4px solid white;
}

.text-muted {
    color: rgba(22, 6, 55, .5);
}

.modal-content,
#page_booking #summaryCollapse h4 {
    color: #020226;
}

.alert-danger {
    color: #a8005e;
    background: rgba(168, 0, 94, .25);
    border-color: white;
}

#summary_box > .panel,
#summary_final_box > .panel,
#paFinderContainer > .panel,
#page_booking .panel {
    border: 4px solid #00aeed;
    background: white;
}

/* buttons */

button, .btn {
    border-width: 4px;
    font-weight: 400;
}

button,
.btn,
.btn-success,
.btn-default,
.grouped-article .btn.article-select-btn {
    color: white;
    border-color: white;
    background-color: #a8005e;
}

#promoinput_btn {
    border-color: #a8005e;
}

.btn.focus, .btn:focus, .btn:hover,
.btn-default:focus, .btn-default:hover,
.btn-success:focus, btn-success:hover,
#night_counter {
    color: #a8005e;
    border-color: #a8005e;
    background-color: white;
}

#night_counter {
    opacity: 1;
    border-color: #a8005e;
    background-color: #a8005e;
    color: white;
    font-weight: 800;
}

/* navigation */
.nav {
    margin-bottom: 1em;
}

.nav-pills span {
    font-weight: 600;
}

.nav-pills li {
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

.nav-pills > li:hover {
    border-top-color: #00aeed;
    border-bottom-color: #00aeed;
}

.nav-pills > li.active,
.nav-pills > li.active:hover {
    border-top-color: white;
    border-bottom-color: white;
}

.nav-pills li.active,
.nav-pills li.disabled,
.nav-pills > li.disabled > a:hover,
.nav-pills > li.disabled > a:focus {
    background: transparent;
}

.nav-pills > li.disabled > a,
.nav-pills > li.disabled > a:hover,
.nav-pills > li.disabled > a:focus {
    color: white;
}

/* articles */
.overnight-items a > h4 {
    color: #fff;
    background: #00aeed;
    font-weight: 600;
}

.grouped-articles {
    background-size: cover;
}

.grouped-articles > .col-md-4 h4 {
    font-weight: 600;
    font-size: 1.8em;
    text-shadow: 1px 1px 6px #020226;
}

.article.grouped-article {
    background: rgba(22, 6, 55, .75);
}

::after, ::before {

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

a.more-info {
    font-style: normal;
    display: inline-block;
    background: #00aeed;
    padding: .4em;
    margin-top: 1em;
    font-weight: 400;
}

a.more-info:hover {
    text-decoration: none;
    background: white;
    color: #00aeed;
}

.popular-article {
    color: #00aeed;
}

ul.general-desc li {
    display: inline-block;
    background: white;
    padding: .1em .3em 0 .2em;
}

/* forms */
input[type="text"],
select,
select.form-control,
textarea,
textarea.form-control {
    border: 4px solid #a8005e;
    background: white;
    color: #a8005e;
    font-weight: 400;
}

input[type="text"],
select,
select.form-control {
    height: auto;
}

/* pafinder */
#paFinderContainer .panel-heading {
    background: #00aeed;
}

#paFinderContainer a:focus,
#paFinderContainer a:hover {
    color: white;
}

#paFinderContainer .panel-heading h4 {
    color: white;
    font-weight: 600;
}

#pafinder_calendars {
    padding: 0 .1em;
}

#pafinder_calendar td {
    padding: .3em .1em;
}

#pafinder_calendar td,
#pafinder_calendar td.avail,
#pafinder_calendar td.lowavail,
#pafinder_calendar td.noavail {
    box-shadow: none;
}

#pafinder_calendar td.avail {
    background: rgba(0, 174, 237, 0.25);
}

#pafinder_calendar td.lowavail {
    background: rgba(229, 237, 0, .25);
}

#pafinder_calendar td.noavail {
    background: rgba(168, 0, 94, .25);
}

#pafinder_calendar td.empty {
    background: rgba(2, 2, 38, .25);
}

#pafinder_calendar td.avail:hover {
    background: rgba(0, 174, 237, 0.4);
}

#pafinder_calendar td.lowavail:hover {
    background: rgba(229, 237, 0, .4);
}

#pafinder_calendar td.noavail:hover {
    background: rgba(168, 0, 94, .4);
}

#pafinder_calendar td div.mday {
    font-size: .7em;
    padding-left: .3em;
}

#pafinder_calendar td div.mprice {
    font-size: 1em;
    font-weight: 400;
    padding-right: .2em;
}

#pafinder_calendar td.month {
    height: 2em;
    line-height: 3em;
}

#pafinder_calendar th.head,
#pafinder_calendar th.head.Sat,
#pafinder_calendar th.head.Sun {
    color: #00aeed;
    font-weight: 600;
    line-height: 2em;
}

#summary_box h4.summary-art-category,
#summary_final_box h4.summary-art-category,
#page_booking h4.summary-art-category {
    display: none;
}

#page_booking hr.spacer,
#summary_box hr.spacer,
#summary_final_box hr.spacer,
#summary_box .summary-art-category + .spacer,
#summary_final_box .summary-art-category + .spacer {
    border-color: white;
    height: 1em;
}

#page_booking .panel-footer,
#summary_box .panel-footer,
#summary_final_box .panel-footer {
    background-color: #00aeed;
    border-top: 4px solid #00aeed;
    color: white;
}

#summary_final_box .panel-body p {
    color: #00aeed;
}

#night_counter {
    color: #a8005e;
}