/* legacy site styles - 12-02-2024 */

@charset "utf-8";
/*@import "https://use.typekit.net/iyf6fzd.css";
@import 'https://fonts.googleapis.com/css2?family=Indie+Flower&display=swap';
@font-face{
    font-family:boulderregular;
    src:url(/assets/fonts/boulder_regular-webfont.woff2) format('woff2'),url(/assets/fonts/boulder_regular-webfont.woff) format('woff');
    font-weight:400;
    font-style:normal
}*/
*{
    box-sizing:border-box
}
html{
    overflow-x:hidden
}
body{
    margin:0;
    padding:0;
    position:relative;
}
h1,h2,h3,h4,h5,h6,h1>a,h2>a,h3>a,h4>a,h5>a,h6>a{
    /*font-family:'Arial',sans-serif;*/
    font-weight:700!important;
    font-style:normal
}
b { font-weight: bold;}
p>a{
    display:inline-block
}
:is(h1,h2,h3,h4,h5,h6):first-child{
    margin-top:0
}
h1{
    font-size:2.75em
}
h2{
    font-size:2em
}
h3{
    font-size:1.5em
}
h4{
    font-size:1.2em
}
p,ul,ol{
    font-family:'Arial',sans-serif;
    font-weight:300;
    font-style:normal;
    color:#252525;
    font-size:1.1em
}
ul>p,ol>p,li>p{
    font-size:1em
}
img,iframe{
    
    max-width:100%;
    
}
a,a:link{
    position:relative;
    text-decoration:none;
    color:var(--link);
    font-weight:400;
    cursor:pointer;
    -ms-transition:color .3s;
    -moz-transition:color .3s;
    -webkit-transition:color .3s;
    transition:color .3s
}
a:hover{
    color:#782b91
}
button:not(.btn):hover{
    color:#782b91;
    background:0 0;
    border:none
}
a:active{
    color:#ea8923
}
button:not(.btn):active{
    color:#ea8923;
    background:0 0;
    border:none
}
a>h2,a>h3,a>h4,h2:not(.standard-link)>a:not(.standard-link),h3:not(.standard-link)>a:not(.standard-link),h4:not(.standard-link)>a:not(.standard-link){
    color:#252525;
    -ms-transition:color .3s;
    -moz-transition:color .3s;
    -webkit-transition:color .3s;
    transition:color .3s
}
a:hover>h2,a:hover>h3,a:hover>h4,h2:hover>a,h3:hover>a,h4:hover>a{
    color:#782b91
}
a:not(.no-decoration):not(.btn)::after{
    content:'';
    width:0%;
    height:2px;
    top:calc(100% - 2px);
    left:50%;
    background-color:#ea8923;
    position:absolute;
    opacity:0;
    -ms-transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
    transition:all .6s
}
a:not(.no-decoration):not(.btn):hover::after{
    opacity:1;
    width:100%;
    left:0
}
a.block-link{
    border-radius:10px;
    -ms-transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
    transition:all .6s
}
a.block-link:not(.no-decoration):not(.btn)::after{
    height:3px;
    top:calc(100% + 8px);
    border-radius:0 0 10px 10px
}
a.block-link:not(.no-decoration):not(.btn):hover{
    background-color:#782b91;
    border-color:#252525
}
a.block-link:not(.no-decoration):not(.btn):hover::after{
    opacity:1;
    width:calc(100% - 20px);
    left:10px
}
a.block-link:not(.no-decoration):not(.btn):hover h4,a.block-link:not(.no-decoration):not(.btn):hover p{
    color:#fff
}
.full-height{
    height:100%
}
.full-width{
    width:100%
}
.no-max-width{
    max-width:none!important
}
.close-overlay{
    position:absolute;
    top:15px;
    right:18px;
    font-size:2em;
    line-height:1;
    cursor:pointer
}
.close-overlay>button{
    font-size:2rem;
    cursor:pointer
}
.close-overlay>button:not(:hover):not(:active){
    color:#fff;
    background:0 0;
    border:none
}
.close-overlay>button:hover:active{
    background:0 0;
    border:none
}
ul,ol{
    padding-left:1.5em
}
ul.arrow-list{
    list-style:none;
    padding:0
}
ul.arrow-list>li{
    position:relative;
    padding-left:45px
}
ul.arrow-list>li::before{
    content:"\f061";
    font-family:"font awesome 5 free";
    font-weight:700;
    position:absolute;
    left:15px;
    top:6px;
    color:var(--colour-1)
}
.no-border{
    border:none!important
}
.border{
    border:1px solid #252525
}
.border--top{
    border-top:1px solid #252525
}
.border--bottom{
    border-bottom:1px solid #252525
}
.border--left{
    border-left:1px solid #252525
}
.border--right{
    border-right:1px solid #252525
}
.border--top--10{
    border-top:10px solid #252525
}
.border--bottom--thick{
    border-bottom:4px solid #dedede
}
.border--light-grey{
    border-color:#aaa
}
.border-radius--all-10{
    border-radius:10px
}
.border-radius--15{
    border-radius:0 0 15px 15px
}
.border-radius--20{
    border-radius:0 0 20px 20px
}
.border-radius--30{
    border-radius:0 0 30px 30px
}
.pointer{
    cursor:pointer
}
.hr{
    margin-top:20px;
    margin-bottom:20px;
    border-top:1px solid #ddd
}
.text-white{
    color:#fff
}
.text-green{
    color:var(--colour-2)
}
.text-yellow{
    color:#f9ff00
}
.text-orange{
    color:#ea8923
}
.text-purple{
    color:#782b91
}
.text-blue{
    color:var(--colour-1)
}
.text-uppercase{
    text-transform:uppercase
}
.text-light{
    font-weight:300!important
}
.text-2em{
    font-size:2em
}
.text-first-letter{
    font-size:3.5em;
    margin-top:10px;
    border-bottom:6px solid #252525;
    background-color:#f7f6f6
}
.text-first-letter::first-letter{
    display:inline-block;
    font-size:1.2em;
    background-color:var(--colour-2);
    color:#fff;
    padding:0 18px 6px;
    margin-right:8px
}
.text-nowrap{
    white-space:nowrap
}
.text-highlight-box{
    margin-top:10px
}
.text-highlight-box>span{
    font-size:1.1em;
    background-color:var(--colour-2);
    color:#fff;
    margin-right:8px;
    border-radius:100%;
    height:40px;
    width:40px;
    padding:0 5px 3px;
    display:inline-block;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:inline-flex;
    align-items:center;
    justify-content:center
}
.bg-dark-grey .text-highlight-box>span{
    background-color:#ea8923
}
.bg-green .text-highlight-box>span{
    background-color:#252525
}
.bg-orange .text-highlight-box>span{
    background-color:#782b91
}
.line-height--1{
    line-height:1
}
.line-height--1-2{
    line-height:1.2
}
.hover--rotate .rotator{
    -moz-transform:perspective(0em) rotateX(0deg);
    -webkit-transform:perspective(0em) rotateX(0deg);
    transform:perspective(0em) rotateX(0deg)
}
.hover--rotate:hover .rotator{
    -moz-transform:perspective(80em) rotateX(-20deg);
    -webkit-transform:perspective(80em) rotateX(-20deg);
    transform:perspective(80em) rotateX(-20deg)
}
.shadow--30{
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.125);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.125);
    box-shadow:0 0 30px 0 rgba(0,0,0,.125)
}


.top-bar {

    background:#252525; padding:10px; color:#fff; font-size:0.9em;

}

.top-bar a {

    color:#fff;

}

.top-bar-right {

    text-align:right;

}

.help-form {

    background:#fff; color:#000; max-width:700px; position:absolute; top:100px; left:50%; z-index:1; padding:30px; border-radius:10px; box-shadow: 20px 20px 20px 0px rgba(0,0,0,0.5); text-align:center;

}

.popup-search-result {

    font-size:1.2em; position:fixed; top:100px; left:50%; transform:translateX(-50%); right:auto; max-width:1000px; padding:30px; background:#fff; border-radius:10px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.5); text-align:center; color:#000; z-index:11; height:100%; max-height:calc(100vh - 200px); overflow-y:auto;

}

@media screen and (max-width:950px){
    h1{
        font-size:2.6em
    }
    h2{
        font-size:1.9em
    }
    h3{
        font-size:1.4em
    }
    h4{
        font-size:1.15em
    }
    .close-overlay{
        font-size:1.85em
    }
    .text-first-letter{
        font-size:3.1em
    }
    .text-first-letter::first-letter{
        padding:10px 15px 6px
    }
}
@media screen and (max-width:800px){
    .text-first-letter{
        font-size:3.4em
    }
}
@media screen and (max-width:700px){
    h1{
        font-size:2.4em
    }
    h2{
        font-size:1.7em
    }
    h3{
        font-size:1.3em
    }
    h4{
        font-size:1.1em
    }
    label,p,ul,ol{
        font-size:1.025em
    }
}
@media screen and (max-width:500px){
    h1{
        font-size:2.2em
    }
    h2{
        font-size:1.5em
    }
    h3{
        font-size:1.2em
    }
    h4{
        font-size:1em
    }
    label,p,ul,ol{
        font-size:.95em
    }
    .close-overlay{
        font-size:1.7em
    }
    .text-first-letter{
        font-size:2.3em
    }
    .text-first-letter::first-letter{
        padding:0 10px 6px;
        margin-right:5px
    }
}
.grid{
    display:-ms-grid;
    display:grid;
    width:100%;
    -ms-grid-auto-flow:row;
    grid-auto-flow:row;
    -ms-grid-auto-rows:minmax(20px,1fr);
    grid-auto-rows:minmax(20px,1fr)
}
.grid--content{
    -ms-grid-auto-rows:minmax(1px,min-content);
    grid-auto-rows:minmax(1px,min-content)
}
.grid--col1{
    -ms-grid-template-columns:repeat(1,1fr);
    grid-template-columns:repeat(1,1fr)
}
.grid--col2{
    -ms-grid-template-columns:repeat(2,minmax(auto,1fr));
    grid-template-columns:repeat(2,minmax(auto,1fr))
}
.grid--col3{
    -ms-grid-template-columns:repeat(3,minmax(auto,1fr));
    grid-template-columns:repeat(3,minmax(auto,1fr))
}
.grid--col4{
    -ms-grid-template-columns:repeat(4,minmax(auto,1fr));
    grid-template-columns:repeat(4,minmax(auto,1fr))
}
.grid--col5{
    -ms-grid-template-columns:repeat(5,minmax(auto,1fr));
    grid-template-columns:repeat(5,minmax(auto,1fr))
}
.grid--col6{
    -ms-grid-template-columns:repeat(6,minmax(auto,1fr));
    grid-template-columns:repeat(6,minmax(auto,1fr))
}
.grid--col10{
    -ms-grid-template-columns:repeat(10,minmax(auto,1fr));
    grid-template-columns:repeat(10,minmax(auto,1fr))
}
.grid--col12{
    -ms-grid-template-columns:repeat(12,minmax(auto,1fr));
    grid-template-columns:repeat(12,minmax(auto,1fr))
}
.grid--fit-100{
    -ms-grid-template-columns:repeat(auto-fit,minmax(100px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(100px,1fr))
}
.grid--fit-150{
    -ms-grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr))
}
.grid--fit-200{
    -ms-grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(200px,1fr))
}
.grid--fit-300{
    -ms-grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(300px,1fr))
}
.grid--fit-350{
    -ms-grid-template-columns:repeat(auto-fit,minmax(350px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(350px,1fr))
}
.grid--fit-400{
    -ms-grid-template-columns:repeat(auto-fit,minmax(400px,1fr));
    grid-template-columns:repeat(auto-fit,minmax(400px,1fr))
}
.grid--fill-100{
    -ms-grid-template-columns:repeat(auto-fill,minmax(100px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(100px,1fr))
}
.grid--fill-150{
    -ms-grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr))
}
.grid--fill-200{
    -ms-grid-template-columns:repeat(auto-fill,minmax(200px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(200px,1fr))
}
.grid--fill-250{
    -ms-grid-template-columns:repeat(auto-fill,minmax(250px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(250px,1fr))
}
.grid--fill-300{
    -ms-grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(300px,1fr))
}
.grid--fill-400{
    -ms-grid-template-columns:repeat(auto-fill,minmax(400px,1fr));
    grid-template-columns:repeat(auto-fill,minmax(400px,1fr))
}
.grid--gap5{
    -ms-gap:5px;
    gap:5px
}
.grid--gap10{
    -ms-gap:10px;
    gap:10px
}
.grid--gap20{
    -ms-gap:20px;
    gap:20px
}
.grid--gap30{
    -ms-gap:30px;
    gap:30px
}
.grid--gap50{
    -ms-gap:50px;
    gap:50px
}
.grid--row-gap{
    -ms-grid-row-gap:20px;
    grid-row-gap:20px
}
.grid--row-gap10{
    -ms-grid-row-gap:10px;
    grid-row-gap:10px
}
.grid--row-gap30{
    -ms-grid-row-gap:30px;
    grid-row-gap:30px
}
.grid--row-gap50{
    -ms-grid-row-gap:50px;
    grid-row-gap:50px
}
.grid--col-gap{
    -ms-grid-column-gap:20px;
    grid-column-gap:20px
}
.grid--col-gap10{
    -ms-grid-column-gap:10px;
    grid-column-gap:10px
}
.grid--col-gap30{
    -ms-grid-column-gap:30px;
    grid-column-gap:30px
}
.grid--col-gap50{
    -ms-grid-column-gap:50px;
    grid-column-gap:50px
}
.grid__item-col1{
    -ms-grid-column:span 1;
    grid-column:span 1
}
.grid__item-col2{
    -ms-grid-column:span 2;
    grid-column:span 2
}
.grid__item-col3{
    -ms-grid-column:span 3;
    grid-column:span 3
}
.grid__item-col4{
    -ms-grid-column:span 4;
    grid-column:span 4
}
.grid__item-col5{
    -ms-grid-column:span 5;
    grid-column:span 5
}
.grid__item-col6{
    -ms-grid-column:span 6;
    grid-column:span 6
}
.grid__item-col7{
    -ms-grid-column:span 7;
    grid-column:span 7
}
.grid__item-col8{
    -ms-grid-column:span 8;
    grid-column:span 8
}
.grid__item-col9{
    -ms-grid-column:span 9;
    grid-column:span 9
}
.grid__item-col10{
    -ms-grid-column:span 10;
    grid-column:span 10
}
.grid__item-col11{
    -ms-grid-column:span 11;
    grid-column:span 11
}
.grid__item-col12{
    -ms-grid-column:span 12;
    grid-column:span 12
}
.flex{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.flex--row{
    -webkit-flex-direction:row;
    -ms-flex-direction:row;
    flex-direction:row
}
.flex--column{
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column
}
.flex--wrap{
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap
}
.flex--nowrap{
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.flex--start{
    align-items:flex-start
}
.flex--end{
    align-items:flex-end
}
.flex--stretch{
    align-items:stretch
}
.flex--center-y{
    align-items:center
}
.flex--center-x{
    justify-content:center
}
.flex--space-between{
    justify-content:space-between
}
.flex--space-around{
    justify-content:space-around
}
.flex--justify-start{
    justify-content:flex-start
}
.flex--justify-end{
    justify-content:flex-end
}
.flex__item{
    -webkit-flex:auto;
    -ms-flex:auto;
    flex:auto
}
.flex__item--equal{
    -webkit-flex:0 0 auto;
    -ms-flex:0 0 auto;
    flex:0 0 auto
}
.flex__item--half{
    -webkit-flex:0 1 50%;
    -ms-flex:0 1 50%;
    flex:0 1 50%
}
.flex__item--third{
    -webkit-flex:0 1 33%;
    -ms-flex:0 1 33%;
    flex:0 1 33%
}
.flex__item--double{
    -webkit-flex:2 0 auto;
    -ms-flex:2 0 auto;
    flex:2 0 auto
}
.flex__item--full{
    -webkit-flex:1 0 100%;
    -ms-flex:1 0 100%;
    flex:1 0 100%
}
.flex__item--25{
    -webkit-flex:0 1 25%;
    -ms-flex:0 1 25%;
    flex:0 1 25%
}
.flex__item--40{
    -webkit-flex:0 1 40%;
    -ms-flex:0 1 40%;
    flex:0 1 40%
}
.flex__item--60{
    -webkit-flex:0 1 60%;
    -ms-flex:0 1 60%;
    flex:0 1 60%
}
.flex__item--67{
    -webkit-flex:0 1 67%;
    -ms-flex:0 1 67%;
    flex:0 1 67%
}
.flex__item--75{
    -webkit-flex:0 1 75%;
    -ms-flex:0 1 75%;
    flex:0 1 75%
}
.flex__spacer{
    -webkit-flex:0 0 30px;
    -ms-flex:0 0 30px;
    flex:0 0 30px
}
.flex__spacer5{
    -webkit-flex:0 0 5px;
    -ms-flex:0 0 5px;
    flex:0 0 5px
}
.flex__spacer10{
    -webkit-flex:0 0 10px;
    -ms-flex:0 0 10px;
    flex:0 0 10px
}
.flex__spacer15{
    -webkit-flex:0 0 15px;
    -ms-flex:0 0 15px;
    flex:0 0 15px
}
.flex__spacer20{
    -webkit-flex:0 0 20px;
    -ms-flex:0 0 20px;
    flex:0 0 20px
}
.flex__spacer40{
    -webkit-flex:0 0 40px;
    -ms-flex:0 0 40px;
    flex:0 0 40px
}
.flex__spacer50{
    -webkit-flex:0 0 50px;
    -ms-flex:0 0 50px;
    flex:0 0 50px
}
.margin{
    margin:20px auto!important
}
.margin--auto{
    margin:0 auto!important
}
.margin--top{
    margin-top:20px!important
}
.margin--top5{
    margin-top:5px!important
}
.margin--top10{
    margin-top:10px!important
}
.margin--top30{
    margin-top:30px!important
}
.margin--top40{
    margin-top:40px!important
}
.margin--top50{
    margin-top:50px!important
}
.margin--bottom{
    margin-bottom:20px!important
}
.margin--bottom5{
    margin-bottom:5px!important
}
.margin--bottom10{
    margin-bottom:10px!important
}
.margin--bottom30{
    margin-bottom:30px!important
}
.margin--bottom40{
    margin-bottom:40px!important
}
.margin--bottom50{
    margin-bottom:50px!important
}
.margin--left{
    margin-left:20px!important
}
.margin--left5{
    margin-left:5px!important
}
.margin--left10{
    margin-left:10px!important
}
.margin--right{
    margin-right:20px!important
}
.margin--right5{
    margin-right:5px!important
}
.margin--right10{
    margin-right:10px!important
}
.padding{
    padding:20px
}
.padding5{
    padding:5px!important
}
.padding10{
    padding:10px
}
.padding30{
    padding:30px
}
.padding50{
    padding:50px
}
.padding--top{
    padding-top:20px
}
.padding--top10{
    padding-top:10px
}
.padding--top30{
    padding-top:30px
}
.padding--bottom{
    padding-bottom:20px
}
.padding--bottom10{
    padding-bottom:10px
}
.padding--bottom30{
    padding-bottom:30px
}
.padding--left{
    padding-left:20px
}
.padding--left10{
    padding-left:10px
}
.padding--left30{
    padding-left:30px
}
.padding--left50{
    padding-left:50px
}
.padding--right{
    padding-right:20px
}
.padding--right10{
    padding-right:10px
}
.padding--right30{
    padding-right:30px
}
.padding--right50{
    padding-right:50px
}
.no-margin{
    margin:0!important
}
.no-margin-top{
    margin-top:0!important
}
.no-margin-bottom{
    margin-bottom:0!important
}
.no-margin-last p:last-child{
    margin-bottom:0!important
}
.no-padding{
    padding:0!important
}
.align-left{
    text-align:left
}
.align-center{
    text-align:center
}
.align-right{
    text-align:right
}
.clear{
    clear:both;
    visibility:hidden;
    height:0;
    width:0
}
.content-divide{
    border-style:solid;
    border-color:rgba(0,0,0,.05);
    margin-bottom:30px;
    width:100%
}
.bg-mid-grey .content-divide,.bg-dark-grey .content-divide{
    border-color:rgba(255,255,255,.1)
}
.show--600,.show--700,.show--800{
    display:none
}
@media screen and (max-width:1100px){
    .grid--col1--1100{
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--col2--1100{
        grid-template-columns:repeat(2,minmax(auto,1fr))!important
    }
    .flex--column--1100{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}
@media screen and (max-width:1000px){
    .grid--col1--1000{
        grid-template-columns:repeat(1,1fr);
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--col2--1000{
        grid-template-columns:repeat(2,minmax(auto,1fr))!important
    }
    .flex--row--1000{
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .flex--column--1000{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .flex--start--1000{
        align-items:start
    }
    .order-1--1000{
        order:1
    }
    .order-2--1000{
        order:2
    }
    .order-3--1000{
        order:3
    }
    .order-4--1000{
        order:4
    }
    .hide--1000{
        display:none
    }
    .show--1000{
        display:inline
    }
    .align-center--1000{
        text-align:center
    }
}
@media screen and (max-width:950px){
    .grid--col1--950{
        grid-template-columns:repeat(1,1fr);
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .flex--row--950{
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .flex--column--950{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .flex--start--950{
        align-items:flex-start
    }
    .hide--950{
        display:none
    }
}
@media screen and (max-width:900px){
    .grid--col2--900{
        -ms-grid-template-columns:repeat(2,minmax(auto,1fr))!important;
        grid-template-columns:repeat(2,minmax(auto,1fr))!important
    }
    .grid--col3--900{
        -ms-grid-template-columns:repeat(3,minmax(auto,1fr))!important;
        grid-template-columns:repeat(3,minmax(auto,1fr))!important
    }
    .flex--row--900{
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .flex--column--900{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .flex--center-x--900{
        justify-content:center
    }
    .order-1--900{
        order:1
    }
    .order-2--900{
        order:2
    }
    .order-3--900{
        order:3
    }
    .order-4--900{
        order:4
    }
    .hide--900{
        display:none
    }
    .align-center--900{
        text-align:center
    }
    .margin--auto--900{
        margin-left:auto!important;
        margin-right:auto!important
    }
}
@media screen and (max-width:800px){
    .grid--col1--800{
        -ms-grid-template-columns:repeat(1,1fr)!important;
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--gap20--800{
        -ms-gap:20px;
        gap:20px
    }
    .grid--gap30--800{
        -ms-gap:30px;
        gap:30px
    }
    .grid--gap50--800{
        -ms-gap:50px;
        gap:50px
    }
    .flex--800{
        display:-webkit-box;
        display:-ms-flexbox;
        display:-webkit-flex;
        display:flex
    }
    .flex--row--800{
        -webkit-flex-direction:row;
        -ms-flex-direction:row;
        flex-direction:row
    }
    .flex--column--800{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .order-1--800{
        order:1
    }
    .order-2--800{
        order:2
    }
    .order-3--800{
        order:3
    }
    .order-4--800{
        order:4
    }
    .hide--800{
        display:none
    }
    .show--800{
        display:inline
    }
    .align-center--800{
        text-align:center
    }
    .margin--auto--800{
        margin-left:auto!important;
        margin-right:auto!important
    }
    .margin--bottom10--800{
        margin-bottom:10px!important
    }
}
@media screen and (max-width:700px){
    .grid--content--700{
        -ms-grid-auto-rows:minmax(1px,min-content);
        grid-auto-rows:minmax(1px,min-content)
    }
    .grid--col1--700{
        -ms-grid-template-columns:repeat(1,1fr)!important;
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--col2--700{
        -ms-grid-template-columns:repeat(2,minmax(auto,1fr))!important;
        grid-template-columns:repeat(2,minmax(auto,1fr))!important
    }
    .grid--fit-400{
        -ms-grid-template-columns:1fr;
        grid-template-columns:1fr
    }
    .flex--column--700{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .flex--center-x--700{
        justify-content:center
    }
    .flex--center-y--700{
        align-items:center
    }
    .hide--700{
        display:none
    }
    .show--700{
        display:inline
    }
    .margin--auto--700{
        margin-left:auto!important;
        margin-right:auto!important
    }
}
@media screen and (max-width:650px){
    .grid--col1--650{
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
}
@media screen and (max-width:600px){
    .grid--col1--600{
        -ms-grid-template-columns:repeat(1,1fr)!important;
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--col2--600{
        -ms-grid-template-columns:repeat(2,1fr)!important;
        grid-template-columns:repeat(2,1fr)!important
    }
    .grid--gap10--600{
        -ms-gap:10px;
        gap:10px
    }
    .flex--column--600{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .flex--center-x--600{
        justify-content:center
    }
    .align-center--600{
        text-align:center
    }
    .margin--auto--600{
        margin-left:auto!important;
        margin-right:auto!important
    }
    .padding10--600{
        padding:10px
    }
    .padding20--600{
        padding:20px
    }
    .order-1--600{
        order:1
    }
    .order-2--600{
        order:2
    }
    .order-3--600{
        order:3
    }
    .order-4--600{
        order:4
    }
    .hide--600{
        display:none
    }
    .show--600{
        display:inline
    }
}
@media screen and (max-width:500px){
    .grid--col1--500{
        -ms-grid-template-columns:repeat(1,1fr)!important;
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .grid--fit-300{
        -ms-grid-template-columns:1fr;
        grid-template-columns:1fr
    }
    .grid--gap10--500{
        -ms-gap:10px;
        gap:10px
    }
    .flex--column--500{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
    .align-center--500{
        text-align:center
    }
    .margin--auto--500{
        margin:0 auto!important
    }
    .padding10--500{
        padding:10px!important
    }
    .padding20--500{
        padding:20px!important
    }
}
@media screen and (max-width:450px){
    .grid--col1--450{
        -ms-grid-template-columns:repeat(1,1fr)!important;
        grid-template-columns:repeat(1,1fr)!important;
        -ms-grid-column-gap:0;
        grid-column-gap:0
    }
    .flex--column--450{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column
    }
}

.header,.footer{
    position:relative;
    width:100%
}
.header{
    background-color:#fff;
    z-index:10
}
.footer{
    background-color:#252525;
    color:#fff;
    z-index:9
}
.header>*:not(.header__top-bar),.header__top-bar>*,.footer__bottom-bar>*{
    margin:0 auto
}
.header__top-bar{
    background-color:#252525;
    position:relative;
    z-index:3
}
.header>*:not(.header__top-bar){
    padding:0 32px
}
.footer__bottom-bar{
    background-color:var(--colour-1);
    padding:12px 20px
}
.header__top-bar>* i{
    margin-right:5px
}
.header__logo{
    padding:36px 30px 30px 0;
    width:100%;
    max-width:330px
}
.footer__body{
    padding:50px 15px;
    max-width:1360px;
    margin:0 auto;
    width:100%
}
.footer__body p{
    color:#fff;
    font-size:.92em
}
.header__top-bar,.header__top-bar a,.footer a,.header__top-bar a>i,.footer a>i{
    color:#fff
}
.header__top-bar a>i,.footer a>i{
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.header__top-bar a:hover{
    color:#ea8923
}
.footer a:hover{
    color:#782b91
}
.header__top-bar a:hover i,.footer a:hover i{
    color:#782b91
}
.footer__body a{
    font-weight:300
}
.footer__body a>i{
    font-size:1.75em
}
.footer__bottom-bar a{
    font-weight:700
}
#footer-subscribe .flex__item--half{
    -webkit-flex:0 1 calc(50% - (15px/2));
    -ms-flex:0 1 calc(50% - (15px/2));
    flex:0 1 calc(50% - (15px/2));
    max-width:calc(50% - (15px/2))
}
.footer__body input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]),.footer__body select,.footer__body textarea{
    background-color:rgba(255,255,255,.1);
    color:#fff;
    border:none!important;
    font-size:.92em;
    height:35px;
    min-height:35px
}
.footer__body select option:not(:disabled){
    color:#252525
}
.footer__body select option:focus{
    background-color:#782b91
}
.footer__body label{
    position:relative;
    margin-bottom:5px
}
.footer__body label span{
    font-size:.8em
}
.footer__body__details h3{
    white-space:nowrap
}
.footer__body__links ul{
    margin:30px auto;
    padding:0;
    font-size:.92em
}
.main-logo,.footer-logo{
    height:50px
}
.footer-logo{
    width:100%;
    max-width:300px
}
.nav{
    position:relative;
    z-index:1
}
.nav,.nav__menu{
    margin:0;
    padding:0;
    list-style:none
}
.nav__menu{
    position:fixed;
    right:-500px;
    top:0;
    height:100vh;
    background-color:var(--colour-1);
    width:100%;
    max-width:450px;
    padding:10vh 0 40px;
    z-index:5;
    overflow:auto;
    -webkit-box-shadow:0 20px 15px 0 #000;
    -moz-box-shadow:0 20px 15px 0 #000;
    box-shadow:0 20px 15px 0 #000;
    -ms-transition:all .5s ease;
    -moz-transition:all .5s ease;
    -webkit-transition:all .5s ease;
    transition:all .5s ease
}
.nav__menu.open{
    right:0
}
.nav a:not(.no-decoration)::after{
    height:4px;
    top:calc(100% - 4px)
}
.nav__menu a:not(.no-decoration)::after{
    height:4px;
    top:100%
}
.nav__item a{
    height:100%;
    padding:0 20px;
    font-weight:300;
    font-size:1.1em
}
.nav__item button{
    height:100%;
    padding:0 20px;
    font-weight:300;
    font-size:1.1em;
    border:none;
    background:0 0
}
.nav__item a:not(:hover):not(:active){
    color:#252525
}
.nav__item button:not(:hover):not(:active){
    color:#252525
}
.nav__item__icon{
    position:relative;
    font-size:1.3em;
    z-index:1;
    margin-right:15px;
    border-radius:50%;
    color:var(--colour-1);
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.nav__menu__title{
    position:absolute;
    top:22px;
    left:24px;
    color:#fff;
    font-weight:700;
    font-size:1.8em;
    line-height:1
}
.nav__menu__title i{
    margin-right:10px
}
.nav__menu__item a{
    width:100%;
    padding:5px 30px;
    color:#fff;
    font-weight:300;
    font-size:1.3em
}
.nav__menu__item button{
    width:100%;
    padding:5px 30px;
    color:#fff;
    font-weight:300;
    font-size:1.3em
}
.nav__menu__item i{
    margin-right:15px;
    min-width:30px;
    text-align:center
}
@keyframes navAppear{
    from{
        opacity:0;
        padding:5px 0 5px 60px
    }
    to{
        opacity:1;
        padding:5px 30px
    }
}
.nav__menu.active:not(.open) .nav__menu__item a{
    opacity:1
}
.nav__menu.active:not(.open) .nav__menu__item button{
    opacity:1
}
.nav__item a:hover .nav__item__icon{
    color:#782b91
}
.nav__item button:hover .nav__item__icon{
    color:#782b91
}
.nav__menu__item a:hover{
    background-color:#782b91
}
#cookie-notice{
    position:fixed;
    bottom:10px;
    font-size:12px;
    right:10px;
    top:initial;
    font-size:14px;
    width:200px;
    z-index:15;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.25);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.25);
    box-shadow:0 0 30px 0 rgba(0,0,0,.25);
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .3s;
    transition:all .5s
}
#cookie-notice .padding{
    padding:10px
}
#close-cookie-notice{
    margin-top:10px
}
#cookie-notice.seen{
    bottom:calc(-20% - 50px)
}
#cookie-notice a:not(:hover){
    color:#fff
}
@media screen and (max-width:1250px){
    .nav__item a{
        font-size:.95em
    }
}
@media screen and (max-width:1200px){
    .nav__item:not(.nav__menu-link){
        display:none
    }
    .nav__item a{
        font-size:1.4em;
        text-transform:uppercase
    }
    .nav__item button{
        font-size:1.4em;
        text-transform:uppercase
    }
}
@media screen and (max-width:1050px){
    .footer__body h3{
        font-size:1.2em
    }
    .footer__body p,.footer__body ul{
        font-size:.85em
    }
    .footer__body a>i{
        font-size:1.5em
    }
}
@media screen and (max-width:950px){
    .footer__body__details{
        align-items:center
    }
    .footer__body__details p{
        text-align:center
    }
    .footer__body__details .socials{
        width:100%;
        justify-content:center
    }
}
@media screen and (max-width:800px){
    .nav__menu{
        right:calc(-100% - 100px);
        max-width:100%
    }
    .nav__menu__title{
        font-size:1.7em
    }
    .footer__bottom-bar>div{
        align-items:center;
        text-align:center
    }
}
@media screen and (max-width:700px){
    .header__top-bar>div{
        align-items:center
    }
    .header__logo{
        padding:36px 0 10px;
        text-align:center;
        max-width:100%
    }
    .main-logo{
        width:100%;
        max-width:300px;
        margin:0 auto
    }
    .header__navigation .nav{
        justify-content:center
    }
    .nav__item a{
        padding:20px;
        font-size:1.2em
    }
    .nav__menu__title{
        font-size:1.6em
    }
    .footer__body{
        padding:35px 15px
    }
    .footer__body>section{
        padding:0 20px
    }
}
@media screen and (max-width:500px){
    .header__top-bar{
        font-size:.8em
    }
    .footer__bottom-bar{
        font-size:.8em
    }
}
.content{
    position:relative;
    width:100%;
    background-color:#f7f6f6;
    padding-bottom:50px
}
.content__wrapper{
    padding:45px 50px 50px 50px;
    margin:0 auto;
    max-width:1366px
}
.content__wrapper.reduced{
    max-width:1150px
}
.content__wrapper-with-column{
    padding:40px
}
.content__header{
}
.content__header>.content__wrapper{
    padding:40px 0 0
}
.content__header h1,.content__header h2.h1{
    padding:18px 40px;
    color:#fff;
    background:var(--colour-1);
    border-radius:10px 10px 0 0;
    font-size:2.75em
}
.content__header p{
    padding:22px 25px;
    color:#252525
}
.content__header a{
    color:var(--link);
    font-weight:700
}
.content__header a:hover{
    color:#782b91
}
.content__side-column{
    padding:40px;
    text-align:right;
    color:#fff;
    background:#252525
}
.content__side-column>header>h1{
    font-size:2.2em
}
.section{
    background-color:#f7f6f6
}
.section-content{
    border-radius:15px
}
.content__wrapper section p:first-child{
    margin-top:5px
}
.content__wrapper section p:last-child{
    margin-bottom:5px
}
.section--link{
    position:relative;
    padding:50px;
    height:300px;
    align-items:center;
    justify-content:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.section--link>div{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    background-color:#252525;
    border-radius:15px;
    color:#fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:space-around;
    text-align:center;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.section--link i{
    font-size:5em;
    margin:0 10px
}
.section--link h2{
    font-size:2.5em;
    line-height:1;
    margin:10px auto
}
a.section--link::after{
    height:4px!important;
    background-color:#252525!important;
    border-radius:0 0 4px 4px
}
.section--link:hover>div{
    color:#fff;
    top:-20px
}
a.section--link:hover::after{
    width:90%!important;
    left:5%!important
}
.section--purple>div{
    background-color:#782b91
}
.section--green>div{
    background-color:var(--colour-2)
}
.section--orange>div{
    background-color:#ea8923
}
.section--blue>div{
    background-color:var(--colour-1)
}
.fixed-bg{
    background-size:cover;
    background-position:center center;
    background-attachment:fixed
}
.fixed-bg__body__title{
    background-color:#252525;
    color:#fff;
    border-radius:15px 15px 0 0
}
.fixed-bg__body__title h2{
    margin:0
}
.fixed-bg__body__content{
    background-color:rgba(255,255,255,.9);
    padding:30px;
    border-radius:0 0 15px 15px
}
.fixed-bg__body__content.no-tabs{
    border-radius:15px
}
.fixed-bg__body.no-tabs{
    border-top:10px solid #252525
}
.fixed-bg__body.no-tabs .fixed-bg__body__content{
    padding:25px 30px 30px
}
.img-bg--cover{
    background-size:cover;
    background-repeat:no-repeat
}
.img-bg--contain{
    background-size:contain;
    background-repeat:no-repeat
}
.bg-light-grey{
    background-color:#f7f6f6;
    color:#252525
}
.bg-mid-grey{
    background-color:#3f4144;
    color:#fff
}
.bg-dark-grey{
    background-color:#252525;
    color:#fff
}
.bg-white{
    background-color:#fff;
    color:#252525
}
.bg-blue{
    background-color:var(--colour-1);
    color:#fff
}
.bg-green{
    background-color:var(--colour-2);
    color:#fff
}
.bg-orange{
    background-color:#ea8923;
    color:#fff
}
.bg-purple{
    background-color:#782b91;
    color:#fff
}
.bg-dark-transparent{
    background-color:rgba(255,255,255,.1)
}
.bg-mid-grey p,.bg-dark-grey p,.bg-mid-grey a:not(.standard-link):not(:hover),.bg-dark-grey a:not(.standard-link):not(:hover){
    color:#fff
}
.icon-title i{
    margin-right:10px;
    color:var(--colour-1)
}
.icon-list{
    position:relative;
    padding-left:30px
}
.icon-list i{
    position:absolute;
    top:.3em;
    left:0;
    color:var(--colour-2)
}
.standard-link.icon-title i{
    color:#000
}
.tabs ul{
    list-style:none;
    padding:0 3px;
    margin:0
}
.tabs ul li{
    align-items:center;
    justify-content:center;
    height:50px;
    cursor:pointer;
    margin:0 1px;
    border-radius:8px 8px 0 0;
    font-weight:700;
    text-transform:uppercase;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex:1 0 auto;
    -ms-flex:1 0 auto;
    flex:1 0 auto;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.tabs ul li.active{
    background-color:#fff
}
.tabs ul li:not(.active){
    background-color:#252525;
    color:#fff;
    -webkit-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.5);
    box-shadow:inset 0 -10px 10px -10px rgba(0,0,0,.5)
}
.tabs ul li:not(.active):hover{
    background-color:#782b91
}
.tabs.reduced ul li{
    -webkit-flex:1 1 100%;
    -ms-flex:1 1 100%;
    flex:1 1 100%
}
.tabs__mobile{
    display:none;
    padding:15px;
    text-align:center;
    border-radius:15px 15px 0 0;
    border:none;
    border-bottom:2px solid #252525;
    text-transform:uppercase
}
.tabs-body__section:not(.active){
    display:none
}
.tabs-body__section__sub-heading{
    margin-top:8px!important
}
.table .grid{
    grid-auto-rows:minmax(50px,1fr)
}
.table__header>div{
    background-color:var(--colour-2);
    color:#fff;
    border-radius:10px 10px 0 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center
}
.table__content>div{
    background-color:var(--colour-2)33;
    padding:10px 20px
}
.table__content.last{
    border-radius:0 0 10px 10px;
    overflow:hidden
}
.content-table__header>div{
    color:#fff;
    padding:15px 10px
}
.content-table__header>div:first-child{
    background-color:#782b91
}
.content-table__header>div:nth-child(2){
    background-color:var(--colour-2)
}
.content-table__header>div:nth-child(3){
    background-color:#ea8923
}
.content-table__header>div:last-child{
    background-color:var(--colour-1)
}
.content-table__row{
    border-bottom:2px solid #f7f6f6
}
.block-quote{
    position:relative;
    padding:30px;
    text-align:center;
    font-size:110%
}
.block-quote h2{
    position:relative;
    font-family:indie flower,cursive;
    margin:0;
    line-height:1.2;
    width:100%
}
.block-quote h2::before,.block-quote h2::after{
    position:absolute;
    font-family:"font awesome 5 free",cursive;
    font-size:2.7em;
    font-weight:700;
    color:rgba(0,0,0,.15)
}
.block-quote h2::before{
    left:-1%;
    top:-20px;
    content:"\f10d";
    -moz-transform:rotate(-8deg);
    -webkit-transform:rotate(-8deg);
    transform:rotate(-8deg)
}
.block-quote h2::after{
    right:-1%;
    bottom:-20px;
    content:"\f10e";
    -moz-transform:rotate(8deg);
    -webkit-transform:rotate(8deg);
    transform:rotate(8deg)
}
.modal{
    border:none;
    box-shadow:none;
    position:fixed;
    top:0;
    left:0;
    height:100vh;
    width:100vw;
    background-color:rgba(37,37,37,.7);
    z-index:20
}
.modal:not(.open){
    display:none
}
.modal__body{
    background-color:#fff;
    padding:30px;
    position:relative;
    max-width:calc(100% - 40px);
    max-height:calc(100% - 40px);
    overflow-y:auto;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.5);
    -moz-box-shadow:0 0 15px 0 rgba(0,0,0,.5);
    box-shadow:0 0 15px 0 rgba(0,0,0,.5)
}
.modal__body__close{
    position:absolute;
    top:11px;
    right:15px;
    font-size:1.3em
}
.modal__body__iframe{
    width:60vw;
    padding-bottom:56.25%;
    position:relative
}
.modal__body__iframe>iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:hidden
}
.widget-link{
    position:fixed!important;
    bottom:-5px;
    right:20px;
    border-radius:10px 10px 0 0;
    padding:10px 15px 20px;
    background-color:#ea8923;
    z-index:11;
    color:#fff!important;
    font-weight:700;
    font-size:1.1em;
    -webkit-box-shadow:0 0 15px 0 rgba(0,0,0,.6);
    -moz-box-shadow:0 0 15px 0 rgba(0,0,0,.6);
    box-shadow:0 0 15px 0 rgba(0,0,0,.6);
    -ms-transition:all .3s!important;
    -moz-transition:all .3s!important;
    -webkit-transition:all .3s!important;
    transition:all .3s!important
}
.widget-link:hover{
    bottom:0;
    color:#fff;
    background-color:#782b91
}
@keyframes fadeInUp{
    from{
        opacity:0;
        -webkit-transform:translateY(100%);
        -ms-transform:translateY(100%);
        transform:translateY(100%)
    }
    to{
        opacity:1;
        -webkit-transform:translateX(0);
        -ms-transform:translateX(0);
        transform:translateX(0)
    }
}
.animate-fadeInUp{
    -webkit-transform:translateY(100%);
    -ms-transform:translateY(100%);
    transform:translateY(100%);
    opacity:0;
    animation:fadeInUp .5s 0s ease-out forwards
}
@media only screen and (max-width:1400px){
    .content__header>.content__wrapper h1,.content__header>.content__wrapper h2.h1{
        margin-left:10px!important
    }
}
@media only screen and (max-width:1100px){
    .content__wrapper{
        padding:55px 40px
    }
    .tabs ul li.tab{
        font-size:.95em
    }
    .tabs-body,.tabs-body__section{
        padding:16px
    }
}
@media only screen and (max-width:950px){
    .content{
        padding-bottom:0
    }
    .content__wrapper{
        padding:50px 30px
    }
    .content__header>.content__wrapper{
        padding:0
    }
    .content__header>.content__wrapper h1,.content__header>.content__wrapper h2.h1{
        padding:30px 25px 18px;
        border-radius:0;
        margin-left:0!important;
        font-size:2.6em
    }
    .content__header>.flex--row{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        align-items:stretch
    }
    .content__header p{
        padding:15px 25px
    }
    .tabs ul li.tab{
        font-size:.8em
    }
    .tabs-body__section #by-post{
        padding:0;
        border:none
    }
}
@media only screen and (max-width:900px){
    a.section--link::after{
        height:3px!important
    }
}
@media only screen and (max-width:800px){
    .tabs-body,.tabs-body__section{
        padding:14px
    }
    .tabs__main{
        display:none
    }
    .tabs__mobile{
        display:block
    }
    .tabs-body__section__heading{
        line-height:1.2
    }
    .section--link:hover>div{
        top:-12px
    }
}
@media only screen and (max-width:700px){
    .content__wrapper{
        padding:40px 20px
    }
    .content__header>.content__wrapper{
        text-align:center
    }
    .content__header>.content__wrapper h2.h1{
        font-size:2.4em
    }
    .tabs-body__section #by-post .flex__spacer{
        display:none
    }
    .content_wrapper:not(.reduced) .fixed-bg__body__content,.fixed-bg__body.no-tabs .fixed-bg__body__content{
        padding:10px
    }
}
@media only screen and (max-width:600px){
    .tabs-body,.tabs-body__section{
        padding:13px
    }
    .tabs-body__section__heading,.tabs-body__section__sub-heading{
        text-align:center
    }
}
@media only screen and (max-width:500px){
    .content__header>.content__wrapper h2.h1{
        font-size:2.2em
    }
}
.btn,a.btn,input[type=submit].btn,input[type=button].btn{
    font-family:'Arial',sans-serif;
    width:100%;
    height:50px;
    max-width:300px;
    margin:0;
    position:relative;
    background-color:var(--colour-2);
    color:#fff;
    font-size:1.15em;
    line-height:1;
    font-weight:700;
    padding:0 50px 2px 16px;
    border-radius:10px;
    text-transform:uppercase;
    border:none;
    position:relative;
    cursor:pointer;
    border:none;
    outline:none;
    text-align:left;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:flex-start;
    -ms-transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
    transition:all .6s
}
.btn:not(.file-label):not(.radio-label):not(.checkbox-label)::before,a.btn::before{
    content:"\f061";
    height:100%;
    width:50px;
    border-radius:0 10px 10px 0;
    background-color:var(--colour-1);
    position:absolute;
    top:0;
    right:0;
    opacity:1;
    font-family:"font awesome 5 free";
    font-size:1.3em;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    align-items:center;
    justify-content:center;
    -moz-transform:scale(.9,.9);
    -webkit-transform:scale(.9,.9);
    transform:scale(.9,.9);
    -ms-transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    transition:all .5s
}
.btn:not(.file-label):not(.radio-label):not(.checkbox-label)::after{
    content:'';
    width:0%;
    height:2px;
    top:calc(100% + 3px);
    left:50%;
    background-color:#ea8923;
    position:absolute;
    opacity:0;
    border-radius:0 0 2px 2px;
    -ms-transition:all .6s;
    -moz-transition:all .6s;
    -webkit-transition:all .6s;
    transition:all .6s
}
.btn:not(.file-label):not(.radio-label):not(.checkbox-label):hover::after{
    opacity:1;
    width:calc(100% - 20px);
    left:10px
}
.btn:not(.selected):not(.btn--disabled):hover,a.btn:not(.selected):not(.btn--disabled):hover,input[type=submit].btn:not(.btn--disabled):hover{
    background-color:#782b91;
    padding:0 45px 2px 21px
}
input[type=submit].btn{
    padding:0 50px 2px;
    justify-content:center
}
input[type=submit].btn:hover{
    padding:0 50px 2px
}
.btn:not(.selected):not(.btn--disabled):hover::before,a.btn:not(.selected):not(.btn--disabled):hover::before{
    background-color:transparent;
    -moz-transform:scale(1.25,1.25);
    -webkit-transform:scale(1.25,1.25);
    transform:scale(1.25,1.25)
}
.btn.btn--secondary:not(:hover),a.btn.btn--secondary:not(:hover){
    background-color:var(--colour-1)
}
.btn.btn--secondary:not(.file-label):not(.radio-label):not(.checkbox-label):not(:hover)::before,a.btn.btn--secondary:not(:hover)::before{
    background-color:#252525
}
.btn.btn--small,a.btn.btn--small,input[type=submit].btn.btn--small{
    height:40px;
    max-width:250px;
    font-size:1.05em;
    padding:0 40px 0 16px;
    border-radius:10px
}
.btn.btn--small:not(.selected):hover,a.btn.btn--small:hover,input[type=submit].btn.btn--small:hover{
    padding:0 40px 0 24px
}
.btn.btn--small:not(.file-label):not(.radio-label):not(.checkbox-label)::before,a.btn.btn--small::before{
    border-radius:0 10px 10px 0
}
.btn.btn--large{
    max-width:500px
}
.btn.btn--small-text{
    font-size:.9em
}
.btn.btn--small-text::before{
    font-size:1.5em
}
.btn.btn--disabled,a.btn.btn--disabled{
    background-color:#909090!important;
    cursor:not-allowed
}
.btn.btn--disabled::before,a.btn.btn--disabled::before{
    background-color:#252525!important
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]),select,textarea{
    padding:5px 10px;
    min-height:40px;
    font-size:1.2em;
    font-family:'Arial',sans-serif;
    width:100%;
    border:1px solid #aaa;
    -webkit-box-shadow:inset 0 0 7px 0 rgba(0,0,0,.15);
    -moz-box-shadow:inset 0 0 7px 0 rgba(0,0,0,.15);
    box-shadow:inset 0 0 7px 0 rgba(0,0,0,.15)
}
input.disabled:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]),select.disabled,textarea.disabled{
    background-color:#e6e6e6;
    cursor:not-allowed
}
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):focus,select:focus,textarea:focus{
    outline:none;
    border:1px solid #252525!important
}
input[type=checkbox]{
    margin-right:15px;
    cursor:pointer
}
.dark-form input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=image]):not(.ignore-dark),.dark-form select:not(.ignore-dark),.dark-form textarea:not(.ignore-dark){
    background-color:rgba(255,255,255,.1);
    color:#fff;
    border:none!important;
    font-size:.92em;
    height:35px;
    min-height:35px
}
.dark-form select:not(.ignore-dark) option:not(:disabled){
    color:#252525
}
.dark-form select:not(.ignore-dark) option:focus{
    background-color:#782b91
}
.file-label,.radio-label,.checkbox-label{
    background-color:var(--colour-1);
    display:flex;
    justify-content:center;
    align-items:center;
    padding:0;
    border-radius:10px
}
.file-label input[type=file],.radio-label input[type=radio],.checkbox-label input[type=checkbox]{
    width:.1px;
    height:.1px;
    opacity:0;
    overflow:hidden;
    position:absolute;
    z-index:-1
}
.btn.radio-label:not(.selected):hover,.btn.file-label:not(.selected):hover,.btn.checkbox-label:not(.selected):hover,.btn.radio-label:not(.selected):focus-within,.btn.file-label:not(.selected):focus-within,.btn.checkbox-label:not(.selected):focus-within{
    background-color:#ea8923;
    padding:0
}
.file-label.selected,.radio-label.selected,.checkbox-label.selected{
    background-color:#782b91;
    color:#fff;
    -webkit-box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5);
    box-shadow:inset 0 0 15px 0 rgba(0,0,0,.5)
}
.file-label.selected::before,.radio-label.selected::before,.checkbox-label.selected::before{
    background-color:var(--colour-2)
}
.radio-label--image{
    background-color:initial;
    border-radius:0;
    cursor:pointer;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s;
    border:1px solid #f7f6f6
}
.radio-label--image.selected{
    border:1px solid #782b91;
    outline:3px solid #782b91
}
.radio-label--image:not(.selected):hover{
    -webkit-transform:scale(1.025);
    -ms-transform:scale(1.025);
    transform:scale(1.025);
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.3);
    box-shadow:0 0 5px 0 rgba(0,0,0,.3)
}
.action-required{
    border:1px solid red!important;
    -webkit-box-shadow:0 0 1px 1px red!important;
    -moz-box-shadow:0 0 1px 1px red!important;
    box-shadow:0 0 1px 1px red!important
}
.action-approved{
    border:1px solid #0f0!important
}
.text-success{
    color:var(--colour-2)!important
}
.text-warning{
    color:#ea8923!important
}
.control-icon{
    font-size:1.9em
}
.share-bar{
    background-color:#f7f6f6;
    padding:20px;
    margin:50px auto 0
}
a.share-bar__link{
    color:#fff!important;
    padding:10px;
    text-align:center;
    -ms-transition:all .6s!important;
    -moz-transition:all .6s!important;
    -webkit-transition:all .6s!important;
    transition:all .6s!important;
    border-radius:10px
}
a.share-bar__link::after{
    top:calc(100% + 3px)!important;
    border-radius:0 0 2px 2px!important
}
a.share-bar__link:hover{
    background-color:#782b91
}
a.share-bar__link:hover::after{
    width:calc(100% - 30px)!important;
    left:15px!important;
    top:calc(100% + 3px)
}
a.share-bar__link.facebook:not(:hover){
    background-color:#3b5998
}
a.share-bar__link.twitter:not(:hover){
    background-color:#1da1f2
}
.share-icon{
    display:inline-block;
    height:30px;
    width:auto;
    margin-right:5px
}
.share-icon__fill{
    fill:#fff;
    -ms-transition:all 1s;
    -moz-transition:all 1s;
    -webkit-transition:all 1s;
    transition:all 1s;
    opacity:1
}
.share-icon__outline{
    stroke:#fff;
    stroke-width:10;
    fill:none;
    stroke-dasharray:2000;
    stroke-dashoffset:0;
    opacity:0
}
a.share-bar__link:hover .share-icon>.share-icon__fill{
    opacity:0
}
a.share-bar__link:hover .share-icon>.share-icon__outline{
    animation:dash 1s linear forwards;
    opacity:1
}
@keyframes dash{
    from{
        stroke-dasharray:0,2000
    }
    to{
        stroke-dasharray:2000,2000
    }
}
@media screen and (max-width:700px){
    .btn,a.btn,input[type=submit].btn{
        font-size:1.05em
    }
    .btn.btn--small,a.btn.btn--small,input[type=submit].btn.btn--small{
        font-size:.9em
    }
}
@media screen and (max-width:600px){
    a.share-bar__link{
        width:100%
    }
}
.category{
    margin-bottom:20px
}
.category:last-of-type{
    margin-bottom:0
}
.category__slider{
    padding:30px 0 20px;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    grid-row-gap:25px;
    row-gap:25px;
    grid-column-gap:30px;
    column-gap:30px
}
.category__slider--no-title{
    padding-top:10px
}
.category__slider__item{
    position:relative;
    top:0;
    border-radius:10px;
    overflow:hidden;
    -ms-transition:all .6s!important;
    -moz-transition:all .6s!important;
    -webkit-transition:all .6s!important;
    transition:all .6s!important
}
.category__slider__item h4{
    margin:0;
    padding:0 0 20px;
    line-height:1.1;
    text-align:center
}
.category__slider:not(.competition__slider) .category__slider__item h4{
    color:#252525
}
.category__slider__item figure,.category__slider__item svg{
    margin-top:0;
    margin-bottom:0;
    -ms-transition:all .3s!important;
    -moz-transition:all .3s!important;
    -webkit-transition:all .3s!important;
    transition:all .3s!important;
    overflow:hidden
}
.category__slider__item svg>path,.category__slider__item svg>circle,.category__slider__item svg>rect{
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -webkit-transition:all .3s;
    transition:all .3s
}
.category__slider__item figure,.category__slider__item figure img{
    width:100%;
    line-height:.9;
    margin:0
}
.category__slider__item.slider-1 svg{
    background-color:#782b91
}
.category__slider__item.slider-1 svg>rect:first-of-type{
    fill:#782b91!important
}
.category__slider__item.slider-2 svg{
    background-color:var(--colour-2)
}
.category__slider__item.slider-2 svg>rect:first-of-type{
    fill:var(--colour-2)!important
}
.category__slider__item.slider-3 svg{
    background-color:#ea8923
}
.category__slider__item.slider-3 svg>rect:first-of-type{
    fill:#ea8923!important
}
.category__slider__item.slider-4 svg{
    background-color:var(--colour-1)
}
.category__slider__item.slider-4 svg>rect:first-of-type{
    fill:var(--colour-1)!important
}
.category__slider:not(.competition__slider) .category__slider__item::after{
    background-color:#252525!important;
    top:calc(-2px + 100%)!important;
    height:2px!important
}
.category__slider:not(.competition__slider) .category__slider__item:hover h4{
    color:#252525
}
.category__slider:not(.competition__slider) .category__slider__item:hover figure,.category__slider:not(.competition__slider) .category__slider__item:hover svg{
    margin-top:-10px;
    margin-bottom:10px;
    -moz-transform:perspective(80em) rotateX(-20deg);
    -webkit-transform:perspective(80em) rotateX(-20deg);
    transform:perspective(80em) rotateX(-20deg)
}
.category__slider:not(.competition__slider) .category__slider__item:hover::after{
    width:86%!important;
    left:7%!important
}
.category__slider.competition__slider{
    grid-template-columns:repeat(2,minmax(auto,1fr));
    gap:40px
}
.category__slider.competition__slider .category__slider__item{
    background-color:#f7f6f6;
    -webkit-box-shadow:0 0 30px 0 rgba(0,0,0,.125);
    -moz-box-shadow:0 0 30px 0 rgba(0,0,0,.125);
    box-shadow:0 0 30px 0 rgba(0,0,0,.125)
}
.category__slider.competition__slider h4{
    padding:10px 0 5px;
    font-size:1.5em
}
.category__slider.competition__slider h4.category__title{
    padding:15px;
    color:#252525;
    background-color:#fff
}
.category__slider.competition__slider p{
    padding:5px 0;
    margin:0;
    font-size:1.2em;
    text-align:center;
    line-height:1.1
}
.category__slider.competition__slider p:last-child:not(.deadline){
    padding:0 0 10px
}
.competition__slider .category__slider__item figure,.competition__slider .category__slider__item svg{
    border-radius:0
}
.competition__slider .category__icon{
    position:relative;
    overflow:hidden;
    min-height:300px
}
.competition__slider .category__icon>figure{
    position:absolute;
    width:calc(100% + 40px);
    height:calc(100% + 40px);
    top:-20px;
    left:-20px
}
.competition__slider .category__icon>figure>img,.competition__slider .category__icon>figure>svg{
    object-fit:cover;
    width:100%;
    height:100%;
    -ms-transition:all .5s ease-in-out;
    -moz-transition:all .5s ease-in-out;
    -webkit-transition:all .5s ease-in-out;
    transition:all .5s ease-in-out;
    -webkit-transform:rotate(-5deg);
    -ms-transform:rotate(-5deg);
    transform:rotate(-5deg)
}
.competition__slider>.category__slider__item:hover .category__icon>figure>img,.competition__slider>.category__slider__item:hover .category__icon>figure>svg{
    -webkit-transform:rotate(-8deg) scale(1.05);
    -ms-transform:rotate(-8deg) scale(1.05);
    transform:rotate(-8deg) scale(1.05)
}
.competition__slider>.category__slider__item .competition-blurb{
    padding:10px 15px 15px;
    align-self:stretch
}
.competition__slider>.category__slider__item .competition-blurb .deadline{
    font-size:1.15em;
    background-color:#fff;
    padding:10px 15px;
    margin:10px auto 15px
}
@media only screen and (max-width:950px){
    .competition__slider .category__icon{
        -webkit-flex:0 1 300px;
        -ms-flex:0 1 300px;
        flex:0 1 300px
    }
    .competition__slider .competition-blurb{
        -webkit-flex:1 1 50%;
        -ms-flex:1 1 50%;
        flex:1 1 50%
    }
    .category__slider.competition__slider{
        gap:30px
    }
    .category__slider.competition__slider p:last-child{
        padding:0 0 10px
    }
    .category__slider.competition__slider .category__slider__item>.flex__item--half:first-child{
        -webkit-flex:initial;
        -ms-flex:initial;
        flex:initial
    }
    .category__slider.competition__slider .category__slider__item>.flex__item--half:last-child{
        -webkit-flex:auto;
        -ms-flex:auto;
        flex:auto
    }
}
@media only screen and (max-width:600px){
    .category__slider:not(.competition__slider) .category__slider__item>figure{
        width:85%
    }
    .competition__slider .category__icon>figure>svg{
        height:106%
    }
}
@media only screen and (max-width:450px){
    .category__slider:not(.competition__slider) .category__slider__item>figure{
        width:70%
    }
}
@media only screen and (max-width:300px){
    .category__slider:not(.competition__slider) .category__slider__item>figure{
        width:90%
    }
}
.author-facts{
    background-color:#f7f6f6;
    border-bottom:8px solid #252525;
    margin-bottom:40px
}
.author-listing>div:last-child{
    padding:0 0 5px 20px
}
.author-facts__image,.author-listing__image{
    background-size:cover;
    background-repeat:no-repeat
}
.author-facts__vitals{
    padding:0 30px 5px 0
}
.author-facts__vitals p{
    font-size:1.5em;
    margin:20px auto!important
}
.school-entries:not(.active),.individual-entries:not(.active),.independent-entries:not(.active){
    display:none
}
.uploader-description{
    -o-transition:font-size .5s;
    -webkit-transition:font-size .5s;
    transition:font-size .5s
}
.uploader-description.reduced{
    font-size:1.6em
}
.uploader-form .flex__spacer{
    -webkit-flex:0 0 50px;
    -ms-flex:0 0 50px;
    flex:0 0 50px
}
.uploader-form .flex__item--third{
    max-width:calc((100% - 100px)/3)
}
.cta-form{
    overflow:hidden;
    -webkit-box-shadow:0 0 30px 0 rgba(75,90,100,.4);
    -moz-box-shadow:0 0 30px 0 rgba(75,90,100,.4);
    box-shadow:0 0 30px 0 rgba(75,90,100,.4);
    width:100%
}
.cta-form>h3{
    margin:0;
    padding:15px;
    text-align:center;
    background-color:rgba(255,255,255,.1);
    color:#fff
}
.cta-form input:valid{
    border:1px solid var(--colour-2)!important
}
.to-checkout,a.to-checkout,.btn.to-checkout{
    -webkit-transform:scaleY(1);
    -ms-transform:scaleY(1);
    transform:scaleY(1)
}
.to-checkout.hidden,a.to-checkout.hidden,.btn.to-checkout.hidden{
    height:0;
    -webkit-transform:scaleY(0);
    -ms-transform:scaleY(0);
    transform:scaleY(0);
    margin:0!important
}
#map{
    min-height:300px
}
#error-404-images{
    position:relative;
    z-index:1
}
#error-404-images .icon-plus{
    position:absolute;
    z-index:2;
    width:5%
}
#error-404-images .icon-plus:first-of-type{
    left:-10%;
    top:2%
}
#error-404-images .icon-plus:nth-of-type(2){
    right:7.5%;
    top:4%
}
#error-404-images .icon-plus:nth-of-type(3){
    left:6%;
    top:20%
}
#error-404-images .icon-plus:nth-of-type(4){
    left:-5%;
    bottom:2%
}
#error-404-images .icon-plus:nth-of-type(5){
    right:0;
    bottom:10%
}
@media only screen and (max-width:1200px){
    .uploader-options .section--link{
        height:260px
    }
    .uploader-options .section--link h2{
        font-size:2em
    }
    .uploader-options .section--link h4{
        font-size:1.1em
    }
    .uploader-options .section--link i{
        font-size:4em
    }
    .uploader-form .flex__spacer{
        -webkit-flex:0 0 30px;
        -ms-flex:0 0 30px;
        flex:0 0 30px
    }
    .uploader-form .flex__item--third{
        max-width:calc((100% - 60px)/3)
    }
    .uploader-form h2{
        font-size:1.8em
    }
}
@media only screen and (max-width:1100px){
    .uploader-options .section--link{
        height:230px
    }
    .uploader-options .section--link h2{
        font-size:1.85em
    }
    .uploader-options .section--link h4{
        font-size:1em
    }
    .uploader-options .section--link i{
        font-size:3.6em
    }
    .uploader-form h2{
        font-size:1.6em
    }
    .uploader-form .padding30{
        padding:20px
    }
}
@media only screen and (max-width:1000px){
    .uploader-options{
        gap:30px
    }
    .contact-info>.flex__item--half:first-child{
        -webkit-flex:0 1 40%;
        -ms-flex:0 1 40%;
        flex:0 1 40%
    }
    .contact-info>.flex__item--half:last-child{
        -webkit-flex:0 1 60%;
        -ms-flex:0 1 60%;
        flex:0 1 60%
    }
    .contact-info .flex__spacer50{
        -webkit-flex:0 0 30px;
        -ms-flex:0 0 30px;
        flex:0 0 30px
    }
}
@media only screen and (max-width:900px){
    .uploader-description.reduced{
        font-size:1.5em
    }
    .uploader-options{
        gap:15px
    }
    .uploader-options .section--link{
        height:210px
    }
    .uploader-options .section--link h2{
        font-size:1.6em
    }
    .uploader-options .section--link h4{
        font-size:.85em
    }
    .uploader-options .section--link i{
        font-size:3.1em
    }
    .uploader-form{
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap
    }
    .uploader-form .flex__spacer{
        -webkit-flex:0 0 20px;
        -ms-flex:0 0 20px;
        flex:0 0 20px
    }
    .uploader-form .flex__spacer:last-of-type{
        display:none
    }
    .uploader-form .flex__item--third{
        -webkit-flex:1 1 45%;
        -ms-flex:1 1 45%;
        flex:1 1 45%;
        max-width:calc((100% - 20px)/2)
    }
    .uploader-form .flex__item--third:last-child{
        margin-top:20px;
        max-width:100%
    }
}
@media only screen and (max-width:800px){
    .author-facts__vitals p{
        font-size:1.3em
    }
}
@media only screen and (max-width:700px){
    .uploader-description.reduced{
        font-size:1.4em
    }
    .uploader-options{
        gap:25px
    }
    .uploader-options .section--link{
        height:230px
    }
    .uploader-options .section--link h2{
        font-size:2em
    }
    .uploader-options .section--link h4{
        font-size:1em
    }
    .uploader-options .section--link i{
        font-size:3.7em
    }
}
@media only screen and (max-width:600px){
    .uploader-description.reduced{
        font-size:1.3em
    }
    .uploader-form{
        -webkit-flex-wrap:nowrap;
        -ms-flex-wrap:nowrap;
        flex-wrap:nowrap
    }
    .uploader-form .flex__spacer:last-of-type{
        display:block
    }
    .uploader-form .flex__spacer{
        -webkit-flex:0 0 25px;
        -ms-flex:0 0 25px;
        flex:0 0 25px
    }
    .uploader-form .flex__item--third{
        -webkit-flex:1 1 100%;
        -ms-flex:1 1 100%;
        flex:1 1 100%;
        max-width:100%
    }
    .uploader-form .flex__item--third:last-child{
        margin-top:0
    }
    .hide-on-mobile{
        display:none
    }
}
@media only screen and (max-width:500px){
    .uploader-description.reduced{
        font-size:1.2em
    }
    .uploader-options{
        gap:20px
    }
    .uploader-options .section--link{
        height:210px
    }
    .uploader-options .section--link h2{
        font-size:1.8em
    }
    .uploader-options .section--link h4{
        font-size:1em
    }
    .uploader-options .section--link i{
        font-size:3.5em
    }
    .contact-info__socials{
        justify-content:center
    }
    .author-listing>div:last-child{
        padding:10px 5px 5px
    }
    .author-facts__vitals{
        padding:0 25px 10px
    }
    .author-facts__vitals h2{
        margin-top:0!important
    }
    .author-facts__vitals p{
        font-size:1.1em
    }
}
@media only screen and (max-width:500px){
    .teacher-resource-item{
        -webkit-flex-direction:column;
        -ms-flex-direction:column;
        flex-direction:column;
        padding:15px 0
    }
    .teacher-resource-item h4,.teacher-resource-item h5{
        text-align:center
    }
    .teacher-resource-item figure{
        order:1
    }
    .teacher-resource-item div.flex__spacer20{
        order:2
    }
    .teacher-resource-item div:not(.flex__spacer20){
        order:3
    }
}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){
    .btn:not(.file-label):not(.radio-label):not(.checkbox-label):hover::after,a.block-link:not(.no-decoration):not(.btn):hover::after{
        width:95%;
        left:2.5%
    }
    a.share-bar__link:hover::after{
        width:95%!important;
        left:2.5%!important
    }
    .category__slider{
        display:block
    }
    .category__slider__item{
        float:left;
        width:calc(100%/8);
        padding:0 10px;
        box-sizing:border-box;
        white-space:wrap
    }
    .category__title.flex--center-y{
        align-items:normal!important
    }
}
@supports(-ms-ime-align:auto){
    .btn:not(.file-label):not(.radio-label):not(.checkbox-label):hover::after,a.block-link:not(.no-decoration):not(.btn):hover::after{
        width:95%;
        left:2.5%
    }
    a.share-bar__link:hover::after{
        width:95%!important;
        left:2.5%!important
    }
}
.mce-container a{
    display:inline-block
}