﻿.form-group {
    padding: 15px;
}

#banner-arboretum img {
    width:auto;
    margin-bottom: 15px;
}





.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 p {
    padding-left: 20px;
    margin-bottom: 0px;
}

.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  #giftAmounts.RadioGroup label.arboretum {
    display: inline-block !important;
    text-transform: capitalize !important;
    min-width: 160px !important;
}



input[type=text].error, select.error, div.error-group {
    background-color: #fce4e4;
    border: 1px solid #cc0033;
    outline: none;
}


label.error {
    background-color: #fce4e4;
    border: 1px solid #cc0033;
    outline: none;
    color: red !important;
    padding: 10px;
    font-weight: bold !important;
}

.gray-box-section .Question {
    margin: auto;
    max-width: 550px;
    width: 100%;
    text-align: center;
}

.input-form-container label.block{
    margin-top: 20px;
    margin-bottom:0px ;
}

.input-form-container label.error {
    margin-top: 5px;
}

.balance-total-container{
    margin-top: 10px;
}
.balance-total {
    margin: auto;
    font-weight: bold;
    font-size: 18px;
    color: #626363;
    border-bottom: 1px solid #626363;
    padding-bottom: 15px;
}

.Question lable{
    line-height: 35px; /*vertically center*/
}
