.inner-header {
    background-color: var(--color-3)
}

.entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4 {
	color: var(--color-3)
}

.entry-wrap--widest {
    padding-bottom: 0;
}

.banner-above-footer {
	display: none
}

.news-events {
    padding-bottom: 0;
}

@media (max-width: 900px) {
.news-events {
    padding-top: calc(2 * var(--space));
    padding-bottom: calc(1.5 * var(--space));
}
}

@media (max-width: 600px) {
.news-events {
    padding-top: calc(1.3 * var(--space));
    padding-bottom: calc(0.8 * var(--space));
}
}

@media (max-width: 1200px) {
.news-events .btn--small {
    margin-bottom: 0px;
}
}


/* SUB TITLE */
	
.hero-sub-title {
	background: #0A2240;
	padding: 60px 0;
	position: relative;
	width: 100%;
}

@media screen and (max-width: 1400px) {
.hero-sub-title {
	padding: 40px 0px;
}	
}

@media screen and (max-width: 450px) {
.hero-sub-title {
	padding: 20px 0px;
}	
}

.hero-sub-title h3, .hero-sub-title h4 {
    font-family: museo-sans-display, sans-serif;
    font-weight: 400;
    font-size: 2vw;
    color: #fff;
display: block;
    margin-bottom: 38px;
	margin-top: 33px;
	text-transform: none;
	text-align: center;
	margin: 0 auto 0;
}

.hero-sub-title h3::before {
display: block;
	content: "";
    background: url("../images/intro-arrow-bg.svg") center no-repeat;
    position: absolute;
width: 60px;
	height: 50px;
	top:55px;
left: 50%;
  margin-left: -30px;
}

@media screen and (max-width: 1000px) {	
.hero-sub-title h3::before {
	top:35px;
}
}

@media screen and (max-width: 1000px) {
.hero-sub-title h3::before {
	top:25px;
width: 50px;
	height: 42px;
  margin-left: -25px;
}
}
	
.hero-sub-title h3 {
padding-top: 75px;
}

.hero-sub-title h4 {
    font-size: 1.6vw;
	margin-bottom: 35px;
	margin-top: 20px
}

@media screen and (max-width: 1000px) {
.hero-sub-title h3 {
padding-top: 55px;
}
}

@media screen and (min-width:1700px) {
.hero-sub-title h3 {
    font-size: 34px;
}	
}

@media screen and (max-width: 1250px) {
.hero-sub-title h3 {
    font-size: 28px;
}

.hero-sub-title h4 {
    font-size: 24px;
}	
}

@media screen and (max-width: 767px) {
.hero-sub-title h3 {
    font-size: 24px;
}

.hero-sub-title h4 {
    font-size: 20px;
}	
}

@media screen and (max-width: 600px) {
.hero-sub-title h3 {
    font-size: 22px;
}	
}

@media screen and (max-width: 450px) {
.hero-sub-title h3 {
    font-size: 18px;
padding-top: 65px;
}	
}

.s-intro {
  padding-top: 9.2rem;
  padding-bottom: 9.2rem;
  min-height: 40rem;
	padding-left: 0;
  background-color: var(--color-3);
  background-size: 760px 380px;
  position: relative;
	width: 100%;
	margin-bottom: 30px;
	display: flex
}

.intro-content {
    max-width: 1900px;
    position: relative;
}
	
#about {
    background-color: var(--color-3);
}

/** DONATE FORM **/

.form-styling input[type="email"], .form-styling input[type="number"], .form-styling input[type="search"], .form-styling input[type="text"], .form-styling input[type="tel"], .form-styling input[type="url"], .form-styling input[type="password"], .form-styling textarea, .form-styling select, .act-stripe {
    width: 100%;
    background-color: white;
    border: 1px solid transparent;
    border-radius: 0;
	border-color: rgba(155,155,155,0.40);
	margin-top: 0;
}

.form-styling .qtr-width input[type="text"] {
	width: 40%
}

.form-styling label {
    font-family: var(--font-2);
    font-weight: 600;
    color: var(--color-text);
	font-size: var(--text-xl);
}

.form-styling label span {
    font-family: var(--font-1);
    font-weight: 600;
    color: var(--color-text);
	font-size: var(--text-md);
	top: -6px;
}

.form-styling label>input[type="checkbox"], .form-styling label>input[type="radio"] {
	width: 0.8em;
    height: 0.8em;
	margin-bottom: 12px;
	margin-left: 0px;
}

.form-styling #Amount {
    width: calc(40% - 50px)!important;
}

.form-styling #AmountPrefix {
    background-color: var(--color-3);
    border: 0px solid #ccc;
    color: white;
	font-family: var(--font-2);
	font-size: var(--text-xxl);
	font-weight: bold;
    padding: 28px 2px 14px;
    width: 55px;
	height: 63px;
    vertical-align: middle;
    line-height: 0em;
    border-radius: 0px;
}

.form-styling .btn {
	background-color: var(--color-3);
	border: 2px solid var(--color-3);
	color: white;
	width: 100%;
	text-transform: uppercase;
}

.form-styling .btn:hover {
	background-color: var(--color-btn-primary);
	border: 2px solid var(--color-btn-primary);
	color: white;
}

.form-styling label,
.form-styling legend {
    display       : block;
	margin-bottom: 14px
}

.act-stripe, .act-stripe input  {
    width: 100%!important;
    background-color: white;
    border-radius: 0;
	
	margin-top: 0;
	
	--input-height: var(--vspace-2);
    --input-line-height: var(--vspace-1);
    --input-vpadding: calc(((var(--input-height) - var(--input-line-height)) / 2) - 1px);
    display: block;
    height: var(--input-height);
    padding: 20px calc(2.4rem - 1px) var(--input-vpadding) calc(2.4rem - 1px);
    outline: 0;
    color: var(--color-placeholder);
    font-family: var(--font-1);
    font-size: var(--text-sm)!important;
    font-size: calc(var(--text-size) * 0.8889)!important;
    line-height: var(--input-line-height);
    max-width: 100%;
    transition: all .3s ease-in-out;
	border-color: rgba(155,155,155,0.40);
	margin-bottom: var(--vspace-1);
}

.stripe-half {
	width: 50%
}

/** DONATE FORM - TYPOGRAPHY **/

.form-styling h2 {
    margin-bottom: var(--vspace-1);
    color: var(--color-3);
	padding-left: 10px
}
.form-styling p {
    font-size: 16px;
	line-height: 18px
}

/** DONATE FORM - TABLE **/

.form-styling td {
    padding: 0 10px;
    border-bottom: none;
}

@media screen and (max-width: 650px) {
.form-styling  table {
    margin-bottom: 0px;
}
.form-styling h2 {
    margin-bottom: var(--vspace-0_5);
}
.form-styling td {
    display:block;width:99.9%;clear:both
}
.form-styling input[type="email"], .form-styling input[type="number"], .form-styling input[type="search"], .form-styling input[type="text"], .form-styling input[type="tel"], .form-styling input[type="url"], .form-styling input[type="password"], .form-styling textarea, .form-styling select {
    margin-bottom: 16px;
}
.form-styling label {
    font-size: 22px;
	line-height: 24px;
	margin-bottom: 6px;
}
.form-styling label span {
    font-size: 16px;
}	
.form-styling label>input[type="checkbox"], .form-styling label>input[type="radio"] {
    top: 1px;
}
.form-styling #Amount {
    width: calc(100% - 50px)!important;
}
.form-styling .btn {
    margin-top: 30px
}
.form-styling p {
    font-size: 12px;
	line-height: 14px
}
.stripe-half {
	width: 100%
}
.act-stripe, .act-stripe input  {
	margin-bottom: 16px;
}
}

.manual_address_link {
	margin: -15px 0 20px;
}

.required {
	font-family: var(--font-1)!important;
	font-size: 16px;
	color: rgba(0,0,0,0.56);
	margin-bottom: 6px;
}

h3.donation-details {
	text-align: center
}

/** DONATE FORM - JD **/

.gf_page_steps {
    margin-bottom: 36px!important;
	padding-top: 20px!important;
	padding-bottom: 20px!important;
	display: flex!important;
	flex-grow: 1;
}
.gf_step {
	flex-grow: 1;
	text-align: center;
	font-family: var(--font-1);
    font-weight: 600;
    font-size: var(--text-xs);
    text-transform: uppercase;
	color: rgba(0,0,0,0.68)
}

.gf_step_number {
	background: rgba(0,0,0,0.38);
  	border-radius: 0.8em;
  	-moz-border-radius: 0.8em;
  	-webkit-border-radius: 0.8em;
  	color: #ffffff;
  	display: inline-block;
  	font-weight: bold;
  	line-height: 1.6em;
  	margin-right: 5px;
  	text-align: center;
  	width: 1.6em; 
}

.gf_step_active .gf_step_number {
	background: var(--color-2);
  	color: #ffffff;	
}

input, textarea, select {
    font-size: 18px!important;
	margin-top: 14px!important;
}

.gchoice {
	margin-top: 6px
}

.gfield_label {
    font-family: var(--font-1)!important;
    font-weight: 600!important;
    color: var(--color-text)!important;
    font-size: var(--text-xl)!important;
    margin-bottom: 14px!important;
}

.form-styling label span {
    font-family: var(--font-1);
    font-weight: 600;
    color: var(--color-text);
    font-size: var(--text-md);
    top: -6px;
}

.gfield-choice-input+label, .gfield_radio label {
    margin-top: -3px;
	margin-left: 12px!Important;
    max-width: calc(100% - 22px);
    vertical-align: top;
    display: inline-block;
    font-size: var(--text-md)!important;
    font-family: var(--font-1)!important;
    font-weight: 600!important;
    color: var(--color-text)!important;
}

@media screen and (max-width: 700px) {
.gfield-choice-input+label, .gfield_radio label {
    font-size: 18px!important;
}	
.gfield_label {
    font-size: 22px!important;
    margin-bottom: 10px !important;
}
}

/** HACK FOR 'AFTER' LABEL **/

/* I've commented this out on 26/09 because it's handled in the options now - John
label[for="donation_gift_aid"]:after {
    content:"I want to Gift Aid my donation and any donations I make in the future or have made in the past 4 years, to Addenbrooke’s Charitable Trust. I am a UK taxpayer and understand that if I pay less Income Tax and/or Capital Gains Tax than the amount of Gift Aid claimed on all of my donations in that tax year it is my responsibility to pay any difference. Addenbrooke’s Charitable Trust will claim 25p on every £1 donated.\A \AGift Aid on donations will be used wherever the need is greatest.";
	display:inline-block;
	font-family: var(--font-1)!important;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	white-space: pre-wrap;
}
*/

label[for="donation_gift_aid"]{
	max-width: calc(90% - 22px)!important;
	
}

.gift_aid_declaration h3 {
	clear: none;
}

.gift_aid_declaration img {
	margin-bottom: 0;
}

/* I've commented this out on 26/09 because it's handled in the options now - John
.gift_aid_declaration:last-of-type:after {
	content:"ACT will post you occasional updates, news and fundraising appeals that we think you will be interested in. You can update your communication preferences at any time by emailing hello@act4addenbrookes.org.uk";
	display:block;
	font-family: var(--font-1)!important;
	font-size: 16px;
	font-weight: 400;
	line-height: 18px;
	margin-top: 22px;
	margin-bottom: 24px;
}
*/

/** END HACK FOR 'AFTER' LABEL **/

.gform_fields {
    grid-row-gap: 30px!important;
}

fieldset {
    margin-bottom: var(--vspace-0_5);
    padding: 0;
	border: 0!Important
}

.gfield-choice-input, [type="checkbox"], [type="radio"] {
    width: 1.2em!important;
    height: 1em!important;
    margin-top: 0px!important;
    margin-left: 0px!important;
	max-width: none!important;
	margin-bottom: 0px;
}

.gform_page_footer button {
	background-color: var(--color-3);
	border: 2px solid var(--color-3);
	color: white;
	width: 45%;
	text-transform: uppercase;
	
--btn-height: var(--vspace-btn);
    display: inline-block;
    font-family: var(--font-1);
    font-weight: 600;
    letter-spacing: .20em;
    height: var(--btn-height);
    line-height: calc(var(--btn-height) - 4px);
    padding: 0 3.6rem;
    margin: 0 0 var(--vspace-0_5) 0;
    text-decoration: none;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    transition: all .3s;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gform_page_footer .gform_previous_button.button {
	margin-right: 9%
}


.gform_page_footer button:hover {
	background-color: var(--color-btn-primary);
	border: 2px solid var(--color-btn-primary);
	color: white;
}

.gform_page_footer {
    margin: 32px 0 0!important;
}

.cc-donation-form {
	
}

#paypal-button-container {
	text-align: center;
	margin-bottom: 12px;
}

.StripeElement {
	border: 1px solid rgba(155,155,155,0.40);
	border-radius: var(--border-radius);
	margin-top: 14px;
	margin-bottom: 24px;
	padding: 23px 23px 15px;
	height: 64px;
}

.StripeElement.focus,
.StripeElement--focus {
	box-shadow: 0 0 5px rgba(61,161,187,1);
}

#payment-form [aria-invalid="true"],
.StripeElement.invalid {
	border: 1px solid var(--color-error-content);
	box-shadow: 0 0 5px var(--color-error-content);
}

#payment-form .validation_message {
	color: var(--color-error-content);
	margin-bottom: 12px;
	margin-top: -6px
}

.StripeElement--error {
	box-shadow: 0 0 5px var(--color-error-content);
}

.StripeElement-PaymentRequestButton {
	max-width: 750px;
	margin: 0 auto 24px auto;
}

.cc-donation-form .error.visible {
    padding: 15px 15px 10px 15px;
	background-color: var(--color-error-content);
	margin-bottom: 20px;
	color: white;
}

.cc-donation-form .error.visible .message {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px
}

.cc-donation-form .error.visible a {
	color: white;
}

.cc-donation-form .error.visible svg {
	margin-top: 3px
}

.cc-donation-form .error.visible p {
    margin-bottom: 20px;
}
/** HIDE MENU ON DONATION PAGES **/

.act-header__nav, .act-header__menu-toggle, .act-header__search-trigger, .act-header__search-trigger svg, button.act-header__search-trigger {display:none}

@media screen and (min-width: 1401px) {
.act-content--page .entry-wrap {
    padding-top: 130px;
}
}

@media screen and (max-width: 1400px) {
.act-content--page .entry-wrap {
    padding-top: 70px;
}
}

@media screen and (min-width: 1201px) {
.act-header {
    padding: var(--vspace-2) 0 var(--vspace-1_25);
}
}

.act-header {
	border-bottom: solid 1px rgba(227,227,227,1.00)
}

@media screen and (max-width: 1200px) {
.act-header {
    height: 90px
}
	
.act-content--page .entry-wrap {
    padding-top: 50px;
}
}

@media screen and (max-width: 600px) {
.act-header {
    height: 70px
}
.act-header__branding img {
    margin-top: 10px;
	margin-bottom: 10px
}
}