body{
    background:#0e0d0b;
}

header{
/*    border-bottom:1px solid #c9a84c;*/
    color:#c9a84c;
}

header h1{
    font-weight:300;
}

header h1 span{
    color:#e8e0d0;
    font-style:italic;
}

header p{
    color:#8a8070;
}

/* Window styling - matching bookBox design */
#overlay .window {
    background:#0e0d0b;
}

/* Close button */
#overlay .closeWin {
    border-radius:50%;
    background:#1c1a16;
    color:#c9a84c;
}

#overlay .closeWin:hover {
    background:#e5e7eb;
    color:#c9a84c;
}

/* Form styling */

#overlay label {
    color:#c9a84c;
}

#overlay input[type="email"], #overlay input[type="text"] {
    border:2px solid #2e2a22;
}

#overlay input[type="email"]:focus, #overlay input[type="text"]:focus {
    border-color:#c9a84c;
    box-shadow:0 0 0 3px rgba(201, 168, 76, 0.1);
}

#overlay input[type="email"]::placeholder, #overlay input[type="text"]::placeholder  {
    color:#9ca3af;
}

#overlay input[type="submit"] {
    color:#e8e0d0;
    background-color:#2e2a22;
    border:none;
}

#overlay input[type="submit"]:hover {
    color:#161410;
    background-color:#c9a84c;
}

#overlay input[type="submit"]:disabled{
    background-color:#B1B1B1;
}

/* Responsive design */

/* BOOK BOX */
.bookBox{
    background:#161410;
    border:1px solid #2e2a22;
    color:#c9a84c;
    /*
    box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px; 
    */
}

.selectList li{
    background:#1c1a16;
    border:solid 1px #2e2a22;
    color:#e8e0d0;
}

.selectList li.selected{
    border-color:#c9a84c;
    background-color:rgba(201, 168, 76, .03);
    color:#c9a84c;
}

.selectList li.selected svg{
    color:#c9a84c;
}

.selectList li:hover{
    border-color:#c9a84c;
    background-color:rgba(201, 168, 76, .03);
}

/* COLUMN */

.text-gray-600 {
    color:#c9a84c;
}

/* STEP FOOTER */

#stepFooter::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 6px;
  background: linear-gradient(90deg, transparent, #c9a84c, transparent);
}

#stepFooter::hover{
    
}


/* CALENDER HEADER */

#calender ul{
    border:solid 1px #2e2a22;
}

#calender li{
    border-bottom:1px solid #2e2a22;
    background:#1c1a16;
}



#calender li button.expired{
    background:rgba(181,96,96,0.1);
    color:#ad9191;
    border:1px solid rgba(181,96,96,0.25);
}

#calender li button.active{
    border:solid 1px #c9a84c;
    background-color:rgba(201, 168, 76, .03);
    color:#c9a84c;
}   

#calender button{
    color:#e8e0d0;
}

#datepicker{
    color:#e8e0d0;
    background:#1c1a16;
}

#calenderPrev, #calenderNext{
    color:#c9a84c;
}

/* CALENDER PHONE */

@media (max-width: 720px) {
    #calender ul > li:first-child button{
        border:solid 1px #e5e7eb;
        border-top-left-radius:.5rem;
        border-top-right-radius:.5rem;
        border-bottom-left-radius:.5rem;
        border-bottom-right-radius:.5rem;
    }
    
    #calender ul > li:first-child button.selected{
/*        border-color:rgb(0, 195, 255);*/
        border-color:#c9a84c;
        background-color:rgba(0, 195, 255, .03);
    }
    
    #calender li button.unavailable{
        background:rgba(181,96,96,0.1);
        color:#b56060;
        border:1px solid rgba(181,96,96,0.25);
    }
}

/* CONFIRM */

.confrimInput, #confirmBox input{
}

.confrimInput{
    color:#e8e0d0;
    background:#1c1a16;
}

#confirmBox input{
    color:#e8e0d0;
    background-color:#2e2a22;
}

#confirmBox input:hover{
    color:#161410;
    background-color:#c9a84c;
}

#confirmBox input.disabled{
    background-color:#b56060;
}

main{
    position:relative;
}

main::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 2px;
  background: linear-gradient(90deg, transparent, #c9a84c, transparent);
}