/* CSS Document */
/*/////Variables//////*/
/*/Numbers and colors/*/
.chapter-intro-text .elementor-text-editor a, a.back-to-news-link, .healthy-block a, .with-link a, .make-a-difference-block a, .since-block a, .featured-image .banner-news a, a.arrow-link, #desktop-nav-panel .sidebar .read-more-link a, .carousel a, #main-header a.donate-link,
#main-header a.give-link {
  color: #000;
  text-decoration: none;
  font-size: 1.6em;
  text-transform: uppercase;
}
.chapter-intro-text .elementor-text-editor a:after, a.back-to-news-link:after, .healthy-block a:after, .with-link a:after, .make-a-difference-block a:after, .since-block a:after, .featured-image .banner-news a:after, a.arrow-link:after, #desktop-nav-panel .sidebar .read-more-link a:after, .carousel a:after, #main-header a.donate-link:after,
#main-header a.give-link:after {
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-right: 2px solid #FDB900;
  border-bottom: 2px solid #FDB900;
  display: inline-block;
  transform: rotate(-45deg);
}

/*/////Mixins//////*/
header#main-header {
  background: #fff;
  position: fixed;
  top: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 2em;
  z-index: 30000;
  transition: width 1s, height 1s, right 1s;
  height: 6.5em;
}
@media only screen and (min-width: 1000px) {
  header#main-header {
    width: 32em;
    right: 0;
    height: 9.4em;
  }
}

.logo {
  width: 50px;
  padding: 1em;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 1s;
}
.logo img {
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 1000px) {
  .logo {
    width: 100px;
    padding: 0;
  }
}

#open-nav-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 75px;
  width: 30px;
  padding: 1em 0;
  background: none;
  height: 46px;
  cursor: pointer;
}
#open-nav-btn span {
  display: none;
}
@media only screen and (min-width: 1000px) {
  #open-nav-btn {
    width: 50px;
    right: 255px;
  }
}
#open-nav-btn div {
  height: 2px;
  width: 100%;
  background: #00AEEF;
  transition: background 1s;
}
@media only screen and (min-width: 1000px) {
  #open-nav-btn div {
    height: 3px;
  }
}
#open-nav-btn div:before {
  background: #00AEEF;
  position: absolute;
  content: ".";
  display: block;
  width: 100%;
  height: 2px;
  text-indent: -1000em;
  overflow: hidden;
  top: 12px;
  transition: all 1s;
  transform-origin: center top;
}
@media only screen and (min-width: 1000px) {
  #open-nav-btn div:before {
    top: 8px;
    height: 3px;
  }
}
#open-nav-btn div:after {
  background: #00AEEF;
  position: absolute;
  content: ".";
  display: block;
  width: 100%;
  height: 2px;
  text-indent: -1000em;
  overflow: hidden;
  bottom: 12px;
  transition: all 1s;
  transform-origin: center bottom;
}
@media only screen and (min-width: 1000px) {
  #open-nav-btn div:after {
    bottom: 8px;
    height: 3px;
  }
}

#open-nav-btn.activated div:before {
  transform-origin: center top;
  transform: rotate(-45deg);
  top: 22px;
}
#open-nav-btn.activated div:after {
  transform-origin: center bottom;
  transform: rotate(45deg);
  bottom: 22px;
}
#open-nav-btn.activated div#bar {
  background: #fff;
}

#dropDownList.activated {
  display: block;
}

a.cart-link {
  display: block;
  color: #222;
  font-size: 2em;
  padding-right: 0.75em;
  border-right: 1px solid #ccc;
  position: absolute;
  right: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: right 1s;
}
a.cart-link:hover {
  color: #FDB900;
}
@media only screen and (min-width: 1000px) {
  a.cart-link {
    display: block;
    right: 190px;
  }
}

#main-header .donate-link,
#main-header .give-link {
  display: block;
  margin-left: 3em;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: right 1s;
  font-size: 2em !important;
  font-weight: 700;
}
#main-header .donate-link:hover,
#main-header .give-link:hover {
  color: #FDB900;
}
@media only screen and (min-width: 1000px) {
  #main-header .donate-link,
  #main-header .give-link {
    display: block;
    position: absolute;
    right: 125px;
    margin-left: 0;
  }
}

#page {
  padding-top: 6.5em;
  transition: all 1s;
}
@media only screen and (min-width: 1000px) {
  #page {
    padding-top: 0;
  }
}

.page-tampa-bay-cornhole #main-header .give-link {
  display: none !important;
}

.carousel {
  display: none;
  position: relative;
}
.carousel:after {
  display: block;
  content: " ";
  width: 100%;
  height: 70%;
  background: linear-gradient(0deg, rgba(4, 105, 178, 0.5), rgba(4, 105, 178, 0));
  position: absolute;
  bottom: 0;
  z-index: 100;
}
@media only screen and (min-width: 1000px) {
  .carousel {
    display: block;
  }
}
.carousel img {
  display: block;
  width: 100%;
  height: auto;
}
.carousel .blurb {
  position: absolute;
  bottom: 1em;
  left: 20px;
  font-size: 2em;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  z-index: 200;
  font-weight: 300;
  width: 50%;
  transition: all 1s;
}
@media only screen and (min-width: 1000px) {
  .carousel .blurb {
    font-size: 4em;
  }
}
.carousel a {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  margin-top: 1em;
  font-size: 0.4em;
}

footer.gray-background {
  padding: 5em 0;
  background: #fff;
}
@media only screen and (min-width: 1000px) {
  footer.gray-background {
    background: #fff;
  }
  footer.gray-background .container {
    display: flex;
  }
}
footer.gray-background span {
  display: none;
}
footer.gray-background .social-media-icons {
  display: inline-block;
}
footer.gray-background .social-media-icons li {
  float: left;
  margin-right: 14px;
  transform: scale(0.7);
}
@media only screen and (min-width: 400px) {
  footer.gray-background .social-media-icons li {
    margin-right: 20px;
  }
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .social-media-icons li {
    margin-right: 10px;
    transform: scale(1);
  }
}
footer.gray-background .social-media-icons li:last-child {
  margin-right: 0;
}
footer.gray-background .social-media-icons:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
footer.gray-background .facebook-icon {
  width: 30px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 400px;
  transform: scale(1.2);
  cursor: pointer;
}
footer.gray-background .facebook-icon:hover, footer.gray-background .facebook-icon:active {
  background-position-x: -180px;
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .facebook-icon {
    transform: scale(0.8);
  }
}
footer.gray-background .twitter-icon {
  width: 31px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -56px 0;
  background-size: 400px;
  cursor: pointer;
  transform: scale(1.2);
}
footer.gray-background .twitter-icon:hover, footer.gray-background .twitter-icon:active {
  background-position-x: -236px;
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .twitter-icon {
    transform: scale(0.8);
  }
}
footer.gray-background .instagram-icon {
  width: 31px;
  height: 32px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -112px 0;
  background-size: 400px;
  cursor: pointer;
  transform: scale(1.2);
}
footer.gray-background .instagram-icon:hover, footer.gray-background .instagram-icon:active {
  background-position-x: -292px;
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .instagram-icon {
    transform: scale(0.8);
  }
}
footer.gray-background .fa-linkedin {
  color: #00AEEF;
  font-size: 2.4em;
  margin-top: 0.1em;
  margin-left: 0.1em;
  transform: scale(1.5);
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .fa-linkedin {
    transform: scale(1);
  }
}
footer.gray-background a:hover .fa-linkedin {
  color: #FDB900;
}
footer.gray-background .fa-envelope {
  color: #00AEEF;
  font-size: 2.4em;
  margin-top: 0.2em;
  margin-left: 0.1em;
  transform: scale(1.5);
}
@media only screen and (min-width: 1000px) {
  footer.gray-background .fa-envelope {
    transform: scale(1);
  }
}
footer.gray-background a:hover .fa-envelope {
  color: #FDB900;
}

.social-media-container {
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .social-media-container {
    flex-grow: 1;
    text-align: inherit;
  }
}
@media only screen and (min-width: 1370px) {
  .social-media-container {
    flex-grow: 2;
  }
}
.social-media-container h2 {
  display: none;
  text-transform: uppercase;
  font-size: 3em;
  font-weight: 300;
}
@media only screen and (min-width: 1000px) {
  .social-media-container h2 {
    display: block;
  }
}

footer .inner-column-container {
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1370px) {
  footer .inner-column-container {
    flex-wrap: nowrap;
  }
}
footer .inner-column-container .inner-column1,
footer .inner-column-container .inner-column2 {
  display: block;
  width: 100%;
  text-align: center;
  flex-grow: 0;
}
@media only screen and (min-width: 1000px) {
  footer .inner-column-container .inner-column1,
  footer .inner-column-container .inner-column2 {
    text-align: inherit;
  }
}
@media only screen and (min-width: 1370px) {
  footer .inner-column-container .inner-column1,
  footer .inner-column-container .inner-column2 {
    flex-grow: 1;
  }
}

.newsletter-signup {
  text-align: center;
}
@media only screen and (min-width: 1000px) {
  .newsletter-signup {
    text-align: left;
  }
}
.newsletter-signup a {
  text-transform: uppercase;
  text-decoration: none;
  color: #000;
}
.newsletter-signup h2 {
  display: none;
  font-size: 1.5em;
  font-weight: 300;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 1000px) {
  .newsletter-signup h2 {
    display: block;
  }
}
@media only screen and (min-width: 1370px) {
  .newsletter-signup h2 {
    font-size: 2em;
  }
}
.newsletter-signup span.sign-up-here-button {
  margin: 1em 0 1.5em 0;
  background: #00AEEF;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
  padding: 12px 20px;
  font-weight: 300;
}
.newsletter-signup span.sign-up-here-button:hover {
  background: #FDB900;
}
@media only screen and (min-width: 1000px) {
  .newsletter-signup span.sign-up-here-button {
    margin-top: 0;
  }
}

.sign-up-from-container {
  box-sizing: border-box;
  display: none;
}
@media only screen and (min-width: 1000px) {
  .sign-up-from-container {
    display: block;
    margin-top: 2em;
  }
  .sign-up-from-container p {
    font-size: 1.5em;
    font-weight: 300;
  }
  .sign-up-from-container .field-row {
    position: relative;
  }
  .sign-up-from-container input[type=email] {
    border: none;
    padding: 0.5em;
    font-size: 1.2em;
    text-indent: 2em;
    border-bottom: 2px solid #222;
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .sign-up-from-container .email-icon {
    height: 22px;
    width: 28px;
    position: absolute;
    z-index: 50;
    background-image: url(../img/sprite-sheet.png);
    background-repeat: no-repeat;
    background-size: 400px;
    background-position: -1px -50px;
    left: -5px;
    top: 0;
    transform: scale(0.75);
  }
  .sign-up-from-container input[type=email]:active .email-icon {
    background-position-x: -130px;
  }
}

.mobile-text-links {
  display: none;
  font-size: 1.6em;
  margin-top: 2em;
  margin-bottom: 2em;
}
.mobile-text-links li {
  margin-bottom: 1em;
}
.mobile-text-links a {
  color: #282828;
  text-transform: uppercase;
  text-decoration: none;
}
@media only screen and (min-width: 1000px) {
  .mobile-text-links {
    display: none;
  }
}

.copyright-info {
  font-size: 1.6em;
  line-height: 1.7;
  color: #6D6D6D;
  padding-right: 0;
}
@media only screen and (min-width: 1000px) {
  .copyright-info {
    font-size: 1em;
    padding-right: 2em;
  }
}
.copyright-info a {
  text-decoration: none;
  color: #6D6D6D;
}
.copyright-info a:hover {
  color: #000;
}

.footer-nav1, .footer-nav2, .footer-nav3 {
  display: none;
}
.footer-nav1 ul > li, .footer-nav2 ul > li, .footer-nav3 ul > li {
  margin-bottom: 0.5em;
}
.footer-nav1 ul > li > a, .footer-nav2 ul > li > a, .footer-nav3 ul > li > a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5em;
  color: #282828;
}
.footer-nav1 ul > li > a:hover, .footer-nav2 ul > li > a:hover, .footer-nav3 ul > li > a:hover {
  color: #FDB900;
}
@media only screen and (min-width: 1000px) {
  .footer-nav1, .footer-nav2, .footer-nav3 {
    display: block;
    flex-grow: 1.5;
  }
}

@media only screen and (min-width: 1000px) {
  .footer-nav3 {
    flex-grow: 3;
  }
}
@media only screen and (min-width: 1370px) {
  .footer-nav3 {
    flex-grow: 2;
  }
}
.footer-logos .panel-layout {
  max-width: 150px;
  margin: 0 auto;
}
@media only screen and (min-width: 780px) {
  .footer-logos .panel-layout {
    max-width: 100%;
  }
}

#nav-panel {
  background: #282828;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-top: 65px;
  top: 0;
  right: -100%;
  z-index: 20000;
  position: fixed;
  overflow-y: scroll;
  transition: all 1s;
}
#nav-panel nav {
  padding: 2em;
}
#nav-panel nav > ul > li > a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-size: 3em;
}
#nav-panel nav > ul > li > ul {
  display: none;
  margin-left: 1em;
  font-size: 2em;
}
#nav-panel nav > ul > li > ul > li {
  padding: 0.25em 0;
}
#nav-panel nav > ul > li > ul a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
}
#nav-panel .menu-item-has-children > a:after {
  content: "";
  width: 0.4em;
  height: 0.4em;
  margin-bottom: 0.125em;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  display: inline-block;
  transform: rotate(-45deg);
  margin-left: 0.5em;
  transition: all 0.5s;
}
#nav-panel .menu-item-has-children:hover > a {
  color: #FDB900;
}
#nav-panel .menu-item-has-children:hover > a:after {
  transform: rotate(45deg);
  border-right: 2px solid #FDB900;
  border-bottom: 2px solid #FDB900;
}
#nav-panel a:hover, #nav-panel a:active {
  color: #FDB900;
}
#nav-panel .menu-item-has-children:active ul {
  display: block;
}
#nav-panel .social-media-icons {
  margin-top: 5em;
  text-align: center;
  display: flex;
  justify-content: center;
}
#nav-panel .social-media-icons li {
  display: inline-block;
  margin-right: 20px;
}
#nav-panel .social-media-icons span {
  display: none;
}
#nav-panel .social-media-icons:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#nav-panel .facebook-icon {
  display: block;
  width: 30px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 400px;
}
#nav-panel .facebook-icon:hover, #nav-panel .facebook-icon:active {
  background-position-x: -180px;
}
#nav-panel .twitter-icon {
  display: block;
  width: 31px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -56px 0;
  background-size: 400px;
}
#nav-panel .twitter-icon:hover, #nav-panel .twitter-icon:active {
  background-position-x: -236px;
}
#nav-panel .instagram-icon {
  display: block;
  width: 31px;
  height: 32px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -112px 0;
  background-size: 400px;
}
#nav-panel .instagram-icon:hover, #nav-panel .instagram-icon:active {
  background-position-x: -292px;
}
#nav-panel .fa-linkedin {
  color: #00AEEF;
  font-size: 3em;
  margin-top: 0;
  margin-left: 0.1em;
}
#nav-panel a:hover .fa-linkedin {
  color: #FDB900;
}
#nav-panel .fa-envelope {
  color: #00AEEF;
  font-size: 3em;
  margin-top: 0;
  margin-left: 0.1em;
}
#nav-panel a:hover .fa-envelope {
  color: #FDB900;
}

#nav-panel.activated {
  right: -100%;
  display: none;
}
@media only screen and (min-width: 1000px) {
  #nav-panel.activated {
    display: none;
  }
}

#desktop-nav-panel {
  background: #404040;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding-top: 65px;
  top: 0;
  right: -100%;
  z-index: 20000;
  position: fixed;
  overflow-y: scroll;
  transition: all 1s;
  padding-right: 270px;
}
#desktop-nav-panel .navigation-container {
  box-sizing: border-box;
  padding-left: 22%;
  padding-right: 10%;
}
#desktop-nav-panel .navigation-container:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#desktop-nav-panel nav {
  float: left;
  width: 50%;
  box-sizing: border-box;
}
#desktop-nav-panel nav:nth-child(1) {
  padding: 1.75em 1em 0;
}
#desktop-nav-panel nav:nth-child(2) {
  padding: 1.75em 0 2em 1em;
}
#desktop-nav-panel nav:nth-child(2) ul > li > ul {
  margin-bottom: 2.25em;
}
#desktop-nav-panel nav > ul {
  margin-bottom: 1.25em;
}
#desktop-nav-panel nav > ul > li > a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-size: 2.4em;
  display: block;
  border-bottom: 0.1em solid #00AEEF;
}
#desktop-nav-panel nav > ul > li > a:not([href]):hover {
  color: #fff;
}
#desktop-nav-panel nav > ul > li > ul {
  font-size: 2em;
  margin-bottom: 1em;
}
#desktop-nav-panel nav > ul > li > ul > li {
  padding: 0;
  margin-bottom: 0;
  line-height: 1.3;
}
#desktop-nav-panel nav > ul > li > ul a {
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  font-size: 0.75em;
}
#desktop-nav-panel a:hover, #desktop-nav-panel a:active {
  color: #FDB900;
}
#desktop-nav-panel .social-media-icons {
  margin: 2rem 0;
  text-align: left;
  display: flex;
}
#desktop-nav-panel .social-media-icons li {
  display: block;
  margin-right: 10px;
}
#desktop-nav-panel .social-media-icons span {
  display: none;
}
#desktop-nav-panel .social-media-icons:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
#desktop-nav-panel .facebook-icon {
  display: block;
  width: 30px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 400px;
  transform: scale(0.75);
}
#desktop-nav-panel .facebook-icon:hover, #desktop-nav-panel .facebook-icon:active {
  background-position-x: -180px;
}
#desktop-nav-panel .twitter-icon {
  display: block;
  width: 31px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -56px 0;
  background-size: 400px;
  transform: scale(0.75);
}
#desktop-nav-panel .twitter-icon:hover, #desktop-nav-panel .twitter-icon:active {
  background-position-x: -236px;
}
#desktop-nav-panel .instagram-icon {
  display: block;
  width: 31px;
  height: 32px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -112px 0;
  background-size: 400px;
  transform: scale(0.75);
}
#desktop-nav-panel .instagram-icon:hover, #desktop-nav-panel .instagram-icon:active {
  background-position-x: -292px;
}
#desktop-nav-panel .fa-linkedin {
  color: #00AEEF;
  font-size: 2.4em;
  margin-top: 0.1em;
  margin-left: 0.1em;
}
#desktop-nav-panel a:hover .fa-linkedin {
  color: #FDB900;
}
#desktop-nav-panel .fa-envelope {
  color: #00AEEF;
  font-size: 2.4em;
  margin-top: 0.2em;
  margin-left: 0.1em;
}
#desktop-nav-panel a:hover .fa-envelope {
  color: #FDB900;
}
#desktop-nav-panel .sidebar {
  background: #fff;
  width: 320px;
  min-height: 950px;
  height: 100%;
  box-sizing: border-box;
  padding: 3em;
  top: 0;
  right: -320px;
  position: absolute;
  transition: right 1s;
}
#desktop-nav-panel .sidebar .featured-post {
  padding-top: 150px;
}
#desktop-nav-panel .sidebar .featured-post h2 {
  font-size: 1.6em;
}
#desktop-nav-panel .sidebar .featured-post p {
  font-size: 1em;
}
#desktop-nav-panel .sidebar .side-featured-image img {
  display: block;
  width: 100%;
  height: auto;
}
#desktop-nav-panel .sidebar .read-more-link a {
  margin: 1em 0;
  display: block;
}
#desktop-nav-panel .sidebar .read-more-link a:hover {
  color: #FDB900;
}
#desktop-nav-panel .sidebar h2.post-title {
  font-size: 2.5em;
  font-weight: 300;
  line-height: 1.25;
  margin: 0.5em 0;
  text-transform: uppercase;
  position: relative;
}
#desktop-nav-panel .sidebar h2.post-title:after {
  position: absolute;
  bottom: -0.25em;
  height: 0.125em;
  width: 20%;
  content: " ";
  background: #00AEEF;
  display: block;
}
#desktop-nav-panel .sidebar .after-school-image {
  display: none;
  margin: 2em 0;
}
#desktop-nav-panel .sidebar .after-school-image img {
  display: block;
  width: 80%;
  height: auto;
}
#desktop-nav-panel .sidebar .search-form-container input[type=text] {
  background: #fff;
  border-bottom: 2px solid #333;
  display: block;
  width: 100%;
  box-sizing: border-box;
  font-family: "Roboto Condensed", sans-serif;
  font-size: 1.2em;
  text-indent: 2em;
}
#desktop-nav-panel .sidebar .search-form-container .search-field {
  position: relative;
}
#desktop-nav-panel .sidebar .search-form-container input[type=submit] {
  display: none;
}
#desktop-nav-panel .sidebar .search-icon {
  height: 30px;
  width: 30px;
  position: absolute;
  z-index: 50;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-size: 400px;
  background-position: -53px -46px;
  left: 0;
  top: 0;
  display: block;
  transform: scale(0.75);
}
@media only screen and (max-width: 999px) {
  #desktop-nav-panel {
    display: block;
    padding-right: 0px;
  }
  #desktop-nav-panel .sidebar {
    width: 100%;
    min-height: auto;
    height: auto;
    background: none;
    top: auto;
    padding: 0;
    margin: auto;
    right: 0;
    position: relative;
  }
  #desktop-nav-panel .sidebar .featured-post {
    display: none;
  }
  #desktop-nav-panel .sidebar .after-school-image {
    display: none;
  }
  #desktop-nav-panel .sidebar .social-media-icons {
    text-align: center;
    display: block;
    margin: 1.5rem auto;
  }
  #desktop-nav-panel .sidebar .social-media-icons li {
    display: inline-block;
    margin-right: 10px;
    vertical-align: top;
  }
  #desktop-nav-panel .navigation-container {
    padding: 2em;
  }
  #desktop-nav-panel nav {
    width: 100%;
    float: none;
    padding: 0px;
  }
  #desktop-nav-panel nav ul {
    margin-bottom: 0px;
  }
  #desktop-nav-panel nav ul li {
    transition: all 1s;
  }
  #desktop-nav-panel nav ul li:hover ul.sub-menu {
    display: block;
  }
  #desktop-nav-panel nav ul li ul.sub-menu {
    display: none;
    margin-bottom: 10px;
  }
  #desktop-nav-panel nav ul li a {
    padding: 0.25em 0em;
    position: relative;
    border-bottom: none;
  }
  #desktop-nav-panel nav ul li a[href] {
    width: 90%;
  }
  #desktop-nav-panel nav ul li a[href] + .sub-menu {
    display: block !important;
  }
  #desktop-nav-panel nav ul li .sub-menu.active-child {
    display: block;
  }
  #desktop-nav-panel nav ul li span {
    position: absolute;
    right: 20px;
    text-indent: -1000em;
    display: block;
    width: 50px;
    height: 49px;
  }
  #desktop-nav-panel nav ul li span:hover + ul.sub-menu {
    display: block;
  }
  #desktop-nav-panel nav ul li span:after {
    content: "";
    width: 0.7em;
    height: 0.7em;
    border-right: 2px solid #FDB900;
    border-bottom: 2px solid #FDB900;
    display: inline-block;
    transform: rotate(45deg);
    position: absolute;
    right: 20px;
    top: 20px;
  }
  #desktop-nav-panel nav ul .menu-item-has-children {
    border-bottom: 0.1em solid #00AEEF;
    position: relative;
  }
}

@media only screen and (min-width: 1000px) {
  #desktop-nav-panel.activated {
    display: block;
    right: 0;
  }
  #desktop-nav-panel.activated .sidebar {
    right: 0;
  }
  #desktop-nav-panel.activated .menu-span {
    display: none;
  }
}
@media only screen and (max-width: 999px) {
  #desktop-nav-panel.activated {
    right: 0;
  }
}

a.arrow-link {
  text-transform: uppercase;
  color: #fff;
  font-size: 1em;
  padding-top: 1.6em;
  display: block;
}
a.arrow-link:hover {
  color: #FDB900;
}

.content-area,
.site-main {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
}

.nostyle {
  list-style: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.entry-header {
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
}
.entry-header .entry-title {
  display: none;
}
.entry-header .edit-link {
  padding: 5em 3em;
  display: block;
}
.entry-header .edit-link a {
  font-size: 1.6em;
  color: #FDB900;
}
.entry-header:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.page {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  transition: padding-top 1s;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 1000px) {
  .page {
    padding-top: 0;
  }
}

.featured-image {
  position: relative;
  background-image: url("../img/banner.jpg");
  background-size: cover;
  height: 50%;
  min-height: 50%;
  max-height: 50%;
}
@media only screen and (min-width: 1000px) {
  .featured-image {
    background-size: cover;
    height: 100%;
    min-height: 100%;
    max-height: 100%;
    box-sizing: border-box;
  }
}
.featured-image img {
  display: none;
}
.featured-image:after {
  display: block;
  content: "";
  width: 100%;
  height: 70%;
  background: linear-gradient(0deg, rgba(4, 105, 178, 0.5), rgba(4, 105, 178, 0));
  position: absolute;
  bottom: 0;
  z-index: 100;
}
.featured-image .blurb {
  position: absolute;
  bottom: 1em;
  left: 20px;
  line-height: 1;
  color: #fff;
  text-transform: uppercase;
  z-index: 200;
  font-weight: 300;
  transition: all 1s;
  font-size: 3em;
}
@media only screen and (min-width: 600px) {
  .featured-image .blurb {
    font-size: 4em;
    width: 70%;
  }
}
@media only screen and (min-width: 1000px) {
  .featured-image .blurb {
    font-size: 7.5em;
  }
}
.featured-image img {
  display: block;
  width: 100%;
  height: auto;
}

.featured-image .banner-news {
  display: none;
  width: 15%;
  box-sizing: border-box;
  color: #fff;
  z-index: 500;
  font-weight: 300;
  padding-left: 1em;
  box-sizing: border-box;
}
@media only screen and (min-width: 1000px) {
  .featured-image .banner-news {
    display: block;
    position: absolute;
    right: 10%;
    bottom: 2em;
    font-size: 1.65em;
  }
}
.featured-image .banner-news h2 {
  text-transform: uppercase;
}
.featured-image .banner-news h2:after {
  display: block;
  width: 0.75em;
  min-width: 30px;
  margin-top: 1em;
  border-bottom: #fff solid 3px;
  content: " ";
  margin-bottom: 1em;
}
.featured-image .banner-news a {
  display: inline-block;
  color: #fff;
  margin-top: 1em;
  font-size: 1em;
  font-weight: 400;
}
.featured-image .banner-news a:hover {
  color: #FDB900;
}

.since-block {
  background: #fff;
  padding: 3em 1em;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .since-block {
    font-size: 1.6em;
    padding: 3em 25%;
  }
}
@media only screen and (min-width: 1000px) {
  .since-block {
    display: none;
  }
}
.since-block h2 {
  font-size: 2.5em;
  text-transform: uppercase;
}
.since-block h2:after {
  display: block;
  width: 0.75em;
  min-width: 30px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  border-bottom: #00AEEF solid 2px;
  content: " ";
  margin-bottom: 0.5em;
}
.since-block p {
  font-size: 1.4em;
}
.since-block a {
  font-size: 1.6em;
  margin-top: 2em;
  display: inline-block;
}
.since-block a:hover {
  color: #FDB900;
}

.make-a-difference-block {
  background: #fff;
  padding: 3em 0;
  text-align: center;
}
@media only screen and (min-width: 600px) {
  .make-a-difference-block {
    font-size: 1.6em;
    padding: 3em 25%;
  }
}
.make-a-difference-block h2 {
  font-size: 2.25em;
  text-transform: uppercase;
}
.make-a-difference-block h2:after {
  display: block;
  width: 0.75em;
  min-width: 38px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  border-bottom: #00AEEF solid 3px;
  content: " ";
  margin-bottom: 0.5em;
}
.make-a-difference-block p {
  font-size: 1.35em;
  font-weight: 300;
}
.make-a-difference-block a {
  font-size: 1.6em;
  margin-top: 2em;
  font-weight: 700;
  display: inline-block;
}
@media only screen and (min-width: 600px) {
  .make-a-difference-block a {
    font-size: 1em;
  }
}
.make-a-difference-block a:hover {
  color: #FDB900;
}

.elementor-text-editor h2 {
  font-size: 2.25em;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  font-family: "Roboto Condensed";
}
.elementor-text-editor h2:after {
  display: block;
  width: 0.75em;
  min-width: 38px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  border-bottom: #00aeef solid 3px;
  content: " ";
  margin-bottom: 0.5em;
}
.elementor-text-editor a {
  text-decoration: none;
  text-transform: uppercase;
  color: #000;
}
.elementor-text-editor a:after {
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-right: 2px solid #fdb900;
  border-bottom: 2px solid #fdb900;
  display: inline-block;
  transform: rotate(-45deg);
}
.elementor-text-editor a:hover,
.elementor-text-editor a:hover span {
  color: #FDB900 !important;
}

/*//////Image Classes/////*/
.banner-container img {
  display: block;
  width: 100%;
  height: auto;
}

.alignleft {
  margin: 0 auto;
  display: block;
  max-width: 300px !important;
}
.alignleft img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 480px) {
  .alignleft {
    float: left;
    margin: 0 3em 3em 0;
  }
}

.alignright {
  margin: 0 auto;
  display: block;
  max-width: 300px !important;
  height: auto;
}
.alignright img {
  display: block;
  width: 100%;
  height: auto;
}
@media only screen and (min-width: 480px) {
  .alignright {
    float: right;
    margin: 0 0 3em 3em;
  }
}

.aligncenter {
  margin: 3em auto;
  display: block;
  width: 100% !important;
  height: auto;
}
.aligncenter img {
  display: block;
  width: 100% !important;
  height: auto;
}

.aligncenter.size-medium {
  display: block;
  width: 100% !important;
  max-width: 300px;
}

.size-medium {
  display: block;
  width: 100% !important;
  max-width: 300px;
  height: auto !important;
}

.size-large {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-width: 525px;
}

.size-full {
  display: block;
  width: 100% !important;
  height: auto !important;
}

.wp-caption-text {
  font-size: 1.2em;
  padding: 0.5em 0;
  color: #555;
  font-family: "Roboto Condensed", sans-serif;
  text-align: center;
}

.elementor-image .attachment-full.size-full {
  width: 100%;
  height: auto;
}

strong {
  font-weight: bold;
}

.bottom-arrow {
  border-bottom: 6px solid #ff0;
  border-right: 6px solid #fff;
  transform: rotate(45deg) translateX(-50%);
  position: absolute;
  width: 4em;
  height: 4em;
  left: 50%;
  bottom: 0;
  overflow: hidden;
  text-indent: -1000em;
  z-index: 2000;
  display: none;
}
@media only screen and (max-width: 480px) {
  .bottom-arrow {
    display: none !important;
  }
}

.youth-advisory-blurb .entry-content {
  width: 80%;
  max-width: 840px;
  margin: 0 auto;
  padding: 3em 2em;
  text-align: center;
  display: block;
  box-sizing: border-box;
}
@media only screen and (min-width: 600px) {
  .youth-advisory-blurb .entry-content {
    font-size: 1.6em;
  }
}
.youth-advisory-blurb .entry-content h2 {
  font-size: 2.25em;
  text-transform: uppercase;
}
.youth-advisory-blurb .entry-content h2:after {
  display: block;
  width: 0.75em;
  min-width: 38px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
  border-bottom: #00AEEF solid 3px;
  content: " ";
  margin-bottom: 0.5em;
}
.youth-advisory-blurb .entry-content p {
  font-size: 1.35em;
  font-weight: 300;
}

#donate-iframe-height .video-wrapper {
  padding-bottom: 3em;
  min-height: 2250px;
}
@media only screen and (min-width: 840px) {
  #donate-iframe-height .video-wrapper {
    min-height: 2150px;
  }
}
@media only screen and (min-width: 1200px) {
  #donate-iframe-height .video-wrapper {
    min-height: 2000px;
  }
}

#chapter-donate-iframe-height .video-wrapper {
  padding-bottom: 3em;
  min-height: 2150px;
}
@media only screen and (min-width: 840px) {
  #chapter-donate-iframe-height .video-wrapper {
    min-height: 1900px;
  }
}

#chapter-donate-iframe-height.bay-area .video-wrapper {
  padding-bottom: 3em;
  min-height: 1800px;
}
@media only screen and (min-width: 840px) {
  #chapter-donate-iframe-height.bay-area .video-wrapper {
    min-height: 1600px;
  }
}

#chapter-donate-iframe-height.tampa-bay .video-wrapper {
  padding-bottom: 3em;
  min-height: 2250px;
}
@media only screen and (min-width: 840px) {
  #chapter-donate-iframe-height.tampa-bay .video-wrapper {
    min-height: 2040px;
  }
}

.five-up-mosaic {
  align-items: stretch !important;
  align-content: stretch;
}
.five-up-mosaic img {
  display: block !important;
  margin: 0;
  padding: 0;
  height: 100% !important;
  width: auto;
}
.five-up-mosaic .sow-image-container img.so-widget-image {
  display: block;
  height: 100% !important;
  width: auto;
}
.five-up-mosaic > .panel-grid-cell > .so-panel {
  height: 100%;
}
.five-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout {
  height: 100%;
}
.five-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid {
  align-items: stretch !important;
  align-content: stretch;
}
.five-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid > .panel-grid-cell {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: auto;
  align-content: stretch;
}
.five-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid > .panel-grid-cell > .so-panel {
  flex: 1;
}
.five-up-mosaic > .panel-grid-cell:first-child > .so-panel:first-child > .panel-widget-style:first-child {
  height: 100%;
}

.eight-up-mosaic {
  align-items: stretch !important;
  align-content: stretch;
}
.eight-up-mosaic img {
  display: block;
  margin: 0;
  padding: 0;
  width: 120%;
  max-width: 120%;
}
.eight-up-mosaic .panel-grid {
  flex-grow: 100;
}
.eight-up-mosaic .sow-image-container {
  overflow: hidden;
  height: 100%;
}
.eight-up-mosaic .sow-image-container a {
  display: block;
  width: 100%;
  height: 100%;
}
.eight-up-mosaic > .panel-grid-cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
}
.eight-up-mosaic > .panel-grid-cell > .so-panel {
  display: flex;
  flex-grow: 100;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
}
.eight-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout {
  display: flex;
  flex-direction: column;
  flex-grow: 100;
  align-items: stretch;
  align-content: stretch;
}
.eight-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid {
  align-items: stretch !important;
  background: #e6e6e6;
  flex-grow: 100;
}
.eight-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid > .panel-grid-cell {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
}
.eight-up-mosaic > .panel-grid-cell > .so-panel > .panel-layout > .panel-grid > .panel-grid-cell > .so-panel {
  flex-grow: 100;
}
.eight-up-mosaic > .panel-grid-cell:first-child > .so-panel:first-child > .panel-widget-style:first-child {
  height: 100%;
}

.blue-quote {
  background: #4dace9;
  color: #fff;
  font-size: 1.7em;
  padding: 1em;
  height: 100%;
  box-sizing: border-box;
}
.blue-quote blockquote {
  font-size: 3em;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1.2;
  text-transform: uppercase;
}
.blue-quote blockquote > p {
  font-size: 0.7em;
}
.blue-quote blockquote::after {
  display: block;
  width: 38px;
  border-bottom: #fff solid 3px;
  content: " ";
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.blue-quote p {
  font-size: 1em;
  font-weight: 300;
}

.grey-quote {
  background: #6d6d6d;
  color: #fff;
  font-size: 1.4em;
  padding: 1em;
  height: 100%;
  box-sizing: border-box;
}
.grey-quote blockquote {
  font-size: 6em;
  font-weight: 300;
  font-family: "Roboto Condensed", sans-serif;
  line-height: 1;
}
.grey-quote blockquote > p {
  font-size: 1em;
}
.grey-quote blockquote:after {
  display: block;
  width: 38px;
  border-bottom: #fff solid 3px;
  content: " ";
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.grey-quote > p {
  font-size: 0.75em;
  font-weight: 300;
}

.with-link {
  padding: 1em;
  color: #282828;
  background: #e6e6e6;
  flex: 1;
}
.with-link h3 {
  color: #00AEEF;
  text-transform: uppercase;
  font-size: 1.7em;
  text-align: left;
}
.with-link h3:after {
  display: block;
  width: 38px;
  border-bottom: #fff solid 3px;
  content: " ";
  margin-top: 1em;
  margin-bottom: 1em;
}
.with-link h4 {
  font-style: normal;
  font-weight: 400;
  font-size: 1.7em;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 0.25em;
  text-align: left;
}
.with-link p {
  font-size: 1.7em;
  margin-bottom: 1em;
}
.with-link a {
  font-size: 0.8em;
}

.healthy-block {
  background: #4dace9;
  color: #fff;
  font-size: 1.7em;
  padding: 1em;
  height: 100%;
  box-sizing: border-box;
}
.healthy-block h2 {
  font-family: "Roboto Condensed", sans-serif;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 1em;
}
.healthy-block h2:after {
  display: block;
  width: 38px;
  border-bottom: #fff solid 3px;
  content: " ";
  margin-top: 1em;
  margin-bottom: 1em;
}
.healthy-block p {
  font-size: 1em;
  font-weight: 300;
}
.healthy-block a {
  color: #fff;
  font-size: 0.9em;
}

.news-header {
  position: relative;
  border-bottom: 1px solid #ccc;
}
.news-header .page-title {
  color: #333;
  font-size: 3.2em;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 760px) {
  .news-header .page-title {
    font-size: 7.4em;
  }
}
.news-header img {
  display: block;
  height: auto;
  width: 100%;
}

.mosaic-posts {
  font-size: 1.6em;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em 1em;
  box-sizing: border-box;
}
.mosaic-posts * {
  box-sizing: border-box;
}
.mosaic-posts ul {
  margin: 0;
  padding: 0;
}
.mosaic-posts ul:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.mosaic-posts li {
  height: 250px;
  margin-bottom: 2em;
  overflow: hidden;
  position: relative;
}
@media only screen and (min-width: 850px) {
  .mosaic-posts li {
    float: left;
    width: 33%;
    height: 0;
    padding-bottom: 46.26%;
    margin-right: 1%;
    margin-left: 0;
  }
  .mosaic-posts li:nth-child(2) {
    width: 65%;
    margin-left: 1%;
    margin-right: 0;
  }
  .mosaic-posts li:nth-child(3) {
    width: 65%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(4) {
    width: 33%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(5) {
    width: 33%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(6) {
    width: 65%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(7) {
    width: 65%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(8) {
    width: 33%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(9) {
    width: 33%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(10) {
    width: 65%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(11) {
    width: 65%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(12) {
    width: 33%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(13) {
    width: 33%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(14) {
    width: 65%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(15) {
    width: 65%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(16) {
    width: 33%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(17) {
    width: 33%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(18) {
    width: 65%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
  .mosaic-posts li:nth-child(19) {
    width: 65%;
    margin-left: 0;
    margin-right: 1%;
    clear: left;
  }
  .mosaic-posts li:nth-child(20) {
    width: 33%;
    margin-left: 1%;
    margin-right: 0;
    clear: none;
  }
}
.mosaic-posts li a:after {
  display: block;
  content: " ";
  width: 100%;
  height: 100%;
  background: linear-gradient(0deg, rgba(4, 105, 178, 0.6), rgba(4, 105, 178, 0.1));
  position: absolute;
  z-index: 100;
  transition: all 0.5s;
}
@media only screen and (min-width: 850px) {
  .mosaic-posts li a:after {
    bottom: -100%;
    opacity: 0;
  }
}
.mosaic-posts li:hover a:after {
  bottom: 0;
  opacity: 1;
}
.mosaic-posts a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: block;
}
.mosaic-posts .featured-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.mosaic-posts .featured-img img {
  display: block;
  height: 100%;
  width: auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  transition: all 0.1s;
}
@media only screen and (min-width: 540px) {
  .mosaic-posts .featured-img img {
    width: 150%;
    height: auto;
  }
}
@media only screen and (min-width: 850px) {
  .mosaic-posts .featured-img img {
    height: 100%;
    width: auto;
  }
}
.mosaic-posts .blog-info {
  position: absolute;
  top: 0;
  z-index: 200;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80%;
  transform: translate(-50%, -50%);
  color: #fff;
  text-align: center;
  opacity: 1;
  transition: all 1s;
}
@media only screen and (min-width: 850px) {
  .mosaic-posts .blog-info {
    opacity: 0;
  }
}
.mosaic-posts .blog-info .additional-info {
  font-size: 1em;
  margin: 0.25em 0;
}
.mosaic-posts li:hover .blog-info {
  opacity: 1;
}
.mosaic-posts .post-title {
  font-size: 1.4em;
}
.mosaic-posts .view-post-btn {
  border-radius: 0.2em;
  font-size: 1em;
  padding: 0.5em 1em;
  cursor: pointer;
  background: rgb(255, 255, 255);
  position: relative;
  overflow: hidden;
  border: 0.1em solid #fff;
}
.mosaic-posts .view-post-btn:before {
  display: block;
  width: 100%;
  height: 102%;
  background: #fff;
  content: " ";
  position: absolute;
  top: -1%;
  left: 0;
  z-index: -1;
  transition: top 0.1s, color 0.1s;
}
.mosaic-posts .view-post-btn:hover {
  color: #fff;
  background: rgba(255, 255, 255, 0);
}
.mosaic-posts .view-post-btn:hover:before {
  top: -102%;
}
.pagination {
  font-size: 1.6em;
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  padding: 0 3em 5em;
  text-align: center;
}
.pagination h2 {
  display: none;
}
.pagination .icon-arrow-left {
  display: none;
}
.pagination .icon-arrow-right {
  display: none;
}
.pagination a {
  color: #00AEEF;
  margin-right: 0.5em;
  margin-left: 0.5em;
}

.page-header {
  height: 345px;
  background-color: #efefef;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
@media only screen and (min-width: 760px) {
  .page-header {
    height: 490px;
  }
}
.page-header .page-title {
  color: #fff;
  font-size: 3.2em;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
}
@media only screen and (min-width: 760px) {
  .page-header .page-title {
    font-size: 7.4em;
  }
}

.board-member-list {
  box-sizing: border-box;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 760px) {
  .board-member-list {
    width: 80%;
  }
}
.board-member-list h2 {
  text-align: center;
  font-size: 2.25em;
  text-transform: uppercase;
}
.board-member-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.board-member-list .entry-header {
  min-height: auto;
}
.board-member-list img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto 1em auto;
}
.board-member-list li a {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 auto;
  max-width: 210px;
  text-decoration: none;
  color: #282828;
}
.board-member-list .board-member-name {
  font-size: 1.2em;
}
.board-member-list .position {
  color: #00AEEF;
  font-size: 0.9em;
  text-transform: uppercase;
}
.board-member-list .subhead {
  font-size: 0.9em;
}
.board-member-list ul {
  flex-flow: row wrap;
  justify-content: center;
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 760px) {
  .board-member-list ul {
    display: flex;
  }
}
.board-member-list ul li {
  box-sizing: border-box;
  flex-basis: 50%;
  font-size: 1.6em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  padding: 1em 1em 2em 1em;
}
@media only screen and (min-width: 760px) {
  .board-member-list ul li {
    flex-basis: 25%;
  }
}

.board-member-bio {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 760px) {
  .board-member-bio {
    width: 80%;
  }
}
.board-member-bio .board-info {
  margin-bottom: 2.5em;
}
.board-member-bio .board-info h1 {
  font-size: 2.8em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  color: #282828;
}
@media only screen and (min-width: 760px) {
  .board-member-bio .board-info h1 {
    padding-right: 2em;
    font-size: 3.5em;
  }
}
.board-member-bio .board-info .subhead {
  font-size: 1.8em;
  color: #232323;
  margin-bottom: 1em;
  font-weight: 300;
}
.board-member-bio .board-info .position {
  font-size: 2.4em;
  color: #00AEEF;
}
.board-member-bio dl {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 760px) {
  .board-member-bio dl {
    display: flex;
    flex-flow: row-reverse wrap;
  }
}
.board-member-bio dt {
  flex-basis: 33%;
}
.board-member-bio dt img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 300px;
  margin: 0 auto 2.5em;
}
.board-member-bio dd {
  flex-basis: 67%;
  font-size: 1.4em;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .board-member-bio dd {
    padding-right: 2em;
    font-size: 1.6em;
  }
}
.board-member-bio dd .entry-header {
  display: none;
}
.board-member-bio dd p {
  padding-bottom: 2em;
}
.board-member-bio dd ul {
  margin: 0;
  padding: 0;
}
.board-member-bio dd li {
  padding: 0 1.5em 1.5em 1.5em;
  position: relative;
}
.board-member-bio dd li:before {
  content: " ";
  width: 0.5em;
  height: 0.5em;
  background: #232323;
  position: absolute;
  left: 0;
  top: 0.4em;
}
.board-member-bio .entry-footer a {
  color: #00AEEF;
}
.board-member-bio .post-navigation {
  display: none;
}

.staff-contact-info {
  font-size: 1.6em;
}

.staff-contact-info a {
  color: #00AEEF;
}

.sublinks ul {
  display: flex;
  justify-content: center;
}
.sublinks li {
  text-align: center;
  font-size: 1.8em;
  padding: 0 1em;
}
.sublinks a {
  color: #000;
  text-decoration: none;
  font-size: 1.6em;
  text-transform: uppercase;
}
.sublinks a:after {
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-right: 2px solid #FDB900;
  border-bottom: 2px solid #FDB900;
  display: inline-block;
  transform: rotate(-45deg);
}

.staff-member-list {
  box-sizing: border-box;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 800px) {
  .staff-member-list {
    width: 80%;
    padding: 5em 0;
  }
}
.staff-member-list h2 {
  text-align: center;
  font-size: 2.25em;
  text-transform: uppercase;
}
.staff-member-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.staff-member-list dl {
  width: 100%;
}
.staff-member-list dt {
  position: relative;
}
@media only screen and (min-width: 600px) {
  .staff-member-list dt {
    display: flex;
    height: 160px;
  }
}
@media only screen and (min-width: 800px) {
  .staff-member-list dt {
    overflow: hidden;
  }
}
.staff-member-list dt a {
  display: block;
}
@media only screen and (min-width: 600px) {
  .staff-member-list dt a {
    display: flex;
  }
}
.staff-member-list dd {
  padding-top: 0.5em;
}
.staff-member-list .entry-header {
  min-height: auto;
}
.staff-member-list dt img {
  display: block;
  width: 280px;
  height: auto;
}
@media only screen and (min-width: 600px) {
  .staff-member-list dt img {
    width: auto;
    height: 160px;
  }
}
.staff-member-list li {
  overflow: hidden;
}
.staff-member-list li a {
  color: #00AEEF;
  text-decoration: none;
}
.staff-member-list li a:hover {
  color: #222;
}
.staff-member-list .board-member-name {
  font-size: 1.2em;
}
.staff-member-list .position {
  color: #00AEEF;
  font-size: 0.9em;
  text-transform: uppercase;
}
.staff-member-list .inspo-words {
  text-align: center;
  font-size: 0.9em;
  color: #333;
  padding: 1em 0;
  width: 100%;
  box-sizing: border-box;
  display: none;
}
@media only screen and (min-width: 600px) {
  .staff-member-list .inspo-words {
    width: 45%;
    position: absolute;
    top: 0;
    left: 55%;
    padding: 1em;
    display: block;
  }
}
@media only screen and (min-width: 800px) {
  .staff-member-list .inspo-words {
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    color: #fff;
    transition: left 1s;
  }
}
@media only screen and (min-width: 800px) {
  .staff-member-list .inspo-words .inspo-words-inner {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 95%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (min-width: 760px) {
  .staff-member-list dt:hover .inspo-words {
    left: 0;
    transition: left 1s;
  }
}
.staff-member-list .phone-number {
  margin-right: 0.75em;
}
.staff-member-list i.fa-phone-volume {
  width: 1.2em;
}
.staff-member-list i.fa-envelope, .staff-member-list i.fa-linkedin-in {
  width: 1.2em;
  margin-right: 0.5em;
}
.staff-member-list h3 {
  margin: 0 auto;
  padding: 0 70px;
  font-size: 2.2em;
  display: block;
  width: 260px;
}
@media only screen and (min-width: 620px) {
  .staff-member-list h3 {
    width: 566px;
    display: flex;
  }
}
@media only screen and (min-width: 1000px) {
  .staff-member-list h3 {
    width: 895px;
  }
}
.staff-member-list ul {
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 260px;
}
@media only screen and (min-width: 620px) {
  .staff-member-list ul {
    width: 566px;
    display: flex;
  }
}
@media only screen and (min-width: 1000px) {
  .staff-member-list ul {
    width: 895px;
  }
}
.staff-member-list ul li {
  box-sizing: border-box;
  font-size: 1.6em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  padding-bottom: 2em;
  flex-basis: 100%;
}
@media only screen and (min-width: 800px) {
  .staff-member-list ul li {
    flex-basis: 50%;
    padding: 1em 1em 2em 1em;
  }
}
@media only screen and (min-width: 1000px) {
  .staff-member-list ul li {
    flex-basis: 33%;
  }
}

.staff-bio {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 760px) {
  .staff-bio {
    width: 80%;
  }
}
.staff-bio .staff-info {
  margin-bottom: 2.5em;
}
.staff-bio .staff-info h1 {
  font-size: 2.8em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  color: #282828;
}
@media only screen and (min-width: 760px) {
  .staff-bio .staff-info h1 {
    padding-right: 2em;
    font-size: 3.5em;
  }
}
.staff-bio .staff-info .subhead {
  font-size: 1.8em;
  color: #232323;
  margin-bottom: 1em;
  font-weight: 300;
}
.staff-bio .staff-info .position {
  font-size: 2.4em;
  color: #00AEEF;
}
.staff-bio dl {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 760px) {
  .staff-bio dl {
    display: flex;
    flex-flow: row-reverse;
  }
}
.staff-bio dt {
  flex-basis: 33%;
}
.staff-bio dt img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 300px;
  margin: 0 auto 2.5em;
}
.staff-bio dd {
  flex-basis: 67%;
  font-size: 1.4em;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .staff-bio dd {
    padding-right: 2em;
    font-size: 1.6em;
  }
}
.staff-bio dd .entry-header {
  display: none;
}
.staff-bio dd p {
  padding-bottom: 2em;
}
.staff-bio dd ul {
  margin: 0;
  padding: 0;
}
.staff-bio dd .phone-number {
  margin-right: 0.75em;
}
.staff-bio dd i.fa-phone-volume {
  width: 1.2em;
}
.staff-bio dd i.fa-envelope, .staff-bio dd i.fa-linkedin-in {
  width: 1.2em;
  margin-right: 0.5em;
}
.staff-bio dd .inspo-words-single {
  text-align: center;
  padding-top: 2em;
}
.staff-bio dd .contact-info {
  padding-bottom: 2em;
}
.staff-bio dd a {
  color: #00AEEF;
  text-decoration: none;
}
.staff-bio dd a:hover {
  color: #222;
}
.staff-bio dd li {
  padding: 0 1.5em 1.5em 1.5em;
  position: relative;
}
.staff-bio dd li:before {
  content: " ";
  width: 0.5em;
  height: 0.5em;
  background: #232323;
  position: absolute;
  left: 0;
  top: 0.4em;
}
.staff-bio .entry-footer a {
  color: #00AEEF;
}
.staff-bio .post-navigation {
  display: none;
}

.national-evaluation-member-list {
  box-sizing: border-box;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 800px) {
  .national-evaluation-member-list {
    width: 80%;
    padding: 5em 0;
  }
}
.national-evaluation-member-list h2 {
  text-align: left;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1;
}
.national-evaluation-member-list:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.national-evaluation-member-list dl {
  width: 100%;
}
.national-evaluation-member-list dt {
  position: relative;
}
.national-evaluation-member-list dt a {
  display: block;
}
@media only screen and (min-width: 600px) {
  .national-evaluation-member-list dt a {
    display: flex;
  }
}
.national-evaluation-member-list dd {
  padding-top: 0.5em;
}
.national-evaluation-member-list .entry-header {
  min-height: auto;
}
.national-evaluation-member-list dt img {
  display: block;
  width: 280px;
  height: auto;
}
@media only screen and (min-width: 600px) {
  .national-evaluation-member-list dt img {
    width: auto;
    height: 160px;
  }
}
.national-evaluation-member-list li {
  overflow: hidden;
}
.national-evaluation-member-list li a {
  color: #00AEEF;
  text-decoration: none;
}
.national-evaluation-member-list li a:hover {
  color: #222;
}
.national-evaluation-member-list .position {
  font-size: 0.9em;
  text-transform: uppercase;
}
.national-evaluation-member-list i.fa-envelope {
  width: 1.2em;
  margin-right: 0.5em;
}
.national-evaluation-member-list ul {
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 260px;
}
@media only screen and (min-width: 620px) {
  .national-evaluation-member-list ul {
    width: 566px;
    display: flex;
  }
}
@media only screen and (min-width: 1000px) {
  .national-evaluation-member-list ul {
    width: 895px;
  }
}
.national-evaluation-member-list ul li {
  box-sizing: border-box;
  font-size: 1.6em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  padding-bottom: 2em;
  flex-basis: 100%;
}
@media only screen and (min-width: 800px) {
  .national-evaluation-member-list ul li {
    flex-basis: 50%;
    padding: 1em 1em 2em 1em;
  }
}
@media only screen and (min-width: 1000px) {
  .national-evaluation-member-list ul li {
    flex-basis: 33%;
  }
}

.national-evaluation-member-bio {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 760px) {
  .national-evaluation-member-bio {
    width: 80%;
  }
}
.national-evaluation-member-bio .national-evaluation-member-info {
  margin-bottom: 2.5em;
}
.national-evaluation-member-bio .national-evaluation-member-info h1 {
  font-size: 2.8em;
  font-weight: 400;
  text-transform: uppercase;
  line-height: 1;
  color: #282828;
}
@media only screen and (min-width: 760px) {
  .national-evaluation-member-bio .national-evaluation-member-info h1 {
    padding-right: 2em;
    font-size: 3.5em;
  }
}
.national-evaluation-member-bio .national-evaluation-member-info .position {
  font-size: 2.4em;
  color: #00AEEF;
}
.national-evaluation-member-bio .national-evaluation-member-info .position a {
  color: #00AEEF;
}
.national-evaluation-member-bio dl {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 760px) {
  .national-evaluation-member-bio dl {
    display: flex;
    flex-flow: row-reverse wrap;
  }
}
.national-evaluation-member-bio dt {
  flex-basis: 33%;
}
.national-evaluation-member-bio dt img {
  width: 100%;
  height: auto;
  display: block;
  max-width: 300px;
  margin: 0 auto 2.5em;
}
.national-evaluation-member-bio dd {
  font-size: 1.4em;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .national-evaluation-member-bio dd {
    font-size: 1.6em;
  }
}
.national-evaluation-member-bio dd .entry-header {
  display: none;
}
.national-evaluation-member-bio dd p {
  padding-bottom: 2em;
}
.national-evaluation-member-bio dd ul {
  margin: 0;
  padding: 0;
}
.national-evaluation-member-bio dd li {
  padding: 0 1.5em 1.5em 1.5em;
  position: relative;
}
.national-evaluation-member-bio dd li:before {
  content: " ";
  width: 0.5em;
  height: 0.5em;
  background: #232323;
  position: absolute;
  left: 0;
  top: 0.4em;
}
.national-evaluation-member-bio .entry-footer a {
  color: #00AEEF;
}
.national-evaluation-member-bio .post-navigation {
  display: none;
}

.youth-advisory-board-member-list {
  box-sizing: border-box;
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 5em 3em;
}
@media only screen and (min-width: 800px) {
  .youth-advisory-board-member-list {
    width: 80%;
    padding: 5em 0;
  }
}
.youth-advisory-board-member-list h2 {
  text-align: left;
  font-size: 1.25em;
  text-transform: uppercase;
  line-height: 1;
}
.youth-advisory-board-member-list dl {
  width: 100%;
}
.youth-advisory-board-member-list dt {
  position: relative;
  width: 100%;
}
.youth-advisory-board-member-list dt a {
  display: block;
}
@media only screen and (min-width: 600px) {
  .youth-advisory-board-member-list dt a {
    display: flex;
  }
}
.youth-advisory-board-member-list dd {
  padding-top: 0.5em;
}
.youth-advisory-board-member-list .entry-header {
  min-height: auto;
}
.youth-advisory-board-member-list dt img {
  display: block;
  width: 280px;
  height: auto;
}
.youth-advisory-board-member-list li {
  overflow: hidden;
}
.youth-advisory-board-member-list li a {
  color: #00AEEF;
  text-decoration: none;
}
.youth-advisory-board-member-list li a:hover {
  color: #222;
}
.youth-advisory-board-member-list .position {
  font-size: 0.9em;
  text-transform: uppercase;
}
.youth-advisory-board-member-list i.fa-envelope {
  width: 1.2em;
  margin-right: 0.5em;
}
.youth-advisory-board-member-list ul {
  flex-flow: row wrap;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  display: block;
  width: 260px;
}
@media only screen and (min-width: 620px) {
  .youth-advisory-board-member-list ul {
    width: 566px;
    display: flex;
  }
}
@media only screen and (min-width: 1000px) {
  .youth-advisory-board-member-list ul {
    width: 895px;
  }
}
.youth-advisory-board-member-list ul li {
  box-sizing: border-box;
  font-size: 1.6em;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 400;
  padding-bottom: 2em;
  flex-basis: 100%;
}
@media only screen and (min-width: 800px) {
  .youth-advisory-board-member-list ul li {
    flex-basis: 50%;
    padding: 1em 1em 2em 1em;
  }
}
@media only screen and (min-width: 1000px) {
  .youth-advisory-board-member-list ul li {
    flex-basis: 33%;
  }
}

.news-featured-image {
  position: relative;
  height: 300px;
  overflow: hidden;
}
@media only screen and (min-width: 760px) {
  .news-featured-image {
    height: auto;
  }
}
.news-featured-image img {
  display: block;
  width: auto;
  height: 300px;
  transition: all 1s;
  transform: translate(-50%, -50%);
  transform-origin: center;
  top: 50%;
  left: 50%;
  position: absolute;
}
@media only screen and (min-width: 760px) {
  .news-featured-image img {
    width: 100%;
    height: auto;
    position: static;
    transform: translate(0, 0);
    top: 0;
    left: 0;
  }
}
.news-featured-image .press-title {
  color: #fff;
  font-size: 2.8em;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  z-index: 100;
}
@media only screen and (min-width: 540px) {
  .news-featured-image .press-title {
    font-size: 3.2em;
  }
}
@media only screen and (min-width: 760px) {
  .news-featured-image .press-title {
    font-size: 7.4em;
  }
}
.news-featured-image .tint {
  z-index: 50;
  position: absolute;
  height: 70%;
  width: 100%;
  bottom: 0;
  background: linear-gradient(0deg, rgba(4, 105, 178, 0.5), rgba(4, 105, 178, 0));
}

.single-post .entry-meta {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .single-post .entry-meta {
    width: 80%;
  }
}
.single-post .entry-meta .screen-reader-text {
  font-size: 1.6em;
}
.single-post .entry-meta a {
  color: #00AEEF;
  text-decoration: none;
}
.single-post .entry-meta .entry-date {
  font-size: 1.6em;
}
.single-post .entry-meta .posted-on {
  display: none;
}
.single-post .entry-meta .updated {
  display: none;
}
.single-post .entry-meta .byline {
  display: none;
}

.single-post .entry-content, .single-post .entry-footer {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
}
@media only screen and (min-width: 760px) {
  .single-post .entry-content, .single-post .entry-footer {
    width: 80%;
  }
}
.single-post .entry-content h2, .single-post .entry-footer h2 {
  font-size: 2em;
  font-family: "Roboto Condensed";
}
@media only screen and (min-width: 760px) {
  .single-post .entry-content h2, .single-post .entry-footer h2 {
    font-size: 2.6em;
  }
}
.single-post .entry-content p, .single-post .entry-footer p {
  font-size: 1.6em;
  margin-bottom: 2em;
  transition: all 1s;
}
.single-post .entry-content ul, .single-post .entry-content ol, .single-post .entry-footer ul, .single-post .entry-footer ol {
  padding-bottom: 2em;
  font-size: 1.6em;
  transition: all 1s;
}
.single-post .entry-content li, .single-post .entry-footer li {
  padding: 0.25em 0 0.25em 1em;
  position: relative;
}
.single-post .entry-content ul li:before, .single-post .entry-footer ul li:before {
  content: " ";
  position: absolute;
  top: 0.75em;
  left: 0;
  border-radius: 50%;
  background: #000;
  display: block;
  width: 0.5em;
  height: 0.5em;
}
.single-post .entry-content a, .single-post .entry-footer a {
  color: #00AEEF;
}
@media only screen and (min-width: 760px) {
  .single-post .entry-content p, .single-post .entry-footer p {
    font-size: 1.9em;
  }
  .single-post .entry-content ul, .single-post .entry-footer ul {
    font-size: 1.9em;
  }
}

.single-post .subheading {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
  text-align: center;
}
.single-post .subheading:after {
  content: " ";
  width: 4em;
  height: 0.3em;
  background: #00AEEF;
  margin: 0 auto;
  display: block;
}
@media only screen and (min-width: 760px) {
  .single-post .subheading {
    width: 80%;
  }
}
.single-post .subheading h2 {
  font-size: 2em;
  margin-bottom: 0.5em;
  transition: all 1s;
  text-transform: uppercase;
  font-weight: 300;
}
@media only screen and (min-width: 760px) {
  .single-post .subheading h2 {
    font-size: 3.5em;
  }
}
.single-post .subheading .additional-info {
  color: #00AEEF;
  text-align: center;
  font-size: 1.2em;
  margin-bottom: 1.5em;
}
@media only screen and (min-width: 760px) {
  .single-post .subheading .additional-info {
    font-size: 1.6em;
  }
}

.back-to-news-link {
  text-align: center;
  width: 130px;
  margin: 0 auto;
  display: block;
}

.back-to-news-link:hover {
  color: #FDB900;
}

.post-navigation {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
  display: none;
}
@media only screen and (min-width: 760px) {
  .post-navigation {
    width: 80%;
  }
}

.cat-tags-links {
  display: none;
}

.edit-link {
  display: block;
}
.edit-link a {
  color: #00AEEF;
  font-size: 1.5em;
}

.chapter-featured-image {
  position: relative;
  height: 300px;
  overflow: hidden;
}
@media only screen and (min-width: 760px) {
  .chapter-featured-image {
    height: auto;
  }
}
.chapter-featured-image img {
  display: block;
  width: auto;
  height: 300px;
  transition: all 1s;
  transform: translate(-50%, -50%);
  transform-origin: center;
  top: 50%;
  left: 50%;
  position: absolute;
}
@media only screen and (min-width: 760px) {
  .chapter-featured-image img {
    width: 100%;
    height: auto;
    position: static;
    transform: translate(0, 0);
    top: 0;
    left: 0;
  }
}
.chapter-featured-image .chapter-title {
  color: #fff;
  font-size: 2.8em;
  position: absolute;
  bottom: 0.5em;
  left: 0.5em;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 1;
  z-index: 100;
}
@media only screen and (min-width: 540px) {
  .chapter-featured-image .chapter-title {
    font-size: 3.2em;
  }
}
@media only screen and (min-width: 760px) {
  .chapter-featured-image .chapter-title {
    font-size: 7.4em;
  }
}
.chapter-featured-image .tint {
  z-index: 50;
  position: absolute;
  height: 70%;
  width: 100%;
  bottom: 0;
  background: linear-gradient(0deg, rgba(4, 105, 178, 0.5), rgba(4, 105, 178, 0));
}

.chapter-intro-text .elementor-text-editor {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em;
  box-sizing: border-box;
  text-align: center;
  color: #282828;
  font-family: "Roboto Condensed";
}
@media only screen and (min-width: 760px) {
  .chapter-intro-text .elementor-text-editor {
    width: 80%;
  }
}
.chapter-intro-text .elementor-text-editor h2 {
  font-size: 2em;
  padding-bottom: 1em;
  transition: all 1s;
  text-transform: uppercase;
  font-weight: 300;
  position: relative;
}
@media only screen and (min-width: 760px) {
  .chapter-intro-text .elementor-text-editor h2 {
    font-size: 3.5em;
  }
}
.chapter-intro-text .elementor-text-editor h2:after {
  content: " ";
  width: 50px;
  height: 3px;
  background: #00AEEF;
  margin: 0 auto;
  display: block;
  position: absolute;
  bottom: 1em;
  left: 50%;
  transform: translateX(-50%);
}
.chapter-intro-text .elementor-text-editor a {
  font-size: 1em;
  margin-top: 2em;
  display: block;
  font-weight: 700;
}
.chapter-intro-text .elementor-text-editor p {
  font-size: 1.6em;
  margin-bottom: 2em;
  transition: all 1s;
  font-weight: 300;
}
.chapter-intro-text .elementor-text-editor ul, .chapter-intro-text .elementor-text-editor ol {
  padding-bottom: 2em;
  font-size: 1.6em;
  transition: all 1s;
}
.chapter-intro-text .elementor-text-editor li {
  padding: 0.25em 0 0.25em 1em;
  position: relative;
}
.chapter-intro-text .elementor-text-editor ul li:before {
  content: " ";
  position: absolute;
  top: 0.75em;
  left: 0;
  border-radius: 50%;
  background: #000;
  display: block;
  width: 0.5em;
  height: 0.5em;
}
@media only screen and (min-width: 760px) {
  .chapter-intro-text .elementor-text-editor p {
    font-size: 1.9em;
  }
  .chapter-intro-text .elementor-text-editor ul {
    font-size: 1.9em;
  }
}

.chapter-subheading {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  padding: 2em 2em 0 2em;
  box-sizing: border-box;
  text-align: center;
}
@media only screen and (min-width: 760px) {
  .chapter-subheading {
    width: 80%;
  }
}
.chapter-subheading h2 {
  font-size: 2em;
  transition: all 1s;
  text-transform: uppercase;
  font-weight: 300;
}
@media only screen and (min-width: 760px) {
  .chapter-subheading h2 {
    font-size: 3.466em;
  }
}
.chapter-subheading .additional-info {
  color: #00AEEF;
  text-align: center;
  font-size: 1.2em;
  padding-bottom: 1.5em;
  position: relative;
}
.chapter-subheading .additional-info:after {
  content: " ";
  width: 50px;
  height: 3px;
  background: #00AEEF;
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0.75em;
  transform: translateX(-50%);
}
@media only screen and (min-width: 760px) {
  .chapter-subheading .additional-info {
    font-size: 2.666em;
  }
}
.chapter-subheading .sub-subhead {
  font-size: 1.2em;
  padding-top: 2em;
}
@media only screen and (min-width: 760px) {
  .chapter-subheading .sub-subhead {
    font-size: 2em;
  }
}
.chapter-subheading .chapter-btn {
  text-align: center;
  font-size: 0.8em;
}
.chapter-subheading .chapter-btn a {
  margin-top: 0;
  font-size: 2.666em;
  display: inline-block;
  padding: 0.5em 1em;
  background: #00AEEF;
  border: 1px solid #00AEEF;
  color: #fff;
  font-family: "Roboto Condensed";
  text-transform: uppercase;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.chapter-subheading .chapter-btn a:hover {
  background: #fff;
  border: 1px solid #ccc;
  color: #222;
}

.donate-section .donate-intro-text .elementor-element-populated {
  padding: 0px !important;
}

.donate-intro-text .elementor-text-editor {
  padding: 0px;
}
.donate-intro-text .elementor-text-editor p {
  margin-bottom: 1em;
}
.donate-intro-text .for-post .elementor-text-editor {
  width: 100%;
}
.donate-intro-text .for-post .elementor-text-editor p {
  font-weight: normal;
  margin-bottom: 2em;
}

.donate-image-section {
  max-width: 840px;
  position: relative;
  margin: 0 auto;
  box-sizing: border-box;
  text-align: center;
  color: #282828;
  font-family: "Roboto Condensed";
}
@media only screen and (min-width: 760px) {
  .donate-image-section {
    width: 80%;
  }
}

.donate-sponsor-section .chapter-intro-text a.btn {
  margin-top: 0px;
  color: #fff !important;
  font-size: 1.5em;
  padding: 1em 0.25em;
}
.donate-sponsor-section .chapter-intro-text a.btn:after {
  display: none;
}
.donate-sponsor-section .chapter-intro-text a.btn:hover {
  color: #fff !important;
}
.donate-sponsor-section .chapter-intro-text a.btn:hover span.donation-type {
  color: #fff !important;
}
.donate-sponsor-section .chapter-intro-text a.btn span.donation-type {
  color: #fff !important;
  font-size: 0.6em;
  display: block;
  font-weight: normal;
}
.donate-sponsor-section .chapter-intro-text .donate-sponsor-btn .elementor-text-editor {
  width: 100%;
}
.donate-sponsor-section .chapter-intro-text.sponsor-right-col h3 {
  font-size: 3em;
  margin: 1.5em 0 0.5em 0;
}
.donate-sponsor-section .chapter-intro-text.sponsor-right-col a {
  display: inline-block;
  color: #FDB900;
  margin-top: 0;
}
.donate-sponsor-section .chapter-intro-text.sponsor-right-col a:after {
  display: none;
}

.donate-info-section a span.elementor-button-text {
  background: none;
}

.chapter-give-link {
  font-size: 2.5em;
  color: #fff;
  background: #00afef;
  padding: 0.15em 2em;
  text-transform: uppercase;
  margin-top: 0.5em;
  display: inline-block;
  text-decoration: none;
}
.chapter-give-link:hover {
  background: #FDB900;
}

.donate-image-section .elementor-widget-video .elementor-custom-embed-image-overlay img {
  width: auto;
  margin: 0 auto;
}

.donate-btns-section .donate-iframe-height div {
  height: 100%;
}

.page-template-donation-page .slider-container .bottom-arrow, .page-template-small-header .slider-container .bottom-arrow {
  display: none;
}

.donate-menu-text {
  font-size: 1.9em;
  margin-bottom: 1em;
  transition: all 1s;
  font-weight: 300;
  color: #282828;
  font-family: "Roboto Condensed";
}

.donation-menu-wrapper {
  text-align: center;
}
.donation-menu-wrapper div.chapter-donation-container {
  width: 400px;
  height: 52px;
  display: inline-block;
  height: 48px;
  max-width: 400px;
  width: 100%;
  background: url("../img/dropdown-arrow.png") no-repeat right center;
  overflow: hidden;
  border: 1px solid rgba(0, 0, 0, 0.075);
}
.donation-menu-wrapper select.chapter-donation-dropdown-menu {
  display: inline-block;
  position: relative;
  font-family: "Roboto", Sans-serif;
  font-size: 16px;
  padding: 14px;
  height: 48px;
  max-width: 455px;
  min-width: 435px;
  width: 100%;
  border: none;
  color: #737373;
  background: transparent;
}
.donation-menu-wrapper select.chapter-donation-dropdown-menu option {
  color: #000;
}

.cor-partner-section {
  max-width: 1000px;
  position: relative;
  margin: 0 auto;
  padding: 0em 2em 2em 2em;
  box-sizing: border-box;
  text-align: center;
  color: #282828;
  font-family: "Roboto Condensed";
}
@media only screen and (min-width: 760px) {
  .cor-partner-section {
    width: 80%;
  }
}
@media only screen and (min-width: 760px) {
  .cor-partner-section .chapter-intro-text .elementor-text-editor {
    width: 100%;
    padding: 0px;
  }
}
.cor-partner-section .chapter-intro-text .elementor-text-editor h3 {
  font-size: 2.5em;
  margin-bottom: 0.5em;
}
.cor-partner-section .chapter-intro-text .elementor-text-editor a {
  margin-top: 0em;
  display: inline-block;
  font-weight: normal;
}

.history-section .history-text .elementor-text-editor {
  border-bottom: 1px solid #7a7a7a;
}
.history-section .history-text .elementor-text-editor h3 {
  font-size: 3.5em;
}
.history-section .history-text .elementor-text-editor a {
  display: inline-block;
  margin-top: 0px;
}
.history-section .history-text .elementor-text-editor .li-link {
  font-weight: normal;
  text-transform: none;
}
.history-section .history-text .elementor-text-editor .li-link:after {
  display: none;
}
.history-section .chapter-board p {
  margin-bottom: 0px;
  font-size: 2em;
  font-weight: normal;
}

.contact-info-section .chapter-intro-text .elementor-text-editor b {
  font-weight: 700;
}
.contact-info-section .chapter-intro-text .elementor-text-editor a {
  font-size: 1em;
  margin-top: auto;
  display: inline-block;
  font-weight: 300;
}
.contact-info-section .chapter-intro-text .elementor-text-editor a:after {
  display: none;
}

.single-asas-chapters #desktop-nav-panel,
.chapters-template #desktop-nav-panel {
  z-index: 10;
}
.single-asas-chapters header#main-header,
.chapters-template header#main-header {
  width: 100%;
  padding: 0;
  margin: 0;
  height: auto;
  display: flex;
  position: relative;
  flex-direction: column;
  z-index: 2;
}
.single-asas-chapters header#main-header .chapter-header,
.chapters-template header#main-header .chapter-header {
  width: 100%;
  z-index: 2;
  position: relative;
}
.single-asas-chapters header#main-header .chapter-header .chapter-title,
.chapters-template header#main-header .chapter-header .chapter-title {
  position: absolute;
  top: 42px;
  left: 56px;
}
.single-asas-chapters header#main-header .chapter-header .chapter-title .chapter-name,
.chapters-template header#main-header .chapter-header .chapter-title .chapter-name {
  color: #fff;
  font-size: 4rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 0.3rem;
}
.single-asas-chapters header#main-header .give-link,
.chapters-template header#main-header .give-link {
  display: none !important;
}
.single-asas-chapters header.national-header,
.chapters-template header.national-header {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  align-items: center;
  width: 300px;
  height: 95px;
  background: rgba(255, 255, 255, 0.8);
  z-index: 99;
}
.single-asas-chapters header.national-header #open-nav-btn,
.chapters-template header.national-header #open-nav-btn {
  transform: none;
  top: 25px;
}
.single-asas-chapters header.national-header .give-link,
.chapters-template header.national-header .give-link {
  color: #000;
  text-decoration: none;
  font-size: 1.25rem !important;
  text-transform: uppercase;
  font-weight: 700;
  transform: none;
  top: 30px;
  right: 145px;
  color: #000;
  position: absolute;
}
.single-asas-chapters header.national-header .give-link:after,
.chapters-template header.national-header .give-link:after {
  position: absolute;
  top: 8px;
  content: "";
  width: 0.7em;
  height: 0.7em;
  border-right: 2px solid #fdb900;
  border-bottom: 2px solid #fdb900;
  display: inline-block;
  transform: rotate(-45deg);
}
.single-asas-chapters .chapter-menu,
.chapters-template .chapter-menu {
  padding-left: 2.2rem;
  background: #0067b1;
  display: flex;
  align-items: center;
}
.single-asas-chapters .chapter-menu ul.menu,
.chapters-template .chapter-menu ul.menu {
  padding: 1rem 2.2rem;
  display: flex;
  align-items: center;
  gap: 3rem;
  list-style: none;
  margin: 0;
  list-style-type: 0;
  -webkit-padding-start: 0;
  -webkit-margin-start: 0;
}
.single-asas-chapters .chapter-menu ul.menu li.menu-item a,
.chapters-template .chapter-menu ul.menu li.menu-item a {
  font-size: 1rem;
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.03rem;
}
.single-asas-chapters .chapter-menu .chapter-give-button,
.chapters-template .chapter-menu .chapter-give-button {
  margin-left: auto;
  background: #00aeef;
  padding: 1rem 2.2rem;
}
.single-asas-chapters .chapter-menu .chapter-give-button a,
.chapters-template .chapter-menu .chapter-give-button a {
  text-transform: uppercase;
  text-decoration: none;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: 0.03rem;
}
.single-asas-chapters .section-outer,
.chapters-template .section-outer {
  padding: 48px 0;
}
.single-asas-chapters .section-outer .section-inner,
.chapters-template .section-outer .section-inner {
  display: flex;
  max-width: 1400px;
  margin: 0 auto;
  padding: 1rem 1.5rem;
}
.single-asas-chapters .section-outer .section-inner .section-content,
.chapters-template .section-outer .section-inner .section-content {
  margin-right: 2.2rem;
}
.single-asas-chapters .section-outer .section-inner .section-content .section-heading,
.chapters-template .section-outer .section-inner .section-content .section-heading {
  font-size: 2.2rem;
  font-weight: 700;
  letter-spacing: 0.05rem;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.single-asas-chapters .section-outer .section-inner .section-content .section-content-content,
.chapters-template .section-outer .section-inner .section-content .section-content-content {
  font-size: 21px;
}
.single-asas-chapters .chapter-callout-outer .chapter-callout-inner .section-content .section-heading,
.chapters-template .chapter-callout-outer .chapter-callout-inner .section-content .section-heading {
  color: #fff;
}
.single-asas-chapters .chapter-callout-outer .chapter-callout-inner .section-content-content,
.chapters-template .chapter-callout-outer .chapter-callout-inner .section-content-content {
  color: #fff;
}
.single-asas-chapters .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta,
.chapters-template .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta {
  margin: 1.5rem 0 1rem;
}
.single-asas-chapters .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta a,
.chapters-template .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta a {
  background: #0067b1;
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 1rem 2rem;
  text-decoration: none;
  display: inline-block;
  cursor: pointer;
}
.single-asas-chapters .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta a:hover,
.chapters-template .chapter-callout-outer .chapter-callout-inner .section-content-content .callout-cta a:hover {
  background: #00497e;
}
.single-asas-chapters .our-chapter-outer,
.chapters-template .our-chapter-outer {
  background: #fff;
}
.single-asas-chapters .our-chapter-outer .our-chapter-inner .section-content,
.chapters-template .our-chapter-outer .our-chapter-inner .section-content {
  margin-left: 2.2rem;
  margin-right: 0;
}
.single-asas-chapters .our-chapter-outer .our-chapter-inner .section-content-content h3,
.chapters-template .our-chapter-outer .our-chapter-inner .section-content-content h3 {
  font-weight: 700;
  margin: 1rem 0 10px;
}
.single-asas-chapters .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta,
.chapters-template .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta {
  margin: 1.5rem 0 1rem;
}
.single-asas-chapters .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta a,
.chapters-template .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta a {
  color: #f78e1e;
  font-size: 28px;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  display: inline-block;
}
.single-asas-chapters .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta a span,
.chapters-template .our-chapter-outer .our-chapter-inner .section-content-content .our-chapter-cta a span {
  font-size: 40px;
  line-height: 28px;
  position: relative;
  top: 1px;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner,
.chapters-template .featured-posts-outer .featured-posts-inner {
  flex-direction: column;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner .section-heading,
.chapters-template .featured-posts-outer .featured-posts-inner .section-heading {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 1rem 0;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner .featured-posts-list,
.chapters-template .featured-posts-outer .featured-posts-inner .featured-posts-list {
  display: grid;
  grid-template-columns: repeat(5, minmax(200px, 1fr));
  gap: 64px;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post,
.chapters-template .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post {
  font-size: 18px;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post .featured-post-title,
.chapters-template .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post .featured-post-title {
  margin: 1rem 0 8px;
  font-size: 21px;
  line-height: 1.2;
}
.single-asas-chapters .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post .featured-post-title a,
.chapters-template .featured-posts-outer .featured-posts-inner .featured-posts-list .featured-post .featured-post-title a {
  text-decoration: none;
}
.single-asas-chapters .our-partners-outer .our-partners-inner,
.chapters-template .our-partners-outer .our-partners-inner {
  flex-direction: column;
  padding: 3rem 0;
}
.single-asas-chapters .our-partners-outer .our-partners-inner .section-heading,
.chapters-template .our-partners-outer .our-partners-inner .section-heading {
  font-size: 2.2rem;
  font-weight: 700;
  margin: 1rem 0;
  text-align: center;
}
.single-asas-chapters .our-partners-outer .our-partners-inner .partners-list,
.chapters-template .our-partners-outer .our-partners-inner .partners-list {
  display: grid;
  grid-template-columns: repeat(6, minmax(200px, 1fr));
  gap: 48px;
}
.single-asas-chapters .our-partners-outer .our-partners-inner .partners-list li,
.chapters-template .our-partners-outer .our-partners-inner .partners-list li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.single-asas-chapters .our-partners-outer .our-partners-inner .partners-list li .partner-logo,
.chapters-template .our-partners-outer .our-partners-inner .partners-list li .partner-logo {
  max-width: 150px;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner,
.chapters-template .chapter-footer-outer .chapter-footer-inner {
  display: flex;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner > div,
.chapters-template .chapter-footer-outer .chapter-footer-inner > div {
  width: 50%;
  padding: 1.5rem 2.2rem;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner > div .container,
.chapters-template .chapter-footer-outer .chapter-footer-inner > div .container {
  width: 100%;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner > div .menu li a,
.chapters-template .chapter-footer-outer .chapter-footer-inner > div .menu li a {
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #282828;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .chapter-footer .footer-heading,
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .footer-heading,
.chapters-template .chapter-footer-outer .chapter-footer-inner .chapter-footer .footer-heading,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .footer-heading {
  font-size: 21px;
  color: #00aeef;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .chapter-footer,
.chapters-template .chapter-footer-outer .chapter-footer-inner .chapter-footer {
  background: #d4ebf6;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .chapter-footer .menu,
.chapters-template .chapter-footer-outer .chapter-footer-inner .chapter-footer .menu {
  column-count: 2;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer {
  background: #0067b1;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .footer-nav-container,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .footer-nav-container {
  column-count: 3;
  margin-bottom: 2.2rem;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container h2,
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container h2 a,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container h2,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container h2 a {
  color: #fff;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons {
  display: flex;
  gap: 12px;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons span,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons span {
  display: none;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons li a i,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .social-media-icons li a i {
  transform: scale(0.8);
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .facebook-icon,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .facebook-icon {
  width: 30px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 400px;
  cursor: pointer;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .twitter-icon,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .twitter-icon {
  width: 31px;
  height: 31px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -56px 0;
  background-size: 400px;
  cursor: pointer;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .instagram-icon,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .instagram-icon {
  width: 31px;
  height: 32px;
  display: block;
  overflow: hidden;
  text-indent: -2000em;
  background-image: url(../img/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: -112px 0;
  background-size: 400px;
  cursor: pointer;
  transform: scale(0.7) !important;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .fa-linkedin,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .fa-linkedin {
  color: #00aeef;
  font-size: 2.4em;
  margin-top: 0.1em;
  margin-left: 0.1em;
  transform: scale(1) !important;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .fa-envelope,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .container .social-media-container .fa-envelope {
  color: #00aeef;
  font-size: 2.4em;
  margin-top: 0.2em;
  margin-left: 0.1em;
  transform: scale(1) !important;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .menu li a,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .menu li a {
  color: #fff;
}
.single-asas-chapters .chapter-footer-outer .chapter-footer-inner .national-footer .footer-logos,
.chapters-template .chapter-footer-outer .chapter-footer-inner .national-footer .footer-logos {
  margin: 1rem;
}

.copyright .copyright-inner {
  max-width: 1400px;
  margin: 2.2rem auto;
  display: flex;
  justify-content: center;
  font-size: 18px;
}

.asas_chapter-template-default.puget-sound .chapter-give-link {
  display: none;
}

html,
body {
  height: 100%;
  min-height: 100%;
  max-height: 100%;
  box-sizing: border-box;
  scroll-behavior: smooth;
}

body {
  font-family: "Roboto Condensed", sans-serif;
  font-size: 10px;
  line-height: 1.5;
  background: #fff;
  height: 100%;
}
@media only screen and (min-width: 1000px) {
  body {
    background: #fff;
  }
}

body.no-scroll {
  overflow-y: hidden;
}

.list-square {
  list-style: square;
  list-style-type: square;
  margin: 1rem 0;
  -webkit-padding-start: 2px;
}

#page {
  height: fit-content !important;
}

#main p {
  font-size: 18px;
}

.container {
  width: 80%;
  max-width: 1400px;
  position: relative;
  margin: 0 auto;
  padding: 0 2em;
  box-sizing: border-box;
}
.container:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.video-wrapper,
.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin: 0 auto;
}
.video-wrapper iframe,
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hide {
  visibility: hidden;
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 0;
  width: 0;
}

.asas-button {
  background-color: #0167b1;
  color: #fff;
  height: 42px;
  padding: 0 16px;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 180px;
  max-width: 300px;
  margin: 1rem auto;
  flex: 1;
}
.asas-button:hover {
  background-color: #0089bc;
}

.sb-footer .inner-footer {
  max-width: 1600px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sb-footer .inner-footer .container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.sb-footer .inner-footer .footer-nav-outer .footer-nav-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
.sb-footer .inner-footer .footer-nav-outer .footer-nav-inner > div {
  min-width: 120px;
  padding-right: 2.2rem;
  flex-grow: 0;
}
.sb-footer .inner-footer .social-wrap {
  margin-right: 2.2rem;
  min-width: 230px;
}
.sb-footer .inner-footer .social-wrap h2 {
  font-size: 36px;
  text-transform: uppercase;
}
.sb-footer .inner-footer .social-wrap .social-links {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 6px;
}
.sb-footer .inner-footer .social-wrap .social-links a i {
  font-size: 28px;
  color: #00aeef;
}
.sb-footer .inner-footer .follow-wrap h2 {
  font-size: 36px;
  text-transform: uppercase;
}
.sb-footer .inner-footer .follow-wrap h2 a {
  color: #444;
  text-decoration: none;
}
.sb-footer .inner-footer .newsletter-outer {
  max-width: 280px;
}
.sb-footer .inner-footer .newsletter-outer .newsletter-inner h2 {
  font-size: 24px;
  text-transform: uppercase;
  font-weight: 300;
}
.sb-footer .inner-footer .newsletter-outer .newsletter-inner .sign-up-here-button {
  margin: 1em 0 1.5em 0;
  background: #00aeef;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-size: 1.5em;
  padding: 12px 20px;
  font-weight: 300;
  text-transform: uppercase;
  text-decoration: none;
}

.page-donate .ls-layers,
.page-donate .ls-slide-backgrounds,
.page-donate .ls-slide-effects,
.page-donate .ls-background-videos,
.page-donate .ls-bg-video-overlay,
.page-donate .ls-bg-outer {
  overflow: visible !important;
}
.page-donate .ls-wrapper.ls-bg-wrap img {
  transform: none !important;
}

.page-id-8855 .chapter-intro-text .elementor-text-editor a {
  all: unset !important;
  font-size: 19px !important;
  color: blue !important;
}
.page-id-8855 .chapter-intro-text .elementor-text-editor a:after {
  content: "" !important;
  all: unset !important;
}

.page-tampa-bay-cornhole #main-header .give-link, .page-id-6410 #main-header .give-link {
  display: none !important;
}

.page-id-9263 .elementor-element-2de0f82 {
  max-width: 900px;
  margin: 0 auto;
}
.page-id-9263 .elementor-element-638182e form {
  max-width: 700px;
  margin: 2.2rem auto;
}
.page-id-9263 .elementor-element-638182e form label {
  font-size: 16px !important;
}
.page-id-9263 .elementor-element-638182e form .oneField {
  margin-bottom: 1.5rem;
}
.page-id-9263 .elementor-element-638182e h2 {
  font-size: 24px;
  text-align: center;
}

@media only screen and (max-width: 991px) {
  .page-template-page-donate #page.site {
    min-height: 2800px !important;
  }
  .page-template-page-donate footer.gray-background {
    margin-bottom: -3000px !important;
  }
}
/*Mobile portrait*/
/*Mobile landscape portrait*/
/*Small tablet portrait*/
/*between Ipad Portrait and Motorola Razor Landscape */
/*Tablet portrait*/
/*Tablet Landscape*/
/*Desktop*/
@media only screen and (min-width: 2000px) {
  .page-donate .site-content-contain {
    margin-top: 180px;
  }
}
@media only screen and (min-width: 2600px) {
  .page-donate .site-content-contain {
    margin-top: 240px;
  }
}
.single-asas_chapter header#main-header .give-link {
  display: none !important;
  opacity: 0 !important;
  height: 0 !important;
  position: absolute !important;
  margin-left: -999999px !important;
}

@media only screen and (max-width: 767px) {
  body #page {
    height: fit-content !important;
  }
}