/*********************/
/*---FORM STYLING---*/
/*********************/
/*--Form Size---*/
body.polish #stj-donation-form .dipl_gravity_form_styler_wrapper {
    max-height: 415px;
    overflow: hidden;
    transition: ease max-height 600ms;
}

body.polish #stj-donation-form .dipl_gravity_form_styler_wrapper.monthly-drop-down {
    max-height: 468px;
    overflow: hidden;
    transition: ease max-height 600ms;
}



/*--Fixed Amount Blocks---*/
body.polish #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice {
    width: 151px !important;
    min-height: 126px !important;
    border-radius: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

body.polish #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input {
    position: absolute;
    width: 151px !important;
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    background-color: #fff;
    border: 1px solid #DA3E3F !important;
    z-index: 8;
}

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input:before {
    position: absolute;
    width: 151px !important;
    min-height: 126px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 !important;
    background-color: #DA3E3F;
    border: 1px solid #DA3E3F !important;
    top: 0;
    left: 0;
    z-index: 8;
    }


@media only screen and (max-width: 790px){

/*--Fixed Amount Blocks---*/

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice .gform-field-label {
        display: inline-block;
        padding: 0 !important;
        font-family: 'Montserrat', sans-serif;
        font-size: 14px !important;
        line-height: 15px !important;
        font-weight: 400 !important;
        margin: 0 0 10px 0;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice .gform-field-label span {
        display: inline-block;
        padding: 0 !important;
        font-family: 'Montserrat', sans-serif;
        font-size: 24px !important;
        line-height: 29px !important;
        font-weight: 700 !important;
        margin: 0 0 10px 0;
    }


body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice {
        width: 140px !important;
        min-height: 129px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }    

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input {
        position: absolute;
        width: 140px !important;
        min-height: 129px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 0 !important;
        border: 1px solid #DA3E3F !important;
        z-index: 8;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input:before {
        position: absolute;
        width: 140px !important;
        min-height: 129px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 !important;
        background-color: #DA3E3F;
        border: 1px solid #DA3E3F !important;
        top: 0;
        left: 0;
        z-index: 8;
    }

/*--HTML text above fixed amounts--*/
body.polish #donate #stj-donation-form #field_5_3{
    height: auto !important;
    padding: 5px 20px !important;
}


/*---Submit button---*/

body.polish #gform_submit_button_4{
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    color: #FFFFFF !important;
    line-height: 43px !important;
    border-radius: 10px 10px 10px 10px;
    overflow: hidden;
    border-width: 0px !important;
    background-color: #DA3E3F !important;
    padding-right: 15px !important;
    padding-left: 15px !important;
}

}
@media only screen and (min-width: 437px) and (max-width: 790px){
/*--Form Size---*/
body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper {
        max-height: 558px;
        overflow: hidden;
        transition: ease max-height 600ms;
    }

body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper.monthly-drop-down {
    max-height: 615px !important;
    overflow: hidden;
    transition: ease max-height 600ms;
}
}

@media only screen and (min-width: 389px) and (max-width: 436px){

/*--Form Size---*/
body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper {
        max-height: 570px;
        overflow: hidden;
        transition: ease max-height 600ms;
    }

body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper.monthly-drop-down {
    max-height: 630px;
    overflow: hidden;
    transition: ease max-height 600ms;
}

}

@media only screen and (max-width: 388px){

/*--Form Size---*/
body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper {
        max-height: 595px;
        overflow: hidden;
        transition: ease max-height 600ms;
    }

body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper.monthly-drop-down {
    max-height: 648px ;
    overflow: hidden;
    transition: ease max-height 600ms;
}

}


@media only screen and (max-width: 370px){

/*--Duration Toggle Text--*/

body.polish #donate #stj-donation-form #field_5_1.donation-duration-toggles .gfield_radio .gchoice label.gform-field-label {
        position: absolute;
        font-size: 13px !important;
        line-height: 43px !important;
        color: #ffffff !important;
}


/*---Duration Toggle Font-size---*/
body.polish #donate #stj-donation-form #field_5_1 label{
    position: absolute;
        font-size: 14px !important;
        line-height: 16px !important;
        color: #ffffff !important;
}

body.polish body.polish #donate #stj-donation-form #field_5_1 label.active{
    position: absolute;
        font-size: 14px !important;
        line-height: 16px !important;
        color: #ffffff !important;
}

/*--Fixed Amount Blocks---*/

body.polish #donate #stj-donation-form #field_5_4 {
        width: 100%;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice .gform-field-label {
        display: inline-block;
        padding: 0 !important;
        font-family: 'Montserrat', sans-serif;
        font-size: 13px !important;
        line-height: 16px !important;
        font-weight: 400 !important;
        margin: 0 0 10px 0;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice .gform-field-label span {
        display: inline-block;
        padding: 0 !important;
        font-family: 'Montserrat', sans-serif;
        font-size: 20px !important;
        line-height: 25px !important;
        font-weight: 700 !important;
        margin: 0 0 10px 0;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice {
        width: 47% !important;
        min-height: 140px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
    }    

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input {
        position: absolute;
        width: 100% !important;
        min-height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 0 !important;
        border: 1px solid #DA3E3F !important;
        z-index: 8;
    }

body.polish #donate #stj-donation-form #field_5_4.donation-fixed-values .gfield_radio .gchoice input:before {
        position: absolute;
        width: 100%;
        min-height: 140px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 0 !important;
        background-color: #DA3E3F;
        border: 1px solid #DA3E3F !important;
        top: 0;
        left: 0;
        z-index: 8;
    }

/*--Form Size---*/
body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper {
        max-height: 615px;
        overflow: hidden;
        transition: ease max-height 600ms;
    }

body.polish #donate #stj-donation-form .dipl_gravity_form_styler_wrapper.monthly-drop-down {
    max-height: 675px;
    overflow: hidden;
    transition: ease max-height 600ms;
}

/*--HTML text above fixed amounts--*/
body.polish #donate #stj-donation-form #field_5_3{
    height: auto !important;
    padding: 5px 20px !important;
}

}


/*********************/
/*---PAGE STYLING---*/
/*********************/
@media only screen and (min-width: 1260px){
body.polish #special-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 258px);
    grid-template-rows: repeat(2, 190px);
    grid-row-gap: 15px;
    grid-column-gap: 15px;
}
}

body.polish #special-grid #blurb-card-4{
    justify-content: center !important;
}

body.polish #special-grid #blurb-card-4 .et_pb_blurb_content{
    height:fit-content !important;
}

body.polish #special-grid #blurb-card-3 .et_pb_blurb_content .button-container .blurb-button{
    display: block !important;
    width: 100% !important;
}

body.polish #special-grid #blurb-card-3 .et_pb_blurb_content .button-container .blurb-button:after{
    right: 15px !important;
}

@media only screen and (min-width: 647px) and (max-width: 1260px) {

    body.polish #special-grid {
        display: grid !important;
        grid-template-columns: repeat(2, 258px);
        grid-template-rows: 190px 190px 190px 281px;
        grid-row-gap: 15px;
        grid-column-gap: 15px;
    }
}

@media only screen and (max-width: 560px) {


body.polish #care-closet-btns .et_pb_module_inner {
        display: flex !important;
        flex-direction: column;
        row-gap: 12px !important;
        align-items: flex-start;
    }

}


@media only screen and (max-width: 646px) {

    body.polish #special-grid .blurb-card:not(#blurb-card-4){
        height: 173px !important;
    }

}