@charset "UTF-8";
:root {
    --control-selected-bg-color: #005d88;
    --control-selected-border-color: #99d6ff;
    --control-selected-color: #dcf4ff;
    --control-selected-border-highlight: #006199;
    --control-bg-color: #99d6ff;
    --control-border-color: #005d88;
    --control-disabled-bg-color: #c0c0c0;
    --control-disabled-border-color: #f9f9f9;
}

body {
    background-color: #000;
    font-family: "Patrick Hand", Helvetica, Arial, Georgia, Tahoma, serif;
}

.accordion-header{
    font-family: Helvetica, Arial, Georgia, Tahoma, serif;
    font-size: 2em;
}

.navbar {
    background-color: #ccc;
}

.rentalData .rentalLocation {
    font-size: 1.2em;
    font-weight: bold;
}

.card-header{
    font-size: 1.5em;
}

.disabledCard{
    background-color: #f9f9f9;
    border-color: #9f9f9f;
    border-width: 2px;
}

.selectedCard{
    border-color: lightgreen;
    border-width: 4px;
}

.selectedCard.disabledCard{
    border-color: red;
    border-width: 4px;
}

li.nav-item a.nav-link.active {
    color: rgb(110, 200, 209);
    font-weight: bold;
    border-bottom: 1px solid rgb(110, 200, 209);
}

.icon i {
    color: #fff;
}

#mainHeader {
    background-color: #e7e7e7;
    background-image: url(/assets/images/header_background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
}

#mainHeader #headerLogo {
    background-image: url(/assets/images/SilentDiscoMainImage.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 150px;
    width: 150px;
}
/*Aclonica*/
#mainHeader .header {
    font-family: Papyrus, Copperplate, "Sansita Swashed", fantasy;
    font-size: 2em;
    font-weight: bold;
}

#mainHeader .bookingButton {
    background-color: white;
}

#mainHeader .bookingButton:hover {
    background-color: #333;
}

#breakImage {
    background-image: url(/assets/images/party.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    min-height: 250px;
    max-height: 300px;
}

#ContactUs {
    background-color: #696969;
    color: #f0f0f0;
    min-height: 100px;
}
/*Aclonica*/
#ContactUs h1 {
    font-family: "Sansita Swashed", Papyrus, Copperplate, fantasy;
    padding: 1em;
}
#ContactUs input, select, textarea {
    /*width: 100%;*/
    background-color: #d7d7d7;
    height: 35px;
    color: #0f0f0f;
    border-radius: 10px;
    border: none;
    outline: none;
    margin-bottom: 10px;
    text-align: left;
    text-indent: 1.5em;
}

#dateCheck {
    background-color: #f9f9f9;
    min-height: 10em;
}

.depositMsg{
    font-family: sans-serif;
    font-size: 1.1em;
    padding: 1em 0em 1em 0em;
}

#locations {
    background-color: #d9d9d9;
    min-height: 100px;
}

/*Aclonica*/
#locations h1 {
    font-family: "Sansita Swashed", Papyrus, Copperplate, fantasy;
    font-weight: bold;
    padding: 1em;
}

#locations .locationImage {
    background-image: url(/assets/images/location_1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    max-height: 300px;
    min-height: 200px;
    max-width: 300px;
    min-width: 200px;
    box-shadow: 0 0 0 4px #9c9c9c;
    border-radius: 1rem;
}

#locations .location h2 {
    font-size: 1.5em;
    min-width: 300px;
}

#packages {
    background-color: rgb(110, 200, 209);
    padding: 0px 0px 20px 0px;
}

/*Aclonica*/
#packages h1, h2, h3, h4 {
    font-family: "Sansita Swashed", Copperplate, Papyrus, fantasy;
    font-weight: bold;
}
#packages h1{
    font-size: 3em;
}
#packages h2{
    font-size: 2.5em;
}

#packages .par{
    font-family: "Patrick Hand", serif;
    font-size: 1.5rem;
}

#packages h1.headerRow {
    margin: 0px 0px 20px 0px;
    padding: 20px 0px 0px 0px;
}

#packages .body {
    background-image: url(/assets/images/package_background.svg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 500px;
}

#packages .body .row {
    padding-top: 40px;
}

#packages .body .row div {
    padding: 10px;
}

#packages img {
    cursor: pointer;
    height: 90%;
    width: 90%;
}

#about {
    background-color: rgb(84, 84, 84);
    color: #fcfcfc;
}

/*Aclonica*/
#about h1 {
    font-family: "Sansita Swashed", Copperplate, Papyrus, fantasy;
    font-weight: bold;
    padding: 1em;
}

#about .carousel .carousel-item img {
    max-height: 788px;
    max-width: 940px;
}

#faq {
    background-color: #d9d9d9;
    font-family:"Patrick Hand", serif;
    min-height: 300px;
}

/*Aclonica*/
#faq h1 {
    font-family: "Sansita Swashed", Papyrus, Copperplate, fantasy;
    font-weight: bold;
    padding: 1em;
}

#mainHeader .headerText {
    font-size: 40pt;
}

#packages h1 {
    font-size: 40pt;
}

#process {
    background-color: rgb(128, 128, 128);
    color: #fcfcfc;
    min-height: 300px;
}

/*Aclonica*/
#process h1 {
    font-family: "Sansita Swashed", Papyrus, Copperplate, fantasy;
    padding-top: 10px;
}

#rentalDateTimeBody #rentalDate {
    width: 170px;
}

#rentalDateTimeBody #rentalTime {
    width: 170px;
}

#rentalPaymentBody .error {
    color: #990000;
    font-style: italic;
}

#rentalPaymentBody .field {
    height: 50px;
    overflow: hidden;
}

#rentalPaymentBody #card-response {
    color: #990000;
    font-weight: bold;
}

.requestReviewLabel {
    color: #969696;
    font-weight: bolder;
    font-size: 12pt;
}

.requestReviewItem {
    color: #036c3c;
    font-weight: bold;
    font-size: 14pt;
    margin-bottom: 20px;
}

/*terms of service*/
.tos {
    /*todo*/
}

.tos .tosBusinessName {
    font-size: 1em;
    font-weight: lighter;
}

.tos .tosOpening {
    font-size: .95em;
    margin: 20px 0px 20px 0px;
}

.tos .tosBody {
    font-weight: normal;
    font-size: .75em;
}

.tos .tosBodyItem {
    margin-bottom: 25px;
}

.tos .tosBodyItem .tosSectionHeader {
    font-weight: bold;
    font-size: .95em;
}

input.datepicker {
    min-width: 200px;
    max-width: 275px;
    text-align: left;
}

.accordion-header .accordion-button {
    background-color: var(--control-bg-color);
}

.accordion-header .accordion-button[disabled] {
    background-color: rgb(110, 110, 110);
    opacity: .5;
}

/*package square*/
.packageSquare {
    border-radius: 1rem;
    box-shadow: 0 0 0 2px var(--control-border-color);
    background-image: url(/assets/images/package_background.svg);
    background-repeat: no-repeat;
    background-size: auto 100%;
    color: var(--control-border-color);
    cursor: pointer;
    margin: 10px;
    max-width: 300px;
    padding: 10px;
}

.packageSquare .head {
    font-size: 3em;
    font-weight: bold;
}

.packageSquare ul{
    margin: 0px;
    padding: 0px;
}

.packageSquare ul li {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.packageSquare .number {
    text-shadow: 4px 4px var(--control-bg-color);
}

.packageSquare .tagline {
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: .4em;
    position: relative;
    top: -10px;
}

/*bootstrap list-groups*/
.list-group {
    max-width: 460px;
    margin: 4rem auto;
}

.list-group input {
    background-color: #f9f9f9;
}

.list-group input:checked {
    background-color: #04AA6D;
}

.form-check-input:checked+.form-checked-content {
    opacity: .5;
}

.form-check-input-placeholder {
    border-style: dashed;
}

[contenteditable]:focus {
    outline: 0;
}

.list-group .list-available {
    background-color: var(--control-bg-color);
    border-color: var(--control-border-color);
    color: var(--control-border-color);
    cursor: pointer;
}

.list-group-item-check {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.list-group-item:hover {
    background-color: var(--bs-light);
}

.list-group-item {
    background-color: var(--control-selected-bg-color);
    border-color: var(--control-selected-border-color);
    border-radius: 15px;
    color: var(--control-selected-color) box-shadow: 0 0 0 3px var(--control-selected-border-highlight);
}

.list-group .item-checked {
    background-color: var(--control-selected-bg-color);
    border-color: var(--control-selected-border-color);
    color: var(--control-selected-color);
    box-shadow: 0 0 0 3px var(--control-selected-border-highlight);
}

.list-group-item[disabled] {
    pointer-events: none;
    filter: none;
    opacity: .5;
}

.list-group label {
    min-width: 100px;
}

.list-group label ul {
    list-style-type: none;
    /* Remove bullets */
    padding: 0;
    /* Remove padding */
    margin: 0;
    /* Remove margins */
}

/*bootstrap list-groups END*/

.lt_about_area .witr_section_title_inner h3 {
    margin-bottom: 10px;
}

.lt_about_area {
    padding: 85px 0px 100px 0px;
    background: #f09666;
    /*width: 100%;*/
}

.lt_about_area .witr_section_title_inner h1 {
    color: #0f0f0f;
    font-family: "Nunito", Sans-serif;
    font-size: 22px;
    font-weight: 400;
    font-style: italic;
    margin: 12px 0px 0px 0px;
}

.lt_about_area .witr_section_title_inner p {
    color: #0f0f0f;
    /*width: 100%;*/
    margin-top: 32px;
    margin-bottom: 4px;
    line-height: 29px;
}

.about_left_content_inner,
.about_right_image img {
    margin-top: 30px;
}

.contact_area {
    background: #f3f3f3;
    color: #0f0f0f;
    padding: 0px 0px 75px;
}

.contact_area .witr_section_title {
    position: relative;
    padding-bottom: 24px;
}


.section_header {
    border: 0px;
    font-size: 30pt;
    font-weight: 700;
    margin: 0px 0px 20px 0px;
}

.section_header p.tag_line {
    font-size: 16pt;
    font-weight: 100;
}

.events {
    /*width: 100%;*/
    margin: 50px 0px 50px 0px;
}

.events .section_header {
    color: #fff;
}

.events .event {
    margin: 20px;
    position: relative;
    height: 340px;
    width: 340px;
}

.events .event img,
.details {
    border-radius: 15px;
    position: absolute;
}

.events .event img {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 3;
}

.events .dark .details {
    background-color: #000;
    color: #fff;
    opacity: .65;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
}

.events .light .details {
    background-color: #000;
    color: #fff;
    opacity: .25;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
}

.events .dark img {
    border: 2px solid #f3f3f3;
}

.events .light img {
    border: 2px solid #696969;
}

.events .event .details {
    height: 150px;
    left: 50%;
    text-align: center;
    top: 205px;
    transform: translate(-50%, -50%);
    width: 100%;
    z-index: 10;
}

.events .event .details h3 {
    font-size: 14pt;
}

.events .event .details p {
    font-size: 8pt;
}

.events .event:hover img {
    opacity: .50;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}

.events .event:hover .details {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.carousel .carousel-inner .carousel-item img {
    margin: auto;
}

.carousel .carousel-inner .carousel-caption h5,
.carousel .carousel-inner .carousel-caption p {
    background-color: #ccc;
    color: #000;
}

.mediaLink,
.mediaLink {
    color: #366363;
}

.mediaLink:hover {
    color: #9FF9F9;
}

/*CARRYOVER FROM OLD SITE*/

.apartment_area {
    position: relative;
    background-size: cover;
    padding: 0px 200px 43px 200px;
    border-radius: 10px;
    text-align: left;
}

.apartment_area label {
    font-weight: bold;
}

.apartment_text h1 {
    color: #0f0f0f;
    font-size: 17px;
    margin-bottom: 5px;
}

.apartment_text h2 {
    margin: 0 0 21px;
    font-size: 38px;
}

.form-group {
    margin-bottom: 0px;
}

.witr_apartment_form {}

.witr_apartment_form form select option {}

.witr_apartment_form select,
.witr_apartment_form input {
    /*width: 100%;*/
    height: 35px;
    color: #0f0f0f;
    border-radius: 15px;
    border: none;
    outline: none;
    margin-bottom: 10px;
    text-align: left;
}

.witr_apartment_form textarea {
    margin-bottom: 10px;
    text-align: left;
}

.witr_apartment_form input::-moz-placeholder {
    color: 696969;
    opacity: 1;
}

.witr_apartment_form input::-ms-input-placeholder {
    color: 696969;
    opacity: 1;
}

.witr_apartment_form input::-webkit-input-placeholder {
    color: #696969;
    ;
    opacity: 1;
}

.witr_apartment_form select::-webkit-input-placeholder,
.witr_apartment_form textarea::-webkit-input-placeholder {
    color: 696969;
    opacity: 1;
}

.witr_apartment_form .const_btn {
    font-size: 15px;
    background: transparent;
    font-weight: 600;
    border-radius: 5px;
    margin-top: 10px;
    border: 0;
    color: #030303;
    cursor: pointer;
    transition: .5s;
}

.witr_apartment_form .const_btn:hover {
    background: transparent;
    color: #0f0f0f;
}

/* Bottom Contact */
.witr_bottom_contact .form-group {
    margin-bottom: 5px;
}

.witr_bottom_contact textarea {
    height: 100px;
}

.witr_apartment_form input,
.witr_apartment_form select,
.witr_apartment_form textarea,
.wpcf7-form-control-wrap a,
.wpcf7-form-control-wrap input {
    margin-top: 0px;
    margin-bottom: 55px;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    border-color: #696969;
    border-radius: 0px 0px 0px 0px;
    background: #f3f3f3;
    color: #0f0f0f;
}

.witr_apartment_form textarea {
    padding-top: 20px;
}

/**/
.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
    font-weight: 700;
}

.witr_section_title_inner p {
    color: #0f0f0f;
}

.witr_section_title_inner.text-center p {
    width: 71%;
    margin-right: auto;
    margin-left: auto;
}

.witr_section_title {
    padding-bottom: 0px;
}

.witr_section_title {
    position: relative;
    padding-bottom: 30px;
}

.witr_section_title_inner {
    position: relative;
    z-index: 1;
}

.witr_section_title_inner h1,
.witr_section_title_inner h2,
.witr_section_title_inner h3 {
    font-size: 40px;
    margin: auto;
}

.text-right.witr_section_title_inner h1,
.text-right.witr_section_title_inner h2,
.text-right.witr_section_title_inner h3 {
    margin-right: 0px;
}

.text-left.witr_section_title_inner h1,
.text-left.witr_section_title_inner h2,
.text-left.witr_section_title_inner h3 {
    margin-left: 0px;
}

.witr_section_title_inner h1 {}

.witr_section_title_inner h2 {
    font-size: 16px;
    display: inline-block;
    text-transform: uppercase;
    color: #f3f3f3;
}

.witr_section_title_inner h3 {
    padding: 0px;
}

.witr_section_title_inner h3 {
    color: #0f0f0f;
}

.witr_section_title_inner p span a,
.witr_section_title_inner p span,
.witr_section_title_inner h1 span,
.witr_section_title_inner h2 span,
.witr_section_title_inner h3 span {
    color: #6f6f6f;
}

.witr_section_title_inner p {
    margin-top: 10px;
}

.witr_section_title_inner.text-center p {
    margin-right: auto;
    margin-left: auto;
}

.witr_section_title_inner.text-left p {
    margin-right: auto;
    margin-left: 0px;
}

.witr_section_title_inner.text-right p {
    width: 81%;
    margin-right: 0px;
    margin-left: auto;
}

.witr_image_title {
    margin-top: 0px;
    margin-bottom: 10px;
}

.white .witr_section_title_inner h1,
.white .witr_section_title_inner h2,
.white .witr_section_title_inner h3,
.white .witr_section_title_inner p {
    color: #0f0f0f;
}


.witr_custom_icons i {
    margin: 45px 0px 0px 0px;
}

.witr_custom_icons i {
    color: #0f0f0f;
    font-size: 14px;
    width: 41px;
    height: 41px;
    line-height: 41px;
    text-align: center;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #2C2C2C;
    border-radius: 50px 50px 50px 50px;
    transition: .5s;
    display: inline-block;
}

.witr_custom_icons {
    text-align: center;
}

.witr_custom_icons i:hover {
    color: #9f9f9f;
    background-color: #0f0f0f;
    border-color: #fff;
}

/*FORM WIZARD*/
.invalid {
    background-color: #ffdddd;
}

/* Hide all steps by default: */
.tab {
    display: none;
}

.wizardButton {
    background-color: #04AA6D;
    color: #ffffff;
    border: none;
    padding: 10px 20px;
    font-size: 17px;
    font-family: Raleway;
    cursor: pointer;
}

.wizardButton:hover {
    opacity: 0.8;
}

.wizardButton:disabled,
.wizardButton[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

#prevBtn {
    background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbbbbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step.active {
    opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
    background-color: #04AA6D;
}