/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.site-wrap {
  width: 1200px;
  margin: auto;
}

.content-wrap {
  display:flex;
}

.main-navigation-wrap {
  width:250px;
  background-color:#fff;
}

.main-content-wrap {
  width: calc(100% - 300px);
  padding:32px;
}

/* FORMS */
input[type=button], input[type=submit], button, button.acf-button {
  border:none !important;
}

/* GRAVITY FORMS TEAKS */
.gform_footer input[type=submit] {
  border:none !important;
}


/* MAIN NAV */
#main-nav ul {
  list-style: none;
  margin:0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
}
#main-nav li {
  width:100%;
}
#main-nav a {
  display: block;
  padding: 16px;
  color: #000;

  font-size: 16px;
}
#main-nav li:first-child a {

}
#main-nav a:hover {
  background-color:#eef8ff;

}
#main-nav a i{
  font-size: 14px;
  width: 24px;
  text-align: center;
}

#main-nav .user-details {
  font-size:14px;
  margin-bottom:16px;
}

/* MEMBER SEARCH */
ul.member-list {
  margin:0;
  padding:0;
  list-style:none;
}
ul.member-list a {
  color:#000;
  padding: 16px;
}
ul.member-list a:hover {
  background-color:#f0fcff;
}

ul.member-list li {
  display:flex;
  margin: 0;
  border-bottom: 1px solid #e6e6e6;
}

ul.member-list .member-extra-info {
  /* display: flex; */
  display:none;
  flex-wrap:wrap;
  padding: 12px 0;
}
ul.member-list .member-extra-info span {
  background-color:#fff;
  border:1px solid #ececec;
  padding: 6px 12px;
  font-size: 12px;
  height:25px;
}
ul.member-list .member-extra-info span.label {
  font-size: 12px;
  background-color:#ececec;
  border:1px solid #ececec;
  padding: 6px 12px;
  height:25px;
  text-transform: uppercase;
}


/* SEARCH FORM */
.radio-buttons-wrap {
  display:flex;
}
.radio-buttons-wrap label {
  margin-right:8px;
}
.btn-search {
  width:100%;
  margin-bottom:8px;
}
.btn-reset {
  display:block;
  font-size:14px;
}


/* STAFF RESULTS */
.header-row {
  font-weight: 600;
  padding: 6px 16px;
  font-size: 12px;
}

.hours-wrap {
  font-size:12px;
}
.hours-wrap input {
  margin-right:4px;
}

.field-group {
  margin-bottom:8px;
}
.field-group button {
  margin-right:8px;
}

/* USER SEARCH BUTTONS */
.user-search-buttons {
  display:flex;
  align-items: center;
}
.user-search-buttons span{
  display:block;
  padding-right:16px;
}
.user-search-buttons a {
  display: block;
  margin: 4px;
  border: 1px solid #ccc;
  padding: 4px 8px;
}
.user-search-buttons a.selected, .user-search-buttons a:hover {
  color:#fff;
  display: block;
  border: 1px solid #5F8CAF;
  background-color:#5F8CAF;
  padding: 4px 8px;
}

/* FORM STYLES */
select {
  order-radius: 0;
  border: 1px solid #e1e1e1cc;
  padding: 12px 16px;
  border-radius: 6px;
  font-size: 14px;
}
input[type="text"], input[type="password"], input[type="email"] {
  border-radius: 0 !important;
  border: 1px solid #e1e1e1cc !important;
  padding: 8px 9px !important;
  font-size: 14px;
}

input[type="text"]::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #000000;

}

[data-taxonomy="hours_of_availability"] .acf-checkbox-list.acf-bl {
  display:flex;
  flex-wrap:wrap;
}
[data-taxonomy="hours_of_availability"] .acf-checkbox-list.acf-bl li {
  padding-right:16px;
  width:110px;
}
div.hours-of-availability-wrap .acf-related-terms-field .acf-checkbox-list ul.children {
  padding-left: 0 !important;
  margin-bottom:16px;
}
div.hours-of-availability-wrap .acf-related-terms-field .categorychecklist-holder {
    border: #ccd0d4 solid 1px !important;
    border-radius: 0 !important;
    max-height: 220px !important;
    overflow: auto !important;
}

/* Calendar fix */
.ui-datepicker-month, .ui-datepicker-year {
  padding:4px;
  display: inline-block;
}

/* STAFF DETAILS PAGE */
.staff-details-wrap {
  display:flex;
  flex-wrap: wrap;
}
.staff-details-wrap .col-1, .staff-details-wrap .col-2{
  width:100%;
  padding:0 16px;
}
@media (min-width:760px) {
  .staff-details-wrap .col-1, .staff-details-wrap .col-2{
    width:50%;
    padding:16px;
  }
}

.staff-details-wrap .col {
  padding:16px;
}

.staff-details-wrap .staff-title {
  margin-top: 16px;
  display: inline-block;
  background-color: #e8e8e8;
  padding: 4px 12px;
  font-size: 13px;
}
.staff-details-wrap .staff-details {
  border:1px solid #e8e8e8;
  padding: 12px;
}

.staff-title {
  font-weight:600;
  font-size:16px;
  margin-top:12px;
}

.staff-details-wrap .hours-of-availability-wrap {
  display:flex;
  width:100%;
  flex-wrap:wrap;
}
.staff-details-wrap .hours-of-availability-wrap .col {
  width:50%;
  padding-right:24px;
}

@media (min-width:700px) {
  .staff-details-wrap .hours-of-availability-wrap .col {
    width:20%;
    padding-right:24px;
  }
}

.staff-details-wrap .hours-of-availability-wrap label {
  display:block;
}
.staff-details-wrap .hours-of-availability-wrap label.heading{
  padding-bottom:4px;
  font-weight:bold;
}
.staff-details-wrap .hours-of-availability-wrap i {
  margin-right:4px;
}

/* BUTTONS  */

a.btn {
  border:none;
  background-color: #F96020;
  padding: 12px 21px;
  color: #fff;
  float: right;
}
a.btn-edit {
  color: #fff;
  background-color: #F96020;
}

a.btn-edit:hover {
  color: #fff;
  background-color: #CF4106
}

a.btn-grey {
  border:none;
  background-color: #393939;
  padding: 12px 21px;
  color: #fff;
  width:100%;
  display:block;
  margin-bottom:8px;
  text-align:center;
  text-transform: uppercase;
}
a.btn-grey:hover {
  color: #fff;
  background-color: #CF4106
}

button.edit-password, button.cancel-edit {
  color: #fff !important;
  background-color: #393939 !important;
}
button.edit-password:hover, button.cancel-edit:hover {
  color: #fff !important;
  background-color: #CF4106 !important;
}

/* Search Form */

#seach-form select {
  font-size: 13px;
  border-radius: 0px;
  padding: 10px 6px;
}
#seach-form input {
    border: 1px solid #e1e1e1cc;
}

.search-form-criteria-wrap {
  margin-bottom:16px;
  padding: 10px 9px;
  border: 1px solid #e1e1e1cc;
}
.search-form-criteria-wrap .header {
  display:block;
  color:#000000;
}
.search-form-criteria-wrap .header:after {
  content: "\f107";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  right: 6px;
  font-size: 14px;
}

.search-form-criteria-wrap.active > .header {
  margin-bottom: 4px;
  font-weight: 600;
}

.search-form-criteria-wrap .col {
  display:none;
}
.search-form-criteria-wrap.active .col {
  display:block;
}

.search-form-criteria-wrap .col label {
  margin-right:6px;
  width: 50px;
}

.search-form-criteria-wrap .col.no-wrap label {
  margin-right:6px;
  width:100%;
}

.search-form-criteria-wrap input {
  margin-right:4px;
}


.hours-of-availability-search-form-wrap .col {
  display:none;
}
.hours-of-availability-search-form-wrap.active .col {
  display:block;
}


/* TABLE STYLES */
th {
  text-align: left;
}

tr[data-href] {
  cursor:pointer;
}
tr.in-active td{
  background-color: #ffefef !important;
}

@media screen and (max-width: 700px) {
  table {
    border: 0;
  }

  table caption {
    font-size: 1.3em;
  }

  table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  table tr {
    border: 1px solid #ddd;
    display: block;
    margin-bottom: .625em;
  }

  table td {
    font-size:16px;
    padding: 8px 16px;
    border:0;
    display: block;
    text-align: left;
  }

  table td:first-child {
    padding-top:16px;
  }
  table td:last-child {
    padding-bottom:16px;
  }

  table td::before {
    /*
    * aria-label has no advantage, it won't be read inside a table
    content: attr(aria-label);
    */
    color:#626262;
    font-size:11px;
    content: attr(data-label);
    display:block;
    font-weight: bold;
    text-transform: uppercase;
  }

  table td:last-child {
    border-bottom: 0;
  }
}

/* HIDE MAIN HOURS OF AVAILABILITY checkbox */

UL.acf-checkbox-list input[value="61"] {
  display:none;
}
UL.acf-checkbox-list input[value="69"] {
  display:none;
}
UL.acf-checkbox-list input[value="77"] {
  display:none;
}
UL.acf-checkbox-list input[value="93"] {
  display:none;
}
UL.acf-checkbox-list input[value="85"] {
  display:none;
}

UL.acf-checkbox-list LI[data-id="61"] > LABEL{
  font-weight:600;
}
UL.acf-checkbox-list LI[data-id="69"] > LABEL{
  font-weight:600;
}
UL.acf-checkbox-list LI[data-id="77"] > LABEL{
  font-weight:600;
}
UL.acf-checkbox-list LI[data-id="93"] > LABEL{
  font-weight:600;
}
UL.acf-checkbox-list LI[data-id="85"] > LABEL{
  font-weight:600;
}