/* 
 * 
 *******  This section is specifically for saturday camp form #22 (2022) *******
 *
 */

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

/* the class choices */
form#gform_27 fieldset.class-choices legend { font-size:200%; }
form#gform_27 fieldset.class-choices div.gfield_description { font-size:22px; line-height: 24px; margin: 10px 0px;}
form#gform_27 fieldset.class-choices div.gchoice label { font-size:22px; line-height: 45px; padding-left: 10px;}
form#gform_27 fieldset.class-choices div.gchoice input[type='radio'] { transform: scale(1.5);  }


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

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

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

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

form#gform_27 .gfield.student-first-name { width:48%; display: inline-block; padding-right: 20px; }
form#gform_27 .gfield.student-last-name  { width:48%; display: inline-block; padding-right: 20px; }

form#gform_27 .gfield.gender             { width:48%; display: inline-block; padding-right: 20px; }
form#gform_27 fieldset.date-of-birth     { width:48%; display: inline-block; height:50px; } 
form#gform_27 fieldset.date-of-birth div.ginput_container input[type=number] { 
    width: 100px; 
    height: 40px;
    display: inline-block;
    margin-right: 10px;
}
form#gform_27 fieldset.date-of-birth div.gfield_date_month input[type=number] { margin-top:  0px; float: left;}
form#gform_27 fieldset.date-of-birth div.gfield_date_day   input[type=number] { margin-top: -2px; float: left;}
form#gform_27 fieldset.date-of-birth div.gfield_date_year  input[type=number] { margin-top: -4px; float: left;}

@media screen and (max-width: 1080px) {
    form#gform_27 fieldset.date-of-birth  { width:100%; display:block; padding-right:0px; }
}

@media screen and (max-width: 780px) {
    form#gform_27 fieldset.class-choices legend { font-size:150%; line-height:auto; }
    form#gform_27 fieldset.class-choices div.gchoice { border-bottom:1px solid black; border-top:1px solid black; }
}

@media screen and (max-width: 540px) {
    form#gform_27 .gfield.student-first-name,
    form#gform_27 .gfield.student-last-name,
    form#gform_27 .gfield.gender  { width:100%; display:block; padding-right:0px; }
    form#gform_27 fieldset.date-of-birth div.ginput_container input[type=number] { 
        width: 70px; 
        height: 40px;
        display: inline-block;
        margin-right: 10px;
    }
}

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

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

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

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

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

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

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



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

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

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

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

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

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

form#gform_27 label, { color:#555; }

form#gform_27 .gfield_label_before_complex { color:#555; font-weight:normal; font-size:16px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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