:root {
    --black: #000000;
    --white: #FFFFFF;
    --yellow: #f9c452;
    --yellow-pale: #F4F3E7;
    --red: #fc5d30;
    --green: #02a972;
    --green-dark: #004b00;
    --blue: #2463a6;
    --purple: #b751b5;
}

#content-main {
    min-height: unset;
}

/****** A11y ******/
/* re-enable focus */
a:focus {
	outline-offset: initial;
}
.nav > li > a:focus {
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: initial;
}
/* underline links */
p > em > a,
strong > a,
ol > li > a,
p > a:not(.btn),
p > span > em > a,
p > span > a:not(.btn),
li > span > a:not(.btn),
span > a:not(.btn) > strong,
ul:not(.nav):not(.sitemap):not(.pagination):not(.updates-group):not(.pagination) > li:not(.completed):not(.current) > a:not(.sidebar-form-tab):not(.lightbox):not(.rego-tab), 
div:not(.leaderboardrow):not(#Members):not(.funraisin-admin-nav):not(.EachType) > a:not(.btn):not(.radio):not(.radio-text):not(.radio-amount):not(.member):not(.admin-pages):not(.funraisin-savepagetemplate):not(.previewchanges):not(.newlump):not(.lump-member):not(.btn-social):not(.btn-share-popup):not(.share-facebook):not(.share-instagram):not(.share-twitter):not(.share-email):not(.share-sms):not(.share-linkedin):not(.share-whatsapp):not(.lump-gallery):not(.lightbox):not(.text-left) {
	text-decoration: underline;
}
/* remove links */
p > a:hover,
ol > li > a:hover,
p > span > a:hover,
div > .btn-social:hover,
li > span > a:not(.btn):hover,
ul:not(.nav) > li > a:not(.btn):hover,
.userMenu > li > a,
.footer-site-map > ul > li > a,
.registration-steps ul > li > a,
.funraisin-dropdown-menu > li > a,
.funraisin-page-nav ul li ul li a,
.funraisin-admin-nav .display-options > div > a {
	text-decoration: none !important;
}
/**** end of A11y ****/

/****** Hide X globally ******/
.btn-twitter,
.share-twitter {
    display: none;
}
/**** Hide X globally ****/

/****** Heros ******/
#Row2041::before {
	content: url(https://dckebkdc4nt5q.cloudfront.net/3ea0db3b79ffa12456a500454173f3f6.png);
    position: absolute;
    left: 0;
    bottom: -10px;
}
#Row2041::after {
	content: url(https://dckebkdc4nt5q.cloudfront.net/45c243cf7fc9ce19956840a8f7d126c3.png);
    position: absolute;
    right: 0;
    bottom: -10px;
}
/*** end of Heros ***/

/****** Dashboard ******/
.template-login-dashboard .loggedin-header .funraisin-profile-header .form-control,
#template-login-dashboard .loggedin-header .funraisin-profile-header .form-control {
	height: 40px;
}
/*** end of Dashboard ***/

#login a {
    color: var(--purple);
}

/****** Legacy ******/
.template-donation .donationHandlers .dollarhandle .dollarhandle-text {border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.template-donation .donationHandlers .dollarhandle .dollarhandle-image {border-top-left-radius:10px;border-top-right-radius:10px;}
.btn-xl {font-size: 19px !important;line-height: 1.8em;}
.btn-xl.btn-white-border {padding:9px 20px;}
#Donations {background:#f8f8f8;}
.loggedin-header:before, .profile-header:before {background:rgba(0,0,0,0.7)}
.profileSidebar .money {color:#f6d05e;}
.lump-news h4 {color:#000;}
/*** end of Legacy ***/

/*Nav*/
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a{
    color: #000;
    font-size: 16px;
}

.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu a:hover{
    color:#000;
    background: #ececec;
}

#popup .fa-link {
     color: #000;
}

/*Header Custom*/
.gp-head-right {
    width: 60% !important;
}
.gp-head-left {
    width: 40% !important;
    z-index: 99 !important;
}

/*Banner Cookie Custom*/
.cc-window.cc-banner {
    box-shadow: 0px 20px 30px 20px rgb(0 0 0 / 50%) !important;
    margin: 5px;
    border-radius: 10px;
}
.cc-btn {
    border-radius: 10px !important;
}
.cc-btn.cc-dismiss {
    font-family: GreenpeaceSans;
}

@media only screen and (max-width: 1920px) {
    .gp-head-left > .lump-container .lump {
        margin-right: -110px !important;
    }
    
    .gp-head-left > .lump-container {
        max-width: 500px !important;
    }
    
    .gp-head-left > .lump-container .text-col{
        padding-right: 120px !important;
    }
}

.btn-social {display: inline-flex; justify-content: center; align-items: center;}
.btn-social i {margin: 0;}

.bg-primary a {color: #000000;}

/*** intro js ***/
.introjs-tooltipReferenceLayer h3 {
    font-family: 'Arial' !important;
    font-size: 22px;
}

.introjs-tooltipReferenceLayer * {
    font-family: 'Arial' !important;
}

.introjs-tooltipReferenceLayer .introjs-tooltip {
    padding: 25px 30px !important;
    border-radius: 5px;
    min-width: 330px;
    max-width: 400px;
    background-color: #fff !important;
    border: 2px solid rgb(102, 204, 0);
}

.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.introjs-tooltipReferenceLayer .introjs-tooltip.introjs-top-left-aligned .introjs-arrow.bottom {
    left: 50% !important;
    transform: translateX(-50%) !important;
}

.introjs-tooltipReferenceLayer .introjs-tooltip>* {
    padding: 0 !important;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header {
    padding: 0 !important;
    height: 0;
    min-height: 0;
    position: unset !important;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header h1 {
    display: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-skipbutton {
    background-position: center;
    background-repeat: no-repeat;
    color: #000;
    background-size: 20px;
    top: 5px;
    right: 5px;
    border-radius: 100%;
    transition: all 0.2s ease-out;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltip-header .introjs-skipbutton:hover {
    background-color: rgb(102, 204, 0) !important;
    transition: all 0.2s ease-out;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
    line-height: 140%;
    margin: 10px 0 15px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext h3,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltiptext {
    color: #000;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-bullets,
.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-progress {
    display: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow {
    content: unset;
    border: none !important;
    width: 50px;
    height: 25px;
    /*background: url(https://du7r1dlw6n37a.cloudfront.net/f62f02d81f16fea750c419337cbf7da9.svg);*/
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top {
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;

    bottom: 100%;
    transform: rotate(180deg);
    margin-left: 0px;
    margin-bottom: -1px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.right {
    top: unset;
    right: unset;
    bottom: unset;
    left: unset;

    left: 100%;
    transform: rotate(-90deg);
    margin-left: -13px;
    margin-top: -10px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.bottom {
    top: 100%;
    left: 30px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.left {}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.left-bottom {
    left: -35px;
    bottom: 20px;
    transform: rotate(90deg);
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top-middle {
    top: unset;

    bottom: 100%;
    left: 50%;
    transform: rotate(180deg) translateX(50%);
    margin-left: 0px;
    margin-bottom: -1px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-arrow.top-right {
    top: unset;

    bottom: 100%;
    right: 25px;
    transform: rotate(180deg);
    margin-left: 0px;
    margin-bottom: -1px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons {
    border: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons:after {
    display: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-button {
    font-size: 18px;
    font-weight: 600;
    text-shadow: none;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-prevbutton {
    background: none;
    padding: 0;
    text-decoration: underline;
    border: none;
    color: #000;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-nextbutton {
    background: rgb(102, 204, 0);
    border: none !important;
    color: #000 !important;
    /*border-radius: 25px;*/
    padding: 8px 24px;
}

.introjs-tooltipReferenceLayer .introjs-tooltip .introjs-tooltipbuttons .introjs-disabled {
    opacity: 0;
    pointer-events: none;
}

.introjs-helperLayer {
    box-shadow: rgb(33 33 33 / 0%) 0px 0px 1px 2px, rgb(33 33 33 / 50%) 0px 0px 0px 5000px !important;
    /*border-radius: 500px !important;*/
}

.virtual-tour {
    position: absolute;
    top: 0;
    color: #000;
    background: #fff !important;
    border: 2px solid rgb(102, 204, 0);
    z-index: 999;
    transition: all 0.2s ease-out;
}
.virtual-tour.active {
    right: 0;
}
.virtual-tour .start-tour {
	color: #000 !important;
}

#postcodelookup{
line-height: 16px;
}


/*** intro js ***/

#popup {
    z-index: 999999999 !important;
    top: 50%;
}