@import "/?originalUrl=https%3A%2F%2Fsfpc.study%2Fcss%2Ffundraiser.css";

:root {

    --sw-lightblue: #59a8f9;
    --sw-lime: #e8fa4d;
    --sw-darkgray: #554f54;

    --background: #e5e3e4 ;
    --text-color: #555658  ;
    --text-link: var(--winter-24-link) ;
    --box-shadow: rgba(0,0,0,.3);

    --ecpc-background: #000 ;
    --ecpc-text-color: #fff;
    --ecpc-text-link: #fff;
    --ecpc-box-shadow: rgba(0,0,0,.3);


    --fundraiser-winter-24-background-dark: #f9f6ee;
    --fundraiser-winter-24-background: #f9f6ee;
   --fundraiser-winter-24-text: #e56942;
    --fundraiser-winter-24-text-on-bg: #e56942;
    --fundraiser-winter-24-link:  #259afa;
    --fundraiser-winter-24-special-text:  #259afa;


    /* DUPLICATE THIS AND CHANGE TO COLORS FOR SEASON */
    /* --spring-24-background: #fff; // bg color
     --spring-24-text: #0061ac;  // main color
      --spring-24-text-on-bg: #0061ac; //
    --spring-24-link:  #000; // link color
      --spring-24-special-text:  #5294c7; */
      /* green 00BC00
      red FF000F
      purple FF06C4
      pink FFBAD9
      black 231F20
      white #FFFFFF */
      /* --summer-25-background: #FFF; */

      --summer-26-background: black;
      --summer-26-text: white;
      --summer-26-text-on-bg: #cad1f7; 
    --summer-26-link:  #7c9efb; 
      --summer-26-special-text:  #fdad78;


    --spring-26-background: #818181; 
    --spring-26-text: #fff;  
      --spring-26-text-on-bg: #020827; 
    --spring-26-link:  #d6e51a; 
      --spring-26-special-text:  #f2ff26;


    --winter-26-background: rgb(0 0 0 / 0%); 
    --winter-26-text: #fff;  
      --winter-26-text-on-bg: #fff; 
    --winter-26-link:  #d6e51a; 
      --winter-26-special-text:  #5294c7;

      --fall-25-background: #0f261f;
      --fall-25-text: #f2ff26;
       --fall-25-text-on-bg: #f2ff26;
     --fall-25-link:  #fa2b00;
       --fall-25-special-text:  #FF06C4;
       --fall-25-weekend-intensive: #FF000F;

      --summer-25-background: #FFBAD9;
      --summer-25-text: #231f20;
       --summer-25-text-on-bg: #231f20;
     --summer-25-link:  #00BC00;
       --summer-25-special-text:  #FF06C4;
       --summer-25-weekend-intensive: #FF000F;

      --spring-25-background: #131313;
      --spring-25-text: #eeeeee;
       --spring-25-text-on-bg: #eeeeee;
     --spring-25-link:  #ba7ff1;
       --spring-25-special-text:  #37ee91;

      --winter-25-background: #DCD7CE;
      --winter-25-text: #242424;
       --winter-25-text-on-bg: #242424;
     --winter-25-link:  #5676CB;
       --winter-25-special-text:  #5676CB;

      --fall-24-background: #BB94A0;
      --fall-24-text: #5A4148;
       --fall-24-text-on-bg: #5A4148;
     --fall-24-link:  #181510;
       --fall-24-special-text:  #D68E56;

      --summer-24-background: #ea7c53;
      --summer-24-text: #1234c2;
       --summer-24-text-on-bg: #1234c2;
     --summer-24-link:  #1234c2;
       --summer-24-special-text:  #cb3705;


    --spring-24-background: #fff;
     --spring-24-text: #0061ac;
      --spring-24-text-on-bg: #0061ac;
    --spring-24-link:  #000;
      --spring-24-special-text:  #5294c7;



    --winter-24-background: #faf5e2;
     --winter-24-text: #ff38ff;
      --winter-24-text-on-bg: #ff38ff;
    --winter-24-link:  #e74578;
      --winter-24-special-text:  #e74578;

    --fall-23-background: #d3fd7a;
   --fall-23-text: #f94b26;
    --fall-23-text-on-bg: #f94b26;
    --fall-23-link:  #001d19;
    --fall-23-special-text:  #f94b26;


    --summer-23-background: #0c0914;
   --summer-23-text: #cdcdcd;
    --summer-23-text-on-bg: #0a70ec;
    --summer-23-link:  #0a70ec;
    --summer-23-special-text:  #0a70ec;


    --spring-23-background: #e0c2b8;
    --spring-23-text: #000;
    --spring-23-text-on-bg: #e0c2b8;
    --spring-23-link:  #fb5f8e;
     --spring-23-special-text:  #000;


    --fundraiser-winter-23-background-dark: #002061;
    --fundraiser-winter-23-background: #00189a;
   --fundraiser-winter-23-text: #fff;
    --fundraiser-winter-23-text-on-bg: #fff;
    --fundraiser-winter-23-link:  #009ea7;
    --fundraiser-winter-23-special-text:  #e3009a;

   --winter-23-background: #285f9e;
  --winter-23-text: #fff;
   --winter-23-text-on-bg: #fff;
   --winter-23-link:  #74c131;
   --winter-23-special-text:  #285f9e;


    --fall-22-background: #37903d;
    --fall-22-text: #ffffff;
    --fall-22-text-on-bg: #d3dbe0;
    --fall-22-link:  #4c0191;
     --fall-22-special-text:  #5b922c;

    --sex-ed-background: #33f24c ;
    --sex-ed-text: #5d4486  ;
    --sex-ed-link: #7358b7;
    --sex-ed-text-on-bg:#555658  ;
    --sex-ed-special-text:  #555658  ;

    --networked-performance-background: #2E2E2E;
    --networked-performance-text: #fff;
    --networked-performance-text-on-bg: #fff;
    --networked-performance-link:  #EDBBE8;
     --networked-performance-special-text:  #14a057;

    --summer-22-background: #F5EEEE;
    --summer-22-text: #FF4C00;
    --summer-22-text-on-bg: #fff;
    --summer-22-link:  #458DF9;
     --summer-22-special-text:  #FF4C00;

    --spring-22-background: #e5e3e4;
    --spring-22-text: #555658;
    --spring-22-link:  rgb(48, 155, 80);

    --fallwinter-2122-background: #fff;
    --fallwinter-2122-text: #000;
    --fallwinter-2122-link: #8866aa;

    --cocoon-background: #bb905e;
    --cocoon-text: #211060;
    --cocoon-link: hsl(165, 53%, 25%);

    --codesocieties-20-background: blueviolet;
    --codesocieties-20-text: #fff;
    --codesocieties-20-link: #c78fff;

}





/* /////////// start SFPC GENERAL STYLES  ///////////////////////////////*/


select#allSections {
  background: rgba(255,255,255,.8);
  backdrop-filter: blur(3px);
}

.shell {
  border-color: #fff !important;
}


.sfpc-links-avatar {
  background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Flogo-lcd.jpg");
}

.sfpc,
.sfpc.featured.session,
.shell .sfpc,
.sfpc.featured  {
  background-color: var(--background)  !important;
  color: var(--text-color);
  box-sizing: border-box;
  border-color: var(--text-color);
}


      .sfpc p,
      .sfpc p a,
      .sfpc a,
      .sfpc.featured h4,
      .sfpc h4 a,
      .sfpc .intro a,
      .sfpc p.large a,
      .sfpc p a:hover,
      .sfpc.session.featured,
      .sfpc.session.featured a
      {
        color: var(--text-color) ;
      }

      .sfpc h4 a:hover,
      .sfpc .intro a,
      .sfpc p.large a:hover,
      .sfpc.featured:hover h6,
      .sfpc.featured:hover .title,
      .sfpc .details a:hover,
      .sfpc.featured .title:hover,
      .sfpc p a:hover,
      .sfpc h4 a:hover,
      .sfpc section .grid-2 ul li::before,
      .sfpc .chars,
      .sfpc p a:hover,
      .sfpc a:hover,
      .sfpc h4 a:hover,
      .sfpc .intro a:hover,
      .sfpc .details a:hover,
      .sfpc .entity:hover .accordion dt h3:after,
      .sfpc .accordion dt h3:after,
      .sfpc i.special,
      .sfpc .expanded{
          color: var(--text-link) !important;
      }

      .sfpc #cost,
      .sfpc .fixed-apply,
      .sfpc .fixed-support {
          color: var(--background) !important;
      }

      .sfpc .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .sfpc .block-text {
        background-color: var(--background);
        color: var(--text-link);
      }


      .sfpc .break {
        border-bottom: 1px dashed var(--text-color);
      }

      .sfpc .grid-inner, .sfpc.grid-inner {
        border: 2px dotted var(--text-color) ;
        color: var(--text-link) !important;
      }

      .sfpc #class .entity,
      .sfpc.website-grid .grid-2 {
        border-color: var(--text-color);
      }

      .sfpc #class .entity:hover {
        border-color: var(--text-link);
      }

      .sfpc .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--background) !important;
      }

      .sfpc select#allSections:hover,
      .sfpc .loader-content p::after,
      .sfpc span#cost
      {
        background: var(--text-link) !important;
        color: var(--background) !important;
      }


      .sfpc .breadcrumb.fixed {
          background: rgba(255,255,255,.8) !important;
      }

      .sfpc .breadcrumb.fixed,
      .sfpc .breadcrumb.fixed::before,
      .sfpc .breadcrumb.fixed a,
      .sfpc .breadcrumb.fixed a:hover {
        /* background: rgba(255,255,255,.8) !important; */
        color: #000 !important;
      }


      .sfpc .breadcrumb,
      .sfpc .breadcrumb a,
      .sfpc .text-on-bg,
      .sfpc .breadcrumb a:hover {
          color: var(--text-color) !important;
          /* text-shadow: 2px 2px 0px var(--text-link); */
      }


      .sfpc section#section-outro,
      #class .intro.sfpc,
      .shell.sfpc .class-details,
      .sfpc #class section,
      .sfpc #class .entity,
      .sfpc .accordion dd.active,
      .sfpc section ul,
      .sfpc .website-grid
       {
        background-color: var(--background);
        color:  var(--text-color) !important;
        border-radius: var(--border-rad);
      }

      .sfpc #class section,
      #class .intro.sfpc {
        /* padding: var(--body-margin) calc(var(--body-margin)/2); */
      }

      .sfpc #class section.stacked,
      .sfpc .section-testimonials,
      .sfpc .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }


      .shell.sfpc {
        background: var(--background);
      }

      .sfpc.test, .sfpc.block-text {
        border-color: var(--text-color);
      }

      .sfpc .fundraiser-progress h6 {
      color: var(--background);
      }

      .sfpc .fundraiser-progress {
      background:  var(--text-link);
      }

      .sfpc .fundraiser-goal {
      border: 2px solid var(--text-link);
      }

       .specialquote {
      border: 2px dotted blue;
      padding: 1.4em;
      font-size: 1em;
    }




/* /////////// end SFPC GENERAL STYLES  ///////////////////////////////*/
/* /////////// start future-schools styles  ///////////////////////////////*/

.shell.future-schools{
  background-color: var(--sw-lightblue);
  color: white;
}

.shell .future-schools .workshop{
  background-color: var(--sw-lightblue);
      }

.future-schools.online-class {
    box-shadow: inset 0px 0px 13px 6px var(--sw-lime);
    border: 0px solid;
    padding: 1em;
    background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffuture-schools%2FSpring-WS-BG.jpg");
    background-size: cover;
    font-family: 'FlorDeRuina';
    font-weight: light !important;
    font-kerning: 200;
}

@media only screen and (max-width: 600px) {
  .future-schools.featured .title{
    font-size: calc(var(--large-text) * 0.9);
    font-weight: normal;
  }

.future-schools .special-button {
    font-size: 0.8em !important;
}


  }

.future-schools.online-class .pill{
  box-shadow: inset 1px 1px 8px 1px var(--sw-lightblue);
    padding: 0.4em;
    border-radius: 10px;
    border: 1px solid;
    background: white;
    color: var(--sw-lightblue);
}

        .future-schools .workshop #class-block {
          background: var(--sw-lightblue)!important;   
        }
/* /////////// start prom styles  ///////////////////////////////*/

.shell.prom-26{
  background-color: var(--sw-lightblue);
  color: white;
}

.shell .prom-26 .workshop{
  background-color: var(--sw-lightblue);
      }

.prom-26.online-class {
    box-shadow: inset 0px 0px 13px 6px var(--sw-lime);
    border: 0px solid;
    padding: 1em;
    background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fprom-26%2FSpring-WS-BG.jpg");
    background-size: cover;
    font-family: 'FlorDeRuina';
    font-weight: light !important;
    font-kerning: 200;
}

@media only screen and (max-width: 600px) {
  .prom-26.featured .title{
    font-size: calc(var(--large-text) * 0.9);
    font-weight: normal;
  }

.prom-26 .special-button {
    font-size: 0.8em !important;
}


  }

.prom-26.online-class .pill{
  box-shadow: inset 1px 1px 8px 1px var(--sw-lightblue);
    padding: 0.4em;
    border-radius: 10px;
    border: 1px solid;
    background: white;
    color: var(--sw-lightblue);
}


        .prom-26 .workshop #class-block {
          background: var(--sw-lightblue)!important;   
        }
/* /////////// start summer-26  ///////////////////////////////*/
.shell.april-26-shell {
  background-color: var(--summer-26-background);

        /* background-position: top left;
        background-repeat: repeat;
        background-size: cover; */
      }
      .summer-26, .april-26-shell
      .summer-26.featured.session,
      .summer-26.featured  {
       color: var(--summer-26-text);
       box-sizing: border-box;
       border-color: var(--summer-26-text);
       background-position: center;
       background-size: cover;
      }
      
      .summer-26.featured:hover {
        /* background-size: 200%; */
      }
      .summer-26, .april-26-shell,
.summer-26.featured.session,
.shell .summer-26,
.summer-26.featured  {
  background-color: var(--summer-26-background)  !important;
  color: var(--summer-26-text);
  box-sizing: border-box;
  border-color: var(--summer-26-text);
  text-shadow: none !important;
  
}



      .summer-26 p,
      .summer-26 p a,
      .summer-26 a,
      .summer-26.featured h4,
      .summer-26 h4 a,
      .summer-26 .intro a,
      .summer-26 p.large a,
      .summer-26 p a:hover,
      .summer-26.session.featured,
      .summer-26.session.featured a,
      .summer-26.featured h4.type a,
      .sfpc .summer-26 a
      {
        color: var(--summer-26-text);
      }

      .summer-26 h4 a:hover,
      .summer-26 .intro a,
      .summer-26 p.large a:hover,
      .summer-26.featured:hover h6,
      .summer-26.featured:hover .title,
      .summer-26 .details a:hover,
      .summer-26.featured .title:hover,
      .summer-26 p a:hover,
      .summer-26 h4 a:hover,
      .summer-26 section .grid-2 ul li::before,
      .summer-26 .chars,
      .summer-26 p a:hover,
      .summer-26 a:hover,
      .summer-26 h4 a:hover,
      .summer-26 .intro a:hover,
      .summer-26 .details a:hover,
      .summer-26 .entity:hover .accordion dt h3:after,
      .summer-26 .accordion dt h3:after,
      .summer-26 .expanded{
          color: var(--summer-26-link) !important;
      }
      .summer-26 .special-button {
        background-color: var(--summer-26-link);
        color: black !important;
        border-radius: 1.5vw;
        padding:calc(10px + 0.7vw);
        text-decoration: none;
        font-size: 0.6em !important;
      }
      .summer-26 .special-button:hover {

        background-color: #9cadee;
      }
      .summer-26 #cost,
      .summer-26 .fixed-apply,
      .summer-26 .fixed-support,
      .summer-26 .home-intro span#session-name::after {
          color: #000 !important;
          background: var(--summer-26-link) !important;
      }


      .summer-26 .fixed-apply:hover {
        color: var(--summer-26-link) !important;
        background: rgba(76, 134, 235, 0.757) !important;
      }

      .summer-26 .block-text {
        background-color: var(--summer-26-background);
        color: var(--summer-26-link);
      }



      .summer-26.grid-inner, .summer-26 .grid-inner {
        border: 2px dotted var(--summer-26-text) !important;
        color: var(--summer-26-link) !important;
      }

      .summer-26 #class .entity,
      .summer-26.website-grid .grid-2 {
        border-color: var(--summer-26-text);
      }

      .summer-26 #class .entity:hover {
        border-color: var(--summer-26-link);
      }

      .summer-26 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--summer-26-background) !important;
      }


      .summer-26 select#allSections:hover,
      .summer-26 .loader-content p::after,
      .summer-26 span#cost
      {
        background: var(--summer-26-link) !important;
        color: #000 !important;
      }

      .summer-26 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .summer-26 .breadcrumb.fixed,
      .summer-26 .breadcrumb.fixed::before,
      .summer-26 .breadcrumb.fixed a,
      .summer-26 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .summer-26 .breadcrumb,
      .summer-26 .breadcrumb a,
      .summer-26 .text-on-bg,
      .summer-26 .breadcrumb a:hover {
          color: var(--summer-26-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--summer-26-background);
      }


      .summer-26 section#section-outro,
      #class .intro.summer-26,
      .shell.summer-26 .class-details,
      .summer-26 #class section,
      .summer-26 #class .entity,
      .summer-26 .accordion dd.active,
      .summer-26 section ul,
      .summer-26 .website-grid
       {
        /* background-color: var(--summer-26-background); */
        background: none;
        color:  var(--summer-26-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .summer-26.featured .title,
      .summer-26 #session-name, #tag.summer-26,

    .summer-26  #session-name > a

       {
        
      }

      .summer-26 #class section,
      #class .intro.summer-26 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .summer-26 #class section.stacked,
      .summer-26 .section-testimonials,
      .summer-26 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--summer-26-background); */

      }

      .summer-26 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--summer-26-text);
      }

      /* .shell.summer-26 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-26%2Fbg.png");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      } */
      .labels-info .weekend-intensive {
        padding:5px 8px;
        border-radius:10px;
        background-color: var(--summer-26-weekend-intensive);
      }
      .summer-26.online-class {
        box-shadow: inset 0px 0px 13px 6px #3e3b3b;
        border: 1px #3e3b3b solid;
        padding: 1em;
    }
    .summer-26.online-class .pill {
      color: black !important;
      background-color: white;
      padding: 0.2em;
      border-radius: 1em;
  }

      .summer-26.weekend-intensive .pill {
        background-color: #FF000F;
        color: #fffefb !important;
      }
      #class-block .summer-26.online-class {
        border-color:#f2ff26;
      }
      #class-block .summer-26.online-class .pill {
        color: black !important;
      background-color: #f2ff26;
      padding: 0.2em;
      border-radius: 1em;
      }

      #class-block .summer-26.weekend-intensive h2:hover, #class-block .summer-26.weekend-intensive h6:hover, {
        color:#FF000F !important;
      }

/* END spring 2026 */

/* /////////// start spring-26 extra workshop styles  ///////////////////////////////*/

.shell.spring-sw-26{
  background-color: var(--sw-lightblue);
  color: white;
}

.shell .spring-26 .workshop{
  background-color: var(--sw-lightblue);
      }

.spring-sw-26.online-class {
    box-shadow: inset 0px 0px 13px 6px var(--sw-lime);
    border: 0px solid;
    padding: 1em;
    background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-26%2FSpring-WS-BG.jpg");
    background-size: cover;
    font-family: 'FlorDeRuina';
    font-weight: light !important;
    font-kerning: 200;
}

@media only screen and (max-width: 600px) {
  .spring-sw-26.featured .title{
    font-size: calc(var(--large-text) * 0.9);
    font-weight: normal;
  }

.spring-26 .special-button {
    font-size: 0.8em !important;
}


  }

.spring-sw-26.online-class .pill{
  box-shadow: inset 1px 1px 8px 1px var(--sw-lightblue);
    padding: 0.4em;
    border-radius: 10px;
    border: 1px solid;
    background: white;
    color: var(--sw-lightblue);
}

   .shell.spring-26.workshop{
          background: var(--sw-lightblue)!important;   
    }
        .spring-26 .workshop #class-block {
          background: var(--sw-lightblue)!important;   
        }


/* /////////// start spring-26  ///////////////////////////////*/
.shell.spring-26 {
  background-color: var(--spring-26-background);

        /* background-position: top left;
        background-repeat: repeat;
        background-size: cover; */
      }
      .spring-26,
      .spring-26.featured.session,
      .spring-26.featured  {
       color: var(--spring-26-text);
       box-sizing: border-box;
       border-color: var(--spring-26-text);
       background-position: center;
       background-size: cover;
      }
      
      .spring-26.featured:hover {
        /* background-size: 200%; */
      }
      .spring-26,
.spring-26.featured.session,
.shell .spring-26,
.spring-26.featured  {
  background-color: var(--spring-26-background)  !important;
  color: var(--spring-26-text);
  box-sizing: border-box;
  border-color: var(--spring-26-text);
  text-shadow: none !important;
}


      .spring-26 p,
      .spring-26 p a,
      .spring-26 a,
      .spring-26.featured h4,
      .spring-26 h4 a,
      .spring-26 .intro a,
      .spring-26 p.large a,
      .spring-26 p a:hover,
      .spring-26.session.featured,
      .spring-26.session.featured a,
      .spring-26.featured h4.type a,
      .sfpc .spring-26 a
      {
        color: var(--spring-26-text);
      }

      .spring-26 h4 a:hover,
      .spring-26 .intro a,
      .spring-26 p.large a:hover,
      .spring-26.featured:hover h6,
      .spring-26.featured:hover .title,
      .spring-26 .details a:hover,
      .spring-26.featured .title:hover,
      .spring-26 p a:hover,
      .spring-26 h4 a:hover,
      .spring-26 section .grid-2 ul li::before,
      .spring-26 .chars,
      .spring-26 p a:hover,
      .spring-26 a:hover,
      .spring-26 h4 a:hover,
      .spring-26 .intro a:hover,
      .spring-26 .details a:hover,
      .spring-26 .entity:hover .accordion dt h3:after,
      .spring-26 .accordion dt h3:after,
      .spring-26 .expanded{
          color: var(--spring-26-link) !important;
      }
      .spring-26 .special-button {
        background-color: var(--spring-26-link);
        color: #000 !important;
        border-radius: 1.5vw;
        padding:calc(10px + 0.7vw);
        text-decoration: none;
        font-size: 0.6em !important;
      }
      .spring-26 .special-button:hover {

        background-color: #f2ff26;
      }
      .spring-26 #cost,
      .spring-26 .fixed-apply,
      .spring-26 .fixed-support,
      .spring-26 .home-intro span#session-name::after {
          color: #000 !important;
          background: var(--spring-26-link) !important;
      }


      .spring-26 .fixed-apply:hover {
        color: var(--spring-26-link) !important;
        background: rgba(0,0,0,.8) !important;
      }

      .spring-26 .block-text {
        background-color: var(--spring-26-background);
        color: var(--spring-26-link);
      }



      .spring-26.grid-inner, .spring-26 .grid-inner {
        border: 2px dotted var(--spring-26-text) !important;
        color: var(--spring-26-link) !important;
      }

      .spring-26 #class .entity,
      .spring-26.website-grid .grid-2 {
        border-color: var(--spring-26-text);
      }

      .spring-26 #class .entity:hover {
        border-color: var(--spring-26-link);
      }

      .spring-26 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--spring-26-background) !important;
      }


      .spring-26 select#allSections:hover,
      .spring-26 .loader-content p::after,
      .spring-26 span#cost
      {
        background: var(--spring-26-link) !important;
        color: #000 !important;
      }

      .spring-26 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .spring-26 .breadcrumb.fixed,
      .spring-26 .breadcrumb.fixed::before,
      .spring-26 .breadcrumb.fixed a,
      .spring-26 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .spring-26 .breadcrumb,
      .spring-26 .breadcrumb a,
      .spring-26 .text-on-bg,
      .spring-26 .breadcrumb a:hover {
          color: var(--spring-26-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--spring-26-background);
      }


      .spring-26 section#section-outro,
      #class .intro.spring-26,
      .shell.spring-26 .class-details,
      .spring-26 #class section,
      .spring-26 #class .entity,
      .spring-26 .accordion dd.active,
      .spring-26 section ul,
      .spring-26 .website-grid
       {
        /* background-color: var(--spring-26-background); */
        background: none;
        color:  var(--spring-26-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .spring-26.featured .title,
      .spring-26 #session-name, #tag.spring-26,

    .spring-26  #session-name > a

       {
        
      }

      .spring-26 #class section,
      #class .intro.spring-26 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .spring-26 #class section.stacked,
      .spring-26 .section-testimonials,
      .spring-26 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--spring-26-background); */

      }

      .spring-26 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--spring-26-text);
      }

      /* .shell.spring-26 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-26%2Fbg.png");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      } */
      .labels-info .weekend-intensive {
        padding:5px 8px;
        border-radius:10px;
        background-color: var(--spring-26-weekend-intensive);
      }
      .spring-26.online-class {
        box-shadow: inset 0px 0px 13px 6px #3e3b3b;
        border: 1px #3e3b3b solid;
        padding: 1em;
    }
    .spring-26.online-class .pill {
      color: black !important;
      background-color: #1dbe0d;
      padding: 0.2em;
      border-radius: 1em;
  }

      .spring-26.weekend-intensive .pill {
        background-color: #FF000F;
        color: #fffefb !important;
      }
      #class-block .spring-26.online-class {
        border-color:#f2ff26;
      }
      #class-block .spring-26.online-class .pill {
        color: black !important;
      background-color: #f2ff26;
      padding: 0.2em;
      border-radius: 1em;
      }

      #class-block .spring-26.weekend-intensive h2:hover, #class-block .spring-26.weekend-intensive h6:hover, {
        color:#FF000F !important;
      }

/* END spring 2026 */
/* /////////// start winter-26  ///////////////////////////////*/
.shell.winter-26 {
  background-color: var(--winter-26-background);

        /* background-position: top left;
        background-repeat: repeat;
        background-size: cover; */
      }
      .winter-26,
      .winter-26.featured.session,
      .winter-26.featured  {
       color: var(--winter-26-text);
       box-sizing: border-box;
       border-color: var(--winter-26-text);
       background-position: center;
       background-size: cover;
      }
      
      .winter-26.featured:hover {
        /* background-size: 200%; */
      }
      .winter-26,
.winter-26.featured.session,
.shell .winter-26,
.winter-26.featured  {
  background-color: var(--winter-26-background)  !important;
  color: var(--winter-26-text);
  box-sizing: border-box;
  border-color: var(--winter-26-text);
  text-shadow: none !important;
}


      .winter-26 p,
      .winter-26 p a,
      .winter-26 a,
      .winter-26.featured h4,
      .winter-26 h4 a,
      .winter-26 .intro a,
      .winter-26 p.large a,
      .winter-26 p a:hover,
      .winter-26.session.featured,
      .winter-26.session.featured a,
      .winter-26.featured h4.type a,
      .sfpc .winter-26 a
      {
        color: var(--winter-26-text);
      }

      .winter-26 h4 a:hover,
      .winter-26 .intro a,
      .winter-26 p.large a:hover,
      .winter-26.featured:hover h6,
      .winter-26.featured:hover .title,
      .winter-26 .details a:hover,
      .winter-26.featured .title:hover,
      .winter-26 p a:hover,
      .winter-26 h4 a:hover,
      .winter-26 section .grid-2 ul li::before,
      .winter-26 .chars,
      .winter-26 p a:hover,
      .winter-26 a:hover,
      .winter-26 h4 a:hover,
      .winter-26 .intro a:hover,
      .winter-26 .details a:hover,
      .winter-26 .entity:hover .accordion dt h3:after,
      .winter-26 .accordion dt h3:after,
      .winter-26 .expanded{
          color: var(--winter-26-link) !important;
      }
      .winter-26 .special-button {
        background-color: var(--winter-26-link);
        color: #000 !important;
        border-radius: 1.5vw;
        padding:calc(10px + 0.5vw);
        text-decoration: none;
      }
      .winter-26 .special-button:hover {

        background-color: #222;
      }
      .winter-26 #cost,
      .winter-26 .fixed-apply,
      .winter-26 .fixed-support,
      .winter-26 .home-intro span#session-name::after {
          color: #000 !important;
          background: var(--winter-26-link) !important;
      }


      .winter-26 .fixed-apply:hover {
        color: var(--winter-26-link) !important;
        background: rgba(0,0,0,.8) !important;
      }

      .winter-26 .block-text {
        background-color: var(--winter-26-background);
        color: var(--winter-26-link);
      }



      .winter-26.grid-inner, .winter-26 .grid-inner {
        border: 2px dotted var(--winter-26-text) !important;
        color: var(--winter-26-link) !important;
      }

      .winter-26 #class .entity,
      .winter-26.website-grid .grid-2 {
        border-color: var(--winter-26-text);
      }

      .winter-26 #class .entity:hover {
        border-color: var(--winter-26-link);
      }

      .winter-26 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--winter-26-background) !important;
      }


      .winter-26 select#allSections:hover,
      .winter-26 .loader-content p::after,
      .winter-26 span#cost
      {
        background: var(--winter-26-link) !important;
        color: #000 !important;
      }

      .winter-26 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .winter-26 .breadcrumb.fixed,
      .winter-26 .breadcrumb.fixed::before,
      .winter-26 .breadcrumb.fixed a,
      .winter-26 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .winter-26 .breadcrumb,
      .winter-26 .breadcrumb a,
      .winter-26 .text-on-bg,
      .winter-26 .breadcrumb a:hover {
          color: var(--winter-26-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--winter-26-background);
      }


      .winter-26 section#section-outro,
      #class .intro.winter-26,
      .shell.winter-26 .class-details,
      .winter-26 #class section,
      .winter-26 #class .entity,
      .winter-26 .accordion dd.active,
      .winter-26 section ul,
      .winter-26 .website-grid
       {
        /* background-color: var(--winter-26-background); */
        background: none;
        color:  var(--winter-26-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .winter-26.featured .title,
      .winter-26 #session-name, #tag.winter-26,

    .winter-26  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--winter-26-link); */
      }

      .winter-26 #class section,
      #class .intro.winter-26 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .winter-26 #class section.stacked,
      .winter-26 .section-testimonials,
      .winter-26 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--winter-26-background); */

      }

      .winter-26 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--winter-26-text);
      }

      /* .shell.winter-26 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-26%2Fbg.png");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      } */
      .labels-info .weekend-intensive {
        padding:5px 8px;
        border-radius:10px;
        background-color: var(--winter-26-weekend-intensive);
      }
      .winter-26.online-class {
        box-shadow: inset 0px 0px 5px 2px #ffffff;
        border-color: #ffffff;
    }
    .winter-26.online-class .pill {
      color: black !important;
      background-color: #79bef2;
      padding: 0.2em;
      border-radius: 1em;
  }

      .winter-26.weekend-intensive .pill {
        background-color: #FF000F;
        color: #fffefb !important;
      }
      #class-block .winter-26.online-class {
        border-color:#f2ff26;
      }
      #class-block .winter-26.online-class .pill {
        color: black !important;
      background-color: #f2ff26;
      padding: 0.2em;
      border-radius: 1em;
      }

      #class-block .weekend-intensive h2:hover, #class-block .weekend-intensive h6:hover, {
        color:#FF000F !important;
      }

        /* END WINTER 2026 */
/* /////////// start fall-25  ///////////////////////////////*/

.fall-25,
.fall-25.featured.session,
.fall-25.featured  {
 color: var(--fall-25-text);
 box-sizing: border-box;
 border-color: var(--fall-25-text);
 background-position: center;
 background-size: cover;
}

.fall-25.featured:hover {
  /* background-size: 200%; */
}



     .shell.fall-25 {
       background-color: var(--fall-25-background);
       /* background-position: bottom; */
       background-repeat: no-repeat;
       background-size: 150%;
       /* background-position: top left;
       background-repeat: repeat;
       background-size: cover; */
     }



.fall-25,
.fall-25.featured.session,
.shell .fall-25,
.fall-25.featured  {
  background-color: var(--fall-25-background)  !important;
  color: var(--fall-25-text);
  box-sizing: border-box;
  border-color: var(--fall-25-text);
  text-shadow: none !important;
}


      .fall-25 p,
      .fall-25 p a,
      .fall-25 a,
      .fall-25.featured h4,
      .fall-25 h4 a,
      .fall-25 .intro a,
      .fall-25 p.large a,
      .fall-25 p a:hover,
      .fall-25.session.featured,
      .fall-25.session.featured a,
      .fall-25.featured h4.type a,
      .sfpc .fall-25 a
      {
        color: var(--fall-25-text);
      }

      .fall-25 h4 a:hover,
      .fall-25 .intro a,
      .fall-25 p.large a:hover,
      .fall-25.featured:hover h6,
      .fall-25.featured:hover .title,
      .fall-25 .details a:hover,
      .fall-25.featured .title:hover,
      .fall-25 p a:hover,
      .fall-25 h4 a:hover,
      .fall-25 section .grid-2 ul li::before,
      .fall-25 .chars,
      .fall-25 p a:hover,
      .fall-25 a:hover,
      .fall-25 h4 a:hover,
      .fall-25 .intro a:hover,
      .fall-25 .details a:hover,
      .fall-25 .entity:hover .accordion dt h3:after,
      .fall-25 .accordion dt h3:after,
      .fall-25 .expanded{
          color: var(--fall-25-link) !important;
      }
      .fall-25 .special-button {
        background-color: var(--fall-25-link);
        color: #fff !important;
        border-radius: 1.5vw;
        padding:calc(10px + 0.5vw);
        text-decoration: none;
      }
      .fall-25 .special-button:hover {

        background-color: #fffefb;
      }
      .fall-25 #cost,
      .fall-25 .fixed-apply,
      .fall-25 .fixed-support,
      .fall-25 .home-intro span#session-name::after {
          color: #fff !important;
          background: var(--fall-25-link) !important;
      }




      .fall-25 .fixed-apply:hover {
        color: var(--fall-25-link) !important;
        background: rgba(255,255,255,.8) !important;
      }

      .fall-25 .block-text {
        background-color: var(--fall-25-background);
        color: var(--fall-25-link);
      }



      .fall-25.grid-inner, .fall-25 .grid-inner {
        border: 2px dotted var(--fall-25-text) !important;
        color: var(--fall-25-link) !important;
      }

      .fall-25 #class .entity,
      .fall-25.website-grid .grid-2 {
        border-color: var(--fall-25-text);
      }

      .fall-25 #class .entity:hover {
        border-color: var(--fall-25-link);
      }

      .fall-25 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--fall-25-background) !important;
      }


      .fall-25 select#allSections:hover,
      .fall-25 .loader-content p::after,
      .fall-25 span#cost
      {
        background: var(--fall-25-link) !important;
        color: #fff !important;
      }

      .fall-25 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .fall-25 .breadcrumb.fixed,
      .fall-25 .breadcrumb.fixed::before,
      .fall-25 .breadcrumb.fixed a,
      .fall-25 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .fall-25 .breadcrumb,
      .fall-25 .breadcrumb a,
      .fall-25 .text-on-bg,
      .fall-25 .breadcrumb a:hover {
          color: var(--fall-25-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--fall-25-background);
      }


      .fall-25 section#section-outro,
      #class .intro.fall-25,
      .shell.fall-25 .class-details,
      .fall-25 #class section,
      .fall-25 #class .entity,
      .fall-25 .accordion dd.active,
      .fall-25 section ul,
      .fall-25 .website-grid
       {
        /* background-color: var(--fall-25-background); */
        background: none;
        color:  var(--fall-25-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .fall-25.featured .title,
      .fall-25 #session-name, #tag.fall-25,

    .fall-25  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--fall-25-link); */
      }

      .fall-25 #class section,
      #class .intro.fall-25 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .fall-25 #class section.stacked,
      .fall-25 .section-testimonials,
      .fall-25 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--fall-25-background); */

      }

      .fall-25 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--fall-25-text);
      }

      /* .shell.fall-25 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-25%2Fbg.png");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      } */
      .labels-info .weekend-intensive {
        padding:5px 8px;
        border-radius:10px;
        background-color: var(--fall-25-weekend-intensive);
      }
      .fall-25.online-class {
        box-shadow: inset 0px 0px 5px 2px #f2ff26;
        border-color:#f2ff26;
      }
      .fall-25.weekend-intensive {
        border-color:#FF000F;
      }
      .fall-25.online-class .pill {
        color: black !important;
      background-color: #f2ff26;
      padding: 0.2em;
      border-radius: 1em;
      }
      .fall-25.weekend-intensive .pill {
        background-color: #FF000F;
        color: #fffefb !important;
      }
      #class-block .fall-25.online-class {
        border-color:#f2ff26;
      }
      #class-block .fall-25.online-class .pill {
        color: black !important;
      background-color: #f2ff26;
      padding: 0.2em;
      border-radius: 1em;
      }

      #class-block .weekend-intensive h2:hover, #class-block .weekend-intensive h6:hover, {
        color:#FF000F !important;
      }


*/
/* /////////// end fall-25  ///////////////////////////////*/
/* /////////// start summer-25  ///////////////////////////////*/

.summer-25,
.summer-25.featured.session,
.summer-25.featured  {
 color: var(--summer-25-text);
 box-sizing: border-box;
 border-color: var(--summer-25-text);
 /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-25%2Fbg.png"); */
 background-color: var(--summer-25-background);
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.summer-25.featured:hover {
  /* background-size: 200%; */
}



     .shell.summer-25 {
 background-color: var(--summer-25-background);
 /* background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-25%2Fbg.png"); */
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       /* background-position: top left;
       background-repeat: repeat;
       background-size: cover; */
     }



.summer-25,
.summer-25.featured.session,
.shell .summer-25,
.summer-25.featured  {
  background-color: var(--summer-25-background)  !important;
  color: var(--summer-25-text);
  box-sizing: border-box;
  border-color: var(--summer-25-text);
  text-shadow: none !important;
}


      .summer-25 p,
      .summer-25 p a,
      .summer-25 a,
      .summer-25.featured h4,
      .summer-25 h4 a,
      .summer-25 .intro a,
      .summer-25 p.large a,
      .summer-25 p a:hover,
      .summer-25.session.featured,
      .summer-25.session.featured a,
      .summer-25.featured h4.type a,
      .sfpc .summer-25 a
      {
        color: var(--summer-25-text);
      }

      .summer-25 h4 a:hover,
      .summer-25 .intro a,
      .summer-25 p.large a:hover,
      .summer-25.featured:hover h6,
      .summer-25.featured:hover .title,
      .summer-25 .details a:hover,
      .summer-25.featured .title:hover,
      .summer-25 p a:hover,
      .summer-25 h4 a:hover,
      .summer-25 section .grid-2 ul li::before,
      .summer-25 .chars,
      .summer-25 p a:hover,
      .summer-25 a:hover,
      .summer-25 h4 a:hover,
      .summer-25 .intro a:hover,
      .summer-25 .details a:hover,
      .summer-25 .entity:hover .accordion dt h3:after,
      .summer-25 .accordion dt h3:after,
      .summer-25 .expanded{
          color: var(--summer-25-link) !important;
      }
      .summer-25 .special-button {
        background-color: var(--summer-25-link);
        color: #fff !important;
        border-radius: 1.5vw;
        padding:calc(10px + 0.5vw);
        text-decoration: none;
      }
      .summer-25 .special-button:hover {

        background-color: #fffefb;
      }
      .summer-25 #cost,
      .summer-25 .fixed-apply,
      .summer-25 .fixed-support,
      .summer-25 .home-intro span#session-name::after {
          color: #fff !important;
          background: var(--summer-25-link) !important;
      }




      .summer-25 .fixed-apply:hover {
        color: var(--summer-25-link) !important;
        background: rgba(255,255,255,.8) !important;
      }

      .summer-25 .block-text {
        background-color: var(--summer-25-background);
        color: var(--summer-25-link);
      }



      .summer-25.grid-inner, .summer-25 .grid-inner {
        border: 2px dotted var(--summer-25-text) !important;
        color: var(--summer-25-link) !important;
      }

      .summer-25 #class .entity,
      .summer-25.website-grid .grid-2 {
        border-color: var(--summer-25-text);
      }

      .summer-25 #class .entity:hover {
        border-color: var(--summer-25-link);
      }

      .summer-25 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--summer-25-background) !important;
      }


      .summer-25 select#allSections:hover,
      .summer-25 .loader-content p::after,
      .summer-25 span#cost
      {
        background: var(--summer-25-link) !important;
        color: #fff !important;
      }

      .summer-25 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .summer-25 .breadcrumb.fixed,
      .summer-25 .breadcrumb.fixed::before,
      .summer-25 .breadcrumb.fixed a,
      .summer-25 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .summer-25 .breadcrumb,
      .summer-25 .breadcrumb a,
      .summer-25 .text-on-bg,
      .summer-25 .breadcrumb a:hover {
          color: var(--summer-25-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--summer-25-background);
      }


      .summer-25 section#section-outro,
      #class .intro.summer-25,
      .shell.summer-25 .class-details,
      .summer-25 #class section,
      .summer-25 #class .entity,
      .summer-25 .accordion dd.active,
      .summer-25 section ul,
      .summer-25 .website-grid
       {
        /* background-color: var(--summer-25-background); */
        background: none;
        color:  var(--summer-25-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .summer-25.featured .title,
      .summer-25 #session-name, #tag.summer-25,

    .summer-25  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--summer-25-link); */
      }

      .summer-25 #class section,
      #class .intro.summer-25 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .summer-25 #class section.stacked,
      .summer-25 .section-testimonials,
      .summer-25 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--summer-25-background); */

      }

      .summer-25 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--summer-25-text);
      }

      .grid-4.featured.summer-25{
        background-color: #fffefb !important;
      }
      .grid-2.featured.summer-25{
        background-color: #fffefb !important;
      }
      .summer-25.shell.home {
        background-color: #fffefb !important;
      }
      .shell.summer-25 {
        /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-25%2Fbg.png"); */
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      }
      .labels-info .weekend-intensive {
        padding:5px 8px;
        border-radius:10px;
        background-color: var(--summer-25-weekend-intensive);
      }
      .summer-25.online-class {
        border-color:#FFBAD9;
      }
      .summer-25.weekend-intensive {
        border-color:#FF000F;
      }
      .summer-25.online-class .pill {
        background-color: #FFBAD9;
      }
      .summer-25.weekend-intensive .pill {
        background-color: #FF000F;
        color: #fffefb !important;
      }
      #class-block .summer-25.online-class {
        border-color:#00BC00;
      }
      #class-block .summer-25.online-class .pill {
        background-color: #00BC00;
        color: #fffefb;
      }

      #class-block .weekend-intensive h2:hover, #class-block .weekend-intensive h6:hover, {
        color:#FF000F !important;
      }



/* /////////// end summer-25  ///////////////////////////////*/
/* /////////// start spring-25  ///////////////////////////////*/

.spring-25,
.spring-25.featured.session,
.spring-25.featured  {
 color: var(--spring-25-text);
 box-sizing: border-box;
 border-color: var(--spring-25-text);
 /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-25%2Fbg.png"); */
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.spring-25.featured:hover {
  /* background-size: 200%; */
}


.spring-25 #session-name {
  color: var(--spring-25-special-text)
}

.spring-25,
.spring-25.featured.session,
.shell .spring-25,
.spring-25.featured  {
  background-color: var(--spring-25-background)  !important;
  color: var(--spring-25-text);
  box-sizing: border-box;
  border-color: var(--spring-25-text);
  text-shadow: none !important;
}
.spring-25.featured {
  border: 3px double var(--spring-25-text);
  border-left: 10px double var(--spring-25-text);
}

      .spring-25 p,
      .spring-25 p a,
      .spring-25 a,
      .spring-25.featured h4,
      .spring-25 h4 a,
      .spring-25 .intro a,
      .spring-25 p.large a,
      .spring-25 p a:hover,
      .spring-25.session.featured,
      .spring-25.session.featured a,
      .spring-25.featured h4.type a,
      .sfpc .spring-25 a
      {
        color: var(--spring-25-text) !important;
      }

      .spring-25 h4 a:hover,
      .spring-25 .intro a,
      .spring-25 p.large a:hover,
      .spring-25.featured:hover h6,
      .spring-25.featured:hover .title,
      .spring-25 .details a:hover,
      .spring-25.featured .title:hover,
      .spring-25 p a:hover,
      .spring-25 h4 a:hover,
      .spring-25 section .grid-2 ul li::before,
      .spring-25 .chars,
      .spring-25 p a:hover,
      .spring-25 a:hover,
      .spring-25 h4 a:hover,
      .spring-25 .intro a:hover,
      .spring-25 .details a:hover,
      .spring-25 .entity:hover .accordion dt h3:after,
      .spring-25 .accordion dt h3:after,
      .spring-25 .expanded{
          color: var(--spring-25-link) !important;
      }

      .spring-25 #cost,
      .spring-25 .fixed-apply,
      .spring-25 .fixed-support,
      .spring-25 .home-intro span#session-name::after {
          color: var(--spring-25-background) !important;
          background: var(--spring-25-link) !important;
      }

      .spring-25 span#cost {
        background: var(--spring-25-link) !important;
      }


      .spring-25 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .spring-25 .block-text {
        background-color: var(--spring-25-background);
        color: var(--spring-25-link);
      }



      .spring-25.grid-inner, .spring-25 .grid-inner {
        border: 2px dotted var(--spring-25-text) !important;
        color: var(--spring-25-link) !important;
      }

      .spring-25 #class .entity,
      .spring-25.website-grid .grid-2 {
        border-color: var(--spring-25-text);
      }

      .spring-25 #class .entity:hover {
        border-color: var(--spring-25-link);
      }

      .spring-25 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--spring-25-background) !important;
      }


      .spring-25 select#allSections:hover,
      .spring-25 .loader-content p::after,
      .spring-25 span#cost
      {
        background: var(--spring-25-link) !important;
        color: var(--spring-25-background) !important;
      }

      .spring-25 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .spring-25 .breadcrumb.fixed,
      .spring-25 .breadcrumb.fixed::before,
      .spring-25 .breadcrumb.fixed a,
      .spring-25 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .spring-25 .breadcrumb,
      .spring-25 .breadcrumb a,
      .spring-25 .text-on-bg,
      .spring-25 .breadcrumb a:hover {
          color: var(--spring-25-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--spring-25-background);
      }


      .spring-25 section#section-outro,
      #class .intro.spring-25,
      .shell.spring-25 .class-details,
      .spring-25 #class section,
      .spring-25 #class .entity,
      .spring-25 .accordion dd.active,
      .spring-25 section ul,
      .spring-25 .website-grid
       {
        /* background-color: var(--spring-25-background); */
        background: none;
        color:  var(--spring-25-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .spring-25.featured .title,
      .spring-25 #session-name, #tag.spring-25,

    .spring-25  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--spring-25-link); */
      }

      .spring-25 #class section,
      #class .intro.spring-25 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .spring-25 #class section.stacked,
      .spring-25 .section-testimonials,
      .spring-25 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--spring-25-background); */

      }

      .spring-25 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--spring-25-text);
      }

      .shell.spring-25 {
        /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-25%2Fbg.png"); */
        /* background-size: 100%; */
        /* background-position: bottom; */
        background-color: #131313;
      }


/* /////////// end spring-25  ///////////////////////////////*/
/* /////////// start winter-25  ///////////////////////////////*/

.winter-25,
.winter-25.featured.session,
.winter-25.featured  {
 color: var(--winter-25-text);
 box-sizing: border-box;
 border-color: var(--winter-25-text);
 /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-25%2Fbg.png"); */
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.winter-25.featured:hover {
  /* background-size: 200%; */
}




.winter-25,
.winter-25.featured.session,
.shell .winter-25,
.winter-25.featured  {
  /* background-color: var(--winter-25-background)  !important; */
  color: var(--winter-25-text);
  box-sizing: border-box;
  border-color: var(--winter-25-text);
  text-shadow: none !important;
}
.winter-25.featured {
  border: 3px double var(--winter-25-text);
  border-left: 10px double var(--winter-25-text);
}

      .winter-25 p,
      .winter-25 p a,
      .winter-25 a,
      .winter-25.featured h4,
      .winter-25 h4 a,
      .winter-25 .intro a,
      .winter-25 p.large a,
      .winter-25 p a:hover,
      .winter-25.session.featured,
      .winter-25.session.featured a,
      .winter-25.featured h4.type a,
      .sfpc .winter-25 a
      {
        color: var(--winter-25-text) !important;
      }

      .winter-25 h4 a:hover,
      .winter-25 .intro a,
      .winter-25 p.large a:hover,
      .winter-25.featured:hover h6,
      .winter-25.featured:hover .title,
      .winter-25 .details a:hover,
      .winter-25.featured .title:hover,
      .winter-25 p a:hover,
      .winter-25 h4 a:hover,
      .winter-25 section .grid-2 ul li::before,
      .winter-25 .chars,
      .winter-25 p a:hover,
      .winter-25 a:hover,
      .winter-25 h4 a:hover,
      .winter-25 .intro a:hover,
      .winter-25 .details a:hover,
      .winter-25 .entity:hover .accordion dt h3:after,
      .winter-25 .accordion dt h3:after,
      .winter-25 .expanded{
          color: var(--winter-25-link) !important;
      }

      .winter-25 #cost,
      .winter-25 .fixed-apply,
      .winter-25 .fixed-support,
      .winter-25 .home-intro span#session-name::after {
          color: var(--winter-25-background) !important;
          background: var(--winter-25-link) !important;
      }

      .winter-25 span#cost {
        background: var(--winter-25-link) !important;
      }


      .winter-25 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .winter-25 .block-text {
        background-color: var(--winter-25-background);
        color: var(--winter-25-link);
      }



      .winter-25.grid-inner, .winter-25 .grid-inner {
        border: 2px dotted var(--winter-25-text) !important;
        color: var(--winter-25-link) !important;
      }

      .winter-25 #class .entity,
      .winter-25.website-grid .grid-2 {
        border-color: var(--winter-25-text);
      }

      .winter-25 #class .entity:hover {
        border-color: var(--winter-25-link);
      }

      .winter-25 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--winter-25-background) !important;
      }


      .winter-25 select#allSections:hover,
      .winter-25 .loader-content p::after,
      .winter-25 span#cost
      {
        background: var(--winter-25-link) !important;
        color: var(--winter-25-background) !important;
      }

      .winter-25 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .winter-25 .breadcrumb.fixed,
      .winter-25 .breadcrumb.fixed::before,
      .winter-25 .breadcrumb.fixed a,
      .winter-25 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .winter-25 .breadcrumb,
      .winter-25 .breadcrumb a,
      .winter-25 .text-on-bg,
      .winter-25 .breadcrumb a:hover {
          color: var(--winter-25-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--winter-25-background);
      }


      .winter-25 section#section-outro,
      #class .intro.winter-25,
      .shell.winter-25 .class-details,
      .winter-25 #class section,
      .winter-25 #class .entity,
      .winter-25 .accordion dd.active,
      .winter-25 section ul,
      .winter-25 .website-grid
       {
        /* background-color: var(--winter-25-background); */
        background: none;
        color:  var(--winter-25-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .winter-25.featured .title,
      .winter-25 #session-name, #tag.winter-25,

    .winter-25  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--winter-25-link); */
      }

      .winter-25 #class section,
      #class .intro.winter-25 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .winter-25 #class section.stacked,
      .winter-25 .section-testimonials,
      .winter-25 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--winter-25-background); */

      }

      .winter-25 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--winter-25-text);
      }

      .shell.winter-25 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-25%2Fbg.png");
        /* background-size: 100%; */
        background-position: bottom;
        background-color: #fff;
      }


/* /////////// end winter-25  ///////////////////////////////*/


/* /////////// start fall-24  ///////////////////////////////*/

.fall-24,
.fall-24.featured.session,
.fall-24.featured  {
 color: var(--fall-24-text);
 box-sizing: border-box;
 border-color: var(--fall-24-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-24%2Fbg.png");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.fall-24.featured:hover {
  /* background-size: 200%; */
}



     .shell.fall-24 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-24%2Fbg.png");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.fall-24,
.fall-24.featured.session,
.shell .fall-24,
.fall-24.featured  {
  /* background-color: var(--fall-24-background)  !important; */
  color: var(--fall-24-text);
  box-sizing: border-box;
  border-color: var(--fall-24-text);
  text-shadow: none !important;
}


      .fall-24 p,
      .fall-24 p a,
      .fall-24 a,
      .fall-24.featured h4,
      .fall-24 h4 a,
      .fall-24 .intro a,
      .fall-24 p.large a,
      .fall-24 p a:hover,
      .fall-24.session.featured,
      .fall-24.session.featured a,
      .fall-24.featured h4.type a,
      .sfpc .fall-24 a
      {
        color: var(--fall-24-text) !important;
      }

      .fall-24 h4 a:hover,
      .fall-24 .intro a,
      .fall-24 p.large a:hover,
      .fall-24.featured:hover h6,
      .fall-24.featured:hover .title,
      .fall-24 .details a:hover,
      .fall-24.featured .title:hover,
      .fall-24 p a:hover,
      .fall-24 h4 a:hover,
      .fall-24 section .grid-2 ul li::before,
      .fall-24 .chars,
      .fall-24 p a:hover,
      .fall-24 a:hover,
      .fall-24 h4 a:hover,
      .fall-24 .intro a:hover,
      .fall-24 .details a:hover,
      .fall-24 .entity:hover .accordion dt h3:after,
      .fall-24 .accordion dt h3:after,
      .fall-24 .expanded{
          color: var(--fall-24-link) !important;
      }

      .fall-24 #cost,
      .fall-24 .fixed-apply,
      .fall-24 .fixed-support,
      .fall-24 .home-intro span#session-name::after {
          color: var(--fall-24-background) !important;
          background: var(--fall-24-link) !important;
      }

      .fall-24 span#cost {
        background: var(--fall-24-link) !important;
      }


      .fall-24 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .fall-24 .block-text {
        background-color: var(--fall-24-background);
        color: var(--fall-24-link);
      }



      .fall-24.grid-inner, .fall-24 .grid-inner {
        border: 2px dotted var(--fall-24-text) !important;
        color: var(--fall-24-link) !important;
      }

      .fall-24 #class .entity,
      .fall-24.website-grid .grid-2 {
        border-color: var(--fall-24-text);
      }

      .fall-24 #class .entity:hover {
        border-color: var(--fall-24-link);
      }

      .fall-24 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--fall-24-background) !important;
      }


      .fall-24 select#allSections:hover,
      .fall-24 .loader-content p::after,
      .fall-24 span#cost
      {
        background: var(--fall-24-link) !important;
        color: var(--fall-24-background) !important;
      }

      .fall-24 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .fall-24 .breadcrumb.fixed,
      .fall-24 .breadcrumb.fixed::before,
      .fall-24 .breadcrumb.fixed a,
      .fall-24 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .fall-24 .breadcrumb,
      .fall-24 .breadcrumb a,
      .fall-24 .text-on-bg,
      .fall-24 .breadcrumb a:hover {
          color: var(--fall-24-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--fall-24-background);
      }


      .fall-24 section#section-outro,
      #class .intro.fall-24,
      .shell.fall-24 .class-details,
      .fall-24 #class section,
      .fall-24 #class .entity,
      .fall-24 .accordion dd.active,
      .fall-24 section ul,
      .fall-24 .website-grid
       {
        /* background-color: var(--fall-24-background); */
        background: none;
        color:  var(--fall-24-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .fall-24.featured .title,
      .fall-24 #session-name, #tag.fall-24,

    .fall-24  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--fall-24-link); */
      }

      .fall-24 #class section,
      #class .intro.fall-24 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .fall-24 #class section.stacked,
      .fall-24 .section-testimonials,
      .fall-24 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--fall-24-background); */

      }

      .fall-24 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--fall-24-text);
      }

      .shell.fall-24 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-24%2Fbg.png");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      }


/* /////////// end fall-24  ///////////////////////////////*/





/* /////////// start summer-24  ///////////////////////////////*/

.summer-24,
.summer-24.featured.session,
.summer-24.featured  {
 color: var(--summer-24-text);
 box-sizing: border-box;
 border-color: var(--summer-24-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-24%2Fbg.jpg");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.summer-24.featured:hover {
  /* background-size: 200%; */
}



     .shell.summer-24 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-24%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.summer-24,
.summer-24.featured.session,
.shell .summer-24,
.summer-24.featured  {
  /* background-color: var(--summer-24-background)  !important; */
  color: var(--summer-24-text);
  box-sizing: border-box;
  border-color: var(--summer-24-text);
  text-shadow: none !important;
}


      .summer-24 p,
      .summer-24 p a,
      .summer-24 a,
      .summer-24.featured h4,
      .summer-24 h4 a,
      .summer-24 .intro a,
      .summer-24 p.large a,
      .summer-24 p a:hover,
      .summer-24.session.featured,
      .summer-24.session.featured a,
      .summer-24.featured h4.type a,
      .sfpc .summer-24 a
      {
        color: var(--summer-24-text) !important;
      }

      .summer-24 h4 a:hover,
      .summer-24 .intro a,
      .summer-24 p.large a:hover,
      .summer-24.featured:hover h6,
      .summer-24.featured:hover .title,
      .summer-24 .details a:hover,
      .summer-24.featured .title:hover,
      .summer-24 p a:hover,
      .summer-24 h4 a:hover,
      .summer-24 section .grid-2 ul li::before,
      .summer-24 .chars,
      .summer-24 p a:hover,
      .summer-24 a:hover,
      .summer-24 h4 a:hover,
      .summer-24 .intro a:hover,
      .summer-24 .details a:hover,
      .summer-24 .entity:hover .accordion dt h3:after,
      .summer-24 .accordion dt h3:after,
      .summer-24 .expanded{
          color: var(--summer-24-link) !important;
      }

      .summer-24 #cost,
      .summer-24 .fixed-apply,
      .summer-24 .fixed-support,
      .summer-24 .home-intro span#session-name::after {
          color: var(--summer-24-background) !important;
          background: var(--summer-24-link) !important;
      }

      .summer-24 span#cost {
        background: var(--summer-24-link) !important;
      }


      .summer-24 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .summer-24 .block-text {
        background-color: var(--summer-24-background);
        color: var(--summer-24-link);
      }



      .summer-24.grid-inner, .summer-24 .grid-inner {
        border: 2px dotted var(--summer-24-text) !important;
        color: var(--summer-24-link) !important;
      }

      .summer-24 #class .entity,
      .summer-24.website-grid .grid-2 {
        border-color: var(--summer-24-text);
      }

      .summer-24 #class .entity:hover {
        border-color: var(--summer-24-link);
      }

      .summer-24 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--summer-24-background) !important;
      }


      .summer-24 select#allSections:hover,
      .summer-24 .loader-content p::after,
      .summer-24 span#cost
      {
        background: var(--summer-24-link) !important;
        color: var(--summer-24-background) !important;
      }

      .summer-24 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .summer-24 .breadcrumb.fixed,
      .summer-24 .breadcrumb.fixed::before,
      .summer-24 .breadcrumb.fixed a,
      .summer-24 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .summer-24 .breadcrumb,
      .summer-24 .breadcrumb a,
      .summer-24 .text-on-bg,
      .summer-24 .breadcrumb a:hover {
          color: var(--summer-24-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--summer-24-background);
      }


      .summer-24 section#section-outro,
      #class .intro.summer-24,
      .shell.summer-24 .class-details,
      .summer-24 #class section,
      .summer-24 #class .entity,
      .summer-24 .accordion dd.active,
      .summer-24 section ul,
      .summer-24 .website-grid
       {
        /* background-color: var(--summer-24-background); */
        background: none;
        color:  var(--summer-24-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .summer-24.featured .title,
      .summer-24 #session-name, #tag.summer-24,

    .summer-24  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--summer-24-link); */
      }

      .summer-24 #class section,
      #class .intro.summer-24 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .summer-24 #class section.stacked,
      .summer-24 .section-testimonials,
      .summer-24 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--summer-24-background); */

      }

      .summer-24 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--summer-24-text);
      }

      .shell.summer-24 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-24%2Fbg.jpg");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      }


/* /////////// end ssummer-24  ///////////////////////////////*/






/* /////////// start spring 24  ///////////////////////////////*/

.spring-24,
.spring-24.featured.session,
.spring-24.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--spring-24-text);
 box-sizing: border-box;
 border-color: var(--spring-24-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-24%2Fbg.jpg");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.spring-24.featured:hover {
  /* background-size: 200%; */
}



     .shell.spring-24 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-24%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.spring-24,
.spring-24.featured.session,
.shell .spring-24,
.spring-24.featured  {
  /* background-color: var(--spring-24-background)  !important; */
  color: var(--spring-24-text);
  box-sizing: border-box;
  border-color: var(--spring-24-text);
  text-shadow: none !important;
}


      .spring-24 p,
      .spring-24 p a,
      .spring-24 a,
      .spring-24.featured h4,
      .spring-24 h4 a,
      .spring-24 .intro a,
      .spring-24 p.large a,
      .spring-24 p a:hover,
      .spring-24.session.featured,
      .spring-24.session.featured a,
      .spring-24.featured h4.type a,
      .sfpc .spring-24 a
      {
        color: var(--spring-24-text) !important;
      }

      .spring-24 h4 a:hover,
      .spring-24 .intro a,
      .spring-24 p.large a:hover,
      .spring-24.featured:hover h6,
      .spring-24.featured:hover .title,
      .spring-24 .details a:hover,
      .spring-24.featured .title:hover,
      .spring-24 p a:hover,
      .spring-24 h4 a:hover,
      .spring-24 section .grid-2 ul li::before,
      .spring-24 .chars,
      .spring-24 p a:hover,
      .spring-24 a:hover,
      .spring-24 h4 a:hover,
      .spring-24 .intro a:hover,
      .spring-24 .details a:hover,
      .spring-24 .entity:hover .accordion dt h3:after,
      .spring-24 .accordion dt h3:after,
      .spring-24 .expanded{
          color: var(--spring-24-link) !important;
      }

      .spring-24 #cost,
      .spring-24 .fixed-apply,
      .spring-24 .fixed-support,
      .spring-24 .home-intro span#session-name::after {
          color: var(--spring-24-background) !important;
          background: var(--spring-24-link) !important;
      }

      .spring-24 span#cost {
        background: var(--spring-24-link) !important;
      }


      .spring-24 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .spring-24 .block-text {
        background-color: var(--spring-24-background);
        color: var(--spring-24-link);
      }



      .spring-24.grid-inner, .spring-24 .grid-inner {
        border: 2px dotted var(--spring-24-text) !important;
        color: var(--spring-24-link) !important;
      }

      .spring-24 #class .entity,
      .spring-24.website-grid .grid-2 {
        border-color: var(--spring-24-text);
      }

      .spring-24 #class .entity:hover {
        border-color: var(--spring-24-link);
      }

      .spring-24 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--spring-24-background) !important;
      }


      .spring-24 select#allSections:hover,
      .spring-24 .loader-content p::after,
      .spring-24 span#cost
      {
        background: var(--spring-24-link) !important;
        color: var(--spring-24-background) !important;
      }

      .spring-24 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .spring-24 .breadcrumb.fixed,
      .spring-24 .breadcrumb.fixed::before,
      .spring-24 .breadcrumb.fixed a,
      .spring-24 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .spring-24 .breadcrumb,
      .spring-24 .breadcrumb a,
      .spring-24 .text-on-bg,
      .spring-24 .breadcrumb a:hover {
          color: var(--spring-24-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--spring-24-background);
      }


      .spring-24 section#section-outro,
      #class .intro.spring-24,
      .shell.spring-24 .class-details,
      .spring-24 #class section,
      .spring-24 #class .entity,
      .spring-24 .accordion dd.active,
      .spring-24 section ul,
      .spring-24 .website-grid
       {
        /* background-color: var(--spring-24-background); */
        background: none;
        color:  var(--spring-24-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--spring-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--spring-24-link); */
      }

      .spring-24.featured .title,
      .spring-24 #session-name, #tag.spring-24,

    .spring-24  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--spring-24-link); */
      }

      .spring-24 #class section,
      #class .intro.spring-24 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .spring-24 #class section.stacked,
      .spring-24 .section-testimonials,
      .spring-24 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--spring-24-background); */

      }

      .spring-24 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--spring-24-text);
      }

      .shell.spring-24 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-24%2Fbg.jpg");
        background-size: 100%;
        background-position: bottom;
        background-color: #fff;
      }


/* /////////// end spring 24  ///////////////////////////////*/














/* /////////// start winter 24 fundraiser  ///////////////////////////////*/

.fundraiser-winter-24,
.fundraiser-winter-24.featured.session,
.fundraiser-winter-24.featured  {
/* background-color: var(--sex-ed-background)  !important; */
color: var(--fundraiser-winter-24-text);
box-sizing: border-box;
border-color: var(--fundraiser-winter-24-text);
/* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg"); */
background-position: center;
background-repeat: repeat;
background-size: cover;
}

.fundraiser-winter-24.featured:hover {
 /* background-size: 200%; */
}



    .shell.fundraiser-winter-24 {
      /* background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg"); */
      /* background-position: bottom; */
      /* background-repeat: no-repeat;
      background-size: cover; */
      background-position: top left;
      background-repeat: repeat;
      background-size: cover;
    }



.fundraiser-winter-24,
.fundraiser-winter-24.featured.session,
.shell .fundraiser-winter-24,
.fundraiser-winter-24.featured  {
 background: var(--fundraiser-winter-24-background)  !important;
 color: var(--fundraiser-winter-24-text);
 box-sizing: border-box;
 border-color: var(--fundraiser-winter-24-text);
 text-shadow: none !important;
}


     .fundraiser-winter-24 p,
     .fundraiser-winter-24 p a,
     .fundraiser-winter-24 a,
     .fundraiser-winter-24.featured h4,
     .fundraiser-winter-24 h4 a,
     .fundraiser-winter-24 .intro a,
     .fundraiser-winter-24 p.large a,
     .fundraiser-winter-24 p a:hover,
     .fundraiser-winter-24.session.featured,
     .fundraiser-winter-24.session.featured a,
     .fundraiser-winter-24.featured h4.type a,
     .sfpc .fundraiser-winter-24 a
     {
       color: var(--fundraiser-winter-24-text) !important;
     }

     .fundraiser-winter-24 .inkind .shopify-buy__btn,
     .fundraiser-winter-24 .shopify-buy__btn,
      .fundraiser-winter-24 .shopify-buy__quantity,
     .fundraiser-winter-24 h4 a:hover,
     .fundraiser-winter-24 .intro a,
     .fundraiser-winter-24 p.large a:hover,
     .fundraiser-winter-24.featured:hover h6,
     .fundraiser-winter-24.featured:hover .title,
     .fundraiser-winter-24 .details a:hover,
     .fundraiser-winter-24.featured .title:hover,
     .fundraiser-winter-24 p a:hover,
     .fundraiser-winter-24 h4 a:hover,
     .fundraiser-winter-24 section .grid-2 ul li::before,
     .fundraiser-winter-24 .chars,
     .fundraiser-winter-24 p a:hover,
     .fundraiser-winter-24 a:hover,
     .fundraiser-winter-24 h4 a:hover,
     .fundraiser-winter-24 .intro a:hover,
     .fundraiser-winter-24 .details a:hover,
     .fundraiser-winter-24 .entity:hover .accordion dt h3:after,
     .fundraiser-winter-24 .accordion dt h3:after,
     .fundraiser-winter-24 .expanded{
         color: var(--fundraiser-winter-24-link) !important;
     }

     .fundraiser-winter-24 #cost,
     .fundraiser-winter-24 span#cost, .fundraiser-winter-24 h3 span, .fundraiser-winter-24 p span#cost,
     .fundraiser-winter-24 .fixed-apply,
     .fundraiser-winter-24 .fixed-support,
     .fundraiser-winter-24 .home-intro span#session-name::after {
         color: var(--fundraiser-winter-24-background) !important;
         background: var(--fundraiser-winter-24-link) !important;
     }


     .fundraiser-winter-24 sponsorlogo.grayarea::after {
       background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-24%2Fgray-area-logo.svg");
     }

     .fundraiser-winter-24 .small .sponsorlogo.grayarea::after {
       background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-24%2Fgray-area-logo.svg");
     }



     .fundraiser-winter-24 span#cost {
       background: var(--fundraiser-winter-24-link) !important;
     }


     .fundraiser-winter-24 .fixed-apply:hover {
       color: #000 !important;
       background: rgba(255,255,255,.8) !important;
     }

     .fundraiser-winter-24 .block-text {
       background-color: var(--fundraiser-winter-24-background);
       color: var(--fundraiser-winter-24-link);
     }

      .fundraiser-winter-24 .shopify-buy__option-select__select
      {
        color: var(--fundraiser-winter-24-link);
        border: 2px solid var(--fundraiser-winter-24-link);
        background: var(--fundraiser-winter-24-background);
      }

      .fundraiser-winter-24 .fixed-support, .fundraiser-winter-24 .shopify-buy-frame--toggle {
        background: var(--fundraiser-winter-24-link) !important;
      }

      .fundraiser-winter-24 .jumpto-donate {
        color: var(--fundraiser-winter-24-link) !important;
      }

      .fundraiser-winter-24 .block-text h4,
      .fundraiser-winter-24 .block-text .test-icon, .fundraiser-winter-24 p .test-icon
       {
        color: var(--fundraiser-winter-24-text);
      }


     .fundraiser-winter-24.grid-inner, .fundraiser-winter-24 .grid-inner {
       border: 2px dotted var(--fundraiser-winter-24-text) !important;
       color: var(--fundraiser-winter-24-link) !important;
     }

     .fundraiser-winter-24 #class .entity,
     .fundraiser-winter-24 .entity,
     .fundraiser-winter-24.website-grid .grid-2 {
       border-color: var(--fundraiser-winter-24-text);
     }

     .fundraiser-winter-24 #class .entity:hover,

          .fundraiser-winter-24 .entity:hover {
       border-color: var(--fundraiser-winter-24-link);
     }

     .fundraiser-winter-24 .website-grid .grid-2 p.large {
       text-shadow: 3px 3px var(--fundraiser-winter-24-background) !important;
     }


     .fundraiser-winter-24 select#allSections:hover,
     .fundraiser-winter-24 .loader-content p::after,
     .fundraiser-winter-24 span#cost
     {
       background: var(--fundraiser-winter-24-link) !important;
       color: var(--fundraiser-winter-24-background) !important;
     }

     .fundraiser-winter-24 .breadcrumb.fixed {
       background: rgba(255,255,255,.8) !important;
     }
     .fundraiser-winter-24 .breadcrumb.fixed,
     .fundraiser-winter-24 .breadcrumb.fixed::before,
     .fundraiser-winter-24 .breadcrumb.fixed a,
     .fundraiser-winter-24 .breadcrumb.fixed a:hover {
       color: #000 !important;
       text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
     }


     .fundraiser-winter-24 .breadcrumb,
     .fundraiser-winter-24 .breadcrumb a,
     .fundraiser-winter-24 .text-on-bg,
     .fundraiser-winter-24 .breadcrumb a:hover {
         color: var(--fundraiser-winter-24-text-on-bg) !important;
         text-shadow: 2px 2px 0px var(--fundraiser-winter-24-background);
     }


     .fundraiser-winter-24 section#section-outro,
     #class .intro.fundraiser-winter-24,
     .shell.fundraiser-winter-24 .class-details,
     .fundraiser-winter-24 #class section,
     .fundraiser-winter-24 #class .entity,
     .fundraiser-winter-24 .entity,
     .fundraiser-winter-24 .accordion dd.active,
     .fundraiser-winter-24 section ul,
     .fundraiser-winter-24 .website-grid
      {
       /* background-color: var(--fundraiser-winter-24-background); */
       background: none;
       color:  var(--fundraiser-winter-24-text) !important;
       border-radius: var(--border-rad);
       /* text-shadow: 2px 2px 0px var(--fundraiser-winter-24-background); */


       /* -webkit-text-stroke-width: 1px; */
         /* -webkit-text-stroke-color: var(--fundraiser-winter-24-link); */
     }

     .fundraiser-winter-24.featured .title,
     .fundraiser-winter-24 #session-name, #tag.fundraiser-winter-24,

   .fundraiser-winter-24  #session-name > a

      {
     /* -webkit-text-stroke-width: 1px;
     -webkit-text-stroke-color: var(--fundraiser-winter-24-link); */
     }

     .fundraiser-winter-24 #class section,
     #class .intro.fundraiser-winter-24 {
       padding: var(--body-margin) calc(var(--body-margin)/2);
     }

     .fundraiser-winter-24 #class section.stacked,
     .fundraiser-winter-24 .section-testimonials,
     .fundraiser-winter-24 .section-testimonials p
      {
       background: none !important;
       padding: 0px !important;
       /* text-shadow: 2px 2px 0px var(--fundraiser-winter-24-background); */

     }

     .fundraiser-winter-24 .break {
       /* border: 0px !important; */
       /* margin-bottom: 0px !important; */
       border-color: var(--fundraiser-winter-24-text);
     }

     .shell.fundraiser-winter-24 {
       /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg"); */
       background-size: cover;
     }


/* /////////// end winter 24 fundraiser  ///////////////////////////////*/













/* /////////// end ECPC GENERAL STYLES  ///////////////////////////////*/



.ecpc,
.ecpc.featured.session,
.shell .ecpc,
.ecpc.featured  {
  background-color: var(--ecpc-background)  !important;
  color: var(--ecpc-text-color);
  box-sizing: border-box;
  border-color: var(--ecpc-text-color);
}

      .ecpc p,
      .ecpc p a,
      .ecpc a,
      .ecpc.featured h4,
      .ecpc h4 a,
      .ecpc .intro a,
      .ecpc p.large a,
      .ecpc p a:hover,
      .ecpc.session.featured,
      .ecpc.session.featured a
      {
        color: var(--ecpc-text-color) !important;
      }

      .fall-23 .ecpc a,
      .ecpc h4 a:hover,
      /* .sfpc .intro a, */
      .ecpc p.large a:hover,
      .ecpc.featured:hover h6,
      .ecpc.featured:hover .title,
      .ecpc .details a:hover,
      .ecpc.featured .title:hover,
      .ecpc p a:hover,
      .ecpc h4 a:hover,
      .ecpc section .grid-2 ul li::before,
      .ecpc .chars,
      .ecpc p a:hover,
      .ecpc a:hover,
      .ecpc h4 a:hover,
      .ecpc .intro a:hover,
      .ecpc .details a:hover,
      .ecpc .entity:hover .accordion dt h3:after,
      .ecpc .accordion dt h3:after,
      .ecpc .expanded{
          color: var(--ecpc-text-link) !important;
      }



/* /////////// end ECPC GENERAL STYLES  ///////////////////////////////*/


















/* /////////// start winter 24  ///////////////////////////////*/

.winter-24,
.winter-24.featured.session,
.winter-24.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--winter-24-text);
 box-sizing: border-box;
 border-color: var(--winter-24-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.winter-24.featured:hover {
  /* background-size: 200%; */
}



     .shell.winter-24 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.winter-24,
.winter-24.featured.session,
.shell .winter-24,
.winter-24.featured  {
  /* background-color: var(--winter-24-background)  !important; */
  color: var(--winter-24-text);
  box-sizing: border-box;
  border-color: var(--winter-24-text);
  text-shadow: none !important;
}


      .winter-24 p,
      .winter-24 p a,
      .winter-24 a,
      .winter-24.featured h4,
      .winter-24 h4 a,
      .winter-24 .intro a,
      .winter-24 p.large a,
      .winter-24 p a:hover,
      .winter-24.session.featured,
      .winter-24.session.featured a,
      .winter-24.featured h4.type a,
      .sfpc .winter-24 a
      {
        color: var(--winter-24-text) !important;
      }

      .winter-24 h4 a:hover,
      .winter-24 .intro a,
      .winter-24 p.large a:hover,
      .winter-24.featured:hover h6,
      .winter-24.featured:hover .title,
      .winter-24 .details a:hover,
      .winter-24.featured .title:hover,
      .winter-24 p a:hover,
      .winter-24 h4 a:hover,
      .winter-24 section .grid-2 ul li::before,
      .winter-24 .chars,
      .winter-24 p a:hover,
      .winter-24 a:hover,
      .winter-24 h4 a:hover,
      .winter-24 .intro a:hover,
      .winter-24 .details a:hover,
      .winter-24 .entity:hover .accordion dt h3:after,
      .winter-24 .accordion dt h3:after,
      .winter-24 .expanded{
          color: var(--winter-24-link) !important;
      }

      .winter-24 #cost,
      .winter-24 .fixed-apply,
      .winter-24 .fixed-support,
      .winter-24 .home-intro span#session-name::after {
          color: var(--winter-24-background) !important;
          background: var(--winter-24-link) !important;
      }

      .winter-24 span#cost {
        background: var(--winter-24-link) !important;
      }


      .winter-24 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .winter-24 .block-text {
        background-color: var(--winter-24-background);
        color: var(--winter-24-link);
      }



      .winter-24.grid-inner, .winter-24 .grid-inner {
        border: 2px dotted var(--winter-24-text) !important;
        color: var(--winter-24-link) !important;
      }

      .winter-24 #class .entity,
      .winter-24.website-grid .grid-2 {
        border-color: var(--winter-24-text);
      }

      .winter-24 #class .entity:hover {
        border-color: var(--winter-24-link);
      }

      .winter-24 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--winter-24-background) !important;
      }


      .winter-24 select#allSections:hover,
      .winter-24 .loader-content p::after,
      .winter-24 span#cost
      {
        background: var(--winter-24-link) !important;
        color: var(--winter-24-background) !important;
      }

      .winter-24 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .winter-24 .breadcrumb.fixed,
      .winter-24 .breadcrumb.fixed::before,
      .winter-24 .breadcrumb.fixed a,
      .winter-24 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .winter-24 .breadcrumb,
      .winter-24 .breadcrumb a,
      .winter-24 .text-on-bg,
      .winter-24 .breadcrumb a:hover {
          color: var(--winter-24-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--winter-24-background);
      }


      .winter-24 section#section-outro,
      #class .intro.winter-24,
      .shell.winter-24 .class-details,
      .winter-24 #class section,
      .winter-24 #class .entity,
      .winter-24 .accordion dd.active,
      .winter-24 section ul,
      .winter-24 .website-grid
       {
        /* background-color: var(--winter-24-background); */
        background: none;
        color:  var(--winter-24-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--winter-24-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--winter-24-link); */
      }

      .winter-24.featured .title,
      .winter-24 #session-name, #tag.winter-24,

    .winter-24  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--winter-24-link); */
      }

      .winter-24 #class section,
      #class .intro.winter-24 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .winter-24 #class section.stacked,
      .winter-24 .section-testimonials,
      .winter-24 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--winter-24-background); */

      }

      .winter-24 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--winter-24-text);
      }

      .shell.winter-24 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-24%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end winter 24  ///////////////////////////////*/











/* /////////// start fall 23  ///////////////////////////////*/

.fall-23,
.fall-23.featured.session,
.fall-23.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--fall-23-text);
 box-sizing: border-box;
 border-color: var(--fall-23-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-23%2Fbg.jpg");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.fall-23.featured:hover {
  /* background-size: 200%; */
}



     .shell.fall-23 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-23%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.fall-23,
.fall-23.featured.session,
.shell .fall-23,
.fall-23.featured  {
  /* background-color: var(--fall-23-background)  !important; */
  color: var(--fall-23-text);
  box-sizing: border-box;
  border-color: var(--fall-23-text);
  text-shadow: none !important;
}


      .fall-23 p,
      .fall-23 p a,
      .fall-23 a,
      .fall-23.featured h4,
      .fall-23 h4 a,
      .fall-23 .intro a,
      .fall-23 p.large a,
      .fall-23 p a:hover,
      .fall-23.session.featured,
      .fall-23.session.featured a,
      .fall-23.featured h4.type a,
      .sfpc .fall-23 a
      {
        color: var(--fall-23-text) !important;
      }

      .fall-23 h4 a:hover,
      .fall-23 .intro a,
      .fall-23 p.large a:hover,
      .fall-23.featured:hover h6,
      .fall-23.featured:hover .title,
      .fall-23 .details a:hover,
      .fall-23.featured .title:hover,
      .fall-23 p a:hover,
      .fall-23 h4 a:hover,
      .fall-23 section .grid-2 ul li::before,
      .fall-23 .chars,
      .fall-23 p a:hover,
      .fall-23 a:hover,
      .fall-23 h4 a:hover,
      .fall-23 .intro a:hover,
      .fall-23 .details a:hover,
      .fall-23 .entity:hover .accordion dt h3:after,
      .fall-23 .accordion dt h3:after,
      .fall-23 .expanded{
          color: var(--fall-23-link) !important;
      }

      .fall-23 #cost,
      .fall-23 .fixed-apply,
      .fall-23 .fixed-support,
      .fall-23 .home-intro span#session-name::after {
          color: var(--fall-23-background) !important;
          background: var(--fall-23-link) !important;
      }

      .fall-23 span#cost {
        background: var(--fall-23-link) !important;
      }


      .fall-23 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .fall-23 .block-text {
        background-color: var(--fall-23-background);
        color: var(--fall-23-link);
      }



      .fall-23.grid-inner, .fall-23 .grid-inner {
        border: 2px dotted var(--fall-23-text) !important;
        color: var(--fall-23-link) !important;
      }

      .fall-23 #class .entity,
      .fall-23.website-grid .grid-2 {
        border-color: var(--fall-23-text);
      }

      .fall-23 #class .entity:hover {
        border-color: var(--fall-23-link);
      }

      .fall-23 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--fall-23-background) !important;
      }


      .fall-23 select#allSections:hover,
      .fall-23 .loader-content p::after,
      .fall-23 span#cost
      {
        background: var(--fall-23-link) !important;
        color: var(--fall-23-background) !important;
      }

      .fall-23 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .fall-23 .breadcrumb.fixed,
      .fall-23 .breadcrumb.fixed::before,
      .fall-23 .breadcrumb.fixed a,
      .fall-23 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .fall-23 .breadcrumb,
      .fall-23 .breadcrumb a,
      .fall-23 .text-on-bg,
      .fall-23 .breadcrumb a:hover {
          color: var(--fall-23-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--fall-23-background);
      }


      .fall-23 section#section-outro,
      #class .intro.fall-23,
      .shell.fall-23 .class-details,
      .fall-23 #class section,
      .fall-23 #class .entity,
      .fall-23 .accordion dd.active,
      .fall-23 section ul,
      .fall-23 .website-grid
       {
        /* background-color: var(--fall-23-background); */
        background: none;
        color:  var(--fall-23-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--fall-23-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--fall-23-link); */
      }

      .fall-23.featured .title,
      .fall-23 #session-name, #tag.fall-23,

    .fall-23  #session-name > a

       {
      /* -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--fall-23-link); */
      }

      .fall-23 #class section,
      #class .intro.fall-23 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .fall-23 #class section.stacked,
      .fall-23 .section-testimonials,
      .fall-23 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--fall-23-background); */

      }

      .fall-23 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--fall-23-text);
      }

      .shell.fall-23 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-23%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end fall 23  ///////////////////////////////*/











/* /////////// start summer 23  ///////////////////////////////*/

.summer-23,
.summer-23.featured.session,
.summer-23.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--summer-23-text);
 box-sizing: border-box;
 border-color: var(--summer-23-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-23%2Fbg.jpg");
 background-position: center;
 background-repeat: repeat;
 background-size: cover;
}

.summer-23.featured:hover {
  /* background-size: 200%; */
}



     .shell.summer-23 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-23%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.summer-23,
.summer-23.featured.session,
.shell .summer-23,
.summer-23.featured  {
  /* background-color: var(--summer-23-background)  !important; */
  color: var(--summer-23-text);
  box-sizing: border-box;
  border-color: var(--summer-23-text);
  text-shadow: none !important;
}


      .summer-23 p,
      .summer-23 p a,
      .summer-23 a,
      .summer-23.featured h4,
      .summer-23 h4 a,
      .summer-23 .intro a,
      .summer-23 p.large a,
      .summer-23 p a:hover,
      .summer-23.session.featured,
      .summer-23.session.featured a,
      .summer-23.featured h4.type a,
      .sfpc .summer-23 a
      {
        color: var(--summer-23-text) !important;
      }

      .summer-23 h4 a:hover,
      .summer-23 .intro a,
      .summer-23 p.large a:hover,
      .summer-23.featured:hover h6,
      .summer-23.featured:hover .title,
      .summer-23 .details a:hover,
      .summer-23.featured .title:hover,
      .summer-23 p a:hover,
      .summer-23 h4 a:hover,
      .summer-23 section .grid-2 ul li::before,
      .summer-23 .chars,
      .summer-23 p a:hover,
      .summer-23 a:hover,
      .summer-23 h4 a:hover,
      .summer-23 .intro a:hover,
      .summer-23 .details a:hover,
      .summer-23 .entity:hover .accordion dt h3:after,
      .summer-23 .accordion dt h3:after,
      .summer-23 .expanded{
          color: var(--summer-23-link) !important;
      }

      .summer-23 #cost,
      .summer-23 .fixed-apply,
      .summer-23 .fixed-support,
      .summer-23 .home-intro span#session-name::after {
          color: var(--summer-23-background) !important;
          background: var(--summer-23-link) !important;
      }

      .summer-23 span#cost {
        background: var(--summer-23-link) !important;
      }


      .summer-23 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .summer-23 .block-text {
        background-color: var(--summer-23-background);
        color: var(--summer-23-link);
      }



      .summer-23.grid-inner, .summer-23 .grid-inner {
        border: 2px dotted var(--summer-23-text) !important;
        color: var(--summer-23-link) !important;
      }

      .summer-23 #class .entity,
      .summer-23.website-grid .grid-2 {
        border-color: var(--summer-23-text);
      }

      .summer-23 #class .entity:hover {
        border-color: var(--summer-23-link);
      }

      .summer-23 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--summer-23-background) !important;
      }


      .summer-23 select#allSections:hover,
      .summer-23 .loader-content p::after,
      .summer-23 span#cost
      {
        background: var(--summer-23-link) !important;
        color: var(--summer-23-background) !important;
      }

      .summer-23 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .summer-23 .breadcrumb.fixed,
      .summer-23 .breadcrumb.fixed::before,
      .summer-23 .breadcrumb.fixed a,
      .summer-23 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .summer-23 .breadcrumb,
      .summer-23 .breadcrumb a,
      .summer-23 .text-on-bg,
      .summer-23 .breadcrumb a:hover {
          color: var(--summer-23-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--summer-23-background);
      }


      .summer-23 section#section-outro,
      #class .intro.summer-23,
      .shell.summer-23 .class-details,
      .summer-23 #class section,
      .summer-23 #class .entity,
      .summer-23 .accordion dd.active,
      .summer-23 section ul,
      .summer-23 .website-grid
       {
        /* background-color: var(--summer-23-background); */
        background: none;
        color:  var(--summer-23-text) !important;
        border-radius: var(--border-rad);
        /* text-shadow: 2px 2px 0px var(--summer-23-background); */


        /* -webkit-text-stroke-width: 1px; */
          /* -webkit-text-stroke-color: var(--summer-23-link); */
      }

      .summer-23.featured .title,
      .summer-23 #session-name, #tag.summer-23,

    .summer-23  #session-name > a

       {
      -webkit-text-stroke-width: 1px;
      -webkit-text-stroke-color: var(--summer-23-link);
      }

      .summer-23 #class section,
      #class .intro.summer-23 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .summer-23 #class section.stacked,
      .summer-23 .section-testimonials,
      .summer-23 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important;
        /* text-shadow: 2px 2px 0px var(--summer-23-background); */

      }

      .summer-23 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--summer-23-text);
      }

      .shell.summer-23 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-23%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end summer 23  ///////////////////////////////*/









/* /////////// start spring 23  ///////////////////////////////*/

.spring-23,
.spring-23.featured.session,
.shell .spring-23,
.spring-23.featured,
#tag.spring-23  {
  background-color: var(--spring-23-background)  !important;
  color: var(--spring-23-text) !important;
  box-sizing: border-box !important;
  /* border-color: var(--spring-23-text) !important; */
  text-shadow: none !important;
}


    .spring-23.featured .title,
    .spring-23 #session-name, #tag.spring-23 {
      /* -webkit-text-stroke-width: 1px; */
      -webkit-text-stroke-width: 0px;
    /* -webkit-text-stroke-color: var(--spring-23-text); */
    color: var(--spring-23-text) ;
    }

    #tag.spring-23 {
      -webkit-text-stroke-width: 0px;
    color: var(--spring-23-text) ;
    }

      .spring-23 p,
      .spring-23 p a,
      .spring-23 a,
      .spring-23.featured h4,
      .spring-23 h4 a,
      .spring-23 .intro a,
      .spring-23 p.large a,
      .spring-23 p a:hover,
      .spring-23.session.featured,
      .spring-23.session.featured a,
      .spring-23.featured h4.type a,
      .sfpc .spring-23 a
      {
        color: var(--spring-23-text) !important;
      }

      .spring-23 h4 a:hover,
      .spring-23 .intro a,
      .spring-23 p.large a:hover,
      .spring-23.featured:hover h6,
      .spring-23.featured:hover .title,
      .spring-23 .details a:hover,
      .spring-23.featured .title:hover,
      .spring-23 p a:hover,
      .spring-23 h4 a:hover,
      .spring-23 section .grid-2 ul li::before,
      .spring-23 .chars,
      .spring-23 p a:hover,
      .spring-23 a:hover,
      .spring-23 h4 a:hover,
      .spring-23 .intro a:hover,
      .spring-23 .details a:hover,
      .spring-23 .entity:hover .accordion dt h3:after,
      .spring-23 .accordion dt h3:after,
      .spring-23 .expanded{
          color: var(--spring-23-link) !important;
      }

      .spring-23 #cost,
      .spring-23 .fixed-apply,
      .spring-23 .fixed-support {
          color: var(--spring-23-background) !important;
          background: var(--spring-23-link) !important;
      }

      .spring-23 span#cost {
        background: var(--spring-23-link) !important;
      }


      .spring-23 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .spring-23 .block-text {
        background-color: var(--spring-23-background);
        color: var(--spring-23-link);
      }



      .spring-23.grid-inner, .spring-23 .grid-inner {
        border: 2px dotted var(--spring-23-text) !important;
        color: var(--spring-23-link) !important;
      }

      .spring-23 #class .entity,
      .spring-23.website-grid .grid-2 {
        border-color: var(--spring-23-text);
      }

      .spring-23 #class .entity:hover {
        border-color: var(--spring-23-link);
      }

      .spring-23 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--spring-23-background) !important;
      }


      .spring-23 select#allSections:hover,
      .spring-23 .loader-content p::after,
      .spring-23 span#cost
      {
        background: var(--spring-23-link) !important;
        color: var(--spring-23-background) !important;
      }

      .spring-23 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .spring-23 .breadcrumb.fixed,
      .spring-23 .breadcrumb.fixed::before,
      .spring-23 .breadcrumb.fixed a,
      .spring-23 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .spring-23 .breadcrumb,
      .spring-23 .breadcrumb a,
      .spring-23 .text-on-bg,
      .spring-23 .breadcrumb a:hover {
          color: var(--spring-23-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--spring-23-link);
      }


      .spring-23 section#section-outro,
      #class .intro.spring-23,
      .shell.spring-23 .class-details,
      .spring-23 #class section,
      .spring-23 #class .entity,
      .spring-23 .accordion dd.active,
      .spring-23 section ul,
      .spring-23 .website-grid
       {
        background-color: var(--spring-23-background);
        color:  var(--spring-23-text) !important;
        border-radius: var(--border-rad);
      }

      .spring-23  section .intro
      {border: 2px solid #000}


      .spring-23 #class section,
      #class .intro.spring-23 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
        border: 2px solid  var(--spring-23-text);
      }

      .spring-23 section.stacked.stacked-4,
      .spring-23 section.section-testimonials {
        border: 0px !important
      }

      .spring-23 #class section.stacked,
      .spring-23 .section-testimonials,
      .spring-23 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .spring-23 .break {
        border: 0px !important;
        margin-bottom: 0px !important;
        border-color: var(--spring-23-text);
      }

      .shell.spring-23 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-23%2Fbg.jpg");
        background-size: 100% calc(100% );
        background-repeat: repeat;
      }


/* /////////// end spring 23  ///////////////////////////////*/















/* /////////// start fundraiser winter 23  ///////////////////////////////*/

.fundraiser-winter-23,
.fundraiser-winter-23.featured.session,
.fundraiser-winter-23.featured,
.fundraiser-winter-23 .stacked .grid-1 .grid-4  {
 color: var(--fundraiser-winter-23-text);
 box-sizing: border-box;
 border-color: var(--fundraiser-winter-23-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-23%2Fbg.jpg");
 background-position: bottom;
 background-repeat: repeat;
 background-size: 40%;
}

.fundraiser-winter-23.featured:hover {
  /* background-size: 100%; */
}



     .shell.fundraiser-winter-23 {
       /* background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-23%2Fbg.jpg");
       background-position: top left;
       background-repeat: repeat;
       background-size: cover; */
     }

     .shell.fundraiser-winter-23, .fundraiser-winter-23.featured.session {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-23%2Fcolor-bg-1.png"), url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-23%2Fbg.jpg");
       /* background-position: left 0%, top left; */
       background-repeat: no-repeat, repeat;
       background-size: cover, 40%;
       transition: all .2s ease-in-out;
       -moz-transition: all .2s ease-in-out;
       ms-transition: all .2s ease-in-out;
       o-transition: all .2s ease-in-out;
     }


     .shell.fundraiser-winter-23 {
       /* background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Ffundraiser%2Fwinter-23%2Fbg.jpg");
       background-size: 40%;
       background-repeat: repeat; */
     }



.fundraiser-winter-23,
.fundraiser-winter-23.featured.session,
.shell .fundraiser-winter-23,
.fundraiser-winter-23.featured  {
  /* background-color: var(--fundraiser-winter-23-background)  !important; */
  color: var(--fundraiser-winter-23-text);
  box-sizing: border-box;
  border-color: var(--fundraiser-winter-23-text);
  text-shadow: none !important;
}


      .fundraiser-winter-23 p,
      .fundraiser-winter-23 p a,
      .fundraiser-winter-23 a,
      .fundraiser-winter-23.featured h4,
      .fundraiser-winter-23 h4 a,
      .fundraiser-winter-23 .intro a,
      .fundraiser-winter-23 p.large a,
      .fundraiser-winter-23 p a:hover,
      .fundraiser-winter-23.session.featured,
      .fundraiser-winter-23.session.featured a,
      .fundraiser-winter-23.featured h4.type a,
      .sfpc .fundraiser-winter-23 a
      {
        color: var(--fundraiser-winter-23-text) !important;
      }

      .fundraiser-winter-23 h4 a:hover,
      .fundraiser-winter-23 .intro a,
      .fundraiser-winter-23 p.large a:hover,
      .fundraiser-winter-23.featured:hover h6,
      .fundraiser-winter-23.featured:hover .title,
      .fundraiser-winter-23 .product:hover .title,
      .fundraiser-winter-23.featured:hover .title.Purchase,
      .fundraiser-winter-23 .tuition-gift:hover h6,
      .fundraiser-winter-23 .details a:hover,
      .fundraiser-winter-23.featured .title:hover,
      .fundraiser-winter-23.featured .title.Purchase:hover,
      .fundraiser-winter-23 .product .title:hover,
      .fundraiser-winter-23 p a:hover,
      .fundraiser-winter-23 h4 a:hover,
      .fundraiser-winter-23 section .grid-2 ul li::before,
      .fundraiser-winter-23 .chars,
      .fundraiser-winter-23 p a:hover,
      .fundraiser-winter-23 a:hover,
      .fundraiser-winter-23 h4 a:hover,
      .fundraiser-winter-23 .intro a:hover,
      .fundraiser-winter-23 .details a:hover,
      .fundraiser-winter-23 .entity:hover .accordion dt h3:after,
      .fundraiser-winter-23 .accordion dt h3:after,
      .fundraiser-winter-23 .expanded{
          color: var(--fundraiser-winter-23-link) !important;
      }

      .fundraiser-winter-23 #cost,
      .fundraiser-winter-23 .fixed-apply,
      .fundraiser-winter-23 .fixed-support,
      .fundraiser-winter-23 .home-intro span#session-name::after {
          color: var(--fundraiser-winter-23-text) ;
          background: var(--fundraiser-winter-23-link) ;
      }

      .fundraiser-winter-23 span#cost,
      .fundraiser-winter-23 h3 span {
        background: var(--fundraiser-winter-23-special-text) !important;
      }


      .fundraiser-winter-23 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .fundraiser-winter-23 .block-text {
        background-color: var(--fundraiser-winter-23-background-dark);
        border-color: var(--fundraiser-winter-23-link);
        color: var(--fundraiser-winter-23-link);
        /* color: rgba(255,255,255,.9); */
      }

      /* .fundraiser-winter-23 .block-text:hover {
        background-color: var(--fundraiser-winter-23-background-dark);
        border-color: var(--fundraiser-winter-23-text);
        color: var(--fundraiser-winter-23-text);
      }

      .fundraiser-winter-23 .block-text:hover h4 {
        border-color: var(--fundraiser-winter-23-text);
      } */

      .fundraiser-winter-23 .block-text h4 {
        color: var(--fundraiser-winter-23-special-text);;
      }



      .fundraiser-winter-23.grid-inner, .fundraiser-winter-23 .grid-inner {
        border: 2px dotted var(--fundraiser-winter-23-text) !important;
        color: var(--fundraiser-winter-23-link) !important;
      }

      .fundraiser-winter-23 #class .entity,
      .fundraiser-winter-23.website-grid .grid-2 {
        border-color: var(--fundraiser-winter-23-text);
      }

      .fundraiser-winter-23 #class .entity:hover {
        border-color: var(--fundraiser-winter-23-link);
      }

      .fundraiser-winter-23 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--fundraiser-winter-23-background) !important;
      }

      .fundraiser-winter-23  .test-icon {
        color: var(--fundraiser-winter-23-special-text);
      }


      .fundraiser-winter-23 select#allSections:hover,
      .fundraiser-winter-23 .loader-content p::after,
      .fundraiser-winter-23 span#cost
      {
        background: var(--fundraiser-winter-23-special-text) !important;
        color: var(--fundraiser-winter-23-text) !important;
      }

      .fundraiser-winter-23 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .fundraiser-winter-23 .breadcrumb.fixed,
      .fundraiser-winter-23 .breadcrumb.fixed::before,
      .fundraiser-winter-23 .breadcrumb.fixed a,
      .fundraiser-winter-23 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .fundraiser-winter-23 .breadcrumb,
      .fundraiser-winter-23 .breadcrumb a,
      .fundraiser-winter-23 .text-on-bg,
      .fundraiser-winter-23 .breadcrumb a:hover {
          color: var(--fundraiser-winter-23-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--fundraiser-winter-23-background);
      }


      .fundraiser-winter-23 section#section-outro,
      #class .intro.fundraiser-winter-23,
      .shell.fundraiser-winter-23 .class-details,
      .fundraiser-winter-23 #class section,
      .fundraiser-winter-23 #class .entity,
      .fundraiser-winter-23 .accordion dd.active,
      .fundraiser-winter-23 section ul,
      .fundraiser-winter-23 .website-grid
       {
        /* background-color: var(--fundraiser-winter-23-background); */
        background: none;
        color:  var(--fundraiser-winter-23-text) !important;
        border-radius: var(--border-rad);
      }

      .fundraiser-winter-23 #class section,
      #class .intro.fundraiser-winter-23 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .fundraiser-winter-23 #class section.stacked,
      .fundraiser-winter-23 .section-testimonials,
      .fundraiser-winter-23 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .fundraiser-winter-23 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--fundraiser-winter-23-text);
      }



      .fundraiser-winter-23 .addon-item {
        border: 2px dotted var(--fundraiser-winter-23-link) !important;
        background: var(--fundraiser-winter-23-background-dark) !important;
      }
      /* .grid-1.featured.fundraiser-winter-23 {

          border: 2px dotted var(--fundraiser-winter-23-link) !important;
      } */

      .fundraiser-winter-23 .shopify-buy__option-select__select,
      .fundraiser-winter-23 .shopify-buy__quantity  {
      background: var(--fundraiser-winter-23-text) !important;
      color: var(--fundraiser-winter-23-background) !important;
      }


      .fundraiser-winter-23 .grid-1.featured {
        background: var(--fundraiser-winter-23-background-dark) !important;
      }


      .fundraiser-progress h6 {
      color: var(--fundraiser-winter-23-text);
      }

      .fundraiser-winter-23 .fundraiser-progress {
      background:  var(--fundraiser-winter-23-special-text);
      }

      .fundraiser-winter-23 .fundraiser-goal {
        background: var(--fundraiser-winter-23-background-dark);
        border: 2px solid  var(--fundraiser-winter-23-special-text);
      }

      .fundraiser-winter-23 .fundraiser-stats .fr-right {
        color: var(--fundraiser-winter-23-text);
      }


      @media (max-width: 768px) {
        .shell.fundraiser-winter-23 {
          background-size: 100%;
        }
      }



/* /////////// end fundraiser winter 23  ///////////////////////////////*/







/* /////////// start winter 23  ///////////////////////////////*/

.winter-23,
.winter-23.featured.session,
.winter-23.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--winter-23-text);
 box-sizing: border-box;
 border-color: var(--winter-23-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-23%2Fbg.jpg");
 background-position: bottom;
 background-repeat: repeat;
 background-size: 100%;
}

.winter-23.featured:hover {
  background-size: 150%;
}



     .shell.winter-23 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-23%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: cover;
     }



.winter-23,
.winter-23.featured.session,
.shell .winter-23,
.winter-23.featured  {
  /* background-color: var(--winter-23-background)  !important; */
  color: var(--winter-23-text);
  box-sizing: border-box;
  border-color: var(--winter-23-text);
  text-shadow: none !important;
}


      .winter-23 p,
      .winter-23 p a,
      .winter-23 a,
      .winter-23.featured h4,
      .winter-23 h4 a,
      .winter-23 .intro a,
      .winter-23 p.large a,
      .winter-23 p a:hover,
      .winter-23.session.featured,
      .winter-23.session.featured a,
      .winter-23.featured h4.type a,
      .sfpc .winter-23 a
      {
        color: var(--winter-23-text) !important;
      }

      .winter-23 h4 a:hover,
      .winter-23 .intro a,
      .winter-23 p.large a:hover,
      .winter-23.featured:hover h6,
      .winter-23.featured:hover .title,
      .winter-23 .details a:hover,
      .winter-23.featured .title:hover,
      .winter-23 p a:hover,
      .winter-23 h4 a:hover,
      .winter-23 section .grid-2 ul li::before,
      .winter-23 .chars,
      .winter-23 p a:hover,
      .winter-23 a:hover,
      .winter-23 h4 a:hover,
      .winter-23 .intro a:hover,
      .winter-23 .details a:hover,
      .winter-23 .entity:hover .accordion dt h3:after,
      .winter-23 .accordion dt h3:after,
      .winter-23 .expanded{
          color: var(--winter-23-link) !important;
      }

      .winter-23 #cost,
      .winter-23 .fixed-apply,
      .winter-23 .fixed-support,
      .winter-23 .home-intro span#session-name::after {
          color: var(--winter-23-background) !important;
          background: var(--winter-23-link) !important;
      }

      .winter-23 span#cost {
        background: var(--winter-23-link) !important;
      }


      .winter-23 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .winter-23 .block-text {
        background-color: var(--winter-23-background);
        color: var(--winter-23-link);
      }



      .winter-23.grid-inner, .winter-23 .grid-inner {
        border: 2px dotted var(--winter-23-text) !important;
        color: var(--winter-23-link) !important;
      }

      .winter-23 #class .entity,
      .winter-23.website-grid .grid-2 {
        border-color: var(--winter-23-text);
      }

      .winter-23 #class .entity:hover {
        border-color: var(--winter-23-link);
      }

      .winter-23 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--winter-23-background) !important;
      }


      .winter-23 select#allSections:hover,
      .winter-23 .loader-content p::after,
      .winter-23 span#cost
      {
        background: var(--winter-23-link) !important;
        color: var(--winter-23-background) !important;
      }

      .winter-23 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .winter-23 .breadcrumb.fixed,
      .winter-23 .breadcrumb.fixed::before,
      .winter-23 .breadcrumb.fixed a,
      .winter-23 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .winter-23 .breadcrumb,
      .winter-23 .breadcrumb a,
      .winter-23 .text-on-bg,
      .winter-23 .breadcrumb a:hover {
          color: var(--winter-23-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--winter-23-background);
      }


      .winter-23 section#section-outro,
      #class .intro.winter-23,
      .shell.winter-23 .class-details,
      .winter-23 #class section,
      .winter-23 #class .entity,
      .winter-23 .accordion dd.active,
      .winter-23 section ul,
      .winter-23 .website-grid
       {
        /* background-color: var(--winter-23-background); */
        background: none;
        color:  var(--winter-23-text) !important;
        border-radius: var(--border-rad);
      }

      .winter-23 #class section,
      #class .intro.winter-23 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .winter-23 #class section.stacked,
      .winter-23 .section-testimonials,
      .winter-23 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .winter-23 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--winter-23-text);
      }

      .shell.winter-23 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fwinter-23%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end winter 23  ///////////////////////////////*/












/* /////////// start fall 22  ///////////////////////////////*/

.fall-22,
.fall-22.featured.session,
.fall-22.featured  {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--fall-22-text);
 box-sizing: border-box;
 border-color: var(--fall-22-text);
 background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-22%2Fbg.jpg");
 background-position: bottom;
 background-repeat: repeat;
 background-size: 100%;
}

.fall-22.featured:hover {
  background-size: 150%;
}



     .shell.fall-22 {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-22%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: 100% auto;
     }



.fall-22,
.fall-22.featured.session,
.shell .fall-22,
.fall-22.featured  {
  /* background-color: var(--fall-22-background)  !important; */
  color: var(--fall-22-text);
  box-sizing: border-box;
  border-color: var(--fall-22-text);
  text-shadow: none !important;
}


      .fall-22 p,
      .fall-22 p a,
      .fall-22 a,
      .fall-22.featured h4,
      .fall-22 h4 a,
      .fall-22 .intro a,
      .fall-22 p.large a,
      .fall-22 p a:hover,
      .fall-22.session.featured,
      .fall-22.session.featured a,
      .fall-22.featured h4.type a,
      .sfpc .fall-22 a
      {
        color: var(--fall-22-text) !important;
      }

      .fall-22 h4 a:hover,
      .fall-22 .intro a,
      .fall-22 p.large a:hover,
      .fall-22.featured:hover h6,
      .fall-22.featured:hover .title,
      .fall-22 .details a:hover,
      .fall-22.featured .title:hover,
      .fall-22 p a:hover,
      .fall-22 h4 a:hover,
      .fall-22 section .grid-2 ul li::before,
      .fall-22 .chars,
      .fall-22 p a:hover,
      .fall-22 a:hover,
      .fall-22 h4 a:hover,
      .fall-22 .intro a:hover,
      .fall-22 .details a:hover,
      .fall-22 .entity:hover .accordion dt h3:after,
      .fall-22 .accordion dt h3:after,
      .fall-22 .expanded{
          color: var(--fall-22-link) !important;
      }

      .fall-22 #cost,
      .fall-22 .fixed-apply,
      .fall-22 .fixed-support {
          color: var(--fall-22-background) !important;
          background: var(--fall-22-link) !important;
      }

      .fall-22 span#cost {
        background: var(--fall-22-link) !important;
      }


      .fall-22 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .fall-22 .block-text {
        background-color: var(--fall-22-background);
      color: var(--fall-22-link) ;
      }



      .fall-22.grid-inner, .fall-22 .grid-inner {
        border: 2px dotted var(--fall-22-text) !important;
        color: var(--fall-22-link) !important;
      }

      .fall-22 #class .entity,
      .fall-22.website-grid .grid-2 {
        border-color: var(--fall-22-text);
      }

      .fall-22 #class .entity:hover {
        border-color: var(--fall-22-link);
      }

      .fall-22 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--fall-22-background) !important;
      }


      .fall-22 select#allSections:hover,
      .fall-22 .loader-content p::after,
      .fall-22 span#cost
      {
        background: var(--fall-22-link) !important;
        color: var(--fall-22-background) !important;
      }

      .fall-22 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .fall-22 .breadcrumb.fixed,
      .fall-22 .breadcrumb.fixed::before,
      .fall-22 .breadcrumb.fixed a,
      .fall-22 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .fall-22 .breadcrumb,
      .fall-22 .breadcrumb a,
      .fall-22 .text-on-bg,
      .fall-22 .breadcrumb a:hover {
          color: var(--fall-22-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--fall-22-link);
      }


      .fall-22 .breadcrumb .blog-tag a {
        text-shadow: 0px !important;
      }


      .fall-22 section#section-outro,
      #class .intro.fall-22,
      .shell.fall-22 .class-details,
      .fall-22 #class section,
      .fall-22 #class .entity,
      .fall-22 .accordion dd.active,
      .fall-22 section ul,
      .fall-22 .website-grid
       {
        /* background-color: var(--fall-22-background); */
        background: none;
        color:  var(--fall-22-text) !important;
        border-radius: var(--border-rad);
      }

      .fall-22 #class section,
      #class .intro.fall-22 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .fall-22 #class section.stacked,
      .fall-22 .section-testimonials,
      .fall-22 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .fall-22 .break {
        /* border: 0px !important; */
        /* margin-bottom: 0px !important; */
        border-color: var(--fall-22-text);
      }

      .shell.fall-22 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffall-22%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end fall 22  ///////////////////////////////*/







/* /////////// start SEX ED ///////////////////////////////*/




/* .sex-ed, */
.sex-ed.featured.session,
.sex-ed.featured,
#tag.sex-ed {
 /* background-color: var(--sex-ed-background)  !important; */
 color: var(--sex-ed-text);
 box-sizing: border-box;
 border-color: var(--sex-ed-text);
 background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsex-ed%2Fbg.jpg");
 background-position: bottom;
 background-repeat: repeat;
 background-size: 300%;
}

.sex-ed.featured:hover {
  background-size: 350%;
}



     .shell.sex-ed {
       background-image:url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsex-ed%2Fbg.jpg");
       /* background-position: bottom; */
       /* background-repeat: no-repeat;
       background-size: cover; */
       background-position: top left;
       background-repeat: repeat;
       background-size: 500% auto;
     }


     .sex-ed p,
     .sex-ed p a,
     .sex-ed a,
     .sex-ed.featured h4,
     .sex-ed h4 a,
     .sex-ed .intro a,
     .sex-ed p.large a,
     .sex-ed p a:hover,
     .sex-ed.session.featured,
     .sex-ed.session.featured a
     {
       color: var(--sex-ed-text) !important;

     }

     .sex-ed p,
     .sex-ed.featured h4,
     .sex-ed p.large,
     .sex-ed .intro,
     .sex-ed h1,
    .sex-ed .details .labels,
    .sex-ed .details .labels-info,
    .sex-ed li,
    .sex-ed ul,
    .sex-ed .class-details
        {
       text-shadow:  0 0 7px #fff,  0 0 10px #fff;
      }

      .sex-ed .details .labels-info #cost,
      .sex-ed span#cost
          {
         text-shadow:  0 0 7px var(--sex-ed-link),  0 0 10px var(--sex-ed-link);
        }

     .sex-ed h4 a:hover,
     /* .sex-ed .intro a, */
     .sex-ed p.large a:hover,
     .sex-ed.featured:hover h6,
     .sex-ed.featured:hover .title,
     .sex-ed .details a:hover,
     .sex-ed.featured .title:hover,
     .sex-ed p a:hover,
     .sex-ed h4 a:hover,
     .sex-ed section .grid-2 ul li::before,
     .sex-ed .chars,
     .sex-ed p a:hover,
     .sex-ed a:hover,
     .sex-ed h4 a:hover,
     .sex-ed .intro a:hover,
     .sex-ed .details a:hover,
     .sex-ed .entity:hover .accordion dt h3:after,
     .sex-ed .accordion dt h3:after,
     .sex-ed .expanded{
         color: var(--sex-ed-link) !important;
     }

     .sex-ed.featured .title{
       text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #fff,
      0 0 82px #fff;
     }


     .sex-ed.featured:hover .title {
       text-shadow:
      0 0 7px #fff,
      0 0 10px #fff,
      0 0 21px #fff,
      0 0 42px #fff,
      0 0 82px #fff,
      0 0 92px #fff;
     }





     .sex-ed #cost,
     .sex-ed .fixed-apply,
     .sex-ed .fixed-support {
         color: var(--sex-ed-background) !important;
         background: var(--sex-ed-link) !important;
     }

     .sex-ed .fixed-apply:hover {
       color: #000 !important;
       background: rgba(255,255,255,.8) !important;
     }

     .sex-ed .block-text {
       background-color: var(--sex-ed-background);
     }




     .sex-ed .break {
       border-bottom: 1px dashed var(--sex-ed-text);
     }

     .sex-ed .grid-inner, .sex-ed.grid-inner {
       border: 2px dotted var(--sex-ed-text) !important;
       color: var(--sex-ed-link) !important;
     }

     .sex-ed #class .entity,
     .sex-ed.website-grid .grid-2 {
       border-color: var(--sex-ed-text);
       background: none !important;
     }

     .sex-ed #class .entity:hover {
       border-color: var(--sex-ed-link);
     }

     .sex-ed .website-grid .grid-2 p.large {
       text-shadow: 3px 3px var(--sex-ed-background) !important;
     }

     .sex-ed select#allSections:hover,
     .sex-ed .loader-content p::after,
     .sex-ed span#cost
     {
       background: var(--sex-ed-link) !important;
       color: var(--sex-ed-background) !important;
     }


     .sex-ed .breadcrumb.fixed {

         background: rgba(255,255,255,.8) !important;
     }






     .sex-ed .breadcrumb.fixed,
     .sex-ed .breadcrumb.fixed::before,
     .sex-ed .breadcrumb.fixed a,
     .sex-ed .breadcrumb.fixed a:hover {
       /* background: rgba(255,255,255,.8) !important; */
       color: #000 !important;
     }


     .sex-ed .breadcrumb,
     .sex-ed .breadcrumb a,
     .sex-ed .text-on-bg,
     .sex-ed .breadcrumb a:hover {
         color: var(--sex-ed-text) !important;
         /* text-shadow: 2px 2px 0px var(--sex-ed-link); */
     }


     .sex-ed section#section-outro,
     #class .intro.sex-ed,
     .shell.sex-ed .class-details,
     .sex-ed #class section,
     .sex-ed #class .entity,
     .sex-ed .accordion dd.active,
     .sex-ed section ul,
     .sex-ed .website-grid
      {
       /* background-color: var(--sex-ed-background); */
       color:  var(--sex-ed-text) !important;
       border-radius: var(--border-rad);
       background: none !important;
     }

     .sex-ed #class section,
     #class .intro.sex-ed {
       /* padding: var(--body-margin) calc(var(--body-margin)/2); */
     }

     .sex-ed #class section.stacked,
     .sex-ed .section-testimonials,
     .sex-ed .section-testimonials p
      {
       background: none !important;
       padding: 0px !important
     }






/* /////////// end SEX ED ///////////////////////////////*/









/* /////////// start NETWORKED PERFORMANCE ///////////////////////////////*/

.networked-performance,
#tag.networked-peformace,
.networked-performance.featured.session,
.shell .networked-performance,
.networked-performance.featured  {
  background-color: var(--networked-performance-background)  !important;
  color: var(--networked-performance-text);
  box-sizing: border-box;
  border-color: var(--networked-performance-text);
}


      .networked-performance p,
      .networked-performance p a,
      .networked-performance a,
      .networked-performance.featured h4,
      .networked-performance h4 a,
      .networked-performance .intro a,
      .networked-performance p.large a,
      .networked-performance p a:hover,
      .networked-performance.session.featured,
      .networked-performance.session.featured a,
      .networked-performance.featured h4.type a,
      .sfpc .networked-performance a
      {
        color: var(--networked-performance-text) !important;
      }

      .networked-performance .class-details img {
        margin-bottom: 0px;
      }

      .networked-performance h4 a:hover,
      .networked-performance .intro a,
      .networked-performance p.large a:hover,
      .networked-performance.featured:hover h6,
      .networked-performance.featured:hover .title,
      .networked-performance .details a:hover,
      .networked-performance.featured .title:hover,
      .networked-performance p a:hover,
      .networked-performance h4 a:hover,
      .networked-performance section .grid-2 ul li::before,
      .networked-performance .chars,
      .networked-performance p a:hover,
      .networked-performance a:hover,
      .networked-performance h4 a:hover,
      .networked-performance .intro a:hover,
      .networked-performance .details a:hover,
      .networked-performance .entity:hover .accordion dt h3:after,
      .networked-performance .accordion dt h3:after,
      .networked-performance .expanded
      {
          color: var(--networked-performance-link) !important;
      }

      .networked-performance #cost,
      .networked-performance .fixed-apply,
      .networked-performance .fixed-support {
          color: var(--networked-performance-background) !important;
          background: var(--networked-performance-link) !important;
      }

      .networked-performance span#cost {
        background: var(--networked-performance-link) !important;
      }


      .networked-performance .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .networked-performance .block-text {
        background-color: var(--networked-performance-background);
      }





      .networked-performance.grid-inner, .networked-performance .grid-inner {
        border: 2px dotted var(--networked-performance-text) !important;
        color: var(--networked-performance-link) !important;
      }

      .networked-performance #class .entity,
      .networked-performance.website-grid .grid-2 {
        border-color: var(--networked-performance-text);
      }

      .networked-performance #class .entity:hover {
        border-color: var(--networked-performance-link);
      }

      .networked-performance .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--networked-performance-background) !important;
      }


      .networked-performance select#allSections:hover,
      .networked-performance .loader-content p::after,
      .networked-performance span#cost
      {
        background: var(--networked-performance-link) !important;
        color: var(--networked-performance-background) !important;
      }


      .networked-performance .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;

        }

        .networked-performance .breadcrumb.fixed,
      .networked-performance .breadcrumb.fixed::before,
      .networked-performance .breadcrumb.fixed a,
      .networked-performance .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
        background: none;
      }


      .networked-performance .breadcrumb,
      .networked-performance .breadcrumb a,
      .networked-performance .text-on-bg,
      .networked-performance .breadcrumb a:hover
      {
          color: var(--networked-performance-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--networked-performance-special-text);
      }







      .networked-performance section#section-outro,
      #class .intro.networked-performance,
      .shell.networked-performance .class-details,
      .networked-performance #class section,
      .networked-performance #class .entity,
      .networked-performance .accordion dd.active,
      .networked-performance section ul,
      .networked-performance .website-grid
       {
        background-color: var(--networked-performance-background);
        color:  var(--networked-performance-text) !important;
        border-radius: var(--border-rad);
      }

      .networked-performance #class section,
      #class .intro.networked-performance {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .networked-performance #class section.stacked,
      .networked-performance .section-testimonials,
      .networked-performance .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .networked-performance .break {
        border: 0px !important;
        margin-bottom: 0px !important;
        border-color: var(--networked-performance-text);
      }

      .shell.networked-performance {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fnetworked-performance%2Fbg.jpg");
        background-size: cover;
      }


/* /////////// end NETWORKED PERFORMANCE  ///////////////////////////////*/









/* /////////// start SUMMER 22  ///////////////////////////////*/

.summer-22,
.summer-22.featured.session,
.shell .summer-22,
.summer-22.featured,
#tag.summer-22  {
  background-color: var(--summer-22-background)  !important;
  color: var(--summer-22-text) !important;
  box-sizing: border-box !important;
  /* border-color: var(--summer-22-text) !important; */
  text-shadow: none !important;
}


      .summer-22 p,
      .summer-22 p a,
      .summer-22 a,
      .summer-22.featured h4,
      .summer-22 h4 a,
      .summer-22 .intro a,
      .summer-22 p.large a,
      .summer-22 p a:hover,
      .summer-22.session.featured,
      .summer-22.session.featured a,
      .summer-22.featured h4.type a,
      .sfpc .summer-22 a
      {
        color: var(--summer-22-text) !important;
      }

      .summer-22 h4 a:hover,
      .summer-22 .intro a,
      .summer-22 p.large a:hover,
      .summer-22.featured:hover h6,
      .summer-22.featured:hover .title,
      .summer-22 .details a:hover,
      .summer-22.featured .title:hover,
      .summer-22 p a:hover,
      .summer-22 h4 a:hover,
      .summer-22 section .grid-2 ul li::before,
      .summer-22 .chars,
      .summer-22 p a:hover,
      .summer-22 a:hover,
      .summer-22 h4 a:hover,
      .summer-22 .intro a:hover,
      .summer-22 .details a:hover,
      .summer-22 .entity:hover .accordion dt h3:after,
      .summer-22 .accordion dt h3:after,
      .summer-22 .expanded{
          color: var(--summer-22-link) !important;
      }

      .summer-22 #cost,
      .summer-22 .fixed-apply,
      .summer-22 .fixed-support {
          color: var(--summer-22-background) !important;
          background: var(--summer-22-link) !important;
      }

      .summer-22 span#cost {
        background: var(--summer-22-link) !important;
      }


      .summer-22 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .summer-22 .block-text {
        background-color: var(--summer-22-background);
        color: var(--summer-22-link);
      }



      .summer-22.grid-inner, .summer-22 .grid-inner {
        border: 2px dotted var(--summer-22-text) !important;
        color: var(--summer-22-link) !important;
      }

      .summer-22 #class .entity,
      .summer-22.website-grid .grid-2 {
        border-color: var(--summer-22-text);
      }

      .summer-22 #class .entity:hover {
        border-color: var(--summer-22-link);
      }

      .summer-22 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--summer-22-background) !important;
      }


      .summer-22 select#allSections:hover,
      .summer-22 .loader-content p::after,
      .summer-22 span#cost
      {
        background: var(--summer-22-link) !important;
        color: var(--summer-22-background) !important;
      }

      .summer-22 .breadcrumb.fixed {
        background: rgba(255,255,255,.8) !important;
      }
      .summer-22 .breadcrumb.fixed,
      .summer-22 .breadcrumb.fixed::before,
      .summer-22 .breadcrumb.fixed a,
      .summer-22 .breadcrumb.fixed a:hover {
        color: #000 !important;
        text-shadow: 0px 0px 0px rgba(255,255,255,.8) !important;
      }


      .summer-22 .breadcrumb,
      .summer-22 .breadcrumb a,
      .summer-22 .text-on-bg,
      .summer-22 .breadcrumb a:hover {
          color: var(--summer-22-text-on-bg) !important;
          text-shadow: 2px 2px 0px var(--summer-22-link);
      }


      .summer-22 section#section-outro,
      #class .intro.summer-22,
      .shell.summer-22 .class-details,
      .summer-22 #class section,
      .summer-22 #class .entity,
      .summer-22 .accordion dd.active,
      .summer-22 section ul,
      .summer-22 .website-grid
       {
        background-color: var(--summer-22-background);
        color:  var(--summer-22-text) !important;
        border-radius: var(--border-rad);
      }

      .summer-22 #class section,
      #class .intro.summer-22 {
        padding: var(--body-margin) calc(var(--body-margin)/2);
      }

      .summer-22 #class section.stacked,
      .summer-22 .section-testimonials,
      .summer-22 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }

      .summer-22 .break {
        border: 0px !important;
        margin-bottom: 0px !important;
        border-color: var(--summer-22-text);
      }

      .shell.summer-22 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fsummer-22%2Fbg-b.jpg");
        background-size: cover;
      }


/* /////////// end SUMMER 22  ///////////////////////////////*/








/* /////////// start SPRING 22  ///////////////////////////////*/

.spring-22,
.spring-22.featured.session,
.shell .spring-22,
.spring-22.featured,
#tag.spring-22  {
  background-color: var(--spring-22-background)  !important;
  color: var(--spring-22-text);
  box-sizing: border-box;
  border-color: var(--spring-22-text);
}


      .spring-22 p,
      .spring-22 p a,
      .spring-22 a,
      .spring-22.featured h4,
      .spring-22 h4 a,
      .spring-22 .intro a,
      .spring-22 p.large a,
      .spring-22 p a:hover,
      .spring-22.session.featured,
      .spring-22.session.featured a
      {
        color: var(--spring-22-text) !important;
      }

      .spring-22 h4 a:hover,
      .spring-22 .intro a,
      .spring-22 p.large a:hover,
      .spring-22.featured:hover h6,
      .spring-22.featured:hover .title,
      .spring-22.featured .title:hover,
      .spring-22 p a:hover,
      .spring-22 h4 a:hover,
      .spring-22 section .grid-2 ul li::before,
      .spring-22 .chars,
      .spring-22 p a:hover,
      .spring-22 a:hover,
      .spring-22 h4 a:hover,
      .spring-22 .intro a:hover,
      .spring-22 .details a:hover,
      .spring-22 .entity:hover .accordion dt h3:after,
      .spring-22 .accordion dt h3:after,
      .spring-22 .expanded
      {
          color: var(--spring-22-link) !important;
      }

      .spring-22 #cost,
      .spring-22 .fixed-apply,
      .spring-22 .fixed-support {
          color: var(--spring-22-background) !important;
          background: var(--spring-22-link) !important;
      }

      .spring-22 .fixed-apply:hover {
        color: #000 !important;
        background: rgba(255,255,255,.8) !important;
      }

      .spring-22 .block-text {
        background-color: var(--spring-22-background);
        color: var(--spring-22-link);
      }


      .spring-22 .break {
        border-bottom: 1px dashed var(--spring-22-text) !important;
      }

      .spring-22 .grid-inner, .spring-22.grid-inner {
        border: 2px dotted var(--spring-22-text) !important;
        color: var(--spring-22-link) !important;
      }

      .spring-22 #class .entity,
      .spring-22.website-grid .grid-2 {
        border-color: var(--spring-22-text);
      }

      .spring-22 #class .entity:hover {
        border-color: var(--spring-22-link);
      }

      .spring-22 .website-grid .grid-2 p.large {
        text-shadow: 3px 3px var(--spring-22-background) !important;
      }


      .spring-22 .breadcrumb.fixed,
      .spring-22 .breadcrumb.fixed::before,
      .spring-22 .breadcrumb.fixed a,
      .spring-22 .breadcrumb.fixed a:hover {
        background: rgba(255,255,255,.8) !important;
        color: #000 !important;
      }

      .spring-22 select#allSections:hover,
      .spring-22 .loader-content p::after,
      .spring-22 span#cost
      {
        background: var(--spring-22-link) !important;
        color: var(--spring-22-background) !important;
      }

      .spring-22 .breadcrumb,
      .spring-22 .breadcrumb a,
      .spring-22 .text-on-bg,
      .spring-22 .breadcrumb a:hover {
          color: var(--spring-22-text-on-bg) !important;
      }


      .spring-22 section#section-outro,
      #class .intro.spring-22,
      .shell.spring-22 .class-details,
      .spring-22 #class section,
      .spring-22 #class .entity,
      .spring-22 .accordion dd.active,
      .spring-22 section ul,
      .spring-22 .website-grid
       {
        background-color: var(--spring-22-background);
        color:  var(--spring-22-text) !important;
        border-radius: var(--border-rad);
      }

      .spring-22 #class section,
      #class .intro.spring-22 {
        /* padding: var(--body-margin) calc(var(--body-margin)/2); */
      }

      .spring-22 #class section.stacked,
      .spring-22 .section-testimonials,
      .spring-22 .section-testimonials p
       {
        background: none !important;
        padding: 0px !important
      }


      .shell.spring-22 {
        background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fspring-22%2Fbg-b.jpg");
        background-size: cover;
      }


/* /////////// end SPRING 22  ///////////////////////////////*/





/* .spring-22 {
  background-color: var(--spring-22-background);
  color: var(--spring-22-text);
  box-sizing: border-box;
  border-color: var(--spring-22-text);
}

        .spring-22 a:hover,
        .spring-22.featured:hover h2,
        .spring-22.featured:hover .title,
        .spring-22.featured .title:hover,
        .spring-22.featured:hover h6,
        .spring-22 .expanded
        {
          color: var(--spring-22-link) !important;
        }

        .spring-22.featured h4.type  {
          color: var(--spring-22-text);
        }

        .spring-22 span#cost,
        .spring-22 .fixed-apply {
            color: var(--spring-22-background) !important;
        } */


.fallwinter-2122, .fall-21, #tag.fallwinter-2122 {
  background-color: var(--fallwinter-2122-background);
  background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Ffallwinter-2122%2Fbg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  color: var(--fallwinter-2122-text);
  box-sizing: border-box;
  border-color: var(--fallwinter-2122-text);
}


        .fallwinter-2122 a:hover, .fallwinter-2122.featured:hover h2 {
          color: var(--fallwinter-2122-link) !important;
        }


#class.cocoon  {
  background: none;
}

.cocoon, #tag.cocoon {
  background-color: var(--cocoon-background);
  color: var(--cocoon-text);
  box-sizing: border-box;
  border-color: var(--cocoon-text);
  background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fcocoon%2Fbg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
  background-blend-mode: screen;
}

#tag.cocoon {
  color: transparent;
  color: transparent;
  text-shadow: 0 0 0px var(--cocoon-link) !important;
}



        .cocoon a:hover, .cocoon.featured:hover h2  {
          color: var(--cocoon-link) !important;
        }

        .cocoon.featured h4 a,
        .cocoon p,
        .cocoon p a,
        .cocoon a,
        .cocoon.featured h4,
        .cocoon h4 a,
        .cocoon .intro a,
        .cocoon p.large a,
        .cocoon p a:hover,
        .cocoon.session.featured,
        .cocoon.session.featured a,
        .cocoon.featured h4.type a,
        .sfpc .cocoon a,
        .sfpc .cocoon h4 a
         {
          color: var(--cocoon-text) !important;
        }


.codesocieties-20 {
  background-color: var(--codesocieties-20-background);
  color: var(--codesocieties-20-text);
  box-sizing: border-box;
  border-color: var(--codesocieties-20-text);
  background-image: url("/?originalUrl=https%3A%2F%2Fsfpc.study%2Fimages%2Fsessions%2Fcodesocieties-20%2Fbg.png");
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: 100%;
}

        .codesocieties-20 a:hover, .codesocieties-20.featured:hover h2 {
          color: var(--codesocieties-20-link) !important;
        }


        .codesocieties-20.featured h4 a,
        .codesocieties-20 p,
        .codesocieties-20 p a,
        .codesocieties-20 a,
        .codesocieties-20.featured h4,
        .codesocieties-20 h4 a,
        .codesocieties-20 .intro a,
        .codesocieties-20 p.large a,
        .codesocieties-20 p a:hover,
        .codesocieties-20.session.featured,
        .codesocieties-20.session.featured a,
        .codesocieties-20.featured h4.type a,
        .sfpc .codesocieties-20 a,
        .sfpc .codesocieties-20 h4 a
         {
          color: var(--codesocieties-20-text) !important;
        }








        .summer-20,
        .summer-20.featured.session,
        .shell .summer-20,
        .summer-20.featured  {
          background-color: var(--background)  !important;
          color: var(--text-color);
          box-sizing: border-box;
          border-color: var(--text-color);
        }


              .summer-20 p,
              .summer-20 p a,
              .summer-20 a,
              .summer-20.featured h4,
              .summer-20 h4 a,
              .summer-20 .intro a,
              .summer-20 p.large a,
              .summer-20 p a:hover,
              .summer-20.session.featured,
              .summer-20.session.featured a
              {
                color: var(--text-color) !important;
              }

              .summer-20 h4 a:hover,
              /* .summer-20 .intro a, */
              .summer-20 p.large a:hover,
              .summer-20.featured:hover h6,
              .summer-20.featured:hover .title,
              .summer-20 .details a:hover,
              .summer-20.featured .title:hover,
              .summer-20 p a:hover,
              .summer-20 h4 a:hover,
              .summer-20 section .grid-2 ul li::before,
              .summer-20 .chars,
              .summer-20 p a:hover,
              .summer-20 a:hover,
              .summer-20 h4 a:hover,
              .summer-20 .intro a:hover,
              .summer-20 .details a:hover,
              .summer-20 .entity:hover .accordion dt h3:after,
              .summer-20 .accordion dt h3:after,
              .summer-20 .expanded{
                  color: var(--text-link) !important;
              }

              .summer-20 #cost,
              .summer-20 .fixed-apply,
              .summer-20 .fixed-support {
                  color: var(--background) !important;
              }

              .summer-20 .fixed-apply:hover {
                color: #000 !important;
                background: rgba(255,255,255,.8) !important;
              }

              .summer-20 .block-text {
                background-color: var(--background);
                color: var(--text-link);
              }


              .summer-20 .break {
                border-bottom: 1px dashed var(--text-color);
              }

              .summer-20 .grid-inner, .summer-20.grid-inner {
                border: 2px dotted var(--text-color) ;
                color: var(--text-link) !important;
              }

              .summer-20 #class .entity,
              .summer-20.website-grid .grid-2 {
                border-color: var(--text-color);
              }

              .summer-20 #class .entity:hover {
                border-color: var(--text-link);
              }

              .summer-20 .website-grid .grid-2 p.large {
                text-shadow: 3px 3px var(--background) !important;
              }

              .summer-20 select#allSections:hover,
              .summer-20 .loader-content p::after,
              .summer-20 span#cost
              {
                background: var(--text-link) !important;
                color: var(--background) !important;
              }


              .summer-20 .breadcrumb.fixed {
                  background: rgba(255,255,255,.8) !important;
              }

              .summer-20 .breadcrumb.fixed,
              .summer-20 .breadcrumb.fixed::before,
              .summer-20 .breadcrumb.fixed a,
              .summer-20 .breadcrumb.fixed a:hover {
                /* background: rgba(255,255,255,.8) !important; */
                color: #000 !important;
              }


              .summer-20 .breadcrumb,
              .summer-20 .breadcrumb a,
              .summer-20 .text-on-bg,
              .summer-20 .breadcrumb a:hover {
                  color: var(--text-color) !important;
                  /* text-shadow: 2px 2px 0px var(--text-link); */
              }


              .summer-20 section#section-outro,
              #class .intro.summer-20,
              .shell.summer-20 .class-details,
              .summer-20 #class section,
              .summer-20 #class .entity,
              .summer-20 .accordion dd.active,
              .summer-20 section ul,
              .summer-20 .website-grid
               {
                background-color: var(--background);
                color:  var(--text-color) !important;
                border-radius: var(--border-rad);
              }

              .summer-20 #class section,
              #class .intro.summer-20 {
                /* padding: var(--body-margin) calc(var(--body-margin)/2); */
              }

              .summer-20 #class section.stacked,
              .summer-20 .section-testimonials,
              .summer-20 .section-testimonials p
               {
                background: none !important;
                padding: 0px !important
              }


              .shell.summer-20 {
                background: var(--background);
              }

              .summer-20.test, .summer-20.block-text {
                border-color: var(--text-color);
              }



        /* /////////// end SFPC GENERAL STYLES  ///////////////////////////////*/