/* 
Theme Name:		 Boston Youth Symphony Orchestra
Theme URI:		 n/a
Description:	 Boston Youth Symphony Orchestra is a child theme of Hello Elementor, created by Jonathan Alumbaugh
Author:			 Jonathan Alumbaugh
Author URI:		 https://pilotagency.com/
Template:		 hello-elementor
Version:		 1.0.0
Text Domain:	 boston-youth-symphony-orchestra
*/
html {
  font-size: 16px;
}

body {
  --spacing-x-large: 6rem;
  --spacing-large: 5rem;
  --spacing-medium: 3.375rem;
  --spacing-small: 2rem;
  --spacing-x-small: 1rem;
  --spacing-xx-small: 0.5rem;
  --block-padding: 1.5rem;
  --content-max-width: 1150px;
}

.xdebug-error {
  font-size: 1.25rem;
}

.post-password-form {
  margin-left: auto;
  margin-right: auto;
  max-width: 1400px;
  padding-top: var(--spacing-medium);
  padding-bottom: var(--spacing-medium);
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.byso-hidden {
  display: none !important;
}

.elementor-widget-container > .block {
  display: flex;
  padding-top: 6rem;
  padding-bottom: 6rem;
  column-gap: 5rem;
}
.elementor-widget-container > .block.e-con {
  --container-default-padding-right: 1.5rem;
  --container-default-padding-left: 1.5rem;
}
.elementor-widget-container > .block.pb-0 {
  padding-bottom: 0 !important;
}
.elementor-widget-container > .block .content, .elementor-widget-container > .block.content {
  display: flex;
  row-gap: 2rem;
}
.elementor-widget-container > .block .row, .elementor-widget-container > .block.row {
  display: flex;
  flex-direction: row;
}
.elementor-widget-container > .block .column, .elementor-widget-container > .block.column {
  display: flex;
  flex-direction: column;
}
.elementor-widget-container > .block .ctas {
  display: flex;
  flex-direction: row;
  column-gap: 1rem;
}
.elementor-widget-container > .block .vr {
  display: flex;
  align-self: stretch;
  width: 1px;
  background-color: var(--e-global-color-primary);
}
.elementor-widget-container > .block p.large-paragraph {
  font-family: var(--e-global-typography-178ad17-font-family);
  font-size: var(--e-global-typography-178ad17-font-size);
  font-weight: var(--e-global-typography-178ad17-font-weight);
  line-height: var(--e-global-typography-178ad17-line-height);
}
.elementor-widget-container > .block p.medium-paragraph {
  font-family: var(--e-global-typography-3d1b0fd-font-family);
  font-size: var(--e-global-typography-3d1b0fd-font-size);
  font-weight: var(--e-global-typography-3d1b0fd-font-weight);
  line-height: var(--e-global-typography-3d1b0fd-line-height);
}
.elementor-widget-container > .block p.small-paragraph {
  font-family: var(--e-global-typography-65b2f8f-font-family);
  font-size: var(--e-global-typography-65b2f8f-font-size);
  font-weight: var(--e-global-typography-65b2f8f-font-weight);
  line-height: var(--e-global-typography-65b2f8f-line-height);
}
.elementor-widget-container > .block p.semibold {
  font-weight: 600;
}
.elementor-widget-container > .block hr {
  width: 100%;
  color: var(--e-global-color-primary);
  border-top: 1px solid black;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.white, .elementor-widget-container > .block:not(.cta-block).white {
  color: var(--e-global-color-text);
  background-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.beige, .elementor-widget-container > .block:not(.cta-block).beige {
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-c721253);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.black, .elementor-widget-container > .block:not(.cta-block).black {
  color: #ffffff;
  background-color: var(--e-global-color-primary);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.black a.secondary.button, .elementor-widget-container > .block:not(.cta-block).black a.secondary.button {
  color: #ffffff;
  border-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.black a.secondary.button:hover, .elementor-widget-container > .block:not(.cta-block).black a.secondary.button:hover {
  color: var(--e-global-color-primary);
  background: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.black .vr, .elementor-widget-container > .block:not(.cta-block).black .vr {
  background-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.purple, .elementor-widget-container > .block:not(.cta-block).purple {
  color: #ffffff;
  background-color: var(--e-global-color-f65043a);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.purple a.secondary.button, .elementor-widget-container > .block:not(.cta-block).purple a.secondary.button {
  color: #ffffff;
  border-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.purple a.secondary.button:hover, .elementor-widget-container > .block:not(.cta-block).purple a.secondary.button:hover {
  color: var(--e-global-color-primary);
  background: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.purple .vr, .elementor-widget-container > .block:not(.cta-block).purple .vr {
  background-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red, .elementor-widget-container > .block:not(.cta-block).red {
  color: #ffffff;
  background-color: var(--e-global-color-accent);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red a.text-link, .elementor-widget-container > .block:not(.cta-block).red a.text-link {
  color: var(--e-global-color-primary);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red a.primary.button, .elementor-widget-container > .block:not(.cta-block).red a.primary.button {
  color: var(--e-global-color-accent);
  background-color: #ffffff;
  border-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red a.primary.button:hover, .elementor-widget-container > .block:not(.cta-block).red a.primary.button:hover {
  color: #ffffff;
  border-color: #a42a00;
  background-color: #a42a00;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red a.secondary.button, .elementor-widget-container > .block:not(.cta-block).red a.secondary.button {
  color: #ffffff;
  border-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red a.secondary.button:hover, .elementor-widget-container > .block:not(.cta-block).red a.secondary.button:hover {
  color: var(--e-global-color-primary);
  background: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.red .vr, .elementor-widget-container > .block:not(.cta-block).red .vr {
  background-color: #ffffff;
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.gold, .elementor-widget-container > .block:not(.cta-block).gold {
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-46f2f70);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.gold a.text-link, .elementor-widget-container > .block:not(.cta-block).gold a.text-link {
  color: var(--e-global-color-f65043a);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.blue, .elementor-widget-container > .block:not(.cta-block).blue {
  color: var(--e-global-color-text);
  background-color: var(--e-global-color-b7d7bc0);
}
.elementor-widget-container > .block:not(.cta-block) .inner-block.blue a.text-link, .elementor-widget-container > .block:not(.cta-block).blue a.text-link {
  color: var(--e-global-color-f65043a);
}
.elementor-widget-container > .block a.text-link {
  color: var(--e-global-color-accent);
}
.elementor-widget-container > .block .button {
  padding: 15px 30px;
  border: 2px solid;
  border-radius: 1000px;
  cursor: pointer;
}
.elementor-widget-container > .block .button.primary {
  color: #ffffff;
  background-color: var(--e-global-color-accent);
  border-color: var(--e-global-color-accent);
  transition: background-color 0.2s ease-out;
  transition-property: background-color, color, border-color;
}
.elementor-widget-container > .block .button.primary:hover {
  color: #ffffff;
  background-color: #a42a00;
  border-color: #a42a00;
}
.elementor-widget-container > .block .button.secondary {
  color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
  transition: background-color 0.2s ease-out;
  transition-property: background-color, color, border-color;
}
.elementor-widget-container > .block .button.secondary:hover {
  color: #ffffff;
  background-color: var(--e-global-color-primary);
  border-color: var(--e-global-color-primary);
}
.elementor-widget-container > .block .descriptor {
  line-height: 0;
}

.gform_wrapper {
  font-size: var(--e-global-typography-3d1b0fd-font-size) !important;
  font-weight: var(--e-global-typography-3d1b0fd-font-weight) !important;
  line-height: var(--e-global-typography-3d1b0fd-line-height) !important;
}
.gform_wrapper h3 {
  margin-top: var(--spacing-large) !important;
  margin-bottom: var(--spacing-medium) !important;
  font-family: "Rector", Sans-serif !important;
  font-size: 5.625rem !important;
  font-weight: 300 !important;
  letter-spacing: -0.02em !important;
}
.gform_wrapper form {
  max-width: calc(75% - 15.75rem) !important;
  margin: 0 !important;
  margin-right: auto !important;
  margin-bottom: var(--spacing-large) !important;
}
.gform_wrapper .gfield_label {
  font-family: var(--e-global-typography-primary-font-family) !important;
}
.gform_wrapper .gform-field-label--type-sub {
  display: none !important;
}
.gform_wrapper select,
.gform_wrapper input {
  margin-top: 2rem;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid var(--e-global-color-primary);
}
.gform_wrapper .gchoice {
  display: flex;
  height: 2rem;
}
.gform_wrapper .gfield_checkbox li {
  column-gap: 1rem;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox] {
  display: grid;
  place-content: center;
  position: relative;
  width: 1.875rem;
  height: 1.875rem;
  margin-top: 0;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:before {
  display: block;
  content: "";
  width: 1.875rem;
  height: 1.875rem;
  border: 2px solid var(--e-global-color-primary);
  box-shadow: inset 1.875rem 1.875rem rgba(0, 0, 0, 0);
  transform-origin: bottom left;
  transition: box-shadow 0.2s ease-out;
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked:after {
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.5rem;
  height: 1.5rem;
  background: white;
  clip-path: polygon(17% 54%, 28% 43%, 38% 54%, 70% 22%, 81% 33%, 38% 75%, 17% 54%);
}
.gform_wrapper .gfield_checkbox li input[type=checkbox]:checked:before {
  position: relative;
  z-index: 0;
  opacity: 1;
  box-shadow: inset 1.875rem 1.875rem var(--e-global-color-accent);
}
.gform_wrapper .gfield_checkbox li label {
  align-self: flex-end;
}

.control-note {
  margin-top: 8px;
}

@media (max-width: 1023px) {
  body {
    --spacing-x-large: 5rem;
    --spacing-large: 3.5rem;
    --spacing-medium: 2rem;
    --spacing-small: 1rem;
    --spacing-x-small: 0.5rem;
    --spacing-xx-small: 0.25rem;
  }
  .elementor-widget-container > .block {
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
  .elementor-widget-container > .block .row {
    flex-direction: column;
  }
  .elementor-widget-container > .block.content-feature > .row > .column > .title.row {
    align-items: flex-start;
  }
  .gform_wrapper h3 {
    font-size: 3rem !important;
  }
  .gform_wrapper form {
    max-width: 100% !important;
  }
}
.lity-close {
  font-family: Arial, Baskerville, monospace !important;
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: unset !important;
  padding: 0 !important;
  font-size: 1rem !important;
  margin: 1rem;
}
.lity-close:hover {
  line-height: unset !important;
  font-size: 1rem !important;
}

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