.wrap-btn--cta {
display: flex;
justify-content: center;
align-items: center;
padding: 36px 0;
flex-wrap: wrap;
}
@media (max-width: 767px) {
.wrap-btn--cta {
padding-top: 20px;
}
}
.wrap-btn--cta > * {
max-width: 100%;
}
.wrap-btn--cta .donate-btn {
margin: 0;
}
.wrap-cta {
display: inline-block;
}
@media (max-width: 767px) {
.wrap-cta {
font-size: 28px;
line-height: 34px;
width: 100%;
}
}
.button--cta {
display: inline-block;
background: #A1194F;
border-radius: 40px;
font-size: 38px;
line-height: 52px;
font-weight: 400;
margin-left: auto;
margin-right: auto;
text-align: center;
padding: 14px 83px;
color: #E28C07 !important;
position: relative;
white-space: nowrap;
}
@media (max-width: 767px) {
.button--cta {
font-size: 24px;
line-height: 34px;
padding: 14px 60px;
}
}
@media (min-width: 768px) and (max-height: 780px) {
.button--cta {
line-height: 32px;
font-size: 30px;
}
}
.button--cta:before {
content: "";
position: absolute;
border: #A1194F solid 6px;
border-radius: 40px;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-duration: 1s;
}
.button--cta span {
position: relative;
display: block;
}
.button--cta span:before,
.button--cta span:after {
content: "";
position: absolute;
background: url(//hhcc.co.uk/wp-content/themes/hhcc/images/donatepath.png);
width: 43px;
height: 39px;
top: 50%;
transform: translateY(-50%);
}
.button--cta span:before {
left: -60px;
}
@media (max-width: 767px) {
.button--cta span:before {
left: -50px;
}
}
.button--cta span:after {
right: -60px;
}
@media (max-width: 767px) {
.button--cta span:after {
right: -50px;
}
}
.donate-btn + .wrap-cta {
margin-left: 28px;
}
@media (max-width: 767px) {
.donate-btn + .wrap-cta {
margin-left: 0;
margin-top: 15px;
}
}
.mauto {
margin-left: auto;
margin-right: auto;
}
.subsribe-content {
max-width: 960px;
}
.subsribe-content .form-left, .subsribe-content .form-right {
width: 50%;
}
.form-policy {
margin-top: 20px;
}
.form-policy .wpcf7-list-item {
display: block;
margin-left: 0;
margin-top: 20px;
}
.form-policy input[type=checkbox],
.form-policy input[type=radio] {
width: auto !important;
display: inline-block !important;
}
.wpcf7-spinner {
position: absolute !important;
}
.wpcf7 form:not(.init, .resetting, .submitting) .wpcf7-response-output {
display: initial !important;
text-align: center;
}
.form-contact-wrap .wpcf7-form .btn-submit-wrap > p > .wpcf7-submit {
width: 100%;
height: 100%;
cursor: pointer;
}
.fix-bottom-bar .form-submit > p {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.page-template-page-donation .donation-form.form-wrap .column-full {
padding: 0 10px;
width: 100%;
}
.page-template-page-donation .donation-form.form-wrap .column-full + .column-full {
margin-top: 10px;
}
.page-template-page-donation .donation-form .field-radio > p {
width: 100%;
}
@media (max-width: 1024px) {
.menu-user-dashboard-container ul {
flex-wrap: wrap;
}
.menu-user-dashboard-container ul li {
margin-top: 10px;
}
.slider-caption-wrap--custom {
bottom: 80px !important;
}
.subsribe-content {
max-width: 100%;
}
.subsribe-content .form-left, .subsribe-content .form-right {
width: 100%;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.cta-logo {
background-color: #fff;
border-radius: 90px;
position: relative;
}
.cta-logo::before {
content: "";
position: absolute;
border: #fff solid 6px;
border-radius: 90px;
top: 0;
right: 0;
bottom: 0;
left: 0;
animation-duration: 1s;
}
.cta-logo:hover::before {
animation-name: hvr-ripple-out;
animation-fill-mode: forwards;
}
.hero-logo {
padding: 10px 40px;
margin: 0 30px;
}
@media only screen and (max-width: 1024px) {
.hero-logo {
order: -1;
margin: 0 0 18px;
}
.hero-logo ~ * {
margin-top: 18px;
}
}
.hero-logo img {
max-width: 230px;
}
@media only screen and (max-width: 1280px) {
.hero-logo img {
max-width: 160px;
}
}
.hero .slider-caption {
margin-bottom: 0;
}
@media only screen and (max-width: 768px) {
.hero:after {
border-width: 0 0 38px 100vw;
}
}
.wrap-btn--cta.wrap-btn--three {
position: relative;
display: inline-flex;
flex-direction: column;
}
@media only screen and (max-width: 1280px) {
.wrap-btn--cta.wrap-btn--three {
transform: scale(0.8);
}
}
@media only screen and (min-width: 1025px) {
.wrap-btn--cta.wrap-btn--three {
flex-direction: row;
}
.wrap-btn--cta.wrap-btn--three > :nth-child(1) {
position: absolute;
right: 100%;
}
.wrap-btn--cta.wrap-btn--three > :nth-child(3) {
position: absolute;
left: 100%;
}
}
@media only screen and (max-width: 1024px) {
.wrap-btn--cta.wrap-btn--three {
padding-top: 22px;
transform: scale(1);
}
}
.slider-caption-wrap--custom.slider-caption-wrap--three .container {
text-align: center;
padding-bottom: 50px;
}
@media only screen and (max-width: 1024px) {
.slider-caption-wrap--custom.slider-caption-wrap--three .container {
padding-bottom: 0;
}
}
.cta-fdc {
display: inline-block;
background: linear-gradient(270deg, rgb(241, 145, 34) 0%, rgb(184, 34, 86) 33.5%, rgb(146, 39, 140) 70.9%, rgb(0, 114, 188) 100%);
border-radius: 55px;
font-size: 26px;
line-height: 1.15;
margin-left: auto;
margin-right: auto;
text-align: center;
color: #fff !important;
position: relative;
font-family: "Architects Daughter", "serif";
}
@media only screen and (max-width: 1024px) {
.cta-fdc {
font-size: 20px;
}
}
@media only screen and (max-width: 768px) {
.cta-fdc br {
display: none;
}
}
.cta-fdc::before {
content: "";
position: absolute;
border-radius: 55px;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: linear-gradient(90deg, rgb(241, 145, 34) 0%, rgb(184, 34, 86) 33.5%, rgb(146, 39, 140) 70.9%, rgb(0, 114, 188) 100%);
opacity: 0;
z-index: 0;
transition: opacity 0.3s ease;
}
.cta-fdc:hover::before {
opacity: 1;
}
.cta-fdc span {
position: relative;
display: block;
padding: 8px 65px;
z-index: 0;
}
.cta-fdc span::before,
.cta-fdc span::after {
content: "";
position: absolute;
background: url(//hhcc.co.uk/wp-content/themes/hhcc/images/donatepath.png);
background-size: cover;
width: 39px;
height: 35px;
transform: translateY(-50%);
top: 50%;
}
.cta-fdc span::before {
left: 24px;
}
.cta-fdc span::after {
right: 24px;
}
@media only screen and (max-width: 768px) {
.hero .cta-fdc {
font-size: 26px;
margin: 0 30px;
}
}
.map-location .location-item {
display: none;
}
.map-location .location-item.active {
display: block;
}
.map-location .location-title {
margin-bottom: 38px;
font-size: 42px;
line-height: 1.4;
font-family: "Architects Daughter", sans-serif;
color: #A1194F;
}
.map-location .item-acc {
margin-bottom: 38px;
}
.map-location .item-acc.active .item-acc__title:after {
transform: scaleY(-1);
}
.map-location .item-acc__title {
border-bottom: 1px dashed #A1194F;
position: relative;
cursor: pointer;
font-size: 42px;
line-height: 1.4;
font-family: "Architects Daughter", sans-serif;
color: #A1194F;
}
.map-location .item-acc__title:after {
background: url(//hhcc.co.uk/wp-content/themes/hhcc/images/dropup.png);
content: "";
width: 32px;
height: 32px;
position: absolute;
display: block;
top: calc(50% - 16px);
right: 0;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s ease;
}
.map-location .item-acc__wrapper {
padding-top: 24px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.map-location .item-acc__left {
width: 43%;
}
@media only screen and (max-width: 1023px) {
.map-location .item-acc__left {
width: 100%;
}
}
.map-location .item-acc__right {
width: 48%;
}
@media only screen and (max-width: 1023px) {
.map-location .item-acc__right {
width: 100%;
margin-top: 25px;
max-width: 525px;
}
}
.map-location .item-acc__right p > img {
margin-left: auto;
display: block;
}
@media only screen and (max-width: 1024px) {
.map-location .item-acc__right p > img {
margin-left: unset;
}
}
.map-location .map-location-svg {
width: 80%;
height: auto;
display: block;
max-width: 1000px;
margin: 0 auto 80px;
}
.map-location .map-location-svg a.active,
.map-location .map-location-svg a:hover,
.map-location .map-location-svg a:focus {
outline: none;
}
.map-location .map-location-svg a.active > g:nth-child(1),
.map-location .map-location-svg a:hover > g:nth-child(1),
.map-location .map-location-svg a:focus > g:nth-child(1) {
fill: #0072bc;
}
.map-location .map-location-svg a.active text,
.map-location .map-location-svg a:hover text,
.map-location .map-location-svg a:focus text {
fill: #fff;
}
.map-location .map-location-svg a.active > g:last-child path:nth-child(2),
.map-location .map-location-svg a:hover > g:last-child path:nth-child(2),
.map-location .map-location-svg a:focus > g:last-child path:nth-child(2) {
fill: #FFF;
}
.map-location .map-location-svg a.active .custom-circle,
.map-location .map-location-svg a:hover .custom-circle,
.map-location .map-location-svg a:focus .custom-circle {
stroke: #fff;
}
.map-location .map-location-svg .location-custom-small.active text,
.map-location .map-location-svg .location-custom-small:hover text {
fill: #000;
}
.map-location .map-location-svg .location-custom-small.active .custom-small,
.map-location .map-location-svg .location-custom-small:hover .custom-small {
stroke: #fff;
fill: #0072bc;
}