div, ul, li, h1 {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

ul, li {
    list-style-type: none;
}

img {
    vertical-align: top;
    border: 0;
    margin: 0;
    padding: 0;
}

a img {
    border: 0;
    vertical-align: top;
}

.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.fancybox-skin {
    background: url(/Content/images/template/bg.jpg) !important;
}

body, input, textarea, select, div {
    font-family: "museo-sans";
    font-size: 16px;
    line-height: 22px;
    color: #817f91;
}

body {
    margin: 0;
    padding: 0;
    background-image: url(/Content/images/template/bg.jpg);
    position: relative;
}

h1 {
    border-bottom: 1px solid #9e9e9e;
    padding: 0 0 5px 0;
    margin: 0 0 25px 0;
    color: #000;
}

.contentContainer {
    margin: auto;
}

.header {
    margin: auto;
    padding: 40px 0 0 20px;
    position: relative;
}

    .header .rcrgLogo {
        padding: 0 0 0 0;
    }

    .header .menuButton {
        float: right;
        margin: 0 0 0 0;
        background-position: bottom;
    }

        .header .menuButton:hover {
            background-position: top;
            cursor: pointer;
        }

        .header .menuButton.open {
            background-position: top;
        }

    .header .language {
        position: absolute;
        top: 40px;
        right: 100px;
        font-size: 10px !important;
    }

.standardBtn {
    background-color: #40395f;
    color: #fff !important;
    font-size: 14px;
    padding: 15px 25px;
    display: inline-block;
    border: 0;
    text-decoration: none;
}

    .standardBtn:hover {
        background-color: #906c95 !important;
        color: #fff !important;
        cursor: pointer !important;
    }

.bodyContent {
    padding: 0;
    margin: 0;
    margin: -20px 0 0 0;
}

.titleBar {
    background-color: #00a5b5;
    display: flex;
    align-items: center;
}

    .titleBar > div > div {
        display: flex;
        align-items: center;
    }

    .titleBar.purple {
        background-color: #655c7d;
    }

    .titleBar.lightPurple {
        background-color: #a688a9;
    }

    .titleBar.green {
        background-color: #8cb29e;
    }

    .titleBar h1 {
        color: #fff;
        font-weight: 300;
        margin: 0;
        display: inline-block;
        border: 0;
    }

    .titleBar a {
        margin-left: auto;
        color: #fff;
        text-decoration: none;
        margin-right: 30px;
    }

        .titleBar a:hover {
            text-decoration: underline;
        }

.purpleText {
    color: #40395f;
}

.purpleBg {
    background-color: #40395f;
}

.blueText {
    color: #00a5b5;
}

.blueBg {
    background-color: #00a5b5;
}

.questionMark {
    margin: 0 0 0 4px;
}

    .questionMark:hover {
        cursor: pointer;
        opacity: 0.5;
    }

.searchLoadingContainer.loading {
    background-image: url(/Content/images/loader.gif);
    background-repeat: no-repeat;
    background-position: top center;
    min-height: 100px;
}

.boxShadow {
    box-shadow: rgb(222, 222, 222) 1px 1px, rgb(223, 223, 223) 2px 2px, rgb(223, 223, 223) 3px 3px, rgb(224, 224, 224) 4px 4px, rgb(225, 225, 225) 5px 5px, rgb(225, 225, 225) 6px 6px, rgb(226, 226, 226) 7px 7px, rgb(227, 227, 227) 8px 8px, rgb(227, 227, 227) 9px 9px, rgb(228, 228, 228) 10px 10px, rgb(229, 229, 229) 11px 11px, rgb(229, 229, 229) 12px 12px, rgb(230, 230, 230) 13px 13px, rgb(231, 231, 231) 14px 14px, rgb(231, 231, 231) 15px 15px, rgb(232, 232, 232) 16px 16px, rgb(233, 233, 233) 17px 17px, rgb(233, 233, 233) 18px 18px, rgb(234, 234, 234) 19px 19px, rgb(234, 234, 234) 20px 20px, rgb(235, 235, 235) 21px 21px, rgb(236, 236, 236) 22px 22px, rgb(236, 236, 236) 23px 23px, rgb(237, 237, 237) 24px 24px, rgb(238, 238, 238) 25px 25px, rgb(238, 238, 238) 26px 26px, rgb(239, 239, 239) 27px 27px, rgb(240, 240, 240) 28px 28px, rgb(240, 240, 240) 29px 29px, rgb(241, 241, 241) 30px 30px, rgb(242, 242, 242) 31px 31px, rgb(242, 242, 242) 32px 32px, rgb(243, 243, 243) 33px 33px, rgb(244, 244, 244) 34px 34px, rgb(244, 244, 244) 35px 35px, rgb(245, 245, 245) 36px 36px, rgb(245, 245, 245) 37px 37px, rgb(246, 246, 246) 38px 38px, rgb(247, 247, 247) 39px 39px, rgb(247, 247, 247) 40px 40px, rgb(248, 248, 248) 41px 41px, rgb(249, 249, 249) 42px 42px, rgb(249, 249, 249) 43px 43px, rgb(250, 250, 250) 44px 44px, rgb(251, 251, 251) 45px 45px, rgb(251, 251, 251) 46px 46px, rgb(252, 252, 252) 47px 47px, rgb(253, 253, 253) 48px 48px, rgb(253, 253, 253) 49px 49px, rgb(254, 254, 254) 50px 50px, rgb(255, 255, 255) 51px 51px;
}

.savingLoader {
    background-image: url(/Content/images/loader.gif);
    background-repeat: no-repeat;
    background-position: right;
    padding: 15px 30px 15px 25px;
    background-color: #eee;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
}

.sliderMenu {
    width: 380px;
    background-color: #385466;
    z-index: 999;
    bottom: 0;
    top: 0;
    right: -380px;
    position: fixed;
    color: #fff;
}

    .sliderMenu > ul {
        margin: 120px 0 0 0;
    }

    .sliderMenu.myRCRG > ul {
        margin-top: 40px;
    }

    .sliderMenu > ul > li {
        color: #9cabb5;
        padding: 10px 0 0 0;
        text-transform: uppercase;
        min-height: 56px;
        margin: 0 0 1px 0;
    }

        .sliderMenu > ul > li:hover {
            background-color: #00829a;
            color: #fff;
            cursor: pointer;
        }

        .sliderMenu > ul > li:after {
            content: "";
            display: table;
            clear: both;
        }

        .sliderMenu > ul > li.selected {
            background-color: #00829a;
            color: #fff;
        }

            .sliderMenu > ul > li.selected img {
                opacity: 1;
            }

        .sliderMenu > ul > li > img {
            display: inline-block;
            margin: 0 5px 0 30px;
            opacity: 0.5;
        }

        .sliderMenu > ul > li > span {
            padding: 10px 0 10px 0;
            display: inline-block;
        }

        .sliderMenu > ul > li > ul {
            background-color: #26a7b7;
            padding: 15px 30px 0 40px;
            color: #fff;
            text-transform: none;
            clear: both;
            margin: 15px 0 0 0;
            display: none;
        }

            .sliderMenu > ul > li > ul > li {
                padding: 0 0 15px 0;
                /*list-style-type: disc !important;*/
            }

                .sliderMenu > ul > li > ul > li a {
                    color: #fff;
                    text-decoration: none;
                }

                    .sliderMenu > ul > li > ul > li a:hover {
                        color: #385466;
                    }

        .sliderMenu > ul > li.backToRCRGBtn {
            text-align: center;
            font-size: 13px;
            border-top: 1px solid #4c6576;
        }

.windowSize {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
}

.successMessage {
    display: block;
    color: #71a187;
    padding: 2px 0 0 28px;
    background-image: url(/Content/images/icons/checkmark_green.png);
    background-position: left;
    background-repeat: no-repeat;
}

.bold {
    font-weight: bold !important;
}

.securePayments {
    margin: 0 0 0 40px;
}

.contentContainer .leftColumn {
    position: relative;
}

.twoColumnTemplate .leftColumn {
    float: left;
    margin: 40px 0 40px 0;
    padding: 40px 0 0 0;
    color: #fff;
    min-height: 600px;
    position: relative;
}

    .twoColumnTemplate .leftColumn img {
        width: 100%;
    }

.twoColumnTemplate .rightColumn {
    float: right;
    min-height: 600px;
}

.twoColumnTemplate .twoColumnTemplateContent {
    padding: 45px 60px;
}

.twoColumnTemplateContent h1 {
    font-weight: 300;
    font-size: 34px;
    line-height: 34px;
    color: #00a5b5;
    padding: 0;
    margin: 0 0 25px 0;
    border: 0;
}

.twoColumnTemplateContent h2 {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #906c95;
    padding: 0;
    margin: 35px 0 15px 0;
    border: 0;
    text-decoration: none;
}

.twoColumnTemplateContent a {
    color: #00a5b5;
    text-decoration: none;
}

    .twoColumnTemplateContent a:hover {
        text-decoration: underline;
        color: #906c95;
    }

.twoColumnTemplateContent h3 a {
    font-weight: 700;
    /*font-size: 18px;
    line-height: 24px;*/
    color: #00a5b5;
    padding: 0;
    margin: 25px 0 0 0;
    border: 0;
    text-decoration: none;
}

    .twoColumnTemplateContent h3 a:hover {
        text-decoration: underline;
    }

.twoColumnTemplateContent .contentImage {
    width: 55%;
    float: right;
    padding: 0 0 20px 20px;
}

.randomFact {
    width: 240px;
    box-sizing: border-box;
    padding: 25px;
    background-image: url(/Content/images/template/factBg.png);
    background-position: bottom;
    color: #fff;
    position: absolute;
    right: 20px;
    margin-top: -40px;
}

    .randomFact .tag {
        font-size: 16px;
        color: #ded0dd;
        font-family: 'Oswald', sans-serif;
        display: block;
        text-transform: uppercase;
        margin: 0 0 10px 0;
    }

    .randomFact > div {
        display: none;
        color: #fff;
    }

.footer {
    clear: both;
    border-top: 5px solid #906c95;
    margin: 0 0 0 0;
    padding: 50px 4%;
    display: flex;
    justify-content: space-between;
    align-items: start;
}

    .footer .rcrgContact {
        text-align: right;
        color: #808080;
        padding: 0;
        /*float: right;*/
        width: auto;
    }

        .footer .rcrgContact .addressEmailCopyright {
            display: block;
            padding: 15px 0 0 0;
            font-size: 14px;
            line-height: 22px;
        }

            .footer .rcrgContact .addressEmailCopyright .charitableNum {
                font-size: 12px;
            }

    .footer .addressEmailCopyright a {
        color: #808080;
        text-decoration: none !important;
    }

        .footer .addressEmailCopyright a:hover {
            color: #00a5b5;
            text-decoration: none;
        }

    .footer .phone {
        font-size: 36px;
        font-weight: 300;
        color: #00829a;
        display: inline-block;
        /*float: left;*/
    }

    .footer .socialMedia {
        /*float: left;*/
        display: inline-block;
        padding: 3px 0 0 0;
    }

        .footer .socialMedia li {
            float: left;
            padding: 0 0 0 40px;
        }

            .footer .socialMedia li a:hover img {
                opacity: 0.5;
            }

    .footer .cityOfRichmond {
        float: left;
        width: 400px;
        font-size: 14px;
        padding: 0;
    }

        .footer .cityOfRichmond a {
            text-decoration: none;
            color: #00a5b5;
        }

    .footer .venuePartner {
        /*float: right;*/
        text-align: center;
        margin: 0 2.5% 0 0;
        flex: 1 1 auto;
        display: flex;
        justify-content: center;
    }

        .footer .venuePartner span {
            display: block;
            text-transform: uppercase;
            font-size: .7rem;
            margin: 0 0 5px 0;
        }

        .footer .venuePartner img {
            width: 160px;
        }

        .footer .venuePartner > div:first-of-type {
            margin: 0 20px 0 0;
        }

        .footer .venuePartner > div:last-of-type {
            margin: 0 0 0 20px;
        }

    .footer .secondaryMenu {
        /*float: left;*/
        display: flex;
    }

        .footer .secondaryMenu > li {
            /*float: left;*/
            margin: 0 0 10px 0;
        }

            .footer .secondaryMenu > li > ul > li {
                margin: 0 0 8px 0;
            }

                .footer .secondaryMenu > li > ul > li:nth-child(1) {
                    color: #00a5b5;
                    text-transform: uppercase;
                    font-family: 'Oswald', sans-serif;
                    font-weight: 700;
                    margin: 0 0 12px 0;
                }

        .footer .secondaryMenu a {
            color: #2d2947;
            text-decoration: none !important;
        }

            .footer .secondaryMenu a:hover {
                color: #00a5b5;
                text-decoration: none;
            }

.featureFooter {
    min-height: 430px;
    background: linear-gradient(90deg, #2d2947 50%, #ffffff 50%);
}

    .featureFooter .contentContainer {
        color: #d7d3dc;
        position: relative;
    }

    .featureFooter .footerHeron {
        position: absolute;
        left: -160px;
        margin-top: 30px;
    }

    .featureFooter .welcome {
        width: 55%;
        color: #d7d3dc;
        float: left;
        box-sizing: border-box;
        background-color: #2d2947;
        height: 430px;
    }

        .featureFooter .welcome .tagline {
            color: #6cc0ca;
            font-size: 28px;
            line-height: 34px;
            font-weight: 300;
            display: block;
            padding: 0 0 20px 0;
        }

        .featureFooter .welcome p {
            width: 95%;
            padding: 0 0 35px 0;
            margin: 0;
        }

        .featureFooter .welcome a.footerBtn {
            display: inline-block;
            background-color: #50b7c3;
            text-decoration: none !important;
            color: #fff;
        }

            .featureFooter .welcome a.footerBtn img {
                height: 60px;
                padding: 0;
                margin: 0;
            }

            .featureFooter .welcome a.footerBtn span {
                display: inline-block;
                padding: 20px 18px 0 18px;
            }

            .featureFooter .welcome a.footerBtn:hover {
                background-color: #09a5b4;
            }

            .featureFooter .welcome a.footerBtn.purple {
                background-color: #a688a9;
                margin: 0 0 0 15px;
            }

                .featureFooter .welcome a.footerBtn.purple:hover {
                    background-color: #916c97;
                }

    .featureFooter .events {
        background-color: #fff;
        width: 45%;
        min-height: 430px;
        float: left;
    }

        .featureFooter .events ul li {
            width: 33%;
            float: left;
        }

        .featureFooter .events ul li {
            width: 33%;
            float: left;
            height: 345px;
            text-align: center;
        }

            .featureFooter .events ul li .date {
                color: #fff;
                height: 160px;
                text-transform: uppercase;
                font-size: 30px;
                font-weight: 300;
                box-sizing: border-box;
                padding: 33px 0 0 0;
            }

                .featureFooter .events ul li .date.ongoing {
                    font-size: 20px;
                }

            .featureFooter .events ul li:nth-child(1) .date {
                background-color: #00829a;
            }

            .featureFooter .events ul li:nth-child(2) .date {
                background-color: #00a5b5;
            }

            .featureFooter .events ul li:nth-child(3) .date {
                background-color: #906c95;
            }

            .featureFooter .events ul li:hover {
                cursor: pointer;
            }

                .featureFooter .events ul li:hover .date {
                    opacity: 0.9;
                }

            .featureFooter .events ul li .date .day {
                font-size: 75px;
                line-height: 75px;
                display: block;
                padding: 5px 0 0 0;
                letter-spacing: -4px;
            }

            .featureFooter .events ul li .date.ongoing .day {
                font-size: 60px;
            }

            .featureFooter .events ul li p {
                padding: 0;
                margin: 0;
            }

            .featureFooter .events ul li .desc {
                font-size: 14px;
                line-height: 18px;
                box-sizing: border-box;
                padding: 20px 15px 0 15px;
                display: block;
            }

            .featureFooter .events ul li .eventTitle {
                font-weight: bold;
                margin: 0;
                display: block;
                color: #40395f;
                height: 40px;
            }

            .featureFooter .events ul li a {
                display: block;
                text-decoration: none !important;
                margin: 10px 0 0 0;
                color: #00a5b5;
            }

                .featureFooter .events ul li a:hover {
                    text-decoration: underline !important;
                }

        .featureFooter .events .eventsHeader {
            background-color: #8cb29e;
            display: inline-block;
            width: 50%;
            text-decoration: none;
        }

            .featureFooter .events .eventsHeader span {
                display: inline-block;
                color: #fff;
                line-height: 18px;
            }

.mh, .header {
    display: none;
}

@media screen and (min-width: 0px) and (max-width: 767px) {
    .titleBar h1 {
        font-size: 18px;
        line-height: 20px;
        padding: 0 5% 0 15px !important;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
    .titleBar h1 {
        font-size: 22px;
        line-height: 24px;
        padding: 0 5% 0 15px !important;
    }
}

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

    .header, .contentContainer {
        width: 900px;
        display: block;
    }

    .header {
        padding: 20px 0 0 0;
    }

        .header .rcrgLogo {
            width: 210px;
        }

        .header .menuButton {
            width: 60px;
            height: 60px;
            background-image: url(/Content/images/template/menuButton_small.png);
            top: 0;
        }

        .header .language {
            top: 20px;
            right: 80px;
        }

    .titleBar img {
        width: 60px;
    }

    .titleBar h1 {
        font-size: 24px;
        padding: 0 0 0 15px !important;
    }

    .twoColumnTemplate .leftColumn {
        width: 275px;
    }

    .twoColumnTemplate .rightColumn {
        width: 625px;
    }

    .footer .rcrgContact {
        font-size: 12px;
        line-height: 25px;
    }

    .footer .socialMedia li {
        float: left;
        padding: 0 0 0 30px;
    }

    .footer .phone {
        font-size: 26px;
        line-height: 26px;
    }

    .footer .secondaryMenu {
        font-size: 12px;
        line-height: 12px;
    }

        .footer .secondaryMenu > li {
            float: left;
            margin: 0 20px 0 0;
        }

    .featureFooter .welcome {
        padding: 70px 80px 0 110px;
    }

        .featureFooter .welcome p {
            font-size: 14px;
            line-height: 22px;
        }

        .featureFooter .welcome a.footerBtn {
            display: none;
        }

    .featureFooter .events .eventsHeader span {
        padding: 24px 0 0 10px;
    }

    .featureFooter .events ul li p {
        font-size: 12px;
        line-height: 14px;
    }

    .featureFooter .events ul li .date.ongoing {
        font-size: 14px;
    }

        .featureFooter .events ul li .date.ongoing .day {
            font-size: 44px;
        }
}

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

    .header, .contentContainer {
        width: 1100px;
    }

        .header .rcrgLogo {
            width: 260px;
        }

        .header .language {
            top: 40px;
            right: 100px;
        }

    .titleBar img {
        width: 80px;
    }

    .titleBar h1 {
        font-size: 28px;
        padding: 0 0 0 20px !important;
    }

    .twoColumnTemplate .leftColumn {
        width: 325px;
    }

    .twoColumnTemplate .rightColumn {
        width: 775px;
    }

    .footer .phone {
        font-size: 36px;
        line-height: 36px;
    }

    .footer .rcrgContact {
        font-size: 14px;
        line-height: 28px;
    }

    .footer .socialMedia li {
        float: left;
        padding: 0 0 0 40px;
    }

    .footer .secondaryMenu {
        font-size: 14px;
        line-height: 14px;
    }

        .footer .secondaryMenu > li {
            float: left;
            margin: 0 30px 0 0;
        }

    .featureFooter .welcome {
        padding: 55px 80px 0 110px;
    }

        .featureFooter .welcome p {
            font-size: 14px;
            line-height: 22px;
        }

        .featureFooter .welcome a.footerBtn {
            display: inline-block;
        }

            .featureFooter .welcome a.footerBtn span {
                padding: 20px 10px 0 10px;
            }

    .featureFooter .events .eventsHeader {
        width: 50%;
    }

        .featureFooter .events .eventsHeader span {
            padding: 24px 0 0 15px;
        }

    .featureFooter .events ul li p {
        font-size: 14px;
        line-height: 18px;
    }

    .featureFooter .events ul li .date.ongoing {
        font-size: 18px;
    }

        .featureFooter .events ul li .date.ongoing .day {
            font-size: 50px;
        }
}

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

    .header, .contentContainer {
        width: 1300px;
    }

    .header {
        padding: 40px 0 0 0;
    }

        .header .menuButton {
            width: 80px;
            height: 80px;
            background-image: url(/Content/images/template/menuButton.png);
        }

        .header .rcrgLogo {
            width: 367px;
        }

    .twoColumnTemplate .leftColumn {
        width: 425px;
    }

    .twoColumnTemplate .rightColumn {
        width: 875px;
    }

    .featureFooter .welcome {
        padding: 65px 80px 0 110px;
    }

        .featureFooter .welcome p {
            font-size: 14px;
            line-height: 22px;
        }

        .featureFooter .welcome a.footerBtn span {
            display: inline-block;
            padding: 20px 18px 0 18px;
        }

    .footer .secondaryMenu {
    }

        .footer .secondaryMenu > li {
            float: left;
            margin: 0 40px 0 0;
        }

    .featureFooter .events ul li p {
        font-size: 14px;
        line-height: 18px;
    }

    .featureFooter .events ul li .date.ongoing {
        font-size: 20px;
    }

        .featureFooter .events ul li .date.ongoing .day {
            font-size: 60px;
        }
}

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

    .header, .contentContainer {
        width: 1500px !important;
    }

        .header .rcrgLogo {
            width: 387px;
        }

    .twoColumnTemplate .leftColumn {
        width: 525px;
    }

    .twoColumnTemplate .rightColumn {
        width: 975px;
    }

    .featureFooter .welcome {
        padding: 80px 80px 0 110px;
    }

        .featureFooter .welcome p {
            font-size: 16px;
            line-height: 28px;
        }

    .featureFooter .events ul li p {
        font-size: 16px;
        line-height: 22px;
    }
}

table tr td img{
    max-width: 100%;
}