/**
Theme Name: Breakdance Zero Theme
Theme URI: https://breakdance.com/zero-theme // todo
Author: Breakdance Builder
Author URI: https://breakdance.com/
Description: Entirely disables the WordPress theme system and lets you design every part of your site with Breakdance, while keeping other theme functionality like templates overrides and functions.php.
Version: 1.0.0
Tested up to: 5.9
Requires PHP: 7
License: GNU General Public License v2 or later // todo no idea about this
License URI: LICENSE
Text Domain: breakdance

Requires Breakdance to be installed.
--------------------------------------------------------------*/
/* Temporary CSS to fix the Breakdance admin template #130 */
body > section > div.section-container {
  margin: 20px auto;
  margin-top: 0px;
  margin-bottom: 0px;
  max-width: 1120px;
}

body > section > div > div.bde-columns {
  max-width: 100%;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 32px;
}

body > section > div > div.bde-columns-130-101,
body > section > div > div.bde-columns-19-101 {
  --columnCount: 2;
}

body > section > div > div > div.bde-column {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  text-align: left;
  align-items: flex-start;
  width: calc(var(--column-width) - var(--bde-column-gap) * (var(--columnCount) - 1) / var(--columnCount));
  position: relative;
  background-size: cover;
}

body > section > div > div > div.bde-column-130-102,
body > section > div > div > div.bde-column-19-102 {
  --column-width: 20%;
  --bde-column-gap: 32px;
}

body > section > div > div > div.bde-column-130-103,
body > section > div > div > div.bde-column-19-105 {
  --column-width: 80%;
  --bde-column-gap: 32px;
}

body > section > div > div > div.bde-column-130-103 main,
body > section > div > div > div.bde-column-19-105 main {
  width: calc(100% - 2px);
}

body :not(.breakdance) .bde-wp-menu-130-104 nav .breakdance-menu-list,
body :not(.breakdance) .bde-wp-menu-19-104 nav .breakdance-menu-list {
  flex-direction: column;
  align-items: normal;
}

header.main-header {
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  z-index: 1000;
}

/* General Setup */
html {
  scroll-behavior: smooth;
}

html, body {
  min-height: 100%;
  height: 100%;
}

body.admin-bar {
  min-height: calc(100% - 32px);
  height: calc(100% - 32px);
}

body .main-nav {
  min-height: calc(100vh - 94px);
  /*height: calc(100% - 94px);*/
}

body.admin-bar .main-nav {
  min-height: calc(100vh - 94px - 32px);
  /*height: calc(100% - 94px - 32px);*/
}

@media (max-width: 1119px) {
  body .main-nav,
  body.admin-bar .main-nav {
    min-height: initial;
    background: initial;
  }
  .breakdance .breakdance-menu {
    --mobile-offset-y: initial !important;
    --mobile-offset-x: initial !important;
    --mobile-offset-top: initial !important;
  }
  .breakdance .main-nav {
    --column-width: 100%;
  }
  .breakdance .main-nav > nav {
    padding: 25px 25px 20px 25px;
  }
  .breakdance .bde-wp-menu {
    width: 100%;
  }
  body .breakdance .bde-wp-menu .breakdance-menu-list {
    background-color: transparent;
    padding-left: 20px;
  }
  .breakdance .bde-columns {
    gap: 0 !important;
  }
}
@media (max-width: 1119px) and (max-width: 1119px) {
  .breakdance header .bde-columns {
    flex-direction: initial !important;
  }
}
@media (max-width: 1119px) and (max-width: 479px) {
  .breakdance header .bde-columns {
    flex-direction: column !important;
  }
}
@media (max-width: 1119px) {
  .breakdance .bde-div-130-107,
  .breakdance .bde-div-19-106 {
    margin-top: 10px !important;
  }
}
.breakdance .breakdance-menu .breakdance-menu-toggle {
  align-items: start;
}

body .breakdance .breakdance-menu .breakdance-menu-list {
  position: relative;
  width: 100%;
}

body.page-id-39 .rwmb-form h2 {
  display: none;
}

.post-password-form {
  display: flex;
  flex-direction: column;
  height: 75vh;
  align-items: center;
  justify-content: center;
}

form input {
  background: #FFFFFF;
  border: 1px solid #CCCCCC;
  border-radius: 4px;
  padding: 13px;
  font-size: 14px;
  font-weight: 500;
}
form button {
  cursor: pointer;
  padding: 14px 24px;
  border-radius: var(--bde-button-border-radius);
  border: 1px solid var(--bde-button-secondary-border-color);
  background-color: transparent;
  transition-timing-function: ease-in-out;
  transition-property: all;
  transition-duration: var(--bde-transition-duration);
}
form button:hover {
  color: var(--bde-button-secondary-text-color-hover);
  background-color: var(--bde-button-secondary-border-color-hover);
}

/* User Menu */
.user-menu .breakdance-dropdown button.breakdance-menu-link {
  font-size: 16px;
  font-weight: 700;
}

.user-menu .breakdance-dropdown button.breakdance-menu-link:before {
  position: absolute;
  top: -20px;
  left: 0;
  content: "";
  border-left: #E9E9E9 solid 1px;
  height: 94px;
  widht: 100%;
}

.user-menu .breakdance-dropdown button.breakdance-menu-link:after {
  margin-left: 40px;
}

@media (max-width: 1119px) {
  .user-menu .breakdance-dropdown button.breakdance-menu-link:before {
    border-left: none;
  }
}
/* Nav Menu */
.main-nav .breakdance-menu-list .breakdance-menu-link {
  padding: 15px 20px;
  font-weight: 400;
  color: #555555;
}

.main-nav .breakdance-menu-list .current-menu-item .breakdance-menu-link {
  font-weight: 600;
  color: #000000;
}

.ns-icon {
  position: relative;
  padding-left: 16px;
}

.ns-icon::before {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  height: 20px;
  width: 20px;
}

.main-nav .breakdance-menu-list .current-menu-item::before {
  filter: invert(27%) sepia(51%) saturate(2878%) hue-rotate(180deg) brightness(74%) contrast(97%);
}

.ns-dashboard::before {
  content: url("icons/dashboard.svg");
}

.ns-directory::before {
  content: url("icons/directory.svg");
}

.ns-playbook::before {
  content: url("icons/playbook.svg");
}

.ns-tools::before {
  content: url("icons/tools.svg");
}

.ns-calendar::before {
  content: url("icons/calendar.svg");
}

.ns-quest::before {
  content: url("icons/quest.svg");
}

.ns-enrollment::before {
  content: url("icons/enrollment.svg");
}

.ns-band-app::before {
  content: url("icons/band.svg");
}

/* Family Directory */
.ns-columns {
  display: flex;
  gap: 24px;
}

.ns-columns > * {
  flex: 0 0 auto;
  /*flex-basis: 100%;*/
}

.ns-col {
  display: flex;
  flex-direction: column;
}

@media (max-width: 700px) {
  .ns-columns {
    display: block;
  }
}
.ns-col-img {
  width: 154px;
}

.ns-col-last {
  margin-left: auto;
  justify-content: space-between;
  flex: 1;
  align-content: flex-end;
}

@media (max-width: 1119px) {
  .ns-col-last {
    display: block;
  }
}
.ns-align-left {
  align-items: flex-start;
  text-align: left;
}

.family-container {
  border: 1px solid #CCCCCC;
  border-radius: 0.25rem;
  padding: 24px;
  margin-bottom: 4px;
  font-size: 14px;
  line-height: 140%;
}
.family-container .ns-col {
  flex: 1;
}

.filter_selector {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  list-style: none;
  padding: 20px 0px;
  background: #fff;
}

.filter_selector::after {
  position: absolute;
  display: block;
  content: " ";
  height: 1px;
  width: 100%;
  background: #E9E9E9;
  bottom: 7.5px;
  z-index: 1;
}

.breakdance .filter_selector a {
  position: relative;
  text-decoration: none;
  padding-bottom: 16px;
  color: #555555;
  font-size: 16px;
  font-weight: 500;
}

.breakdance .filter_selector a:hover {
  color: #000000;
}

.filter_selector a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-radius: 3px;
  background: linear-gradient(94.53deg, #4FFFF4 0%, #00A3FF 100%);
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
  z-index: 10;
}

.filter_selector a.selected::after,
.filter_selector a:hover::after,
.filter_selector a:focus::after {
  opacity: 1;
  transform: translate3d(0, 0.5em, 0);
}

.filter_selector a::after {
  opacity: 1;
  transform: scale(0);
  transform-origin: center;
}

.filter_selector a.selected::after,
.filter_selector a:hover::after,
.filter_selector a:focus::after {
  transform: scale(1);
}

.filter_selector a.selected {
  font-weight: 700;
}

.filter_selector_mobile {
  display: none;
}

@media (max-width: 1119px) {
  .filter_selector {
    display: none;
  }
  .filter_selector_mobile {
    display: block;
  }
}
.search_section {
  margin: 20px 0;
}

form.search_form {
  padding: 0;
}

form.search_form input {
  width: 100%;
  padding: 9px 4px 9px 40px;
  background: transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' class='bi bi-search' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001c.03.04.062.078.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1.007 1.007 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0z'%3E%3C/path%3E%3C/svg%3E") no-repeat 13px center;
}

/*
.family-container h4 {
	font-size: 24px;
	font-weight: 500;
}
*/
.info-family-image {
  max-width: 360px;
  max-height: 360px;
  height: auto;
}

span.info-family-image {
  margin: 0 auto;
  display: inline-block;
  background: #FAFAFA;
  width: 360px;
  height: 360px;
}

.info-family-name {
  margin-top: 0;
  margin-left: 5px;
  margin-bottom: 0.8rem;
}

.info-address {
  margin-left: 5px;
  background: url("icons/house.svg") left top no-repeat;
  padding-left: 35px;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.info-email {
  margin-left: 5px;
  background: url("icons/email.svg") left top no-repeat;
  padding-left: 35px;
  margin-bottom: 0.8rem;
  font-weight: 600;
}

.info-email a {
  text-decoration: none;
}

.edit_profile {
  justify-content: normal;
  align-self: flex-end;
  text-decoration: none;
}

.breakdance a.edit_profile {
  color: #999999;
}

.breakdance a.edit_profile:hover {
  color: var(--bde-links-color);
}

.view_details {
  align-self: flex-end;
  margin-top: auto !important;
  min-width: 140px;
  color: #0081CA !important;
  border: solid 1px rgb(0, 129, 202) !important;
  padding: 14px 24px !important;
  border-radius: 3px !important;
}

.view_details:hover {
  color: #fff !important;
  background: #0081CA !important;
}

/*
.family-container {

	// TODO: Rework this!!
	&.expanded .family-details {
		max-height: 2000px;
	}

}
*/
/*
.family-details {
	transition: max-height 4s ease;
	max-height: 0;
}
*/
.family-details,
family-details-top,
.other-details {
  overflow: hidden;
  margin-top: 10px;
}
.family-details hr,
family-details-top hr,
.other-details hr {
  background-color: #cccccc;
  height: 1px;
  width: 100%;
  border: 0;
  margin-top: 24px;
  margin-bottom: 24px;
}
.family-details hr:first-child,
family-details-top hr:first-child,
.other-details hr:first-child {
  margin-top: 16px;
}
.family-details .label,
family-details-top .label,
.other-details .label {
  font-weight: 400;
  font-size: 12px;
  color: #555555;
}
.family-details .field,
family-details-top .field,
.other-details .field {
  font-weight: 600;
  font-size: 14px;
  color: #000000;
}
.family-details .paragraph,
family-details-top .paragraph,
.other-details .paragraph {
  margin-bottom: 10px;
}

.wds-pagination {
  margin: 10px auto;
  text-align: center;
}

.wds-pagination a,
.wds-pagination span {
  color: #fff;
  display: inline-block;
  text-decoration: none;
  background-color: #6FB7E9;
  border-radius: 3px;
  cursor: pointer;
  margin: 0 5px;
  padding: 0px 10px;
  line-height: 32px;
}

.wds-pagination a:hover,
.wds-pagination span.current {
  background-color: #3C8DC5;
}

.wds-pagination span.current {
  cursor: default;
}

.exit_link_animation .bde-icon {
  transition: transform 250ms;
}

.exit_link_animation:hover .bde-icon {
  transform: translateX(-5px);
}

#lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  text-align: center;
  z-index: 9998;
  backdrop-filter: blur(4px);
}

#lightbox p {
  position: absolute;
  bottom: 20px;
  display: block;
  width: 100%;
  text-align: center;
  color: #000;
  margin-right: 20px;
  font-size: 12px;
  z-index: 9999;
  cursor: default;
}

#lightbox img {
  box-shadow: 0 0 25px rgba(0, 0, 0, 0.25);
  margin-top: 50px;
  width: auto !important;
  height: auto !important;
  max-height: 80vh !important;
  max-width: 80vh !important;
}

.lightbox_trigger {
  text-align: center;
}

/*
@media (max-width: 1119px) {

}

@media (max-width: 1023px) {

}

@media (max-width: 767px) {

}

@media (max-width: 479px) {

}
 */

/*# sourceMappingURL=style.css.map */