@charset "UTF-8";
@font-face {
  font-family: "knockout";
  src: url("fonts/Knockout-HTF49-Liteweight.eot"), url("fonts/Knockout-HTF49-Liteweight.eot?#iefix") format("embedded-opentype"), url("fonts/Knockout-HTF49-Liteweight.woff2") format("woff2"), url("fonts/Knockout-HTF49-Liteweight.woff") format("woff"), url("fonts/Knockout-HTF49-Liteweight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "candybeans";
  src: url("fonts/candybeans.woff2") format("woff2"), url("fonts/candybeans.woff") format("woff"), url("fonts/candybeans.ttf") format("ttf");
}
.marquee {
  position: relative;
  width: 100vw;
  max-width: 100%;
  height: 40px;
  display: flex;
  align-items: center;
  overflow-x: hidden;
  line-height: 30px;
}

.track {
  position: absolute;
  white-space: nowrap;
  will-change: transform;
  animation: marquee 150s linear infinite;
}
.track .content {
  display: flex;
}
.track .content h2, .track .content h3, .track .content p {
  margin: 0;
  padding-right: 5px;
}
.track .content h2, .track .content h3 {
  font-size: 16px;
  font-weight: 900;
  line-height: 14px;
}
.track .content p {
  color: #676767;
  font-size: 14px;
  line-height: 14px;
}

.track:hover {
  animation-play-state: paused;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
body {
  font-family: "canada-type-gibson", "iskra", sans-serif;
  overflow-x: hidden;
  background-color: white;
}

html {
  scroll-behavior: smooth;
  margin: 0 auto;
  overflow-x: hidden;
}

.container {
  width: 90%;
  margin: 0 auto;
  max-width: 1200px;
}

b, strong {
  font-weight: 600;
}

h1 {
  font-size: 30px;
  font-weight: 600px;
}

h1 {
  color: #482a74;
  font-weight: 600;
}

h2 {
  color: #f6925b;
  font-weight: 600;
}

h3 {
  color: #ee3a84;
  font-weight: 400;
}

p {
  color: #5a5b5d;
  font-size: 18px;
  line-height: 22px;
}

a {
  font-size: 18px;
  text-decoration: none;
  font-weight: 500;
  color: #00bdd1;
}

a:hover {
  color: #ffec64;
}

a.white {
  color: white;
}

.button {
  background-color: #00bdd1;
  color: white;
  padding: 10px 20px;
  margin-top: 20px;
  font-weight: 500;
  display: inline-block;
  border: none;
  border-radius: 10px;
}

.button:hover {
  background-color: #ffec64 !important;
  color: white;
}

.button.white {
  background-color: white;
  color: #00bdd1;
}

.button.white:hover {
  color: #ffec64;
  background-color: white !important;
}

.button.small {
  font-size: 16px;
}

.mainpage.container {
  padding: 30px 0;
}

#mainnav {
  background-color: #00bdd1;
}
@media (max-width: 1100px) {
  #mainnav {
    padding: 10px 0 60px 0;
  }
}
#mainnav .container {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 1100px) {
  #mainnav .container {
    display: block;
  }
}
#mainnav .logo {
  width: 150px;
  padding: 10px 0;
}
@media (max-width: 1175px) {
  #mainnav .logo {
    width: 120px;
    padding: 0;
  }
}
#mainnav #menu {
  overflow: inherit !important;
  padding-inline-start: 0;
  display: flex;
  list-style: none;
}
@media (max-width: 1100px) {
  #mainnav #menu {
    display: block;
    text-align: center;
  }
}
#mainnav #menu li {
  position: relative;
}
#mainnav #menu li a {
  color: white;
  display: block;
  padding: 15px;
  font-weight: 500;
  font-size: 14px;
}
#mainnav #menu li .sub-menu {
  opacity: 0;
  padding-inline-start: 0;
  min-width: 200px;
  border-radius: 0 0 10px 10px;
  z-index: -2;
  position: absolute;
  background-color: #482a74;
  list-style: none;
}
#mainnav #menu li:hover a {
  color: #ffec64;
}
#mainnav #menu li:hover a::after {
  color: #ffec64;
}
#mainnav #menu li:hover .sub-menu {
  opacity: 1;
  z-index: 10;
}
@media (max-width: 1175px) {
  #mainnav #menu li:hover .sub-menu {
    opacity: 0;
    z-index: -2;
  }
}
#mainnav #menu li:hover .sub-menu li a {
  color: white;
}
#mainnav #menu li:hover .sub-menu li:hover {
  background-color: #ffec64;
}
#mainnav #menu li:hover .sub-menu li:last-child {
  border-radius: 0 0 10px 10px;
}
@media (max-width: 1100px) {
  #mainnav .socialmedia {
    margin: 0 auto;
    display: table;
    margin-bottom: -20px;
  }
}
#mainnav .socialmedia a {
  font-size: 20px;
}
@media (max-width: 1175px) {
  #mainnav .socialmedia a {
    font-size: 16px;
  }
}
#mainnav .socialmedia a:hover {
  color: #ffec64;
}
#mainnav #burger {
  display: none;
  position: absolute;
  top: 15px;
  right: 0;
}
@media (max-width: 1100px) {
  #mainnav #burger {
    display: block;
  }
}
#mainnav #burger span {
  display: block;
  background-color: white;
  width: 25px;
  height: 3px;
  margin-bottom: 4px;
  border-radius: 10px;
}
#mainnav #burger span:last-of-type {
  margin-bottom: 0;
}
#mainnav #burger:hover {
  cursor: pointer;
}
#mainnav #burger:hover span {
  background-color: #ffec64;
}
#mainnav .navholder {
  display: flex;
  align-items: center;
}
@media (max-width: 1100px) {
  #mainnav .navholder {
    display: block;
    margin-top: -450px;
  }
}
#mainnav .donatebutton a::after {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  color: red;
  margin-left: 5px;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "";
}

#mainnav.galanav {
  background-color: #482a74;
  margin-bottom: 0;
}

.header-slider .slidehalf {
  flex-grow: 1;
  flex-basis: 0;
  padding: 40px;
}
@media (max-width: 700px) {
  .header-slider .slidehalf {
    padding: 20px 40px;
  }
}
.header-slider .slidehalf h1 {
  margin-bottom: 20px;
}
.header-slider .slidehalf a {
  margin-top: 15px;
  display: inline-block;
}
.header-slider .slidehalf.text {
  display: flex;
  align-items: center;
}
.header-slider .slidehalf.image {
  background-size: cover;
  min-width: 300px;
  background-position: center;
}
@media (max-width: 700px) {
  .header-slider .slidehalf.image {
    width: 100%;
    min-width: inherit;
    height: 150px;
    padding: 40px 0;
  }
}
.header-slider .slick-list {
  border-radius: 10px;
}
@media (max-width: 700px) {
  .header-slider .slick-slide {
    display: block !important;
    padding-bottom: 10px;
  }
}
@media (max-width: 700px) {
  .header-slider .slick-dots {
    left: 40px;
    right: auto;
  }
}
.header-slider .slick-list draggable {
  border-radius: 10px;
}
.header-slider .slick-slide:nth-of-type(2), .header-slider .slick-slide:nth-of-type(5) {
  background-color: #482a74;
}
.header-slider .slick-slide:nth-of-type(2) h1, .header-slider .slick-slide:nth-of-type(5) h1 {
  color: #00bdd1;
  margin-bottom: 0;
}
.header-slider .slick-slide:nth-of-type(2) h2, .header-slider .slick-slide:nth-of-type(5) h2 {
  color: #ffec64;
  font-size: 20px;
  margin: 0;
}
.header-slider .slick-slide:nth-of-type(2) p, .header-slider .slick-slide:nth-of-type(5) p {
  color: white;
}
.header-slider .slick-slide:nth-of-type(3), .header-slider .slick-slide:nth-of-type(6) {
  background-color: #ee3a84;
}
.header-slider .slick-slide:nth-of-type(3) h1, .header-slider .slick-slide:nth-of-type(6) h1 {
  color: white;
  margin-bottom: 0;
}
.header-slider .slick-slide:nth-of-type(3) h2, .header-slider .slick-slide:nth-of-type(6) h2 {
  color: #00bdd1;
  font-size: 20px;
  margin: 0;
}
.header-slider .slick-slide:nth-of-type(3) p, .header-slider .slick-slide:nth-of-type(6) p {
  color: white;
}
.header-slider .slick-slide:nth-of-type(4), .header-slider .slick-slide:nth-of-type(7) {
  background-color: #f6925b;
}
.header-slider .slick-slide:nth-of-type(4) h1, .header-slider .slick-slide:nth-of-type(7) h1 {
  color: #482a74;
  margin-bottom: 0;
}
.header-slider .slick-slide:nth-of-type(4) h2, .header-slider .slick-slide:nth-of-type(7) h2 {
  color: #ffec64;
  font-size: 20px;
  margin: 0;
}
.header-slider .slick-slide:nth-of-type(4) p, .header-slider .slick-slide:nth-of-type(7) p {
  color: white;
}

.maincontent {
  text-align: center;
}

footer {
  background-color: #482a74;
}
@media (max-width: 850px) {
  footer {
    padding-top: 20px;
  }
}
footer h1, footer p, footer label {
  color: white;
}
footer p {
  margin: 20px 0;
}
footer h1 {
  margin-top: 5px;
  margin-left: 10px;
  font-size: 20px;
}
footer .logo {
  width: 150px;
}
footer .container {
  display: flex;
  max-width: 1000px;
}
@media (max-width: 850px) {
  footer .container {
    display: block;
  }
}
footer .container .element {
  flex-basis: 0;
  flex-grow: 1;
  padding: 40px;
}
@media (max-width: 600px) {
  footer .container .element {
    padding: 40px 20px;
  }
}
footer .container .element form p {
  margin: -10px 0;
}
footer .container .element form input, footer .container .element form textarea {
  width: 100%;
  min-height: 25px;
  max-height: 100px;
  border-radius: 5px;
  border: none;
}
footer .container .element form input[type=submit] {
  margin-top: 20px;
  width: 100px;
  background-color: #00bdd1;
  color: white;
  padding: 10px;
}
footer .container .element form input[type=submit]:hover {
  background-color: #ffec64;
  cursor: pointer;
}
footer .container .element form label {
  font-size: 12px;
}
@media (max-width: 850px) {
  footer .container .element:last-child {
    padding-top: 0;
  }
}
footer .socialmedia {
  margin-top: 20px;
}
footer .socialmedia a {
  font-size: 20px;
}
footer .socialmedia a:hover {
  color: #ffec64;
}
footer .gfield_description, footer label {
  color: white;
  padding-top: 5px !important;
}
footer .gfield_description em, footer label em {
  color: red;
}
footer body .gform_wrapper ul li.gfield, footer #input_2_2 {
  margin-top: 0 !important;
}
footer .gform_wrapper .gform_footer {
  margin-top: 0 !important;
  padding-top: 0 !important;
}
footer .gform_confirmation_message_2 {
  color: white !important;
}

.page {
  padding: 30px 0;
}
.page .container {
  display: flex;
}
@media (max-width: 800px) {
  .page .container {
    display: block;
  }
}
.page .container .main {
  flex-basis: 0;
  flex-grow: 1.5;
  padding-right: 80px;
}
@media (max-width: 1100px) {
  .page .container .main {
    padding-right: 40px;
  }
}
.page .container .side {
  flex-basis: 0;
  flex-grow: 1;
}
.page .container .side .image {
  width: 100%;
  height: 400px;
  margin-bottom: 30px;
  background-position: center;
  background-size: cover;
  border-radius: 10px;
}
.page .container .side .sidebar {
  border-radius: 10px;
  padding: 10px 20px;
  background-color: #efefef;
}
.page .container .side .sidebar ul {
  list-style: none;
  padding-inline-start: 0;
}

.wp-block-column .wp-block-image {
  margin-inline: 0;
}
.wp-block-column .wp-block-image img {
  max-width: inherit !important;
}

.wp-block-image img {
  height: inherit !important;
}

.gala {
  font-family: "canada-type-gibson", sans-serif;
  margin-bottom: -60px;
  overflow: hidden h1, h2, h6;
  overflow-font-weight: 600;
}
.gala h3 {
  color: #ee3a84;
  font-weight: 500 !important;
  font-size: 22px;
}
.gala h2 {
  color: #f58220;
  font-weight: 600 !important;
  align-items: center;
  display: flex;
  font-size: 30px;
}
.gala h2 strong {
  color: #ee3a84;
  margin-left: 10px;
}
.gala .centeredh2 {
  justify-content: center;
}
.gala h2::before {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2021/02/arrow.png");
  content: "";
  width: 20px;
  height: 25px;
  background-size: contain;
  background-repeat: no-repeat;
}
.gala p {
  color: #482a74;
  font-weight: 100;
}
.gala .header {
  background-color: #00bdd1;
  margin-top: -40px;
  position: relative;
  padding-bottom: 40px;
}
@media (max-width: 900px) {
  .gala .header {
    padding-top: 20px;
    padding-bottom: 90px;
  }
}
.gala .header .container {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
  position: relative;
  max-width: inherit;
  z-index: 2;
}
@media (max-width: 1700px) {
  .gala .header .container {
    grid-template-columns: 40% 60%;
  }
}
@media (max-width: 900px) {
  .gala .header .container {
    display: block;
  }
}
.gala .header .container .eventlogo {
  width: 450px;
  position: relative;
  padding-left: 35%;
  margin-top: 20px;
}
@media (max-width: 1700px) {
  .gala .header .container .eventlogo {
    padding-left: 30%;
  }
}
@media (max-width: 1600px) {
  .gala .header .container .eventlogo {
    padding-left: 25%;
  }
}
@media (max-width: 1500px) {
  .gala .header .container .eventlogo {
    padding-left: 20%;
  }
}
@media (max-width: 1400px) {
  .gala .header .container .eventlogo {
    padding-left: 15%;
  }
}
@media (max-width: 1350px) {
  .gala .header .container .eventlogo {
    width: 400px;
  }
}
@media (max-width: 1200px) {
  .gala .header .container .eventlogo {
    padding-left: 10%;
  }
}
@media (max-width: 1100px) {
  .gala .header .container .eventlogo {
    padding-left: 5%;
  }
}
@media (max-width: 1000px) {
  .gala .header .container .eventlogo {
    padding-left: 0;
    width: 350px;
  }
}
@media (max-width: 900px) {
  .gala .header .container .eventlogo {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 400px;
  }
}
.gala .header .container .eventinfo {
  position: relative;
  margin-top: -70px;
  max-width: 550px;
}
@media (max-width: 1700px) {
  .gala .header .container .eventinfo {
    margin-left: 60px;
  }
}
@media (max-width: 1350px) {
  .gala .header .container .eventinfo {
    max-width: 500px;
  }
}
@media (max-width: 900px) {
  .gala .header .container .eventinfo {
    max-width: 500px;
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
  }
}
.gala .header .container .eventinfo .honoring {
  display: flex;
}
@media (max-width: 900px) {
  .gala .header .container .eventinfo .honoring {
    display: block;
  }
}
.gala .header .container .eventinfo .honoring img {
  width: 40px;
  margin-right: 10px;
  height: 40px;
}
.gala .header .container .eventinfo .honoring p {
  font-weight: 500;
  margin: 0;
  font-size: 18px;
}
@media (max-width: 900px) {
  .gala .header .container .eventinfo .honoring p {
    max-width: 300px;
    margin: 0 auto;
  }
}
.gala .header .container .eventinfo .honoring p b {
  color: #482a74;
  font-weight: 900;
}
.gala .header .container .eventinfo .honoring p b i {
  font-style: normal;
  color: #ffec64;
}
.gala .header .transition {
  width: 100%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 1200px) {
  .gala .header .transition {
    width: 150%;
    left: -50%;
  }
}
@media (max-width: 800px) {
  .gala .header .transition {
    width: 200%;
    left: -90%;
  }
}
.gala .header h1, .gala .header p {
  color: white;
}
.gala .header h1 {
  font-size: 35px;
  font-weight: 600;
}
@media (max-width: 1350px) {
  .gala .header h1 {
    font-size: 30px;
  }
}
@media (max-width: 1000px) {
  .gala .header h1 {
    font-size: 25px;
  }
}
.gala .header p {
  font-size: 20px;
}
.gala .header h6 {
  color: #482a74;
  font-weight: 600;
  font-size: 18px;
  margin-bottom: 10px;
}
.gala .header .date {
  margin-top: 0;
}
.gala .header .dateof {
  font-size: 30px;
  margin-top: 30px;
}
@media (max-width: 1350px) {
  .gala .header .dateof {
    font-size: 20px;
  }
}
.gala .bodycontent {
  margin-top: -5.3%;
  position: relative;
}
@media (max-width: 1350px) {
  .gala .bodycontent {
    margin-top: -6.9%;
  }
}
.gala .bodycontent .container {
  display: grid;
  max-width: inherit;
  width: 100%;
  grid-template-columns: 48% 50%;
}
@media (max-width: 1700px) {
  .gala .bodycontent .container {
    grid-template-columns: 40% 60%;
  }
}
@media (max-width: 900px) {
  .gala .bodycontent .container {
    display: block;
  }
}
.gala .bodycontent .container .sidebar {
  border-right: 3px dashed #f58220;
  text-align: center;
  padding-top: 100px;
}
@media (max-width: 900px) {
  .gala .bodycontent .container .sidebar {
    border-right: none;
    padding-top: 60px;
  }
}
.gala .bodycontent .container .sidebar img {
  width: 320px;
}
.gala .bodycontent .container .sidebar img:hover {
  cursor: pointer;
}
.gala .bodycontent .container .sidebar p {
  font-weight: 600;
}
.gala .bodycontent .container .sidebar .links {
  border-bottom: 3px dashed #f58220;
  padding-bottom: 100px;
  padding-left: 45%;
}
@media (max-width: 1700px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 40%;
  }
}
@media (max-width: 1500px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 35%;
  }
}
@media (max-width: 1400px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 30%;
  }
}
@media (max-width: 1350px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 10%;
  }
}
@media (max-width: 1200px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 5%;
  }
}
@media (max-width: 1000px) {
  .gala .bodycontent .container .sidebar .links {
    padding-left: 0;
  }
}
@media (max-width: 900px) {
  .gala .bodycontent .container .sidebar .links {
    padding: 0 30px 30px 30px;
  }
}
.gala .bodycontent .container .main {
  max-width: 750px;
  padding: 50px 6% 100px 6%;
  position: relative;
  z-index: 2;
  min-height: 880px;
}
@media (max-width: 900px) {
  .gala .bodycontent .container .main {
    padding: 49px 30px 0px 30px;
  }
}
.gala .bodycontent .transition {
  position: absolute;
  width: 100%;
  bottom: 0;
}
@media (max-width: 900px) {
  .gala .bodycontent .transition {
    display: none;
  }
}
.gala .bodycontent h4 {
  font-weight: 400;
}
.gala .bodycontent h4 b {
  color: #ee3a84;
}
.gala .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gala .gform_wrapper li.gf_list_inline ul.gfield_radio li {
  width: 47% !important;
}
@media (max-width: 1100px) {
  .gala .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gala .gform_wrapper li.gf_list_inline ul.gfield_radio li {
    width: 100% !important;
  }
}
@media (max-width: 900px) {
  .gala .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gala .gform_wrapper li.gf_list_inline ul.gfield_radio li {
    width: 47% !important;
  }
}
@media (max-width: 650px) {
  .gala .gform_wrapper li.gf_list_inline ul.gfield_checkbox li, .gala .gform_wrapper li.gf_list_inline ul.gfield_radio li {
    width: 100% !important;
  }
}
.gala .gform_wrapper.gf_browser_chrome ul.gform_fields li.gfield input[type=radio] {
  vertical-align: top;
  margin-right: 10px;
}
.gala .gform_wrapper ul.gfield_checkbox li label b, .gala .gform_wrapper ul.gfield_radio li label b {
  font-family: "knockout", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 100;
  color: #482a74;
}
@media (max-width: 600px) {
  .gala .gform_wrapper ul.gfield_checkbox li label b, .gala .gform_wrapper ul.gfield_radio li label b {
    font-size: 16px;
  }
}
.gala .gform_wrapper ul.gfield_checkbox li label .sponsorinfo, .gala .gform_wrapper ul.gfield_radio li label .sponsorinfo {
  display: flex;
}
.gala .gform_wrapper ul.gfield_checkbox li label .sponsorinfo::before, .gala .gform_wrapper ul.gfield_radio li label .sponsorinfo::before {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2021/03/yellowarrow.png");
  content: "";
  width: 15px;
  height: 15px;
  display: inline-block;
  margin-right: 10px;
  background-size: contain;
  background-repeat: no-repeat;
}
.gala .gform_wrapper ul.gfield_checkbox li label .sponsor, .gala .gform_wrapper ul.gfield_radio li label .sponsor {
  color: #ee3a84;
}
.gala .gform_wrapper ul.gfield_checkbox li label p, .gala .gform_wrapper ul.gfield_radio li label p {
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  color: #6C757D;
}
.gala .gchoice_select_all, .gala .gform_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gala .gform_wrapper ul.gfield_radio li input[type=radio]:checked + label {
  font-weight: inherit !important;
}
.gala .gform_wrapper table.gfield_list thead th {
  font-weight: 500 !important;
  color: #482a74;
  font-family: "knockout", sans-serif;
  text-transform: uppercase;
  font-size: 18px;
}
.gala .gform_wrapper li.hidden_label input {
  margin-right: 10px;
}
.gala .gform_wrapper .top_label .gfield_label, .gala .gform_wrapper legend.gfield_label {
  font-weight: 400;
  color: #482a74;
}
.gala input[type=file]::file-selector-button {
  border: none;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #f58220;
  transition: 1s;
  color: white;
  margin-right: 10px;
  padding: 5px 20px;
}
.gala input[type=file]::file-selector-button:hover {
  background-color: #00bdd1;
}
.gala .ginput_preview strong {
  font-weight: 400;
}
.gala .gfield_description {
  color: #482a74 !important;
  padding-top: 0 !important;
  font-weight: 400 !important;
  letter-spacing: 0.5pt !important;
}
.gala .gfield_description em {
  color: red;
}
.gala label {
  color: #482a74 !important;
  font-weight: 400 !important;
}
.gala .gform_wrapper .top_label li.gfield.gf_inline {
  min-width: 50% !important;
}
.gala .gform_wrapper li.hidden_label input, .gala #input_3_32_5 {
  border: 0;
  border-bottom: 1px solid #482a74 !important;
  margin-bottom: 5px;
}
.gala .gform_wrapper .gform_page_footer {
  margin-top: 40px !important;
}
.gala .gform_wrapper .validation_message {
  font-weight: 400 !important;
  color: red !important;
}
.gala .validation_error {
  font-weight: 400 !important;
  margin-top: 40px;
}
.gala #field_1_34 {
  display: flex;
  align-items: center;
}
.gala #field_1_34 .ginput_container {
  margin-top: 0 !important;
  margin-left: 10px;
}
.gala #input_1_38, .gala #field_1_39 {
  margin-top: 40px !important;
}
.gala input[type=file] {
  border-bottom: none !important;
}
.gala select {
  border: none !important;
  border-bottom: 1px solid #482a74 !important;
  margin-top: 15px !important;
}
.gala .StripeElement {
  border: none !important;
  border-bottom: 1px solid #482a74 !important;
}

.gala-live-event {
  display: grid;
  grid-template-columns: 80% 20%;
  direction: rtl;
  text-align: left;
}
@media (max-width: 1800px) {
  .gala-live-event {
    grid-template-columns: 78% 22%;
  }
}
@media (max-width: 1400px) {
  .gala-live-event {
    grid-template-columns: 74% 26%;
  }
}
@media (max-width: 1000px) {
  .gala-live-event {
    display: block;
    direction: initial;
  }
}
.gala-live-event h1 {
  margin-top: 0px;
  margin-bottom: 0;
  color: #00bdd1;
}
@media (max-width: 1000px) {
  .gala-live-event h1 {
    margin-top: 0;
  }
}
.gala-live-event h3 {
  margin-top: 0;
  color: #482a74;
}
.gala-live-event .sidebar {
  background-size: cover;
  direction: initial;
  position: relative;
  padding-bottom: 100px;
}
@media (max-width: 1000px) {
  .gala-live-event .sidebar {
    background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2021/04/transition-1.png");
    background-size: 1500px;
    background-repeat: no-repeat;
    text-align: center;
    background-color: #00bdd1;
    padding-bottom: 70px;
    background-position-x: -500px;
  }
}
.gala-live-event .sidebar .sidebarbg {
  position: absolute;
  z-index: -1;
  height: 100%;
  width: 400px;
}
@media (max-width: 1450px) {
  .gala-live-event .sidebar .sidebarbg {
    width: 350px;
  }
}
@media (max-width: 1200px) {
  .gala-live-event .sidebar .sidebarbg {
    width: 300px;
  }
}
@media (max-width: 1000px) {
  .gala-live-event .sidebar .sidebarbg {
    display: none;
  }
}
.gala-live-event .sidebar .eventlogo {
  width: 350px;
  margin: 50px;
  margin-left: 50px;
  margin-bottom: 25px;
}
@media (max-width: 1520px) {
  .gala-live-event .sidebar .eventlogo {
    width: 300px;
  }
}
@media (max-width: 1300px) {
  .gala-live-event .sidebar .eventlogo {
    margin-left: 20px;
  }
}
@media (max-width: 1200px) {
  .gala-live-event .sidebar .eventlogo {
    margin-left: 0px;
  }
}
@media (max-width: 1100px) {
  .gala-live-event .sidebar .eventlogo {
    width: 300px;
  }
}
@media (max-width: 1000px) {
  .gala-live-event .sidebar .eventlogo {
    margin: 0;
    width: 100%;
    max-width: 400px;
    margin-top: -30px;
    margin-bottom: 30px;
  }
}
.gala-live-event .sidebar .links {
  margin-left: 20px;
}
@media (max-width: 1450px) {
  .gala-live-event .sidebar .links {
    margin-left: 0px;
  }
}
.gala-live-event .sidebar .links a {
  display: inline-block;
}
.gala-live-event .sidebar .links img {
  width: 300px;
}
@media (max-width: 1200px) {
  .gala-live-event .sidebar .links img {
    width: 250px;
  }
}
@media (max-width: 1000px) {
  .gala-live-event .sidebar .links img {
    width: 300px;
  }
}
.gala-live-event .sidebar .heartimage {
  width: 300px;
  margin: 50px;
  margin-left: 50px;
  margin-top: 25px;
}
@media (max-width: 1350px) {
  .gala-live-event .sidebar .heartimage {
    width: 250px;
  }
}
@media (max-width: 1060px) {
  .gala-live-event .sidebar .heartimage {
    width: 200px;
  }
}
@media (max-width: 1000px) {
  .gala-live-event .sidebar .heartimage {
    display: none;
  }
}
.gala-live-event .main {
  margin-left: 100px;
  padding-right: 30px;
  direction: initial;
  margin-bottom: 40px;
  padding-top: 30px;
}
@media (max-width: 1550px) {
  .gala-live-event .main {
    margin-left: 80px;
  }
}
@media (max-width: 1400px) {
  .gala-live-event .main {
    margin-left: 40px;
  }
}
@media (max-width: 1000px) {
  .gala-live-event .main {
    text-align: center;
    padding-right: 0;
    margin-left: 0;
    position: relative;
    z-index: 5;
    padding: 50px;
  }
}
@media (max-width: 700px) {
  .gala-live-event .main {
    padding: 30px;
  }
}
@media (max-width: 400px) {
  .gala-live-event .main {
    padding: 20px;
  }
}

.long .sidebar .sidebarbg {
  width: 450px;
}
@media (max-width: 1300px) {
  .long .sidebar .sidebarbg {
    width: 400px;
  }
}
@media (max-width: 1200px) {
  .long .sidebar .sidebarbg {
    width: 350px;
  }
}
@media (max-width: 1200px) {
  .long .sidebar .heartimage {
    display: none;
  }
}

.smallmedia, .smallermedia {
  display: flex !important;
  justify-content: center;
}
.smallmedia .wp-block-media-text__content, .smallermedia .wp-block-media-text__content {
  padding: 0 30px !important;
}

.smallmedia img {
  width: 150px !important;
  height: 150px !important;
}
@media (max-width: 500px) {
  .smallmedia img {
    width: 100px !important;
    height: 100px !important;
  }
}

.smallermedia img {
  width: 100px !important;
  height: 100px !important;
}

.ambassadors {
  border: 5px solid #ffec64;
  border-radius: 20px;
  margin-top: -60px !important;
  padding: 20px;
}

.wp-block-image {
  margin: 0;
}

.smallcolumntext p {
  font-size: 14px;
  line-height: 10px;
  color: #482a74;
}

.wp-block-embed {
  margin: 0;
}

.gfield_description {
  border: none !important;
  font-size: 14px !important;
}

.gfield.gsection h2 {
  display: none !important;
}

label em.required {
  color: red !important;
}

@media (max-width: 1000px) {
  .stacksooner {
    display: block !important;
  }
}
.stacksooner .wp-block-column:not(:first-child) {
  margin-left: 20px !important;
}
@media (max-width: 1000px) {
  .stacksooner .wp-block-column:not(:first-child) {
    margin-left: 0px !important;
    text-align: left;
    margin-top: 30px;
  }
}

.gfield_radio li label {
  font-size: 16px !important;
}

#field_3_3 .gfield_label {
  font-weight: bold !important;
}

.back {
  text-align: left !important;
}

.back.center {
  text-align: center !important;
}

.justifycenter {
  justify-content: center;
}

.welive, .notlive {
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: relative;
}
@media (max-width: 1000px) {
  .welive, .notlive {
    display: flex;
    justify-content: center;
  }
}
.welive p, .notlive p {
  font-weight: 600;
  font-size: 20px;
}
.welive h2, .notlive h2 {
  color: white;
  font-family: "halcom" !important;
  text-transform: uppercase !important;
  font-size: 20px !important;
  margin: 0;
}
.welive .dot, .notlive .dot {
  width: 8px;
  margin-right: 8px;
  height: 8px;
  border-radius: 100%;
}

@keyframes blinking {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.notlive .dot {
  background-color: red;
}

.welive .dot {
  background-color: green;
  animation: blinking 1s infinite;
}

@media (max-width: 1250px) {
  .smallertext {
    font-size: 16px;
  }
}
@media (max-width: 1110px) {
  .smallertext {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .smallertext {
    font-size: 18px;
  }
}

#superbold {
  margin-top: 10px;
}

.artshow {
  text-align: center;
}
.artshow .header {
  max-width: 900px;
  margin: 0 auto;
}
.artshow .studio {
  max-width: 900px;
  margin: 50px auto;
}
.artshow .slick-slide {
  height: 200px;
  min-height: inherit;
}
.artshow .slick-slide img {
  width: 95%;
}
.artshow .slick-dots {
  position: relative;
  right: 0;
}
.artshow .slick-dots li button::before {
  color: #482a74;
}
.artshow .slick-dots li.slick-active button:before {
  color: #00bdd1;
}

.summer {
  background: #f58220;
  padding: 10px 0;
}
.summer .container {
  display: flex;
  align-items: center;
}
.summer .container img {
  width: 70px;
  margin-right: 15px;
}
@media (max-width: 1100px) {
  .summer .container img {
    width: 60px;
  }
}
.summer .container p {
  color: white;
}
@media (max-width: 1100px) {
  .summer .container p {
    font-size: 16px;
  }
}
@media (max-width: 900px) {
  .summer .container p {
    font-size: 14px;
  }
}

.summer.desktop {
  display: block;
}
@media (max-width: 1110px) {
  .summer.desktop {
    display: none;
  }
}

.summer.mobile {
  display: none;
}
@media (max-width: 1110px) {
  .summer.mobile {
    display: block;
  }
}

.about .desktop {
  display: inline;
}
@media (max-width: 600px) {
  .about .desktop {
    display: none;
  }
}
.about .mobile {
  display: none;
}
@media (max-width: 600px) {
  .about .mobile {
    display: block;
  }
}
.about .header {
  background-color: #efefef;
  padding: 50px 0;
}
@media (max-width: 700px) {
  .about .header {
    padding: 30px 0;
  }
}
.about .header .wrapper {
  display: flex;
  align-items: stretch;
}
@media (max-width: 700px) {
  .about .header .wrapper {
    text-align: center;
    display: block;
  }
}
.about .aboutcopy {
  padding: 20px 0;
}
@media (max-width: 700px) {
  .about .aboutcopy {
    padding: 20px 0 0 0;
  }
}
.about .teamh1 {
  margin-bottom: 50px;
}
@media (max-width: 600px) {
  .about .teamh1 {
    text-align: center;
    margin-bottom: 40px;
  }
}
.about .aboutimage {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2020/09/030120-PFC-157-2-scaled.jpg");
  width: 100%;
  background-size: cover;
  background-position: center;
  margin-right: 50px;
  min-width: 300px;
  border-radius: 10px;
}
@media (max-width: 700px) {
  .about .aboutimage {
    width: 100%;
    height: 300px;
    min-width: inherit;
    margin: 0 auto;
  }
}
.about .team {
  padding: 50px 0;
}
@media (max-width: 600px) {
  .about .team {
    padding: 30px 0;
  }
}
.about .team .team_member {
  margin-bottom: 30px;
  display: flex;
}
@media (max-width: 600px) {
  .about .team .team_member {
    display: block;
    text-align: center;
    max-width: 400px;
    margin: 0 auto;
    margin-bottom: 50px;
  }
}
.about .team .team_member img {
  height: 150px;
  width: 150px;
  border-radius: 10px;
  margin-right: 30px;
}
@media (max-width: 600px) {
  .about .team .team_member img {
    margin-right: 0;
    margin-bottom: 20px;
  }
}
.about .team .team_member h2 {
  margin-top: 0;
}
.about .team .team_member h2 strong {
  color: #ee3a84;
}

.donateimages {
  display: flex;
}
.donateimages .donateimage {
  flex-grow: 1;
  height: 350px;
  background-size: cover;
  background-position: center;
}
@media (max-width: 1500px) {
  .donateimages .donateimage {
    height: 300px;
  }
}
@media (max-width: 1300px) {
  .donateimages .donateimage {
    height: 250px;
  }
}
@media (max-width: 900px) {
  .donateimages .hide1 {
    display: none;
  }
}
@media (max-width: 750px) {
  .donateimages .hide2 {
    display: none;
  }
}
@media (max-width: 500px) {
  .donateimages .hide3 {
    display: none;
  }
}

#gform_wrapper_8 label, #gform_wrapper_12 label {
  font-weight: 400;
}
#gform_wrapper_8 .gchoice, #gform_wrapper_12 .gchoice {
  display: flex;
}
#gform_wrapper_8 .gchoice p, #gform_wrapper_12 .gchoice p {
  margin: 0;
}
#gform_wrapper_8 .gchoice ul, #gform_wrapper_12 .gchoice ul {
  padding-inline-start: 0;
}
#gform_wrapper_8 .gchoice ul li, #gform_wrapper_12 .gchoice ul li {
  display: block;
}
#gform_wrapper_8 .gchoice ul li::before, #gform_wrapper_12 .gchoice ul li::before {
  background-image: url(https://phillyfriendshipvirtual.com/wp-content/uploads/2021/09/heart_orange.png);
  position: relative;
  content: "";
  width: 10px;
  display: inline-block;
  height: 10px;
  background-size: cover;
  margin-right: 10px;
}
#gform_wrapper_8 .sponsor, #gform_wrapper_12 .sponsor {
  color: #482a74;
  font-size: 20px;
}
#gform_wrapper_8 .sponsor em, #gform_wrapper_12 .sponsor em {
  color: #00bdd1;
  font-style: normal;
}

.gchoice_select_all, .gform_legacy_markup_wrapper ul.gfield_checkbox li input[type=checkbox]:checked + label, .gform_legacy_markup_wrapper ul.gfield_radio li input[type=radio]:checked + label {
  font-weight: 400 !important;
}

#input_8_15, #input_12_15 {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 1010px) {
  #input_8_15, #input_12_15 {
    display: block;
  }
}
@media (max-width: 800px) {
  #input_8_15, #input_12_15 {
    display: grid;
  }
}
@media (max-width: 650px) {
  #input_8_15, #input_12_15 {
    display: block;
  }
}

#gform_wrapper_12 .gchoice {
  align-items: baseline;
}
#gform_wrapper_12 .gchoice ul li {
  margin: 0 8px 8px 0;
}
#gform_wrapper_12 .gchoice ul li::before {
  background-image: url(https://phillyfriendshipvirtual.com/wp-content/uploads/2021/04/star.png);
  width: 12px;
  height: 12px;
}
#gform_wrapper_12 .gchoice p {
  margin: 5px 0 10px 0;
  color: #00bdd1;
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  font-style: italic;
}
#gform_wrapper_12 .sponsor {
  text-transform: uppercase;
  font-weight: 700;
}
#gform_wrapper_12 .sponsor em {
  color: #482a74;
  font-weight: 300;
  font-style: italic;
}

.gala22 {
  font-family: "halcom", "canada-type-gibson", "iskra", sans-serif;
}
.gala22 h1, .gala22 h2, .gala22 h3, .gala22 h4 {
  font-family: "novecento-slab";
  font-weight: 400;
  text-transform: lowercase;
}
.gala22 h1 {
  color: #482a74;
  font-size: 45px;
  line-height: 45px;
}
.gala22 .sansh1 {
  font-family: "halcom";
  text-transform: none;
  font-weight: 600;
  font-size: 30px;
}
.gala22 h2 {
  font-size: 40px;
  line-height: 40px;
}
.gala22 h3 {
  color: #00bdd1;
  font-size: 34px;
  line-height: 30px;
}
.gala22 h4 {
  color: #482a74;
  font-size: 26px;
  line-height: 26px;
}
.gala22 .container {
  width: 100%;
  margin: 0 auto;
  max-width: 1475px;
  box-sizing: border-box;
}
@media (max-width: 1350px) {
  .gala22 .container {
    padding: 0 50px;
  }
}
@media (max-width: 1150px) {
  .gala22 .container {
    padding: 0 30px;
  }
}
.gala22 #mainnav {
  background-color: #00bdd1;
  padding: 10px;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  z-index: 2;
  transition: 0.2s;
}
@media (max-width: 1350px) {
  .gala22 #mainnav {
    padding: 0;
  }
}
@media (max-width: 1240px) {
  .gala22 #mainnav {
    padding: 20px 0;
  }
}
.gala22 #mainnav .container {
  display: grid;
  grid-template-columns: 10% 80% 10%;
}
@media (max-width: 1450px) {
  .gala22 #mainnav .container {
    grid-template-columns: 7% 86% 7%;
  }
}
@media (max-width: 1350px) {
  .gala22 #mainnav .container {
    padding: 10px !important;
  }
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container {
    display: block;
  }
}
@media (max-width: 1150px) {
  .gala22 #mainnav .container {
    padding: 10px !important;
  }
}
.gala22 #mainnav .container a {
  color: white;
  font-size: 14px;
}
@media (max-width: 1350px) {
  .gala22 #mainnav .container a {
    font-size: 13px;
  }
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #brand-logo {
    position: absolute;
    left: 30px;
    margin-top: -20px;
  }
}
.gala22 #mainnav .container #brand-logo #brand_logo_img {
  width: 60px;
  transition: 0.2s;
}
@media (max-width: 1350px) {
  .gala22 #mainnav .container #brand-logo #brand_logo_img {
    width: 30px;
  }
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #brand-logo #brand_logo_img {
    width: 35px;
  }
}
.gala22 #mainnav .container #navigation {
  position: relative;
  display: grid;
  grid-template-columns: 42% 16% 42%;
}
@media (max-width: 1450px) {
  .gala22 #mainnav .container #navigation {
    grid-template-columns: 44% 12% 44%;
  }
}
.gala22 #mainnav .container #navigation #event-logo {
  z-index: 100;
}
.gala22 #mainnav .container #navigation #event-logo img {
  position: absolute;
  width: 150px;
  left: 0;
  right: 0;
  z-index: 20;
  margin: 0 auto;
  margin-top: -20px;
}
@media (max-width: 1350px) {
  .gala22 #mainnav .container #navigation #event-logo img {
    width: 130px;
    margin-top: -15px;
  }
}
.gala22 #mainnav .container #navigation .nav-part {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #navigation .nav-part {
    display: none;
  }
}
.gala22 #mainnav .container #navigation .nav-part a.active {
  font-weight: 900;
}
.gala22 #mainnav .container #navigation .nav-part a {
  padding: 0 30px;
}
@media (max-width: 1350px) {
  .gala22 #mainnav .container #navigation .nav-part a {
    padding: 0 20px;
  }
}
.gala22 #mainnav .container #side_button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #side_button {
    position: absolute;
    right: 20px;
    top: 0;
  }
}
@media (max-width: 500px) {
  .gala22 #mainnav .container #side_button {
    top: -5px;
  }
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #side_button .hideme {
    display: none;
  }
}
.gala22 #mainnav .container #side_button a {
  border-radius: 100px;
  padding: 10px;
  color: white;
  border: 2px solid white;
  transition: 0.2s;
}
.gala22 #mainnav .container #side_button a:hover {
  background-color: #ffec64;
  color: #482a74;
  border: 2px solid #ffec64;
  transition: 0.2s;
}
.gala22 #mainnav .container #side_button #gala-burger {
  display: none;
  font-family: "novecento-slab";
  font-weight: 500;
  color: white;
  font-size: 20px;
  letter-spacing: 3px;
  transition: 0.2s;
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #side_button #gala-burger {
    display: block;
  }
}
@media (max-width: 500px) {
  .gala22 #mainnav .container #side_button #gala-burger {
    font-size: 30px;
  }
  .gala22 #mainnav .container #side_button #gala-burger span {
    display: none;
  }
}
.gala22 #mainnav .container #side_button #gala-burger:hover {
  cursor: pointer;
}
.gala22 #mainnav .container #side_button .aboutus {
  display: block;
}
@media (max-width: 1240px) {
  .gala22 #mainnav .container #side_button .aboutus {
    display: none;
  }
}
.gala22 #mainnav.opened #gala-burger {
  top: 35px;
}
.gala22 #mainnav.opened #brand_logo_img {
  top: 35px;
}
.gala22 #mobile_menu {
  position: absolute;
  background-color: #00bdd1;
  width: 100%;
  height: 100%;
  top: -100%;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gala22 #mobile_menu ul {
  padding-inline-start: 0;
  list-style: none;
  margin-top: 100px;
}
@media (max-height: 800px) {
  .gala22 #mobile_menu ul {
    margin-top: 150px;
  }
}
.gala22 #mobile_menu ul li {
  text-align: center;
}
.gala22 #mobile_menu ul li a {
  color: white;
  font-size: 30px;
  font-family: "novecento-slab";
  text-transform: lowercase;
  letter-spacing: 3px;
  padding: 20px 0;
}
@media (max-height: 800px) {
  .gala22 #mobile_menu ul li a {
    font-size: 24px;
  }
}
.gala22 #mobile_menu.opened {
  top: 0;
}
.gala22 .header {
  background-size: 40%;
  background-position: bottom;
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/yellow_stripes.svg");
  text-align: center;
  padding-top: 50px;
  z-index: -1;
}
@media (max-width: 1800px) {
  .gala22 .header {
    background-size: 50%;
  }
}
@media (max-width: 1400px) {
  .gala22 .header {
    background-size: 60%;
  }
}
@media (max-width: 1100px) {
  .gala22 .header {
    background-size: 80%;
  }
}
@media (max-width: 800px) {
  .gala22 .header {
    background-size: 100%;
  }
}
@media (max-width: 650px) {
  .gala22 .header {
    padding-top: 100px;
  }
}
.gala22 .header .two_sides {
  display: grid;
  grid-template-columns: 50% 50%;
  align-items: center;
}
@media (max-width: 650px) {
  .gala22 .header .two_sides {
    display: block;
  }
}
.gala22 .header .two_sides .item img {
  width: 100%;
  max-width: 500px;
}
@media (max-width: 1350px) {
  .gala22 .header .two_sides .item img {
    max-width: 400px;
  }
}
.gala22 .header .two_sides .item.text_side {
  margin-bottom: 20px;
}
.gala22 .header.twosided {
  background-size: cover;
}
.gala22 .header.twosided .container {
  max-width: 1600px;
}
.gala22 .main_content {
  margin: 60px auto;
}
.gala22 footer {
  background-color: white;
  margin-top: 350px;
  padding-top: 100px;
  transition: none;
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/wave4-1.svg");
  background-size: cover;
}
@media (max-width: 1700px) {
  .gala22 footer {
    margin-top: 250px;
  }
}
@media (max-width: 850px) {
  .gala22 footer {
    margin-top: 200px;
  }
}
.gala22 footer a {
  color: #482a74;
  font-weight: 600;
}
.gala22 footer h1 {
  color: white;
  font-family: "halcom";
  font-size: 24px;
  font-weight: 600;
}
@media (max-width: 450px) {
  .gala22 footer h1 {
    font-size: 20px;
  }
}
.gala22 footer .container {
  position: relative;
}
.gala22 footer .container::before {
  content: "";
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/03/boat.png");
  position: absolute;
  width: 398px;
  height: 406px;
  top: -396px;
  right: -477px;
  background-size: cover;
  animation-name: boatsway;
  animation-duration: 120s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}
@media (max-width: 2300px) {
  .gala22 footer .container::before {
    right: -385px;
  }
}
@media (max-width: 1800px) {
  .gala22 footer .container::before {
    right: -255px;
    width: 343px;
    height: 366px;
    top: -396px;
  }
}
@media (max-width: 1700px) {
  .gala22 footer .container::before {
    right: -220px;
    width: 310px;
    height: 315px;
    top: -345px;
  }
}
@media (max-width: 1600px) {
  .gala22 footer .container::before {
    right: -160px;
    width: 290px;
    height: 300px;
    top: -320px;
  }
}
@media (max-width: 1500px) {
  .gala22 footer .container::before {
    right: 332px;
    width: 280px;
    height: 296px;
    top: -309px;
  }
}
@media (max-width: 1350px) {
  .gala22 footer .container::before {
    right: 365px;
    width: 253px;
    height: 275px;
    top: -286px;
  }
}
@media (max-width: 1100px) {
  .gala22 footer .container::before {
    width: 253px;
    height: 275px;
    top: -280px;
  }
}
@media (max-width: 850px) {
  .gala22 footer .container::before {
    right: 285px;
    width: 225px;
    height: 230px;
    top: -266px;
  }
}
.gala22 footer .logo {
  width: 70px;
}

.gala22.sponsors.oursponsors .header {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/Screen-Shot-2022-02-21-at-6.55.10-PM.png");
}
@media (max-width: 1000px) {
  .gala22.sponsors.oursponsors .header {
    background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/diagonal.svg");
  }
}

.gala22.sponsors .sponsor_header {
  text-align: center;
  margin-bottom: 40px;
}
@media (max-width: 900px) {
  .gala22.sponsors .sponsor_header {
    text-align: left;
  }
}
.gala22.sponsors .sponsorship_offerings {
  display: grid;
  grid-template-columns: 33.3% 33.3% 33.3%;
}
@media (max-width: 900px) {
  .gala22.sponsors .sponsorship_offerings {
    display: block;
  }
}
.gala22.sponsors .sponsorship_offerings .offering {
  display: grid;
  grid-template-columns: 12% 88%;
  margin: 0 10px;
}
@media (max-width: 900px) {
  .gala22.sponsors .sponsorship_offerings .offering {
    display: flex;
    margin: 15px 0;
  }
}
.gala22.sponsors .sponsorship_offerings .offering .offering-img img {
  width: 100%;
  min-width: 30px;
  max-width: 50px !important;
}
@media (max-width: 900px) {
  .gala22.sponsors .sponsorship_offerings .offering .offering-img img {
    width: 30px;
  }
}
.gala22.sponsors .sponsorship_offerings .offering .offering-description p {
  margin: 0;
  padding-left: 20px;
  font-size: 16px;
  line-height: 20px;
}
.gala22.sponsors .more_sponsorinfo {
  text-align: center;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ccc;
}
@media (max-width: 900px) {
  .gala22.sponsors .more_sponsorinfo {
    text-align: left;
  }
}
@media (max-width: 550px) {
  .gala22.sponsors .more_sponsorinfo .desktop {
    display: none;
  }
}
.gala22.sponsors #gform_9 .gform_legacy_markup_wrapper ul.gform_fields li.gfield, .gala22.sponsors #gform_10 .gform_legacy_markup_wrapper ul.gform_fields li.gfield {
  padding-right: 0;
}
.gala22.sponsors #gform_9 .gf_progressbar_title, .gala22.sponsors #gform_10 .gf_progressbar_title {
  font-size: 18px;
  color: #5a5b5d;
}
.gala22.sponsors #gform_9 #input_9_12, .gala22.sponsors #gform_10 #input_9_12 {
  height: 80px;
}
.gala22.sponsors #gform_9 .gform_page_footer, .gala22.sponsors #gform_10 .gform_page_footer {
  margin-top: 30px;
}
.gala22.sponsors #gform_9 #input_9_15, .gala22.sponsors #gform_9 #input_10_15, .gala22.sponsors #gform_10 #input_9_15, .gala22.sponsors #gform_10 #input_10_15 {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 900px) {
  .gala22.sponsors #gform_9 #input_9_15, .gala22.sponsors #gform_9 #input_10_15, .gala22.sponsors #gform_10 #input_9_15, .gala22.sponsors #gform_10 #input_10_15 {
    display: block;
  }
}
.gala22.sponsors #gform_9 #input_9_15 li, .gala22.sponsors #gform_9 #input_10_15 li, .gala22.sponsors #gform_10 #input_9_15 li, .gala22.sponsors #gform_10 #input_10_15 li {
  display: flex;
  align-items: center;
}
.gala22.sponsors #gform_9 #input_9_15 li label, .gala22.sponsors #gform_9 #input_10_15 li label, .gala22.sponsors #gform_10 #input_9_15 li label, .gala22.sponsors #gform_10 #input_10_15 li label {
  width: 100%;
}
.gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
  margin: 10px;
  display: grid;
  grid-template-columns: 20% 80%;
}
@media (max-width: 1400px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    grid-template-columns: 25% 75%;
  }
}
@media (max-width: 1100px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    grid-template-columns: 30% 70%;
  }
}
@media (max-width: 900px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    grid-template-columns: 20% 80%;
  }
}
@media (max-width: 620px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    grid-template-columns: 25% 75%;
  }
}
@media (max-width: 550px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    grid-template-columns: 30% 70%;
  }
}
@media (max-width: 500px) {
  .gala22.sponsors #gform_9 .sponsor, .gala22.sponsors #gform_10 .sponsor {
    display: block;
  }
}
.gala22.sponsors #gform_9 .sponsor h3, .gala22.sponsors #gform_9 .sponsor h4, .gala22.sponsors #gform_9 .sponsor p, .gala22.sponsors #gform_10 .sponsor h3, .gala22.sponsors #gform_10 .sponsor h4, .gala22.sponsors #gform_10 .sponsor p {
  margin: 0;
}
.gala22.sponsors #gform_9 .sponsor h4, .gala22.sponsors #gform_10 .sponsor h4 {
  margin: 10px 0;
}
.gala22.sponsors #gform_9 .sponsor p, .gala22.sponsors #gform_10 .sponsor p {
  font-size: 16px;
}
.gala22.sponsors #gform_9 .sponsor .sponsorimg, .gala22.sponsors #gform_10 .sponsor .sponsorimg {
  position: relative;
  height: 85px;
  text-align: center;
}
@media (max-width: 1400px) {
  .gala22.sponsors #gform_9 .sponsor .sponsorimg, .gala22.sponsors #gform_10 .sponsor .sponsorimg {
    height: 100px;
  }
}
@media (max-width: 700px) {
  .gala22.sponsors #gform_9 .sponsor .sponsorimg, .gala22.sponsors #gform_10 .sponsor .sponsorimg {
    height: 85px;
  }
}
@media (max-width: 500px) {
  .gala22.sponsors #gform_9 .sponsor .sponsorimg, .gala22.sponsors #gform_10 .sponsor .sponsorimg {
    height: 30px;
    margin-bottom: 5px;
    text-align: left;
  }
}
.gala22.sponsors #gform_9 .sponsor .sponsorimg img, .gala22.sponsors #gform_10 .sponsor .sponsorimg img {
  max-width: 85px;
}
@media (max-width: 500px) {
  .gala22.sponsors #gform_9 .sponsor .sponsorimg img, .gala22.sponsors #gform_10 .sponsor .sponsorimg img {
    display: none;
  }
}
.gala22.sponsors #gform_9 .sponsor.nopic, .gala22.sponsors #gform_10 .sponsor.nopic {
  display: block;
}
.gala22.sponsors #gform_9 .sponsorship.sponsor .sponsorimg::before, .gala22.sponsors #gform_10 .sponsorship.sponsor .sponsorimg::before {
  content: "SPONSORSHIP";
  position: absolute;
  color: white;
  background-color: #10bed2;
  font-size: 10px;
  padding: 5px;
  border-radius: 10px;
  font-weight: 600;
  text-align: center;
  bottom: -10px;
}
@media (max-width: 1250px) {
  .gala22.sponsors #gform_9 .sponsorship.sponsor .sponsorimg::before, .gala22.sponsors #gform_10 .sponsorship.sponsor .sponsorimg::before {
    bottom: 0;
  }
}
.gala22.sponsors #gform_9 .gform_next_button, .gala22.sponsors #gform_9 .gform_previous_button, .gala22.sponsors #gform_9 .gform_button, .gala22.sponsors #gform_10 .gform_next_button, .gala22.sponsors #gform_10 .gform_previous_button, .gala22.sponsors #gform_10 .gform_button {
  font-size: 20px;
  padding: 20px 40px;
  margin-top: 20px;
}
.gala22.sponsors #gform_9 .gform_previous_button, .gala22.sponsors #gform_10 .gform_previous_button {
  background-color: #ccc;
}
.gala22.sponsors #gform_9 #gform_submit_button_9, .gala22.sponsors #gform_10 #gform_submit_button_9 {
  background-color: #54B531;
}

.gala22.eventinfo .header {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/Screen-Shot-2022-02-21-at-6.55.10-PM.png");
}
@media (max-width: 1000px) {
  .gala22.eventinfo .header {
    background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/diagonal.svg");
  }
}

.gala22.honorees .header {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/Screen-Shot-2022-02-22-at-6.55.10-PM.png");
}
@media (max-width: 1000px) {
  .gala22.honorees .header {
    background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/waves.svg");
  }
}
.gala22.honorees ul {
  list-style: none;
  padding-inline-start: 0;
}
.gala22.honorees ul li {
  color: #5a5b5d;
  font-size: 18px;
  display: flex;
  align-items: center;
  line-height: 30px;
}
.gala22.honorees ul li::before {
  width: 10px;
  content: "";
  height: 20px;
  margin-right: 10px;
  background-size: cover;
  background-position: center;
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2021/03/yellowarrow.png");
}
.gala22.honorees form ul li {
  display: inherit;
}
.gala22.honorees #gform_submit_button_2 {
  background-color: #482a74;
}

.gala22.contact .header {
  background-image: url("https://phillyfriendshipvirtual.com/wp-content/uploads/2022/02/dots.svg");
}

.gala22.rsvp .sponsorship_offerings {
  display: flex;
}
@media (max-width: 900px) {
  .gala22.rsvp .sponsorship_offerings {
    display: block;
  }
}
.gala22.rsvp .sponsorship_offerings .offering {
  display: flex;
}
.gala22.rsvp .sponsorship_offerings .offering .offering-img img {
  max-width: 30px !important;
}

.gala22.live_event {
  background: white;
  background: linear-gradient(0deg, white 0%, #10bed2 100%);
}
.gala22.live_event #mainnav {
  background-color: transparent;
}
.gala22.live_event .container {
  max-width: 1200px;
}
.gala22.live_event footer {
  background-color: transparent;
}
.gala22.live_event #mainnav {
  padding-top: 40px;
}
@media (max-width: 1240px) {
  .gala22.live_event #mainnav {
    padding-top: 60px;
  }
}
.gala22.live_event #mainnav a {
  font-family: "novecento-slab";
  text-transform: lowercase;
  font-size: 20px;
  font-weight: 400;
}
@media (max-width: 1450px) {
  .gala22.live_event #mainnav .container {
    grid-template-columns: 10% 80% 10%;
  }
}
@media (max-width: 1240px) {
  .gala22.live_event #mainnav .container #brand-logo {
    margin-top: -30px;
  }
}
@media (max-width: 1350px) {
  .gala22.live_event #mainnav .container #brand-logo #brand_logo_img {
    width: 60px;
  }
}
@media (max-width: 1240px) {
  .gala22.live_event #mainnav .container #brand-logo #brand_logo_img {
    width: 50px;
  }
}
.gala22.live_event #mainnav .container #navigation #event-logo img {
  margin-top: -45px;
  width: 130px;
}
@media (max-width: 1240px) {
  .gala22.live_event #mainnav .container #navigation #event-logo img {
    width: 110px;
  }
}
.gala22.live_event .live_header {
  padding-top: 20px;
}
.gala22.live_event .live_header h1 {
  text-align: center;
  font-weight: 500;
  font-size: 40px;
  margin-bottom: 10px;
}
.gala22.live_event .video_wrapper {
  display: grid;
  grid-template-columns: 70% 30%;
  margin: 0 auto;
  z-index: 1;
}
@media (max-width: 960px) {
  .gala22.live_event .video_wrapper {
    display: block;
  }
}
.gala22.live_event .video_wrapper iframe {
  width: 100%;
  min-height: 500px;
}
@media (max-width: 960px) {
  .gala22.live_event .video_wrapper iframe {
    min-height: inherit;
  }
}
.gala22.live_event .video_wrapper .chatroll_iframe {
  width: 100%;
  height: 100%;
  min-height: 500px;
}
.gala22.live_event .video_wrapper .chatroll_iframe .chat-wrapper {
  background-color: #482a74 !important;
}
.gala22.live_event .marquee {
  background-color: white;
}
.gala22.live_event .maincontent {
  padding-bottom: 80px;
  padding-top: 40px;
}
@media (max-width: 960px) {
  .gala22.live_event .maincontent {
    padding: 0px 0 30px 0;
  }
}
.gala22.live_event .maincontent p {
  color: #482a74;
}
.gala22.live_event .maincontent h3 {
  font-family: "halcom", "canada-type-gibson", sans-serif;
  color: white;
  margin: 0;
  text-transform: none;
  font-size: 30px;
  font-weight: 700;
}
.gala22.live_event .maincontent h2 {
  margin: 0;
  font-size: 30px;
  color: #482a74;
  font-weight: 500;
  padding-bottom: 10px;
}
.gala22.live_event .split-wrapper {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 1105px) {
  .gala22.live_event .split-wrapper {
    grid-template-columns: 60% 40%;
  }
}
@media (max-width: 960px) {
  .gala22.live_event .split-wrapper {
    display: block;
  }
}
.gala22.live_event .split-wrapper .maincontent {
  text-align: left;
  z-index: 1;
}
@media (max-width: 960px) {
  .gala22.live_event .split-wrapper .maincontent {
    text-align: center;
  }
}
.gala22.live_event .split-wrapper .graphic {
  position: relative;
}
@media (max-width: 960px) {
  .gala22.live_event .split-wrapper .graphic {
    display: none;
  }
}
.gala22.live_event .split-wrapper .graphic img {
  position: absolute;
  right: -70px;
  width: 1000px;
  bottom: 0;
}
.gala22.live_event #match22 {
  margin-top: 50px;
  background-color: white;
  border-radius: 30px;
  padding: 20px 50px;
}
@media (max-width: 1000px) {
  .gala22.live_event #match22 {
    padding: 20px 30px;
  }
}
.gala22.live_event #match22 h2 {
  margin: 10px 0;
}
.gala22.live_event #match22 h5 {
  margin-top: 0;
  font-size: 18px;
  color: #00bdd1;
}
.gala22.live_event #match22 .match_choices p {
  margin: 0;
}
.gala22.live_event #match22 .match_choices b {
  color: #f6925b;
}
.gala22.live_event #match22 .gform_next_button, .gala22.live_event #match22 .gform_previous_button, .gala22.live_event #match22 .gform_button {
  font-size: 20px;
  padding: 15px 30px;
}
.gala22.live_event #match22 .gform_previous_button {
  background-color: #0096a1;
}
.gala22.live_event #match22 .gform_legacy_markup_wrapper .gform_page_footer {
  margin-top: 30px;
  padding-top: 30px;
}

.gala22.live_event.honorees p {
  color: #482a74;
}
.gala22.live_event.honorees ul li {
  color: #482a74;
}

.gala22vlog h1 {
  color: white;
  margin-top: 0;
  margin-bottom: 60px;
}
.gala22vlog h3 {
  color: #f6925b;
  display: table;
  background-color: #fff;
  border-radius: 30px;
  margin: 0 auto;
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 20px;
  padding: 0px 20px 5px 20px;
}
.gala22vlog h2 {
  margin-top: 0;
  margin-bottom: 10px;
  color: #482a74;
}

#field_7_20, #field_7_8, #field_9_38, #field_7_46 {
  margin: 20px 0;
}

#field_9_29, #field_10_29 {
  width: 100% !important;
}

@keyframes boatsway {
  0% {
    transform: rotate(10deg);
    right: -40%;
  }
  5% {
    transform: rotate(-10deg);
  }
  10% {
    transform: rotate(10deg);
  }
  15% {
    transform: rotate(-10deg);
  }
  20% {
    transform: rotate(10deg);
  }
  25% {
    transform: rotate(-10deg);
  }
  30% {
    transform: rotate(10deg);
  }
  35% {
    transform: rotate(-10deg);
  }
  40% {
    transform: rotate(10deg);
  }
  45% {
    transform: rotate(-10deg);
  }
  50% {
    transform: rotate(10deg);
    right: 100%;
  }
  55% {
    transform: rotate(-10deg);
  }
  60% {
    transform: rotate(10deg);
  }
  65% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(10deg);
  }
  75% {
    transform: rotate(-10deg);
  }
  80% {
    transform: rotate(10deg);
  }
  85% {
    transform: rotate(-10deg);
  }
  90% {
    transform: rotate(10deg);
  }
  95% {
    transform: rotate(-10deg);
  }
  100% {
    transform: rotate(10deg);
    right: -100%;
  }
}
.summer_newsletter_2022 h1, .summer_newsletter_2022 h2, .summer_newsletter_2022 h3, .summer_newsletter_2022 h4 {
  font-family: "candybeans", "chewy", "iskra", sans-serif;
}
.summer_newsletter_2022 p {
  color: #482a74;
}
.summer_newsletter_2022 footer {
  background-color: white;
  padding: 10px;
}
.summer_newsletter_2022 footer .footer_wrap {
  display: grid;
  max-width: 1400px;
  width: 95%;
  align-items: center;
  margin: 0 auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 1120px) {
  .summer_newsletter_2022 footer .footer_wrap {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 600px) {
  .summer_newsletter_2022 footer .footer_wrap {
    grid-template-columns: 1fr;
  }
}
.summer_newsletter_2022 footer .footer_wrap .footer-item {
  text-align: center;
}
@media (max-width: 600px) {
  .summer_newsletter_2022 footer .footer_wrap .footer-item {
    margin: 30px 0;
  }
}
.summer_newsletter_2022 footer .footer_wrap .footer-item p {
  font-size: 20px;
  font-weight: 500;
  line-height: 26px;
}
.summer_newsletter_2022 footer .footer_wrap .footer-item .socials a img {
  width: 25px;
}
.summer_newsletter_2022 #mobilemenu {
  position: fixed;
  z-index: 50;
  background-color: #10bed2;
  height: 100%;
  width: 100%;
  top: -200%;
  transition: 0.2s;
}
.summer_newsletter_2022 #mobilemenu #close_summer_menu {
  position: absolute;
  top: 40px;
  right: 40px;
  color: white;
  font-size: 30px;
  font-family: "canada-type-gibson", sans-serif;
  font-weight: 500;
}
.summer_newsletter_2022 #mobilemenu #close_summer_menu:hover {
  color: #ffec64;
  cursor: pointer;
}
.summer_newsletter_2022 #mobilemenu .logo {
  width: 100px;
  margin: 30px auto;
  display: block;
}
.summer_newsletter_2022 #mobilemenu .menu_item {
  padding: 20px 0;
  text-align: center;
}
.summer_newsletter_2022 #mobilemenu .menu_item img {
  width: 40px;
  display: block;
  margin: 0 auto;
}
.summer_newsletter_2022 #mobilemenu .menu_item span {
  color: white;
  display: block;
  margin-top: 10px;
}
.summer_newsletter_2022 .container {
  position: relative;
}
.summer_newsletter_2022 .leftright {
  display: grid;
  grid-template-columns: 50% 50%;
}
@media (max-width: 1170px) {
  .summer_newsletter_2022 .leftright {
    grid-template-columns: 40% 60%;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 .leftright {
    display: block;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 .leftright {
    text-align: center;
  }
}
.summer_newsletter_2022 .absoluteimages img {
  position: absolute;
}
.summer_newsletter_2022 .main_section .container {
  max-width: 1400px;
}
.summer_newsletter_2022 #newsletter_nav {
  background-position: bottom;
  background-size: 25%;
  height: 180px;
  z-index: 10;
  position: fixed;
  width: 100%;
  top: 0;
}
@media (max-width: 3360px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 30%;
  }
}
@media (max-width: 2780px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 35%;
  }
}
@media (max-width: 2400px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 40%;
  }
}
@media (max-width: 2100px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 45%;
  }
}
@media (max-width: 1850px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 50%;
  }
}
@media (max-width: 1700px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 55%;
  }
}
@media (max-width: 1520px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 60%;
  }
}
@media (max-width: 1390px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 65%;
  }
}
@media (max-width: 1280px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 70%;
  }
}
@media (max-width: 1190px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 80%;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: 85%;
  }
}
@media (max-width: 983px) {
  .summer_newsletter_2022 #newsletter_nav {
    background-size: cover;
  }
}
.summer_newsletter_2022 #newsletter_nav .container {
  display: flex;
  align-items: center;
  padding-top: 15px;
}
.summer_newsletter_2022 #newsletter_nav .container div {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.summer_newsletter_2022 #newsletter_nav .container .logo {
  width: 100px;
}
.summer_newsletter_2022 #newsletter_nav .container .leftside, .summer_newsletter_2022 #newsletter_nav .container .rightside {
  display: flex;
  flex-grow: 2;
  align-items: center;
}
@media (max-width: 965px) {
  .summer_newsletter_2022 #newsletter_nav .container .leftside, .summer_newsletter_2022 #newsletter_nav .container .rightside {
    display: none;
  }
}
.summer_newsletter_2022 #newsletter_nav .container .leftside div, .summer_newsletter_2022 #newsletter_nav .container .rightside div {
  flex-grow: 1;
  flex-basis: 0;
  padding: 0 10px;
}
.summer_newsletter_2022 #newsletter_nav .container .leftside div img, .summer_newsletter_2022 #newsletter_nav .container .rightside div img {
  width: 30px;
  display: block;
  margin: 0 auto;
  padding-bottom: 10px;
}
.summer_newsletter_2022 #newsletter_nav .container .leftside div span, .summer_newsletter_2022 #newsletter_nav .container .rightside div span {
  color: white;
  font-size: 16px;
}
@media (max-width: 983px) {
  .summer_newsletter_2022 #newsletter_nav .container .leftside div span, .summer_newsletter_2022 #newsletter_nav .container .rightside div span {
    font-size: 14px;
  }
}
.summer_newsletter_2022 #newsletter_nav .container #newsletter22_burger {
  display: none;
}
@media (max-width: 965px) {
  .summer_newsletter_2022 #newsletter_nav .container #newsletter22_burger {
    display: block;
    position: absolute;
    right: 20px;
  }
}
.summer_newsletter_2022 #newsletter_nav .container #newsletter22_burger span {
  display: block;
  width: 30px;
  background-color: white;
  height: 4px;
  margin-bottom: 5px;
  border-radius: 2px;
}
.summer_newsletter_2022 #newsletter_nav .container #newsletter22_burger:hover {
  cursor: pointer;
}
.summer_newsletter_2022 #newsletter_nav .container #newsletter22_burger:hover span {
  background-color: #ffec64;
}
.summer_newsletter_2022 #section1 {
  padding: 150px 0 75px;
  margin-top: 76px;
  background-position: center;
  background-size: cover;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section1 {
    padding: 100px 0 500px 0;
    margin-top: 100px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section1 {
    padding: 70px 0 550px 0;
  }
}
@media (max-width: 680px) {
  .summer_newsletter_2022 #section1 {
    padding: 70px 0 600px 0;
  }
}
@media (max-width: 530px) {
  .summer_newsletter_2022 #section1 {
    padding: 70px 0 550px 0;
  }
}
@media (max-width: 410px) {
  .summer_newsletter_2022 #section1 {
    padding: 70px 0 500px 0;
  }
}
@media (max-width: 360px) {
  .summer_newsletter_2022 #section1 {
    padding: 70px 0 400px 0;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section1 .leftright {
    display: block;
  }
}
.summer_newsletter_2022 #section1 h1 {
  font-size: 90px;
  color: #fff;
  text-shadow: 3px 2px 2px #472a72, -2px -2px 0 #472a72, 2px -2px 2px #472a72, -2px 2px 0 #472a72, 1px 1px 0 #472a72;
  margin: 0;
  -webkit-text-stroke: 1px #472a72;
}
@media (max-width: 1290px) {
  .summer_newsletter_2022 #section1 h1 {
    font-size: 80px;
    line-height: 70px;
  }
}
.summer_newsletter_2022 #section1 h2 {
  color: #00bdd1;
  margin: 0;
  font-size: 40px;
}
.summer_newsletter_2022 #section1 #beachtowel {
  width: 715px;
  right: -186px;
  top: -45px;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    width: 650px;
    top: 350px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    right: -130px;
    width: 604px;
    top: 470px;
  }
}
@media (max-width: 680px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    top: 563px;
  }
}
@media (max-width: 587px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    top: 625px;
  }
}
@media (max-width: 530px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    width: 534px;
  }
}
@media (max-width: 481px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    top: 695px;
  }
}
@media (max-width: 360px) {
  .summer_newsletter_2022 #section1 #beachtowel {
    width: 435px;
    top: 720px;
  }
}
.summer_newsletter_2022 #section1 #musicnotes {
  width: 300px;
  top: -50px;
  right: -139px;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section1 #musicnotes {
    top: 318px;
    right: 21px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section1 #musicnotes {
    top: 465px;
    right: -17px;
  }
}
@media (max-width: 587px) {
  .summer_newsletter_2022 #section1 #musicnotes {
    top: 565px;
    right: -94px;
  }
}
@media (max-width: 530px) {
  .summer_newsletter_2022 #section1 #musicnotes {
    top: 643px;
    right: -26px;
    width: 200px;
  }
}
@media (max-width: 360px) {
  .summer_newsletter_2022 #section1 #musicnotes {
    top: 700px;
  }
}
.summer_newsletter_2022 #section1 #headerkids {
  width: 600px;
}
@media (max-width: 1170px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 70px;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 427px;
    left: -20px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section1 #headerkids {
    left: -150px;
    top: 460px;
  }
}
@media (max-width: 680px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 500px;
  }
}
@media (max-width: 587px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 545px;
  }
}
@media (max-width: 530px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 617px;
    width: 500px;
  }
}
@media (max-width: 481px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 650px;
  }
}
@media (max-width: 360px) {
  .summer_newsletter_2022 #section1 #headerkids {
    top: 689px;
    width: 422px;
  }
}
.summer_newsletter_2022 #section1 .signature h3 {
  color: #00bdd1;
  margin: 0;
  font-size: 30px;
}
.summer_newsletter_2022 #section1 .signature h2 {
  color: #482a74;
}
.summer_newsletter_2022 #section2 {
  background-color: #482a74;
  position: relative;
  padding: 80px 0;
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 {
    text-align: center;
  }
}
.summer_newsletter_2022 #section2 .airplane {
  position: absolute;
  width: 1600px;
  top: -30px;
}
@media (max-width: 900px) {
  .summer_newsletter_2022 #section2 .airplane {
    top: 60px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 .airplane {
    width: 100%;
    z-index: 2;
    left: -50%;
    top: 40%;
  }
}
@media (max-width: 680px) {
  .summer_newsletter_2022 #section2 .airplane {
    top: 50%;
  }
}
.summer_newsletter_2022 #section2 .content {
  position: relative;
  z-index: 1;
  max-width: 850px;
}
.summer_newsletter_2022 #section2 .content h1 {
  margin: 0;
  color: white;
  font-size: 45px;
}
@media (max-width: 900px) {
  .summer_newsletter_2022 #section2 .content h1 {
    font-size: 40px;
  }
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 .content h1 {
    font-size: 35px;
  }
}
.summer_newsletter_2022 #section2 .content h1 b {
  color: #00bdd1;
}
.summer_newsletter_2022 #section2 .content p {
  color: white;
  font-size: 20px;
  line-height: 25px;
  margin: 40px 0;
  max-width: 650px;
}
.summer_newsletter_2022 #section2 .content .highlight {
  display: grid;
  position: relative;
  grid-template-columns: 35% 65%;
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 .content .highlight {
    text-align: center;
    display: block;
  }
}
.summer_newsletter_2022 #section2 .content .highlight .famphoto {
  background-size: cover;
  background-position: center;
  border-radius: 30px 0 0 30px;
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 .content .highlight .famphoto {
    border-radius: 30px 30px 0 0;
    height: 300px;
  }
}
.summer_newsletter_2022 #section2 .content .highlight .quote_text {
  background-color: #ffec64;
  border-radius: 0 30px 30px 0;
  padding: 20px 40px;
  position: relative;
}
@media (max-width: 780px) {
  .summer_newsletter_2022 #section2 .content .highlight .quote_text {
    border-radius: 0px 0px 30px 30px;
  }
}
.summer_newsletter_2022 #section2 .content .highlight .quote_text h2 {
  font-size: 28px;
  color: #482a74;
}
.summer_newsletter_2022 #section2 .content .highlight .quote_text .quote_img {
  position: absolute;
  width: 100px;
  right: -56px;
  top: -43px;
}
@media (max-width: 980px) {
  .summer_newsletter_2022 #section2 .content .highlight .quote_text .quote_img {
    right: -19px;
    top: -52px;
  }
}
.summer_newsletter_2022 #section3 {
  background: white;
  background: linear-gradient(0deg, white 0%, #10bed2 100%);
  position: relative;
}
@media (max-width: 1450px) {
  .summer_newsletter_2022 #section3 {
    padding: 20px 0 0 0;
  }
}
@media (max-width: 1260px) {
  .summer_newsletter_2022 #section3 {
    padding: 50px 0;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 {
    padding-bottom: 0;
  }
}
.summer_newsletter_2022 #section3 p {
  font-size: 20px;
  line-height: 24px;
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section3 p {
    font-size: 18px;
    line-height: 22px;
  }
}
.summer_newsletter_2022 #section3 h1 {
  font-size: 40px;
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section3 h1 {
    font-size: 35px;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 h1 {
    font-size: 40px;
  }
}
@media (max-width: 600px) {
  .summer_newsletter_2022 #section3 h1 {
    font-size: 35px;
  }
}
.summer_newsletter_2022 #section3 h1 b {
  color: #f6925b;
}
.summer_newsletter_2022 #section3 .leftright {
  align-items: center;
}
@media (max-width: 1170px) {
  .summer_newsletter_2022 #section3 .leftright {
    grid-template-columns: 50% 50%;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 .leftright {
    display: grid;
    grid-template-columns: 100%;
    text-align: center;
  }
}
.summer_newsletter_2022 #section3 .leftright img {
  width: 95%;
}
@media (max-width: 1260px) {
  .summer_newsletter_2022 #section3 .leftright img {
    position: absolute;
    bottom: -50px;
    width: 600px;
    left: -100px;
  }
}
@media (max-width: 1200px) {
  .summer_newsletter_2022 #section3 .leftright img {
    left: -120px;
  }
}
@media (max-width: 1080px) {
  .summer_newsletter_2022 #section3 .leftright img {
    width: 556px;
    left: -115px;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 .leftright img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    left: auto;
    bottom: 0;
    margin-top: -50px;
    position: relative;
    display: block;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 .leftright .right {
    grid-row: 1;
  }
}
.summer_newsletter_2022 #section3 .cloud {
  position: absolute;
  width: 400px;
}
.summer_newsletter_2022 #section3 #cloud1 {
  left: -100px;
  top: 184px;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 #cloud1 {
    top: 570px;
  }
}
.summer_newsletter_2022 #section3 #cloud2 {
  left: 0;
  top: -35px;
  right: 0;
  margin: 0 auto;
}
.summer_newsletter_2022 #section3 #cloud3 {
  right: -99px;
  top: 107px;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section3 #cloud3 {
    top: 295px;
  }
}
.summer_newsletter_2022 #section4 {
  background-position: center;
  background-size: cover;
  padding: 80px 0;
  position: relative;
  padding-bottom: 250px;
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 {
    padding-bottom: 200px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 {
    padding-bottom: 386px;
    text-align: center;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 .absoluteimages {
    position: relative;
    margin: 0 auto;
    width: 600px;
    height: 200px;
    margin-top: 40px;
  }
}
@media (max-width: 545px) {
  .summer_newsletter_2022 #section4 .absoluteimages {
    margin-left: -20px;
  }
}
@media (max-width: 500px) {
  .summer_newsletter_2022 #section4 .absoluteimages {
    margin-left: -40px;
  }
}
@media (max-width: 455px) {
  .summer_newsletter_2022 #section4 .absoluteimages {
    margin-left: -60px;
  }
}
@media (max-width: 425px) {
  .summer_newsletter_2022 #section4 .absoluteimages {
    margin-left: -90px;
  }
}
@media (max-width: 1170px) {
  .summer_newsletter_2022 #section4 .leftright {
    grid-template-columns: 50% 50%;
  }
}
.summer_newsletter_2022 #section4 .leftright .left {
  max-width: 600px;
}
@media (max-width: 1350px) {
  .summer_newsletter_2022 #section4 .leftright .left {
    max-width: 500px;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section4 .leftright .left {
    max-width: 440px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 .leftright .left {
    max-width: 100%;
  }
}
.summer_newsletter_2022 #section4 h1 {
  font-size: 45px;
  color: #00bdd1;
  margin: 0;
}
@media (max-width: 1110px) {
  .summer_newsletter_2022 #section4 h1 {
    font-size: 40px;
  }
}
.summer_newsletter_2022 #section4 #tent {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 110%;
}
@media (max-width: 1800px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 130%;
    left: -283px;
  }
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 160%;
    left: -609px;
  }
}
@media (max-width: 1170px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 200%;
    left: -854px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 250%;
    left: -1048px;
  }
}
@media (max-width: 750px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 300%;
    left: -1158px;
  }
}
@media (max-width: 660px) {
  .summer_newsletter_2022 #section4 #tent {
    width: 400%;
    left: -1574px;
  }
}
@media (max-width: 575px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1500px;
  }
}
@media (max-width: 550px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1460px;
  }
}
@media (max-width: 525px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1430px;
  }
}
@media (max-width: 500px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1376px;
  }
}
@media (max-width: 475px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1326px;
  }
}
@media (max-width: 455px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1260px;
  }
}
@media (max-width: 445px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1211px;
  }
}
@media (max-width: 445px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -1157px;
  }
}
@media (max-width: 390px) {
  .summer_newsletter_2022 #section4 #tent {
    left: -989px;
  }
}
.summer_newsletter_2022 #section4 #art2 {
  right: 221px;
  width: 332px;
  top: 172px;
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: 329px;
    top: 155px;
  }
}
@media (max-width: 1500px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: 226px;
  }
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: 195px;
  }
}
@media (max-width: 1200px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: 113px;
  }
}
@media (max-width: 1110px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: 90px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 #art2 {
    right: auto;
    left: 0;
    top: 128px;
  }
}
@media (max-width: 660px) {
  .summer_newsletter_2022 #section4 #art2 {
    left: -15px;
    width: 300px;
  }
}
@media (max-width: 575px) {
  .summer_newsletter_2022 #section4 #art2 {
    left: -15px;
  }
}
.summer_newsletter_2022 #section4 #beachball {
  width: 150px;
  left: -300px;
  top: 150px;
}
@media (max-width: 1900px) {
  .summer_newsletter_2022 #section4 #beachball {
    left: -252px;
  }
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 #beachball {
    left: 628px;
    top: -100px;
  }
}
@media (max-width: 1500px) {
  .summer_newsletter_2022 #section4 #beachball {
    left: 569px;
  }
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section4 #beachball {
    display: none;
  }
}
.summer_newsletter_2022 #section4 #starfish {
  width: 100px;
  right: 590px;
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 #starfish {
    display: none;
  }
}
.summer_newsletter_2022 #section4 #art1 {
  width: 360px;
  right: 0;
  top: -27px;
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 #art1 {
    width: 332px;
    right: 100px;
  }
}
@media (max-width: 1500px) {
  .summer_newsletter_2022 #section4 #art1 {
    right: 0;
  }
}
@media (max-width: 1200px) {
  .summer_newsletter_2022 #section4 #art1 {
    right: -100px;
  }
}
@media (max-width: 1110px) {
  .summer_newsletter_2022 #section4 #art1 {
    right: -140px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 #art1 {
    right: auto;
    left: 263px;
    top: 0;
  }
}
@media (max-width: 660px) {
  .summer_newsletter_2022 #section4 #art1 {
    left: 239px;
    width: 300px;
  }
}
@media (max-width: 575px) {
  .summer_newsletter_2022 #section4 #art1 {
    left: 215px;
  }
}
.summer_newsletter_2022 #section4 #seymour {
  width: 130px;
  right: 327px;
  top: 66px;
}
@media (max-width: 1600px) {
  .summer_newsletter_2022 #section4 #seymour {
    right: 419px;
    top: 49px;
  }
}
@media (max-width: 1500px) {
  .summer_newsletter_2022 #section4 #seymour {
    right: 315px;
  }
}
@media (max-width: 1300px) {
  .summer_newsletter_2022 #section4 #seymour {
    right: 292px;
  }
}
@media (max-width: 1200px) {
  .summer_newsletter_2022 #section4 #seymour {
    right: 202px;
  }
}
@media (max-width: 990px) {
  .summer_newsletter_2022 #section4 #seymour {
    right: auto;
    left: 104px;
    top: 22px;
  }
}
.summer_newsletter_2022 #section5 {
  background-color: #00bdd1;
  position: relative;
  padding: 50px 0;
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section5 {
    padding: 100px 0;
  }
}
.summer_newsletter_2022 #section5 .leftright {
  align-items: center;
  grid-template-columns: 40% 60%;
  grid-gap: 40px;
}
@media (max-width: 1250px) {
  .summer_newsletter_2022 #section5 .leftright {
    grid-template-columns: 1.5fr 2fr;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section5 .leftright {
    display: grid;
    align-items: flex-start;
  }
}
@media (max-width: 800px) {
  .summer_newsletter_2022 #section5 .leftright {
    text-align: center;
    grid-template-columns: 100%;
  }
}
.summer_newsletter_2022 #section5 .leftright .left img {
  width: 100%;
  max-width: 400px;
  border-radius: 20px;
}
@media (max-width: 800px) {
  .summer_newsletter_2022 #section5 .leftright .left img {
    max-width: 320px;
  }
}
@media (max-width: 800px) {
  .summer_newsletter_2022 #section5 .leftright .right {
    grid-row: 1;
  }
}
.summer_newsletter_2022 #section5 h1 {
  font-size: 45px;
}
@media (max-width: 1450px) {
  .summer_newsletter_2022 #section5 h1 {
    max-width: 600px;
  }
}
@media (max-width: 1250px) {
  .summer_newsletter_2022 #section5 h1 {
    max-width: 500px;
  }
}
@media (max-width: 1150px) {
  .summer_newsletter_2022 #section5 h1 {
    max-width: 450px;
  }
}
@media (max-width: 1080px) {
  .summer_newsletter_2022 #section5 h1 {
    max-width: 375px;
    font-size: 40px;
  }
}
@media (max-width: 1045px) {
  .summer_newsletter_2022 #section5 h1 {
    font-size: 35px;
    margin: 0;
  }
}
@media (max-width: 800px) {
  .summer_newsletter_2022 #section5 h1 {
    max-width: inherit;
  }
}
.summer_newsletter_2022 #section5 h1 b {
  color: white;
}
.summer_newsletter_2022 #section5 h3 {
  color: #482a74;
  font-weight: 400;
  font-size: 25px;
}
.summer_newsletter_2022 #section5 h3 b {
  color: white;
}
.summer_newsletter_2022 #section5 #starfish {
  width: 100px;
  left: 100px;
  top: 100px;
}
@media (max-width: 1250px) {
  .summer_newsletter_2022 #section5 #starfish {
    display: none;
  }
}
.summer_newsletter_2022 #section5 #plants {
  width: 300px;
  bottom: 0;
  left: 0;
}
@media (max-width: 850px) {
  .summer_newsletter_2022 #section5 #plants {
    left: -100px;
  }
}
.summer_newsletter_2022 #section5 #fish {
  width: 250px;
  right: 0;
  top: 20px;
}
@media (max-width: 1360px) {
  .summer_newsletter_2022 #section5 #fish {
    right: -66px;
  }
}
@media (max-width: 980px) {
  .summer_newsletter_2022 #section5 #fish {
    right: -120px;
  }
}
@media (max-width: 800px) {
  .summer_newsletter_2022 #section5 #fish {
    top: auto;
    bottom: 100px;
    right: -50px;
  }
}
@media (max-width: 600px) {
  .summer_newsletter_2022 #section5 #fish {
    right: -115px;
  }
}
.summer_newsletter_2022 #section6 {
  background-position: center;
  background-size: cover;
  text-align: center;
  padding: 90px 20px;
}
.summer_newsletter_2022 #section6 .sectionheader h1 {
  margin: 0;
  font-size: 45px;
}
.summer_newsletter_2022 #section6 .sectionheader p {
  font-size: 20px;
}
.summer_newsletter_2022 #section6 .donation_opportunities {
  display: flex;
  gap: 40px;
  flex-wrap: wrap;
  max-width: 1200px;
  padding-top: 40px;
  margin: 0 auto;
  justify-content: center;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity {
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  min-width: 250px;
  max-width: 250px;
  justify-content: center;
  height: 250px;
  display: flex;
  align-items: center;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity img {
  width: 70px;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity h2 {
  color: #482a74;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity p {
  font-size: 16px;
  line-height: 20px;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.shopping {
  box-shadow: 12px 12px 2px 1px #00bdd1;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.unitedway {
  box-shadow: 12px 12px 2px 1px #482a74;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.gifts {
  box-shadow: 12px 12px 2px 1px #ee3a84;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.recurring {
  box-shadow: 12px 12px 2px 1px #f6925b;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.lifecycle {
  box-shadow: 12px 12px 2px 1px #ffec64;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.shopping:hover {
  box-shadow: 12px 12px 2px 1px #ffec64;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.unitedway:hover {
  box-shadow: 12px 12px 2px 1px #f6925b;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.gifts:hover {
  box-shadow: 12px 12px 2px 1px #00bdd1;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.recurring:hover {
  box-shadow: 12px 12px 2px 1px #482a74;
}
.summer_newsletter_2022 #section6 .donation_opportunities .opportunity.lifecycle:hover {
  box-shadow: 12px 12px 2px 1px #ee3a84;
}

.gala23 {
  background-color: #00bdd1;
}
.gala23 .marquee {
  position: fixed;
  z-index: 100;
  background-color: white;
  box-shadow: 0px 0px 10px #aaa;
}
.gala23 .sponsor_group_holder {
  display: grid;
  gap: 20px;
  grid-template-columns: 50% 50%;
}
.gala23 .sponsor_group_holder .sponsor_group p {
  margin: 0;
}
.gala23 h1 {
  color: #00bdd1;
  text-transform: uppercase;
  font-weight: 100;
}
.gala23 .gform_legacy_markup_wrapper textarea.medium {
  height: 100px;
}
.gala23 h2 {
  color: #00bdd1;
  font-size: 22px;
  font-weight: 600 !important;
}
.gala23 form textarea, .gala23 form input {
  color: #00bdd1;
}
.gala23 form input[type=submit] {
  color: white;
}
.gala23 form h2 {
  color: #482a74;
}
.gala23 h3, .gala23 h4 {
  color: #00bdd1;
  font-weight: 600 !important;
}
.gala23 .inlinelink {
  display: inline;
  border-bottom: 5px solid #ffec64;
}
.gala23 .alert {
  color: #482a74;
  background-color: #ffec64;
  padding: 5px 20px;
  display: inline-block;
  margin: 0;
  border-radius: 100px;
}
.gala23 p {
  color: #00bdd1;
  font-weight: 300;
}
.gala23 .style_footer {
  font-size: 13px;
  margin-top: 40px;
  font-weight: 400;
}
.gala23 .special_label .gfield_label {
  color: #482a74;
  font-weight: 600;
  font-size: 22px;
}
@media (max-width: 1200px) {
  .gala23 .hide_on_mobile {
    display: none !important;
  }
}
.gala23 .show_on_mobile {
  display: none !important;
}
@media (max-width: 1200px) {
  .gala23 .show_on_mobile {
    display: inherit !important;
  }
}
.gala23 .support {
  width: 200px;
  z-index: 100;
}
.gala23 .support img {
  width: 100%;
}
.gala23 .content_wrapper {
  display: grid;
  background: #fff;
  max-width: 1600px;
  padding-top: 40px;
  min-height: 100vh;
  margin: 0 auto;
  grid-template-columns: 350px 850px 400px;
}
@media (max-width: 1500px) {
  .gala23 .content_wrapper {
    grid-template-columns: 300px 780px 300px;
  }
}
@media (max-width: 1400px) {
  .gala23 .content_wrapper {
    grid-template-columns: 300px 650px 300px;
  }
}
@media (max-width: 1250px) {
  .gala23 .content_wrapper {
    grid-template-columns: 300px 600px 300px;
  }
}
@media (max-width: 1200px) {
  .gala23 .content_wrapper {
    display: block;
  }
}
.gala23 .content_wrapper .sidebar_menu {
  padding: 50px;
  position: fixed;
  box-sizing: border-box;
  height: 100vh;
  background-size: cover;
  background-position: center;
  width: 350px;
}
@media (max-width: 1500px) {
  .gala23 .content_wrapper .sidebar_menu {
    width: 300px;
  }
}
@media (max-width: 1200px) {
  .gala23 .content_wrapper .sidebar_menu {
    position: relative;
    height: auto;
    width: 100%;
  }
}
@media (max-width: 850px) {
  .gala23 .content_wrapper .sidebar_menu {
    padding: 30px;
  }
}
.gala23 .content_wrapper .sidebar_menu p {
  color: #482a74;
}
.gala23 .content_wrapper .sidebar_menu .event_logo {
  width: 100%;
  max-width: 230px;
}
@media (max-height: 1000px) {
  .gala23 .content_wrapper .sidebar_menu .event_logo {
    max-width: 200px;
  }
}
@media (max-height: 950px) {
  .gala23 .content_wrapper .sidebar_menu .event_logo {
    max-width: 170px;
  }
}
@media (max-width: 960px) {
  .gala23 .content_wrapper .sidebar_menu .event_logo {
    max-width: 200px;
  }
}
@media (max-width: 650px) {
  .gala23 .content_wrapper .sidebar_menu .event_logo {
    max-width: 150px;
  }
}
.gala23 .content_wrapper .sidebar_menu .logo {
  width: 100%;
  max-width: 150px;
}
.gala23 .content_wrapper .sidebar_menu .page_img {
  width: 370px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
}
@media (max-width: 960px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    width: 300px;
  }
}
@media (max-width: 800px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    left: 100px;
  }
}
@media (max-width: 750px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    left: 170px;
  }
}
@media (max-width: 650px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    width: 260px;
    left: 70px;
  }
}
@media (max-width: 600px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    left: 180px;
  }
}
@media (max-width: 500px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    width: 220px;
  }
}
@media (max-width: 430px) {
  .gala23 .content_wrapper .sidebar_menu .page_img {
    width: 200px;
  }
}
@media (max-width: 1200px) {
  .gala23 .content_wrapper .sidebar_menu #closed_menu {
    position: absolute;
    width: 100%;
    background-image: url(https://sp-ao.shortpixel.ai/client/to_auto,q_lossy,ret_img/https://phillyfriendshipvirtual.com/wp-content/uploads/2023/02/sidebar_bg.jpg);
    background-color: yellow;
    left: 0;
    top: -100vh;
    height: 100vh;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
    overflow: hidden;
  }
}
.gala23 .content_wrapper .sidebar_menu #closed_menu #menu_close {
  position: absolute;
  top: 50px;
  right: 25px;
  color: white;
  background-color: #00bdd1;
  padding: 15px;
  border: white 5px solid;
  border-radius: 100%;
  width: 10px;
  height: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1200px) {
  .gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper {
    width: 250px;
  }
}
.gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .event_logo {
  z-index: 10;
  max-width: 230px;
}
@media (max-height: 1000px) {
  .gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .event_logo {
    max-width: 180px;
  }
}
.gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .menu {
  padding-inline: 0;
  list-style: none;
  margin: 40px 0 70px 0;
}
.gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .menu li {
  margin: 10px 0;
}
.gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .menu li a {
  background-color: #00bdd1;
  border: #fff 5px solid;
  border-radius: 50px;
  display: block;
  color: #fff;
  text-align: center;
  padding: 7px 0;
}
@media (max-height: 1000px) {
  .gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .menu li a {
    font-size: 16px;
  }
}
@media (max-height: 950px) {
  .gala23 .content_wrapper .sidebar_menu #closed_menu .wrapper .menu li a {
    font-size: 15px;
  }
}
.gala23 .content_wrapper .sidebar_menu .hide_on_mobile .socialmedia {
  margin-top: 20px;
}
.gala23 .content_wrapper .sidebar_menu .hide_on_mobile .socialmedia i {
  color: #482a74;
  font-size: 24px;
}
@media (max-height: 1200px) {
  .gala23 .content_wrapper .sidebar_menu .hide_on_mobile p {
    font-size: 16px;
    line-height: 20px;
  }
}
@media (max-height: 1100px) {
  .gala23 .content_wrapper .sidebar_menu .hide_on_mobile p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-width: 1350px) {
  .gala23 .content_wrapper .sidebar_menu .hide_on_mobile p {
    font-size: 14px;
    line-height: 18px;
  }
}
@media (max-height: 900px) {
  .gala23 .content_wrapper .sidebar_menu .hide_on_mobile p {
    display: none;
  }
}
.gala23 .content_wrapper .sidebar_menu .support {
  position: absolute;
  top: 50px;
  right: 100px;
}
@media (max-width: 960px) {
  .gala23 .content_wrapper .sidebar_menu .support {
    right: 75px;
    width: 180px;
  }
}
@media (max-width: 750px) {
  .gala23 .content_wrapper .sidebar_menu .support {
    bottom: -32px;
    top: auto;
    right: 40px;
  }
}
@media (max-width: 600px) {
  .gala23 .content_wrapper .sidebar_menu .support {
    width: 150px;
  }
}
@media (max-width: 600px) {
  .gala23 .content_wrapper .sidebar_menu .support {
    display: none;
  }
}
.gala23 .content_wrapper .sidebar_menu #menu_open {
  position: absolute;
  right: 31px;
  top: 50px;
  font-size: 30px;
  background: transparent;
  border: none;
  color: #00bdd1;
}
@media (max-width: 650px) {
  .gala23 .content_wrapper .sidebar_menu #menu_open {
    top: 25px;
  }
}
.gala23 .content_wrapper .main_section {
  padding: 50px;
}
@media (max-width: 850px) {
  .gala23 .content_wrapper .main_section {
    padding: 30px;
  }
}
.gala23 .content_wrapper .main_section ul {
  list-style: none;
  padding-inline: 0;
}
.gala23 .content_wrapper .main_section ul li, .gala23 .content_wrapper .main_section ul p {
  color: #00bdd1;
}
.gala23 .content_wrapper .right_section {
  position: fixed;
  width: 400px;
  height: 100%;
  background-size: cover;
}
@media (max-width: 1500px) {
  .gala23 .content_wrapper .right_section {
    width: 300px;
  }
}
.gala23 .content_wrapper .right_section .support {
  position: fixed;
  top: 65px;
  margin-left: 123px;
}
@media (max-width: 1500px) {
  .gala23 .content_wrapper .right_section .support {
    margin-left: 70px;
  }
}
@media (max-height: 1000px) {
  .gala23 .content_wrapper .right_section .support {
    margin-left: 50px;
  }
}
.gala23 .content_wrapper .right_section .page_img {
  width: 450px;
  bottom: 0;
  position: fixed;
}
@media (max-width: 1700px) {
  .gala23 .content_wrapper .right_section .page_img {
    right: -50px;
  }
}
@media (max-width: 1550px) {
  .gala23 .content_wrapper .right_section .page_img {
    right: -75px;
  }
}
.gala23 .gform_legacy_markup_wrapper label.gfield_label, .gala23 .gform_legacy_markup_wrapper legend.gfield_label, .gala23 .gform_legacy_markup_wrapper label.gfield_label, .gala23 .gform_legacy_markup_wrapper legend.gfield_label, .gala23 .gform_legacy_markup_wrapper table.gfield_list thead th, .gala23 .gform_legacy_markup_wrapper .validation_message {
  font-weight: 500;
}
.gala23 .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_checkbox, .gala23 body .gform_legacy_markup_wrapper ul li.field_description_below div.ginput_container_radio {
  margin: 0;
}
.gala23 .gform_next_button, .gala23 .gform_previous_button {
  background-color: #482a74;
  border-radius: 100px;
  padding: 15px 30px;
  color: white;
}
.gala23 .gform_legacy_markup_wrapper .field_description_below .gfield_description {
  margin: 10px 0;
}
.gala23 #field_14_84, .gala23 #field_14_86, .gala23 #field_14_34, .gala23 #field_14_37, .gala23 #field_14_67 {
  margin: 35px 0;
}
.gala23 #gform_submit_button_14, .gala23 #gform_submit_button_16, .gala23 #gform_submit_button_17, .gala23 #gform_submit_button_19  {
  border-radius: 100px;
  padding: 15px 30px;
}
.gala23 #input_14_104, .gala23 #input_16_104, .gala23 #input_17_104, .gala23 #input_19_4 {
  display: flex;
  flex-wrap: wrap;
  margin-top: -10px;
}
.gala23 #input_14_104 li, .gala23 #input_16_104 li, .gala23 #input_17_104 li, .gala23 #input_19_4 li {
  width: 33%;
}
@media (max-width: 650px) {
  .gala23 #input_14_104 li, .gala23 #input_16_104 li, .gala23 #input_17_104 li, .gala23 #input_19_4 li {
    width: 50%;
  }
}
@media (max-width: 500px) {
  .gala23 #input_14_104 li, .gala23 #input_16_104 li, .gala23 #input_17_104 li, .gala23 #input_19_4 li {
    width: 100%;
  }
}
.gala23 #input_14_104 .sponsor img, .gala23 #input_16_104 .sponsor img, .gala23 #input_17_104 .sponsor img, .gala23 #input_19_4 .sponsor img {
  width: 75px;
}
.gala23 #input_14_104 .sponsor h3, .gala23 #input_16_104 .sponsor h3, .gala23 #input_17_104 .sponsor h3, .gala23 #input_19_4 .sponsor h3 {
  font-weight: 500;
  font-size: 22px;
  margin: 0;
}
.gala23 #input_14_104 .sponsor h4, .gala23 #input_16_104 .sponsor h4, .gala23 #input_17_104 .sponsor h4, .gala23 #input_19_4 .sponsor h4 {
  font-size: 18px;
  font-weight: 500;
  margin: 0;
  line-height: 20px;
}
.gala23 #input_14_104 .sponsor p, .gala23 #input_16_104 .sponsor p, .gala23 #input_17_104 .sponsor p, .gala23 #input_19_4 .sponsor p {
  font-size: 15px;
  line-height: 18px;
  margin: 5px 0 0 0;
}
.gala23 .level_info {
  width: 100%;
  display: flex;
  align-items: center;
  margin: 20px 0;
}
.gala23 .level_info h2 {
  display: inline-block;
  background: #ffec64;
  border-radius: 100px;
  padding: 5px 40px 5px 56px;
  margin-left: -30px;
  font-weight: 500;
  color: #482a74;
  font-size: 18px;
}
.gala23 .level_info img {
  width: 85px;
  margin: 20px 0;
  z-index: 2;
}

.gala23_phase2 {
  background-color: white;
}
.gala23_phase2 p {
  color: #482a74;
}
.gala23_phase2 .smaller {
  font-size: 14px;
}
.gala23_phase2 h1 {
  text-transform: none;
  font-size: 34px;
  font-weight: 500;
}
.gala23_phase2 h2 {
  font-size: 30px;
}
.gala23_phase2 h3 {
  color: #482a74;
}
.gala23_phase2 h4 {
  font-size: 20px;
}
.gala23_phase2 h5 {
  font-size: 16px;
}
.gala23_phase2 .thicker {
  font-weight: 800 !important;
  text-transform: uppercase;
}
.gala23_phase2 .container {
  max-width: 1400px;
}
.gala23_phase2 .header {
  background-color: #ffec64;
  margin-top: 40px;
}
.gala23_phase2 .header .container {
  display: grid;
  position: relative;
  grid-template-columns: 25% 70%;
}
@media (max-width: 1450px) {
  .gala23_phase2 .header .container {
    grid-template-columns: 25% 75%;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 .header .container {
    display: block;
  }
}
.gala23_phase2 .header .container .logo img {
  position: absolute;
  width: 1979px;
  margin-top: -20px;
}
@media (max-width: 1500px) {
  .gala23_phase2 .header .container .logo img {
    margin-top: 0;
    width: 140%;
  }
}
@media (max-width: 1450px) {
  .gala23_phase2 .header .container .logo img {
    width: 150%;
  }
}
@media (max-width: 1100px) {
  .gala23_phase2 .header .container .logo img {
    width: 180%;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .logo img {
    width: 190%;
  }
}
@media (max-width: 900px) {
  .gala23_phase2 .header .container .logo img {
    width: 200%;
  }
}
@media (max-width: 800px) {
  .gala23_phase2 .header .container .logo img {
    width: 210%;
  }
}
@media (max-width: 700px) {
  .gala23_phase2 .header .container .logo img {
    width: 230%;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 .header .container .logo img {
    width: 1600px;
  }
}
.gala23_phase2 .header .container .content .menu {
  display: flex;
  align-items: center;
  column-gap: 20px;
  padding-top: 23px;
  z-index: 2;
  position: relative;
  justify-content: space-between;
}
@media (max-width: 1450px) {
  .gala23_phase2 .header .container .content .menu {
    padding-top: 37px;
  }
}
@media (max-width: 1315px) {
  .gala23_phase2 .header .container .content .menu {
    padding-top: 30px;
  }
}
@media (max-width: 1200px) {
  .gala23_phase2 .header .container .content .menu {
    justify-content: right;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper {
  padding-inline-start: 0;
  list-style: none;
  margin-right: 20px;
  display: flex;
  transition: 0.2s;
  column-gap: 20px;
}
@media (max-width: 1315px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper {
    column-gap: 10px;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper {
    position: fixed;
    background-color: #00bdd1;
    display: block;
    right: -100%;
    height: 100vh;
    margin: 0;
    top: 40px;
    padding: 20px;
    box-shadow: 0px 0px 10px #aaa;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper li {
  background-color: #00bdd1;
  padding: 3px 15px;
  border-radius: 20px;
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper li {
    background-color: transparent;
    margin-bottom: 20px;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper li a {
  color: white;
  font-size: 15px;
}
@media (max-width: 1315px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper li a {
    font-size: 14px;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper li a {
    font-size: 16px;
    color: white;
    border-bottom: 3px solid #ffec64;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper li a:hover {
  cursor: pointer;
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper li a:hover {
    border-bottom: 3px solid #482a74;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper li:hover {
  background-color: #482a74;
  cursor: pointer;
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper li:hover {
    background-color: transparent;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper #menu_close {
  display: none;
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menuwrapper #menu_close {
    background: white;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    font-size: 14px;
    font-weight: 500;
    color: #00bdd1;
    float: right;
  }
}
.gala23_phase2 .header .container .content .menu #menuwrapper #menu_close:hover {
  background-color: #482a74;
  color: #ffec64;
  cursor: pointer;
}
.gala23_phase2 .header .container .content .menu #menu_open {
  display: none;
}
@media (max-width: 1000px) {
  .gala23_phase2 .header .container .content .menu #menu_open {
    display: flex;
    align-items: center;
    column-gap: 10px;
  }
}
.gala23_phase2 .header .container .content .menu #menu_open p {
  color: #00bdd1;
  font-weight: 600;
  font-size: 16px;
}
.gala23_phase2 .header .container .content .menu #menu_open .burger span {
  display: block;
  margin-bottom: 3px;
  height: 4px;
  width: 25px;
  background-color: #00bdd1;
  border-radius: 10px;
}
.gala23_phase2 .header .container .content .main_logo {
  width: 150px;
}
@media (max-width: 1360px) {
  .gala23_phase2 .header .container .content .main_logo {
    width: 120px;
  }
}
@media (max-width: 1200px) {
  .gala23_phase2 .header .container .content .main_logo {
    display: none;
  }
}
.gala23_phase2 .header .container .content .groupgala {
  width: 100%;
  margin-bottom: -4px;
  margin-top: 20px;
}
@media (max-width: 1100px) {
  .gala23_phase2 .header .container .content .groupgala {
    width: 120%;
    margin-top: 40px;
    margin-left: 40px;
  }
}
@media (max-width: 900px) {
  .gala23_phase2 .header .container .content .groupgala {
    width: 130%;
    margin-top: 26px;
    margin-left: 61px;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 .header .container .content .groupgala {
    margin-top: 300px;
    margin-left: -50px;
    width: 150%;
  }
}
.gala23_phase2 .header.side_page .single_header_assets {
  display: flex;
  align-items: center;
  position: relative;
  justify-content: space-around;
}
@media (max-width: 1200px) {
  .gala23_phase2 .header.side_page .single_header_assets {
    justify-content: end;
  }
}
.gala23_phase2 .header.side_page .single_header_assets .headerimage {
  text-align: right;
}
.gala23_phase2 .header.side_page .single_header_assets .headerimage img {
  width: 100%;
  max-width: 369px;
  margin-top: 30px;
  margin-bottom: -4px;
}
@media (max-width: 1500px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    width: 90%;
  }
}
@media (max-width: 650px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    margin-left: 120px;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    margin-left: 260px;
  }
}
@media (max-width: 550px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    margin-left: 215px;
  }
}
@media (max-width: 500px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    width: 70%;
    margin-top: 90px;
  }
}
@media (max-width: 450px) {
  .gala23_phase2 .header.side_page .single_header_assets .headerimage img {
    margin-top: 120px;
  }
}
@media (max-width: 1200px) {
  .gala23_phase2 .header.side_page .single_header_assets .headertitle {
    position: absolute;
    left: 50px;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .header.side_page .single_header_assets .headertitle {
    left: auto;
    bottom: 0;
  }
}
@media (max-width: 650px) {
  .gala23_phase2 .header.side_page .single_header_assets .headertitle {
    bottom: -42px;
  }
}
.gala23_phase2 .header.side_page .single_header_assets h1 {
  font-size: 46px;
  background-color: white;
  border-radius: 100px;
  padding: 10px 30px;
  box-shadow: 0px 0px 10px #aaa;
}
@media (max-width: 1300px) {
  .gala23_phase2 .header.side_page .single_header_assets h1 {
    font-size: 36px;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .header.side_page .single_header_assets h1 {
    font-size: 26px;
  }
}
@media (max-width: 450px) {
  .gala23_phase2 .header.side_page .single_header_assets h1 {
    font-size: 20px;
  }
}
@media (max-width: 1500px) {
  .gala23_phase2 .header.side_page .logo img {
    width: 1700px;
  }
}
.gala23_phase2 .sponsorinfo {
  width: 100%;
}
.gala23_phase2 .sponsorinfo h2 {
  margin-top: 0;
  font-size: 20px;
}
.gala23_phase2 .sponsorinfo h2 b {
  color: #00bdd1;
  font-size: 30px;
}
.gala23_phase2 .level_info {
  margin: 0;
}
.gala23_phase2 .level_info h2 {
  font-size: 20px;
}
.gala23_phase2 label {
  color: #482a74;
}
.gala23_phase2 .main_content_holder {
  padding: 40px 0;
}
.gala23_phase2 .overridefield {
  display: flex;
  align-items: center;
  margin-top: 0 !important;
}
.gala23_phase2 .overridefield .ginput_container {
  margin-top: 0 !important;
}
.gala23_phase2 .overridefield .ginput_container input {
  border: none;
  font-weight: 600;
}
.gala23_phase2 #field_16_141, .gala23_phase2 #field_17_141 {
  margin-top: 20px !important;
}
.gala23_phase2 #field_16_150 label, .gala23_phase2 #field_16_150 input, .gala23_phase2 #field_17_150 label, .gala23_phase2 #field_17_150 input {
  font-size: 20px;
}
.gala23_phase2 #field_16_84, .gala23_phase2 #field_17_84 {
  color: #482a74;
}
.gala23_phase2 #field_16_84 label, .gala23_phase2 #field_17_84 label {
  margin-bottom: 10px;
}
.gala23_phase2 .gfield_description {
  color: #482a74;
}
.gala23_phase2 #field_16_37, .gala23_phase2 #field_17_37 {
  padding: 20px 0;
}
.gala23_phase2 #field_16_67, .gala23_phase2 #field_17_67 {
  padding: 20px 0;
  margin-top: 0 !important;
}
.gala23_phase2 #home_section2 {
  background-color: #00bdd1;
  padding: 50px 0;
}
.gala23_phase2 #home_section2 .container {
  display: grid;
  grid-template-columns: 33% 33% 33%;
  grid-gap: 3%;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section2 .container {
    grid-template-columns: 30% 50%;
    grid-gap: 50px;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 #home_section2 .container {
    grid-template-columns: 40% 50%;
  }
}
@media (max-width: 900px) {
  .gala23_phase2 #home_section2 .container {
    grid-template-columns: 100%;
    text-align: center;
    max-width: 500px;
    grid-gap: 10px;
  }
}
.gala23_phase2 #home_section2 .container img {
  width: 100%;
}
.gala23_phase2 #home_section2 .container p {
  color: white;
  font-size: 16px;
}
.gala23_phase2 #home_section2 .container h1 {
  color: #ffec64;
}
.gala23_phase2 #home_section2 .container .bigger {
  font-size: 20px;
  font-weight: 400;
  line-height: 26px;
}
.gala23_phase2 #home_section2 .container .part3 {
  display: flex;
  align-items: center;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section2 .container .part3 {
    display: none;
  }
}
.gala23_phase2 #home_section2 .container .part3 img {
  border-radius: 100%;
  max-width: 300px;
}
.gala23_phase2 #home_section2 .container .part1 img {
  max-width: 400px;
}
@media (max-width: 900px) {
  .gala23_phase2 #home_section2 .container .part1 img {
    max-width: 300px;
  }
}
.gala23_phase2 #home_section3 {
  background-color: white;
  padding: 50px 0;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section3 {
    position: relative;
  }
}
.gala23_phase2 #home_section3 .container {
/*  display: grid;*/
/*  grid-template-columns: 50% 50%;*/
/*  grid-gap: 100px;*/
  align-items: center;
  justify-content: center;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section3 .container {
    align-items: flex-start;
/*    grid-template-columns: 30% 415px;*/
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 #home_section3 .container {
    grid-gap: 50px;
/*    grid-template-columns: 40% 415px;*/
  }
}
@media (max-width: 800px) {
  .gala23_phase2 #home_section3 .container {
    display: block;
    text-align: left;
      
  }
}
@media (max-width: 500px) {
  .gala23_phase2 #home_section3 .container {
    text-align: left;
  }
}
.gala23_phase2 #home_section3 .container .honoring {
  background-color: #00bdd1;
  margin-top: 50px;
  border-radius: 20px;
  width: 260px;
  padding: 20px;
  box-sizing: border-box;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section3 .container .honoring {
    margin: 30px 0;
  }
}
@media (max-width: 800px) {
  .gala23_phase2 #home_section3 .container .honoring {
    margin: 30px 0 10px 0;
  }
}
@media (max-width: 500px) {
  .gala23_phase2 #home_section3 .container .honoring {
    margin: 30px 0;
  }
}
.gala23_phase2 #home_section3 .container .honoring h4 {
  color: #ffec64;
  text-transform: uppercase;
  margin: 0;
  letter-spacing: 0.5px;
}
.gala23_phase2 #home_section3 .container .honoring h5 {
  color: white;
  font-weight: 500 !important;
  margin: 0;
  font-size: 16px;
  margin-top: 5px;
  width: 190px;
}
@media (max-width: 800px) {
  .gala23_phase2 #home_section3 .container .part1 {
/*    width: 300px;*/
    margin: 0 auto;
  }
}
@media (max-width: 500px) {
  .gala23_phase2 #home_section3 .container .part1 {
    margin: initial;
  }
}
.gala23_phase2 #home_section3 .container .part2_3 {
/*
  display: grid;
  grid-template-columns: 50% 50%;
  grid-gap: 50px;
*/
  position: relative;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section3 .container .part2_3 {
    display: block;
    position: inherit;
  }
}
.gala23_phase2 #home_section3 .container .part2_3 .balloon {
  position: absolute;
  bottom: -90px;
  width: 118px;
  right: 20px;
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section3 .container .part2_3 .balloon {
/*
    right: 69px;
    left: auto;
    width: 127px;
    bottom: 0;
*/
  }
}
@media (max-width: 800px) {
  .gala23_phase2 #home_section3 .container .part2_3 .balloon {
    bottom: -11px;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 #home_section3 .container .part2_3 .balloon {
    width: 90px;
    right: 10px;
  }
}
.gala23_phase2 #home_section3 .container .part2 {
  position: relative;
}

@media (max-width: 800px) {
    .gala23_phase2 #home_section3 .container .part2 {
        margin-top: 40px;
        border-top: 2px solid #ffec64;
        padding-top: 40px;
    }
}
.gala23_phase2 #home_section3 .container .part2 h1 {
  margin-top: 0;
}
.gala23_phase2 #home_section4 {
  display: grid;
  z-index: 2;
  grid-template-columns: 50% 50%;
  position: relative;
}
@media (max-width: 920px) {
  .gala23_phase2 #home_section4 {
    display: block;
  }
}
.gala23_phase2 #home_section4 h1 {
  color: #482a74;
  text-align: center;
}
.gala23_phase2 #home_section4 .line {
  width: 100%;
  height: 3px;
  position: absolute;
  left: 0;
  top: 212px;
}
.gala23_phase2 #home_section4 .quote {
  display: flex;
  align-items: flex-start;
  max-width: 700px;
  margin: 0 auto;
  margin-top: 50px;
}
.gala23_phase2 #home_section4 .quote img {
  width: 50px;
  margin-right: 20px;
}
.gala23_phase2 #home_section4 .quote .copy {
  margin-top: -20px;
}
.gala23_phase2 #home_section4 .quote .copy h6 {
  font-size: 16px;
  font-weight: 500;
  text-transform: uppercase;
  color: #482a74;
}
.gala23_phase2 #home_section4 .left {
  background-color: #ffec64;
  padding: 50px;
  position: relative;
}
.gala23_phase2 #home_section4 .left .line {
  background-color: #00bdd1;
}
.gala23_phase2 #home_section4 .left .eventchairs {
  display: flex;
  gap: 22px;
  position: relative;
  z-index: 2;
  height: 100px;
  justify-content: center;
  margin-top: 50px;
}
.gala23_phase2 #home_section4 .left .eventchairs .eventchair {
  background-color: white;
  display: inline-block;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  box-shadow: 0px 0px 10px #aaa;
}
.gala23_phase2 #home_section4 .left .eventchairs .eventchair h1, .gala23_phase2 #home_section4 .left .eventchairs .eventchair h3 {
  color: #00bdd1;
  margin: 0;
  text-align: center;
  font-weight: 600;
}
.gala23_phase2 #home_section4 .left .eventchairs .eventchair h1 {
  font-size: 36px;
  line-height: 30px;
}
.gala23_phase2 #home_section4 .right {
  background-color: #00bdd1;
  padding: 50px;
  position: relative;
}
.gala23_phase2 #home_section4 .right .line {
  background-color: #ffec64;
}
.gala23_phase2 #home_section4 .right .youthchairs {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 600px;
  justify-content: center;
  height: 100px;
  align-items: center;
  margin: 50px auto 0;
}
@media (max-width: 1323px) {
  .gala23_phase2 #home_section4 .right .youthchairs {
    margin: 40px auto 0;
    height: inherit;
  }
}
.gala23_phase2 #home_section4 .right .youthchairs h2 {
  background-color: white;
  display: inline-block;
  font-size: 20px;
  box-shadow: 0px 0px 10px #aaa;
  padding: 3px 20px;
  z-index: 2;
  box-sizing: border-box;
  border-radius: 100px;
  margin: 0;
}
.gala23_phase2 #home_section5 {
  background-color: white;
  padding: 50px 0;
  position: relative;
  padding-top: 100px;
  text-align: center;
}
.gala23_phase2 #home_section5 .flag_banner {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}
@media (max-width: 1700px) {
  .gala23_phase2 #home_section5 .flag_banner {
    width: 120%;
  }
}
@media (max-width: 1300px) {
  .gala23_phase2 #home_section5 .flag_banner {
    width: 2000px;
  }
}
.gala23_phase2 #home_section5 .spacials {
  display: grid;
  grid-template-columns: 400px 400px;
  justify-content: center;
  padding: 50px 0;
}
@media (max-width: 1150px) {
  .gala23_phase2 #home_section5 .spacials {
    display: block;
  }
}
.gala23_phase2 #home_section5 .honorees p {
  text-align: left;
  column-count: 5;
  column-gap: 50px;
}
@media (max-width: 1200px) {
  .gala23_phase2 #home_section5 .honorees p {
    column-count: 4;
  }
}
@media (max-width: 750px) {
  .gala23_phase2 #home_section5 .honorees p {
    column-count: 3;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 #home_section5 .honorees p {
    column-count: 2;
  }
}
.gala23_phase2 #home_section5 .honorees p i {
  font-weight: 500;
}
.gala23_phase2 #home_section5 .pill {
  background-color: #ffec64;
  display: inline-block;
  margin-top: 0;
  padding: 3px 20px;
  border-radius: 100px;
  font-weight: 500 !important;
}
.gala23_phase2 #home_section6 {
  background-color: #00bdd1;
  padding: 50px 0;
}
.gala23_phase2 #home_section6 h2 {
  color: white;
  text-align: center;
}
.gala23_phase2 #home_section6 p {
  color: white;
  column-count: 5;
  column-gap: 50px;
}
@media (max-width: 1200px) {
  .gala23_phase2 #home_section6 p {
    column-count: 4;
  }
}
@media (max-width: 750px) {
  .gala23_phase2 #home_section6 p {
    column-count: 3;
  }
}
@media (max-width: 600px) {
  .gala23_phase2 #home_section6 p {
    column-count: 2;
  }
}
.gala23_phase2 .sponsor_group_holder {
  display: block;
  column-count: 3;
  column-gap: 20px;
}
@media (max-width: 800px) {
  .gala23_phase2 .sponsor_group_holder {
    column-count: 2;
  }
}
@media (max-width: 500px) {
  .gala23_phase2 .sponsor_group_holder {
    column-count: 1;
  }
}
.gala23_phase2 footer {
  background-color: white;
}
.gala23_phase2 footer .footer1 {
  background-color: #ffec64;
  padding: 15px 0;
}
@media (max-width: 650px) {
  .gala23_phase2 footer .footer1 {
    padding: 35px 0 25px 0;
  }
}
.gala23_phase2 footer .footer1 .container {
  display: grid;
  align-items: center;
  grid-template-columns: 200px 70% 200px;
}
@media (max-width: 1400px) {
  .gala23_phase2 footer .footer1 .container {
    grid-template-columns: 200px 60% 200px;
  }
}
@media (max-width: 1111px) {
  .gala23_phase2 footer .footer1 .container {
    grid-template-columns: 33% 33% 33%;
  }
}
@media (max-width: 650px) {
  .gala23_phase2 footer .footer1 .container {
    display: block;
    text-align: center;
  }
}
.gala23_phase2 footer .footer1 .container .part1 img {
  width: 100%;
  max-width: 150px;
}
.gala23_phase2 footer .footer1 .container .part2 ul {
  padding-inline-start: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media (max-width: 1111px) {
  .gala23_phase2 footer .footer1 .container .part2 ul {
    display: block;
    text-align: center;
  }
}
.gala23_phase2 footer .footer1 .container .part2 ul li a {
  color: #482a74;
  font-size: 16px;
}
.gala23_phase2 footer .footer1 .container .part2 ul li a:hover {
  color: #482a74;
  border-bottom: 3px solid #00bdd1;
}
.gala23_phase2 footer .footer1 .container .part3 .socialmedia {
  margin: 0;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media (max-width: 650px) {
  .gala23_phase2 footer .footer1 .container .part3 .socialmedia {
    justify-content: center;
  }
}
.gala23_phase2 footer .footer1 .container .part3 .socialmedia a {
  color: #482a74;
  margin-right: 10px;
}
.gala23_phase2 footer .footer1 .container .part3 .socialmedia p {
  color: #482a74;
  font-weight: 400;
  font-size: 14px;
}
.gala23_phase2 footer .footer2 p {
  font-size: 14px;
  padding: 0 20px;
  text-align: center;
}
.gala23_phase2 .about_content_holder {
  display: grid;
  grid-template-columns: 50% 50%;
  min-height: 600px;
}
@media (max-width: 1000px) {
  .gala23_phase2 .about_content_holder {
    display: block;
  }
}
.gala23_phase2 .about_content_holder .contain {
  max-width: 700px;
  margin: 0 auto;
  padding: 50px;
}
.gala23_phase2 .about_content_holder .about {
  position: relative;
}
.gala23_phase2 .about_content_holder .about .groupgala {
  position: absolute;
  bottom: 0;
  width: 700px;
  left: 0;
  right: 0;
  margin: 0 auto;
}
@media (max-width: 1600px) {
  .gala23_phase2 .about_content_holder .about .groupgala {
    width: 90%;
  }
}
@media (max-width: 1000px) {
  .gala23_phase2 .about_content_holder .about .content {
    margin-bottom: 350px;
  }
}
@media (max-width: 900px) {
  .gala23_phase2 .about_content_holder .about .content {
    margin-bottom: 300px;
  }
}
@media (max-width: 800px) {
  .gala23_phase2 .about_content_holder .about .content {
    margin-bottom: 250px;
  }
}
@media (max-width: 700px) {
  .gala23_phase2 .about_content_holder .about .content {
    margin-bottom: 200px;
  }
}
@media (max-width: 650px) {
  .gala23_phase2 .about_content_holder .about .content {
    margin-bottom: 150px;
  }
}
.gala23_phase2 .about_content_holder .contact {
  background-color: #00bdd1;
}
.gala23_phase2 .about_content_holder .contact h2 {
  color: white;
}
.gala23_phase2 .about_content_holder .contact body .gform_legacy_markup_wrapper .top_label div.ginput_container, .gala23_phase2 .about_content_holder .contact .gform_legacy_markup_wrapper li.hidden_label input {
  margin-top: 0 !important;
}
.gala23_phase2 .about_content_holder .contact .gform_legacy_markup_wrapper .field_description_below .gfield_description {
  padding-top: 0 !important;
}
.gala23_phase2 .about_content_holder .contact label, .gala23_phase2 .about_content_holder .contact .gfield_description {
  color: white;
}
.gala23_phase2 .about_content_holder .contact .gform_legacy_markup_wrapper .field_description_below .gfield_description {
  margin: 0 !important;
}
.gala23_phase2 .about_content_holder .contact #gform_submit_button_18, .contact #gform_submit_button_19 {
  background-color: #482a74;
}
.gala23_phase2 .about_content_holder .contact #gform_submit_button_18:hover {
  background-color: #ffec64;
}
.gala23_phase2 a.underline {
  border-bottom: 3px solid #ffec64;
}
.gala23_phase2 a.underline:hover {
  cursor: pointer;
  color: #00bdd1;
  border-bottom: 3px solid #482a74;
}
.gala23_phase2 .popup_wrapper {
  position: fixed;
  width: 100%;
  height: 100vh;
  display: none;
  z-index: 100;
  left: 0;
  background-color: rgba(0, 190, 210, 0.5);
  align-items: center;
  justify-content: center;
}
.gala23_phase2 .popup_wrapper .popup {
  position: relative;
  background-color: white;
  border-radius: 20px;
  padding: 20px;
  box-sizing: border-box;
  text-align: center;
}
.gala23_phase2 .popup_wrapper .popup p {
  margin: 0;
}
.gala23_phase2 .popup_wrapper .popup #closeteenrsvp {
  position: absolute;
  width: 25px;
  height: 25px;
  background-color: #482a74;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 15px;
  border-radius: 100%;
  font-weight: 600;
  top: 15px;
}
.gala23_phase2 .popup_wrapper .popup #closeteenrsvp:hover {
  cursor: pointer;
  background-color: #ffec64;
  color: #482a74;
}
.gala23_phase2 .popup_wrapper .popup .buttons {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-gap: 20px;
}
@media (max-width: 650px) {
  .gala23_phase2 .popup_wrapper .popup .buttons {
    display: block;
  }
}
.gala23_phase2 .popup_wrapper .popup .buttons a {
  border-radius: 20px;
  display: block;
  padding: 10px;
}
@media (max-width: 650px) {
  .gala23_phase2 .popup_wrapper .popup .buttons a {
    margin: 15px 0;
  }
}
.gala23_phase2 .popup_wrapper .popup .buttons .teen {
  background-color: #00bdd1;
  color: white;
}
.gala23_phase2 .popup_wrapper .popup .buttons .teen:hover {
  border-bottom: 3px solid #ffec64;
  cursor: pointer;
}
.gala23_phase2 .popup_wrapper .popup .buttons .ya {
  background-color: #ffec64;
  color: #482a74;
}
.gala23_phase2 .popup_wrapper .popup .buttons .ya:hover {
  border-bottom: 3px solid #00bdd1;
  cursor: pointer;
}
.gala23_phase2 .teenyarsvplink p {
  column-count: 1;
}


.gala23_phase3 #home_section3 .container{
    display: block;
}

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