.elementor-1042 .elementor-element.elementor-element-1711327{--display:flex;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-1042 .elementor-element.elementor-element-1711327:not(.elementor-motion-effects-element-type-background), .elementor-1042 .elementor-element.elementor-element-1711327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-1042 .elementor-element.elementor-element-82cabc1{--display:flex;--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;--justify-content:center;--overlay-opacity:0.5;--padding-top:150px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-1042 .elementor-element.elementor-element-82cabc1:not(.elementor-motion-effects-element-type-background), .elementor-1042 .elementor-element.elementor-element-82cabc1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://highschoolhotspots.com/wp-content/uploads/2026/04/060153356816e4d39dd6c7802dcc2cd7563e7dca-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1042 .elementor-element.elementor-element-82cabc1::before, .elementor-1042 .elementor-element.elementor-element-82cabc1 > .elementor-background-video-container::before, .elementor-1042 .elementor-element.elementor-element-82cabc1 > .e-con-inner > .elementor-background-video-container::before, .elementor-1042 .elementor-element.elementor-element-82cabc1 > .elementor-background-slideshow::before, .elementor-1042 .elementor-element.elementor-element-82cabc1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-1042 .elementor-element.elementor-element-82cabc1 > .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-1042 .elementor-element.elementor-element-fcd8a63{padding:100px 0px 0px 0px;text-align:center;}.elementor-1042 .elementor-element.elementor-element-fcd8a63 .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:45px;font-weight:500;color:#FFFFFF;}.elementor-1042 .elementor-element.elementor-element-2b5aebd{--display:flex;--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;}.elementor-1042 .elementor-element.elementor-element-4c291c0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-1042 .elementor-element.elementor-element-7cc0bd8{--display:flex;}.elementor-widget-posts .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__title, .elementor-widget-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-post__card .elementor-post__badge{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-1042 .elementor-element.elementor-element-a0412ee{--grid-row-gap:35px;--grid-column-gap:30px;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.42 * 100% );}.elementor-1042 .elementor-element.elementor-element-a0412ee:after{content:"0.42";}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__thumbnail__link{width:100%;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__meta-data span + span:before{content:"•";}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__card{background-color:#2B2B2C;border-radius:21px;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__text{margin-top:20px;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__badge{right:0;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__card .elementor-post__badge{margin:20px;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__title, .elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__title a{color:#FFFFFF;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__meta-data{color:#E4E4E4;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__read-more{color:#FFFFFF;}.elementor-1042 .elementor-element.elementor-element-a0412ee a.elementor-post__read-more{font-family:"Roboto", Sans-serif;font-size:13px;font-weight:700;}.elementor-1042 .elementor-element.elementor-element-6f241e2{--display:flex;}body.elementor-page-1042:not(.elementor-motion-effects-element-type-background), body.elementor-page-1042 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1F1F2A;background-image:url("https://highschoolhotspots.com/wp-content/uploads/2026/04/af3f5b3d-4ad2-4ca4-94a3-0c44cd1663de-e1777481160472.png");background-size:28% auto;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1042 .elementor-element.elementor-element-6f241e2{--width:39%;}}@media(max-width:767px){.elementor-1042 .elementor-element.elementor-element-1711327{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-1042 .elementor-element.elementor-element-a0412ee:after{content:"0.5";}.elementor-1042 .elementor-element.elementor-element-a0412ee .elementor-post__thumbnail__link{width:100%;}}/* Start custom CSS for container, class: .elementor-element-82cabc1 *//* ADD THIS CLASS TO YOUR ELEMENTOR SECTION */
.hero-animated-bg {
    background: linear-gradient(135deg, #0f0c29, #302b63, #24243e);
    background-size: 200% 200%;
    animation: gradientFlow 8s ease infinite;
    position: relative;
    overflow: hidden;
}

@keyframes gradientFlow {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

/* Optional: floating particles overlay */
.hero-animated-bg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: radial-gradient(circle at 20% 40%, rgba(255,255,255,0.05) 2px, transparent 2px);
    background-size: 40px 40px;
    pointer-events: none;
    animation: particleFloat 20s linear infinite;
}

@keyframes particleFloat {
    0% { background-position: 0 0; }
    100% { background-position: 40px 40px; }
}/* End custom CSS */