﻿/*
    H1: Graphik Bold all caps
    H2: Graphik Bold all caps
    H1 & H2: #7029EC

    Body copy: #0F1934
*/
/*
    Buttons
    Height: 37px
    Button label/text: Graphic Compact, Black, 18px, All caps, #ffffff
    
    CTA buttons:
    Inactive: b542eb (Cornflower Blue)
    Hover: 9135bc
    Active: 9135bc

    Inactive: b542eb (MFB purple)
    Hover: 9135bc
    Active: 9135bc
*/

/*  -- reset elements due to global.css */
body.Login input, body.Login .buttonSubmit
, .bodySignUp .signUpForm input,  .bodySignUp .signUpForm .buttonSubmit ,  .bodySignUp .signUpForm .buttonClear 
, .goalField-outer *
, .fundraiseForm *
, .bodySignUp.jointeam *
, .bodySignUp.mobile *
{
    box-sizing:content-box;
}

.MobileView .div-enter-form-outer *, .MobileView	.div-login-form-outer * {
    box-sizing:content-box;
}
/*  -- reset elements due to global.css */

h1{
    color:#7029EC;
}

.bodySignUp .text, .fundraseinfo-outer .verdana {
        font-family: GraphikRegular, Arial, sans-serif;
}

.container.body-content  h1 {
    font-size: 28px;
}

.text:not(.spanfundraisingurl), .bodytextcolor {
    color:#0F1934 !important;
}
.button-purpleish {
    background-color: initial !important;
}
button.buttonSubmit,  div.buttonSubmit, .buttonClear, div.buttonSubmitAjax, div.Register, div.buttonDonate, .bodySignUp .mButton, .mBody .mButton 
, .mobile .mButton
{
    height:44px !important;
    line-height:40px !important;
    font-family: 'GraphikCompactBlack',Arial, sans-serif !important;
    font-size:18px !important;
    border-radius: 0 !important;
}
button.buttonSubmit,  div.buttonSubmit, div.buttonSubmitAjax, div.Register, .bodySignUp .mButton, .mBody .mButton, .mobile .mButton  {
    background-color:#b542eb !important;
}

button.buttonSubmit:hover,  div.buttonSubmit:hover
    ,button.buttonSubmit:active,  div.buttonSubmit:active  
    , div.buttonSubmitAjax:hover, div.buttonSubmitAjax:active
    , div.Register:hover, div.Register:active
    , .bodySignUp .mButton:hover, .bodySignUp .mButton:active
    , .mBody .mButton:hover, .mBody .mButton:active
{
    background-color:#9135bc !important;
}
button.buttonSubmit, div.buttonSubmit, div.buttonSubmitAjax, div.Register, div.buttonDonate, .bodySignUp .mButton , .mBody .mButton  {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: none;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    transition: .25s all;
}

.field-title , .div-field-inline, .div-field-inline label, .table.table-results span,   .subTitle {
    font-size:16px !important;
    font-family: GraphikRegular, Arial, sans-serif !important;
}
/*
    Inline text links
    Font: Graphik Regular, 0f1934
    Inactive: b542eb (MFB purple)
    Hover: b542eb, underline
    Active: b542eb, underline 
*/
.container.body-content a, .bodySignUp a{
    font-family: GraphikRegular, Arial, sans-serif !important;
    font-size:16px;
    font-weight:normal;
    color:#b542eb;
    text-decoration:none;
}
.container.body-content a:hover, .container.body-content a:active, .container.body-content a:focus, .bodySignUp a:hover, .bodySignUp a:active {
    color:#b542eb;
    text-decoration:underline;
}


.bodySignUp.mobile a{
    font-family: GraphikRegular, Arial, sans-serif !important;
    color:#b542eb;
    text-decoration:none;
}
.bodySignUp.mobile  a:hover, .bodySignUp.mobile  a:active, .bodySignUp.mobile  a:focus {
    color:#b542eb;
    text-decoration:underline;
}

.div-forgot-your-password a {
    font-family: GraphikRegular, Arial, sans-serif !important;
    color:#b542eb !important;
    text-decoration:none !important;
}
.div-forgot-your-password a:hover , .div-forgot-your-password a:active, .div-forgot-your-password a:focus{
    color:#b542eb !important;
    text-decoration:underline !important;
}
/*
    Donate:
    Inactive: ff52ba (pink)
    Hover: cc4295
    Active: cc4295
*/
div.buttonDonate {
    background-color:#E82E8E !important;
}
div.buttonDonate:hover,div.buttonDonate:active  {
    background-color:#a22063 !important;
}

.bodySignUp.startteam .subdTitle {
    color: #7029EC;
    font-family: GraphikBold, Arial, serif;
    text-transform: uppercase;
}
/*                                                                  */
.bodySignUp.jointeam .buttonSubmit45.blue {
    background-color:transparent !important;
}
.bodySignUp.jointeam    .buttonSubmit45 a {
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    cursor: pointer;
    transition: .25s all;

    height:44px !important;
    line-height:44px !important;
    font-family: 'GraphikCompactBlack',Arial, sans-serif !important;
    font-size:18px;
    border-radius: 0 !important;

    background-color:#b542eb !important;
}
.bodySignUp.jointeam  .buttonSubmit45 a:hover{
    background-color:#9135bc !important;   
}

.bodySignUp.mobile .reviewForm.individual .buttonSubmit {
    box-sizing: content-box;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.MobileView h1 {
    padding-left: 12px;
    padding-right: 12px;
}

.bodySignUp.startteam.mobile .button-submit-outer {
    text-align:left !important;
}
.bodySignUp.startteam.mobile .buttonSubmit {
    padding-top: 0px;
    padding-bottom: 0px;
    width: calc(100% - 30px) !important;
}
.bodySignUp.startteam.mobile .buttonSubmit::after{
    content:" ";
    clear:both;
    display:block;   
}

.bodySignUp.mobile.bodySignUp-set-goal .buttonSubmit, .bodySignUp.mobile.bodySignUp-personal-donation .buttonDonate
    , body.MobileView .enter-email-outer .buttonSubmit
    ,.bodySignUp .mButton
    , .mBody .mButton  
{
     box-sizing: content-box;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    line-height: 44px !important;
}

.bodySignUp.mobile  .prematurity-questions-page-selection .spacer20px {display:none;}

.bodySignUp-personal-donation .donation {
    width:568px;
}
.bodySignUp:not(.mobile) .userNameField .picQuestion {
        right: 84px !important;
}

.Error404 .error404 .donateButton .button a {
    color: #ffffff !important;
    text-decoration:none;
}
.Error404 .error404 .donateButton .button {
    box-sizing:border-box;
    background-color: #E82E8E;
    color: #ffffff !important;
    cursor: pointer;
    font-family: 'GraphikCompactBlack',Arial, sans-serif !important;
    font-size:18px !important;
    border-radius: 0 !important;
    height: 44px;
    line-height: 44px;
    text-align: center;
    width: 94px;
    padding-top:0px;
    padding-bottom:0px;
}
.Error404 .error404 .donateButton .button:hover, .Error404 .error404 .donateButton .button:active {
    background-color: #a22063;
    text-decoration:none;
}
/*	purple color */
.Signup .field-title, .SignUp .field-title, .Login .field-title
, .bodySignUp	.subTitle, .subTitle, .h2Title, .dRightHeader, .fColumn li:before
, .availability
, .costText
, .doLogin .title
, .donationValue, .donationValueL
, .div-returning-walker-option-title
, .div-returning-walker-option-subtitle
, .bodySearchDonate .searchResult
, .genDonTitle
, .lhTitle
, .lmTitle
, .lmWithin
, #divSearchResultCount
, .bodySignUp .span-signup-walkwithme-person-name, .bodySignUp .span-signup-walkwithme-team-name
{
	color: #7029EC;
}
.purple {
    color: #7029EC;	/*#9c5eb5;*/
}
.purple-important {
    color: #7029EC !important;	/*#9c5eb5;*/
}
.field-title {
    color: #7029EC;
}

.button-light-purpleish
{
	    background-color: #b542eb !important;
}
/*	purple color */