@import url(/theme/assets/modern.css);


body {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

main.page {
    padding-bottom: 20px;
}

footer .disclaimer {
    border: 1px solid #666;
    text-align: center;
    padding: 10px;
    margin: 50px auto 0 auto;
    width: auto;
    max-width: 750px;
    clear: both;
}


.user-welcome {
    display: none;
}

.wrapper {
    max-width: 1180px;
}

suggested-donations > label {
    background-color: #bac5d2;
    font-weight: bold;
}

suggested-donations > label.selected {
    background-color: #17ad60;
    color: #fff;
    border-color: #17ad60;
}

.list-template .recipients >.recipient >.details >.name {
    font-size: 1.25rem;
}

.list-template .recipients-view .recipients > .recipient {
    padding: 10px;
}

.list-template .recipients-view .contextual-content .cart>ul {
    max-height: 250px;
    overflow: auto;
}

.list-template .recipients-view .contextual-content .cart > button {
    background-color: #f85034;
}

.list-template .recipients-view .contextual-content .cart > .clear-recipients {
    color: #3d88ac;
}

.list-template .recipients-view>header>h1 {
    font-weight: bold;
    letter-spacing: -1px;
}

.list-template .main-content .featured-filter label.selected {
    background-color: #a0a7c3;
}

@media (screen and min-width: 768px) {

.list-template .recipients-view .main-content .featured-filter label.featured span {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAWCAQAAABwdJQDAAABcUlEQVQ4y42TTSiEQRzGN1tW7W1z2FgHtfJR66a9OC1yIBcn4ubjplw4KC4iDnuTFtmLbNocHBzEjYOSiwslSloOJCK1+fh53neX/ZrNzjTvzPyf5zfNzH9eBw5jXcRpVsz2NmCodKCMUwF3uEsFBmU/VpspDajgRuYRtVe8pQCTsu6rj6uP/A94eZaxW6Mm9R80mwEP7UywyTlfssXT4gpWuWabKbqo+gXm7D1nSpzKv/WWOMtS7onidODjSpMDpaqfRkO6aullll15ngiktuQnoelWkZxbdU36G8HMGQI8KrRRxB6RliSUe0tBXhSOGuzLin/SU3itId4l+QqeCXwzYM5DTGJfHtCi2EmxxB1KbM0DqhVLFANuJdbYI6dAV9aWXCag3M6ykzpW04mKaUMOLjSqNwF+CZf2ORB6pIu0yg57+naagI70uknWacB6AWE98FQZNQHD9h8QzrlYD9M8KD5vAsYlegyJczPGQmb+A7cJjeuVVg5qAAAAAElFTkSuQmCC');
    background-size: contain;
    padding-top: 2px;
    padding-bottom: 2px;
    background-repeat: no-repeat;
}

}


.list-template .recipients > .recipient > picture + div > .details > .name > .party,
.list-template .recipients-view .recipients>.recipient>.details>.name>.party {
    display: none;
}

a,
a:link {
    color: #387BD1;
}

.action-button,
.payment-button {
    background-color: #387BD1;
}

.payment-button, .payments-view button {
    background-color: #f85034
}

main.page.standard>section .page-recipients .page-recipient .recipient-name {

}


.list-template .recipients-view .recipients.small>.recipient>.details>.name {
    font-size: 16px;
}

.list-template .recipients-view .recipients.small>.recipient>.details>.name:hover {
    color: #f85034 !important;
}


.list-template .recipients-view .recipients.small>.recipient>.details>.office {
    font-size: 14px;
}

.list-template button {
    background-color: #387BD1;
}

body>header>.wrapper .user-welcome a {
    color: #387BD1 !important;
}

main>section>header>h1,
main>header>h1 {
    font-weight: bold;
    text-align: left;
    margin-bottom: 1rem;
}

main>section>header>div,
main>header>div {
    display: block;
    text-align: left;
}


@media (min-width: 768px) {
   .recipient-profile .basic-profile .donate-box .action-button {
       flex: 0 0 36%;
   }

}

@media (max-width: 767px) {

    .wrapper {
        width: 98%;
    }

    body>header {
        height: 70px;
        background-color: #bac5d2;
        color: #fff;
    }

    body>header>.wrapper>.logo {
        height: 70px;
        width: auto;
        padding-top: 0;
        margin: 0 auto 0 auto;
        background: transparent url(/theme/assets/lee-logo.png) 0 5px no-repeat;
        box-sizing: border-box;
        position: relative;
    }

    body>header>.wrapper>.logo a {
        height: 100%;
        width: 100%;
        display: block;
    }

    body>header>.wrapper>.user-welcome,
    body>header>.wrapper>.user-welcome.vip {
        margin-top: 30px !important;
    }

    body>header nav {
        top: 0px !important;
    }

    body>header>.wrapper>nav>span {
        background-color: transparent;
        color: #a0a7c3;
    }

    body>header>.wrapper>nav.active>span {
        background-color: #a0a7c3;
    }

    body>header>.wrapper>nav>ul {
        background-color: #a0a7c3;
    }

    main > section > header { margin-top: 15px; }

}

body.home {
    background: #fff;
}

.home-page {
    text-align: center;
}

.home-page form label {
    text-align: left;
}

body>footer {
    background-color: #ececec;
    overflow: hidden;
    font-size: 14px;
    margin-top: 50px;
}

body>footer .wrapper {
    overflow: hidden;
    padding: 25px 0;
}

body>footer p {
    margin: 0;
    color: #666666;
}

body>footer .wrapper a {
    font-weight: bold;
}

body>footer p.copyright {
    float: left;
}

body>footer p.powered {
    float: right;
}

.recipient-office {
    min-height: 28px;
}

.recipient-photo img {
    max-height: 147px;
    overflow-y: hidden;
    -o-object-fit: contain;
    object-fit: contain;
}

.recipient-profile .recipient-profile-disclaimer {
    margin-top: 15px;
    font-size: 13px;
    clear: both;
}

@media screen and (min-width: 768px) {
    body>header {
        height: 112px;
        padding-top: 10px;
        width: 100%;
        background-color: #bac5d2;
        color: #fff;
        margin-bottom: 20px;
    }

    body>header>.wrapper {
        height: 112px;
        padding-top: 20px;
        box-sizing: border-box;
    }

    body>header>.wrapper>.logo {
        width: 280px;
        height: auto;
        display: block;
        position: relative;
        margin: 0;
        margin-left: 10px;
        background: transparent url(/theme/assets/lee-logo.png) no-repeat 0 0;
        background-size: contain;
    }

    body>header>.wrapper>.logo a {
        display: block;
        height: 85px;
    }

    body>header>.wrapper .user-welcome {
        color: #444;
        position: absolute;
        top: 5px;
        right: 0;
    }

    body>header>.wrapper .user-welcome a {
        color: #336699;
    }

    /* DESKTOP NAV */
    body>header>.wrapper>nav {
        display: flex;
        justify-content: flex-end;
        margin: 0;
        padding: 0 0 5px 0;
        width: 100%;
        position: absolute;
        top: 55px;
        font-family: pill-gothic-600mg, 'Helvetica Neue', Arial, sans-serif;
        letter-spacing: 1px;
    }

    body>header>.wrapper>nav>span {
        display: none;
    }

    body>header>.wrapper>nav>ul {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    body>header>.wrapper>nav>ul>li {
        text-transform: uppercase;
        font-weight: normal;
        margin-left: 3rem;
    }

    body>header>.wrapper>nav>ul>li>a,
    body>header>.wrapper>nav>ul>li>a:link {
        color: #fff;
    }

    body>header>.wrapper>nav>ul>li>a:hover {
        color: #f85034;
    }

    /* CONTENT */
    main > section > header, main > header {
        margin-top: 0;
    }


    body>.wrapper>main>section>header,
    body>.wrapper>main>header {
        text-align: left;
    }

    /* CONTENT */
    main>section>header>h1,
    main>header>h1 {
        font-weight: bold;
    }

    .list-template .recipients-view .recipients>.recipient>.details {
        margin-bottom: 5px;
    }



}


/* LIST TEMPLATE */
main.page.list-template>section {
    background-color: #fff;
}

.list-template .recipients>.recipient>picture .photo {
    border-radius: 0;
    border: 1px solid #ccc;
}

.list-template .recipients-view .recipients.medium>.recipient>.details>.office {
    font-size: 13px;
}

@media screen and (min-width: 768px) {

    .list-template .recipients-view .recipients.featured>.recipient.featured {
        background-image: none;
    }

    /* FEATURED STAR */
    .list-template .recipients-view .recipients.featured > .recipient.featured picture:before {
        position: absolute;
        top: 10px;
        right: 10px;
        width: 30px;
        height: 30px;
        padding: 0;
        content: " ";
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAIAAAC0Ujn1AAADV0lEQVRIx31Wi1biMBDt//9Eq+6xgAqi6PpaXW1AQUQEQRTBCigq6iJQpIKw0wbSSdLdnpyevOZmMnNnJooWMKCpukE7/2w6+nszBATV2RLt0BloCpvyztA9oOnQhdB0TwkV43oIBGup4HO0WcPn4yGSJKrO3UbVuZu5WgsyugBhsCvni/W5IMH3E+A0fDMKzVmDNzHTevsgP5lM4qmy6qcmEiRMUPFzIBGtHzBab12Atiz7x3JCMKDgPbakYNUQFsH+NE6uAbf12oH/ec7kd0p9z9Y6phQRDA1tPhTvWQMATZyW4T8cjgKRpKaL1FR10cM8Q3j70pl0tgqID80/MDRrr9C/vm3ymhLZ/1NbqzxpsC7BSHJgDwFu9/ASllY3z6A/Ho+jWxkVsUIG8XGjHj7e2s+ls3fV+1b7wxqPAWpi1loMonTbnLhft/dp1luZ3N3eUSEUTcrE98iXK9Z6lj2RPjDCYvgEe79Ufnxv94Rt/U/7pvI0Jf6UIbO7hKKpTtdx1+NTO39VP0qUwhtnOMQ95rrD5fXTfaN4UajXH99ByraH0Z8ZnGcUnDeW19NW31H87v7Fl7AaF/rOqTeVJqVNbDfLWRy7kcrAyQP7C3ZXzGcp0ngKO5ZxcL+/xxCrnooBprWQJ3Vjfef862sEMuXqs4zoWdz1J7Dll1H0yZ2Y1xhlez8/Gn2DZGgtJUawu2EuaFDvgUuE5OfPa3wjIB9IHoIkUoRBx3aysPr61hWjF+UWBcce3vfc+gDhzb0L30QRXD1xslXfxpbEPuNCRliw3Lyx5BrEtQCBYxaCcbrKDDIPM3KR84nGme7zIULjEBgW3khDLLDQqN6/gDVgc7vzCcNILI1CnGB/KHJNg7YSS4PYR6dPLe4yYQImAp7RYa3x1nAjZef3JQsioeiIVYYugwBTE+CAhZHNMydi11KFUgMChK0mpnWHyFWUMYRg9sSTNzTGCqUHgBNCZnHl+DxvDgZOZOWKdT4tewlW8a0XyUwlkzMBQvWpftP+wlICtuWvGkJ21bwCphtyQGKOq3LN5nMFTz7PbQraIT0EUBrzSVUBnw0aqqiKWLq4uCcCq/7zrJELjcIlYlFrwoglvcp8nnP4+SBA+9R88QkZEA3FrqWJNiR/AW6Tpf8nMeUXAAAAAElFTkSuQmCC');
    }

    .list-template .recipients-view .recipients {
        grid-gap: 20px;
    }


}




    .list-template .recipients-view .contextual-content .max-out header h1 {
        font-family: unset;
        color: unset;
        text-transform: none;
    }

    .list-template .recipients-view .recipients.small>.recipient>.details>.office {
        font-size: 12px;
    }

    .list-template .recipients-view .recipients.small>.recipient>.details>.name {
        color: #336699;
    }
}


/* MANAGED USER */
.managed-user-registration form.payment_form .form-line:nth-child(-n+2) {
    display: none;
}

@media screen and (min-width: 500px) {

    .managed-user-registration-form-wrapper {
        width: 500px;
        margin: 0 auto;
    }

}

.managed-user-registration-form-wrapper .payment_form {
    width: 100%;
}

.managed-user-registration-thank-you {
    text-align: center;
}

.managed-user-registration-thank-you h1 {
    color: #8f1e04;
    font-size: 22px;
}

.managed-user-registration-thank-you p {
    color: #838895;
    font-size: 16px;
}

@media (screen and max-width: 768px) {
    .list-template .recipients>.recipient>picture {
       padding: 0;
    }
}