@charset "UTF-8";
/*
Theme Name: Twenty Twenty-Three Child
Theme URI: https://wordpress.org/themes/twentytwentythree
Template: twentytwentythree
Author: the WordPress team
Author URI: https://wordpress.org
Description: Twenty Twenty-Three is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Tags: one-column,custom-colors,custom-menu,custom-logo,editor-style,featured-images,full-site-editing,block-patterns,rtl-language-support,sticky-post,threaded-comments,translation-ready,wide-blocks,block-styles,style-variations,accessibility-ready,blog,portfolio,news
Version: 1.2.1696011589
Updated: 2023-09-29 18:19:49

*/

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html {
  margin-top: 0 !important;
  width: 100% !important;
  height: 100% !important;
}
body {
  width: 100% !important;
  height: 100% !important;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
  font-style: normal;
  font-size: 20px !important;
}
main {
  margin-top: 0 !important;
}
section {
  width: 100% !important;
  box-sizing: border-box !important;
  clear: both !important;
  min-width: 100% !important;
  display: table !important;
  overflow: hidden;
}
@-moz-document url-prefix() {
  section {
    display: inline-block;
    float: left;
  }
}
h2, h4, h5, h6 {
  margin: 0;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  /*font-weight: 100 !important;*/
}
h1 {
  font-family: 'Sriracha', cursive !important;
  line-height: 100%;
  letter-spacing: 0.5pt;
  font-weight: 400;
  margin: 0;
  font-size: 240%;
}
h4 {
  font-size: unset;
}
h2 {
  font-size: 160%;
}
h3 {
  font-style: italic;
  font-size: 133%;
  line-height: 133%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
}
p {
  line-height: 150%;
  margin-bottom: 2%;
  letter-spacing: 0.5pt;
}
li {
  margin-bottom: 2%;
  line-height: 150%;
}
ul {
  margin-top: 2%;
  margin-left: 2%;
  margin-bottom: 2%;
}
strong {
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  /*font-weight: 100 !important;*/
}
header {
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 2% 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}
footer {
  margin-left: auto;
  margin-right: auto;
  clear: both;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 1%;
}
footer a {
  float: none !important;
  color: #FFFFFF !important;
  display: inline;
  text-decoration: none;
}
footer a:hover {
  font-weight: 900;
}
.pie {
  font-size: 40% !important;
  padding: 1%;
}
iframe {
  border: none !important;
}
video {
  background-color: #000000;
}
form {
  background-color: #FFFFFF !important;
}
.contact p {
  margin-bottom: 0 !important;
}
.contact form {
  background-color: #FFFFFFF !important;
  box-shadow: 1px 1px 18px 10px rgba(0, 0, 0, 0.1);
  display: table !important;
  border-radius: 24px;
  padding: 4%;
  margin: 0 auto !important;
}
.contact input {
  height: 40px;
  padding: 1%;
  padding-left: 1%;
  color: #09A900;
  border: solid 1px rgba(0, 0, 0, 0.3);
  margin-left: 2%;
  margin-bottom: 12px !important;
  font-size: 20px !important;
  width: 90%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
}
.contact input[type=checkbox] {
  width: 12px;
  position: relative;
  top: -6px;
  left: -6px;
  margin-right: 12px !important;
  float: left;
  margin-left: 0 !important;
}
.contact textarea {
  clear: both;
  height: 40px;
  padding: 1%;
  padding-left: 1%;
  color: #09A900;
  border: solid 1px rgba(0, 0, 0, 0.3);
  margin-left: 2% !important;
  margin-bottom: 12px !important;
  min-height: 200px;
  width: 94%;
  font-size: 20px !important;
}
::placeholder {
  color: lightgray !important;
  font-size: 18px;
}
.contact select {
  height: 40px;
  overflow: hidden;
  line-height: 200% !important;
  margin-left: 2%;
  color: #09A900;
  border: solid 1px rgba(0, 0, 0, 0.3);
  font-size: 18px !important;
  margin-bottom: 24px !important;
  padding: 1%;
}
.contact hr {
  margin-top: 2% !important;
  margin-bottom: 6% !important;
  margin-left: 20% !important;
  margin-right: 20% !important;
  border: none;
  border-bottom: 3px dotted #09A900;
}
.contact label {
  clear: both;
  float: left;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  color: #05A3D9 !important;
  min-height: 40px;
  display: block;
  min-width: 180px;
  margin-bottom: 12px !important;
  padding: 1%;
}
.contact form h3 {
  color: #05A3D9;
  font-size: 110%;
  line-height: 180%;
  text-align: left;
  margin-bottom: 60px !important;
  font-style: normal;
}
.contact button, .wpcf7-submit {
  width: 25%;
  margin: auto !important;
  display: block;
  height: 50px;
  font-size: 20px;
  border: 2px solid #05A3D9;
  background-color: #FFFFFF;
  color: #05A3D9;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  letter-spacing: 2px;
  transition: transform .15s ease-out;
  cursor: pointer;
}
.contact button:hover, .wpcf7-submit:hover {
  background-color: #05A3D9;
  color: #FFFFFF;
  transform: translate(0, -5px);
}
.wpcf7-submit {
  border: solid 2px #09A900 !important;
  width: 50% !important;
  margin-left: 25% !important;
  min-height: 50px !important;
}
.wpcf7-submit:hover {
  border: solid 2px #05A3D9 !important;
}
.readMore {
  width: 50%;
  margin: auto !important;
  display: block;
  height: 50px;
  font-size: 20px;
  border: 2px solid #05A3D9;
  background-color: #FFFFFF;
  color: #05A3D9 !important;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  letter-spacing: 2px;
  transition: transform .15s ease-out;
  cursor: pointer;
  text-align: center !important;
  font-style: normal !important;
  padding-top: 8px;
  border-radius: 4px;
}
.readMore:hover {
  background-color: #05A3D9 !important;
  color: #FFFFFF !important;
  transform: translate(0, -5px);
}
.req {
  color: #FC2A1D;
}
/******** SECTIONS **********/
/**SSUSA MENU**/
.menu {
  max-width: 1640px;
  margin: auto;
  display: block;
  top: 0;
  left: 0 !important;
}
.menu a {
  color: #FFFFFF;
  text-align: center;
  font-size: 20px;
  text-decoration: none;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  transition: transform .15s ease-out;
  display: block;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  letter-spacing: 1.5pt;
}
.menu a:hover {
  color: #F5E935;
  transform: translate(0, -5px);
}
.menu img {
  max-width: 240px;
  padding-bottom: 10px;
  display: block;
  margin: auto;
}
.mItem {
  position: relative;
  top: 90px;
}
.mLogo {
  position: relative;
  top: 40px;
}
.botmenu {
  z-index: 99999999999;
  display: none;
}
.mobLogo {
  display: none;
}
.mobile {
  position: fixed;
  z-index: 999999;
  background: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_bottom.svg"), rgba(255, 42, 29, 1);
  background-repeat: no-repeat;
  background-position-y: 96%;
  background-position-x: 90%;
  background-size: 80%;
  width: 100%;
  height: 100%;
  padding: 2%;
  box-sizing: border-box;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  display: none;
}
.mobile p {
  text-align: center;
  margin-bottom: 10%;
  margin-top: 12%;
}
.mobile a {
  color: #FFFFFF;
  font-weight: 700;
  text-align: center !important;
  text-decoration: none;
  font-size: 120%;
  margin-bottom: 2%;
}
.mobile a:hover {
  color: #000000;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
}
/**SSUSA PAGE SECTIONS**/
.video-container {
  min-height: 1080px;
  width: 100%;
  position: relative;
  height: 100%;
}
.video-overlay {
  position: absolute;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/vid_overlay.svg");
  background-size: cover;
  display: block;
  min-height: 1080px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
.video-container video {
  width: 100%;
  height: 100%;
  position: absolute;
  object-fit: cover;
  z-index: 0;
  display: block;
}
.video-container h1 {
  color: #FFFFFF;
  font-size: 270%;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.video-container h2 {
  color: #F5E935;
  letter-spacing: 0.5px;
  line-height: 140%;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.video-container h3 {
  /*
  color: #05A3D9;*/
  color: #FFFFFF;
  letter-spacing: 0.5px;
}
.hero {
  position: absolute;
  top: 50%;
  left: 9% !important;
  z-index: 99;
}
.hero_donate {
  margin-left: 0;
  width: 70%;
  float: left;
  position: relative;
  z-index: 9;
}
.hero_donate_button {
  width: 10%;
  float: left;
  position: relative;
  left: -20px;
  top: -30px;
  margin-right: 20%;
}
.hero_donate_button a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/vid_bot_up.svg");
  width: 250px;
  height: 250px;
  line-height: 250px;
  background-size: contain;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
  transform: rotate(-15deg);
}
.hero_donate_button a:hover {
  width: 250px;
  height: 250px;
  line-height: 250px;
  background-size: contain;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/vid_bot_down.svg");
  text-decoration: none !important;
  transform: rotate(0deg);
}
.mission {
  /*background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_mission.jpg");*/
  background-size: cover;
  height: 100%;
}
.mission h2 {
  font-family: 'Sriracha', cursive !important;
  /*font-size: 240%;*/
  font-size: 42px;
  line-height: 105%;
  /*color: #FF920B;*/
  color: #F5E935;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
}
.mission h3 {
  font-family: 'Sriracha', cursive !important;
  font-size: 60px;
  /*font-size: 360%;*/
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 900 !important;
  float: left;
}
.mission h4 {
  color: #FFFFFF;
  letter-spacing: 0.5px;
  line-height: 140%;
  /*font-size: 140%;*/
  font-size: 24px;
  font-family: 'PT Sans', sans-serif !important;
  font-style: italic;
}
.mission h5 {
  color: #FFFFFF;
  font-style: italic;
  font-size: 120%;
  line-height: 140%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
}
.mission h5 a {
  color: #FFFFFF;
  font-style: italic;
  font-size: 100%;
  line-height: 140%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
  text-decoration: none;
}
.mission h5 a:hover {
  color: #FFCCE3;
  text-decoration: underline;
}
.stats {
  display: block;
}
.stats p {
  color: #FFFFFF;
  font-weight: 500 !important;
  font-size: 80%;
  line-height: 100%;
  padding-top: 100px;
}
.stats h2 {
  font-family: 'Sriracha', cursive !important;
  font-size: 240%;
  line-height: 120%;
  color: #FFFFFF !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
  margin-top: 24px !important;
  float: left;
  width: 50%;
  white-space: nowrap;
  text-align: right !important;
}
.pct {
  float: left;
  font-family: 'Sriracha', cursive !important;
  font-size: 250%;
  line-height: 120%;
  color: #FFFFFF !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
  margin-top: 36px !important;
  width: 50%;
  position: relative;
  left: 10px;
  top: -20px;
}
.stat01 {
  /*background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/stat01.svg");*/
  background-repeat: no-repeat;
  width: 100%;
  min-height: 200px;
  background-position-x: 35%;
}
.stat02 {
  /*background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/stat02.svg");*/
  background-repeat: no-repeat;
  width: 100%;
  min-height: 200px;
}
.stat03 {
  /*background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/stat03.svg");*/
  background-repeat: no-repeat;
  width: 100%;
  min-height: 200px;
  background-position-x: 35%;
}
.gStats {
  width: 85%;
  margin-left: 15%;
}
.carrusel {
  min-height: 768px;
  position: relative;
  width: 100%;
  height: 100%;
}
.slideContent {
  position: absolute;
  top: 40%;
  left: 20%;
  z-index: 99;
}
.slideContent a {
  color: #F5E935 !important;
  text-decoration: none;
}
.slideContent a:hover {
  color: #42B0B5 !important;
}
.slideContent h2 {
  font-family: 'Sriracha', cursive !important;
  font-size: 240%;
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
}
.slideContent h3 {
  font-size: 200%;
  line-height: 120%;
  color: #F5E935;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  font-style: normal !important;
}
.slideContent h4 a {
  color: #FFFFFF;
  font-style: italic;
  font-size: 120%;
  line-height: 120%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
  text-decoration: none;
}
.slideContent h4 a:hover {
  color: #FFCCE3;
  text-decoration: underline;
}
.depicter-primary-container {
  font-weight: 900 !important;
}
.partners {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_partners.jpg");
  background-size: cover;
  height: 100%;
}
.partners h2 {
  font-family: 'Sriracha', cursive !important;
  font-size: 240%;
  line-height: 120%;
  color: #FFFFFF;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  letter-spacing: 0.5pt;
  font-weight: 400 !important;
  margin-bottom: 0;
}
.partners h3 {
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  ;
  font-style: normal !important;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  color: #F5E935;
  letter-spacing: 0.5px;
  line-height: 140%;
  font-size: 160%;
  margin-top: 0;
}
.partners h4 a {
  color: #FFFFFF;
  font-style: italic;
  font-size: 120%;
  line-height: 120%;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
  text-decoration: none;
}
.partners h4 a:hover {
  color: #FFCCE3;
  text-decoration: underline;
}
.ambassadors h3 a {
  color: #FFCCE3;
  text-decoration: none;
  font-style: italic;
  transition: transform .15s ease-out;
  display: block;
}
.ambassadors h3 a:hover {
  color: #FFFFFF;
  transform: translate(0, -5px);
}
.bottom {
  background: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_bottom.svg") #FC2A1D;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: center;
}
.bottom a {
  color: rgba(255, 255, 255, 0.9) !important;
  text-decoration: none;
  font-size: 95%;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.bottom a:hover {
  color: #FFFFFF !important;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
}
.bottom p {
  font-size: 90%;
  color: #FFFFFF;
}
.bottom h3 {
  color: #FFFFFF;
  font-style: normal;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
  letter-spacing: 6px;
  margin-bottom: 4%;
}
.bottom img {
  margin: auto;
  width: 90%;
  max-width: 250px;
}
.imgDonate img {
  max-width: 40px;
  position: relative;
  top: 10px;
  left: 10px;
}
.imgAddress {
  max-width: 24px;
  position: relative;
  margin-right: 2%;
  margin-bottom: 12%;
  top: 6px;
}
.inner a {
  color: #FF920B;
  text-decoration: none;
  font-style: italic;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
}
.inner a:hover {
  color: #000000;
  text-decoration: none;
  font-style: italic;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 700;
}
.inner ul {
  margin-bottom: 4% !important;
}
.innerTop {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/about.jpg");
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4%;
  padding-top: 538px;
  box-shadow: 1px 1px 12px 12px rgba(0, 0, 0, 0.25);
}
.termsTop {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/2023/09/city_sf.jpg");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4%;
  padding-top: 720px;
  box-shadow: 1px 1px 12px 12px rgba(0, 0, 0, 0.25);
}
.innerTop h1, .innerNews h1, .termsTop h1 {
  color: #FFFFFF;
  text-shadow: 1px 4px 6px rgba(0, 0, 0, 0.5);
  font-size: 360%;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_title.svg");
  background-repeat: repeat-x;
  padding-left: 2%;
  line-height: 150%;
  margin-bottom: 60px;
}
.innerNews {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/news.jpg") !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 4%;
  padding-top: 538px;
  box-shadow: 1px 1px 12px 12px rgba(0, 0, 0, 0.25);
}
.cities {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/cities.jpg") !important;
  background-position: bottom;
}
.parks {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/parks.jpg") !important;
  background-position: center;
}
.programs {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/programs.jpg") !important;
  background-position: center;
}
.donate {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/donate.jpg") !important;
  background-position: center;
}
.cups {
  background-image: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)), url("https://streetsoccerusa.org/wp-content/uploads/img/cups.jpg") !important;
  background-position: center;
}
.inner p {
  margin-bottom: 4% !important;
}
.tabla {
  max-width: 1280px !important;
  margin: 2%;
}
.cell {
  font-size: 90%;
  background-color: rgba(255, 146, 11, 0.15);
  padding: 0.25%;
  padding-left: 0.5%;
  margin: 0.25% !important;
  width: 24%;
  float: left;
}
.cell2 {
  font-size: 80%;
  background-color: rgba(9, 169, 0, 0.075);
  padding: 0.25%;
  padding-left: 0.5%;
  margin: 0.25% !important;
  width: 24%;
  float: left;
}
.smlImg img {
  max-width: 60px;
  float: left !important;
  margin-right: 2%;
  position: relative;
  top: -12px;
}
.bkgInner {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/bkg_inner.svg");
  background-size: contain;
  background-position: top;
}
.bkgBlack {
  background-color: #000000;
  color: #FFFFFF !important;
}
.bkgBlack a:hover {
  color: #05A3D9 !important;
}
.cityCell {
  width: 33%;
  float: left;
  margin: auto !important;
  display: block;
  text-align: center;
  margin-bottom: 36px !important;
}
.cityCell img {
  max-width: 405px;
  margin-bottom: 24px !important;
}
.cityCell h3 {
  font-style: normal !important;
  font-weight: 600 !important;
}
.cityCell p {
  margin-bottom: 1% !important;
}
.accent {
  font-style: italic;
  font-size: 80%;
  font-weight: 600 !important;
}
.centro {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 0);
}
.noBk {
  background-color: rgba(0, 0, 0, 0.0);
}
.bk {
  background-color: rgba(0, 0, 0, 0.5);
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/vid_overlay.svg");
  background-size: cover;
}
.logoScroll {
  width: 96%;
  margin-left: auto !important;
  margin-right: auto !important;
  display: block !important;
  box-sizing: border-box;
  min-width: 300px;
  max-width: 2220px;
  text-align: center;
}
/******** LAYOUT DIV DIMENSIONS *******/
.module {
  clear: both;
  display: block !important;
  position: relative;
  color: #000000;
  max-width: 1920px;
  padding: 1%;
  margin: auto !important;
  height: 100%;
  min-height: 320px;
}
.w100 {
  clear: both;
  width: calc(100%*1.0);
  box-sizing: border-box;
}
.w90 {
  width: calc(100%*0.9);
  float: left;
}
.w80 {
  width: calc(100%*0.8);
  float: left;
}
.w75 {
  width: calc(100%*0.75);
  float: left;
}
.w70 {
  width: calc(100%*0.7);
  float: left;
}
.w60 {
  width: calc(100%*0.6);
  box-sizing: border-box;
  float: left;
}
.w50 {
  width: calc(100%*0.5);
  box-sizing: border-box;
  float: left;
}
.w40 {
  width: calc(100%*0.4);
  float: left;
}
.w33 {
  width: calc(100%/3);
  float: left;
}
.w30 {
  width: calc(100%*0.3);
  float: left;
}
.w25 {
  width: calc(100%/4);
  float: left;
}
.catw20 {
  width: 20%;
  float: left;
}
.w20 {
  width: calc(100%/5);
  float: left;
}
.w16 {
  width: calc(100%/6);
  box-sizing: border-box;
  float: left;
}
.w10 {
  width: calc(100%/10);
  float: left;
}
.clear {
  clear: both;
  display: block;
  height: 1px;
}
.w1920 {
  max-width: 1920px;
  margin: auto !important;
}
.w1366 {
  max-width: 1366px;
  margin: auto !important;
}
.w1280 {
  max-width: 1280px;
  margin: auto !important;
}
.w1024 {
  max-width: 1024px;
  margin: auto !important;
}
.w960 {
  max-width: 960px;
  margin: auto !important;
}
.hAuto {
  height: auto;
  min-height: 10%;
}
.mAuto {
  margin: auto !important;
  width: 96% !important;
  display: block;
  max-width: 260px;
}
.wp-block-image.aligncenter {
  margin: auto !important;
}
.h50 {
  height: 50%;
  min-height: calc(1080px / 2);
}
.h33 {
  height: 33%;
  min-height: calc(1080px / 3);
}
.h25 {
  height: 25%;
  min-height: calc(1080px / 4);
}
.p4 {
  padding: 4%;
  display: block !important;
}
.p3 {
  padding: 3%;
}
.p2 {
  padding: 2%;
}
.p1 {
  padding: 0.5%;
}
.pB0 {
  padding-bottom: 0;
}
.pL0 {
  padding-left: 0;
}
.m16 {
  margin-left: calc(33%/2) !important;
}
.m33 {
  margin-left: calc(33%/1) !important;
}
.mL5 {
  margin-left: 3.35% !important;
}
.mr12 {
  margin-right: 12px !important;
}
.mB0 {
  margin-bottom: 0 !important;
}
.mB2 {
  margin-bottom: 2% !important;
  color: #05A3D9;
}
.mT0 {
  margin-top: 0 !important;
}
.tLeft {
  text-align: left !important;
}
.tCenter {
  text-align: center !important;
}
.tRight {
  text-align: right !important;
}
.tJustify {
  text-align: justify !important;
}
.floatL {
  float: left !important;
}
.vSpace {
  height: 60px !important;
  clear: both;
}
.vSpaceHalf {
  height: 30px !important;
  clear: both;
}
.vSpaceQ {
  height: 15px !important;
  clear: both;
}
.noDisplay {
  display: none !important;
}
/*COLORS */
.pink {
  color: #FFCCE3 !important;
}
.naranja {
  color: #FF920B !important;
}
.teal {
  color: #42B0B5 !important;
}
.verde {
  color: #09A900 !important;
}
.azul {
  color: #05A3D9 !important;
}
.negro {
  color: #000000 !important;
}
/*FADE IN - OUT*/
.fade-in {
  opacity: 0;
  transition: opacity 1800ms ease-in;
}
.fade-in.appear {
  opacity: 1;
}
/*Social*/
.social {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  margin-top: 24px;
  display: block;
  clear: both;
  text-align: center;
}
.ig, .fb, .yt, .tw, .tt, .li {
  float: left;
  width: calc(100%/6);
  text-align: left !important;
}
.ig a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/ig.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.ig a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/ig_up.svg");
  text-decoration: none !important;
}
.yt a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/yt.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.yt a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/yt_up.svg");
  text-decoration: none !important;
}
.fb a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/fb.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  ;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.fb a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/fb_up.svg");
  text-decoration: none !important;
}
.tw a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/tw.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.tw a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/tw_up.svg");
  text-decoration: none !important;
}
.tt a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/tt.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.tt a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/tt_up.svg");
  text-decoration: none !important;
}
.li a {
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/li.svg");
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  text-decoration: none !important;
  background-repeat: no-repeat;
  padding: 0 !important;
  display: block;
}
.li a:hover {
  width: 30px;
  height: 30px;
  line-height: 30px;
  background-size: cover;
  background-image: url("https://streetsoccerusa.org/wp-content/uploads/img/li_up.svg");
  text-decoration: none !important;
}
/*Donation*/
.needsclick {
  background-color: transparent !important;
}
.go3894874857 {
  background-color: transparent !important;
  border: solid 1px #FFFFFFF !important;
}
.needsclick button {
  border: unset !important;
  font: unset !important;
  border-style: solid !important;
  border-width: 2px !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  font-family: 'PT Sans', sans-serif !important;
}
.needsclick button:hover {
  font: unset !important;
  border: unset !important;
  border-style: solid !important;
  border-width: 2px !important;
  text-transform: uppercase;
  letter-spacing: 2px !important;
  color: #F5E935 !important;
  font-family: 'PT Sans', sans-serif !important;
}
.needsclick input {
  font: unset !important;
  background-color: #FFFFFF !important;
  border: unset !important;
  border-color: #A81E16 !important;
  border-style: solid !important;
  border-width: 1px !important;
  font-family: 'PT Sans', sans-serif !important;
  font-weight: 400;
  text-transform: uppercase !important;
  letter-spacing: 2px !important;
}
.noGo {
  display: none !important;
}
.postNav a {
  color: #05A3D9 !important;
  text-decoration: none !important;
  font-size: 75% !important;
  line-height: 80% !important;
  font-style: italic !important;
}
.postNav a:hover {
  color: #FF920B !important;
}
.paginas a {
  color: #05A3D9 !important;
  text-decoration: none !important;
  font-size: 75% !important;
  line-height: 80% !important;
  font-style: italic !important;
}
.paginas a:hover {
  color: #FF920B !important;
}
.postCont img {
  width: 98%;
  margin: auto !important;
  display: block !important;
}
.cat {
  float: right;
}
.cat a {
  color: #05A3D9 !important;
}
.cat H2 {
  margin-bottom: 30px !important;
}
.cat ul {
  color: #7e7e7e !important;
  margin-left: 24px !important;
  font-size: 80% !important;
}
.postMeta {
  color: #999999 !important;
}
.postMeta p {
  margin-bottom: 0px !important;
  color: #999999 !important;
  font-size: 80%;
}
/********************** W O R D P R E S S ************************/
.has-global-padding {
  padding: 0 !important;
}
.has-global-padding > .alignfull {
  padding-left: 0 !important;
  padding-right: 0 !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.has-global-padding > .alignfull:where(:not(.has-global-padding)) > :where([class*="wp-block-"]:not(.alignfull):not([class*="__"]), p, h1, h2, h3, h4, h5, h6, ul, ol) {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.has-global-padding {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.wp-block-post-title, .wp-block-site-title {
  display: none;
}
.wp-block-post-title {
  color: #05A3D9 !important;
  font-style: italic !important;
  letter-spacing: 0.5px !important;
  font-weight:700;
    font-size:44px;
}
.wp-site-blocks {
  padding: unset !important;
  margin: unset !important;
}
.is-layout-flex {
  display: revert;
}
body .is-layout-flex > * {
  margin: unset;
}
body .is-layout-flex {
  flex-wrap: nowrap !important;
}
.wp-block-query h2 {
  /*font-size: var(--wp--preset--font-size--x-large);*/
  display: block !important;
  text-transform: lowercase !important;
  font-size: 120% !important;
}
.wp-block-query h2 a {
  color: #05A3D9 !important;
  font-size: 120% !important;
  text-transform: capitalize !important;
}
.wp-block-post-template.wp-block-post-template li {
  margin-bottom: 60px;
  border-bottom: dotted 2px #bebebe;
  padding-bottom: 4%;
}
.wp-block-categories-list .wp-block-categories {
  color: #000000;
}
.wp-block-categories-list a .wp-block-categories a {
  color: #05A3D9 !important;
}
.wp-block-query-pagination > .wp-block-query-pagination-next, .wp-block-query-pagination > .wp-block-query-pagination-numbers, .wp-block-query-pagination > .wp-block-query-pagination-previous {
  text-align: center;
}
.wp-block-post-author__byline {
  margin-bottom: 0px !important;
}
.depicter-layer-frame > a {
  text-decoration: underline !important;
  text-decoration-color: #F5E935 !important;
  font-weight: 900 !important;
  font-family: "calmetta", sans-serif !important;
}
.depicter-layer-frame > a ::after {
  content: url("https://streetsoccerusa.org/wp-content/uploads/2023/11/cursor.svg");
  position: relative;
  top: 20px !important;
  left: 4px !important;
}
.depicter-text-layer h2 {
  font-family: 'Sriracha', cursive !important;
}
.shadow {
  box-shadow: 1px 1px 12px 6px rgba(0, 0, 0, 0.25) !important;
}
.donacion{
    background-color:#3371e6!important;
    padding: 8px;
border-radius: 4px;
}
.donacion:hover{background-color:#325de6!important;}
/********************** W O R D P R E S S ************************/
/********************** M O B I L E *****************************/
/* CSS Document */
@media (max-width: 1920px) {
  html {
    margin-top: 0 !important;
  }
  .hero {
    left: 5%;
  }
  .mLogo {
    top: 30px;
  }
  .mItem {
    top: 70px;
  }
  .logoScroll {
    max-width: 1920px;
  }
}
@media (max-width: 1600px) {
  .hero {
    left: 5%;
  }
  .hero_donate_button {
    margin-right: 0;
    left: -20px;
  }
  .mItem {
    top: 65px;
  }
  .logoScroll {
    max-width: 1280px;
  }
}
@media (max-width: 1440px) {
  .hero_donate {
    width: 70%;
  }
  .hero_donate_button {
    width: 30%;
    margin-right: 0;
    left: -40px;
  }
  .mItem {
    top: 62px;
  }
  .logoScroll {
    max-width: 1120px;
  }
  .mission h3 {
    font-size: 290%;
  }
  .gStats {
    width: 90%;
    margin-left: 10%;
  }
}
@media (max-width: 1366px) {
  .hero_donate_button {
    left: -40px;
  }
  .bottom p {
    font-size: 75%;
  }
  .cityCell img {
    max-width: 395px;
  }
  .mItem {
    top: 60px;
  }
  .logoScroll {
    max-width: 1114px;
  }
  .hero {
    left: 4.5% !important;
  }
  .gStats {
    width: 95%;
    margin-left: 5%;
  }
  .innerTop {
    padding-top: 583px;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {}
@media (max-width: 1280px) {
  .hero_donate_button {
    left: -40px;
    width: 25%;
  }
  .cityCell img {
    max-width: 372px;
  }
  .logoScroll {
    max-width: 920px;
  }
  .hero_donate {
    width: 75%;
  }
  .gStats {
    width: 98%;
    margin-left: 2%;
  }
  .mission h3 {
    font-size: 280%;
  }
  .pct {
    top: -30px;
  }
}
@media (min-width: 1113px) and (max-width: 1207px) {
  .mission h3 {
    font-size: 260%;
  }
  .pct {
    top: -30px;
  }
}
@media (max-width: 1112px) {
  .hero_donate_button {
      left: 10px;
      width:35%;
  }
  .cityCell img {
    max-width: 320px;
  }
  .mLogo {
    top: 20px;
  }
  .mItem {
    top: 50px;
  }
  .logoScroll {
    max-width: 860px;
  }
  .hero_donate {
    width: 65%;
  }
  .mission h4 {
    font-size: 120%;
    line-height: 120%;
  }
  .mission h3 {
    font-size: 250%;
  }
  .gStats {
    width: 100%;
    margin-left: 0;
  }
}
@media (min-width: 1025px) and (max-width: 1111px) {}
@media (max-width: 1024px) {
  .hero_donate {
    width: 65%;
  }
  .hero_donate_button {
    width: 35%;
    margin-right: 0;
    left: -10px;
  }
  .cityCell img {
    max-width: 300px;
  }
  .logoScroll {
    max-width: 820px;
  }
  .mission h3 {
    font-size: 232%;
  }
  .pct {
    font-size: 220%;
    top: -30px;
  }
  .imgAddress {
    margin-right: 0;
  }
}
@media (max-width: 960px) {
  .cityCell img {
    max-width: 280px;
  }
  .logoScroll {
    max-width: 780px;
  }
  .mission h3 {
    font-size: 200%;
  }
	.hero_donate_button {
        left: 12px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {}
/*iPad Air Horizontal*/
@media only screen and (min-device-width : 820px) and (max-device-width : 1180px) and (orientation : portrait) {
  .w30, .w70 {
    width: 100%;
  }
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  .depicter-layer-frame > a ::after {
    content: url("https://streetsoccerusa.org/wp-content/uploads/2023/11/cursor.svg");
    position: relative;
    top: 12px !important;
    left: 0%;
  }
  .innerTop {
    padding-top: 420px;
  }
}
/*END iPad Horizontal*/
/*iPad Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  .mission h3 {
    font-size: 230%;
  }
}
/*END iPad Vertical*/
@media (max-width: 800px) {
  .w30, .w70 {
    width: 100%;
  }
    .mission h3, .pct{
        float:unset;
    }
    .pct{left:62%;}
    .mission h3{position:relative; font-size:250%;top: 20px;}
    .mission h4{
        text-align:center;
    }
}
/*iPhone PLUS Landscape*/
@media (max-width: 768px) {
  .logoScroll {
    max-width: 640px;
  }
  .w30, .w70 {
    width: 100%;
  }
  .pct {
    font-size: 180%;
    top: -30px;
    margin-top: 0 !important;
  }
    .readMore{
        width:75%;
    }
    .m16{
        margin-left:0!important;
    }
    .cityCell{
        min-height:300px;
    }
}
@media (max-width: 736px) {
  .hero {
    top: 20%;
    left: 5%;
  }
  .hero_donate_button {
    left: -140px;
    top: 380px;
  }
  .cell2 {
    min-height: 60px;
  }
  .cityCell {
    width: 50%;
      min-height: 366px;
  }
  .cityCell img {
    max-width: 330px;
  }
  .m33 {
    margin-left: 0 !important;
  }
  .mItem {
    top: 32px;
  }
  .logoScroll {
    max-width: 680px;
  }
  .readMore {
    width: 75%;
  }
    .m16{margin-left:0!important;}
}
@media (max-width:576px) {
  .mobLogo {
    position: fixed;
    z-index: 999999;
    left: 5%;
    top: 3%;
    display: block;
  }
  .mobLogo img {
    max-width: 175px !important;
  }
  .w50, .w70, .w80, .w75 {
    width: 100% !important;
  }
  .w33, .w30, .catw20 {
    width: 100% !important;
  }
  .w25 {
    width: 100% !important;
  }
  .w20 {
    width: 50% !important;
  }
  .w12 {
    width: calc(100%/8);
    margin-bottom: 10% !important;
  }
  .menu {
    display: none;
  }
  .botmenu {
    position: fixed;
    right: 12px;
    top: 12px;
    display: block;
  }
  .topLogo img {
    max-width: 220px;
    margin: auto;
    display: block;
    margin-bottom: 48px !important;
    margin-top: 80px !important;
  }
  .hero {
    top: 20%;
    left: 5% !important;
  }
  .hero_donate_button {
    left: -180px;
    top: 380px;
  }
  .hero_donate_button a {
    width: 230px;
    height: 230px;
    line-height: 230px;
  }
  .hero_donate_button a:hover {
    width: 230px;
    height: 230px;
    line-height: 230px;
  }
  .video-container h2 {
    font-size: 130%;
    letter-spacing: 0.5px;
    line-height: 155%;
  }
  .mission {
    background-position: center;
  }
  .mission h2 {
    font-size: 200%
  }
  .mission h3 {
    font-size: 300%;
    text-align: center;
    position: relative;
    /*left: calc(50% - 60px);*/
  }
  .mission h4 {
    font-size: 130%;
    text-align: center;
  }
  .mission h5 {
    font-size: 100%
  }
  .pct {
    /*left: calc(50% - 40px);*/
      left:59%;
  }
  .hide {
    display: none !important;
  }
  .statA {
    width: 15% !important;
  }
  .statB {
    width: 85% !important;
  }
  .statA h2 {
    font-size: 220% !important;
  }
  .stat01, .stat02, .stat03 {
    background-position-x: 2% !important;
  }
  .slideContent {
    top: 50%;
    left: 0;
  }
  .slideContent h2 {
    font-size: 180%;
  }
  .slideContent h3 {
    font-size: 120%;
  }
  .slideContent h4 a {
    font-size: 100%;
  }
  .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
    /*left: 44% !important;*/
  }
  .cell {
    min-height: 60px;
  }
  .inner p {
    margin-bottom: 10% !important;
  }
  .inner ul {
    margin-bottom: 10% !important;
  }
  .fila p, .fila2 p {
    margin-bottom: 2% !important;
  }
  .innerTop {
    padding-top: 360px;
  }
  .innerTop h1, .innerNews h1 {
    font-size: 220%;
  }
  .cityCell {
    width: 100% !important;
  }
  .cityCell img {
    max-width: 405px !important;
  }
  .logoScroll {
    max-width: 400px !important;
  }
  .newsPosts {
    float: right !important;
  }
  .cat {
    float: right;
    position: relative;
    top: 0;
    margin-bottom: 60px !important;
  }
  .cat H2 {
    margin-bottom: 60px !important;
    margin-top: 60px !important;
  }
  .readMore {
    width: 75%;
  }
  .imgAddress {
    margin-right: 2%;
  }
}
/*iPhone PLUS Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/
@media (max-width : 414px) {
  .hero {
    top: 20%;
    left: 0% !important;
    width: 100%;
  }
  .hero_donate {
    width: 100%;
    margin: auto !important;
  }
  .hero_donate_button {
    left: 0px;
    top: 0px;
  }
  .hero_donate_button a {
    width: 190px;
    height: 190px;
    line-height: 190px;
  }
  .hero_donate_button a:hover {
    width: 190px;
    height: 190px;
    line-height: 190px;
  }
  .video-container h1 {
    margin-bottom: 6% !important;
  }
  .video-container h2 {
    font-size: 120%;
    letter-spacing: 0.5px;
    line-height: 125%;
    margin-bottom: 3% !important;
  }
  .video-container h3 {
    font-size: 100%;
    line-height: 110%;
    margin-bottom: 3% !important;
  }
  .mission h2 {
    font-size: 180%;
  }
  .mission h3 {
    font-size: 330%;
    /*left: calc(50% - 50px);*/
  }
    .pct{
        left:65%;
    }
  .mission h4 {
    font-size: 120%;
  }
  .mission h5 {
    font-size: 110%;
  }
  .statA h2 {
    font-size: 260% !important;
  }
  .centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
    /*left: 41% !important;*/
  }
  .tabla {
    margin: 0 !important;
  }
  .cell, .cell2 {
    width: 100%;
    word-break: break;
    padding: 1%;
    min-height: 24px;
  }
  .fila {
    margin-bottom: 12px !important;
    border: solid 2px #FF920B;
    display: block;
    min-height: 176px;
  }
  .fila2 {
    margin-bottom: 12px !important;
    border: solid 2px #09A900;
    display: block;
    min-height: 163px;
  }
  .smlImg h3 {
    font-size: 18px !important;
  }
  .smlImg img {
    max-width: 48px !important;
  }
  .logoScroll {
    max-width: 330px !important;
  }
     .readMore {
    width: 92%;
         font-size:18px;
         letter-spacing:1px;
  }
}
@media (max-width: 375px) {
  .hero {
    top: 17.55%;
    left: 0;
  }
  .hero_donate {
    width: 100%;
  }
  .hero_donate_button {
    left: 0;
    top: 0;
  }
  .logoScroll {
    max-width: 300px;
  }
    .readMore {
    width: 92%;
         font-size:16px;
        letter-spacing:1px;
  }
}
@media (max-width: 320px) {
  .logoScroll {
    max-width: 220px;
  }
  .partners h2 {
    font-size: 180%;
  }
  .simply-scroll .simply-scroll-list li {
    width: 80px;
  }
    .readMore {
    width: 92%;
         font-size:15px;
        letter-spacing:0px;
  }
}