/*
CODEMAY API Plugin CSS
*/


/*** Location Lists 
------------------------------------------------------------------------------------*/
/* All Lists */
.miniLocationList > div input {
  margin-right: 10px;
  margin-top: 5px;
  display: inline-block;
  vertical-align: top;
}
.miniLocationList > div label {
  margin: 0;
  cursor: pointer;
  display: inline;
}


/* Primary Location List (just the one) */
.firstLocation {
  width: 100% !important;
}

#primary_studio_list .miniLocationList h3 span.studio {
  font-weight: normal;
}


/* Additional Locations List */
#studio_list {
  border: 1px solid;
  padding: 15px;
  height: 238px;
  overflow: scroll;
  text-align: left;
}
#studio_list span.studio {
  display: none;
}
#studio_list h3 {
  display: inline;
}
#studio_list .miniLocationList {
  margin-top: 0;
  margin-bottom: 30px;
}
#studio_list .miniLocationList:last-of-type {
  border: none;
}



/*** Show More Locations box
------------------------------------------------------------------------------------*/
#showMoreLocations {
  cursor: pointer;
  text-shadow: none;
}
#moreLocations {
  height: 0;
  margin-top: 15px;
  overflow: hidden;
  transition: 300ms all;
}

#moreLocations.open {
  height: 100%;
  transition: 300ms all;
}


input#zip {
  border: 1px solid;
  text-align: center;
  font-size: 1.2rem;
}
button#changeZip {
  width: 100%;
  margin-bottom: 15px;
}



/*** Book Class List
------------------------------------------------------------------------------------*/
#classChoices {
  text-align: left;
  max-width: 100%;
  max-height: 300px;
  overflow: scroll;
}
.miniClassList {
  margin-bottom: 10px;
}
.miniClassList input {
  display: inline;
  margin-right: 10px !important;
}
.miniClassList p {
  display: inline;
}





/*** Class Schedule
------------------------------------------------------------------------------------*/
#classSchedule {
  box-shadow: 0 0 10px #ccc;
}
#classSchedule .nav-tabs {
  background: #000 !important;
  border-bottom: 3px solid #cdb89b !important;
  margin-left: -15px;
  margin-right: -15px;
}
#classSchedule .nav-tabs .nav-item {
  position: relative;
}
#classSchedule .nav-item > a {
  color: #fff;
}
#classSchedule .nav-tabs .nav-link {
  border: none !important;
  text-align: center;
  padding: 15px !important;
  display: block;
}
#classSchedule .nav-link .date {
  color: #a48c63;
  font-size: .8rem;
}
#classSchedule .nav-tabs .nav-item.show .nav-link, #classSchedule .nav-tabs .nav-link.active {
  background-color: transparent !important;
  color: #fff !important;
  border: none;
  border-radius: 0;
}
#classSchedule .nav-tabs .nav-link:focus, #classSchedule .nav-tabs .nav-link:hover {
  border: none;
  color: #fff;
}
#classSchedule .nav-link.active:before {
  content: "";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #cdb89b;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#classSchedule .tab-content {
  background: #fff;
  margin-left: -15px;
  margin-right: -15px;
}
#classSchedule .tab-pane {
  
}
.classInfo {
  border-bottom: 1px solid #000;
  padding: 15px;
  color: #000;
}
.classInfo:last-child {
  border-bottom: none;
}
.classInfo > .row > div:last-child {
  text-align: right;
}

#classSchedule .modal-dialog {
  z-index: 9999;
  position: relative;
}
#classSchedule .modal-content {
  border-radius: 0 !important;
}

.mapForm input[type="text"]::placeholder, 
.mapForm input[type="email"]::placeholder, 
.mapForm input[type="number"]::placeholder, 
.mapForm input[type="password"]::placeholder, 
.mapForm textarea::placeholder, 
.mapForm .form-control::placeholder,
.scheduleForm input[type="text"]::placeholder, 
.scheduleForm input[type="email"]::placeholder, 
.scheduleForm input[type="number"]::placeholder, 
.scheduleForm input[type="password"]::placeholder, 
.scheduleForm textarea::placeholder, 
.scheduleForm .form-control::placeholder,
.loginForm input[type="text"]::placeholder, 
.loginForm input[type="email"]::placeholder, 
.loginForm input[type="number"]::placeholder, 
.loginForm input[type="password"]::placeholder, 
.loginForm textarea::placeholder, 
.loginForm .form-control::placeholder {
  color: #333;
}

.mapForm input[type="text"], 
.mapForm input[type="email"], 
.mapForm input[type="number"], 
.mapForm input[type="password"],
.scheduleForm input[type="text"], 
.scheduleForm input[type="email"], 
.scheduleForm input[type="number"], 
.scheduleForm input[type="password"],
.loginForm input[type="text"], 
.loginForm input[type="email"], 
.loginForm input[type="number"], 
.loginForm input[type="password"] {
  border: 1px solid #a48c63;
  color: #000;
}

.mapForm input[type="text"]:focus, 
.mapForm input[type="email"]:focus, 
.mapForm input[type="number"]:focus, 
.mapForm input[type="password"]:focus, 
.mapForm textarea:focus, 
.mapForm .form-control:focus,
.scheduleForm input[type="text"]:focus, 
.scheduleForm input[type="email"]:focus, 
.scheduleForm input[type="number"]:focus, 
.scheduleForm input[type="password"]:focus, 
.scheduleForm textarea:focus, 
.scheduleForm .form-control:focus,
.loginForm input[type="text"]:focus, 
.loginForm input[type="email"]:focus, 
.loginForm input[type="number"]:focus, 
.loginForm input[type="password"]:focus, 
.loginForm textarea:focus, 
.loginForm .form-control:focus {
  border: 1px solid #a48c63;
  color: #000;
}

@media(max-width:767.98px) {
  #mapLocations {
    padding: 15px;
  }
}

#map {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#mapList {
  background: #fff;
  box-shadow: 0px 0px 10px #ccc;
  max-width: 300px;
  margin: 100px 0px 100px 50px;
  padding: 15px 15px 0;
  z-index: 999;
}
@media(max-width:767.98px) {
  #mapList {
    max-width: 100%;
    margin: 0 0 400px 0;
    left: 15px;
    max-width: 100%;
    width: 100%;
  }
}
#mapList input#zip {
  background: #eee;
  color: #000;
  margin: 0;
}
#mapList input#zip::placeholder {
  color: #333;
}
#mapList input#zip:focus,
#mapList input#zip:active {
  border-color: #a48c63;
}
#mapList button#changeZip {
  margin: 10px 0 0;
}

#map_studio_list {
  max-height: 300px;
  overflow: scroll;
}
@media(max-width:767.98px) {
  #map_studio_list {
    max-height: 200px;
  }
}
#map_studio_list input.bookNow,
.classInfo input.bookNow {
  font-size: .75rem;
  line-height: .75rem;
  padding: 10px 15px;
}

.locationItem {
  margin: 30px 0;
}
.locationItem p {
  margin: 5px 0;
}
.locationItem label {
  margin: 0;
}


.scrollNote {
  border-top: 1px solid #000;
  text-align: center;
  padding: 0 15px;
}
.scrollNote p {
  margin: 5px 0;
}