heading-purple {
    background-color: #69285d;
}

btn.yellow {
    background-image: url(/components/static/images/yellow-stripe.png);
}

.arepanel {
    background-color: #0e2e5f;
    color: white;
}

input.memcardselected {
    background-color: #3c763d;
    color: white;
}

div.memcardselected {
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

label.memcarddanger {
    color: white;
}

div.memcarddanger {
    background-color: #a94442;
    border-color: #a94442;
}

donation-price-container {
    padding-top: 20px;
}

.donation-prices {
    font-size: 18px;
    padding: 7px 10px;
    margin: 0 5px;
    border: solid 1px;
    text-transform: uppercase;
    display: inline-block;
    color: #232323;
    border-radius: 7px;
    background-color: #fff;
}

.donation-price-selected {
    font-size: 18px;
    padding: 7px 10px;
    margin: 0 5px;
    border: solid 1px;
    text-transform: uppercase;
    display: inline-block;
    color: #fff;
    border-radius: 7px;
    background-color: #428bca;
}

.the-price {
    background-color: rgba(220,220,220,.17);
    box-shadow: 0 1px 0 #dcdcdc, inset 0 1px 0 #fff;
    padding: 20px;
    margin: 0;
}

    .the-price h2 {
        line-height: 1em;
        padding: 0;
        margin: 0;
    }

ul.memcard {
    margin-top: 5px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
}

    ul.memcard li {
        border: 0px;
        font-size: 18px;
    }

fieldset {
    margin-top: 30px;
}

.traditionalbox {
    margin-bottom: 0px;
}

.subFormHeader {
    margin-top: 20px;
}

div.grid-form {
    margin-top: 25px;
}

    div.grid-form .form-group {
        margin-bottom: 5px;
    }

        div.grid-form .form-group .date-col {
            position: relative;
            min-height: 1px;
            padding-left: 15px;
            padding-right: 15px;
            padding: 0;
        }

@media (min-width: 1200px) {
    div.grid-form .form-group .date-col {
        float: left;
        width: 50%;
    }
}

div.grid-form .form-group .date-col:last-child {
    margin-bottom: 10px;
}

div.grid-form .form-group .form-note {
    font-size: 14px;
    font-style: italic;
}

div.grid-form label {
    color: #061c3f;
    text-transform: uppercase;
    font-size: 14px;
}

div.grid-form input, div.grid-form select, div.grid-form textarea {
    margin-bottom: 15px;
    float: left;
    position: relative;
}

div.grid-form legend {
    font-size: 25px;
    font-weight: 700;
}

div.grid-form select {
    background-color: #f2f0ec;
    border-radius: 0;
    border-color: #dfdbd5;
    margin-bottom: 10px;
    -webkit-appearance: button;
    background-image: url('../images/select-arrow.jpg');
    background-position: right center;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 5px 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    color: #373737;
    top: 0px;
    left: 0px;
}

div.grid-form input[type=text] {
    background-color: #f2f0ec;
    border-radius: 0;
    border-color: #dfdbd5;
    font-size: 14px;
    color: #373737;
}

div.grid-form input[type=email] {
    background-color: #f2f0ec;
    border-radius: 0;
    border-color: #dfdbd5;
    font-size: 14px;
    color: #373737;
}

div.grid-form textarea {
    background-color: #f2f0ec;
    border-radius: 0;
    border-color: #dfdbd5;
    font-size: 14px;
    color: #373737;
}

div.grid-form input[type=checkbox] {
    margin-top: 4px;
    margin-right: 5px;
    width: 20px;
    height: 20px;
    background-color: #f2f0ec;
    border-color: #dfdbd5;
}

div.grid-form .checkbox-inline input[type=checkbox] {
    margin-top: 0;
}

div.grid-form .checkbox {
    font-weight: 700;
}

div.grid-form .submit {
    text-align: center;
}

.equalpanel {
    display: -webkit-flex;
    display: flex;
}

.securedhome .carousel-wrapper {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
    padding-left: 0;
    padding-right: 0;
}

.securedhome .carousel-caption {
    background: #0e2e60;
    padding-bottom: 60px;
    position: static;
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 10px;
    padding-right: 10px;
}

    .securedhome .carousel-caption .h1 {
        color: #fff;
        text-shadow: none;
        font-size: 23px;
        font-weight: 600;
        font-family: 'Open Sans',sans-serif;
        margin-top: 0;
    }

    .securedhome .carousel-caption p {
        font-size: 14px;
        line-height: 20px;
        text-shadow: none;
        color: #fff;
        margin: 0;
    }

        .securedhome .carousel-caption p.lead {
            font-size: 16px;
            font-weight: 700;
            margin-bottom: 25px;
            margin-top: 5px;
            font-family: 'Open Sans',sans-serif;
        }

        .securedhome .carousel-caption p.quote {
            font-family: 'Open Sans',sans-serif;
            font-size: 12px;
            line-height: 16px;
        }

            .securedhome .carousel-caption p.quote span {
                display: block;
                font-weight: 300;
                font-style: italic;
            }

    .securedhome .carousel-caption .btn {
        margin-bottom: 15px;
        margin-top: 20px;
    }

.securedhome .carousel-wrapper {
    border: solid 10px #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.25);
}

    .securedhome .carousel-wrapper .carousel-caption {
        position: absolute;
        width: auto;
        background: rgba(255,255,255,.6);
        right: 0;
        left: 0;
        top: 0;
        bottom: 0;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20px;
        padding-top: 20px;
    }

        .securedhome .carousel-wrapper .carousel-caption .h1 {
            color: #000;
            font-size: 22px;
        }

        .securedhome .carousel-wrapper .carousel-caption p {
            font-size: 14px;
            line-height: 21px;
            color: #000;
        }

            .securedhome .carousel-wrapper .carousel-caption p.lead {
                font-size: 15px;
                margin-bottom: 15px;
            }

            .securedhome .carousel-wrapper .carousel-caption p.quote {
                font-size: 12px;
                line-height: 15px;
            }

        .securedhome .carousel-wrapper .carousel-caption .btn {
            background-color: #e98d37;
        }

    .securedhome .carousel-wrapper .carousel-caption {
        position: absolute;
        width: 45%;
        right: 20px;
        left: auto;
        top: auto;
        bottom: 20px;
        padding-left: 30px;
        padding-right: 30px;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 20px;
    }

        .securedhome .carousel-wrapper .carousel-caption .h1 {
            color: #000;
            font-size: 26px;
        }

        .securedhome .carousel-wrapper .carousel-caption p {
            font-size: 15px;
            line-height: 26px;
        }

            .securedhome .carousel-wrapper .carousel-caption p.lead {
                font-size: 17px;
                margin-bottom: 25px;
            }

            .securedhome .carousel-wrapper .carousel-caption p.quote {
                font-size: 14px;
                line-height: 18px;
            }

.securedhome .about .container .image {
    display: block;
}

.securedhome .about .container .content img {
    display: none;
}

.securedhome .about .cta {
    text-align: right;
}


.authorimg {
    width: 200px; /* You can set the dimensions to whatever you want */
    height: 200px;
    object-fit: cover;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: static !important;
}

.filter-button {
    font-size: 10px;
    border: 1px solid #3498db;
    padding: 5px;
    color: #3498db;
    background-color: white;
    border-radius: 0px;
}

    .filter-button.active {
        background-color: #3498db;
        color: white;
    }

.events .events-callouts .events-row .callout .event-content {
    background-color: white !important;
}

.carousel-wrapper {
    margin-top: 0px !important;
}

.sort-button {
    font-size: 10px;
    border: 1px solid #3498db;
    padding: 5px;
    color: #3498db;
    background-color: white;
    border-radius: 0px;
}

    .sort-button.active {
        background-color: #3498db;
        color: white;
    }