.wp-block-singular.accordion-container,
.wp-block-singular.accordion-container * {
  box-sizing: border-box;
}
.wp-block-singular.accordion-container { }
.wp-block-singular.accordion-container > div { }

.wp-block-singular.accordion-container .accordion-item { 
  border-bottom: 1px solid var(--text);
}
.wp-block-singular.accordion-container .accordion-item + .accordion-item { 
  margin-top: 3px;
}
.wp-block-singular.accordion-container .accordion-item.open {
  /* margin-bottom: 26px; */
}
.wp-block-singular.accordion-container .accordion-item.open::last-child {
  margin-bottom: 0;
}
.wp-block-singular.accordion-container .accordion-item > div { }

.wp-block-singular.accordion-container .accordion-item .accordion-item-title { }
.wp-block-singular.accordion-container .accordion-item .accordion-item-title > div { 
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-flow: row nowrap;
  -webkit-flex-flow: row nowrap;
  flex-flow: row nowrap;
  align-items: center;
  justify-content: space-between;
  background-color: transparent;
  padding: 25px 0;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .title { 
  width: calc(100% - 80px);
  margin: 0 !important;
  color: var(--text) !important;
  font-size: 27px !important;
  font-weight: 500 !important;
  line-height: 1em !important;
  text-transform: none;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  height: 40px;
  width: 40px;
  border: none;
  outline: none;
  background: transparent;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle span {
  display: block;
  color: var(--text);
  font-size: 16px;
  line-height: 1em;
  text-align: left;
  text-decoration: none;
  text-indent: -9999em
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::before,
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::after {
  content: '';
  position: absolute;
  right: 50%;
  top: 50%;
  z-index: 1;
  background-color: var(--text);
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::before {
  margin: 0 -19px 0 0;  
  height: 1px;
  width: 38px;
}
.wp-block-singular.accordion-container .accordion-item.open .accordion-item-title .toggle::after {
  display: none;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::after {
  margin: -19px 0 0 0;
  height: 38px;
  width: 1px;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-content { 
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 200ms ease-in-out;
  -moz-transition: max-height 200ms ease-in-out;
  -o-transition: max-height 200ms ease-in-out;
  transition: max-height 200ms ease-in-out;
}
.wp-block-singular.accordion-container .accordion-item.open .accordion-item-content {
  -webkit-transition: max-height 300ms ease-in-out;
  -moz-transition: max-height 300ms ease-in-out;
  -o-transition: max-height 300ms ease-in-out;
  transition: max-height 300ms ease-in-out;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-content > div { 
  padding: 0 0 40px;
  background-color: transparent;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-content > div > *:first-child {
  margin-top: 0;
}
.wp-block-singular.accordion-container .accordion-item .accordion-item-content > div > *:last-child {
  margin-bottom: 0;
}

/* background-image variant */
.wp-block-singular.accordion-with-bg > .wp-block-group__inner-container { 
  max-width: 100%;
  padding: 100px 100px 100px 0;
}
.wp-block-singular.accordion-with-bg .wp-block-cover {
  padding: 150px 450px 150px 300px;
}
.wp-block-singular.accordion-with-bg .wp-block-cover > .wp-block-cover__inner-container > *:first-child {
  margin-top: 0;
}
.wp-block-singular.accordion-with-bg .wp-block-cover > .wp-block-cover__inner-container > *:last-child {
  margin-bottom: 0;
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container { }
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container > .wp-block-group__inner-container {
  padding: 0 !important;
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item { 
  border-bottom: 1px solid var(--white);
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item .accordion-item-title > div { 
  padding-left: 0;
  background-color: transparent;
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item .accordion-item-title .title {
  color: var(--white) !important;
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle span {
  color: var(--white);
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::before,
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::after {
  background-color: var(--white);
}
.wp-block-singular.accordion-with-bg .wp-block-singular.accordion-container.accordion-item .accordion-item-content > div * { 
  color: var(--white);
}


@media screen and (max-width: 1800px) { /* margins @ 280px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 150px 450px 150px 280px;
  }

}


@media screen and (max-width: 1700px) { /* margins @ 200px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 150px 450px 150px 200px;
  }

}


@media screen and (max-width: 1600px) { /* margins @ 135px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg > .wp-block-group__inner-container { 
    padding: 75px 75px 75px 0;
  }
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 100px 300px 100px 135px;
  }

}


@media screen and (max-width: 1400px) { /* margins @ 50px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg > .wp-block-group__inner-container { 
    padding: 50px 50px 50px 0;
  }
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 100px 50px;
  }

}


@media screen and (max-width: 900px) { /* margins @ 30px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg > .wp-block-group__inner-container { 
    padding: 30px 30px 30px 0;
  }
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 80px 30px;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title > div { 
    padding: 20px 0;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .title { 
    width: calc(100% - 60px);
    font-size: 26px !important;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle {
    width: 30px;
    height: 30px;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::before {
    margin: 0 -15px 0 0;  
    width: 30px;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::after {
    margin: -15px 0 0 0;
    height: 30px;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-content > div { 
    font-size: 0 0 30px;
  }

}


@media screen and (max-width: 500px) { /* margins @ 20px */

  /* background-image variant */
  .wp-block-singular.accordion-with-bg > .wp-block-group__inner-container { 
    padding: 20px 20px 20px 0;
  }
  .wp-block-singular.accordion-with-bg .wp-block-cover {
    padding: 50px 20px;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-content { 
    max-height: unset;
  }
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::after,
  .wp-block-singular.accordion-container .accordion-item .accordion-item-title .toggle::before {
    display: none;
  }

}