div {
    transition: max-height 0.15s ease-out;
}

.row {
    margin-bottom: 20px;
}

.radioButtonsHor{

}

fieldset input[type=radio] {
  margin-left: 10px;
}


@media (max-width: 380px) {
    .radioButtonsHor tr td {
        padding-left: 10px;
    }
}



@media (max-width: 767px) {


    .giving-page-header .banner .slogan {
        font-size: 16px;
    }
}
.controlMarginTop {
    margin-top: 20px;
}

.installments {
}

.giving-page-header .banner {
    font-size: 16pt;
    width: 100%;
    max-width: 720px;
    margin: auto;
    color: #70478c;
    margin-bottom: 50px;
}

.giving-page-header #meaghans-match {
    text-align: center;
    width: 100%;
    max-width: 950px;
    margin-bottom: 35px;
}

    .giving-page-header #meaghans-match .slogan {
        font-family: 'work_sansregular',Arial,sans-serif;
        text-transform: uppercase;
        text-align: center;
        color: #582d81;
        margin: auto;
    }

        .giving-page-header #meaghans-match .slogan span {
            /*font-family: 'work_sans_semiboldregular',Arial,sans-serif;*/
            font-family: 'work_sansbold',Arial,sans-serif;
            font-weight: 900;
        }

    .giving-page-header #meaghans-match.banner .meaghans-match-banner {
        width: 100%;
    }

        .giving-page-header #meaghans-match.banner .meaghans-match-banner img {
            width: 100%;
        }

.meaghans-match-slogan {
    width: 80%;
}

#forever span {
    font-family: MinionPro-It, Arial, Verdana;
    font-weight: 700;
    font-size: 16pt
}

h1.forever-slogan {
    font-family: MinionPro-Regular-SC, Arial, Verdana;
    font-weight: 700;
    text-align: center;
    line-height: 1.1em;
    letter-spacing: 2px;
    float: none;
    color: #70478c;
    font-size: inherit;
    /*margin: inherit;*/
    margin: 15px 0px;
}

.giving-page-header .banner {
    width: 80%;
    margin: auto;
}



.giving-page-header .banner img {
    width: 95%;
    display: block;
    margin: auto;
}

#banner-arboretum img {
    width:auto;
    margin-bottom: 15px;
}


.gray-box-section {
    width: 100%;
    background-color: RGBA(240,240,240,0.5);
    padding: 15px;
    /* margin: 55px -15px 25px -15px;*/
}


    .gray-box-section .Question {
        margin: auto;
        max-width: 470px;
        width: 100%;
        text-align: center
    }




.gray-box row {
}


.row {
    margin-left: 0;
    margin-right: 0;
}

.block {
    display: block !important;
}

label {
    margin-bottom: 0;
}

.minion-font {
    font-family: MinionPro-It, Arial, Verdana;
    font-size: 18px;
    letter-spacing: 1px;
}

.radioButtonsHor {
    display: inline-block;
}

    .radioButtonsHor label {
        font-weight: normal;
    }


.company-container ul, .company-container ul li {
    display: inline;
}

.amount-container .help-block {
    visibility: hidden;
    display: inline;
}

.amount-container.has-error .help-block {
    display: inline;
    visibility: visible;
    webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.0) !important;
    background-color: transparent !important;
    border-color: none !important;
    border-radius: 0px !important;
    padding: 0px 0px !important;
    color: #D8000C;
    font-weight: bold;
}

.amount-container {
    margin-bottom: 0;
}

    .amount-container.has-error {
        webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0) !important;
        box-shadow: inset 0 1px 1px rgba(0,0,0,.0) !important;
        background-color: transparent !important;
        border-color: none !important;
        border-radius: 0px !important;
        padding: 0px 0px !important;
    }

        .amount-container.has-error input {
            background: rgba(255, 0, 0, 0.075);
            border: red solid thin;
            color: rgba(255,0,0, 0.8)
        }

.display-inline ul {
    display: inline;
}

.amount-container input, .amount-container label {
    display: inline;
}

.amount-container label {
    color: #402854 !important;
    font-weight: normal !important;
}


.amount {
    width: 100%;
    max-width: 150px;
    font-weight: bold;
    font-size: 110%;
    margin: auto;
    height: 110%;
}


#giftAmounts {
    margin-top: 15px;
}

    #giftAmounts label {
        min-width: 100px !important;
        margin: 10px 5px;
        padding: 6px 4px;
    }

.row.amounts {
    max-width: 750px !important;
}

.bold {
    font-weight: bold;
}

.centered {
    text-align: center;
}

.personal-info-container label {
    margin: 0;
}

.personal-info-container div.row > div {
    padding-top: 15px;
    font-size: 16px;
}

    .personal-info-container div.row > div label {
        color: #676767 !important;
    }

.RadioGroup-small label.before, .RadioGroup-small label.RadioButtonChecked:before {
    left: -3px;
}

.arboretum-membership-explain{

}
.arboretum-membership-level-container {
    display:none;
    width: 700px;
    margin: auto;
}
.arboretum-membership-level {
    display: flex;
    flex-direction: row;
}


.arboretum-membership-img {
    max-width: 160px;
    text-align: center;
}

.arboretum-membership-img >img {
    height:120px;
    width: auto;
}

.arboretum-membership-text {
    padding-left: 20px;
}

    .arboretum-membership-text li:before {
        content: "\f4d8";
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        color: #ecc260;
        margin-right: 15px;
    }


.arboretum-membership-text h3 {
    font-size: 20px;
    font-weight: bold;
    color: #582d81;
}

/* This will toggle the visibility of arboretum radio buttons and regular giving*/
.RadioGroup label.arboretum {
    display: none !important;
}

body.arboretum #giftAmounts.RadioGroup label.arboretum {
    display: inline-block !important;
    text-transform: capitalize !important;
    min-width: 160px !important;
}



body.arboretum .RadioGroup label.giving {
    display: none !important;
}

body.arboretum div.row.giving, body.arboretum div.form-group.giving {
    display: none !important;
}