/*

  __  __  ____  ____ _____ _      ______ 
 |  \/  |/ __ \|  _ \_   _| |    |  ____|
 | \  / | |  | | |_) || | | |    | |__   
 | |\/| | |  | |  _ < | | | |    |  __|  
 | |  | | |__| | |_) || |_| |____| |____ 
 |_|  |_|\____/|____/_____|______|______|
                              

*/

body {
    background: #ffffff;
    font-family: 'Rubik', sans-serif;
    font-size: 20px;
    line-height: 24px;
    color: #333;
}



a {
    font-family: 'Rubik', sans-serif;
    text-decoration: none;
    /*color: #b21f25;*/
}

    a:hover {
        text-decoration: none;
        /*color: #ec020b;*/
    }

    a:visited {
        text-decoration: none;
        /*color: #080904;*/
    }

ul li, ol li
{
    padding: 0 0 0.4em 0;
}

p, h4, h5, h6
{
    margin: 0 0 1em;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Rubik', sans-serif;
    color: #080904;
}

h1
{
    font-size: 6vw;
    margin: 0 0 0.5em;
}

h2
{
    font-size: 3em;
    margin: 0 0 0.7em;
}

h3
{
    font-size: 1.3em;
    margin: 0 0 0.8em;
}

  textarea {
        width:100%;
        height:120px;
    }


.row {
    margin: 0 auto;
    max-width: unset;
    width: 100%;
}










/* new result CIC layout shapes */




body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}




h1 {
    font-size: 50px;
    line-height: 50px;
    color: #ffffff;
}

h2 {
    font-size: 35px;
    line-height: 35px;
    color: #ffffff;
}

h3 {
    font-size: 20px;
    line-height: 20px;
    color: #ffffff;
}





#shapeDecoration1 {
    background-image: url();
}

#bannerGraphic {
    height: auto;
    min-height: 84vh;
    background: rgba(0,0,0,0.3);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: left top !important;
    padding: 0px 5vw 23vw 10vw;
    position: relative;
    z-index: 0;
    height: 84vh;
}



#bannerGraphic.homepage {
    height: 84vh;
}

    #bannerGraphic.whoAreYouBanner {
        height: auto;
    }





#bannerGraphicOverlay {
    height: auto;
    min-height: auto;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100vw;
    height: 100%;
    background: rgba(0,0,0,0.3);
    left: 0;
}


    #bannerGraphic.contact {
        min-height: 80vh;
    }

#bannerGraphic.article {
    min-height: 69vh;
}


#bannerGraphic h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 600;
}


#bannerGraphic h2 {
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
}


.whoAreYouButton {
    padding: 10px;
    border-radius: 120px;
    width: calc(100% - 60px);
    display: inline-block;
    margin: 0 0 10px 0;
    font-size: 5vw;
    background-color: transparent !important;
    border:3px solid #FFFFFF;
    color: #ffffff;
}

.whoAreYouBanner {
    padding: 50px 1vw 23vw 1vw !important;
}

.anIndividual {
    margin: 0 0 0 0;
}

    #bannerGraphic .anIndividual h1 {
        font-size:75px;
        line-height: 75px;
    }


.anIndividual .whoAreYouButton:hover {
    background-color: #ffffff !important;
    color: #F7941D;
    cursor:pointer;
}




.anOrganisation {
    margin: 0 0 0 0;
}

    #bannerGraphic .anOrganisation h1 {
        font-size: 75px;
        line-height: 75px;
    }




.aPotentialPartner {
    margin:0 0 0 0;
}


    #bannerGraphic .aPotentialPartner h1 {
        font-size: 75px;
        line-height: 75px;
    }



.aSupporter {
    margin:0 0 0 0;
}


    #bannerGraphic .aSupporter h1 {
        font-size: 75px;
        line-height: 75px;
    }




.image500pxMaxWidth {
    margin: 50px 0 0 0 !important;
}

.image500pxMaxWidth img {
    width: 100%;
    max-width: 500px;
}


.triangleDecoration {
    margin: 80px 0 0 0;
}

.anOrganisation .whoAreYouButton:hover {
    background-color: #ffffff !important;
    color: #00B4D9;
    cursor: pointer;
}

.aPotentialPartner .whoAreYouButton:hover {
    background-color: #ffffff !important;
    color: #775BA6;
    cursor: pointer;
}

.aSupporter .whoAreYouButton:hover {
    background-color: #ffffff !important;
    color: #1D9879;
    cursor: pointer;
}

.anIndividual .whoAreYouButton.active {
    color: #F7941D;
}

.anOrganisation .whoAreYouButton.active {
    color: #00B4D9;
}

.aPotentialPartner .whoAreYouButton.active {
    color: #775BA6;
}

.aSupporter .whoAreYouButton.active {
    color: #1D9879;
}


.whoAreYouButton.active {
    background-color: #FFFFFF !important;
    border: 5px solid #FFFFFF;
}

.whoAreYouButton.justBrowsing {
    padding: 10px;
    border-radius: 80px;
    width: calc(70% - 40px);
    display: inline-block;
    margin: 0px 20px 50px 20px;
    font-size: 4vw;
    background-color: transparent !important;
    border: 3px solid #FFFFFF;
    color: #ffffff;
}


    .whoAreYouButton.justBrowsing a {
        color: #ffffff;
    }


.anIndividual .whoAreYouButton.justBrowsing:hover a {
    background-color: #ffffff !important;
    color: #F7941D;
}

.anIndividual .whoAreYouButton.justBrowsing a:hover {
    background-color: #ffffff !important;
    color: #F7941D;
}


.anOrganisation .whoAreYouButton.justBrowsing:hover a {
    background-color: #ffffff !important;
    color: #00B4D9;
}

.anOrganisation .whoAreYouButton.justBrowsing a:hover {
    background-color: #ffffff !important;
    color: #00B4D9;
}


.aPotentialPartner .whoAreYouButton.justBrowsing:hover a {
    background-color: #ffffff !important;
    color: #775BA6;
}

.aPotentialPartner .whoAreYouButton.justBrowsing a:hover {
    background-color: #ffffff !important;
    color: #775BA6;
}


.aSupporter .whoAreYouButton.justBrowsing:hover a {
    background-color: #ffffff !important;
    color: #1D9879;
}

.aSupporter .whoAreYouButton.justBrowsing a:hover {
    background-color: #ffffff !important;
    color: #1D9879;
}

.rtxWhoAreYou2 {
    padding: 0;
}

.curvyBoxesContainer a {
    text-decoration: none !important;
    color: #fff !important;
}




.contentPadding {
    padding: 0px 0px;
}

#ContentLinkingH3 {
    color: #775BA6;
    font-size: 40px;
}

#ContentLinkingHeader,
#ContentLinkingHeader * {
    color: #775BA6 !important;
}

.peopleContentLinks {
    padding-bottom: 100px;
}


    .peopleContentLinks .contentLinkingTitle a {
        color: #000 !important;
        text-transform: none;
    }

    .peopleContentLinks p.purpleDropShadow{
        margin:0 0 10px 0;
    }

    #whoAreWeContentContainer {
        margin: 0 0 0 0px;
    }

.peopleContentLinks .small-12.medium-12.large-12.columns.contentLink {
    padding-right: 20px;
}

#whoAreWeHeadingOuterContainer {
    display: table;
    width: 100%;
    height: 69vh;
    z-index: 2147483647;
    position: relative;
}

#whoAreWeHeadingInnerContainer {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

#whoAreWeHeadingAlignmentContainer {
    width: auto;
    display: inline-block;
    text-align: left;
}

.whoAreWeHeading {
    text-align: left;
    margin: 0 0 0 0;
}

    .whoAreWeHeading h1 {
        font-size: 40px;
        line-height: 40px;
        color: #ffffff;
        margin: 0;
    }


    .whoAreWeHeading h2 {
        font-size: 25px;
        line-height: 25px;
        color: #ffffff;
    }



.icon {
    width: 45% !important;
    border-radius: 20px;
    margin: 2%;
}

#lottie {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
    transform: translate3d(0,0,0);
    text-align: center;
    opacity: 1;
}



.yellowBlock h1,
.yellowBlock h2,
.yellowBlock h3 {
    color: #000000;
}

.shapedBlock {
    height: auto;
    min-height: 30vw;
    position: relative;
    color: #ffffff;
}

.shapedBlockInverted {
    height: auto;
    min-height: 30vw;
    position: relative;
    color: #000000;
    /*background: linear-gradient(180deg, #009b78 50%, orange 50%, orange 100%);*/
}

.darkGreyBlock.shapedBlockInverted li {
    color: #FFFFFF;
}


.darkGreyBlock.shapedBlock li {
    color: #FFFFFF;
}


.shapedBlock.block1 {
    margin-top: -15vw;
}


.transparent {
    background: transparent !important;
}

.orange {
    background: #F7941D !important;
}

.green {
    background: #1D9879 !important;
}

.lightBlue {
    background: #00B4D9 !important;
}

.purple {
    background: #775BA6 !important;
}

.darkBlue {
    background: #1A2632 !important;
}



.orangeText,
.whiteBlock h1.orangeText,
.whiteBlock h2.orangeText {
    color: #F7941D !important;
}

.greenText,
.whiteBlock h1.greenText,
.whiteBlock h2.greenText {
    color: #1D9879 !important;
}

.lightBlueText,
.whiteBlock h1.lightBlueText,
.whiteBlock h2.lightBlueText {
    color: #00B4D9 !important;
}

.purpleText,
.whiteBlock h1.purpleText,
.whiteBlock h2.purpleText {
    color: #775BA6 !important;
}

.darkBlueText,
.whiteBlock h1.darkBlueText,
.whiteBlock h2.darkBlueText {
    color: #1A2632 !important;
}


.yellowText,
.whiteBlock h1.yellowText,
.whiteBlock h2.yellowText {
    color: #FFDB00;
}


.whiteText {
    color: #FFFFFF;
}



.transparentToWhite {
    background: linear-gradient(180deg, transparent 50%, #FFFFFF 50%, #FFFFFF 100%) !important;
}


.transparentToDarkBlue {
    background: linear-gradient(180deg, transparent 50%, #1A2632 50%, #1A2632 100%) !important;
}


.greenToOrange {
    background: linear-gradient(180deg, #1D9879 50%, #F7941D 50%, #F7941D 100%) !important;
}

.greenToLightBlue {
    background: linear-gradient(180deg, #1D9879 50%, #00B4D9 50%, #00B4D9 100%) !important;
}

.greenToDarkBlue {
    background: linear-gradient(180deg, #1D9879 50%, #1A2632 50%, #1A2632 100%) !important;
}

.lightBlueToGreen {
    background: linear-gradient(180deg, #00B4D9 50%, #1D9879 50%, #1D9879 100%) !important;
}

.lightBlueToDarkBlue {
    background: linear-gradient(180deg, #00B4D9 50%, #1A2632 50%, #1A2632 100%) !important;
}

.orangeToGreen {
    background: linear-gradient(180deg, #F7941D 50%, #1D9879 50%, #1D9879 100%) !important;
}

.orangeToDarkBlue {
    background: linear-gradient(180deg, #F7941D 50%, #1A2632 50%, #1A2632 100%) !important;
}

.purpleToLightBlue {
    background: linear-gradient(180deg, #775BA6 50%, #00B4D9 50%, #00B4D9 100%) !important;
}

.purpleToDarkBlue {
    background: linear-gradient(180deg, #775BA6 50%, #1A2632 50%, #1A2632 100%) !important;
}

.lightBlueToPurple {
    background: linear-gradient(180deg, #00B4D9 50%, #775BA6 50%, #775BA6 100%) !important;
}

.whiteToDarkBlue {
    background: linear-gradient(180deg, #FFFFFF 50%, #1A2632 50%, #1A2632 100%) !important;
}

.darkBlueToDarkBlue {
    background: linear-gradient(180deg, #1A2632 50%, #1A2632 50%, #1A2632 100%) !important;
}


.darkBlueToWhite {
    background: linear-gradient(180deg, #1A2632 50%, #FFFFFF 50%, #FFFFFF 100%) !important;
}

.whiteToWhite {
    background: linear-gradient(180deg, #FFFFFF 50%, #FFFFFF 50%, #FFFFFF 100%) !important;
}

.transparentToDarkGrey {
    background: linear-gradient(180deg, transparent 50%, #1A2632 50%, #1A2632 100%) !important;
}

.whiteToDarkGrey {
    background: linear-gradient(180deg, #FFFFFF 50%, #1A2632 50%, #1A2632 100%) !important;
}

.darkGreyToDarkGrey {
    background: linear-gradient(180deg, #1A2632 50%, #1A2632 50%, #1A2632 100%) !important;
}


.darkGreyToWhite {
    background: linear-gradient(180deg, #1A2632 50%, #FFFFFF 50%, #FFFFFF 100%) !important;
}


.whiteToPurple {
    background: linear-gradient(180deg, #FFFFFF 50%, #775BA6 50%, #775BA6 100%) !important;
}

.purpleToWhite {
    background: linear-gradient(180deg, #775BA6 50%, #FFFFFF 50%, #FFFFFF 100%) !important;
}

.shapedBlockInverted .top {
    border-radius: 0 15vw 0 0;
}

.shapedBlockInverted .bottom {
    border-radius: 0 0 15vw 0;
}


.shapedBlockInverted h1 {
    font-size: 11vw;
    /*color: #000000;*/
}

.shapedBlockInverted h2 {
    font-size: 25px;
    /*color: #000000;*/
}

.shapedBlockInverted h3 {
    font-size: 20px;
    /*color: #000000;*/
}

.shapedBlockInverted .top,
.shapedBlockInverted .colourFill,
.shapedBlockInverted .outerContent,
.shapedBlockInverted .bottom {
    background: #ffffff;
}

button {
    cursor: pointer;
}


.whiteBlock .top,
.whiteBlock .colourFill,
.whiteBlock .outerContent,
.whiteBlock .bottom {
    background: #FFFFFF;
    color: #000000;
}




.whiteBlock h1,
.whiteBlock h2,
.whiteBlock h3 {
    color: #000000;
}








.whiteBlock button:not(.splide__arrow,.splide__pagination__page) {
    border: 3px solid #252525;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #252525;
    font-size: 20px;
    margin: 0 0 20px 0;
    font-weight: bold;
}


    .whiteBlock button.greenButton {
        border: 3px solid #1D9879;
        color: #1D9879;
    }


.whiteBlock footer button {
    border: 0px solid #252525 !important;
    padding: unset !important;
}




p.ovalButtonWhite,
p.ovalButtonBlack,
p.ovalButtonYellow,
p.ovalButtonOrange,
p.ovalButtonGreen,
p.ovalButtonPurple,
p.ovalButtonLightBlue,
p.ovalButtonDarkBlue {
    display: inline-block;
    width: 100%;
}

.ovalButtonWhite a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #ffffff;
    color: #ffffff;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonBlack a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #252525;
    color: #252525;
    background: transparent;
    margin: 0 10px 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonYellow a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #FFDB00;
    color: #FFDB00;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonOrange a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #F7941D;
    color: #F7941D;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonGreen a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #1D9879;
    color: #1D9879;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonPurple a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #775BA6;
    color: #775BA6;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonLightBlue a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #00B4D9;
    color: #00B4D9;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}

.ovalButtonDarkBlue a:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #1A2632;
    color: #1A2632;
    background: transparent;
    margin: 0 0 0px 0;
    font-weight: normal;
    display: inline-block;
    text-align: center;
    padding: 4vw 8.4vw;
    border-radius: 10vw;
    font-size: 20px;
    width: 100%;
}













.ovalButtonWhite a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #ffffff;
    color: #000000;
    background: #ffffff;
}

.ovalButtonBlack a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #252525;
    color: #ffffff;
    background: #252525;
}

.ovalButtonYellow a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #FFDB00;
    color: #000000;
    background: #FFDB00;
}

.ovalButtonOrange a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #F7941D;
    color: #ffffff;
    background: #F7941D;
}

.ovalButtonGreen a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #1D9879;
    color: #ffffff;
    background: #1D9879;
}

.ovalButtonPurple a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #775BA6;
    color: #ffffff;
    background: #775BA6;
}

.ovalButtonLightBlue a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #00B4D9;
    color: #ffffff;
    background: #00B4D9;
}

.ovalButtonDarkBlue a:hover:not(.splide__arrow, .splide__pagination__page) {
    border: 2px solid #1A2632;
    color: #ffffff;
    background: #1A2632;
}








    .greenBlock .top, .greenBlock .colourFill, .greenBlock .outerContent, .greenBlock .bottom {
    background: #1D9879;
    color: #ffffff;
}


.greenBlock h1 {
    color: #ffffff;
    font-size: 8vw;
    line-height: 8vw;
}

.greenBlock button {
    border: 3px solid #fff;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 20px 0;
    font-weight: normal;
}





.orangeBlock .top,
.orangeBlock .colourFill,
.orangeBlock .outerContent,
.orangeBlock .bottom {
    background: #F7941D;
    color: #ffffff;
}

.orangeBlock h1 {
    color: #ffffff;
}

.orangeBlock button {
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    margin: 0 10px 20px 0;
    font-weight: normal;
    padding: 2vw 1.4vw;
    border-radius: 4vw;
    font-size: 3vw;
    width: 100%;
}


.whiteBlock .orangeButton {
    border: 3px solid #F7941D;
    color: #F7941D;
}


.purpleBlock .top,
.purpleBlock .colourFill,
.purpleBlock .outerContent,
.purpleBlock .bottom {
    background: #775BA6;
}


.purpleBlock button {
    border: 3px solid #ffffff;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #ffffff;
    font-size: 20px;
    margin: 0 10px 20px 0;
    font-weight: normal;
}

    .purpleBlock button:hover {
        background: #ffffff;
        color: #775BA6;
    }





.lightBlueBlock .top,
.lightBlueBlock .colourFill,
.lightBlueBlock .outerContent,
.lightBlueBlock .bottom {
    background: #00B4D9;
    color: #FFFFFF;
}

.lightBlueBlock button {
    border: 3px solid #fff;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 20px 0;
    font-weight: normal;
}

.lightBlueBlock h1 {
    color: #FFFFFF;
}



.darkBlueBlock .top,
.darkBlueBlock .colourFill,
.darkBlueBlock .outerContent,
.darkBlueBlock .bottom {
    background: #1A2632;
}

.darkBlueBlock button {
    border: 3px solid #fff;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 20px 0;
    font-weight: normal;
}

.darkBlueBlock {
    color: #fff;
}


.darkGreyBlock .top,
.darkGreyBlock .colourFill,
.darkGreyBlock .outerContent,
.darkGreyBlock .bottom {
    background: #252525;
}

.darkGreyBlock button {
    border: 3px solid #fff;
    padding: 20px 60px;
    background: transparent;
    border-radius: 40px;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 20px 0;
    font-weight: normal;
}



.top {
    top: 0;
    position: relative;
    width: 100%;
    height: 12vw;
    border-radius: 12vw 0 0 0;
    min-height: 12vw;
}

.middle {
    top: 0px;
    position: relative;
    width: 100%;
    height: auto;
    overflow: visible;
    min-height: 0;
}

.colourFill {
    position: absolute;
    height: calc(100% - 15vw);
    width: 100%;
    margin: 12vw 0 0 0;
}

.bottom {
    bottom: 0;
    height: 12vw;
    border-radius: 0 0 0 12vw;
    position: relative;
    width: 100%;
    min-height: 12vw;
}

    .bottom.hasBottomRightCurve {
        border-radius: 0 0 20vw 0;
    }

.bottomRightCorner {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #1A2632;
    width: 20vw;
    height: 10vw;
    display:none;
}



.bottom.footer {
    border-radius: 0;
}

.outerContent {
    position: relative;
    top: 0;
    height: auto;
    margin: -12vw 10vw -6vw 10vw;
    width: calc(100% - 20vw);
    display: table;
    z-index: 1;
    min-height: 30vw;
}

/*.newsBlock .outerContent {
    margin: -15vw 0 -5vw 28vw;
}*/


.hasSideMenu.outerContent {
    margin: -12vw 40px -12vw 29px;
    width: calc(100% - 50px);
    padding: 0 0 50px 0;
}

.innerContent {
    top: 0;
    margin: 5vw;
    position: relative;
    display: table-cell;
    vertical-align: middle;
}

.rtxtMainContentImage img {
    max-width: auto;
}


.fullWidth {
    width: 100%;
    height: auto;
}

p.fullWidth img {
    width: 100%;
    height: auto;
}


/*iframe {
    width:100% !important;
}*/

iframe {
    width: 100%;  
	border: 0;
}

#blockController {
    display:none;
}

    #blockController h1 {
        color:#000000;
    }


    .faceToFaceIcon {
        background: #ffffff url('/images/Icon_Face to Face.png');
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: -20px;
        width: 200px;
        height: 200px;
        border-radius: 20px;
        border: 0;
        position: relative;
        margin-right: 30px;
    }

.cameraIcon {
    background: #ffffff url('/images/Icon_Camera.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: -20px;
    width: 200px;
    height: 200px;
    border-radius: 20px;
    border: 0;
    position: relative;
    margin-right: 30px;
}

.phoneIcon {
    background: #ffffff url('/images/Icon_Phone.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: -20px;
    width: 200px;
    height: 200px;
    border-radius: 20px;
    border: 0;
    position: relative;
    margin-right: 30px;
}

.typedIcon {
    background: #ffffff url('/images/Icon_Typed.png');
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position-y: -20px;
    width: 200px;
    height: 200px;
    border-radius: 20px;
    border: 0;
    position: relative;
    margin-right:30px;
}

.label {
    position: absolute;
    top: 135px;
    width: 100%;
    font-size: 25px;
}

.typedIcon .label {
    position: absolute;
    top: 125px;
    width: 100%;
    font-size: 25px;
}


.rtxtTeamMember {
    margin: 0px 30px 0 0;
}
.person-image.rtxtTeamMember img {
    filter: drop-shadow(20px 20px 0px #FFDB00);
    transform: translateZ(0);
}

.rtxtWHoWeWorkWIthLogo {
    margin: 30px 35px 18px 3px;
}

.rtxtTeamMember img {
    width: 100%;
    filter: drop-shadow(20px 20px 0px #775BA6);
    transform: translateZ(0);
}

.rtxtWHoWeWorkWIthLogo img {
    width: 100%;
    filter: drop-shadow(20px 20px 0px #775BA6);
    transform: translateZ(0);
}


.rtxtImpactImage img {
    padding-right: 20px;
    width:100%;
}


.rtxtSocialImpact,
.rtxtImpactImageAPP {
    margin: 50px 20px 50px 0;
}

    .rtxtSocialImpact img,
    .rtxtImpactImageAPP img {
        width: 100%;
        filter: drop-shadow(10px 10px 0px #775BA6);
        transform: translateZ(0);
        height: unset;
        height: unset;
        width: 100%;
    }

    .rtxtSocialImpact .innerWrapper,
    .rtxtImpactImageAPP .innerWrapper {
        width: 100%;
    }


    .rtxtSocialImpact .overlay,
    .rtxtImpactImageAPP .overlay {
        right: -30px;
        bottom: -30px;
    }



        .rtxtSocialImpact .overlay img {
            width: 34%;
            margin: 16% 0 20px -5%;
            filter: unset;
        }


/*.yellowDropShadow {
    filter: drop-shadow(10px 10px 0px #FFDB00);
}

.greenDropShadow {
    filter: drop-shadow(10px 10px 0px #1D9879);
}

.lightBlueDropShadow {
    filter: drop-shadow(10px 10px 0px #00B4D9);
}

.purpleDropShadow {
    filter: drop-shadow(10px 10px 0px #775BA6);
}*/



p.yellowDropShadow img {
    filter: drop-shadow(10px 10px 0px #FFDB00);
    transform: translateZ(0);  width: calc(100% - 20px);
}

p.greenDropShadow img {
    filter: drop-shadow(10px 10px 0px #1D9879);
    transform: translateZ(0);
}

p.lightBlueDropShadow img {
    filter: drop-shadow(10px 10px 0px #00B4D9);
    transform: translateZ(0);
}

p.purpleDropShadow img {
    filter: drop-shadow(10px 10px 0px #775BA6);
    transform: translateZ(0);
}






/*.yellowDropShadowLarge {
    filter: drop-shadow(20px 20px 0px #FFDB00);
}

.greenDropShadowLarge {
    filter: drop-shadow(20px 20px 0px #1D9879);
}

.lightBlueDropShadowLarge {
    filter: drop-shadow(20px 20px 0px #00B4D9);
}

.purpleDropShadowLarge  {
    filter: drop-shadow(20px 20px 0px #775BA6);
}*/



.subtitle {
    font-size: 50%;
}

p.yellowDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #FFDB00);
    transform: translateZ(0);
    width: calc(100% - 20px);
}

p.greenDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #1D9879);
    transform: translateZ(0);
    width: calc(100% - 20px);
}

p.lightBlueDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #00B4D9);
    transform: translateZ(0);
    width: calc(100% - 20px);
}

p.purpleDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #775BA6);
    transform: translateZ(0);
    width: calc(100% - 20px);
}




p.yellowDropShadowLargeFullWidth img {
    filter: drop-shadow(20px 20px 0px #FFDB00);
    transform: translateZ(0);
    width: calc(100% - 20px);
    height: auto;
}

p.greenDropShadowLargeFullWidth img {
    filter: drop-shadow(20px 20px 0px #1D9879);
    transform: translateZ(0);
    width: calc(100% - 20px);
    height: auto;
}

p.lightBlueDropShadowLargeFullWidth img {
    filter: drop-shadow(20px 20px 0px #00B4D9);
    transform: translateZ(0);
    width: calc(100% - 20px);
    height: auto;
}

p.purpleDropShadowLargeFullWidth img {
    filter: drop-shadow(20px 20px 0px #775BA6);
    transform: translateZ(0);
    width: calc(100% - 20px);
    height: auto;
}



a.yellowDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #FFDB00);
    transform: translateZ(0);
    margin-bottom: 40px;
}

a.greenDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #1D9879);
    transform: translateZ(0);
    margin-bottom: 40px;
}

a.lightBlueDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #00B4D9);
    transform: translateZ(0);
    margin-bottom: 40px;
}

a.purpleDropShadowLarge img {
    filter: drop-shadow(20px 20px 0px #775BA6);
    transform: translateZ(0);
    margin-bottom: 40px;
}



img.yellowDropShadow {
    width:unset;
}

img.greenDropShadow {
    width: unset;
}

img.lightBlueDropShadow {
    width: unset;
}

img.purpleDropShadow {
    width: unset;
}

.innerWrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}



.overlay {
    position: absolute;
    right: -20px;
    padding: 10px 20px;
    background: #fff;
    bottom: -20px;
    max-width: 62%;
    font-size: 2.8vw;
}

    .overlay.black {
        background: #252525;
        color: #ffffff;
    }




/* Hides the tinynav dropdown when in normal use */
.tinynav {
    display: none;
}

#containerForm {
    margin: 0 auto;
    max-width: unset;
}


.mainContentContainer
{
    background: #ffffff;
}

.row .row {
    margin: 0;
}

.columns {
    padding: 0;
}

.socialInclusionHtml {
    background: #6CCABC;
    padding: 20px 20px;
}

#header {
    margin: 0 0 0px 0;
    padding: 30px 0 30px 0;
    border-bottom: 0px solid #000;
    /*background-color: #2f2f2f;*/
}

#headerTop {
    margin: 0 auto;
    display: block;
    width: 100%;
    text-align: left;
}

.logoContainer {
    text-align: center;
}

#logoContainer {
    width: auto;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}

#logo {
    padding: 0 0 0 30px;
}

    #logo img {
        width: 100%;
        min-width: 100px;
        max-width: 100px;
    }



#menuMainContainer {
    width: auto;
    display: inline-block;
    vertical-align: middle;
}

/*#sideMenuContainer {
    visibility:hidden;
}*/

#buttonContainer {
    width: auto;
    float: right;
    margin: 0 20px 0 0;
}


.small-12.medium-12.large-12.columns.block0 {
    height: 57vh;
    background: #ff0000;
}

.small-12.medium-12.large-12.columns.block1 {
    height: 57vh;
    border-radius: 57vh 0 0 57vh;
    background: #009b78;
    margin-top: -27.5vh;
}

#mainContent .block1 h2 {
    font-size: 25px;
    color: #ffffff;
}


.small-12.medium-12.large-12.columns.block2.outer {
    height: 100vh;
    background: #009b78;
}

.small-12.medium-12.large-12.columns.block2.inner {
    height: 57vh;
    border-radius: 0 27.5vh 0 57vh;
    background: #ffffff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.small-12.medium-12.large-12.columns.block3 {
    height: 100vh;
    background: #f00;
}
.small-12.medium-12.large-12.columns.block4 {
    height: 100vh;
    background: #00f;
}

#menuToggleLayer {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 2147483627;
    background: #F7941D;
}


    #menuToggleLayer .fa-times {
        color: #F7941D;
    }

    #menuToggleLayer a {
        color: #fff;
        font-size: 25px;
        line-height: 25px;
    }

    #menuToggleLayer #header {
        padding-bottom: 0;
    }

    #menuToggleLayer ul {
        padding-left: 26px;
    }

        #menuToggleLayer ul li {
            padding: 0 0 36px 0;
        }

.menuItem.depth-1 {
    list-style-type: none;
}

    .depth-1.l_tinynav1 {
        margin: 0;
        padding: 0;
    }

    .row.homepageContentLinkingContainer { 
        margin:50px 0 0px 0;
    }

    .pageContentLinking.columns {
        margin:0px 0 50px 0;
        padding: 0;
    }

    .pageContentLinking img {
        width: 100%;
    }


    .pageContentLinking .column, 
    .pageContentLinking .columns {
        float: left;
        padding-left: 0.625rem;
        padding-right: 0.625rem;
        position: relative;
    }

    .small-12.medium-12.large-12.columns.contentLink {
        float: left;
        padding-left: 0;
        padding-right: 0;
        position: relative;
    }


    #mainContentWrapperPlaceHolder_ContentLinkingTitle, #mainContent .contentLinkingContainer h2 {
        margin: 0 0 0 10px;
    }


    .peopleContentLinkingContainer h2 {
        margin: 0 0 0 70px;
    }


.people-name {
    margin-top: 50px;
}

    .people-name a {
        color: #ffffff;
        font-weight: 500;
        font-size: 10vw;
        line-height: 10vw;
    }

.people-title {
    margin: 0 0 40px 0;
}

    .people-title a {
        color: #ffffff;
        font-weight: 500;
        font-size: 5vw;
    }

#menuMain
{
    float: left;
    margin: 1em 0 0 0px;
    display:none;
}

    #menuMain li {
        display: inline-block;
        margin: 0 9px;
        width: 102px;
        text-align: center;
    }

        #menuMain li.lastMenuItem
        {
            margin-right: 0;
        }

        #menuMain li a,
        #menuMain li a:visited {
            color: #ffffff;
            font-weight: bold;
            text-decoration: none;
            font-size: 20px;
        }

            #menuMain li a:hover
            {
                text-decoration: none;
                padding: 0 0 6px;
                border-width: 0 0 3px 0;
                border-color: #00A48A;
                border-style: solid;

            }

            #menuMain li a.currentPage
            {
                color: #ffffff;
                padding: 0 0 6px;
                /*border-width: 0 0 3px 0;
                border-color: #00A48A;
                border-style: solid;*/
            }




#menuMain {
    background: transparent;
}


    #menuMain.active {
        /*width: 100vw;*/
    }

    #menuMain ul.depth-1 > li {
        position: relative;
    }

    #menuMain .depth-1 li a {
        display: table;
        padding: 5px 10px;
    }


    #menuMain ul.depth-1 li a:hover {
        text-decoration: none;
        /*padding: 5px 10px;*/
        border-width: 0;
        border-color: transparent;
        border-style: solid;
        color: #F7941D;
    }

    #menuMain ul.depth-1 li.depth-1-active > a {
        background-color: #009B79;
        color: #ffffff;
        /*padding: 5px 10px;*/
    }

    #menuMain ul.depth-1 li.depth-1-active::after {
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        height: 30px;
        background-color: #009B79;
    }

    #menuMain ul.depth-2 {
        display: none;
        position: fixed;
        overflow: visible;
        background: #009B79;
        z-index: 2147483647;
        padding: 50px 0;
        width: 100vw;
        box-sizing: border-box;
        left: 0;
        text-transform: capitalize;  
        min-height: 400px;
    }

        #menuMain ul.depth-2 li a:hover {
            text-decoration: none;
            /*padding: 5px;*/
            border-width: 0;
            border-color: transparent;
            border-style: solid;
        }

        #menuMain ul.depth-2 li a.currentPage {
            color: #ffffff;
            padding: 5px;
            border-width: 0 0 3px 0;
            border-color: transparent;
            border-style: solid;
        }
html #menuMain .headerMenu a.depth-1-menuitem.hvr-underline-from-left.hvr-underline-from-left-on::before {
    right: 0;
}



#menuMain .depth-2 li {
    padding: 5px 6px;
}

    #menuMain .depth-2 li:hover {
        /*background-color: #000000;*/
    }

    #menuMain .depth-2 li a:hover {
        /*color: gold;*/
        font-weight: bold;
    }


#menuMain ul.depth-3 {
    /*margin-left: 420px;*/
}

#menuMain ul.depth-3 {
    display: none;
    left: 0;
    position: absolute;
    background: #D2014C;
    top: 0px;
    overflow: visible;
    z-index: 2000000;
    padding: 20px 0px 20px 0;
    text-transform: capitalize;
    font-family: 'Droid serif';
}

#menuMain .depth-3 li:hover {
    /*background-color: #E50053;*/
}

#menuMain .depth-3 li a:hover {
    /*color: gold;*/
    font-weight: bold;
}

#menuMain .depth-2 li {
    display: block;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}


#menuMain .headerMenu a.depth-2-menuitem span {
    padding: 0 0px;
}

.headerMenu {
    display: inline-block;
}

    .headerMenu.depth-1 {
        display: inline-block;
        padding: 0 0px 0 0px;
        float: left;
    }

        .headerMenu.depth-1 a {
            text-decoration: none;
            /*display: none;*/
        }


#menuMain .depth-1 li a {
    display: none;
    padding: 5px;
}

#menuMain .headerMenu.depth-1:nth-of-type(-n+7) a {
    display: inline-block;
}


#menuToggleLayer .headerMenu.depth-1 {
    display: block;
    float: unset;
}

.small-4.medium-2.large-2.columns.menuButtons {
    text-align: right;
}

.headerContainer ul .depth-3 {
    padding: 2px 0 0 0;
    margin-left: 30px;
}

.headerContainer .depth-3 {
    display: none;
}

.currentPage {
    font-weight: normal;
}


#menuMain .headerMenu a.depth-1-menuitem {
    display: inline-block;
    margin: 0;
    display: block;
    color: #000;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    text-align: center;
    width: auto;
    font-size: 20px;
    line-height: 20px;
}



#menuMain .headerMenu a.depth-2-menuitem {
    color: #fff;
}

#menuMain .headerMenu a.depth-3-menuitem {
    color: #fff;
}



#menuMain .headerMenu a.depth-1-menuitem.currentPage {
    /*color: #F7941D;*/
}

#menuMain .headerMenu a.depth-1-menuitem {
    display: none;
}


    #menuMain .headerMenu a.depth-1-menuitem :nth-child(1),
    #menuMain .headerMenu a.depth-1-menuitem :nth-child(2),
    #menuMain .headerMenu a.depth-1-menuitem :nth-child(3),
    #menuMain .headerMenu a.depth-1-menuitem :nth-child(4),
    #menuMain .headerMenu a.depth-1-menuitem :nth-child(5),
    #menuMain .headerMenu a.depth-1-menuitem :nth-child(6) {
        display: inline-block;
    }

#menuMain ul li {
    padding: 0;
}

#menu {
    display: none;
}



.header {
    background-color: #1a1717;
    background-image: none;
}

    .header .wrapper, .header .wrapper {
        max-width: 1440px;
        width: 100%;
        margin: 0px auto;
    }

.sitemapWrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1175px;
    background-color: white;
}

.logoSection {
    float: left;
    position: relative;
    z-index: 2;
    top: 17px;
}

    .logoSection img {
        max-width: 100%;
    }

#menuMain {
    float: left;
    position: relative;
}



        #menuMain ul, #menuMain ul li {
            float: left;
            list-style: none;
            list-style-type: none;
        }


#twoColumnOne {
    margin: 0 10px 3em 0px;
}

#newsListPanel {
    margin: 2em 0px 3em 0px;
}

    #newsListPanel * {
        outline: unset;
    }


    #categoryPanelDDL {
    display: none;
    width: 100%;
}



.select-dropdown {
    position: static;
}

    .select-dropdown .select-dropdown--above {
        margin-top: 336px;
    }

.select2 {
    width: 100% !important;
    margin-right:0 !important;
}

.select2-results__options {
    margin: 10px 0px 0 0 !important;
}

.select2-results__option {
    padding: 10px 18px !important;
}

.select2-container {
    margin-bottom: 100px !important;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 20px !important;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url('/images/Result__Symbol_Orange.png') !important;
    background-size: 20px;
    background-repeat: no-repeat;
    transform: rotateZ(135deg);
    height: 26px !important;
    position: absolute !important;
    top: 18px !important;
    right: 40px !important;
    width: 20px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        display: none;
    }

.select2-container--default .select2-results > .select2-results__options {
    max-height: 1000px !important;
}

.select2-container .select2-selection--single {
    height: 67px !important;
}

.select2-container--default .select2-selection--single {
    background-color: #fff !important;
    border: 2px solid #000 !important;
    border-radius:31px !important;
}

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 45px !important;
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        line-height: 28px !important;
        color: #F7941D !important;
        font-size: 4.5vw !important;
        font-weight: normal !important;
        padding: 18px 18px;
    }

.select2-dropdown {
    background-color: white;
    border: 2px solid #000 !important;
    border-top-width: 0px;
    border-top-style: solid;
    border-top-color: rgb(0, 0, 0);
    border-radius: 0px 0px 18px 18px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    border-top: 0px !important;
    margin-top: -30px;
    padding-top: 25px;
    padding-bottom: 31px;
}

.select2-results__option {
    color: #000000 !important;
    font-size: 4.5vw !important;
    font-weight: normal !important;
}

.select2-dropdown {
    background-image: url(/images/white-panel-transparent-curve-indent-top.png);
    background-color:unset !important;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051;
    background-color: unset;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}


.toggleMobileMenuButton {
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 20px;
    line-height: 27px;
    color: #fff;
    text-align: center;
    background: #F7941D;
    border-radius: 20px;
    width: 40px;
    height: 40px;
    text-align: center;
    float: right;
}


.toggleMobileMenuButton {
    padding: 8px 0 0 0;
}

    .toggleMobileMenuButton.white {
        display: block;
        position: relative;
        cursor: pointer;
        font-size: 20px;
        color: #F7941D;
        text-align: center;
        background: #fff;
        border-radius: 20px;
        width: 40px;
        height: 40px;
        text-align: center;
        padding: 8px 0 0 0;
        float: right;
        margin: 0 22px 0 0;
    }



#mobileMenuOuterContainer {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    top: 0;
    left: 0;    
    z-index: 10000;
    background: #2f2f2f none repeat scroll 0 0;
    color:#ffffff;
    margin-top: 160px;
}

#mobileMenuInnerContainer {
    padding: 30px;
}

   #mobileMenuContainer .socialMediaIcons {
       position: fixed;
       bottom: 10px;
       left: 20px;
   }

   #socialMedia {
       padding: 30px 0 0 0;
   }

   #mobileMenuInnerContainer li{
    list-style-type: none;
}


#mobileMenuInnerContainer a{
    color: #ffffff;
}

#menuToggleLayer #logo {
    margin: 0;
    text-align: center;
}


.icons-box a, .icons-box a:visited, .icons-box a, .icons-box a:visited {
    text-decoration: none;
    margin-right:22px;
    float: right;
}

    .icons-box a:nth-child(1) {
        text-decoration: none;
        margin-right: 0px;
        margin-top: -15px;
        padding: 0 0 20px 0;
        float: right;
    }

     .icons-box a:nth-child(2) {
        text-decoration: none;
        margin-right: 15px;
        margin-top: -15px;
        padding: 0 0 20px 0;
        float: right;
    }

    .icons-box a:nth-child(3) {
        text-decoration: none;
        margin-right: 15px;
        margin-top: -15px;
        padding: 0 0 20px 0;
        float: right;
    }

    .icons-box a span,
    .icons-box a span
    {
        color: #ffffff;
        font-size: 23px;
    }

    .icons-box a:hover span
    {
        font-size: 23px;
    }

#headerBottom {
    padding: 10px 0 0 15px;
}

    #headerBottom .box
    {
        width: 25%;
        float: left;
        margin: 0 0 0 25px;
    }

        #headerBottom .box.last-box
        {
            width: 200px;
            float: right;
        }

#bannerGraphic.searchResults {
    min-height: auto;
    background:#ffffff !important;
}


#bannerGraphic.searchResults h1 {
    color: #000000 !important;
}


#searchButton {
    position: absolute;
    top: 103px;
    right: 18%;
    width: 30px;
    height: 30px;
    background:transparent;
    border:0;
    
}

#menuToggleLayer #searchButton::after {
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    content: '\f002';
    font-family: 'FontAwesome';
    cursor: pointer;
    color: #F7941D;
    font-size: 20px;
}

#searchText {
    font-size: 26px;
    color: #000;
    margin: 0 0 50px 0;
}

.searchResultsContent,
.searchResultsContent h1,
.searchResultsContent h2,
.searchResultsContent h3 {
    color: #000;
}

.searchResultType {
    display: none;
}
.searchResultList {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 18px;
}
    .searchResultList a {
        font-size: 25px;
        color: #000;
        font-weight: bold;
    }

        .searchResultList a:hover {
            color: #F7941D;
        }


.searchResultTypeMenuLink.selected::before {
    content: ' ';
    background: url('/images/Result-Symbol-Yellow.png');
    background-size: auto;
    background-size: 20px 20px;
    width: 20px;
    height: 20px;
    display: block;
    position: absolute;
    left: -30px;
    top: 0px;
}


.searchResultsContent {
    margin: 20px 0 20px 0 !important;
}

    .searchResultsContent .innerContent {
        vertical-align: top;
    }

/*.searchResultType {
    font-size: 17px;
}*/

#WCUserControlSearchBoxWrapper_searchText {
    color: #333333;
    border: 0px;
    border: 1px solid #fff;
    border-radius: 4px;
}

#WCUserControlSearchBoxWrapper_searchText::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1; /* Firefox */
}

#WCUserControlSearchBoxWrapper_searchText:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
}

#WCUserControlSearchBoxWrapper_searchText::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
}

#mainContent
{
    padding: 0;
    font-size: 17px;
}

#mainContent h1
{
    font-size: 54px;
    text-transform: uppercase;
    margin: 0 0 10px 10px;
}

#mainContent h2,
.peopleContentLinkingContainer h2
{
    font-size: 57px;
    text-transform: uppercase;
    margin: 0 0 10px 10px;
}

#mainContent h3
{
    font-size: 37px;
    text-transform: uppercase;
}

#mainContent h4
{
    font-size: 37px;
    text-transform: uppercase;
}


#blogPostTitle {
    margin: 50px 0 0 0;
}

#blogPostText p {
    padding-top: 10px;
}

#footer .columns {
    padding: 0;
}


#footer {
    border-top: 0px solid #666;
    padding: 2em 10px 3em 10px;
    margin: 0px 0 0;
    color: #F7941D !important;
    /*background-color: #2f2f2f;*/
}

.whiteBlock #footer {
    color: #000000 !important;
}


footer p {
    font-size: 20px;
    line-height:24px;
}




#footer a {
    color: #F7941D !important;
}

    #footer ul
    {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    #footer li
    {
        margin: 0;
        padding: 0;
    }

    #footer .feed a:hover
    {
        text-decoration: none;
    }


.footerCompanyCopyrightInfo {
    margin:20px 0 0 0;
}


.darkBlueBlock #footer {
    color: #ffffff;
    font-size: 4vw;
}



.footerLogo {
    margin: 20px 80px 40px 80px;
}

.darkBlueBlock #footer {
    color: #ffffff !important;
}


.darkBlueBlock #footer a {
    color: #ffffff !important;
}

    .darkBlueBlock #footer a:hover {
        color: #F7941D !important;
    }

.whiteBlock #footer a {
    color: #1A2632 !important;
}


.footerBlock .top {
    height: 18vw;
}

.footerBlock .colourFill {
    margin: 12vw 0 0 0;
}

.socialMedia {
    margin: 26px 0 0 0;
}
    .socialMedia a,
    .socialMedia a:hover {
        display: inline-block;
    }

    .mailingList {
        width: 95%;
    }

.mailingListControl input:focus-visible {
    border:0;
    
}



.whiteBlock .mailingListControl {
    border: 2px solid #000000;
}

#mce-EMAIL {
    outline: none;
}

.mailingListControl {
    border: 2px solid #ffffff;
    padding: 10px;
    height: 60px;
    margin: 0 0 20px 0px;
    font-family: 'Fjalla One', sans-serif;
    background: #fff;
    border-radius: 49px;
}

    .mailingListControl input {
        background: #ffffff;
        border: 0;
        color: #000000;
        width: 80%;
        float: left;
        height: 33px;
        /*font-family: 'Fjalla One', sans-serif;*/
        font-size: 20px;
    }

    .mailingListControl #subscribe {
        background: #ffffff;
        border: 0;
        padding: 2px 0px 7px 18px;
        float: right;
        cursor: pointer;
        text-transform: uppercase;
        /*font-family: 'Fjalla One', sans-serif;*/
    }

    .footerSocialMedia {
        padding: 0 0 50px 0;
    }

.copyright
{
    font-weight: bold;
    margin: 1em 0 0;
    font-size: 14px;
}

#menuBottom
{
    margin: 0;
    padding: 0;
}

    #menuBottom li
    {
        margin: 0;
        padding: 0;
    }

.feed-item
{
    font-size: small;
    margin: 0 0 1em;
}

.feed-item-content
{
    margin: 0 0 0.5em;
}

.feed-item-meta
{
    font-size: smaller;
}

/* General styling */
.checkbox input, input[type="checkbox"]
{
    margin-right: 5px;
}
/* End of General styling */

/* Styling for validation groups */
.validation ul
{
    color: #ff0000;
    list-style: none;
    margin: 10px 0;
    padding: 0;
}
/* End of Styling for validation groups */

/* Styling for the calendar */
#eventCalendar {
    margin: 1em 0 0 0;
    float: right;
    width: 12px;
    background: #FFF;
    padding: 3px 5px 2px;
    padding: 3px 5px 2px;
}
/* End of styling for the calendar */

/* Styling for the search box */
/*#searchBox {
    background: #fff none repeat scroll 0 0;
    float: right;
    margin: 0;
    position: fixed;
    right: 20px;
    top: 20px;
    width: 180px;
}*/


#searchBox {
    /*background: #333333 none repeat scroll 0 0;*/
    width: auto;
    float: left;
    background: #F7941D;
    margin: 0 50px 0 0;
    border-radius: 51px;
    color: #fff;
    padding: 5px 15px;
    cursor: pointer;
    font-size: 32px;
    display:none;
}


    #searchBox:hover {
        background: #1D9879;
    }


    #ctl19_searchText {
        /*background: #333333 none repeat scroll 0 0;      */  
    }

    #searchBox a,
    #searchBox a:visited,
    #searchBox a,
    #searchBox a:visited
    {
        text-decoration: none;
        font-size: 18px;
    }

        #searchBox a span,
        #searchBox a span
        {
            color: #ffffff;
            font-size: 18px;
        }

.search-text
{
    width: 128px;
    border: 0;
}


#closeSearchLayer img {
    width: 40px;
    position: absolute;
    top: 73px;
    left: 30px;
    cursor:pointer;
}

#mobileSearch {
    font-size: 20px;
    line-height: 24px;
}

#mobileSearch .search-text {
    margin: 0px 5% 30px 9%;
}


#mobileSearch input {
    background: #fff;
    border: 0;
    color: #F7941D;
}



    #mobileSearch input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #F7941D;
        opacity: 1; /* Firefox */
    }

    #mobileSearch input:-ms-input-placeholder { /* Internet Explorer 10-11 */
        color: #F7941D;
    }

    #mobileSearch input::-ms-input-placeholder { /* Microsoft Edge */
        color: #F7941D;
    }

/* End of Styling for the search box */

/* Styling for associations */
.associate-item {
    margin: 0 0 5px;
    width: 250px;
}

.associate-image {
    float: left;
    width: 100px;
}

.associate-title,
.associate-summary {
    float: right;
    width: 140px;
}

.associate-title a:link,
.associate-title a:visited {
    color: #000;
    font-weight: bold;
}
/* End of styling for associations */

/* Styling for menus */
nav#menuSub a,
nav#menuSub a:link,
nav#menuSub a:visited
{
    text-decoration: none;
        color: #FFFFFF;
}

    nav#menuSub a:hover,
    nav#menuSub a.currentPage {
        color: #00B4D9;
    }


    nav#menuSub a.currentPage {
        position: relative;
    }

        nav#menuSub a.currentPage::before {
            content: ' ';
            background: url('/images/Result-Symbol-Yellow.png');
            background-size: 20px 20px;
            width: 20px;
            height: 20px;
            display: block;
            position: absolute;
            left: -30px;
            top: 0px;
        }


nav#menuSub ul {
    margin-top: 0;
}

    nav#menuSub ul li {
        margin: 0 0 10px 0;
    }


.whiteBlock nav#menuSub a,
.whiteBlock nav#menuSub a:link,
.whiteBlock nav#menuSub a:visited {
    text-decoration: none;
    color: #000000;
}

    .whiteBlock nav#menuSub a:hover,
    .whiteBlock nav#menuSub a.currentPage {
        color: #00B4D9;
    }

nav#menuSub
{
    margin: 50px 0 0px 0;
}

.depth-2.l_tinynav2


nav#menuSub li ul {
    margin-left: 0px;
}



   .depth-2.l_tinynav2
    {
        margin: 0px;
       padding: 0;
    }
/* End of styling for menus */




/* Styling for listing pages*/
.list-item {
    margin-top: 20px;
}
.list-image {   
    border-width: 5px;
    border-color: black;
    /*width: 100px;*/
    /*float: left;*/
}
.list-title {
    float: right;
    width:500px;
}
.list-summary {
    float: right;
    width: 500px;
}

.list-pager {
    margin-top: 15px;
}
/* End of styling for listing pages*/

/* Styling for listing item pages*/
.item-title h1,
.item-title h2 {
    margin: 0;
}

.item-title,
.item-time,
.item-image,
.item-content,
.item-social
 {
    margin: 0 0 15px;
}

.social-button {
    float: left;
    width: 85px;
    margin: 0 10px 0 0;
}

.social-fb-comments {
    height: auto !important;
}
/* End of styling for listing item pages*/

/* Styling for news pages */


.newsListingArticle {
    margin: 0 0 0 0px;
}

.newsListingTitle {
    display:none;
}

#spotlightNewsArticle {
    width:100vw;
}

#spotlightNewsArticle .articleTitle a {
    font-size: 4vw;
    color: #252525 !important;
}

#spotlightNewsArticle h3 {
    color: #252525 !important;
}

#moreStories {
    color: #252525 !important;
}

#spotlightNewsArticle img {
    width: 100%;
}

#spotlightNewsArticle button {
    border-color: #F7941D;
    color: #F7941D;
}

#spotlightArticleDots {
    margin:50px 0 0 0;
}

#spotlightNewsArticle img.spotlightDot {
    width: 30px;
}

.spotlightNewsArticleImage {
    padding:20px;
}

.splide__track {
    width: calc(100vw - 100px);
}

.splide__list {
    /*max-width: 50vw;*/
    width: calc(100vw - 100px);
}



.splide__slide {
    padding: 0px 0px 0 0;
}
    .splide__slide img {
        vertical-align: bottom;
        margin: 0 0 20px 20px;
        width: calc(100% - 40px);
        padding: 0 0px 0 0;
    }

.splide__pagination__page {
    background: #FFDB00 !important;
    height: 36px !important;
    width: 36px !important;
    transform: scale(1) !important;
    opacity: 1;
}

    .splide__pagination__page.is-active {
        background: #F7941D !important;
        height: 36px !important;
        width: 36px !important;
        transform: scale(1) !important;
        opacity: 1;
    }

.splide__pagination {
    position: revert !important;
    width: 300px !important;
    top: -250px !important;
    text-align:left;
}

.splide__pagination__page {
    margin-right: 35px !important;
}



.splide {
    margin: 50px 0 50px 0;
}

#allNewsItemsLink {
    clear:both;
    margin:30px 0 0 0 ;
}

    #allNewsItemsLink a {
        color: #F7941D;
    }



a.articleTitle {
    color: #252525;
    font-size: 8vw;
    line-height: 8vw;
    font-weight: 500;
    display: block;
    clear: both;
    margin: 0px 15% 0px 0;
}


    a.articleTitle:hover {
        color: #F7941D;
    }




.splide__slide a.articleTitle,
.homepageNewArticle a.articleTitle {
    margin: 50px 0 30px 0;
}

.articleDate {
    margin: 20px 0 30px 0;
}

.articleDescription {
    margin:20px 15% 0 0;
}

.splide__arrow {
    display: none !important;
}


.newsListingRow .articleTitle a {
    font-size: 4vw;
    color: #252525 !important;
}

a.articleDate {
    color: #252525;
}

.articleDate a {
    color: #252525;
}

.newsListingRow {
    padding: 0px 0 40px 0;
}



    .newsListingRow img {
        width: unset;
    }

.blogListItemMetaDate,
.datePublished {
    font-size: 15px;
}

.moreInformationLink2 {
    padding: 10px 0 0 0;
    display: block;
}

.news-publishedDate {
    float: right;
    width: 500px;
    font-size: smaller;
}





#newsCategoryContainer {
    position: absolute;
    width: 100%;
    display: block;
    z-index: 2147483647;
}


#newsCategoriesToggleButton {
    cursor: pointer;
    margin: 0;
    font-size: 2.5vw;
    border: 2px solid #000;
    padding: 20px;
    border-radius: 10px;
    position: relative;
    background: #fff;
}


    #newsCategoriesToggleButton img {
        height: 20px;
        position: absolute;
        top: 20px;
        right: 20px;
        transform: rotateZ(135deg);
    }


    #newsCategoriesToggleButton h2 {
        font-size: 2.5vw;
    }


#newsCategoriesContainer {
    display:none;
}

#currentlySelectedCategory {
    color: #F7941D;
    font-size: 17px;
    font-weight: 500;
}


.news-list-categories,
.news-list-archive {
    margin: 0 0 20px 0;
    font-size: 17px;
    font-family: 'Fjalla One', sans-serif;
    color: #00A48A;
    padding: 0 0 0 0px;
    border: 0px solid #000;
    border-radius: 40px;
}

    .news-list-categories ul, .news-list-archive ul {
        margin: 0;
        padding: 0;
        display:block;
    }

.news-list-categories li,
.news-list-archive li {
    list-style-type: none;
    margin-left: 0px;
}

.news-list-categories-title {
    padding: 20px;
    position: relative;
}
    .news-list-categories-title::after {
        content: ' ';
        position: absolute;
        right: 40px;
        top: 14px;
        background: url(/images/News-Category-Selector.png);
        background-repeat: repeat;
        background-repeat: no-repeat;
        width: 37px;
        height: 36px;
        display: block;
    }

.news-list-categories a,
.news-list-archive a {
    color: #000;
    font-weight: 500;
}



    .news-list-categories a.selected {
        color: #F7941D;
    }

.news-list-categories a {
    padding: 0px 20px 0px 0;
    position: relative;
    width: 90%;
    display: inline-block;
}

    .news-list-categories a:not(.news-list-categories a.searchResultTypeMenuLink):hover {
        background: #efefef;
    }


.news-list-pager a.PageNumbers {
    color: #F7941D;
    margin: 0 10px 0 0;
}

.news-list-pager .CurrentPage {
    margin: 0 10px 0 0;
}



.newsListingRow .news-image {
    width: 100% !important;
    max-width: 500px;
}

#mainContent .newsListingTitle {
    font-size: 17px;
    font-family: 'Fjalla One', sans-serif;
    
}

#newsContainer .column,
#newsContainer .columns {   
    padding-left: 0.625rem;
    padding-right: 0.625rem;   
}


#blogPost h1 {
    color:#000000;
}

#blogPostMeta {
    margin:0 0 50px 0;
}


/* End of styling for news pages */
.contentLinkingContainer {
    padding: 20px 0 0 0;
}

.row.contentLinkingRow {
    margin: 0 10px 0px 10px;
}

.contentLinkingRow {
    margin: 30px 0px 50px 10px;
}

.contentLink {
    display: inline-block;
    vertical-align: top;
    padding: 0px 0 0 0;
    margin: 0 0 20px 0;
    min-height: 320px;
}

#contentLinkingImage img {
    max-height: 190px;
}

.contentLinkingMoreButton  {
    margin: 20px 0 0 0;
}


.contentLinkingMoreButton a {
    padding: 8px 17px;
    background: #E70101;
    color: #ffffff;
}

.rtxtMainContent.peopleListHtml {
    margin: 0 0 0 10px;
}

.peopleContentLinkingContainer {
    margin-left: 0px;
}

.peopleContentLinkingContainer .columns {
    padding:0px;
}

.contentLinkingImage img {
    width:100%;
}

#PeopleListPanel {
    margin-left: 0px;
}

.people-list {
    min-height: 200px;

}

.person-title {
    padding: 30px 0 0;
    font-weight: 500;
}

#mainContent .person-title h1 {
    margin:0;

}

.person-content.item-content {
    margin-right: 0px;
}

.contactFormField {
    width:100%;
    border: 3px solid #252525;
    padding: 25px 30px;
    background: transparent;
    border-radius: 40px;
    color: #252525;
    font-size: 20px;
    margin: 14px 5% 22px 0;
    display: inline-block;
    color:#252525;
}



    .contactFormField:focus {
        border: 3px solid #1D9879;
    }

    .contactFormField:focus-visible {
        outline: 0px solid #1D9879;
    }

.contactFormTextBoxField {
    width: 100%;
    border: 3px solid #252525;
    padding: 40px 30px;
    background: transparent;
    border-radius: 40px;
    color: #252525;
    font-size: 20px;
    margin: 0 20px 0 0;
    height: 400px;
    font-family: 'Rubik', sans-serif;
    color: #252525;
}


    .contactFormTextBoxField:focus {
        border: 3px solid #1D9879;
    }

    .contactFormTextBoxField:focus-visible {
        outline: 0px solid #1D9879;
    }

input.button {
    border: 3px solid #1D9879;
    background: transparent;
    color: #1D9879;
    padding: 4vw 8.4vw;
    margin: 0 20px 0 0;
    cursor: pointer;
    border-radius: 10vw;
    font-size: 26px;
    width: unset;
}

    input.button:hover {
        border: 3px solid #1D9879;
        color: #ffffff;
        background: #1D9879;
    }





::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #252525;
    opacity: 1; /* Firefox */
}

.contactDetails {
    margin: 50px 0 0 0;
}

    .contactDetails img {
        margin: 0 10px 0 0;
        width: 40px;
    }

    .contactDetails a {
        color:#000;
    }

.contactIcon {
    width: 60px;
    display: inline-block;
    vertical-align: top;
    margin:0 0 20px 0;
    clear:both;
}

.contactText {
    width: calc(100% - 80px);
    display: inline-block;
}



.contactDetails p {
    font-size: 20px;
}

    .searchLayer.horizontalShadow {
        width: 30vw;
        height: 18vh;
        position: absolute;
        background: #ffffff;
        right: 0;
        z-index:2147483647;
    }


.search-text {
    width: 80%;
    padding: 22px;
    margin: 0 10%;
}

.search-text {
    border: 3px solid #252525;
    padding: 20px 30px;
    background: transparent;
    border-radius: 40px;
    color: #252525;
    font-size: 20px;
    margin: 14px 5% 22px 16%;
    display: block;
    color: #252525;
}

#mobileSearch .search-text {
    padding: 12px 30px;
}

.people-item {
    display: block;
    width: auto;
}

.people-item img {
    display: block;
    max-width: 100%;
    width: 100%;

}

.people-summary img {
    display: block;
    width: auto;
}

.person-image.item-image {
        margin:20px 0 0 0;
    }


.enquiryPanel {
    margin: 2em 10px 3em 10px;  
}

#mainContent .author-title h1 {
    margin:0;
}


.authors-list {
    min-height: 200px;

}

.authors-item {
    display: block;
    width: 100%;

}

.authors-item img {
    display: block;
    max-width: 100%;
    width: 100%;

}

.homepageIntro {
    padding: 10px 0px 10px 10px;
}

.homepageNewArticle {
    padding: 10px 10px 0 0;
    width: 100%;
    display: inline-block;
    vertical-align: top;
}

    .homepageNewArticle img {
        width: 100%;
    }

.greatReads {
    padding: 0 100px 10px 10px;
}    

.contentLinkingItems {
    padding: 10px ;
}

.viewAllpeople {
    padding: 10px 100px 10px 10px;
    
}

.watermark {
	color: white;
}

#gridOverlay {
    background-image: url("/images/GridOverlay.png");
    background-position: center top;
    background-repeat: repeat-y;
    display: none;
    height: 100%;
    opacity: 0.3;
    position: fixed;
    width: 100%;
    z-index: 100000;
    /*display: none;*/
}

.mainSection.columns {
    padding: 0;
}

.subMenuContainer.columns {
    padding: 0;
}


#menuSub li {
    list-style-type: none;
}

#menuSub {
    padding: 0 0 0 10px;
}

.personDetail {
    padding: 0 10px 0 10px;
}

.row.PersonDetail .column,
.row.PersonDetail .columns {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
}


.authorDetail {
    padding: 0 10px 0 10px;   
}

.mailingList h3 {
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif; 
}

.mailingList p {
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif; 
}

.ContactUsBox {
    color: #ffffff;
    font-family: 'Fjalla One', sans-serif; 
    
}

#subfooter {
    text-align: center;
    padding: 40px 0 20px 0;
    /*background: #f0f0f0;*/
    margin: 40px 0 0 0;
}

#subfooter img {
    text-align: center;
    padding: 0 20px 0 20px;
}

#footer .columns.footerLink {
    padding: 40px 0 0 0;
    color: #000000;
    font-size: 15px;
    font-family: 'Fjalla One', sans-serif;
}

.footerHtml {
    font-size: 15px;
}

.footerInformation {
    min-height: 200px;  
}

.footerSponsorsLinks {
}


.lotteryFunded img {
    margin: 0px 0 0 0;
}

#menuSub li {
    list-style-image: url(/images/icon-arrow-menu.png);
    margin-left: 0px;
}

.rtxtMainContent0 {
    z-index: 2147483647;
    position: relative;
}

.rtxtMainContent,
.rtxtMainContent1,
.rtxtMainContent2,
.rtxtMainContent3,
.rtxtMainContent4,
.rtxtMainContent5 {
    margin: 50px 20px 0 0px;
}

.rtxtMainContentImage {
    margin: 50px 0 50px 0px;
}

.rtxWhoAreYou1 {
    margin: 20px 0;
}

    .rtxWhoAreYou1 img {
        max-width: 100%;
    }

#PeopleListPanel .row .columns,
#PeopleListPanel .row {
    padding-left: 0;
    padding-right:0;
}

.peopleListContainer {
    padding: 0 0 30px 0;
}

b, strong {
    font-weight: bold;
    /*font-size: 20px;*/
}

.news-list-archive {
    display: none;
}

#PeopleListPanel .row {
    margin: 0 0 0 0;
}

.videoWrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.2%;
    margin: 0 0 20px 0;
}


    .videoWrapper iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        border: 0;
    }
.enquiryPanel #mc_embed_signup {
    width: 100%;
}

#settings {
    color: #000;
    font-size: 32px;
    padding: 0px 12px;
    cursor: pointer;
    display: inline-block;
    background: #1D9879;
    margin: 0;
    border-radius: 51px;
}

    #settings:hover {
        background: #F7941D;
    }

    #settings img {
        margin-top: -4px;
    }

#settingsText {
    cursor: pointer;
}


#accessibilitySidebar {
    position: fixed;
    width: auto;
    height: 100vh;
    width: 100%;
    background: #333333;
    z-index: 214765856456456;
    right: 0px;
    top: 0px;
    padding: 20px;
    color: #ffffff;
    border-radius: 10px;
    display: none;
}

#acsb-reading-guide {
    position: fixed;
    top: 0;
    left: auto;
    right: auto;
    margin: auto;
    max-width: 500px;
    width: 90%;
    height: 13px;
    border-radius: 50px;
    pointer-events: none;
    background-color: #FDC100;
    border: solid 4px #00b2d1;
    z-index: 100000000000000020000;
    display: none;
}

.acsb-reading-mask-element {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    height: 0;
    pointer-events: none;
    background-color: rgba(0,0,0,.5);
    z-index: 100000000000000020000;
    display: none;
}

html.acsb-monochrome-contrast,
html .acsb-ff-wrapper.acsb-monochrome-contrast {
    -webkit-filter: grayscale(100%) !important;
    -moz-filter: grayscale(100%) !important;
    -ms-filter: grayscale(100%) !important;
    -o-filter: grayscale(100%) !important;
    filter: grayscale(100%) !important;
    /*
    -moz-filter: invert(100%);
    -ms-filter: invert(100%);
    -o-filter: invert(100%);
    filter: invert(100%);*/
}


.accessibilitySidebar {
    float: right;
    display: none;
}

#settings img {
    width: 24px;
}

.person-name-heading h1 {
    color: #252525;
    margin:40px 0 0 0;
}

.personDetailDecorationTriangle {
    margin: 50px 0 20px 0;
    display: inline-block;
    width: 40%;
    max-width: 100px;
}

#personDetailsOuterContainer {
    height: unset;
    display: table;
    vertical-align: middle;
}


#personDetailsInnerContainer {
    display: table-cell;
    vertical-align: bottom;
}

.row.profileContainer {
    margin: 0 20px;
}

#backToMeetTheTeam {
    margin: 40px 20px 0 0;
    float: left;
}

    #backToMeetTheTeam img,
    #backToNews img {
        width: 50px;
    }



#backToNews {
    margin: 0px 0 0 0;
    float: left;
}

#backToNewsIcon  {
    width:60px;
}


#backToMeetTheTeam:hover .cls-1 {
    stroke: #ffffff;
}

#backToMeetTheTeam:hover .cls-2 {
    fill: #F7941D;
}






    #backToNewsIcon:hover .cls-1 {
        stroke: #ffffff;
    }

    #backToNewsIcon:hover .cls-2 {
        fill: #F7941D;
    }


.greenYellowBar {
    background: #1D9879;
    color: #FFDB00;
    padding: 30px 50px;
    font-size: 35px;
    font-weight: bold;
}

.orangeGreenBar {
    background: #F7941D;
    color: #1D9879;
    padding: 30px 50px;
    font-size: 35px;
    font-weight: bold;
}

.yellowBlueBar {
    background: #FFDB00;
    color: #00B4D9;
    padding: 30px 50px;
    font-size: 35px;
    font-weight: bold;
}

.purpleOrangewBar {
    background: #775BA6;
    color: #F7941D;
    padding: 30px 50px;
    font-size: 35px;
    font-weight: bold;
}

.bluePurpleBar {
    background: #00B4D9;
    color: #775BA6;
    padding: 30px 50px;
    font-size: 35px;
    font-weight: bold;
}


.curvyBoxesContainer .subheading {
    font-size:60%;
    font-weight:normal;
}

.curvyBoxesContainer,
.curvyBoxesGroup1,
.curvyBoxesGroup2 {
    display: flex;
}

.curvyBoxesContainer {
    flex-direction: column;
    width: 72vw;
}

.curvyBoxesGroup1,
.curvyBoxesGroup2 {
    width: 100%;
    flex-direction: column;
}



.curvyBoxesContainer h3 {
    text-align:center;
    margin:20px 0;
}


.boxes {
    display: flex;
}

.greenCurvyBox {
    background: #1D9879;
    color: #ffffff;
    padding: 30px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 50%;
    height: 400px;
    border-radius: 100px 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 0;
}

.orangeCurvyBox {
    background: #F7941D;
    color: #ffffff;
    padding: 30px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 50%;
    height: 400px;
    border-radius: 100px 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 0;
}

.yellowCurvyBox {
    background: #FFDB00;
    color: #ffffff;
    padding: 30px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 50%;
    height: 400px;
    border-radius: 100px 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 0;
}

.purpleCurvyBox {
    background: #775BA6;
    color: #ffffff;
    padding: 30px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 50%;
    height: 400px;
    border-radius: 100px 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 0;
}

.blueCurvyBox {
    background: #00B4D9;
    color: #ffffff;
    padding: 30px 20px;
    font-size: 20px;
    text-align: center;
    font-weight: bold;
    width: 50%;
    height: 400px;
    border-radius: 100px 0;
    vertical-align: top;
    display: flex;
    flex-direction: row;
    gap: 0;
}




.curvyBoxOuter {
    display: table;
    height: 100%;
    width: 100%;
}



.curvyBoxInner {
    display: table-cell;
    vertical-align: middle;
}


.curvyBoxesGroupHeadings h3 {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-top: 20px;
    font-size: 24px !important;
}


.rtxWhoAreYou2 {
    padding: 20px 0 0 0;
}


.rtxtSocialImpact .overlay {
    position: absolute;
    left: 0px;
    bottom: 0px;
    right: -20px;
    padding: 20px;
    background: transparent;
    bottom: 0px;
    max-width: 100%;
    font-size: 2.8vw;
    font-weight: bold;
    color: #775BA6;
    /*background: rgba(0,0,0,0.4);*/
    top: 0;
    height: 100%;
}


.socialImpactDocumentImage {
    width: 50px;
    height: 50px;
}

.view {
    position: absolute;
    bottom: 1%;
    left: 10px;
    border: 3px solid #F7941D;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 60px;
    color: #F7941D;
    background: #ffffff;
    font-weight: bold;
    font-size: 4.2vw;
    line-height: 4.2vw;
    width: calc(100% - 40px);
    text-align: center;
}

    .view:hover {
        background: #F7941D;
        color: #ffffff;
    }

.download {
    position: absolute;
    right: unset;
    left: 10px;
    border: 3px solid #F7941D;
    padding: 10px;
    margin: 0 0 10px 0;
    border-radius: 60px;
    color: #F7941D;
    background: #ffffff;
    font-weight: bold;
    font-size: 4.2vw;
    line-height: 4.2vw;
    width: calc(100% - 40px);
    bottom: 14vw;
    text-align: center;
}

    .download:hover {
        background: #F7941D;
        color: #ffffff;
    }

.socialImpactReportLabel {
    position: relative;
    bottom: unset;
    font-size: 10vw;
    line-height: 10vw;
}

.socialImpactReportYearsLabel {
    position: relative;
    bottom: unset;
    font-size: 3vw;
}


.rtxtTrainingWithCompany {
    margin: 20px 30px 0 0;
}

.rtxtTrainingWithCompany img {
    width: 100%;
}

.rtxtImpactContent,
.rtxtTrainingWithCompanyFeedbackHtml {
    margin: 0 0 50px 0px;
}




.contentSpacer {
    margin: 50px 0;
}

.marginTop0 {
    margin-top: 0;
}

.hide-image {
    display:none;
}


.hoverOverlay {
    position: relative;
    cursor:pointer;
}


.hoverOverlay {
    position: relative;
    cursor: pointer;
}
    .hoverOverlay:hover .hoverOverlayPanel {
        position: absolute;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        top: 0;
    }

    .hoverOverlay:hover .hoverOverlayPanel {
        position: absolute;
        background: rgba(0,0,0,0.5);
        width: 100%;
        height: 100%;
        top: 0;
    }


.innerContent a img:hover {
    opacity:0.9;
}


.splide__pagination {
    position: revert !important;
    width: 100% !important;
    top: -250px !important;
    text-align: left;
}

#rtxtFooterLogo img {
    width: 250px;
}


#rtxtFooterCopyright {
    margin: 0 0 0 0;
    text-align: left;
    color: #1D9879;
}

.footerCompanyNumber p {
    margin: 0 0 0 0 !important;
    color: #1D9879;
}




/*
    
  _______       ____  _      ______ _______ 
 |__   __|/\   |  _ \| |    |  ____|__   __|
    | |  /  \  | |_) | |    | |__     | |   
    | | / /\ \ |  _ <| |    |  __|    | |   
    | |/ ____ \| |_) | |____| |____   | |   
    |_/_/    \_\____/|______|______|  |_|   
                                            
                                            
*/
@media only screen and (min-width: 40.0625em) {

    body {
        font-size: 27px;
        line-height: 33px;
    }

    #menuMain {
        line-height: 27px;
    }


    h1 {
        font-size: 4vw;
        color: #ffffff;
        font-weight: 500;
    }

    h2 {
        font-size: 70px;
        line-height: 70px;
        color: #ffffff;
        font-weight: 500;
    }

    h3 {
        font-size: 1vw;
        color: #ffffff;
        font-weight: 500;
    }


    .logoContainer {
        text-align: right;
    }

    #menuToggleLayer #logo {
        text-align: left;
    }



    #mobileSearch .search-text {
        margin: 0px 5% 30px 4%;
    }


    .searchResultsContent {
        margin: 50px 0 50px 0 !important;
    }

    #settings {
        padding: 0px 12px;
    }


    .toggleMobileMenuButton.white {
        margin: 0 50px 0 0;
    }

    #buttonContainer {
        margin: 0 50px 0 0;
    }





    #bannerGraphic {
        /*min-height: 106vh;*/
        padding: 160px 10vw 23vw 10vw;
        background-position: center top !important;
    }


        #bannerGraphic h1 {
            font-size: 8vw;
            line-height: 8vw;
            font-weight: 600;
        }


        #bannerGraphic h2 {
            font-size: 2vw;
            line-height: 2vw;
            font-weight: normal;
        }


    .rtxtMainContentImage {
        margin: 50px 0 50px 50px;
    }


    .rtxWhoAreYou1 {
        margin: 100px 0 100px 0;
    }

    .rtxWhoAreYou1 img {
        max-width: 100%;
    }


    .rtxWhoAreYou2 {
        padding: 0px 0 100px 0px;
    }



    .anIndividual {
        margin: 7.8vh 0 0 0;
    }

    .anOrganisation {
        margin: 7.8vh 0 0 0;
    }

    .aPotentialPartner {
        margin: 7.8vh 0 0 0;
    }


    .aSupporter {
        margin: 7.8vh 0 0 0;
    }



    .icon {
        width: 20% !important;
    }

    .icon {
        border-radius: 20px;
        margin: 0 4.5% 0 0;
    }





    nav#menuSub {
        margin: 50px 0 0px 0;
        padding: 0 0 0 0px;
    }

    #bannerGraphic .anIndividual h1 {
        font-size: 114px;
        line-height: 114px;
    }

    .whoAreYouButton {
        width: calc(100% - 40px);
        border: 4px solid #FFFFFF;
    }

        .whoAreYouButton {
            padding: 20px 10px;
        }

        .whoAreYouButton.justBrowsing {
            padding: 20px 10px;
            border-radius: 80px;
            width: calc(70% - 40px);
            display: inline-block;
            margin: 0px 20px 50px 20px;
            font-size: 4vw;
            background-color: transparent !important;
            border: 4px solid #FFFFFF;
            color: #ffffff;
        }



    .homepageNewArticle {
        padding: 10px 60px 0 0;
        width: 100%;
        display: inline-block;
        vertical-align: top;
    }


        .homepageNewArticle a.articleTitle {
            font-size: 3.5vw;
            line-height: 3.5vw;
        }

        .homepageNewArticle h1 a.articleTitle {
            font-size: 4vw;
            line-height: 4vw;
            font-weight: 500;
        }



    .shapedBlockInverted h1 {
        font-size: 75px;
        line-height: 75px;
    }

    .shapedBlockInverted h2 {
        font-size: 40px;
        line-height: 40px;
    }

    .shapedBlockInverted h3 {
        font-size: 30px;
        line-height: 30px;
    }


    .toggleMobileMenuButton {
        display: block;
    }

    #searchBox {
        display: none;
    }


    .accessibilitySidebar {
        display: none;
    }



    nav#menuSub {
        margin-top: 50px 0 0 0;
    }

    .hasSideMenu.outerContent {
        margin: -12vw 0vw -12vw 16vw;
        width: calc(100% - 33vw);
        padding: 0 0 50px 0;
    }


    .top {
        top: 0;
        position: relative;
        width: 100%;
        height: 15vw;
        border-radius: 15vw 0 0 0;
        min-height: 15vw;
    }

    .middle {
        top: 0px;
        position: relative;
        width: 100%;
        height: auto;
        overflow: visible;
        min-height: 0;
    }

    .colourFill {
        position: absolute;
        height: calc(100% - 29.9vw);
        width: 100%;
        margin: 15vw 0 0 0;
    }

    .bottom {
        bottom: 0;
        height: 15vw;
        border-radius: 0 0 0 15vw;
        position: relative;
        width: 100%;
        min-height: 15vw;
    }

        .bottom.hasBottomRightCurve {
            border-radius: 0 0 20vw 0;
        }


    .lastContentBlock .bottom {
        height: 0;
        border-radius: 0;
        min-height: 12vw;
    }

    .bottomRightCorner {
        position: absolute;
        bottom: 0;
        right: 0;
        background: #1A2632;
        width: 20vw;
        height: 20vw;
        display: none;
    }



    .bottom.footer {
        border-radius: 0;
    }

    .shapedBlock.footerBlock .top {
        top: 0;
        position: relative;
        width: 100%;
        height: 18vw;
        border-radius: 15vw 0 0 0;
        min-height: 18vw;
    }

    .outerContent {
        position: relative;
        top: 0;
        height: auto;
        display: table;
        z-index: 1;
        margin: -15vw 15vw -15vw 17vw;
        width: calc(100% - 33vw);
        min-height: 30vw;
    }


  

    .greenBlock h1 {
        color: #ffffff;
        font-size: 5vw;
        line-height: 5vw;
    }

    .rtxtMainContent,
    .rtxtMainContent1,
    .rtxtMainContent2,
    .rtxtMainContent3,
    .rtxtMainContent4,
    .rtxtMainContent5 {
        margin: 50px 0 50px 0px;
    }

    .contentPadding {
        padding: 50px 0 50px 0px;
    }


    p.ovalButtonWhite,
    p.ovalButtonBlack,
    p.ovalButtonYellow,
    p.ovalButtonOrange,
    p.ovalButtonGreen,
    p.ovalButtonPurple,
    p.ovalButtonLightBlue,
    p.ovalButtonDarkBlue {
        width: auto;
    }


    .ovalButtonWhite a:not(.splide__arrow, .splide__pagination__page) {
        padding: 1vw 3.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonBlack a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonYellow a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonOrange a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonGreen a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonPurple a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonLightBlue a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }

    .ovalButtonDarkBlue a:not(.splide__arrow, .splide__pagination__page) {
        padding: 2vw 5.4vw;
        border-radius: 5vw;
        font-size: 27px;
        width: auto;
    }


    .orangeBlock .ovalButtonWhite a:hover {
        color: #F7941D;
    }

    .orangeBlock .ovalButtonBlack a:hover {
        color: #F7941D;
    }

    .orangeBlock .ovalButtonYellow a:hover {
        color: #F7941D;
    }

    .orangeBlock .ovalButtonOrange a:hover {
        color: #F7941D;
    }

    .orangeBlock .ovalButtonLightBlue a:hover {
        color: #F7941D;
    }

    .orangeBlock .ovalButtonDarkBlue a:hover {
        color: #F7941D;
    }


    .greenBlock .ovalButtonWhite a:hover {
        color: #1D9879;
    }

    .greenBlock .ovalButtonBlack a:hover {
        color: #1D9879;
    }

    .greenBlock .ovalButtonYellow a:hover {
        color: #1D9879;
    }

    .greenBlock .ovalButtonOrange a:hover {
        color: #1D9879;
    }

    .greenBlock .ovalButtonLightBlue a:hover {
        color: #1D9879;
    }

    .greenBlock .ovalButtonDarkBlue a:hover {
        color: #1D9879;
    }




    .purpleBlock .ovalButtonWhite a:hover {
        color: #775BA6;
    }

    .purpleBlock .ovalButtonBlack a:hover {
        color: #775BA6;
    }

    .purpleBlock .ovalButtonYellow a:hover {
        color: #775BA6;
    }

    .purpleBlock .ovalButtonOrange a:hover {
        color: #775BA6;
    }

    .purpleBlock .ovalButtonLightBlue a:hover {
        color: #775BA6;
    }

    .purpleBlock .ovalButtonDarkBlue a:hover {
        color: #775BA6;
    }




    .lightBlueBlock .ovalButtonWhite a:hover {
        color: #00B4D9;
    }

    .lightBlueBlock .ovalButtonBlack a:hover {
        color: #00B4D9;
    }

    .lightBlueBlock .ovalButtonYellow a:hover {
        color: #00B4D9;
    }

    .lightBlueBlock .ovalButtonOrange a:hover {
        color: #00B4D9;
    }

    .lightBlueBlock .ovalButtonLightBlue a:hover {
        color: #00B4D9;
    }

    .lightBlueBlock .ovalButtonDarkBlue a:hover {
        color: #00B4D9;
    }





    /*.yellowDropShadow {
        filter: drop-shadow(10px 10px 0px #FFDB00);
    }

    .greenDropShadow {
        filter: drop-shadow(10px 10px 0px #1D9879);
    }

    .lightBlueDropShadow {
        filter: drop-shadow(10px 10px 0px #00B4D9);
    }

    .purpleDropShadow {
        filter: drop-shadow(10px 10px 0px #775BA6);
    }*/
    p.yellowDropShadow img {
        filter: drop-shadow(10px 10px 0px #FFDB00);
        transform: translateZ(0);
    }

    p.greenDropShadow img {
        filter: drop-shadow(10px 10px 0px #1D9879);
        transform: translateZ(0);
    }

    p.lightBlueDropShadow img {
        filter: drop-shadow(10px 10px 0px #00B4D9);
        transform: translateZ(0);
    }

    p.purpleDropShadow img {
        filter: drop-shadow(10px 10px 0px #775BA6);
        transform: translateZ(0);
    }



    a.yellowDropShadow img {
        filter: drop-shadow(10px 10px 0px #FFDB00);
        transform: translateZ(0);
    }

    a.greenDropShadow img {
        filter: drop-shadow(10px 10px 0px #1D9879);
        transform: translateZ(0);
    }

    a.lightBlueDropShadow img {
        filter: drop-shadow(10px 10px 0px #00B4D9);
        transform: translateZ(0);
    }

    a.purpleDropShadow img {
        filter: drop-shadow(10px 10px 0px #775BA6);
        transform: translateZ(0);
    }




    /*.yellowDropShadowLarge {
        filter: drop-shadow(20px 20px 0px #FFDB00);
    }

    .greenDropShadowLarge {
        filter: drop-shadow(20px 20px 0px #1D9879);
    }

    .lightBlueDropShadowLarge {
        filter: drop-shadow(20px 20px 0px #00B4D9);
    }

    .purpleDropShadowLarge {
        filter: drop-shadow(20px 20px 0px #775BA6);
    }*/





    p.yellowDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #FFDB00);
        transform: translateZ(0);
    }

    p.greenDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #1D9879);
        transform: translateZ(0);
    }

    p.lightBlueDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #00B4D9);
        transform: translateZ(0);
    }

    p.purpleDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }



    a.yellowDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #FFDB00);
        transform: translateZ(0);
    }

    a.greenDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #1D9879);
        transform: translateZ(0);
    }

    a.lightBlueDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #00B4D9);
        transform: translateZ(0);
    }

    a.purpleDropShadowLarge img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }



    p.yellowDropShadowLargeFullWidth img {
        filter: drop-shadow(20px 20px 0px #FFDB00);
        transform: translateZ(0);
        width: 100%;
        height: auto;
    }

    p.greenDropShadowLargeFullWidth img {
        filter: drop-shadow(20px 20px 0px #1D9879);
        transform: translateZ(0);
        width: 100%;
        height: auto;
    }

    p.lightBlueDropShadowLargeFullWidth img {
        filter: drop-shadow(20px 20px 0px #00B4D9);
        transform: translateZ(0);
        width: 100%;
        height: auto;
    }

    p.purpleDropShadowLargeFullWidth img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
        width: 100%;
        height: auto;
    }


    .overlay {
        position: absolute;
        right: -20px;
        padding: 20px;
        background: #fff;
        bottom: -20px;
        max-width: 50%;
        font-size: 1.8vw;
    }

    #PeopleListPanel .row .columns,
    #PeopleListPanel .row {
        padding-left: 0;
        padding-right: 0;
    }


    .people-list {
        min-height: 200px;

    }

    .people-item {
        display: block;
        width: auto;
        /*margin: 0 0 0 0;*/
    }


    .people-item img {
        display: block;
        max-width: 100%;

    }

    .person-image.item-image {
        margin:50px 0 0 0;
    }

    .people-name a {
        color: #ffffff;
        font-weight: 500;
        font-size: 4.5vw;
        line-height: 4.5vw;
    }



    .row.profileContainer {
        margin: 0 30px;
    }

    
    #mainContentWrapperPlaceHolder_ContentLinkingTitle, #mainContent .contentLinkingContainer h2 {
        margin: 0 0 0 10px;
    }


    .rtxtImpactContent,
    .rtxtTrainingWithCompanyFeedbackHtml {
        margin: 0 0 100px 20px;
    }


    #spacerRow {
        display: none;
    }

    .authors-list {
        min-height: 200px;

    }

    .authors-item {
        display: block;
        width: 100%;

    }

    .authors-item img {
        display: block;
        max-width: 100%;

    }

    .icons-box a, .icons-box a:visited, .icons-box a, .icons-box a:visited {
        text-decoration: none;
        margin-right: 8px;
    }

    .small-12.medium-8.large-8.columns.newsListingInformation {
        padding: 0 30px;
    }

    .newsListingInformation h3 {
        color: #000000;
        font-weight: normal;
    }


    .whiteBlock .mailingListControl {
        border: 2px solid #000000;
    }





    .mailingListControl {
        border: 3px solid #ffffff;
        padding: 10px 18px;
        height: 60px;
        margin: 0 0 20px 0px;
        background: #fff;
        border-radius: 40px;
    }
        .mailingListControl #subscribe {
            padding: 2px 0px 7px 18px;
        }

        .mailingListControl input {
            width: 75%;
            font-size: 18px;
        }



    #subfooter {
        text-align: center;
        padding: 50px 0 30px 0;
        /*background: #f0f0f0;*/
        margin: 50px 0 0 0;
    }

	#PeopleListPanel .row {
		margin: 0 0 40px 0;
	}



    .personDetailDecorationTriangle {
        margin: 50px 0 20px 0;
    }

    .people-title a {
        color: #ffffff;
        font-size: 2vw;
        font-weight: 500;
    }

    .people-name {
        margin-top: 30px;
    }


    .topNav {
        clear: both;
        left: 0;
        width: auto !important;
        margin: 0 auto;
        position: relative;
        top: 30px;
    }

    .enquiryPanel #mc_embed_signup {
        width: 50%;
    }



    .rtxtTeamMember img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }

    .person-image.rtxtTeamMember img {
        filter: drop-shadow(30px 30px 0px #FFDB00);
        transform: translateZ(0);
    }

    .rtxtTeamMember {
        margin: 20px;
    }

    .rtxtWHoWeWorkWIthLogo img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }

    .rtxtWHoWeWorkWIthLogo {
        margin: 20px;
    }



    #whoAreWeContentContainer {
        margin: 0 0 0 20px;
    }



    #accessibilitySidebar {
        position: fixed;
        width: auto;
        height: 100vh;
        width: 30vw;
        background: #333333;
        z-index: 214765856456456;
        right: 0px;
        top: 0px;
        padding: 20px;
        color: #ffffff;
        border-radius: 10px;
        display: none;
    }








    .view {
        bottom: 3%;
        left: 5%;
        padding: 13px 26px;
        width: unset;
        font-size: 2.4vw;
        line-height: 2.4vw;
    }


    .download {
        bottom: 3%;
        left: unset;
        right: 5%;
        padding: 13px 15px;
        width: unset;
        font-size: 2.4vw;
        line-height: 2.4vw;
    }




    .rtxtSocialImpact,
    .rtxtImpactImageAPP {
        margin: 0px 30px 50px 20px;
    }


        .rtxtSocialImpact img,
        .rtxtImpactImageAPP img {
            filter: drop-shadow(20px 20px 0px #775BA6);
        }

        .rtxtSocialImpact .overlay {
            padding: 30px;
        }


    .anOrganisation h1 {
        font-size: 8vw;
        line-height: 8vw;
    }

    .aPotentialPartner h1 {
        font-size: 8vw;
        line-height: 8vw;
    }

    .aSupporter h1 {
        font-size: 8vw;
        line-height: 8vw;
    }

    .anIndividual h1 {
        font-size: 8vw;
        line-height: 8vw;
    }



    #newsCategoriesToggleButton i {
        font-size: 2.5vw;
    }



    .splide__track {
        width: calc(100vw - 200px);
    }

    .splide__list {
        width: calc(100vw - 200px);
    }

    .splide__slide img {
        vertical-align: bottom;
        margin: 0 0 20px 20px;
        width: calc(100% - 40px);
        padding: 0 50px 0 0;
    }


    .newsListingArticle {
        margin: 0 0 0 0px;
    }

    a.articleTitle {
        font-size: 51px;
        line-height: 51px;
    }




    .orangeBlock button {
        padding: 1vw 1.4vw;
        border-radius: 4vw;
        font-size: 1.5vw;
        width: 100%;
    }

    .contactIcon {
        width: 100px;
    }

    .contactText {
        width: calc(100% - 120px);
        display: inline-block;
    }


    .contactDetails p {
        font-size: 27px;
    }



    #personDetailsOuterContainer {
        height: 400px;
        display: table;
        vertical-align: middle;
    }

    .rtxtSocialImpact .overlay img {
        width: 50%;
        margin: 16% 0 20px -5%;
        filter: unset;
    }

    .socialImpactReportLabel {
        font-size: 4vw;
        line-height: 4vw;
        position: relative;
        bottom: unset;
    }


    .socialImpactReportYearsLabel {
        font-size: 2vw;
        position: relative;
        bottom: unset;
    }



    input.button {
        border: 3px solid #000000;
        padding: 2vw 3.8vw;
        font-size: 26px;
    }

        input.button:hover {
            border: 3px solid #252525;
        }

    .person-content.item-content {
        margin: 100px 0 50px 0;
    }

    .rtxtTeamMember img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }


    .rtxtTeamMember {
        margin: 0 50px 50px 0;
    }

    .rtxtWHoWeWorkWIthLogo img {
        filter: drop-shadow(20px 20px 0px #775BA6);
        transform: translateZ(0);
    }





    /*iframe {
        width: 100% !important;
    }*/

    footer p {
        font-size: 20px;
        line-height: 24px;
    }



    .darkBlueBlock #footer {
        font-size: 3vw;
    }
    .footerCompanyCopyrightInfo {
        margin: 40px 0 0 0;
    }

    .footerLogo {
        margin: 0 20px 0 0;
    }

    .footerBlock .colourFill {
        margin: 12vw 0 0 0;
        height: calc(100% - 26vw);
    }

    #rtxtFooterCopyright {
        margin: 0 0 0 0vw;
        text-align: left;
    }

    .darkBlueBlock #footer .footerCompanyNumber p {
        color: #ffffff;
    }

    .darkBlueBlock #footer #rtxtFooterCopyright {
        color: #ffffff;
    }

    .whiteBlock #footer .footerCompanyNumber p {
        color: #1A2632;
    }

    .whiteBlock #footer #rtxtFooterCopyright {
        color: #1A2632;
    }

    .curvyBoxesContainer {
        flex-direction: column;
        width: 64vw;
    }

    .curvyBoxesGroup1,
    .curvyBoxesGroup2 {
        width: 100%;
    }

    .greenCurvyBox {
        font-size: 25px;
    }

    .orangeCurvyBox {
        font-size: 25px;
    }

    .yellowCurvyBox {
        font-size: 25px;
    }

    .purpleCurvyBox {
        font-size: 25px;
    }

    .blueCurvyBox {
        font-size: 25px;
    }



}




    /*

  _____  ______  _____ _  _________ ____  _____  
 |  __ \|  ____|/ ____| |/ /__   __/ __ \|  __ \ 
 | |  | | |__  | (___ | ' /   | | | |  | | |__) |
 | |  | |  __|  \___ \|  <    | | | |  | |  ___/ 
 | |__| | |____ ____) | . \   | | | |__| | |     
 |_____/|______|_____/|_|\_\  |_|  \____/|_|     
                                                 
                                                 
*/


    @media only screen and (min-width: 64.0625em) {

        body {
            font-size: 27px;
            line-height:33px;
        }





        #menuMain .headerMenu a.depth-1-menuitem {
            font-size: 27px;
            line-height: 33px;
        }



        h1 {
            font-size: 114px;
            line-height: 114px;
            margin: 0 0 0.2em;
            color: #ffffff;
            font-weight: 500;
        }

        h2 {
            font-size: 70px;
            line-height: 70px;
            margin: 0 0 0.3em;
            color: #ffffff;
            font-weight: 500;
        }

        h3 {
            font-size: 1vw;
            color: #ffffff;
        }


        #bannerGraphic {
            min-height: 106vh;
            background-position: center top !important;
        }




        #settings {
            padding: 0px 12px;
        }



        #bannerGraphic h1 {
            font-size: 114px;
            line-height: 114px;
            font-weight: 600;
        }




        #bannerGraphic h2 {
            font-size: 27px;
            line-height: 33px;
            font-weight: normal;
        }



        #bannerGraphic.article {
            min-height: 100vh;
        }




        .whoAreYouBanner {
            padding: 100px 1vw 15vw 1vw !important;
        }

        .whoAreWeHeading {
            text-align: left;
            margin: 0 0 23vh 26px;
        }




        .anIndividual {
            margin: 7.8vh 0 0 0;
        }



        .anOrganisation {
            margin: 7.8vh 0 0 0;
        }

        .aPotentialPartner {
            margin: 7.8vh 0 0 0;
        }


        .aSupporter {
            margin: 7.8vh 0 0 0;
        }



        .whoAreYouButton {
            width: calc(100% - 40px);
            border: 5px solid #FFFFFF;
        }


        nav#menuSub {
            margin: 50px 0 0 0;
        }



        .hasSideMenu.outerContent {
            margin: -12vw 15vw -12vw 2vw;    
			width: calc(100% - 12vw);
            padding: 0 0 50px 0;
        }



        .icon {
            width: 20% !important;
        }

        .icon {
            border-radius: 20px;
            margin: 0 4.5% 0 0;
        }

        .searchResultList {
            font-size: 27px;
        }

        .searchResultList a {
            font-size: 45px;
            line-height: 45px;
        }



        .homepageNewArticle {
            padding: 10px 60px 0 0;
            width: 100%;
            display: inline-block;
            vertical-align: top;
        }



        .shapedBlockInverted h1 {
            font-size: 114px;
            line-height: 114px;
            /*color: #000000;*/
        }

        .shapedBlockInverted h2 {
            font-size: 70px;
            line-height: 70px;
            /*color: #000000;*/
        }

        .shapedBlockInverted h3 {
            font-size: 38px;
            line-height: 38px;
            /*color: #000000;*/
        }

        #header {
            /*margin: 0 0 0px 0;
            padding: 20px 0 20px 0;*/
            border-bottom: 0px solid #000;
        }




  


        .accessibilitySidebar {
            margin: 0 0 0 0;
        }





        .toggleMobileMenuButton {
            font-size: 20px;
            display: none;
        }




  

        #logo {
            /*float: left;
        width: 300px;
        padding: 0px 0 0px 70px;*/
        }


        #logo {
            padding: 0px 0 0 0;
        }


        #searchBox {
            padding: 9px 14px;
            margin: 8px 0 0 0px;
            cursor: pointer;
            font-size: 20px;
        }



        #closeSearchLayer img {
            width: 40px;
            position: absolute;
            top: 62px;
            left: 30px;
        }


        .searchResultsContent {
            margin: 100px 0 100px 0 !important;
        }




        #whoAreWeHeadingOuterContainer {
            height: 64vh;
        }


        .rtxWhoAreYou1 {
            margin: 100px 0;
        }


        .whoAreYouButton {
            padding: 97px;
            border-radius: 150px;
            width: calc(100% - 40px);
            display: inline-block;
            margin: 21px 33px 15px 29px;
            font-size: 2.2vw;
            background-color: transparent !important;
            border: 5px solid #FFFFFF;
            color: #ffffff;
            font-weight: 500;
        }


        .whoAreYouButton {
            width: 40%;
        }

            .whoAreYouButton.justBrowsing {
                width: auto;
                font-size: 1.5vw;
                padding: 34px 92px;
                margin: 50px 0 100px 0;
            }



        .anOrganisation h1 {
            font-size: 8vw;
            line-height: 8vw;
        }

        .aPotentialPartner h1 {
            font-size: 8vw;
            line-height: 8vw;
        }

        .aSupporter h1 {
            font-size: 8vw;
            line-height: 8vw;
        }

        .anIndividual h1 {
            font-size: 8vw;
            line-height: 8vw;
        }



        #headerBottom {
            padding: 50px 0 50px 72px;
        }



        #mainContent h1 {
            font-size: 54px;
            text-transform: uppercase;
            margin: 50px 0 20px 70px;
        }

        #mainContent .newsListingContainer h1,
        #mainContent .ProjectInfoPanel h1 {
            margin: 50px 0 0 0;
        }





        .top {
            top: 0;
            position: relative;
            width: 100%;
            height: 15vw;
            border-radius: 14vw 0 0 0;
            min-height: 5vw;
        }

        .middle {
            top: 0px;
            position: relative;
            width: 100%;
            height: auto;
            overflow: visible;
            min-height: 0;
        }


        /*clear cache please*/

        .colourFill {
            position: absolute;
            height: calc(100% - 30vw);
            width: 100%;
            margin: 15vw 0 0 0;
        }

        .bottom {
            bottom: 0;
            height: 15vw;
            border-radius: 0px 0 0 14vw;
            position: relative;
            width: 100%;
            min-height: 13vw;
        }


            .bottom.hasBottomRightCurve {
                border-radius: 0 0 15vw 0;
            }

        .bottomRightCorner {
            position: absolute;
            bottom: 0;
            right: 0;
            background: #1A2632;
            width: 15vw;
            height: 15vw;
            display: none;
        }



        .bottom.footer {
            border-radius: 0;
            bottom: 0;
            height: 17vw;
            min-height: 17vw;
        }

        .outerContent {
            position: relative;
            top: 0;
            height: auto;
            display: table;
            z-index: 1;                
			margin: -15vw 0 -15vw 16vw;
			width: calc(100% - 32vw);
            min-height: 30vw;
        }

        .greenBlock h1 {
            font-size: 3.5vw;
            line-height: 4.5vw;
            margin: 0 0 8% 0;
            font-weight: bold;
        }




        .overlay {
            position: absolute;
            right: -31px;
            padding: 30px;
            background: #fff;
            bottom: -30px;
            max-width: 50%;
            font-size: 27px;
        }

        .image500pxMaxWidth {
            margin: 0 !important;
        }


        #mobileMenuOuterContainer {
            display: none;
        }

  

        .splide__pagination {
            position: revert !important;
            width: 300px !important;
            top: -250px !important;
            text-align: left;
        }

        .splide__pagination {
            padding: 0 !important;
        }

        .splide__pagination {
            -ms-flex-align: left !important;
            align-items: left !important;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -ms-flex-pack: left !important;
            justify-content: left !important;
            margin: 0;
            pointer-events: none;
        }

        .splide .newsListingInformation {
            padding-left: 0px;
            margin: 0px 0 0 0;
        }

        .splide__slide img {
            vertical-align: bottom;
            margin: 0 0 20px 20px;
            width: calc(100% - 50px);
            padding: 0 50px 0 0;
        }

        .newsListingInformation {
            padding-left: 20px;
        }

        .splide h3 {
            font-size: 1.45vw;
        }

        .rtxtMainContent,
        .rtxtMainContent1,
        .rtxtMainContent2,
        .rtxtMainContent3,
        .rtxtMainContent4,
        .rtxtMainContent5 {
            margin: 50px 0 50px 0px;
        }


        p.ovalButtonWhite,
        p.ovalButtonBlack,
        p.ovalButtonYellow,
        p.ovalButtonOrange,
        p.ovalButtonGreen,
        p.ovalButtonPurple,
        p.ovalButtonLightBlue,
        p.ovalButtonDarkBlue {
            width: unset;
        }



        .ovalButtonWhite a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonBlack a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonYellow a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonOrange a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonGreen a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonPurple a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonLightBlue a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 1.3vw;
            border-radius: 4vw;
            font-size: 1.1vw;
            width: unset;
            margin: 0 10px 0 0;
        }

        .ovalButtonDarkBlue a:not(.splide__arrow, .splide__pagination__page) {
            padding: 1vw 1vw;
            border-radius: 4vw;
            font-size: 1.5vw;
            width: unset;
            margin: 0 10px 0 0;
        }




        .orangeBlock button {
            padding: 1vw 1vw;
            border-radius: 4vw;
            font-size: 1.5vw;
            width: unset;
        }





        /*.yellowDropShadow {
            filter: drop-shadow(10px 10px 0px #FFDB00);
        }

        .greenDropShadow {
            filter: drop-shadow(10px 10px 0px #1D9879);
        }

        .lightBlueDropShadow {
            filter: drop-shadow(10px 10px 0px #00B4D9);
        }

        .purpleDropShadow {
            filter: drop-shadow(10px 10px 0px #775BA6);
        }*/



        p.yellowDropShadow img {
            filter: drop-shadow(10px 10px 0px #FFDB00);
            transform: translateZ(0);
        }

        p.greenDropShadow img {
            filter: drop-shadow(10px 10px 0px #1D9879);
            transform: translateZ(0);
        }

        p.lightBlueDropShadow img {
            filter: drop-shadow(10px 10px 0px #00B4D9);
            transform: translateZ(0);
        }

        p.purpleDropShadow img {
            filter: drop-shadow(10px 10px 0px #775BA6);
            transform: translateZ(0);
        }






        /*.yellowDropShadowLarge {
            filter: drop-shadow(30px 30px 0px #FFDB00);
        }

        .greenDropShadowLarge {
            filter: drop-shadow(30px 30px 0px #1D9879);
        }

        .lightBlueDropShadowLarge {
            filter: drop-shadow(30px 30px 0px #00B4D9);
        }

        .purpleDropShadowLarge {
            filter: drop-shadow(30px 30px 0px #775BA6);
        }*/





        p.yellowDropShadowLarge img {
            filter: drop-shadow(30px 30px 0px #FFDB00);
            transform: translateZ(0);
        }

        p.greenDropShadowLarge img {
            filter: drop-shadow(30px 30px 0px #1D9879);
            transform: translateZ(0);
        }

        p.lightBlueDropShadowLarge img {
            filter: drop-shadow(30px 30px 0px #00B4D9);
            transform: translateZ(0);
        }

        p.purpleDropShadowLarge img {
            filter: drop-shadow(30px 30px 0px #775BA6);
            transform: translateZ(0);
        }




        p.yellowDropShadowLargeFullWidth img {
            filter: drop-shadow(30px 30px 0px #FFDB00);
            transform: translateZ(0);
            width: calc(100% - 30px);
            height: auto;
        }

        p.greenDropShadowLargeFullWidth img {
            filter: drop-shadow(30px 30px 0px #1D9879);
            transform: translateZ(0);
            width: calc(100% - 30px);
            height: auto;
        }

        p.lightBlueDropShadowLargeFullWidth img {
            filter: drop-shadow(30px 30px 0px #00B4D9);
            transform: translateZ(0);
            width: calc(100% - 30px);
            height: auto;
        }

        p.purpleDropShadowLargeFullWidth img {
            filter: drop-shadow(30px 30px 0px #775BA6);
            transform: translateZ(0);
            width: calc(100% - 30px);
            height: auto;
        }







        #whoAreWeContentContainer {
            margin: 50px 0 0 0px;
        }



        .contentPadding {
            padding: 0 100px 0 0;
        }

        .contentLink {
            margin: 0 0 0 0;
        }

        .rtxtMainContent.peopleListHtml {
            margin: 0 0 0 70px;
        }


        .personDetail {
            padding: 0;
        }


        #mainContentWrapperPlaceHolder_ContentLinkingTitle, #mainContent .contentLinkingContainer h2 {
            margin: 0 0 0 70px;
        }


        .authorDetail {
            padding: 0;
        }


        .homepageIntro {
            padding: 30px 0px 50px 0px;
        }


        .ourVision {
            padding: 30px 0px 0px 0px;
        }

        .row.contentLinkingRow {
            margin: 0;
        }

        .peopleContentLinkingContainer {
            margin: 50px 0 0 0px;
        }


        .people-name {
            margin-top: 0px;
        }

        #PeopleListPanel {
            margin: 0px 0 70px 0;
        }



        .marginFix {
            padding-left: 0.625rem;
            padding-right: 0.625rem;
        }


        #mainContent .rtxtMainContent h2 {
            margin: 50px 0 0 0;
        }





        .row.profileContainer {
            margin: 40px 0 0 0;
        }


        #backToMeetTheTeam {
            margin: 40px 20px 0 0;
            float: right;
        }

        #backToNews {
            margin: 0px 0 0 0;
            float: left;
        }

        #PeopleListPanel .row .columns,
        #PeopleListPanel .row {
            padding-left: 0;
            padding-right: 0;
        }

        .people-list {
            min-height: 200px;
        }

        .people-item {
            display: block;
            width: auto;
            /*margin: 0 0 0 0;*/
        }

        .contentLinkingTitle a {
            padding: 10px 0 0;
            display: block;
            text-transform: uppercase;
        }

        .people-name {
            padding: 60px 0 0;
        }

            .people-name a {
                color: #ffffff;
                font-weight: 500;
                font-size: 3.5vw;
                line-height: 3.5vw;
            }

        .person-name-heading {
            color: #252525;
            margin: 50px 0 0 0;
        }

        .people-title {
            padding: 30px 0 0;
        }

   

        .people-item img {
            display: block;
            max-width: 100%;
            width: 100%;
        }

        .person-content.item-content {
            margin: 150px 0 50px 0;
        }

        .person-image.item-image {
            margin: 50px 0 0 0;
        }

        .personDetailDecorationTriangle {
            margin: 150px 0 0 0;
        }


        .contactFormField {
            /*width:300px;*/
            height: 30px;
        }

        .contactDetails img {
            margin: 0 50px 0 0;
        }

        .contactDetails p {
            font-size: 27px;
        }

        textarea {
            width: 300px;
            height: 120px;
        }

        .socialInclusionHtml {
            background: #6CCABC;
            padding: 30px 108px;
        }

        .people-summary {
            min-height: 10px;
        }

        .enquiryPanel {
            margin-right: 70px;
        }

        #menuSub {
            padding: 0;
        }

        .authors-title {
            padding: 10px 0 0;
        }

        .authors-list {
            min-height: 200px;
        }

        .authors-item {
            display: block;
            width: 100%;
        }

            .authors-item img {
                display: block;
                max-width: 100%;
            }

        .authors-summary {
            min-height: 10px;
        }



        #blogPostTitle {
            margin: 0px 0 0 0;
        }



        #subfooter {
            text-align: center;
            padding: 60px 0 40px 0;
            /*background: #f0f0f0;*/
            margin: 60px 0 0 0;
        }

        #footer {
            border-top: 0px solid #666;
            padding: 1em 2em 100px 2em;
            margin: 0px 0 0;
            color: #ffffff;
        }

        .darkBlueBlock #footer {
            color: #ffffff !important;
        }


            .darkBlueBlock #footer a {
                color: #ffffff !important;
            }


        .whiteBlock #footer {
            border-top: 0px solid #666;
            padding: 2em 10px 0 10px;
            margin: 0px 0 0;
            color: #000000;
        }




        .whiteBlock #footer {
            color: #1A2632 !important;
        }

            .whiteBlock #footer a {
                color: #1A2632 !important;
            }


        .whiteBlock .mailingListControl {
            border: 2px solid #000;
        }


        .rtxtSocialImpact,
        .rtxtImpactImageAPP {
            margin: 0px 50px 50px 0;
        }






            .rtxtSocialImpact .overlay img {
                width: 34%;
                margin: 37% 0 50px -2%;
                filter: unset;
                position: relative;
            }


        .socialImpactReportLabel {
            font-size: 3.1vw;
            position: relative;
            line-height: 3.1vw;
        }




        .socialImpactReportYearsLabel {
            font-size: 32px;
            position: relative;
        }








        footer p {
            font-size: 18px;
            line-height:20px;
        }

        #footer a {
            color: #ffffff;
            /*font-size: 15px;*/
        }

        .footerSocialMedia {
            padding: 0 0 0px 0;
        }

        .icons-box a, .icons-box a:visited, .icons-box a, .icons-box a:visited {
            text-decoration: none;
            margin-right: 25px;
        }

        .mailingList {
            width: 85%;
            display: inline-block;
        }

        #PeopleListPanel .row {
            margin: 0 0 40px 0;
        }


        .topNav1 a {
            color: white !important;
            font-size: x-large;
            font-weight: bold;
            line-height: 105%;
        }

        .topNav ul {
            position: relative;
            top: 100px;
        }

            .topNav ul li {
                position: relative;
                top: 10px;
                margin: 0px 30px 0px 0px;
                padding: 10px 10px 30px 10px;
            }


        .topNav {
            visibility: hidden;
            background-color: rgba(26,23,23,1);
            clear: both;
            height: auto;
            position: absolute;
            width: 100%;
            padding: 10px 0px 0px 0px;
            margin: 0px;
            top: 85px;
            color: white;
            height: 100vh;
        }



            .topNav ul li {
                margin: 0px 30px 0px 0px;
                padding: 10px;
            }

        .enquiryPanel #mc_embed_signup {
            width: 50%;
        }


        .rtxtTeamMember img {
            filter: drop-shadow(20px 20px 0px #775BA6);
            transform: translateZ(0);
        }


        .rtxtTeamMember {
            margin: 0px 50px 50px 0;
        }

        .rtxtWHoWeWorkWIthLogo img {
            filter: drop-shadow(20px 20px 0px #775BA6);
            transform: translateZ(0);
        }

        .rtxtWHoWeWorkWIthLogo {
            margin: 0px 50px 50px 0;
        }

        
        #accessibilitySidebar {
            position: fixed;
            width: 30vw;
            height: calc(100vh - 40px);
            background: #333333;
            z-index: 214765856456456;
            right: 20px;
            top: 20px;
            padding: 20px;
            color: #ffffff;
            border-radius: 10px;
            display: none;
        }





        .rtxtSocialImpact img,
        .rtxtImpactImageAPP img {
            filter: drop-shadow(30px 30px 0px #775BA6);
        }

        .view {
            width: unset;
            font-size: 1.4vw;
            line-height: 1.4vw;
        }



        .download {
            width: unset;
            bottom: 20px;
            left: unset;
            right: 30px;
            font-size: 1.4vw;
            line-height: 1.4vw;
        }

        .rtxtSocialImpact .overlay {
            padding: 20px;
        }

        .splide__track {
            width: 100%;
        }

        .articleDescription {
            margin: 20px 0% 0 0;
        }

        .rtxWhoAreYou2 {
            padding: 100px 0 100px 50px;
        }



        .newsListingRow {
            margin-right: 20%;
        }



        img.yellowDropShadow {
            width: 100%;
        }

        img.greenDropShadow {
            width: 100%;
        }

        img.lightBlueDropShadow {
            width: 100%;
        }

        img.purpleDropShadow {
            width: 100%;
        }




        .splide__list {
            width: calc(100%);
        }


        /*iframe {
            width: unset !important;
        }*/

        .row.newsListingRow {
            margin-top: 0px;
        }

        #categoryPanelDDL {
            display:none;
            width:100%;
        }



        .select-dropdown {
            position: static;
        }

            .select-dropdown .select-dropdown--above {
                margin-top: 336px;
            }

        .select2 {
            width: 100% !important;
            margin-right: 0% !important;
        }


        .select2-container .select2-selection--single .select2-selection__rendered {
            display: block;
            padding-left: 20px;
            padding-right: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .select2-container--default .select2-selection--single .select2-selection__arrow {
            background-image: url('/images/Result__Symbol_Orange.png') !important;
            background-size: 20px;
            background-repeat: no-repeat;
            transform: rotateZ(135deg);
            height: 26px !important;
            position: absolute !important;
            top: 18px !important;
            right: 40px !important;
            width: 20px !important;
        }

            .select2-container--default .select2-selection--single .select2-selection__arrow b{
                display:none;
            }
            .select2-container--default .select2-results > .select2-results__options {
                max-height: 1200px !important;
            }

        .select2-container .select2-selection--single {
            height: 67px !important;
        }
        .select2-container--default .select2-selection--single {
            background-color: #fff !important;
            border: 2px solid #000 !important;
            border-radius: 31px !important;
        }

            .select2-container--default .select2-selection--single .select2-selection__rendered {
                line-height: 45px !important;
            }

            .select2-container--default .select2-selection--single .select2-selection__rendered {
                line-height: 28px !important;
                color: #F7941D !important;
                font-size: 26px !important;
                font-weight: normal !important;
                padding: 18px 32px !important;
            }

        .select2-dropdown {
            background-color: white;
            border: 2px solid #000 !important;
            border-top-width: 0px;
            border-top-style: solid;
            border-top-color: rgb(0, 0, 0);
            border-radius: 0px 0px 31px 31px !important;
            border-top-left-radius: 4px;
            border-top-right-radius: 4px;
            box-sizing: border-box;
            display: block;
            position: absolute;
            left: -100000px;
            width: 100%;
            z-index: 1051;
            border-top: 0px !important;
            margin-top: -30px;
            padding-top: 13px;
        }


        .select2-results__option {
            color: #000000 !important;
            font-size: 26px !important;
            font-weight: normal !important;
            padding: 10px 32px !important;
        }

            #newsCategoriesToggleButton {
            /*display: none;*/
        }

        .news-list-categories,
        .news-list-archive {
            margin: 0;
        }

            .news-list-categories a {
            padding: 0px 20px 0px 0;
            position: relative;
            width: 95%;
            display: inline-block;
        }

        .newsListingArticle {
            margin: 0 0 0 50px;
        }



        a.articleTitle {
            font-size: 51px;
            line-height: 51px;
        }

        h1 a.articleTitle {
            font-size: 4vw;
            line-height: 4vw;
            font-weight: 500;
        }




        #bannerGraphic .anIndividual h1 {
            font-size: 150px;
            line-height: 150px;
        }

        #bannerGraphic .anOrganisation h1 {
            font-size: 150px;
            line-height: 150px;
        }

        #bannerGraphic .aPotentialPartner h1 {
            font-size: 150px;
            line-height: 150px;
        }

        #bannerGraphic .aSupporter h1 {
            font-size: 150px;
            line-height: 150px;
        }







        .darkBlueBlock #footer {
            font-size: 0.9vw;
        }




        input.button {
            border: 3px solid #1D9879;
            padding: 1vw 2.8vw;
            font-size: 26px;
            color: #1D9879;
        }

            input.button:hover {
                border: 3px solid #1D9879;
            }


        .contactFormField {
            width: 85%;
            padding: 40px 30px;
            margin: 14px 5% 22px 0;
        }

        .contactFormTextBoxField {
            width: 92%;
            padding: 40px 30px;
            margin: 0 20px 0 0;
        }


        #moreStories {
            color: #252525 !important;
        }

        nav#menuSub a.currentPage::before {
            left: -50px;
        }

        .news-list-categories,
        .news-list-archive {
            margin: 0;
        }

            .news-list-categories a.selected::before {
            left: -50px;
        }


        .footerCompanyCopyrightInfo {
            margin: 100px 0 0 0;
        }


        .footerBlock .colourFill {
            margin: 12vw 0 0 0;
        }


        .footerBlock .outerContent {
            margin: -12vw 22vw -15vw 11vw;
            width: calc(100% - 20vw);
            min-height: 15vw;
        }




        #menuMain .headerMenu a.depth-1-menuitem {
            font-size: 17px;
        }





        .ovalButtonWhite a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonBlack a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonYellow a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonOrange a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonGreen a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonPurple a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonLightBlue a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }

        .ovalButtonDarkBlue a:not(.splide__arrow, .splide__pagination__page) {
            padding: 0.8vw 2vw;
            border-radius: 4vw;
            font-size: 27px;
            width: unset;
        }




        .greenYellowBar {
            background: #1D9879;
            color: #FFDB00;
            padding: 30px 50px;
            font-size: 3vw;
            font-weight: bold;
        }

        .orangeGreenBar {
            background: #F7941D;
            color: #1D9879;
            padding: 30px 50px;
            font-size: 3vw;
            font-weight: bold;
        }

        .yellowBlueBar {
            background: #FFDB00;
            color: #00B4D9;
            padding: 30px 50px;
            font-size: 3vw;
            font-weight: bold;
        }

        .purpleOrangewBar {
            background: #775BA6;
            color: #F7941D;
            padding: 30px 50px;
            font-size: 3vw;
            font-weight: bold;
        }

        .bluePurpleBar {
            background: #00B4D9;
            color: #775BA6;
            padding: 30px 50px;
            font-size: 3vw;
            font-weight: bold;
        }



        .curvyBoxesContainer {
            flex-direction: row;
        }


        .greenCurvyBox {
            font-size: 30px;
        }

        .orangeCurvyBox {
            font-size: 30px;
        }

        .yellowCurvyBox {
            font-size: 30px;
        }

        .purpleCurvyBox {
            font-size: 30px;
        }

        .blueCurvyBox {
            font-size: 30px;
        }


        .accessibilitySidebar {
            margin: 2px 19px 0 14px;
        }

        .footerLogo {
            margin: 0 20px 0 0;
        }


        .view {
            bottom: 3%;
            left: 5%;
            padding: 13px 26px;
        }

        .download {
            bottom: 3%;
            left: unset;
            right: 5%;
            padding: 13px 15px;
        }




        .rtxtSocialImpact .overlay img {
            width: 34%;
            margin: 16% 0 30px -2%;
            filter: unset;
            position: relative;
        }


        .socialImpactReportLabel {
            font-size: 3.1vw;
            bottom: unset;
            line-height: 3.1vw;
        }


        .socialImpactReportYearsLabel {
            font-size: 20px;
            bottom: unset;
        }



        #logo {
            padding: 0 0 0 30px;
        }


        .toggleMobileMenuButton {
            display: block;
        }




    }



    @media only screen and (min-width: 72.0625em) {



        


            #menuMain ul {
                margin: 0 0 0 0;
                width: 100%;
                display: flex;
            }

       /* .accessibilitySidebar {
            display: none;
        }
*/
        #buttonContainer {
            width: auto;
            display: inline-block;
            vertical-align: middle;
            margin: 0 50px 0 0;
        }


       /* #searchBox {
            display: none;
        }


        .toggleMobileMenuButton {
            display: block;
        }

*/
        #logo {
            padding: 0 0 0 30px;
        }






        .logoContainer {
            text-align: center;
        }

        #menuToggleLayer #logo {
            text-align: left;
        }

        #menuToggleLayer ul li {
            padding: 0 0 2% 0;
        }

        #mobileSearch .search-text {
            margin: 0px 5% 30px 3%;
        }

        .homepageNewArticle {
            padding: 10px 60px 0 0;
            width: 100%;
            display: inline-block;
            vertical-align: top;
        }

     

        .rtxWhoAreYou2 {
            padding: 100px 0 100px 50px;
        }



        .rtxtSocialImpact .overlay img {
            width: 36%;
            margin: 35% 0 43px -4%;
            filter: unset;
        }


        .socialImpactReportLabel {
            font-size: 2.5vw;
            line-height: 2.5vw;
        }


        .socialImpactReportYearsLabel {
            font-size: 20px;
            margin: 6% 0 0 0;
        }

        
        .view {
            bottom: 3%;
            left: 5%;
            padding: 13px 26px;
        }

        .download {
            bottom: 3%;
            left: unset;
            right: 5%;
            padding: 13px 15px;
        }

        .rtxtSocialImpact .overlay img {
            width: 34%;
            margin: 8% 0 50px -2%;
        }




        .footerBlock .outerContent {
            margin: -12vw 22vw -15vw 11vw;
            width: calc(100% - 20vw);
            min-height: 15vw;
        }

    }

    @media only screen and (min-width: 75.0625em) {


        #headerTop {
            margin: 0 auto;
            display: block;
            width:1200px;
            text-align: left;
        }

        #menuMain .headerMenu a.depth-1-menuitem {
            font-size: 17px;
        }


        #menuMain {
            margin: 12px 0 0 0px;
            display: block;
        }



        #logo img {
            width: 100%;
            min-width: 200px;
            max-width: 200px;
        }



        #header {
            margin: 0 0 0px 0;
            padding: 0px 0 0px 0;
            border-bottom: 0px solid #000;
            border-bottom: 0 solid #000;
            margin: 64px 0 75px 0;
            padding: 0px 0 0px 0;
        }


        #menuMain .headerMenu a.depth-1-menuitem {
            font-size: 18px;
        }

        #searchBox {
            display: block;
        }

        #searchBox {
            padding: 12px 19px;
            margin: 4px 0 0 0px;
        }


        #settings {
            padding: 12px 17px;
        }


        .accessibilitySidebar {
            display: block;
            font-size: 16px !important;
        }

        .toggleMobileMenuButton {
            display: none;
        }

        #settings {
            padding: 12px 17px;
        }



        .rtxtSocialImpact .overlay img {
            width: 34%;
            margin: 16% 0 50px -2%;
        }

        .view {
            bottom: 3%;
            left: 5%;
            padding: 13px 26px;
        }

        .download {
            bottom: 3%;
            left: unset;
            right: 5%;
            padding: 13px 15px;
        }



    }

    @media only screen and (min-width: 80.0625em) {

        #menuMain .headerMenu a.depth-1-menuitem {
            font-size: 18px;
        }


        .rtxtSocialImpact{
            margin: 0px 100px 50px 0;
        }

        .rtxtImpactImageAPP {
            margin: 0px 100px 100px 0;
        }

            .rtxtSocialImpact .overlay img {
                width: 34%;
                margin: 16% 0 43px -4%;
            }

        .view {
            padding: 16px 28px;
            bottom: 3%;
            left: 5%;
        }

        .download {
            padding: 16px 16px;
            bottom: 3%;
            left: unset;
            right: 5%;
        }
    }

    @media only screen and (min-width: 100.0625em) {

        body {
            font-size: 27px;
            line-height:33px;
        }


        #headerTop {
            margin: 0 auto;
            display: block;
            width: 1440px;
            text-align: left;
        }


        #menuMain {
            float: left;
            margin: 10px 0 0 50px;
            display: block;
        }


            #menuMain .headerMenu a.depth-1-menuitem {
                font-size: 27px;
            }


       
        #buttonContainer {
            margin: 0;
        }

        .rtxtMainContent, .rtxtMainContent1, .rtxtMainContent2, .rtxtMainContent3, .rtxtMainContent4, .rtxtMainContent5 {
            margin: 100px 0 100px 0px;
        }
		
		.hasSideMenu.outerContent .rtxtMainContent,
		.hasSideMenu.outerContent .rtxtMainContent1,
		.hasSideMenu.outerContent .rtxtMainContent2,
		.hasSideMenu.outerContent .rtxtMainContent3,
		.hasSideMenu.outerContent .rtxtMainContent4, 
		.hasSideMenu.outerContent .rtxtMainContent5 {
			margin: 50px 0 100px 0px;
		}

        .homepageNewArticle {
            padding: 10px 60px 0 0;
            width: 32%;
            display: inline-block;
            vertical-align: top;
        }

            .homepageNewArticle a.articleTitle {
                font-size: 2vw;
                line-height: 2vw;
            }

            .homepageNewArticle h1 a.articleTitle {
                font-size: 4vw;
                line-height: 4vw;
                font-weight: 500;
            }


       





        #logo {
            padding: 0 0 0 0px;
        }

        .people-name a {
            color: #ffffff;
            font-weight: 500;
            font-size: 75px;
            line-height: 75px;
        }

        .people-title a {
            color: #ffffff;
            font-size: 27px;
            font-weight:500;
        }

        .rtxtTeamMember {
            margin: 0px 100px 50px 0;
        }


        .accessibilitySidebar {
            margin: 4px 19px 0 14px;
        }

        #menuMain ul {
            margin: 0 0 0 0;
            width: 100%;
            display: flex;
        }




        

        .rtxWhoAreYou1 img {
            max-width: 500px;
        }



        .rtxtWHoWeWorkWIthLogo {
            margin: 0px 80px 80px 0;
        }



        .rtxtTeamMember img {
            filter: drop-shadow(30px 30px 0px #775BA6);
            transform: translateZ(0);
        }




        .rtxtWHoWeWorkWIthLogo img {
            filter: drop-shadow(30px 30px 0px #775BA6);
            transform: translateZ(0);
        }


        .rtxtSocialImpact .overlay img {
            width: 36%;
            margin: 35% 0 43px -4%;
            filter: unset;
        }


        .view {
            position: absolute;
            bottom: 3%;
            left: 5%;
            border: 3px solid #F7941D;
            padding: 15px 43px;
            margin: 0 0 10px 0;
            border-radius: 60px;
            font-weight: bold;
            color: #F7941D;
            background: #ffffff;
            width: unset;
            font-size: 1.4vw;
            line-height: 1.4vw;
        }

                .view:hover {
                    color: #ffffff;
                    background: #F7941D;
                }

        .download {
            position: absolute;
            border: 3px solid #F7941D;
            padding: 14px 23px;
            margin: 0 0 10px 0;
            border-radius: 60px;
            font-weight: bold;
            color: #F7941D;
            background: #ffffff;
            width: unset;
            bottom: 3%;
            left: unset;
            right: 5%;
            font-size: 1.4vw;
            line-height: 1.4vw;
        }

                .download:hover {
                    color: #ffffff;
                    background: #F7941D;
                }


        footer p {
            font-size: 27px;
            line-height: 33px;
        }

        #rtxtFooterCopyright {
            margin: 0 0 0 0;
            text-align: right;
        }


        .mailingListControl input {
            width: 75%;
            font-size: 27px;
        }


    }


@media only screen and (min-width: 120.0625em) {

    .accessibilitySidebar {
        margin: 4px 19px 0 14px;
    }

}