@import "libs/animate.css";

@font-face {
    font-family: 'Playlist';
    src: url('https://www.playcentre.org.nz/wp-content/themes/playcentre/fonts/playlist_script-webfont.woff2') format('woff2'),
        url('https://www.playcentre.org.nz/wp-content/themes/playcentre/fonts/playlist_script-webfont.woff') format('woff');
    font-weight: 400;
}


/* Normalize
  ------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

audio,
canvas,
video {
    display: inline-block;

}

audio:not([controls]) {
    display: none;
}

[hidden] {
    display: none;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: #ffffff;
}

html,
button,
input,
select,
textarea {
    font-family: 'Source Sans Pro', sans-serif;
    color: #222;
}

body {
    margin: 0;
    font-size: 1em;
    line-height: 1.4;
}

::-moz-selection {
    background: #2fbdff;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #2fbdff;
    color: #fff;
    text-shadow: none;
}

a {
    color: #542d89;
    text-decoration: none;
}

a:visited {
    color: #542d89;
}

.no-touch a:hover {
    opacity: 0.75;
}

a:focus {
    outline: none;
}

b,
strong {
    font-weight: bold;
}

dfn {
    font-style: italic;
}

ins {
    background: #ff9;
    color: #000;
    text-decoration: none;
}

mark {
    background: #ff0;
    color: #000;
    font-style: italic;
    font-weight: bold;
}

pre,
code,
kbd,
samp {
    font-family: monospace, serif;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

small {
    font-size: 75%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

ul,
ol {
    margin: 1em 0;
    padding: 0 0 0 40px;
}

dd {
    margin: 0 0 0 40px;
}

nav ul,
nav ol {
    list-style: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
}

svg:not(:root) {
    overflow: hidden;
}

figure {
    margin: 0;
}

form {
    margin: 0;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

label {
    cursor: pointer;
}

legend {
    border: 0;

    padding: 0;
    white-space: normal;
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;

}

button,
input {
    line-height: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button;
}

button[disabled],
input[disabled] {
    cursor: default;
}

input[type="checkbox"],
input[type="radio"] {

    padding: 0;
    accent-color: #542d89;

}



input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    vertical-align: top;
    resize: vertical;
}

input:valid,
textarea:valid {}

input:invalid,
textarea:invalid {
    /* background-color: #f0dddd; */
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td {
    vertical-align: top;
}

/* Slick slider
  --------------------------- */
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    display: block;
}

.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    outline: none;
}

.slick-slide.vheight-70 {
    height: 70vh;
}

[dir='rtl'] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/* Dots */
.slick-dots {
    position: absolute;
    bottom: 40px;
    z-index: 9;
    width: 100%;
    text-align: center;
    margin: 0px;
    padding: 0px;
}

.slick-dots button {
    background: rgba(0, 0, 0, 0.15);
}

.slick-dots li {
    font-size: 0px;
    display: inline-block;
    margin: 0 5px;
}

.slick-dots button {
    border: 0px;
    width: 10px;
    height: 10px;
    display: block;
    border-radius: 20px;
    padding: 0px;
    outline: none;
}

.slick-dots li.slick-active {}

.slick-dots li.slick-active button {
    background: #542d89;
}

.slick-dotted.slick-slider {
    margin-bottom: 0px;
    padding-bottom: 0px;
}

@media screen and (max-width:450px) {
    .slick-dots button {}
}

/* Arrows */
.slick-prev,
.slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 50%;
    display: block;
    width: 40px;
    height: 40px;
    margin-top: -10px;
    padding: 0;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1;
    background: white;
    border-radius: 60px;
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.32);
    top: 44%;
    transition: 0.26s ease all;
    transform: scale(1);
    width: 50px;
    height: 50px;
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    color: transparent;
    outline: none;
    background: white;
    transform: scale(1.26) !important;
    opacity: 1 !important;
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
    opacity: .25;
}

.slick-prev:before,
.slick-next:before {
    font-size: 40px;
    line-height: 1;
    opacity: .75;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: "Material Design Icons";
    color: #542d89;
    opacity: 1;
}

.slick-prev {
    left: 15px;
}

[dir='rtl'] .slick-prev {
    right: -25px;
    left: auto;
}

.slick-prev:before {
    content: "\F141";
}

[dir='rtl'] .slick-prev:before {
    content: '>';
}

.slick-next {
    right: 15px;
}

[dir='rtl'] .slick-next {
    right: auto;
    left: -25px;
}

.slick-next:before {
    content: "\F142";
}

[dir='rtl'] .slick-next:before {
    content: '<';
}

@media screen and (max-width:1024px) {

    .slick-prev,
    .slick-next {
        display: none !important;
    }
}

/* Flex layout Helpers
  ----------------------------- */
.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.flex-nowrap {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.flex-row-reverse {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.flex-grow {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.flex-grow-none {
    -webkit-box-flex: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
}

.flex-shrink {
    -ms-flex-negative: 1;
    flex-shrink: 1;
}

.flex-shrink-none {
    -ms-flex-negative: 0;
    flex-shrink: 0;
}

.flex-space-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.flex-align-right {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.flex-align-start {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-grid-row-align: flex-end;
    align-items: flex-end;
}

.flex-align-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}

.flex-justify-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

/* Helpers
  ----------------------------- */
.hidden {
    display: none !important;
    visibility: hidden;
}

/* Wrap
  --------------------------- */
.wrap {
    position: relative;
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background: white;
    overflow-x: hidden;
}

.layer {
    position: relative;
}

@media screen and (max-width: 1260px) {
    .nav-open .wrap {
        -webkit-transform: translate(-269px, 0px);
        -moz-transform: translate(-269px, 0px);
        -o-transform: translate(-269px, 0px);
        -ms-transform: translate(-269px, 0px);
        transform: translate(-269px, 0px);
        /* box-shadow: 2px 0px 6px rgba(0, 0, 0, 0.14); */
        overflow: hidden;
        max-height: 100vh;
    }

    .close-mobile-nav {
        content: ' ';
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0);
        top: 0px;
        left: 0px;
        position: absolute;
        z-index: 10;
        transition: 0.2s ease all;
        opacity: 0;
        pointer-events: none;
    }

    .nav-open .close-mobile-nav {
        pointer-events: all;
        opacity: 1;
    }
}

/* Grid
  ------------------------ */
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.col-1-1 {
    width: 100%;
}

.col-1-2 {
    width: 50%;
}

.col-1-3 {
    width: 33.33%;
}

.col-2-3 {
    width: 66.66%;
}

.col-1-4 {
    width: 25%;
}

.col-2-4 {
    width: 50%;
}

.col-3-4 {
    width: 75%;
}

.grid.column-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.tiles .grid.column-2,
.cards .grid.column-2 {
    margin-left: -10px;
    margin-right: -10px;
}

.tiles .grid.column-2.tight,
.cards .grid.column-2.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-2 .col {
    width: 50%;
}

.grid.column-2 .col.tile,
.grid.column-2 .col.card {
    width: calc(50% - 20px);
    margin-right: 10px;
    margin-left: 10px;
}

.grid.column-2.tight .col.tile,
.grid.column-2.tight .col.card {
    width: calc(50% - 12px);
    margin-left: 6px;
    margin-right: 6px;
}

.grid.column-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 10px;
}

.tiles .grid.column-3,
.cards .grid.column-3 {
    margin-left: -10px;
    margin-right: -10px;
}

.grid.column-3.categories {
    margin-left: -30px;
    margin-right: -30px;
    width: auto;
}

.tiles .grid.column-3.tight,
.cards .grid.column-3.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-3 .col {
    width: calc(33.33% - 6.66px);
}

.grid.column-3 .col.tile,
.grid.column-3 .col.card {
    width: calc(33.33% - 20px);

}

.grid.column-3.tight .col.tile,
.grid.column-3.tight .col.card {
    width: calc(33.33% - 12px);
    margin-right: 6px;
    margin-left: 6px;
}

.grid.column-4,
.grid.column-5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.grid.column-5 {
    gap: 20px;
}

.tiles .grid.column-4,
.cards .grid.column-4 {
    margin-left: -10px;
    margin-right: -10px;
}

.tiles .grid.column-4.tight,
.cards .grid.column-4.tight {
    margin-left: -6px;
    margin-right: -6px;
}

.grid.column-4 .col {
    width: 25%;
}

.grid.column-5 .col {
    width: 20%;
}

.grid.column-4 .col.tile,
.grid.column-4 .col.card {
    width: calc(25% - 20px);
    margin-left: 10px;
    margin-right: 10px;
}


.grid.column-4.tight .col {
    width: calc(25% - 12px);
    margin-left: 6px;
    margin-right: 6px;
}

@media screen and (max-width:1200px) {

    .grid.column-2 .col,
    .grid.column-3 .col,
    .grid.column-4 .col,
    .grid.column-4 .col:last-child {
        width: 50%;
    }

    .grid.column-2 .col.tile,
    .grid.column-2 .col.card {}

    .grid.column-3 .col.tile,
    .grid.column-3 .col.card,
    .grid.column-4 .col.tile,
    .grid.column-4 .col.card {
        width: calc(50% - 60px);
    }

    .grid.column-4 .col.tile,
    .grid.column-4 .col.card {
        width: calc(50% - 20px);
    }

    .grid.column-2.tight .col.tile,
    .grid.column-2.tight .col.card,
    .grid.column-3.tight .col.tile,
    .grid.column-3.tight .col.card,
    .grid.column-4.tight .col.tile,
    .grid.column-4.tight .col.card {
        width: calc(50% - 12px);
    }
}

@media screen and (max-width:600px) {

    .tiles .grid.column-2,
    .cards .grid.column-2,
    .tiles .grid.column-2.tight,
    .cards .grid.column-2.tight,
    .tiles .grid.column-3,
    .cards .grid.column-3,
    .tiles .grid.column-3.tight,
    .cards .grid.column-3.tight,
    .tiles .grid.column-4,
    .cards .grid.column-4,
    .tiles .grid.column-4.tight,
    .cards .grid.column-4.tight {
        margin-left: 0;
        margin-right: 0;
    }

    .grid.column-2 .col,
    .grid.column-3 .col,
    .grid.column-4 .col,
    .grid.column-4 .col:last-child,
    .grid.column-2 .col.tile,
    .grid.column-2 .col.card,
    .grid.column-3 .col.tile,
    .grid.column-3 .col.card,
    .grid.column-4 .col.tile,
    .grid.column-4 .col.card,
    .grid.column-2.tight .col.tile,
    .grid.column-2.tight .col.card,
    .grid.column-3.tight .col.tile,
    .grid.column-3.tight .col.card,
    .grid.column-4.tight .col.tile,
    .grid.column-4.tight .col.card {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }


    .grid.column-2 .col:last-child,
    .grid.column-3 .col:last-child,
    .grid.column-4 .col:last-child,
    .grid.column-4 .col:last-child {}
}

/* Stats
  --------------------------- */
.stats {}

.stats .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    text-align: center;
    position: relative;
    padding: 10px 7% 80px;
}

.stats .stat {
    background-color: transparent;
    width: 21%;
    padding-top: 21%;
    position: relative;
    border-radius: 100%;
    background-size: 100%;
}

.stats .stat:nth-child(1) {
    background-image: url(../img/circle1.png);
}

.stats .stat:nth-child(2) {
    background-image: url(../img/circle2.png);
}

.stats .stat:nth-child(3) {
    background-image: url(../img/circle3.png);
}

.stats .stat:nth-child(4) {
    background-image: url(../img/circle4.png);
}

.stats .stat-info {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 33%;
    color: #542d89;
}

.stats .stat h4 {
    font-size: 3.5vw;
    color: #542d89;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;

    margin: 0 0 -0.6vw 0;
}

.stats .stat p {
    margin: 0;
    font-size: 1.7vw;
    color: inherit;
    font-family: "Source Sans Pro", sans-serif;

}

@media screen and (min-width:1840px) {
    .stats .stat h4 {
        font-size: 64px;
    }

    .stats .stat p {
        font-size: 30px;
    }
}

@media screen and (max-width:860px) {
    .stats .inner {
        padding: 20px 8% 40px;
    }

    .stats .stat {
        width: 45%;
        padding-top: 45%;
        margin-bottom: 7vw;
    }

    .stats .stat-info {}

    .stats .stat h4 {
        font-size: 6.5vw;
    }

    .stats .stat p {
        font-size: 4.3vw;
    }
}

/* Inner
  --------------------------- */
.inner {
    max-width: 1700px;
    padding: 0 7%;
    margin: 0 auto;
    position: relative;
}

.inner-900 {
    max-width: 900px;
}

.inner-700 {
    max-width: 700px;
}

.inner.wide {
    max-width: 100%;
    padding: 0 60px;
}

.inner.medium {
    max-width: 1400px;
}

.inner.thin {
    max-width: 1000px;
}

/* WP - image styles
  --------------------------- */
img.alignright {
    float: right;
    margin: 0 0 1em 1em;
    max-width: 36%;
}

img.alignleft {
    float: left;
    margin: 0 30px 20px 0;
    max-width: 27%;
}

img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.alignright {
    float: right;
}

.alignleft {
    float: left;
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    font-size: 12px;
}

.alignleft.wp-caption {
    margin: 10px 20px 10px 0px;
    max-width: 100%;
    max-width: 50%;
}

.alignright.wp-caption {
    margin: 10px 0px 20px 20px;
}

.wp-caption img {
    margin-bottom: 10px;
}

/* Responsive video
   ----------------------- */
.video-wrapper {
    position: relative;

    /* 16:9 */
    /* padding-bottom: 56.25%; */
    aspect-ratio: 16 / 9;

    padding-top: 25px;

    max-width: 900px;
}

.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Typography
  ------------------------ */
body {
    font-size: 1em;
    font-family: 'Source Sans Pro', sans-serif;
    line-height: 1.375em;
    overflow-x: hidden;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin-bottom: 0.4em;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
    margin-top: 0px;
}

h1 {
    font-size: 3.5em;
    line-height: 1.05em;
}

h2 {
    font-size: 2.25em;
    line-height: 1.25em;
    margin-top: 0px;
    font-weight: 500;
    color: #2F3A49;
}

h3 {
    font-size: 1.75em;
    line-height: 1.25em;
    /* font-family: "Source Sans Pro", sans-serif; */
    font-weight: 400;
    color: #2F3A49;
}

h4 {
    font-size: 1.5em;
    line-height: 1.22em;
    font-weight: 400;
    color: #2F3A49;
}

h5 {
    font-size: 1em;
    line-height: 1.22em;
    color: #2F3A49;
}

p,
li {
    color: #757575;
    line-height: 1.6em;
    font-size: 1.06em;
}

.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p,
.dark li,
.dark span {
    color: #fff;
}

blockquote {
    font-size: 1.5em;
    line-height: 1.45833333em;
    border-left: 4px solid #E6E6E6;
    padding-left: 26px;
    margin-left: 0px;
    margin-right: 0;
}

blockquote strong {
    display: block;
}

.dark blockquote {
    border-left: 4px solid rgba(255, 255, 255, 0.2);
}

@media screen and (max-width: 1024px) {
    h1 {
        font-size: 2.5em;
        line-height: 1.125em;
    }

    h2 {
        font-size: 2.2em;
        line-height: 1.25em;
    }

    h3 {
        font-size: 1.8em;
        line-height: 1.25em;
    }

    h4 {
        font-size: 1.125em;
        line-height: 1.22em;
    }
}

@media screen and (max-width: 849px) {
    body {
        line-height: 1.25em;
    }

    h1 {
        font-size: 2em;
        line-height: 1.25em;
    }

    h2 {
        font-size: 1.8em;
        line-height: 1.15em;
    }

    h3 {
        font-size: 1.6em;
        line-height: 1.13em;
    }

    h4 {
        font-size: 1.125em;
        line-height: 1.11em;
    }

    h5 {
        line-height: 1.11em;
    }

    p,
    li {
        font-size: 1em;
    }

    blockquote {
        font-size: 1.15em;
        line-height: 1.25em;
    }
}

.text-center {
    text-align: center;
    margin-bottom: 0;
}

.blog-filter .text-center {
    margin-top: 20px !important;
}

/* Buttons - button groups
  --------------------------- */
a.button,
input[type="submit"] {
    background: #542d89 !important;
    border-radius: 6px;
    padding: 12px 29px 12px;
    font-size: 18px;

    color: #fff !important;
    border: 2px solid #542d89;
    background-image: none;
    font-weight: 400;
    transition: 0.26s;
    display: inline-block;
}

a.button:hover {
    opacity: 0.8;
    border-color: #542d89;
}

.card .tile-copy a.button.small {
    color: white;

}

.card:hover .tile-copy a.button.small {
    border-color: white;
}

a.button.small {
    padding: 11px 18px 11px;
    font-size: 16px;
}

a.button.round {
    border-radius: 100px;
}

a.button.rounded {
    border-radius: 4px;
}

a.button.bg-white {
    background: white;
    color: black;
}

a.button.bg-blue {
    background: #007FEF;
    color: white;
}

a.button.bg-green {
    background: #00ca6e;
    color: white;
}

a.button.ghost {
    /* background:transparent; */
    /* border: 2px solid; */
}

.button-group {
    margin: 2em 0;
}

.button-group a {
    margin: 0 10px 5px 0px;
}

.button-group:last-child {
    margin-bottom: 0;
}

/* buttons social data-social */
.button-group.social-icons {
    margin: 19px 0px 0px 0;
    display: flex;
    gap: 10px;
}

.button[data-social] {
    border: 0px;
    padding: 6px 12px;
    font-size: 24px;
    margin: 0 0 0 0px;
}

.button[data-social]:before {
    display: inline-block;
    font: normal normal normal 20px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: ' ';
}

.button[data-social="facebook"]:before {
    content: "\F20C";
}

.button[data-social="twitter"]:before {
    content: "\F544";
}

.button[data-social="instagram"]:before {
    content: "\F2FE";
}

footer button[type="submit"] {
    padding: 11px 23px 11px;
    font-size: 16px;
    border-radius: 6px;
    border: none;
    background: #552D88;
    color: #fff;
    font-weight: 600;
    font-family: "Source Sans Pro", sans-serif;
}

@media screen and (max-width:850px) {}

/* Icons
  --------------------------- */
i[class*="icon"] {
    font-family: 'framework';
    cursor: pointer;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
    display: block;
    line-height: inherit !important;
}

i.icon-play {
    position: absolute;
    color: white;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    bottom: 0;
    font-size: 5.625em;
    width: 97px;
    height: 90px;
    line-height: 90px;
    cursor: pointer;
}

/* Search
  --------------------------- */
.search-form:not(.media-toolbar-primary) {
    position: relative;
    display: none;
    width: 100%;
    background: #542d89;
    left: 0;
    right: 0;
    margin: 0px;
    border-top: 0px;
    z-index: 2;
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
}

.search-form:not(.media-toolbar-primary) input {
    border: 0;
    color: rgba(255, 255, 255, 0.96);
    font-size: 2em;
    height: auto;
    padding: 28px 20px;
    margin: 0;
    width: calc(100% - 240px);
    outline: 0;
    box-sizing: border-box;
    background-color: transparent;
    font-weight: normal;
    text-align: right;
}

.search-form:not(.media-toolbar-primary) input[type="submit"] {
    display: none;
}

.search-form:not(.media-toolbar-primary) small {
    position: absolute;
    top: calc(36%);
    right: 30px;
    color: rgb(255, 255, 255);
    font-size: 12px;
}

.search-form:not(.media-toolbar-primary) small a {
    color: white;
    background-color: #ffffff2b;
    display: inline-block;
    padding: 2px 11px;
    border-radius: 30px;
    margin-left: 7px;
}

.no-touchevents header .icon-search:hover {
    filter: alpha(opacity=60);
    opacity: 0.6;
}

@media screen and (max-width:1300px) {
    .search-form:not(.media-toolbar-primary) input {
        font-size: 1.8em;
    }
}

@media screen and (max-width:520px) {
    .search-form:not(.media-toolbar-primary) input {
        font-size: 22px;
        width: 100%;
        text-align: center;
    }

    .search-form:not(.media-toolbar-primary) small {
        position: relative;
        top: initial;
        display: block;
        padding: 0px 20px 20px;
        right: 0px;
        font-size: 12px;
        text-align: center;
    }
}

/* Mobile nav
  --------------------------- */
.mobile-nav {
    width: 270px;
    position: absolute;
    z-index: 1;
    right: 0px;
    display: none;
    background: #542d89;
    height: 100vh;
    overflow-y: auto;
    position: fixed;
    color: white;
    TOP: 0;
    padding-bottom: 100px;
}

.mobile-nav .mdi-close {
    color: #ffd400;
    padding: 24px 19px 20px;
    display: inline-block;
    font-size: 34px;
    cursor: pointer;
}

.mobile-nav ul {
    padding-top: 10px;
    padding-bottom: 10px;
}

.mobile-nav li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.03);
    font-size: 13px;
}

.mobile-nav li.current_page_item>a {
    box-shadow: inset 6px 0px 0px #ffffff;
}

.mobile-nav li.current_page_parent>a,
.mobile-nav li.current_page_ancestor>a {
    box-shadow: inset 6px 0px 0px rgba(255, 255, 255, 0.36);
}

.mobile-nav li a {
    color: rgb(255, 255, 255);
    display: block;
    padding: 14px 22px;
}

.mobile-nav ul ul.sub-menu {
    padding: 0;
    background: rgba(0, 0, 0, 0.12);
}

.mobile-nav ul ul.sub-menu li {}

.mobile-nav ul ul.sub-menu li a {}

nav.mobile-nav>ul>li {
    width: 100%;
    margin: 0;
}

nav.mobile-nav>ul>li>a,
nav.mobile-nav>ul>li>ul>li>a {
    line-height: 1em;
    padding-right: 40px;
}

.nav-open nav.mobile-nav>ul>li.current_page_item>a {}

nav.mobile-nav>ul>li>ul {
    padding-left: 61px;
}

nav.mobile-nav>ul>li>ul>li,
nav.mobile-nav>ul>li>ul>li>ul>li {
    padding: 0;
    margin: 0;
    width: 100%;
    display: none;
}

nav.mobile-nav>ul>li.subnav-open>ul>li,
nav.mobile-nav>ul>li.subnav-open>ul>li.subnav-open>ul>li {
    display: block;
}

nav.mobile-nav>ul>li>ul>li>a {
    /* padding: 4px 0px; */
    font-size: inherit;
    color: white;
}

nav.mobile-nav>ul>li>ul>li.dropdown,
nav.mobile-nav>ul>li>ul>li>ul>li.dropdown {
    position: absolute;
    transform: translateY(calc(-100% + 0px));
    width: 40px;
    right: 8px;
    height: 42px;
    display: block;
    border: 0;
}

nav.mobile-nav>ul>li>ul>li.dropdown>a,
nav.mobile-nav>ul>li>ul>li>ul>li.dropdown a {
    font-size: 40px;
    padding: 0;
    text-align: center;
    font-size: 0;
    opacity: 1;
    display: block;
    height: inherit;
    line-height: 40px;
}

nav.mobile-nav>ul>li>ul>li.dropdown>a:before,
nav.mobile-nav>ul>li>ul>li>ul>li.dropdown>a:before {
    content: "\F415";
    font-size: 19px;
    font-family: "Material Design Icons";
}

nav.mobile-nav>ul>li.subnav-open>ul>li.dropdown>a:before,
nav.mobile-nav>ul>li.subnav-open>ul>li.subnav-open>ul>li.dropdown>a:before {
    content: "\F374";
}

#menu-portal-menu::before {
    content: 'Members Area';
    display: block;
    padding: 0px 0px 7px 23px;
    font-size: 15px;
    color: #ffd400;
}

nav.mobile-nav>ul>li.login-link,
nav.mobile-nav>ul>li.logout-link {
    font-weight: 700
}

nav.mobile-nav>ul>li.logout-link,
.logged-in nav.mobile-nav>ul>li.login-link {
    display: none;
}

.logged-in nav.mobile-nav>ul>li.logout-link {
    display: block;
}

@media screen and (max-width:1260px) {
    .mobile-nav {
        display: block;
        opacity: 0;
    }

    .nav-open .mobile-nav {
        opacity: 1;
    }
}



/* =============================================================================
     Calendar
     ========================================================================== */
#calendar {
    display: block;
    clear: both;
    width: 100%;
}

#full-calendar {
    display: block;
    clear: both;
    margin: 40px 0;
}

#full-calendar .fc-toolbar {
    margin: 10px 0 20px;
}

#full-calendar .fc-center h2 {
    font-size: 2.5em;

    line-height: 1;
    padding: 2px 0 0;
    color: #542d89;
    font-family: 'Source Sans Pro', sans-serif;
}

#full-calendar button {
    border: none;
    background: #542d89;
    display: inline-block;
    padding: 0.7em 1.2em;
    margin: 0 0 4px;
    text-transform: uppercase;
    box-shadow: 0px 3px rgba(0, 0, 0, 0.2);
    color: #FFF;
    outline: none !important;
    border-radius: 0;
    height: auto;
    font-size: 11px;
    text-shadow: none;
    font-family: 'Gotham SSm A', 'Gotham SSm B', "Helvetica-Neue", sans-serif;
    font-weight: 400;
    font-style: normal;
    margin-right: 2px;
}

#full-calendar button:hover {
    opacity: 0.7;
}

#full-calendar .fc-right button {
    background: #5F5D5C;
}

#full-calendar .fc-right button.fc-state-active {
    opacity: 0.6;
}

#full-calendar .fc-right button:last-child {
    margin-right: 0;
}

.calendar-page .inner>.button {
    float: right;
    font-size: 10px;
    margin: -10px 0 22px;
}

#full-calendar th {
    padding: 5px;
    font-size: 12px;
    font-weight: 700;
}

#full-calendar th {
    background: #F0F0F0;
    border: 1px solid #D7D7D7;
}

#full-calendar td {
    background: #F7F7F7;
    /* border: 1px solid #D7D7D7; */
}

#full-calendar td.fc-widget-content,
#full-calendar td.fc-widget-header {
    /* padding:0; */
}

#full-calendar td.fc-event-container {
    border-bottom: none;
    border-top: none;
}

#full-calendar td.fc-event-container .fc-event {
    background-color: #542d89;
    border: 1px solid #542d89;
    padding: 5px;
}

#full-calendar .fc-day-number {
    font-family: inherit;
    font-size: 12px;
}

#full-calendar-axis {
    font-size: 12px;
    width: 58px !important;
}

#full-calendar-axis.fc-widget-header {
    width: 56px !important;
}

#full-calendar .fc-today {
    background: #F7F7F7;
}

#full-calendar .fc-state-highlight {
    background: transparent;
}

#full-calendar .fc-state-highlight.fc-widget-content {
    background: #FFF;
    border-top: 1px solid #D7D7D7;
}

#full-calendar-agendaList-item {
    padding: 0;
    border-top: none !important;
    border-bottom: 1px solid #D7D7D7;
}

#full-calendar .fc-other-month {
    background: #EBEAEA;
    color: #515151;
}

#full-calendar-agendaList {
    border: none;
}

#full-calendar-agendaList-dayHeader {
    padding: 5px;
    font-size: 12px;
    border: none;
    border-bottom: 1px solid #D7D7D7;
}

#full-calendar-agendaList-dayHeader span {
    font-size: 12px;
    float: none;
    display: inline-block;
    margin: 2px 4px 0px;
}

#full-calendar-agendaList-day {
    font-weight: 700;
    color: #606060;
}

#full-calendar-scroller {
    border: 1px solid #E0E0E0;
    height: auto !important;
}

#full-calendar-eventlist:after {
    clear: both;
    content: "";
    display: table;
}

#full-calendar-agendaList .fc-event-time {
    padding: 10px;
    border-right: 1px dashed #EEE;
    float: left;
}

#full-calendar-agendaList .fc-event-time span {
    font-size: 12px;
}

#full-calendar-eventlist-title {
    padding: 8px 0;
    font-size: 14px;
    color: #606165;
}

#full-calendar-eventlist-title:before {
    content: "";
    display: block;
    height: 5px;
}

#full-calendar .fc-row .fc-content-skeleton {
    padding-bottom: 0;
}

.fc-scroller {
    height: auto !important;
}

.calendar .single-column>.inner {
    min-height: 200px;
}

/* Header
  --------------------------- */
#header {
    padding: 0;
    position: relative;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.header-top {
    width: 100%;
}

.header-inner {
    position: relative;
    max-width: 1700px;
    margin: 0 auto;
    padding: 0 7%;
}

.header-top>.header-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 10px min(100px, 7vw);
    align-items: center;
}

#header a.main-logo {
    margin: 0;
    font-size: 0px;
    line-height: 0px;
    color: transparent;
    display: block;

    position: relative;
    opacity: 1;
    z-index: 1;
}

#header a.main-logo img {
    max-width: 225px;
}

@media screen and (max-width:600px) {
    #header {
        padding: 20px 0
    }

    #header a.main-logo img {
        max-width: 100%;
    }
}

#header img.badge {
    max-height: 80px;
    width: auto;
    margin: 0 30px;
    border-radius: 60px;
}

.header-top .social-buttons {
    margin: 0 13px;
    position: relative;
    top: 3px;
}

.header-top .social-buttons a {
    line-height: 44px;
}

#header .social-buttons a i.mdi {
    font-size: 22px;
    padding: 0 6px;
}

@media screen and (max-width:1200px) {
    #header a.main-logo:after {
        width: 105px;
        height: 105px;
        top: -28px;
    }
}

@media screen and (max-width:520px) {

    #header img.badge {
        margin: 0 0 0 10px;
    }

    #header .mdi-magnify.mobile,
    #header .mdi-menu {
        padding: 10px;
    }



    .header-top .social-buttons {
        display: none;
    }

    #header a.main-logo {
        width: 140px;
        height: 36px;
        transform: translateY(6px);
    }

    #header a.main-logo:after {
        left: 135px;
        width: 80px;
        height: 80px;
        top: -23px;
    }
}

#header nav>ul {
    padding: 0;
    display: flex;
    gap: 23px;
    margin: 0;
}

#header nav>ul#menu-top-menu {
    gap: min(2vw, 20px);
}

#header nav>ul>li {
    display: flex;
    font-size: 18px;
    font-style: normal;
    align-items: center;
    position: relative;

}

#header nav>ul>li.current_page_item>a,
#header nav>ul>li.current_page_parent>a,
#header nav>ul>li.current_page_ancestor>a {
    border-bottom-color: #591bae;
}

#header nav:hover>ul>li.current_page_item>a,
#header nav:hover>ul>li.current_page_parent>a,
#header nav:hover>ul>li.current_page_ancestor>a {
    border-bottom-color: #fff;
}

#header nav:hover>ul>li:hover>a {
    border-bottom-color: #eeedfc !important;
}

#header nav.nav_three>ul>li {
    padding: 0 5px;
}

.header-bottom nav.nav_three>ul>li>a {
    border-bottom: none;
}

#header nav>ul>li.current_page_item a:before,
#header nav>ul>li.current_page_parent a:before,
#header nav>ul>li.current_page_ancestor a:before {
    opacity: 1;
}

#header nav>ul>li.current_page_item:hover a:before,
#header nav>ul>li.current_page_parent:hover a:before,
#header nav>ul>li.current_page_ancestor:hover a:before {
    opacity: 0;
}

#header nav>ul>li.login-link,
#header nav>ul>li.logout-link,
#header nav>ul>li.hide-desktop {
    display: none;
}

@media screen and (max-width:1200px) {
    .header-top .social-buttons {
        display: none;
    }

    #header nav>ul>li.hide-desktop {
        display: block;
    }

    #header a.main-logo:before {
        top: -10px;
    }
}

@media screen and (max-width:630px) {
    #header a.main-logo {
        margin-left: 0
    }

    #header a.main-logo:before {
        display: none;
    }
}

.header-bottom {
    width: 100%;

}

.header-bottom .header-inner {
    padding: 0px min(100px, 7vw);
    position: static;
}


.header-bottom nav:hover li:hover a {
    opacity: 1;
}

#header .header-bottom nav>ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

.header-bottom nav.nav_three>ul {
    max-width: 100%;
    justify-content: end;
    margin-right: 0;
    width: 100%;
    justify-content: center;
}

.header-top nav>ul>li {}



.header-top nav>ul>li#find-a-centre>a {
    background-color: #552d88;
    color: #fff;
    border-radius: 6px;
    padding: 10px 15px;
    font-weight: 400;
    line-height: 22px;
    font-size: 16px;
}

.header-bottom ul.sub-menu>li.menu-column>a {
    display: none;
}

.header-bottom nav>ul>li {
    padding: 20px 20px 0 20px;
}

.header-bottom nav>ul>li>a {
    display: flex;
    padding: 0 0 14px 0;
    color: #591bae;
    position: relative;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-weight: 400;
    align-items: center;
    line-height: 21px;
    align-items: center;
    border-bottom: 6px solid #fff;
    height: 100%;
}




#header .header-bottom nav>ul>li:hover {
    background: #eeedfc;
}

#header [class*="mdi"] {
    font-weight: 400;
    /* color: #542d89; */
    cursor: pointer;
}

#header .mdi-cart {
    padding: 12px;
    font-size: 31px;
    font-weight: 400;
    color: #542d89;
    cursor: pointer;
}

#header .mdi-magnify.mobile,
#header .mdi-menu {
    display: none;
    color: #542d89;
    padding: 12px;
    font-size: 31px;
    font-weight: 400;
    color: #542d89;
    cursor: pointer;
}

#header .drop-below {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: min(2vw, 20px);
    margin-left: auto;
    padding-left: min(2vw, 20px);
}

.header-inner .mobile-buttons {
    display: none;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 10px;
    flex-wrap: wrap;
}

.header-inner .mobile-buttons a {
    margin: 0;
    background-color: #552d88;
    color: #fff;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    flex-basis: calc(50% - 5px);
}



@media screen and (max-width:1260px) {


    .header-top>.header-inner {
        padding: 12px 10px 12px 21px;
    }

    .header-bottom .header-inner {
        padding: 0;
    }

    .header-inner nav {
        display: none;
    }

    .header-inner .mobile-buttons {
        display: flex;
    }

    #header .drop-below {
        display: none;
    }

    #header .mdi-menu,
    #header .mdi-magnify.mobile {
        display: block;
        padding: 12px 5px;
    }
}

@media screen and (max-width:830px) {
    .header-top .header-inner .drop-below {
        order: 8;
        width: 100%;
        padding: 10px 10px 0 10px;
    }

}

#header .donate {
    background-color: #552D88;
    display: flex;
    align-items: center;
    border-radius: 6px;
    padding: 0 0 0 18px;
}

#member-profile,
#member-login,
#playcentre-shop {
    display: inline-flex;
}

#header .donate a,
#member-profile a,
#member-login a,
#playcentre-shop a {
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    background-color: rgba(91, 47, 142, 1);
    padding: 10px 15px;
    border-radius: 6px;
    line-height: 22px;
}

#header .donate:hover,
#member-profile a:hover,
#member-login a:hover,
#playcentre-shop a:hover {
    opacity: 0.8;
}

#header .donate:hover a {
    opacity: 1;
}

#header .donate a {
    padding-left: 5px;
}

#header .donate .mdi {
    color: #fff;
    line-height: 1;
}

/* Header - Dropdown */
.header-bottom nav>ul>li.menu-item-has-children>a:after {
    content: "\F140";
    font: normal normal normal 24px/1 "Material Design Icons";
    position: relative;
    margin: 2px 0 0 0;
    display: block;
    width: 22px;
    top: 0px;
}



.nav_two>ul>li>.sub-menu>li {
    border-right: 1px solid #E1EAF0;
    padding: 20px;
    width: 283px;
}

.nav_two>ul>li>.sub-menu>li:last-of-type {
    border-right: none;
}

.sub-menu li:last-child {
    border: 0px;
}

.header-bottom nav>ul>li>ul.sub-menu {
    position: absolute;
    transition: all 0.3s ease;
    opacity: 0;
    z-index: 10;
    background-color: #eeedfc;
    padding: 0;
    display: flex;
    justify-content: space-between;
    top: 66px;
    pointer-events: none;
    margin-left: -20px;
    min-width: 360px;
    box-shadow: 0px 12px 8px 0px rgba(0, 0, 0, 0.1);
    ;
}


.header-bottom li.menu-item-has-children:hover ul.sub-menu {
    pointer-events: all;
    opacity: 1;
}


.header-bottom nav>ul>li>ul.sub-menu:after {
    transform: translateX(99%);
    right: 0;
}

.header-bottom nav>ul>li>ul.sub-menu>li>a {
    display: block;
    margin-bottom: 19px;
    opacity: 1;
    font-weight: 400;
    font-size: 14px;
    font-family: "DM Sans";
    color: #552D88;
}

.header-bottom nav>ul>li>ul.sub-menu>li.dropdown {
    display: none !important;
}

.header-bottom nav>ul>li>ul.sub-menu>li>a:hover {
    text-decoration: underline;
}

.header-bottom ul.sub-menu>li {
    display: block;
    margin: 0;
    font-weight: 400;
    padding: 0;
    font-size: 14px;
    font-family: "DM Sans";
}



.header-bottom ul.sub-menu>li>ul {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
}

.header-bottom ul.sub-menu>li>ul>li>a {
    opacity: 1;
    display: block;
    font-weight: 400;
    color: #1E2730;
    font-size: 14px;
    font-family: "DM Sans";
    padding-bottom: 9px;
}

#menu-portal-menu-1>li>ul.sub-menu>li>ul>li {
    font-size: 12px;
    padding: 3px 10px 5px 45px;
    position: relative;
}

#menu-portal-menu-1 ul.sub-menu>li>ul>li:before {
    content: '';
    background: url('../img/sub-menu.webp');
    position: absolute;
    top: 1px;
    display: block;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    left: 32px;
    top: 2px;
}

#menu-portal-menu-1 ul.sub-menu>li>ul>li>a {
    opacity: 1;
    display: block;
    color: #c6a0ff;
}

#menu-main-menu-1 li li ul.sub-menu>li>ul>li {
    font-size: 12px;
    padding: 3px 10px 5px 30px;
    position: relative;
}

.nav_two>ul>li>.sub-menu li ul li ul li {
    position: relative;
    padding-left: 12px;
}

.nav_two>ul>li>.sub-menu>li>ul>li>ul li:before {
    content: '';
    background: url('../img/sub-menu.webp');
    position: absolute;
    top: 1px;
    display: block;
    background-repeat: no-repeat;
    width: 10px;
    height: 20px;
    left: 0;
    top: 2px;
    opacity: 0.5;
}

#menu-main-menu-1 li li ul.sub-menu>li>ul>li>a {
    opacity: 1;
    display: block;
}



.header-bottom ul.sub-menu>li>ul>li.current-menu-item>a,
.header-bottom ul.sub-menu>li>ul>li.current_page_item>a,
.header-bottom ul.sub-menu>li>ul>li>a:hover {
    text-decoration: underline;
}

.header-bottom ul.sub-menu>li>ul>li.dropdown {
    display: none;
}

#header .portal-nav {
    background-color: #eeedfc;

    flex-wrap: wrap;

}

#header .portal-nav nav>ul {
    justify-content: space-between !important;
    flex-wrap: wrap;
}

#header .portal-nav nav>ul>li {
    position: relative;
    font-size: 18px;
    padding: 0;
}

#header .portal-nav nav>ul>li>a {
    color: #591bae;
    font-size: 14px;
    line-height: 1em;
    padding: 20px;
    white-space: nowrap;
    font-weight: 400;

    position: relative;
}

#header .portal-nav nav>ul>li:hover {
    background: #5f3a97;
}

#header .portal-nav nav>ul>li:hover a {
    color: #fff;
    opacity: 1;
}

.header-bottom nav.nav_three>ul>li>ul.sub-menu {
    top: 64px;
}

#header nav.nav_three>ul {
    justify-content: center;
    gap: 0;
}

#header .portal-nav nav>ul>li>ul.sub-menu {
    position: absolute;
    transition: all 0.3s ease;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    background: #5f3a97;
    padding: 10px 0 18px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    border-top: 0;
    box-shadow: 0px 12px 8px -8px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 5px 5px;
    min-width: 237px;
}

#header .portal-nav nav>ul>li.menu-item-has-children:hover ul.sub-menu {
    pointer-events: all;
    opacity: 1;
}

#header .portal-nav nav>ul>li>ul.sub-menu:before {
    display: none;
}

#header .portal-nav nav>ul>li>ul.sub-menu>li {
    display: block;

    margin: 0;
    font-weight: 400;
    padding: 0;
    font-size: 13px;
    line-height: 14px;
}

#header .portal-nav nav>ul>li>ul.sub-menu>li>a {
    color: #ffffff;
    font-weight: 400;
    margin: 0;
    padding: 6px 30px;
}

#header .small-menu ul>li {
    position: relative;
    font-size: 18px;
}

#header .small-menu {
    position: relative;
    font-size: 18px;
}

#header .small-menu ul.sub-menu {
    position: absolute;
    transition: all 0.3s ease;
    pointer-events: none;
    opacity: 0;
    z-index: 10;
    background: #fff;
    padding: 10px 0 18px;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
    border-top: 0;
    box-shadow: 0px 12px 8px -8px rgba(0, 0, 0, 0.3);
    border-radius: 0px 0px 5px 5px;
    min-width: 237px;
    top: 60px;
    width: auto;
}

#header li.small-menu.menu-item-has-children:hover ul.sub-menu {
    pointer-events: all;
    opacity: 1;
}

#header .small-menu ul.sub-menu:before {
    display: none;
}

#header .small-menu ul.sub-menu>li {
    display: block;

    margin: 0;
    font-weight: 600;
    padding: 0;
    font-size: 16px;
    line-height: 14px;
}

#header .small-menu ul.sub-menu>li>a {
    color: #5f3a97;
    font-weight: 600;
    margin: 0;
    padding: 6px 16px;
}

#header li.menu-item.logout {
    padding: 15px 0;
}

#header li.menu-item.logout>a {
    background-color: #ffd400;
    border-radius: 30px;
    padding: 5px 12px;
    color: #591bae !important;
}

#header li.menu-item.logout>a:before {
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    content: "\F206";
    font-size: 18px;
    margin-right: 5px;
}

#header .search-wrap {
    background-color: #ffd400;
    padding: 0 10px;
    border-radius: 6px;
    display: flex;
    align-items: center;
    max-width: 200px;
}

#header .search-field:before {
    /* content: "\F349"; */
    font: normal normal normal 24px/1 "Material Design Icons";
    color: #000;
}

#header .search-wrap input[type="search"],
#header .search-wrap input[type="search"]:focus {
    border: none;
    padding: 12px;
    outline: none;
    font-size: 16px;
    width: 100%;
    background-color: #ffd400;
}

#header .search-wrap .mdi-magnify {
    font-size: 25px;
    color: #591bae;
}

#header .search-field::placeholder {
    color: #444;
}

/* Backgrounds
  --------------------------- */
.bg-grey {
    background: #F5F5F5;
}

.bg-white {
    background: white;
}

.bg-black {
    background: black;
}

.background-image {
    background-size: cover;
    background-position: center;
    position: relative;
    background-color: #542D89;
    background-repeat: no-repeat;
}

.background-image:before {
    content: ' ';
    display: block;
    position: absolute;
    background: linear-gradient(359.83deg, rgba(0, 0, 0, 0.54) 26.29%, rgba(0, 0, 0, 0) 56.6%);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.background-image.no-overlay:before {
    display: none;
}

.no-overlay .background-image:before,
.background-image.no-overlay:before {
    display: none;
}

/* Intro
  --------------------------- */
.intro {}

.intro-copy {}

.intro-copy h1,
.intro-copy h2,
.intro-copy h3 {
    margin-top: 0px;
}

/* Intro - Home */
.intro-default {
    /*background-position: top;*/
}

.intro-default .inner {
    padding: 80px 7% 60px;
    display: flex;
    align-items: flex-end;
}

.intro-default .inner .intro-copy {}

@media screen and (min-width:1400px) {
    .intro-default .inner {
        min-height: 450px;
    }
}

.intro-centre,
.intro-default.slim {
    background-color: #542D89;
}

.intro-default.slim,
.intro-slim {}

.intro-default.slim .inner,
.intro-slim .inner {
    min-height: 0 !important;

}

.page-template-template-portal .intro-default,
.member_post-template-default .intro-default {
    background-position: right center;
}

.page-template-template-portal .intro-default:before,
.member_post-template-default .intro-default:before {
    display: none;
}

.page-template-template-portal .intro-default .inner .intro-copy,
.member_post-template-default .intro-default .inner .intro-copy {
    max-width: 50%
}

@media screen and (max-width:720px) {

    .page-template-template-portal .intro-default,
    .member_post-template-default .intro-default {
        background-position: right 40% center;
        background-size: 135%;
    }

    .page-template-template-portal .intro-default .inner .intro-copy,
    .member_post-template-default .intro-default .inner .intro-copy {
        max-width: 70%
    }
}

@media screen and (max-width:540px) {

    .page-template-template-portal .intro-default,
    .member_post-template-default .intro-default {
        background-position: left center;
        background-size: 806px;
    }

    .page-template-template-portal .intro-default .inner .intro-copy,
    .member_post-template-default .intro-default .inner .intro-copy {
        max-width: 100%
    }
}

/* Intro - Home */
.intro-home {
    background-position: top;
}

.intro-home .inner {
    padding: 0 7%;
    min-height: 640px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.intro-home .intro-copy {}

/* Intro - Home Slider */
.slider-home {
    /* background: #542d89; */
    position: relative;
    width: 100%;
}



.intro-copy-wrap {
    padding: 0 12vw;
    max-width: 1700px;
    width: 100%;
    margin: auto;
    min-height: inherit;
    position: relative;
}

.slider-home .slide.background-image:before {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 55%);
}

.slider-home .slide .inner {}

.slider-home .intro-copy {
    padding: 40px 0px 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-height: inherit;
}

.slider-home .intro-copy .button-group {
    margin-top: 20px;
}

.slider-home .slick-dots button {
    background: rgba(255, 255, 255, 0.3);
}

.slider-home .slick-dots li.slick-active button {
    background: white;
}

.slider-home h1 {
    font-family: 'Playlist';
    font-weight: 400;
    margin: 0;
    margin-bottom: 0.1em;
}

.slider-home a.button,
.intro-copy a.button {
    border-color: transparent;
    padding: 12px 29px;
    background: #FFD400;
    border-radius: 6px;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    text-align: left;
}

.slider-home a.button:hover {
    /* border-color:white; */
}

@media screen and (min-width:1025px) {
    .slider-home .intro-copy h1 {
        font-size: 5em;
    }

    .slider-home .intro-copy p {
        font-size: 1.3em;
    }
}

@media screen and (max-width:1024px) {
    .slider-home .intro-copy h1 {
        font-size: 4em;
    }
}

@media screen and (max-width:800px) {
    .intro-home .inner {
        padding: 0 7%;
    }

    .intro-default .inner {
        padding: 80px 7% 40px;
    }


    .slider-home .slide.background-image:before {
        background: linear-gradient(to top, rgba(0, 0, 0, 0.73) 8%, rgba(0, 0, 0, 0) 78%);
    }

    .slider-home .intro-copy {
        justify-content: flex-end;
    }

    .slider-home .intro-copy h1 {
        font-size: 3em;
    }

    .slider-home .intro-copy p {
        margin: 5px 0;
    }
}

@media screen and (max-width:400px) {
    .slider-home .slide .intro-copy {
        min-height: 510px;
    }

    .intro-home .inner {
        padding: 0 7%;
        min-height: 510px;
    }

    .intro-default .inner {
        padding: 50px 7% 20px;
    }

    .slider-home .intro-copy h1 {
        font-size: 2em;
    }
}

/* Slider - Home - Extras */
.slider-home.extras {
    margin-bottom: 80px;
}

.slider-home.extras h1 {
    font-size: 76px;
    font-style: normal;
    font-weight: 400;
    line-height: 115px;

    text-align: left;
    color: #fff;
}

.slider-home.extras p {
    font-family: "Source Sans Pro";
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;

    text-align: left;
    color: #fff;
}

.slider-home.extras a.button {
    background: #552D88;
    padding: 12px 29px;
    background: #FFD400;
    border-radius: 6px;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;

    text-align: left;
}

.slider-home .ohbaby {
    position: absolute;
    right: 5vw;
    bottom: -75px;
}

.slider-home img.hands {
    position: absolute;
    left: calc(50% - 115px);
    bottom: -60px;
}

@media screen and (max-width:600px) {
    .slider-home img.hands {
        left: 5vw;
        width: 150px;
        bottom: -60px;
    }

    .slider-home img.ohbaby {
        max-width: 120px;
        bottom: -70px;
    }
}

/* hands
    --------------------------- */
.hands::before {
    content: ' ';
    display: block;
    background-image: url(../img/hand-print2.png);
    width: 22%;
    height: 490px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -130px;
    transform: rotate(10deg);
    top: 100px;
    z-index: 10;
}

.layer.hands::after,
.layer.hands:hover::after {
    content: ' ';
    display: block;
    background-image: url(../img/hand-print.png);
    width: 430px;
    height: 490px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -130px;
    transform: rotate(10deg);
    top: -120px;
    left: initial;
    right: -160px;
    transform: rotate(-10deg);
    bottom: 0px;
    opacity: 1 !important;
    top: inherit;
    z-index: 1;
}

.single-column.hands .inner,
.single-column.hands .inner p {
    z-index: 100;
}

.single-column.hands .inner p img {
    z-index: 49;
}

@media screen and (max-width:1450px) {}

@media screen and (max-width:650px) {
    .hands::before {
        display: none;
    }

    .layer.hands::after {
        width: 215px;
        height: 245px;
        right: -60px;
    }

}

.layer.on-this-page {
    padding: 0;
}

.layer.on-this-page .inner {
    padding: 0 7%;

}

.layer.on-this-page .inner .toc {
    padding: 30px;
    background-color: rgba(211, 211, 211, 0.31);
    border: 2px solid rgba(211, 211, 211, 1);
    border-radius: 6px;
}

@media (max-width: 767px) {
    .layer.on-this-page .inner .toc {
        border-width: 1px;
    }
}

.layer.on-this-page .inner .toc .toc-link {
    padding: 5px 0;
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #552D88;
}

.layer.on-this-page .inner .toc .toc-link a {
    font-size: 1.2em;
    font-weight: 700;
    color: #552D88;
}

@media (min-width:1025px) {

    .layer.on-this-page .toc:has(div:nth-child(7)) {
        column-count: 2;
    }
}

.layer.on-this-page .toc h3 {
    column-span: all;
}

/* icons (alternating layer)
      --------------------------- */
.alternating.icons {
    margin-top: 50px;
}

.alternating.icons.hands .inner {
    padding: 60px 12vw 120px;
}

.alternating.icons::before {
    display: none;
}

.alternating.icons .col-media {
    position: relative;
}

.alternating.icons .icon-decoration-right {
    position: absolute;
    right: 40px;
    top: -80px;
    width: 45%;
    z-index: 0;
    transform: rotate(336deg);
}

.alternating.icons .icon-decoration-left {
    position: absolute;
    left: 20px;
    bottom: -40px;
    width: 45%;
    z-index: 0;
    transform: rotate(26deg);
}

.alternating.icons img.main-image {
    width: 100%;
    max-width: 408px;
    /* float: right; */
    margin: 0 auto;
    display: block;
    z-index: 100;
    position: relative;
}

.alternating.icons h4 {
    font-family: Source Sans Pro;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;

    text-align: left;
    color: #552D88;
}

.alternating.icons h2 {
    font-family: Source Sans Pro;
    font-size: 45px;
    font-style: normal;
    font-weight: 600;
    line-height: 50px;

    text-align: left;
    color: #552D88;
}

.alternating.icons p {
    font-family: Source Sans Pro;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;

    text-align: left;
    color: #605869;
}

.alternating.icons a.button {
    padding: 12px 29px;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;

    text-align: left;
    color: #552D88;
}

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

    .layer.icons::after,
    .layer.icons:hover::after {
        display: none;
    }
}

/* Alternating Flex - Offset
      --------------------------- */
.alternating-flex.offset {
    padding: 50px 0 100px 0px;
}

.alternating-flex.offset .grid:not(:last-child) {
    margin-bottom: 120px;
}

.alternating-flex.offset .grid:last-child {
    margin-bottom: 0px;
}

.alternating-flex.offset .col.background-image {
    height: 536px;
    width: 60%;
}

.alternating-flex.offset .col.col-text {
    width: 40%;
}

.alternating-flex.offset .col-text-inner {
    background: #834486;
    padding: 55px 54px 69px 56px;
    border-radius: 6px;
}

.alternating-flex.offset p,
.alternating-flex.offset h1,
.alternating-flex.offset h2,
.alternating-flex.offset h3,
.alternating-flex.offset h4,
.alternating-flex.offset h5,
.alternating-flex.offset h6 {
    color: #fff;
}

.alternating-flex.offset a.button {
    color: #fff;
    border-color: rgba(255, 255, 255, 0.21);
    background-color: transparent;
    font-family: 'Source Sans Pro';
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
}

.alternating-flex.offset .grid:nth-child(odd) .col-text-inner {
    background: #552D88;
}

.alternating-flex.offset .grid:nth-child(even) .col-text-inner {
    background: #834486;
}


.centre-tiles.centres-alternating {
    background:
        url(../img/centre_search_loop.png) no-repeat,
        linear-gradient(#fff 50%, #f5f5f6 50%);
    background-position: center;
    background-size: cover;
    padding: 50px 0px;
}

/* .img-bg-swap {z-index: -1;} */
.alternating-flex.offset .grid:nth-child(odd) .bkg-icons {
    padding: 50px 0px;
    background-image:
        url(../img/alt_icons_1_left.png),
        url(../img/alt_icons_1_right.png);
    background-position:
        43% 98%,
        100% -1%;
    background-repeat: no-repeat;
}

.alternating-flex.offset .grid:nth-child(even) {
    padding: 0;
    background-repeat: no-repeat;
}

.alternating-flex.offset .grid:nth-child(odd) .col-text {
    padding-top: 0px;
    left: 100px;
    position: absolute;
    padding-right: 0px;
    padding-bottom: 0px;
    background: transparent;

}

.alternating-flex.offset .grid:nth-child(odd) .background-image {
    margin-top: 55px;
    border-radius: 6px 0px 0px 6px;
}

.alternating-flex.offset .grid:nth-child(even) .col-text {
    padding-top: 90px;
    right: 70px;
    position: absolute;
    padding-left: 0px;
    padding-bottom: 0px;
    background: transparent;
}

.alternating-flex.offset .grid:nth-child(even) .background-image {
    margin-top: 0px;
    border-radius: 0px 6px 6px 0px;
}

img.icon-decoration-left,
.alternating-flex .img-bg-swap img.icon-decoration-right {
    display: block;
    position: absolute;
    max-width: 330px;
    min-width: 250px;
    wi: 18vw;
    width: 18vw;
}

img.icon-decoration-right {
    right: 0;
    top: -5vw;
}

img.icon-decoration-left {
    right: -8vw;
    bottom: -5vw;
}

.alternating-flex.offset .grid:nth-child(even) img.icon-decoration-right {
    right: inherit;
    left: 0;
    top: inherit;
    bottom: -50px;
}

.alternating-flex.offset .grid:nth-child(even) img.icon-decoration-left {
    bottom: inherit;
    top: -25px;
    right: -25px;
}

@media screen and (max-width: 1100px) {
    .alternating-flex.offset .grid:nth-child(odd) .col-text {
        left: 0;
        padding: 0;
    }

    .alternating-flex .col-text {
        padding: 69px 0;
    }

    .alternating-flex.offset .grid:nth-child(odd) .background-image {
        /* margin-top:0; */
    }

    .alternating-flex.offset .grid:nth-child(even) .col-text {
        right: 0;
        padding: 69px 0;
    }
}

@media screen and (max-width: 919px) {

    .alternating-flex.offset .grid:nth-child(even) .col-text,
    .alternating-flex.offset .grid:nth-child(odd) .col-text {
        position: relative;
        width: 100%;
        left: inherit;
        right: inherit;
        top: inherit;
        bottom: inherit;
        padding: 0;
    }

    .alternating-flex.offset .col-text-inner {
        max-width: 100%;
    }

    .alternating-flex.offset .img-bg-swap img {
        display: none;
    }

    .alternating-flex .img-bg-swap img.icon-decoration-right {
        display: block;
        bottom: 0;
    }

    .alternating-flex.offset .grid:not(:last-child) {
        margin-bottom: 50px;
    }

    .alternating-flex.offset .grid:nth-child(even) {
        padding: 0;
    }

    .alternating-flex.offset .grid:nth-child(even) img.icon-decoration-left {
        bottom: inherit;
        top: -170px;
        right: -25px;
    }

    .alternating-flex.offset .grid:nth-child(even) img.icon-decoration-right {
        display: none;
    }

    .alternating-flex.offset .grid:nth-child(odd) {
        padding: 0;
    }

    .alternating-flex.offset .grid:nth-child(odd) img.icon-decoration-left {
        bottom: inherit;
        top: -170px;
        right: -25px;
    }

    .alternating-flex.offset .grid:nth-child(odd) img.icon-decoration-right {
        display: none;
    }

}




/* Content image slider
    --------------------------- */
.content_image_slider {
    position: relative;
}

.content_image_slider .inner {
    padding-bottom: 134px;
    max-width: 1680px;
    padding-top: 84px;
}

.content_image_slider .col-media {
    margin: 0 auto;
    padding-right: 34px;
    max-width: 50%;
}

.content_image_slider .col-text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.content_image_slider .col-text-inner {
    max-width: 490px;
}

.content_image_slider .image-slider {
    max-width: 450px;
    margin: auto;
    transform: rotate(-3deg);
}

.image-slider .slick-prev,
.image-slider .slick-next {
    background: white;
    border-radius: 60px;
    box-shadow: 0px 4px 10px -2px rgba(0, 0, 0, 0.32);
    top: 44%;
    transition: 0.26s ease all;
    transform: scale(1);
    width: 50px;
    height: 50px;
}

.image-slider .slick-prev:hover,
.image-slider .slick-next:hover {
    opacity: 1;
}

.image-slider .slick-prev {
    left: -23px;
}

.image-slider .slick-next {
    right: -23px;
}

.image-slider .slick-prev:before,
.image-slider .slick-next:before {
    color: #542d89;
    opacity: 1;
}

.content_image_slider .image-slider::before {
    content: ' ';
    display: block;
    width: 120px;
    height: 42px;
    background: #fed401;
    -webkit-transform: rotate(-20deg) translate(-20px, -28px);
    -moz-transform: rotate(-20deg) translate(-20px, -28px);
    -o-transform: rotate(-20deg) translate(-20px, -28px);
    -ms-transform: rotate(-20deg) translate(-20px, -28px);
    transform: rotate(-26deg) translate(-20px, -22px);
    position: absolute;
    -webkit-mask: url(../img/texture.png) repeat;
    -webkit-mask-size: 150px;
    mask: url(../img/texture.png) repeat;
    mask-size: 160px;
    z-index: 1;
    mix-blend-mode: color-burn;
}

.content_image_slider .image-slider::after {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    background: black;
    position: absolute;
    top: 0;
    transform: scale(0.9) rotate(6deg) translateY(46px) translateX(12px);
    filter: blur(10px);
    opacity: 0.4;
    z-index: -1;
}

.future-slide {
    background-color: #efefef;
    padding: 17px;
    border-radius: 2px;
    background-image: url(../img/paper.png);
    background-size: 410px;
}

.future-slide img {
    width: 100%;
}

.future-slide .caption {
    padding: 20px 0 3px;
    /* background: #fed401; */
    font-family: "Source Sans Pro", sans-serif;

    text-align: center;
}

.content_image_slider .slick-dots {
    bottom: -45px;
}

.grid.column-2 .future-slide .caption p {
    margin: 0;
    font-size: 23px;
    color: #542d89;
}

.grid.column-2 .col p {
    /* font-size: 1.06em; */
    /* line-height: 1.6em; */
}

@media screen and (max-width:1449px) {
    .content_image_slider::before {
        top: initial;
        right: -160px;
        bottom: -17%;
        transform: rotate(0deg);
        right: -50px;
        width: 40%;
        background-image: url(../img/hand-print2.jpg);
        left: initial;
    }
}

@media screen and (max-width:1350px) {
    .content_image_slider .grid.column-2 .col-text {
        padding-left: 40px;
    }
}

@media screen and (max-width:840px) {
    .content_image_slider .inner {
        padding-bottom: 41px;
        padding-top: 14px;
    }

    .content_image_slider .grid {
        flex-direction: column;
    }

    .content_image_slider .grid.column-2 .col-media {
        width: 100%;
        max-width: 90%;
        padding: 0;
        margin-bottom: 88px;
        margin: 0 auto 88px;
    }

    .content_image_slider .grid.column-2 .col-text {
        padding: 0;
        max-width: 100%;
        width: 100%;
    }
}

@media screen and (max-width:650px) {
    .grid.column-2 .future-slide .caption p {
        font-size: 1.1em;
    }

    .content_image_slider::before {
        display: none;
    }
}

/* Products Intro
    --------------------------- */
.mobile-show {
    display: none;
}

.product-copy {
    margin-bottom: 35px;
}

.product-showcase-slider {
    margin-bottom: 9px;
    margin-top: 74px;
}

.product-showcase-slider img {}

.product-nav-slider {
    margin-bottom: 74px !important;
}

.product-nav-slider img {
    padding: 6px;
    opacity: 0.4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
}

.product-nav-slider img.slick-current {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.product-nav-slider .slick-next {
    right: -35px;
}

.product-nav-slider .slick-next:before {
    color: #adadad;
}

.product-nav-slider .slick-prev {
    left: -40px;
}

.product-nav-slider .slick-prev:before {
    color: #adadad;
}

.product-nav-slider .slick-dots {
    bottom: -28px;
}

.product-nav-slider .slick-dots button {
    background: rgba(0, 0, 0, 0.13);
}

.product-nav-slider .slick-dots li.slick-active button {
    background: #828282;
}

@media screen and (max-width:1100px) {
    .mobile-show {
        display: block
    }

    .mobile-hide {
        display: none;
    }

    .product-details .grid.column-2 {
        margin: 0px;
    }

    .product-details .grid.column-2 .col {
        width: 100%;
        margin: 0;
    }

    .product-showcase-slider {
        margin-top: 30px;
    }
}

@media screen and (max-width:650px) {
    .product-copy p {
        font-size: 13px;
        line-height: 1.6em;
    }

    .product-option label {
        width: 100%;
    }

    .product-option select {
        width: 100%;
    }

    .product-showcase-slider {
        margin-bottom: 5px;
    }

    .product-nav-slider img {
        padding: 2px;
    }
}

/* video background
  --------------------------- */
.bg-vid-parent {
    height: 100vh;
    position: relative;
    z-index: 1;
    overflow: hidden;
    width: 100%;
    overflow-x: hidden;
}

.bg-video {
    display: block;
    position: absolute;
    width: 100%;
    z-index: -1;
    top: 0;
    left: 0;
    pointer-events: none;
}

.bg-video[style*="display"] {
    opacity: 1;
}

.bg-vid-parent .inner {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.bg-vid-parent .inner>.intro-copy {}

@media screen and (max-width:1099px) {
    .bg-vid-parent.background-image {
        background-attachment: fixed !Important;
    }

    .touchevents .bg-vid-parent.background-image {
        background-attachment: scroll !Important;
    }

    .bg-video {
        display: none;
    }
}

/* Tables
  --------------------------- */
table {
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
    width: 100%;
}

table td,
table th {
    border-left: 1px solid #cbcbcb;
    border-width: 0 0 0 1px;
    font-size: inherit;
    margin: 0;
    overflow: visible;
    padding: 0.5em 1em;
    text-align: left;
    /* color: #757575; */
    line-height: 1.6em;
    font-size: 1.06em;
}

table th {
    border-bottom: 1px solid #cbcbcb;
    font-weight: 700;
}

table td:first-child,
table th:first-child {
    border-left-width: 0
}

table thead {
    background: #e0e0e0;
    color: #000;
    text-align: left;
    vertical-align: bottom
}

table tr:nth-child(2n-1) td {
    background-color: #f8f8f8
}

table td {
    border-bottom: 1px solid #cbcbcb;
    color: #757575;
}

@media screen and (max-width:700px) {

    table td,
    table th {
        padding: 5px;
        font-size: 13px;
    }
}

/* Dividers
  --------------------------- */
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #E4E4E4;
    margin: 1em 0;
    padding: 0;
}

hr.divider {
    margin: 3em 0;
}

.dark hr {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

/* Section header
  --------------------------- */
.section-header {
    padding-bottom: 1px;
}

.section-head {
    margin-bottom: 40px;
    position: relative;
}

.section-head.center {
    margin-left: auto;
    margin-right: auto;
    max-width: 760px;
    text-align: center;
}

.section-head h2,
.section-head h3,
.section-head h4,
.section-head h5 {
    margin-top: 10px;
    margin-bottom: 5px;
}

.section-head.dark h2,
.section-head.dark h3,
.section-head.dark h4,
.section-head.dark h5 {
    color: white;
}

.section-head.center .button-group {
    position: relative;
    margin: 2em 0 0;
}

@media screen and (min-width:650px) {
    .section-head .button-group {
        position: absolute;
        right: 0px;
        margin: 0;
        bottom: 0;
    }
}

@media screen and (max-width:650px) {

    .section-head h3,
    .section-head h4,
    .section-head h5 {
        display: block;
        margin-bottom: 0;
    }
}

/* Single Column
  --------------------------- */
.single-column {
    max-width: 1440px;
    margin: 0 auto;
}

.single-column>.inner {
    padding: 40px 7% 40px;
}

.single-column p:empty {
    display: none;
}

.woocommerce-checkout .single-column {}

.woocommerce-checkout .single-column>.inner {
    padding: 60px 7%;
}

.single-column.tagline {}

.single-column.tagline>.inner {
    padding: 70px 7% 1px;
}

@media screen and (max-width:850px) {
    .single-column.tagline>.inner {
        padding: 40px 7% 1px;
    }
}

@media screen and (max-width:400px) {
    .single-column>.inner {
        padding: 30px 7% 20px;
    }

    .single-column.tagline>.inner {
        padding: 34px 7% 1px;
    }
}

/* Post content */
.content.blog {
    padding-top: 50px;
}

.single-post .content.blog .inner {
    max-width: 1200px;
    padding-top: 50px;
}

.content.blog .inner.research-article {
    max-width: unset;
}

.navigation {
    margin: 40px 0 0 0;
    padding: 40px 0;
    border-top: 1px solid #eee;
    display: flex;
    justify-content: space-between;
}

.navigation span {
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    padding: 13px 24px 9px;
    font-size: 19px;
    /* box-shadow: 0px 7px 7px -5px rgba(0, 0, 0, 0.32); */
    color: #542d89;
    border: 2px solid #dbdfe3;
    background-image: none !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;

    transition: 0.26s;
    display: inline-block;
    padding: 0 12px 0;
    font-size: 16px;
}

.navigation a {
    padding: 9px 6px 6px;
    display: inline-block;
}

/* Tabs
  --------------------------- */
ul.tabs {
    margin: 0px;
    padding: 0px;
    list-style: none;
    background: white;
    text-align: center;
}

ul.tabs li {
    color: #505050;
    display: inline-block;
    padding: 8px 16px;
    cursor: pointer;
    border-radius: 2px 2px 0px 0px;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.no-touch ul.tabs li:hover {
    filter: alpha(opacity=70);
    opacity: 0.7;
}

ul.tabs li.current {
    border-bottom: 2px solid #15CD52;
}

.no-touch ul.tabs li.current:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.tab-content {
    display: none;
}

.tab-content.current {
    display: inherit;
}

/* Accordions
  -------------------------- */
.accordions {}

.accordions>.inner {
    padding: 60px 7%;
}

.accordions .section-head {
    margin-bottom: 20px;
}

.accordion-head {
    cursor: pointer;
    padding: 12px 62px 12px 20px;
    margin: 0px 0px -2px 0px;
    border: 2px solid #eee;
    position: relative;
    font-size: 16px;
    background: white;
    font-weight: 700;
    color: #542d89;
}

.accordion-head:hover {
    background: white;
}

.accordion-head:before {
    content: "\F415";
    font-family: "Material Design Icons";
    position: absolute;
    right: 11px;
    font-size: 21px;
    top: 13px;
    font-weight: 400;
    color: #552d88;
}

.accordion-head.open:before {
    content: "\F374";
}

.accordion-body {
    display: none;
    background: rgb(255, 255, 255);
    padding: 5px 20px;
    border: 2px solid #eee;
    margin-bottom: 10px;
}

.accordion-body.default {
    display: block;
}

@media screen and (max-width:600px) {
    .accordions>.inner {
        padding: 20px 7%;
    }
}

/* Breadcrumbs
  --------------------------- */
.breadcrumbs {
    margin: 0 0 10px;
    list-style: none;
    padding: 0px;
}

.breadcrumbs li {
    display: inline-block;
    margin-right: 12px;
    position: relative;
    font-size: 11px;
    color: rgba(255, 255, 255, 0.7);
}

.breadcrumbs.light li {
    color: #757575;
}

.breadcrumbs li:before {
    display: block;
    content: '/';
    position: absolute;
    right: -8px;
    font-size: 9px;
    top: -1px;
    opacity: 0.5;
}

.breadcrumbs li:last-child:before {
    display: none;
}

.breadcrumbs li a {
    color: white;
}

.breadcrumbs.light li a {
    color: #EE4136;
}

/* Tiles
   --------------------------
  Add the following classes (to layer) to alter the mobile rendering:
   - "mobile-horizontal" - show tiles as rows with image on left
   - "mobile-slide" - show tiles in a tiles slider
  --------------------------- */
.tiles {}

.single-column+.tiles {
    background: #f5f5f6;
}

.tiles .inner {
    padding: 60px 7% 20px;
}

.tiles .section-head {
    margin-bottom: 80px;
}

.grid .tile {}

.grid .tile img {
    width: 100%;
    display: block !important;
}

.grid .tile.member_post .post-thumbnail {

    display: none;
}

.grid .tile.shadow {
    overflow: hidden;
    border-radius: 2px;
    /* box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.15); */
    /* background-color: white; */
    margin-bottom: 30px;
    outline: none;
}

.grid .tile-copy {
    padding: 25px 0;
    /* background:white; */
}

.grid .tile-copy.transparent {
    background: transparent;
}

.grid .tile-copy *:first-child {
    margin-top: 0px;
}

.grid .tile-copy.transparent {
    padding: 25px 0px 0px;
}

.grid .tile-copy p {
    font-size: 1em;
}

.tile-copy p:last-child {
    margin-bottom: 0px;
}

.tiles .col a.background-image {
    width: 100%;
}

@media screen and (max-width:849px) {
    .tiles .inner {
        padding: 30px 7% 50px;
    }
}

@media screen and (max-width:600px) {
    .tiles .section-head {
        margin-bottom: 20px;
    }

    .tiles .inner {
        padding: 30px 7% 30px;
    }
}

/* Mobile horizontal rows */
@media screen and (max-width:700px) {
    .mobile-horizontal .grid .tile {
        margin: 0;
        padding: 20px 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        box-shadow: none;
        border-top: 1px solid #eee;
    }

    .mobile-horizontal .tile img:first-child {
        height: auto;
        display: block !important;
        max-width: 26%;
        margin-right: 5%;
    }

    .mobile-horizontal .tile>a:first-child {
        max-width: 26%;
        margin-right: 5%;
    }

    .mobile-horizontal .tile>a:first-child>img {
        width: 100%;
        min-width: 100%;
    }

    .mobile-horizontal .tile .tile-copy {
        padding: 0;
        position: relative;
        width: 73%;
    }

    .mobile-horizontal .tile .tile-copy h4 {
        margin-bottom: 10px;
    }

    .mobile-horizontal .tile .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }

    .mobile-horizontal .tile .tile-copy .button-group {
        margin-top: 0px;
    }
}

@media screen and (max-width:450px) {
    .mobile-horizontal .grid .tile {
        padding: 14px 0 9px;
    }

    .mobile-horizontal .tile img:first-child {
        max-width: 23%;
        margin-right: 6%;
    }

    .mobile-horizontal .tile>a:first-child {
        max-width: 23%;
        margin-right: 6%;
        width: 23%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .mobile-horizontal .tile .tile-copy h4 {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .mobile-horizontal .tile .tile-copy .button-group {
        margin-top: 2px;
    }

    .mobile-horizontal .tile .tile-copy .button-group a.button {
        background: transparent;
        color: #007FEF;
        padding: 0;
        margin-bottom: 0px;
    }

    /* shorten text to one line */
    .mobile-horizontal .tile .tile-copy p {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
        display: block;
        width: 100%;
        margin: 0;
    }
}

/* Mobile tile slider */
@media screen and (max-width:700px) {
    .mobile-slide.tiles .grid {
        display: block;
        margin-right: calc(-8%);
        margin-left: calc(-8%);
    }

    .mobile-slide.tiles .grid .slick-list {
        padding-left: 7%;
    }

    .mobile-slide.tiles .grid .tile {
        width: 230px;
        margin-right: 16px;
        margin-bottom: 5px;
    }

    .mobile-slide.tiles .grid .tile-copy {
        padding: 20px 10px 10px 0px;
    }

    .mobile-slide.tiles .grid .tile img {
        display: block !important;
    }

    .mobile-slide.tiles .tile-copy h4 {
        margin-bottom: 10px;
    }

    .mobile-slide.tiles .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }

    .mobile-slide.tiles .tile-copy .button-group {
        margin-top: 0px;
    }

    .mobile-slide.tiles .slick-dots {
        position: relative;
        bottom: 0;
        text-align: left;
        padding-left: 7%;
        padding-top: 10px;
    }

    .mobile-slide.tiles .slick-dots button {
        /* background: rgba(0, 0, 0, 0.16); */
    }

    .mobile-slide.tiles .slick-dots li.slick-active button {
        /* background: rgba(0, 0, 0, 0.41); */
    }
}

.layer.tiles-alt {}

.layer.tiles-alt .inner {
    padding: 40px 7% 80px;
}

.layer.tiles-alt .section-head h2 {
    margin: 0;
}

.layer.tiles-alt .grid {
    gap: 70px;
}



.layer.tiles-alt .grid.column-2 .tile {
    width: calc(50% - 35px);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.08);
}

.layer.tiles-alt .grid.column-3 .tile {
    width: calc(33.33% - 46.66px);
}

.layer.tiles-alt .grid.column-4 .tile {
    width: calc(25% - 52.5px);
}

.layer.tiles-alt .grid.column-5 .tile {
    width: calc(20% - 56px);
}

@media (max-width:1200px) {
    .layer.tiles-alt .grid {
        gap: 50px;
    }

    .layer.tiles-alt .grid.column-4 .tile,
    .layer.tiles-alt .grid.column-5 .tile {
        width: calc(33.33% - 33.33px);
    }
}

@media (max-width:1024px) {
    .layer.tiles-alt .grid {
        gap: 40px;
    }

    .layer.tiles-alt .grid.column-3 .tile,
    .layer.tiles-alt .grid.column-4 .tile,
    .layer.tiles-alt .grid.column-5 .tile {
        width: calc(50% - 20px);
    }
}

@media (max-width:768px) {
    .layer.tiles-alt .grid {
        gap: 30px;
    }

    .layer.tiles-alt .grid.column-2 .tile,
    .layer.tiles-alt .grid.column-3 .tile,
    .layer.tiles-alt .grid.column-4 .tile,
    .layer.tiles-alt .grid.column-5 .tile {
        width: 100%;
    }
}


.layer.tiles-alt .tile {
    background-color: #fff;
    padding: 20px 15px;
    border-top: 6px solid rgba(85, 41, 136, 1);
    border-bottom: 6px solid transparent;
    border-radius: 6px;
    width: auto;
    margin: 0 !important;
    transition: all 0.2s ease-in-out;
    min-height: 230px;

}


.layer.tiles-alt .tile .tile-copy {
    padding: 0;
    color: rgba(51, 51, 51, 1);
}

.layer.tiles-alt .tile .tile-copy h4 {
    color: rgba(85, 41, 136, 1);
    font-weight: 700;

    display: flex;
    justify-content: space-between;
    align-items: flex-start;

}

a#back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: flex;
    opacity: 0;
    align-items: center;
    text-align: center;
    line-height: 20px;
    font-size: 16px;
    z-index: 1000;
    background-color: rgba(239, 239, 239, 1);
    padding: 10px;
    gap: 5px;
    font-weight: 600;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;

}

a#back-to-top i {
    font-size: 22px;
}

.centre-tiles {}

.centre_search+.centre-tiles {}

.centre_search+.centre-tiles .inner {
    padding-top: 0px;
    padding-bottom: 51px;
}

.centre-tiles .grid .tile.shadow {
    background: rgba(245, 245, 246, 1);
    border-top: 2px solid #542d89;
}

.centre-tiles .tile-copy {
    padding: 17px 18px 17px 45px;
    position: relative;
}

.centre-tiles .tile-copy:before {
    content: "\F34E";
    display: block;
    display: inline-block;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: inherit;
    text-rendering: auto;
    line-height: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0px;
    color: #542d89;
    font-size: 25px;
    top: 19px;
    left: 10px;
}

.centre-tiles .tile-copy h4 {
    font-size: 21px;
    margin-bottom: 0;
}

.centre-tiles .tile-copy h4+p {
    margin-top: 6px;
    color: #5b5b5b;
    font-size: 15px;
}

@media screen and (max-width:600px) {
    .centre-tiles .grid .tile.shadow {
        margin-bottom: 5px;
    }
}

/* Single Post - Related Posts */
@media screen and (min-width: 600px) {
    .tiles.related-posts .section-head {
        margin-left: 20px;
    }
}


/* Team tiles */
.tiles_team {}

.tiles_team .inner {
    padding: 60px 7% 50px;
}

.tiles_team .grid.column-3 .tile {
    padding-bottom: 60px;
    border-bottom: 1px solid #e5e5e5;
    margin-bottom: 34px;
    position: relative;
}

.tiles_team .lockup {
    display: flex;
    margin-bottom: 15px;
}

.tiles_team .lockup+.tile-copy {
    padding: 0;
    padding-right: 27px;
}

.tiles_team .lockup+.tile-copy ul {
    padding-left: 20px;
}

.tiles_team .lockup+.tile-copy p {
    font-size: 15px;
}

.tiles_team .lockup-image {
    overflow: hidden;
    display: block;
    width: 23%;
    margin-right: 16px;
}

.tiles_team .lockup-image img {
    border-radius: 100px;
    max-width: 95px;
}

.tiles_team .lockup-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 75%;
}

.tiles_team .lockup-copy h4 {
    margin: 0 0 0.18em 0;
}

.tiles_team .lockup-copy h5 {
    margin: 0;
    color: #757575;
    font-weight: 400;
}

.tiles_team .grid.column-3 .tile .button-group {
    position: absolute;
    bottom: 15px;
}

@media screen and (max-width:600px) {
    .tiles_team .grid.column-3 .tile {
        padding-bottom: 50px;
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 24px;
    }

    .tiles_team .lockup-image {
        width: 67px;
    }

    .tiles_team .lockup+.tile-copy {
        padding-right: 0px;
    }

    .tiles_team .lockup+.tile-copy p {
        font-size: 14px;
    }
}

/* Tiles - Category */
.tiles-category .inner {
    padding-top: 0px;
}

.tiles-category span.date-meta {
    margin-right: 5px;
}

.tiles-category span.btn-purple {
    color: #552D88;
    background: #EEEDFC;
    border: none;
    border-radius: 24px;
    padding: 4px 11px 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 13.83px;
    margin-right: 3px;
}

.tiles-category a.button {
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    text-align: left;
    padding: 10px 15px 11px 15px;
    color: #552D88;
}

/* Tiles - Icons */
.tiles.tiles-icons .section-head {
    margin-bottom: 90px;
}

.tiles-icons .section-head p {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;

    text-align: center;
    color: #605869;
}

.tiles-icons .grid.column-4 {
    justify-content: space-around;
}

.tiles-icons .col.tile.shadow {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    width: calc(25% - 30px);
}

.tiles-icons .column-5 {
    flex-wrap: wrap;
}

.tiles-icons .column-5 .col.tile.shadow {
    width: 20%;
    flex: 1;
    min-width: 200px;
}


.tiles-icons .col.tile.shadow img {
    max-height: 150px;
    margin: 0 auto;
    display: block;
    width: auto;
    height: 100%;
}

.tiles-icons .col.tile.shadow .image-spacer {
    min-height: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tiles-icons .col.tile.shadow h2 {
    font-size: 57px;
    font-style: normal;
    font-weight: 600;
    line-height: 63px;

    text-align: center;
    color: #552D88;
    margin-bottom: 2px;
}

.tiles-icons .col.tile.shadow p {
    font-size: 19px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;

    text-align: center;
    color: #857C8F;
    margin-top: 2px;
}


@media screen and (max-width:1000px) {
    .tiles-icons .col.tile.shadow {
        width: calc(50% - 30px);
    }
}

@media screen and (max-width:600px) {
    .tiles-icons .col.tile.shadow h2 {
        font-size: 42px;
    }
}

@media screen and (max-width:420px) {
    .tiles-icons .col.tile.shadow {
        width: 100%;
    }
}

/* Blog filterinrg */
.blog_filtering {}

.blog_filtering .tile h4 {
    margin-bottom: 0px;
}

.blog_filtering .tile h4 a {}

.blog_filtering .tile h4 a {}

span.date-meta {
    font-size: 13px;
    color: #a39d9d;
}

.blog_filtering .tile p {
    margin-top: 3px;
}

/* Member News & Annoucments Filter */
#filter_tiles.blog.member-news .inner {
    display: flex;
    padding: 30px 0;
    gap: 30px;
    max-width: 1200px;
}

#filter_tiles.blog.member-news .option-labels {
    display: flex;
    flex-direction: column;
}

#filter_tiles.blog.member-news .grid .tile-copy {
    padding-top: 0;
}

#filter_tiles.blog.member-news .grid.column-3 {
    margin-left: 0px;
    margin-right: 0px;
}

.post-month.mix.tile {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #542d89;
    width: 100%;
    margin-top: 5px;
}

#filter_tiles.blog.member-news.no-results #filter-container .fail-message {
    display: block;
}

#filter_tiles.blog.member-news .filter-group {
    text-align: left;
}

@media screen and (max-width:480px) {
    #filter_tiles.blog.member-news .inner {
        flex-direction: column;
    }
}

/* Downloads */
.tiles.downloads {
    background: #ffffff;
}

.tiles.downloads+.tiles.downloads {
    border-top: 1px solid #eee
}

.tiles.downloads .inner {
    /* max-width: 1220px; */
    padding-bottom: 50px;
    /* padding-left: 16px; */
}

.tiles.downloads .grid {
    /* display: block; */
    /* margin: 0; */
}

.tiles.downloads .grid .tile {
    /* margin: 0 0 40px 0; */
    /* border-bottom: 1px solid #f2f2f2; */
    background: white;
}

.tiles.downloads .grid .tile:last-child {
    /* border-bottom:0px; */
}

.tiles.downloads .grid .tile .tile-copy {
    padding: 20px 20px;
}

.tiles.downloads .grid .tile .button-group {
    margin: 16px 0 0 0;
}

.tiles.downloads .grid .tile .button-group a.button {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    font-size: 13px;
}

.tiles.downloads .grid .tile .tile-copy p {
    font-size: 14px;
}

.tiles.downloads .grid .tile .tile-copy h4 {
    font-size: 1.125em;
    line-height: 1.22em;
}

@media screen and (max-width:1320px) {
    .tiles.downloads .grid .tile {
        width: calc(33.33% - 20px);
    }
}

@media screen and (max-width:1200px) {
    .tiles.downloads .grid .tile {
        width: calc(50% - 20px);
    }
}

@media screen and (max-width:650px) {
    .tiles.downloads .grid .tile {
        width: 100%;
        margin-bottom: 10px;
    }
}

@media screen and (max-width:450px) {
    .tiles.downloads .inner {
        padding-left: 16px;
        padding-right: 16px;
    }
}

/* Tile Slider
  --------------------------- */
.tiles-slider {}

.tile-slider {}

/* Cards
  --------------------------
  Add the following classes (to layer) to alter the mobile rendering:
  - "mobile-horizontal" - show tiles as rows with image on left
  - "mobile-slide" - show tiles in a cards slider
  --------------------------- */
.cards {}

.cards .inner {
    padding: 60px 50px 50px;
}

.centre_search+.cards .inner {
    padding-top: 0px;
}

.cards+.cards .inner {
    padding-top: 0px;
    margin-top: -49px;
}

.grid .card {
    position: relative;
    margin-bottom: 20px;
    display: block !important;
    overflow: hidden;
    border-radius: 7px;
}

.card .bg-image {
    height: 100%;
    transition: 1.6s cubic-bezier(0.29, -0.01, 0.31, 1.01) all;
    transform: scale(1);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.no-touch .card:hover .bg-image {
    transform: scale(1.2);
}

.grid .card .button-group {
    margin: 0px;
}

.card img {
    width: 100%;
    display: none !important;
}

.card .tile-copy {
    position: absolute;
    bottom: 0px;
    background: transparent;
    padding: 0 38px 30px;
    width: 100%;
}

.card .tile-copy.dark a {
    color: white;
}

.card.background-image:before {
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 4%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
}

.card .date-meta {
    font-size: 12px;
    margin: -8px 0 -6px;
    display: block;
}

.card .tile-copy a.button.small {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.26);
}

.card .tile-copy h3 {
    margin-bottom: -0.2em;
}

.column-2 .card .tile-copy h3 {
    font-size: 3.2em;
    margin-bottom: -0.3em;
}

.card .tile-copy p {
    max-width: 520px;
    margin-top: 11px;
}

.card .link-overlay {
    font-size: 0px;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.column-3 .card .tile-copy h3,
.column-4 .card .tile-copy h3 {
    font-size: 27px;
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 10px;
}

.column-4 .card .tile-copy h5 {
    font-style: italic;
    font-weight: normal;
}

@media screen and (max-width:1160px) {
    .column-2 .card .tile-copy h3 {
        font-size: 2.6em;
    }
}

@media screen and (min-width:850px) {
    .grid .card {
        min-height: 450px;
        margin-bottom: 20px;
    }

    .grid.column-4 .card {
        min-height: 230px;
    }
}

@media screen and (max-width:849px) {
    .grid .card {
        min-height: 300px;
    }

    .grid.column-4 .card {
        min-height: 220px;
    }

    .card {
        min-height: 0px;
    }

    .cards .inner {
        padding: 30px 7% 20px;
    }

    .cards+.cards .inner {
        padding: 1px 7% 20px;
        margin: -10px 0 0 0;
    }

    .card .tile-copy {
        padding: 18px 22px;
    }

    .card .tile-copy p {
        font-size: 0.86em;
    }
}

@media screen and (max-width:600px) {
    .grid .card {
        margin-bottom: 15px !important;
    }

    .column-2 .card .tile-copy h3 {
        font-size: 1.8em;
    }

    .column-3 .card .tile-copy h3,
    .column-4 .card .tile-copy h3 {
        font-size: 27px;
    }
}

@media screen and (max-width:460px) {
    .card img {
        width: auto;
        height: 330px;
    }

    .card .tile-copy {
        padding: 0 14px 14px 24px;
    }

    .column-3 .card .tile-copy,
    .column-4 .card .tile-copy {
        padding: 0 14px 29px 24px;
    }

    .card .tile-copy p {
        /* font-size: 0.9em; */
        line-height: 1.4em;
    }
}

/* Mobile horizontal rows */
@media screen and (max-width:600px) {
    .mobile-horizontal .grid .card {
        margin: 0;
        margin-bottom: 0 !important;
        padding: 20px 0;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        box-shadow: none;
        border-top: 1px solid #eee;
        min-height: 0;
        background: transparent !important;
    }

    .mobile-horizontal .grid .card.background-image:before {
        display: none;
    }

    .mobile-horizontal .card img:first-child {
        height: auto;
        display: block !important;
        max-width: 26%;
        margin-right: 5%;
    }

    .mobile-horizontal .card>a:first-child {
        max-width: 26%;
        margin-right: 5%;
    }

    .mobile-horizontal .card>a:first-child>img {
        width: 100%;
        min-width: 100%;
    }

    .mobile-horizontal .card .tile-copy {
        padding: 0;
        position: relative;
        width: 73%;
    }

    .mobile-horizontal .card .tile-copy h4 {
        margin-bottom: 10px;
    }

    .mobile-horizontal .card .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 5px;
    }

    .mobile-horizontal .card .tile-copy .button-group {
        margin-top: 0px;
    }
}

@media screen and (max-width:450px) {
    .mobile-horizontal .grid .card {
        padding: 14px 0 9px;
    }

    .mobile-horizontal .card img:first-child {
        max-width: 23%;
        margin-right: 6%;
    }

    .mobile-horizontal .card>a:first-child {
        max-width: 23%;
        margin-right: 6%;
        width: 23%;
        -ms-flex-negative: 0;
        flex-shrink: 0;
    }

    .mobile-horizontal .card .tile-copy h4 {
        font-size: 15px;
        margin-bottom: 7px;
    }

    .mobile-horizontal .card .tile-copy .button-group {
        margin-top: 2px;
    }

    .mobile-horizontal .card .tile-copy .button-group a.button {
        background: transparent;
        color: #007FEF;
        padding: 0;
        margin-bottom: 0px;
    }
}

/* Mobile tile slider */
@media screen and (max-width:600px) {
    .mobile-slide.cards .grid {
        display: block;
        margin-right: calc(-8%) !important;
        margin-left: calc(-8%) !important;
    }

    .mobile-slide.cards .grid .slick-list {
        padding-left: 7%;
    }

    .mobile-slide.cards .grid .card {
        width: 230px !important;
        margin-right: 8px !important;
        margin-bottom: 1px !important;
        border-radius: 3px;
        overflow: hidden;
    }

    .mobile-slide.cards .grid .tile-copy {
        padding: 20px 10px 10px;
    }

    .mobile-slide.cards .tile-copy h4 {
        margin-bottom: 10px;
    }

    .mobile-slide.cards .tile-copy p {
        font-size: 12px;
        line-height: 1.5em;
        margin: 0 0 11px;
    }

    .mobile-slide.cards .tile-copy .button-group {
        margin-top: 0px;
    }

    .mobile-slide.cards .slick-dots {
        position: relative;
        bottom: 0;
        text-align: left;
        padding-left: 7%;
        padding-top: 10px;
    }

    .mobile-slide.cards .slick-dots button {
        background: rgba(0, 0, 0, 0.16);
    }

    .mobile-slide.cards .slick-dots li.slick-active button {
        background: rgba(0, 0, 0, 0.41);
    }
}

/* Single Column - Icons */
.single-column.icons {
    justify-content: center;
    background-image:
        url(../img/single_icons_left.png),
        url(../img/single_icons_right.png);
    background-position:
        left,
        right;
    background-repeat: no-repeat;
}

.single-column.icons .inner {
    padding: 60px 6% 50px;
}

.single-column.icons h4 {
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 46px;

    text-align: center;
    color: #552D88;
}

.single-column.icons h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-size: 43px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px;

    text-align: center;
    color: #552D88;
}

.single-column.icons p {
    font-family: Source Sans Pro;
    font-size: 21px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;

    text-align: center;
    color: #605869;
}

@media screen and (max-width:480px) {
    .single-column.icons {
        background-size: 60%;
    }
}

/* Cards - Icons */
.cards-icons {
    background-image: url(../img/curly_line.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.cards-icons .grid.column-4,
.cards-icons .grid.column-5 {
    justify-content: center;
    width: auto;
}

.cards-icons .grid.column-4 .col.card {
    width: calc(25% - 40px);
    margin-left: 12px;
    margin-right: 12px;
}

.cards-icons .inner {
    max-width: 100%;
}

.cards-icons .card {
    height: 420px;
}

.cards-icons .card .tile-copy img.icon {
    display: inline-block !important;
    height: auto;
    width: 30px;
}

.cards-icons .card .tile-copy h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;

    text-align: left;
    margin-top: 13px;
}

.cards-icons .card .tile-copy h3 {
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;

    text-align: left;
    margin-top: 11px;
}

@media screen and (max-width:900px) {
    .cards-icons .grid.column-4 .col.card {
        width: calc(50% - 40px);
        margin-left: 12px;
        margin-right: 12px;
    }
}

@media screen and (max-width:480px) {
    .cards-icons .grid {
        flex-direction: column;
        align-content: center;
    }

    .cards-icons .grid.column-4 .col.card {
        width: 100%;
    }
}

@media screen and (min-width:480px) and (max-width:1024px) {
    .cards-icons .inner {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cards-icons .grid.column-4 .col.card h4 {
        font-size: 14px;
    }

    .cards-icons .grid.column-4 .col.card h3 {
        font-size: 20px;
    }
}

/* Alternating
  --------------------------- */
.alternating {}

.alternating>.inner {
    /* max-width: 1500px; */
    padding: 60px 7%;
}

.alternating .grid:not(:last-child) {
    margin-bottom: 70px;
}

.alternating img {
    width: 100%;
}

.alternating .map_embed {
    padding-bottom: 5%;
    overflow: hidden
}

.alternating .col {}

.alternating .col-media {}

.alternating .col-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

@media screen and (min-width:850px) {
    .alternating .grid:nth-child(even) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

@media screen and (max-width:849px) {
    .alternating>.inner {
        padding: 30px 7% !important;
    }

    .alternating img {
        margin-bottom: 10px;
    }
}

@media screen and (min-width:701px) {
    .alternating .col-text-inner {
        padding: 0 30px;
    }
}

@media screen and (max-width:700px) {
    .alternating .grid.column-2 .col {
        width: 100%;
    }

    .alternating .grid.column-2 .col:first-child {
        margin-bottom: 25px;
    }
}

/* Alternating - Flex
  --------------------------- */
.alternating-flex {}

.alternating-flex>.inner {
    max-width: 100%;
    padding: 0;
}

.alternating-flex .section-head {
    margin-bottom: 30px;
}

.alternating-flex .grid.column-2 {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -ms-grid-row-align: stretch;
    align-items: stretch;
}

.alternating-flex .grid.column-2>.col {
    margin-bottom: 0px;
}

.alternating-flex .col-text {
    background: #ffffff;
    padding: 120px 5%;
}

.alternating-flex.bg-grey .col-text {
    background: #fbfbfb;
}

.alternating-flex .col-text-inner {
    max-width: 580px;
}

.alternating-flex .grid.column-2>.col h3 {
    font-family: 'Source Sans Pro', sans-serif;
    margin-top: 20px;
}

.img-bg-swap {}

.alternating-flex .img-bg-swap img {
    display: none;
}

a.popup-video {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(45, 45, 45, 0.17);
    display: flex;
    flex-direction: column;
}

a.popup-video i.mdi {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: white;
    font-size: 76px;
}

@media screen and (min-width:920px) and (max-width:1350px) {
    .alternating-flex .col-text {
        padding: 69px 5%;
    }
}

@media screen and (min-width:920px) {
    .alternating-flex .grid:nth-child(odd) {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }

    .alternating-flex .grid:nth-child(odd) .col-text-inner {
        margin-left: auto;
    }
}

@media screen and (max-width:919px) {
    .alternating-flex .grid.column-2 {
        -webkit-box-align: baseline;
        -ms-flex-align: baseline;
        -ms-grid-row-align: baseline;
        align-items: baseline;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .alternating-flex .grid.column-2 .col {
        width: 100%;
    }

    .alternating-flex .background-image.img-bg-swap {
        background-image: none;
    }

    .alternating-flex .img-bg-swap img {
        display: block;
        width: 100%;
    }

    .alternating-flex .grid.column-2 .col {
        margin-bottom: 0px;
    }

    .alternating-flex .col-text {
        padding: 44px 7% 40px;
    }
}

@media screen and (max-width:450px) {
    a.popup-video i.mdi {
        font-size: 58px;
    }
}

/* Blog filter bar
  --------------------------- */
.blog-filter {
    background: #FFF;
    margin: 30px 0;
    overflow: hidden;
    border-top: 1px solid #eee;
}

.blog-filter ul {
    text-align: center;
    margin: 0;
    padding: 5px;
}

.blog-filter li {
    display: inline-block;
    margin: 10px 20px;
}

.blog-filter .level-1 {
    border-bottom: 1px dashed #EEE;
    margin-bottom: -1px;
}

.blog-filter .level-1 a {
    padding: 0 0 5px 0;
}

.blog-filter .level-1 a:after {
    content: "+";
    padding-left: 5px;
}

.blog-filter .level-1 a.open:after {
    content: "-";
}

.blog-filter .level-2 li {
    font-size: 14px;
    padding: 3px;
    margin: 0 3px 3px 0;


}

.blog-filter .level-2 .year ul {}

.blog-filter .level-2 .blog-more {
    font-weight: bold;
    font-size: 13px;
}

.blog-filter a:hover {
    opacity: 0.8;
}

.blog-filter a span {
    display: inline-block;
    font-size: 10px;
    padding: 2px 4px;
    min-width: 21px;
    height: 21px;
    border-radius: 100px;
    background: #EEE;
}

/* Comments
  --------------------------- */
.comments-wrapper .navigation {
    display: none;
}

ol.commentlist {
    list-style: none;
    margin: 0 0 1em;
    padding: 20px 0 0;
    text-indent: 0;
}

ol.commentlist li {}

ol.commentlist li.alt {}

ol.commentlist li.bypostauthor {}

ol.commentlist li.byuser {}

ol.commentlist li.comment-author-admin {}

ol.commentlist li.comment {
    padding: 1em;
    border: 1px solid #eee;
}

ol.commentlist li.comment div.comment-author {}

ol.commentlist li.comment div.vcard cite.fn {
    font-style: normal;
}

ol.commentlist li.comment div.vcard cite.fn a.url {}

ol.commentlist li.comment div.vcard img.avatar {
    border: 5px solid #ccc;
    float: right;
    margin: 0 0 1em 1em;
}

ol.commentlist li.comment div.vcard img.avatar-32 {}

ol.commentlist li.comment div.vcard img.photo {}

ol.commentlist li.comment div.vcard span.says {}

ol.commentlist li.comment div.commentmetadata {}

ol.commentlist li.comment div.comment-meta {
    font-size: 9px;
}

ol.commentlist li.comment div.comment-meta a {
    color: #ccc;
}

ol.commentlist li.comment p {
    margin: 0 0 1em;
    font-size: 14px;
}

ol.commentlist li.comment ul {
    font-size: 11px;
    list-style: square;
    margin: 0 0 1em 2em;
}

ol.commentlist li.comment div.reply {
    font-size: 11px;
}

ol.commentlist li.comment div.reply a {
    font-weight: bold;
}

ol.commentlist li.comment ul.children {
    list-style: none;
    margin: 1em 0 0;
    text-indent: 0;
    padding-left: 0px;
}

ol.commentlist li.comment ul.children li {}

ol.commentlist li.comment ul.children li.alt {}

ol.commentlist li.comment ul.children li.bypostauthor {}

ol.commentlist li.comment ul.children li.byuser {}

ol.commentlist li.comment ul.children li.comment {}

ol.commentlist li.comment ul.children li.comment-author-admin {}

ol.commentlist li.comment ul.children li.depth-2 {
    border-left: 5px solid #eee;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-3 {
    border-left: 5px solid #999;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-4 {
    border-left: 5px solid #bbb;
    margin: 0 0 .25em .25em;
}

ol.commentlist li.comment ul.children li.depth-5 {}

ol.commentlist li.comment ul.children li.odd {}

ol.commentlist li.even {
    background: #fff;
}

ol.commentlist li.odd {
    background: #f6f6f6;
}

ol.commentlist li.parent {
    border-left: 5px solid #eee;
}

ol.commentlist li.thread-alt {}

ol.commentlist li.thread-even {}

ol.commentlist li.thread-odd {}

#commentform textarea,
#commentform input {
    background: #EFEFEF;
    border: 0px;
    font-size: 12px;
    padding: 10px 10px;
    outline: none;
    width: 100%;
}

#commentform input[type="submit"] {
    font-size: 12px;
    padding: 4px 16px;
    line-height: 26px;
    width: auto;
    border: 2px solid #222;
    background: rgba(0, 0, 0, 0);
    outline: none;
    margin-top: 10px;
    text-transform: uppercase;
}

p.comment-form-url {
    display: none;
}

/* Search page
  --------------------------- */
.search-results {}

.search-result-list {
    flex-direction: column;
}

.search-result-list>p {
    width: 100%;
}

.search-results .content .didyoumean,
.search-no-results .content .didyoumean {
    /* display:block; */
    font-weight: bold;
}


.didyoumean a {
    font-style: italic;
    color: #fff;
    text-decoration: underline;
}

.search-results article {
    display: block;
    float: none;
    width: 100%;
    border-bottom: 1px solid white;
    background: white;
    padding: 17px 23px 16px;
    margin: 0px 1% 4px;
}

.search-results article h3 {
    margin: 0px;
    font-size: 1.6em;
}

.search-results article h5.date-meta {
    margin: 5px 0px 0px;
}

.search-results article p {
    margin: 0;
    font-size: 13px;
    padding: 10px 0;
}

.search-results article img {
    width: 150px;
    float: right;
    margin-left: 10px
}

.load-more-wrapper {
    margin: 10px 0px;
}

.content.search .inner {
    max-width: 1200px;
    padding: 40px 7%;
}

.load-more-wrapper {
    text-align: center;
}

@media screen and (max-width:450px) {
    .search-results article h3 {
        line-height: 1.3em;
    }

    .search-results article p {
        font-size: 11px;
    }
}



/* Footer
  --------------------------- */
.footer {
    background-color: #FDD303;
}

.footer-top {
    background: #f5f5f6;
}

.footer-top h4 {
    color: #333333;
}

.footer-top h4 a {}

.footer-top li {}

.footer-top li a {
    color: #542d89;
    font-family: Source Sans Pro;
    font-size: 15px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
}

.footer-top .inner {
    padding: 40px 7%;
}

.footer-bottom {}

.footer-bottom .inner {
    padding: 40px 7%;
}

.footer .inner {
    max-width: 1540px;
}

.footer .social i {
    color: #552D88;
    font-size: 21px;
    display: inline-block;
    margin: 0 3px 0px 0;
}

.footer h4 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    margin-bottom: 6px;
    /* font-size: 17px; */
    margin-top: 0;
    /* font-family: Source Sans Pro; */
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #552D88;
}

.footer h4:empty {
    display: none;
}

.footer .footer-bottom h4 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 17px;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
    color: #552D88;
}

.footer ul {
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 14px;
}

.footer .footer-logo {
    max-width: 590px;
    width: 100%;
    height: auto;
}

.footer ul li {
    margin-bottom: 2px;
}

.footer h4+p {
    margin-top: 10px;
}

.footer a,
.footer p {
    color: #552D88;
    font-family: 'Source Sans Pro';
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;

}

.footer a:hover {
    opacity: 1;
    text-decoration: underline;
}

.footer a.button {

    color: #552D88;
    font-family: Source Sans Pro;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
}

.footer a.button:hover {
    border-color: #dbb21d;
    text-decoration: none;
}

.footer-top .grid:nth-child(1) {}

.footer .grid:nth-child(2) {}

.footer .col {
    /* margin-bottom: 20px; */
    /* padding-bottom: 20px; */
}

.footer .grid.column-3 .col:nth-child(2),
.footer .grid.column-3 .col:nth-child(3) {
    padding-top: 36px;
}

.footer .col img {
    max-width: 70%
}

.footer form {
    padding-top: 14px;
    max-width: 350px;
}

.footer form input {
    background: #fff;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 17px;
    color: #9594AB;
    border: 0;
    background-image: none !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    transition: 0.26s;
    width: 100%;
    margin-bottom: 12px;
    /* border: 2px solid rgba(255, 255, 255, 0.2); */
    outline: none;
    box-shadow: none;
    border: none;
    outline: none;
}

.footer form input::placeholder {
    color: #9594AB;
}

.footer form input[type="submit"] {
    display: inline-block;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    padding: 13px 24px 9px;
    font-size: 19px;
    color: #542d89;
    border: 2px solid #dbdfe3;
    background-image: none !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;

    transition: 0.26s;
    display: inline-block;
    border-color: rgba(255, 255, 255, 0.2);
    color: white;
    display: inline-block;
    width: auto;
    padding: 9px 23px 6px;
    font-size: 16px;
}

.footer form input[type="submit"]:hover {
    border-color: white;
}

.footer-meta {
    border-top: 1px solid #eec703;
    font-size: 12px;
    /* background: #3e2068; */
    padding: 30px 0;
}

.footer-meta .inner {
    padding: 0px 7%;
}

.footer-meta .flex {
    justify-content: space-between;
}

.footer .footer_meta_text,
.footer .footer_meta_text a {
    font-family: Source Sans Pro;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: right;
}

.footer .footer_meta_text {
    display: inline-block;
    text-align: right;
    margin: 0;
    flex: 1;
}


.footer .lockup {
    display: flex;
    flex: 1;
}

.footer .lockup img {
    max-height: 100px;
}

.footer .lockup img.nz-federation {
    width: 73px;
    height: 73px;
    margin-right: 30px;
}

.footer .lockup img.families-growing {
    min-width: 460px;
}

.footer-upper {
    padding-top: 50px;
}

.footer-upper .inner {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: flex-start;
}



.footer-lower {
    padding: 30px 0 50px 0;
}

.footer-lower .inner {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-lower .inner .left {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.footer-lower .inner .left .col {
    flex: 1;
}

.footer-lower .inner .right {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%;
}

.footer-lower .inner .right .right-col {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-items: flex-end;
    gap: 20px;
}

.footer-lower .inner .right .right-col .top {
    width: 100%;
}

.footer-lower .inner .right .right-col .top .button-group {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.footer-lower .inner .right .right-col .top .button-group a {
    margin: 0;
}

.footer-lower .inner .right .right-col .bottom {
    width: 100%;
    text-align: right;
    margin-top: 10px;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    flex-wrap: wrap;
}

.footer-lower .inner .right .right-col .bottom ul {
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
    flex-wrap: wrap;
}

.footer-lower .inner .right .right-col .bottom ul li a {
    font-weight: 600;
}

.footer-lower .inner .right .right-col .bottom .button-group {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
}

.footer-lower .inner .right .right-col .bottom .button-group a {
    margin: 0;
}


@media screen and (max-width:1024px) {

    .footer-lower .inner .left {
        flex-direction: column;
    }

    .footer .lockup,
    .footer .footer_meta_text {
        width: 100%;
        justify-content: center;
        text-align: center;
    }

}

@media screen and (max-width:700px) {

    .footer-lower .inner {
        flex-direction: column;
    }

    .footer-lower .inner .right .right-col .top .button-group,
    .footer-lower .inner .right .right-col .bottom .button-group {
        justify-content: flex-start;
    }

    .footer-lower .inner .right .right-col .bottom {
        justify-content: flex-start;
        text-align: left;
        flex-direction: column;
    }

    .footer-lower .inner .right .right-col .bottom ul {
        justify-content: flex-start;
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }


    .footer .footer-logo {
        max-width: 100%;
        /* flex: 1; */
        margin-left: 0;
    }

    .footer .col img {
        margin: -10px 0 20px 0;
    }

    .footer-meta .flex {
        display: block;
    }

    .footer .grid.column-3 .col:nth-child(2),
    .footer .grid.column-3 .col:nth-child(3) {
        padding-top: 0px;
    }

    .footer .grid.column-3 .col:nth-child(3) {
        margin-bottom: 0px;
    }

    .footer .lockup {
        display: block;
        text-align: center;
        width: 100%;
    }

    .footer .lockup img.nz-federation {
        margin-right: 0;
        margin-bottom: 20px;
    }

    .footer .lockup img.families-growing {
        min-width: 100%;
    }

    .footer .footer_meta_text {
        width: 100%;
        text-align: center;
    }
}

/* Slick - Gallery slider
  ------------------------------------ */
.gallery-slider img {
    height: 400px;
}

.gallery-slider .slick-dots {
    bottom: 16px;
}

@media screen and (max-width:1024px) {
    .gallery-slider img {
        height: 300px;
    }
}

@media screen and (max-width:760px) {
    .gallery-slider img {
        height: 200px;
    }
}

@media screen and (max-width:450px) {
    .gallery-slider img {
        height: 110px;
    }

    .gallery-slider .slick-dots {
        position: relative;
        bottom: 0px;
        background: #3a3a3a;
        padding-bottom: 10px;
    }
}

/* Zoom gallery
    ----------------------- */
.mfp-figure figcaption {
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: 0;
}

.mfp-figure .mfp-bottom-bar {
    padding: 14px;
    background: transparent;
}

.mfp-bottom-bar .mfp-counter {
    bottom: 23px;
    right: 0px;
}

.mfp-title .author img.avatar {
    width: 30px;
    left: -40px;
    top: -5px;
}

.mfp-title .author .name {
    color: white;
    font-size: 12px;
}

.mfp-title .author .username,
.mfp-title .author .time {
    color: rgba(255, 255, 255, 0.5);
}

.image-source-link {
    color: #98C3D1;
}

.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg,
.mfp-animated-image {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}

.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.9;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-ready .mfp-animated-image {
    opacity: 1;
}

.mfp-wrap .mfp-arrow {
    height: auto;
    width: auto;
    margin: -26px 0 0 0;
}

.mfp-arrow:before {
    display: none;
}

.mfp-arrow-right:after,
.mfp-arrow-left:after {
    font-family: framework;
    font-size: 40px;
    color: white;
    width: 50px;
    height: 50px;
    display: block;
    line-height: 46px;
    position: relative;
    border: 0px;
    margin: 0px;
}

.mfp-wrap .mfp-arrow-right {
    right: 15px;
}

.mfp-wrap .mfp-arrow-left {
    left: 15px;
}

.mfp-arrow.mfp-arrow-right:after {
    content: 'j';
}

.mfp-arrow.mfp-arrow-left:after {
    content: 'i';
}

@media screen and (max-width:450px) {

    .mfp-arrow-right:after,
    .mfp-arrow-left:after {
        font-size: 20px;
    }

    .mfp-wrap .mfp-arrow-right {
        right: 5px;
    }

    .mfp-wrap .mfp-arrow-left {
        left: 5px;
    }
}

/* Gallery - thumbnail
--------------------------- */
.gallery-thumbnails {}

.gallery-thumbnails .inner {
    padding: 60px 7%
}

.gallery-thumbnails .grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.gallery-thumbnails .gallery-thumbnail-image {
    width: 20%;
}

.gallery-thumbnail-image {
    display: block;
    margin-top: 0px;
    text-align: center;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

.no-touch .gallery-thumbnail-image:hover,
.gallery-thumbnail-image:hover {
    -webkit-transform: scale(0.94);
    -moz-transform: scale(0.94);
    -o-transform: scale(0.94);
    -ms-transform: scale(0.94);
    transform: scale(0.94);
    filter: alpha(opacity=100);
    opacity: 1;
}

.gallery-thumbnail-image img {
    width: 100%;
}

.gallery-thumbnail-image img.image-bg {
    position: absolute;
}

.gallery-thumbnail-image img.image-spacer {
    border: 0px solid #ecf1f7;
}

@media screen and (max-width:450px) {
    .gallery-thumbnails .gallery-thumbnail-image {
        width: 25%;
    }
}

/* Gallery columns
--------------------------- */
.gallery-columns {}

.gallery-columns .inner {
    max-width: 1300px;
    padding: 60px 7%;
}

.gallery-columns .section-head {
    margin-bottom: 20px;
}

.gallery-columns .grid {
    -webkit-columns: 3 220px;
    -moz-columns: 3 220px;
    columns: 3 220px;
    -moz-column-fill: balance;
    column-fill: balance;
}

.gallery-columns .grid>a {
    display: inline-block;
}

.gallery-columns .grid>a img {
    width: 100%;
    display: block;
    border-bottom: 10px solid rgba(255, 255, 255, 0);
}

@media screen and (max-width:600px) {
    .gallery-columns .inner {
        padding: 30px 7%;
    }

    .gallery-columns .grid {
        -webkit-columns: 2 50px;
        -moz-columns: 2 50px;
        columns: 2 50px;
    }
}

/* Content slider
  --------------------------- */
.content-slider {}

.content-slider>.inner {
    padding: 60px 7%;
}

.content-slider .section-head {
    margin-bottom: 20px;
}

.content-slider .slide {
    padding: 0 2px;
}

.content-slider .grid {
    margin: 0;
}

.content-slider .col-media {}

.content-slider .col-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.content-slider .col-text-inner {
    padding: 0 10%;
}

.content-slider .slick-dots {
    position: relative;
    bottom: 0px;
    margin-top: 20px;
}

@media screen and (max-width:600px) {
    .content-slider .col-text-inner {
        padding: 20px 0% 0;
    }
}

/* Logo strip
----------------------------- */
.logo-strip {
    text-align: center;
}

.logo-strip .inner {
    padding: 18px 7% 30px;
}

.logo-strip .section-head {
    margin: 0 auto 18px;
}

.logo-strip img {
    max-width: 110px;
    margin: 10px 18px;
}

@media screen and (max-width: 400px) {
    .logo-strip img {
        max-width: 80px;
        margin: 7px 10px;
    }
}

/* Testimonials
  --------------------------- */
.testimonials {
    text-align: center;
    background: #fcd402;
    position: relative;
    overflow: hidden;
}

.testimonials::before {
    content: ' ';
    display: block;
    background-image: url(../img/hand-print2.png);
    width: 410px;
    height: 425px;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    left: -130px;
    transform: rotate(10deg);
    bottom: 0px;
    opacity: 0.2;
}

.testimonials .inner {
    padding: 88px 7%;
    max-width: 1200px;
}

.testimonials .section-head {
    margin-bottom: 10px;
}

.testimonials .section-head h3 {
    color: #542d89;

    font-family: 'Source Sans Pro', sans-serif;
}

.testimonial .author {
    font-size: 14px;
    color: #542d89;
}

.testimonial img {
    width: 90px;
    border-radius: 100px;
    height: 90px;
    margin: auto;
}

.testimonials .slick-dots {
    position: relative;
    bottom: 0;
    margin: 15px 0 0 0;
}

.testimonials .slick-dots button {
    /* background: rgba(0, 0, 0, 0.2); */
}

.testimonials .slick-dots li.slick-active button {
    /* background: #222222; */
}

.testimonials .slick-slide {
    padding: 0 20px;
    text-align: center;
}

.testimonials .slick-prev,
.testimonials .slick-next {
    top: 22%;
}

.testimonials .slick-prev {
    left: -60px;
}

.testimonials .slick-next {
    right: -60px;
}

@media screen and (min-width:1300px) {
    .testimonials .slick-prev {
        left: -100px;
    }

    .testimonials .slick-next {
        right: -100px;
    }
}

@media screen and (max-width:1400px) {
    .testimonials::before {
        bottom: -190px;
        width: 280px;
        height: 288px;
        left: 0px;
        bottom: -80px;
    }
}

@media screen and (min-width:851px) {
    .testimonial p {
        font-size: 1.6em;
        color: #000000;
        line-height: 1.7em;
        margin-top: 17px;
    }
}

@media screen and (max-width:850px) {
    .testimonials .inner {
        padding: 50px 7%;
    }

    .testimonial p {
        font-size: 1.22em;
        color: #000000;
        line-height: 1.7em;
    }

    .testimonials .slick-slide {
        padding: 0
    }

    .testimonials::before {
        display: none;
    }
}

@media screen and (max-width:460px) {
    .testimonial p {
        font-size: 1.08em;
        color: #000000;
        line-height: 1.7em;
    }
}

/* Columns */
.content-columns {}

.alternating-flex+.content-columns {
    background: #f5f5f6;
}

.content-columns>.inner {
    padding: 60px 7%;
    max-width: 1290px;
}

.content-columns .section-head {
    margin-bottom: 70px;
}

.content-columns .grid.column-2 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: flex-start;
}

.content-columns .grid.column-2 .col {}

.content-columns h3 {
    font-family: 'Source Sans Pro', sans-serif;

}

@media screen and (max-width:849px) {
    .content-columns>.inner {
        padding: 30px 7%;
    }
}

@media screen and (min-width:601px) {
    .content-columns .grid.column-2 .col:nth-child(odd) {
        padding-right: 20px;
    }

    .content-columns .grid.column-2 .col:nth-child(even) {
        padding-left: 20px;
    }
}

@media screen and (max-width:600px) {
    .content-columns .grid.column-2 .col {
        margin-bottom: 30px;
    }

    .content-columns .grid.column-2 .col:last-child {
        margin-bottom: 0px;
    }
}

/* pricing columns */
.pricing-columns .grid {}

.pricing-columns>.inner {
    padding: 80px 7%;
}

.pricing-column {
    padding-bottom: 4em;
    position: relative;
    padding: 2em;
    border: 1px solid #dedede;
    margin-bottom: 16px;
}

.pricing-column.selected {
    border-color: #000;
    z-index: 1;
    -moz-box-shadow: 0px 0px 0px 10px #FFF;
    padding: 2em;
}

.pricing-column.selected:after {
    content: "Most popular";
    text-transform: uppercase;
    text-align: center;
    display: inline-block;
    background: #000;
    padding: 0.6em 1.2em;
    font-size: 10px;
    color: #FFF;
    position: absolute;
    right: 0em;
    top: 0;
    font-weight: 700;

}

.pricing-column-header {
    text-align: center;
}

.pricing-column .button-group {
    text-align: center;
}

p.price {
    font-size: 2.0em;
    font-weight: 700;
}

p.price sup {
    font-size: 0.5em;
    top: -0.65em;
}

.outro {
    padding: 2em 50% 4em 2em;
}

.horizontal .pricing-column {
    width: 100% !Important;
    text-align: left;
    padding-bottom: 2em;
    margin-left: 0px !Important;
    margin-right: 0px !Important;
}

.horizontal .pricing-column-header {
    float: left;
    width: 30%;
    text-align: left;
}

.horizontal .pricing-column-content {
    float: left;
    width: 70%;
    padding: 1.8em 0 0 3em;
}

@media screen and (max-width:650px) {

    .horizontal .pricing-column-header,
    .pricing-column-header {
        width: 100%;
        text-align: center;
    }

    .horizontal .pricing-column-price,
    .pricing-column-price {
        width: 100%;
        text-align: center;
    }

    .horizontal .pricing-column-content,
    .pricing-column-content {
        clear: both;
        width: 100%;
        padding: 0;
    }
}

@media screen and (max-width:600px) {

    .columns>.inner,
    .pricing-columns>.inner {
        padding: 30px 7%;
    }
}

/* CTA
  --------------------------- */
.cta {}

.cta>.inner {
    padding: 60px 7%;
}

.cta .section-head {
    margin-bottom: 0px;
}

@media screen and (max-width:600px) {
    .cta>.inner {
        padding: 30px 7%;
    }
}

/* Full Width Image */
.full-width-img img {
    margin: 0 auto;
    display: block;
}

.full-width-img img.mobile {
    display: none;
}

@media screen and (max-width:600px) {
    .full-width-img img.mobile {
        display: block;
    }

    .full-width-img img.desktop {
        display: none !important;
    }
}

/* Popup
  --------------------------- */
html.popup-open,
html.popup-open body {
    overflow: hidden !important;
}

.popup {
    background-color: rgba(8, 34, 53, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99999;
    top: 0;
    left: 0;
    overflow-x: hidden;
    text-align: center;
}

.popup-inner {
    padding: 80px;
    height: auto;
    width: inherit;
}

.popup-content-wrapper {
    display: inline-block;
    position: relative;
    z-index: 2;
    background: #FFF;
    max-width: 700px;
    text-align: left;
    padding: 20px;
    -webkit-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
    -moz-box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
    box-shadow: 0px 2px 50px rgba(8, 37, 60, 0.42);
}

.popup .button-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    color: transparent;
}

.popup .button-overlay span {
    display: none;
}

.popup .button-x {
    position: absolute;
    top: -20px;
    right: -20px;
    text-decoration: none;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #542d89;
    border-radius: 100px;
    color: #FFF;
    text-align: center;
    -transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.popup .button-x span {
    display: none;
}

@media screen and (min-width:700px) {
    .popup-content-wrapper {
        min-width: 300px;
    }
}

@media screen and (max-width:600px) {
    .popup-inner {
        padding: 11px;
    }

    .popup .button-x {
        top: -6px;
        right: -7px;
    }

    .popup-content-wrapper {
        padding: 30px;
    }

    .popup-content-wrapper {
        font-size: 12px;
    }
}

/* Footer - Banner */
#choose-centre-banner {
    position: fixed;
    bottom: 0;
    background-color: #542D89;
    width: 100%;
    text-align: center;
    z-index: 100;
    display: none;
    border-top: 2px solid #c3a5ec;
}

#choose-centre-banner .popup-content {
    display: flex;
    align-items: center;
    padding: 0 20px;
    flex-wrap: wrap;
}

#choose-centre-banner .popup-content p {
    color: #fff;
    margin: 0;
    text-align: left;
    flex: 1;
}

#choose-centre-banner .popup-inner {
    padding: 10px;
    height: auto;
    max-width: 800px;
    width: 100%;
    margin: 0 auto;
}

#choose-centre-banner #choose-centre-banner-wrapper {
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #542D89;
    max-width: 100%;
    padding: 5px;
}



#choose-centre-banner select {
    margin-left: 20px;
    background: rgb(62, 32, 104);
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 17px;
    color: #ffffff;
    border: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;

    transition: 0.26s;
    outline: none;
    box-shadow: none;
    flex: 1;
    max-width: 300px;
}

#choose-centre-banner .button-x {
    text-decoration: none;
    line-height: 40px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #542d89;
    border-radius: 100px;
    color: #FFF;
    text-align: center;
    -transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

#choose-centre-banner .button-x span {
    display: none;
}

#footer.sticky-banner {
    padding-bottom: 74px;
}

@media screen and (min-width:700px) {
    #choose-centre-banner #choose-centre-banner-content-wrapper {
        min-width: 300px;
    }

}

@media screen and (max-width:600px) {
    #choose-centre-banner .popup-inner {
        padding: 11px;
    }

    #choose-centre-banner .popup .button-x {
        top: -6px;
        right: -7px;
    }

    #choose-centre-banner #choose-centre-banner-content-wrapper {
        padding: 30px;
        font-size: 12px;
    }

    #choose-centre-banner .popup-content {
        display: block;
        text-align: center;
    }

    #choose-centre-banner select {
        width: 60%;
        margin: 10px auto;
        /* flex:0; */
    }

    #choose-centre-banner .popup-content p {
        width: 100%;
        text-align: center;
    }
}

/* Gutenberg blog posts
  ---------------- */
/*
  .blog .post-content { max-width:800px; margin:0 auto; }

  .post-content .alignwide {
      margin-left  : -80px;
      margin-right : -80px;
  }
  .alignfull {
      margin-left  : calc( -100vw / 2 + 100% / 2 );
      margin-right : calc( -100vw / 2 + 100% / 2 );
      width: 100vw;
      max-width    : 100vw;
  }
  .alignfull img {
      width: 100vw;
  }
  */
/* Filtering
  -------------- */
.filtering {
    overflow: hidden;
    border-bottom: 2px solid #eee;
}

#filter_tiles #mix-filters .name-label {
    display: inline-block;
    min-width: 80px;
    margin-right: 10px;
}

#filter_tiles .option-labels {
    display: inline-block;
}

#filter_tiles .option-labels input[type="radio"],
#filter_tiles .option-labels input[type="checkbox"] {
    display: none;
}

#filter_tiles .option-labels label {
    color: #717171;
    display: inline-block;
    line-height: 1em;
    position: relative;
    border: 0;
    padding: 7px 20px;
    margin-bottom: 10px;
    outline: none;
    margin: 0px 2px 5px 0px;
    border: 2px solid #dbdfe3;
    display: flex;
    border-radius: 6px;
    font-size: 14px;
    padding: 6px 15px;
}

#filter_tiles .option-labels label.active {
    background-color: #542d89;
    color: white;
    border-color: #542d89;
}

#filter_tiles #filter-container .fail-message {
    text-align: center;
    width: 100%;
    padding: 20px;
    -webkit-transition: 150ms;
    -moz-transition: 150ms;
    transition: 150ms;
    display: none;
}

#filter_tiles #filter-container .fail-message span {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 700;
}

#filter_tiles #filter-container.no-results .fail-message {
    display: block;
}

#filter_tiles #filter-container {
    width: 100%;
    clear: both;
    display: flex;
    gap: 30px;
    min-height: 100px;

}

#filter_tiles .controls {
    margin-bottom: 50px;
}

#filter_tiles .controls.select .filter-group {}

#filter_tiles .controls.select .filter-group select {
    /* display:none; */
}

#filter_tiles .controls.radio .filter-group {}

#filter_tiles .controls.checkbox .filter-group {}

#filter_tiles #filter-load-more {
    display: block;
    width: 150px;
    background-color: rgb(255, 255, 255);
    padding: 10px;
    text-align: center;
    margin: 2em auto;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    color: #542d89;
    border: 2px solid #dbdfe3;
    background-image: none !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;
    transition: 0.26s;
}

.featured-member-post img {
    max-width: 400px;
    display: block;
    margin: 0 auto;
}


/* Filtering sidebar */
.filtering-sidebar {}

.filtering-sidebar>.inner {
    display: flex;
    flex-wrap: wrap;
}

.filtering-sidebar .top-bar {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-top: 30px;
}

.filtering-sidebar .name-label {
    padding: 5px 10px;
}

.filtering-sidebar .name-label h5 {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
    margin: 0;
    align-items: center;
}

.filtering-sidebar .name-label h5 i {
    padding: 3px;
    background-color: #f5f5f5;
    border-radius: 20px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #542d89;
}

#filter_tiles.filtering-sidebar .option-labels {
    display: none;
    padding: 5px;
}

#filter_tiles.filtering-sidebar .open .option-labels {
    display: block;
}

#filter_tiles.filtering-sidebar .open .option-labels label.sub {
    margin-left: 15px;
}

#filter_tiles.filtering-sidebar .open .option-labels label:hover {
    background-color: #f5f5f5;
    color: #542d89;
}

#filter_tiles.filtering-sidebar .open .option-labels label.active:hover {
    background-color: #542d89;
    color: #fff;
}

.filtering-sidebar .filter-group {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#filter_tiles.filtering-sidebar #filter-load-more {
    display: none;
}

#filter_tiles .top-bar .option-labels label {
    display: inline-block;
}

#filter_tiles .top-bar .option-labels span,
.top-bar .option-labels span {
    font-weight: 600;
    margin-right: 10px;
    font-weight: 700;
    display: inline-block;
    padding: 5px;
}

#filter_tiles .top-bar .option-labels label,
.top-bar .option-labels label {
    border: none;
    font-weight: 600;
    font-size: 16px;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    padding: 10px 0 5px;
    margin: 0 20px 0 5px;
}

#filter_tiles .top-bar .option-labels label.active,
.top-bar .option-labels label.active {
    color: #542d89;
    background-color: transparent;
    border-color: #542d89;
}

#filter_tiles.filtering-sidebar .top-bar .option-labels,
.top-bar .option-labels {
    padding: 0 5px 5px 5px;
}

.filtering-sidebar .top-bar .filter-group {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.filtering-sidebar .wpcf7-form {
    padding: 0;
}

.filtering-sidebar .grid.column-4 .tile {
    background-color: #f5f5f5;
    padding: 20px;
    border-top: 2px solid #542d89;
    margin-right: 10px;
    margin-left: 10px;
    min-width: 260px;
    flex: 1;
    max-width: 33%;
}

@media screen and (max-width:1650px) {
    .filtering-sidebar .grid.column-4 .tile {
        /* width:calc(33% - 20px); */
    }

}


.filtering-sidebar .grid.column-4 .tile a.button.small {
    padding: 10px 15px;
    font-size: 15px;
}

.filtering-sidebar .grid.column-4 .tile .button-group {
    display: flex;
    flex-wrap: wrap;
}

.filtering-sidebar .grid.column-4 .tile.lazy {
    display: none;
}

.filtering-sidebar .tile .tile-copy {
    padding: 0;
}



.filtering-sidebar .tag-group a {
    color: #552D88;
    background: #EEEDFC;
    border: none;
    border-radius: 24px;
    padding: 4px 11px 5px;
    font-size: 11px;
    font-weight: 600;
    line-height: 13.83px;
    margin: 0 3px 3px 0;
    white-space: nowrap;
    display: inline-block;
}

.filtering-sidebar .sidebar {
    width: 260px;
    margin-right: 40px;
}

.filtering-sidebar .filtered-group {
    width: calc(100% - 300px);
}

#filter_tiles.filtering-sidebar #filter-container {
    display: flex;
    flex-wrap: wrap;
}

#filter_tiles.filtering-sidebar .controls.select .filter-group {
    display: block;
    float: none;
    padding-bottom: 20px;
}



@media screen and (max-width:960px) {
    .filtering-sidebar>.inner {
        display: block;
    }

    .filtering-sidebar .sidebar,
    .filtering-sidebar .filtered-group {
        width: 100%;
    }
}





/* Blog Filtering
  -------------- */
#filter_tiles.blog .filter-labels {
    text-align: center;
}



#filter_tiles.blog .filter-labels a {
    padding: 5px;
    border: 2px solid #dbdfe3;
    display: inline-block;
    margin: 0 1px;
    border-radius: 6px;
    font-size: 14px;
    padding: 6px 15px;
}

#filter_tiles.blog .filter-groups {
    text-align: center;
    padding: 17px 0;

}

#filter_tiles.blog .filter-groups .filter-group {
    width: 100%;
    padding: 0;
}

#filter_tiles.blog .filter-groups h5 {
    color: #757575;
    line-height: 1.6em;
    font-size: 1.06em;
    font-weight: 400;
    margin-bottom: 7px;
}

#filter_tiles.blog .filter-labels a:after {
    content: "+";
    padding: 0 5px;
}

#filter_tiles.blog .filter-labels a.open:after {
    content: "-";
}

/* Select2
  --------------------------- */
.select2-container {}

.select2-container {
    min-width: 190px;
}

.select2-container:hover {}

.select2-container.select2-container--disabled {}

.select2-container--default.select2-container--disabled .select2-selection--single {}

.select2-container.select2-container--open {}

.select2-container .select2-selection--single {
    outline: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
    font-size: 14px;
}

.select2-dropdown {}

.select2-results__option {
    font-size: 14px;
}

.select2-results__option span {}

.select2-container--open .select2-dropdown {}

.select2-search--dropdown {}

.select2-container--default .select2-search--dropdown .select2-search__field {}

.select2-container--default .select2-search--dropdown .select2-search__field:focus {}

.select2-container--default .select2-results__option[aria-selected=true] {}

.select2-container--default .select2-results__option--highlighted[aria-selected] {}

.select2-container--default .select2-selection--single .select2-selection__arrow {}

@media screen and (max-width: 900px) {
    .controls {
        width: 100% !important;
        display: block;
        float: left
    }
}

@media screen and (max-width: 600px) {
    .select2-container {}
}

/* Woocommerce overides
  --------------------------- */
.woocommerce-result-count {
    display: none;
}

.price,
.price p {
    display: block;
    font-size: 20px;
    font-weight: 700;
}

p.form-row br {
    display: none;
}

.shop_table {
    margin-bottom: 10px;
    text-align: left;
    border: 0px;
    empty-cells: show;
}

.shop_table thead {
    background: transparent;
}

.cart-collaterals .shop_table {
    background: white;
}

.shop_table th {
    border: 0px;
    font-family: inherit;
    font-weight: 300;
}

.shop_table th.product-price,
.shop_table th.product-name {
    text-align: left;
}

.shop_table th.product-quantity,
.shop_table th.product-subtotal,
.shop_table td.product-quantity,
.shop_table td.product-subtotal {
    /* display:none; */
}

.shop_table tr {}

.shop_table td {
    vertical-align: middle;
    color: #000;
    border: 0px;
    border-top: 1px solid #f1f0ed;
}

.shop_table td br {
    display: none;
}

.cart-collaterals .shop_table td,
.cart-collaterals .shop_table th {
    background: white;
    border: 1px solid #f0efed;
    border-left: 0;
    border-right: 0;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-checkout-review-order-table th {
    border: 1px solid #f0efed;
}

.shop_table td.actions {
    padding: 50px 0px 30px;
    text-align: right;
}

.shop_table td.product-quantity input {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.shop_table td.product-quantity input:focus,
.shop_table td.product-quantity input:active {}

.content .shop_table img {
    margin: 0px;
    width: 70px;
}

.product-remove {}

.product-remove a {
    color: #c7c7c7;
    font-size: 30px;
    margin: 0px;
    padding: 0px;
    text-decoration: none;
}

.product-remove a:hover {
    color: black;
}

.coupon {
    display: inline-block;
}

.coupon label {
    display: inline-block;
    margin-right: 17px;
}

.coupon input {
    background: white;
}

.coupon input[type="text"],
.post-password-form input {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
    margin-right: 17px;
}

.coupon input[type="submit"] {
    text-decoration: underline;
    border: 0;
    background: transparent;
}

.wc-proceed-to-checkout {
    text-align: right;
    width: 960px;
    margin: 0px auto 20px;
    max-width: 100%;
}

.woocommerce-message,
.woocommerce-info,
.woocommerce-billing-fields,
.woocommerce-account-fields,
.woocommerce-shipping-fields,
.woocommerce-additional-fields {
    background: white;
    margin-bottom: -1px;
    padding: 20px;
    border: 1px solid #eaeaea;
}

.woocommerce-shipping-fields br {
    display: none;
}

.woocommerce-shipping-fields h3 {
    line-height: 1em;
    margin: 0;
}

.woocommerce-account-fields {}

.woocommerce-account-fields p {
    margin: 0 !important;
    font-size: 16px !important;
    font-weight: 400;
}

.woocommerce-message {
    margin-bottom: 30px;
}

.checkout_coupon,
.woocommerce-form.woocommerce-form-login.login {
    background: white;
    margin-bottom: 30px;
    padding: 20px;
    border: 1px solid #eaeaea;
    position: relative;
    top: 0;
}

.checkout_coupon p.form-row {
    display: inline-block;
}

.checkout_coupon p.form-row input[type="text"] {
    max-width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
    margin-right: 17px;
}

.checkout_coupon p.form-row button[type="submit"] {
    text-decoration: underline;
    border: 0;
    font-size: 16px;
    background: transparent;
}

.woocommerce-billing-fields__field-wrapper,
.woocommerce-shipping-fields__field-wrapper {
    display: flex;
    flex-wrap: wrap;
}

#customer_details p.form-row,
.woocommerce-form.woocommerce-form-login.login p.form-row {
    width: 50%;
    padding-right: 20px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    margin: 0 0 14px 0;
}

.woocommerce-form.woocommerce-form-login.login p.form-row {
    display: inline-block;
    width: calc(50% - 4px);
}

.form-row.terms {
    margin-bottom: 20px;
}

.woocommerce-form.woocommerce-form-login.login .clear+p.form-row {
    width: 100%;
    padding-right: 0px;
}

.woocommerce-form.woocommerce-form-login.login p.form-row button,
button#place_order {
    padding: 17px 30px;
    background-color: #000;
    color: white;
    font-size: 15px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: 0;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    margin-right: 17px;
}

.woocommerce-billing-fields {
    margin: auto auto 20px;
}

.woocommerce-message a.button {
    margin-right: 20px;
    padding: 7px 15px;
    font-size: 12px;
    box-shadow: none;
    text-transform: capitalize;

}

.woocommerce-billing-fields label,
.woocommerce-form.woocommerce-form-login.login p.form-row label,
#customer_details label {
    font-size: 14px;
    font-weight: 400;
    font-family: "aktiv-grotesk", sans-serif;
}

.woocommerce-form.woocommerce-form-login.login p.form-row label {}

.woocommerce-form.woocommerce-form-login.login p.form-row label input[type=checkbox] {
    width: auto;
    margin-right: 5px;
    position: relative;
    top: 2px;
}

.woocommerce-billing-fields input,
.woocommerce-form.woocommerce-form-login.login p.form-row input,
#customer_details input[type="password"],
#customer_details input[type="text"],
#customer_details textarea {
    width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    font-family: "aktiv-grotesk", sans-serif;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.woocommerce-billing-fields input:focus {
    border-color: black;
}

#customer_details .select2-container {
    border: 1px solid #d2d2d2;
    margin-bottom: 1px;
    padding-bottom: 4px;
    color: black;
    font-size: 16px;
}

.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(3) {
    display: block;
}

.currency-nzd .woocommerce-billing-fields .select2-container:nth-child(4) {
    display: none;
}

.currency-aud .woocommerce-billing-fields .select2-container:nth-child(3) {
    display: none;
}

.currency-aud .woocommerce-billing-fields .select2-container:nth-child(4) {
    display: block;
}

#customer_details .select2-container--focus {
    border-color: black;
}

#customer_details .select2-container .select2-selection--single {
    height: auto;
}

body #customer_details .select2-container .select2-selection__rendered {
    padding: 14px 14px 14px;
    line-height: 1em !important;
    color: black;
    font-size: 16px;
}

body #customer_details .select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 8px;
}

.woocommerce-checkout .select2-container--open .select2-dropdown--below {
    border: 1px solid black;
    margin-top: -1px;
}

.woocommerce-error {
    background: #fff;
    border-radius: 4px;
    padding: 13px 24px 13px;
    margin: 0 0 10px;
    list-style: none;
}

.woocommerce-error li {
    color: #c12e0a;
}

.woocommerce-checkout-payment {}

.woocommerce-checkout-payment ul {
    background: white;
    padding: 0px;
}

.woocommerce-checkout-payment li {
    list-style: none;
    border-bottom: 1px solid #eee;
    padding: 20px 0;
}

.woocommerce-checkout-payment li:last-child {
    border: 0px;
}

.woocommerce-checkout-payment li label {
    display: inline-block
}

.woocommerce-cart {}

.woocommerce-cart .intro-copy h1,
.woocommerce-checkout .intro-copy h1 {
    margin-bottom: 0px;
}

.woocommerce-cart-form {
    margin: auto;
    max-width: 100%;
}

.woocommerce-cart-form tr:last-child {}

.cart-collaterals .shop_table th:first-child,
.woocommerce-checkout-review-order-table th:first-child,
.woocommerce-checkout-review-order-table td:first-child {
    text-align: left;
    padding-left: 0px;
    font-size: 14px;
    border-right: 0px;
}

.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout-review-order-table .order-total td {
    border-bottom: none;
}

.woocommerce-checkout-review-order-table .shipping th,
.woocommerce-checkout-review-order-table .shipping td {
    border-bottom: 1px solid black;
}

.woocommerce-checkout-review-order-table td.product-name {
    padding-left: 10px;
}

.woocommerce-checkout-review-order-table thead th {
    border-color: transparent;
    border-bottom: 1px solid black;
}

.woocommerce-checkout-review-order-table td:first-child:last-child {
    text-align: right;
}

.cart-collaterals .shop_table th,
.cart-collaterals .shop_table td,
.woocommerce-checkout-review-order-table td {
    padding: 16px 0;
    font-weight: 300;
    border-left: 0px;
}

.woocommerce-checkout-review-order-table td:last-child,
.woocommerce-checkout-review-order-table th:last-child {
    text-align: right;
    border-right: 0px;
    border-left: 0px;
    padding-right: 0px;
}

.woocommerce-cart-form tr:last-child td.actions:after {
    content: ' ';
    display: block;
    clear: both;
}

.woocommerce-cart-form tr:last-child td.actions .coupon {
    float: left;
    display: flex;
    align-items: center;
}

.woocommerce-cart-form tr:last-child td.actions p {
    margin: 0;
}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
    padding: 14px 30px;
    color: black;
    font-size: 15px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    font-family: 'Playfair Display', serif;
    font-weight: 700;
    border: 0;
    background: transparent;
    border: 1px solid black;
}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {}

.woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"][disabled] {
    display: none;
}

.woocommerce-cart-form tr:last-child td.actions p:last-child {
    display: none;
}

.cart-collaterals .shop_table p {
    font-size: 16px !important;
    font-weight: 400;
}

.reset_variations {
    display: none !important;
}

#pa_size {
    display: none;
}

.size-label,
.size-value {
    display: block;
    background: none !important;
    border: 0px !important;
}

.variations {
    border: 0px !important;
}

#customer_details {}

#customer_details .col-1 {
    width: 100%;
    float: none;
}

.cart_totals {
    padding-top: 40px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.cart_totals .shop_table {
    text-align: right;
    width: auto;
    width: 960px;
    margin: 30px auto;
    max-width: 100%;
}

@media screen and (max-width: 1024px) {
    .cart thead {
        display: none;
    }

    .shop_table.cart,
    .shop_table.cart tbody {
        display: block;
    }

    .woocommerce-cart-form__contents tr.cart_item tr.cart_item {
        border-top: 1px solid #e8e8e8;
        padding: 23px 0px 19px;
        display: block;
        width: 100%;
        margin-bottom: -1px;
        position: relative;
        padding-left: 116px;
    }

    .woocommerce-cart-form__contents tr.cart_item tr.cart_item td {
        display: block;
        border: 0;
        padding: 0;
        font-weight: 300;
    }

    .shop_table tr.cart_item {
        position: relative;
        display: block;
        border: 1px solid #d2d2d2;
        margin-bottom: 20px;
        padding: 20px 20px 11px;
    }

    .shop_table tr.cart_item td {
        display: block;
        border: none;
        padding: 0;
        margin-bottom: 13px;
    }

    .shop_table tr.cart_item td.product-remove {
        position: absolute;
        right: 0;
        top: 0;
    }

    .shop_table tr.cart_item td.product-remove a {
        padding: 0;
        display: block;
        width: 40px;
        height: 50px;
        line-height: 47px;
        text-align: center;
        font-size: 37px;
        color: black;
    }

    .shop_table tr.cart_item td.product-thumbnail {
        position: absolute;
        left: 20px;
        display: none;
    }

    .shop_table tr.cart_item td.product-name a {
        margin-bottom: 0;
        font-size: 17px;
        font-weight: 700;
        text-decoration: none;
        display: block;
    }

    .shop_table tr.cart_item td.product-price {}

    .shop_table tr.cart_item td.product-quantity:before,
    .shop_table tr.cart_item td.product-price:before,
    .shop_table tr.cart_item td.product-subtotal:before {
        display: inline-block;
        width: 100px;
        font-size: 14px;
        font-weight: 300;
    }

    .shop_table tr.cart_item td.product-price:before {
        content: 'Price:';
    }

    .shop_table tr.cart_item td.product-quantity {
        margin-bottom: 9px;
    }

    .shop_table tr.cart_item td.product-quantity:before {
        content: 'Quanitity:';
    }

    .shop_table tr.cart_item td.product-quantity .quantity {
        display: inline-block
    }

    .shop_table tr.cart_item td.product-subtotal {}

    .shop_table tr.cart_item td.product-subtotal:before {
        content: 'Subtotal:';
    }

    .woocommerce-cart-form tr:last-child {
        width: 100%;
        display: block;
    }

    .woocommerce-cart-form tr:last-child td.actions:after {
        display: none;
    }

    .woocommerce-cart-form tr:last-child td {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        border: 0;
        padding: 30px 0px 20px;
    }
}

@media screen and (max-width:768px) {
    .shop_table td.actions {
        padding: 34px 0px 30px;
    }

    .cart .product-thumbnail,
    .product-subtotal {
        display: none;
    }

    .woocommerce-cart-form tr:last-child td.actions .coupon {
        text-align: left;
        display: block !important;
    }

    .coupon label {
        display: none;
        margin-bottom: 7px;
    }

    .coupon input,
    .coupon input[type="submit"],
    form input[disabled],
    .wc-proceed-to-checkout a.button {
        margin-bottom: 10px;
    }

    .coupon input[type="submit"] {
        display: block;
        padding: 18px 0px 0;
    }

    .cart_totals {
        padding-top: 0px;
    }
}

@media screen and (max-width:550px) {
    .woocommerce-page .single-column {
        padding: 30px 20px 20px;
    }

    #customer_details p.form-row,
    .woocommerce-form.woocommerce-form-login.login p.form-row {
        width: 100%;
        padding-right: 0;
    }

    .shop_table tr.cart_item {
        /* padding: 20px 0; */
    }

    .shop_table tr.cart_item td.product-quantity:before,
    .shop_table tr.cart_item td.product-price:before,
    .shop_table tr.cart_item td.product-subtotal:before {
        font-size: 11px;
    }

    .shop_table tr.cart_item td.product-thumbnail {
        display: none;
    }

    .shop_table tr.cart_item td.product-name a {
        font-size: 16px;
        font-weight: 600;
    }

    .shop_table td.product-quantity input {
        width: 170px;
    }

    .shop_table tr.cart_item td.product-name {
        max-width: 90%;
    }

    .woocommerce-cart-form tr:last-child td {
        display: flex;
        flex-direction: column-reverse;
        text-align: left;
    }

    .woocommerce-cart-form tr:last-child td.actions p {
        margin-bottom: 20px;
    }

    .woocommerce-cart-form tr:last-child td.actions p button[name="update_cart"] {
        width: 100%;
    }
}

/* Lost password form
  --------------------------- */
.woocommerce-ResetPassword {
    width: 400px;
    max-width: 100%;
    margin: auto;
}

.woocommerce-ResetPassword p {}

.woocommerce-ResetPassword p:first-child {
    font-size: 14px !important;
}

.woocommerce-ResetPassword label {
    font-size: 14px;
    font-weight: 400;
}

.woocommerce-ResetPassword input[type="text"] {
    width: 100%;
    padding: 12px 14px;
    color: black;
    font-size: 16px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: none;
    margin-bottom: 9px;
    outline: none;
    margin: 0;
    border: 1px solid #d2d2d2;
}

.woocommerce-ResetPassword button[type="submit"] {
    padding: 17px 30px;
    background-color: #000;
    color: white;
    font-size: 15px;
    display: inline-block;
    line-height: 1em;
    position: relative;
    text-decoration: none;
    border: 0;
    font-weight: 700;
    margin-right: 17px;
}

/* CF7
----------------------------- */
.wpcf7-form {
    padding: 0 80px;
}

.layer.single-column .wpcf7-form {
    padding: 0;
}

.wpcf7-form textarea {
    width: 100%;
}

.wpcf7-form label {
    font-weight: bold;
    color: #000;
    padding: 0;
}

.wpcf7 .wpcf7-form-control-wrap {
    display: block;
    width: 100%;
    margin-top: 3px;
}

.wpcf7-form.sent>p {
    display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
    padding: 20px !important;
}

.wpcf7-form .wpcf7-list-item {
    display: block;
    margin: 10px 0 15px 1em;
}

.wpcf7 .wpcf7-form-control-wrap input[type="radio"] {
    margin-bottom: 0;
}

.wpcf7 .wpcf7-form-control-wrap input[type="text"],
.wpcf7 .wpcf7-form-control-wrap input[type="email"] {
    width: 100%;
    background-color: #fff;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 textarea,
.wpcf7 select {
    border-radius: 5px;
    padding: 5px;
    border: 2px solid #dbdfe3;
}

.wpcf7 input[type="submit"] {
    /* background-image: url(../img/button_purple.svg); */
    /* background-position: center center; */
    /* background-size: contain; */
    background-color: #fff;
    color: #fff;
    border: 2px solid #542d89;
    color: #542d89;
}

.form-sub {
    font-size: smaller;
    font-weight: 500;
}

@media screen and (max-width:700px) {
    .wpcf7-form {
        padding: 0 10px;
    }
}

/* 404 */
.error404 .content .inner {
    padding: 60px;
}

/* Portal
--------------------------- */
.layer.portal {
    background: #ffffff;
    padding-bottom: 30px;
}

[class*="template-portal"] .portal>.inner {
    max-width: 100%;
    padding: 0px;
}

.portal .tab-content .inner {
    padding: 60px 0 30px;
}

.login-wrap {
    padding: 50px 7% 30px;
    max-width: 970px;
    margin: auto;
}

.login-wrap+p {
    margin: 0;
    text-align: center;
    color: #949494;
    font-size: 14px;
    padding-bottom: 40px;
}

.login-form {
    background: white;
    padding: 13px 5%;
    max-width: 400px;
    box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.16);
    margin: auto;
}

.login-form form#loginform {}

.login-form form#loginform p {
    position: relative;
}

.login-form>p {
    text-align: center;
    font-size: 14px;
    color: #9c9c9c;
}

.form-wrap {
    background: white;
    padding: 32px 35px;
    max-width: 688px;
}

.form-wrap br {
    display: none;
}

.form-wrap h4 {
    font-size: 1.6em;
    line-height: 1.22em;
    font-weight: 400;
    margin-bottom: 19px;
}

.login .inner,
.profile-content .inner {
    max-width: 1200px;
    padding: 50px 30px;
    display: flex;
}

.login .inner .form-wrap,
.profile-content .inner .form-wrap {
    width: calc(50% - 20px);
    margin: 0 10px;
}

.featured-post {
    background: white;
}

.featured-post h2:before {
    content: 'Featured post';
    display: block;
    color: #757575;
    font-size: 15px;
    line-height: 18px;
    margin-bottom: 7px;
}

@media screen and (max-width:700px) {

    .login .inner,
    .profile-content .inner {
        display: block;
        padding: 20px;
    }

    .login .inner .form-wrap,
    .profile-content .inner .form-wrap {
        width: 100%;
        margin: 0 0 10px;
        padding: 30px 22px;
    }
}

.login-form form#loginform p label,
.form-wrap label {
    display: block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 2px;
    color: #545454;
    position: relative;
}

.login-form form#loginform p.login-remember label {
    font-weight: 400;
    color: #9c9c9c;
}

.portal form .login-remember input[type="checkbox"] {
    opacity: 0;
}

.login-form form#loginform p input[type="text"],
.login-form form#loginform p input[type="password"],
.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap textarea,
.form-wrap input[type="password"],
.form-wrap select .wp-editor-wrap {
    border: 1px solid #e0e0e0;
    padding: 10px;
}

.wp-editor-tools {
    padding: 10px;
}

.form-wrap input[type="text"],
.form-wrap input[type="email"],
.form-wrap input[type="password"],
.form-wrap textarea,
.form-wrap select {
    margin-bottom: 20px;
    width: 100%;
}

.login-form form#loginform p input[type="submit"],
.form-wrap input[type="submit"] {
    background-color: #898989;
    color: white;
    padding: 13px 20px;
    border-radius: 3px;
    border: 0px;
    font-size: 13px;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    padding: 11px 34px 7px;
    font-size: 17px;
    /* box-shadow: 0px 7px 7px -5px rgba(0, 0, 0, 0.32); */
    color: #542d89;
    border: 2px solid #dbdfe3;
    background-image: none !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;

    transition: 0.26s;
    display: inline-block;
    min-width: 0px !important;
}

.form-wrap input[type="submit"] {
    width: auto;
    min-width: 160px
}

.no-touch .login-form form#loginform p input[type="submit"]:hover,
.no-touch .form-wrap input[type="submit"]:hover {
    opacity: 1;
    border-color: #542d89;
}

.form-wrap .button-group {
    margin: 10px 0 0;
}

.portal form input[type="checkbox"] {
    position: absolute;
    opacity: 0;
    width: 20px;
    height: 20px;
    margin-top: 6px;
    z-index: 1;
    cursor: pointer;
}

.portal form input[type="checkbox"]:focus+label:before {
    border: 2px solid #a6c8ff;
}

.portal form input[type="checkbox"]+label:before {
    content: '';
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
    width: 20px;
    height: 20px;
    background: #ffffff;
    border: 1px solid #dadada;
    font-size: 16px;
    border-radius: 2px;
    position: relative;
    top: 0px;
}

.portal form input[type="checkbox"]:checked+label:before {
    background: #898989;
    border-color: #898989;
}

.portal form input[type="checkbox"]+label:after {
    content: '';
    display: block;
    position: absolute;
    top: 1px;
    left: 3px;
    font-family: "Material Design Icons";
}

.portal form input[type="checkbox"]:checked+label:after {
    content: "\F12C";
    color: white;
}

input[type="radio"] {
    margin-right: 8px;
    transform: scale(1.4);
    margin-bottom: 13px;
}

#playcentre_grant_form .wp-editor-tools {
    padding: 0;
}

#playcentre_grant_form .acf-input br {
    display: none;
}

/*
  ul#menu-portal-menu{margin: 0px;padding: 0px;list-style: none;background: white; text-align: center;}
  ul#menu-portal-menu li{color: #505050;display: inline-block;padding: 8px 16px;cursor: pointer;border-radius: 2px 2px 0px 0px;font-size: 15px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
  ul#menu-portal-menu li a {color: #888; }
  .no-touch ul#menu-portal-menu li:hover{filter: alpha(opacity=70); opacity: 0.7;}
  ul#menu-portal-menu li.current-menu-item{border-bottom: 2px solid #000000;}
  .no-touch ul#menu-portal-menu li.current-menu-item:hover{filter: alpha(opacity=100); opacity: 1;}
*/
@media screen and (max-width:400px) {
    .login-wrap {
        padding: 0px;
    }

    .login-form {
        box-shadow: none;
    }

    .login-form form#loginform p input[type="text"],
    .login-form form#loginform p input[type="password"] {
        padding: 11px 14px;
    }
}

/* Center search */
.centre_search {}

.centre_search .inner {
    padding: 60px 7%;
}

.centre_search .form {
    width: 100%;
    max-width: 720px;
    text-align: center;
    margin: 0 auto 50px;
}

.centre_search .form label {
    display: block;
    margin-bottom: 30px;
    color: #757575;
    line-height: 1.6em;
    font-size: 1.8em;
}

.centre_search .form input {
    background: white;
    border-radius: 6px;
    padding: 16px 23px;
    font-size: 17px;
    color: #757575;
    border: 0;
    background-image: none !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;

    transition: 0.26s;
    width: 100%;
    margin-bottom: 12px;
    border: 2px solid rgb(219, 223, 227);
    outline: none;
    box-shadow: none;
    outline: none;
    margin-bottom: 20px;
}

.centre_search .form input[type="submit"] {
    background: rgba(255, 255, 255, 0);
    border-radius: 6px;
    padding: 10px 23px 7px;
    font-size: 19px;
    /* box-shadow: 0px 7px 7px -5px rgba(0, 0, 0, 0.32); */
    color: #542d89;
    border: 2px solid #542d89;
    background-image: none !important;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 400;

    transition: 0.26s;
    display: inline-block;
    width: auto;
    margin: 0;
}

.centre_search #gmap {
    min-width: 100%;
    margin-bottom: 30px;
}

@media screen and (max-width:600px) {
    .centre_search .form label {
        line-height: 1em;
        font-size: 1.4em;
        margin-bottom: 23px;
    }
}

/* centre_intro / centre_info */
.centre_intro {}

.centre_intro_new {}



.centre_intro .inner {
    max-width: 1530px;
    padding: 80px 7%;
}

.centre_intro .inner .col:first-child {
    width: 70%;
    padding-right: 70px;
}

.centre_intro .inner .col:last-child {
    width: 30%;
    display: flex;
    flex-direction: column;
}

.centre_intro .inner .col:last-child .button-group {
    margin: 0px;
}

.centre_intro .inner .col:last-child .button-group a {
    min-width: 100%;
    text-align: center;
    margin-bottom: 15px;
    padding: 12px 32px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.centre_intro .inner .col:last-child .button-group a i {
    font-size: 24px;
    margin-left: 20px;
    background-color: #eeedfc;
    border-radius: 20px;
    width: 34px;
    height: 34px;
    line-height: 34px;
}

.centre_intro .inner .col:last-child .button-group a>span {
    text-align: left;
    min-width: 180px;
    display: inline-block;
}

.centre_intro .inner .col:last-child .button-group a span span {
    font-weight: 600;
    margin-right: 5px;
}

.centre_intro .inner .col:last-child .copy-box {
    border: 2px solid #dbdfe3;
    padding: 26px 5% 15px;
}

.centre_intro .inner .col:last-child .copy-box:empty {
    display: none;
}

.centre_intro .centre-alert {
    border: 2px solid rgba(253, 211, 3, 1);
    background-color: rgba(255, 212, 0, 0.31);
    padding: 15px 20px;
    border-radius: 6px;
    color: #000;
}

.centre_intro .centre-alert p {
    margin: 0;
    color: #000;
    font-weight: 700;
}

.single-wpsl_stores .directions-link {
    padding: 0 0 10px 0;
}

.single-wpsl_stores .directions-link a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 20px;
    gap: 5px;
}

.single-wpsl_stores .directions-link i {
    font-size: 22px;
    margin-left: -3px;
}

.single-wpsl_stores .directions-link i:before {
    padding: 0;
}



.centre_intro_new p {
    color: rgba(51, 51, 51, 1);
}

.centre_info .col.map-col {
    padding-right: 0;
}

.centre-tiles.grey-bg {
    background-color: rgba(255, 255, 255, 1);
}


@media screen and (max-width:950px) {

    .centre_intro .inner .col:first-child,
    .centre_intro .inner .col:last-child {
        width: 100%;
        padding-right: 0px;
    }

    .centre_intro .inner .col:first-child {
        margin-bottom: 30px;
    }
}

@media screen and (max-width:600px) {
    .centre_intro .inner {
        padding: 40px 7%;
    }
}

.centre_info {
    background: #F5F5F5;
}

.centre_info_new {
    background-color: rgba(245, 245, 245, 1);
}

.centre_info .inner {
    max-width: 1530px;
    padding: 60px 7%;
}

.centre_info .col {
    padding-right: 40px;
}

.centre_info table {
    border: 0px;
}

.centre_info table td {
    border: 0px;
    padding: 4px 0;
    background: transparent !important;
    color: #757575;
    border-bottom: 1px dashed #dbdfe3;
}

.centre_info table tr:last-child td {
    border-bottom: 0px;
}

@media screen and (min-width:1025px) {
    .centre_info h2 {
        font-size: 2.2em;
    }
}

@media screen and (max-width:700px) {
    .centre_info .col {
        padding-right: 0px;
        margin-bottom: 30px;
    }

    .centre_info .col:last-child {
        margin-bottom: 0px;
    }

    .centre_info .inner {
        padding: 40px 7%;
    }
}

.fc-day-grid-event .fc-content {
    white-space: normal;
}

/* IOS popup fix
    --------------------------- */
html.iphone.popup-open body,
html.ipad.popup-open body {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
}

/* Print Styles
  --------------------------- */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {}

@media print {
    * {
        background: transparent !important;
        color: black !important;
        box-shadow: none !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    /* Black prints faster: h5bp.com/s */
    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    /* Don't show links for images, or javascript/internal links */
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

.admin-bar .mobile-nav {
    margin-top: 46px;
}

/* animation */
.slider-home .intro-copy {}

.slider-home .intro-copy h1,
.slider-home .intro-copy p,
.slider-home .intro-copy .button {}

.inner.home-slider {
    padding: 0 7%;
}

.home-slider .slick-slide {
    height: 70vh;
}

@media screen and (max-width:600px) {
    .home-slider .slick-slide {
        height: 100vh;
    }
}

.home-slider .intro-copy-wrap {
    position: absolute;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: flex-end;
}

.home-slider .intro-copy {
    opacity: 0;
}

.home-slider .slick-track .intro-copy {
    opacity: 1;
}

.page-id-16970 .single-column.tagline>.inner {
    padding: 20px 0 0 0 !important;
}

.page-id-16970 .single-column.tagline>.inner p {
    text-align: center;
}

.intro h5 {
    margin-bottom: 10px;
}

.intro form input {
    line-height: normal;
    background: #ffffff87;
    border-radius: 6px;
    padding: 10px 16px;
    font-size: 17px;
    color: #000000;
    border: 0;
    background-image: none !important;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;

    transition: 0.26s;
    /* width: 100%; */
    margin-bottom: 12px;
    /* border: 2px solid rgba(255, 255, 255, 0.2); */
    outline: none;
    box-shadow: none;
    border: none;
    outline: none;
}

.intro form {
    padding: 20px 0;
}

.intro button[type="submit"] {
    padding: 9px 12px 9px;
    font-size: 16px;
    border-radius: 6px;
    border: 2px solid rgba(255, 255, 255, 0.2);
    background: #ffffff;
    color: #542D89;
    font-family: '' Source Sans Pro'', 'sans-serif';
    margin-left: 10px;
}

.intro input+input {
    margin-left: 10px;
}

.alternating.hands .inner {
    padding: 60px 7% 120px;
    z-index: 9;
}



.research-article h3 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 2.8em;
    line-height: 1.25em;

}

@media screen and (max-width:540px) {
    .home-slider {
        position: relative;
    }

    .slider-home .intro-copy {
        padding: 0;
        margin: 40px 0;
    }

    .page-id-16970 .single-column.tagline>.inner {
        padding: 20px 15px 0 !important;
    }
}


#wpsl-stores ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#wpsl-wrap #wpsl-result-list li {
    min-width: 300px;
    flex: 1;
    padding: 20px;
    margin: 10px !important;
    background-color: #f5f5f6;
    border-top: 6px solid #542d89;
    margin-bottom: 20px;
    border-radius: 6px;
    /*added by matias*/
}

.wpsl-search {
    padding: 10px;
}

#wpsl-search-btn,
#wpsl-search-wrap div {
    margin: 0;
    float: none;
    display: flex;
    align-items: center;
}

#wpsl-search-wrap .wpsl-input,
#wpsl-search-wrap .wpsl-select-wrap {
    display: flex;
}

#wpsl-search-wrap form {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#wpsl-search-btn,
#wpsl-search-wrap #wpsl-radius,
#wpsl-search-wrap #wpsl-results,
#wpsl-search-wrap .wpsl-input input,
#wpsl-search-wrap .wpsl-input label {
    display: flex;
}


#wpsl-stores {
    display: none;
}

.wpsl-input,
#wpsl-radius,
#wpsl-results,
.wpsl-search-btn-wrap {
    padding: 0 10px;
}

#wpsl-search-btn {
    background: #542d89;
    color: #fff;
    border: none !important;
    box-shadow: none;
}

.wpsl-directions {
    display: none;
}

#wpsl-result-list li table,
#wpsl-result-list li .contact-details {
    display: none;
    /*  remove the list*/
    margin-bottom: 20px;
}

#wpsl-result-list li h5 {
    display: none;
    /* removed the "Open times" text*/
    margin: 0 0 10px 0;
}

.wpsl-infobox .view-more {
    font-weight: 500;
    font-size: 12px;
    padding: 5px 15px;
    margin-top: 20px
        /*added by matias*/
}

#wpsl-result-list li .view-more {
    padding: 10px 15px;
    font-weight: 600;
    font-size: 16px;
    margin-top: 20px
        /*added by matias*/
}

.wpsl-infobox h5 {
    margin: 10px 0;
}

.wpsl-info-window>p>strong,
#wpsl-result-list li .wpsl-store-location>p>strong {
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

/*
.wpsl-infobox .contact-details,
#wpsl-result-list li .contact-details {
    display: flex;
    flex-direction: column;
}*/

.wpsl-infobox .contact-details a,
#wpsl-result-list li .contact-details a {
    display: block;
    padding: 3px 0;
    font-size: 14px;
}

#wpsl-result-list li .contact-details a {
    font-size: inherit;
}

#wpsl-stores {
    height: inherit;
    overflow-y: inherit;
}

.wpsl-info-actions {
    display: none;
}

.layer.centre_search_alternating #wpsl-search-input {
    width: 100%;
}

.layer.centre_search_alternating #wpsl-search-wrap {
    float: none;
}

.layer.centre_search_alternating #wpsl-search-wrap div {
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
}

/* Hide the contact details - added by matias*/
#wpsl-wrap .contact-details {
    display: none !important;
}

/* Hide the second button only - added by matias*/
#wpsl-result-list li .view-more+.view-more {
    display: none !important;
}


@media screen and (max-width:1024px) {
    #wpsl-wrap #wpsl-result-list li {
        width: calc(50% - 20px);
    }
}

/* Centre Tiles - Alternating */
.centre-tiles.centres-alternating {}

.centre-tiles.centres-alternating #wpsl-radius,
.centre-tiles.centres-alternating #wpsl-results,
.wpsl-search-btn-wrap {
    padding: 10px 0;
}

.centre-tiles.centres-alternating .wpsl-input {
    padding: 46px 0 16px 0;
}

.layer.centre_search_alternating #wpsl-search-wrap div.wpsl-select-wrap {
    flex-direction: row;
    display: none;
}

.centre-tiles.centres-alternating {
    background:
        url(../img/centre_search_loop.png) no-repeat,
        linear-gradient(#fff 50%, #f5f5f6 50%);
    background-position: center;
    background-size: cover;
    padding: 30px 0px;
}

.layer.centre_search_alternating #wpsl-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.layer.centre_search_alternating #wpsl-search-input {
    padding: 15px;
    font-size: 18px;
    border-radius: 6px;
    display: block;
    max-width: 100%;
}


.centre-tiles.centres-alternating #wpsl-gmap {
    min-height: 800px;
    border-radius: 0 6px 6px 0;
    float: none;
    width: 60%;

}

.centre-tiles.centres-alternating #wpsl-result-list {
    width: auto;
    padding: 10px 0;
}

.layer.centre_search_alternating .wpsl-search {
    border-radius: 6px 0px 0px 6px;
    background: #552D88;
    display: flex;
    flex-direction: column;
    width: 40%;
    padding: 50px;
    margin-bottom: 0;
}

.centre-tiles.centres-alternating .search-wrap .form img.search-icon {
    margin-bottom: 12.75px;
    width: 37.5px;
}

.centre-tiles.centres-alternating .search-wrap .form form {
    display: flex;
    flex-direction: column;
}

.centre-tiles.centres-alternating .search-wrap #gmap {
    width: 60%;
    height: inherit;
    border-radius: 0px 6px 6px 0px;
}

.centre-tiles.centres-alternating .search-wrap .form h3 {
    margin-bottom: 15px;
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 34px;
    font-style: normal;
    font-weight: 600;
    line-height: 38px;

    text-align: left;
}

.centre-tiles.centres-alternating .search-wrap .form label,
#wpsl-search-wrap div label {
    color: #fff;
    font-family: Source Sans Pro;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 29px;
    text-align: left;
    float: none;
    width: 100%;
}

.centre-tiles.centres-alternating #wpsl-radius {
    margin-right: 20px;
}

.centre-tiles.centres-alternating .search-wrap .form #address-input,
.centre-tiles.centres-alternating .search-wrap .form #address-input:focus-visible {
    margin-bottom: 26px;
    width: 316px;
    height: 48px;
    padding: 13px 21px;
    background: #FFFFFF;
    border-radius: 6px;
    border: none;
    font-family: "Source Sans Pro";
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    line-height: 23px;
    color: #9594AB;
}

.centre-tiles.centres-alternating .search-wrap .form input[type="submit"]#wpsl-search-btn {
    width: fit-content;
    padding: 12px 29px;
    background: #FED401 !important;
    border-radius: 6px;
    color: #552D88 !important;
    border: none;
    font-family: Source Sans Pro;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 23px;
}


@media screen and (max-width:1000px) {
    .layer.centre_search_alternating #wpsl-wrap {
        flex-direction: column;
    }

    .layer.centre_search_alternating .wpsl-search {
        width: 100%;
        border-radius: 6px;
    }

    .centre-tiles #wpsl-gmap,
    .centre-tiles.centres-alternating #wpsl-gmap {
        width: 100%;
        min-height: 400px;
        float: none;
        flex: 0;
        border-radius: 6px;
    }

    #wpsl-stores {
        max-height: 300px;
        overflow-y: scroll;
    }
}


.cards.document-categories {}

.cards.document-categories .inner,
.document-archive .inner {
    display: flex;
    /* max-width: 1400px; */
}

.cards.document-categories .sidebar,
.document-archive .sidebar {
    width: 260px;
    margin-right: 40px;
}

.cards.document-categories .right,
.document-archive .right {
    flex: 1;
}

@media screen and (max-width:1200px) {

    .cards.document-categories .inner,
    .document-archive .inner {
        flex-direction: column;
    }

    .cards.document-categories .sidebar,
    .document-archive .sidebar,
    .cards.document-categories .sidebar,
    .document-archive .right {
        width: 100%;
    }
}

@media screen and (max-width:900px) {
    .document-archive>.inner {
        padding: 0;
    }
}

.cards.document-categories .card {
    min-height: inherit;
    background-color: #f5f5f5;
}

.cards.document-categories .card .card-wrap {
    position: relative;
    min-height: 300px;
}

.cards.document-categories .card img {
    display: block !important;
}

.cards.document-categories .card h4 {
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    text-align: left;
    margin-top: 13px;
}

.cards.document-categories .card h3 {
    font-size: 29px;
    font-style: normal;
    font-weight: 600;
    line-height: 32px;
    text-align: left;
    margin-top: 11px;
}

.cards.document-categories .card .description {
    padding: 30px;
}

.no-touch .cards.document-categories .card:hover .bg-image {
    transform: none;
}


.list.documents .document {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}

.list.documents .document .post-snip {
    display: flex;
    justify-content: space-between;
}

.list.documents .document .post-snip h4 {
    margin: 0;
    flex: 1;
    display: flex;
    align-items: center;
}

.list.documents .document .post-snip span.revision-date {
    display: flex;
    align-items: center;
    padding: 10px 20px;
}

.list.documents .document .post-snip span.chevron {
    display: flex;
    align-items: center;
    font-size: 30px;
}

.list.documents .search-snip {
    display: none;
}

.list.documents h3 {
    margin: 30px 10px 10px 10px;
}

.document-archive {
    padding: 50px;
}

.document-search {
    padding: 20px 20px 20px 0;
}

.document-search form {
    display: flex;
    position: relative;
}

.document-search input[type="text"]::placeholder {
    color: #bcbdc0;
}

.document-search input[type="text"] {
    width: 100%;
    display: block;

    text-transform: uppercase;
    font-size: 25px;
    border: solid 1px #bcbdc0;
    border-radius: 3px;
    color: #000;
    padding: 20px;
}

.document-search form:after {
    content: "\F349";
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 20px;
    font: normal normal normal 24px/1 "Material Design Icons";
    font-size: 36px;
    color: #aaa;
}

.doc-filters .cat {}

.doc-filters .cat a {
    padding: 5px 10px;
    display: flex;
    font-weight: 600;
}

.doc-filters .cat.active>a {
    color: #542d89;
}

.doc-filters .cat a>span {
    display: flex;
    flex-direction: column;
}

.doc-filters .cat .cat a {
    font-weight: 400;
    font-size: 15px;
}

.doc-filters .cat .cat a:before {
    content: '-';
    display: block;
    padding: 0 10px 0 0;
}

.doc-filters .cat a:hover {
    background-color: #fafafa;
    color: #542d89;
    opacity: 1;
}

.doc-filters .cat.active a {
    background-color: #fafafa;
}

.doc-filters .cat .translation {
    font-style: italic;
    font-weight: 400;
}

.doc-filters .option-labels {
    display: none;
}

.doc-filters .option-labels label {
    display: inline-block;
}

.doc-filters .open .option-labels {
    display: block;
}

.doc-filters input[type="radio"] {
    display: none;
}

.doc-filters a {
    color: #000;
}

.doc-filters a.active {
    color: #542d89;
}

.document-details {
    display: flex;
    flex-direction: column;
    padding: 20px;
    background-color: #fafafa;
    margin-bottom: 20px;
}

.document-details>div {
    padding: 5px 0;
}

#donorbox {
    border-radius: 10px;
}

body .awsm-filter-wrap form {
    justify-content: space-between;
    gap: 20px;
}

body .awsm-job-form .awsm-job-form-inner {
    background-color: #f7f7f7;
}

#awsm-application-form input[type="text"],
#awsm-application-form input[type="email"],
#awsm-application-form input[type="tel"],
#awsm-application-form textarea {
    background-color: #fff;
    border: 2px solid #dbdfe3;
    border-radius: 5px;
    padding: 5px;
}

#awsm-application-form input[type="submit"] {
    border: 2px solid #542d89;
    color: #542d89;
    padding: 12px 29px 12px;
    background-color: #fff;
}

body .awsm-selectric .label {
    font-size: 14px;
    line-height: 46px;
}

body .awsm-filter-wrap .awsm-filter-items {
    width: unset;
    gap: 20px;
    justify-content: space-between;
    flex: 1;
    display: flex;
}

body .awsm-filter-wrap .awsm-filter-item {
    padding: 0;
    flex: 1;
}

body .awsm-filter-item-search {
    padding: 0;
}

body .awsm-filter-wrap form>p {
    display: none;
}

.awsm-filter-wrap {
    margin: 0 0 20px 0;
}

.awsm-filter-item-search .awsm-job-form-control,
.awsm-selectric {
    background-color: #fff;
    border: 2px solid #dbdfe3;
    border-radius: 5px;
    padding: 5px;
    box-shadow: none;
    color: #222;
}

.awsm-selectric {
    padding: 0;
    color: #222;
}

@media screen and (max-width:600px) {
    body .awsm-filter-wrap .awsm-filter-items {
        flex-direction: column;
    }
}


.members-access-error {
    color: #fff;
}

#wpsl-gmap .contact-details {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.wpforms-field-checkbox li[class^="choice-"] {
    position: relative;
}

.wpforms-field-checkbox li[class^="choice-"] input {
    display: block;
    height: 20px !important;
    margin: 0;
    overflow: hidden;
}

.wpforms-field-checkbox li[class^="choice-"] input:before {
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
}

.wpforms-field-checkbox li[class^="choice-"] input:after {
    left: 1px !important;
    top: 0px !important;
}

.wpforms-field-checkbox li[class^="choice-"] label:after {
    display: none !important;
}


.layer.single-column .downloads-title {
    font-weight: 400;
    margin-top: 50px;
}

.layer.single-column .downloads {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 60px;
}

.layer.single-column .downloads .download-link {
    width: calc(50% - 10px);
    color: #000;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    overflow: hidden;
    flex: 1;
    min-width: 350px;
    max-width: 370px;
}

.layer.single-column .downloads .download-link span {
    padding: 10px 20px 10px 15px;
    border-top: 2px solid #D3D3D3;
    border-left: 2px solid #D3D3D3;
    border-bottom: 2px solid #D3D3D3;
    border-radius: 6px 0 0 6px;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.layer.single-column .downloads .download-link i.playcentre-download-icon {
    border-radius: 0 6px 6px 0;
    display: inline-block;
    min-width: 81px;
    min-height: 67px;
}

.layer.single-column .downloads .download-link i.playcentre-download-icon.internal {
    background-color: #552988;
    background-image: url(https://www.playcentre.org.nz/wp-content/themes/playcentre/img/playcentre-download-internal.svg);
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 26px;*/
}

.layer.single-column .downloads .download-link i.playcentre-download-icon.external {
    background-color: #915395;
    background-image: url(https://www.playcentre.org.nz/wp-content/themes/playcentre/img/playcentre-download-external.svg);
    background-repeat: no-repeat;
    background-position: center;
   /* background-size: 20px; */
}

@keyframes delayedFadeIn {
    0% {
        opacity: 0;
        transform: translateY(20px);
    }

    60% {
        opacity: 0;
        transform: translateY(20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}


.simple-banner {
    padding: 30px;
    opacity: 0;
    animation: delayedFadeIn 1.2s ease-out 10s forwards;
}

.simple-banner-text {
    font-size: 30px;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;


}

.simple-banner-text span {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1em;

}


.simple-banner a.button {
    background-color: #FFD200 !important;
    color: #552988 !important;
    font-size: 18px !important;
    font-weight: 600;
    margin-left: 30px;
    line-height: 19px;
}

@media (max-width:600px) {

    .simple-banner {
        padding: 15px;
    }

    .simple-banner-text span {
        font-size: 22px;
        flex-direction: column;
    }

    .simple-banner a.button {
        margin-left: 0;
        margin-top: 15px;
        font-size: 16px !important;
    }
}

.tippy-word {
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-color: #542D89;
    text-underline-offset: 3px;

}

.tippy-box {
    background-color: #f1f1f1;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    color: #000;
    padding: 15px;
    font-size: 12px;
}

.tippy-box audio {
    width: 100%;
    margin: 0;
    padding: 0;
}


.tippy-arrow:before {
    color: #d3d3d3;
}

.tippy-box h5 {
    color: #552988;
    font-size: 15px;
    font-weight: 700;
}

.tippy-box .definition {
    padding-top: 10px;
    margin-top: 10px;
    border-top: 1px solid #d3d3d3;
}


.side-nav {
    max-width: 250px;
    position: absolute;
    top: 50px;
    font-size: 14px;
    height: 100%;
    z-index: 10;
}

@media (max-width: 1480px) {
    .side-nav {
        max-width: 10vw;
    }
}

@media (max-width:1359px) {
    .side-nav {
        display: none;
    }
}

.side-nav>ul>li:first-child>a {
    font-weight: bold;
    font-size: 22px;
    padding-bottom: 15px !important;
    display: block;
}

.side-nav>ul>li a {}

.side-nav>ul>li>ul>li {
    border-left: 2px solid #d3d3d3 !important;
    padding-left: 15px;

}

.side-nav>ul>li>ul>li a {
    color: #D3D3D3 !important;
    font-size: 16px;
    line-height: 2em;
}


.side-nav>ul>li>ul>li a:hover {
    color: #542d89 !important;
    opacity: 1;
}


.side-nav li.current-menu-item {
    border-left-color: #542d89 !important;
}

.side-nav li.current-menu-item>a {
    color: #542d89 !important;
    font-weight: 600;
}

.side-nav ul.sub-menu ul.sub-menu {
    margin-left: 15px;

}

.side-nav ul.sub-menu ul.sub-menu li a {
    font-size: 14px;
}