/* Overwrites of the US True Friends default.css  */

p {
	padding:0;
}

:focus {
    outline:none !important;
}

#floating-panel {
	z-index:99999;
}

#floating-menu {
	background:#f2f2f2;
}

.header {
	z-index:3000;
}

.firstcontainer {
	z-index:3001 !important;
}

input:-webkit-autofill, 
textarea:-webkit-autofill, 
select:-webkit-autofill {
	-webkit-text-fill-color: #707070;
	background-color: #FFF !important;
	-webkit-box-shadow: 0 0 0px 1000px white inset;
}

input[type="button"],
input[type="submit"],
input[type="text"],
input[type="password"] {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
}

.fundraiser-name {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:3rem;
}

.gamma h4 {
	color: #0054a6;
	border: none;
	border-width: 0;
	color: #0b5195;
	font-size: 1.75rem;
	font-weight: 700;
	line-height: 2.5rem;
	padding:0;
	margin:1rem 0 0;
}

.page-thermometer,
/*.gamma .lplacement,*/
.page-raised,
.DonorRollWidget-amount {
	display:none;
}

.alpha,
.page-info {
    background-color: white;
}

.lplacement,
.cplacement {
    padding: 0 2rem 2rem;
}

.form-panel {
	border:none !important;
	padding:1rem !important;
	margin-bottom:1rem !important;
}

#donation_form_body .form-panel {
	padding-left: 0 !important;
}

#donation_form_wrapper,
#donation_form_body,
#donation_form_body .form-panel {
	width: 100% !important;
}

#donation_form_wrapper {
	min-height: 2160px !important;
	overflow:visible !important;
}

/*overrides to fix issue with right column after donate click*/

@media only screen and (max-width: 991px),
only screen and (max-device-width: 991px) {
	#donation_form_wrapper {
    min-height: 1960px !important;
	}
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
	#donation_form_wrapper {
    min-height: 2460px !important;
	}
}

@media only screen and (max-width: 576px),
only screen and (max-device-width: 576px) {  

  #donation_form_wrapper {
  	min-height: 2560px !important;
  }
}

.field-cover {
	padding:0 !important;
}

.column-title a {
	background-color: #115ca4 !important;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1.8rem;
}

.column-title a,
.column-title {
	background-color: #115ca4 !important;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1.8rem;
}

.column-title a:hover {
	color:white;
}

.beta-max,
.beta-maxd {
	background-color: #ddeefe;
}

#sign-up p {
	font-size:1.5rem;
	font-weight:600;
}

#inline_donation_form p,
#donation_form_wrapper p,
#profile_update p {
	font-size:1.5rem;
}

#donation_form input[type="text"], 
#donation_form input[type="password"], 
#donation_form select, 
#donation_form textarea,
#donation_form input[type="text"], 
#donation_form input[type="password"], 
#donation_form select, 
#donation_form textarea, 
#donation_form .amp-input {
	border: 1px solid #bebebe;
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#707070;
	background-color: #FFF;
	border-radius: 3px;
}

#profile_update input[type="text"], 
#profile_update input[type="password"], 
#profile_update select, 
#profile_update textarea,
#password_update input[type="text"], 
#password_update input[type="password"], 
#password_update select, 
#password_update textarea {
	border: 1px solid #999;
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#707070;
	background-color: #FFF;
	border-radius: 3px;
}

#sign-up input[type="text"], 
#sign-up input[type="password"], 
#sign-up select, 
#sign-up textarea,
#sign-up input[type="text"], 
#sign-up input[type="password"], 
#sign-up select, 
#sign-up textarea, 
#sign-up .amp-input,
#sign-in input[type="text"], 
#sign-in input[type="password"], 
#sign-in select, 
#sign-in textarea,
#sign-in input[type="text"], 
#sign-in input[type="password"], 
#sign-in select, 
#sign-in textarea, 
#sign-in .amp-input {
	background-color: #FFF;
	border-radius: 3px;
	border: 1px solid #769bbf;
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#707070;
}

.option-cover a {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.custom-option {
	background-color:white !important;
	color:#008671 !important;
	border:1px solid #008671 !important;
}

.custom-option-selected{
	background-color:#008671 !important;
	color:#FFF !important;
	border:1px solid #008671 !important;
}

.max-row, 
.inline-row {
	padding:0.5rem 10px 0;
}

.max-row .field-cover input,
.max-row .field-cover select,
.inline-row .field-cover input,
.inline-row .field-cover select {
	margin-bottom:15px;
}

div.max-row label.formLabel {
	padding-bottom:8px;
	color:#424242;
	font-weight:600;
}

.inline-row label.formLabel {
	display:block;
	color:#424242;
	margin-bottom:1rem;
}

.optional-input-wrap {
	padding:10px 10px 0 !important;
}

.optional-input-wrap input {
	margin-bottom:0 !important;
}

#sign-up label.formLabel {
	padding-bottom:30px;
}

.facebook-login {
	border-radius:5px;
}

.custom-option {
    border-radius: 4px !important;
}

.gamma .button, 
.hq-left .button {
    padding: 0.5rem .25rem;
}

a.button:hover {
	color:white !important;
}

.button {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	border-radius:5px;
	font-weight:700;
}

.button:hover, .button_small:hover {
    text-decoration: none;
    box-shadow: none;
}

.button[value="Reset"] {
	background-color:#008671;	
	display:none;
}

.button[value="Donate"] {
	background-color:#E32A2A;	
}

.hq-button {
	font-weight:700;
}

.hq-button-mini {
    background-color: #E32A2A;
 }

 .hq-button-mini-disable {
    background-color: #999 !important;
 }

.hq-button-mini, 
.hq-button-mini-active, 
.hq-button-mini-disable {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:700;
 }

.dynamic:hover {
    background-color: #FFF !important;
}

.shade-box-search {
	background-color: transparent;
}

.button[value="Update"],
.button[value="Create Page"],
.button[value="Create Your Profile"],
.button[value="NEXT"],
.button[value="next"],
.button[value="Go To My Page"],
.button[value="Submit a Secure Gift"],
.button[value="Submit My Gift"] {
	background-color:#E32A2A;	
}

.button[value="Login"],
.button[value="Cancel"],
.button[value="previous"],
.button[value="GO TO Dashboard"],
.button[value="Go To Dashboard"] {
	background-color:#008671;
}

.button[value="Update Password"] {
	background-color:#008671;	
}

.facebook-login:hover {
	color:white;
}

#signin,
#signup {
	padding-top:30px;
}

.form-title {
	font-size:2.813rem;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:700;
	color: #0b5195;
	line-height:1.2;
	margin:0 0 1rem 0;
	padding:0;
}

.form-text a {
	font-weight: normal;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}

.form-text a:hover {
	color:#424242;
	text-decoration:underline;
}

#donation_search {
	border: 1px solid #999;
	height:35px;
}

.auto-opt-in-warning-message {
	color:#424242;
}

#donation_submit {
	background-color: #008671 !important;
	border: 1px solid #008671 !important;
	margin: 0 0 0 -1px !important;
	height: 35px !important;
}

.profile-header {
  background-color: #fff;
  margin-top:20px;
}

.dark-panel {
  background-color: #ddeefe;
}

.campaignselectlabel-active {
  border: #ddeefe solid 1px;
  background-color: #ddeefe;
}

.campaignselectname {
  font-size: 1.8rem;
  color: #0054a6;
  font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.campaignselectraised {
	display:none;
}

.hq-box-header, 
.donation_receipt_header,
.hq-page-block {
    background-color: #ddeefe;
}

.hq-page-donor {
    background-color: #ddeefe;
}

.hq-page-donor-detail {
    color: #0054a6;
}

h1.innerTitle {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight: normal;
	text-transform: none;
}

.hq-donor-name,
.hq-donor-page,
.hq-box-header {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-tabs {
    background-color: #f0f0f0;
}

.hq-button, 
.hq-button-disable,
.hq-button-active {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	background-color: #008671;
	color: #fff;
  }

.hq-button:hover, 
.hq-button-disable:hover, 
.hq-button-active:hover {
   color: #fff;
 }

.pc-view a.button {
	background-color: #008671;
}


.hq-tabs a {
    color: #0b5195;
    font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-tabs a.active {
    color: #0b5195;
    font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-tabs a:hover {
    color: #0b5195;
}

.hq-title, 
.hq-title-bold,
.hq-page-info-name,
.hq-bar {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#0b5195;
}

.cg-header,
#hqmenu a.hqmenu-header {
	background-color: #ddeefe;
}

.hq-task-row a:hover,
#hqmenu a:hover {
  background-color: #f1f8ff;
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {

	.option_item {
		width: auto;
	}

	.inline-row .field-cover {
		display:block;
	}

	label.option_label {
		display: initial;
	}

	.hq-page-info-name {
		padding-right:20px;
	}
}

.hq-page-info-name a:hover {
	color:#2c9bef;
}

.hq-link-disabled {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	color:#0b5195;
	text-decoration:none;
	font-weight:normal;
}

.hq-button-mini, 
.hq-button-mini-active, 
.hq-button-mini-disable {
	background-color: #008671;
	color: #fff;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-button-mini:hover, 
.hq-button-mini-active:hover, 
.hq-button-mini-disable:hover {
	color: #fff;
}

.hq-box-header-bold {
    background-color: #115ca4;
    font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-link-fixed {
	color: #0b5195;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	background-image:none;
 }

.hq-box-header {
	background-color:white;
	color:#0b5195;
}

.hq-title-bold {
    border-color: #0b5195;
}

.hq-box {
    border:none;
}

.hq-bar {
    /*background-color: #ddeefe;*/
    background-color: #fff;
	}

.hq-fundraiser-name,
.hq-large {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
}

.hq-link {
	color: #0065B2;
	text-decoration: underline;
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	text-decoration:none;
 }

.hq-big, .hq-label {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
 }

.mobile-view a.button {
	background-color:#008671;	
	line-height:1.2;
 }

#hq_task a {
  background-color: #e5ebff;
  border: #e5ebff solid 1px;
  color:#0b5195;
  font-weight:500;
  }

.regtypewidgetoption-active {
	background-color: #ddeefe;
}

.donate-search-box-header {
	font-size:2rem;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:700;
	color: #0b5195;
	line-height:1.2;
	padding:0.5rem 0.5rem 2.5rem 1rem;
}

.shade-box, .grey-box {
	background-color: #f0f0f0;
}

.hq-bar select {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	background-color:#FFF;
	background-image: url(../images/arrow-down.png);
}

#donation_search {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
}

input#Story_Title {
    margin-bottom: 2rem;
}

input#Page_Name {
    font-size:1.6rem;
    text-align:left;
}

.form-title {
	text-transform:none;
	padding-bottom: .5rem;
}

.form-title p {
  font-size:2.5rem !important;
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-weight:700;
	color: #0b5195;
	line-height:1.2;
}

.hq-page-closed {
	color: #555555;
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size: 1.5rem;
	line-height: 1.75rem;
	font-weight: 500;
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {

	.fundraiser-title {
		padding:0 1.5rem !important;
	}
	.fundraiser-story {
		font-size:1.727375rem;
		color:#424242;
		line-height: 1.65;
		padding:0 1.5rem;
	}
	#sticky_header {
		z-index: 99999;
	}
}

@media only screen and (max-width: 641px),
only screen and (max-device-width: 641px) {

	#page_name {
	    font-size: 2.5rem;
	    line-height: 1.2;
	}

	.fundraiser-name {
		font-size: 2.25rem;
	}
}

span.at_flat_counter {
	display:none !important;
}

input[type="checkbox"] {
	vertical-align: top !important;
	margin-right:8px;
}

input[type=checkbox] {
    -webkit-transform: scale(2,2);
}

label.option_label {
	padding-left:1rem !important;
}

.inline-row .field-cover {
	align-items:flex-start;
}

.placement {
    padding: 1rem 1rem 2rem 1rem;
}

.org-title {
	background-color: #e4e4e4;
	padding: 2rem 2rem 1rem 2rem;
}

.org-description {
	background-color: #e4e4e4;
	padding: 0 2rem 2rem 2rem;
	margin-top: -1rem;
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
	label.option_label {
	    width: 86%;
	    padding-top: 0;
	}
}

@media only screen and (max-width: 480px),
only screen and (max-device-width: 480px) {

	label.option_label {
	    width: 76%;
	    padding-top: 0;
	}

	.org-title {
		background-color: #eaeaea;
		padding: 1.5rem 1.5rem 1rem 1.5rem;
	}

	.org-description {
		background-color: #eaeaea;
		padding: 0 1.5rem .5rem 1.5rem;
		margin-top: -1rem;
	}
}

/* Donation Widgets */

.search-page-block {
	border: 1px solid #d6e5f0;
}

.thermometer_search {
	background-color:#efefee;
}

.search-page-info-name {
	font-family:'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	color: #0065B2;
	line-height: 1.5rem;
}

.search-page-info-name a:hover {
	color:#2c9bef;
	text-decoration:none;
}

.therm_progress_search {
	font-family: 'Roboto',Arial,Helvetica Neue,Helvetica,sans-serif;
	font-size:13px;
}

.search-page-name {
	color: #000;
}

.donate_display .search-button {
	background-color: #fff;
	border-radius: 5px;
	font-family: 'Roboto Slab',Arial,Helvetica Neue,Helvetica,sans-serif;
	border: 1px solid #0065B2;
	color: #0065B2;
}

.donate_display .search-button:hover {
	color:#2c9bef;
	border: 1px solid #2c9bef;
}

.progressBar_therm_search div {
    background-color: #56bdf3;
    border-radius: 10px;
}

.donate-result-grid .donate-result-therm {
	display: none;
}

.donate-result-bottom {
	display: none;
}

.dplacement {
	padding: 3.5rem 2rem 5.5rem 2rem;
}

.en__field__error {
	color: #c00;
	font-size: 13px;
	margin-bottom: 6px;
	line-height:1.4;
}

/* error message overrides */

.field-wrapper {
	vertical-align: top;
	display:inline-block;
}

input.amperror, 
select.amperror, 
textarea.amperror {
  border-color: #c00 !important;
}

label.amperror {
	left: 0;
	right: 0;
	top: -1.0rem;
	bottom:0;
	color:#c00;
	font-size:88% !important;
	width:auto;
	display:inline-block;
	position:relative;
	background-color:transparent;
	box-shadow:none;
	padding:0;
	border:none;
	border-radius:0;
	white-space: normal;
}

label.amperror[for="city"],
label.amperror[for="postcode"],
label.amperror[for="ccvv"] {
	white-space:normal;
}

.inline-row .field-cover {
	display: block;
 }

div.inline-row input[type="text"] {
	display:block;
}

input[type="radio"] ~ label.amperror, 
input[type="checkbox"] ~ label.amperror {
	top:0;
	left:.5rem;
	float:right;
}

/* email validator error */

.email-suggestion-list-items:not(:empty) {
	line-height:1.2;
	background:#c00 !important;
	border: #c00 solid 1px;
	border-radius: 0 0 5px 5px;
	margin-top:-15px !important;
}

.invalid-email-text {
	display:inline !important;
	padding:0 !important;
}

button.suggestion {
	font-family: 'roboto',Arial,Helvetica,sans-serif !important;
	text-transform:none !important;
	background:#c00 !important;
}

.invalid-email-text,
.suggestion-text,
button.suggestion {
	font-size: 88% !important;
}

@media only screen and (max-width: 991px),
only screen and (max-device-width: 991px) {

	label.amperror {
		font-size:90% !important;
	}

	label.amperror[for="city"],
	label.amperror[for="postcode"],
	label.amperror[for="ccvv"] {
		bottom:-1.0rem;
	}
}

@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
	.p50,
	.p33 {
		width:100% !important;
	}

	label.amperror {
		left:0 !important;
	}

	input[type="radio"] ~ label.amperror, 
	input[type="checkbox"] ~ label.amperror {
		position:relative;
		left:.5rem !important;
	}
}

/* Fixes flex issues in IE */
@media all and (-ms-high-contrast:none) {
	.search-page-info-name {
		max-width:230px;
	}
}
@media all and (-ms-high-contrast:none) and (max-width: 991px),
only screen and (max-device-width: 991px) {
	.search-page-info-name {
		max-width:200px;
	}
}
@media all and (-ms-high-contrast:none) and (max-width: 767px),
only screen and (max-device-width: 767px) {
	.search-page-info-name {
		max-width:none;
	}
}
.form-panel{
	background-color:transparent !important;
}
#floating-handle.closed {
	position:fixed;
}
/*search bar */
.firstcontainer {
	position: absolute;
	right: 0;
	z-index: 101;
	width: 100%;
	background-color: transparent !important;
	pointer-events: none;
}
.widget-search-header {
	pointer-events: auto;
	outline-style:none;
	box-shadow:none;
	border-color:transparent;
}
#searchButton {
	font-size:13px;
	line-height:1;
	border-radius: 16px;
	width:75%;
	background-color:#fff;
	-webkit-transition: background-color .4s ease-out;
  -moz-transition: background-color .4s ease-out;
  -o-transition: background-color .4s ease-out;
  transition: background-color .4s ease-out;
}
#searchButton:focus {
	background-color:#fff;
}
.img-seach {
    right: 0.5em;
}
.widget-search-header input::-webkit-input-placeholder {
	color: transparent !important;
}
.widget-search-header input:focus::-webkit-input-placeholder {
	color: transparent !important;
}
/* Firefox < 19 */
.widget-search-header input:-moz-placeholder {
	color: transparent !important;
}
.widget-search-header input:focus:-moz-placeholder {
	color: transparent !important;
}
/* Firefox > 19 */
.widget-search-header input::-moz-placeholder {
	color: transparent !important;
}
.widget-search-header input:focus::-moz-placeholder {
	color: transparent !important;
}
/* Internet Explorer 10 */
.widget-search-header input:-ms-input-placeholder {
	color: transparent !important;
}
.widget-search-header input:focus:-ms-input-placeholder {
	color: transparent !important;
}
@media only screen and (max-width: 767px),
only screen and (max-device-width: 767px) {
	#searchButton {
		display:inline;
	}
	.banner-mobile {
		padding-top: 58px;
	}
}
@media only screen and (max-width: 764px),
only screen and (max-device-width: 764px) {
	.padding {
		padding-top:0 !important;
	}
	.firstcontainer {
		display:block;
		background-color:#8ba3b8!important;
		position:fixed;
		width:100%;
		top:72px;
	}
	.firstcontainer .container-widget-search {
    	padding: 0 1rem;
	}
	.widget-search-header {
		margin:0 auto;
	}
	#searchButton {
	    display:block;
	    font-size:16px;
	    width:100%;
	    padding: 0.4em 2em .5em 1em;
	    background-color:#fff;
	}
	.widget-search-header {
	    width:75%;
	}
}
@media only screen and (max-width: 749px),
only screen and (max-device-width: 749px) {
	.firstcontainer {
		top:86px;
	}
	.nav {
		display: none;
	}
	#hqmenu.hqmenu-max {
		top: 152px;
	}
	.content {
		margin-top:151px !important;
	}
}
@media only screen and (max-width: 678px),
only screen and (max-device-width: 678px) {
	.firstcontainer {
		top:80px;
	}
	.content {
		margin-top:145px !important;
	}
}
@media only screen and (max-width: 599px),
only screen and (max-device-width: 599px) {
	.firstcontainer {
		top:74px;
	}
	.widget-search-header {
		width: 96%;
	}
	.content {
		margin-top:139px!important;
	}
}
@media only screen and (max-width: 525px),
only screen and (max-device-width: 525px) {
	.firstcontainer {
		top:96px;
	}
	.content {
		margin-top:161px !important;
	}
}
@media only screen and (max-width: 495px),
only screen and (max-device-width: 495px) {
	.firstcontainer {
		top:92px;
	}
	.content {
		margin-top:157px !important;
	}
}
@media only screen and (max-width: 460px),
only screen and (max-device-width: 460px) {
	.firstcontainer {
		top:88px;
	}
	.content {
		margin-top:153px !important;
	}
}
@media only screen and (max-width: 430px),
only screen and (max-device-width: 430px) {
	.firstcontainer {
		top:84px;
	}
	.content {
		margin-top:149px !important;
	}
}
@media only screen and (max-width: 400px),
only screen and (max-device-width: 400px) {
	.firstcontainer {
		top:78px;
	}
	.content {
		margin-top:143px !important;
	}	
}
@media only screen and (max-width: 375px),
only screen and (max-device-width: 375px) {
	.firstcontainer {
		top:75px;
	}
	.content {
		margin-top:139px !important;
	}	
}

@media only screen and (max-width: 340px),
only screen and (max-device-width: 340px) {
	.firstcontainer {
		top:70px;
	}
	.content {
		margin-top:135px !important;
	}
}