html, body, button {
    font: 18px SansFont, sans-serif;
}

html, body, * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

.upfront a {
    color: inherit;
    text-decoration: none;
}

.upfront a:hover {
    text-decoration: underline;
}
.upfront a.button:hover {
    text-decoration: none;
}

.upfront.post > a:hover { text-decoration: none; }

.upfront li a {
    color: inherit;
}

.upfront .section {
    padding: 65px calc(50vw - 382px); 
    background: #f3f3f3;
    overflow-x: hidden;
}

.upfront .section.wider,
.upfront .section.centred_wide {
    padding: 65px calc(50vw - 479px);
}





.upfront .menu-open-button { 
    position: absolute; 
    background: url("data:image/svg+xml,%3Csvg width='33' height='23' viewBox='0 0 33 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.0117188 1.84912H32.0117' stroke='%233A1C46' stroke-width='2'/%3E%3Cpath d='M0.0117188 11.8491H32.0117' stroke='%233A1C46' stroke-width='2'/%3E%3Cpath d='M0.0117188 21.8491H32.0117' stroke='%233A1C46' stroke-width='2'/%3E%3C/svg%3E%0A") center no-repeat;
    width: 33px;
    height: 33px;
    top: 130px; 
    right: 36px; 
    z-index: 102; 
    cursor: pointer; 
}

.upfront .menu { position: absolute; z-index: 101; }
.upfront .menu {
    display: none;
    position: absolute;
    background: #E9FEF6;
    top: 0;
    right: 0;
    min-height: 500%;
    padding: 90px 20px 50px 50px;
    border-left: 4px solid #22F5A9;
    list-style-type: none;
    max-width: 346px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.upfront .menu > li {
    max-height: 70px;
    overflow: hidden;
}

.upfront .menu > li.open {
    max-height: none;
}

.upfront .menu li a {
    font-size: 40px;
    line-height: 60px;
}

.upfront .menu li a[data-action="menu-expand"] {
    display: inline-block;
    width: 19px;
    height: 12px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 2L9.5 10.5L18 2' stroke='%23FF425E' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.upfront .menu li.open a[data-action="menu-expand"] {
    background-image: url("data:image/svg+xml,%3Csvg width='19' height='12' viewBox='0 0 19 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 10.5L9.5 2L18 10.5' stroke='%23FF425E' stroke-width='2'/%3E%3C/svg%3E%0A");
}

.upfront .menu li ul {
    list-style-type: none;
    margin-top: 15px;
}

.upfront .menu li ul li {
    margin-bottom: 20px;
}

.upfront .menu li ul li a {
    font-size: 24px;
    line-height: 30px;
}

body.upfront-menu-open .upfront .menu {
    display: block;
}
body.upfront-menu-open .upfront .menu-open-button {
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.62742 1L24.2548 23.6274M23.6274 1.29289L1 23.9203' stroke='%233A1C46' stroke-width='2'/%3E%3C/svg%3E%0A");
    top: 43px;
}










.upfront .split-header .heading.colour-pink {
    background: #ff2359 !important;
    color: #ffffff;
}



.upfront.colour-blue .section {
    background: rgb(229, 249, 254);
}

.upfront.colour-blue .blocky-background .background { border-color: rgb(101, 219, 248); }
.upfront.post.colour-blue .section.lead_in,
.upfront.post.colour-blue .section.quote,
.upfront.post.colour-blue .section.quote.style-blocky span,
.upfront.colour-blue .split-header .heading,
.upfront .split-header .heading.colour-blue,
.upfront .post-grid .quote.colour-blue {
    background: rgb(101, 219, 248);
}

.upfront.post.colour-blue .section h3,
.upfront.post.colour-blue .section h4,
.upfront.post.colour-blue .section.footer p strong
{
    color: rgb(101, 219, 248);
}

.upfront.post.colour-blue .section.separator:before,
.upfront.post.colour-blue .section.footer:before 
{
    border-color: rgb(101, 219, 248);
}

.upfront.post.colour-blue .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(101, 219, 248)' /%3E%3C/svg%3E"); 
}

.upfront.colour-blue .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(101, 219, 248)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-blue .section.header h1 span
.upfront.post.colour-blue .section.lead_in p,
.upfront.post.colour-blue .section .quote.full_width p span
{
    color: #;
}



.upfront.colour-green .section {
    background: rgb(231, 252, 241);
}

.upfront.colour-green .blocky-background .background { border-color: rgb(116, 240, 174); }
.upfront.post.colour-green .section.lead_in,
.upfront.post.colour-green .section.quote,
.upfront.post.colour-green .section.quote.style-blocky span,
.upfront.colour-green .split-header .heading,
.upfront .split-header .heading.colour-green,
.upfront .post-grid .quote.colour-green {
    background: rgb(116, 240, 174);
}

.upfront.post.colour-green .section h3,
.upfront.post.colour-green .section h4,
.upfront.post.colour-green .section.footer p strong
{
    color: rgb(116, 240, 174);
}

.upfront.post.colour-green .section.separator:before,
.upfront.post.colour-green .section.footer:before 
{
    border-color: rgb(116, 240, 174);
}

.upfront.post.colour-green .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(116, 240, 174)' /%3E%3C/svg%3E"); 
}

.upfront.colour-green .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(116, 240, 174)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-green .section.header h1 span
.upfront.post.colour-green .section.lead_in p,
.upfront.post.colour-green .section .quote.full_width p span
{
    color: #;
}



.upfront.colour-coral .section {
    background: rgb(255, 218, 227);
}

.upfront.colour-coral .blocky-background .background { border-color: rgb(255, 35, 90); }
.upfront.post.colour-coral .section.lead_in,
.upfront.post.colour-coral .section.quote,
.upfront.post.colour-coral .section.quote.style-blocky span,
.upfront.colour-coral .split-header .heading,
.upfront .split-header .heading.colour-coral,
.upfront .post-grid .quote.colour-coral {
    background: rgb(255, 35, 90);
}

.upfront.post.colour-coral .section h3,
.upfront.post.colour-coral .section h4,
.upfront.post.colour-coral .section.footer p strong
{
    color: rgb(255, 35, 90);
}

.upfront.post.colour-coral .section.separator:before,
.upfront.post.colour-coral .section.footer:before 
{
    border-color: rgb(255, 35, 90);
}

.upfront.post.colour-coral .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255, 35, 90)' /%3E%3C/svg%3E"); 
}

.upfront.colour-coral .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255, 35, 90)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-coral .section.header h1 span
.upfront.post.colour-coral .section.lead_in p,
.upfront.post.colour-coral .section .quote.full_width p span
{
    color: #ffffff;
}



.upfront.colour-peach .section {
    background: rgb(255, 235, 234);
}

.upfront.colour-peach .blocky-background .background { border-color: rgb(255, 135, 130); }
.upfront.post.colour-peach .section.lead_in,
.upfront.post.colour-peach .section.quote,
.upfront.post.colour-peach .section.quote.style-blocky span,
.upfront.colour-peach .split-header .heading,
.upfront .split-header .heading.colour-peach,
.upfront .post-grid .quote.colour-peach {
    background: rgb(255, 135, 130);
}

.upfront.post.colour-peach .section h3,
.upfront.post.colour-peach .section h4,
.upfront.post.colour-peach .section.footer p strong
{
    color: rgb(255, 135, 130);
}

.upfront.post.colour-peach .section.separator:before,
.upfront.post.colour-peach .section.footer:before 
{
    border-color: rgb(255, 135, 130);
}

.upfront.post.colour-peach .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255, 135, 130)' /%3E%3C/svg%3E"); 
}

.upfront.colour-peach .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255, 135, 130)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-peach .section.header h1 span
.upfront.post.colour-peach .section.lead_in p,
.upfront.post.colour-peach .section .quote.full_width p span
{
    color: #;
}



.upfront.colour-grey .section {
    background: rgb(252, 252, 252);
}

.upfront.colour-grey .blocky-background .background { border-color: rgb(235, 235, 235); }
.upfront.post.colour-grey .section.lead_in,
.upfront.post.colour-grey .section.quote,
.upfront.post.colour-grey .section.quote.style-blocky span,
.upfront.colour-grey .split-header .heading,
.upfront .split-header .heading.colour-grey,
.upfront .post-grid .quote.colour-grey {
    background: rgb(235, 235, 235);
}

.upfront.post.colour-grey .section h3,
.upfront.post.colour-grey .section h4,
.upfront.post.colour-grey .section.footer p strong
{
    color: rgb(235, 235, 235);
}

.upfront.post.colour-grey .section.separator:before,
.upfront.post.colour-grey .section.footer:before 
{
    border-color: rgb(235, 235, 235);
}

.upfront.post.colour-grey .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(235, 235, 235)' /%3E%3C/svg%3E"); 
}

.upfront.colour-grey .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(235, 235, 235)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-grey .section.header h1 span
.upfront.post.colour-grey .section.lead_in p,
.upfront.post.colour-grey .section .quote.full_width p span
{
    color: #;
}



.upfront.colour-black .section {
    background: rgb(217, 218, 219);
}

.upfront.colour-black .blocky-background .background { border-color: rgb(33, 36, 41); }
.upfront.post.colour-black .section.lead_in,
.upfront.post.colour-black .section.quote,
.upfront.post.colour-black .section.quote.style-blocky span,
.upfront.colour-black .split-header .heading,
.upfront .split-header .heading.colour-black,
.upfront .post-grid .quote.colour-black {
    background: rgb(33, 36, 41);
}

.upfront.post.colour-black .section h3,
.upfront.post.colour-black .section h4,
.upfront.post.colour-black .section.footer p strong
{
    color: rgb(33, 36, 41);
}

.upfront.post.colour-black .section.separator:before,
.upfront.post.colour-black .section.footer:before 
{
    border-color: rgb(33, 36, 41);
}

.upfront.post.colour-black .section .quote p span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(33, 36, 41)' /%3E%3C/svg%3E"); 
}

.upfront.colour-black .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(33, 36, 41)' /%3E%3C/svg%3E"); 
}

.upfront.post.colour-black .section.header h1 span
.upfront.post.colour-black .section.lead_in p,
.upfront.post.colour-black .section .quote.full_width p span
{
    color: #ffffff;
}






.upfront.colour-coral .section.header .blocky-background span { 
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255,255,255)' /%3E%3C/svg%3E");
    color: #3A1C46;
}
.upfront.colour-coral .blocky-background span {
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255,35,90)' /%3E%3C/svg%3E");
    color: #ffffff;
}
.upfront.post.colour-coral .section.lead_in {
    color: #ffffff;
}
.upfront.post.colour-coral .section.lead_in svg {
  fill: #fff;
}
.upfront.post.colour-coral .section.lead_in, .upfront.post.colour-coral .section.quote, .upfront.post.colour-coral .section.quote.style-blocky span, .upfront.colour-coral .split-header .heading, .upfront .split-header .heading.colour-coral, .upfront .post-grid .quote.colour-coral {
    background: #FF235A;
}
.upfront.post.colour-coral .section h3, .upfront.post.colour-coral .section h4, .upfront.post.colour-coral .section.footer p strong {
    color: #FF235A;
}
.upfront.post.colour-coral .section.separator::before, .upfront.post.colour-coral .section.footer::before {
  border-color: rgb(255, 35, 90);
}
.upfront.post.colour-coral .section .quote p span {
  background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255, 35, 90)' /%3E%3C/svg%3E");
}


.upfront.colour-coral.font-space .blocky-background span { 
background-image: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='rgb(255,35,90)' /%3E%3C/svg%3E");
    color: #ffffff;
}

.upfront.colour-coral .image.centred .inner {
background-size: contain !important;
}

.upfront.colour-coral .section.centred_wide .quote.centred.style-blocky {
    padding-left: 0; padding-right: 0;
}
.upfront.colour-coral .section.centred_wide .quote.centred.style-blocky p span {
    background: #FF235A;
    color: #ffffff;
    font-size: 60px;
    padding: 11px 10px 0;
    line-height: 1.15em;
}
.upfront .post-grid .quote.colour-black { color: #ffffff; }
.upfront .post-grid .quote.colour-black p span {
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='5' height='10' rx='0' ry='0' fill='%23FF235A' /%3E%3C/svg%3E") repeat-x bottom;
    background-size: auto 24px;
}

.upfront.home .upfront.colour-coral .section.header .blocky-background span { 
    color: #FF235A;
}









.upfront .blocky-background span {
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='%2365DBF8' /%3E%3C/svg%3E") repeat-x 50% 35%; 
    background-size: auto 1em;
}

.upfront .blocky-background a {
    text-decoration: none;
}




.upfront.post .section.header {
    background-position: 50% 20%;
    background-size: cover;
    color: #3A1C46;
    background-attachment: fixed;
    min-height: 432px;
    position: relative;
    overflow: hidden;
}

.upfront.post .section.header h1 {
    
    
    margin-top: 300px;
    max-width: 800px;
}

.upfront.post .section.header h1 span {
    display: inline;
    font-size: 60px;
    line-height: 80px;
    font-weight: 400;
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    padding: 5px 15px 3px;
    background-size: auto 70px;
}

.upfront.post.font-bebas .section.header h1 span { 
    font-family: "Bebas Neue";
    font-size: 70px;
    padding: 4px 12px 3px;
    background-size: auto 70px;
}

.upfront.post.font-space .section.header h1 span { 
    font-family: "Space Grotesk";
    font-weight: 500;
    background-size: auto 65px;
    padding: 0px 10px 13px;
}

.upfront.post.font-tuppence .section.header h1 span { 
    font-family: "tuppence";
    font-size: 60px;
    padding: 0 20px 33px;
    background-size: auto 71px;
}

.upfront.post .section.header h2 span {
    font-family: "Space Grotesk";
    font-weight: 400;
    font-size: 30px;
    padding: 16px 15px 21px;
    line-height: 80px;
    background-size: auto 65px;
}


.upfront.post .section.header .logo { width: 180px; margin: 0 auto; }
.upfront.post .section.thin-header .logo { width: 180px; margin: 0 auto; }

.upfront.post .section.header .blocky-background .background { margin-top: -71px; }
.upfront.post .section.header .blocky-background .background span { border-width: 72px; }

.upfront.post .section.header > .blocky-background { position: relative; z-index: 2; }

.upfront .split-header .image .video,
.upfront.post .section.header > .video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 1;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column;
    -ms-justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;
}

.upfront .split-header .image .video video,
.upfront.post .section.header > .video video {
    -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; flex: 1 1 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}



.upfront .section.thin-header {
    background: #ffffff;
    border-bottom: 3px solid #22F5A9;
    padding-top: 35px;
    padding-bottom: 35px;
    min-height: 128px;
}




.upfront.post .section.lead_in {
    color: #3A1C46;
    padding: 65px calc(50vw - 470px);
}

.upfront.post .section.lead_in a {
    margin: 0 5px;
}

.upfront.post .section.lead_in svg {
    fill: #3A1C46;
    margin: 0 2px 2px;
    vertical-align: middle;
}

.upfront.post .section.lead_in p {
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    margin-bottom: 40px;
}

.upfront.post .section.lead_in p.links {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 0;
}

.upfront.post .section.lead_in p a {
    color: inherit;
    text-decoration: none;
    font-weight: 500;
}



.upfront.post .section.text + .section.text { padding-top: 1px; }
.upfront.post .section.text + .section.separator { margin-top: -30px; }
.upfront.post .section.separator + .section.text { padding-top: 50px; }

.upfront.post .section p {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
}

.upfront.post .section .intro p {
    font-size: 24px;
    line-height: 40px;
}

.upfront.post .section .intro + .text { margin-top: 57px; }


.upfront.post .section h3 {
    font-size: 24px;
    line-height: 40px;
    margin-bottom: 30px;
    font-weight: 500;
    max-width: 900px;
}

.upfront.post .section h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    font-weight: 500;
}

.upfront.post .section p strong,
.upfront.post .section p b {
    font-size: inherit;
    font-weight: 500;
}

.upfront.post .section p > a {
    font-weight: 500;
}
.upfront.post .section p > a > b {
    font-weight: 600;
}

.upfront.post .section .ol .li {
    padding: 10px 0 10px 100px;
    margin-bottom: 40px;
    font-size: 24px;
    line-height: 40px;
}

.upfront.post .section .ol .li:before {
    display: block;
    position: absolute;
    box-sizing: border-box;
    background: #65DBF8;
    margin-top: -10px;
    margin-left: -100px;
    font-size: 36px;
    font-weight: 500;
    padding: 12px 10px 9px;
    content: "1.";
}

.upfront.post .section .ol .li:nth-child(2):before { content: "2."; }
.upfront.post .section .ol .li:nth-child(3):before { content: "3."; }
.upfront.post .section .ol .li:nth-child(4):before { content: "4."; }
.upfront.post .section .ol .li:nth-child(5):before { content: "5."; }
.upfront.post .section .ol .li:nth-child(6):before { content: "6."; }
.upfront.post .section .ol .li:nth-child(7):before { content: "7."; }
.upfront.post .section .ol .li:nth-child(8):before { content: "8."; }
.upfront.post .section .ol .li:nth-child(9):before { content: "9."; }
.upfront.post .section .ol .li:nth-child(10):before { content: "10."; }
.upfront.post .section .ol .li:nth-child(11):before { content: "11."; }
.upfront.post .section .ol .li:nth-child(12):before { content: "12."; }
.upfront.post .section .ol .li:nth-child(13):before { content: "13."; }
.upfront.post .section .ol .li:nth-child(14):before { content: "14."; }
.upfront.post .section .ol .li:nth-child(15):before { content: "15."; }
.upfront.post .section .ol .li:nth-child(16):before { content: "16."; }
.upfront.post .section .ol .li:nth-child(17):before { content: "17."; }
.upfront.post .section .ol .li:nth-child(18):before { content: "18."; }
.upfront.post .section .ol .li:nth-child(19):before { content: "19."; }
.upfront.post .section .ol .li:nth-child(20):before { content: "20."; }
.upfront.post .section .ol .li:nth-child(21):before { content: "21."; }
.upfront.post .section .ol .li:nth-child(22):before { content: "22."; }
.upfront.post .section .ol .li:nth-child(23):before { content: "23."; }
.upfront.post .section .ol .li:nth-child(24):before { content: "24."; }
.upfront.post .section .ol .li:nth-child(25):before { content: "25."; }
.upfront.post .section .ol .li:nth-child(26):before { content: "26."; }
.upfront.post .section .ol .li:nth-child(27):before { content: "27."; }
.upfront.post .section .ol .li:nth-child(28):before { content: "28."; }
.upfront.post .section .ol .li:nth-child(29):before { content: "29."; }
.upfront.post .section .ol .li:nth-child(30):before { content: "30."; }





.upfront.post .section .quote {
    padding: 30px;
    position: relative; 
}

.upfront.post .section .quote.style- p span {
    background: none !important;
}

.upfront.post .section .quote.style-underline p {
    font-size: 24px;
    line-height: 32px;
    
    position: relative;
}

.upfront.post .section .quote p span {
    display: inline;
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    padding: 2px 2px;
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='%2365DBF8' /%3E%3C/svg%3E") repeat-x bottom; 
    background-size: auto 15px;
    white-space: pre-wrap;
}

.upfront.post .section .quote.full_width p span {
    background: none;
}





.upfront.post .section .quote.centred {
    text-align: center;
}



.upfront.post .section.image {
    padding: 0;
}

.upfront.post .section.image .image .inner {
    background-position: 50% 50%;
    background-size: cover !important;
    min-height: 250px;
    height: 30vw !important;

    background-color: #000;
    background-attachment: fixed;
    
    padding: 35px calc(50vw - 574px) 65px;
    
}

.upfront.post .image > a:hover {
    text-decoration: none;
}

.upfront.post .image .caption {
    font-size: 13px;
    line-height: 17px;
    margin-top: 11px;
}

.upfront.post .text.right .image.outside .caption { text-align: right; }
 
.upfront.post .section.image .image.style-blocky {
    position: relative;
}

.upfront.post .section.image .image.style-blocky .caption {
    position: absolute;
    bottom: 65px;
    padding-left: calc(50vw - 574px);
    max-width: 1100px;
    
}

.upfront.post .section.image .image.style-blocky .caption span {
    display: inline;
    line-height: 80px;
    font-weight: 400;
    font-family: "Bebas Neue";
    font-size: 70px;
    padding: 4px 12px 3px;
    background-size: auto 70px;
}


.upfront.post .section .image {
    margin-bottom: 30px;
}

.upfront.post .section.image .image { margin-bottom: 0; }

.upfront.post .image .inner {
    background-position: center;
    background-repeat: no-repeat;
}





.upfront.post .section.quote {
}

.upfront.post .section.quote p {
    font-size: 50px;
    line-height: 60px;
    text-align: center;
    color: #3A1C46;
    margin: 35px 0;
}

.upfront.post .section.quote.style-blocky {
    padding: 0px calc(50vw - 500px);
    background: #e5f9ff;
}

.upfront.post .section.quote.style-blocky .quote {
    padding: 1px;
}

.upfront.post .section.quote.style-blocky span {
}




.upfront.post .holding-page-header a.button {
    display: inline-block;
    margin-top: 1rem;
    background: #ffffff;
    color: #000000;
    border-radius: 999px;
    padding: 0.6rem 1.5rem 0.4rem;
    font-size: 1rem;
}

.upfront.post .holding-page-quote a.button {
    display: inline-block;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background: #ff235a;
    color: #ffffff;
    border-radius: 999px;
    padding: 0.8rem 1.5rem 0.6rem;
    font-size: 1rem;
}

.upfront.post .holding-page-body {
    background: #ffffff;
    padding-bottom: 40px;
}

.upfront.post .section.holding-page-body p {
    color: #391F45;
    font-size: 24px;
    line-height: 36px;
}

.upfront.post .section.holding-page-quote {
    padding: 0px calc(50vw - 500px) 75px;
    background: #ffffff;
    text-align: center;
}

.upfront.post .section.holding-page-quote h2 {
    padding-top: 65px;
    border-top: 3px solid #22F5A9;
    color: #3a1c46;
    font-weight: 500;
    font-size: 60px;
    line-height: 70px;
}




.upfront.post .section.text_with_heading .heading {
    color: #3A1C46;
}

.upfront.post .section.text_with_heading .heading h4 {
    color: inherit;
    text-transform: uppercase;
    font: 70px "Bebas Neue", sans-serif;
    line-height: 85px;
    margin-bottom: 30px;
}

.upfront.post .section.text_with_heading .heading span {
    padding: 0 10px;
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
}

.upfront.post .section.text_with_heading.above .heading h4 {
    text-align: center;
}



.upfront.post .section.separator {
    line-height: 1px;
    padding: 0px calc(50vw - 574px);
}

.upfront.post .section.separator:before {
    display: block;
    content: "";
    width: 100%;
    border-top: 3px solid #65DBF8;
}



.upfront.post .section.footer {
    min-height: 80px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
    -ms-align-content: start; -webkit-align-content: start; -moz-align-content: start; align-content: start;
}

.upfront.post .section.footer:before {
    display: block;
    content: "";
    border-top: 2px solid #65DBF8;
    margin-bottom: 8px;
    -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; flex: 0 0 100%;
}

.upfront.post .section.footer .col {
    -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto;
}

.section.footer .col.right {
    -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; -moz-flex: 1 1 auto; flex: 1 1 auto;
    text-align: right;
}

.upfront.post .section.footer p {
    font-size: 18px;
    line-height: 26px;
}

.upfront.post .section.footer p strong {
    font-weight: 500;
}



.upfront .section.related {
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden;
    background: #ffffff;
}

.upfront .section.related h2 {
    font-size: 40px;
    line-height: 72px;
    text-align: center;
    font-weight: 400;
    margin-bottom: 90px;
    color: #3A1C46;
}

.upfront .section.related .carousel {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-justify-content: center; -webkit-justify-content: center; -moz-justify-content: center; justify-content: center;
}

.upfront .section.related .carousel .image {
    background-color: #eaeaea;
    width: 339px;
    height: 339px;
    margin: 0 30px 20px;
}



.upfront .section.podcast-embeds + .section.youtube {
    background: #f3f3f3;
    margin-top: -20px;
    padding-top: 0;
}

.upfront .section.youtube h3 {
    font-weight: 400;
    color: #979797 !important;
    margin: 0 0 10px;
}

.upfront .section .video {
    margin-bottom: 30px;
}



.upfront .section.author {
    background: #ffffff;
}

.upfront .section.author h3 {
    font-size: 36px;
    font-weight: 500;
    color: #3A1C46 !important;
    margin-bottom: 60px;
}

.upfront .section.author h3 span {
    display: inline-block;
    background: #22F5A9;
    padding: 15px 10px 10px;
}

.upfront .section.author p {
    font-size: 24px;
    line-height: 32px;
}

.upfront .section.author .links p {
    font-size: 20px;
    line-height: 30px;
}

.upfront .section.author + .section.related {
    background: #f3f3f3;
}



.upfront .footer-hero {
    background: #3a1c46;
    color: #ffffff;
    padding: 100px 20px 80px;
    text-align: center;
}

.upfront .footer-hero p.large {
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    margin: 0 auto 50px;
    max-width: 900px;
}

.upfront .footer-hero a.button {
    display: inline-block;
    color: #ffffff;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 500;
    background: #21eca3;
    color: #3a1c46;
    font-size: 20px;
    padding: 18px 25px;
    margin-bottom: 80px;
}

.upfront .footer-hero p.links,
.upfront .footer-hero p.links a {
    color: #897790;
    font-weight: 500;
}


.upfront .cookie-bar {
    background: #897790;
    color: #3a1c46;
    padding: 30px calc(50vw - 574px);
    line-height: 36px;
}

.upfront .cookie-bar.hidden { display: none }

.upfront .cookie-bar .con-10 {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-justify-content: space-evenly; -webkit-justify-content: space-evenly; -moz-justify-content: space-evenly; justify-content: space-evenly;
    -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
}

.upfront .cookie-bar button {
    display: inline-block;
    color: #ffffff;
    border: none;
    border-radius: 999px;
    text-decoration: none;
    font-weight: 500;
    background: #21eca3;
    color: #3a1c46;
    font-size: 20px;
    padding: 6px 15px 4px;
    cursor: pointer;
}





.upfront .split-header {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    padding: 0;
}

.upfront .split-header .image {
    background-position: center;
    background-size: cover;
    position: relative;
}

.upfront .logo { position: absolute; width: 180px; margin: 35px 0 0; left: calc(50% - 90px); z-index: 1; }

.upfront .split-header .image,
.upfront .split-header .heading {
    -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; flex: 1 1 50%;
}

.upfront .split-header .heading {
    min-height: 726px;
    padding: 120px 60px 77px;
    color: #3a1c46;
}

.upfront ul.slick-dots { 
    list-style-type: none;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    position: absolute;
    z-index: 1;
    bottom: 30px;
    left: calc(50% + 60px);
}

.upfront .slick-dots button {
    border: none;
    background: rgba(0, 0, 0, 0.3);
    width: 8px;
    height: 8px;
    border-radius: 999px;
    margin-right: 5px;
    overflow: hidden;
    text-indent: -1000px;
    cursor: pointer;
}

.upfront .slick-dots .slick-active button {
    background: rgba(0, 0, 0, 0.8);
}

.upfront .split-header { height: 100%; }
.upfront .slick-track { display: flex !important; }
.upfront .slick-slide { height: inherit !important; }
.upfront .slick-slide > div,
.upfront .slick-slide > div > div { height: 100%; }

.upfront .post-title-card {
    position: relative;
    max-width: 510px;
    padding: 120px 0 20px;
    min-height: 510px;
}

.upfront .post-title-card .post-type {
    display: inline-block;
    font-size: 18px;
    line-height: 26px;
    border-bottom: 1px solid #3A1C46;
    margin: 0 0 10px;
}

.upfront .post-title-card h2 {
    font-size: 3.333rem;
    line-height: 1.167em;
    font-weight: 500;
    margin: 0 0 20px;
}

.upfront .post-title-card p {
    font-size: 1.333rem;
    line-height: 1.25em;
}

.upfront.home .quote {
    background: #ffffff;
    text-align: center;
}

.upfront.home .section.quote {
    padding: 100px calc(50vw - 600px);
}

.upfront.home .quote h2 {
    font-size: 3.333rem;
    line-height: 1.2em;
    font-weight: 400;
    color: #3A1C46;
}




.upfront .post-grid {
    display: grid;
    grid-template-columns: 29.5% auto 29.5%;
    grid-template-rows: auto auto auto auto auto auto auto auto 1.7vw;
    
    background: #ffffff;
    gap: 15px;
    padding: 15px;
    max-height: 160vw;
    overflow: hidden;
    position: relative;
    margin-bottom: 10vw;
}

.upfront .post-grid .load-more-overlay {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    width: 100%;
    height: 50vw !important;
    bottom: 0;
    text-align: center;
    padding-top: 40vw;
    background: linear-gradient(0deg, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%); 
    z-index: 2;
    grid-row: unset !important;
    grid-column: unset !important;
}

.upfront .post-grid .load-more-overlay a {
    font-size: 20px;
    color: #3A1C46;
    text-decoration: none;
    background: #21F5A8;
    border-radius: 999px; 
    padding: 18px 45px 16px;
    
}

.upfront .post-grid.show-all {
    max-height: none;
}

.upfront .post-grid.show-all .load-more-overlay {
    display: none;
}



.upfront .post-grid a {
    position: relative;
    transition: opacity 0.1s ease;
}
.upfront .post-grid a:hover {
    text-decoration: none;
    
}

.upfront .post-grid > * {
    background-size: cover;
    background-position: center;
    background-color: #fafafa;
    
}

.upfront .post-grid .intro {
    padding-top: 15px;
    position: absolute; 
    width: 100%;
    bottom: 0; 
    z-index: -1;
    opacity: 0;
    -webkit-transform: translateY(4px); -moz-transform: translateY(4px); transform: translateY(4px);
    transition: opacity 0.1s ease, transform 0.3s ease;
}

.upfront .post-grid .intro .inner {
    background: #ffffff;
    padding: 10px 20% 10px 10px;
}

.upfront .post-grid > *:hover {
    z-index: 2;
}

.upfront .post-grid > *:hover .intro {
    -webkit-transform: translateY(0); -moz-transform: translateY(0); transform: translateY(0);
    opacity: 1;
}


.upfront .post-grid .intro h3 {
    font-weight: 500;
    font-size: 36px;
    line-height: 50px;
    color: #3A1C46;
}

.upfront .post-grid .intro h3 span {
    display: inline;
    padding: 0px 2px;
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='7' rx='0' ry='0' fill='rgb(116, 240, 174)' /%3E%3C/svg%3E") repeat-x bottom; 
    background-size: auto 14px;
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    margin: 0 0 0px;
}


.upfront .post-grid .intro p {
    font-size: 24px;
    line-height: 30px;
    color: #3A1C46;
}


.upfront .post-grid > *:nth-child(1) { height: 28.879vw; grid-column: 1; grid-row: 1 / span 1; }
.upfront .post-grid > *:nth-child(2) { height: 39.49vw; grid-column: 2; grid-row: 1 / span 3; }
.upfront .post-grid > *:nth-child(3) { height: 31.42vw; grid-column: 3; grid-row: 1 / span 2;}
.upfront .post-grid > *:nth-child(4) { height: 47.07vw; grid-column: 1; grid-row: 2 / span 3; }
.upfront .post-grid > *:nth-child(5) { height: 36.17vw; grid-column: 2; grid-row: 4 / span 1; }
.upfront .post-grid > *:nth-child(6) { height: 44.24vw; grid-column: 3; grid-row: 3 / span 2; }


.upfront .post-grid > *:nth-child(7) { height: 69.93vw; grid-column: 1 / span 2; grid-row: 5 / span 2; }
.upfront .post-grid > *:nth-child(8) { height: auto; grid-column: 3; grid-row: 5; }
.upfront .post-grid > *:nth-child(9) { height: auto; grid-column: 3; grid-row: 6; }


.upfront .post-grid > *:nth-child(10) { height: 47.07vw; grid-column: 1; grid-row: 7 / span 3; }
.upfront .post-grid > *:nth-child(11) { height: 39.50vw; grid-column: 2; grid-row: 7 / span 1; }
.upfront .post-grid > *:nth-child(12) { height: 44.03vw; grid-column: 3; grid-row: 7 / span 2; }
.upfront .post-grid > *:nth-child(13) { height: 47.85vw; grid-column: 1; grid-row: 10 / span 3; }
.upfront .post-grid > *:nth-child(14) { height: 39.92vw; grid-column: 2; grid-row: 8 / span 3;}
.upfront .post-grid > *:nth-child(15) { height: 42.47vw; grid-column: 3; grid-row: 9 / span 4; }
.upfront .post-grid > *:nth-child(16) { height: 34.75vw; grid-column: 2; grid-row: 11 / span 3; }

.upfront .post-grid img {
    width: 100%;
    display: block;
    margin-bottom: 15px;
}

.upfront .post-grid .quote {
    position: relative;
    text-align: center;
    padding: 30px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    align-items: center;
}

.upfront .post-grid .quote p {
    font-size: 40px;
    line-height: 60px;
}

.upfront .post-grid .quote p span {
    padding: 0 2px;
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='1' width='5' height='10' rx='0' ry='0' fill='%23ffffff' /%3E%3C/svg%3E") repeat-x bottom; 
    background-size: auto 24px;
}




.upfront .section.post-title-row {
    padding: 405px calc(50vw - 500px) 65px;
}

.upfront .post-title-row h2 {
    font: 70px "Bebas Neue";
    line-height: 85px;
}

.upfront .post-title-row h2 span {
    -ms-box-decoration-break: clone; -webkit-box-decoration-break: clone; -moz-box-decoration-break: clone; box-decoration-break: clone;
    padding: 0 10px;
}





.upfront .section.newsletter-signup {
    padding: 0 calc(50vw - 568px) 20px;
    background: #ffffff;
}

.upfront .section.newsletter-signup .inner {
    background: url('../images/bg-diamond-cropped-light_grey.svg') no-repeat 11% 50%;
    background-size: contain;
    border-bottom: 3px solid #22F5A9;
    padding: 90px 0 80px;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
    color: #3A1C46;
}

.upfront .section.newsletter-signup .inner full {
    -ms-flex: 1 1 100%; -webkit-flex: 1 1 100%; -moz-flex: 1 1 100%; flex: 1 1 100%;
}
.upfront .section.newsletter-signup .inner .third {
    -ms-flex: 1 1 33%; -webkit-flex: 1 1 33%; -moz-flex: 1 1 33%; flex: 1 1 33%;
}

.upfront .section.newsletter-signup h2 {
    font-size: 60px;
    line-height: 70px;
    font-weight: 500;
    margin: 0 0 50px;
    color: #3A1C46;
}

.upfront .section.newsletter-signup p {
    font-size: 24px;
    line-height: 30px;
}

.upfront .section.newsletter-signup .black p {
    color: #000000;
}

.upfront .section.newsletter-signup a {
    font-weight: 500;
}

.upfront .section.newsletter-signup a.sign-up {
    border-bottom: 2px solid #3A1C46;
    font-weight: 400;
    
}

.upfront .section.newsletter-signup a.sign-up svg {
    vertical-align: middle;
}



.upfront .section.raw-html {
    padding: 30px calc(50vw - 568px) 30px;
    background: #ffffff;
}




.upfront.post .section.left .image.outside {
    -webkit-transform: translateX(calc(50vw - 200px)); -moz-transform: translateX(calc(50vw - 200px)); transform: translateX(calc(50vw - 200px));
    opacity: 0;
    transition: transform cubic-bezier(0,.79,.2,.99) 0.7s, opacity 0.7s ease;
}

.upfront.post .section.right .image.outside {
    -webkit-transform: translateX(calc(200px - 50vw)); -moz-transform: translateX(calc(200px - 50vw)); transform: translateX(calc(200px - 50vw));
    opacity: 0;
    transition: transform cubic-bezier(0,.79,.2,.99) 0.7s, opacity 0.7s ease;
}

.upfront.post .section.left .image.outside.in,
.upfront.post .section.right .image.outside.in {
    -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);
    opacity: 1;
}






.upfront.post .section.breadcrumb {
    background: #f3f3f3;
    font-size: 18px;
}


.upfront.post .section.podcast-summary {
    background: #f3f3f3;
}

.upfront.post .section.podcast-summary h1 {
    font-weight: 500;
    color: #3A1C46;
    font-size: 60px;
    line-height: 85px;
    margin: 0 0 30px;
}

.upfront.post .section.podcast-summary .body p {
    font-size: 18px;
    line-height: 24px;
}

.upfront.post .section.podcast-summary .outside {
    font-size: 18px;
    line-height: 24px;
    color: #979797;
    position: absolute;
    margin-top: 18px;
    margin-left: -190px;
}

.upfront.post .section.podcast-summary .outside strong {
    font-weight: 500;
    color: #000000;
}

.upfront.post .section.podcast-embeds { 
    background: #f3f3f3;
}

.upfront.post .section.podcast-embeds a,
.upfront.post .section.podcast-embeds p {
    font-size: 24px;
    line-height: 40px;
    color: #979797;
}



.upfront .section.podcast-list-intro,
.upfront .section.podcast-list {
    padding: 65px calc(50vw - 573px) 65px calc(50vw - 573px);
}

.upfront .section.podcast-list-intro .links {
    float: right;
    font-size: 20px;
    line-height: 28px;
    text-align: right;
}

.upfront .section.podcast-list-intro a {
    font-weight: 500;
    color: #22f5a9;
}

.upfront .section.podcast-list-intro h1 {
    color: #3A1C46;
    font-size: 60px;
    font-weight: 500;
    margin-bottom: 50px;
}

.upfront .section.podcast-list-intro h3 {
    color: #3A1C46;
    font-size: 36px;
    margin-bottom: 40px;
}
.upfront .section.podcast-list-intro p {
    color: #3A1C46;
    font-size: 24px;
    line-height: 30px;
}

.upfront .section.podcast-list {
    padding-top: 10px !important;
}

.upfront .section.podcast-list h3 {
    color: #3A1C46;
    font-size: 40px;
    line-height: 72px;
    font-weight: 400;
    margin: 0 0 15px;
}
.upfront .section.podcast-list .podcast-items {
    position: relative;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row;
    -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
    gap: 15px;
    margin: 0 0 60px;
}
.upfront .section.podcast-list .podcast-items[data-has-more]:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    background: linear-gradient(rgba(243, 243, 243, 0), rgba(243, 243, 243, 0.7), rgba(243, 243, 243, 1));
    bottom: 0;
}


.upfront .section.podcast-list .podcast-item {
    -ms-flex: 0 1 calc(33.333% - 10px); -webkit-flex: 0 1 calc(33.333% - 10px); -moz-flex: 0 1 calc(33.333% - 10px); flex: 0 1 calc(33.333% - 10px);
    background: #ffffff;
    padding: 16px;
}
.upfront .section.podcast-list .podcast-item img {
    display: block;
    width: 100%;
    margin-bottom: 45px;
}
.upfront .section.podcast-list .podcast-item h4 {
    text-transform: uppercase;
    font-size: 18px;
    line-height: 30px;
}
.upfront .section.podcast-list .podcast-item p {
    font-size: 18px;
    line-height: 30px;
}
.upfront .section.podcast-list .podcast-item p.date {
    color: #d8d8d8;
    margin: 0;
}
.upfront .section.podcast-list .podcast-item a {
    text-decoration: none;
}

.upfront .section.podcast-list a.button-load-more {
    display: block;
    width: max-content;
    padding: 0.7rem 1rem 0.6rem;
    font-weight: 500;
    background: #22F5A9;
    border-radius: 999px;
    margin: 0 auto;
}
.upfront .section.podcast-list a.button-load-more:hover {
    text-decoration: none;
}

.upfront .section.podcast-list .paginator p {
    font-weight: 300;
    margin: 0 0 15px; 
}
.upfront .section.podcast-list .paginator a {
    color: #3A1C46;
    display: inline-block;
    background: #ffffff;
    padding: 4px 0 0;
    line-height: 36px;
    text-align: center;
    min-width: 40px;
    margin: 0 2px 5px 0;
}
.upfront .section.podcast-list .paginator a.active {
    color: #22F5A9;
}
.upfront .section.podcast-list .paginator a:hover {
    text-decoration: none;
}

.upfront .section.home-podcast-list .links {
    text-align: center;
    font-size: 24px;
}

.upfront .section.home-podcast-list {
    padding: 115px calc(50vw - 476px) 75px;
}

.upfront .section.home-podcast-list h3 {
    color: #3A1C46;
    font-weight: 500;
    font-size: 36px;
    margin: 0 0 40px;
}

.upfront .section.home-podcast-list p {
    color: #3A1C46;
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 30px;
}

.upfront .section.home-podcast-list .links {
    margin-top: 80px;
}

.upfront .section.home-podcast-list .links a {
    text-decoration: none;
    background: url("data:image/svg+xml,%3Csvg width='5' height='10' xmlns='http://www.w3.org/2000/svg'%3E%3Crect y='0' width='5' height='10' rx='0' ry='0' fill='%2322F5A9' /%3E%3C/svg%3E") repeat-x bottom; 
    padding: 3px 8px;
    background-size: auto 0.75em;
}



.upfront .section.home-two-column-announcement {
    padding: 50px calc(50vw - 565px);
    background: #ffffff;
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; flex-wrap: wrap;
    align-items: center;
}

.upfront .section.home-two-column-announcement + .section.quote {
    padding: 1px calc(50vw - 565px) 3.5rem;
}

.upfront .section.home-two-column-announcement + .section.quote:before {
    content: "";
    display: block;
    border-top: 2px solid #21f5a8;
    margin-bottom: 2.5rem;
}


.upfront .section.home-two-column-announcement h3 {
    font-size: 2rem;
    font-weight: 500;
    color: #3a1c46;
}

.upfront .section.home-two-column-announcement > .column {
    -ms-flex: 1 1 50%; -webkit-flex: 1 1 50%; -moz-flex: 1 1 50%; flex: 1 1 50%;
}

.upfront .section.home-two-column-announcement > .column.heading {
    padding: 2rem 5rem;

}

.upfront .section.home-two-column-announcement img {
    max-width: 100%;
}

.upfront.post iframe {
    margin-bottom: 30px;
}



body > .overlay {
    z-index: 20;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(58, 28, 70, 0.85);
    opacity: 0;
    transition: opacity 0.3s ease;
}

body > .overlay.in {
    opacity: 1;
}

body > .overlay > .cloak {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: -1;
}

body > .overlay > .video-container {
    width: 75%;
    max-width: 900px;
    margin: 50px auto;
}



.overlay a.close { display: block; position: absolute; right: 40px; top: 40px; width: 27px; height: 27px; background: url('../images/icon-close-grey.svg') center no-repeat; }
.popup-form-container { position: relative; max-width: 800px; min-height: 500px; background: #fff; padding: 110px; margin: 100px auto; }



.con-1, .con-2, .con-3, .con-4, .con-5, .con-6, .con-7, .con-8, .con-9, .con-10, .con-11, .con-12 { display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-flow: row wrap; -ms-align-content: flex-start; -webkit-align-content: flex-start; -moz-align-content: flex-start; align-content: flex-start; }
.con-1 > .col-1.nm { margin-left: 0; margin-right: 0; }
.con-1 > .col-1 { margin-left: 8.69565%; margin-right: 8.69565%; }
.con-1 > .col-1.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-1 > .col-1 { -ms-flex: 0 0 82.60870%; -webkit-flex: 0 0 82.60870%; -moz-flex: 0 0 82.60870%; flex: 0 0 82.60870%; }
.con-2 > .col-1.nm, .con-2 > .col-2.nm { margin-left: 0; margin-right: 0; }
.con-2 > .col-1, .con-2 > .col-2 { margin-left: 4.34783%; margin-right: 4.34783%; }
.con-2 > .col-1.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-2 > .col-1 { -ms-flex: 0 0 41.30435%; -webkit-flex: 0 0 41.30435%; -moz-flex: 0 0 41.30435%; flex: 0 0 41.30435%; }
.con-2 > .col-2.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-2 > .col-2 { -ms-flex: 0 0 91.30435%; -webkit-flex: 0 0 91.30435%; -moz-flex: 0 0 91.30435%; flex: 0 0 91.30435%; }
.con-3 > .col-1.nm, .con-3 > .col-2.nm, .con-3 > .col-3.nm { margin-left: 0; margin-right: 0; }
.con-3 > .col-1, .con-3 > .col-2, .con-3 > .col-3 { margin-left: 2.89855%; margin-right: 2.89855%; }
.con-3 > .col-1.nm { -ms-flex: 0 0 33.33333%; -webkit-flex: 0 0 33.33333%; -moz-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }
.con-3 > .col-1 { -ms-flex: 0 0 27.53623%; -webkit-flex: 0 0 27.53623%; -moz-flex: 0 0 27.53623%; flex: 0 0 27.53623%; }
.con-3 > .col-2.nm { -ms-flex: 0 0 66.66667%; -webkit-flex: 0 0 66.66667%; -moz-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }
.con-3 > .col-2 { -ms-flex: 0 0 60.86957%; -webkit-flex: 0 0 60.86957%; -moz-flex: 0 0 60.86957%; flex: 0 0 60.86957%; }
.con-3 > .col-3.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-3 > .col-3 { -ms-flex: 0 0 94.20290%; -webkit-flex: 0 0 94.20290%; -moz-flex: 0 0 94.20290%; flex: 0 0 94.20290%; }
.con-4 > .col-1.nm, .con-4 > .col-2.nm, .con-4 > .col-3.nm, .con-4 > .col-4.nm { margin-left: 0; margin-right: 0; }
.con-4 > .col-1, .con-4 > .col-2, .con-4 > .col-3, .con-4 > .col-4 { margin-left: 2.17391%; margin-right: 2.17391%; }
.con-4 > .col-1.nm { -ms-flex: 0 0 25.00000%; -webkit-flex: 0 0 25.00000%; -moz-flex: 0 0 25.00000%; flex: 0 0 25.00000%; }
.con-4 > .col-1 { -ms-flex: 0 0 20.65217%; -webkit-flex: 0 0 20.65217%; -moz-flex: 0 0 20.65217%; flex: 0 0 20.65217%; }
.con-4 > .col-2.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-4 > .col-2 { -ms-flex: 0 0 45.65217%; -webkit-flex: 0 0 45.65217%; -moz-flex: 0 0 45.65217%; flex: 0 0 45.65217%; }
.con-4 > .col-3.nm { -ms-flex: 0 0 75.00000%; -webkit-flex: 0 0 75.00000%; -moz-flex: 0 0 75.00000%; flex: 0 0 75.00000%; }
.con-4 > .col-3 { -ms-flex: 0 0 70.65217%; -webkit-flex: 0 0 70.65217%; -moz-flex: 0 0 70.65217%; flex: 0 0 70.65217%; }
.con-4 > .col-4.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-4 > .col-4 { -ms-flex: 0 0 95.65217%; -webkit-flex: 0 0 95.65217%; -moz-flex: 0 0 95.65217%; flex: 0 0 95.65217%; }
.con-5 > .col-1.nm, .con-5 > .col-2.nm, .con-5 > .col-3.nm, .con-5 > .col-4.nm, .con-5 > .col-5.nm { margin-left: 0; margin-right: 0; }
.con-5 > .col-1, .con-5 > .col-2, .con-5 > .col-3, .con-5 > .col-4, .con-5 > .col-5 { margin-left: 1.73913%; margin-right: 1.73913%; }
.con-5 > .col-1.nm { -ms-flex: 0 0 20.00000%; -webkit-flex: 0 0 20.00000%; -moz-flex: 0 0 20.00000%; flex: 0 0 20.00000%; }
.con-5 > .col-1 { -ms-flex: 0 0 16.52174%; -webkit-flex: 0 0 16.52174%; -moz-flex: 0 0 16.52174%; flex: 0 0 16.52174%; }
.con-5 > .col-2.nm { -ms-flex: 0 0 40.00000%; -webkit-flex: 0 0 40.00000%; -moz-flex: 0 0 40.00000%; flex: 0 0 40.00000%; }
.con-5 > .col-2 { -ms-flex: 0 0 36.52174%; -webkit-flex: 0 0 36.52174%; -moz-flex: 0 0 36.52174%; flex: 0 0 36.52174%; }
.con-5 > .col-3.nm { -ms-flex: 0 0 60.00000%; -webkit-flex: 0 0 60.00000%; -moz-flex: 0 0 60.00000%; flex: 0 0 60.00000%; }
.con-5 > .col-3 { -ms-flex: 0 0 56.52174%; -webkit-flex: 0 0 56.52174%; -moz-flex: 0 0 56.52174%; flex: 0 0 56.52174%; }
.con-5 > .col-4.nm { -ms-flex: 0 0 80.00000%; -webkit-flex: 0 0 80.00000%; -moz-flex: 0 0 80.00000%; flex: 0 0 80.00000%; }
.con-5 > .col-4 { -ms-flex: 0 0 76.52174%; -webkit-flex: 0 0 76.52174%; -moz-flex: 0 0 76.52174%; flex: 0 0 76.52174%; }
.con-5 > .col-5.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-5 > .col-5 { -ms-flex: 0 0 96.52174%; -webkit-flex: 0 0 96.52174%; -moz-flex: 0 0 96.52174%; flex: 0 0 96.52174%; }
.con-6 > .col-1.nm, .con-6 > .col-2.nm, .con-6 > .col-3.nm, .con-6 > .col-4.nm, .con-6 > .col-5.nm, .con-6 > .col-6.nm { margin-left: 0; margin-right: 0; }
.con-6 > .col-1, .con-6 > .col-2, .con-6 > .col-3, .con-6 > .col-4, .con-6 > .col-5, .con-6 > .col-6 { margin-left: 1.44928%; margin-right: 1.44928%; }
.con-6 > .col-1.nm { -ms-flex: 0 0 16.66667%; -webkit-flex: 0 0 16.66667%; -moz-flex: 0 0 16.66667%; flex: 0 0 16.66667%; }
.con-6 > .col-1 { -ms-flex: 0 0 13.76812%; -webkit-flex: 0 0 13.76812%; -moz-flex: 0 0 13.76812%; flex: 0 0 13.76812%; }
.con-6 > .col-2.nm { -ms-flex: 0 0 33.33333%; -webkit-flex: 0 0 33.33333%; -moz-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }
.con-6 > .col-2 { -ms-flex: 0 0 30.43478%; -webkit-flex: 0 0 30.43478%; -moz-flex: 0 0 30.43478%; flex: 0 0 30.43478%; }
.con-6 > .col-3.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-6 > .col-3 { -ms-flex: 0 0 47.10145%; -webkit-flex: 0 0 47.10145%; -moz-flex: 0 0 47.10145%; flex: 0 0 47.10145%; }
.con-6 > .col-4.nm { -ms-flex: 0 0 66.66667%; -webkit-flex: 0 0 66.66667%; -moz-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }
.con-6 > .col-4 { -ms-flex: 0 0 63.76812%; -webkit-flex: 0 0 63.76812%; -moz-flex: 0 0 63.76812%; flex: 0 0 63.76812%; }
.con-6 > .col-5.nm { -ms-flex: 0 0 83.33333%; -webkit-flex: 0 0 83.33333%; -moz-flex: 0 0 83.33333%; flex: 0 0 83.33333%; }
.con-6 > .col-5 { -ms-flex: 0 0 80.43478%; -webkit-flex: 0 0 80.43478%; -moz-flex: 0 0 80.43478%; flex: 0 0 80.43478%; }
.con-6 > .col-6.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-6 > .col-6 { -ms-flex: 0 0 97.10145%; -webkit-flex: 0 0 97.10145%; -moz-flex: 0 0 97.10145%; flex: 0 0 97.10145%; }
.con-7 > .col-1.nm, .con-7 > .col-2.nm, .con-7 > .col-3.nm, .con-7 > .col-4.nm, .con-7 > .col-5.nm, .con-7 > .col-6.nm, .con-7 > .col-7.nm { margin-left: 0; margin-right: 0; }
.con-7 > .col-1, .con-7 > .col-2, .con-7 > .col-3, .con-7 > .col-4, .con-7 > .col-5, .con-7 > .col-6, .con-7 > .col-7 { margin-left: 1.24224%; margin-right: 1.24224%; }
.con-7 > .col-1.nm { -ms-flex: 0 0 14.28571%; -webkit-flex: 0 0 14.28571%; -moz-flex: 0 0 14.28571%; flex: 0 0 14.28571%; }
.con-7 > .col-1 { -ms-flex: 0 0 11.80124%; -webkit-flex: 0 0 11.80124%; -moz-flex: 0 0 11.80124%; flex: 0 0 11.80124%; }
.con-7 > .col-2.nm { -ms-flex: 0 0 28.57143%; -webkit-flex: 0 0 28.57143%; -moz-flex: 0 0 28.57143%; flex: 0 0 28.57143%; }
.con-7 > .col-2 { -ms-flex: 0 0 26.08696%; -webkit-flex: 0 0 26.08696%; -moz-flex: 0 0 26.08696%; flex: 0 0 26.08696%; }
.con-7 > .col-3.nm { -ms-flex: 0 0 42.85714%; -webkit-flex: 0 0 42.85714%; -moz-flex: 0 0 42.85714%; flex: 0 0 42.85714%; }
.con-7 > .col-3 { -ms-flex: 0 0 40.37267%; -webkit-flex: 0 0 40.37267%; -moz-flex: 0 0 40.37267%; flex: 0 0 40.37267%; }
.con-7 > .col-4.nm { -ms-flex: 0 0 57.14286%; -webkit-flex: 0 0 57.14286%; -moz-flex: 0 0 57.14286%; flex: 0 0 57.14286%; }
.con-7 > .col-4 { -ms-flex: 0 0 54.65839%; -webkit-flex: 0 0 54.65839%; -moz-flex: 0 0 54.65839%; flex: 0 0 54.65839%; }
.con-7 > .col-5.nm { -ms-flex: 0 0 71.42857%; -webkit-flex: 0 0 71.42857%; -moz-flex: 0 0 71.42857%; flex: 0 0 71.42857%; }
.con-7 > .col-5 { -ms-flex: 0 0 68.94410%; -webkit-flex: 0 0 68.94410%; -moz-flex: 0 0 68.94410%; flex: 0 0 68.94410%; }
.con-7 > .col-6.nm { -ms-flex: 0 0 85.71429%; -webkit-flex: 0 0 85.71429%; -moz-flex: 0 0 85.71429%; flex: 0 0 85.71429%; }
.con-7 > .col-6 { -ms-flex: 0 0 83.22981%; -webkit-flex: 0 0 83.22981%; -moz-flex: 0 0 83.22981%; flex: 0 0 83.22981%; }
.con-7 > .col-7.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-7 > .col-7 { -ms-flex: 0 0 97.51553%; -webkit-flex: 0 0 97.51553%; -moz-flex: 0 0 97.51553%; flex: 0 0 97.51553%; }
.con-8 > .col-1.nm, .con-8 > .col-2.nm, .con-8 > .col-3.nm, .con-8 > .col-4.nm, .con-8 > .col-5.nm, .con-8 > .col-6.nm, .con-8 > .col-7.nm, .con-8 > .col-8.nm { margin-left: 0; margin-right: 0; }
.con-8 > .col-1, .con-8 > .col-2, .con-8 > .col-3, .con-8 > .col-4, .con-8 > .col-5, .con-8 > .col-6, .con-8 > .col-7, .con-8 > .col-8 { margin-left: 1.08696%; margin-right: 1.08696%; }
.con-8 > .col-1.nm { -ms-flex: 0 0 12.50000%; -webkit-flex: 0 0 12.50000%; -moz-flex: 0 0 12.50000%; flex: 0 0 12.50000%; }
.con-8 > .col-1 { -ms-flex: 0 0 10.32609%; -webkit-flex: 0 0 10.32609%; -moz-flex: 0 0 10.32609%; flex: 0 0 10.32609%; }
.con-8 > .col-2.nm { -ms-flex: 0 0 25.00000%; -webkit-flex: 0 0 25.00000%; -moz-flex: 0 0 25.00000%; flex: 0 0 25.00000%; }
.con-8 > .col-2 { -ms-flex: 0 0 22.82609%; -webkit-flex: 0 0 22.82609%; -moz-flex: 0 0 22.82609%; flex: 0 0 22.82609%; }
.con-8 > .col-3.nm { -ms-flex: 0 0 37.50000%; -webkit-flex: 0 0 37.50000%; -moz-flex: 0 0 37.50000%; flex: 0 0 37.50000%; }
.con-8 > .col-3 { -ms-flex: 0 0 35.32609%; -webkit-flex: 0 0 35.32609%; -moz-flex: 0 0 35.32609%; flex: 0 0 35.32609%; }
.con-8 > .col-4.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-8 > .col-4 { -ms-flex: 0 0 47.82609%; -webkit-flex: 0 0 47.82609%; -moz-flex: 0 0 47.82609%; flex: 0 0 47.82609%; }
.con-8 > .col-5.nm { -ms-flex: 0 0 62.50000%; -webkit-flex: 0 0 62.50000%; -moz-flex: 0 0 62.50000%; flex: 0 0 62.50000%; }
.con-8 > .col-5 { -ms-flex: 0 0 60.32609%; -webkit-flex: 0 0 60.32609%; -moz-flex: 0 0 60.32609%; flex: 0 0 60.32609%; }
.con-8 > .col-6.nm { -ms-flex: 0 0 75.00000%; -webkit-flex: 0 0 75.00000%; -moz-flex: 0 0 75.00000%; flex: 0 0 75.00000%; }
.con-8 > .col-6 { -ms-flex: 0 0 72.82609%; -webkit-flex: 0 0 72.82609%; -moz-flex: 0 0 72.82609%; flex: 0 0 72.82609%; }
.con-8 > .col-7.nm { -ms-flex: 0 0 87.50000%; -webkit-flex: 0 0 87.50000%; -moz-flex: 0 0 87.50000%; flex: 0 0 87.50000%; }
.con-8 > .col-7 { -ms-flex: 0 0 85.32609%; -webkit-flex: 0 0 85.32609%; -moz-flex: 0 0 85.32609%; flex: 0 0 85.32609%; }
.con-8 > .col-8.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-8 > .col-8 { -ms-flex: 0 0 97.82609%; -webkit-flex: 0 0 97.82609%; -moz-flex: 0 0 97.82609%; flex: 0 0 97.82609%; }
.con-9 > .col-1.nm, .con-9 > .col-2.nm, .con-9 > .col-3.nm, .con-9 > .col-4.nm, .con-9 > .col-5.nm, .con-9 > .col-6.nm, .con-9 > .col-7.nm, .con-9 > .col-8.nm, .con-9 > .col-9.nm { margin-left: 0; margin-right: 0; }
.con-9 > .col-1, .con-9 > .col-2, .con-9 > .col-3, .con-9 > .col-4, .con-9 > .col-5, .con-9 > .col-6, .con-9 > .col-7, .con-9 > .col-8, .con-9 > .col-9 { margin-left: 0.96618%; margin-right: 0.96618%; }
.con-9 > .col-1.nm { -ms-flex: 0 0 11.11111%; -webkit-flex: 0 0 11.11111%; -moz-flex: 0 0 11.11111%; flex: 0 0 11.11111%; }
.con-9 > .col-1 { -ms-flex: 0 0 9.17874%; -webkit-flex: 0 0 9.17874%; -moz-flex: 0 0 9.17874%; flex: 0 0 9.17874%; }
.con-9 > .col-2.nm { -ms-flex: 0 0 22.22222%; -webkit-flex: 0 0 22.22222%; -moz-flex: 0 0 22.22222%; flex: 0 0 22.22222%; }
.con-9 > .col-2 { -ms-flex: 0 0 20.28986%; -webkit-flex: 0 0 20.28986%; -moz-flex: 0 0 20.28986%; flex: 0 0 20.28986%; }
.con-9 > .col-3.nm { -ms-flex: 0 0 33.33333%; -webkit-flex: 0 0 33.33333%; -moz-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }
.con-9 > .col-3 { -ms-flex: 0 0 31.40097%; -webkit-flex: 0 0 31.40097%; -moz-flex: 0 0 31.40097%; flex: 0 0 31.40097%; }
.con-9 > .col-4.nm { -ms-flex: 0 0 44.44444%; -webkit-flex: 0 0 44.44444%; -moz-flex: 0 0 44.44444%; flex: 0 0 44.44444%; }
.con-9 > .col-4 { -ms-flex: 0 0 42.51208%; -webkit-flex: 0 0 42.51208%; -moz-flex: 0 0 42.51208%; flex: 0 0 42.51208%; }
.con-9 > .col-5.nm { -ms-flex: 0 0 55.55556%; -webkit-flex: 0 0 55.55556%; -moz-flex: 0 0 55.55556%; flex: 0 0 55.55556%; }
.con-9 > .col-5 { -ms-flex: 0 0 53.62319%; -webkit-flex: 0 0 53.62319%; -moz-flex: 0 0 53.62319%; flex: 0 0 53.62319%; }
.con-9 > .col-6.nm { -ms-flex: 0 0 66.66667%; -webkit-flex: 0 0 66.66667%; -moz-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }
.con-9 > .col-6 { -ms-flex: 0 0 64.73430%; -webkit-flex: 0 0 64.73430%; -moz-flex: 0 0 64.73430%; flex: 0 0 64.73430%; }
.con-9 > .col-7.nm { -ms-flex: 0 0 77.77778%; -webkit-flex: 0 0 77.77778%; -moz-flex: 0 0 77.77778%; flex: 0 0 77.77778%; }
.con-9 > .col-7 { -ms-flex: 0 0 75.84541%; -webkit-flex: 0 0 75.84541%; -moz-flex: 0 0 75.84541%; flex: 0 0 75.84541%; }
.con-9 > .col-8.nm { -ms-flex: 0 0 88.88889%; -webkit-flex: 0 0 88.88889%; -moz-flex: 0 0 88.88889%; flex: 0 0 88.88889%; }
.con-9 > .col-8 { -ms-flex: 0 0 86.95652%; -webkit-flex: 0 0 86.95652%; -moz-flex: 0 0 86.95652%; flex: 0 0 86.95652%; }
.con-9 > .col-9.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-9 > .col-9 { -ms-flex: 0 0 98.06763%; -webkit-flex: 0 0 98.06763%; -moz-flex: 0 0 98.06763%; flex: 0 0 98.06763%; }
.con-10 > .col-1.nm, .con-10 > .col-2.nm, .con-10 > .col-3.nm, .con-10 > .col-4.nm, .con-10 > .col-5.nm, .con-10 > .col-6.nm, .con-10 > .col-7.nm, .con-10 > .col-8.nm, .con-10 > .col-9.nm, .con-10 > .col-10.nm { margin-left: 0; margin-right: 0; }
.con-10 > .col-1, .con-10 > .col-2, .con-10 > .col-3, .con-10 > .col-4, .con-10 > .col-5, .con-10 > .col-6, .con-10 > .col-7, .con-10 > .col-8, .con-10 > .col-9, .con-10 > .col-10 { margin-left: 0.86957%; margin-right: 0.86957%; }
.con-10 > .col-1.nm { -ms-flex: 0 0 10.00000%; -webkit-flex: 0 0 10.00000%; -moz-flex: 0 0 10.00000%; flex: 0 0 10.00000%; }
.con-10 > .col-1 { -ms-flex: 0 0 8.26087%; -webkit-flex: 0 0 8.26087%; -moz-flex: 0 0 8.26087%; flex: 0 0 8.26087%; }
.con-10 > .col-2.nm { -ms-flex: 0 0 20.00000%; -webkit-flex: 0 0 20.00000%; -moz-flex: 0 0 20.00000%; flex: 0 0 20.00000%; }
.con-10 > .col-2 { -ms-flex: 0 0 18.26087%; -webkit-flex: 0 0 18.26087%; -moz-flex: 0 0 18.26087%; flex: 0 0 18.26087%; }
.con-10 > .col-3.nm { -ms-flex: 0 0 30.00000%; -webkit-flex: 0 0 30.00000%; -moz-flex: 0 0 30.00000%; flex: 0 0 30.00000%; }
.con-10 > .col-3 { -ms-flex: 0 0 28.26087%; -webkit-flex: 0 0 28.26087%; -moz-flex: 0 0 28.26087%; flex: 0 0 28.26087%; }
.con-10 > .col-4.nm { -ms-flex: 0 0 40.00000%; -webkit-flex: 0 0 40.00000%; -moz-flex: 0 0 40.00000%; flex: 0 0 40.00000%; }
.con-10 > .col-4 { -ms-flex: 0 0 38.26087%; -webkit-flex: 0 0 38.26087%; -moz-flex: 0 0 38.26087%; flex: 0 0 38.26087%; }
.con-10 > .col-5.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-10 > .col-5 { -ms-flex: 0 0 48.26087%; -webkit-flex: 0 0 48.26087%; -moz-flex: 0 0 48.26087%; flex: 0 0 48.26087%; }
.con-10 > .col-6.nm { -ms-flex: 0 0 60.00000%; -webkit-flex: 0 0 60.00000%; -moz-flex: 0 0 60.00000%; flex: 0 0 60.00000%; }
.con-10 > .col-6 { -ms-flex: 0 0 58.26087%; -webkit-flex: 0 0 58.26087%; -moz-flex: 0 0 58.26087%; flex: 0 0 58.26087%; }
.con-10 > .col-7.nm { -ms-flex: 0 0 70.00000%; -webkit-flex: 0 0 70.00000%; -moz-flex: 0 0 70.00000%; flex: 0 0 70.00000%; }
.con-10 > .col-7 { -ms-flex: 0 0 68.26087%; -webkit-flex: 0 0 68.26087%; -moz-flex: 0 0 68.26087%; flex: 0 0 68.26087%; }
.con-10 > .col-8.nm { -ms-flex: 0 0 80.00000%; -webkit-flex: 0 0 80.00000%; -moz-flex: 0 0 80.00000%; flex: 0 0 80.00000%; }
.con-10 > .col-8 { -ms-flex: 0 0 78.26087%; -webkit-flex: 0 0 78.26087%; -moz-flex: 0 0 78.26087%; flex: 0 0 78.26087%; }
.con-10 > .col-9.nm { -ms-flex: 0 0 90.00000%; -webkit-flex: 0 0 90.00000%; -moz-flex: 0 0 90.00000%; flex: 0 0 90.00000%; }
.con-10 > .col-9 { -ms-flex: 0 0 88.26087%; -webkit-flex: 0 0 88.26087%; -moz-flex: 0 0 88.26087%; flex: 0 0 88.26087%; }
.con-10 > .col-10.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-10 > .col-10 { -ms-flex: 0 0 98.26087%; -webkit-flex: 0 0 98.26087%; -moz-flex: 0 0 98.26087%; flex: 0 0 98.26087%; }
.con-11 > .col-1.nm, .con-11 > .col-2.nm, .con-11 > .col-3.nm, .con-11 > .col-4.nm, .con-11 > .col-5.nm, .con-11 > .col-6.nm, .con-11 > .col-7.nm, .con-11 > .col-8.nm, .con-11 > .col-9.nm, .con-11 > .col-10.nm, .con-11 > .col-11.nm { margin-left: 0; margin-right: 0; }
.con-11 > .col-1, .con-11 > .col-2, .con-11 > .col-3, .con-11 > .col-4, .con-11 > .col-5, .con-11 > .col-6, .con-11 > .col-7, .con-11 > .col-8, .con-11 > .col-9, .con-11 > .col-10, .con-11 > .col-11 { margin-left: 0.79051%; margin-right: 0.79051%; }
.con-11 > .col-1.nm { -ms-flex: 0 0 9.09091%; -webkit-flex: 0 0 9.09091%; -moz-flex: 0 0 9.09091%; flex: 0 0 9.09091%; }
.con-11 > .col-1 { -ms-flex: 0 0 7.50988%; -webkit-flex: 0 0 7.50988%; -moz-flex: 0 0 7.50988%; flex: 0 0 7.50988%; }
.con-11 > .col-2.nm { -ms-flex: 0 0 18.18182%; -webkit-flex: 0 0 18.18182%; -moz-flex: 0 0 18.18182%; flex: 0 0 18.18182%; }
.con-11 > .col-2 { -ms-flex: 0 0 16.60079%; -webkit-flex: 0 0 16.60079%; -moz-flex: 0 0 16.60079%; flex: 0 0 16.60079%; }
.con-11 > .col-3.nm { -ms-flex: 0 0 27.27273%; -webkit-flex: 0 0 27.27273%; -moz-flex: 0 0 27.27273%; flex: 0 0 27.27273%; }
.con-11 > .col-3 { -ms-flex: 0 0 25.69170%; -webkit-flex: 0 0 25.69170%; -moz-flex: 0 0 25.69170%; flex: 0 0 25.69170%; }
.con-11 > .col-4.nm { -ms-flex: 0 0 36.36364%; -webkit-flex: 0 0 36.36364%; -moz-flex: 0 0 36.36364%; flex: 0 0 36.36364%; }
.con-11 > .col-4 { -ms-flex: 0 0 34.78261%; -webkit-flex: 0 0 34.78261%; -moz-flex: 0 0 34.78261%; flex: 0 0 34.78261%; }
.con-11 > .col-5.nm { -ms-flex: 0 0 45.45455%; -webkit-flex: 0 0 45.45455%; -moz-flex: 0 0 45.45455%; flex: 0 0 45.45455%; }
.con-11 > .col-5 { -ms-flex: 0 0 43.87352%; -webkit-flex: 0 0 43.87352%; -moz-flex: 0 0 43.87352%; flex: 0 0 43.87352%; }
.con-11 > .col-6.nm { -ms-flex: 0 0 54.54545%; -webkit-flex: 0 0 54.54545%; -moz-flex: 0 0 54.54545%; flex: 0 0 54.54545%; }
.con-11 > .col-6 { -ms-flex: 0 0 52.96443%; -webkit-flex: 0 0 52.96443%; -moz-flex: 0 0 52.96443%; flex: 0 0 52.96443%; }
.con-11 > .col-7.nm { -ms-flex: 0 0 63.63636%; -webkit-flex: 0 0 63.63636%; -moz-flex: 0 0 63.63636%; flex: 0 0 63.63636%; }
.con-11 > .col-7 { -ms-flex: 0 0 62.05534%; -webkit-flex: 0 0 62.05534%; -moz-flex: 0 0 62.05534%; flex: 0 0 62.05534%; }
.con-11 > .col-8.nm { -ms-flex: 0 0 72.72727%; -webkit-flex: 0 0 72.72727%; -moz-flex: 0 0 72.72727%; flex: 0 0 72.72727%; }
.con-11 > .col-8 { -ms-flex: 0 0 71.14625%; -webkit-flex: 0 0 71.14625%; -moz-flex: 0 0 71.14625%; flex: 0 0 71.14625%; }
.con-11 > .col-9.nm { -ms-flex: 0 0 81.81818%; -webkit-flex: 0 0 81.81818%; -moz-flex: 0 0 81.81818%; flex: 0 0 81.81818%; }
.con-11 > .col-9 { -ms-flex: 0 0 80.23715%; -webkit-flex: 0 0 80.23715%; -moz-flex: 0 0 80.23715%; flex: 0 0 80.23715%; }
.con-11 > .col-10.nm { -ms-flex: 0 0 90.90909%; -webkit-flex: 0 0 90.90909%; -moz-flex: 0 0 90.90909%; flex: 0 0 90.90909%; }
.con-11 > .col-10 { -ms-flex: 0 0 89.32806%; -webkit-flex: 0 0 89.32806%; -moz-flex: 0 0 89.32806%; flex: 0 0 89.32806%; }
.con-11 > .col-11.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-11 > .col-11 { -ms-flex: 0 0 98.41897%; -webkit-flex: 0 0 98.41897%; -moz-flex: 0 0 98.41897%; flex: 0 0 98.41897%; }
.con-12 > .col-1.nm, .con-12 > .col-2.nm, .con-12 > .col-3.nm, .con-12 > .col-4.nm, .con-12 > .col-5.nm, .con-12 > .col-6.nm, .con-12 > .col-7.nm, .con-12 > .col-8.nm, .con-12 > .col-9.nm, .con-12 > .col-10.nm, .con-12 > .col-11.nm, .con-12 > .col-12.nm { margin-left: 0; margin-right: 0; }
.con-12 > .col-1, .con-12 > .col-2, .con-12 > .col-3, .con-12 > .col-4, .con-12 > .col-5, .con-12 > .col-6, .con-12 > .col-7, .con-12 > .col-8, .con-12 > .col-9, .con-12 > .col-10, .con-12 > .col-11, .con-12 > .col-12 { margin-left: 0.72464%; margin-right: 0.72464%; }
.con-12 > .col-1.nm { -ms-flex: 0 0 8.33333%; -webkit-flex: 0 0 8.33333%; -moz-flex: 0 0 8.33333%; flex: 0 0 8.33333%; }
.con-12 > .col-1 { -ms-flex: 0 0 6.88406%; -webkit-flex: 0 0 6.88406%; -moz-flex: 0 0 6.88406%; flex: 0 0 6.88406%; }
.con-12 > .col-2.nm { -ms-flex: 0 0 16.66667%; -webkit-flex: 0 0 16.66667%; -moz-flex: 0 0 16.66667%; flex: 0 0 16.66667%; }
.con-12 > .col-2 { -ms-flex: 0 0 15.21739%; -webkit-flex: 0 0 15.21739%; -moz-flex: 0 0 15.21739%; flex: 0 0 15.21739%; }
.con-12 > .col-3.nm { -ms-flex: 0 0 25.00000%; -webkit-flex: 0 0 25.00000%; -moz-flex: 0 0 25.00000%; flex: 0 0 25.00000%; }
.con-12 > .col-3 { -ms-flex: 0 0 23.55072%; -webkit-flex: 0 0 23.55072%; -moz-flex: 0 0 23.55072%; flex: 0 0 23.55072%; }
.con-12 > .col-4.nm { -ms-flex: 0 0 33.33333%; -webkit-flex: 0 0 33.33333%; -moz-flex: 0 0 33.33333%; flex: 0 0 33.33333%; }
.con-12 > .col-4 { -ms-flex: 0 0 31.88406%; -webkit-flex: 0 0 31.88406%; -moz-flex: 0 0 31.88406%; flex: 0 0 31.88406%; }
.con-12 > .col-5.nm { -ms-flex: 0 0 41.66667%; -webkit-flex: 0 0 41.66667%; -moz-flex: 0 0 41.66667%; flex: 0 0 41.66667%; }
.con-12 > .col-5 { -ms-flex: 0 0 40.21739%; -webkit-flex: 0 0 40.21739%; -moz-flex: 0 0 40.21739%; flex: 0 0 40.21739%; }
.con-12 > .col-6.nm { -ms-flex: 0 0 50.00000%; -webkit-flex: 0 0 50.00000%; -moz-flex: 0 0 50.00000%; flex: 0 0 50.00000%; }
.con-12 > .col-6 { -ms-flex: 0 0 48.55072%; -webkit-flex: 0 0 48.55072%; -moz-flex: 0 0 48.55072%; flex: 0 0 48.55072%; }
.con-12 > .col-7.nm { -ms-flex: 0 0 58.33333%; -webkit-flex: 0 0 58.33333%; -moz-flex: 0 0 58.33333%; flex: 0 0 58.33333%; }
.con-12 > .col-7 { -ms-flex: 0 0 56.88406%; -webkit-flex: 0 0 56.88406%; -moz-flex: 0 0 56.88406%; flex: 0 0 56.88406%; }
.con-12 > .col-8.nm { -ms-flex: 0 0 66.66667%; -webkit-flex: 0 0 66.66667%; -moz-flex: 0 0 66.66667%; flex: 0 0 66.66667%; }
.con-12 > .col-8 { -ms-flex: 0 0 65.21739%; -webkit-flex: 0 0 65.21739%; -moz-flex: 0 0 65.21739%; flex: 0 0 65.21739%; }
.con-12 > .col-9.nm { -ms-flex: 0 0 75.00000%; -webkit-flex: 0 0 75.00000%; -moz-flex: 0 0 75.00000%; flex: 0 0 75.00000%; }
.con-12 > .col-9 { -ms-flex: 0 0 73.55072%; -webkit-flex: 0 0 73.55072%; -moz-flex: 0 0 73.55072%; flex: 0 0 73.55072%; }
.con-12 > .col-10.nm { -ms-flex: 0 0 83.33333%; -webkit-flex: 0 0 83.33333%; -moz-flex: 0 0 83.33333%; flex: 0 0 83.33333%; }
.con-12 > .col-10 { -ms-flex: 0 0 81.88406%; -webkit-flex: 0 0 81.88406%; -moz-flex: 0 0 81.88406%; flex: 0 0 81.88406%; }
.con-12 > .col-11.nm { -ms-flex: 0 0 91.66667%; -webkit-flex: 0 0 91.66667%; -moz-flex: 0 0 91.66667%; flex: 0 0 91.66667%; }
.con-12 > .col-11 { -ms-flex: 0 0 90.21739%; -webkit-flex: 0 0 90.21739%; -moz-flex: 0 0 90.21739%; flex: 0 0 90.21739%; }
.con-12 > .col-12.nm { -ms-flex: 0 0 100.00000%; -webkit-flex: 0 0 100.00000%; -moz-flex: 0 0 100.00000%; flex: 0 0 100.00000%; }
.con-12 > .col-12 { -ms-flex: 0 0 98.55072%; -webkit-flex: 0 0 98.55072%; -moz-flex: 0 0 98.55072%; flex: 0 0 98.55072%; }

.container {
    max-width: 1380px;
    margin: 0 auto;
    position: relative;
}

.rel { position: relative; }
.right { text-align: right; }


.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);
            -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.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%;
    min-height: 1px;
}
[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;
}
@media all and (min-width:721px) {
    

    .upfront .mobile-only { display: none; }

    .upfront.post .section.header {
        padding: 35px calc(50vw - 574px) 65px;
    }
    
    .upfront.post .section.left {
        padding-left: calc(50vw - 582px);
        padding-right: calc(50vw - 182px);
    }
    
    .upfront.post .section.right {
        padding-left: calc(50vw - 82px);
        padding-right: calc(50vw - 582px);
    }

    .upfront.post .section.footer {
        padding: 0 calc(50vw - 574px);

    }

    .upfront.post .section.related {
        padding: 100px 0 150px;
    }


    
    .upfront.post .section .quote.inside_left {
        text-align: left;
        float: left;
        max-width: 42%;
        margin: 10px 0 20px -30px;
    }
    
    .upfront.post .section .quote.inside_right {
        text-align: left;
        float: right;
        max-width: 42%;
        margin: 10px -18% 20px 20px;
    }
    
    .upfront.post .section.right .quote.outside,
    .upfront.post .section.right .heading.outside {
        padding: 0;
        text-align: left;
        max-width: 47%;
        float: left;
        margin-left: -73%;
        margin-bottom: 50px;
    }
    
    .upfront.post .section.left .quote.outside {
        padding: 0 0 0 20px;
        text-align: left;
        max-width: 47%;
        float: right;
        margin-right: -54%;
        margin-bottom: 50px;
    }

    .upfront.post .section.right .quote.outside p.underline {
        width: calc(100% - 0px); 
    }
    
    .upfront.post .section.left .quote.outside p.underline {
        width: calc(100% - 20px); 
    }
    
    
    .upfront.post .section.left .image.outside {
        
        float: right;
        width: calc(50vw - 182px - 50px);
        margin-top: 40px;
        margin-right: calc(182px - 50vw);
    }

    .upfront.post .section.left .image.outside .inner {
        background-position: top left;
        background-repeat: no-repeat;
    }
    
    .upfront.post .section.right .image.outside {
        
        clear: left;
        float: left;
        width: calc(50vw - 82px - 50px);
        margin-top: 20px;
        margin-left: calc(82px - 50vw);
    }

    .upfront.post .section.right .image.outside .inner {
        background-position: top right;
        background-repeat: no-repeat;
    }

    
    .upfront.post .section.left .quote.inside_right {
        text-align: right;
        float: none;
        max-width: none;
        margin: 10px -50% 20px 20px;
        padding-left: 40%;
    }

    .upfront.post .section.right .quote.inside_left {
        float: none;
        max-width: none;
        margin: 10px 20px 20px -56%;
        padding-right: 40%;
    }


    .upfront.post .section.text_with_heading.right .heading {
        text-align: left;
        padding-left: 14% !important;
    }

    .upfront.post .section.separator + .section.text_with_heading {
        padding-top: 120px;
    }

    .upfront.post .section.text_with_heading + .section.text_with_heading {
        padding-top: 20px;
    }
    
    

    

    .upfront.post .section.breadcrumb {
        padding: 30px calc(50vw - 573px) 25px calc(50vw - 573px);
    }

    .upfront.post .section.podcast-summary {
        padding: 35px calc(50vw - 385px) 65px calc(50vw - 288px);
    }

    .upfront.post .section.podcast-embeds { 
        padding: 65px calc(50vw - 478px) 65px calc(50vw - 478px);
    }

    .upfront.post .section.podcast-embeds p.podcast-links {
        margin-left: 190px;
    }

    .upfront .section.centred_wide .video {
        height: 532px;
    }

    .upfront .section.author {
        padding: 200px calc(50vw - 574px) 128px calc(50vw - 94px);
    }

    .upfront .section.author .image {
        position: absolute;
        width: 396px;
        height: 396px;
        margin-left: -494px;
    }

}

@media all and (min-width:721px) and (max-width:1220px) {
    

    .upfront.post .section.left {
        padding-left: 30px;
        padding-right: calc(40% - 60px);
    }

    .upfront.post .section.right {
        padding-left: calc(40% - 60px);
        padding-right: 30px;
    }

    .upfront.post .section .quote.inside_right {
        margin-right: -30px; 
    }

    .upfront.post .section.left .quote.outside {
        margin-right: -49%;
        max-width: 45%;
    }

    .upfront.post .section.right .quote.outside, 
    .upfront.post .section.right .heading.outside {
        margin-left: -59%;
        max-width: 45%;
    }

    .upfront.post .section.centred_wide {
        padding-left: 30px;
        padding-right: 30px;
    }

    .upfront .section.centred_wide .video {
        height: 52vw;
    }

    .upfront.post .section.breadcrumb,
    .upfront .section.podcast-list-intro, 
    .upfront .section.podcast-list,
    .upfront.post .section.header,
    .upfront.home .section.quote,
    .upfront .section.newsletter-signup,
    .upfront .section.home-podcast-list,
    .upfront.post .section.footer {
        padding-left: 30px;
        padding-right: 30px;
    }

    .upfront .section.author {
        padding-left: calc(50% - 60px);
        padding-right: 30px;
    }

    .upfront .section.author .image {
        width: 36%;
        margin-left: -40%;
    }

    .upfront .post-grid .quote p {
        font-size: 30px;
        line-height: 45px;
    }

    .upfront .post-grid .quote p span {
        background-size: auto 18px;
    }

}

@media all and (min-width:721px) and (max-width:1020px) {
    

    html, body { font-size: 16px; }

}

@media all and (max-width:720px), print {
    

    .upfront .no-mobile { display: none; }

    .upfront .menu-open-button {
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.35715H22.8573' stroke='white' stroke-width='2'/%3E%3Cpath d='M0 8.14279H22.8573' stroke='white' stroke-width='2'/%3E%3Cpath d='M0 15.6428H22.8573' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
        top: 130px;
        right: 40px;
        display: none;
    }

    .upfront.podcast-list .menu-open-button,
    .upfront.podcast .menu-open-button {
        background-image: url("data:image/svg+xml,%3Csvg width='23' height='17' viewBox='0 0 23 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1.35715H22.8573' stroke='%233A1C46' stroke-width='2'/%3E%3Cpath d='M0 8.14279H22.8573' stroke='%233A1C46' stroke-width='2'/%3E%3Cpath d='M0 15.6428H22.8573' stroke='%233A1C46' stroke-width='2'/%3E%3C/svg%3E%0A");
    }

    body.upfront-menu-open .upfront .menu-open-button {
        background-size: 18px;
    }

    .upfront .menu2__mobile-logo {
        display: none;
    }
    .upfront .menu2__outer {
        position: absolute;
        width: 100%;
    }

    .upfront .split-header {
        display: block;
    }

    .upfront .split-header .image {
        position: absolute;
        width: 100vw;
        height: 100%;
        z-index: -1;
    }

    .upfront .split-header .heading {
        background: none !important;
        padding-bottom: 30px;
        min-height: 0;
    }

    .upfront .post-title-card .post-type,
    .upfront .post-title-card p {
        display: none;
    }

    .upfront .post-title-card {
        display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
        align-items: flex-end;
    }

    .upfront .post-title-card h2 {
        line-height: 45px;
    }

    .upfront .split-header a.find-out-more {
        display: none;
    }


    .upfront.home .section.quote,
    .upfront .section.home-podcast-list,
    .upfront .section.newsletter-signup,
    .upfront .section.raw-html {
        padding: 50px !important;
    }

    .upfront.home .quote h2 {
        font-size: 24px;
        line-height: 34px;
    }

    .upfront .post-grid { 
        margin-bottom: 60px;
        
        grid-template-columns: 48% 48%;
        grid-template-rows: repeat(4, 50vw 30vw 50vw);
        
    }

    .upfront .post-grid > * {
        
        
    }

    .upfront .post-grid > *:nth-child(1) { height: auto; grid-column: 1; grid-row: 1 / span 2; }
    .upfront .post-grid > *:nth-child(2) { height: auto; grid-column: 2; grid-row: 1 / span 1; }
    .upfront .post-grid > *:nth-child(3) { height: auto; grid-column: 1; grid-row: 3 / span 1; }
    .upfront .post-grid > *:nth-child(4) { height: auto; grid-column: 2; grid-row: 2 / span 2; }

    .upfront .post-grid > *:nth-child(5) { height: auto; grid-column: 1; grid-row: 4 / span 1; }
    .upfront .post-grid > *:nth-child(6) { height: auto; grid-column: 2; grid-row: 4 / span 2; }
    .upfront .post-grid > *:nth-child(7) { height: auto; grid-column: 1; grid-row: 5 / span 2; }
    .upfront .post-grid > *:nth-child(8) { height: auto; grid-column: 2; grid-row: 6 / span 1; }

    .upfront .post-grid > *:nth-child(9)  { height: auto; grid-column: 1; grid-row: 7 / span 2; }
    .upfront .post-grid > *:nth-child(10) { height: auto; grid-column: 2; grid-row: 7 / span 1; }
    .upfront .post-grid > *:nth-child(11) { height: auto; grid-column: 1; grid-row: 9 / span 1; }
    .upfront .post-grid > *:nth-child(12) { height: auto; grid-column: 2; grid-row: 8 / span 2; }

    .upfront .post-grid > *:nth-child(13) { height: auto; grid-column: 1; grid-row: 10 / span 1; }
    .upfront .post-grid > *:nth-child(14) { height: auto; grid-column: 2; grid-row: 10 / span 2; }
    .upfront .post-grid > *:nth-child(15) { height: auto; grid-column: 1; grid-row: 11 / span 2; }
    .upfront .post-grid > *:nth-child(16) { height: auto; grid-column: 2; grid-row: 12 / span 1; }


    .upfront .post-grid .quote {
        padding: 80px 10px;
        min-height: 300px;
        z-index: 2;
    }

    .upfront .post-grid .quote p {
        font-size: 20px;
        line-height: 28px;
    }

    .upfront .post-grid .quote p span {
        background-size: auto 10px;
    }

    .upfront .post-grid .intro h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .upfront .post-grid .intro p {
        font-size: 16px;
        line-height: 22px;
    }

    .upfront .section.home-podcast-list h3 {
        font-size: 24px;
        line-height: 30px;
    }

    .upfront .section.home-podcast-list p {
        font-size: 16px;
        line-height: 22px;
    }

    .upfront .section.newsletter-signup {
        border-bottom: 3px solid #22F5A9;
    }

    .upfront .section.newsletter-signup h2 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .upfront .section.newsletter-signup p {
        font-size: 18px;
        line-height: 34px;
    }

    .upfront .section.newsletter-signup .inner { border: none; padding: 0; }

    .upfront .section.newsletter-signup .inner .third {
        -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; flex: 0 0 100%;
        margin-bottom: 15px;
    }

    .upfront .section.related { padding-top: 50px; } 
    .upfront .section.related h2 { 
        font-size: 30px;
        margin-bottom: 30px;
    }

    .upfront .section.related .carousel { -ms-flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; flex-direction: column; }

    .upfront .footer-hero {
        padding: 50px 20px;
    }

    .upfront .footer-hero p.large {
        font-size: 30px;
        line-height: 40px;
        padding: 0 10px;
    }

    .upfront ul.slick-dots { display: none !important; }

    .upfront .section.header:after,
    .upfront .post-title-card:after {
        content: "";
        display: block;
        width: 31px;
        height: 20px;
        background-image: url("data:image/svg+xml,%3Csvg width='31' height='20' viewBox='0 0 31 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 2L15.5 15.5L29 2' stroke='%2365DBF8' stroke-width='5'/%3E%3C/svg%3E%0A");
        position: relative;
        top: 18px;
    }

    .upfront .post-title-card:after {
        position: absolute;
        top: auto;
        bottom: 5px;
    }

    .upfront .blocky-background span {
        font-size: 30px;
        line-height: 45px;
        padding: 6px 6px 3px;
        background-size: auto 40px;
    }
    
    .upfront.post .section.header h1 span,
    .upfront.post.font-tuppence .section.header h1 span {
        font-size: 30px;
        line-height: 45px;
        padding: 5px 6px 3px;
        background-size: auto 40px;
    }
    .upfront.post.font-tuppence .section.header h1 span {
        padding: 0 7px 15px;
        background-size: auto 42px;
    }

    .upfront.post.font-bebas .section.header h1 span {
        font-size: 42px;
        line-height: 45px;
        padding: 1px 7px 0;
        background-size: auto 40px;
    }

    .upfront.post .section.header .blocky-background .background { margin-top: -38px; }
    .upfront.post .section.header .blocky-background .background span { border-width: 38px; }
    
    .upfront.post .section.header > .video {
        -ms-flex-direction: row; -webkit-flex-direction: row; -moz-flex-direction: row; flex-direction: row;
        margin: 0;
    }

    .upfront.post .section h3,
    .upfront.post .section h4,
    .upfront.post .section p,
    .upfront.post .section.lead_in p.links,
    .upfront .section.author .links p,
    .upfront .footer-hero p
     {
        font-size: 16px;
        line-height: 20px;
    }

    .upfront.post .section .quote,
    .upfront.post .section .quote p,
    .upfront.post .section .intro p,
    .upfront.post .section .ol .li,
    .upfront .section.author p,
    .upfront.post .section .quote.style-underline p {
        font-size: 20px;
        line-height: 28px;
    }

    .upfront.post .section.lead_in p,
    .upfront.post .section .ol .li::before,
    .upfront .section.author h3 {
        font-size: 24px;
        line-height: 34px;
    }

    .upfront.post .section.related h2 {
        font-size: 30px;
        line-height: 40px;
        margin-bottom: 35px;
    }

    .upfront.post .footer-hero p.large {
        font-size: 30px;
        line-height: 40px;
    }


    .upfront .logo {
        width: 120px;
        margin: 0;
        position: absolute;
        top: 32px;
        left: 47px;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
    }

    .upfront .thin-header .logo {
        filter: none;
    }

    .upfront .logo img {
        width: 120px;
    }


    .upfront.post .section {
        padding: 47px 15vw;
    }

    .upfront.post .section.lead_in {
        padding: 52px 10vw 47px;
    }

    .upfront.post .section .quote {
        padding: 20px;
    }

    .upfront.post .section.quote .quote {
        padding: 0;
    }

    .upfront.post .section.footer { display: none; }

    .upfront.post .footer-hero {
        padding: 66px 48px;
    }


    .upfront.post .section.text_with_heading .heading {
        font-size: 42px;
        line-height: 50px;
    }

    .upfront.post .section .image { margin: 0 0 20px; }

    .upfront.post .section .image .inner {
        background-repeat: no-repeat;
    }

    

    .upfront .section.youtube { padding-bottom: 0; }
    .upfront .section .video {
        margin: 25px -15vw 25px -15vw;
        width: 100vw;
        height: 56.2vw;
    }
    .upfront .section.youtube .video:last-child { margin-bottom: 0; }


    

    .upfront.post .section.author { padding: 80px 10px; }
    .upfront .section.author .image { display: none; }
    .upfront.post .section.author .text p { padding: 0 20%; }
    .upfront .section.author h3 { text-align: center; }

    

    .upfront.post .section .ol .li { 
        padding: 0 8vw 0 60px; 
        margin: 0 0 30px;
    }

    .upfront.post .section .ol .li::before {
        font-size: 24px;
        margin-left: -60px;
        padding: 8px 8px 4px;
    }

    

    .upfront .section.thin-header {
        min-height: 91px;
    }

    .upfront .section.thin-header .logo {
        top: 32px;
        left: 32px;
    }


    .upfront.post .section.breadcrumb {
        padding: 32px;
        font-size: 16px;
    }

    .upfront .section.podcast-list-intro {
        padding-top: 10px;
    }

    .upfront .section.podcast-list-intro h1 {
        font-size: 36px;
        margin-bottom: 30px;
    }

    .upfront .section.podcast-list-intro h3 {
        font-size: 24px;
        line-height: 32px;
    }

    .upfront .section.podcast-list-intro .end-links {
        color: #979797;
        line-height: 24px;
    }

    .upfront .section.podcast-list h3 {
        font-size: 30px;
        line-height: 40px;
        text-align: center;
        margin: 0 0 20px;
    }

    .upfront .section.podcast-list .podcast-item {
        -ms-flex: 0 1 auto; -webkit-flex: 0 1 auto; -moz-flex: 0 1 auto; flex: 0 1 auto;
    }

    .upfront .section.home-two-column-announcement {
        padding: 0.5rem 0;
    }

    .upfront .section.home-two-column-announcement + .section.quote {
        padding-top: 0.1rem !important;
    }

    .upfront .section.home-two-column-announcement h3 {
        font-size: 1rem;
    }
    .upfront .section.home-two-column-announcement > .column.heading {
        padding: 1rem 8% 1rem !important;
    }

    

    .upfront .holding-page-header .post-title-card {
        display: block;
        min-height: none;
        padding-top: 0;
        min-height: 250px;
    }

    .upfront .holding-page-header .post-title-card h2 { 
        font-size: 2rem;
    }

    .upfront .holding-page-header .post-title-card p {
        font-size: 0.888rem;
        line-height: 1.375em;
    }

    .upfront .holding-page-header .post-title-card .post-type {
        display: block;
    }


    .upfront .holding-page-header .slick-list { overflow: visible; }

    .upfront .holding-page-header .post-title-card:after {
        content: "";
        background: url('../images/upfront/demo-post.jpg') center;
        background-size: 128%;
        width: 122%;
        margin-left: -11%;
        height: calc(100vw - 78px);
        position: absolute;
        bottom: calc(-100vw + 220px);
    }

    .upfront .holding-page-header { 
        margin-bottom: calc(100vw - 260px);
    }

    .upfront.post .section.holding-page-body p {
        font-size: 16px;
        line-height: 22px;
    }

    .upfront.post .section.holding-page-quote {
        padding: 0 10px 50px;
    }

    .upfront.post .section.holding-page-quote h2 {
        font-size: 33px;
        line-height: 42px;
    }


    

    .upfront.post .section.image .image.style-blocky .caption {
        padding: 0 30px;
        bottom: 25px;
    }

    .upfront.post .section.image .image.style-blocky .caption span {
        font-size: 42px;
        line-height: 45px;
        padding: 1px 7px 0;
        background-size: auto 40px;
    }


    .popup-form-container { padding: 40px; }
    .overlay a.close { width: 20px; height: 20px; right: 15px; top: 15px; background-size: 16px; }

}
.menu2__outer {
    position: relative;
    z-index: 100;
}

.menu2 {
    max-width: 1380px;
    margin: 0 auto;
    min-height: 100px;
    font-size: 18px;
}

.menu2__menu {
    display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
    list-style: none;
    padding-left: 9.20287%;
    padding-top: 20px;
    margin: 0;
    position: relative;
}

.menu2__menu > li.menu2__logo {
    -ms-flex: 0 0 16.6%; -webkit-flex: 0 0 16.6%; -moz-flex: 0 0 16.6%; flex: 0 0 16.6%;
    padding: 0;
    margin-top: 0;
}

.menu2__menu img.menu2__hover,
.menu2__menu svg.menu2__hover {
    display: none;
}

.menu2__menu.in img.menu2__nonhover,
.menu2__menu.in svg.menu2__nonhover {
    display: none;
}
.menu2__menu.in img.menu2__hover,
.menu2__menu.in svg.menu2__hover {
    display: inline;
}



.menu2__menu > li {
    padding: 4px 20px 0 20px;
    line-height: 24px;
    margin-top: 20px;
}

.menu2__menu > li > a {
    text-decoration: none;
    font-weight: 500;
    color: #ffffff;
}

body.colour-white .menu2__menu > li > a,
.header2 .menu2__menu.in > li > a {
    color: #838383;
}

body .header2 .menu2__menu.in > li > a {
    color: #222429;
}


.menu2__menu > li > ul {
    visibility: hidden;
    position: absolute;
    left: calc(50% - 600px + 265px);
    list-style: none;
    padding-top: 47px;
    width: 63%;
    height: 280px;
    opacity: 0;
}

.menu2__menu > li > ul > li > ul {
    visibility: hidden;
    position: absolute;
    list-style: none;
    opacity: 0;
    top: 0;
    height: 100%;
    padding-top: 47px;
    left: 15rem;
    
}

.menu2__sub-menu {
    -ms-align-content: start; -webkit-align-content: start; -moz-align-content: start; align-content: start;
    grid-auto-flow: column;
    grid-template-columns: auto auto;
    column-gap: 3rem;
}

.menu2__menu > li > ul > li > ul:before {
    content: "";
    display: block;
    position: absolute;
    top: 44px;
    bottom: 0;
    left: -37px;
    border-left: 2px solid #d7d7d7;
}

.menu2__menu > li > ul > li > a,
.menu2__menu > li > ul > li > ul > li > a {
    display: inline-block;
    text-decoration: none;
    color: #838383;
    font-size: 15px;
    padding-bottom: 10px;
}



.menu2__mobile-quickfind,
.menu2__menu > li.close { 
    display: none; 
}

.menu2__menu > li.item-sign-in,
.menu2__menu > li.search,
.menu2__menu > li.region {
    padding-top: 0;
    padding-right: 14px;
}

.menu2__menu > li.item-sign-in > a {
    background: url('../images/icon-user-green.svg') center no-repeat;
    text-indent: -10000px;
    width: 20px;
    display: inline-block;
}

.header2[theme-light] .menu2__menu > li.item-sign-in > a,
body .menu2__menu.in > li.item-sign-in > a {
    background: url('../images/icon-user-purple.svg') center no-repeat;
}

.menu2__menu > li.search > a {
    background: url('../images/icon-search-green.svg') center no-repeat;
    text-indent: -10000px;
    width: 20px;
    display: inline-block;
}

.header2[theme-light] .menu2__menu > li.search > a {
    background: url('../images/icon-search-purple.svg') center no-repeat;
}

.header2 .menu2__menu.in > li.search > a {
    background: url('../images/icon-search-grey.svg') center no-repeat;
}

.menu2__menu > li.region > a {
    background: url('../images/icon-region-green.svg') center no-repeat;
    text-indent: -10000px;
    display: inline-block;
    vertical-align: middle;
    width: 23px;
}

.header2[theme-light] .menu2__menu > li.region > a {
    background: url('../images/icon-region-purple.svg') center no-repeat;
}

.header2 .menu2__menu.in > li.region > a {
    background: url('../images/icon-region-grey.svg') center no-repeat;
}

.menu2__menu > li.item-sign-in > a:hover,
body .menu2__menu.in > li.item-sign-in > a:hover { background-image: url('../images/icon-user-purple.svg'); }
.menu2__menu > li.search > a:hover { background-image: url('../images/icon-search-purple.svg'); }

.menu2__menu > li.region span {
    color: #23F0C7;
    font-size: 14px;
    text-transform: uppercase;
    padding-left: 5px;
    vertical-align: top;
    line-height: 28px;
}


.header2[theme-light] .menu2__menu li.region span {
    color: #5D3FD6;
}
.header2 .menu2__menu.in li.region span {
    color: #838383;
}






.menu2__outer .search-bar { 
    background: #F5F5F5;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease;
    position: relative;
}

.menu2__outer .search-bar input {
    background: #F5F5F5;
    padding: 30px 0;
    border: none;
    outline: none;
    width: 78%;
    margin-left: 25.8%;
    font: 32px SansFont, sans-serif;
    color: #212429;
    font-weight: 500;
    opacity: 0;
    transition: opacity 0.4s ease 0.3s;
}

.menu2__outer .search-bar .quickfind-results { color: #212429; margin-left: 25.8%; border-top: 2px solid #f6f5f6; padding: 40px 0 30px; }
.menu2__outer .search-bar .quickfind-results p { font-size: 19px; font-weight: 500; margin: 20px 0; }
.menu2__outer .search-bar .quickfind-results ul { list-style-type: none; margin: 0 0 40px; padding: 0; }
.menu2__outer .search-bar .quickfind-results ul li { font-size: 24px; margin-bottom: 18px; }
.menu2__outer .search-bar .quickfind-results ul li a { color: #212429; text-decoration: none; }
.menu2__outer .search-bar .quickfind-results a.show-all { font-weight: 500; text-decoration: none; color: #212429; border-bottom: 1px solid #21F5A8; font-size: 16px; }



body.search-open .menu2__search .search-bar { height: 96px; }
body.search-open .menu2__mobile-quickfind .search-bar { min-height: 60px; }
body:not(.search-open) .menu2__outer .search-bar input { transition: none; }
body:not(.search-open) .menu2__search .search-bar .quickfind-results { display: none; }
body.search-open .menu2__outer .search-bar input { opacity: 1;  }
body.search-open .menu2__outer .search-bar.has-results { height: auto !important; }

.menu2__mobile-quickfind .search-bar {
    margin-top: -20px;
}

.menu2__mobile-quickfind .search-bar input {
    margin-top: 25px;
    margin-left: 15px;
    font-size: 18px;
    padding: 5px 0 5px 20px;
}

.menu2__menu > .menu2__mobile-quickfind {
    padding: 0;
    margin-left: -24px;
}

.menu2 a.open-mobile-menu { display: none; }

@media (min-width: 1100px) {
    .menu2__sub-menu-rows--5,
    .menu2__sub-menu-rows--6 { display: grid; grid-template-rows: auto auto auto; }
    .menu2__sub-menu-rows--7,
    .menu2__sub-menu-rows--8 { display: grid; grid-template-rows: auto auto auto auto; }
    .menu2__sub-menu-rows--9,
    .menu2__sub-menu-rows--10 { display: grid; grid-template-rows: auto auto auto auto auto; }
}

@media (max-width: 1099px) {
    .menu2__menu > li.menu-item > ul > li span.open-menu__button {
        position: relative;
        display: inline-block;
        padding-right: 20px;
        width: 20px;
        height: 10px;
        cursor: pointer;
    }
    
    .menu2__menu > li.menu-item > ul > li span.open-menu__button:after {
        content: '';
        position: absolute;
        width: 8px;
        height: 8px;
        border-width: 2px 2px 0 0;
        border-style: solid;
        border-color: #5744cd;
        transition: .2s ease;
        display: block;
        transform-origin: 80% -12%;
        -webkit-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); transform: rotate(135deg);
        right: 5px;
        top: 70%;
        margin-top: 3px;
        transition: all 0.3s ease-in-out;
    }
    
    .menu2__menu > li.menu-item > ul > li.opened span.open-menu__button:after {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg);
        margin-top: -5px;
    }
}

@media (min-width: 721px) and (max-width: 1099px){
    .menu2__menu > li.menu-item > ul > li.opened .menu-intro {
        opacity: 1;
        z-index: 5;
    }

    .menu2__menu > li > ul > li > ul {
        left: 15rem;
    }
}



@media (min-width: 721px) {
    

    .menu2__menu.in:hover {
        background: #f3f3f3;
        transition: background 0.15s ease;
        position: absolute;
        z-index: 50;
        left: 0;
        right: 0;
        top: 0;
        height: 400px;
        padding-left: calc(50% - 356px);
        padding-right: calc(50% - 600px + 89px);
    }

    .menu2__menu.in:hover > li.menu2__logo {
        position: absolute;
        display: block;
        
        
        left: calc(50% - 564px);
    }

    .menu2__menu.in > li:hover > ul,
    .menu2__menu.in > li > ul > li:hover > ul {
        visibility: visible;
        opacity: 1;
        transition: opacity 0.3s ease;
    }

    .menu2__menu > li > a:hover,
    body .menu2__menu.in > li > a:hover,
    .menu2__menu > li > ul > li > a:hover,
    .menu2__menu > li > ul > li > ul > li > a:hover {
        text-decoration: none;
        color: #5744cd;
    }

    .menu2__menu > li.menu2__sliding-submenu {
        display: none;
    }
}

@media all and (min-width:721px) and (max-width:1400px) {
    .menu2__menu.in:hover { padding-left: 24.25%; }
    .menu2__menu.in:hover > li.menu2__logo { left: 9.203%; }
    .menu2__menu > li > ul { left: calc(24.25% + 20px); }    
}


@media (min-width: 801px) and (max-width: 960px) {
    .menu2__menu.in:hover { padding-left: 24.25%; }
    .menu2__menu > li { padding: 4px 15px 0 15px; }
    .menu2__menu > li.item-sign-in, .menu2__menu > li.search, .menu2__menu > li.region {
        padding-right: 9px;
    }

    .menu2__menu > li > ul {
        left: calc(24.25% + 15px); 
    }
    .menu2__menu > li > ul > li > ul { left: 50%; }
}


@media (max-width: 720px) {
    .menu2 {
        min-height: 0;
    }

    body .menu2__menu {
        
        overflow: hidden;
        height: 0px; 
    }

    .menu2__menu > li.menu-item,
    .menu2__menu > li.search,
    .menu2__menu > li.region {
        display: none;
    }

    body.menu-open .menu2__menu {
        display: block;
        background: #F3F3F3;
        position: absolute;
        z-index: 5;
        right: 0;
        top: 0;
        margin-top: 0;
        transition: background 0.15s ease;
        width: 290px;
        left: auto;
        padding: 24px 15px 500px 24px;
        box-shadow: -80px 0 100px rgba(58, 28, 70, 0.3);
    }

    body.menu-open .menu2__menu > li.menu-item,
    body.menu-open .menu2__menu > li.search,
    body.menu-open .menu2__menu > li.region {
        display: block;
    }

    .menu2__menu[data-showing-item] .menu-item:not(.item-sign-in) {
        -webkit-transform: translateX(-120%); -moz-transform: translateX(-120%); transform: translateX(-120%);
    }

    .menu2__menu > li.menu2__logo {
        display: none;
    }
    
    .menu2__mobile-logo {
        padding: 10px 15px;
    }

    .menu2__mobile-logo img,
    .menu2__mobile-logo svg {
        width: 64px;
    }

    .menu2__menu > li {
        padding: 25px 10px 0 0;
        transition: padding-top 0.3s ease, transform 0.3s ease;
    }

    .menu2__menu > li > a {
        color: #212429 !important;
        font-size: 24px;
        font-weight: 500;
        display: block;
    }

    .menu2__menu > li > a:hover {
        text-decoration: none;
    }


    .menu2__menu > li.menu-item:not(.item-sign-in) {
        border-top: 1px solid #212429;
        max-height: 52px;
        overflow: hidden;
    }

    .menu2__menu > li > ul {
        position: static;
        opacity: 1;
        visibility: visible;
        width: auto;
        height: auto;
        padding-top: 0;
        margin-top: 10px;
        margin-bottom: 20px;
    }

    
    .menu2__menu > li > ul > li {
        border-top: 1px solid #EBEBEB;
        padding-top: 20px;
    }

    .menu2__menu > li > ul > li > a {
        font-size: 24px;
        color: #212429;
        padding-bottom: 19px;
        font-weight: 500;
    }

    .menu2__menu > li > ul > li > a.menu2__small {
        font-size: 16px;
        line-height: 20px;
        color: #838383;
        font-weight: 400;
    }

    .menu2__menu > li > ul > li > a.menu2__small strong {
        font-weight: 500;
    }

    .menu2__menu > li.menu2__sliding-submenu {
        transition: transform 0.3s ease;
        -webkit-transform: translateX(280px); -moz-transform: translateX(280px); transform: translateX(280px);
        position: absolute;
        padding: 0;
        margin: 0;
        top: 80px;
        width: 90%;
    }

    .menu2__menu[data-showing-item] > li.menu2__sliding-submenu {
        -webkit-transform: translateX(0); -moz-transform: translateX(0); transform: translateX(0);
    }

    .menu2__menu > li.menu2__sliding-submenu > a {
        background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' width='20' viewBox='0 0 20 15'%3E%3Cpath stroke='%23838383' stroke-width='2' d='M20 8H2M8 1.5l-6 6 6 6'/%3E%3C/svg%3E") left top no-repeat;
        font-size: 16px;
        line-height: 20px;
        padding-left: 30px;
        color: #838383 !important;
    }

    .menu2__menu > li > ul > li > ul {
        position: static;
        visibility: visible;
        opacity: 1;
        padding-top: 0;
        padding-bottom: 20px;
    }
    
    .menu2__menu > li > ul > li > ul:before {
        display: none;
    }

    .menu2__menu > li > ul > li > ul > li > a {
        font-size: 16px;
        padding-bottom: 7px;
    }
    


    .menu2 a.open-mobile-menu { display: block; position: absolute; width: 73px; height: 76px; top: 0; right: 0; z-index: 3; text-align: center; padding-top: 30px; }
    .menu2 a.open-mobile-menu svg { width: 26px; }
    .menu2__menu > li.close {
        position: absolute;
        top: 0;
        right: 0;
        padding: 8px 25px 0 0;
    }

    body.menu-open .menu2__menu > li.close {
        display: block; 
    }

    .menu2__menu > li.menu2__mobile-quickfind {
        margin-top: 66px;
    }

    .menu2__mobile-quickfind .search-bar input {
        margin-top: 15px;
    }

    .menu2__menu > li.menu-item.menu2__mobile-title {
        border-top: none;
        font-size: 24px;
        font-weight: 500;
        padding-left: 0;
    }

    .menu2__menu > li.menu-item.menu2__mobile-title > a {
        color: #3A1C46 !important;
    }

    .menu2__menu > li.menu-item + li.menu-item.menu2__mobile-title {
        margin-top: 30px;
    }

    .menu2__menu > li.menu-item.menu2__mobile-title-pink > a {
        color: #5744cd !important;
    }

    .menu2__menu > li.item-sign-in {
        position: absolute;
        top: 5px;
        overflow: hidden;
        max-height: 30px;
        transition: max-height 0.3s ease;
    }
    .menu2__menu > li.item-sign-in > a {
        background-image: url('../images/icon-user-purple.svg') !important;
    }
    body.user-open .menu2__menu > li.item-sign-in {
        max-height: 180px;
    }
    .menu2__menu > li.item-sign-in > ul {
        padding-top: 20px;
    }
    .menu2__menu > li:nth-child(3) {
        xpadding-top: 25px;
    }
    body.user-open .menu2__menu > li:nth-child(3) {
        xpadding-top: 150px;
    }

    .menu2__menu > li.search {
        position: absolute;
        top: 5px;
        margin-left: 40px;
    }
    .menu2__menu > li.search > a {
        background-image: url('../images/icon-search-purple.svg') !important;
    }
    .menu2__mobile-quickfind {
        display: block;
    }

    .menu2__menu > li.region {
        position: absolute;
        top: 5px;
        margin-left: 80px;
    }
    .menu2__menu > li.region > a {
        background-image: url('../images/icon-region-purple.svg') !important;
    }
    .menu2__menu > li.region span {
        color: #3a1c46 !important;
    }


    .menu2__outer .search-bar .quickfind-results {
        margin-left: 35px;
        border: none;
        padding: 12px 0;
        
    }
    .menu2__outer .search-bar .quickfind-results ul {
        margin-bottom: 17px;
    }
    .menu2__outer .search-bar .quickfind-results ul li {
        font-size: 14px;
        margin-bottom: 8px;
    }
    .menu2__outer .search-bar .quickfind-results a.show-all {
        color: #5744cd;
        border-color: #5744cd;
        font-size: 14px;
    }
}
.region-selector-bg { position: relative; z-index: 101; background: #B5FFE4; }
.region-selector { background: #B5FFE4; padding: 30px 0 0px; z-index: 10; display: none; }
.region-selector p { font-size: 17px; line-height: 24px; font-weight: 500; padding-right: 5%; margin-bottom: 30px; }
.region-selector ul.dropdown { padding: 0; margin: 0; width: 100%; border: 2px solid #212429; border-radius: 2px; list-style-type: none; height: 48px; overflow: hidden; background: #B5FFE4; z-index: 50; }
.region-selector.no-react ul.dropdown:hover,
.region-selector ul.dropdown.open { overflow: visible; height: auto; position: absolute; }
.region-selector ul.dropdown li { padding: 14px 15px 13px; font-size: 17px; line-height: 17px; cursor: pointer; }
.region-selector ul.dropdown li a { display: block; text-decoration: none; color: inherit; font-weight: 600; }
.region-selector button { width: 100%; background: none;  border: 2px solid #212429; border-radius: 999px; height: 48px; font-size: 17px; font-weight: 600; cursor: pointer; }
body.change-region .region-selector,
.region-selector.in { display: block; }
.region-selector a.close { background: url('../images/icon-close-purple.svg') center no-repeat; display: inline-block; height: 48px; width: 48px; overflow: hidden; text-indent: 10000px;}



@media all and (min-width:721px) {
    .region-selector ul.dropdown { background: url('../images/arrow-down-purple.svg') 93% 15px no-repeat #B5FFE4; }
    .region-selector ul.dropdown.open { background-image: url('../images/arrow-up-purple.svg'); }
}

@media all and (max-width:720px), print {
    .region-selector { padding: 20px 25px; }
    .region-selector p { font-size: 14px; margin-bottom: 12px; padding-right: 12%; }
    .region-selector .col-1:first-child { display: none; }
    .region-selector .col-4 { -ms-flex: 0 0 100%; -webkit-flex: 0 0 100%; -moz-flex: 0 0 100%; flex: 0 0 100%; margin: 0; }
    .region-selector .col-3 { -ms-flex: 0 0 63.3%; -webkit-flex: 0 0 63.3%; -moz-flex: 0 0 63.3%; flex: 0 0 63.3%; margin: 0; }
    .region-selector .col-2 { -ms-flex: 1 0 0; -webkit-flex: 1 0 0; -moz-flex: 1 0 0; flex: 1 0 0; margin: 0; padding-left: 10px; }
    .region-selector .col-1.right { position: absolute; right: -14px; top: -9px; }
    .region-selector ul.dropdown,
    .region-selector button { height: 40px;  }
    .region-selector button { color: #B5FFE4; background: #3A1C46; font-size: 14px; line-height: 37px; }
    .region-selector ul.dropdown li { font-size: 14px; line-height: 23px; padding: 8px 10px 7px; }

    .region-selector ul.dropdown { background: url('../images/arrow-down-mobile-purple.svg') 92% 15px no-repeat #B5FFE4; }
}