.home-header-image{background-image:url(../../assets/images/hero-swim.jpg);background-repeat:no-repeat;background-size:cover;place-items:center;display:grid}.hero-video-bg:before{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}.home-sof-logo{grid-area:header-row-box/header-box;& img{width:auto;padding:2em}}@media screen and (width>=48em){.home-header-image{background-image:url(../../assets/images/hero-swim.jpg);background-repeat:no-repeat;background-size:cover;grid-template-columns:20%[header-box]1fr 20%;place-items:center;display:grid;&:before{content:"";background-color:#00000080;width:100%;height:100%;position:absolute;top:0;left:0}}.home-sof-logo{width:max(600px,3rem);padding:3rem}}.home-base-image{background-image:url(../../assets/images/hero2-swim.jpg);background-repeat:no-repeat;background-size:cover;display:grid}.home-base-image .text-box-white{color:var(--global-font-color);text-align:center;background-color:#fffc;margin:1em;padding:0 1em}@media screen and (width>=37.5em){.home-base-image{grid-template-columns:auto;padding:3em 1em}.home-base-image .text-box-white{padding:2em 3em}}@media screen and (width>=48em){.home-base-image{grid-template-columns:.5fr 60% .5fr;padding:3em 1em}.home-base-image .text-box-white{grid-area:2/2;padding:2em 3em}}.home h2{color:var(--sof-dark-blue);text-transform:uppercase}.home h3{color:var(--sof-light-blue);text-transform:uppercase}.home h3 a,.home h3 a:visited{color:var(--sof-light-blue)}.sub-list{text-align:center;grid-auto-rows:auto;display:grid;position:relative;&:after{content:"";border-bottom:1px solid var(--sof-dark-blue);justify-self:center;width:75%;padding-bottom:1em;display:block}& h2{font-family:var(--fritz-regular);margin:.2em 0}& a{font-family:var(--fritz-regular);color:var(--honorred);margin-bottom:1em;font-weight:700;text-decoration:none}}.sub-list a:not(:last-child):after{display:none}@media screen and (width>=37.5em){.sub-list{grid-gap:0 20px;grid-template-columns:1fr[box1]auto[box2]auto[box3]auto[box4]auto 1fr;&:after{border-bottom:none;padding-bottom:1em}& h2{margin:0 0 .7em;display:table;position:relative;&:after{content:"";background-color:var(--sof-dark-blue);width:1px;height:40%;position:absolute;top:30%;right:-10px}&:last-child:after{display:none}& a{vertical-align:middle;text-align:center;display:table-cell}}& h2:first-child{grid-area:box1}& h2:nth-child(2){grid-area:box2}& h2:nth-child(3){grid-area:box3}& h2:nth-child(4){grid-area:box4}}}@media screen and (width<=48em){.sub-list{grid-gap:0 40px;grid-template:"box1 box2""box3 box4";grid-auto-rows:auto;align-content:center;& h2{margin:.75em 0;&:after{content:"";background-color:var(--sof-dark-blue);width:1px;height:60%;position:absolute;top:15%;right:-20px}}& h2:first-child{grid-area:box1}& h2:nth-child(2){grid-area:box2}& h2:nth-child(3){grid-area:box3}& h2:nth-child(4){grid-area:box4}}}@media screen and (width<=37.5em){.sub-list{grid-gap:0 40px;grid-template:"box1""box2""box3""box4";grid-auto-rows:auto;align-content:center}}.info{grid-template:"box1""box2""box3""box4";width:90%;display:grid;& .box{text-align:center;padding:0 5%;display:grid;&:after{content:"";border-bottom:1px solid var(--sof-light-blue);justify-self:center;width:50%;padding-bottom:1em;display:block}&:last-child{border-bottom:none}& h2{margin-bottom:0}& h3{margin-top:0}& p{margin:.25em 0}}}@media screen and (width>=37.5em){.info{grid-gap:2em;grid-template:"box1 box2""box3 box4";align-content:center;gap:5rem;& .box{border-bottom:none;&:after{content:"";border-bottom:none;justify-self:center;width:50%;padding-bottom:0;display:block}}& .box:first-child{grid-area:box1}& .box:nth-child(2){grid-area:box2}& .box:nth-child(3){grid-area:box3}& .box:nth-child(4){grid-area:box4}}}@media screen and (width>=48em){.info{grid-gap:2em;grid-template-rows:auto;grid-template-columns:repeat(4,1fr);grid-template-areas:"box1 box2 box3 box4";width:100%;& .box:first-child{grid-area:box1}& .box:nth-child(2){grid-area:box2}& .box:nth-child(3){grid-area:box3}& .box:nth-child(4){grid-area:box4}}}.home{& .site-header{border-bottom:none}& .popup-content{z-index:10;background:#fff;border:1px solid #ccc;padding:4em;display:none;position:absolute}& .popup-content.locate-content{padding:2em 4em}& .popup-content a:link{text-decoration:none}}.hero-section{justify-content:center;align-items:center;width:100%;height:100vh;display:flex;position:relative;overflow:hidden}.hero-video-bg{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#heroVideo{object-fit:cover;width:100%;height:100%}.hero-content{z-index:2;text-align:center;position:relative}.logohero{max-width:80%;height:auto;max-height:40vh;margin:0 auto}.site-content{background-color:#fff}.hero-content .hero-cta-button{background-color:var(--honorred);color:#fff;text-align:center;border:none;border-radius:8px;padding:14px 32px;font-weight:700;text-decoration:none;transition:all .3s ease-in-out;display:inline-block;box-shadow:0 4px 15px #0003}.hero-content .hero-cta-button:hover,.hero-content .hero-cta-button:focus{color:#fff;background-color:#a41919;outline:none;transform:translateY(-3px);box-shadow:0 6px 20px #00000040}.hero-content .hero-cta-button:active{transform:translateY(1px);box-shadow:0 2px 10px #0003}