/*  Gravity Form specific styles */
#gform_60{
    padding: 0px 30px;
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 19px !important;
    min-height: 705px;
    border-radius: 25px;
    background-color: #567ebf;
    box-shadow: 0 11px 8px -6px rgba(0,0,0,0.3) inset;
}
#post-33150{
    background-size: 32.5em;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
}
#field_11_142 .gfield_label {
display: inline-block;
}
#field_11_142 .ginput_container.ginput_container_checkbox {
padding-left: 3em;
}
#input_28_142 {
	margin-left: 40px !important;
}
label#label_18_159_1 {
    font-size: 19px;
}
#gform_submit_button_60{
    color: #567ebf !important;
    background-color: #ffffff !important;
}
#field_60_149{
    padding-bottom: 1em !important;
}
#field_60_176{
    padding-bottom: 1em !important;
}
#field_60_74{
    padding-top: 1em !important;
}
#field_60_141{
    display: none !important;
}
#field_60_150 label{
    color: #ffffff !important;
}

/* Middle School specific styles */

@media screen and (min-width: 1200px) {
    .page-title-title h1 {
        font-size: 5em;
        line-height: 1em;
    }
}

@media screen and (max-width: 700px) {
    .page-title-title h1 {
        font-size: 2em;
        line-height: 1em;
    }
}
.page-title-bottom-border {
    display: none;
}

.boxed-item label {
    color: #ffffff !important;
}

.pledge-section:nth-last-of-type(2) {
    box-shadow: 0 -11px 8px -6px rgba(0,0,0,.3) inset;
}

.pledge-section {
    padding: 20px 0;
    width: 600%;
    left: -300%;
    position: relative;
    height: fit-content;
}

.pledge-section > li {
    width: calc(100% / 6);
    left: 50%;
}

#plant-something-wrapper {
    background-image: url('https://cleanairday.org/wp-content/uploads/2019/04/triangles-green-bg.png');
}

#reduce-vehicle-emissions-wrapper {
    background-image: url('https://cleanairday.org/wp-content/uploads/2019/04/waves-brown-bg.png');
}

#switch-it-out-wrapper {
    background-image: url('https://cleanairday.org/wp-content/uploads/2019/04/circles-blue-bg.png');
}
#middle-school-wrapper {
    
}

.boxed-item label {
    color: #ffffff !important;
}

.pledge-section:not(:last-of-type) h2.gsection_title {
    font-size: 2.75em;
    color: white;
    opacity: .7;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: 8px !important;
}

.pledge-section:not(#other-wrapper) > li:not(:first-child) {
    margin-bottom: 0 !important;
}

input[type=checkbox] + label::before {
    border-color: #ffffff !important;
    cursor: pointer;
}

input[type=checkbox]:not([disabled]):not(:checked) + label:hover::before {
    border-color: #ffffff !important;
    opacity: .5;
}

input[type=checkbox]:checked:not([disabled]) + label::before {
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

#plant-something-wrapper input[type=checkbox]:checked:not([disabled]) + label::before {
    color: #00594c !important;
}

#reduce-vehicle-emissions-wrapper input[type=checkbox]:checked:not([disabled]) + label::before {
    color: #9a4912 !important;
}

#switch-it-out-wrapper input[type=checkbox]:checked:not([disabled]) + label::before {
    color: #567ebf !important;
}
#middle-school-wrapper input[type=checkbox]:checked:not([disabled]) + label::before {
    color: #567ebf !important;
}

body .gform_wrapper ul .pledge-section:not(:last-of-type) li.gfield label, body .gform_wrapper .pledge-section .gfield_error .gfield_label {
    color: #ffffff !important;
    font-weight: 600 !important;
    font-size: 19px !important;
}

@media screen and (max-width: 680px) {
    .pledge-section h2.gsection_title {
        font-size: 6.5vw !important;
        letter-spacing: 3px !important;
    }
}
@media screen and (max-width: 320px) {
    .pledge-section h2.gsection_title {
        font-size: 5.5vw !important;
        letter-spacing: 2px !important;
    }
}



body .gform_wrapper .pledge-form .gform_page {
    padding-left: 0;
}
.gfield_label {
    display: none;
}
.pledge-section  li, .ginput_container_checkbox {
    overflow: visible !important;
}

body .gform_wrapper ul .pledge-section li.gfield .gfield_checkbox label {
    padding-left: 37px !important;
    text-indent: -37px !important;
}

.pledge-section input[type=checkbox] + label::before {
    margin-left: 0 !important;
    display: inline-block;
    position: relative !important;
	top: 5px !important;
	text-indent: 0;
}

body .gform_wrapper ul li.gfield label {
	padding-left: 0 !important;
}

body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_first, body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_last {
    width: calc(100% / 6) !important;
    float: none !important;

}

body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field, body .gform_wrapper .pledge-form ul.gform_fields li.email-field {
    width: calc(100% / 6) !important;
    display: block !important;
}

@media screen and (min-width: 642px) {
    body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_first, body .gform_wrapper .pledge-form ul.gform_fields li.name-field .name_last {
        width: calc(100% / 12 - 15px) !important;
        float: left !important;
    }

    body .gform_wrapper .pledge-form ul.gform_fields li.zipcode-field, body .gform_wrapper .pledge-form ul.gform_fields li.email-field {
        width: calc(100% / 12 - 15px) !important;
        display: inline-block !important;
    }
}

#other-wrapper input[type=checkbox] + label::before {
    border-color: #567ebf !important;
}

#other-wrapper input[type=checkbox]:checked + label::before {
    background: #567ebf !important;
}

.gform_wrapper ul.gfield_checkbox li label {
    display: grid;
    grid-template-columns: 4.25em auto;
    align-items: center;
    padding-left: 0 !important;
    font-size: 1.25em;
    padding-right: 10px !important;
}

label > svg {
    width: 3.75em;
    padding-right: .5em;
}

.block-content:last-of-type {
    padding-bottom: 0;
}


.block-content{
    background-size: 32.5em;
    background-position: 0 0 !important;
    background-repeat: repeat !important;
}

.panel-center{
  padding: 0px !important;
  margin: 0px !important;
}

body .gform_wrapper {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

.vc_single_image-wrapper{
     margin-top: 3.9em !important;
}

.has-background-image {
    background: linear-gradient(to top, white 2%, transparent 30%), url('https://www.cleanairday.org/wp-content/uploads/2023/08/middle_school_back_ground.png') no-repeat !important;
    background-size: cover !important;
}

.gfield-choice-input label {
    color: #ffffff !important;
}

body .gform_wrapper ul li.gfield label, body .gform_wrapper .gfield_error .gfield_label, #competition li label {
    color: #ffffff !important;
}