/* Bootstrap 4 Faux*/
/*Bootstrap 4 - Button Group */
.btn-group,.btn-group-vertical{position:relative;vertical-align:middle;display:flex;flex-wrap:wrap;align-content:space-between}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;flex:1 1 auto}.btn-group-vertical>.btn-check:checked+.btn,.btn-group-vertical>.btn-check:focus+.btn,.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn-check:checked+.btn,.btn-group>.btn-check:focus+.btn,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1}.btn-toolbar{display:flex;flex-wrap:wrap;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:nth-child(n+3),.btn-group>:not(.btn-check)+.btn{border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropend .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropstart .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{flex-direction:column;align-items:flex-start;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn~.btn{border-top-left-radius:0;border-top-right-radius:0}

/*Bootstrap 4 - Input Group */
.input-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;margin-bottom:0}.input-group>.custom-file:focus,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control{margin-left:-1px}.input-group>.custom-select:not(:last-child),.input-group>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:last-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label::before{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:first-child) .custom-file-label::before{border-top-left-radius:0;border-bottom-left-radius:0}.input-group-append,.input-group-prepend{display:-webkit-box;display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>.input-group-text:not(:last-child),.input-group>.input-group-append:not(:last-child)>.btn,.input-group>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}

/*Bootstrap 4 - Modals */
.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1060;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:transform .3s ease-out;transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{transform:none}.modal.modal-static .modal-dialog{transform:scale(1.02)}.modal-dialog-scrollable{height:calc(100% - 1rem)}.modal-dialog-scrollable .modal-content{max-height:100%;overflow:hidden}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:flex;align-items:center;min-height:calc(100% - 1rem)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1050;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.modal-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;padding:1rem 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .btn-close{padding:.5rem .5rem;margin:-.5rem -.5rem -.5rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;flex-wrap:wrap;flex-shrink:0;align-items:center;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{height:calc(100% - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.modal-fullscreen{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen .modal-header{border-radius:0}.modal-fullscreen .modal-body{overflow-y:auto}.modal-fullscreen .modal-footer{border-radius:0}@media (max-width:575.98px){.modal-fullscreen-sm-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-sm-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-sm-down .modal-header{border-radius:0}.modal-fullscreen-sm-down .modal-body{overflow-y:auto}.modal-fullscreen-sm-down .modal-footer{border-radius:0}}@media (max-width:767.98px){.modal-fullscreen-md-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-md-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-md-down .modal-header{border-radius:0}.modal-fullscreen-md-down .modal-body{overflow-y:auto}.modal-fullscreen-md-down .modal-footer{border-radius:0}}@media (max-width:991.98px){.modal-fullscreen-lg-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-lg-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-lg-down .modal-header{border-radius:0}.modal-fullscreen-lg-down .modal-body{overflow-y:auto}.modal-fullscreen-lg-down .modal-footer{border-radius:0}}@media (max-width:1199.98px){.modal-fullscreen-xl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xl-down .modal-header{border-radius:0}.modal-fullscreen-xl-down .modal-body{overflow-y:auto}.modal-fullscreen-xl-down .modal-footer{border-radius:0}}@media (max-width:1399.98px){.modal-fullscreen-xxl-down{width:100vw;max-width:none;height:100%;margin:0}.modal-fullscreen-xxl-down .modal-content{height:100%;border:0;border-radius:0}.modal-fullscreen-xxl-down .modal-header{border-radius:0}.modal-fullscreen-xxl-down .modal-body{overflow-y:auto}.modal-fullscreen-xxl-down .modal-footer{border-radius:0}}


/*Loader Animation - add <span class="loader"></span> to buttons*/
.loader {
  font-size: 10px;
  margin: 0px auto;
  text-indent: -9999em;
  width: 25px;
  height: 25px;
  display:inline-block;
  vertical-align: middle;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}
.loader:after {
  background: #555;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



.hide {display:none;}





/*** FORMS ***/
.grecaptcha-badge { visibility: hidden; }

:root {
  --forms_1: #17b6c5; /*teal*/
  --forms_2: #006f7a; /*dark teal*/
  --forms_3: #f7a823; /*orange*/
  --forms_4: #FDC300; /*yellow*/
}


.margin-top-25 {margin-top:25px;}


form {max-width:800px; margin:25px auto;}
#form-newsletter {max-width:unset;}
form.hide-labels label:not(.switch):not(.btn) {display:none;}

form input[type=search] {background-color:#fff;}
#search-page-search-box a.fl-button:hover {border-color:var(--forms_1)}

.form-group {margin-bottom:10px;}
.form-group-lg .form-control {
	border-radius:4px; -webkit-border-radius:4px;
	background:#ffffff;
	box-shadow:none;
}
.form-group-lg textarea.form-control { height:auto; }

.form-group-lg .control-label {
	padding-top: 8px;
	font-family: sans-serif;
	font-size: 19px;
	font-weight: 300;
	line-height: 1.5;
}

.form-group button, .form .btn-group .btn, .form-group button:focus {
	font-size: 17px;
	line-height: 18px;
	padding: 12px 24px;
	background:#fff;
	color:var(--forms_1);	
	border-radius:4px; -webkit-border-radius:4px;
	border:1px solid #dddddd;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	box-shadow:none;
}
.form .btn-group .btn {color: #5d5d5d;}
.form-group button.shadow, .form .btn-group .btn.shadow {
	-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);
	box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);
}
.form .btn-secondary {
	color: #888;
    font-size: 15px;
}


.form-group button:hover,
.form-group button:active,
.form .btn-group .btn:hover,
.form .btn-group .btn:active,
.form .btn-group .btn:focus,
.form .btn-group .btn.active {background:var(--forms_3); border-color:var(--forms_3); color:#fff; outline:0;}


.form .btn-primary {
	border-color: var(--forms_3);
	color:var(--forms_3);
}
.form .btn-primary:hover,
.form .btn-primary:active {border-color: var(--forms_3);}




.form-group input[type=text], .form-group input[type=password], .form-group input[type=email], 
.form-group input[type=tel], .form-group input[type=date], .form-group input[type=month], 
.form-group input[type=week], .form-group input[type=time], .form-group input[type=number], 
.form-group input[type=search], .form-group input[type=url], .form-group textarea, .form-group select {
	font-size:17px; min-height:45px;
}

.form-group button .icon {
    width: 23px; height: 23px; margin-left:5px;
    fill:var(--forms_1); vertical-align:sub;
}
.form-group button:hover .icon,
.form-group button:active .icon,
.form-group button:focus .icon {fill:#fff;}



.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled.focus, .btn-primary.focus[disabled], fieldset[disabled] .btn-primary.focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary.active[disabled], fieldset[disabled] .btn-primary.active {
	background:#555; color:#eee;
}




.form-group input[type=text]:focus, .form-group input[type=password]:focus, .form-group input[type=email]:focus, .form-group input[type=tel]:focus, .form-group input[type=date]:focus, .form-group input[type=month]:focus, .form-group input[type=week]:focus, .form-group input[type=time]:focus, .form-group input[type=number]:focus, .form-group .form-group input[type=search]:focus, .form-group input[type=url]:focus, .form-group textarea:focus, .form-group select:focus {border-color:var(--forms_3);}





.form .btn-group {margin:25px auto;}
.form .btn-group .btn {
    width: auto;
    min-width: 70px;
    height: 45px;
	font-size: 19px;
    line-height: 21px;
}
.form .btn-group .btn input[type=radio] {display:none;}
.form .btn i.fa-chevron-right {
	font-size: 125%;
    vertical-align: bottom;
}
.form .btn-primary i.fa-chevron-right {vertical-align: middle;}

.btns-margin .btn {margin:0px 15px 15px 15px}


form.form h3, form.form h4 {margin-top:0}
form .form-step {margin-top:25px;}
form .margin-bottom-25 {margin-bottom:25px;}
form .low-opacity {opacity:0.5;}
form .justify-content-between { display: flex; justify-content: space-between;}
form .v-align-center > * {vertical-align:middle;}
form .card-active {
    width: 95%;
    margin: 5px auto 25px auto;
    padding: 25px;
    border:1px solid #dddddd;
	border-radius:4px;
	-webkit-border-radius:4px
}
form .card .title {font-weight: bold; margin-bottom:10px;}
form .card p {margin-bottom:10px !important;}
form .card p.small {font-size:80%; line-height:150%;}



form .help-block {margin:0px;}
form .help-block.with-errors {font-size:13px; line-height:15px; color:#a94442; text-align:left}
form .help-block.with-errors ul {margin:0px;}
form .help-block.with-errors li {margin:5px 0px;}


#consent_terms p {margin:0px; font-size:12px; line-height:16px; opacity:0.8}
#consent_terms a {color:red;}
#consent_terms a:hover {color:red;}








/** Action Forms **/
#mp_info {}
#mp_postcode {max-width: 500px; width:95%; margin: 25px auto;}
#mp_info .card { max-width: 600px; width:95%; 
    margin: 25px auto;
    border-radius: 4px;
    overflow: auto;
    padding: 25px 25px 25px 0;
    box-shadow: 0 0 10px 0px rgb(0 0 0 / 15%);
}
#mp_info #mp_img { max-width: 150px; float: left; margin: 0 50px;}
#mp_info .mp_pic_name {margin-top:25px;}


#form-email-mp .mt-4 {margin-top:80px;}
#email_body_edit_toolbar {margin-top:25px; justify-content: center;}
#email_body_edit_toolbar .btn-group {margin:0 15px 10px 5px}
#email_body_edit_toolbar .btn-group button {
	font-size: 15px;
    font-weight: normal;
    padding: 8px 13px;
    box-shadow: none; margin-right: 2px;
}

#email_body_edit { height: 500px; overflow-y: scroll; margin-bottom:25px}


@media only screen and (max-width: 600px) {
  #mp_info .mp_pic_name {text-align:center;}
  #mp_info #mp_img {display: block; float: none; margin: 25px auto;}
}




.confirm_content {
    padding: 35px 25px;
    margin: 35px auto;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 25%);
}
.confirm_content .share-icons {margin-top:25px;}
.confirm_content .share-icons > a {display: inline-block;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    padding-top: 9px;
}
.confirm_content .share-icons > a .d-none {display:none;}


















/** DONATE FORM SPECIFIC **/
#fund_display h3 {margin: 0; color:var(--forms_3);}
.fund_change {font-size:14px; vertical-align: bottom; display: inline-block;}
#donation_desc { color:var(--forms_3); font-size: 125%; margin-top:25px;}
.switches > span {display:inline-block; vertical-align: top; padding-top: 4px; }

#donation_info h4 {font-weight:normal; margin-top:25px; color:#5d5d5d}



.donation-summary {
	width: 100%;
    margin: 0px auto 50px auto;
    padding: 25px 15px 15px 15px;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.donation-summary h3 {color:var(--forms_3); margin-top:0; display:inline-block; margin-right:8px;}
.donation-summary .cart_total_oneoff,
.donation-summary .cart_total_monthly { display:inline-block; margin-right:8px; }
.donation-summary .cart_total_oneoff + .cart_total_monthly {padding-left:10px} 

.donation-summary .cart_total_oneoff > span,
.donation-summary .cart_total_monthly > span { font-size: 25px; color:var(--forms_3); font-weight:600}

.donation-summary .form-group button.btn-secondary, 
.donation-summary .form-group button.btn-secondary:focus,
.donation-summary .form-group button.btn-secondary:hover {font-size: 15px; line-height: 16px; padding: 9px 15px;}
@media only screen and (max-width: 649px) {
	.donation-summary h3 {display:block;}	
}





#gift_aid_row > .form-group {
    margin: 45px auto 45px auto;
    padding: 25px 15px 15px 15px;
    border: 1px solid #f5f5f5;
	background:#f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
#gift_aid_row h4 {margin-top:0;}
#gift_aid_row img {float:right;}
#gift_aid_row > .form-group > p {margin-bottom:25px;}
@media only screen and (max-width: 459px) {
	#gift_aid_row img {display:none}	
}




#payment_row {
    margin: 35px auto 50px auto;
}
.credit-card-form {
    margin: 0px auto;
    padding: 20px 25px 25px 25px;
    border: 1px solid #f5f5f5;
	background:#f5f5f5;
    border-radius: 4px;
    -webkit-border-radius: 4px;
}
.credit-card-form .form-group {background: #fff;
    margin: 15px auto;
    padding: 15px 15px 10px 15px;
}

.credit-card-form .form-group .help-block.with-errors {
	margin-top: 5px;
}

.credit-card-form p img {max-width:200px; float:right; margin:0 0 15px 15px;}
@media only screen and (max-width: 630px) {
	.credit-card-form p img {display:none;}
}



.payment-methods-selection-card h4 {
    background: #f5f5f5;
    padding: 15px 20px 15px 25px;
    margin-bottom: -2px;
    border-radius: 6px 6px 0 0;
}
#payment-request-button {padding:2px 25px 0px 25px;}

@media only screen and (max-width: 425px) {
	#payment-request-button {padding: 15px 0 0 0;}
}




/** DONATE FORM - CART SPECIFIC **/
.form-notification {
	position: fixed;
    bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
    background: var(--forms_4);
    width: 95%;
    z-index: 1061;
    color: #222;
    max-width: 800px;
    padding: 10px 15px;
    font-size: 15px;
    line-height: 19px;
	border-radius:4px;
	-webkit-border-radius:4px;
	-webkit-transition: all .2s;
	transition: all .2s;
	-webkit-box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);
	box-shadow: 0 3px 10px 2px rgba(0,0,0,0.2);
}


.btn-view-cart,
.btn-view-cart:hover,
.btn-view-cart:active,
.btn-view-cart:focus {
    padding: 10px 15px;
    border-radius: 15px 0 0 0;
    border: 0px none;
    box-shadow: 0 3px 10px 2px rgb(0 0 0 / 20%);
    background: var(--forms_3);
    color: #fff;
}
.btn-view-cart:hover {box-shadow: 0 3px 10px 2px rgb(0 0 0 / 60%);}
.btn-view-cart-bottom-right,
.btn-view-cart-bottom-right:hover,
.btn-view-cart-bottom-right:active,
.btn-view-cart-bottom-right:focus {
	width: 180px;
	position: fixed;
    bottom: 0px;
	right:0px;
	top:auto;
	z-index:98;
}
.btn-view-cart span.cart-count {
	background:#fff;
	color: var(--forms_1);
    padding: 5px;
    border-radius: 50%;
	-webkit-border-radius: 50%;
    height: 27px;
	width: 27px;
    font-size: 17px;
    line-height: 15px;
    display: inline-block;
    margin-left: 5px;
	margin-bottom:-3px;
    text-align: center;
	font-weight:bold;
	font-family: sans-serif;
}





.cart_items_list {margin:30px auto;}
.cart_item {padding: 15px 5px; border-bottom: 1px solid #ddd;}
.cart_item-meta {font-size:80%; display:block}
.cart_item-meta span:not(:last-child) {border-right:1px solid #ddd; padding-right:5px; margin-right:5px;}
h3.modal-title, h4.cart_item-title {margin: 0;}

.cart_item-amount .remove-cart-item {float:right;}

.cart_totals {margin-top:25px; text-align:center}
.cart_totals:not(:first-child) {border-left:1px solid #ddd;}
.cart_totals > span {font-size:180%; line-height:125%; color: var(--forms_3); font-weight:bold}


#cart-modal .modal-body {padding:2rem 1.5rem}
#cart-modal .btn-secondary {
	color: #666; background: #fff; border: 1px solid #dddddd; font-size:80%;
}
@media only screen and (max-width: 768px) {
	.donation-summary {text-align: center !important;}
	.donation-summary > .form-group {margin-top:15px; text-align: center !important;}
	
}









/* Floating Labels */
	.has-float-label label {color:#666;}
	.form-group-lg.has-float-label .form-control {
		height:auto; min-height:40px;
		padding:16px 10px 5px 10px;
	}
	.has-float-label { display: block; position: relative; }
	.has-float-label label, .has-float-label label.control-label, .has-float-label > span {
		position: absolute;
		left: 0;
		top: 0;
		cursor: text;
		font-size: 13px;
		opacity: 0.7;
		-webkit-transition: all .2s;
				transition: all .2s;
		top: -10px;
		left: 5px;
		z-index: 3;
		line-height: 1;
		padding: 0 1px; 
	}

	.has-float-label label::after, .has-float-label label.control-label::after, .has-float-label > span::after {
		content: " ";
		display: block;
		position: absolute;
		background: transparent;
		height: 2px;
		top: 50%;
		left: -.2em;
		right: -.2em;
		z-index: -1; 
	}
	.has-float-label .form-control::-webkit-input-placeholder {	opacity: 1;	-webkit-transition: all .2s; transition: all .2s; }
	.has-float-label .form-control::-moz-placeholder { opacity: 1; transition: all .2s; }
	.has-float-label .form-control:-ms-input-placeholder { opacity: 1; transition: all .2s; }
	.has-float-label .form-control::placeholder { opacity: 1; -webkit-transition: all .2s; transition: all .2s; }
	.has-float-label .form-control:placeholder-shown:not(:focus)::-webkit-input-placeholder { opacity: 0; }
	.has-float-label .form-control:placeholder-shown:not(:focus)::-moz-placeholder { opacity: 0; }
	.has-float-label .form-control:placeholder-shown:not(:focus):-ms-input-placeholder { opacity: 0; }
	.has-float-label .form-control:placeholder-shown:not(:focus)::placeholder { opacity: 0; }
	.has-float-label .form-control:placeholder-shown:not(:focus) + * { 
		opacity: 1;
		top: 9px; left:15px;
		font-size:16px;
		font-weight:normal;
	}
	.input-group .has-float-label { display: table-cell; }
	.input-group .has-float-label .form-control { border-radius: 4px; }
	.input-group .has-float-label:not(:last-child) .form-control { border-bottom-right-radius: 0; border-top-right-radius: 0; }
	.input-group .has-float-label:not(:first-child) .form-control { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; }




	/* Toggle Switches */
	#consent.switches {
		display: flex;
		flex-wrap: wrap;
		/*justify-content: center;*/
		justify-content: flex-end;
	}
	/*#consent.switches > * {flex:1;}*/
	#consent.switches>div { text-align: right; }
	#consent small{
		font-size: 16px;
		margin-top: 15px;
		text-align: right;
		margin-right:15px;
	}
	#consent > small:first-letter {text-transform:uppercase;}
	.switch {
	  position: relative;
	  display: inline-block;
	  width: 105px;
	  height: 34px;
	  min-width:105px;
	  margin:10px 5px;
	}
	.switch input {display:none;}
	.slider {
	  position: absolute;
	  cursor: pointer;
	  top: 0;
	  left: 0;
	  right: 0;
	  bottom: 0;
	  background-color: #bbb;
	  -webkit-transition: .4s;
	  transition: .4s;
	  border-radius: 34px;
	  -webkit-border-radius: 34px;

	  font-size:14px;
	  text-align:center;
	  color:#3a3938;
	  font-weight:normal;
	  padding-top:4px;
	  height:30px;

	  -webkit-touch-callout: none;
	  -webkit-user-select: none;
	  -khtml-user-select: none;
	  -moz-user-select: none;
	  -ms-user-select: none;
	  user-select: none;
	}

	.slider:before {
	  position: absolute;
	  content: "";
	  height: 22px;
	  width: 22px;
	  left: 4px;
	  bottom: 4px;
	  background-color: white;
	  -webkit-transition: .3s;
	  transition: .3s;
	  border-radius: 50%;
	}

	input:checked + .slider {
	  background-color: var(--forms_3);
	  color:#fff;
	}

	input:focus + .slider {
	  box-shadow: 0 0 1px #40AD89;
	}

	input:checked + .slider:before {
	  -webkit-transform: translateX(75px);
	  -ms-transform: translateX(75px);
	  transform: translateX(75px);
	}


	.yes_no_switch {width: 70px; min-width: 70px; margin:5px; height: 20px;}
	.yes_no_switch .slider  {height:25px; padding-top: 2px; }
	.yes_no_switch .slider:before { height: 17px; width: 17px; }
	.yes_no_switch input:checked + .slider:before {
	  -webkit-transform: translateX(46px);
	  -ms-transform: translateX(46px);
	  transform: translateX(46px);
	}
	.yes_no_switch input:checked + .slider {text-align: left; padding-left: 15px;}

	.switches.active > span { color: var(--forms_3); }


@media only screen and (max-width: 768px) {
	.has-float-label label, .has-float-label label.control-label, .has-float-label > span { top: 5px; }
	.has-float-label .form-control:placeholder-shown:not(:focus) + * { top: 11px; }
	.form-group-lg.has-float-label .form-control {padding-bottom:2px;}
	label.yes_no_switch + span {width: calc( 100% - 85px );}


	#fund_display h3 {font-size:20px;}
}


@media only screen and (max-width: 459px) {
	form .card-active {padding:15px;}
	#consent.switches { justify-content: center; margin-top: 25px;}
	#consent small {margin-right:0}

	#fund_display > .col-auto {max-width: calc( 100% - 125px);}
	body.page-id-63 .currency_selector_row {align-items: flex-end; justify-content: flex-end;} /*DONATE PAGE*/
	body.page-id-63 .currency-switcher-btn-group { transform: scale(0.8); margin: 0; } /*DONATE PAGE*/
}