/*

Theme Name: X – Child Theme
Theme URI: http://theme.co/x/
Author: Themeco
Author URI: http://theme.co/
Description: Make all of your modifications to X in this child theme.
Version: 1.0.0
Template: x

/* ---------- Footer ---------- */

.x-colophon { background-color:#eee; }
.x-colophon .x-column {
	padding: 0 0.5em;
}
.x-colophon p.h4 { margin-top:0em; }
.x-colophon #text-11 { text-align:right; }
.x-colophon #text-11 img { max-width:200px; }

@media screen and (max-width: 64em) {
    .x-colophon #text-11 {
        display:none;
    }
}

/* ---------- Header ---------- */

span.header-tag { display:inline-block; font-size:18px; font-weight:700; margin-left:30px; }

.x-topbar-inner { padding:0; }
.x-navbar { background-color:#fff; }
.x-topbar .p-info { margin:8px 0; }
.x-topbar .x-social-global { margin-top:15px; }
	.x-topbar .x-social-global a { margin-left:10px; color:#777; }
		.x-topbar .x-social-global a:hover { color:#00933D; }
		.x-topbar .x-social-global a i { font-size:32px; }

.masthead-stacked .desktop .x-nav { margin-left:0; margin-right:0; }

p.p-info a { display:inline-block; margin-right:10px;}

.x-navbar .desktop .x-nav > li > a {
	font-weight:bold;
}

.x-navbar .desktop .x-nav > li > a:not(.x-btn-navbar-woocommerce) {
	padding-left:20px;
	padding-right:20px;
}


/* ---------- Homepage ---------- */

#emilys-story {
	position:relative;
}

#emilys-story .x-promo-content {
	position:absolute;
	bottom:0;
	background-color:transparent;
}

#emilys-story .x-promo-content p {
	color:#fff;
	text-shadow:1px 1px 1px rgba(0,0,0,0.6);
}

#emilys-story .x-promo-content a {
	margin-top:0.5em;
}

#the-facts-container {
	background:url("http://www.antibioticresearch.org.uk/wp-content/themes/x-child/images/green-bacteria-background.jpg") center center no-repeat #00933d;
	background-size:cover;
}

#the-facts {
	padding:0 2em 1.25em;
}

#the-facts p.h3, #our-research p.h3 {
	margin-top:1em;
}

#the-facts p, #the-facts ul, #the-facts a {
	color:#fff;
}

#the-facts a:hover {
	text-decoration:underline;
}

#the-facts ul {
	list-style-type:none;
}

#the-facts ul li { margin-top:0.4em; }

#the-facts ul li::before {
	font-family: "FontAwesome";
	content:"\f138";
	padding-right:0.5em;
	margin-left:-1.4em;
}

/* ---------- Donate Page ---------- */

#donation-methods .x-feature-box-text a, #press-releases .x-feature-box-text a {
	display:block;
	margin-top: 1em;
	font-weight:bold;
}

#donation-methods .x-feature-box {
		border-bottom:1px dotted #ccc;
		padding-top:25px;
	}

@media screen and (max-width: 600px) {

	#donation-methods .x-feature-box-content, #donation-methods .x-feature-box-graphic {
		display:block !important;
	}

}

#support-us-nav li {
	padding:0.5em 0;
	border-top:1px solid #ddd;
}

#support-us-nav li:first-child { border-top:none; }

/* ---------- About AR Page ---------- */

#quote-sepsis {
	background:url("http://www.antibioticresearch.org.uk/wp-content/themes/x-child/images/surgeons-performing-an-operation.jpg") center center no-repeat #00933d;
	background-size:cover;
}

#quote-cameron {
	background:url("http://www.antibioticresearch.org.uk/wp-content/themes/x-child/images/cameron-bug.jpg") center center no-repeat #00933d;
	background-size:cover;
}

.creative-button {
	margin-top:30px;
	background-color:#d12b82;
}

@media screen and (min-width: 1024px) {

.creative-button { margin-top:60px; }

}

.x-cite { color:#bbb; }

.x-promo-content h1,
.x-promo-content h2,
.x-promo-content h3,
.x-promo-content h4,
.x-promo-content h5,
.x-promo-content h6 {
	margin-top:0;
}


/* ---------- Main Content ---------- */

.x-container.offset { margin:0 auto; }
.entry-wrap { padding:0px 0; box-shadow:none; }
.x-container.width { width:96% !important }
.x-recent-posts a { padding:0; }
.x-recent-posts .x-recent-posts-content { padding:10px 20px; }

a:focus { outline: none !important; }

.isotope .isotope-item { margin-top: 20px; }
.isotope .isotope-item .entry-wrap { border:1px solid #ccc; border-top:0; box-shadow: 0px 0px 6px #ccc;}
.isotope .has-post-thumbnail .entry-featured { border: 1px solid #ccc; border-bottom:0; box-shadow: 0px 0px 6px #ccc; }

/* END */

.desktop .sub-menu {
	font-size: 14px;
}

.x-colophon {
	background-color:#fff;
	border-top: 8px solid #0b9444
}

.x-colophon.top {
	padding: 2.5em 0 2em;
}

.x-nav-wrap.mobile #menu-main-navigation-1 .menu-item-1656, .x-navbar .mobile .x-nav li.menu-item-1656 > a {
	display:block !important;
	position: fixed;
	top: 15px;
	right: 0px;
}

/*
#menu-item-1656 {
	position: absolute;
	top: 15px;
	right: 0px;
	padding: 0;
	color: #fff;
	font-weight: 700;
	z-index: 100;
	margin: 0;
}

#menu-item-1656 a, #menu-main-navigation-1 .menu-item-1656 a {
	color: #fff;
	font-size: 20px;
	padding: 0.5em 1.5em;
	height: auto;
	background-color: rgb(209, 62, 138);
	border: 1px solid rgb(135, 28, 88) ;
	border-radius: 30px;
	transition: background-color 0.4s;
	text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

#menu-item-1656 a:hover {
	background-color: #c60965;
}

*/

#donate-container {
	position: fixed;
	z-index: 3000;
	left: 50%;
	top: 0;
	width: 100%;
	max-width: 1280px;
	transform: translateX(-50%);
}

#donate-container > div {
	position: relative;
}

#donate-button, #join-button {
	position: fixed;
	color: #fff;
	font-size: 20px;
	padding: 0.25em 1.5em;
	height: auto;
	background-color: rgb(209, 62, 138);
	border: 1px solid rgb(135, 28, 88) ;
	border-radius: 3px;
	transition: background-color 0.4s;
	text-shadow: 0 0.075em 0.075em rgba(0,0,0,0.5);
}

#donate-button:hover, #join-button:hover {
	background-color: #c60965;
}

#donate-button {
	position: fixed;
	top: 15px;
	right: 0;
}

#join-button {
	position: fixed;
	top: 15px;
	right: 170px;
}

@media screen and (max-width: 639px) {
	#join-button {
		display: none;
	}
}

#menu-main-navigation a, #menu-main-navigation a:hover {
	box-shadow: none;
}

.x-btn-navbar {
	padding: 0.35em 0.5em
}

.x-navbar-fixed-top, .x-navbar-fixed-left, .x-navbar-fixed-right {
	position: fixed;
}

.admin-bar #top .x-navbar-fixed-top,
.admin-bar #top .x-navbar-fixed-left,
.admin-bar #top .x-navbar-fixed-right {
	top: 0;
}

html.wf-active {
	margin: 0 !important;
}

#wpadminbar {
	display: none;
}

body.x-navbar-fixed-top-active .x-navbar-wrap {
	height: 160px !important;
}

.x-btn-navbar.collapsed {
	color: #aaa;
}

.x-btn-navbar, .x-btn-navbar.collapsed, .x-btn-navbar.collapsed:hover {
	background-color: #ddd;
}

#thank-you-header p {
	color: #fff;
}

#thank-you-header h2 {
	color:rgb(247, 222, 32);
}

.ubermenu-responsive-toggle {
	position: absolute;
	top: 80px;
	right: 0;
}

span.wpcf7-form-control-wrap.date-of-birth {z-index:99999;}
div#ui-datepicker-div {z-index:1000!important;}

#footer-donate-buttons {
	display: none;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 80px;
	z-index: 10;
	background: #fff;
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}

.x-colophon.bottom {
	padding-bottom: 70px;
}

#footer-donate-buttons .donate-button {
	right: 20px;
}
#footer-donate-buttons .join-button {
	right: 190px;
}

.ff-sc-label2 .ff-wordpress .ff-icon:before, .ff-sc-label2 .ff-comments .ff-icon:before, .ff-sc-label2 .ff-posts .ff-icon:before {
	border-color: transparent #00933d transparent transparent !important;
}

.ff-wordpress .ff-icon-inner:after, .ff-posts .ff-icon-inner:after, .ff-comments .ff-icon-inner:after, .ff-type-wordpress:before, .ff-type-posts:before, .ff-type-comments:before {
	font-family: 'FontAwesome';
	content: '\f1ea' !important;
}

/* ---- START NEW DONATE PAGE ---- */
.dfyWrapper {  display: flex;  align-items: center;}
.dfysection .x-container.max.width.offset, .dfysection .x-container.max.width.offset .x-container.max {max-width: unset;     width: 100%!important;}
#dfy { margin: 0px 0; background:#f0f0f0;  padding: 0; border: 13px solid #d12b82; border-radius: 13px;}
#dfy .progressBar-container {display:block;width: 100%; margin: 0px auto 20px; text-align:left; padding: 0 30px;}
@media screen and (min-width: 1024px) {
	#dfy .progressBar-container {width: 60%;}
}
#dfy .progressBar-container .progressBarLabel {font-size:12px;margin-bottom: 20px;}
#dfy .progressBar {height: 10px; position: relative;background: #c2c2c2; overflow: hidden;display:block; width: 100%;}
#dfy .progressBar span {display:block;height: 100%;}
#dfy .progressBar .progress { background-color: #d12b82; -webkit-animation: progressBar 2s ease-in-out;-webkit-animation-fill-mode:both; -moz-animation: progressBar 2s ease-in-out;-moz-animation-fill-mode:both;}
@-webkit-keyframes progressBar {0% { width: 0; }100% { width: 100%; }}
@-moz-keyframes progressBar {0% { width: 0; }100% { width: 100%; }}
#dfy .controls, #dfy .donateFrame-amounts {padding: 0 30px;}
#dfy .controls {position:relative;}
#dfy .controls::before { content: '';background-image: url(https://www.antibioticresearch.org.uk/wp-content/uploads/2023/10/icon-1.png);width: 120px;height: 100px;display: block;background-size: contain;background-repeat: no-repeat;position: absolute;left: -3px;top: 0px;}
@media screen and (max-width: 1024px) {
	#dfy .controls::before {display:none;}
}
#dfy .controls li.active, #dfy .donateFrame li.option.active {background: #4dba67;  color: #ffffff; }
#dfy .container.d-flex.justify-content-around.align-items-center.flex-wrap-reverse {max-width: unset; padding: 0;}
#dfy, #dfy section { max-width: unset; width: 100%;}
#dfy .donateControl{position: relative; background: #f0f0f0; text-align:center;display:flex; flex-wrap: wrap; max-width: unset; padding: 30px 0 0}
#dfy .donateControl .donateFrame, #dfy .donateControl .donateFrame .images li, #dfy .donateControl .donateFrame .description {display:none;}
#dfy .controls li:hover, #dfy .donateFrame li.option:hover {background:#0b9444; color:#ffffff;}
#dfy .controls li, #dfy .donateFrame li.option {cursor:pointer; display:inline-block; text-align:center;  padding: 1.4em 2em 1.1em 2em;  margin: 0; background: #c2c2c2; color: #ffffff; font-size:18px;  text-decoration: none;  -webkit-transition: all .16s ease;transition: all .16s ease; flex: 1 100%; width: 100%; border-radius: 3px; font-weight: bold;}
@media screen and (min-width: 1024px) {
	#dfy .controls li {flex: 0 0 210px; width: auto;}
	#dfy .donateFrame li.option {flex: 0 0 33%; width: auto;}
}
#dfy .controls li span { width: 100%; font-size:18px;}
#dfy .controls {position: relative; width: 100%;}
#dfy .title {text-align: center; margin: 30px 0; font-size: 22px;}
#dfy .controls ul {margin:0 auto; padding: 0; display: flex; justify-content: center; align-items: center; gap: 10px;flex-flow:column wrap}
#dfy .donateControl .donateFrame .options {display: flex; align-items: center; justify-content: center; gap: 10px; margin: 0;flex-flow:column wrap; z-index:10;position:relative;}
@media screen and (min-width: 1024px) {
	#dfy .controls ul, #dfy .donateControl .donateFrame .options {flex-flow:row nowrap;}
}
#dfy .donateControl .donateFrame.active, #dfy .donateControl .donateFrame .images li.active, #dfy .donateControl .donateFrame .description.active {display:block; max-width: unset;}
#dfy .donateControl .donateFrame li, #dfy .controls li {list-style-type:none;}
#dfy .controls li:before{display:none;}
#dfy .donateControl .donateFrame {width:100%; align-items: center;}
#dfy .donateControl .donateFrame-amounts {display: block;}

#dfy .donateControl .donateFrame-description { background: #0b9444; margin-top: 60px; display: flex; color: #ffffff;flex-flow:column wrap; position:relative; }
#dfy .donateFrame-description::before { content: '';background-image: url(https://www.antibioticresearch.org.uk/wp-content/uploads/2023/10/icon-2.png);width: 140px;height: 130px;display: block;background-size: contain;background-repeat: no-repeat;position: absolute;right: 0px;top: -80px;}

@media screen and (max-width: 1024px) {
	#dfy .donateControl .donateFrame-description::before {display:none;}
}
@media screen and (min-width: 1024px) {
	#dfy .donateControl .donateFrame-description {flex-flow: row}
}
#dfy .donateControl .donateFrame-description .image-container {flex: 1 100%; align-self:center;} 
@media screen and (min-width: 980px) {
	#dfy .donateControl .donateFrame-description .image-container {flex: 1 33%} 
}
#dfy .donateControl .donateFrame-description .description-container { flex: 1 100%; padding: 40px 40px 0;}
@media screen and (min-width: 980px) {
	#dfy .donateControl .donateFrame-description .description-container { flex: 1 66%;}
}
#dfy .donateControl .donateFrame-description .images { margin: -40px 60px 0px;padding:0;}
@media screen and (min-width: 980px) {
	#dfy .donateControl .donateFrame-description .images { margin:  -40px 60px 0 -60px;}
}
#dfy .donateControl .donateFrame-description .images li {border-radius: 100%; overflow: hidden; border: 23px solid #d12b82; width:100%; aspect-ratio: 1;background: #f0f0f0;}
#dfy .donateControl .donateFrame-description .images li img {width: 100%;height:100%;object-fit:cover;}
#dfy .donateControl .donateFrame ul.descriptions {width:100%; position: relative; padding: 0px; margin:0; z-index:100; text-align:left;}
#dfy .donateControl .donateFrame .descriptions li .description-amount {font-weight: bold;}
#dfy .donateControl .donateFrame .descriptions li span { font-size: calc(35px + (30 - 21) * ((100vw - 768px) / (1600 - 768))); line-height: 52px;padding: 0 9px 0 0; }
#dfy .donateControl .donateFrame .descriptions li p { font-size: 16px;  text-align: left;   margin: 0; }
#dfy .controlsRow {background: #0b9444;; color: #ffffff; width:100%; display:flex;align-items: center;justify-content:flex-end}
#dfy .controlsRow ul {width: 100%; padding: 30px 40px 60px;margin:0;display:flex; flex-flow: column wrap;}
@media screen and (min-width: 1024px) {
	#dfy .controlsRow ul {width: 66%; padding: 0px 40px 60px;margin:0;display:flex;align-items:flex-end; justify-content:space-between;gap: 20px;flex-flow: row nowrap;}
}
#dfy .controlsRow ul li {list-style:none;}
#dfy .controlsRow #customAmount { font-size: 22px; background-color: #fff; width: 100%; border: 0; color: #000; border-radius: 3px;  min-height: 40px; margin-bottom:0;}
@media screen and (min-width: 1024px) {
	#dfy .controlsRow #customAmount {width: 210px;}
}
#dfy .controlsRow .customSelect {list-style-type:none; position:relative;}
#dfy .controlsRow .customSelect:before { display: none;}
#dfy .controlsRow .customSelect label { line-height: 20px; display: block; font-size: 14px;text-align: left; margin: 0 0 10px;}
#dfy .controlsRow .customSelect span { display: block; text-align:left;}
#dfy .controlsRow .customSelect span::before { content: "\00A3"; font-weight: bold; font-size: 29px;margin-right:10px;position:absolute;top: 40px;left:-30px;}
#dfy .controlsRow .customSelect button, #donationForm form #submitButton { cursor: pointer;  display: inline-block;  text-align: center;  padding: 0.3em 2em 0.3em 2em;  margin: 0 0.2em!important;  background: #e40d7e;  color: #ffffff!important;  font-size: 18px!important;  font-weight: 790;  border: 0;  text-decoration: none;  -webkit-transition: all .16s ease;  transition: all .16s ease;  position: relative;  bottom: -10px;  height: 51px;  width: auto;}
#dfy .banner-donate-button:hover {background:#c60965; color: #ffffff;}
#dfy .banner-donate-button{ background:#d12b82; color: #ffffff; font-size: 14px;  padding: 0.563em 1.125em 0.813em; height: auto; border: 1px solid rgb(135, 28, 88); border-radius: 3px; transition: background-color 0.4s; text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5); cursor: pointer;width: 100%; margin-top:30px;}
@media screen and (min-width: 1024px) {
	#dfy .banner-donate-button {margin-top: 0;}
}
#dfy .banner-donate-button:before ,#dfy .banner-donate-button:after { background: #089fe4;}
@media screen and (max-width: 1024px) {
.dfyWrapper {display:inline;}
.dfyWrapper > div {    width: 100%!important;    display: inline-block;    padding: 25px!important;}
#dfy .donateControl .donateFrame-description .images {    margin: -40px 0 0 0;}
#dfy .controlsRow .customSelect , #dfy .controls ul, #dfy .donateControl .donateFrame .options, #dfy .banner-donate-button {max-width: 230px; margin: 0 auto;}
#dfy .banner-donate-button{ width:auto;  margin: 20px auto;}
#dfy .donateControl .donateFrame .descriptions li p {  text-align: center;}
#dfy .donateControl .donateFrame .descriptions li .description-amount{margin: -20px 0 20px 0;  text-align: center;}
}

/* donate page */
#dfydata .progressBar-container {display:block;width: 60%; text-align:left;}
@media screen and (min-width: 1024px) {
	#dfydata .progressBar-container {width: 33%;}
}
#dfydata .margin-sm {margin-bottom:30px}
#dfydata .progressBar-container .progressBarLabel {font-size:12px;margin-bottom: 20px;}
#dfydata .progressBar {height: 10px; position: relative;background: #c2c2c2; overflow: hidden;display:block; width: 100%;}
#dfydata .progressBar span {display:block;height: 100%;}
#dfydata .progressBar .progress { background-color: #d12b82; -webkit-animation: progressBar 2s ease-in-out;-webkit-animation-fill-mode:both; -moz-animation: progressBar 2s ease-in-out;-moz-animation-fill-mode:both;}

#dfydata .container {max-width:unset; padding: 48px;}
#dfydata section .container {padding:0;}
#dfydata {width:100%;}
@media screen and (min-width: 1024px) {
#dfydata {width:74%;}
}
#dfydata {width:80%; max-width: 1280px;   margin: 0 auto;}

#dfydata .block{ width: 100%;}
#dfydata .title-green {color: #00933d;margin-top:0px;}
#dfydata .gap-small {gap: 30px !important;}
#dfydata .align-items-center {align-items:center;}
#dfydata .margin-bottom-0 {margin-bottom: 0 !important;}
#dfydata #bill {z-index:200;font-size: 22px; background:#eeeeee; display: flex; color:#000;padding: 30px 80px 30px 30px; align-items: flex-start; position:absolute; right:0; top:0px;}
	

#dfydata #bill p {margin:0;}
#dfydata #bill em { font-size: 44px; font-weight:bold; color:#d13e8a;padding:8px 0; font-style:normal;display:block;}
#dfydata #bill em span {font-size: 16px; display: inline-block; font-style: normal; position: relative; color:#d13e8a; padding: 0 8px 0 8px;}
#dfydata #bill .minor {font-size: 18px;}
#dfydata #bill .bill { padding: 0;}
#dfydata #bill a {color:#000; text-decoration:underline;display:block;}
#dfydata section .row {overflow:hidden;}
#dfydata section { position: relative; display: inline-block;}
#dfydata form {padding:40px 0 0 0; max-width:90%;}
#dfydata .row.heading{margin:0 0 40px 0; position:relative;}
#dfydata .col-md-6, #dfydata  .col-md-4, #dfydata  .col-md-12 { padding: 0;}
#dfydata h3 {position:relative; font-size:24px;  font-style:normal; font-weight:800;}
#dfydata section.about {margin:0 0 30px 0;}
#dfydata .block.content-blocks.full-width {text-align:left;}
#dfydata .block.intro p {padding:0;}
#dfydata  .row { display: flex; width: 100%; flex-flow: row wrap}
@media screen and (min-width: 1024px) {
	#dfydata .row {gap: 60px; flex-flow: row nowrap}
}
#dfydata input, #dfydata select, #dfydata textarea, #dfydata select, .inputFix, textarea { border-radius: 4px;  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075); padding: 0px 5px; border-radius: 0; width: 100%; height: 42px; border:1px solid #b0b0b0;  font-size: 1em !important;  color: #000000 !important;}

#dfydata  .taggroup input {height: 15px;   width: 15px;}
#dfydata  .shortfieldfirst{ width: 100px!important;}
#dfydata   .radiogroup .col-md-2 { padding:0px 18px 0px 0;}
#dfydata  .radiogroup{padding: 30px 0;} 
#dfydata .col-md-3, #dfydata .col-md-4, #dfydata .col-md-6, #dfydata  .col-md-8, #dfydata .col-md-12 {width: 100%;}

@media screen and (min-width: 1024px) {
	#dfydata  .col-md-3 {float:left; width:25%;}
	#dfydata  .col-md-4 {float:left; width:43%;}
	#dfydata  .col-md-6 {float:left; width:48%;}
	#dfydata  .col-md-8 {float:left; width:66%;}
	#dfydata .col-md-12 {width: 100%;}
}
#dfydata  img.DirectDebitLogo {  margin: 0 0 30px 0;}
#dfydata  .expdate input, #dfydata  .shortfield { width: 50%!important;}
#dfydata  .radiogroup label.error {padding:0!important;}
#dfydata  label.error {border-color: #b94a48; box-shadow: none; color: #b94a48!important; padding: 8px 0 0; display: block;}
#dfydata  .error {box-shadow: none;}
#dfydata  label {padding:5px 0; display: inline-block;}
#dfydata  input[type=radio] { width: 20px; height:20px; position:relative;}

#dfydata .contact-form {background: #eeeeee;width:100%;padding: 50px 40px;}
#dfydata .contact-form .row {align-items:center;}
#dfydata .contact-form label {font-weight:normal;}
#dfydata  .commsgroup { display:flex; flex-flow: row wrap; align-items:center; row-gap: 10px;column-gap: 20px;}
#dfydata  .commsgroup .commsgroup-container {display: flex; align-items:center;gap: 15px;}
#dfydata  .commsgroup input { width: 20px; height:20px; position:relative;border-radius: 0;padding: 0; margin: 0; border:1px solid #000;}
#dfydata  .commsgroup label { color: #000;font-weight:normal;padding: 0;margin:0;}

#dfydata  .newslettergroup input[type=radio] {width: 15px; height:15px; position:relative;top: -1px; margin: 0 7px;}
#dfydata  .newslettergroup span { width: auto; margin: 0 12px 0 0; display: inline-block;}
#dfydata  .container.contact, #dfydata  .container.payment{ margin: 40px auto;}
#dfydata  .radiogroup input, #dfydata   .taggroup input { margin: 0 12px 0 0; position: relative; top: -2px;}
#dfydata  .taggroup label {width:100%; display:inline-block;}
#dfydata  .radiogroup span {margin: 0 12px 0 0;}
#dfydata  .container {width:100%; padding: 0;}
#dfydata  .inputFix { padding: 16px 12px 12px 12px;}

#dfydata  .container.consent, #dfydata  .container.contact {padding:36px 30px 20px 30px; border-radius: 50px; background:#ebebeb;}
#dfydata  .grey{background:#ebebeb; padding: 15px;}
#dfydata  small { padding: 0 30px; display: block;}

#dfydata textarea {height:auto; padding: 8px;}
#dfydata section.contact-details p {margin: 10px 0 0 0;}
#dfydata section.contact-details .row { padding: 0%;}
#dfydata section.contact-details{background:#b0cc50;}
#dfydata .giftaid{background:#0c9444; padding: 40px;color: #fff;}
#dfydata   input#GiftAid {  margin: 0 6px 7px -22px;height: 15px; width: 15px;}
#dfydata  img.giftAidLogo {width: 150px;   margin: 0 0 20px;} 
#dfydata .gagroup {display:flex;flex-flow: row wrap; gap: 20px;}
#dfydata .gagroup .gagroup-input label { position:relative;  width: 100%;  padding: 0 0 0 35px;}
#dfydata .gagroup input {position:absolute;left:0px;     top: -2px;}
#dfydata .giftaid .small {font-size: 15px;}

#dfydata .customQs h3 {margin-top: 100px;}
#dfydata .customQs #Comment {width: 100%;margin-top: 20px;}

#dfydata section.contact-details h3, #dfydata section.contact-details p, #dfydata section.contact-details label, #dfydata section.giftaid h3, #dfydata section.giftaid p, #dfydata section.giftaid label,#dfydata section.giftaid small {color:#ffffff;}
#dfydata section.giftaid p {margin: 0 0 30px 0;}
#dfydata section.doubleup .container {display:flex;}
#dfydata section.about, #dfydata section.payment-details {flex: 0 0 48%;margin: 0 2% 0 0;}
#dfydata #submitButton {background:#d12b82; color: #ffffff !important; font-size: 14px; line-height: 1.3; padding: 0.563em 1.125em 0.813em; height: auto; border: 1px solid rgb(135, 28, 88); border-radius: 3px; transition: background-color 0.4s; text-shadow:0 0.075em 0.075em rgba(0,0,0,0.5); cursor: pointer;width: auto; margin-top:30px;}
#dfydata #submitButton:hover{background:#c60965; color: #ffffff;}
#dfydata .oneoffPayment .oneoffPaymentInner {background: #eeeeee;width:100%;padding: 40px 40px 0;}
#dfydata .oneoffPayment.commit .oneoffPaymentInner {padding-top:0 !important;}
#dfydata .oneoffPayment .oneoffPaymentInner.additionalPayments {padding-bottom:40px}
#dfydata .oneoffPayment .oneoffPaymentInner.additionalPayments h3 {margin-bottom:30px;}
#dfydata .paymentFields .inputFix {background: #fff;}

/* donate thank you */
.donate-complete-container {color: #fff; padding: 0px !important;border-radius: 13px; border: 13px solid #d12b82;}
.donate-complete-wrapper {padding-top:0px !important;}
.donate-complete-wrapper .margin-0 {margin: 0 !important;}

@media screen and (min-width: 980px) {
.donate-complete-container .x-row-inner {flex-direction: row-reverse !important;}
}
.donate-complete-container .x-row-inner .x-col {padding: 40px;}
@media screen and (min-width: 1024px) {
.donate-complete-container .x-row-inner .x-col {padding: 100px 40px !important;}
	}
.donate-complete-img {border-radius: 100%; border: 23px solid #d12b82;overflow:visible;margin: 0 auto;position:relative}
.donate-complete-img::after {content:'';background-image:url('https://www.antibioticresearch.org.uk/wp-content/uploads/2023/10/icon-2.png');background-repeat:no-repeat; background-size: contain; position:absolute;left:-65px;top:10px;width:100px; height: 100px;}
@media screen and (min-width: 980px) {
	.donate-complete-img {position:absolute; right: -50%;top:50%;transform:translatey(-50%);}
}
.donate-complete-img img {width: 100%; height: 100%; object-fit:cover;border-radius: 100%;position:relative;z-index:10;}
.donate-complete-container .social-icon .x-graphic{margin: 0 !important;}
.donate-complete-container .decoration-img-1 {position:absolute; bottom: -50px; right:0;width: 130px;}
.donate-complete-container .decoration-img-2 {position:absolute; top: 50px; left:0;width: 130px;}
.donate-complete-container .decoration-img-1 img, .donate-complete-container .decoration-img-2 img  {width: 100%;}
@media screen and (max-width: 1024px) {#dfydata #bill {position:static;}
}
@media screen and (max-width: 650px) {
.donate-complete-container .decoration-img-1 img, .donate-complete-container .decoration-img-2 img {   width: 70%;}
#dfydata {   width: 95%;}
#dfydata form {    max-width: 100%;}
}


/* ---- END NEW DONATE PAGE ---- */