.elementor-542 .elementor-element.elementor-element-3c13e87{--display:flex;--min-height:60vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.4;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-542 .elementor-element.elementor-element-3c13e87:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1B252F;background-image:url("https://ccslsoccer.com/wp-content/uploads/2025/08/CCSL-About-Us-Header.jpg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-542 .elementor-element.elementor-element-3c13e87::before, .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-3c13e87 > .e-con-inner > .elementor-background-video-container::before, .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-3c13e87 > .e-con-inner > .elementor-background-slideshow::before, .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-542 .elementor-element.elementor-element-1a4e9587 > .elementor-widget-container{margin:20px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1a4e9587{text-align:center;}.elementor-542 .elementor-element.elementor-element-1a4e9587 .elementor-heading-title{font-family:"Archivo", Sans-serif;font-size:65px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;word-spacing:0em;color:#FBFBFB;}.elementor-542 .elementor-element.elementor-element-30157720{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:70px 70px;--row-gap:70px;--column-gap:70px;--padding-top:5%;--padding-bottom:5%;--padding-left:10%;--padding-right:10%;}.elementor-542 .elementor-element.elementor-element-30157720:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-30157720 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#011C4D;}.elementor-widget-image-box .elementor-image-box-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-image-box:has(:hover) .elementor-image-box-title,
					 .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-542 .elementor-element.elementor-element-f163bc .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-f163bc .elementor-image-box-title{font-family:"Archivo", Sans-serif;font-size:34px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-f163bc:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-f163bc:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-f163bc .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3be8f251 .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-3be8f251 .elementor-image-box-title{font-family:"Archivo", Sans-serif;font-size:34px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3be8f251:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-3be8f251:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-3be8f251 .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-38e4d23f .elementor-image-box-wrapper{text-align:left;}.elementor-542 .elementor-element.elementor-element-38e4d23f .elementor-image-box-title{font-family:"Archivo", Sans-serif;font-size:34px;font-weight:800;text-transform:uppercase;font-style:normal;text-decoration:none;line-height:1.2em;letter-spacing:0px;word-spacing:0px;color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-38e4d23f:has(:hover) .elementor-image-box-title,
					 .elementor-542 .elementor-element.elementor-element-38e4d23f:has(:focus) .elementor-image-box-title{color:#FFFFFF;}.elementor-542 .elementor-element.elementor-element-38e4d23f .elementor-image-box-description{font-family:"Montserrat", Sans-serif;font-size:18px;font-weight:400;text-transform:none;font-style:normal;text-decoration:none;line-height:1.2em;color:#FFFFFF;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-542 .elementor-element.elementor-element-30157720{--content-width:1650px;}}@media(max-width:1024px){.elementor-542 .elementor-element.elementor-element-3c13e87{--min-height:50vh;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-542 .elementor-element.elementor-element-3c13e87:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-542 .elementor-element.elementor-element-1a4e9587 > .elementor-widget-container{margin:12px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1a4e9587 .elementor-heading-title{font-size:44px;line-height:1em;letter-spacing:0px;word-spacing:0em;}.elementor-542 .elementor-element.elementor-element-30157720{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 40px;--row-gap:40px;--column-gap:40px;--padding-top:5%;--padding-bottom:5%;--padding-left:5%;--padding-right:5%;}.elementor-542 .elementor-element.elementor-element-f163bc .elementor-image-box-title{font-size:26px;}.elementor-542 .elementor-element.elementor-element-3be8f251 .elementor-image-box-title{font-size:26px;}.elementor-542 .elementor-element.elementor-element-38e4d23f .elementor-image-box-title{font-size:26px;}}@media(max-width:767px){.elementor-542 .elementor-element.elementor-element-3c13e87{--min-height:40vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-542 .elementor-element.elementor-element-3c13e87:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-542 .elementor-element.elementor-element-1a4e9587 > .elementor-widget-container{margin:8px 0px 0px 0px;}.elementor-542 .elementor-element.elementor-element-1a4e9587 .elementor-heading-title{font-size:32px;}.elementor-542 .elementor-element.elementor-element-30157720{--padding-top:15%;--padding-bottom:15%;--padding-left:5%;--padding-right:5%;}.elementor-542 .elementor-element.elementor-element-f163bc .elementor-image-box-title{font-size:22px;}.elementor-542 .elementor-element.elementor-element-3be8f251 .elementor-image-box-title{font-size:22px;}.elementor-542 .elementor-element.elementor-element-38e4d23f .elementor-image-box-title{font-size:22px;}}@media(min-width:1025px){.elementor-542 .elementor-element.elementor-element-3c13e87:not(.elementor-motion-effects-element-type-background), .elementor-542 .elementor-element.elementor-element-3c13e87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for container, class: .elementor-element-30157720 */:root{
  --hdr-desktop: 80px;
  --hdr-tablet: 80px;
  --hdr-mobile: 80px;
}

/* push down the first real content after the header, even if wrappers exist */
header.elementor-location-header ~ .elementor,
header.elementor-location-header ~ #content,
header.elementor-location-header ~ .site-content,
header.elementor-location-header ~ main,
header.elementor-location-header ~ .ast-container {
  margin-top: var(--hdr-desktop);
}

@media (max-width: 1024px){
  header.elementor-location-header ~ .elementor,
  header.elementor-location-header ~ #content,
  header.elementor-location-header ~ .site-content,
  header.elementor-location-header ~ main,
  header.elementor-location-header ~ .ast-container {
    margin-top: var(--hdr-tablet);
  }
}

@media (max-width: 767px){
  header.elementor-location-header ~ .elementor,
  header.elementor-location-header ~ #content,
  header.elementor-location-header ~ .site-content,
  header.elementor-location-header ~ main,
  header.elementor-location-header ~ .ast-container {
    margin-top: var(--hdr-mobile);
  }
}/* End custom CSS */