/*! FONTS */
@font-face{
   font-family:Tondo;
   src:url(/giving/assets/fonts/tondo_std-webfont.eot);
   src:url(/giving/assets/fonts/tondo_std-webfont.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/tondo_std-webfont.woff) format("woff"), url(/giving/assets/fonts/tondo_std-webfont.svg#TondoRegular) format("svg");
   font-weight:400;
   font-style:normal
}
@font-face{
   font-family:TondoLight;
   src:url(/giving/assets/fonts/Tondo_W_Lt.eot);
   src:url(/giving/assets/fonts/Tondo_W_Lt.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/Tondo_W_Lt.woff) format("woff");
   font-weight:400;
   font-style:normal
}
@font-face{
   font-family:TondoBold;
   src:url(/giving/assets/fonts/tondo_std_bold-webfont.eot);
   src:url(/giving/assets/fonts/tondo_std_bold-webfont.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/tondo_std_bold-webfont.woff) format("woff"), url(/giving/assets/fonts/tondo_std_bold-webfont.svg#TondoRegular) format("svg");
   font-weight:400;
   font-style:normal
}
@font-face{
   font-family:FocoLight;
   src:url(/giving/assets/fonts/Foco_W_Lt.eot);
   src:url(/giving/assets/fonts/Foco_W_Lt.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/Foco_W_Lt.woff) format("woff");
   font-weight:400;
   font-style:normal
}
@font-face{
   font-family:FocoReg;
   src:url(/giving/assets/fonts/Foco_W_Rg.eot);
   src:url(/giving/assets/fonts/Foco_W_Rg.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/Foco_W_Rg.woff) format("woff");
   font-weight:400;
   font-style:normal
}
@font-face{
   font-family:Entypo;
   src:url(/giving/assets/fonts/entypo.eot);
   src:url(/giving/assets/fonts/entypo.eot?#iefix) format("embedded-opentype"), url(/giving/assets/fonts/entypo.woff) format("woff"), url(/giving/assets/fonts/entypo.svg#Entypo) format("svg");
   font-weight:400;
   font-style:normal
}
@charset "UTF-8";


/* Let's future proof variables */
@charset "UTF-8";:root{
  --spacing-md:3rem;
  --spacing-sm:2rem;
  --spacing-xs:1.5rem;
  --box-shadow:0 0 1rem 0 hsla(0,0%,45.5%,0.3);
  --font-body:Foco,Helvetica,Arial,sans-serif;
  --font-heading:Tondo,Helvetica,Arial,sans-serif;
  --breakpoint-md:62em;
  --breakpoint-sm:36em;
  --breakpoint-xs:0;
  
  --gradient-tertiary:linear-gradient(to bottom right,#e10a0a 0%,#e8364b);
  --gradient-secondary:linear-gradient(to bottom right,#7a3671 0%,#bd1d65);
  --gradient-primary:linear-gradient(to bottom right,#e10a0a 0%,#bd1d65);
  
  --colour-alert-warning-highlight: #ff7300;
  --colour-alert-warning: #ffa441;
  --colour-alert-error-highlight: rgba(231, 59, 59, 0.5);
  --colour-alert-error: #e10a0a;
  --colour-alert-success-highlight: #d3e629;
  --colour-alert-success: rgba(211, 230, 41, 0.5);
  --colour-alert-highlight: #A8C3CA;
  --colour-light-2: #eef3f5;
  
  --colour-orange:#ff6500;
  --colour-success-muted:#f7fbf5;
  --colour-danger-muted:#fdf3f3;
  --colour-warning-muted:#fdfaf5;
  --colour-primary-muted:#fdf3f3;
  --colour-info-muted:#f3f7f8;
  --colour-heading:#e10a0a;
  --colour-disabled:#f7f5f6;
  --colour-selected:#e10a0a;
  --colour-active:#424242;
  --colour-hover:#222;
  --colour-focus:#a897a0;
  --colour-link:#7a3671;
  --colour-border:#e4e0e0;
  --colour-primary-highlight:#b40c0e;
  --colour-primary-soft:#e8364b;
  --colour-warning-hot:#ffd200;
  --colour-info-hot:#00b8dc;
  --colour-highlight-hot:#4eb4ae;
  --colour-dark-hot:#f6006f;
  --colour-secondary-hot:#9c00ff;
  --colour-primary-hot:red;
  --colour-white:#fff;
  --colour-highlight-dark:#018488;
  --colour-highlight:#4eb4ae;
  --colour-body-highlight:#222;
  --colour-body-light:#747474;
  --colour-body:#424242;
  --colour-dark:#bd1d65;
  --colour-muted:#f7f5f6;
  --colour-light:#f7f5f6;
  --colour-danger:#e10a0a;
  --colour-warning:#dda535;
  --colour-info:#0b657f;
  --colour-success:#6db644;
  --colour-secondary:#7a3671;
  --colour-secondary-2: #793772;
  --colour-secondary-3: #A897A0;
  --colour-secondary-4: #A8C3CA;
  --colour-primary:#e10a0a;
  
  --colour-custom-bmg: #000518;
  
  --spacing-container:var(--spacing-xs);
  --spacing-type:var(--spacing-xs)
}


.svg-ref {
    opacity: 0;
    position: absolute;
    z-index: -999;
}

/* Reset & Defaults - Most of the resets/normailization stuff is done by Bootstrap */
html {
    overflow-x: hidden;
}

img {
    max-width: 100%;
}

figure {
    position: relative;
}

figure.profile {
    width: 100%;
    height: 0;
    padding-top:100%;
    overflow: hidden;
    position: relative;
    margin: 0;
    border-radius: 100%;
}

figure.profile img{
    
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

    height: 100%;
    width: auto;
    max-width: inherit;
}

.js .js-hide:not(.target) {
    display: none;
}

.author-headline figure.profile {
    height: 9rem;
    width: 9rem;
    padding-top: 0;
    margin-left: auto;
    margin-right: auto;
}


@media only screen and (min-width: 576px) {
    figure h3 {
        position: absolute;
        top: auto;
        bottom: 0;
        background: white;
        width: 80%;
        left: 10%;
        padding-bottom: 0;
        padding-top: 1.5rem;
        margin-bottom: -4px;
    }
}
body {
	font-family: FocoLight,Helvetica,Arial,sans-serif;
    overflow-x: hidden;
}
body.modal-open {
    padding-right: 0!important;
}

#content {
    min-height: calc(50vh - 4rem);
}

/* Footer */

footer {
    background-color: #E10A0A!important;
    background-color: var(--colour-primary)!important;
    color: white!important;
}


footer *{
    
    color: inherit!important;
}

footer a:hover,
footer a:focus {
    
    color: var(--colour-body)!important;
}

footer a:active,
footer a.active {
    
    color: var(--colour-body-light)!important;
}


footer nav ul li{
    padding-bottom: 0.5rem;
}



/* Breadcrumb */
.breadcrumb__wrapper {
    position: relative;
    z-index: 10; 
    min-height: 4rem;
    margin-bottom: -1rem;
}

.breadcrumb__wrapper + .banner {
    margin-top: -4rem;
}
@media only screen and (min-width: 576px) {
    .breadcrumb__wrapper {

        margin-bottom: -2rem;
    }
}

.breadcrumb {
    padding: 1rem 0;
    margin: 0;
    list-style: none;
    background: none;
    border-radius: 0;
    /* white-space: nowrap; */
    float: right;
    min-width: 100%;
}

.breadcrumb-item {
    float: none;
    display: inline-block;
    line-height: 2rem;
}


.breadcrumb-item a,
.breadcrumb-item a.current {
    display: inline-block;
    height: 2rem;
    color: var(--colour-body);
}

.breadcrumb-item a:hover,.breadcrumb-item a:focus {

    color: var(--colour-primary);
}



.breadcrumb-item a .svg__wrapper {
    display: none;
}

.breadcrumb-item:first-child:last-child a .svg__wrapper {
    
    display: inline-block;
    float: left;
    margin-right: 0.5rem;
}

.breadcrumb-item a .svg__wrapper svg{
    height: 2rem;
    width: 2rem;
    fill: currentColor;
}


.breadcrumb-item + .breadcrumb-item::before {
    display: inline-block;
    padding-right: .5rem;
    padding-left: .5rem;
    color: var(--colour-body-light);
    content: "/";
}

.banner + .breadcrumb__wrapper {

    position: absolute;
    top: 4.5rem;
    width: 100%;
}

.banner--text-white + .breadcrumb__wrapper .breadcrumb-item a,
.banner--text-white + .breadcrumb__wrapper.breadcrumb-item a.current {

    color: #ffffff;
}

/* SVGS */
.svg__wrapper svg {

    width: 6rem; /* 96px */
    height: 6rem; /* 96px */
}

.svg__wrapper:not(.fill) svg {
    fill: none!important;
    stroke: #E10A0A;
    stroke: var(--colour-primary);
    stroke: url(#gradient-primary);
    
    stroke-width: 3px;
    stroke-dashoffset: 0rem;
    stroke-dasharray: 270px;
    stroke-linecap: round;
    stroke-linejoin: round;
}

        


a:hover .svg__wrapper:not(.fill) svg, 
a:focus .svg__wrapper:not(.fill) svg, 
a:active .svg__wrapper:not(.fill) svg, 
a.active .svg__wrapper:not(.fill) svg {

    stroke: currentColor;
}

.svg__wrapper.fill svg {
    display: block;
    fill: #e10a0a;
    fill: var(--colour-primary);
}

.svg__wrapper.fake-profile svg {
    
    width: 3rem;
    height: 3rem;
    margin: 0;
    display: inline-block;
    margin-bottom: -0.5rem;
}

body .svg__wrapper.illustration svg {
    display: block;
    fill: inherit!important;
    stroke: none!important;
}



/* logo */
.logo {
    height: 5.25rem; /* 90 */
    fill: #e10a0a;
    fill: var(--colour-primary);
}

.logo svg {
    height: 4.8rem; /* 82 */
    width: 11rem; /* 165 */
}

.logo svg .logo__circle-outline,
.logo svg .logo__virgin {
    fill: white;
}

.logo svg .logo__circle,
.logo svg .logo__text,
.logo svg .logo__heart {

    fill: #e10a0a;
    fill: var(--colour-primary);
}

/* logo */
.logo--stacked {
    
    width: 2rem;
    height: 4rem;
}

.logo--stacked svg {
    height: 2rem; /* 32 */
    width: 6.875rem; /* 110 */
}

.logo--stacked svg + svg {
    margin-left: -2.3rem;
    margin-top: -0.6rem;
}

.logo--stacked svg + svg + svg  {
    margin-left: -4.75rem;
    margin-top: -1.15rem;
}

.logo--stacked svg .logo__circle-outline,
.logo--stacked svg .logo__virgin {
    fill: white;
}

.logo--stacked svg .logo__circle,
.logo--stacked svg .logo__text,
.logo--stacked svg .logo__heart {
    fill: #e10a0a;
}




.footer-logo .logo{

    float: none;
    display: inline-block;
    position: static;
    transform: none;
    margin-top: 1rem;
    width: 7.25rem;
}

.footer-logo .logo .logo__circle,
.footer-logo .logo .logo__text{

    fill: white;
}


.footer-logo .logo .logo__virgin {
    fill: #E10A0A;
    fill: var(--colour-primary);
}

@media only screen and (min-width: 576px) {
    .footer-logo .logo{

        margin-top: 0;
        padding-left: 0.25rem;
        margin-bottom: -1.65rem;
    }
}



a:hover svg {

    fill: inherit;
}

.text-center svg {
    margin-left: auto;
    margin-right: auto;
}



.app-link {

    float: left;
    width: auto;
    height: 2.5rem;
    margin-bottom: 2rem;
}

@media (min-width: 576px) {
        
    .app-link {

        height: 3rem;
    }
}

.app-link + .app-link {
    margin-left: 1rem;
}

.app-link svg{

    fill: inherit;
    width: auto;
    height: 100%;
}


hr {
    margin-top: 0px;
    margin-bottom: 1rem;
    border: 0;
    border-top: 2px solid #e5edef;
}

hr.clear,
hr.break-pt,
hr.break-pb {
    margin-top: 0;
    margin-bottom: 0;
    border: 0;
    border-top: none;
    clear: both;
}
hr.clear:after,
hr.break-pt:after,
hr.break-pb:after {
    display: table;
    clear: both;
    content: "";
}

hr.short-line {
    width: 4rem;
    display: inline-block;
    margin-bottom: 2rem;
}
hr.text-primary {
    
    border-color: currentColor;
}

/* Container Vertical Rythm Rules */
#content .container {
    padding-bottom: 0;
}

#content .container[class*='bg-'] {
    padding-top: 1.5rem;
    margin-bottom: 1.5rem;
}

hr.break-pt {
    margin-bottom: -1.5rem;
}

#content .container[class*='bg-'] + .container[class*='bg-'] {

    margin-top:-1.5rem;
}

#content .container[class*='bg-'] + .tab > .container[class*='bg-']:first-child {

    margin-top:-1.5rem;
}

#content > .container[class*='bg-']:last-child {
    margin-bottom: 0;
}

#content > .container:first-child,
footer > .container:first-child {
    padding-top: 1.5rem;
}


.container .container {
    max-width: inherit!important;
    padding: 0!important;
    display: inline;
    position: static;
}

/* Extra container classes */
#content .container--outer[class*='bg-']{
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;

}

.container--outer .container__inner {
    padding-top: 1.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    background: white;
}


.container__inner__bg img {
    margin-top: -1.5rem;
    margin-left: -1rem;
    margin-right: -1rem;
    max-width: calc(100% + 2rem);
    margin-bottom: 1rem;
}

article > .container--images img {
    
    
    margin-left:auto;
    margin-right: auto;
    display: block;
}

@media (min-width: 576px) {

    #content .container {
        padding-bottom: 1rem;
    }

    #content .container[class*='bg-'] {
        padding-top: 3rem;
        margin-bottom: 3rem;
    }
    hr {
        margin-bottom: 3rem;
    }
    hr.break-pt {
        margin-bottom: -3rem;
    }
    hr.break-pb {
        margin-bottom: -1rem;
    }
    
    #content .container[class*='bg-'] + .container[class*='bg-'] {

        margin-top:-3rem;
    }


    #content > .container[class*='bg-']:last-child {
        margin-bottom: 0;
    }

    #content > .container:first-child,
    footer > .container:first-child {
        padding-top: 3rem;
    }

    #content .container--outer[class*='bg-']{
    padding-top: 3rem;
    padding-bottom: 3rem;

    }

    #content .container--outer .container__inner {
        padding-top: 3rem;
        padding-bottom: 1rem;
        padding-left: 2rem;
        padding-right: 2rem;
        background: white;
    }
    #content .container--outer .container__inner--form {
      padding-left: 8.33333%;
      padding-right: 8.33333%;
    }
    #content .container--outer .container__inner--pushup {
      margin-top: -10rem;
      z-index: 99;
      position: relative;
    }

    .container__inner__bg img {
        margin-top: -3rem;
        margin-left: -2rem;
        margin-right: -2rem;
        max-width: calc(100% + 4rem);
        margin-bottom: -4rem;
    }

    .container__inner__content {
        position: relative;
        background: white;
        padding-left:1.5rem;
        padding-right: 1.5rem;
        padding-top: 1.5rem;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .container--images.text-first .col {
        order: 2;
    }
    .container--images.text-first .img__text {
        order: 1;
    }

}

@media (min-width: 992px) {

    .container__inner--image {
        position: relative;
        overflow: hidden;
    }
    .container__inner__bg img {
        position: absolute;
        top: 50%;
        left: 50%;
        height: 105%;
        width: auto;
        max-width: none;
        margin: 0;
        
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    }

    .container__inner__content {

        margin-left: 50%;
        margin-top:-1.5rem;
        margin-bottom: 0.5rem;
        margin-right: -0.5rem;
    }

    article > .container {
        padding-left: calc(16.666667% + 0.46875rem);
        padding-right: calc(16.666667% + 0.46875rem);

    }
    article ~ aside .container {
        padding-left: calc(16.666667% + 0.46875rem);
        padding-right: calc(16.666667% + 0.46875rem);

    }

    article > .container--images {
        padding-left: calc(12% + 0.46875rem);
        padding-right: calc(12% + 0.46875rem);
    }
}

/* Fix the clearing for containers */
.container:before {
    display: table;
    clear: both;
    content: "";
}

.container:after {
    display: table;
    clear: both;
    content: "";
}


/* Back to top link */
.back-top {

    position: fixed;
    bottom: 1rem;
    left: 1rem;
    right: auto;
    display: block;
    width: 3rem;
    height: 3rem;
    border: 3px solid #e5edef;
    border-radius: 100%;
    background: rgba(255,255,255,0.8);
    text-align: center;
    text-decoration: none;
    
    
    padding-top: 0.8rem;
    font-weight: bold;
    
    z-index: -1;
    opacity:0;
    transition: all 0.2s ease-in-out;
}

.scrolled .back-top {
    z-index: 9999;
    opacity: 1;
}

.back-top:after {
    content: "";
    display: block;
    height: 0.5rem;
    width: 0.5rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    position: absolute;
    top: 0.5rem;
    left: 1.09rem;
    transform: rotate(-45deg);
    transition: all 0.2s ease-in-out;
}

.back-top:hover:after {
    top: 0.4rem;
}

.back-top:hover {
    text-decoration: none;
}


/* Inner DIVs */

.inner {
    
    outline: 1px solid transparent;
    background: #eeeeee;
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.inner .row [class^="col"] {
    padding-right: 0.9375rem; /* Gutter times 2 */
}

.inner .row [class^="col"]:first-child {

    padding-left: 1.40625rem; /* Gutter times 3 */
}
.inner .row [class^="col"]:last-child {

    padding-right: 1.40625rem; /* Gutter times 3 */
}

/* Column Footers */

.col-footer {

    height: 2.5rem;
    display: block;
    width:100%;
    position: static;
}


.col-footer__inner {

    position: absolute;
    left: 0;
    top: auto;
    right: 0;
    bottom:0;
    margin-bottom: -2rem;
}

#content .cta-filters + .container {
    padding-top: 0;
}

/* Inview css */


@media (min-width: 992px) {

    .js #content > .container > *,
    .js #content > .tab > .container > *{
        transform: none;
        transition: opacity 1s ease-out, transform 0.5s ease-out;
    }

    .js #content > .container.not-inview > *,
    .js #content > .tab.not-inview > .container > *{

        opacity: 0;
        transform: translate(0,100px);
    }



    .js .cta--small{
        transform: none;
        transition: transform 0.5s ease-out;
    }
    .js .cta--small:nth-child(2){
        transform: none;
        transition: transform 0.6s ease-out;
    }
    .js .cta--small:nth-child(3){
        transform: none;
        transition: transform 0.7s ease-out;
    }
    .js .cta--small:nth-child(4){
        transform: none;
        transition: transform 0.8s ease-out;
    }
    .js .cta--small:nth-child(5){
        transform: none;
        transition: transform 0.9s ease-out;
    }
    .js .cta--small:nth-child(6){
        transform: none;
        transition: transform 1s ease-out;
    }
    .js .cta--small:nth-child(6) + *{
        transform: none;
        transition: transform 1.1s ease-out;
    }

    .js #content > .container.not-inview .cta--small {

        transform: translate(0,100px);
    }


    .js .cta__list > * {
        transform: none;
        transition: transform 1s ease-out;
    }


    .js .cta__list > *.not-inview {

        transform: translate(0,100px);
    }

    .js .cta__list > *.not-inview:nth-child(2),
    .js .cta__list > *.not-inview:nth-child(2n+3) {
        
        transform: translate(0,120px);
    }
    .js .cta__list > *.not-inview:nth-child(3),
    .js .cta__list > *.not-inview:nth-child(3n+3) {
        
        transform: translate(0,140px);
    }




    .js footer {
        transition: opacity 0.5s ease-out;
    }

    .js footer.not-inview {

        opacity: 0;
    }


    .js .not-inview .svg__wrapper:not(.fill) svg {

        stroke-dashoffset: 270px;
        stroke-dasharray: 270px;
    }

    .js .inview .svg__wrapper:not(.fill) svg {
        fill: none;


        stroke-dashoffset: 0rem;
        stroke-dasharray: 270px;

        -ms-transition: stroke-dashoffset 2s ease-in 0s;
        -webkit-transition: stroke-dashoffset 2s ease-in 0s;
        transition: stroke-dashoffset 2s ease-in 0s;
    }

}




/* ePrivacy */
.eprivacy {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;

    display: block;

    z-index: -1;
    opacity: 0;
    transition: 0.5s;
}

.eprivacy.show {

    display: block;
    z-index: 999999;
    opacity: 1;
}

.eprivacy .container {
    padding-top: 0.5rem;
}
.eprivacy .svg__wrapper {
    display: none;
}
.eprivacy p {
    
    max-width: none!important;
    padding-bottom: 0.5rem;
}

.eprivacy .btn {
    display: none;
}
@media (min-width: 992px) {

    .eprivacy,
    .eprivacy .container {
        min-height: 4rem;
    }
    .eprivacy .svg__wrapper {
        display: block;

        position: absolute;
        top: 50%;
        left: 4.375rem;
        margin-top: -2rem;
        height: 4rem;
        width: 4rem;
    }
    .eprivacy .svg__wrapper svg{
        height: 4rem;
        width: 4rem;
    }
    .eprivacy p {
        
        float: left;
        width: calc(100% - 16rem);
        margin-left: 5rem;
    }

    .eprivacy .d-lg-block {
        display: inline!important;
    }
    
    .eprivacy .container {
        position: relative;
    }
    .eprivacy .btn {
        display: block;
        position: absolute;
        top: 50%;
        right: 4.375rem;
        margin-top: -1.5rem;
        
    }
}


/* Video overlay */

.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
}

.embed-container iframe,
.embed-container object,
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.modal--video {
    padding-right: 0!important;
}
.modal--video .modal-content{
    background: none;
}
.modal--video .modal-dialog{


    max-width: 95vw;
    width: 130vh;
    margin: 5rem auto 2rem auto;
}

@media (min-width: 1440px) {
    .modal--video .modal-dialog{
        max-width: 1440px;
    }
}

.modal--video .modal-body{
    padding: 0;
}
.modal--video button{
    position: absolute;
    top:0;
    right: 0;
    height: 3rem;
    width: 3rem;
    color: white;
    text-shadow: none;
}
:root {
	--gutter: 0.46875rem;
	--gutter-double: 0.9375rem;
	--gutter-minus: -0.46875rem;
}

/* Scaling */
html {
	font-size: 1em;
	font-size: 5vw; /* 16/320 * 100 */
}

.container,
.container-fluid  {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
    padding-right: var(--gutter-double);
    padding-left: var(--gutter-double);
    margin-left: auto;
    margin-right: auto;
}

[class^="col"] {
    padding-left: 0.46875rem;
    padding-right: 0.46875rem; 
    padding-left: var(--gutter);
    padding-right: var(--gutter); 
}

.row {
    
    margin-left: -0.46875rem;
    margin-right: -0.46875rem;

    margin-left: var(--gutter-minus);
    margin-right: var(--gutter-minus); 
}

@media (min-width: 576px) {
	html {
	
        font-size: 2.083333333333333vw; /* 16/768 * 100 */
	}
	
	/* Fix bootstrap grid system to allow for it to scale */
	.container,
    .container-fluid {
    
		max-width: none;
        padding-right: 1.5rem; 
        padding-left: 1.5rem;
	}
}

@media (min-width: 768px) {

	.container {
		max-width: none; 
	}
}

@media (min-width: 992px) {

	html {
		
		font-size: 1.25vw; /* 16/1280 * 100 */
	}
	
	.container,
    .container-fluid {
		max-width: none;
        padding-right: 4.375rem; /* 70 */
        padding-left: 4.375rem;
	}
}


@media (min-width: 1280px) {

	.container     {
		max-width: none;
	}
}

/* Scale upto an extra 25% */
@media (min-width: 1408px) {
	html {
        font-size: 18px;
	}
	
	.container {
		max-width: 80rem; /* 1280/16 */
	}
	
	.nav__wrapper > .container {
	
		max-width: 80rem;
	}
}

@media print{
	html {
        font-size: 12px!important;
	}

	body {
		color: black!important
	}
}

@media (min-width: 62em) {
  .container--limit-width {
    padding-right: 0;
    padding-left: 0;
    max-width: 47.5rem
  }
}

@media (min-width: 90em) {
  .container--limit-width {
    padding-left: 0;
    padding-right: 0;
    max-width: 47.5rem
  }
}
:root{
    --colour-alert-warning-highlight: #ff7300;
    --colour-alert-warning: #ffa441;
    --colour-alert-error-highlight: rgba(231, 59, 59, 0.5);
    --colour-alert-error: #e10a0a;
    --colour-alert-success-highlight: #d3e629;
    --colour-alert-success: rgba(211, 230, 41, 0.5);
    --colour-alert-highlight: #dfe3e6;
    --colour-alert: #fafafa;
  
    --colour-body: #424242;
    --colour-body-light: #666666;
    --colour-light: #f7f5f6; /* Warm Grey tint 10% */
    --colour-primary: #E10A0A;
    --colour-primary-soft: #E8364B;
    --colour-link: #793772;

    --colour-secondary: #BD1F66;
    --colour-secondary-2: #793772;
    --colour-secondary-3: #A897A0;
    --colour-secondary-4: #A8C3CA;

    --colour-custom-bmg: #000518;

    --colour-success: #64B0AA;
    --colour-danger: #E8364B;
    --colour-warning: #E9B02A;
    --colour-info: #4071B4;
  
    --colour-alert-highlight: #A8C3CA;
    --colour-light-2: #eef3f5;

    --gradient-primary: linear-gradient(to bottom right, var(--colour-primary) 0%, var(--colour-secondary) 100%);
    --gradient-secondary: linear-gradient(to bottom right, var(--colour-secondary-2) 0%, var(--colour-secondary) 100%);
}


/* Body */
body {
    color: #424242;
    color: var(--colour-body);
}

/* Links */
a {
    color: #793772;
    color: var(--colour-link);
}

a:hover,
a:focus {
    color: inherit;
}

a:active,
a.active,
a.current {
    color: #E10A0A;
    color: var(--colour-primary);
}

/* Primary */
.text-primary {
    color: #E10A0A!important;
    color: var(--colour-primary)!important;
}

.bg-primary {
    background-color: #E10A0A!important;
    background-color: var(--colour-primary)!important;

    color: white!important;
}

.bg-primary * {
    
    color: inherit!important;
}


.bg-primary a:hover,
.bg-primary a:focus {
    
    color: var(--colour-body)!important;
}

a.bg-primary:active,
.bg-primary a:active,
a.bg-primary.active,
.bg-primary a.active {
    
    color: var(--colour-body-light)!important;
}

/* Primary Soft NON-BOOTSTRAP */
.text-primary-soft {
    color: #E8364B!important;
    color: var(--colour-primary-soft)!important;
}

.bg-primary-soft {
    background-color: #E8364B!important;
    background-color: var(--colour-primary-soft)!important;
}




/* Secondary */
.text-secondary {
    color: #BD1F66!important;
    color: var(--colour-secondary)!important;
}

.bg-secondary {
    background-color: #BD1F66!important;
    background-color: var(--colour-secondary)!important;
}


/* Secondary Alt Two NON-BOOSTRAP */
.text-secondary-2 {
    
    color: #793772;
    color: var(--colour-secondary-2)!important;
}

.bg-secondary-2 {
    
    background-color: #793772;
    background-color: var(--colour-secondary-2)!important;
}

/* Secondary Alt Three NON-BOOSTRAP */
.text-secondary-3 {
    
    color: #A897A0;
    color: var(--colour-secondary-3)!important;
}

.bg-secondary-3 {
    
    background-color: #A897A0;
    background-color: var(--colour-secondary-3)!important;
}

/* Secondary Alt Four NON-BOOSTRAP */
.text-secondary-4 {
    
    color: #A8C3CA;
    color: var(--colour-secondary-4)!important;
}

.bg-secondary-4 {

    background-color: #A8C3CA;
    background-color: var(--colour-secondary-4)!important;
}


/* Custom Campaign - NON-BOOSTRAP */
.text-custom-bmg {
    
    color: #000518;
    color: var(--colour-custom-bmg)!important;
}

.bg-custom-bmg {

    background-color: #000518;
    background-color: var(--colour-custom-bmg)!important;
}

.text-custom-prl {    
    color: #2b2171;
}
.bg-custom-prl {
    background-color: #2b2171;
}


/* Success */
.text-success {
    
    color: #64B0AA;
    color: var(--colour-success)!important;
}

.bg-success {
    
    background-color: #64B0AA;
    background-color: var(--colour-success)!important;
}

/* Danger */
.text-danger {
    
    color: #E8364B;
    color: var(--colour-danger)!important;
}

.bg-danger {
    
    background-color: #E8364B;
    background-color: var(--colour-danger)!important;
}

/* Warning */
.text-warning {
    
    color: #E9B02A;
    color: var(--colour-warning)!important;
}

.bg-warning {
    
    background-color: #E9B02A;
    background-color: var(--colour-warning)!important;
}

/* Info */
.text-info {

    color: #4071B4;
    color: var(--colour-info)!important;
}

.bg-info{

    background-color: #4071B4;
    background-color: var(--colour-info)!important;
    color: white;
}

.bg-info *{
    
    color: inherit!important;
    stroke: currentColor!important;
}

/* Light/Muted */
.text-light,
.text-muted {
    color: #666666!important;
    color: var(--colour-body-light)!important;
}

.bg-light {
    background-color: rgba(168, 151, 160,0.1)!important; /* Warm Grey tint 10% */
    background-color: #f7f5f6!important; /* Warm Grey tint 10% */;
    background-color: var(--colour-light)!important; /* Warm Grey tint 10% */;
}


/* Dark */

.text-dark {
    color: #424242;
    color: var(--colour-body)!important;
}

.bg-dark {
    background-color: #424242;
    background-color: var(--colour-body)!important;
}


/* White */
.text-white {
    color: white!important;
}

.bg-white{
    background-color: white!important;
}




/* Gradients */
.bg-gradient-primary,
a.cta.bg-gradient-primary:before {
    
    background: #e10a0a; /* Old browsers */
    background: -webkit-linear-gradient(top left, #e10a0a 0%, #BD1F66 100%);
    background: -o-linear-gradient(top left, #e10a0a 0%, #BD1F66 100%);
    background: linear-gradient(to bottom right, #e10a0a 0%, #BD1F66 100%);
    
    background: var(--gradient-primary);

}

.bg-gradient-primary > *:not(.container__inner),
.bg-gradient-primary:not(.container--outer){

    color: white!important;
}

.bg-gradient-primary:not(.container--outer) *{
    
    color: inherit!important;
}

.bg-gradient-primary:not(.container--outer) .svg__wrapper:not(.fill):not(.illustration){
    
    stroke: currentColor!important;
}

/* Gradients */
.bg-gradient-secondary {
    
    background: #793772; /* Old browsers */
    background: -webkit-linear-gradient(top left, #793772 0%, #BD1F66 100%);
    background: -o-linear-gradient(top left, #793772 0%, #BD1F66 100%);
    background: linear-gradient(to bottom right, #793772 0%, #BD1F66 100%);

    background: var(--gradient-secondary);
}

.bg-gradient-secondary > *:not(.container__inner),
.bg-gradient-secondary:not(.container--outer) {
    
    color: white!important;
}

.bg-gradient-secondary:not(.container--outer) *{
    
    color: inherit!important;
    stroke: currentColor!important;
}


.bg-gradient-teal {
    
    background: #4EB4AE; /* Old browsers */
    background: -webkit-linear-gradient(top left, #4EB4AE 0%, #018488 100%);
    background: -o-linear-gradient(top left, #4EB4AE 0%, #018488 100%);
    background: linear-gradient(to bottom right, #4EB4AE 0%, #018488 100%);
}



a.bg-gradient-primary:hover,
a.bg-gradient-secondary:hover,
.bg-gradient-primary:not(.container--outer) a:hover,
.bg-gradient-secondary:not(.container--outer) a:hover,
a.bg-gradient-primary:focus,
a.bg-gradient-secondary:focus,
.bg-gradient-primary:not(.container--outer) a:focus,
.bg-gradient-secondary:not(.container--outer) a:focus {
    
    color: var(--colour-body)!important;
}

a.bg-gradient-primary:active,
a.bg-gradient-secondary:active,
.bg-gradient-primary:not(.container--outer) a:active,
.bg-gradient-secondary:not(.container--outer) a:active,
a.bg-gradient-primary.active,
a.bg-gradient-secondary.active,
.bg-gradient-primary:not(.container--outer) a.active,
.bg-gradient-secondary:not(.container--outer) a.active {
    
    color: var(--colour-body-light)!important;
}




[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) {

    color: white!important;
}

[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) *{
    
    color: inherit!important;
}

[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) .svg__wrapper:not(.fill):not(.illustration) svg{
    
    stroke: currentColor!important;
}

[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) a:hover {

    color: var(--colour-body)!important;
}

[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) a:active,
[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) a.active {


    color: var(--colour-body-light)!important;
}
strong {
    font-weight: normal;
    font-family: Tondo,helvetica,arial,sans-serif
}

.extra-strong {
    display: block;
    font-size: 1.875rem; /* 30px */
    color: #e10a0a;
    font-family: Tondo,helvetica,arial,sans-serif;
    width: 100%;
    letter-spacing: -0.065rem;
}

/* Fonts*/
.hero {
    font-family: Tondo,helvetica,arial,sans-serif
}

/* Body Text */
p,
ul,
ol,
address {
    font-size: 1rem; /* 16 */
    line-height: 1.5rem; /* 24 */
    padding-top: 0em;
    padding-bottom: 2.1rem;
    margin-top: -0.1rem;
    margin-bottom: 0;
    max-width: 35em;
}
div.ql-editor p{
    max-width: none!important;
}

.lead {

    padding-bottom: 2.1rem;
    font-weight: normal;
    font-family: FocoReg,helvetica,arial,sans-serif;
}

.quote {
    padding-bottom: 2.1rem;
    font-weight: normal;
}
.cite {
    padding-bottom: 2.1rem;
    font-weight: normal;
    font-family: FocoReg,helvetica,arial,sans-serif;
}
.quote + .cite  {
    margin-top:-2rem;
}


p + p {
    margin-top: -1.1rem;
}

p.display-1 + p,
p.display-2 + p,
p.display-3 + p,
p.display-4 + p,
p.display-5 + p {
    margin-top: -0.1rem;
}

p.lead + p {
    
    margin-top: -0.6rem;
}

p,
address {

    word-wrap: break-word;
    overflow-wrap: break-word;
}

ul li,
ol li {
	line-height:inherit;
}

ul {
    list-style: disc;
}



ul.tick-circle,
ul.tick-green {
	font-size: 1.1875rem; /* 19px */
	line-height: 2rem; /* 48/16 */
    padding-top: 0;
    padding-bottom: 0;
	padding-left: 2.5rem;
	padding-bottom: 1rem;
    list-style-type: none;
}

ul.tick-circle li,
ul.tick-green li {
	position: relative;
	padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

ul.tick-circle li:before,
ul.tick-green li:before {
    content: "";
    width: 2rem;
    height: 2rem;
    text-align: center;
	
	position: absolute;
	top: 0.5rem;
	right: 100%;
    margin-right: 0.5rem;
	
    background-position: left top;
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}

ul.tick-green li:before {
    width: 1.2rem;
}
ul.tick-circle li:before {
    background-image: url(img/icon_gradient-circle.svg);
}

ul.tick-green li:before {
    background-image: url(img/icon_greentick.svg);
}



small,
.small {
    font-size: 0.875rem; /* 14px */
}


.text-center p {
    margin-left: auto;
    margin-right: auto;
}


/* Links */

a {
    cursor: pointer;
    text-decoration: none;
    font-family: FocoReg;
}

a:hover,
a:focus {
    text-decoration: none;
}

p a,
p a:hover,
p a:active,
p a:focus {

    text-decoration: underline;
}

a.useful-link p:first-child:after {
    content: "";
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
    margin-left: 0.3em;
    margin-bottom: 0.05rem;
    transition: all 0.2s ease-in-out;
}

a.useful-link:hover p:first-child:after {

    margin-left: 0.5em;
    margin-right: -0.2rem;
}

a.useful-link p ~ p {
    color: var(--colour-body);
    font-family: FocoLight,Helvetica,Arial,sans-serif;
}


ul > li > a:not(.btn):only-child:after {

    content: " ";
    display: inline-block;
    height: 0.4em;
    width: 0.4em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg) translate(0, -0.1em);
    margin-left: 0.4rem;
    transition: margin 0.5s;
}

ul > li > a:not(.btn):only-child:hover:after{

    margin-left: 0.6rem;
    margin-right: -0.3rem;
}


.external-icon {
    display: none;
}

ul > li > a[target="_blank"]:not(.btn):only-child:after {

    display: none;
}

ul > li > a:not(.btn):only-child .external-icon {

    color: inherit!important;
    position: relative;
    display: inline-block;
    height: 0.35em;
    width: 0.35em;
    border-left: 2px solid currentColor;
    border-bottom: 2px solid currentColor;

    margin-left: 0.5rem;
    border-radius: 0px 0px 0px 3px;
}


ul > li > a:not(.btn):only-child .external-icon:after {


    content: " ";
    display: block;
    position: absolute;
    bottom: 2px;
    left: 2px;
    height: 0.45em;
    width: 0.45em;
    border: 2px solid currentColor;
    
    border-radius: 3px;
    transition: transform 0.5s;
}

ul > li > a:not(.btn):only-child:hover .external-icon:after {

    transform: translate(1px, -1px);
}


ul.list-style-icons {
    list-style: none;
    padding-left: 0;
}

ul.list-style-icons .svg__wrapper {
    display: inline-block;
	margin-bottom: 0.5em;
}
ul.list-style-icons .svg__wrapper svg {
	height: 2rem;
	width: 2rem;
	stroke: currentColor;
	vertical-align: baseline;
	display: inline-block;
	margin-right: 0.5em;
	margin-bottom: -0.5em;
}


@media only screen and (min-width: 576px) {
    
    ul.three-columns {
        width: 100%;
        max-width: 100%;
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
    ul.three-columns > li{
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
        page-break-inside: avoid;           /* Theoretically FF 20+ */
        break-inside: avoid-column;         /* IE 11 */


    }
}


@media (min-width: 992px) {

    p:not([class]),
    ul,
    ol,
    address {

        font-size: 1.1875rem; /* 19 */
        line-height: 2rem; /* 32 */
        padding-top: 0.05em;
        padding-bottom: 1.95rem!important;
        margin-top: -0rem;
        margin-bottom: 0;
    }

    .lead {
        font-size: 1.3125rem; /* 21 */
        line-height: 2rem; /* 32 */
        padding-top: 0.05em;
        padding-bottom: 1.95rem;
        margin-top: 0rem;
        margin-bottom: 0;
        color: #333333;
    }

    .quote {
        font-size: 1.1875rem; /* 19 */
        line-height: 2rem; /* 32 */
        padding-top: 0.05em;
        padding-bottom: 1.95rem;
        margin-top: -0rem;
        margin-bottom: 0;
    }
    .cite {
        font-size: 1.3125rem; /* 21 */
        line-height: 2rem; /* 32 */
        padding-top: 0.05em;
        padding-bottom: 1.95rem;
        margin-top: 0rem;
        margin-bottom: 0;
        color: #333333;
    }

    .quote + .cite  {
        margin-top:-2rem;
    }


    p:not([class]) + p:not([class]) {
        margin-top: -1.5rem;
    }

    p.display-1 + p,
    p.display-2 + p,
    p.display-3 + p,
    p.display-4 + p,
    p.display-5 + p {
        margin-top: 0rem;
    }

    p.lead + p {
        
        margin-top: 0rem;
    }

    small,
    .small {
        font-size: 1rem; /* 16px */
    }

    ul.three-columns {
        width: 100%;
        max-width: 100%;
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
        -webkit-column-gap: 1rem;
        -moz-column-gap: 1rem;
        column-gap: 1rem;
    }
}





/* Headings */
h1,
.display-1 {
    font-size: 1.875rem; /* 30px */
    line-height: 2.5rem; /* 40px */
    padding-top: 0.05rem;
    padding-bottom: 1.95rem;
	margin-bottom: 0;
    width: 100%;
    color: #E10A0A;
    color: var(--colour-primary);
    font-family: TondoLight,helvetica,arial,sans-serif!important;

    letter-spacing: -0.065rem;
    clear: both;
}

h2,
.display-2 {

	font-size: 1.5rem; /* 24 */
	line-height: 2rem;	/* 32 */
    padding-top: 0;
    padding-bottom: 1.5rem;
    margin-bottom: 0rem;
    color: #e10a0a;
    font-family: TondoLight,helvetica,arial,sans-serif!important;
    width: 100%;
    
    letter-spacing: -0.065rem;
    clear: both;
}

h3,
.display-3 {

	font-size: 1.5rem; /* 19 */
	line-height: 1.5rem;	/* 24 */
	padding-top: 0.2rem;
    padding-bottom: 1.3rem; /* 24 - padding top */
	margin-bottom: 0;
	color: #e10a0a;
    font-weight: normal;
    font-family: TondoLight,helvetica,arial,sans-serif!important;
    width: 100%;

    
    letter-spacing: -0.05rem;
    clear: both;
}

h4,
.display-4 {
	font-size: 1.5rem; /* 19 */
	line-height: 1.5rem;	/* 24 */
	padding-top: 0.2rem;
    padding-bottom: 1.3rem; /* 24 - padding top */
	margin-bottom: 0;
    font-family: TondoLight,helvetica,arial,sans-serif!important;
    width: 100%;
    color: inherit;
    clear: both;
}

h5,
h6,
.display-5 {
	font-size: 1rem; /* 16px */
	line-height: 1.5rem; /* 24 */
    margin-top: -0.1rem;
    padding-top: 0rem;
    padding-bottom: 1.6rem;
    margin-bottom: 0rem;
    font-family: TondoLight,helvetica,arial,sans-serif!important;
    width: 100%;
    clear: both;
}

.hero {
    color: #666666;
    color: var(--colour-body-light);
}
.hero strong {
    color: #E10A0A;
    color: var(--colour-primary);
}

.strapline {

    font-size: 1.3125rem; /* 21px */
	line-height: 2rem; /* 32 */
    padding-top: 0rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
    width: 100%;
    max-width: 28em;
}

h1 + .strapline{
    margin-top: -1.5rem;
}

h2 + .strapline {
    margin-top: -1rem;
}

.text-center h1,
.text-center h2,
.text-center h3,
.text-center h4,
.text-center h5,
.text-center h6 {
    
    margin-left: auto;
    margin-right: auto;
}


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

    /* Headings */
    h1,
    .display-1 {
        font-size: 2.5rem; /* 40px */
        line-height: 3rem; /* 48px */
        padding-top: 0.05rem;
        padding-bottom: 2.95rem;
        margin-bottom: 0;
        letter-spacing: -0.065rem;
    }

    h2,
    .display-2 {

        font-size: 2rem; /* 32 */
        line-height: 2.5rem;	/* 40 */
        padding-top: 0;
        padding-bottom: 1.5rem;
        margin-bottom: 0rem;
        letter-spacing: -0.065rem;
        max-width: 20em;
    }

    h3,
    .display-3 {

        font-size: 1.5rem; /* 24 */
        line-height: 2rem;	/* 32 */
        padding-top: 0rem;
        padding-bottom: 1.5rem; /* 24 - padding top */
        margin-bottom: 0;
        letter-spacing: -0.065rem;
    }

    h4,
    .display-4 {
        font-size: 1.3125rem; /* 21 */
        line-height: 1.5rem;	/* 24 */
        padding-top: 0.25rem;
        padding-bottom: 1.25rem; /* 24 - padding top */
        margin-bottom: 0;
        letter-spacing: -0.05rem;
    }

    h5,
    h6,
    .display-5 {
        font-size: 1.1875rem; /* 19px */
        line-height: 1.5rem; /* 24 */
        margin-top: -0.2rem;
        padding-top: 0rem;
        padding-bottom: 1.7rem;
        margin-bottom: 0rem;
    }

    .strapline {

        font-size: 1.3125rem; /* 21px */
        line-height: 2rem; /* 32 */
        padding-top: 0.1rem;
        padding-bottom: 1.9rem;
        margin-bottom: 0;
    }

    h1 + .strapline{
        margin-top: -2.1rem;
        font-size: 1.5rem; /* 24px */
        line-height: 2rem; /* 32 */
        padding-top: 0rem;
        padding-bottom: 2.1rem;
        margin-bottom: 0;
    }

    h2 + .strapline {
        margin-top: -1rem;
    }

}





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

/* Headings */
h1,
.display-1 {
    font-size: 3.75rem; /* 60px */
    line-height: 4rem; /* 64px */
    padding-top: 0.1rem;
    padding-bottom: 2.9rem;
	margin-bottom: 0;
    letter-spacing: -0.065rem;

    max-width: 30em;
}

h2,
.display-2 {

	font-size: 2.25rem; /* 36 */
	line-height: 2.5rem;	/* 40 */
    padding-top: 0;
    padding-bottom: 2.1rem;
    margin-top: -0.1rem;
    margin-bottom: 0rem;
    letter-spacing: -0.065rem;
}

h3,
.display-3 {

	font-size: 1.6875rem; /* 27 */
	line-height: 2rem;	/* 32 */
	padding-top: 0rem;
    padding-bottom: 1.6rem; 
	margin-bottom: 0;
    letter-spacing: -0.065rem;
    margin-top: -0.1rem;
}

h4,
.display-4 {
	font-size: 1.55rem; /* 24 */
	line-height: 2rem;	/* 32 */
	padding-top: 0rem;
    padding-bottom: 1.5rem;
	margin-bottom: 0;
    letter-spacing: -0.05rem;
}

h5,
h6,
.display-5 {
	font-size: 1.1875rem; /* 19px */
	line-height: 1.5rem; /* 24 */
    margin-top: -0.2rem;
    padding-top: 0rem;
    padding-bottom: 1.7rem;
    margin-bottom: 0rem;
}

.strapline {

    font-size: 1.5rem; /* 24px */
	line-height: 2rem; /* 32 */
    padding-top: 0rem;
    padding-bottom: 2.1rem;
    margin-bottom: 0;
}

h1 + .strapline{
    margin-top: -1.5rem;
    font-size: 1.875rem; /* 30px */
	line-height: 2.5rem; /* 40 */
    padding-top: 0rem;
    padding-bottom: 2rem;
    margin-bottom: 0;
}

h2 + .strapline {
    margin-top: -1.5rem;
}




}




/* Article changes */
article .strapline,
.author-headline .strapline {
    color: #666666;
}

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


    article h1,
    .author-headline h1 {
        font-size: 3rem; /* 48px */
        line-height: 3.75rem; /* 60px */
        padding-bottom: 2rem;
        letter-spacing: -0.065rem;
        max-width: auto;
    }


    article h2,
    .author-headline h2 {


	font-size: 1.875rem; /* 30 */
	line-height: 2.25rem;	/* 36 */

    padding-bottom: 1rem;
    margin-bottom: 0rem;
    letter-spacing: -0.065rem;
    }

}

/* Start of custom styles for Charity World of Book landing page */

.red-header{
color: #e10a0a !important;
}

.grey-body{
color: #424242 !important;
}

/* END of custom styles for Charity World of Book landing page */

/* Start of custom styles for business */

.grey-body--light{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  opacity: 0.4;
}

/* End of custom styles for business */
/* Buttons */
.btn {
    padding: 0.5rem 1rem 0.5rem 1rem;
	
	line-height: 1.5rem;
	min-height: 1.5rem;
    font-family: FocoReg,Helvetica,Arial,sans-serif;
    text-decoration: none;

    background-color: #e10a0a;
    color: #ffffff;
    width: auto;
	
	position: relative;
	margin-bottom: 2rem;
	border: none;
    border-radius: 2rem;

    cursor: pointer;
    transition: none;

    margin-right: 0.5rem;
}

form .btn {
    
	margin-bottom: 1rem;
}


.btn:focus,.btn:hover {
    background: var(--gradient-primary);
    background: #B20707;
    color: #ffffff;
    box-shadow: none;
}

.btn:active {
    background: #B20707;
    color: #ffffff!important;
    outline: none;
}
:not(:disabled):not(.disabled).btn-primary.active, 
:not(:disabled):not(.disabled).btn-primary:active, 
.show > .btn-primary.dropdown-toggle{
    background: #B20707;
    color: #ffffff!important;
    outline: none;
}


[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn {

    background: white;
    color: #424242!important;
    color: var(--colour-body)!important;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn:focus,
[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn:hover {

    background: var(--colour-light);
    box-shadow: none;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn:active {

    background: var(--colour-body);
    color: #ffffff!important;
    outline: none;
}



/* Secondary button */

.btn-secondary {
    color: var(--colour-primary);
    color: #E10A0A;
    background: none;
    border: 2px solid currentColor;
    padding: calc(0.5rem - 2px) 1rem calc(0.5rem - 2px) 1rem;
}

.btn-secondary:focus,.btn-secondary:hover {
    background: var(--colour-primary-soft);
    background: #E8364B;
    border: 2px solid #E8364B;
}

.btn-secondary:active {

    background: #B20707;
    border: 2px solid #B20707;
}


[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-secondary {

    background: none;
    color: inherit!important;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-secondary:focus,
[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-secondary:hover {

    background: none;
    color: #ffffff;
    box-shadow: none;
    border: 2px solid currentColor;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-secondary:active {

    background: var(--colour-body);
    color: #ffffff;
    outline: none;
    border: 2px solid var(--colour-body);
}

/* Tertiary Button */


.btn-tertiary {
    
    color: var(--colour-link);
    color: #7A3671;
    border: 2px solid #E4E0E0;
    background: white;
    padding: calc(0.5rem - 2px) 1rem calc(0.5rem - 2px) 1rem;
}
.btn-tertiary:focus,.btn-tertiary:hover {
    
    background: none;
    color: var(--colour-body);
    color: #424242;
    border-color: currentColor;
}


.btn-tertiary:active,
.btn-tertiary.active {

    background: #f7f5f6;
    color: #424242!important;
    border-color: currentColor;
}


.btn-tertiary.current {
    background: #793772;
    background: var(--colour-secondary-2);
    color: white!important;
    border-color: currentColor;
}


[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-tertiary {

    background: none;
    
    color: var(--colour-link)!important;
    border: 2px solid currentColor;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-tertiary:focus,
[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-tertiary:hover {

    background: none;
}

[class*='bg-']:not(.bg-light):not(.bg-white):not(.container--outer):not(.banner--outer) .btn-tertiary:active {


    background: var(--colour-body);
    border-color: var(--colour-body);
}


/* Large buttons */

.btn-group-lg > .btn,
.btn-lg {
  border-radius: .3rem;
  padding: 1rem 2.5rem 1rem 2rem;
  font-size: 1.5rem; /* 24px */
  line-height: 2rem;
	height: 4rem;
}

.btn-group-sm > .btn,
.btn-sm {
  font-size: 0.875rem; /* 14px */
	padding: 0rem 1rem 0rem 1rem;
	line-height: 2rem;
	min-height: 2rem;
}

.btn .svg__wrapper {
  display: inline-block;
}
.btn .svg__wrapper svg {
	height: 1.2em;
	width: 1.2em;
	fill: currentColor;
	vertical-align: baseline;
	display: inline-block;
	margin-left: -0.5em;
	margin-right: 0.5em;
	margin-bottom: -0.25em;
}
.btn .svg__wrapper:not(.fill) svg {
	stroke: currentColor;
}

.btn-facebook,
.btn-facebook:active,.btn-facebook:focus,.btn-facebook:hover,.btn-facebook:active:hover {
	background: #3c5a99!important;
}

.btn-twitter,
.btn-twitter:active,.btn-twitter:focus,.btn-twitter:hover,.btn-twitter:active:hover {
    background: #2ab3e7!important;
}
.btn-linkedin,
.btn-linkedin:active,.btn-linkedin:focus,.btn-linkedin:hover,.btn-linkedin:active:hover {
    background: #0077b5!important;
}
.btn-whatsapp,
.btn-whatsapp:active,.btn-whatsapp:focus,.btn-whatsapp:hover,.btn-whatsapp:active:hover {
    background: #25D366!important;
}
.btn-messenger,
.btn-messenger:active,.btn-messenger:focus,.btn-messenger:hover,.btn-messenger:active:hover {
    background: #006aff!important;
    background-image: linear-gradient(to bottom, #00b2ff, #006aff);
}


.btn-facebook svg,
.btn-facebook:active svg,.btn-facebook:focus svg,.btn-facebook:hover svg,.btn-facebook:active:hover svg {
	fill: #ffffff!important;
}
.btn-twitter svg,
.btn-twitter:active svg,.btn-twitter:focus svg,.btn-twitter:hover svg,.btn-twitter:active:hover svg {
    fill: #ffffff!important;
}
.btn-linkedin svg,
.btn-linkedin:active svg,.btn-linkedin:focus svg,.btn-linkedin:hover svg,.btn-linkedin:active:hover svg {
	fill: #ffffff!important;
}
.btn-whatsapp svg,
.btn-whatsapp:active svg,.btn-whatsapp:focus svg,.btn-whatsapp:hover svg,.btn-whatsapp:active:hover svg {
	fill: #ffffff!important;
}
.btn-messenger svg,
.btn-messenger:active svg,.btn-messenger:focus svg,.btn-messenger:hover svg,.btn-messenger:active:hover svg {
	fill: #ffffff!important;
}


.btn[disabled] {
    pointer-events: none;
    opacity: 0.25;
}


.btn[data-icon]:after {
    
    display: none;
}

.btn[data-icon-right] svg {
    
    margin-left: 0.5em;
    margin-right: -1em;
}



/* Feedback buttons */
.btn-feedback {
    padding: 0;
    min-height: auto;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    background: none;
    color: inherit;
    border: 1px solid currentColor;
}
.btn-feedback:hover {
    color: white;
    background: #e10a0a;
    border-color: #e10a0a;
}

.btn-feedback .svg__wrapper:not(.fill) svg {

    display: block;
    width: calc(100% - 0.5rem);
    height: calc(100% - 0.5rem);
    position: absolute;
    top: 0;
    left: 0;
    margin: 0.25rem;
    stroke: currentColor;
}
.btn-feedback[disabled].active {
    opacity: 1;
    color: #e10a0a;
}

@media (min-width: 576px) {

    .btn-feedback {
        height: 3rem;
        width: 3rem;
        border: 2px solid currentColor;
    }

    .btn-feedback:hover {
        border-color: #e10a0a;
    }
}


/* Feedback overlay */
.feedback-overlay {
  position: fixed; 
  bottom: 0; 
  right: 0; 
  background: #fff; 
  width: 100%; 
  padding: 1em; 
  border-left: 6px solid #BD1F66; 
  z-index: 100001;
  box-shadow: 0px 2px 8px #000;
}

@media (min-width: 576px) {
  .feedback-overlay {
    bottom: 10%; 
    width: 360px;
  }
}
table {
    width: 100%;
    font-size: 1rem;
    margin-bottom: 2rem;
}

td,th {
    padding: 0.5rem;
    font-weight: normal;
}

td {
    text-align: center
}

.text-left td {
    text-align: left;
}


thead th {
    font-family: tondo,arial,sans-serif;
    vertical-align: top;
    text-align: center
}



table,
.table {
    margin-bottom: 2rem;
}
form {

    padding-bottom: 1rem;
    
}

.form-control {

	min-height: 2.5rem;
}

/* Donation Search Box */

.donation-search {
    max-width: 24rem;
}

.text-center .donation-search {
    margin-left: auto;
    margin-right: auto;
}

.donation-search .form-control {

    width: calc(100% - 9rem);
    float: left;
}
.donation-search .btn {

    float:right;
    width: 8rem;
    
}

.label, label{
    clear:both;
    font-weight:normal;
    font-family:Tondo,Helvetica,Arial,sans-serif;
    font-family:var(--font-heading);
    margin-bottom:0;
    width:100%;
    display:block;
    color:inherit;
    font-size:1rem;
    line-height:1.5rem;
    padding-bottom:1rem;
    letter-spacing:-0.25px;
    font-weight:bold;
    width:100%;
    max-width:50rem;
    display:block;
    padding-bottom:0.5rem
}
.hint{
    display:block;
    color:#747474;
    font-weight:normal;
    padding-bottom:0.5rem
}

.form-control{
    display:block;
    width:100%;
    padding:.375rem .75rem;
    font-size:1rem;
    line-height:1.5;
    color:#495057;
    background-color:#fff;
    background-clip:padding-box;
    border:2px solid #E4E0E0;
    border-radius:.25rem;
    transition:border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
    max-width: 52.5rem;
}
.form-control_md {
    font-size: 1.1rem;
}
.form-control_lg {
    font-family: TondoLight, helvetica, arial, sans-serif !important;
    letter-spacing: -0.065rem;
    font-size: 2.6rem;
    line-height: 1.5;
}
.input-group-addon.addon_lg {
    font-family: TondoLight, helvetica, arial, sans-serif !important;
    letter-spacing: -0.065rem;
    font-size: 1.6rem;
    background-color: var(--colour-light);
    text-align: center;
    border: none;
    border-bottom: 2px solid #E4E0E0;
    border-top: 2px solid #E4E0E0;
    border-left: 2px solid #E4E0E0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.form-group{
    position:relative;
    margin-bottom:1.5rem;
}
.form-group p:last-child{
    padding-bottom:0
}
.form-group>*:last-child{
    margin-bottom:0 !important
}
.form-group--currency .form-control{
    padding-left:2rem;
    max-width:20rem
}
.form-group--currency:after{
    content:"\00a3";
    display:block;
    position:absolute;
    bottom:-2px;
    left:1rem;
    line-height:3.15em;
    color:#E4E0E0;
    font-family:Tondo,Helvetica,Arial,sans-serif!important;
    
}
.form-group-error.form-group--currency:after{
    left:2rem;
    padding-right:2rem
}
.form-group--percentage .form-control{
    max-width:10rem
}
.form-group--percentage:after{
    content:"%";
    display:block;
    position:absolute;
    bottom:-2px;
    left:8rem;
    line-height:3.15em;
    color:#E4E0E0;
    font-family:Tondo,Helvetica,Arial,sans-serif!important;
}
.form-group--dob .form-control,.form-group--sortcode .form-control{
    max-width:4rem;
    margin-right:0.5rem;
    display:inline-block;
    margin-bottom:0
}
.form-group--dob .form-control.form-control--year,.form-group--sortcode .form-control.form-control--year{
    max-width:6rem
}
.form-group-error{
    padding-left:1rem;
    border-left:4px solid currentColor;
    border-color:#E10A0A;
}
.form-group-error .form-control,.form-group-error .form-control:invalid,.form-group-error .form-control.is-invalid,.form-group-error .form-control.input-validation-error{
    border-color:#E10A0A;
}
.form-group-error .invalid-feedback{
    display:block;
    color:#E10A0A;
}
.field-validation-error{
    display:block
}
.form-control.input-validation-error{
    border-color:#E10A0A;
}

.form-group--hidden{
    z-index:-99;
    position:absolute;
    opacity:0;
    top:-99999px
}


input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{
    -webkit-appearance:none;
    margin:0
}
input[type=number]:not(:hover){
    -moz-appearance:textfield
}
@media screen and (prefers-reduced-motion: reduce){
    .form-control{
        transition:none
    }
}
.form-control::-ms-expand{
    background-color:transparent;
    border:0
}
.form-control:focus{
    color:#495057;
    background-color:#fff;
    border-color:#0B657F;
    outline:0;
    box-shadow:none
}
.form-control::placeholder{
    color:#6c757d;
    opacity:1
}



@media (min-width: 36em){
    .label, label{
        clear:both;
        font-weight:normal;
        font-family:Tondo,Helvetica,Arial,sans-serif;
        font-family:var(--font-heading);
        margin-bottom:0;
        width:100%;
        display:block;
        color:inherit;
        font-size:1rem;
        line-height:1.5rem;
        padding-bottom:1rem;
        letter-spacing:-0.25px;
        font-weight:bold;
        font-size:1.1875rem;
        line-height:1.75rem;
        padding-bottom:1rem;
        padding-bottom:0.5rem
    }
    .form-control{
        margin-bottom:2rem;
        
    }
    .form-group{
        margin-bottom:2rem;
        
    }
}


/* Custom controls */

.custom-control{
    position:relative;
    display:block;
    min-height:1.5rem;
    padding-left:1.5rem;
}
.custom-control-input{
    position:absolute;
    z-index:-1;
    opacity:0
}
.custom-control-input:checked ~ .custom-control-label::before{
    color:#fff;
    background-color:#007bff
}
.custom-control-input:focus ~ .custom-control-label::before{
    box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}
.custom-control-input:active ~ .custom-control-label::before{
    color:#fff;
    background-color:#b3d7ff
}
.custom-control-input:disabled ~ .custom-control-label{
    color:#6c757d
}
.custom-control-input:disabled ~ .custom-control-label::before{
    background-color:#e9ecef
}
.custom-control-label{
    margin-bottom:0
}
.custom-control-label::before{
    position:absolute;
    top:.25rem;
    left:0;
    display:block;
    width:1rem;
    height:1rem;
    pointer-events:none;
    content:"";
    user-select:none;
    background-color:#dee2e6
}
.custom-control-label::after{
    position:absolute;
    top:.25rem;
    left:0;
    display:block;
    width:1rem;
    height:1rem;
    content:"";
    background-repeat:no-repeat;
    background-position:center center;
    background-size:50% 50%
}
.custom-checkbox {
    margin-bottom: 1rem;
}
.custom-checkbox .custom-control-label::before{
    border-radius:.25rem
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before{
    background-color:#007bff
}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after{
    background-image:url("data:image/svg+xml; charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
}
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before{
    background-color:#007bff
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before{
    background-color:rgba(0,123,255,0.5)
}
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before{
    background-color:rgba(0,123,255,0.5)
}


/* Alert boxes */

.alert{
    margin-bottom:2rem;
    margin-left:-0.9375rem;
    margin-right:-0.9375rem;
    padding:1rem 0.9375rem 1rem 0.9375rem;
    padding-right:4.375rem;
    min-height:5rem;
    position:relative;
    border:none;
    border-radius:0;
    background:#f7f5f6;
    background:var(--colour-light)
}
.alert .svg__wrapper{
    display:block;
    position:absolute;
    top:1rem;
    right:0.9375rem
}
.alert .svg__wrapper svg{
    width:3rem;
    height:3rem
}
.alert .svg__wrapper:not(.fill) svg{
    stroke:currentColor
}
.alert .svg__wrapper.fill svg{
    fill:currentColor
}

.alert .alert__link{
    padding-bottom: 0.5rem;
    display: block;    
    margin: 0!important;
}
@media (min-width: 36em){
    .alert{
        margin:0 0 2rem 0;
        padding-top:1.25rem;
        padding-right:5.875rem;
        min-height:6rem
    }
    .alert .svg__wrapper svg{
        width:4rem;
        height:4rem
    }
}

/* Radio buttons */

.radio-btn-group {
    position: relative;
    margin-bottom: 1rem
}

.radio-btn-group label {
    max-width: 50rem;
    display: block
}

.radio-btn-group>p {
    padding-bottom: 1rem
}

.radio-btn-group>input {
    position: absolute;
    z-index: -99;
    opacity: 0
}

.radio-btn-group>label:first-child {
    padding-bottom: 1rem
}

.radio-btn-group>input+label {
    background: #f7f5f6;
    background: var(--colour-light);
    border: 2px solid currentColor;
    border-color: #E4E0E0;
    margin-bottom: 0;
    padding-bottom: 0;
    line-height: 2rem;
    padding: 0.5rem 2rem 0.5rem 1rem;
    display: block;
    width: 100%;
    clear: none;
    margin-right: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 1rem
}

@media (min-width: 36em) {
    .radio-btn-group>input+label {
        width:auto;
        max-width: 50rem
    }
}

.radio-btn-group>input+label:before {
    content: " ";
    display: inline-block;
    float: left;
    height: 1.2em;
    width: 1.2em;
    border-radius: 50%;
    margin: 0.25em 0.65em 0.25em 0;
    background: #fff;
    border: 2px solid currentColor;
    border-color: #E4E0E0;
}

.radio-btn-group>input+label:hover,.radio-btn-group>input+label:hover:before {
    border-color: var(--colour-secondary-3)
}

.radio-btn-group>input+label:focus,.radio-btn-group>input+label:focus:before {
    border-color: #0B657F;
}

.radio-btn-group>input:disabled+label {
    pointer-events: none;
    opacity: 0.4
}

.radio-btn-group.radio-btn-group--inline>input+label {
    display: inline-block
}

.radio-btn-group:not(.radio-btn-group--inline)>label:not(:first-child) ~ label {
    margin-top: 1rem
}

.radio-btn-group>input:checked+label {
    background: #7A3671;
    border-color: #7A3671;
    color: #fff;
}

.radio-btn-group>input:checked+label:before {
    background: #7A3671;
    border-color: #fff;
    border-width: 4px
}

.radio-btn-group>input:checked+label:hover {
    border-color: var(--colour-secondary-3)
}

.radio-btn-group>input:focus+label {
    border-color: #0B657F;
}

.radio-btn-group .input-validation-error+label {
    border-color: #E10A0A;
}

.radio-btn-group .option-content {
    display: none;
    clear: both
}

.radio-btn-group .option-1:checked ~ .option-1-content,.radio-btn-group .option-2:checked ~ .option-2-content,.radio-btn-group .option-3:checked ~ .option-3-content,.radio-btn-group .option-4:checked ~ .option-4-content,.radio-btn-group .option-5:checked ~ .option-5-content {
    display: block;
    padding-top: 1rem
}

.radio-btn-group--icons>input+label:before {
    display: none
}

.radio-btn-group--icons>input+label {
    position: relative;
    padding-left: 3.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.radio-btn-group--icons label .svg__wrapper {
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    top: 50%;
    margin-top: -1.25rem;
    left: 0.74rem
}

.radio-btn-group--icons label .svg__wrapper svg {
    stroke: currentColor;
    height: 2.5rem;
    width: 2.5rem;
    vertical-align: inherit
}

/* Custom forms */

.custom-control {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem
}

.custom-control-inline {
    display: inline-flex;
    margin-right: 1rem
}

.custom-control-input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    background-color: #007bff
}

.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}

.custom-control-input:active ~ .custom-control-label::before {
    color: #fff;
    background-color: #b3d7ff
}

.custom-control-input:disabled ~ .custom-control-label {
    color: #6c757d
}

.custom-control-input:disabled ~ .custom-control-label::before {
    background-color: #e9ecef
}

.custom-control-label {
    margin-bottom: 0
}

.custom-control-label::before {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    user-select: none;
    background-color: #dee2e6
}

.custom-control-label::after {
    position: absolute;
    top: .25rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    content: "";
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox .custom-control-label::before {
    border-radius: .25rem
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E")
}

.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-radio .custom-control-label::before {
    border-radius: 50%
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #007bff
}

.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E")
}

.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
    background-color: rgba(0,123,255,0.5)
}

.custom-select {
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem 1.75rem .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    vertical-align: middle;
    background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right .75rem center;
    background-size: 8px 10px;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    appearance: none
}

.custom-select:focus {
    border-color: #80bdff;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.075),0 0 5px rgba(128,189,255,0.5)
}

.custom-select:focus::-ms-value {
    color: #495057;
    background-color: #fff
}

.custom-select[multiple],.custom-select[size]:not([size="1"]) {
    height: auto;
    padding-right: .75rem;
    background-image: none
}

.custom-select:disabled {
    color: #6c757d;
    background-color: #e9ecef
}

.custom-select::-ms-expand {
    opacity: 0
}

.custom-select-sm {
    height: calc(1.8125rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 75%
}

.custom-select-lg {
    height: calc(2.875rem + 2px);
    padding-top: .375rem;
    padding-bottom: .375rem;
    font-size: 125%
}

.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin-bottom: 0
}

.custom-file-input {
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(2.25rem + 2px);
    margin: 0;
    opacity: 0
}

.custom-file-input:focus ~ .custom-file-label {
    border-color: #80bdff;
    box-shadow: 0 0 0 .2rem rgba(0,123,255,0.25)
}

.custom-file-input:focus ~ .custom-file-label::after {
    border-color: #80bdff
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: "Browse"
}

.custom-file-label {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    border-radius: .25rem
}

.custom-file-label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
    display: block;
    height: calc(calc(2.25rem + 2px) - 1px * 2);
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    content: "Browse";
    background-color: #e9ecef;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0
}

.custom-range {
    width: 100%;
    padding-left: 0;
    background-color: transparent;
    appearance: none
}

.custom-range:focus {
    outline: none
}

.custom-range::-moz-focus-outer {
    border: 0
}

.custom-range::-webkit-slider-thumb {
    width: 1rem;
    height: 1rem;
    margin-top: -.25rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-webkit-slider-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}

.custom-range::-webkit-slider-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-webkit-slider-runnable-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-moz-range-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-moz-range-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}

.custom-range::-moz-range-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-moz-range-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: #dee2e6;
    border-color: transparent;
    border-radius: 1rem
}

.custom-range::-ms-thumb {
    width: 1rem;
    height: 1rem;
    background-color: #007bff;
    border: 0;
    border-radius: 1rem;
    appearance: none
}

.custom-range::-ms-thumb:focus {
    outline: none;
    box-shadow: 0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,0.25)
}

.custom-range::-ms-thumb:active {
    background-color: #b3d7ff
}

.custom-range::-ms-track {
    width: 100%;
    height: .5rem;
    color: transparent;
    cursor: pointer;
    background-color: transparent;
    border-color: transparent;
    border-width: .5rem
}

.custom-range::-ms-fill-lower {
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-range::-ms-fill-upper {
    margin-right: 15px;
    background-color: #dee2e6;
    border-radius: 1rem
}

.custom-control {
    padding-left: 2.5rem
}

label+.custom-control {
    margin-top: 0.5rem
}

.custom-control-label,.form-group label.custom-control-label {
    padding-bottom: 1rem
}

.custom-control-label:before,.form-group label.custom-control-label:before {
    width: 1.75rem;
    height: 1.75rem;
    background: none;
    border: 2px solid currentColor;
    border-color: #E4E0E0;
    border-color: var(--colour-border);
    margin-top: -0.4rem;
    box-shadow: none !important
}

.custom-control-label:after,.form-group label.custom-control-label:after {
    width: 1.75rem;
    height: 1.75rem
}

.custom-control-label:hover:before,.custom-control-label:focus:before,.form-group label.custom-control-label:hover:before,.form-group label.custom-control-label:focus:before {
    border-color: var(--colour-secondary-3)
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #fff;
    background-color: var(--colour-white);
    border-color: #7A3671;
    border-color: var(--colour-link)
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:after {
    background: #7A3671;
    background: var(--colour-link);
    border-radius: 100%;
    width: 0.8rem;
    height: 0.8rem;
    margin-left: 0.45rem;
    margin-top: 0.1rem
}

.custom-radio .custom-control-input:checked ~ .custom-control-label:hover:before {
    border-color: var(--colour-secondary-3)
}

.custom-radio .custom-control-input:focus {
    background: red;
    display: block
}

.custom-radio .custom-control-input:focus ~ .custom-control-label:before {
    border-color: var(--colour-secondary-3)
}

.custom-control-input:checked+.custom-checkbox__parent .custom-control-label:before,.custom-checkbox .custom-control-input:checked ~ .custom-control-label:before {
    background-color: #7A3671;
    background-color: var(--colour-link);
    border-color: #7A3671;
    border-color: var(--colour-link)
}

.custom-control-input:checked+.custom-checkbox__parent .custom-control-label:after,.custom-checkbox .custom-control-input:checked ~ .custom-control-label:after {
    margin-left: 0;
    margin-top: -0.4rem
}

.custom-control-input:checked+.custom-checkbox__parent .custom-control-label:hover:before,.custom-checkbox .custom-control-input:checked ~ .custom-control-label:hover:before {
    border-color: var(--colour-secondary-3)
}

.custom-control-input:focus+.custom-checkbox__parent .custom-control-label:before,.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {
    border-color: var(--colour-secondary-3)
}

.form-group-error.custom-control {
    padding-left: 4rem
}

.form-group-error.custom-control .custom-control-label:before {
    margin-left: 1rem;
    border-color: #E10A0A;
    border-color: var(--colour-primary)
}

.custom-control .input-validation-error+label:before {
    border-color: #E10A0A;
    border-color: var(--colour-primary)
}

.custom-select {
    margin-bottom: 1rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    max-width: 50rem;
    display: inline-block;
    width: 100%;
    height: 3rem;
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    line-height: 1.75rem;
    color: #495057;
    vertical-align: middle;
    background-size: 8px 10px;
    border: 2px solid currentColor;
    border-color: #E4E0E0;
    border-color: var(--colour-border);
    border-radius: 0.25rem;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMTQgOSIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTQgOTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGlkPSJpY29uLWNoZXZyb24tZG93biIgY2xhc3M9InN0MCIgZD0iTTEzLjMsM2MtMC41LDAuNS01LjQsNS4zLTUuNCw1LjNDNy43LDguNSw3LjMsOC43LDcsOC43Yy0wLjMsMC0wLjctMC4xLTAuOS0wLjRjMCwwLTQuOS00LjgtNS40LTUuM2MtMC41LTAuNS0wLjUtMS40LDAtMS45YzAuNS0wLjUsMS4yLTAuNiwxLjgsMEw3LDUuNWw0LjUtNC40YzAuNi0wLjYsMS4zLTAuNSwxLjgsMEMxMy44LDEuNiwxMy44LDIuNSwxMy4zLDNMMTMuMywzeiIgZmlsbD0iIzY2NjY2NiIvPjwvc3ZnPg==);
    background-size: 1rem 1rem !important;
    background-repeat: no-repeat;
    box-shadow: none !important
}

.custom-select--short {
    max-width: 10rem
}

.custom-select:hover {
    border-color: var(--colour-secondary-3)
}

.custom-select:focus {
    border-color: #0B657F;
    border-color: var(--colour-info)
}

.custom-select:active,.custom-select:focus:active,.custom-select:hover:active {
    border-color: #7A3671;
    border-color: var(--colour-link)
}

.form-group-error .custom-select,.custom-select.input-validation-error {
    border-color: #E10A0A;
    border-color: var(--colour-primary)
}


#charitysearchPicker input[name=resourceId] + label:hover, 
#charitysearchPicker input[name=eventId] + label:hover, 
#charitysearchPicker input[name=charityId] + label:hover, 
#charitysearchPicker input[name=charityResourceId] + label:hover {
  cursor:pointer
}

#charitysearchPicker input[name=resourceId]:checked + label, 
#charitysearchPicker input[name=eventId]:checked + label, 
#charitysearchPicker input[name=charityId]:checked + label, 
#charitysearchPicker input[name=charityResourceId]:checked + label {
  background-color: #de0620;
  color:#fff
}

#eventPicker input + label:hover {
  cursor:pointer
}

#eventPicker input:checked + label {
  background-color: #de0620;
  color:#fff
}
.alert-msg {
  background-color: var(--colour-light-2);
  margin-bottom: 3rem;
  padding-top: 1rem;
  min-height: 5rem;
  background: var(--colour-light-2);
  text-align: left !important;
  padding-left: 4.5rem;
  padding-right: 1.5rem;
  position: relative;
  margin-left: -2rem;
  margin-right:-2rem
}

.alert-msg .alert__title {
  padding-bottom:1rem
}

.alert-msg p {
  margin-left:0
}

.alert-msg > :first-child {
  max-width:calc(100% - 4rem)
}

.alert-msg > :last-child:not(.btn) {
  padding-bottom:2rem
}

@media (min-width: 36em) {
  .alert-msg {
    padding-top: 1.5rem;
    padding-left: 6.5rem;
    min-height: 6.5rem;
    margin-left: 0;
    margin-right:0
  }
}

.alert-msg > .strip {
  width: 3rem;
  background: var(--colour-alert-highlight);
  padding: 1.25rem .75rem;
  position: absolute;
  top: 0;
  left: 0;
  height:100%
}

@media (min-width: 36em) {
  .alert-msg > .strip {
    width: 5rem;
    padding:2rem 1.5rem
  }
}

.alert-msg > .strip .svg__wrapper {
  display: block;
  position:absolute
}

.alert-msg > .strip .svg__wrapper svg {
  width: 1.5rem;
  height: 1.5rem;
  stroke: #ffffff;
}

@media (min-width: 36em) {
  .alert-msg > .strip .svg__wrapper svg {
    width: 2rem;
    height:2rem
  }
}

.alert--danger {
    background-color: rgba(231, 59, 59, 0.5);
    background-color: var(--colour-alert-error-highlight);
}

.alert--danger > .strip {
    background-color: #e10a0a;
    background-color:var(--colour-alert-error);
}

.alert--danger > .svg__wrapper svg {
    stroke:var(--colour-danger)
}

.alert--danger > .svg__wrapper--fill svg {
    stroke: none;
    fill:var(--colour-danger)
}

.alert--warning {
    background-color: #ffa441;
    background-color: var(--colour-alert-warning);
}

.alert--warning > .strip {
    background-color:#ff7300;
    background-color:var(--colour-alert-warning-highlight);
}

.alert--warning > .svg__wrapper svg {
    stroke:var(--colour-warning)
}

.alert--warning > .svg__wrapper--fill svg {
    stroke: none;
    fill:var(--colour-warning)
}

.alert--success {
    background-color: rgba(211, 230, 41, 0.5);
    background-color: var(--colour-alert-success);
}

.alert--success > .strip {
    background-color: #dfe3e6;
    background-color:var(--colour-alert-success-highlight)
}

.alert--success > .svg__wrapper svg {
    stroke:var(--colour-success)
}

.alert--success > .svg__wrapper--fill svg {
    stroke: none;
    fill:var(--colour-success)
}
/*! List out the utilities from bootstrap 4 here */

.cursor {
    cursor: pointer
}

.darken {
   background: rgba(0,0,0,0.2);
}

.overflow-hidden {
    overflow: hidden
}

.vertically-centered {
    display: inline-block;
    vertical-align: middle;
    float: none
}

.vertical-center {
    vertical-align: middle
}

.vertically-top {
    display: inline-block;
    vertical-align: top
}

div.vertically-centered,div.vertically-top {
    max-width: 80%
}

.visually-hidden {
    border: 0!important;
    clip: rect(0 0 0 0)!important;
    height: 1px;
    width: 1px!important;
    margin: -1px!important;
    overflow: hidden!important;
    padding: 0!important;
    position: absolute!important
}

.dont-break-out {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all
}

.pos-relative {
    position: relative
}

.border-rounded {
    border-radius: 5px
}


a.linkWrapper {
    text-decoration: none;
    color: inherit;
    font-size: inherit
}


.show {
    display: block
}


.underline {
    text-decoration: underline
}

.no-underline {
    text-decoration: none!important;
    color: #333
}

.uppercase {
    text-transform: uppercase;
    line-height: 1em;
    letter-spacing: -1px
}

.wordWrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word
}

.btn-primary--br025, #babysensorylist-btn, #toddlersenselist-btn{
    border-radius: .25rem;
    max-width:100%;
    width: 100%;
    padding-left:80px;
    padding-right: 80px;
}

.m-auto--block{
  margin:auto !important;
  display:block;
}

.neg-mt-1 {
  margin-top: -1em;
}

@media (min-width: 640px) {
    .scaler-lg-100{
      width:100%;
    }
    .scaler-lg-80{
      width:80%;
    }
    .scaler-lg-60{
      width:60%;
    }
    .scaler-lg-40{
      width:40%;
    }
    .scaler-lg-20{
      width:20%;
    }
    .m-auto-l{
      margin:auto !important;
      display:block !important;
    }
   .hide-lrg{
      display:none !important;
   }
   .hide-sml{
      display:block !important;
   }
}
@media (max-width: 639px) {

    .scaler-sml-100{
      width:100%;
    }
    .scaler-sml-80{
      width:80%;
    }
    .scaler-sml-60{
      width:60%;
    }
    .scaler-sml-40{
      width:40%;
    }
    .scaler-20-sml{
      width:20%;
    }
    .m-auto-s{
        margin:auto !important;
        display:block !important;
    }
   .hide-lrg{
      display:block !important;
   }
   .hide-sml{
      display:none !important;
   }
}
@media (max-width:576px){
  .order-1-sml{
      -ms-flex-order: 0;
      order: 0;
  }
}

@media (min-width: 36em) {

  .mw-sm-20 {
    max-width: 20%
  }
  
  .mw-sm-40 {
    max-width: 40%
  }
  
  .mw-sm-50 {
    max-width: 50%
  }
  
  .mw-sm-60 {
    max-width: 60%
  }
  
  .mw-sm-70 {
    max-width: 80%
  }
  
  .mw-sm-80 {
    max-width: 80%
  }
  
  .mw-sm-90 {
    max-width: 80%
  }
  
  .mw-sm-100 {
    max-width: 100%
  }
}
.cta__list--feed__wrapper,
.cta.cta--feed-item {
    display: none!important;
}


.cta__list {
    padding-bottom: 1rem;
}

.cta {

    position:relative;
    display: block;
    margin-bottom: 0.5rem;
    z-index: 1;
    
    text-align: left;
    text-decoration: none;
    min-width: calc(100% - 0.9375rem);

    margin-left: 0.46875rem;
    margin-right: 0.46875rem;
}

.cta:hover {
    
    text-decoration: none;
}

.cta > [class*='bg-'] {
    position: relative;
/*  height: 100%;  */
}

.cta__header {

    display: block;
    content: "";
    width: 5rem;
    height: 4rem;
    position: absolute;
    overflow: hidden;
    top: 0.5rem;
    right: 0.5rem;
}


.cta__header figure {
    position: static;
}

.cta__header img{

    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    
    width: auto;
    max-width: inherit;
    height: 100%;
    margin: 0;
    transition: 0.3s ease-in-out;
}




.cta__content {

    padding-left: 0.46875rem;
    padding-right: 0.46875rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}



.cta__header + .cta__content {
    padding-right: 6rem;
    min-height: 5rem;
}

.cta p {

    max-width: inherit!important;
    position: relative;
    color: #424242;
    padding-bottom: 0.5rem;
    margin-top: 0;
    font-family: FocoLight;
}



.cta p.display-5 {

    color: #e10a0a;
    padding-bottom: 1rem;
}


.cta__footer {
    padding-left: 0.46875rem;
    padding-right: 0.46875rem;
}

.cta__footer p {
    color: #932c74;
    font-family: FocoReg;
}

.cta__footer p:after {

    content: "";
    display: inline-block;
    height: 0.5rem;
    width: 0.5rem;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;

    transform: rotate(45deg);
    margin-left: 0.5em;
    margin-bottom: 0.05rem;
    transition: all 0.2s ease-in-out;
}

.cta:hover .cta__footer p:after {

    margin-left: 0.8em;
    margin-right: -0.3em;
}


.cta .display-5 + .cta__date {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top:-0.5rem!important;
    padding-bottom: 0.5rem;
}

.cta .x-small {
    font-size: 0.75rem;
    line-height: 1rem;
    margin-top: 0!important;
    padding-bottom: 0.25rem;
}

.cta__content .small {
    display: none;
}

.cta__list--mobile-text .cta__content .small,
#cta__list_bmgprizes .cta__content .small,
#cta__list_bmgcharities .cta__content .small {
    display: block;
}

.cta .cta__logo {

    width: auto;
    height: 4rem;
    padding-bottom: 1rem;
}



/* Hover states */
.cta:before {
    content: " ";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    transition: 0.3s ease-in-out;
}

a.cta.bg-gradient-primary {
    color: white;
}


.cta:hover:before {
    box-shadow: 0 0 0.7rem 0 #cccccc;
}

.cta:hover .cta__header img {
    
    -webkit-transform: translate(-50%, -50%) scale(1.025);
    -ms-transform: translate(-50%, -50%) scale(1.025);
    -o-transform: translate(-50%, -50%) scale(1.025);
    transform: translate(-50%, -50%) scale(1.025);
}

.cta:hover * {
    color: inherit!important;
}
/*
.cta__list .cta__header{
    display: none;
}
*/
.cta__list .cta__header:empty {
    display: none!important;
}


.cta__list > .cta:first-child .cta__header,
.cta__list > .cta:first-child + .cta:last-child .cta__header ,
.cta__list > .cta__col:first-child .cta:first-child .cta__header {
    display: block;
}

.cta__col {
    min-width: 100%;
}


/* Video CTA */

.cta--video .cta__header:before,
.cta--video .cta__header:after{

    content: "";
    display: block;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cta--video .cta__header:before{

    width: 4rem;
    height: 4rem;
    border: 3px solid white;
    border-radius: 100%;
}

.cta--video .cta__header:after{


    width: 2rem;
    height: 2rem;
    border-style: solid;
    border-width: 1rem 0px 1rem 1.5rem;
    border-color: transparent transparent transparent white;
    margin-left: 0.5rem;
}

/* SVGs */
.cta__header .svg__wrapper{

    position: absolute;
    top: auto;
    bottom: 0;
    left: 50%;
    
    width: 5rem;
    height: 5rem;
    margin: 0 0 1rem -2.5rem;

    padding: 0.5rem;
    transition: 0.3s ease-in-out;

    background: #f7f5f6;
    border-radius: 100%;
}

.cta__header .svg__wrapper:not(.fill) svg{

    height: 100%;
    width: 100%;
}


.cta__header .svg__wrapper ~ img{

    display: none;
}

.cta__header .svg__wrapper.illustration{
    border: none;
    padding: 0;
    margin-bottom: 0;
    width: 4rem;
    height: 4rem;
    margin-left: -2rem;
    background: none;
}

/* SVG only */
.cta__list--svg-only .cta__header {

    display: block;
    height: 4.5rem;
    padding: 0;
    margin-bottom: -1rem;
}

.cta__list--svg-only .cta__header .svg__wrapper {
    margin-bottom: 0;
    padding: 0;
    height: 4rem;
    width: 4rem;
    background: none;
    margin-left: -2rem;
}

/* ICON right */
.cta__list--nav-item .cta__header {
    display: block;
    width: 20%;
    float: right;  
    margin-top: 1rem;
    margin-right: 5%;
    padding-top: 20%;
}

.cta__list--nav-item .cta__content {
    width: 75%;
    float: left;
    text-align: left;
}

.cta__list--nav-item .cta__footer {
    clear: both;
    text-align: left;
}


/* Archive */
.cta__list--archive > .cta{

    max-width: 100%!important;
    min-width: 100%!important;
    margin: 0 0 1rem 0!important;
    text-align: left;
}

.cta__list--archive > .cta .cta__content {
    padding-top: 0.5rem;
    padding-bottom: 0;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

.cta__list--archive > .cta .cta__header {
    display: none!important;
}
.cta__list--archive > .cta .cta__footer {
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

.cta__list--archive > .cta.cta--hide {
    display: none;
}

.cta__list--archive > .btn__wrapper {
    order: 2;
    text-align: center;
    width: 100%;
}

.cta__list--archive .display-5 {
    display:block;
}

.cta__list--archive .display-5:not(:hover) {
    color: #e10a0a;
}
.cta__list--archive .display-5 + .cta__date {
    margin-top: -1.5rem!important;
    pointer-events: none;
}


/* Paginate */

.cta.paginate {

    display: none;
}

.cta__list[data-paginate] button {
    display: block;
    order: 2;
    margin: auto;
}

/* Profile CTAs */
.cta--profile:before {
    background: #f7f5f6;
}
.cta--profile .cta__content .small {
    display: block;
}

.cta--profile .cta__header figure{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 4rem;
    width: 4rem;
    overflow: hidden;
    border-radius: 2rem;
}

.cta--profile .cta__header img {
    width: auto;
    max-width: inherit;
    height: 100%;
}

@media (min-width: 576px) {

    .cta {

        margin-bottom: 1rem;
        text-align: center;

    }

    .cta__header {
        width: 100%;
        height: 0;
        padding-top: 42.857%;
        position:relative;
        overflow: hidden;
        top: 0;
        right: auto;
    }

    .cta__header img{
    
        width: 106%;
        max-width: 106%;
        height: auto;
        min-height: 100%;
        object-fit: cover;
    }


    .cta__header .svg__wrapper{

        margin-bottom: 1rem;
    }



    .cta__content {

        padding-left: 0.9375rem;
        padding-right: 0.9375rem;
        padding-top: 1rem;
        
    }


    .cta__header + .cta__content {

        padding-right: 0.9375rem;
    }

.cta__content .small {
    display: block;
}


    /* SVGs*/
    .cta__header .svg__wrapper {
        margin-bottom: 1.25rem;
        padding: 1rem;
        height: 7rem;
        width: 7rem;
        margin-left: -3.5rem;
    }
    
    /* SVG only */
    .cta__list--svg-only .cta__header {

        display: block;
        height: 6.5rem;
        padding: 0;
        margin-bottom: -0.5rem;
    }

    .cta__list--svg-only .cta__header .svg__wrapper {
        margin-bottom: 0;
        padding: 0;
        height: 6rem;
        width: 6rem;
        margin-left: -3rem;
    }
    

    .cta__footer {
        height: 2.5rem;
        position: static;
    }

    .cta__footer__inner {
    
        position: absolute;
        bottom: 1rem;
        left: 1rem;
        right: 1rem;
    }

    .cta__footer p{

        line-height: 1rem;
        padding: 0;
        max-height: 1rem;
    }

    
    
    .cta__list > .cta,
    .cta__list .cta__col {

        width: 50%;
        
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        
        max-width: 50%;
        min-width: 50%;
        
        padding-left: 0.46875rem;
        padding-right: 0.46875rem;

        margin: 0 0 1rem 0;

        min-width: 50%;

        order: 1;
    }
    
    .cta__list .cta__col {
        margin-bottom: 0;
        padding-bottom: 1rem;
        
        display: flex;
        flex-direction: column;
    }
    
    .cta__list .cta__col .cta__header {
        display: none;
    }
    .cta__list .cta__col .cta {
    
        flex-grow: 1;
    
        margin: 0 0 1rem 0;

        min-width: 50%;

        min-height: calc(30% - 1rem);
    }
    .cta__list .cta__col .cta:last-child {
        margin: 0;
    }
    
    .cta__list > .cta:before {
    
        left: 0.46875rem;
        right: 0.46875rem;
    }
    
    /* 2 columns */
    .cta__list > .cta:first-child:nth-last-child(2),
    .cta__list > .cta:first-child:nth-last-child(2) + .cta {
        max-width: 50%;
        min-width: 50%;
    }
    
    /* 3 columns */
    
    .cta__list > .cta:first-child:nth-last-child(3),
    .cta__list > .cta:first-child:nth-last-child(3) + .cta {
        max-width: 50%;
        min-width: 50%;
    }
    
    .cta__list > .cta:first-child:nth-last-child(3) .cta__header,
    .cta__list > .cta:first-child:nth-last-child(3) + .cta .cta__header {
        display: block;
    }
    

    /* 3+ columns */
    .cta__list--6-ctas > *:nth-child(2) ~ * {
        min-width: 100%;
        max-width: 100%;
    }
    
    /* 6 CTA's layout */
    .cta__list--6-ctas > .cta__col:first-child + .cta__col .cta:last-child .cta__header {
        display: block;
    }


    .cta__list--archive > .cta{

        max-width: 100%;
        min-width: 100%;
    }


    .cta__list--archive > .cta{

        margin-left: -0.46875rem!important;
    }


    /* Profile CTAs */
    .cta--profile:before {
        background: #f7f5f6;
    }
    .cta--profile .cta__header figure{
        height: 8rem;
        width: 8rem;
        overflow: hidden;
        border-radius: 4rem;
        margin: 0;
        margin-top: 0.5rem;
    }

    .cta__header .svg__wrapper.illustration{

        width: 8rem;
        height: 8rem;
        margin-left: -4rem;
    }
}




@media (min-width: 576px) and (max-width: 991px) {

    

    .cta__list--6-ctas > * + * + .cta__col {
        flex-direction: row;
    }

    .cta__list--6-ctas > * + * + .cta__col .cta {
        min-width: calc(50% - 0.5rem);
    }
    .cta__list--6-ctas > * + * + .cta__col .cta:first-child:nth-last-child(2) {

        min-width: calc(50% - 0.5rem);
        max-width: calc(50% - 0.5rem);
        margin-bottom: 0;
        margin-right: 1rem;
    }
}

@media (min-width: 992px) {

    
    .cta__list > .cta  {

        max-width: 33.33%;
        min-width: 33.33%;
    }
    
    .cta__list .cta__col {

        max-width: 66.66%;
        min-width: 33.33%;
    }
    
    
    .cta__list > .cta.cta--video .cta__header {
        display: block;
    }

    
    /* Show the header images now */
    /* Done after js loaded to reduce fout */
    .js .cta__list > .cta .cta__header{
        display:block;
    }
    
    /* If cta is put into column but is the only one, show the header */
    .js .cta__list > .cta__col .cta:only-child .cta__header{
        /* display:block; */
    }
    
    /* 2 columns */
    .cta__list > .cta:first-child:nth-last-child(2),
    .cta__list > .cta:first-child:nth-last-child(2) + .cta {
        max-width: 50%;
    }
    
    /* 3 columns */
    .cta__list > .cta:first-child:nth-last-child(3),
    .cta__list > .cta:first-child:nth-last-child(3) ~ .cta{
        max-width: 33.33%;
        min-width: 33.33%;
    }
    
    /* 4 columns or ctas */
    .cta__list > .cta:first-child:nth-last-child(4) + .cta__col {
        min-width: 66.666%;
    }

    .cta__list_4 > .cta:first-child:nth-last-child(4),
    .cta__list_4 > .cta:first-child:nth-last-child(4) ~ .cta{
        max-width: 25%;
        min-width: 25%;
    }
    
    /* 5 columns or ctas */
    .cta__list > .cta:first-child:nth-last-child(5) + .cta__col {
        min-width: 66.666%;
    }
    
    /* 6 CTA's layout */
    .cta__list--6-ctas > .cta__col:first-child + .cta__col + .cta__col .cta:first-child .cta__header {
        display: block;
    }
    

    /* CTA--double */
    
    .cta__list.cta--double > .cta__col:first-child .cta {

        min-height: inherit;
    }
    
    .cta__list.cta--double > .cta:first-child,
    .cta__list.cta--double > .cta__col:first-child {
        min-width: 66.666%!important;
    }
    .cta__list.cta--double > .cta:first-child + *,
    .cta__list.cta--double > .cta__col:first-child + * {
        min-width: 33.333%!important;
        max-width: 33.333%!important;
    }
    
    .cta__list.cta--double > .cta:first-child ~ *:last-child,
    .cta__list.cta--double > .cta__col:first-child ~ *:last-child {
        min-width: 33.333%!important;
        max-width: 100%!important;
    }
    
    .cta__list.cta--double > .cta:first-child ~ .cta__col .cta__header,
    .cta__list.cta--double > .cta__col:first-child ~ .cta__col .cta__header {
        display: none!important;
    }
    
    .cta__list.cta--double > .cta:first-child ~ *:last-child .cta__header,
    .cta__list.cta--double > .cta__col:first-child ~ *:last-child .cta__header{
        
        display:none;
    }
    

    .cta__list--archive > .cta{

        max-width: 100%;
        min-width: 100%;
    }
}


.cta-filters {


}

.filters__title {
    line-height: 2.5rem;
    vertical-align: top;
    margin: 0;
    margin-right: 0.5rem;
}
.filters__title .svg__wrapper {
    height: 1.5rem;
    width: 1.5rem;
    display: inline-block;
    vertical-align: bottom;
    margin-bottom: 0.5rem;
    margin-right: 0.25rem;
}
.filters__title .svg__wrapper svg {
    height: 1.5rem;
    width: 1.5rem;
    display: block;
    fill: #7A3671;
}

/* No reults */

.cta__list .noresults {
    display: none;
}
.cta__list .noresults:first-child:last-child {

    display: block;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
}

.svg-wrapper--fixed-xy{
   width:10rem;
   height:10rem;
   max-width:10rem;
   max-height:10rem;
}
.svg-wrapper--fixed-xy svg{
  width:100%;
  height:100%;
}

/* FAQ icon fix */

@media only screen and (max-width: 575px){
.cta-faq .cta__header {
    overflow: visible;
    top: 3.0rem;
}
}
/*! Social Buttons */
.social-buttons li{
	display: inline-block;
}
.social-buttons li + li {
	padding-left: 0.25rem; /* 8px */
}

.social-buttons img,
.social-buttons .svg__wrapper svg{
	
	width: 2rem; /* 36px */
	height: 2rem; /* 36px */
	border-radius: 0.25rem; /* 4px */
}

.social-buttons .btn {
    padding: 0;
    min-height: auto;
    border-radius: 0.25rem;
    height: 2rem;
}

.social-buttons .btn:after {
    display: none;
}

.social-buttons .btn .svg__wrapper svg {
    margin: 0;
    display: block;
}

.social-buttons .btn span:not(.svg__wrapper) {
    
    height: 2rem;
    float: right;
    line-height: 1rem;
    padding: 0.5rem;
}
.social-buttons .btn.mct_whatsapp_btn{
    background-color: #7FC567;
    background-image: linear-gradient(#7FC567, #58BA4E);
}

.social-buttons .btn.mct_fb_messenger_btn{
    background-color: #ffffff;
}

@media (min-width: 576px) {

    .social-buttons li + li {
        padding-left: 0.5rem; /* 8px */
    }
    .social-buttons img,
    .social-buttons .svg__wrapper svg{
        
        width: 3rem; /* 48px */
        height: 3rem; /* 48px */
        border-radius: 0.25rem; /* 4px */
    }
    .social-buttons .btn {
        height: 3rem;
    }
    .social-buttons .btn span:not(.svg__wrapper) {
    
        height: 3rem;
        float: right;
        line-height: 1rem;
        padding: 1rem;
    }
}

.main-nav {

    min-height: 5.75rem; /* 72 */
    position: relative;

    outline: 1px solid #f1f1f1;
    overflow: visible;
    z-index: 99;
}

/* logo */
.main-nav .logo {
    
    margin-top: 0.75rem;
    position: absolute;
    top: 0;
    left: 50%;
    
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}


body a.logo .svg__wrapper.fill svg,
body .logo--stacked.svg__wrapper.fill svg {
    //fill: inherit!important; /* TO DO: Maybe add a new class for multi-coloured Fills and we never add a fill to it to start with. FYI this CSS is to fix a firefox issue for versions 56 and below */
    fill: #e10a0a!important;
}

/* logo */
.logo--stacked {
    
    width: 2rem;
    height: 4rem;
}

.logo--stacked svg {
    height: 2rem; /* 32 */
    width: 6.875rem; /* 110 */
}

.logo--stacked svg + svg {
    margin-left: -2.3rem;
    margin-top: -0.6rem;
}

.logo--stacked svg + svg + svg  {
    margin-left: -4.75rem;
    margin-top: -1.15rem;
}

.logo--stacked svg .logo__circle-outline,
.logo--stacked svg .logo__virgin {
    fill: white;
}

.logo--stacked svg .logo__circle,
.logo--stacked svg .logo__text,
.logo--stacked svg .logo__heart {
    fill: #e10a0a;
}


/* Menu */
.menu,
.menu--signin {
    display: none;
}

.menu__link {
    padding-top: 1.25rem;
    float: left;
    height: 3.25rem;
    width: 2.25rem;
    position: relative;
}

.menu__link .bar {
    position: absolute;
    top: 1.5rem;
    left: 0;
    width: 100%;
    height: 2px;
    background: #67565E;
    transition: 0.5s;
}


.menu__link:hover .bar {
    background: var(--colour-primary);
}



.menu__link .bar + .bar {
    top: calc(2.25rem - 1px);
}

.menu__link .bar + .bar + .bar{
    top: auto;
    bottom: 0.25rem;
}

.menu__link.active .bar:first-child,
.menu__link:active .bar:first-child {

    -webkit-transform: rotate(-45deg) translate(-0.5rem,0.5rem);
    transform: rotate(-45deg) translate(-0.5rem,0.5rem);

}
.menu__link.active .bar:first-child + .bar,
.menu__link:active .bar:first-child + .bar {

    opacity: 0;
}
.menu__link.active .bar:first-child + .bar + .bar,
.menu__link:active .bar:first-child + .bar + .bar{
    
    -webkit-transform: rotate(45deg) translate(-0.5rem,-0.5rem);
    transform: rotate(45deg) translate(-0.5rem,-0.5rem);

}



.menu:target,
.menu.target {

    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-top: 5.5rem;
    pointer-events: none;
    z-index: 1;
}

.js .menu:target {
    display: none;
}

.js .menu.target {
    display: block;
}

.menu:target:before,
.menu.target:before {
    content: " ";
    display: block;
    position: absolute;
    top: 5.5rem;
    left: 0;
    width: 100%;
    height: calc(100% - 4rem);
    background: white;
    z-index: -1;
    box-shadow: 0px 3px 4px -2px grey;
}


.menu a,
.submenu a {
    pointer-events: all;
    color: inherit;
    font-family: inherit;
}

.menu a:hover,
.menu a.active,
.menu a.current,
.submenu a:hover,
.submenu a.active,
.submenu a.current {
    color: #e10a0a;
}

.menu ul > li > a:only-child:after,
.submenu ul > li > a:only-child:after {
    display: none;
}

.menu > ul {
    pointer-events: all;
    padding: 0 0.9375rem 0 0.9375rem;
    margin: 0 auto 0 auto;
    list-style: none;
}

.menu > ul > li {
    
    min-height: 3.5rem; /* 56 */
    border-top: 2px solid #ECECEC;
}
.menu > ul > li:first-child {
    
    border-top: none;
}

.menu > ul > li > a {
    
    font-size: 1.3125rem; /* 21 */
    line-height: 2rem;
    padding-top: 1.35rem;
    padding-bottom: 1.45rem;
    display: block;
    position: relative;
}



.menu > ul > li > a:first-child:nth-last-child(2):before {
    
    content: "";
    position: absolute;
    background-color: currentColor;
    transition: transform 0.25s ease-out;
    top: 50%;
    right: 1rem;
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -0.5rem;

    transform: rotate(90deg);
}

.menu > ul > li > a:first-child:nth-last-child(2):after {
    
    content: "";
    position: absolute;
    background-color: currentColor;
    transition: transform 0.25s ease-out;
    top: 50%;
    right: 1rem;
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -0.5rem;
}


.menu > ul > li > a.active:first-child:nth-last-child(2):before {
    
    transform: rotate(130deg);
}

.menu > ul > li > a.active:first-child:nth-last-child(2):after {
    
    transform: rotate(45deg);
}




/* Subnav */



.submenu .landing_link {
    font-size: 1rem; /* 16 */
	line-height: 1.5rem; /* 24 */
    margin-bottom: 0;
    padding: 0 0.9375rem 0.5rem 0.9375rem;
    display: inline-block;
}

.submenu > ul {
    display: block;
    pointer-events: all;
    padding: 0 0.9375rem 0 0.9375rem;
    margin: 0 auto 0.5rem auto;
    list-style: none;
}

.submenu > ul > li {

    list-style: none;
    overflow: hidden;
}

.submenu > ul > li svg {
    
    display: none;
}


.submenu > ul > li a span:not(.svg__wrapper) {
    
    display: block;
    padding-bottom: 0.5rem;
}


.js .submenu {
    
    display: none;
}

.js .submenu.target {
    
    display: block;
}

.menu .close,
.submenu .cta,
.submenu .close {
    display: none;
}





/* Sign in */

.sign-in__link {
    
    padding-top: 1.25rem;
    padding-left: 1rem;
    float: right;
    position: relative;
    color: inherit;
    transition: 0.5s;
}

.sign-in__link .svg__wrapper {
    display: inline-block;
}
.sign-in__link .svg__wrapper svg{
    
    height: 2rem;
    width: 2rem;
    stroke: currentColor!important;
}

.sign-in__link span{
    
    display: none;
}


.sign-in__link:hover {
    
    color: var(--colour-primary);
}


.menu--signin {
    clear: both;
    padding-top: 1rem;
}


.menu > .close {
    pointer-events: all;
    display:block;
    position:absolute;
    top: 100%;
    left: 50%;
    margin-left: -50vw;
    width: 100vw;
    height: 50vh;
    text-indent: -300%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.5) 4%, rgba(0,0,0,0) 100%);
    opacity: 1;
    transition: 0.5s;
}


@media (min-width: 992px) {

    .main-nav .logo {
        float: left;
        position: static;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        -o-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
    }

    .menu__link {
        display: none;
    }

    .menu > .close {
        display: none;
    }

    .menu,
    .menu:target,
    .menu.target {
        display: block;
        float: left;
        width:auto;
        position: static;
        padding: 0;
    }

    .menu:target:before,
    .menu.target:before {
        display: none;
    }

    .menu > ul  {
        padding: 0.5rem 0.5rem 0.5rem 1rem; 
    }

    .menu > ul > li {
        border: none;
        float: left;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }


    .menu > ul > li > a:first-child:nth-last-child(2) {
        padding-right: 1.5rem;
    }

    .menu > ul > li > a:first-child:nth-last-child(2):before {
        
        
        height:0.5rem;
        margin-top: -0.2rem;
        transform: rotate(130deg);
        right: 0.6rem;
    }

    .menu > ul > li > a:first-child:nth-last-child(2):after {
        
        height: 0.5rem;
        right: 0.1rem;
        margin-top: -0.2rem;
        transform: rotate(-130deg);
        margin-right: 3px;
    }

    .menu > ul > li > a.active:first-child:nth-last-child(2):before {
        
        transform: rotate(45deg);
    }

    .menu > ul > li > a.active:first-child:nth-last-child(2):after {
        
        transform: rotate(-45deg);
    }









    .submenu {
        
        display: none;
    }

    .submenu.target,
    .submenu:target {
        
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        
        padding-top: 7rem;
        padding-bottom: 1rem;
        pointer-events: none;
        z-index: 1;
        
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        width:100%;
		max-width: 80rem;
        padding-right: 4.375rem; /* 70 */
        padding-left: 4.375rem;
    }

    .js .submenu:target {
        display: none;
    }

    .js .submenu.target {
        display: block;
    }

    .submenu:target:before,
    .submenu.target:before {
        content: " ";
        display: block;
        position: absolute;
        top: 5.5rem;
        left: 50%;
        margin-left:-50vw;
        width: 100vw;
        height: calc(100% - 4.5rem);
        background: white;
        z-index: -1;
        box-shadow: 0px 3px 4px -2px grey;
    }

    .submenu > * {
        display: block;
    }

    .submenu > .landing_link {
        font-size: 1.5rem; /* 19 */
	    line-height: 1.5rem;	/* 24 */
        padding-bottom: 2rem;
        margin-bottom: 0;
        display: inline-block;
        width: auto;
        padding-left: 0;
    }

    .submenu > .landing_link strong {

        color: var(--colour-primary);
    }

    .submenu > .landing_link:after{

        content: " ";
        display: inline-block;
        height: 0.3em;
        width: 0.3em;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(-45deg);
        margin-left: 0.25rem;
        margin-bottom: 0.25rem;
        transition: 0.5s;
    }

    .submenu > .landing_link:hover:after{

        margin-left: 0.5rem;
        margin-right: -0.25rem;
    }


    .submenu ul {
        
        padding: 0;
        clear:both;
        float: left;

        width: 66.666667%;
        margin-bottom: 1rem;
        padding-right: 0.46875rem;
        padding-right: var(--gutter);
    }

    .submenu ul li{
        
        float: left;
        width: 50%;
        padding-bottom: 1rem;
        padding-right: 1rem;
    }
    .submenu ul li a{
        
        display: block;
        overflow: hidden;
        float: left;
        width: 100%;
    }

    .submenu ul li:nth-child(odd){
        clear: both;
    }

    .submenu .svg__wrapper {
        display: inline-block;
        float: left;
        background-color: rgba(168, 151, 160,0.1);
        height: 3rem;
        width: 3rem;
        padding: 0.5rem;
        border-radius: 100%;
    }

    .submenu > ul > li .svg__wrapper:not(.fill) svg {

        display: block;
        width: 2rem;
        height: 2rem;
        stroke: currentColor;
    }

    .submenu .svg__wrapper + span{
        
        float: right;
        padding-top: 0.5rem;
        width: calc(100% - 4rem);
    }

    .submenu span:not(.svg__wrapper):after{

        content: " ";
        display: inline-block;
        height: 0.4em;
        width: 0.4em;
        border-right: 2px solid currentColor;
        border-bottom: 2px solid currentColor;
        transform: rotate(-45deg) translate(0, -0.1em);
        margin-left: 0.4rem;
        transition: 0.5s;
    }

    .submenu a:hover .svg__wrapper + span:after{

        margin-left: 0.6rem;
        margin-right: -0.3rem;
    }


    .submenu .cta {
        display: inline-block;
        margin-left: 0;
        width: calc(33% - 0.46875rem);
        min-width: calc(33% - 0.46875rem);
        outline: 1px solid #f1f1f1;
        margin-top: -0.25rem;
        margin-bottom: 2rem;    
        margin-right: 0;
        float: right;
    }


    .submenu .close {
        pointer-events: all;
		display:block;
		position:absolute;
		top: 100%;
		left: 50%;
        margin-left: -50vw;
		width: 100vw;
		height: 100vh;
        text-indent: -300%;
        background: linear-gradient(to bottom, rgba(0,0,0,0.5) 4%, rgba(0,0,0,0) 100%);
        opacity: 1;
        transition: 0.5s;
    }

    .scrolled .main-nav .submenu .close {

        opacity: 0;
        height: 0vh;
    }



    /* Sign in */

    .sign-in__link {

        margin-top:1.35rem;

        padding: 0.5rem 1.25rem 0.5rem 0.5rem;
        float: right;
        position: relative;
        color: #e10a0a;
        transition: 0.5s;
        border: 1px solid currentColor;
        border-radius: 2rem;
    }
    .sign-in__link:hover,
    .sign-in__link:active,
    .sign-in__link.active {
        
        color: white;
        background: #e10a0a;
    }
    
    .sign-in__link svg{
        
        height: 2rem;
        width: 2rem;
        fill: currentColor;
        float: left;
    }
    .sign-in__link span{
        
        display: inline-block;
        font-size: 1.125rem;
        line-height: 2rem;
        padding-left: 0.5rem;
        float: left;
    }
}


.my_account_link {
    display: none;
}

#header_modifier.hm_loggedin ~ header .sign-in__link {
    display: none;
}
#header_modifier.hm_loggedin ~ header .sign-in__link.my_account_link {

    display: inline-block;
}

#header_modifier.hm_only_logo ~ header .menu,
#header_modifier.hm_only_logo ~ header .menu__link,
#header_modifier.hm_only_logo ~ header .sign-in__link {

    display: none!important;
}


/* Global Search */

.menu ul {
  max-width: 100%;
}

.global-search {
  width: 6.5rem;
  margin: .6rem 0 0 0;
}
   
  .global-search.expanded, .menuSearch.expanded {
    width: 100%;
  }
    
  .global-search input {
    width: 100%;
    margin-bottom: 0;
    border: none; 
    border-radius: 0;
    border-bottom: 2px solid #7a3671;
    background-image: url(img/search.svg);
    background-position: 0.2rem 50%;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-left: 34px;
    font-size: 1.3125rem;
  }

  .global-search input:focus {
    outline: none; 
  }

  .global-search input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #424242;
    opacity: 1; /* Firefox */
  }
  .global-search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #424242;
  }
  ::-ms-input-placeholder { /* Microsoft Edge */
    color: #424242;
  }
    
.position-relative {
  position: relative
}
    
@media (min-width: 992px) {
  .menu {
    width: 68%;
  }
  .global-search {
    margin: 1.25rem 0 0 .5rem;
  }
}

@media (min-width: 992px) and (max-width: 1039px)  {
  .global-search {
    width: 2.2rem;
    margin: .6rem 0 0 0;
  }
  .menu {
    width: 64%;
  }
  .menuItem {
    padding-left: 0.45rem !important;
    padding-right: 0.45rem !important;
  }
}
.banner {
    padding-top: 42.8125%;
    padding-lefT: 0;
    padding-right: 0;
    position: relative;
}

.banner .banner__bg {
    width:100%;
    padding-top: 42.8125%;
    pointer-events: none;
    
    position: absolute;
    overflow: hidden;
    z-index: 10;
    top: 0;
    left: 50%;
    
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

.banner .banner__bg img {
    width:100%;
    min-height: 100%;
    pointer-events: none;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.banner h1 {
    color: #666666;
}

.hero {
    color: #666666;
    color: var(--colour-body-light);
}
.hero strong {
    color: #E10A0A;
    color: var(--colour-primary);
}


.banner h1 b,
.banner h1 strong{
    color: #e10a0a!important;
}

.banner .container br {
    display: none;
}

.banner .container h1,
.banner .container p {
    padding-top: 1.5rem;
}
.banner .container h1 + p {
    padding-top: 0;
}


/* outer banner */

.banner.banner--outer {

text-align: center;

}







@media (min-width: 576px) {

    .banner {
        display: block;
        margin-left: auto;
        margin-right: auto;
        position: relative;
        overflow: hidden;
    }
    
    .banner .container {
        
        position: absolute;
        z-index: 10;
        top: 50%;
        left: 50%;
        
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }
    
    .banner .container h1,
        .banner .container p {
            padding-top: 3rem;
        }
        .banner .container h1 + p {
            padding-top: 0;
        }

    .banner--text-center .container {
        top: 0;
        margin-top:-1rem;
        -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
        -o-transform: translate(-50%, 0%);
        transform: translate(-50%, 0%);
        text-align: center;
    }

    .banner--text-middle .container {
        top: 50%;
        margin-top:-1rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: center;
    }

    .banner--text-center p,
    .banner--text-middle p{
        margin-left: auto;
        margin-right: auto;
    }

    .banner--text-center [class^="col"],
    .banner--text-middle [class^="col"] {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .banner--text-white {
        color: white!important;
    }

    .banner--text-white h1,
    .banner--text-white h1 b,
    .banner--text-white h1 strong {
        color: white!important;
    }

    
    .banner .container br {
        display: inherit;
    }
    
    /* Banner outer */
    .banner.banner--outer {

        text-align: center;
        padding-top:0;
        height: auto;
    }
    .banner.banner--outer .banner__bg {
        position: relative;
        padding-top: 31.25%;

    }
    .banner.banner--outer .banner__bg img{
        -webkit-transform: translate(-50%, -40%);
        -ms-transform: translate(-50%, -40%);
        -o-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%);
    }

    .banner.banner--outer .container {
        position: relative;
        -webkit-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transform: none;
        background: white;
        width: calc(100% - 3rem);
        margin-top: -4rem;
        left: inherit;
        top: inherit;
    }

    .banner.banner--outer .container .col-lg-6 {
            flex: 0 0 100%;
    max-width: 100%;
    }
    .banner.banner--outer .container h1 {
        padding-top: 2rem;
    }
    .banner.banner--outer .container .strapline {
        display: inline-block;
    }

}

@media (min-width: 992px) {

    .banner,
    .banner .banner__bg {
        padding-top: 0;
        max-width: 80rem; /* 1280px */
        height: 34.25rem; /* 548 */
    }

    .banner .banner__bg {
        height: 34.3rem; /* Slightly higher to accomadate for rounding of numbers when scaling */
    }
    .banner.banner--outer .banner__bg {
        
        padding-top: 0;
        height: 25rem; /* 548 */
    }
    .banner.banner--outer .container {
    
        width: calc(100% - 8.75rem);
    }
}

.banner__bg iframe,
.banner__btns {
    display: none;
}

@media (min-width: 576px) {

    .banner__bg iframe  {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);

        width: 100%;
        height: auto;
        z-index: 1
    }

    .banner__bg iframe {
        z-index: 5;
        width: 100%;
        height: 140%;
    }

    #banner__player {

        opacity: 0;
        transition: opacity 1s; 
    }

    .loaded #banner__player {

        opacity: 1;
    }

    .loaded .banner__bg:before {
        content: " ";
        display: block;
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        
        background: linear-gradient(rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0) 100%);
        z-index: 6;
    }

    .banner__btns {
        display: block;
        position: absolute;
        top: 1rem;
        right: 1rem;
        z-index: -99;
        opacity: 0;
    }

    .loaded .banner__btns {
        z-index: 98;
        opacity: 1;
    }

    .banner__btns .btn {
        
        margin-bottom: 0;
    }


    .banner.loaded {
        color: white!important;
    }

    .banner.loaded h1 b,
    .banner.loaded h1 strong {
        color: white!important;
    }
}
.banner__additional-content-container {
    width: 100%;
    max-height: 200px;
    overflow: auto;
    padding:20px;
}

.banner__logo-box {
    float: left;
    width: 20%;
    height: 60px;
}

.banner__logo-box img{
    max-width:100%;
    max-height:60px;
}

.banner.banner--additional-content h1{
    font-size:2.75em;
    line-height: 3.25rem;
}

.hide{
    display:none;
}

@media (max-width: 576px) {

    .banner__additional-content-container--invert--sml {
        width: 120%;
        max-height: 200px;
        overflow: auto;
        padding:20px;
        background-color:#0d4399;
        margin-left: -8%;
    }
 
    .banner .text-white{
        color:#424242 !important;
    }
    .banner.banner--additional-content h1{
        font-size:2.25rem;
        line-height:2.75rem;
        padding-bottom:1rem;
    }
    .banner.banner--additional-content p.lead{
        font-size:1rem;
        line-height:1.5rem;
    }    
    #babysensorylist-selectbox{
         margin-bottom:2rem !important;
         width:100%;
    }
#toddlersenselist-selectbox{
         margin-bottom:2rem !important;
         width:100%;
    }
    .banner__logo-box{
        width:33%;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
      .banner.banner--additional-content h1{
        font-size:2.5rem;
    }
    .banner.banner--additional-content p.lead{
        font-size:1.1rem;
    }
}


.accordion {

    margin-bottom: 1rem;
    border-bottom: 2px solid #e5edef;
    margin-bottom: calc(2rem - 2px);
    max-width: 47.5rem;
}

.accordion .tab {

    border-top: 2px solid #e5edef;
    margin-top:-2px;
    display: block!important;
}

.accordion .feedback {

    max-width: 47.5rem;
}
.accordion .feedback p:not(.lead):not(.strapline):not(.display-1):not(.display-2):not(.display-3):not(.display-4) {

    font-weight:bold;
    padding-bottom: 1rem;
}

.accordion .tab > a {

    padding: 0;
    font-size: 1.1875rem; /* 19px */
    line-height: 2rem;
    display: block;
    padding-top: 1rem;
    padding-bottom: 1rem;
    text-decoration: none;
    position: relative;
    padding-right: 3rem;
    font-weight: normal;
    font-family: Tondo,helvetica,arial,sans-serif;
}

.accordion .tab a span {

    content: "";
    position: absolute;
    
    transition: transform 0.25s ease-out;
    top: 1rem;
    left: auto;
    right: 0;
    width: 2rem;
    height: 2rem;
    margin-right: -1px;
    border: 2px solid currentColor;
    border-radius: 100%;
}

.accordion .tab a span:before {

    content: "";
    position: absolute;
    background-color: currentColor;
    transition: transform 0.25s ease-out;
    top: 50%;
    left: 50%;
    
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -0.5rem;
}

.accordion .tab a span:after{
    content: "";
    position: absolute;
    background-color: currentColor;
    transition: transform 0.25s ease-out;
    top: 50%;
    left: 50%;
    
    width: 1rem;
    height: 2px;
    margin-top: -1px;
    margin-left: -0.5rem;
}

.accordion .tab a:hover,
.accordion .tab a:not(.collapsed) {

    color: inherit;
}

.accordion .tab a:not(.collapsed) span:before {
    
    transform: rotate(90deg);
}

.accordion .tab a:not(.collapsed) span:after {
    
    transform: rotate(180deg);
}

.accordion .collapse,
.accordion .collapsing {
    padding: 0;
    margin-bottom: 1rem;
}
#accordion [role="button"],.accordion [role="button"] {
    background-image: url(img/icon_plus.svg);
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: 32px;
    padding-right: 48px
}

#accordion [role="button"][aria-expanded="true"],.accordion [role="button"][aria-expanded="true"] {
    background-image: url(img/icon_minus.svg);
    color: #7a3671
}
/*17*/
.hero {
   position: relative;
   overflow: hidden;
}
.hero__image {
   position: relative;
   overflow-y: hidden;
   max-height: 180px;
}
.hero__content {
   margin-top: 21px;
   position: static;
   top: 0;
   left: 0;
   width: 100%;
   top: 50%;
   left: 50%;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
}
h1.hero-white {
   color: #CC0000;
}
p.hero-white {
   color: #333333;
}
.hero__lead {
   font-size: 1.313em;
}
a.vm-white:hover {
   color: #fff;
   text-decoration: none;
}
/** XS and SM ONLY **/
@media screen and (max-width:639px) {
   .border-top-gry-6__small {
      border-top:solid 6px #dde7ea;
      margin-top: 16px;
   }
   .clear-both_xsmall {
      clear: both;
   }
}
/** MD and above **/
@media screen and (min-width:640px) {
  .clear-both-m {
    clear: both;
  }
  .two-columns{
    column-count: 2;
  }
  .hero__image {
    max-height: 460px;
  }
  .hero__content {
    background-color: transparent !important;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    overflow: hidden;
    position: absolute;
    margin-top: 0;
    margin-bottom: 0;
  }
  .hero__title {
    font-size: 4.8vw;
    line-height: 5.5vw;
    padding-right: 50%;
  }
  .hero__lead {
    font-size: 3vw;
    line-height: 1.313em;
    padding-right: 50%;
  }
  h1.hero-white {
    color: #ffffff;
  }
  p.hero-white {
    color: #ffffff;
  }
}

/** MD and below **/
@media screen and (max-width:839px) {
  .clear-both_small {
    clear: both;
  }
}

/** LG and above **/
@media screen and (min-width:840px) {
  .hero__title {
    font-size: 48px;
    line-height: 48px;
    padding-right: 50%;
  }
  .hero__lead {
    font-size: 27px;
    line-height: 30px;
    padding-right: 50%;
  }
}
.cta__list--small {
    text-align: left;
    padding-bottom: 1rem;
}

.cta__list--small .tab .btn {
    display: block;
    max-width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.cta--small {
    
    display: block;
    margin-bottom: 0.5rem;
    position: relative;
    min-height: 3rem;
    padding-left: 4rem;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 2rem;
    text-decoration: none;
}

.cta--small:hover,
.cta--small:focus,
.cta--small:active {
    
    text-decoration: none;
}

.cta--small .svg__wrapper {

    background-color: rgba(168, 151, 160,0.1); /* Warm Grey tint 10% */
    height: 3rem;
    width: 3rem;
    padding: 0.5rem;
    border-radius: 100%;
    
    position: absolute;
    top:0;
    left: 0;
}

.bg-gradient-primary .cta--small .svg__wrapper,
.bg-gradient-secondary .cta--small .svg__wrapper  {

    background: none;
}

.cta--small .svg__wrapper svg{

    height: 100%;
    width: 100%;
    stroke: url(#gradient-secondary-down);
}

.cta--small p{

    padding-bottom: 0!important;
    line-height: 1.2;
    position: relative;
}
.cta--small p:after{

    content: " ";
    display: inline-block;
    height: 0.5em;
    width: 0.5em;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(-45deg);
    margin-left: 0.25rem;
    margin-bottom: 0.05rem;

    transition: margin 0.5s;
}

.cta--small:hover p:after{

    margin-left: 0.5rem;
    margin-right: -0.25rem;
}


.bg-gradient-primary .cta--small .svg__wrapper,
.bg-gradient-secondary .cta--small .svg__wrapper{

    background: none;
    border: 2px solid currentColor;
}





/* Tab links */
.cta--small--tablink p:after{

    display: none;
}

.cta--small--tablink:before {
    
    content: "";
    position: absolute;
    background-color: currentColor;
    transition: all 0.25s ease-out;
    top: 50%;
    right: 1rem;
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -0.5rem;

    transform: rotate(90deg);
}

.cta--small--tablink:after {
    
    content: "";
    position: absolute;
    background-color: currentColor;
    transition: margin 0.25s ease-out;
    top: 50%;
    right: 1rem;
    width: 2px;
    height: 1rem;
    margin-left: -1px;
    margin-top: -0.5rem;
}


.cta--small--tablink.active:before {
    
    transform: rotate(135deg);
}

.cta--small--tablink.active:after {
    
    transform: rotate(45deg);
}




@media only screen and (min-width: 576px) {
    
    .cta__list--small {
        text-align: center;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: center!important;
        justify-content: center!important;
        padding-bottom: 1rem;
    }

    .cta--small {

        display: inline-block;

        width: 50%;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;

        margin-left: 0.46875rem;
        margin-right: 0.46875rem;
        min-width: 6rem;
        max-width: 10rem;
        margin-bottom: 2rem;
        padding: 0;
    }

    .ie .cta--small {
        flex-grow: 0;
    }


    .cta--small p{
        padding-top:0.5rem;
        padding-left: 0.46875rem;
        padding-right: 0.46875rem;
    }
    .cta--small .svg__wrapper{

        position: static;
        background: #f8f9fa;
        padding: 1rem;
        height: 6rem;
        width: 6rem;
        margin-left: auto;
        margin-right: auto;
    }

    .bg-gradient-primary .cta--small .svg__wrapper,
    .bg-gradient-secondary .cta--small .svg__wrapper  {

        border-width: 3px;
    }

    /* Tabs */

 
 
    
    .cta--small--tablink.active {
        
        pointer-events: none;
    }





    .cta--small--tablink:before,
    .cta--small--tablink:after {

        top: 100%;
        margin: 0;
        height: 0.5rem;

        transform: rotate(90deg);

        transition: all 0.25s ease-in;
    }

    .cta--small--tablink:before {
        
        
        left:auto;
        right:50%;
        margin-right: 0.18rem;
    }

    .cta--small--tablink:after{
        
        right: auto;
        left: 50%;

        margin-left: 0.18rem;
    }


    .cta--small--tablink:hover:before,
    .cta--small--tablink:focus:before,
    .cta--small--tablink.active:before {
        
        margin-right: 0.13rem;
        transform: rotate(130deg);
    }

    .cta--small--tablink:hover:after,
    .cta--small--tablink:focus:after,
    .cta--small--tablink.active:after {
        
        margin-left: 0.13rem;
        transform: rotate(50deg);
    }


    .cta--small--tablink.active:before {
        
        height: 1rem;
        margin-top: 0.25rem;
        margin-right: 0.3rem;
        transform: rotate(130deg);
    }

    .cta--small--tablink.active:after {
        
        height: 1rem;
        margin-top: 0.25rem;
        margin-left: 0.3rem;
        transform: rotate(50deg);
    }


}


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

    .cta--small {
        width: auto;
        min-width: 10rem;
        max-width: 14rem;
    }

    .cta--small .svg__wrapper{
        height: 8rem;
        width: 8rem;
    }

}
.fake-tweet {

    text-align: center;

    padding-bottom: 3rem;
    overflow: hidden;
}

.fake-tweet h2,
.fake-tweet p{

    margin-left: auto;
    margin-right: auto;
}

.fake-tweet .fake-tweet__title {

    color: #e10a0a;
}


.fake-tweet > a {
    text-align: left;
    float: left;
    margin-left: 40%;
}


.fake-tweet > a .svg__wrapper {

    position: absolute;
    right: 60%;
    margin-right:1rem;
}







@media (min-width: 576px) {
    .fake-tweet {

        padding-top: 3rem;
        padding-bottom: 6rem;
        position: relative;
    }

    .fake-tweet:before,
    .fake-tweet:after {
        content: " ";
        display: block;
        top: 0;
        left: 50%;
        margin-left: -4rem;
        width: 8rem;
        height: 1px;
        background: #ccc;
        position: absolute;
    }

    
    .fake-tweet:after {
        top: auto;
        bottom: 1.5rem;
    }

    .fake-tweet > a {
        margin-left: 50%;
    }

    .fake-tweet > a .svg__wrapper {
        right: 50%;
    }
}
@media only screen and (min-width: 576px) {

    .two-columns {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    .two-columns .container {

        min-width: 50%;
    }
}

@media (min-width: 992px) {

    .two-columns--two-thirds .container:first-child {

        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%;
        min-width: 58.333333%;
        margin: 0;
    }
    .two-columns--two-thirds .container:first-child + .container {

        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        min-width: 33.333333%;

        margin: 0 0 0 auto;
    }
}
.steps {

}

/*! Links */

.step__links {

    width: 100%;

    height: 4rem;
    position: relative;
}

.step__link {

    font-size: 2rem;
    font-family: TondoLight,helvetica,arial,sans-serif;

    position: absolute;
    left: 16.6666%;
    margin-left: -1.5rem;

    line-height: 2.6rem;
    height: 3rem;
    width: 3rem;
    color: #eeeeee;
    border: 2px solid currentColor;
    border-radius: 100%;
}

.step__link:before {

    content: " ";
    display: block;
    position: absolute;
    height: 2px;
    background: #eeeeee;
    width: 2.5rem;
    top: 50%;
    right: 100%;
    margin-right: calc(0.25rem + 2px);
    margin-top: -1px;
}

.step__link:first-child:before {
    display: none;
}

.step__link:hover,
.step__link:active,
.step__link:focus {
    text-decoration: none;
}

.step__link:active,
.step__link.active {
    text-decoration: none;
    color: #e10a0a;
}

.step__link.active {

    pointer-events: none;
}


.step__link:first-child + .step__link {

    left: 50%;
}

.step__link:first-child + .step__link  + .step__link {

    left: 83.3333%;
}


@media (min-width: 576px) {

    .step__links {

        width: 100%;
        height: 8rem;
    }

    .step__link {

        font-family: Tondo,helvetica,arial,sans-serif;
        margin-left: -3rem;
        font-size: 3rem;
        line-height: 5.6rem;
        height: 6rem;
        width: 6rem;
        border: 3px solid currentColor;
    }

    .step__link:before {

        height: 4px;
        width: 7.5rem;
        margin-right: calc(1rem + 2px);
        margin-top: -2px;
    }
}

@media (min-width: 992px) {

    .step__link:before {

        width: 16rem;
    }
}

/* Titles */

.step__title {
    display: none;
}

.step__title h3,
.step__title .display-3{
    padding-bottom: 0.5rem;
    color: inherit;
}

html:not(.js) .step__title:target,
.step__title.target {
    display: block;
}

html:not(.js) .step__title:target h3,
.step__title.target h3,
html:not(.js) .step__title:target .display-3,
.step__title.target .display-3 {
    color: #e10a0a;
}



@media (min-width: 576px) {

    .step__link {
        pointer-events: none;
    }

    .step__title {
        display: block;
    }

}
.tab,
.js .tab:target {

    display: none;
}

.tab:target,
.js .tab.target {

    display: block;
}

.hide-tab-title {
    display: none;
}

.hide-tab-title + .strapline{
    margin-top: 0rem;
}

@media (min-width: 576px) {


    #content .container[class*='bg-'] + .tab > .container[class*='bg-']:first-child,
    #content .container[class*='bg-'] + .tab + .tab > .container[class*='bg-']:first-child,
    #content .container[class*='bg-'] + .tab + .tab + .tab > .container[class*='bg-']:first-child,
    #content .container[class*='bg-'] + .tab + .tab + .tab + .tab > .container[class*='bg-']:first-child,
    #content .container[class*='bg-'] + .tab + .tab + .tab + .tab + .tab > .container[class*='bg-']:first-child {

        margin-top:-3rem;
        padding-top: 0;
    }

    .hide-tab-title {
        display: block;
    }

    .hide-tab-title + .strapline{
        margin-top:-1rem;
    }
}
.img-grid__item {
    padding-bottom: 100%;
    width: 100%;
    background: white;
    position: relative;
    margin-bottom: 1rem;
}


.img-grid__item img{
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    height: auto;
    max-height: 100%;
max-width: 80%;
    object-fit: contain;

    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.img-grid__item a{
    
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}
.product-info__highlight {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  padding-top: 1.5rem;
  padding-bottom: 0;
  overflow: hidden;
  text-align: center;
}

@media (min-width: 36em) {
  .product-info__highlight {
    margin-left: -2rem;
    margin-right: -2rem;
    text-align: left;
  }
}

@media (min-width: 62em) {
  .product-info__highlight {
    margin: 0 0.5rem;
    margin-top: -2rem;
    position: relative;
    z-index: 2;
  }
}

.product-info__highlight .product-info__highlight__content {
  float: left;
  width: 100%;
  clear: left;
}

@media (min-width: 36em) and (max-width: 61.9875em) {
  .product-info__highlight .product-info__highlight__content {
    width: 50%;
  }
}

@media (min-width: 36em) and (max-width: 61.9875em) {
  .product-info__highlight > .btn {
    float: right;
  }
}

.product-info__summary-link {
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border-bottom: 1px solid currentColor;
  border-bottom-color: var(--colour-border);
  border-radius: 0;
  margin-bottom: 0;
  display: block;
}

@media (min-width: 62em) {
  .product-info__summary-link {
    margin: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.position-arrow {
   content: "";
   width: 0;
   height: 0;
   border-left: 18px solid transparent;
   border-right: 18px solid transparent;
   bottom: -18px;
   border-top: 18px solid #cbc1c6;
   position: absolute;
   transition: left .6s ease;
}
.position-arrow:before{
   content: "";
   width: 0;
   height: 0;
   border-left: 16px solid transparent;
   border-right: 16px solid transparent;
   bottom: 2px;
   border-top: 16px solid #fff;
   position: absolute;
   transition: left .6s ease;
   left: -16px;
   right: 0;
}
.grey-box-shadow {
   box-shadow: 0 0 0.7rem 0 #ccc;
   -webkit-box-shadow: 0 0 0.7rem 0 #ccc;
   -moz-box-shadow: 0 0 0.7rem 0 #ccc;
}
.progress, .progress-bar {
  border-radius: 1rem;
  height: 1.313rem;
  background-color: #edeaec;
}
.border-left-grey1px {
   border-left: 1px solid #eeeaec;
}
.black-box-shadow {
   box-shadow: 0 0 0.2rem 0 #666;
   -webkit-box-shadow: 0 0 0.2rem 0 #666;
   -moz-box-shadow: 0 0 0.2rem 0 #666;
}
ul.user-image {
   overflow: hidden;
   height: 80px;
   padding: 0;
   margin: 0;
   max-width: none;
}
ul.user-image li:first-child{
   margin-left: 0;
}
ul.user-image li {
   display: inline-block;
   margin-left: -15px;
}
ul.user-image li a {
   border-radius: 100%;
   overflow: hidden;
   height: 80px;
   width: 80px;
   display: block;
   border: 2px solid #fff;
}
a.more-users {
   padding: 0;
   display: table;
   text-decoration: none;
   position: relative;
   font-weight: normal;
   font-family: Tondo, helvetica, arial, sans-serif;
   border: 2px solid #fff;
   height: 80px;
   width: 80px;
   vertical-align: middle;
   font-size: 1.8rem;
   background: #DDD5D9;
}
.pos-absolute{
   position: absolute;
}
.btn-outline{
   background: none;
   border:1px solid #fff;
   border-radius: 2rem;
}
.btn-outline:focus, .btn-outline:hover {
   background: var(--colour-light);
}
.rounded-image img {
   width: 78px;
   min-width: 78px;
   height: 78px;
   border-radius: 50%;
   display: inline-block;
   text-align: center;
   background: #e5e5e5;
   border: 2px solid #A8C3CA;
   border: 2px solid var(--colour-secondary-4);
   overflow: hidden;
}
@media (min-width:576px) {
   .cta__block--accordion .collapse {
      display: block;
   }
}
@media (max-width:576px) {
   .cta__block--accordion h3{
      text-align: left;
      font-size: 1rem;
      color: #E10A0A;
      color: var(--colour-primary);
   }
   .cta__block--accordion .collapsed h3{
      color: #7A3671;
      color: var(--colour-link);
   }
   .cta__block--accordion .cta--small.collapsed:before {
      transform: rotate(90deg);
      color: #7A3671;
      color: var(--colour-link);
   }
   .cta__block--accordion .cta--small:before {
      transform: rotate(135deg);
      content: "";
      position: absolute;
      background-color: currentColor;
      transition: all 0.25s ease-out;
      top: 50%;
      right: 1rem;
      width: 2px;
      height: 1rem;
      margin-left: -1px;
      margin-top: -0.5rem;
      color: #E10A0A;
      color: var(--colour-primary);
   }
   .cta__block--accordion .cta--small.collapsed:after {
      transform: rotate(0deg);
      color: #7A3671;
      color: var(--colour-link);
   }
   .cta__block--accordion .cta--small:after {
      transform: rotate(45deg);
      content: "";
      position: absolute;
      background-color: currentColor;
      transition: margin 0.25s ease-out;
      top: 50%;
      right: 1rem;
      width: 2px;
      height: 1rem;
      margin-left: -1px;
      margin-top: -0.5rem;
      color: #E10A0A;
      color: var(--colour-primary);
   }
   .rounded-image img {
      width: 44px;
      height: 44px;
      min-width: 44px
   }
}
.cta__block--accordion .cta--small{
   margin-bottom: 0;
}
.border-bottom-ppl3px{
   border-bottom:3px solid #793772;
   border-bottom: 3px solid var(--colour-secondary-2);
}
.border-bottom-grey3px{
   border-bottom: 3px solid #E6EDF0;
}
.autocomplete-field{
   position: relative;
}
.autocomplete-field a.clear-btn{
   position: absolute;
   right: 5px;
   top: 5px;
   padding: 10px;
   border-radius: 50%;
   width: 35px;
   height: 35px;
   z-index: 1000;
   color: #000;
   display: flex;
   align-items: center;
   align-content: center;
   transform: rotate(45deg);
   background: #fff url(../img/icon_plus.svg);
   background-size: 35px;
   background-repeat: no-repeat;
}
@keyframes placeHolderShimmer{
   0%{
      background-position: -468px 0
   }
   100%{
      background-position: 468px 0
   }
}
.animated-background {
   animation-duration: 1s;
   animation-fill-mode: forwards;
   animation-iteration-count: infinite;
   animation-name: placeHolderShimmer;
   animation-timing-function: linear;
   background: #f6f7f8;
   background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
   background-size: 800px 104px;
   height: 20px;
   position: relative;
   border-radius: 40px;
}
.animated-background.rounded-image {
   border: 0 none;
   height: 60px;
}
.btn-treeangel{
   background-color: #dc681c;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   padding: 0.5rem 1rem 0.5rem 1rem;
   line-height: 1.5rem;
   min-height: 1.5rem;
   font-family: FocoReg,Helvetica,Arial,sans-serif;
   text-decoration: none;
   color: #fff;
   width: auto;
   position: relative;
   margin-bottom: 2rem;
   border: none;
   border-radius: 2rem;
   cursor: pointer;
   margin-right: 0.5rem;
}
.btn-treeangel:hover{
   background-color: #a04c14;
   color: #fff;
}
.treeangel-header{
   color: #6ca95b;
}
.treeangel-span{
   color: #6ca95b;
   font-weight: bold;
}
.pos-relative{
   position: relative;
}
.btn-email, .btn-email:active, .btn-email:focus, .btn-email:hover, .btn-email:active:hover {
   background: #793772!important
}
.btn-email svg, .btn-email:active svg, .btn-email:focus svg, .btn-email:hover svg, .btn-email:active:hover svg {
   fill: #fff!important
}
.btn-copytext, .btn-copytext:active, .btn-copytext:focus, .btn-copytext:hover, .btn-copytext:active:hover {
   background: #A897A0!important
}
.btn-copytext svg, .btn-copytext:active svg, .btn-copytext:focus svg, .btn-copytext:hover svg, .btn-copytext:active:hover svg {
   fill: #fff!important
}
ul.tab-component > li > a:not(.btn):only-child:after{
   display: none;
}
ul.tab-component{
   max-width: initial;
}
.border-3px-grey{
   border:3px solid #A8C3CA;
}
.bkgd-warm-gry-10{
   background-color:#f6f4f5;
}
.supporters .svg__wrapper svg {
   width: 2rem;
   height: 2rem;
}
.charity-logo{
   max-width:60px;
   border:2px solid #EEEAEC;
}
.charityLogo_valignImageBox {
   display: inline-block;
   position: relative;
   width: 100%;
   vertical-align: middle;
   overflow:hidden;
   background: white;
}
.charityLogo_valignImageBox-thumbnail {
   max-width: 56px;
   border: 1px solid #A897A0;
}
.charityLogo_valignImageBox:after {
   display: block;
   content: "";
   padding-bottom:100%
}
.charityLogo_valignImageBox img {
   max-height: 100%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   margin-top: 50%;
   margin-left:50%
}
.custom-donation .rounded-wrapper{
   background: #fff;
   min-height:250px;
}
.custom-donation .rounded-top{
   background: #fff;
   overflow: hidden;
}
.bg-white .form-group label,
.bg-white .form-group p,
.bg-white .form-group span{
   color:#666;
}
.form-group .radio-btn-group label{
   cursor: pointer;
}
.form-group .radio-btn-group>input+label:before{
   display: none;
}
.donationTotal{
   font-size: 3.25em;
   line-height: 1em;
   margin-bottom: 6px;
   color: #7a3671;
   font-family: Tondo, helvetica, arial, sans-serif;
 }
 .donationFrequency{
   font-size: .438em;
   line-height: 1em;
 }
#userPageLink,#userPageLink1,#inMemUrlValue {
   display: none;
 }
#progress-target {
   margin: 0 auto;
}
.pageTargetLabel {
   width: 30%;
}
.totalRaised {
   font-size: 2.250em;
   display: block;
   line-height: 1.188em;
}
.targetAmount {
   font-size: 2.250em;
   display: inline;
   line-height: 1.188em;
}
.totalRaised, .targetAmount, .totalRaised-giftAid, .totalRaised-offline {
   font-family: Tondo, arial, sans-serif;
}
.totalRaised_dashboard, .targetAmount_dashboard {
   font-size: 1.5em;
   display: block;
   line-height: 1.188em;
}
.supporter {
   font-size: 1.5em;
   display: inline;
   line-height: 1.188em;
}
.donationAmount p{
   display: inline-block;
}
.truncateCampDetails {
   max-height:600px;
   overflow: hidden;
   position: relative;
}
.fundraiserEvent {
   padding: 8px;
   background-color: #eeeaec;
   font-weight: bold;
}
#progress-target span.targetPercent {
   font-family: Tondo, Helvetica, sans-serif;
   font-size: 2.5em;
   line-height: .95em;
   letter-spacing: -3px;
   border: 0;
   color: #e10a0a;
   content: "%";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-45%, -65%);
   z-index: 13;
}
#progress-target span.targetPercent::after {
   content: "%";
   letter-spacing: 0px;
   font-size: .5em;
   font-weight: normal;
   padding-left: 4px;
}
.targetWheelText {
   letter-spacing: 0;
   font-size: 1.35em;
   line-height: 1.313em;
   color: #999;
   font-weight: normal;
   z-index: 3;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   transform: translate(-50%, -50%);
   margin-top: 1.188em;
}
.targetWheel {
   stroke: #e10a0a;
}
.text-copied{
    font-size:1rem;
}
.customDonation:hover p {
   color:#4d4d4d !important;
}
a.custom-donation{
   margin-bottom: 1rem;
}
a.custom-donation{
   background: #f7f5f6;
   background: var(--colour-light);
   border: 2px solid currentColor;
   border-color: #E4E0E0;
   line-height: 2rem;
   padding: 0;
   display: block;
   width: 95%;
   max-width: 95%;
   border-radius: 0.5rem;
   color:#424242;
   font-weight:normal;
   outline: none;
}
a.custom-donation:focus,a.custom-donation:hover{
   border: 2px solid #793772;
   background: #793772;
   background: var(--colour-secondary-2);
   color:#fff;
}
.custom-donation h4{
   font-weight:normal;
}
.custom-donation .rounded-wrapper img + p {
   min-height: 120px;
}
[class*='bg-']:not(.bg-light):not(.container--outer):not(.banner--outer) a.back-btn:hover{
   color:#fff!important;
}
.back-btn:before{
   content: "";
   display: inline-block;
   height: 0.5rem;
   width: 0.5rem;
   border-top: 2px solid currentColor;
   border-right: 2px solid currentColor;
   transform: rotate(-135deg);
   transition: all 0.2s ease-in-out;
   color: white;
   margin: 0 5px;
}
.fundraisers-donors-panel #ajaxContentDonor hr:last-child{
   display:none;
}
.form-control_gbp{
   -moz-appearance: textfield;
}
.custom-donation img{
   height: 180px;
   width: 100%;
   display: block;
}
.videoWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.videoWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}
#stickyDonateBar.stick {
   margin-top: 0 !important;
   position: fixed;
   top: 0;
   z-index: 999999;
   background: rgba(221,231,234,.9);
   width: 100%;
   box-shadow: 0px 6px 6px rgba(0, 0, 0, .2);
}
.amount-raised{
   border:2px solid #cbc1c6;
   border-radius: 5px;
}
.page-url{
   font-family: TondoLight,helvetica,arial,sans-serif;
   font-size: 1.4rem;
}
.display-amount{
   font-family: TondoLight,helvetica,arial,sans-serif;
   color: #666666;
}
a.custom-donation:focus .display-amount,a.custom-donation:hover .display-amount{
   color: #fff;
}
.donationTarget #progress-target{
   margin:0;
}
.donor-amount-giftaid {
   text-align: right;
}
@media (max-width:768px){
   .donor-amount-giftaid {
      text-align: left;
   }
}
.ieFlexBoxFix {
  height: 0;
}

 .bkgd{
   background-color:#EDF3F4;
}
.notify-user-block{
   border-top:10px solid #008700;
   border-bottom:10px solid #008700;
}
.cover-photo{
   background: #EDF3F4;
   border: 2px solid #B3CCD2;
   height: 40vw;
   max-height: 520px;
   overflow: hidden;
}
.cover-photo.has-image{
   height: auto;
   max-height: none;
}

.cover-photo .field-highlighter{
   left: -60px;
   top: -5px;
}
@media (max-width:480px){

   .cover-photo{
      min-height: 200px;
   }
}
@media (max-width:767px){
   .cover-photo{
      margin-top: 0;
   }
}
.field-highlighter{
   display: table-cell;
   width: 2.5rem;
   height: 2.5rem;
   background-color: #E10A0A!important;
   background-color: var(--colour-primary)!important;
   color: #fff;
   font-size: 1.5rem;
   vertical-align: middle;
   text-align: center;
   position: absolute;
   left: -25px;
   top: -20px;
   font-family: TondoLight,helvetica,arial,sans-serif!important;
}
.donation-summary .field-highlighter {
   left: -55px;
   top: -7px;
}
.your-logo{
   text-align: center;
   background: #EDF3F4;
   border: 2px solid #B3CCD2;
   height: 200px;
   width: 200px;
   position: relative;
   z-index: 1001;
}
.your-logo img{
   position: absolute;
   left: 0;
   top: 0;
   transform: translate(0%,0%);
   width: 100%;
}
.event-charity-logo a{
   min-height: 200px;
   position: relative;
   display:  block;
}
/* .event-charity-logo a img{
   position: absolute;
   left: 0;
   top: 0;
   transform: translate(35%,10%);
} */
.disabled{
   opacity: 0.65;
   pointer-events: none;
}
.row-fluid.Editor-container {
   display: block;
   width: 100%;
   padding: 0;
   font-size: 1rem;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 2px solid #E4E0E0;
   border-radius: .25rem;
   transition: border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;
   max-width: 52.5rem;
}
.line-control-menu-bar {
   padding: 5px;
   background: #e7e7e7;
}
.line-control-menu-bar .btn {
   margin:0;
   padding: 0 5px;
   background:transparent;
   color: #424242;
   font-size: 1.3rem;
}
.line-control-menu-bar .btn .fa.fa-bold:before{
   content:"B";
   font-style: normal;
   font-weight: bold;
}
.line-control-menu-bar .btn .fa.fa-italic:before{
   content:"I";
   font-style: italic;
}
.line-control-menu-bar .btn .fa.fa-underline:before{
   content:"U";
   text-decoration: underline;
   font-style: normal;
}
.Editor-editor {
   height: 160px;
   padding: 10px;
}
.your-logo .svg__wrapper.fill svg{
   width: 4rem;
   height: 4rem;
   fill: #A6C2CA;
}
.upload-cover-photo .svg__wrapper.fill svg {
   width: 12rem;
   fill: #A6C2CA;
}
.label_repositionImage{
   margin: 0;
   position: absolute;
   top: 50%;
   left: 50%;
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   z-index: 10001;
   font-size: 16px;
   line-height: 1.313em;
   border-radius: 4px;
   color: #fff;
   padding: 3px 8px 2px 8px;
   display: none;
   line-height: 1.125em;
   background: rgba(0,0,0,.6);
   width: auto;
   text-align: center;
   white-space: nowrap;
}
.font-tondo{
   font-family: Tondo, helvetica, arial, sans-serif;
}
.modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1040;
   background-color: #000;
}
.btn-right-overlay{
   position: absolute;
   right:0;
   top: 0;
   padding:10px;
   z-index: 1001;
   display: none;
}
.btn-left-overlay{
   position: absolute;
   left:0;
   top: 0;
   padding:10px;
   z-index: 1001;
   display: none;
}
.file-btn input[type="file"]{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.upload-msg{
  text-align: center;
  padding: 50px;
  font-size: 22px;
  color: #aaa;
  width: 260px;
  margin: 50px auto;
  border: 1px solid #aaa;
}
#upload{
  display:none;
}



.btn-small{
   padding:3px 8px 2px 8px;
   font-size:14px;
   background-color: #333;
   border-color: #333;
   color: #ffffff;
   opacity: .8;
   text-decoration: none;
}
.btn-small:active, .btn-small:focus, .btn-small:hover, .btn-small:active:hover {
   background-color: #000;
   border-color: #000;
   color: #ffffff;
   opacity: 1;
   text-decoration: underline;
}
.btn-small_vm-red{
   padding:3px 8px 2px 8px;
   background-color: #e10a0a;
   border-color: #e10a0a;
   color: #fff;
   opacity: .8;
}
.btn-small_vm-red:active, .btn-small_vm-red:focus, .btn-small_vm-red:hover, .btn-small_vm-red:active:hover {
   background-color: #900;
   border-color: #900;
   color: #fff;
   opacity: 1;
}
.btn-small-save{
   z-index: 1;
}
.btn-small_edit{
   padding:3px 8px 2px 8px;
   background-color: #9a8991;
   border-color: #9a8991;
   color: #fff;
   font-size: 14px;
   width: auto;
   text-decoration: none;
   display: inline-block;
}
.btn-small_edit:active, .btn-small_edit:focus, .btn-small_edit:hover, .btn-small_edit:active:hover {
   background-color: #b9abb3;
   border-color: #b9abb3;
   color: #fff;
   opacity: 1;
   text-decoration: underline;
}

.croppie-container .cr-image {
   z-index: -1;
   position: absolute;
   top: 0;
   left: 0;
   transform-origin: 0 0;
   max-width: none;
}
.croppie-container .cr-boundary {
   position: relative;
   overflow: hidden;
   margin: 0 auto;
   z-index: 1;
   background-color: #000;
}
.croppie-container .cr-viewport {
   position: absolute;
   /* border: 2px solid #fff; */
   margin: auto;
   top: 0;
   bottom: 0;
   right: 0;
   left: 0;
   box-shadow: 0 0 2000px 2000px rgba(0, 0, 0, 0.5);
   z-index: 0;
}
.croppie-container .cr-original-image {
   display: none;
}
.croppie-container .cr-vp-circle {
   border-radius: 50%;
}
.croppie-container .cr-overlay {
   z-index: 1;
   position: absolute;
   cursor: move;
}
.croppie-container .cr-slider-wrap {
   width: 260px;
   margin: 16px auto;
   text-align: center;
} 
	.croppie-container .cr-slider-wrap {	
   width: 260px;	
   margin: 16px auto;	
   text-align: center;	
}

.croppie-container.coverImageClass .cr-viewport {
   bottom: auto;
}
.croppie-result {
   position: relative;
   overflow: hidden;
}
.croppie-result img {
   position: absolute;
}
.croppie-container .cr-image, .croppie-container .cr-overlay, .croppie-container .cr-viewport {
   -webkit-transform: translateZ(0);
   -moz-transform: translateZ(0);
   -ms-transform: translateZ(0);
   transform: translateZ(0);
}
.cr-slider {
   -webkit-appearance: none;
   width: 300px;
   max-width: 100%;
   padding: 0;
}
.cr-slider::-webkit-slider-runnable-track {
   width: 100%;
   height: 3px;
   background: rgba(0, 0, 0, 0.5);
   border: 0;
   border-radius: 3px;
}
.cr-slider::-webkit-slider-thumb {
   -webkit-appearance: none;
   border: none;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   background: #999;
   margin-top: -6px;
}
.cr-slider:focus {
   outline: none;
}
.cr-slider::-moz-range-track {
   width: 100%;
   height: 3px;
   background: rgba(0, 0, 0, 0.5);
   border: 0;
   border-radius: 3px;
}
.cr-slider::-moz-range-thumb {
   border: none;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   background: #999;
   margin-top: -6px;
}
.cr-slider:-moz-focusring{
   outline: 1px solid white;
   outline-offset: -1px;
}
.cr-slider::-ms-track {
   width: 300px;
   height: 5px;
   background: transparent;
   border-color: transparent;
   border-width: 6px 0;
   color: transparent;
}
.cr-slider::-ms-fill-lower {
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
}
.cr-slider::-ms-fill-upper {
   background: rgba(0, 0, 0, 0.5);
   border-radius: 10px;
}
.cr-slider::-ms-thumb {
   border: none;
   height: 16px;
   width: 16px;
   border-radius: 50%;
   background: #999;
   margin-top:1px;
}
.cr-slider:focus::-ms-fill-lower {
   background: rgba(0, 0, 0, 0.5);
}
.cr-slider:focus::-ms-fill-upper {
   background: rgba(0, 0, 0, 0.5);
}
.cr-rotate-controls {
   position: absolute;
   bottom: 5px;
   left: 5px;
   z-index: 1;
}
.cr-rotate-controls button {
   border: 0;
   background: none;
}
.cr-rotate-controls i:before {
   display: inline-block;
   font-style: normal;
   font-weight: 900;
   font-size: 22px;
}
.cr-rotate-l i:before {
   content: '↺';
}
.cr-rotate-r i:before {
   content: '↻';
}
.croppie-container .cr-slider-wrap {
   width: 200px;
   padding:10px;
   text-align: center;
   position: absolute;
   right: 10px;
   left: auto;
   bottom: 10px;
   z-index: 1001;
   background: #fff;
   border-radius: 6px;
}
.cr-slider {
   -webkit-appearance: none;
   width: 100%;
   max-width: 100%;
   padding: 0;
}
.profile-pic-editor{
   background:#B3CCD2;
   border: 1px solid #B3CCD2;
}
#upload-inMemPhoto.croppie-container .cr-slider-wrap {
   position: static;
   margin:10px;
   width:auto;
}

#profileImage,
#uploadProfilePicSection{
   display: none;
}

.btn-email, .btn-email:active, .btn-email:focus, .btn-email:hover, .btn-email:active:hover {
   background: #793772!important
}
.btn-email svg, .btn-email:active svg, .btn-email:focus svg, .btn-email:hover svg, .btn-email:active:hover svg {
   fill: #ffffff!important
}
.btn-copytext, .btn-copytext:active, .btn-copytext:focus, .btn-copytext:hover, .btn-copytext:active:hover {
   background: #A897A0!important
}
.btn-copytext svg, .btn-copytext:active svg, .btn-copytext:focus svg, .btn-copytext:hover svg, .btn-copytext:active:hover svg {
   fill: #ffffff!important
}


#progress-target span.targetPercent {
   font-family: Tondo, Helvetica, sans-serif;
   font-size: 3.2em;
   line-height: .95em;
   letter-spacing: -3px;
   border: 0;
   color: #e10a0a;
   content: "%";
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-45%, -65%);
   z-index: 13;
 }
 #progress-target span.targetPercent::after {
   content: "%";
   letter-spacing: 0px;
   font-size: .5em;
   font-weight: normal;
   padding-left: 4px;
 }
 .targetWheelText {
   letter-spacing: 0;
   font-size: 1.35em;
   line-height: 1.313em;
   color: #999;
   font-weight: normal;
   z-index: 3;
   position: absolute;
   top: 50%;
   left: 50%;
   width: 100%;
   transform: translate(-50%, -50%);
   margin-top: 1.188em;
 }
 .targetWheel {
   stroke: #e10a0a;
 }
 .ql-editor{
   min-height: 200px;
   max-height: 120px;
 }
 .ql-editor.ql-blank::before{
   font-size: 1.5em;
 }
 .event-description{
   height: 8rem;
   overflow: hidden;
   padding-right: 0;
 }
.event-title{
   height:3.2rem;
}
.border-2px-grey{
   border:2px solid #e9ecef;
}
.blocks {
   width: 17.5rem;
}
.border-top-coolgry-2 {
    border-top: 2px solid #e5edef
}

.busPageUrl{
   font-size:0.8rem;
}

div.ql-toolbar button.ql-video {
    display: none
}

@media (min-width:576px){
   .busPageUrl{
      font-size:1.2rem;
   }
}

@media (min-width:992px){
   .busPageUrl{
      font-size:1.75rem;
   }
}
@media (max-width:575px){
   .btn-upload-profile-photo {
      transform: scale(0.6);
      margin: 0 auto!important;
      text-align: left;
      margin: -60px;
      left: 0;
      right: 0;
      position: absolute;
      bottom: 0;
   }
   .cover-photo .field-highlighter {
      left: 10px;
      top: 45px;
   }
}
@media (max-width:480px){
   .event-charity-logo a{
      min-height: 140px;
   }
   .event-description{
     height: auto;
     overflow: visible;
     padding-right: 20px;
   }
}
.border-left-grey1px{
   border-left: 1px solid #CFC5CB;
}
.quick-links{
   border-left: 4px solid #A8C3C9;
   background: #F6F9F9;
}
header a.ham-menu{
   border:1px solid #424242;
   border-radius:25px;
   padding:10px 20px 10px 70px;
   position: relative;
   color:#424242;
}
header a.ham-menu:before{
   position: absolute;
   top: 10px;
   left: 20px;
   width: 100%;
   height: 2px;
   background: #67565E;
   transition: 0.5s;
   content: "";
}
header a.ham-menu span:before{
   position: absolute;
   top: 20px;
   left: 20px;
   width: 100%;
   height: 2px;
   background: #67565E;
   transition: 0.5s;
   content: "";
}
header a.ham-menu:after{
   position: absolute;
   top: 31px;
   left: 20px;
   width: 100%;
   height: 2px;
   background: #67565E;
   transition: 0.5s;
   content: "";
}
header a.ham-menu:before,header a.ham-menu span:before,header a.ham-menu:after{
   left:0;
}
header a.ham-menu{
   border: 0 none;
   padding: 10px 17px;
   display: block;
   margin:0 15px;
   width:30px;
} 
header a.ham-menu span {
   overflow: hidden;
   width: 0px;
   display: block;
   text-indent:-999px;
}
.side-nav{
   position: fixed;
   left:0;
   top:0;
   bottom:0;
   width: 400px;
   z-index: 10001;
   background: #F7F5F6;
   overflow: auto;
   /* display: none; */
   transition: all 0.3s ease;
   padding: 0 40px;
   box-shadow: 0 0 10px rgba(0,0,0,0.5);
}
.side-nav ul{
   margin:0 auto;
   padding:0;
}
.side-nav ul li{
   padding:0;
   list-style: none;
   border-bottom: 1px solid #D0C7CC;
}
.side-nav ul li:last-child{
   border-bottom: 0 none;
}
.side-nav ul li ul li{
   border-bottom:0 none;
}
.side-nav ul li a{
   padding:15px 0;
   display:flex;
   align-items: center;
   position: relative;
   color: #424242;
   font-size: 1rem;
   margin:0 auto;
}
.side-nav ul li:last-child a{
   padding-bottom:0
}
.external-links a:hover,.external-links a:focus,.side-nav ul li a:hover,.side-nav ul li a:focus,.side-nav ul li ul li a:hover,.side-nav ul li ul li a:focus{
   color: #e10a0a;
}
.side-nav.sidemenu-collapsed ul li a i{
   opacity:0
}
.side-nav ul li a span{
   display:block;
   position:relative;
   width:100%;
}
.side-nav ul li a i{
   opacity:1;
   content: "";
   position: absolute;
   transition: transform 0.25s ease-out;
   top: 1rem;
   left: auto;
   right: 0;
   width: 2rem;
   height: 2rem;
   margin-right: -1px;
   border: 2px solid currentColor;
   border-radius: 100%;
}
.side-nav ul li a i:before {
   content: "";
   position: absolute;
   background-color: currentColor;
   transition: transform 0.25s ease-out;
   top: 50%;
   left: 50%;
   width: 2px;
   height: 1rem;
   margin-left: -1px;
   margin-top: -0.5rem;
   transform: rotate(90deg);
}
.side-nav ul li a i:after {
   content: "";
   position: absolute;
   background-color: currentColor;
   transition: transform 0.25s ease-out;
   top: 50%;
   left: 50%;
   width: 1rem;
   height: 2px;
   margin-top: -1px;
   margin-left: -0.5rem;
}
.side-nav ul li a.collapsed i:before {
   opacity:1;
   transform: rotate(180deg);
}
#cntFeedback a:hover{
   color:#fff !important
}
.side-close{
   pointer-events: all;
   display: none;
   position: fixed;
   top: 0;
   left:0;
   right: 0;
   bottom: 0;
   width: 100vw;
   height: 100vh;
   background: linear-gradient(to bottom,rgba(0,0,0,0.5) 4%,rgba(0,0,0,0) 100%);
   opacity: 1;
   transition: 0.5s;
   content: "";
   z-index: 100000;
}
.side-menu-close{
   position: relative;
   text-indent: -9999px;
   overflow: hidden;
   display: none;
   height: 35px;
   width: 35px;
   margin: 0 0 15px auto;
   top: 0;
}
.side-menu-close:before{
   content:"";
   position: absolute;
   top: 15px;
   left: 0;
   width: 30px;
   height: 3px;
   background: #E10A0A;
   transition: 0.5s;
   content: "";
   transform: rotate(-45deg);
   border-radius: 30px;
}
.side-menu-close:after{
   content:"";
   position: absolute;
   top: 15px;
   left: 0;
   width: 30px;
   height: 3px;
   background: #E10A0A;
   transition: 0.5s;
   content: "";
   transform: rotate(45deg);
   border-radius: 30px;
}
.side-nav ul.list-group {
   margin:0 0 0 2.25rem;
}
.side-nav ul.list-group > li > a:only-child:after{
   content:none;
}
.side-nav ul.list-group  li a {
   display:block;
   padding:12px 0px 12px 15px;
   text-decoration:none;
   color:#424242;
   line-height:1.2;
}
.side-nav .navbar-collapse.collapse {
   display: block!important;
   height: auto!important;
   padding-bottom: 0;
   overflow: visible!important;
   padding-left:0px;
   padding-right:0px;
}
.external-links a{
   color:#424242;
}
.chart-legend li{
   list-style: none;
}
.chart-legend li span{
   display: inline-block;
   width: 16px;
   height: 16px;
   margin-right: 10px;
   border-radius: 5px;
}
.chart-legend{
    width:100%;    
}
.chart-legend> ul{
   padding: 0;
   text-align: center;
   display: flex;
   flex-wrap: wrap;
   font-size: 1rem;
}
.chart-legend {   
   width:100%;
   bottom:10%;
}
.chart-legend li {
   margin: 0;
   display: inline-table;
   width: 50%;
   text-align: left;
   line-height: 1.3rem;
   padding: 0 15px 25px;
}
.chart-legend li span {
    position: relative;
    padding: 3px 6px;
    border-radius: 5px;
    color: white;
    z-index: 2;
    font-size: 11px;
    margin-left: -25px;
}
#do_legend.chart-legend li .amount:before {
    display: inline-block;
    content: '\00A3';
    margin-right: 2px;
}
.chart-container{
   position: relative;
   height: 300px;
   width: 300px;
   padding: 20px;
   margin: 0 auto;
}
body.charity-page{
   padding-left:100px;
}
body.charity-page.nav-open{
   padding-left:400px;
}
@media (max-width:1360px){
   .side-nav{
      display:none;
   }
   header a.ham-menu{
      visibility:visible;
   }
   body.charity-page{
      padding-left:0px;
   }
   body.charity-page.nav-open{
      padding-left:0px;
   }
}
@media (max-width:1024px){
   .chart-container{
      width: 200px;
      height: 200px;
   }
}
@media (max-width:1024px){
   .chart-container{
      width: 200px;
      height: 200px;
   }
}
@media (max-width:768px){
   .chart-container{
      width: 350px;
      height: 350px;
   }
   .side-nav ul li a.collapsed:before,.side-nav ul li a.collapsed:after{
      top: 50px;
   }
    .charity-beta-name{
      display: none;
   }
}
a.js-target.side-close.active {
   display: none;
}
.side-nav .svg__wrapper svg {
   width: 2rem;
   height: 2rem;
   margin:2px auto 0  ;
}
.side-nav .svg__wrapper {
   border-radius: 35px;
   background: #e7e7e7;
   margin-right: 10px;
   padding:2px;
   width: 2.5rem;
   height: 2.5rem;
   flex-basis: 3rem;
   text-align:center;
}
hr.color-black{
   border:1px solid #424242;
}
hr.color-grey{
   border:1px solid #CFC5CB;
}
.back-btn:before{
   content: "";
   display: inline-block;
   height: 0.5rem;
   width: 0.5rem;
   border-top: 2px solid currentColor;
   border-right: 2px solid currentColor;
   transform: rotate(-135deg);
   transition: all 0.2s ease-in-out;
   color: white;
   margin: 0 5px;
}
 .side-nav.sidemenu-collapsed a.ham-menu{
   display: block;
}
.side-nav.sidemenu-collapsed ul li a{
   width:2.5rem
}
.side-nav a.ham-menu{
   display: none;
}
.side-nav.sidemenu-collapsed .side-menu-close,.sidemenu-collapsed.side-nav ul li a.collapsed:after,.sidemenu-collapsed.side-nav ul li a.collapsed:before,.sidemenu-collapsed.side-nav .panel-collapse,.sidemenu-collapsed.side-nav .collapse span,.sidemenu-collapsed.side-nav .external-links{
   display: none;
}
.side-nav.sidemenu-collapsed{
   width: 105px;
   padding: 0 20px;
}
.side-nav.sidemenu-collapsed .svg__wrapper {
   margin: 0 auto;
   flex-basis:3rem;
}
.side-nav.sidemenu-collapsed .side-menu-close{
   margin: 0 auto;
}
.side-nav .side-menu-close{
   display: block;
}
.btn-icon-only,.btn-icon-only:hover,.btn-icon-only:focus {
   background: none;
   border: 0 none;
   padding: 0;
}
.btn-icon-only .svg__wrapper{
   color: #793772;
   font-size: 2.5rem;
}
.btn-icon-only .svg__wrapper svg{
   margin:0;
}
.form-control_transparent{
   background: transparent;
   border: 0 none;
   font-size: 1.5rem;
}
.form-control_transparent:focus{
   background: #f1f1f1;
}
.charity-logo{
   max-width: 60px;
}
#cntUserProfile span.userName{
   display: inline-block;
   max-width: 180px;
   text-overflow: ellipsis;
   overflow: hidden;
   white-space: nowrap;
   padding: 3px 0;
}
#cntUserProfile .charity-logo{
   position: relative;
   width: 70px;
   max-width: 70px;
   vertical-align: middle;
   overflow: hidden;
   height:70px;
}
#cntUserProfile .charity-logo img{
   max-height: 100%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   overflow: hidden;
   position: absolute;
   top: 0;
   left: 0;
   margin-top: 50%;
   margin-left: 50%;
}
.svg__wrapper.threerem svg{
   width:3rem;
   height:3rem;
}
hr.vertical-line{
   height: auto;
   border: 1px solid rgba(255,255,255,0.5);
   margin: 0;
}
.side-nav .more-nav{
   display: none;
}
.side-nav.side-nav.sidemenu-collapsed .more-nav{
   display: block;
}
.more-nav .svg__wrapper{
   font-size: 2rem;
   line-height: 1rem;
   text-align: center;
   background: #fff;
}
.ops-nav{
   -colour-body
}
.disabled{
   opacity:0.6;
   pointer-events: none;
}