/* Brand Colour Variables */
:root {
  --brand-primary: #221fbb;
  --brand-primary-foreground: #FFFFFF;
  --brand-secondary: #f45336;
  --brand-secondary-foreground: #FFFFFF;
  
  --color-primary: #221FBB;
  --color-secondary: #F45336;
  --color-tertiary: #FF00F5;
  --color-calm-beige: #F3EBD9;
  --font-opensans: "Open Sans";
  --font-opensanscondensed: "OpenSansCondensed";
}

/* Brand Colours */
.dropdown-item.active, .dropdown-item:active {color: var(--brand-primary-foreground); background-color: var(--brand-primary);}

.bg-primary a {color: var(--brand-primary-foreground);}


/* ===== GENERAL ===== */
.text-white {color: white;}

.form-group {
    color: #221FBB;
}
.input-group-addon {
    border: 1px solid #221FBB;
}


/* Buttons */
.btn {white-space: normal;}

.btn-social {display: inline-flex; justify-content: center; align-items: center;}
.btn-social i {margin: 0;}
.share-page-icons a.btn-social {background: transparent !important; border: 1.5px solid #FFFFFF !important; color: #FFFFFF !important; transition: all 0.2s ease-out;}
.share-page-icons a.btn-social:hover {background: var(--brand-secondary) !important; border: 2px solid var(--brand-secondary) !important; color: var(--brand-secondary-foreground) !important;}

.lump_buttons .btn {display: flex;flex-direction: row;justify-content: center;align-items: center;column-gap: 10px;}
.lump_buttons .btn .material-icons {margin: 0;}


/* Navigation */
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a {color: inherit;}
.funraisin-sticky-nav .funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {color: var(--brand-primary);}

.funraisin-sticky-nav {border-bottom: none !important; box-shadow: 0px 0px 40px -10px hsla(0, 0%, 0%, 0.1);}
.funraisin-sticky-nav .site-logo {padding: 0px 15px;}

.lump.tab-content .nav-tabs li.active a {color: unset;}


/* Fundraising Pages */
.popup-col h2 {font-size: 24px;}
.popup-col.bg-primary {padding: 30px !important;}

#Badges .row {justify-content: center !important;}
#Badges .reward-badge {padding-top: 10px;padding-bottom: 10px;}
#Badges p {line-height: 130%;}


/* Search Pages */
.fundraiser-search .col-sm-6, .searchPageWrapper .col-sm-6 {width: 100%;}

 

.funraisin-header-nav {
    border-bottom: 2px solid #ffffff;
}

.btn-outline-white {
    background-color: transparent !important;
    color: #ffffff !important;
}

.btn-outline-white:hover {
    background-color: #ffffff !important;
    color: #221fbb !important;
    border-color: #ffffff;
}

.funraisin-desktop-nav > div .funraisin-dropdown-nav .LoggedInNavOptions .userMenu a:hover {
    color: #221fbb;
}

.funraisin-secondary-nav .btn-login:hover {
    color: #fff;
}
.funraisin-secondary-nav .btn-login {
    border: 2px solid #fff;
    border-radius: 60px;
}

/*Rego*/
.template-event-register #content-main > .content {
    background: #221fbb;
}

.template-event-register .funraisin-form .section .container h3 {
    color: rgb(34, 31, 187);
}

.template-event-register .funraisin-form .section .container {
    background: #fff;
}

.register-tabs .nav-tabs li {
    background: #f45336;
    border: 3px solid #f45336;
    color: #fff;
}

.funraisin-sticky-nav.sticky {
    border-bottom: 2px solid #ffffff !important;
}


.double-text-btn .btn-primary {
    text-align: center;
    display: flex;
    flex-direction: column !important;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 10px 40px 5px;
}

.main-text {
  font-weight: bold;
  font-size: 16px;
  line-height: 1.2;
}

.sub-text {
  font-size: 12px;
  text-transform: lowercase;
}

.big-button .btn-primary {
  padding: 20px 20px 15px !important;
}


/* ---------------- section: Fundraising support --------------------*/
.sec-fundraising-support { text-align: center; padding: 50px; }
.sec-fundraising-support h2 { font-size: 4em; color: var(--color-primary); margin-bottom: 20px; }
.hr-separator-left {
    border: unset;
    height: 2px !important;
    background: white;
    opacity: 1;
    top: 0;
    width: 300%;
    left: -200%;
    position: relative;
    margin-top: 40px;
}


/* ---------------- section: Footer info --------------------*/
.sec-footerinfo { text-align: center; background: var(--color-calm-beige); padding: 50px 0; }
.sec-footerinfo .container { width: 600px; max-width: 100%; margin: auto; }
.sec-footerinfo h3 { color: black; text-transform: unset; margin-bottom: 20px; font-size: 2em; }
.sec-footerinfo p { font-weight: bold; color: black; }
.sec-footerinfo .footerinfo-btns {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 50px;
    margin-top: 25px;
}
.sec-footerinfo .footerinfo-btns a {
    font-family: var(--font-opensanscondensed), sans-serif;
    margin: 0 10px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-weight: normal;
    text-transform: unset;
}
.sec-footerinfo .footerinfo-btns a span { width: 100%; margin: 0; line-height: normal; }
.sec-footerinfo .footerinfo-btns a span.sub { font-size: 11px; line-height: normal; }


.funraisin-sticky-nav ul li a.btn-login {
    border: 2px solid #fff;
    border-radius: 60px;
}

.btn-login {
    color: #ffffff !important;
}

.calError {
    background:#ffcc00;
    padding:15px;
}

.calError p {
    font-weight: bold;
    color: black !important;
}