/* Template */


#main-nav {  }
#main-nav ul {  }
#main-nav li { float:left; }
#main-nav li a { padding:15px 12px }
#main-nav li:hover > a, #main-nav li a[aria-current] { color:#EC008C; }
#main-nav li a[aria-current] { font-weight:bold; }
#main-nav li.active > a { font-weight:bold; color:#EC008C; }

#main-nav li ul { margin:0; padding-top:10px; visibility:hidden; opacity:0; position:absolute; z-index:100; transition-duration:0.3s; }
#main-nav li li { float:none; background:#F2F2F2; }
#main-nav.desktop-nav li:hover ul { visibility:initial; opacity:1; }
#main-nav li li a { padding:7px 12px }


#main-nav .nav-button-link { display:inline-block; background:#EC008C; color:#FFF; font-size:1rem; font-weight:bold; border:1px solid #EC008C; border-radius:7px; padding: 8px 17px; margin-top: 6px; margin-left:12px; transition-duration:0.3s; }
#main-nav .nav-button-link.cyan { background:#3EC3E6; border-color:#3EC3E6; }
#main-nav li:hover .nav-button-link { background:#FFF; color:#EC008C; }
#main-nav li:hover .nav-button-link.cyan { background:#FFF; color:#3EC3E6; }
#main-nav li.active > .nav-button-link { background:#FFF; }
#main-nav li.active > .nav-button-link.cyan { color:#3EC3E6; }

#hamburger-icon span { position:absolute; width:28px; height:2px; background:#EC008C; left:6px; top:19px; transition-duration:0.3s; }
#hamburger-icon span:first-child { top:9px; }
#hamburger-icon span:last-child { top:29px; }

#hamburger.active span { background:#FFF; }

#hamburger.active #hamburger-icon span:nth-child(1) { transform: rotate(45deg); top: 19px; }
#hamburger.active #hamburger-icon span:nth-child(2) { display:none; }
#hamburger.active #hamburger-icon span:nth-child(3) { transform: rotate(-45deg); top: 19px; }


#footer-social-media img { transition-duration:0.3s; }
#footer-social-media img:hover { transform:scale(1.3); }



#footer .nav li { line-height:1.4; }

#mobile-cta-inner { display: inline-block; }
#mobile-cta-inner ul {  }
#mobile-cta-inner li { line-height:1; display:inline-block; }
#mobile-cta-inner a { background:#EC008C; color:#FFF; font-size:0.94rem; font-weight:bold; border:1px solid #EC008C; border-radius:7px; padding: 8px 12px; margin-right:12px; }
#mobile-cta-inner a.cyan { background:#3EC3E6; border-color:#3EC3E6; }
#mobile-cta-inner li:last-child a { margin-right:0; }


.pink-background { padding:30px 0; background:#FDE6F4; min-height:250px; }
.grey-background { padding:30px 0; background:#F2F2F2; min-height:250px; }
.teal-background { padding:30px 0; background:#E8F6F5; min-height:250px; }
.sage-background { padding:30px 0; background:#F1F2E5; min-height:250px; }

.magenta-background { padding:30px 0; background:#EC008C; min-height:250px; color:#FFF; }
.magenta-background h2 { color:#FFF; }
.magenta-background a:hover { color:#FDE6F4; }




/* General template */


.button-link { display:inline-block; padding:8px 20px; border:1px solid #EC008C; color:#EC008C; background:none; font-weight:bold; border-radius:9px; overflow:hidden; position:relative; transition-duration:0.3s; text-decoration: none !important; }
.button-link span { position:relative; z-index:1; }
.colour-white .button-link, .magenta-background .button-link { background:#FFF; border-color:#FFF; }
.button-link:after { content:''; position:absolute; bottom:0; left:0; width:105%; height:0%; background:#EC008C; z-index:0; transition-duration:0.3s; }
.button-link:hover, .colour-white .button-link:hover, .button-link[aria-current], .magenta-background .button-link:hover { color:#FFF !important; }
.button-link:hover:after, .colour-white .button-link:hover:after, .button-link[aria-current]:after, .magenta-background .button-link:hover:after { height:100%; }

.button-link.teal, .branding-teal .button-link, .vacancy-item.voluntary .button-link { border-color:#19A79C; color:#19A79C }
.button-link.teal:after, .branding-teal .button-link:after, .vacancy-item.voluntary .button-link:after { background:#19A79C; }
.button-link.teal:hover, .button-link.teal[aria-current], .branding-teal .button-link:hover, .vacancy-item.voluntary .button-link:hover, .branding-teal .button-link[aria-current] { color:#FFF; }

.colour-white .button-link.teal:hover, .colour-white .button-link.teal[aria-current] { border-color:#FFF; color:#FFF; }



.font-weight-bold { font-weight:700; }


.swipe-rollover { position:relative; transition-duration:0.3s; }
.swipe-rollover:after { content:''; position:absolute; left:0; top:0; width:0%; height:100%; background:#FDE6F4; transition-duration:0.3s; z-index:-1; }
.swipe-rollover:before { content:'\f105'; position:absolute; right:28px; top:16px; color:inherit; font-size:0.94em; font-family:'Font Awesome 6 Free'; z-index:1; transition-duration:0.1s; }
.swipe-rollover-trigger:hover .swipe-rollover { color:#EC008C; }
.swipe-rollover-trigger:hover .swipe-rollover:after { width:100%; }


.colour-white h2 { color:#FFF; }

.rollover-enlarge img { transition-duration:0.3s; }
.rollover-enlarge:hover img { transform:scale(1.1); }


.cms-text a { text-decoration:underline; }
.cms-text a:hover { color:#EC008C; }





/* Homepage fader */

.homepage-slide-item.left .homepage-slide-image { left:50%; }
.homepage-slide-item.left .homepage-slide-text { margin-left:0; margin-right: 50%; }
.homepage-slide-item.left .homepage-slide-curve { transform:rotate(180deg); left:50%; right:auto; }


/* Page links */
.page-links-inner.wide { max-width:1224px }
.page-links-inner.wide .page-links-grid { margin-left: -2.45%; margin-bottom: -2.45% }
.page-links-inner.wide .page-link-item { width:30.94%; margin-left: 2.39%; margin-bottom: 2.39% }


/* Make a Dondation */

.donation-option-list ul { overflow:hidden; }
.donation-option-list li { float:left; width:30.74%; }
.donation-option-list li a { text-align:center; padding:10px 5px; border:1px solid; border-radius:9px;font-weight:bold; transition-duration:0.3s; }
.donation-option-list li:first-child { margin-right:3.88%; }
.donation-option-list li:last-child { float:right; }

.donation-option-list a.single { border-color:#EC008C; color:#EC008C; }
.donation-option-list a.regular { border-color:#3EC3E6; color:#3EC3E6; }
.donation-option-list a.fundraising {border-color:#6C3992; color:#6C3992; }

.donation-option-list a.single:hover, .donation-option-list a.single[aria-current] { background:#EC008C; color:#FFF; }
.donation-option-list a.regular:hover, .donation-option-list a.regular[aria-current] { background:#3EC3E6; color:#FFF; }
.donation-option-list a.fundraising:hover, .donation-option-list a.fundraising[aria-current] { background:#6C3992; color:#FFF; }

.single-option, .regular-option { transition-duration:0.3s; transition-property:transform, background; transform:scale(0.92); }

.donation-single-options > div:hover, .donation-single-options > div[aria-current] { background:#EC008C !important; transform:scale(1); }
.donation-regular-options > div:hover, .donation-regular-options > div[aria-current] { background:#3EC3E6 !important; transform:scale(1); }


input[type='text'].donation-amount { padding-left:24px; background-image:url(../Resources/pound-sign.png); background-position:10px 11px; background-repeat: no-repeat; background-size:10px; }



/* Quote */
p.p-quote:before { content:'“'; font-size:2.82em; font-weight:initial; position:absolute; left:0; top:-50px; }
p.p-quote:after { content:'”'; font-size:2.82em; font-weight:initial; position:absolute; right:0px; bottom:-50px; }
.quote.no-image { background:#FDE6F4; }
.quote.no-image .colour-white { color:#EC008C; }
.quote.no-image .quote-overlay { background:none; }


/* Events grid */
.events-link { transition-duration:0.3s; }
.events-link:before { content:'\f105'; position:absolute; right:28px; top:19px; color:inherit; font-size:0.94em; font-family:'Font Awesome 6 Free'; z-index:1; }
.events-item:hover .events-link { color:#19A79C; background:#e8f6f5; }



/* Two cols */
.two-columns-wrapper h2 { text-align:left; }



/* Team Grid */
.team-item-text:after { content:'\f05a'; font-family: 'Font Awesome 6 Free'; font-size:1.47em; color:#EC008C; position:absolute; right:0; top:20px; }
.team-item:hover .team-item-text:after { color:#19A79C; }



/* Downloads */
.downloads-link { transition-duration:0.3s; }
.downloads-link:before { content:'\f019'; position:absolute; right:28px; top:15px; color:inherit; font-size: 1.29em; font-family:'Font Awesome 6 Free'; z-index:1; }
.downloads-item:hover .downloads-link { color:#EC008C; background:#fde6f4; }


/* Concertinas */

.concertina-title:after { content:'\f105'; position:absolute; right:28px; top:10px; color:inherit; font-size:0.94em; font-family:'Font Awesome 6 Free'; z-index:1; transition-duration:0.3s; }
.concertina-link.active .concertina-title:after { transform:rotate(90deg); }


/* General form */

.form-section { font-weight:700; color:#FFF; background:#EC008C; padding:7px 10px; margin-top:30px; }
.form-section.has-description { margin-bottom:10px; }
.general-form legend { color: inherit; font-size: inherit; margin-bottom: 3px; }


/* Event details */

#event-intro-right i { width:20px; }


#booking-steps ul { list-style:none; margin:0; }
#booking-steps li { padding:1px 0 4px 20px; margin:0; background:url(../Resources/step.png) left center no-repeat; background-size:13px; }
#booking-steps li[aria-current] { background-image:url(../Resources/step-current.png); color:#EC008C; font-weight:bold;}
#booking-steps li:first-child { background-image:url(../Resources/step-first.png); }
#booking-steps li:first-child[aria-current]  { background-image:url(../Resources/step-first-current.png); }
#booking-steps li:last-child { background-image:url(../Resources/step-last.png); }
#booking-steps li:last-child[aria-current]  { background-image:url(../Resources/step-last-current.png); }



.ticket-table  th, .ticket-table td, .ticket-table tr.extras td.padding { padding:5px 10px; }
.ticket-table th { background:#EC008C; color:#FFF; font-weight:bold; }
.ticket-table td { background:#FEF2F9; }
.ticket-table tr:nth-child(even) td { background:#FDE6F4; }

.ticket-table tr.extras td { background:#FFF; padding:5px 0px; }
.ticket-table tr.extras.header td { padding:10px 0 0 0; }
.ticket-table tr.extras.total td { border-top:10px solid #FFF; padding:10px; }
.ticket-table tr.extras.no-padding td { padding:0; }



.ticket-table .button-link { padding:3px 10px; margin-top:3px; }

.ticket-table tr.event td { cursor:pointer; }
.ticket-table tr.event.selected { color:#EC008C; font-weight:bold; }

.ticket-table tr.event.extra td { border-top:10px solid #FFF; }
.event.extra  ~ .event.extra td { border-top:none; }


.ticket-table input[type=radio] { top:3px; }


.booking-summary th, .booking-summary td { padding:8px 10px; border-bottom:1px solid #E6E6E6; }
.booking-summary th { font-weight:bold; border-top:1px solid #E6E6E6; }
.booking-summary tr:last-child td { border-top:10px solid #FFF; border-bottom:none; }


a.event-read-more { display:inline-block; padding:10px 20px 10px 0; color:#EC008C; font-weight:bold; }
a.event-read-more:after { content:'\f105'; position:absolute; right:0; top:12px; color:inherit; font-size:0.94em; font-family:'Font Awesome 6 Free'; z-index:1; transition-duration:0.3s; transition-property:transform; }
a.event-read-more:hover { color:#6C3992; }
a.event-read-more.active:after { transform:rotate(90deg); }



/* Shop */

#product-filter { background-color:#FFF; border:1px solid #EC008C; }

select#option { margin-right:20px; }


.basket-table th, .basket-table td { padding:10px 20px 10px 0; border-bottom:1px solid #d4d4d5; }
.basket-table th:last-child, .basket-table td:last-child { padding-right:0; }
.basket-table a.remove-item, .basket-table a.policy-popup { text-decoration:underline; }
.basket-table a.remove-item:hover, .basket-table a.policy-popup:hover { color:#EC008C; }

.basket-table.flexible-table td.basket-image-cell { width:195px !important; }

.basket-table tr.no-rule td { border:none; }

.basket-table .nav ul { overflow:hidden; }
.basket-table .nav li { float:left; padding-right:10px; }
.basket-table .nav li:last-child { padding-right:0; }
.basket-table .nav a {  }


/* Our Shops */

.all-shops, .map-view { margin-right:20px; }

.ul-checkbox-list li { position:relative; }
.ul-checkbox-list li:before  { content:'\f058'; position:absolute; left:-1.5em; color:#19A79C; font-family:'Font Awesome 6 Free'; }



/* News */


#news-archive ul { overflow:hidden; }
#news-archive li { float:left; position:relative; }
#news-archive li:after { content:'|'; position:absolute; top:3px; right:-1px; }
#news-archive li:first-child { padding:5px 0px;}
#news-archive li a { padding:5px 8px;}
#news-archive li a:hover, #news-archive li a[aria-current] { color:#EC008C; }
#news-archive li a[aria-current] { font-weight:bold; }
#news-archive li:first-child:after, #news-archive li:last-child:after { content:none; }


#news-heading:before, #vacancy-heading:before { content:''; position:absolute; left:0; top:0; width:50%; height:100%; background:#EF299E; z-index:-1; }

#news-heading-inner, #vacancy-heading-inner { background-image:url(../Resources/news-detail-header-bg.svg); background-position: left center; background-repeat:no-repeat; background-size:210px; }

.magenta .st-btn img { filter: brightness(0) saturate(100%) invert(12%) sepia(93%) saturate(7348%) hue-rotate(317deg) brightness(95%) contrast(101%) !important; }



/* Vacancies */

#vacancy-description ul { list-style:none; }
#vacancy-description ul li { position:relative; }
#vacancy-description ul li:before { content:'•'; position:absolute; left: -0.6em; top: -0.45em; color: #EC008C; font-size: 2em; }

.button-link.voluntary { margin-left:20px; }

.vacancy-item.voluntary .vacancy-inner { background-color:#F4FBFA; }
.vacancy-item.voluntary h3, .vacancy-item.voluntary .colour-magenta { color:#19A79C; }

#vacancy-more-info-heading:after { content:''; position:absolute; right:20px; top:17px; z-index:1; width:8px; height:16px; background:url(../Resources/angle-right-solid.svg); background-size:8px; transition-duration:0.3s; }
.other-information-link[aria-current="true"] #vacancy-more-info-heading:after { transform:rotateZ(90deg); }

.education-item .button-link:after { z-index:-1; }

.education-item .monthYear, .course-item .monthYear { width:100px; margin-top:-6px; }
.employment-item .date { max-width: 200px; }


.branding-teal .st-btn img { filter: brightness(0) saturate(100%) invert(45%) sepia(100%) saturate(363%) hue-rotate(126deg) brightness(99%) contrast(89%) !important; }




/* Policy documents */


#policy-content { max-width:926px; }
#policy-content a { text-decoration:underline; }
#policy-content a:hover { color:#EC008C; }

.cookie-table { margin-bottom:15px; width:100%; }
.cookie-table th, .cookie-table td { padding:2px 10px 2px 0; border-bottom:1px solid #999; vertical-align:top; width:auto !important;}
.cookie-table label { white-space:nowrap; padding-left:2px; }

#cookies-banner input { width:auto; overflow:visible; font-size:inherit; font-family:inherit; font-weight:bold; min-width:89px; text-align:center; padding:4px 10px; background:none; color:#FFF; border:1px solid #FFF; border-radius: 5px; }
#cookies-banner input:hover { color:#EC008C; background:#FFF; cursor:pointer; }



/* Colour options */

body.bereavement #page-heading.f-ms { background-color:#CFD2A9; }
body.bereavement #page-heading-text.f-ms, body.bereavement main h2, body.bereavement main .colour-magenta { color:#4D4D4D; }

body.bereavement .downloads-text { color:#333333; background:#F1F2E5; }
body.bereavement .downloads-link { color:#333333; background:#CFD2A9; }
body.bereavement .downloads-item:hover .downloads-link { color:#333333; background:#F1F2E5; }

body.bereavement .concertina-title { background:#F1F2E5; }

.branding-teal #vacancy-heading, .branding-teal #vacancy-heading-inner { background-color:#19A79C; }
.branding-teal #vacancy-content h2, .branding-teal #vacancy-content h3, .branding-teal #vacancy-content .colour-magenta, .branding-teal #vacancy-description ul li:before { color:#19A79C; }
.branding-teal #vacancy-heading:before { background-color:#3CB4AB; }
.branding-teal #vacancy-heading-inner { background-image:url(../Resources/vacancy-detail-header-bg.svg); }
.branding-teal #vacancy-more-info-heading { background-color:#E8F6F5; }
.branding-teal input[type='checkbox']:checked { background-color:#19A79C; }
.branding-teal #sent, .branding-teal #error { background-color:#E8F6F5; }
.branding-teal #sent .colour-magenta, .branding-teal #error .colour-magenta { color:#19A79C; }