<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*
 * This CSS section is specifically for styling camp boxes on the camp landing page, and individual camp pages 
 */

/* the camp box */
div.camp-box { border:1px solid #DDD; padding: 5px 10px; float: left; margin: 8px 14px; width: 300px; height: 350px;}
div.camp-box-graphic { width:300px; text-align: center;}
div.camp-box-graphic:hover { cursor: pointer; }
div.camp-box-graphic img { border-radius: 5px; width:300px; height:auto; margin:0 auto; text-align:center; }

div.camp-box-title { font-size: 14pt; font-weight:bold; }
div.camp-box-ages { font-size:12pt; font-weight:normal; }

div.camp-box-meta { font-size:11pt; }
div.camp-box-meta span { font-size: 10pt; }
div.camp-box-meta span.location { font-weight:bold; }
div.camp-box-meta span.week { font-style:  italic; }
div.camp-box-meta span.camp-meta-separator::before { content:'\203A'; display: inline; font-weight:bold; padding:0px 3px; font-size: 12pt;}

/* the camp pop-up content written to bottom of page */
div.camp-appendage { display:none; }

/* camp box edit button for admins */
.camp-box-edit a { text-decoration:none; color:orange; font-size:20pt; }
.camp-box-edit a:hover { color: red; }

/**** AND NOW FOR MOBILE! ****/

/* iphone etc */
@media screen and (max-width: 540px) {
    div.camp-box { margin:10px -3px!important; padding: 5px 3px; height:auto; }
}



/* the camp pop-up */
div.camp-popup-container { 
    display: block; 
    z-index:10000; 
    position:fixed; 
    top:100px; 
    left:20%; 
    min-height: 300px;
    width: 60%; /* 800px; */ 
    background-color: white;
    box-shadow: 0 0 100px white;
    border-radius:  15px;
    font-family:  "Lato",sans-serif;
    font-weight: 400;
    max-height: 400px;
    overflow-y:scroll; /* adds a vertical scroll tool */
}
div.camp-popup { 
    margin:20px; 
    border:1px solid #DDD; 
    padding: 15px 20px; 
    background-color:white; 
    border-radius:  15px;
    box-shadow: 0 0 100px white;
    height: 100%;
}

span.camp-waitlist { color: #f7941c; text-transform:uppercase; }

div.camp-clearfix { clear:both; }

div.camp-popup-title  { font-size: 22pt; padding-bottom: 10px;  float:left;    }
div.camp-popup-closer { font-size: 22pt; padding-bottom: 10px;  float:right;    }
div.camp-popup-closer:hover { opacity: .3; cursor: pointer;}

div.camp-popup-info { float:left; width:50%; } /* wraps the ages and meta divs */
div.camp-popup-ages { font-size:12pt; font-weight:normal; }
div.camp-popup-meta { font-size:11pt; }
div.camp-popup-meta span { font-size: 11pt; }
div.camp-popup-meta span.location { font-weight:bold; }
div.camp-popup-meta span.week { font-style:  italic; }
div.camp-popup-meta span.camp-meta-separator::before { content:' &gt; '; display: inline; font-weight:bold; }

div.camp-popup-graphic { width: 50%; float: right; }
div.camp-popup-graphic img { border-radius: 5px; width:300px; height:auto; margin:0 auto; text-align:center; }


/**** AND NOW FOR MOBILE! ****/

/* iphone etc */
@media screen and (max-width: 540px) {
    #camp-popup-container {
        top: 20px;
        left:  2%;
        min-width: 90%!important;
        max-width: 300px!important;
        border: 2px solid black;
    }
    div.camp-popup-title { font-size: 16pt; width: 80%;}
    div.camp-popup-graphic img { width:100px; float:right; }
}

/* ipad etc */
@media screen and (max-width: 960px) {
    #camp-popup-container {
        top: 50px;
        border: 2px solid black;
    }
    div.camp-popup-title { font-size: 16pt; width: 80%;}
    div.camp-popup-graphic img { width:100px; float:right; }
}
@media screen and (max-width: 1080px) {
    #camp-popup-container {
        top: 50px;
        border: 2px solid black;
    }
    div.camp-popup-title { font-size: 16pt; width: 80%;}
    div.camp-popup-graphic img { width:100px; float:right; }
}




/* 
 * 
 *******  This section is specifically for summer camp form #28 (2023) *******
 *
 */

/*                           */
/* specific field formatting */
/*                           */

form#gform_28 .gfield.parents-name-required  { width:40%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.parents-cell-required  { width:27%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.parents-email-required { width:27%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.parents-name-required  { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.parents-cell-required  { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.parents-email-required { width:100%; display: block; padding-right:0px; }
}

form#gform_28 .gfield.parents-name-optional  { width:40%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.parents-cell-optional  { width:27%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.parents-email-optional { width:27%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.parents-name-optional  { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.parents-cell-optional  { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.parents-email-optional { width:100%; display: block; padding-right:0px; }
}

form#gform_28 .gfield.student-first-name { width:25%; display: inline-block; padding-right: 20px; }
form#gform_28 .gfield.student-last-name  { width:30%; display: inline-block; padding-right: 20px; }
form#gform_28 .gfield.gender             { width:15%; display: inline-block; padding-right: 20px; }
form#gform_28 .gfield.date-of-birth      { width:20%; display: inline-block;                      }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.student-first-name,
    form#gform_28 .gfield.student-last-name,
    form#gform_28 .gfield.gender,
    form#gform_28 .gfield.date-of-birth { width:100%; display:block; padding-right:0px; }
}

form#gform_28 .gfield.street-address { width:100%; display: block;                           }
form#gform_28 .gfield.city           { width:50%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.state          { width:25%; display: inline-block; padding-right:20px; }
form#gform_28 .gfield.zipcode        { width:20%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.city       { width:100%; display:block;        padding-right:0px;  }
    form#gform_28 .gfield.state      { width:60%;  display:inline-block; padding-right:20px; }
    form#gform_28 .gfield.zipcode    { width:30%;  display:inline-block; padding-right:0px;  }
}

form#gform_28 .gfield.contact-name     { width:100%; display: block;        padding-right:0px;                           }
form#gform_28 .gfield.contact-relation { width:30%;  display: inline-block; padding-right:20px; }
form#gform_28 .gfield.contact-cell     { width:30%;  display: inline-block; padding-right:20px; }
form#gform_28 .gfield.contact-email    { width:30%;  display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.contact-relation { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.contact-cell     { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.contact-email    { width:100%; display: block; padding-right:0px; }
}

form#gform_28 .gfield.contact-name-additional     { width:100%; display: block;        padding-right:0px;  }
form#gform_28 .gfield.contact-relation-additional { width:30%;  display: inline-block; padding-right:20px; }
form#gform_28 .gfield.contact-cell-additional     { width:30%;  display: inline-block; padding-right:20px; }

@media screen and (max-width: 540px) {
    form#gform_28 .gfield.contact-relation-additional { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.contact-cell-additional     { width:100%; display: block; padding-right:0px; }
    form#gform_28 .gfield.contact-email-additional    { width:100%; display: block; padding-right:0px; }
}

form#gform_28 input[type=submit] { border: 2px solid #3D9BE9; font-size: 18pt;}
form#gform_28 input[type=submit]:hover { opacity:  .5; }



/*                           */
/* generic/common formatting */
/*                           */

form#gform_28 fieldset.large-checkbox input[type=checkbox] { height:30px; width:30px; vertical-align: middle; }

form#gform_28 .gfield_error .ginput_container { border:  2px solid red; }

form#gform_28 sup { vertical-align:super; font-size:smaller; }

form#gform_28 .gfield_required { padding-left:8px; color:red!important; }

form#gform_28 hr { margin:40px 0px; height: 1px; background:#3D9BE9; }

form#gform_28 label { color:#555; }

form#gform_28 .gfield,
form#gform_28 fieldset { margin-top:25px; }

form#gform_28 fieldset.set-left { width:49%!important; display: inline-block; margin-top:5px; margin-right:10px;}
form#gform_28 fieldset.set-right { width:49%!important; display: inline-block; margin-top: 5px; margin-right:0px;}

form#gform_28 fieldset legend { font-weight: bold; font-size:130%; }

form#gform_28 div.ginput_container { border: 1px solid #bbb; }
form#gform_28 fieldset div.ginput_container { border: 1px solid transparent; }

form#gform_28 fieldset div span input,
form#gform_28 fieldset div span select  { border: 1px solid #eee; }

form#gform_28 div.ginput_complex { border:0px; }

/* fractional widths */
form#gform_28 .gfield--width-half { width:46%; margin-right:10px; float:left; }
form#gform_28 .gfield--width-third { width:32%; margin-right:10px; float:left; }
form#gform_28 .gfield--width-quarter { width:24%; margin-right:10px; float:left; }
form#gform_28 .gfield--width-five-twelfths { width:40%; margin-right:10px; float:left; }
form#gform_28 .gfield--width-seven-twelfths { width:56%; margin-right:10px; float:left; }
/* fractional widths */

form#gform_28 .gfield.gsection.camp-week-header { padding-top:0px; margin-top: 5px;}
form#gform_28 .gfield.gsection.camp-week-header h3 { font-size:14pt; font-weight:bold; padding-top:20px; margin: 0px; border-top: 1px solid #eee;}

form#gform_28 .camp-legend { font-size: 115%; font-weight: bold; color:#f7941d!important; }
form#gform_28 .camp-name   { font-size: 110%; font-weight: bold; }
form#gform_28 .camp-name-obscure { opacity:.3!important; }

form#gform_28 .spacer.gfield { margin-top:10px; }

form#gform_28 .limited-spaces { padding-left:25px; font-size:10pt; font-weight:normal; color:#f7941c; }

form#gform_28 .gform_footer { padding-top:30px; }

/**** AND NOW FOR MOBILE! ****/

/* iphone etc */
@media screen and (max-width: 540px) {
    form#gform_28 legend { padding-bottom: 20px; }

    form#gform_28 fieldset.set-left,
    form#gform_28 fieldset.set-right   { width: 90%!important;}

    form#gform_28 fieldset.describe-your-situation div.gchoice { 
        padding-top: 0.65em; 
        padding-bottom:0.65em; 
        border-bottom:1px solid #eee;
    }
    form#gform_28 fieldset.describe-your-situation div.gchoice input[type=radio] { 
        height: 2em; width: 20px; vertical-align: top;
    }
    form#gform_28 fieldset.describe-your-situation div.gchoice label { 
        vertical-align: bottom;
        font-size: 14pt;
    }
}

/* 
 * 
 *******  This section is specifically for SCHOOL YEAR camp form #24 (2022) *******
 *
 */

/*                           */
/* specific field formatting */
/*                           */

form#gform_24 .gfield.parents-name-required  { width:40%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.parents-cell-required  { width:27%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.parents-email-required { width:27%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.parents-name-required  { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.parents-cell-required  { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.parents-email-required { width:100%; display: block; padding-right:0px; }
}

form#gform_24 .gfield.parents-name-optional  { width:40%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.parents-cell-optional  { width:27%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.parents-email-optional { width:27%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.parents-name-optional  { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.parents-cell-optional  { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.parents-email-optional { width:100%; display: block; padding-right:0px; }
}

form#gform_24 .gfield.student-first-name { width:25%; display: inline-block; padding-right: 20px; }
form#gform_24 .gfield.student-last-name  { width:30%; display: inline-block; padding-right: 20px; }
form#gform_24 .gfield.gender             { width:15%; display: inline-block; padding-right: 20px; }
form#gform_24 .gfield.date-of-birth      { width:20%; display: inline-block;                      }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.student-first-name,
    form#gform_24 .gfield.student-last-name,
    form#gform_24 .gfield.gender,
    form#gform_24 .gfield.date-of-birth { width:100%; display:block; padding-right:0px; }
}

form#gform_24 .gfield.street-address { width:100%; display: block;                           }
form#gform_24 .gfield.city           { width:50%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.state          { width:25%; display: inline-block; padding-right:20px; }
form#gform_24 .gfield.zipcode        { width:20%; display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.city       { width:100%; display:block;        padding-right:0px;  }
    form#gform_24 .gfield.state      { width:60%;  display:inline-block; padding-right:20px; }
    form#gform_24 .gfield.zipcode    { width:30%;  display:inline-block; padding-right:0px;  }
}

form#gform_24 .gfield.contact-name     { width:100%; display: block;        padding-right:0px;                           }
form#gform_24 .gfield.contact-relation { width:30%;  display: inline-block; padding-right:20px; }
form#gform_24 .gfield.contact-cell     { width:30%;  display: inline-block; padding-right:20px; }
form#gform_24 .gfield.contact-email    { width:30%;  display: inline-block; padding-right:0px;  }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.contact-relation { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.contact-cell     { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.contact-email    { width:100%; display: block; padding-right:0px; }
}

form#gform_24 .gfield.contact-name-additional     { width:100%; display: block;        padding-right:0px;  }
form#gform_24 .gfield.contact-relation-additional { width:30%;  display: inline-block; padding-right:20px; }
form#gform_24 .gfield.contact-cell-additional     { width:30%;  display: inline-block; padding-right:20px; }

@media screen and (max-width: 540px) {
    form#gform_24 .gfield.contact-relation-additional { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.contact-cell-additional     { width:100%; display: block; padding-right:0px; }
    form#gform_24 .gfield.contact-email-additional    { width:100%; display: block; padding-right:0px; }
}

form#gform_24 input[type=submit] { border: 2px solid #3D9BE9; font-size: 18pt;}
form#gform_24 input[type=submit]:hover { opacity:  .5; }

form#gform_24 button[data-label-select='Select All'] { width:120px; height: 30px; margin-top:10px; }


/*                           */
/* generic/common formatting */
/*                           */

form#gform_24 fieldset.large-checkbox input[type=checkbox] { height:30px; width:30px; vertical-align: middle; }

form#gform_24 .gfield_error .ginput_container { border:  2px solid red; }

form#gform_24 sup { vertical-align:super; font-size:smaller; }

form#gform_24 .gfield_required { padding-left:8px; color:red!important; }

form#gform_24 hr { margin:40px 0px; height: 1px; background:#3D9BE9; }

form#gform_24 label { color:#555; }

form#gform_24 .gfield,
form#gform_24 fieldset { margin-top:25px; }

form#gform_24 fieldset.set-left { width:49%!important; display: inline-block; margin-top:5px; margin-right:10px;}
form#gform_24 fieldset.set-right { width:49%!important; display: inline-block; margin-top: 5px; margin-right:0px;}

form#gform_24 fieldset legend { font-weight: bold; font-size:130%; }

form#gform_24 div.ginput_container { border: 1px solid #bbb; }
form#gform_24 fieldset div.ginput_container { border: 1px solid transparent; }

form#gform_24 fieldset div span input,
form#gform_24 fieldset div span select  { border: 1px solid #eee; }

form#gform_24 div.ginput_complex { border:0px; }

/* fractional widths */
form#gform_24 .gfield--width-half { width:46%; margin-right:10px; float:left; }
form#gform_24 .gfield--width-third { width:32%; margin-right:10px; float:left; }
form#gform_24 .gfield--width-quarter { width:24%; margin-right:10px; float:left; }
form#gform_24 .gfield--width-five-twelfths { width:40%; margin-right:10px; float:left; }
form#gform_24 .gfield--width-seven-twelfths { width:56%; margin-right:10px; float:left; }
/* fractional widths */

form#gform_24 .gfield.gsection.camp-week-header { padding-top:0px; margin-top: 5px;}
form#gform_24 .gfield.gsection.camp-week-header h3 { font-size:14pt; font-weight:bold; padding-top:20px; margin: 0px; border-top: 1px solid #eee;}

form#gform_24 .camp-legend { font-size: 115%; font-weight: bold; color:#f7941d!important; }
form#gform_24 .camp-name   { font-size: 110%; font-weight: bold; }
form#gform_24 .camp-name-obscure { opacity:.3!important; }

form#gform_24 .spacer.gfield { margin-top:10px; }

form#gform_24 .limited-spaces { padding-left:25px; font-size:10pt; font-weight:normal; color:#f7941c; }

form#gform_24 .gform_footer { padding-top:30px; }

/**** AND NOW FOR MOBILE! ****/

/* iphone etc */
@media screen and (max-width: 540px) {
    form#gform_24 legend { padding-bottom: 20px; }

    form#gform_24 fieldset.set-left,
    form#gform_24 fieldset.set-right   { width: 90%!important;}

    form#gform_24 fieldset.describe-your-situation div.gchoice { 
        padding-top: 0.65em; 
        padding-bottom:0.65em; 
        border-bottom:1px solid #eee;
    }
    form#gform_24 fieldset.describe-your-situation div.gchoice input[type=radio] { 
        height: 2em; width: 20px; vertical-align: top;
    }
    form#gform_24 fieldset.describe-your-situation div.gchoice label { 
        vertical-align: bottom;
        font-size: 14pt;
    }
}</pre></body></html>