#logo-container {
    background-image: url('../img/nav_logo.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 1em;
    width: 4em;
    height: 100%;
}

#hero-title {
    margin: 0;
}

#hero-logo {
    max-width: 6em;
}

#hero-container {
    background-image: url('../img/hero_logo_2.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

#room-details {
    box-sizing: border-box;
}

#room-details img {
    width: 100%;
    max-height: 460px;
}

#faq {
  background-image: url('../img/faq.png');
  background-repeat: no-repeat;
  background-position: center;
}

#faq-collection {
  background-color: rgba(239, 108, 0, 0.08);
  border: 1px solid rgba(224, 224, 224, 0.29);
}

.collection .collection-item,
.collection.with-header .collection-header {
    border-bottom: 1px solid rgba(224, 224, 224, 0.29);
}


.btn-custom {
    height: 3em;
    line-height: 3em;
    min-width: 13em;
}

#floating-social img {
    width: 100%;
}

nav ul li:hover,
nav ul li.active,
.side-nav li:hover,
.side-nav li.active {
    background-color: #ef6c00;
}

#panic_room_h3 {
    text-shadow: 0px 2px 5px limegreen;
}

#pyramid_room_h3 {
    text-shadow: 0px 2px 5px #4D2910;
}

#father_room_h3 {
    text-shadow: 0px 2px 5px red;
}

#map {
    /* width: 320px; */
    height: 380px;
}

/* label color */
.input-field label {
 color: #ffe0b2;
}
/* label focus color */
.input-field input[type=text]:focus + label,
.input-field input[type=tel]:focus + label,
.input-field input[type=email]:focus + label,
.input-field #textarea1:focus + label {
 color: #212121;
}
/* label underline focus color */
.input-field input[type=text]:focus,
.input-field input[type=tel]:focus,
.input-field input[type=email]:focus,
.input-field #textarea1:focus {
 border-bottom: 1px solid #212121;
 box-shadow: 0 1px 0 0 #212121;
}
/* valid color */
/* .input-field input[type=text].valid,
.input-field input[type=tel].valid,
.input-field input[type=email].valid {
 border-bottom: 1px solid #212121;
 box-shadow: 0 1px 0 0 #212121;
} */
/* invalid color */
.input-field input[type=text].invalid,
.input-field input[type=tel].invalid,
.input-field input[type=email].invalid {
 border-bottom: 1px solid red;
 box-shadow: 0 1px 0 0 red;
}
/* icon prefix focus color */
.input-field .prefix {
 color: #ffe0b2;
}
.input-field .prefix.active {
 color: #212121;
}

table.striped>tbody>tr:nth-child(odd) {
    background-color: #424242;
}

blockquote {
    border-left: 3px solid #ff9800 ;
}

.toast {
    background-color: transparent;
    box-shadow: none;
}

.custom-toast {
    padding: 1em;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
}

/**************************************************/
/* -------------- Reservations Css -------------- */
/**************************************************/
#calendar td,
#calendar td {
  border-radius: 0;
}

#calendar .material-icons {
  line-height: inherit;
}

#calendar .past {
  color: #5F5F5F;
}

#calendar .today {
  color: #ef6c00;
}

#calendar .picked {
  background-color: #ef6c00;
  color: rgba(0,0,0,0.87);
}

#calendar .dayHover {
    background-color: #424242;
}

#calendar .day,
#calendar .move-button {
  cursor: pointer;
}

#calendar .day.past {
  cursor: default;
}

#reservations .right-border {
  border-right: thin solid #676767;
}

#reservations td {
  cursor: pointer;
}

#reservations td:hover {
  background-color: #B7621C;
}

#reservations td.booked {
  background-color: #5F1D1D;
  color: #585858;
}

#reservations td.booked:hover {
  background-color: #5F1D1D;
  cursor: default;
}

.tabs .tab a {
  color: #ff9800;
}

.tabs .indicator {
  background-color: #ff9800;
}

.tabs .tab a:hover {
  color: rgba(255, 152, 0, 0.67);
}
/* -------------- Reservations Css END -------------- */


/* ******************************************** */
/* -------------- Modal Form Css -------------- */
/* ******************************************** */

.modal.bottom-sheet {
    max-height: 62%;
}

/* label color */
#reservationModal .input-field label {
 color: #fff;
}
/* label focus color */
#reservationModal .input-field input[type=text]:focus + label,
#reservationModal .input-field input[type=tel]:focus + label,
#reservationModal .input-field input[type=number]:focus + label,
#reservationModal .input-field input[type=email]:focus + label,
#reservationModal .input-field #textarea1:focus + label {
 color: orange;
}
/* label underline focus color */
#reservationModal .input-field input[type=text]:focus,
#reservationModal .input-field input[type=tel]:focus,
#reservationModal .input-field input[type=number]:focus,
#reservationModal .input-field input[type=email]:focus,
#reservationModal .input-field #textarea1:focus {
 border-bottom: 1px solid orange;
 box-shadow: 0 1px 0 0 orange;
}
/* valid color */
#reservationModal .input-field input[type=text].valid,
#reservationModal .input-field input[type=tel].valid,
#reservationModal .input-field input[type=number].valid,
#reservationModal .input-field input[type=email].valid {
 border-bottom: 1px solid #9e9e9e;
}
/* invalid color */
#reservationModal .input-field input[type=text].invalid,
#reservationModal .input-field input[type=tel].invalid,
#reservationModal .input-field input[type=number].invalid,
#reservationModal .input-field input[type=email].invalid {
 border-bottom: 1px solid red;
 box-shadow: 0 1px 0 0 red;
}
/* icon prefix focus color */
#reservationModal .input-field .prefix {
 color: #ffe0b2;
}
#reservationModal .input-field .prefix.active {
 color: #212121;
}
/* -------------- Modal Form Css END -------------- */

td {
    -webkit-transition: all 180ms ease-in-out; /* Safari 3.1 to 6.0 */
    transition: all 180ms ease-in-out;
}

.hr-border {
    border-top: thin solid orange;
}

@media only screen and (min-width: 993px) and (max-width: 1370px) {
    .flow-text {
        font-size: 17px !important;
    }
}

@media only screen and (min-width: 1371px) and (max-width: 1599px) {
    .flow-text {
        font-size: 20px !important;
    }
}