:root {
--brand-color: #A1194F;
}
article.campaign .entry-content {
display: flex;
margin: 0 -15px;
max-width: 100%;
flex-wrap: wrap;
}
article.campaign .entry-content  .post-image {
width: 50%;
padding: 0 15px;
}
article.campaign .entry-content .post-content {
width: 50%;
padding: 0 15px;
}
article.campaign .entry-content .post-main {
width: 100%;
}
.campaign-summary .campaign-figures .amount, .campaign-summary .campaign-raised .amount{
font-weight: 400;
}
.campaign-summary {
padding: 0;
border: 1px solid var(--brand-color);
margin-bottom: 32px;
}
.campaign-summary  > div {
padding: 10px 20px !important;
border: 0 !important;
}
.campaign-summary  > div.campaign-progress-bar {
padding: 0 !important;
border: 0 !important;
height: 10px;
margin:5px 20px 15px;
}      .campaign-summary  > div.campaign-raised, .campaign-summary  > div.campaign-figures {
border: 0;
}
.campaign-summary  > div.campaign-progress-bar .bar {
height: 10px;
}
.campaign-summary .campaign-figures .amount, .campaign-summary .campaign-raised .amount {
font-size: 32px;
font-family: "Architects Daughter", cursive;
}
.site-main>article.campaign {
font-size: 18px;
}
article.campaign .button-primary {
font-size: 18px;
text-transform: uppercase;
}
.charitable-form-header {
text-align: center;
}
.charitable-form-header h3 {
font-size: 32px;
color: var(--brand-color);
margin-bottom: 15px;
}
.charitable-form-header p {
font-size: 24px;
font-weight: 400;
color: #000;
font-family: 'Raleway';
}
.charitable-form-header {
margin-bottom: 20px;
}
.charitable-donation-form .donation-amounts {
display: flex;
margin: 0;
padding: 0;
list-style: none;
flex-wrap: wrap;
justify-content: center;
margin: 0 -35px;
}
.charitable-donation-form .donation-amounts .donation-amount {
width: 25%;
margin: 0;
padding: 0 35px !important;
border: 0 !important;
}
.charitable-donation-form .donation-amounts .custom-donation-amount {
width: 100%;
max-width: 100%;
margin-top: 20px;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper, .charitable-donation-form .donation-amounts .donation-amount>label {
background-color: #E28C07;
color: #fff;
text-align: center;
margin: auto;
display: block;
font-size: 28px;
font-weight: 600 !important;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper {
background-color: #fff !important;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-amount-wrapper > label {
display: flex;
color: #000000;
font-size: 24px;
flex-direction: column-reverse;
align-items: center;
font-weight: 400 !important;
margin-bottom: 35px;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount  .custom-donation-input-wrap {
display: flex;
color: var(--brand-color);
font-size: 32px;
font-weight: 400;
max-width: 280px;
margin: auto;
border-radius: 35px;
border: 1px solid var(--brand-color);
justify-content: center;
align-items: center;
padding: 13px;
}
.charitable-donation-options  {
margin-top: 30px;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount  .custom-donation-input-wrap .currency-label {
padding-left: 7px;
display: block;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount  .custom-donation-input-wrap  input {
border: 0;
outline: 0;
width: 120px;
color: var(--brand-color);
font-family: "Architects Daughter", cursive;
}
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount  .custom-donation-input-wrap  input::placeholder {
color: var(--brand-color);
}
.charitable-donation-form .donation-amounts .donation-amount .amount {
font-weight: 600 !important;
}
.charitable-donation-form .donation-amount.selected, .charitable-donation-amount-form .donation-amount.selected {
background-color: #fff !important;
}
.charitable-donation-form .donation-amounts .donation-amount:not(.custom-donation-amount).selected label {
background-color: var(--brand-color) !important;
}
.charitable-form-fields .charitable-fieldset {
border: 0;
}
#charitable-donor-fields, #charitable-donor-fields + .charitable-fieldset, #charitable-gateway-fields {
border: 1px solid #ebebeb;
}
#charitable-donor-fields .charitable-form-header, .charitable-form-header  {
font-size: 32px;
color: var(--brand-color);
margin-bottom: 15px;
font-weight: 400;
font-family: "Architects Daughter", cursive;
}
.charitable-form-field textarea, .charitable-form-field input[type="text"], .charitable-form-field input[type="email"], .charitable-form-field select {
border: 1px solid ;
border: 1px solid #ebebeb;
border-radius: 0;
font-family: "Raleway", sans-serif;
padding: 15px 20px;
display: block;
max-width: 100%;
width: 100%
}
.charitable-donation-form .button[type="submit"]{
display: flex;
width: 188px;
height: 188px;
background-color: #E28C07;
border-radius: 50%;
font-family: "Architects Daughter", cursive;
font-size: 43px;
color: #fff;
align-items: center;
justify-content: center;
font-weight: 400;
text-transform: capitalize;
border-color: #E28C07;
margin: auto;
margin-top: 30px;
}
.charitable-donation-form .button[type="submit"]:before {
border-color: #E28C07;
border-radius: 50%;
}
.donators-list-wrap .widget-title {
color: var(--brand-color);
}
.donors-list .donor .donor-name {
font-size: 24px;
font-weight: 400;
width: 50%;
text-align: left;
}
.donors-list .donor  {
display: flex;
justify-content: space-between;
}
.donors-list .donor .donor-donation-amount {
width: 50%;
text-align: right;
display: flex;
flex-wrap: wrap;
font-size: 28px;
font-weight: 600;
color: var(--brand-color);
justify-content: flex-end;
}
.donors-list .donor .donor-donation-amount  .campaign-gift-aid {
font-size: 18px;
font-weight: 400;
color: #000;
display: block;
width: 100%;
margin-top: 10px;
}
.donors-list.donors-list-vertical .donor {
border: 0;
position: relative;
padding-top: 28px;
}
.donors-list.donors-list-vertical .donor:after {
content: '';
display: block;
width: 100%;
height: 1px;
background: url(//hhcc.co.uk/wp-content/themes/hhcc/images/border-bottom-dashed.png) repeat-x center center;
position: absolute;
bottom: 0;
}
.doorways-footer-wrap {
padding-top: 20px;
}
#charitable-user-fields #charitable_field_first_name, #charitable-user-fields  #charitable_field_last_name {
width: 50%;
float: left;
}
#charitable-user-fields #charitable_field_first_name {
padding-right: 20px;
}
#charitable-user-fields  #charitable_field_last_name {
padding-left: 20px;
}
#charitable-user-fields #charitable_field_email {
width: 50%;
padding-right: 20px;
} .post-type-archive-campaign .event-desc,
.tax-campaign_category .event-desc {
text-align: center;
}
.post-type-archive-campaign .campaigns,
.tax-campaign_category .campaigns {
list-style: none;
margin: 0;
padding: 0;
display: flex;
margin: 0 -25px;
flex-wrap: wrap;
}
.post-type-archive-campaign .campaigns  .campaign,
.tax-campaign_category  .campaigns  .campaign {
width: 50%;
padding: 0 25px;
margin-bottom: 30px;
}
.post-type-archive-campaign .campaigns .campaign h3,
.tax-campaign_category .campaigns .campaign h3 {
margin-top: 20px;
}
.post-type-archive-campaign .event-categories,
.tax-campaign_category .event-categories {
margin-bottom: 40px;
}
.post-type-archive-campaign .campaign-description,
.tax-campaign_category .campaign-description {
font-size: 18px;
margin-bottom: 30px;
} @media (max-width: 1024px) {
.charitable-donation-form .donation-amounts .donation-amount {
padding: 0 20px !important;
}
}
@media (max-width: 768px) {
article.campaign .entry-content {
margin: 0;
}
article.campaign .entry-content .post-image, article.campaign .entry-content .post-content {
width: 100%;
padding: 0;
}
article.campaign .entry-content .post-image img {
display: block;
margin: auto;
}
article.campaign .entry-content .post-image {
margin-bottom: 20px;
}
.campaign-summary .campaign-figures .amount, .campaign-summary .campaign-raised .amount {
font-size: 30px;
}
.charitable-donation-form .donation-amounts .donation-amount .custom-donation-amount-wrapper, .charitable-donation-form .donation-amounts .donation-amount>label {
font-size: 22px;
}
.charitable-form-header h3 {
font-size: 30px;
}
.donors-list .donor .donor-name {
font-size: 22px;
}
}
@media (max-width: 600px) {
.post-type-archive-campaign .campaigns .campaign, .tax-campaign_category .campaigns .campaign {
width: 100%;
}
}
@media (max-width: 479px) {
.charitable-form-header h3 {
font-size: 28px;
}
article.campaign .button-primary {
font-size: 16px;
}
.campaign-summary .campaign-figures .amount, .campaign-summary .campaign-raised .amount {
font-size: 28px;
}
.charitable-donation-form .donation-amounts .donation-amount {
width: 50%;
margin-bottom: 10px;
}
.charitable-donation-form .donation-amounts .custom-donation-amount {
width: 100%;
}
.charitable-donation-form .donation-amounts .custom-donation-amount .description,
.charitable-donation-form .donation-amounts .donation-amount.custom-donation-amount .custom-donation-input-wrap,
.charitable-form-header p {
font-size: 20px;
}
#charitable-user-fields #charitable_field_first_name, #charitable-user-fields #charitable_field_last_name {
width: 100%;
float: none;
}
#charitable-user-fields #charitable_field_last_name {
padding-left: 0;
}
#charitable-user-fields #charitable_field_email {
padding-right: 0;
width: 100%;
}
.donors-list .donor .donor-name {
font-size: 20px;
}
}
.donate-button { }
.charitable-donation-form .button[type="submit"] { }
#charitable-user-fields:after {
clear: both;
content: '';
display: table;
}
#charitable_field_donor_comment_element-message {
margin-top: 10px;
}