/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/*
Brand colours:
#733a96 - Purple
#028578 - Turquoise (WCAG AA Compliant for links, buttons etc)
*/

/* TODO: Remove this FontAwesome import after Elementor 2.6 is released */
/* @import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.9.0/css/all.css'; */

/*
    Jquery Accessible Hide & Show Panels
    https://a11y.nicolas-hoffmann.net/hide-show/
*/

.js-to_expand[aria-hidden='true'],
.js-to_expand[data-hidden='true'] {
  display: none;
}

.expandmore__button {
  background: none;
  font-size: inherit;
  color: inherit;
}

/* optional */
.expandmore__symbol:before,
.animated-expandmore__symbol:before {
  content: '+';
  background: #e1f5f3;
  border-radius: 100%;
  padding: 0px 6px;
  margin: 0px 10px;
}

.expandmore__button[aria-expanded='true']>.animated-expandmore__symbol:before,
.animated-expandmore__button[aria-expanded='true']>.animated-expandmore__symbol:before,
.animated-expandmore__button[data-expanded='true']>.animated-expandmore__symbol:before,
.expandmore__button[data-expanded='true']>.animated-expandmore__symbol:before {
  content: '−';
}

/* This is the opened state */
.expandmore__to_expand,
.animated-expandmore__to_expand {
  display: block;
  overflow: hidden;
  opacity: 1;
  transition: visibility 0s ease, max-height 0.65s ease, opacity 0.65s ease;
  max-height: 100em;
  /* magic number for max-height = enough height (originally 80em) */
  visibility: visible;
  transition-delay: 0s;
  padding: 10px;
}

/* This is the hidden state */
[data-hidden='true'].expandmore__to_expand,
[data-hidden='true'].animated-expandmore__to_expand {
  display: block;
  max-height: 0;
  opacity: 0;
  visibility: hidden;
  transition-delay: 0.1s, 0s, 0s;
}

/* AFC extra styles to accordion */
.js-expandmore {
  margin: 5px 0px;
}

.js-expandmore button,
.js-expandmore button:hover,
.js-expandmore button:focus,
.js-expandmore button:active {
  border: none;
  background: none;
  padding: 0px;
  margin: 10px 0px;
  color: #028578;
}

/*
    AFC General
*/

.afc-notification {
  background: #fffde9;
  padding: 10px;
  margin: 20px 0px;
  border: 1px solid #ffc033;
}

.afc-notification-error {
  background: #ffeeee;
  border: 1px solid #f83a40;
}

.afc-account-menu .avatar-30 {
  width: 20px;
}

.object-fit-cover img {
  object-fit: cover;
}

/*
    AFC Directory
*/

.afc-directory-button {
  padding: 5px 7px;
}

.profile-menu .avatar {
  border-radius: 100px;
  margin: 5px;
}

@media only screen and (min-width: 1024px) {
  .profile-menu {
    position: relative;
  }

  .profile-menu .avatar {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
  }

  a.elementor-sub-item .fa {
    margin: 0px 0px 0px 15px;
  }
}

.afc-unavailable {
  color: darkgray;
}

.afc-directory-icon {
  margin-right: 10px;
}

.afc-unavailable .afc-directory-icon {
  color: darkgray;
}

.afc-ui-links {
  padding: 0px;
}

.afc-ui-links h1,
.afc-ui-links h2,
.afc-ui-links h3,
.afc-ui-links h4,
.afc-ui-links h5 {
  margin: 10px 0px 10px 0px;
}

.afc-ui-links li {
  list-style-type: none;
  margin: 0px;
  font-size: 0.9rem;
}

.afc-ui-links .js-expandmore {
  margin: 0px;
}

.afc-ui-links .js-to_expand {
  padding: 0px;
}

#afc-google-map {
  height: 300px;
}

/* Accessible custom select styling: https://css-tricks.com/styling-a-select-like-its-2019/ */
.afc-select-search {
  display: block;
  font-size: 18px;
  /* font-family: sans-serif; */
  /* font-weight: 700; */
  color: #fff;
  /* line-height: 1.3; */
  padding: 0.6em 1.4em 0.5em 0.8em;
  max-width: 100%;
  height: 70px;
  /* max-width: 100%; */
  box-sizing: border-box;
  margin: 0;
  border: 1px solid #733a96;
  /* box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04); */
  /* border-radius: .5em; */
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #733a96;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIHdpZHRoPSIyOXB4IiBoZWlnaHQ9IjE0cHgiIHZpZXdCb3g9IjAgMCAyOSAxNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj4gICAgICAgIDx0aXRsZT5MaW5lPC90aXRsZT4gICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+ICAgIDxnIGlkPSJNb2NrdXBzLURlc2t0b3AiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+ICAgICAgICA8ZyBpZD0iTGlzdGluZy1TZWFyY2giIHRyYW5zZm9ybT0idHJhbnNsYXRlKC01ODQuMDAwMDAwLCAtODQ1LjAwMDAwMCkiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSIzIj4gICAgICAgICAgICA8cG9seWxpbmUgaWQ9IkxpbmUiIHBvaW50cz0iNTg2IDg0NyA1OTguMjg2Mjg1IDg1NyA2MTEgODQ3Ij48L3BvbHlsaW5lPiAgICAgICAgPC9nPiAgICA8L2c+PC9zdmc+');
  linear-gradient: (to bottom, #733a96 0%, #733a96 100%);
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  background-size: 0.8em auto, 100%;
}

.select .afc-select-search::-ms-expand {
  display: none;
}

.afc-select-search:hover {
  /* border-color: #888; */
}

.afc-select-search:focus {
  /* border-color: #aaa; */
  /* box-shadow: 0 0 1px 3px rgba(252, 59, 236, 0.7); */
  /* box-shadow: 0 0 0 3px -moz-mac-focusring; */
  /* color: #fff; */
  /* outline: none; */
}

.afc-select-search-radius {
  max-width: 200px;
}

/*
AFC Directory Search Bar
*/
.afc-directory-search {
  width: 100%;
  color: white;
  display: flex;
  flex-wrap: nowrap;
  /* Darker shade of brand purple */
  background-color: #4e2866;
}

.afc-input-searchbar::placeholder {
  color: #fff;
}

.afc-select-search-industry {
  display: inline;
  flex: 30%;
  height: 70px;
  color: #fff;
  border: 1px solid #9a4dca !important;
  background-color: #9a4dca;
}

.afc-select-search-radius {
  flex: 30%;
  height: 70px;
  color: #fff;
  border: 1px solid #803daa !important;
  background-color: #803daa;
}

.afc-input-search-region {
  display: inline;
  flex: 30%;
  height: 70px;
  color: #fff;
  border: 1px solid #733a96 !important;
  background-color: #733a96;
}

.afc-button-geolocate,
.afc-button-query {
  flex: auto;
  height: 70px;
}

button.afc-button-geolocate {
  background-color: #016d62;
  border: 1px solid #016d62;
  color: #fff;
}

input.afc-button-query {
  background-color: #028578;
  border: 1px solid #028578;
  color: #fff;
}

@media only screen and (max-width: 768px) {

  .afc-directory-search {
    flex-wrap: wrap;
  }

  .afc-select-search-industry {
    flex: 100%;
  }

  .afc-select-search-radius,
  .afc-input-search-region,
  .afc-button-geolocate,
  .afc-button-query {
    flex: 50%;
  }

}

button.afc-button-searchbar:hover,
button.afc-button-searchbar:focus,
button.afc-button-searchbar:active,
input.afc-button-searchbar:hover,
input.afc-button-searchbar:focus,
input.afc-button-searchbar:active {
  /* Lighter shade of brand turquoise */
  background-color: #238d82 !important;
  border: 1px solid #238d82 !important;
}

.autocomplete-suggestions {
  text-align: left;
  cursor: default;
  border: 1px solid #e9ecef;
  border-top: 0;
  background: #e9ecef;
  box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.5);

  /* core styles should not be changed */
  position: absolute;
  display: none;
  z-index: 9999;
  max-height: 254px;
  overflow: hidden;
  overflow-y: auto;
  box-sizing: border-box;
}

.autocomplete-suggestion {
  position: relative;
  padding: 0.5em;
  line-height: 23px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.2em;
}

.autocomplete-suggestion b {
  /* High visibility shade of brand purple */
  color: #ae00ff;
}

.autocomplete-suggestion.selected {
  background: #f1f3f5;
}

/*
AFC Directory Archive
*/

.afc-directory-archive {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.afc-directory-item {
  display: flex;
  flex: 0 1 100%;
  margin: 10px;
  padding: 10px;
  font-size: 0.9rem;
}

@media only screen and (min-width: 1200px) {
  .afc-directory-item {
    flex: 0 1 47%;
  }
}

.afc-directory-meta {
  width: 45%;
}

.afc-directory-item-logo {
  margin-right: 20px;
  border: 1px solid #f1f3f5;
  width: 150px;
  height: 150px;
  background: url('../img/logo-placeholder.png');
  background-size: 100%;
  background-repeat: none;
  box-shadow: 0px 10px 10px #00000066;
}

.afc-directory-item-title {
  margin: 5px 0px;
  font-weight: bold;
  font-size: 1rem;
  line-height: 1.2rem;
}

.afc-directory-item .elementor-button {
  margin: 5px 0px;
  padding: 7px 10px;
}

.afc-directory-item-logo {
  position: relative;
}

.afc-directory-item-logo img {
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
}

.afc-directory-item.special-offer .afc-directory-item-logo {
  box-shadow: 0px 10px 10px #028578;
}

.afc-directory-item.special-offer:before {
  position: absolute;
  content: 'Offer';
  background-color: #028578;
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 7px;
  display: inline;
  border-radius: 100px;
  pointer-events: none;
}

.afc-directory-item.featured {
  /* Flexbox: Show featured items above everything else */
  order: -1;
}

.afc-directory-item.featured .afc-directory-item-logo {
  box-shadow: 0px 10px 10px #f3d94e;
}

.afc-directory-item.featured:before {
  position: absolute;
  content: 'Featured';
  background-color: #f3d94e;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 7px;
  display: inline;
  border-radius: 100px;
  pointer-events: none;
}

.afc-directory-item.special-offer.featured:before {
  /* Special label for items that are both featured and have a special offer */
  position: absolute;
  content: 'Featured + Offer';
  background-color: #f3d94e;
  color: #000;
  font-size: 10px;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 7px;
  display: inline;
  border-radius: 100px;
}

.afc-directory-item.featured .afc-directory-button {
  background: #f3d94e !important;
  color: #000 !important;
}

.afc-directory-distance {
  font-size: 0.75rem;
  margin: 5px 0px;
}

/* AFC Directory Listing page */

.single-afc_listing .afc-image-wrapper-listing-logo {
  width: 150px;
  height: 150px;
  background: url('../img/logo-placeholder.png');
  background-size: 100%;
  background-repeat: none;
  position: relative;
}

.single-afc_listing .afc-image-wrapper-listing-logo img {
  padding: 2px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: #fff;
  height: auto !important;
}

.afc-listing-badges .afc-badge-icon {
  margin-right: 10px;
}

.afc-listing-options p {
  font-size: 0.8rem;
  margin-bottom: 0px;
}

/* Comment ratings system */
.comments-rating {
  border: none;
  padding: 0;
  margin-left: 0;
}

.comments-rating label {
  display: inline-block;
}

.rating-container {
  /* remove inline-block whitespace */
  font-size: 0;
  /* flip the order so we can use the + and ~ combinators */
  unicode-bidi: bidi-override;
  direction: rtl;
}

.rating-container * {
  font-size: 1.4rem;
}

.rating-container>input {
  display: none;
}

.rating-container>input+label {
  /* only enough room for the star */
  font-family: 'dashicons';
  display: inline-block;
  overflow: hidden;
  text-indent: 9999px;
  width: 1em;
  white-space: nowrap;
  cursor: pointer;
  margin: 0;
}

.rating-container>input+label:before {
  display: inline-block;
  text-indent: -9999px;
  content: '\f154';
  color: #888;
}

.rating-container>input:checked~label:before,
.rating-container>input+label:hover~label:before,
.rating-container>input+label:hover:before {
  content: '\f155';
  color: #e52;
  text-shadow: 0 0 1px #333;
}

.rating-container>.star-cb-clear+label {
  text-indent: -9999px;
  width: 0.5em;
  margin-left: -0.5em;
}

.rating-container>.star-cb-clear+label:before {
  width: 0.5em;
}

.rating-container:hover>input+label:before {
  content: '\f154';
  color: #888;
  text-shadow: none;
}

.rating-container:hover>input+label:hover~label:before,
.rating-container:hover>input+label:hover:before {
  content: '\f155';
  color: #e52;
  text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container>.star-cb-clear+label,
.comment-respond .rating-container>input+label:before {
  text-indent: 9999px;
}

.comment-respond .rating-container>input+label {
  text-indent: -9999px;
}

.comment-awaiting-moderation {
  display: block;
  width: 150px;
  font-size: 0.8em;
}

.afc-average-rating {
  display: flex;
}

.afc-average-rating-number {
  font-size: 1.2em;
  font-weight: bold;
  margin-top: -5px;
  margin-right: 6px;
}

/* AFC Accounts Page */
#mepr-account-nav {
  display: none;
}

.afc-account-container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  margin-bottom: 25px;
}

@media only screen and (max-width: 480px) {
  .afc-account-container {
    display: block;
    margin-bottom: 25px;
  }
}

.afc-account-pane {
  margin-right: 10px;
}

.afc-account-course-progress .learndash-wrapper .ld-progress.ld-progress-inline {
  margin-right: 10px;
}

/* Remove <br> injected by LearnDash */
.learndash-course-student-message br {
  display: none;
}

.next-steps {
  padding: 0px 10px 10px 10px;
}

/*
    Uncanny Owl Groups
*/

.uo-admin-title {
  display: none;
}

#group-management-leaders .uo-groups-group-leaders {
  display: none;
}

/* Hide "Add one" / single user option: https://autismsa.teamwork.com/#/tasks/16487034 */
button[data-modal-id="#group-management-add-user"] {
  display: none !important;
}