.account-dashboard-container .primary-container{
  display: flex; position: relative;
}
.account-dashboard-container .overlay{
  position: absolute; top: 0; left: 0; right: 0; background: #000; opacity: .4; bottom: 0; cursor: pointer; display: none;
  z-index: 999
}
.account-dashboard-container .primary-container > div{
  flex: 1;
  min-width: 0px;
}
.account-dashboard-container .primary-container > div.sidebar{
  width: 300px;
  max-width: 300px;
  float: none;
  background: #429744; color: #fff;
}
#page .account-dashboard-container .primary-container > div.sidebar a{
  color: #fff !important
}
#page .account-dashboard-container .primary-container > div.sidebar .site-brand-inner img{
  filter: brightness(0) invert(1);
}
.account-dashboard-container.full-width .primary-container > div.sidebar{
  display: none
}
.account-dashboard-container .primary-container > div.main-content{
  background: #E2E2E2;
}
.account-dashboard-container .main-content > header{
  background: #fff;
  padding: 30px;
}
.padding-30{
  padding: 30px;
}
.padding-0-30 {
  padding: 0 30px;
}
.lu-dashboard > header .row{
  align-items: center
}
.lu-dashboard > header{
  background: #429744;
}
.lu-dashboard > header *{
  color: #fff;
}
.edit-account .section, .lu-dashboard .section, .account-dashboard-content-wrapper{
  border-radius: 15px;
  background: #fff;
  margin-bottom: 30px;
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.09);
}
.tracked-out{
  letter-spacing: 1px;
}
.account-dashboard-container .sidebar{
  padding: 25px 0 25px 0;
  box-shadow: 2px 0 20px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 2
}
.account-dashboard-container .sidebar .links ul{
  margin: 0; padding: 0;
}
.account-dashboard-container .sidebar .links ul li{
  margin-bottom: 0;
  margin-top: 0; margin-left: 0;
  display: flex;
}
.account-dashboard-container .sidebar .links ul li a{
  text-decoration: none;
  display: block;
  padding: 10px 30px 15px;
  flex-basis: 100%;
}
.account-dashboard-container .sidebar .links ul li span{
  flex: 1;
  position: relative; top: 2px;
  font-weight: bold;
  color: #fff;
  font-size: 14px;
}
.account-dashboard-container .sidebar .links ul li img{
  width: 22px;
  margin-right: 10px;
  filter: brightness(0) invert(1);
}
#page .account-dashboard-container .sidebar .links ul li a.active, #page .account-dashboard-container .sidebar .links ul li a:hover{
  background: #fff !important; color: #fff !important
}
#page .account-dashboard-container .sidebar .links ul li a.active span, #page .account-dashboard-container .sidebar .links ul li a:hover span{
  color: #429744 !important
}
.account-dashboard-container .sidebar .links ul li a.active img, .account-dashboard-container .sidebar .links ul li a:hover img{
  filter: unset;
}
.account-dashboard-container .site-logo-div{
  margin-bottom: 40px;
  text-align: center
}
.account-dashboard-container .site-logo-div img{
  width: 100%; max-width: 200px;
}
.d-flex{
  display: flex;
  align-items: center;
}
#side-menu-container{
  margin-right: 25px;
  cursor: pointer;
  position: relative; top: -10px;
}
#side-menu-container + h4{
  margin-bottom: 0;
  color: #000;
  font-weight: 600 !important;
  letter-spacing: 0; position: relative; top: -10px
}
.section-heading{
  display: flex;
  align-items: flex-start;
  color: #429744;
  font-weight: 600 !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 1.5rem
}
.section-heading img{
  width: 35px;
  margin-right: 20px;
}
.lu-dashboard .welcome{
  font-size: 4rem
}
.account-dashboard-container .main-content > header .text-right{
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.account-dashboard-container .main-content > header .text-right > *:not(:last-child){
  margin-right:20px
}
.account-dashboard-container .main-content > header .col-sm-4{
  padding-top: 20px;
}
.account-dashboard-container .main-content > header .text-right > form{
  margin-right: 20px !important;
  position: relative;
  width: 300px;
}
.account-dashboard-container .main-content > header .text-right > form input,
.member-search input{
  background: transparent; border: 1px solid #C6C6C6 !important;
  border-radius: 30px;
  box-shadow: none;
  outline: 0;
  width: 100%;
  padding-right: 40px;
  padding-left: 20px
}
.account-dashboard-container .main-content > header ul{
  margin: 0;
  padding: 0; width: 100px
}
.account-dashboard-container .account-dropdown > ul{
  min-width: 250px
}
.account-dashboard-container .main-content > header ul.menu-icons a{
  color: #429744; font-size: 20px
}
.account-dashboard-container .main-content > header ul li{
  list-style-type: none;
  color: #429744;
  display: inline-block
}
.account-dashboard-container .main-content > header ul li a{
  color: #429744;
  text-decoration: none;
}
.account-dashboard-container .main-content > header ul li:not(:last-child){
  margin-right: 20px;
}
.account-dropdown{
  position: relative;
  padding-right: 20px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 7px 40px 7px 20px;
  color: #fff;
  background: #429744;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  margin-right: -25px;
}
.account-dropdown:before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  color: #fff;
  content: "\f078";
  position: absolute;
  top: 50%;
  right: 15px;
  font-size: 12px;
  transform: translateY(-50%);
}
.account-dropdown > span{
  font-size: 14px; color: #fff;
  font-weight: bold;
}
.account-dropdown ul{
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 150px;
  display: none;
  background: #fff;
  padding: 20px !important;
  box-shadow: 0 0 16px rgb(0 0 0 / 16%);
  z-index: 999
}
.account-dropdown ul li{
  display: block !important;
  text-align: left;
  margin: 0 0 10px !important
}
.account-dropdown:hover ul{
  display: block;
}
.account-dashboard-container .main-content > header .text-right > form:after{
  content: "\f002";
  color: #429744;
  position: absolute;
  top: 9px;
  right: 14px;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
}
.account-dashboard-container .todos{
  padding-left: 10px
}
.account-dashboard-container .todos li, .checkbox-field{
  list-style-type: none;
  position: relative;
  padding-left: 20px;
}
.account-dashboard-container .todos li input, .checkbox-field input{
  position: absolute; top: 0; visibility: hidden;
}
.account-dashboard-container .todos li span, .checkbox-field span{
  position: relative;
}

.account-dashboard-container .todos li span:before, .checkbox-field span:before{
  font-weight: normal;
  color: #429744;
  content: "\f0c8";
  font-family: 'Font Awesome 5 Free';
  position: absolute;
  top: -6px;
  left: -32px;
  font-size: 20px;
}
.account-dashboard-container .todos li input:checked + span:before, .checkbox-field input:checked + span:before{
  content: "\f14a";
}
.member-search{
  display: flex;align-items: center
}
.member-search > div{
  flex: 1
}
.member-search > div:not(:last-child){
  margin-right: 15px
}
.member-search > div:last-child{
  max-width: 150px;
}
.member-search > div:last-child button{
  border: 0 !important;
  background: #429744;
  text-align: center;
  width: 100%;
  color: #fff;
  outline: 0;
  box-shadow: none;
  border-radius: 30px;
  padding: 9px 20px;
  font-family: 'Montserrat', sans-serif;
}
.member-search > div:last-child button .fa{
  margin-left: 5px
}
.upload-headshot{
  max-width: 250px;
  text-align: center;
}
.upload-headshot .user-avatar{
  margin-bottom: 40px;
  padding-bottom: 100%;
  border-radius: 50%;
  border: 1px solid #C6C6C6;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.upload-headshot .user-avatar img{
  width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;
}
.avatar-upload input[type="file"]{
  display: none;
}
.avatar-upload .custom-file-upload{
  cursor: pointer;
}
.avatar-upload .custom-file-upload span{
  font-size: 13px;
  font-weight: 600;
  padding: 14px 20px;
  min-width: 200px;
  color: #ffffff;
  background-color: #429744;
  text-align: center;
}
.account-dashboard-container .avatar img{
  max-width: 40px;
  border-radius: 50%;
  object-fit: cover;
  height: 40px; object-position: center top
}
.custom-dropdown{
  position: relative;
}
.custom-dropdown > span{
  display: block;
  padding: 10px 20px;
  background: #429744;
  cursor: pointer;
  border-radius: 3px;
  color: #fff;
  text-align: center
}
.custom-dropdown ul{
  padding: 0;
  margin: 0;
  position: absolute;
  top: 100%;
  right: 15px;
  bottom: 0;
  left: 15px;
  display: none;
  z-index: 999;
  box-shadow: 0 0px 16px rgb(0 0 0 / 16%);
  border: 2px solid #ddd;
  clear: both;
  width: 300px;
  height: 300px;
  overflow: auto;
  background: #fff
}
.custom-dropdown ul li a{
  display: flex;
}
.custom-dropdown ul li:hover, .custom-dropdown ul li.active{
  background: #fff4f0
}
.custom-dropdown:hover ul{
  display: block;
}
.custom-dropdown ul li{
  background: #fff;
  cursor: pointer;
  margin: 0;
  padding: 10px 20px;
  list-style-type: none;
  display: block;
  font-size: 14px;
}
.directory header .row > div:first-child{
  padding-right: 100px;
}
.directory .row > div:first-child .inner{
  display: flex;
  margin: 0 -15px;
  align-items: center;
}
.directory .row > div:first-child .inner > div{
  flex: 1;
  padding: 0 15px;
}
.directory > header{
  margin-bottom: 40px;
}
.directory > header > .row > div:last-child:not(.member){
  text-align: right;
}
.directory .row > div:last-child form{
  display: inline-block;
  width: 300px;
  margin: 0 auto 0 0;
  background: #fff;
  border-radius: 30px; position: relative
}
.directory .row > div:last-child form input{
  background: transparent;
  border: 1px solid #C6C6C6 !important;
  border-radius: 30px;
  box-shadow: none;
  outline: 0;
  width: 100%;
  padding-right: 40px;
  padding-left: 20px;
  position: relative;
  z-index: 2
}
.directory .row > div:last-child form:after{
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 30px;
  color: #429744;
  transform: translateY(-50%);
}
.directory-list{
  position: relative;
}
.directory-list .row > div{
  margin-bottom: 40px;
}
.directory .member .thumbnail{
  max-width: 200px;
  margin: 0 auto;
  border-radius: 50%; overflow: hidden;margin-bottom: 20px;
}
.directory .member{
  text-align: center;
}
.directory h3{
  color: #429744;
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 500 !important;
  margin-bottom: 5px;
  font-size: 1.6rem;
}
.directory .address{
  font-size: 18px;
}
.directory .member .wrapper{
  height: 100%;
  padding-top: 30px;
  background: #fff;
  position: relative;
  padding-bottom: 200px;
  border: 0;
  border-radius: 0;
}
.directory .member .wrapper .thumbnail{
  border: 3px solid #429744;
}
.directory .member .wrapper{
  border-top: 5px solid #429744; border-top-left-radius: 5px; border-top-right-radius: 5px;
}
.directory .member.community-artist .wrapper .thumbnail, .directory .member.community-artist .wrapper,
.artist-details .row.community-artist > div .headshot .thumbnail{
  border-color: #faa524
}
.directory .member.community-artist .wrapper .details, .artist-details .row.community-artist > div .email{
  background:  #faa524
}
.directory .member.business-membership .wrapper .thumbnail, .directory .member.business-membership .wrapper,
.artist-details .row.business-membership > div .headshot .thumbnail{
  border-color: #41a0d8 !important
}
.artist-details .row.business-membership > div .email, .directory .member.business-membership .email{
  border-top: 1px solid #fff
}
.directory .member.business-membership .wrapper .details, .artist-details .row.business-membership > div .email{
  background: #41a0d8 !important
}
.directory .member.platinum-sponsor .wrapper .thumbnail, .directory .member.platinum-sponsor .wrapper,
.artist-details .row.platinum-sponsor > div .headshot .thumbnail{
  border-color: #ef4923 !important
}
.directory .member.platinum-sponsor .wrapper .details, .artist-details .row.platinum-sponsor > div .email{
  background: #ef4923 !important
}
.directory .member .wrapper .thumbnail, .directory .member .wrapper img{
  border-radius: 50% !important
}
.directory .member .wrapper img, .artist-details .row > div .headshot .thumbnail img{
  width: calc(100% - 30px);
  height: calc(100% - 30px);
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: unset;
  right: unset;
  border-radius: 50%;
}
.directory .member header{
  margin-bottom: 20px;
}
.directory .member .job-title{
  padding: 20px;
  background: #41A0D8;
  color: #fff; margin-bottom: 0; min-width: 140px; 
  /* min-height: calc(200px - 65px);  */
  display: flex; align-items: center;
  justify-content: center; text-transform: capitalize;
}
.directory .member .address{
  font-weight: 600;
  min-height: 30px;
  display: block;
}
.directory .member .details{
  background: #429744;
  min-height: auto;
  background: #429744;
  position: absolute;
  bottom: -3px;
  left: 0;
  right: 0;
  z-index: 200
}
#page .directory .member .details a{
  color: #fff !important;  
}
#page .directory .member .social-links a{
  position: relative;
  z-index: 99;
}
.directory .member .email{
  padding: 10px; position: relative;
  z-index: 9999
}
.directory .member .email .fa{
  margin-right: 10px;
}
#page .member-category{
  padding: 0; margin: 0;
}
#page .member-category li{
  list-style-type: none; display: inline-block; margin: 0 5px 5px 0;
}
#page .member-category li:last-child{
  margin-right: 0;
}
#page .member-category li a{
  text-decoration: none; text-transform: uppercase; font-weight: 500;
  display: inline-block; padding: 10px 30px; border-radius: 30px; color: #fff !important; background: #FAA524; font-size: 11px;
}
#page .member-category li a.active{
  background: #429744  
}
.artist-details .row > div{
  background: #fff
}
.artist-details .row > div .headshot{
  max-width: 300px; margin: 0 auto; padding: 30px;
}
.artist-details .row > div .headshot .thumbnail{
  overflow: hidden; border-radius: 50%; border: 3px solid #429744
}
.artist-details .row > div .details{
  text-align: center;
  font-size: 18px;
  background: #41A0D8; color: #fff;
}
.artist-details .row > div .job-title{
  padding: 25px
}
.artist-details .row > div .email{
  text-align: center; color: #fff; background: #429744; padding: 10px;
}
#page .artist-details .row > div .request-edit a, .artist-details .row > div .email a{
  color: #fff !important
}
.artist-details{
  padding: 0 15px
}
#page .artist-details .row > div:first-child{
  padding-left: 0; border-right: 1px solid #BEBEBE; padding-right: 0
}
#page .artist-details .row > div:last-child{
  padding-left: 30px
}
.artist-details .the-content{
  padding-bottom: 40px
}
.events-list .wrapper{
  height: 100%; position: relative; background: #429744;
}
.events-list .wrapper .details{
  padding: 20px 25px; color: #fff;
}
.events-list .event{
  margin-bottom: 30px;
}
.events-list .thumbnail .date{
  position: absolute; top: 0; left: 0; text-align: center;
  padding: 10px 20px; display: inline-block; color: #fff; background: #429744;
  z-index: 22;
}
.events-list .thumbnail .date span{
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  text-transform: uppercase;
}
.events-list .thumbnail .date > span:first-child{
  font-size: 32px
}
.events-list .event h4{
  color: #fff; margin-bottom: 10px;
}
.events-list .event ul{
  margin: 0; padding: 0; list-style-type: none;
}
.events-list .event ul li{
  margin-left: 0
}
.events-list .event ul .fas, .events-list .event ul .fa{
  margin-right: 8px
}
.events-list .row > .event:nth-child(4n+2) .wrapper, .events-list .row > .event:nth-child(4n+2) .thumbnail .date{
  background: rgb(250 165 36 / 93%)
}
.events-list .row > .event:nth-child(4n+3) .wrapper, .events-list .row > .event:nth-child(4n+3) .thumbnail .date{
  background: rgb(65 160 216 / 93%)
}
.events-list .row > .event:nth-child(4n+4) .wrapper, .events-list .row > .event:nth-child(4n+4) .thumbnail .date{
  background: rgb(239 73 35 / 93%)
}
.account-dashboard-container .sidebar .links ul li{
  position: relative;
}
.account-dashboard-container .primary-container > div.sidebar{
  z-index: 9999;
}
.account-dashboard-container .sidebar .links ul li ul{
  position: absolute; top: 0; left: 100%;
  background: #63B565; padding: 10px; display: none;
  z-index: 9999;
  min-width: 300px;
  padding: 15px 20px;
}
#page #main .account-dashboard-container .sidebar .links ul li ul a{
  padding: 7px 0;
  background: #63B565 !important;
  color: #fff !important
}
.account-dashboard-container .sidebar .links ul li:hover ul{
  display: block
}
.account-dashboard-container .sidebar .links ul li ul:before{
  content: '';
  position: absolute;
  width: 14px;
  height: 14px;
  background: url(/wp-content/uploads/2024/05/arrow.svg) no-repeat;
  background-size: contain;
  top: 18px;
  left: -11px;
}
form#search-events{
  background: transparent;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 20px;
}
form#search-events:after{
  display: none;
}
form#search-events .event-search{
  border-radius: 30px;
  background: #fff; margin-right: 10px; position: relative;
}
form#search-events .event-search:after{
  content: "\f002";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  right: 18px;
  color: #737373;
  transform: translateY(-50%);
}
form#search-events  select{
  border-radius: 30px;
  padding: 10px 20px;
}
form#search-events select, form#search-events select option{
  background: #63B565;
  color: #fff !important;
}
.artist-details .social-links{
  padding: 0; margin: 0;
}
.artist-details .social-links li{
  list-style-type: none;  display: inline-block; font-size: 26px; margin-left: 0;
}
#page .artist-details .social-links li a{
  color: #429744 !important; text-decoration: none;
}
.artist-details .social-links li:not(:last-child){
  margin-right: 15px
}
.directory .member header .social-links{
  margin: 0; text-align: center; padding: 0;
}
.directory .member header .social-links > li:not(:last-child){
  margin-right: 10px;
}
.directory .member header .social-links > li{
  display: inline-block; list-style-type: none;
  margin-left: 0; margin-bottom: 0;
}
.directory .member header .social-links > li a{
  color: #429744 !important; font-size: 20px
}
.bipoc-dashboard.bipoc-jobs .taxonomies{
  display: flex; justify-content: flex-start
}
@media (max-width: 1180px){
  .account-dashboard-container .page-title{
    display: none
  }
  .directory .row > div:last-child form{
    width: 100%
  }
  .directory header .row > div:first-child{
    padding-right: 15px;
  }
  .directory header .row > div{
    flex-basis: 50% !important; max-width: 50% !important;
  }
  .directory .member .job-title{
    font-size: 14px;
    height: auto !important;
  }
  .directory .member .wrapper{
    padding-bottom: 0 !important
  }
  .directory .member .details{
    position: relative !important;
    bottom: unset !important
  }
}
@media (max-width: 880px){
  .account-dashboard-container .sidebar{
    display: none;
  }
  .account-dashboard-container.full-width .sidebar{
    display: block !important;
  }
  .account-dashboard-container .primary-container > div.sidebar{
    position: fixed; top: 0; bottom: 0; left: 0; z-index: 999;
  }
  .full-width-dashboard #content{
    z-index: 99999; position: relative;
  }
  .full-width-dashboard .account-dashboard-container .overlay{
    display: block
  }
  .directory .member .job-title{
    height: auto !important
  }
  .directory .member .wrapper{
    padding-bottom: unset !important
  }
  .directory .member .details{
    position: relative !important; bottom: unset;
  }
  .directory h3 {
    font-size: 1.3rem;
  }
}
@media (max-width:600px){
  .hide-from-mobile{
    display: none !important
  }
  .account-dashboard-container .sidebar .links ul li ul{
    left: unset;
    right: 0;
    top: 100%;
  }
  .directory header .row > div{
    flex-basis: 100% !important; max-width: 100% !important; margin-bottom: 20px
  }
  .account-dashboard-container .page-title{
    display: block
  }
  .account-dropdown > span{
    display: none
  }
  .directory .select2-container{
    width: 100% !important
  }
}