/*Style for WWP Consulatant Design*/
body {
    font-family: arial !important;
}

#skip-to-content {
    display: block;
    text-indent: -9999px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 5px;
}

    #skip-to-content:focus, #skip-to-content:active {
        background: #000000;
        color: #FFFFFF;
        font-size: 14pt;
        background-color: #000000;
        z-index: 1000;
        text-indent: 0;
    }

#header {
    background: #04305f;
    border-bottom: 10px solid #b20920;
}

#nav-section {
    background: #1282c4;
}

#nav, #hero-register-btns, #sr-mid-banner, #footer-nav, #footer-logos {
    list-style-type: none;
    margin-bottom: 0;
}

    #nav li, #hero-register-btns li, #footer-nav li, #footer-logos li {
        display: inline-block;
        margin-right: 10px;
    }

        #nav li a, #footer-nav li a {
            display: block;
            padding: 12px 20px;
            color: #FFF;
        }

#header-hero-section {
    /*background: url(https://media2.charityengine.net/WF/_transactionServerFiles/745/2018/3/27/SRLandingPageHeroImage.jpg) no-repeat center center fixed;*/

	background: url(https://media2.charityengine.net/CMS/_templates/745/wounded-warrior-2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-height: 700px;
}

#hero-overlay-container {
    /*float: right;*/
    margin: 50px 10px;
}

#hero-overlay {
    background: rgba(0,0,0,0.7);
    color: #FFF;
    font-weight: 100;
    font-size: 80px;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
    text-align: right;
    padding: 20px 15px;
    max-width: 1050px;
    width: 100%;
}

#hero-register-btns {
    text-align: right;
    margin-top: 10px;
}

    #hero-register-btns li {
        margin-right: 0;
        margin-left: 15px;
    }

        #hero-register-btns li a {
            background: #B20920;
            color: #FFF;
            display: block;
            padding: 16px 26px;
            font-size: 18px;
            border-radius: 6px;
        }

#sr-banner {
    border-top: 10px solid #B20920;
    border-bottom: 10px solid #B20920;
}

#sr-mid-banner {
    margin-bottom: 20px;
}

    #sr-mid-banner li {
        color: #FFF;
        font-size: 26px;
        font-weight: bold;
        margin-bottom: 12px;
    }

.mid-banner-date {
    margin-left: 30px;
}

#content-container {
    text-align: center;
    padding: 40px 0;
}

h1 {
    font-weight: bold;
    font-size: 30px;
    margin-bottom: 15px;
}

.wwp-red-btn {
    background: #B20920;
    color: #FFF;
    padding: 9px 25px;
    margin-top: 30px;
    font-weight: bold;
}

    .wwp-red-btn:hover {
        text-decoration: none;
        color: #FFF;
        box-shadow: 1.5px 2px 3.5px rgba(0, 0, 0, 0.3);
        transition: all 0.20s ease-in-out;
    }

/*body {
    font-size: 16px;
}

p {
    font-size: 20px;
    line-height: 1.7em;
    margin-bottom: 1.7em;
    color: #444;
}*/

#david-section {
    color: #FFF;
}

    #david-section p {
        font-size: 16px;
    }

        #david-section p:last-child {
            margin-bottom: 0;
        }

#david-section-left {
    padding: 15px 9px 0;
}

#register-to-ride-heading {
    margin: 40px 0 30px;
}

.gradient-blue-bg {
    background: -webkit-linear-gradient(260deg, rgb(6, 45, 110) 15%, rgb(15, 92, 162) 38%, rgb(8, 62, 132) 59%, rgb(2, 18, 70) 82%, rgb(1, 9, 55) 88%);
    background: -o-linear-gradient(260deg, rgb(6, 45, 110) 15%, rgb(15, 92, 162) 38%, rgb(8, 62, 132) 59%, rgb(2, 18, 70) 82%, rgb(1, 9, 55) 88%);
    background: -ms-linear-gradient(260deg, rgb(6, 45, 110) 15%, rgb(15, 92, 162) 38%, rgb(8, 62, 132) 59%, rgb(2, 18, 70) 82%, rgb(1, 9, 55) 88%);
    background: -moz-linear-gradient(260deg, rgb(6, 45, 110) 15%, rgb(15, 92, 162) 38%, rgb(8, 62, 132) 59%, rgb(2, 18, 70) 82%, rgb(1, 9, 55) 88%);
    background: linear-gradient(190deg, rgb(6, 45, 110) 15%, rgb(15, 92, 162) 38%, rgb(8, 62, 132) 59%, rgb(2, 18, 70) 82%, rgb(1, 9, 55) 88%);
}

.sr-register-img {
    width: 100%;
}

.sr-register-bottom {
    background: #04305F;
    color: #FFF;
    padding: 8px 12px 16px;
}

.sr-date {
    display: block;
    margin-bottom: 14px;
}

.sr-register-btn, .sr-register-btn:hover {
    background: #1282c4;
    color: #FFF;
    padding: 3px 22px;
    text-decoration: none;
}

#top-events-container {
    margin-top: 70px;
    border: 1px solid #dadada;
    padding: 0 !important;
    margin-bottom: 70px;
}

#top-events-header {
    background: #1282C4;
    text-align: center;
    color: #FFF;
    padding: 15px;
}

#top-events-body {
    padding: 10px;
    background: #FFF;
}

#top-events-list {
    list-style-type: none;
    margin-bottom: 0;
}

    #top-events-list li {
        display: block;
        background: #fafafa;
        padding: 7px 10px;
    }

        #top-events-list li:nth-child(odd) {
            background: #f0f0f0;
        }

.top-events-raised {
    float: right;
    font-size: .9em;
    position: relative;
    top: 2px;
    color: #666;
}

#footer-nav-section {
    background: #04305F;
    border-bottom: 10px solid #B20920;
}

#footer-section {
    background: #1282C4;
}

#footer-logos {
    width: 600px;
    margin: 40px auto 30px;
}

    #footer-logos li {
        display: inline-block;
        width: 30% !important;
        text-align: center;
    }

        #footer-logos li img {
            max-width: 100% !important;
            width: 150px;
        }

#bbb-logo {
    position: relative;
    top: 8px;
}

#footer-bottom-text, #footer-bottom-text a {
    color: #FFF;
}

    #footer-bottom-text p {
        margin-bottom: 4px;
        font-size: 14px;
    }

#footer-section {
    padding-bottom: 16px;
}

.wwp-orange {
    background: #FF6600 !important;
}

.wwp-yellow {
    background: #FDB913 !important;
}

#header, #sr-banner, #footer-nav-section {
    border-bottom: none;
    border-top: none;
}
/*
        #hero-overlay {
            background: rgba(0,0,0,0.7);
            text-align: center;
            display: block;
            margin-left: auto;
            margin-right: auto;
            width: 1050px;
        }

        #hero-overlay-container {
            display: block;
            margin: 30px auto 0;
            float: none !important;
        }*/

#hero-register-btns {
    text-align: center;
    margin-top: 0px;
    margin-bottom: 10px;
}

#just-journey {
    font-size: 68px;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
    text-align: center
}

#register-babylon {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

#register-hamptons {
    text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.5);
}

h1 {
    font-size: 48px;
}

#david-section p {
    color: #000000;
}

.sr-register-btn, .sr-register-btn:hover {
    background:
}

#david-section .container {
    background: #F8F9F9;
    padding-left: 0;
    padding-right: 0;
    box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.3);
}

#camacho-img {
    float: right;
}

#david-section-left {
    text-align: center;
    padding: 25px;
}

    #david-section-left p {
        font-size: 16px; /* change david text here */
    }

@media (max-width: 767px) {
    .tsRadioButtonLists span input, .tsCheckBoxLists span input {
        margin-left: 0;
    }

    .tsButtons {
        display: block;
        float: none;
        margin: 0 auto 15px;
    }

    .radio-btn-spans span {
        max-width: 100%;
    }

        .radio-btn-spans span label {
            display: block;
            width: 100%;
            text-align: center;
            border-radius: 999px;
            margin-bottom: 5px !important;
        }

        .radio-btn-spans span:last-child label {
            margin-bottom: 0 !important;
        }

    .btn-row .radio-btn-spans span label {
        max-width: 100% !important; /* offset the .remaining-width-minus-checkbox that gets applied for radio btn spans */
    }

    .visible-xs {
        display: block;
    }

    .hidden-xs {
        position: absolute;
        left: -9999px;
    }
}

@media only screen and (max-width: 400px) {
    #just-journey {
        font-size: 50%;
    }
}

@media all and (-ms-high-contrast:none) {
    /* IE 11 ONLY */
    .tsRadioButtonLists_sysECardsw span label img {
        width: 250px !important; /* fix ecard width */
    }
}

@media print {
    .tsButtons, #BrandingCEDiv {
        display: none !important;
        opacity: 0 !important;
        position: absolute !important;
        left: -9999px !important;
    }
}
/* IE10 fix | used in conjunction with script that tags HTML with ie10 user agent */
html[data-useragent*='MSIE 10.0'] #aspnetForm, html[data-useragent*='MSIE 10.0'] .page-1 #aspnetForm, html[data-useragent*='MSIE 10.0'] .page-2 #aspnetForm, html[data-useragent*='MSIE 10.0'] .page-3 #aspnetForm, html[data-useragent*='MSIE 10.0'] .page-4 #aspnetForm, html[data-useragent*='MSIE 10.0'] .page-5 #aspnetForm {
    display: block !important;
}

/*END Style WWP Consultant Design*/