#postOptout u,
#postOptoutDonate u {
    font-weight: bold;
}

#Donation .channels div:first-child {
    display: none;
}

/****** Reg Flow ******/
.template-event-register #tabcreateaccount .addressdetails #postcodelookup {
	line-height: 0;
}
/*** end of Reg Flow ***/

/****** Dashboard ******/
.funraisin-page-nav ul li a.active {
	color: #ffffff;
}
/*** end of Dashboard ***/

#template-profile #personaldetails .col-sm-12.channels .col-xs-12:first-child {
    display: none;
}

.btn{
    opacity: 1 !important;
}

.funraisin-secondary-nav ul li a:not(.btn) {
    color: white;
}

/*Load font Intro*/
@font-face {
  font-family: 'Intro-Regular';
    src:url('/assets/fonts/Intro-Regular400.woff') format('woff'); 
    font-weight: 400;
    font-style: normal;
}

/*Load font Intro*/
@font-face {
  font-family: 'Intro-Black';
    src:url('/assets/fonts/Intro-Black400.woff') format('woff'); 
    font-weight: 700;
    font-style: normal;
}

body,
p {
	/*font-family: "Intro-Regular";*/
}

.funraisin-primary-nav li a {
	/*font-family: "Intro-Regular" !important;*/
}

.funraisin-header h1 {
	/*font-family: "Intro-Black" !important;*/
}

h1,
h2,
h3,
h4,
label,
button {
	/*font-family: "Intro-Regular" !important;*/
	/*font-weight: 400;*/
}

/*.content h3, .content h2 {*/
/*	color: #0087cd;*/
/*}*/

.btn-xl {
	font-size: 19px !important;
	line-height: 1.4em;
}

.sticky-logo img {
	width: 150px;
}

.nav-logo img {
	width: 100px;
	width: 100px;
	z-index: 99;
	position: absolute;
	top: -30px;
	left: -170px;
}

.funraisin-sticky-nav .navbar-nav a:not(.sticky-logo) img {
width: 89px;
/*	position: absolute;*/
/*	top: -40px;*/
/*left: 0;*/
}

.funraisin-sticky-nav.sticky-hide {
	transform: translateY(-140%)
}

.box-radius-left {
	border-radius: 10px 0 0 10px;
}

.box-radius-right {
	border-radius: 0 10px 10px 0;
}

.sidebar {
	position: sticky;
	background-attachment: fixed;
	background-position: center;
	top: 106px;
}

.reward-badge.col-sm-2 {
	width: 14%;
	float: unset;
	display: inline-grid;
	margin: 0;
	justify-content: center;
}



#template-profile #Badges .container .row {
	text-align: center;
}



#template-profile .sidebar-top h2 {
	color: #fff!important;
}

.template-login-dashboard #content-main .fa.fa-image:before {
	/*color: #0087CD!important;*/
}

#Lump3225 .lump-progress h2 {
	color: #fff!important;
}

#template-profile .profile-image-header .profile-image {
	border-color: #0087CD;
}

.btn[disabled] {
	pointer-events: none;
}


/*Fundraiser pages*/

.addressdetails .col-xs-3 #postcodelookup {
	margin-left: -15px;
}

#template-profile .profileSidebar .profileSponsorForm .donationHandlers.minimal img {
	width: 60%;
}

#template-profile .channels .tooltip {
	top: 50px!important;
	margin-left: 10%;
}

#template-profile .channels .tooltip.top .tooltip-arrow {
	border-width: 0px !important;
}


/*}*/

.bootstrap-select>.dropdown-toggle.bs-placeholder {
	position: relative;
	z-index: 1;
}


/*footer*/

@media only screen and (max-width: 580px) {
	#Footer .funraisin-footer-legals .col-md-10 {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
	}
}

.CustomRadius-img img {
	border-radius: 10px;
}

.funraisin-dropdown-nav .arrow-show span {
	transition: all 500ms ease-out;
}

.funraisin-dropdown-nav:hover .arrow-show span {
	transform: rotate(180deg);
}

.funraisin-dropdown-nav .funraisin-dropdown-menu li a {
	display: block !important;
	padding: 8px 15px !important;
	color: #000 !important;
}

.funraisin-dropdown-nav .funraisin-dropdown-menu li a:hover {
	color: #f73eb5 !important;
}

.template-donate-generic .funraisin-header h1 span {
    font-family: "Intro-Black"!important;
    font-weight: 400;
}

    .custom-model-main {
      text-align: center;
      overflow: hidden;
      position: fixed;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0; /* z-index: 1050; */
      -webkit-overflow-scrolling: touch;
      outline: 0;
      opacity: 0;
      -webkit-transition: opacity 0.15s linear, z-index 0.15;
      -o-transition: opacity 0.15s linear, z-index 0.15;
      transition: opacity 0.15s linear, z-index 0.15;
      z-index: -1;
      overflow-x: hidden;
      overflow-y: auto;
    }
    
    .model-open {
      z-index: 99999;
      opacity: 1;
      overflow: hidden;
    }
    .custom-model-inner {
      -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
      transform: translate(0, -25%);
      -webkit-transition: -webkit-transform 0.3s ease-out;
      -o-transition: -o-transform 0.3s ease-out;
      transition: -webkit-transform 0.3s ease-out;
      -o-transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out;
      transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
      display: inline-block;
      vertical-align: middle;
      width: 600px;
      margin: 30px auto;
      max-width: 97%;
    }
    .custom-model-wrap {
      display: block;
      width: 100%;
      position: relative;
      background-color: #fff;
      border: 1px solid #999;
      border: 1px solid rgba(0, 0, 0, 0.2);
      border-radius: 6px;
      -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
      background-clip: padding-box;
      outline: 0;
      text-align: left;
      padding: 20px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      max-height: calc(100vh - 70px);
    	overflow-y: auto;
    }
    .model-open .custom-model-inner {
      top: 40%;
      -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
      transform: translate(0, 0);
      position: relative;
      z-index: 999;
    }
    .model-open .bg-overlay {
      background: rgba(0, 0, 0, 0.6);
      z-index: 99;
    }
    .bg-overlay {
      background: rgba(0, 0, 0, 0);
      height: 100vh;
      width: 100%;
      position: fixed;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
      z-index: 0;
      -webkit-transition: background 0.15s linear;
      -o-transition: background 0.15s linear;
      transition: background 0.15s linear;
    }
    .close-btn {
      position: absolute;
      right: 0;
      top: -30px;
      cursor: pointer;
      z-index: 99;
      font-size: 30px;
      color: #fff;
    }

/*
#join-share .share-facebook {
    display: none;
}

#join-share .share-twitter {
    display: none;
}
*/

.template-login-dashboard #Events .white.event-panel .btn.btn-tertiary.btn-sm{
    border-color: #0087cd;
    background: #0087cd;
}

.calendar {
    position: relative;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 5px 20px rgb(0 0 0 / 25%);
    border-radius: 8px;
    overflow: hidden;
    min-height: 250px;
    border: 5px solid #FF3EB5;
}

.calendar__days {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.calendar__day {
    display: flex;
    flex: 1 0 14.2%;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-weight: 600;
    background: #FF3EB5;
    color: #ffffff;
    font-size: 20px;
}

.calendar__dates {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
}

.calendar__number {
    display: flex;
    flex: 1 0 14.2%;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-weight: 600;
    /*float: left;*/
    /*width: 14.28%;*/
    /*padding: 40px;*/
    position: relative;
}

.complete {
    /*background: #db4699;*/
    color: #fff !important;
    font-weight: 700;
}

.complete:before {
  content: "✓";
  position: absolute;
  font-size: 40px;
    animation: beat .4s infinite alternate;
    transform-origin: center;
    color: #440099;
}

/* Heart beat animation */
@keyframes beat{
	to { transform: scale(1.1); }
}


     #confetti {
      position: absolute;
      width: 100%;
      height: 100%;
      pointer-events: none;
      z-index: 1000;
    }

/*Badges font size*/
#Badges p {
    font-size: 15px;
    line-height: 150%;
}

/*registration tabs*/
.registration-steps .container {
    display: flex;
    justify-content: center;
    align-items: center;
}
.registration-steps .container ul {
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.registration-steps .container ul li {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.registration-steps .container ul li a {
    word-break: break-word;
    width: 240px;
    white-space: normal;
    line-height: 140%;
    padding: 10px 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
}
.registration-steps .container ul li a .fa {
    margin-left: 5px;
}
/*registration tabs*/

/*May 25, 2023. CSS to change the color of Login button sticky nav*/
.funraisin-sticky-nav  .container .vertical-align .nav li .btn-login {
    color: white !important;
}

.nav-tabs li.active a {
    color: #000;
}
/*#tabcreateaccount .funraisin-form .section {*/
/*	    margin: inherit!important;*/
/*    }*/
/*#tabcreateaccount {padding:unset!important;}*/

        .bg-img_cross{
        background-position: right !important;
        background-size: 600px !important;
        background-repeat: no-repeat !important;
    }
            .title h1{
        font-size: clamp(30px, 5vw, 60px);
    }
    
    .title h2{
        font-size: clamp(30px, 5vw, 42px);
    }
    
   .breathing{ 
         animation: 3s infinite alternate ease-out breathing-color--dark;
    }

@keyframes breathing-color--dark {
     0% {
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }

 
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

#Footer .funraisin-footer-legals > .container > .row > .col-xs-6 > a > img {
	max-width: 165px !important;
}