/* = Framework 
----------------------------------------------------------------------------------------------------------------- */
.template { padding: 40px 0; }
.container { width: 1380px; margin: 0 auto; position: relative; }
.container img { max-width: 100%; }

.inner { max-width: 750px; margin: 0 auto; }
.template--1col-skinny .inner { max-width: 650px; }
.template--2col-notTitle h1 { display: none; }
.template--2col-skinny .row { max-width: 1080px; margin: 0 auto; }

.template.template--1col-hero { padding-top: 0; }

@media screen and (min-width: 1081px) {
    .template--2col .col--25 { margin-top: 46px; }
    .template--2col-notTitle .col--25 { margin-top: 0; }

    .csspositionsticky .template--2col .col--25 .cta-block:last-child { position: sticky; top: 25px; margin-bottom: 22px; }
}

@media screen and (max-width: 1450px) {
    .container { width: auto; margin-right: 25px; margin-left: 25px; }
}

@media screen and (max-width: 1080px) {
    .template { padding: 35px 0; }
}

@media screen and (max-width: 850px) {
    .template { padding: 30px 0; }
}

@media screen and (max-width: 600px) {
    .container { margin-right: 20px; margin-left: 20px; }
}

@media screen and (max-width: 400px) {
    .container { margin-right: 15px; margin-left: 15px; }
}

/* = Logo
----------------------------------------------------------------------------------------------------------------- */
.logo { width: 226px; height: 50px; display: block; margin: 0 auto; padding: 45px 0; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/PH_logo_rev.svg) no-repeat center center; }

.logo-sticky { width: 170px; padding: 12px 14px; position: relative; display: table-cell; vertical-align: middle; }
.logo-sticky img { width: 140px; }

@media screen and (max-width: 1000px) {
    .logo-sticky { width: 160px; padding: 10px 12px; }
    .logo-sticky img { width: 130px; }
}


/* = Header Content
----------------------------------------------------------------------------------------------------------------- */
header { background: #1d1d1c; }

.hdr-top { padding: 6px 30px; color: #1d1d1c; background: #f6f6f6; position: relative; }
.hdr-top a { color: #1d1d1c; }
.hdr-top a:not(.icon):hover { text-decoration: underline; }
.hdr-pDods { font-size: 13px; display: inline-block; vertical-align: top; }
.hdr-pDods a { display: inline-block; }
.hdr-pDods span { padding-left: 5px; display: inline-block; vertical-align: middle; }

.hdr-topRight { float: right; }

.hdr-social { margin-right: 0; display: inline-block; }
.hdr-social a { display: inline-block; margin: 0 8px; }
.hdr-social a:hover { color: #00a3a6; }

.hdr-user { display: inline-block; }
.hdr-user .hdr-reg { font-weight: 600; padding-right: 12px; margin-right: 10px; border-right: 1px solid #acacac; }

.hdr-main { padding: 0 30px; color: #fff; position: relative; }
.hdr-date { position: absolute; font-size: 12px; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hdr-date span { font-weight: 600; }

.hdr-promo { position: absolute; display: table; text-align: right; color: #fff; top: 50%; height: 100%; right: 30px; max-width: 250px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hdr-promo > div { display: table-cell; vertical-align: middle; }
.hdr-promo p { margin: 0 0 6px; color: #fff; }
.hdr-promo .btn { margin-bottom: 4px; }
.hdr-promo .promo-img { padding-left: 15px; }
.hdr-promo .promo-img img { max-height: 64px; width: auto; }

.quickLogin .webForm div { margin: 0 0 10px; }
.quickLogin .webForm div:last-child { margin: 0; }
.quickLogin .webForm div em { float: none; margin: 14px 0 0; font-size: .85em; }
.quickLogin .rememberMe input { float: left; margin: 4px 4px 4px 0; }
.quickLogin .ql-intro { margin-bottom: 10px; font-weight: 600; }
.quickLogin .btn { min-width: 125px; }
.quickLogin p:last-child { margin-bottom: 0; }
.quickLogin a { color: #00a3a6; text-decoration: underline; }

.hdr-quickLogin { display: none; position: absolute; padding: 25px; right: 0; top: 100%; min-width: 350px; border-top: 1px solid #00a3a6; background: #f6f6f6; -webkit-box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); box-shadow: -5px 5px 15px rgba(0, 0, 0, 0.1); z-index: 3; }
.hdr-quickLogin .webForm div { position: relative; }
.hdr-quickLogin .webForm label { position: absolute; top: 0; left: 1em; width: auto; margin: 0; padding: 0.55em 0; }
.hdr-quickLogin .webForm input.text { float: none; width: 100% }
.hdr-quickLogin .msgError { margin: 0 0 10px; background-size: 12px auto; padding: 10px 10px 10px 36px; background-position: 15px center; }
.hdr-quickLogin .msgSuccess { margin: 0 0 10px; background-size: 14px auto; padding: 10px 10px 10px 36px; background-position: 15px center; }
.hdr-quickLogin .icon { position: absolute; cursor: pointer; top: 0; right: 0; width: 22px; height: 22px; line-height: 20px; text-align: center; background: #00a3a6; color: #fff; }
.hdr-quickLogin .icon:after { padding-top: 3px; }
.hdr-quickLogin .formSubmit label { display: none; }
.hdr-quickLogin .quickLogin .rememberMe label { position: relative; float: none; padding: 0; left: 0; margin: 0 0 0 2px; line-height: 1; }

.sticky-header { position: fixed; top: 0; left: 0; display: table; width: 100%; background: #1d1d1c; z-index: 10; -ms-transform: translateY(-50px); -webkit-transform: translateY(-50px); transform: translateY(-50px); -webkit-transition: transform .3s ease; transition: transform .3s ease; }
.stickyOn .sticky-header { -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }

.sticky-srch { position: absolute; cursor: pointer; top: 0; right: 0; width: 51px; height: 100%; border-left: 1px solid #fff; border-color: rgba(255, 255, 255, 0.6); }
.sticky-srch:before { content: '\e80c'; position: absolute; top: 50%; width: 100%; margin-top: -8px; color: #fff; font-size: 14px; }

@media screen and (max-width: 1024px) {
    .hdr-top { padding: 6px 25px; }
    .hdr-main { padding: 0 25px; }

    .hdr-promo { right: 25px; }
    .hdr-promo p { font-size: 13px; }
    .hdr-promo .btn { margin-bottom: 3px; font-size: 11px; }
    .hdr-promo .promo-img img { max-height: 55px; }
}

@media screen and (max-width: 1000px) {
    .sticky-srch { width: 45px; border-color: rgba(255,255,255,0.4); }
}

@media screen and (max-width: 950px) {
    .hdr-top { padding: 6px 20px; }
    .hdr-main { padding: 0 20px; }
    .hdr-promo { right: 20px; }
}

@media screen and (max-width: 850px) {
    .hdr-user { display: none; }
    .hdr-social { margin-right: 90px; }

    .hdr-top { padding: 6px 15px; }
    .hdr-main { padding: 0 25px; }
    .hdr-promo { right: 25px; }

    .hdr-date,
    .hdr-promo { display: none; }

    .sticky-srch { right: 45px; }
}

@media screen and (max-width: 750px) {
    .hdr-pDods { font-size: 12px; }
    .hdr-pDods img { height: 20px; width: auto; }
}

@media screen and (max-width: 600px) {
    .hdr-main { padding: 0 20px; }
    .hdr-promo { right: 20px; }
}

@media screen and (max-width: 480px) {
    .hdr-pDods { margin-top: 1px; font-size: 11px; }
    .hdr-pDods img { height: 18px; }
    .hdr-social { display: none; }

    .sticky-srch { right: 43px; width: 44px; }
}

/* = Footer content
----------------------------------------------------------------------------------------------------------------- */
footer { padding: 40px 0; background: #f4f4f4; }

.ftr-col { float: left; }
.ftr-col--left { width: 320px; padding-right: 40px; border-right: 1px solid #ccc; }
.ftr-col--right { width: calc(100% - 370px); /*border-left: 1px solid #ccc;*/ padding-left: 50px; }

.ftr-subcol { float: left; width: calc(20% - 22.5px); margin-right: 30px; position: relative; }
.ftr-subcol .h5 { margin-bottom: 16px; }
.ftr-subcol--2 { width: calc(40% - 22.5px); }
.ftr-subcol--2 ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 30px; column-gap: 30px; }
.ftr-subcol--last { margin: 0; }

.ftr-subcol ul { list-style: none; margin: 0; padding: 0; }
.ftr-subcol ul li { line-height: 1.35em; margin: 0 0 12px; }
.ftr-subcol ul li a { font-size: 13px; color: #1d1d1c; }
.ftr-subcol ul li a:hover { color: #00a3a6; text-decoration: underline; }

.ftr-subs { margin: 10px 0 25px; }
.ftr-subs > a { color: #1d1d1c; }
.ftr-subs .ftrs-img { float: left; width: 120px; margin-right: 15px; }
.ftr-subs .ftrs-text { float: left; width: calc(100% - 135px); }
.ftr-subs .ftrs-text p { margin: 0 0 15px; }
.ftr-subs .ftrs-text p:last-child { margin-bottom: 0; }

.ftr-subcol .icon { display: none; position: absolute; right: 0; top: 10px; }

.ftr-copyWrap > p { margin: 0 0 12px; font-size: 12px; }
.ftr-copyWrap > p:last-child { margin-bottom: 0; }

@media screen and (max-width: 1200px) and (min-width: 951px), screen and (max-width: 800px) {
    .ftr-col--left { border-right: none; }
    .ftr-col--right { border-left: 1px solid #ccc; }

    .ftr-subcol { width: calc(33.333% - 22px); order: 1; }
    .ftr-subcol .h5 { margin-bottom: 10px; }
    .ftr-subcol--last { order: 2; margin: 0; }
    .ftr-subcol--2 { width: 100%; margin: 25px 0 0; order: 3 }

    .ftr-subcol--2 ul { -webkit-column-count: 3; column-count: 3; }

    .ftr-subcol ul li { line-height: 1.25em; margin: 0 0 10px; }
    .ftr-subcol ul li:last-child { margin: 0; }
}

@media screen and (max-width: 1080px) {
    .ftr-col--right { padding-left: 40px; }
}

@media screen and (max-width: 950px) {
    .ftr-col--left { float: none; width: 100%; padding: 0 0 30px; margin: 0 0 30px; border: none; border-bottom: 1px solid #e4e4e4; }
    .ftr-col--right { float: none; width: 100%; padding: 0; border: none; }
    .ftr-col .h3 { font-size: 22px; line-height: 1.35em; }
}

@media screen and (max-width: 950px) and (min-width: 651px) {
    .ftr-subsWrap { float: left; width: calc(50% - 40px); padding-right: 30px; margin-right: 40px; border-right: 1px solid #e4e4e4; }
    .ftr-copyWrap { float: left; width: 50%; }

    .ftr-subs { margin: 10px 0 0; }
    .ftr-copyWrap > p { margin: 5px 0 15px; font-size: 14px; }
}

@media screen and (max-width: 800px) {
    .ftr-subcol--2 ul { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 25px; column-gap: 25px; }
}

@media screen and (max-width: 800px) and (min-width: 481px) {
    .ftr-col .h3 { font-size: 20px; line-height: 1.35em; }

    .ftr-subsWrap { float: left; width: 310px; padding-right: 25px; margin-right: 25px; border-right: 1px solid #e4e4e4; }
    .ftr-copyWrap { float: left; width: calc(100% - 335px); }

    .ftr-subs { margin: 10px 0 0; }
    .ftr-subs .ftrs-text p { font-size: 13px; }
    .ftr-copyWrap > p { margin: 5px 0 15px; font-size: 13px; }
}

@media screen and (max-width: 650px) {
    footer { padding: 35px 0; }

    .ftr-col--left { padding: 0; margin: 0 0 20px; border: none; }

    .ftr-subcol .icon { display: block; }
    .ftr-subcol.on .icon { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .ftr-subcol { float: none; width: 100%; margin: 0; }
    .ftr-subcol--2 { order: 1; }
    .ftr-subcol--2 ul { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; }
    .ftr-subcol { padding: 8px 0; border-top: 1px solid #ddd; }
    .ftr-subcol:first-child { border: none; }
    .ftr-subcol .h5 { margin: 0; font-size: 16px; }
    .ftr-subcol:last-child { padding-bottom: 0; }
    .ftr-subcol ul { max-height: 0; overflow: hidden; }
    .ftr-subcol.on ul { margin: 10px 0; max-height: 100%; }

    .ftr-col .h3 { font-size: 18px; }
    .ftr-subsWrap { width: 290px; }
    .ftr-copyWrap { width: calc(100% - 335px); }

    .ftr-copyWrap > p { font-size: 12px; }
}

@media screen and (max-width: 600px) and (min-width: 481px) {
    .ftr-subsWrap { width: 280px; }
    .ftr-copyWrap { width: calc(100% - 305px); }

    .ftr-subs .ftrs-img { width: 90px; margin-right: 10px; }
    .ftr-subs .ftrs-text { width: calc(100% - 100px); }
}

@media screen and (max-width: 480px) {
    .ftr-col .h3 { font-size: 22px; margin-bottom: 16px; }
    .ftr-subsWrap,
    .ftr-copyWrap { float: none; width: 100%; }

    .ftr-subs { margin: 0 0 20px; }
    .ftr-copyWrap > p { font-size: 13px; }
}

@media screen and (max-width: 400px) {
    .ftr-copyWrap > p { font-size: 12px; }
}

@media screen and (max-width: 340px) {
    .ftr-col .h3 { font-size: 20px; }
    .ftr-subs .ftrs-text p { font-size: 13px; }
}

/* = Hamburger
----------------------------------------------------------------------------------------------------------------- */
.burger { display: none; overflow: hidden; position: absolute; top: 0; right: 0; padding: 10px 15px; height: 100%; background: #00a3a6; cursor: pointer; z-index: 1; }
.burger .b-label { padding-left: 6px; line-height: 1; color: #fff; font-weight: 600; }
.burger > div { float: left; }

.hamburger { position: relative; padding: 0; width: 15px; height: 14px; cursor: pointer; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; overflow: hidden; }
.hamburger:focus { outline: none; }
.hamburger span { display: block; position: absolute; top: 50%; margin-top: -1px; left: 0; right: 0; height: 2px; background: #fff; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; }
.hamburger span:before,
.hamburger span:after { content: ""; position: absolute; display: block; left: 0; width: 100%; height: 2px; background-color: #fff; -webkit-transition: 0.3s ease; transition: 0.3s ease; }
.hamburger span:before { top: -5px; }
.hamburger span:after { bottom: -5px; }

.navOn .hamburger span { background: none; }
.navOn .hamburger span:before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.navOn .hamburger span:after { bottom: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.sticky-header .hamburger span,
.sticky-header .hamburger span::before,
.sticky-header .hamburger span::after { background: #fff; }
.navOn .sticky-header .hamburger span { background: none; }

@media screen and (max-width: 850px) {
    .burger { display: inline-block; }

    .sticky-header .burger { display: block; padding: 10px 15px; }
    .sticky-header .hamburger { margin: 2px 0; }
}

@media screen and (max-width: 750px) {
    .burger { padding: 9px 15px; }
}

@media screen and (max-width: 480px) {
    .burger { padding: 8px 14px; }
    .navOn .burger { background: #006264; }

    .sticky-header .burger { padding: 10px 14px; }
}

/* = Menus
----------------------------------------------------------------------------------------------------------------- */
.nav-main { padding: 6px 30px 0; text-align: center; background: #00A3A6; position: relative; }
.nav-sub { padding: 0 25px; background: #fff; /*text-align: center;*/ border-bottom: 1px solid #c1c1c1; }

.menu ul,
.nav-sub ul,
.nav-reg ul { margin: 0; padding: 0; list-style: none; }

.menu ul li { display: inline-block; margin: 0 5px; position: relative; }
.menu ul li a { padding: 4px 15px 9px; display: inline-block; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }
.menu ul li.liOn a { color: #1d1d1c; background: #fff; border-radius: 4px 4px 0px 0px; }

.menu ul ul { display: none; }
.menu ul li.liHasChildren ul { position: absolute; padding: 6px 0 8px; min-width: 220px; left: 50%; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); background: #069496; z-index: 10; }
.menu ul li.liHasChildren ul li { display: block; margin: 0px 15px; padding: 2px 0; border-bottom: 1px solid hsla(0, 0%, 100%, 0.2); }
.menu ul li.liHasChildren ul li:last-child { border: none; }
.menu ul li.liHasChildren ul li a { display: block; font-size: 11px; text-align: center; padding: 5px 0; color: #fff; background: none; }
.menu ul li .icon { display: none; position: absolute; cursor: pointer; right: 0; top: 5px; height: 32px; line-height: 32px; width: 38px; font-size: 12px; text-align: center; color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.15); }

.nav-sub ul li { display: inline-block; margin: 0 12px; position: relative; }
.nav-sub ul li a { display: inline-block; padding: 9px 5px; font-size: 14px; color: #1d1d1c; letter-spacing: 0.28px; font-weight: 600; }

.nav-bottom { position: absolute; bottom: 0; left: 0; width: 100%; }

.nav-search { position: absolute; padding: 10px 15px; top: 0; right: 5px; color: #fff; cursor: pointer; }
.nav-search span { display: none; }
.nav-search:before { content: ''; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: rgba(255, 255, 255, 0.25); }

.nav-reg { display: none; padding: 8px 30px; background: #009295; }
.nav-reg ul li { display: block; margin: 0; border-bottom: 1px solid #3a3a3a; border-bottom: 1px solid rgba(255, 255, 255, 0.125); }
.nav-reg ul li:last-child { border: none; }
.nav-reg ul li a { display: block; padding: 10px 0; color: #e4e4e4; }

.nav-social { display: none; padding: 10px 30px; bottom: 0; left: 0; width: 100%; background: #007a7c; }
.nav-social > * { color: #fff; display: inline-block; margin: 0 14px 0 0; }
.nav-social > a:last-child { margin: 0; }

/*Greedy Nav*/
.greedy-nav { position: relative; min-width: 250px; }
.greedy-nav ul li a { display: block; position: relative; }
.greedy-nav ul li a:hover { text-decoration: underline; }
.greedy-nav .gn-more { position: absolute; user-select: none; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; padding: 0 0 0 10px; outline: none; cursor: pointer; font-weight: 700; color: #00a3a6; }
.greedy-nav .gn-more .icon:after { padding-left: 5px; font-size: .9em; }
.hidden + .gn-more .icon--minusSlim:after { content: '\e81c'; }
.greedy-nav .nav { display: inline-table; height: 100%; }
.greedy-nav .nav li { display: table-cell; margin: 0; padding: 0 12px; }
.greedy-nav .nav li a { white-space: nowrap; }
.greedy-nav .hidden-links { position: absolute; margin-top: 1px; padding: 5px 0; min-width: 180px; right: 0; background: #fff; -webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.15); z-index: 2; }
.greedy-nav .hidden-links li { display: block; margin: 0px 15px; padding: 2px 0; border-bottom: 1px solid #dedede; }
.greedy-nav .hidden-links li a { display: block; text-align: center; padding: 5px 15px; color: #1d1d1c; background: none; }
.greedy-nav .hidden-links li:last-child { border: none; }
.greedy-nav .hidden { visibility: hidden; }
.greedy-nav .nav li.on a:hover,
.greedy-nav .hidden-links li.on a:hover { text-decoration: none; }
.greedy-nav .nav li.on a span,
.greedy-nav .hidden-links li.on a span { position: relative; }
.greedy-nav .nav li.on a:after { content: ''; position: absolute; left: 5px; bottom: 0; width: calc(100% - 10px); height: 5px; background: #00a3a6; }
.greedy-nav .hidden-links li.on a span:after { content: ''; position: absolute; left: 0; bottom: -1px; width: 100%; height: 2px; background: #00a3a6; }
/*END - Greedy nav*/

@media screen and (min-width: 1650px) {
    .nav-sub { text-align: center; }
}

@media screen and (min-width: 851px) {
    .menu ul li.liHasChildren:hover ul { display: block; }
    .menu ul li.noSub:hover ul { display: none; }

    .menu ul li:not(.liOn) a > span { border-bottom: 1px solid transparent; -webkit-transition: border .25s ease; transition: border .25s ease; }

    .menu ul li:not(.liOn) a:hover > span,
    .menu ul li ul li.liOn a > span { border-bottom: 1px solid #a8ddde; }
}

@media screen and (max-width: 1024px) {
    .nav-main { padding: 6px 25px 0; text-align: left; }
    .nav-sub { text-align: left; }

    .menu ul li a { padding: 4px 13px 9px; }
}

@media screen and (max-width: 950px) {
    .nav-main { padding: 6px 20px 0; }

    .menu ul li { margin: 0; }
    .nav-sub ul li { margin: 0px 6px; }
    .greedy-nav .nav li { padding: 0 6px; }
}

@media screen and (max-width: 850px) {
    .hdr-nav { position: fixed; top: 0; left: 0; left: -325px; width: 300px; border: none; height: 100%; background: #efefef; background: #00A3A6; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.25); -webkit-transition: left .4s ease; transition: left .4s ease; z-index: 11; }
    .navOn .hdr-nav { left: 0; }
    .csstransforms3d .hdr-nav { left: 0; -webkit-transform: translate3d(-325px, 0, 0); -moz-transform: translate3d(-325px, 0, 0); transform: translate3d(-325px, 0, 0); -webkit-transition: -webkit-transform .4s ease; transition: transform .4s ease; }
    .csstransforms3d .navOn .hdr-nav { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

    .nav-main { padding: 25px 30px; height: calc(100% - 100px); overflow: auto; text-align: left; }

    .menu ul li { display: block; border-bottom: 1px solid rgba(255, 255, 255, 0.15); }
    .menu ul li:last-child { border: none; }
    .menu ul li a { display: block; padding: 10px 0; }
    .menu ul li.liOn a { color: #fff; -webkit-border-radius: 0; border-radius: 0; background: transparent; }
    .menu ul li.liOn > a span { border-bottom: 1px solid #fff; }
    .menu ul li .icon { display: block; }
    .menu ul > li.liHasChildren > a { margin-right: 38px; }

    .menu ul li.liHasChildren span:after { -webkit-transition: transform .15s ease; transition: transform .15s ease; }
    .menu ul li.liHasChildren.subOn span:after { -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); }
    .menu ul li.liHasChildren ul { position: relative; background: none; left: 0; padding: 0; margin-bottom: 12px; -ms-transform: none; -webkit-transform: none; transform: none; }
    .menu ul li.liHasChildren ul li { margin: 0; border-color: rgba(255, 255, 255, 0.15) }
    .menu ul li.liHasChildren ul li a { padding: 5px 0; text-align: left; letter-spacing: 1px; }

    .nav-main .menu ul li.subOn ul { display: block; }

    .nav-search { position: relative; padding: 11px 0; top: 0; right: 0; color: #fff; border-top: 1px solid rgba(255, 255, 255, 0.15); }
    .nav-search:before { content: none; }
    .nav-search:after { opacity: .85; font-size: .8em; }
    .nav-search span { display: inline-block; padding-right: 10px; font-size: 12px; color: #fff; font-weight: 600; letter-spacing: 1.2px; text-transform: uppercase; }

    .nav-sub { visibility: hidden; }
    .nav-reg { display: block; }
}

@media screen and (max-width: 600px) {
    .hdr-nav { left: -300px; width: 275px; }
    .csstransforms3d .hdr-nav { -webkit-transform: translate3d(-300px, 0, 0); -moz-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
}

@media screen and (max-width: 480px) {
    .nav-social { display: block; }
    .nav-social > * { margin: 0 18px 0 0; }

    .nav-main { height: calc(100% - 140px); }
}

@media screen and (max-width: 400px) {
    .nav-main { padding: 20px 25px; height: calc(100% - 135px); }

    .nav-reg { padding: 5px 25px; }
    .nav-social { padding: 10px 25px; }
}

@media screen and (max-width: 360px) {
    .hdr-nav { left: -285px; width: calc(100% - 87px); }
    .csstransforms3d .hdr-nav { -webkit-transform: translate3d(calc(-100% - 15px), 0, 0); -moz-transform: translate3d(calc(-100% - 15px), 0, 0); transform: translate3d(calc(-100% - 15px), 0, 0); }
}

@media screen and (max-width: 350px) {
    .nav-social > * { margin: 0 16px 0 0; }
}

@media screen and (max-width: 340px) {
    .nav-main { padding: 20px; }
    .nav-reg { padding: 5px 20px; }
    .nav-social { padding: 10px 20px; }
    .nav-social > * { margin: 0 13px 0 0; }
}


/* = Sticky Navigation
----------------------------------------------------------------------------------------------------------------- */
.sticky-nav { text-align: right; padding-right: 80px; display: table-cell; vertical-align: middle; }
.sticky-nav ul { margin: 0; padding: 0; text-align: right; }
.sticky-nav > ul { display: inline-block; }

.sticky-nav ul li { display: inline-block; list-style: none; margin: 0 30px 0 0; padding: 0; position: relative; }
.sticky-nav ul li:last-child { margin: 0; }
.sticky-nav ul li a { position: relative; color: #fff; display: block; padding: 8px 0; font-size: 0.875em; font-weight: 700; text-transform: uppercase; letter-spacing: 0.075em; }
.sticky-nav ul li ul { display: none; }
.sticky-nav ul li ul li { margin: 0; display: block; }
.sticky-nav ul li ul a { color: #1f1f1f; }
.sticky-nav ul .liHasChildren a:after { color: rgba(255, 255, 255, 0.6); }
.sticky-nav ul .ext a:after { color: #1f1f1f; }
.sticky-nav ul li.menu--tw a:before { padding-right: 3px; text-decoration: none; }

@media screen and (min-width: 1061px) and (max-height: 650px) {
    .sticky-nav ul li.liHasChildren ul li a { padding: 7px 0; }
}

@media screen and (min-width: 1061px) and (max-height: 600px) {
    .sticky-nav ul li.liHasChildren ul li a { padding: 6px 0; }
}

@media screen and (min-width: 1061px) {
    .sticky-nav .more-nav li.liHasChildren:last-child ul { left: auto; right: 0; text-align: right; }
    .sticky-nav ul li ul li:hover a { text-decoration: underline; }
}

@media screen and (min-width: 751px) {
    .sticky-nav ul li.liHasChildren span { padding-bottom: 20px; }
    .sticky-nav ul li.liHasChildren ul { position: absolute; left: -25px; top: 40px; padding: 15px 25px; width: 240px; background: #efefef; text-align: left; -webkit-box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.15); z-index: 2; }
    .sticky-nav ul li.navMobToggle ul { text-align: right; left: auto; right: -30px; }
    .sticky-nav ul li.liHasChildren:hover ul { display: none; }
    .stickyOn .sticky-nav ul li.subOn ul,
    .stickyOn .sticky-nav ul li.subOn:hover ul { display: block; }
    .stickyOn .sticky-nav ul li.subOn > a { color: #00a3a6; }
    .sticky-nav > ul > li > a:hover { color: #00a3a6; }
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
    .sticky-nav ul li.liHasChildren ul { top: 38px; }
}

@media screen and (max-width: 1200px) {
    .sticky-nav ul li { margin: 0 25px 0 0; }
}

@media screen and (max-width: 1080px) {
    .sticky-nav ul li:first-child { display: none; }
}

@media screen and (max-width: 1000px) {
    .sticky-nav { padding-right: 65px; }
    .sticky-nav ul li { margin: 0 20px 0 0; }
    .sticky-nav ul li a { font-size: 12px; padding: 5px 0; }
}

@media screen and (max-width: 900px) {
    .sticky-nav { padding-right: 45px; }
    .sticky-nav ul li.navMobToggle { display: none; }
}

@media screen and (max-width: 850px) {
    .sticky-nav { display: none; }
}

@media screen and (max-width: 750px) {
    .sticky-nav .more-nav { border-top: 1px solid #ccc; }
}


/* = Search box
----------------------------------------------------------------------------------------------------------------- */
.search-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #fff; height: 100%; background: rgba(255, 255, 255, 0.95); z-index: 10; }
.hdr-searchBar { position: absolute; top: 50%; top: calc(50% - 10px); width: 600px; max-width: 100%; margin-left: -300px; left: 50%; font-size: 1.25em; opacity: 0; -ms-transform: translateY(-125px); -webkit-transform: translateY(-125px); transform: translateY(-125px); -webkit-transition: all .4s ease; transition: all .4s ease; }
.search-overlay.on .hdr-searchBar { opacity: 1; -ms-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: all .4s ease; transition: all .4s ease; }

.hdr-searchBar input.text { width: calc(100% - 125px); padding: .558em .85em; line-height: 1.65em; font-family: 'arialbold'; border: none; border-bottom: 1px solid #d6d6d6; background: transparent; }
.hdr-searchBar .btn { position: absolute; top: 0; right: 0; }

.search-close { position: absolute; cursor: pointer; top: 25px; right: 30px; font-size: 2em; line-height: 1; opacity: 0; -webkit-transition: opacity .4s ease; transition: opacity .4s ease; }
.search-overlay.on .search-close { opacity: 1; }

@media screen and (max-width: 650px) {
    .hdr-searchBar { width: calc(100% - 60px); margin: 0 30px; left: 0; }
    .search-close { right: 25px; }
}

@media screen and (max-width: 480px) {
    .search-overlay { background: rgba(255, 255, 255, 0.95); }

    .hdr-searchBar { font-size: 1.1em; width: calc(100% - 50px); margin: 0 25px; }
    .hdr-searchBar input.text { padding: .565em .85em; width: calc(100% - 105px); }
    .search-close { font-size: 1.65em; top: 20px; right: 20px; }
}

@media screen and (max-width: 400px) {
    .hdr-searchBar { font-size: 1em; width: calc(100% - 40px); margin: 0 20px; }
    .hdr-searchBar input.text { padding: .536em .8em; width: calc(100% - 95px); }
    .search-close { font-size: 1.6em; top: 15px; right: 15px; }
}

@media screen and (max-width: 340px) {
    .hdr-searchBar { width: calc(100% - 30px); margin: 0 15px; }
}

/* = News rows & lists
----------------------------------------------------------------------------------------------------------------- */
.row { margin: 40px 50px 20px; position: relative; }
.row + .row { margin-top: 0; }
.row:first-child { margin-top: 0; }

.row.row--mainList { margin-bottom: 40px; }

.row:last-child,
.row:last-of-type,
.row.row--false-last,
.row.row--mainList:last-child,
.row.row--house.row--false-last { margin-bottom: 0; }

.row.row--false-last + .advert--blockDetected { margin-top: 40px; }

.row-x2-split { width: calc(50% - 10px); float: left; margin-bottom: 5px; margin-right: 20px; }
.row-x2-split:nth-child(odd) { clear: left }
.row-x2-split:nth-child(even) { margin-right: 0; clear: right; }

.row.row--black { padding: 50px 50px 30px; margin-left: 0; margin-right: 0; margin-bottom: 50px; background: #1d1d1c; }
.row.row--grey { padding: 50px 50px 30px; margin-left: 0; margin-right: 0; margin-bottom: 50px; background: #f5f5f5; }
.row.row--green { padding: 50px 50px 25px; margin-left: 0; margin-right: 0; margin-bottom: 50px; background: #007451; }
.row.row--green .news-item .ni-desc { display: none; }

.row--westminster .news-title .nt-cat { border: 0; font-size: 0; padding: 0; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/TheHouseLive_rev_logo.svg) no-repeat 0 0; width: 242px; height: 30px; }
.row--westminster .news-title .nt-link { padding: 18px 0 0; }
.row--westminster .news-title:after { display: block; margin: 15px 0 20px; line-height: 1.5em; content: 'Live updates from Westminster and the latest insight from Parliamentarians and PoliticsHome members'; color: #fff; }

.row.row--house { padding: 145px 50px 0; margin-top: 30px; margin-left: 0; margin-right: 0; margin-bottom: 20px; position: relative; }
.row--house:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 250px; background: #007451 url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/thehouse_logo.svg) no-repeat 50px 50px; z-index: 0; }
.row--house .news-title { position: absolute; z-index: 1; top: 56px; right: 50px; border: none; margin: 0; color: #fff; }
.row--house .news-title .nt-link a,
.row--house .news-title .nt-link a:hover { color: #fff; }

.row.row--houseWestminster { padding-top: 135px; }
.row--houseWestminster:before { background: #007451; }
.row--houseWestminster:after { position: absolute; top: 58px; left: 50px; width: calc(100% - 140px); content: 'Live updates from Westminster and the latest insight from Parliamentarians and PoliticsHome members'; font-size: 18px; color: #fff; }

.westLive-p { margin-bottom: 35px; }

.news-title { margin-bottom: 20px; border-top: 3px solid #1d1d1c; }
.news-title .nt-cat { margin: 0; padding: 2px 0; display: inline-block; border-bottom: 1px solid #1d1d1c; }

.news-title .nt-infoLink { margin: 0; padding-left: 2px; display: inline-block; cursor: pointer; }
.news-title .nt-infoModal { visibility: hidden; opacity: 0; cursor: default; position: absolute; left: 0; margin-top: 20px; width: 100%; padding: 20px; font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif; background: #fff; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 5px 8px 30px 5px rgba(0, 0, 0, 0.2); box-shadow: 5px 8px 30px 5px rgba(0, 0, 0, 0.2); z-index: 1; }
.news-title .nt-infoModal:after { content: ''; position: absolute; top: -19px; left: 50%; left: 137px; width: 0; height: 0; border-style: solid; border-width: 0 11px 20px 11px; border-color: transparent transparent #fff transparent; z-index: 1; }
.news-title .nt-infoModal p:last-child { margin-bottom: 0; }
.news-title .nt-infoLink:hover .nt-infoModal { visibility: visible; opacity: 1; }

.news-title .nt-link { float: right; padding: 9px 0; line-height: 1; }
.news-title .nt-link a { color: #1d1d1c; font-weight: 600; }
.news-title .nt-link a:hover { color: #00A3A6; }
.news-title .nt-link--personalise { display: inline-block; padding: 0; }
.news-title .nt-link--personalise a { color: #fff; font-weight: 700; display: inline-block; padding: 9px 12px; background: #00a3a6; }
.news-title .nt-link--personalise a:hover { color: #fff; background: #1d1d1c; }

.news-title .nt-live { float: right; line-height: 1; padding: 10px 0; font-size: 12px; font-family: 'arialbold'; text-transform: uppercase; color: #EB3B3B; }
.news-title .nt-live.off { display: none; }

.live-circle { -webkit-animation: pulse-red 3s infinite; animation: pulse-red 3s infinite; display: inline-block; vertical-align: middle; border-radius: 50%; margin-right: 3px; height: 11px; width: 11px; box-shadow: 0 0 0 1px #EB3B3B; border: 1px solid #f5f5f5; background: #EB3B3B; }
.news-title .nt-live.disable .live-circle { -webkit-animation: none; animation: none; }

.news-title--houseLive { border: none; padding: 20px; background: #007451; }
.news-title--houseLive .nt-cat { border: 0; font-size: 0; padding: 0; vertical-align: middle; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/TheHouseLive_rev_logo.svg) no-repeat 0 0; background-size: 170px 21px; width: 180px; height: 21px; }
.news-title--houseLive .nt-link { padding: 5px 0; }
.news-title--houseLive .nt-link a,
.news-title--houseLive .nt-link a:hover { color: #fff; }

@media screen and (min-width: 1261px) {
    .news-title--houseLive { margin-top: 30px; }
}

@keyframes pulse-red {
    0% { box-shadow: 0 0 0 1px rgba(235, 59, 59, 1); }
    50% { box-shadow: 0 0 0 4px rgba(235, 59, 59, 0.2); background: rgba(235, 59, 59, 0.8); }
    100% { box-shadow: 0 0 0 1px #EB3B3B; box-shadow: 0 0 0 1px rgba(235, 59, 59, 1); }
}

.news-list { position: relative; }

.news-item { float: left; }
.news-item .ni-image { position: relative; height: 0; padding-top: 50%; overflow: hidden; background: #ddd url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/placeholders/img-placeholder-bg-opt.svg) no-repeat center; background-size: 50% auto; }
.news-item .ni-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.news-item .ni-image > a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.news-item .ni-image.has-vid > a:after { content: ''; position: absolute; top: 0; left: 50%; width: 20%; max-width: 50px; height: 100%; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/hasvid-icon.svg) no-repeat center; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.news-item .ni-tag { position: absolute; top: 0; left: 0; padding: .5em .75em; line-height: 1; font-weight: 600; font-size: 11px; color: #fff; background: #00A3A6; }
.news-item .ni-tag--house { width: 94px; height: 24px; background: #007451 url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/tags/tag-house.svg) no-repeat center; }
.news-item .ni-tag a { color: #fff; }

.news-list--sqThumb .news-item .ni-tag--house { width: 56px; height: 16px; background-size: 46px 7px; }

.row--house .ni-tag--house { display: none; }

.news-item .ni-content { margin-top: 10px; position: relative; }
.news-item .ni-content a { display: block; color: #1d1d1c; }

.news-item .ni-meta { font-size: 13px; }
.news-item .ni-meta span { float: left; }
.news-item .ni-meta .ni-cat { font-weight: 600; color: #00A3A6; }
.news-item .ni-meta a { display: inline-block; font-weight: 600; color: #00A3A6; }
.news-item .ni-meta a:hover { text-decoration: underline; }

.news-list--hideMeta .ni-meta { display: none; }

.news-item .ni-date { opacity: .85; }
.news-item .ni-readTime:not(:last-child),
.news-item .ni-date:not(:last-child) { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc; }
.news-item .ni-date .icon { padding-right: 5px; opacity: .9; }

.news-item .ni-pillTag { display: inline-block; font-size: 11px; line-height: 1; margin-top: -1px; padding: 4px 10px 5px; color: #505050; background: #d9f1f2; -webkit-border-radius: 10px; border-radius: 10px; }
.ni-title + .ni-pillTag { margin-bottom: 2px; }
.ni-pillTag + .ni-pillTag { margin-left: 6px; }

.news-item .ni-author,
.news-item .ni-sponsor { margin: 8px 0; font-size: 13px; font-weight: 600; opacity: .75; }
.news-item .ni-sponsor:first-child { margin-top: 0; }

/*#page-authors .news-item .ni-sponsor { display: none; }*/

.news-item .ni-author a,
.news-item .ni-sponsor a { display: inline; text-decoration: underline; color: #1d1d1c; }

.news-item .ni-author a:hover,
.news-item .ni-sponsor a:hover { color: #00A3A6; }
.news-item .ni-author:last-child { margin-bottom: 0; }

.news-item .ni-title { margin: 8px 0; line-height: 1.6em; font-weight: 600; }
.news-item .ni-title:last-child { margin-bottom: 0; }

.row-x2-split .news-item .ni-title { font-size: 16px; font-weight: 700; }

.news-item .ni-title.h2,
.news-item .ni-title.h3,
.news-item .ni-title.h4 { line-height: 1.25em; font-weight: normal; }
.news-item .ni-title.h4 { line-height: 1.3em; }
.news-item:hover .ni-title a { text-decoration: underline; }

.news-item .ni-desc { line-height: 1.6em; opacity: .85; }

/*Limit news list descriptions to 6 lines*/
.news-item .ni-desc { max-height: 9.65em; overflow: hidden; position: relative; text-overflow: ellipsis; }

@supports (-webkit-line-clamp: 6) {
    .news-item .ni-desc { -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 6; }
    .news-item .ni-desc:before, .news-item .ni-desc:after { content: normal; }
}

/*Reset untidy news summaries*/
.news-item .ni-desc p { margin: 0; }
.news-item .ni-desc br { display: none; }

.news-item--related { float: none; }
.news-item--related .ni-image { width: 30%; padding-top: 18%; margin-right: 15px; float: left; }
.news-item--related .ni-content { margin: 0; float: left; width: calc(70% - 15px); }

.av-related--noImg .news-item--related .ni-content { width: 100%; }

.news-list--x4 .news-item { width: calc(25% - 15px); margin: 0 20px 20px 0; }
.news-list--x4 .news-item:nth-child(4n+1) { clear: left; }
.news-list--x4 .news-item:nth-child(4n+4) { margin-right: 0; clear: right; }

.news-list--x3 .news-item { width: calc(33.333% - 13.333px); margin: 0 20px 20px 0; }
.news-list--x3 .news-item:nth-child(3n+1) { clear: left; }
.news-list--x3 .news-item:nth-child(3n+3) { margin-right: 0; clear: right; }

.news-list--x2 .news-item { width: calc(50% - 10px); margin: 0 20px 20px 0; }
.news-list--x2 .news-item:nth-child(odd) { clear: left; }
.news-list--x2 .news-item:nth-child(even) { margin-right: 0; clear: right; }

.news-list--x1 .news-item { margin-bottom: 15px; float: none; }

.news-list--readNext .news-item:last-child { margin-bottom: 0; }
.news-list--readNext .news-item .ni-title { font-family: 'arialbold'; font-size: 16px; font-weight: normal; }

.news-list--tallImg .ni-image { padding-top: 66.67%; }
.news-list--slimImg .ni-image { padding-top: 42.86% }

.news-list--sqThumb .news-item { margin-bottom: 16px; }
.news-list--sqThumb .news-item .ni-title { margin-top: 0; }
.news-list--sqThumb .ni-image { float: left; width: 100px; margin-right: 10px; padding-top: 100px; }
.news-list--sqThumb .ni-content { float: left; width: calc(100% - 110px); margin: 0; }
.news-list--sqThumb .news-item--noImg .ni-content { float: none; width: 100%; }

.news-list--featured { margin-bottom: 25px; }
.news-list--featured .ni-img-wrap { float: left; width: 300px; margin-right: 20px; }
.news-list--featured .ni-content { float: left; width: calc(100% - 320px); margin: 0; }
.news-list--featured .ni-image { padding-top: 66.67%; }
.news-list--featured .news-item .ni-title { margin: 14px 0; border-left: 3px solid #1D1D1C; padding-left: 12px; }
.news-list--featured .news-item .ni-title.h4 { line-height: 1.25em; }

.av-related .news-item .ni-title:first-child,
.news-list--featured .news-item .ni-title:first-child { margin-top: 0; }
.news-list--featured .ni-meta { margin-bottom: 10px; }

.news-list--featSub .news-item { width: calc(33.333% - 8px); margin: 0 12px 15px 0; }

.news-list--liveFeed .news-item,
.news-list--happening .news-item { float: none; position: relative; }
.news-list--happening .news-item:first-child { padding-top: 4px; }

.news-list--liveFeed .news-item:before { content: ''; position: absolute; top: 0; left: 17px; height: 100%; height: calc(100% - 10px); width: 2px; background: #EB3B3B; opacity: .35; z-index: 0; }
.news-list--liveFeed .news-item--is-ad:before { content: none; }

.news-list--liveFeed .ni-timeStamp,
.news-list--happening .ni-timeStamp { float: left; width: 40px; margin-right: 8px; padding: 5px 0; font-weight: 600; color: #EB3B3B; background: #fff; position: relative; }

.news-list--liveFeed .ni-content,
.news-list--happening .ni-content { float: left; width: calc(100% - 48px); margin: 0; padding: 5px 0; }

.news-list--liveFeed .ni-dateStamp { font-weight: 700; }
.news-list--liveFeed .news-item .ni-title { margin: 2px 0; font-weight: normal; }
.row--grey .news-list--liveFeed .ni-timeStamp { background-color: #f5f5f5; }

.news-list--happening .ni-timeStamp { width: 60px; padding: 0; color: #1D1D1C; font-weight: 700; line-height: 1.5em; }
.news-list--happening .ni-content { float: none; /*width: calc(100% - 68px);*/ width: 100%; padding: 0; margin: 0 0 15px; line-height: 1.5em; }
.news-list--happening .ni-imp { font-weight: 600; }
.news-list--happening .ni-title { margin: 0; line-height: 1.5; font-weight: normal; }
.news-list--happening .ni-imp:hover { text-decoration: underline; cursor: pointer; }

.news-list--press { margin-bottom: 35px; }
.news-list--press .ni-title a { color: #1d1d1c; }

.av-lc .news-list--press:last-child { margin-bottom: 0; }

/*IE & Edge fix for feature panel*/
.cols--featured { overflow: hidden; }

.cols--featured .news-list--featSub .ni-tag,
.cols--featured .col--25 .ni-tag,
.av-lc .news-item .ni-tag { font-size: 10px; }

.news-list--sqThumb .news-item .ni-tag { font-size: 8px; }

.cols--featured .news-list--featSub .ni-tag--house,
.cols--featured .col--25 .ni-tag--house { background-size: 56px 9px; width: 72px; height: 20px; }
.cols--featured .col--25 .news-list--x2 .news-item { width: calc(50% - 6px); margin: 0 12px 15px 0; }
.cols--featured .col--25 .news-list--x2 .news-item:nth-child(even) { margin-right: 0; }

.row--black .news-title { border-color: #6f6f6f; color: #fff; }
.row--green .news-title { border-color: #fff; color: #fff; }

.row--black .news-title .nt-cat,
.row--black .news-title .nt-link a,
.row--green .news-title .nt-cat,
.row--green .news-title .nt-link a { color: #fff; border-color: #fff; }

.row--black .news-title .nt-link a:hover { color: #00A3A6; }
.row--black .news-item .ni-title a { font-family: 'arialbold'; font-size: 26px; line-height: 1.2em; font-weight: normal; }

.row--westminster .news-item .ni-title a { font-family: 'arialbold'; font-size: 18px; line-height: 1.4em; font-weight: normal; }

.row--black .news-item .ni-meta,
.row--black .news-item .ni-content a,
.row--green .news-item .ni-meta,
.row--green .news-item .ni-content a,
.row--black .news-item .ni-sponsor,
.row--green .news-item .ni-sponsor { color: #fff; }

.row--houseWestminster .news-item .ni-tag,
.row--green .news-item .ni-tag { background: #1d1d1c; }
.row--green .news-item .ni-tag--house { display: none; }

.row--black .news-item .ni-desc,
.row--black .news-item .ni-meta { opacity: 0.7; }

.view-all-bar { display: block; margin-top: 5px; border-bottom: 1px solid #1d1d1c; position: relative; }
.view-all-bar .vab-cat { margin: 0; padding: 2px 0; display: block; }
.view-all-bar .vab-link { position: absolute; top: 0; right: 0; float: right; padding: 9px 0; line-height: 1; }
.view-all-bar .vab-link span { color: #1d1d1c; font-weight: 600; }
.view-all-bar:hover .vab-link span,
.view-all-bar:hover .vab-cat { color: #00a3a6; }

.col--75 .view-all-bar { margin: 0 0 30px; }
.row:last-child .col--75 .view-all-bar { margin-bottom: 0; }

.row.row--authorInfo { margin-bottom: 30px; padding-bottom: 15px; border-bottom: 2px solid #1d1d1c; }
.row--authorInfo .ra-image { float: left; width: 100px; height: 100px; -webkit-border-radius: 50%; border-radius: 50%; }
.row--authorInfo .ra-image img { -webkit-border-radius: 50%; border-radius: 50%; }
.row--authorInfo h1 { margin-bottom: 5px; line-height: 1; }
.row--authorInfo h1:last-child { margin-bottom: 0; }
.row--authorInfo .icon:hover { text-decoration: underline; }
.row--authorInfo .icon:before { padding-right: 5px; text-decoration: none; }
.row--authorInfo .ra-twitter { margin-bottom: 5px; font-weight: 600; }
.row--authorInfo p { margin: 0; }
.row--authorInfo--hasImg .ra-bio { margin-left: 125px; }
.row--authorInfo--hasImg .ra-info { float: left; width: calc(100% - 125px); margin-left: 25px; }

.row.row--events--noMargin { margin-left: 0; margin-right: 0; }

@media screen and (min-width: 1201px) {
    .row + .row--green { margin-top: 50px; }
}

@media screen and (min-width: 1321px) {
    #homePage .news-list--featured .ni-img-wrap { width: 360px; }
    #homePage .news-list--featured .ni-content { width: calc(100% - 380px); }
}

@media screen and (min-width: 751px) {
    .row-x2-split:nth-last-child(-n+2) .news-item { margin-bottom: 0; }
}

@media screen and (max-width: 1450px) {
    .row { margin: 40px 30px 20px; }
}

@media screen and (max-width: 1400px) {
    .row { margin: 40px 20px 20px; }
    .row--house:before { height: 18vw; }
}

@media screen and (min-width: 1025px) and (max-width: 1400px) {
    .row--black .news-item .ni-title a { font-size: 2vw; }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
    .row--black .news-item .ni-title a { font-size: 2.2vw; line-height: 1.25em; }
}

@media screen and (min-width: 751px) and (max-width: 1080px) {
    .row--house .news-item .ni-title { font-size: 2.2vw; }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {
    .row--house .news-item .ni-title { font-size: 1.8vw; }
}

@media screen and (max-width: 1320px) {
    .row { margin: 40px 0 20px; }
    .row.row--grey,
    .row.row--black,
    .row.row--green { padding: 40px 40px 20px; margin-bottom: 40px; }

    .row.row--house { padding: 125px 40px 0; }
    .row--house:before { background-position: 40px 40px; }
    .row--house .news-title { top: 47px; right: 40px; }

    .row.row--houseWestminster { padding-top: 130px; }
    .row--houseWestminster:after { top: 50px; left: 40px; }

    .news-list--featured .ni-img-wrap { width: calc(50% - 20px); }
    .news-list--featured .ni-content { width: 50%; }
}

@media screen and (min-width: 1080px) and (max-width: 1320px) {
    .news-list--featured .ni-title.h4 { font-size: 1.6vw; }
}

@media screen and (min-width: 1080px) and (max-width: 1200px) {
    .col--75 .news-list--sqThumb .news-item:nth-child(odd),
    .col--75 .news-list--sqThumb .news-item:nth-child(even) { display: none; width: 48.5%; margin: 0 3% 3% 0; clear: none }

    .col--75 .news-list--sqThumb .news-item:nth-child(-n+6) { display: block; }
    .col--75 .news-list--sqThumb .news-item:nth-child(odd) { clear: left; }
    .col--75 .news-list--sqThumb .news-item:nth-child(even) { margin-right: 0; clear: right; }

    .col--25 .news-list--sqThumb .ni-image { width: 90px; padding-top: 90px; }
    .col--25 .news-list--sqThumb .ni-content { width: calc(100% - 100px); }
}

@media screen and (max-width: 1200px) {
    .col--60 .news-item .h3 { font-size: 2vw; }

    .news-item .ni-desc { max-height: 8em; }
    @supports (-webkit-line-clamp: 5) {
        .news-item .ni-desc { -webkit-line-clamp: 5; }
    }

    .news-list--sqThumb .news-item .ni-tag { max-width: 85px; }
}

@media screen and (min-width: 1081px) and (max-width: 1200px) {
    .news-item--related .ni-title { font-size: 1.7vw; }
}

@media screen and (max-width: 1080px) {
    .news-list--x4 .news-item:nth-child(odd),
    .news-list--x4 .news-item:nth-child(even) { width: 31.666%; margin: 0 2.5% 3% 0; clear: none }

    .news-list--x4 .news-item:nth-child(3n+1) { clear: left; }
    .news-list--x4 .news-item:nth-child(3n+3) { margin-right: 0; clear: right; }

    .news-list--x3 .news-item,
    .news-list--sqThumb .news-item { width: 31.666%; margin: 0 2.5% 3% 0; }

    .news-list--x3 .news-item:nth-child(3n+1),
    .news-list--sqThumb .news-item:nth-child(3n+1) { clear: left; }

    .news-list--x3 .news-item:nth-child(3n+3),
    .news-list--sqThumb .news-item:nth-child(3n+3) { margin-right: 0; clear: right; }

    .news-list--sqThumb.news-list--advert-included .news-item:nth-child(3) { margin-right: 2.5%; }
    .news-list--sqThumb.news-list--advert-included .news-item:nth-child(4) { margin-right: 0; clear: right; }

    .row--extra { margin: 10px 0; }
    .row-x2-split .news-item .ni-title { font-size: 14px; }

    .row--house:before { height: 24vw; }
    .row--house .news-item:nth-child(4) { display: none; }

    .row--westminster .news-item:nth-child(4) { display: none; }
    .row--houseWestminster:after { top: 51px; font-size: 16px; width: calc(100% - 160px); }

    .col--60 .news-item .h3 { font-size: 2.4vw; }

    .av-lc .news-list--press:last-child { margin-bottom: 10px; }
}

@media screen and (max-width: 850px) {
    .news-list--sqThumb .news-item:nth-child(odd),
    .news-list--sqThumb .news-item:nth-child(even) { width: 48.5%; margin: 0 3% 3% 0; clear: none }

    .news-list--sqThumb .news-item:nth-child(odd) { clear: left; }
    .news-list--sqThumb .news-item:nth-child(even) { margin-right: 0; clear: right; }

    .news-list--sqThumb.news-list--advert-included .news-item:nth-child(-n+5) { width: 100%; margin-right: 0; }

    .cols--featured .col--25:nth-child(2) .news-list--liveFeed { margin-bottom: 20px; }

    .cols--featured .col--25 .news-list--x1 .news-item { float: left; }

    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(odd),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(even),
    .cols--featured .col--25 .news-list--x1 .news-item { width: 31.666%; margin: 0 2.5% 3% 0; clear: none; }

    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(3n+1),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(3n+1) { clear: left; }

    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(3n+3),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(3n+3) { margin-right: 0; clear: right; }

    .westLive-p { margin-bottom: 30px; }
    /*.westLive-logoStrip { margin-bottom: 30px; }*/

    .row--houseWestminster:after { top: 40px; }
    .row--houseWestminster .news-title { top: 36px; }
}

@media screen and (max-width: 850px) and (min-width: 401px) {
    .news-list--readNext .news-item .ni-image { width: 100px; padding-top: 100px; margin-right: 20px; float: left; }
    .news-list--readNext .news-item .ni-content { float: left; width: calc(100% - 125px); margin: 0; }
    .news-list--readNext .news-item .ni-title { font-size: 16px; }
}

@media screen and (max-width: 750px) {
    .news-list--x4 .news-item:nth-child(odd),
    .news-list--x4 .news-item:nth-child(even),
    .news-list--x3 .news-item:nth-child(odd),
    .news-list--x3 .news-item:nth-child(even),
    .news-list--x2 .news-item,
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(odd),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(even),
    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(odd),
    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(even) { width: 48.5%; margin: 0 3% 4% 0; clear: none }

    .news-list--x4 .news-item:nth-child(odd),
    .news-list--x3 .news-item:nth-child(odd),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(odd),
    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(odd) { clear: left; }

    .news-list--x4 .news-item:nth-child(even),
    .news-list--x3 .news-item:nth-child(even),
    .cols--featured .col--25 .news-list--x2 .news-item:nth-child(even),
    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(even) { margin-right: 0; clear: right; }

    .cols--featured .col--25 .news-list--x1 .news-item:nth-child(3) { display: none; }

    .news-list--sqThumb .ni-image { width: 85px; padding-top: 85px; }
    .news-list--sqThumb .ni-content { width: calc(100% - 95px); }

    .news-list--featured .ni-img-wrap { width: 48.5%; margin-right: 3%; }
    .news-list--featured .ni-content { width: 48.5%; }

    .row-x2-split { width: 100%; float: none; margin: 0 0 5px; }
    .row-x2-split:last-child { margin: 0; }
    .row-x2-split:last-child .news-item { margin-bottom: 0; }
    .row-x2-split .news-item .ni-title { font-size: 16px; }

    .news-list--tallImg .ni-image { padding-top: 56%; }

    .row--house:before { height: 28vw; }

    .row--house .news-item .ni-title,
    .row--black .news-item .ni-title a { font-size: 3vw; line-height: 1.3em; }
    .row--black .news-item:nth-child(3) { display: none; }

    .row--house .news-item:nth-child(4),
    .row--westminster .news-item:nth-child(4) { display: block; }

    .col--60 .news-item .h3 { font-size: 18px; }

    .news-item .ni-desc { max-height: 6.4em; }
    @supports (-webkit-line-clamp: 4) {
        .news-item .ni-desc { -webkit-line-clamp: 4; }
    }

    .news-list--sqThumb .news-item .ni-tag { font-size: 7px; padding: .45em .65em; }
}

@media screen and (max-width: 650px) and (min-width: 481px) {
    .news-list--featured .ni-title.h4 { font-size: 3.35vw; margin: 2vw 0; }
}

@media screen and (max-width: 600px) {
    .news-item .ni-author,
    .news-item .ni-sponsor { font-size: 12px; }

    .news-list--x4 .ni-image { padding-top: 56%; }

    .news-item .ni-desc { font-size: 13px; }

    .news-list--sqThumb .news-item:nth-child(odd),
    .news-list--sqThumb .news-item:nth-child(even) { float: none; width: 100%; margin: 0 0 16px; clear: none; }
    .news-list--sqThumb .news-item:last-child { margin-bottom: 5px; }

    .news-item--related .ni-title { font-size: 3.75vw; }

    .row.row--mainList { margin-bottom: 35px; }

    .row--house .news-list .news-item,
    .row--black .news-list .news-item { float: none; width: 100%; margin: 0 0 25px; }
    .row--black .news-item:nth-child(3) { display: block; }

    .row--house .news-item .ni-title,
    .row--black .news-item .ni-title a { font-size: 22px; }

    .row--house:before { height: 220px; }
    .row--extra { margin: 25px 0 0; }

    .row--westminster .news-item .ni-title a { font-size: 16px; }
    .row--westminster .news-title .nt-cat { width: 201px; height: 25px; background-size: 201px 25px; }
    .row--westminster .news-title .nt-link { padding: 20px 0 0; }

    .row.row--houseWestminster { padding-top: 140px; }
    .row--houseWestminster:after { font-size: 15px; }

    .col--60 .news-item .h3 { font-size: 16px; line-height: 1.35em; }

    .row.row--grey { padding: 40px; }
    .row.row--false-last + .advert--blockDetected { margin-top: 35px; }

    .row.row--green { padding: 35px 30px 15px; }

    .col--75 .view-all-bar { margin: 15px 0; }

    .row--authorInfo .ra-image { width: 80px; height: 80px; }
    .row--authorInfo p { margin: 0; font-size: 15px; }
    .row--authorInfo--hasImg .ra-info { width: calc(100% - 100px); margin-left: 20px; }
    .row--authorInfo--hasImg .ra-bio { margin-left: 100px; }

    .av-lc .news-list--press:last-child { margin-bottom: 0; }
    .av-lc .news-list--press .news-item:last-child { margin-bottom: 5px; }

    .main-content + .row--events { margin-top: 35px; }
}

@media screen and (max-width: 480px) {
    .news-item .ni-title,
    .news-item .ni-desc { line-height: 1.5em; }
    .news-item .ni-meta { font-size: 12px; }

    .news-list--featured .ni-img-wrap { float: none; width: 100%; margin-bottom: 15px; }
    .news-list--featured .ni-image { padding-top: 56%; }
    .news-list--featured .ni-content { float: none; width: 100%; }
    .news-list--featured .news-item .ni-title { font-size: 20px; }
    .news-list--featured .ni-desc { font-size: 14px; }

    .news-item--related .ni-title { font-size: 18px; }
    .news-item--related .ni-image { padding-top: 30%; }

    .news-list--happening .ni-content { margin: 0 0 10px; }

    .row.row--mainList { margin-bottom: 30px; }

    .row.row--grey { padding: 30px; margin-bottom: 30px; }
    .row.row--black,
    .row.row--green { padding: 30px 30px 15px; margin-bottom: 30px; }

    .row-x2-split .news-item .ni-title,
    .col--60 .news-item .h3 { font-size: 14px; }

    .row--house .news-item .ni-title,
    .row--black .news-item .ni-title a { font-size: 20px; }

    .row--westminster .news-item .ni-title a { font-size: 20px; line-height: 1.3em; }

    .row.row--house { padding: 115px 30px 0; }
    .row--house:before { background-position: 30px 40px; background-size: 250px auto; }
    .row--house .news-title { top: 45px; right: 30px; }
    .row.row--false-last + .advert--blockDetected { margin-top: 30px; }

    .row--westminster .news-list .news-item { float: none; width: 100%; margin: 0 0 25px; }

    .row.row--houseWestminster { padding-top: 0; }
    .row--houseWestminster:before { position: relative; display: block; left: -30px; right: -30px; width: calc(100% - 40px); font-size: 15px; padding: 20px 80px 20px 20px; height: auto; margin-bottom: 20px; content: 'Live updates from Westminster and the latest insight from Parliamentarians and PoliticsHome members'; color: #fff; }
    .row--houseWestminster:after { content: none; }
    .row--houseWestminster .news-title { top: 16px; right: 20px; }

    .row--authorInfo .ra-wrap { display: table; width: 100%; }
    .row--authorInfo .ra-wrap > div { float: none; display: table-cell; vertical-align: middle; }
    .row--authorInfo h1 { margin-top: 2px; }
    .row--authorInfo .ra-twitter { margin: 0; }
    .row--authorInfo p { font-size: 14px; }

    .row--authorInfo .ra-image { width: 75px; height: 75px; }
    .row--authorInfo--hasImg .ra-info { width: calc(100% - 70px); padding-left: 15px; }
    .row--authorInfo .ra-bio { float: left; margin: 10px 0 0; clear: both; }

    .westLive-p { margin-bottom: 25px; }
}

@media screen and (max-width: 400px) {
    .news-item .ni-desc { font-size: 12px; }
    .news-item .ni-title { margin: 6px 0; }

    .row--house .news-item .ni-desc { font-size: 13px; }

    .news-item .ni-tag { font-size: 10px; }
    .news-item .ni-tag--house { background-size: 56px 9px; width: 72px; height: 20px; }

    .news-list--featured { margin-bottom: 20px; }
    .news-list--featured .ni-desc { font-size: 14px; }
    .news-list--featured .news-item .ni-title { font-size: 19px; margin: 12px 0; }

    .news-item--related .ni-title,
    .news-list--readNext .news-item .ni-title { font-size: 16px; }

    .av-related--noImg .news-item--related .ni-title { font-size: 18px; }

    .news-item--related .ni-image { margin-right: 10px; }
    .news-item--related .ni-content { width: calc(70% - 10px); }

    .news-list--happening .ni-title { margin: 0; }

    .row--mainList .news-item .ni-desc,
    .col--75 .news-list--x3 .ni-desc,
    .row--grey .news-item .ni-desc,
    .article-view--members .news-list--x2 .news-item .ni-desc,
    .row--black .news-item .ni-desc,
    .row--house .news-item .ni-desc { display: none; }

    .col--75 .news-list--x3 .ni-title,
    .row--mainList .news-item .ni-title { margin-bottom: 0; }

    .row--house .news-item .ni-title,
    .row--black .news-item .ni-title a,
    .row--westminster .news-item .ni-title a { font-size: 19px; line-height: 1.35em; }

    .row.row--grey { padding: 25px; }
    .row.row--black,
    .row.row--green { padding: 25px 25px 5px; }

    .row.row--house { padding: 95px 0 0; }
    .row--house:before { height: 80px; background-position: 25px center; background-size: 200px auto; }
    .row--house .news-title { top: 25px; right: 25px; }

    .row--westminster .news-list .news-item { margin: 0 0 20px; }

    .row.row--houseWestminster { padding-top: 0; }
    .row--houseWestminster:before { font-size: 14px; left: 0; right: 0; width: auto; height: auto; }
    .row--houseWestminster .news-title { top: 14px; right: 20px; }

    .westLive-p { font-size: 15px; }

    .row.row--authorInfo { margin-bottom: 25px; }
    .row--authorInfo .ra-image { width: 70px; height: 70px; }

    .main-content + .row--events { margin-top: 30px; }

    .cols--featured { overflow: unset; }
}

@media screen and (max-width: 380px) {
    .row.row--grey { padding: 25px 16px; }
    .row.row--black,
    .row.row--green { padding: 25px 20px 2px; }

    .row--house:before { background-size: 180px auto; }
}

@media screen and (max-width: 360px) {
    .news-item .ni-tag { font-size: 9px; }
}

@media screen and (max-width: 340px) {
    .row--westminster .news-title .nt-cat { width: 177px; height: 22px; background-size: 177px 22px; }
    .row--westminster .news-title .nt-link { padding: 18px 0 0; }
}


/* = News columns
----------------------------------------------------------------------------------------------------------------- */
.col { float: left; }
.col--75 { width: calc(100% - 330px); margin-right: 30px; }
.col--25 { width: 300px; }
.col--60 { width: calc(100% - 430px); margin-right: 30px; }
.col--40 { width: 400px; }
.col--50 { width: calc(100% - 650px); margin-right: 25px; }

.col > .row { margin: 0; }

.cols--featured .col--25 { margin-right: 25px; position: relative; }
.cols--featured .col:last-child { margin-right: 0; }

@media screen and (min-width: 1081px) and (min-height: 551px) {
 .col--25--sticky { top:25px;  position: -webkit-sticky; position: sticky; -webkit-transition:top .3s ease; transition:top .3s ease; }

 .stickyOn   .col--25--sticky { top:65px;  }

}

@media screen and (max-width: 1360px) {
    .col--60 { width: calc(100% - 380px); margin-right: 30px; }
    .col--40 { width: 350px; }

    .cols--featured .col--50 { width: calc(100% - 600px); }
    .cols--featured .col--25 { width: 275px; }
}

@media screen and (max-width: 1200px) {
    .col--60 { width: calc(100% - 330px); margin-right: 30px; }
    .col--40 { width: 300px; }

    .cols--featured .col--50 { width: calc(100% - 570px); }
    .cols--featured .col--25 { width: 260px; }
}

@media screen and (max-width: 1080px) {
    .col--75,
    .col--25,
    .col--60,
    .col--40 { width: 100%; }

    .col--60,
    .col--75 { margin: 0 0 20px; }

    .cols--featured .col--50 { width: calc(100% - 325px); margin-right: 25px; }
    .cols--featured .col--25 { width: 300px; margin: 0; }
    .cols--featured .col--25:last-child { width: 100%; margin-top: 15px; clear: both; }
}

@media screen and (max-width: 950px) {
    .cols--featured .col--50 { width: calc(100% - 300px); }
    .cols--featured .col--25 { width: 275px; }
}

@media screen and (max-width: 850px) {
    .cols--featured .col--50,
    .cols--featured .col--25 { float: none; width: 100%; margin-bottom: 10px; }
    .cols--featured .col--25:last-child { margin: 0; }
}

/* = News Hub
----------------------------------------------------------------------------------------------------------------- */
.row--hubInfo .rh-info span { margin-left: 15px; font-size: 0.65em; color: #00a3a6;} 
.row--hubInfo .rh-sub {margin-bottom: 5px;}
.row--hubInfo .rh-info a { color: #00a3a6; }
.row--hubInfo .rh-info .icon:before {padding:0 8px 0 0;}

@media screen and (max-width: 1080px) and (min-width: 601px) {
    .hs-logo { width:calc(50% - 20px); margin-right: 40px; float:left;  }
    .hs-summ { width:calc(50% - 20px); float:left;  }
    .hub-side hr { display: none;}
}

@media screen and (max-width: 750px) {
    .row--hubInfo .rh-info span { display: block; margin:20px 0;     line-height: 1; }
}

@media screen and (max-width: 480px) {
.row--hubInfo .rh-sub {font-size: 15px;}
}

@media screen and (max-width: 400px) {
    .row--hubInfo .rh-sub {font-size: 14px;}
 }

/* = Events list
----------------------------------------------------------------------------------------------------------------- */
.events-list .event-item { width: calc(25% - 7.5px); margin: 0 10px 10px 0; position: relative; }
.events-list .event-item > a { display: block; }
.events-list .event-item:nth-child(4n+1) { clear: left; }
.events-list .event-item:nth-child(4n+4) { margin-right: 0; clear: right; }

.events-list--x2 .event-item { width: calc(50% - 5px); }
.events-list--x2 .event-item:nth-child(odd) { clear: left; }
.events-list--x2 .event-item:nth-child(even) { margin-right: 0; clear: right; }

.event-item .ei-image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.event-item .ei-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; z-index: 0; }
.event-item .ei-image:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.4; z-index: 1; }
.event-item .ei-image:after { content: ''; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #00A3A6; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; z-index: 1; }
.event-item > a:hover .ei-image:after { opacity: 1; }
.event-item .ei-content { padding: 50px 25px 45px; text-align: center; position: relative; z-index: 1; }

.event-item .ei-date { margin: 0 auto 20px; padding: 12px 0; width: 70px; border: 1px solid #fff; font-size: 16px; text-align: center; color: #fff; font-weight: 700; }
.event-item .ei-date span { display: block; color: #fff; text-transform: uppercase; }
.event-item .ei-loc { font-size: 15px; color: #fff; font-weight: 600; }
.event-item .ei-title { line-height: 1.4em; margin: 15px 0 0; color: #fff; }

@media screen and (min-width: 1081px) {
    .events-list--x3 .event-item,
    .events-list--x3 .event-item:nth-child(4n+4) { width: calc(33.333% - 10px); margin: 0 15px 15px 0; }
    .events-list--x3 .event-item:nth-child(3n+1) { clear: left; margin-right: 15px; }
    .events-list--x3 .event-item:nth-child(3n+3) { margin-right: 0; clear: right; }

    .events-list--x3 .event-item .ei-content { padding: 70px 25px 65px; }
}

@media screen and (max-width: 1080px) {
    .events-list .event-item { width: calc(50% - 5px); }
    .events-list .event-item:nth-child(odd) { clear: left; }
    .events-list .event-item:nth-child(even) { margin-right: 0; clear: right; }

    .event-item .ei-title { min-height: 100px; }
}

@media screen and (max-width: 480px) {
    .events-list .event-item { float: none; width: 100%; margin: 0 0 10px; }
    .events-list .event-item:last-child { margin-bottom: 0; }

    .event-item .ei-title { min-height: 0; }
}

@media screen and (max-width: 480px), screen and (min-width: 481px) and (max-width: 650px) {
    .event-item .ei-title { font-size: 20px; }
    .event-item .ei-loc { font-size: 14px; }
    .event-item .ei-date { width: 64px; font-size: 14px; }
}

@media screen and (min-width: 481px) and (max-width: 650px), screen and (max-width: 400px) {
    .event-item .ei-content { padding: 40px 20px 35px; }
}

@media screen and (min-width: 481px) and (max-width: 600px), screen and (max-width: 360px) {
    .event-item .ei-content { padding: 35px 16px; }
    .event-item .ei-title { font-size: 18px; }
    .event-item .ei-loc { font-size: 13px; }
    .event-item .ei-date { width: 62px; font-size: 13px; }
}

/* = CTA Blocks
----------------------------------------------------------------------------------------------------------------- */
.cta-block { margin: 20px 0; padding: 20px; position: relative; display: block; }
.cta-block:first-child { margin-top: 0; }
.cta-block:last-child { margin-bottom: 0; }
.col--25 .cta-block:last-child { margin-bottom: 15px; }

.cta-block + .cta-block { margin-top: 20px; }

.cta-block *:not(.btn) { z-index: 1; position: relative; color: #fff; }
.cta-block--blackText *:not(.btn) { color: #1D1D1C; }

.cta-block .h2,
.cta-block .h3,
.cta-block .h4 { margin-bottom: 10px; }
.cta-block > a { display: block; }

.cta-block p:last-child,
.cta-block ul:last-child { margin-bottom: 0; }
.cta-block ul li:last-child { margin-bottom: 5px; }
.cta-block p:last-child .btn { margin-bottom: 6px; }

.cta-block .cta-bottom { position: absolute; left: 0; bottom: 0; padding: 24px 20px; }
.cta-block .cta-bottom > * { display: table-cell; vertical-align: middle; }
.cta-block .cta-bottom .btn { margin: 0 0 5px 5px; white-space: nowrap; }
.cta-block .cta-bottom p { padding-right: 10px; line-height: 1.5em; }

.cta-block .cta-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center; background-size: cover; z-index: 0; }
.cta-block .cta-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.2; }
.cta-block .cta-img--memb:before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; mix-blend-mode: multiply; background: #00A3A6; }
.cta-block .cta-img--memb:after { opacity: 0.8; background: -moz-linear-gradient(45deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.5) 54%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(45deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 54%,rgba(0,0,0,0) 100%); background: linear-gradient(45deg, rgba(0,0,0,0.75) 0%,rgba(0,0,0,0.5) 54%,rgba(0,0,0,0) 100%); }
.no-backgroundblendmode .cta-block .cta-img--memb:before { opacity: 0.5; }

.cta-block--square { padding: 24px 20px; min-height: 285px; padding-bottom: 80px; }

.cta-block.cta-block--podcast { padding: 20px 15px; background: #1D1D1C; }
.cta-block--podcast p { font-size: 13px; }
.cta-block--podcast img { margin-bottom: 10px; }

.cta-block.cta-block--magLong { display: -ms-flexbox; display: -webkit-flex; display: flex; padding: 25px; background: #d9eae5; }
.cta-block--magLong img { width: 100%; }
.cta-block--magLong .btn { margin-bottom: 8px; background: #007451; border-color: #007451; }
.cta-block--magLong li a { display: block; }
.cta-block--magLong li a:hover { text-decoration: underline; }
.ctaMag-top p { font-weight: 600; margin-bottom: 15px; }
.ctaMag-mid { margin: 20px 0; }

.pc-listen { position: relative; text-align: right; }
.pc-listen .icon { display: inline-block; vertical-align: middle; line-height: 1; }
.pc-listen .icon:first-child { margin-top: 2px; }
.pc-listen .icon--mic { font-size: 24px; margin-left: 10px; }
.pc-listen .icon--chevRight:after { font-size: 1.25em; color: #a2a2a2; padding-left: 4px; padding-bottom: 2px; line-height: 1; vertical-align: middle; }

.cta-block--westCal .h2 { padding-top: 55px; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/icon-calendar.svg) no-repeat 0 0; background-size: 40px auto; }

.cta-block.cta-block--promo { padding: 0; max-width: 600px; margin: 30px auto; }
.av-rc .cta-block.cta-block--promo { max-width: 680px; }

.cta-block.cta-block--promo:first-child { margin-top: 0; }
.cta-block--promo > a { display: block; }
.cta-block--promo .promo-title { padding: 4px 10px; font-size: 11px; text-transform: uppercase; text-align: center; color: rgba(29, 29, 28, 0.7); background: #e5e5e5; }
.cta-block--promo .promo-content { padding: 25px; text-align: center; background: #f6f6f6; }
.cta-block--promo h5 { margin-bottom: 15px; }
.cta-block--promo .pc-img { margin-bottom: 10px; }

@media screen and (min-width: 1081px) and (min-height: 650px) {
    .csspositionsticky .col--25 .cta-block:last-child,
    .csspositionsticky .col--25 .col--ad:last-child { position:-webkit-sticky; position: sticky; top: 30px; }

    .csspositionsticky .stickyOn  .col--25 .cta-block:last-child, 
    .csspositionsticky .stickyOn  .col--25 .col--ad:last-child { top: 70px; }
}

@media screen and (max-width: 1080px) {
    .cta-block:first-child { margin-top: 0; }
    .cta-block:last-child { margin-bottom: 10px; }
    .cta-block--promo:last-child { margin-bottom: 15px; }
}

@media screen and (min-width: 481px) and (max-width: 1080px) {
    .col--25 .cta-block--promo .promo-content { text-align: left; }
    .col--25 .cta-block--promo .pc-img { float: left; width: 175px; margin: 0 20px 0 0; }
    .col--25 .cta-block--promo .pc-info { float: left; width: calc(100% - 195px); }
}

@media screen and (min-width: 481px) and (max-width: 850px) {
    .av-rc .cta-block--promo .promo-content { text-align: left; }
    .av-rc .cta-block--promo .pc-img { float: left; width: 175px; margin: 0 20px 0 0; }
    .av-rc .cta-block--promo .pc-info { float: left; width: calc(100% - 195px); }
}

@media screen and (max-width: 1080px) and (min-width: 601px) {
    .cta-block { padding: 40px; }
    .cta-block--square { padding: 40px; padding-bottom: 100px; }
    .cta-block .cta-bottom { padding: 40px; }
}

@media screen and (max-width: 600px) and (min-width: 400px) {
    .cta-block { padding: 30px; }
    .cta-block--square { padding: 30px; padding-bottom: 90px; }
    .cta-block .cta-bottom { padding: 30px; }
}

@media screen and (max-width: 850px) {
    .cta-block--magLong,
    .col--25 .cta-block--magLong:last-child { margin-bottom: 30px; }

    .ctaMag-top { float: left; width: 250px; margin: 0 15px 0 0; }
    .ctaMag-mid { float: left; width: 150px; margin: 0 15px 0 0; }
    .ctaMag-bot { float: left; width: calc(100% - 430px); }
}

@media screen and (max-width: 750px) {
    .ctaMag-top { width: 175px; }
    .ctaMag-bot { width: calc(100% - 355px); }
}

@media screen and (max-width: 600px) {
    .ctaMag-top { width: 51%; margin: 0; order: 2; }
    .ctaMag-mid { width: 45%; margin: 0 4% 0 0; order: 1 }
    .ctaMag-bot { float: none; width: 100%; margin: 20px 0 0; order: 3; }
}

@media screen and (max-width: 480px) {
    .ctaMag-top { width: calc(100% - 175px); }
    .ctaMag-mid { width: 160px; margin-right: 15px; }

    .cta-block:last-child { margin-bottom: 5px; }
    .cta-block--magLong .btn { padding: .5em 1.25em; }

    .cta-block--promo .promo-content { text-align: center; padding: 30px; }
    .cta-block--promo .pc-img { float: none; width: 100%; }
    .cta-block--promo .pc-info { float: none; width: 100%; }
}

@media screen and (max-width: 440px) {
    .cta-block.cta-block--magLong { padding: 20px; }

    .ctaMag-top { width: calc(100% - 140px); }
    .ctaMag-mid { width: 125px; margin-right: 15px; }
    .ctaMag-bot { margin: 15px 0 0; font-size: 13px; }
}

@media screen and (max-width: 400px) {
    .cta-block--promo .promo-content { padding: 25px; }

    .cta-block--magLong .leader { font-size: 15px; }
}

@media screen and (max-width: 360px) {
    .ctaMag-top { width: calc(100% - 115px); }
    .ctaMag-mid { width: 100px; margin-right: 15px; }
}

@media screen and (max-width: 340px) {
    .ctaMag-top { width: calc(100% - 105px); }
    .ctaMag-mid { width: 90px; margin-right: 15px; }
}

/* = CTA Banners
----------------------------------------------------------------------------------------------------------------- */
.cta-banner { margin: 40px 0; }
.cta-banner:last-child,
.cta-banner.cta-banner--false-last { margin-bottom: 10px; }

.cta-banner { position: relative; background: #f6f6f6; }
.cta-banner > a { display: block; color: #1d1d1c; }

.ctab-img { position: absolute; top: 0; left: 0; width: 50%; height: 100%; overflow: hidden; }
.ctab-img img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }
.ctab-content { margin-left: 50%; padding: 50px; min-height: 300px; text-align: center; position: relative; }
.ctab-content p:last-child { margin: 0 0 5px; }
.ctab-content .btn { margin-top: 5px; }

@media screen and (max-width: 1080px) {
    .cta-banner { margin: 35px 0; }
}

@media screen and (max-width: 1200px) and (min-width: 651px) {
    .ctab-content { padding: 40px; }
}

@media screen and (max-width: 950px) and (min-width: 651px) {
    .ctab-content { padding: 40px 30px; }
    .ctab-content .h2 { font-size: 26px; }
}

@media screen and (max-width: 850px) {
    .cta-banner { margin: 30px 0; }
}

@media screen and (max-width: 750px) and (min-width: 651px) {
    .ctab-content { padding: 30px 25px; }
    .ctab-content .h2 { font-size: 24px; margin-bottom: 15px; }
}

@media screen and (max-width: 650px) {
    .ctab-img { position: relative; width: 100%; height: 0; padding-top: 50%; }
    .ctab-img img { position: absolute; top: 0; left: 0; }

    .ctab-content { margin: 0; min-height: 0; width: 100%; padding: 40px; }
}

@media screen and (max-width: 480px) {
    .ctab-content { padding: 30px 25px; }
    .ctab-content .h2 { font-size: 28px; }
}

@media screen and (max-width: 440px) {
    .ctab-content .h2 { font-size: 26px; margin-bottom: 15px; }
}

@media screen and (max-width: 400px) {
    .cta-banner:last-child { margin-bottom: 5px; }

    .ctab-content { padding: 25px 20px; }
    .ctab-content .h2 { font-size: 24px; }
    .ctab-content p { margin-bottom: 15px; }
}

/* = Hero banners
----------------------------------------------------------------------------------------------------------------- */
.hero { position: relative; height: 0; margin-bottom: 40px; padding-top: 410px; background: #666 url(/) center no-repeat; }
.hero--large { padding-top: 580px; }

.hero-img { position: absolute; top: 0; left: 0; height: 100%; width: 100%; }
.hero-img img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; }
.hero-img:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1f1f1f; opacity: 0.45; }

.hero-content { position: absolute; top: 50%; left: 50%; margin-left: -640px; width: 1280px; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.hero-content h1 { margin-bottom: 15px; color: #fff; max-width: 710px; }
.hero-content h1 a { color: #fff; }
.hero-content h1 a:hover { text-decoration: underline; }
.hero-content p { font-size: 1.2em; max-width: 600px; color: #eee; font-family: 'Open Sans', sans-serif; }
.hero-content p:last-child { margin-bottom: 0; }
.hero-content .hc-leader { font-size: 1.375em; }

@media screen and (min-width: 701px) {
    .hero-content h1 { font-size: 34px; }
}

@media screen and (min-width: 1025px) {
    .hero-content h1 { font-size: 36px; }
}

@media screen and (min-width: 1201px) {
    .hero-content h1 { font-size: 42px; }
}

@media screen and (min-width: 1301px) {
    .hero-content h1 { font-size: 44px; }
}

@media screen and (max-width: 1450px) {
    .hero-content { margin: 0 60px; width: auto; left: 0; }
}

@media screen and (max-width: 1320px) {
    .hero { padding-top: 375px; }
}

@media screen and (max-width: 1080px) {
    .hero { margin-bottom: 35px; }
}

@media screen and (max-width: 1024px) {
    .hero { padding-top: 350px; }
    .hero-content { margin: 0 50px; }
    .hero-content p { font-size: 1.15em; }
}

/* @media screen and (max-width: 850px) {
    .hero {  margin-bottom: 30px; }
} */

@media screen and (max-width: 750px) {
    .hero { padding-top: 325px; }
    .hero-content { margin: 0 40px; }
}

@media screen and (max-width: 600px) {
    .hero { padding-top: 300px; }
    .hero-content { margin: 0 30px; }
}

@media screen and (max-width: 480px) {
    .hero { padding-top: 275px; }
    .hero-content { margin: 0 25px; }
}

@media screen and (max-width: 400px) {
    .hero { padding-top: 250px; }
    .hero-content { margin: 0 20px; }
}

/* = Twitter card
----------------------------------------------------------------------------------------------------------------- */
.twitter-card:first-child,
.twitter-card:first-of-type { margin-top: 0; }

.twitter-card { position: relative; margin: 35px auto; max-width: 600px; }
.twitter-card .tc-handle { position: relative; display: inline-block; vertical-align: middle; margin: 0 0 15px; font-size: 16px; font-weight: 700; color: #1d1d1c; }
.twitter-card .tc-handle:hover { text-decoration: underline; }
.twitter-card .tc-handle:before { display: inline-block; vertical-align: middle; content: ''; width: 45px; height: 45px; position: relative; margin-right: 10px; border-radius: 50%; background-size: cover; background-repeat: no-repeat; text-decoration: none; }
.twitter-card .tc-handle--house:before { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/house-twitter.jpg); }
.twitter-card p { font-weight: 600; }

@media screen and (min-width: 1081px) {
    .twitter-card:first-child { padding-top: 40px; border-top: 3px solid #1d1d1c; }
}

@media screen and (max-width: 1080px) {
    .twitter-card { padding: 40px; border: 1px solid #ccc; }
}

@media screen and (max-width: 600px) {
    .twitter-card { margin: 30px auto; padding: 30px 35px; }
    .twitter-card:first-child { margin-top: 5px; }
}

@media screen and (max-width: 400px) {
    .twitter-card { padding: 25px; }
}


/* = Articles views
----------------------------------------------------------------------------------------------------------------- */
.av-lc { float: left; width: 325px; margin-right: 25px; }
.av-main { float: left; width: calc(100% - 700px); }
.av-rc { float: left; width: 325px; margin-left: 25px; }

.av-article { overflow: hidden; }
.av-article h1 { font-size: 30px; line-height: 1.35em; }

.av-article > p,
.av-article > ul,
.av-article > ol,
.av-article  .accordion p,
.av-article  .accordion ul,
.av-article  .accordion ol  { font-size: 16px; line-height: 1.75em; }


.av-article > p.leader { font-size: 18px; font-weight: 600; }
.av-standfirst p { font-weight: 600; font-size: 18px; line-height: 1.75em; }
.av-standfirst br,
.av-standfirst > p:empty { display: none; }

.av-related { padding-bottom: 25px; margin: 30px 0; border-bottom: 1px solid #1D1D1C; }

.av-featImg { margin-bottom: 20px; }
.av-featImg .img-caption { font-size: 11px; margin: 8px 0 0; }

.av-main-img { height: 0; padding-top: 50%; position: relative; background: #ddd url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/placeholders/img-placeholder-bg-opt.svg) no-repeat center; background-size: 35% auto; }
.av-main-img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }

.av-share { display: none; position: absolute; top: 10px; left: 10px; min-width: 30px; min-height: 115px; padding: 5px; border-radius: 20px; background: #aaaaa9; background: rgba(29, 29, 28, 0.25); }
.av-share .at-share-tbx-element .at-share-btn { display: block; margin: 6px 0; background: none !important; }
.av-share .at-share-tbx-element .at-share-btn:focus,
.av-share .at-share-tbx-element .at-share-btn:hover { -webkit-transform: none; transform: none; outline: none; }
.av-share .at-share-tbx-element .at-share-btn:hover .at-icon { fill: #00a3a6 !important; }

.av-mostRecent { padding: 20px 25px; background: #f5f5f5; }
.av-mostRecent p { font-size: 16px; line-height: 1.7em; margin: 0; }
.av-mostRecent a { font-weight: 700; text-decoration: underline; color: #1D1D1C; }
.av-mostRecent a:hover { color: #00a3a6; }

.av-tags { margin-top: 20px; }
.av-tags + .av-tags { margin-top: 15px; }
.av-tags a { display: inline-block; padding: 3px 10px 4px; border-radius: 10px; -webkit-border-radius: 10px; margin: 0 5px 8px 0; font-size: 11px; font-weight: 600; color: #4a4a49; background: #d9f1f2; -webkit-transition: all .3s ease; transition: all .3s ease; }
.av-tags a:hover { background: #00a3a6; color: #fff; }
.av-tagTitle { text-transform: uppercase; font-size: 11px; font-weight: 700; letter-spacing: 1px; margin-bottom: 8px; }

.av-author { margin: 20px 0; }
.av-author > div { display: inline-block; vertical-align: middle; }
.av-authImg { width: 54px; height: 54px; margin: 0 10px 0 0; }
.av-authImg img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; }
.av-authInfo p { margin: 0; }
.av-authName { font-size: 15px; font-weight: 700; margin-bottom: 10px; }
.av-authTwitter a { color: #1D1D1C; }
.av-authTwitter a:hover { color: #00a3a6; text-decoration: underline; }
.av-authTwitter a:before { text-decoration: none; padding-right: 5px; }

.av-subTitle { font-weight: 600; }

.av-meta { margin: 20px 0; }
.av-meta span { font-size: 13px; opacity: .75; float: left; }
.av-meta .av-readTime { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc; }
.av-meta .av-promoTag { font-size: 11px; margin: -2px 0 0 15px; padding: 3px 10px 4px; color: #fff; opacity: 1; background: #00a3a6; -webkit-border-radius: 3px; border-radius: 3px; }
.av-meta .av-promoTag a { color: #fff; }

.av-date .icon { padding-right: 5px; opacity: .9; }

.article-view + .row .cta-block--promo:last-child { margin-bottom: 0 }

.connatix-articles { margin-top: 40px; padding-top: 40px; border-top: 2px solid #d2d2d2; }
.connatix-articles .connatix { max-width: 680px !important; }

.dianomi-articles { margin-top: 30px; }

.av-keyInfo { display: none; position: relative; border-top: 1px solid #00a3a6; border-bottom: 1px solid #00a3a6; }

.av-event-details:before { content: ""; display: block; height: 20px; margin: -20px 0 0; }

.av-article > .av-keyInfo > a:not(.btn) { display: block; text-decoration: none; font-weight: 600; color: #1d1d1c; }

.av-box { margin: 15px 0; padding: 40px 20px 20px; background: #f6f6f6; border-top: 3px solid #1d1d1c; position: relative; }
.av-box:first-child { margin-top: 0; }
.av-box .avb-title { display: inline-block; position: absolute; top: 0; left: 0; padding: 0 10px 4px; font-weight: 600; color: #fff; background-color: #1d1d1c; }
.av-box:not(.av-box--contact) .avb-content { font-weight: 600; color: #00a3a6; font-size: 16px; }
.avb-content p:last-child { margin-bottom: 0; }

.av-box--associated .avb-content { padding: 10px 20px; }
.av-box--associated .avb-content img { width: auto; }

.avb-content img { display: block; margin: 0 auto; }
.avb-content img + img { margin-top: 18px; }

.av-lc .news-list + .news-title { margin-top: 20px; }

@media screen and (min-width: 851px) {
    .csspositionsticky .article-view--members .av-rc .cta-block:last-child,
    .csspositionsticky .article-view--members .av-rc .col--ad:last-child { position: -webkit-sticky; position: sticky; top: 30px; }

    .csspositionsticky .stickyOn .article-view--members .av-rc .cta-block:last-child,
    .csspositionsticky .stickyOn .article-view--members .av-rc .col--ad:last-child {  top: 70px; }
}

@media screen and (min-width: 1025px) {
    .av-share { display: block; }
}

@media screen and (max-width: 1320px) {
    .av-lc,
    .av-rc { width: 300px; }
    .av-main { width: calc(100% - 650px); }
}

@media screen and (max-width: 1320px) and (min-width: 1081px) {
    .av-article h1 { font-size: 2.5vw; }
}

@media screen and (max-width: 1260px) {
    .av-lc,
    .av-rc { width: 275px; }
    .av-main { width: calc(100% - 600px); }
}

@media screen and (max-width: 1080px) {
    .av-main { width: calc(100% - 325px); margin-right: 25px; order: 1; }
    .av-rc { width: 300px; margin: 0; order: 2; }
    .av-lc { width: 100%; margin: 40px 0 0; order: 3; }

    .article-view--members .av-lc { margin: 0 0 30px; order: 1; }

    .av-article > p:last-child { margin-bottom: 0; }
}

@media screen and (max-width: 1080px) and (min-width: 851px) {
    .av-lc .news-list--sqThumb .news-item:nth-child(odd),
    .av-lc .news-list--sqThumb .news-item:nth-child(even) { width: 48.5%; margin: 0 3% 3% 0; clear: none; }
    .av-lc .news-list--sqThumb .news-item:nth-child(odd) { clear: left; }
    .av-lc .news-list--sqThumb .news-item:nth-child(even) { margin-right: 0; clear: right; }
}

@media screen and (max-width: 950px) {
    .article-view--events .av-lc { display: none; }
}

@media screen and (max-width: 850px) {
    .av-main,
    .av-rc { width: 100%; margin: 0 auto; max-width: 650px; }
    .av-main { float: none; margin-bottom: 40px; }
    .av-lc, .av-rc { float: none; }
    .av-rc .cta-block:last-child { margin-bottom: 0; }

    .article-view--members .av-main,
    .article-view--members .av-rc { max-width: 100%; }

    .av-keyInfo { display: block; }
}

@media screen and (max-width: 600px) {
    .av-article h1 { font-size: 28px; }
    .av-standfirst p { font-size: 17px; }

    .av-lc .news-list + .news-title { margin-top: 25px; }

    .connatix .cnx-hl-logo-container { max-width: 80%; }
}

@media screen and (max-width: 480px) {
    .av-main { margin-bottom: 35px; }
    .av-lc { margin-top: 35px; }

    .connatix-articles { margin-top: 35px; padding-top: 35px; }

    .av-article h1 { font-size: 26px; }
}

@media screen and (max-width: 440px) {
    .av-article h1 { font-size: 24px; }
}

@media screen and (max-width: 400px) {
    .av-article h1 { font-size: 22px; }

    .av-article > p,
    .av-mostRecent p,
    .av-article > ul,
    .av-article > ol,
    .av-article .accordion p,
    .av-article .accordion ul,
    .av-article .accordion ol  { font-size: 15px; }

    .av-article > p.leader,
    .av-standfirst p { font-size: 16px; }

    .av-related { margin: 25px 0; padding-bottom: 22px; border-bottom: 1px solid rgba(29, 29, 28, 0.75); }
    .av-authImg { width: 45px; height: 45px; margin: 0 8px 0 0; }
    .av-authName { font-size: 14px; }
    .av-authTwitter { font-size: 13px; }
    .av-mostRecent { padding: 20px 22px; }

    .connatix-articles { margin-top: 32px; padding-top: 30px; }

    .av-box--associated .avb-content { padding: 5px 20px; }
}

/* = Members directory
----------------------------------------------------------------------------------------------------------------- */
.members-directory { max-width: 1160px; margin-left: auto; margin-right: auto; }
.member-search { display: table; width: 100%; margin: 0 0 30px; padding: 25px; background: #f5f5f5; }

.ms-box { display: table-cell; vertical-align: middle; width: 300px; padding-right: 25px; position: relative; }
.ms-box .btn { display: block; position: absolute; top: 0; height: 100%; right: 25px; width: 42px; padding: 0; background: none; border: none; }
.ms-box .btn span { position: absolute; top: 50%; left: 50%; line-height: 1; color: #1d1d1c; text-align: center; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.ms-box .btn .icon--close { display: none; }
.ms-box input.text { float: none; width: 100%; border-radius: 20px; padding: .608em 1em; padding-right: 42px; background: #fff; }

.ms-alpha { display: table-cell; vertical-align: middle; width: calc(100% - 300px); }
.ms-alpha ul { display: table; width: 100%; margin: 0; padding: 0; list-style: none; }
.ms-alpha ul li { display: table-cell; text-align: center; }
.ms-alpha ul li:last-child { margin-right: 0; }
.ms-alpha ul li a { color: #00A3A6; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: solid 1px #dadada; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1.0, 1.0); transform: translateZ(0); position: relative; }
.ms-alpha ul li a:hover { -webkit-transform: scale(1.2); transform: scale(1.2); background: #00A3A6; color: #fff; border-color: #00A3A6; z-index: 1; }
.ms-alpha ul li a.on { background: #00A3A6; color: #fff; border-color: #00A3A6; }
.ms-alpha ul .members-disabled span { color: #fff; display: block; width: 28px; height: 28px; line-height: 28px; text-align: center; background: #fff; border: solid 1px #ddd; background: #ddd; }

.ml-sub { width: auto; margin: 0 100px 30px; }
.ml-sub:last-child { margin-bottom: 0; }
.ml-sub:last-child .member-item:last-child { padding-bottom: 5px; }

.ml-divide { height: 22px; border-top: 1px solid #1d1d1c; position: relative; }
.ml-letter { position: absolute; top: 21px; left: 0; display: block; width: 24px; height: 24px; line-height: 22px; font-size: 17px; font-weight: 700; text-align: center; border: 1px solid #1d1d1c; }

.mi-profile > a { display: block; color: #1d1d1c; }
.member-item { padding: 10px 0; border-top: 1px solid #d2d2d2; }
.member-item.hide { display: none; }
.member-item > div { float: left; width: calc(50% - 10px); margin-right: 20px; }
.member-item > div:last-child { margin: 0; }
.member-item mark { background: #befafb; }

.mi-image { float: left; width: 100px; height: 100px; padding: 10px; border: 1px solid #ddd; position: relative; overflow: hidden; }
.mi-image img { top: 50%; position: relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.mi-content { float: left; width: calc(100% - 112px); margin-left: 12px; }
.mi-content p { font-weight: 600; line-height: 1.5em; }
.mi-content p:last-child { margin-bottom: 0; }
.mi-content .mi-title { font-size: 16px; font-weight: 700; margin: 0 0 8px; }

.mi-profile > a:hover .mi-content .mi-title { text-decoration: underline; }

.mi-article { padding: 15px; background: #f5f5f5; }
.mi-article .mia-latest { line-height: 1; margin: 0 0 13px; font-weight: 700; }
.mi-article .mia-image { float: left; width: 80px; height: 80px; margin-right: 10px; }
.mi-article .mia-content { float: left; width: calc(100% - 90px); }
.mi-article .mia-content.mia-content--noImg { width: 100%; }
.mi-article > a { display: block; color: #1d1d1c; }
.mi-article > a:hover p:last-child { text-decoration: underline; }
.mi-article p { margin-bottom: 10px; font-weight: 600; line-height: 1.5em; }
.mi-article p:last-child { margin-bottom: 0; }
.mia-meta span { float: left; }
.mi-article .mi-date { padding-right: 8px; margin-right: 8px; border-right: 1px solid #ccc; font-size: 13px; opacity: .8; }
.mi-article .mi-cat { display: inline-block; font-size: 11px; line-height: 1; padding: 4px 10px 5px; color: #484848; background: #d9f1f2; -webkit-border-radius: 10px; border-radius: 10px; }

.members-list .ml-noResults { display: none; }

@media screen and (max-width: 1200px) {
    .ml-sub { margin: 0 75px 30px; }

    .member-search { display: block; }
    .ms-box { display: block; float: left; width: 275px; padding-right: 25px; }
    .ms-alpha { float: left; display: block; margin: 3px 0 0; width: calc(100% - 275px); }
    .ms-alpha ul { display: block; }
    .ms-alpha ul li { float: left; margin: 2px 4px 2px 0; }
}

@media screen and (max-width: 1024px) {
    .ml-sub { margin: 0 0 30px 60px; }
}

@media screen and (max-width: 750px) {
    .member-item { padding: 15px 0; }
    .member-item:last-child { padding-bottom: 0; }
    .member-item > div { float: none; width: 100%; margin-right: 0; }
    .mi-profile { margin-bottom: 10px; }

    .ms-box { float: none; width: 100%; padding: 0; }
    .ms-box .btn { right: 0; }
    .ms-alpha { float: none; margin: 10px 0 0; width: 100%; }
    .ms-alpha ul li { margin: 5px 5px 0 0; }
}

@media screen and (max-width: 600px) {
    .ml-sub { margin: 0 0 30px 50px; }
    .ms-alpha ul li { margin: 4px 4px 0 0; }
    .ms-alpha ul li a { line-height: 27px; font-size: 13px; }
}

@media screen and (max-width: 400px) {
    .member-search { padding: 20px; margin: 0 0 25px; }

    .ml-sub { margin: 0 0 25px; }
    .ml-divide { height: auto; }
    .ml-letter { position: relative; top: 0; width: 100%; margin: 10px auto; line-height: 24px; height: 26px; font-size: 16px; text-align: center; border: none; background: #d9f1f2; }

    .mi-image { width: 80px; height: 80px; padding: 6px; }
    .mi-content { width: calc(100% - 90px); margin-left: 10px; }
    .mi-content .mi-title { line-height: 1; }

    .mi-article .mia-image { width: 65px; height: 65px; }
    .mi-article .mia-content { width: calc(100% - 75px); }
    .mi-article p { font-weight: normal; }
}

@media screen and (max-width: 340px) {
    .ms-alpha ul li a { width: 27px; height: 27px; line-height: 26px; }
}

/* = Members view
----------------------------------------------------------------------------------------------------------------- */
.member-bio { margin-bottom: 25px; }
.member-bio .mb-logo { text-align: center; margin: 0 auto; }
.member-bio .mb-logo img { margin: 16px 0; }
.member-bio p { margin-bottom: 10px; }
.member-bio hr { display: block; width: 100%; margin: 20px 0; border-top: 1px solid #ddd; }
.member-bio .mb-address,
.member-bio .mb-links { font-size: 15px; line-height: 1.5em; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }
.member-bio .mb-links a { color: #1d1d1c; text-decoration: underline; overflow-wrap: break-word; word-wrap: break-word; word-break: break-word; }

.member-bio .mb-contact p:first-child { margin: 0 0 5px; }
.member-bio .mb-social { margin: 15px 0 0; }
.member-bio .mb-social a { font-size: 16px; display: inline-block; vertical-align: middle; color: #1d1d1c; margin-right: 16px; }
.member-bio .mb-social a:hover { color: #00a3a6; }
.member-bio .mb-aboutLink a { font-weight: 700; color: #1d1d1c; }
.member-bio .mb-aboutLink a:hover { color: #00a3a6; }

.members-nav .mn-toggle { display: none; float: right; width: 30px; height: 30px; line-height: 30px; text-align: right; }
.members-nav ul { list-style: none; margin: 0; padding: 0; }
.members-nav ul li { position: relative; margin: 0 0 12px; padding-left: 16px; }
.members-nav ul li:before { content: ''; position: absolute; top: 4px; left: 0; width: 6px; height: 14px; background: #c1c1c1; }
.members-nav ul li a { display: block; color: #1d1d1c; font-weight: 600; }
.members-nav ul li a:hover { text-decoration: underline; }
.members-nav ul li:hover:before { background: #1d1d1c; opacity: .7; }
.members-nav ul li.liOn:before { background: #00a3a6; }

@media screen and (max-width: 1080px) {
    .member-bio hr { display: none; }
    .mb-cols > div { float: left; }
    .mb-cols .mb-logo { width: 220px; padding-right: 30px; margin: 0 35px 0 0; border-right: 1px solid #ddd; }
    .mb-cols .mb-contact { width: 225px; padding-right: 30px; margin: 0 35px 0 0; border-right: 1px solid #ddd; }
    .mb-cols .mb-summ { width: calc(100% - 550px); }

    .members-nav ul { -webkit-column-count: 3; column-count: 3; -webkit-column-gap: 20px; column-gap: 20px; }

    .article-view--members-page { padding-top: 50px; }
    .article-view--members-page .member-bio { margin: 0; }

    .mb-cols.mb-cols--page .mb-contact { border: none; padding: 0; width: calc(100% - 290px); }

    .members-nav--toggle { position: absolute; top: 0; left: 0; width: 100%; background: #f6f6f6; max-height: 30px; overflow: hidden; }
    .members-nav--toggle.on { max-height: 100%; }
    .members-nav--toggle.on .icon:after { content: '\e81d'; }

    .members-nav--toggle .news-title { border: none; padding: 0 8px; margin-bottom: 6px; }
    .members-nav--toggle .news-title .nt-cat { border: none; }
    .members-nav--toggle .mn-toggle { display: block; }
    .members-nav--toggle ul { padding: 0 10px 10px; }
}

@media screen and (max-width: 850px) {
    .mb-cols .mb-logo { width: 180px; padding-right: 25px; margin: 0 25px 0 0; }
    .mb-cols .mb-contact { width: 180px; padding-right: 25px; margin: 0 25px 0 0; }
    .mb-cols .mb-summ { width: calc(100% - 450px); }

    .member-bio .mb-address,
    .member-bio .mb-links { font-size: 14px; }

    .mb-cols.mb-cols--page .mb-contact { margin: 0; width: calc(100% - 205px); }
}

@media screen and (max-width: 750px) {
    .mb-cols .mb-logo { width: 150px; }
    .mb-cols .mb-contact { width: 175px; }
    .mb-cols .mb-summ { width: calc(100% - 375px); }
}

@media screen and (max-width: 650px) {
    .mb-cols .mb-logo { width: calc(50% - 15px); margin-right: 30px; }
    .mb-cols .mb-contact { width: calc(50% - 15px); margin: 0; padding: 0; border: none; text-align: center; }
    .mb-cols .mb-summ { border-top: 1px solid #ddd; padding-top: 25px; margin: 25px 0 0; float: none; width: 100%; }
    .member-bio .mb-logo img { margin: 0; top: 50%; position: relative; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

    .members-nav ul { -webkit-column-count: 2; column-count: 2; -webkit-column-gap: 14px; column-gap: 14px; }

    .mb-cols--page .mb-logo--page { width: 150px; padding-right: 20px; margin-right: 25px; }
    .mb-cols.mb-cols--page .mb-contact { text-align: left; }
}

@media screen and (max-width: 480px) {
    .mb-cols--page { display: block; }
    .mb-cols.mb-cols--page .mb-logo--page { max-width: 175px; width: 175px; margin: 0 auto; padding: 0; float: none; border: none; }
    .mb-cols--page .mb-logo--page img { -webkit-transform: none; transform: none; top: 0; }

    .mb-cols.mb-cols--page .mb-contact { display: none; }

    .article-view--members-page .av-lc { margin: 0 0 25px; }
    .article-view--members-page .member-bio hr { display: none; }
}

@media screen and (max-width: 400px) {
    .member-bio hr { display: block; }

    .mb-cols .mb-logo,
    .mb-cols .mb-contact,
    .mb-cols .mb-summ { float: none; width: 100%; border: none; padding: 0; margin: 0; }
    .mb-cols .mb-logo { margin: 5px 0; }

    .mb-cols .mb-logo img { max-height: 150px; }

    .members-nav ul { -webkit-column-count: 1; column-count: 1; -webkit-column-gap: 0; column-gap: 0; }
    .members-nav ul li { margin: 0 0 10px; }
    .members-nav ul li:last-child { margin: 0; }

    .member-bio .mb-address, .member-bio .mb-links { line-height: 1.35em; }
}

@media screen and (max-width: 380px) {
    .mb-cols .mb-logo img { max-height: 125px; }
}

/* = Calendar
----------------------------------------------------------------------------------------------------------------- */
.cal-filterBar { margin-bottom: 20px }
.cal-filterBar .cal-filters { padding: 20px 25px; float: left; width: calc(66.666% - 6.666px); background: #f4f4f4; }
.cal-filterBar .checkList { display: block; padding: 0; margin: 0; font-size: 13px; }
.cal-filterBar .checkList label { float: left; width: calc(33.333% - 6.666px); margin: 12px 10px 0 0; padding: 0 0 0 26px; }
.cal-filterBar .checkList label:nth-of-type(3n+3) { margin-right: 0; }

.cal-filterBar .checkList label:before { top: -2px; }
.cal-filterBar .checkList label.checked:after { top: 1px; }

.cal-filterBar .cf-desc { margin-left: 20px; padding: 20px; float: right; width: calc(33.333% - 13.33px); border: 1px solid #ddd; }
.cal-filterBar .cf-desc p { line-height: 1.5em; }
.cal-filterBar .cf-desc p:last-child { margin: 0; }
.cal-filters .cf-title { font-weight: 600; margin: 0 0 5px; }

.cal-list { position: relative; }
.cal-list:before { opacity: 0; visibility: hidden; content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3) url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/Reload-1s-40px.svg) no-repeat center 250px; z-index: 1; -webkit-transition: .5s ease; transition: .5s ease; }
.cal-list--loading:before { visibility: visible; opacity: 1; }

.cal-card { float: left; position: relative; width: calc(33.333% - 13.33px); margin: 20px 20px 0 0; padding: 25px 25px 25px 90px; background-size: 45px 45px; background-position: 25px 25px; background-repeat: no-repeat; border: 1px solid #ddd; }
.cal-card:nth-child(3n+1) { clear: left; }
.cal-card:nth-child(3n+3) { margin-right: 0; clear: right; }
.cal-card:nth-child(-n+3) { margin-top: 0; }

.cal-card .cal-trigger { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; }

.cal-card--eru { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/events_cat_icon.svg); }
.cal-card--ras { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/stats-rprt_cat_icon.svg); }
.cal-card--wms { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/ministerial-statements_cat_icon.svg); }
.cal-card--hoc { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/commons_cat_icon.svg); }
.cal-card--hol { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/lords_cat_icon.svg); }
.cal-card--sp { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/scottish-assembly_cat_icon.svg); }
.cal-card--naw { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/welsh-assembly_cat_icon.svg); }
.cal-card--nia { background-image: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/cal/ni-assembly_cat_icon.svg); }

.cal-card .cal-title,
.cal-card p { margin: 0 0 10px; }
.cal-card p:last-of-type { margin: 0; }
.cal-card .cal-date { line-height: 1; margin: 0 0 10px; color: #00a3a6; font-weight: 600; }
.cal-card .cal-next-prev { position: absolute; bottom: 18px; right: 16px; width: 105px; }
.cal-card .cal-prev { float: left; }
.cal-card .cal-next { float: right; }

.cal-more { font-weight: 600; cursor: pointer; }
.cal-card:hover .cal-more,
.cal-more:hover { text-decoration: underline; color: #00a3a6; }

.ni-title .cal-more { margin-left: 6px; color: #007451; }
.ni-title .cal-more:after,
.cal-card:hover .cal-more:after { text-decoration: none; }

.cal-close { position: absolute; top: 16px; right: 16px; cursor: pointer; }
.cal-close:after { padding-left: 4px; vertical-align: baseline; }

.cal-full { display: none; width: 100%; height: 100%; position: fixed; top: 0; left: 0; bottom: 0; background: rgba(60, 60, 60, 0.5); z-index: 1; }
.cal-full.on { display: block; }
.cal-full-wrap { display: block; height: 100%; position: relative; }
.cal-full-inner { display: block; max-height: calc(100% - 60px); width: 740px; padding: 50px 40px 40px; margin: 0 auto; background: #fff; position: relative; overflow: auto; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.calModal .to-top { display: none; }

@media screen and (min-width: 1025px) {
    .cal-card:hover { background-color: #f2fafb; }
}

@media screen and (max-width: 1200px) {
    .cal-filterBar .checkList label,
    .cal-filterBar .checkList label:nth-of-type(odd) { width: calc(50% - 5px); margin: 12px 10px 0 0; clear: left; }
    .cal-filterBar .checkList label:nth-of-type(even) { margin-right: 0; clear: right; }
}

@media screen and (max-width: 950px) {
    .cal-card:nth-child(odd),
    .cal-card:nth-child(even) { width: calc(50% - 10px); margin: 20px 20px 0 0; clear: none; }
    .cal-card:nth-child(odd) { clear: left; }
    .cal-card:nth-child(even) { margin-right: 0; clear: right; }
    .cal-card:nth-child(-n+2) { margin-top: 0; }
}

@media screen and (max-width: 850px) {
    .cal-filterBar .cal-filters { float: none; width: 100%; padding: 20px 25px 25px; }
    .cal-filterBar .cf-desc { float: none; width: 100%; margin: 20px 0 0; padding: 25px; }
    .cal-full-inner { width: auto; margin: 0 25px; }
}

@media screen and (max-width: 750px), screen and (min-width: 951px) and (max-width: 1080px) {
    .cal-card { padding: 20px 20px 20px 75px; background-size: 40px 40px; background-position: 20px 20px; }
}

@media screen and (max-width: 650px) {
    .cal-card:nth-child(odd),
    .cal-card:nth-child(even) { float: none; width: 100%; margin: 0 0 20px; }
    .cal-card:last-child { margin-bottom: 10px; }
}

@media screen and (max-width: 600px) {
    .cal-filterBar .cal-filters,
    .cal-filterBar .cf-desc { padding: 20px 20px 24px; }
    .cal-filterBar .checkList label,
    .cal-filterBar .checkList label:nth-of-type(odd) { width: 100%; margin: 10px 0 0 0; clear: none; }
    .cal-full-inner { margin: 0 20px; padding: 50px 25px 25px; }
}

@media screen and (max-width: 400px) {
    .cal-full-inner { margin: 0 15px; padding: 50px 20px 20px; max-height: calc(100% - 40px); }
    .cal-filterBar .checkList label:before { top: -1px; }
    .cal-filterBar .checkList label.checked:after { top: 2px; }
}

/* = Subscribe popup
----------------------------------------------------------------------------------------------------------------- */
.subs-popup { position: fixed; bottom: -30px; padding: 25px 22px; width: 360px; max-width: calc(100% - 30px); text-align: center; border-radius: 0 4px 0 0; color: #fff; background: #1d1d1c; -ms-transform: translateY(100% ); -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; z-index: 2; }
.subs-popup.show { bottom: 0; -ms-transform: none; -webkit-transform: none; transform: none; }
.subs-popup.off { bottom: -30px; -ms-transform: translateY(100% ); -webkit-transform: translateY(100%); transform: translateY(100%); }
.subs-popup.hidden { display: none; }
.subs-popup .h4 { color: #fff; }
.subs-close { position: absolute; cursor: pointer; top: -30px; left: 0; height: 32px; padding: 7px 20px; border-radius: 4px 4px 0 0; color: #fff; background: #1d1d1c; font-size: 13px; }

@media screen and (max-width: 480px) {
    .subs-popup { z-index: 12; }
}

@media screen and (max-width: 400px) {
    .subs-popup { padding: 22px 22px 25px; }
    .subs-popup .h4 { font-size: 18px; line-height: 1.35em; margin-bottom: 15px; }
}

/* = Back to top arrow
----------------------------------------------------------------------------------------------------------------- */
.to-top { visibility: hidden; opacity: 0; cursor: pointer; position: fixed; z-index: 10; width: 50px; height: 50px; border: 1px solid #1d1d1c; -webkit-border-radius: 50px; border-radius: 50px; bottom: 50px; right: 50px; background: #fff url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/top-arrow.svg) no-repeat center; -webkit-transition: all 1s ease; transition: all 1s ease; }
.to-top.on { visibility: visible; opacity: 1; }
.to-top.off { visibility: hidden; opacity: 0; -webkit-transition-duration: .25s; transition-duration: .25s; }

@media screen and (max-width: 1200px) {
    .to-top { width: 46px; height: 46px; -webkit-border-radius: 46px; border-radius: 46px; bottom: 40px; right: 40px; background-color: rgba(255, 255, 255, 0.85); }
}

@media screen and (max-width: 600px) {
    .to-top { width: 42px; height: 42px; bottom: 30px; right: 30px; background-color: rgba(255, 255, 255, 0.75); }
}

@media screen and (max-width: 480px) {
    .to-top { width: 40px; height: 40px; bottom: 25px; right: 25px; }
}

@media screen and (max-width: 340px) {
    .to-top { width: 36px; height: 36px; bottom: 22px; right: 22px; background-size: 8px auto; }
}

/* = User signup and dashboards
----------------------------------------------------------------------------------------------------------------- */
.box-text { padding: 25px; border: 1px solid #f5f5f5; background: #f5f5f5; }
.box-text--dash { margin: 0 0 30px; border: 1px solid #c1c1c1; background: #fff; }
.box-text--dash p { margin-bottom: 15px; }
.box-text--dash .cols .col { margin: 0 30px 0 0; }
.box-text--dash .col:first-child { padding-right: 30px; border-right: 1px dotted #d2d2d2; }
.box-text--dash .col:nth-child(2) { width: calc(50% - 180px); padding-right: 30px; border-right: 1px dotted #d2d2d2; }
.box-text--dash .col:last-child { width: calc(50% - 180px); margin-right: 0 }
.box-text--dash .col:first-child { width: 300px; }
.box-text--dash .col:nth-child(2) p { margin-bottom: 4px; }

.checkList--myNewsletters { display: block; padding: 0; position: relative; }
.checkList--myNewsletters + .checkList--myNewsletters { margin-top: 10px; }

.checkList--myNewsletters label { display: block; margin: 0 0 15px; }
.checkList--myAccount { padding: 0; margin: 0; }
.checkList--myAccount label { float: left; margin: 0 0 12px; width: 33.333%; }

.checkList--proOnly { padding: 20px; }
.checkList--proOnly label { opacity: 0.5; }
.checkList--proOnly label:last-of-type { margin-bottom: 0; }

.pro-only-overlay { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1; }
.pro-only-overlay:after { content: 'Pro only content'; color: #fff; font-size: 16px; text-align: center; font-weight: 700; position: absolute; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; z-index: 1; }

.autocomplete { display: block; }
.autocomplete .ac-addTag { margin: 20px 0; position: relative; }
.autocomplete .ac-addTag input.text { width: calc(100% - 37px); }
.autocomplete .ac-addTag .btn { position: absolute; top: 0; right: 0; width: 38px; height: 38px; padding: 0; background: #00a3a6 url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/add-tag.svg) center no-repeat; background-size: 14px; }
.autocomplete .ac-currentTags { margin: 20px 0; }
.autocomplete .ac-currentTags .lozenge { display: inline-block; margin: 0 10px 12px 0; padding: 3px 26px 4px 7px; background: #141414; color: #fff; position: relative; font-size: 12px; }
.autocomplete .ac-currentTags .lozenge--new { background-color: #69b239; }
.autocomplete .lozenge .acRemove { cursor: pointer; position: absolute; top: 7px; right: 8px; width: 10px; height: 10px; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/icons/remove-tag.svg) center no-repeat; background-size: 10px; }

.cols--dashboard { margin: 0; }

.dash-promo { display: block; padding: 30px; border: 1px solid #00a3a6; color: #1d1d1c; background: #f7fcfc; }
.dash-promo:hover { color: #1d1d1c; }
.dash-promo .dp-imageBox { position: relative; height: 100%; min-height: 250px; background-size: cover; background-position: center; background-repeat: no-repeat; }
.dash-promo .dp-imageBox:after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #1d1d1c; opacity: 0.4; }
.dash-promo .dp-content { padding: 30px; width: 100%; text-align: center; position: relative; z-index: 1; }
.dash-promo .dp-content .h2 { color: #fff; }

@media screen and (max-width: 1080px) {
    .cols--dashboard .col--25 { order: 1; margin-bottom: 20px; }
    .cols--dashboard .col--75 { order: 2; margin: 0; }

    .checkList--myNewsletters label { float: left; width: 50%; }
}

@media screen and (max-width: 950px) {
    .box-text--dash .col:first-child { width: calc(50% - 12.5px); margin-right: 25px; padding-right: 25px; }
    .box-text--dash .col:nth-child(2) { width: calc(50% - 12.5px); margin: 0; padding: 0; border: none; }
    .box-text--dash .col:last-child { width: 100%; border-top: 1px dotted #d2d2d2; padding-top: 20px; margin: 20px 0 0; }
}

@media screen and (max-width: 800px) {
    .checkList--myAccount label { margin: 0 10px 12px 0; width: calc(50% - 5px); padding-right: 0; }
    .checkList--myAccount label:nth-of-type(even) { margin-right: 0; }
}

@media screen and (max-width: 650px) {
    .box-text--dash .h2 { margin-bottom: 10px; line-height: 1; }
    .box-text--dash .col:first-child { width: 100%; float: none; padding: 0; margin: 0; border: none; }
    .box-text--dash .col:nth-child(2) { width: 100%; float: none; border-top: 1px dotted #d2d2d2; padding-top: 20px; margin: 20px 0 0; }
    .box-text--dash .col:nth-child(2) p { margin-bottom: 2px; }
    .box-text--dash .col:last-child { text-align: left; }
    .box-text--dash .col:last-child .btn { margin-bottom: 4px; }

    .checkList--myAccount label { padding-left: 25px; }
    .checkList--myAccount label:before { top: 0; width: 12px; height: 12px; }
    .checkList--myAccount label.checked:after { left: 7px; top: 3px; width: 3px; height: 8px; }

    .dash-promo .col:last-child { margin: 15px 0 8px; }
}

@media screen and (max-width: 480px) {
    .box-text--dash .col:nth-child(2),
    .box-text--dash .col:last-child { padding-top: 15px; margin: 15px 0 0; }

    .checkList--myAccount label { font-size: 13px; padding-left: 22px; line-height: 1.2em; }
    .checkList--myAccount label:before { width: 10px; height: 10px; }
    .checkList--myAccount label.checked:after { top: 2px; left: 6px; }

    .autocomplete .ac-addTag input.text { font-size: 13px; }

    .autocomplete .ac-currentTags .lozenge { font-size: 11px; margin: 0 8px 10px 0; padding: 2px 22px 3px 6px; }
    .autocomplete .lozenge .acRemove { top: 6px; right: 6px; width: 9px; height: 9px; background-size: 9px; }

    .dash-promo { padding: 25px; }
}

@media screen and (max-width: 400px) {
    .checkList--myAccount label:before { top: -1px; }
    .checkList--myAccount label.checked:after { top: 1px; }
    .checkList--myNewsletters label { float: none; width: 100%; }

    .dash-promo { padding: 20px; }
}

@media screen and (max-width: 340px) {
    .box-text--dash { padding: 20px; }
}


/* = Search results
----------------------------------------------------------------------------------------------------------------- */
.news-item--search { float: none; margin: 0 0 20px; padding-bottom: 20px; border-bottom: 1px solid #ddd; }
.news-item--search:last-child { margin-bottom: 0; padding-bottom: 0; }
.ni-summ { display: none; }

.news-item--search .h4:hover { color: #00a3a6; }
.news-item--search .ni-searchMeta { margin: 0; }

.av-tags--ss { margin: 0; }
.av-tags--ss .h6 { padding-bottom: 2px; border-bottom: 1px solid #ccc; margin-bottom: 18px; }
.av-tags--ss .icon:before { padding-right: 5px; }
.av-tags--ss a { padding: 2px 10px 2px; margin: 0 8px 12px 0; border-radius: 15px; }
.av-tags--ss p { margin-bottom: 15px; }

.av-tags--ss:last-child p { margin-bottom: 0; }

.site-search-wrap,
.site-search-results-wrap { position: relative; }

.ss-form { position: relative; max-width: 1000px; margin: 0 auto 40px; padding: 30px; background: #f4f4f4; }
.ss-form-inner { position: relative; }

.ss-form .ss-form-term { width: calc(100% - 139px); }
.ss-form .ss-form-term .text { float: none; width: 100%; line-height: 1.65em; padding: .5em 1.25em; border-color: #00a3a6; }
.ss-form .ss-form-btn { position: absolute; right: 0; top: 0; width: 140px; }
.ss-form .ss-form-btn .btn { width: 100%; text-align: center; }
.ss-form-term { flex: 1; }

.ss-loading { display: none; width: 100%; max-width: 800px; margin: 0 auto; padding-top: 40px; min-height: 200px; text-align: center; }
.ss-loading img { vertical-align: -11px; margin: 0 15px 0 -30px; }

.ss-filters { width: 100%; margin-bottom: 40px; }

.ss-results { width: 100%; margin-bottom: 30px; }
.ss-results .ni--rel:first-child { border-top-width: 0; }
.ss-results .ni-cat { margin-bottom: 10px; font-weight: 600; color: #00A3A6; }
.ss-results .img-caption { margin-top: 0; }

.ss-hasFilters { margin: 20px 0; text-align: left; }
.ss-hasFilters .ss-f-item { display: inline-block; margin: 5px 5px 5px 1px; -webkit-box-shadow: 0 0 0px 1px #00a3a6; box-shadow: 0 0 0px 1px #00a3a6; position: relative; }
.ss-hasFilters .ss-f-item:after { position: absolute; color: #00a3a6; right: 10px; top: 10px; z-index: -1; }
.ss-hasFilters .ss-f-item label { padding: .5em 2.5em .5em 1em; position: relative; display: inline-block; vertical-align: middle; float: none; width: auto; cursor: pointer; color: #00a3a6; }

.ss-resultsbar { padding: 12px 12px 12px 18px; background: #eff8f9; margin: 0 0 18px; }

.ss-results-info { float: left; margin: 5px 0px; }
.ss-results-info small { color: #00a3a6; margin: 0 4px; }

.ss-results-sorting { display: flex; float: right; width: 250px; margin: 0; }
.ss-results-sorting label,
.ss-results-sorting .select { display: inline-block; width: auto; }
.ss-results-sorting label { margin-right: 10px; padding-top: 10px; }
.ss-results-sorting .select { flex: 1; }

.ss-nav a { display: block; padding: .5em 1.25em; border: 1px solid #00a3a6; }
.ss-next { float: right; }
.ss-next a:after { padding-left: 5px; }
.ss-prev { display: inline-block; }
.ss-prev a:before { padding-right: 5px; }

.site-search-noresults,
.site-search-initial { width: 100%; max-width: 1000px; margin: 0 auto; }
.site-search-initial { display: none; }

/* Loading modifiers */
.site-search-wrap.is-loading .ss-filters,
.site-search-wrap.is-loading .ss-results,
.site-search-wrap.is-loading .site-search-noresults { display: none; }
.site-search-wrap.is-loading .ss-loading { display: block; }

.site-search-wrap.is-loading-partial::after,
.site-search-wrap.is-loading .ss-form::after { position: absolute; content: ""; top: 0; left: 0; bottom: 0; right: 0; background: url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/loader.gif) rgba(255, 255, 255, .8) center 180px no-repeat; }

.site-search-wrap.is-loading .ss-form::after { background-image: none; }

@media screen and (min-width: 600px) {
    .ni-summ { display: block; }
}

@media screen and (min-width: 850px) {
    .ss-filters { float: left; width: 300px; flex: auto; }

    .ss-filters .nt,
    .ss-filters-inner { margin-right: 20px; }

    .ss-results { float: left; width: calc(100% - 325px); margin-left: 25px; flex: auto; }
}

@media screen and (min-width: 1060px) {
    .ss-filters { width: 360px; }
    .ss-results { width: calc(100% - 390px); margin-left: 30px; }
}

@media screen and (max-width: 1080px) {
    .ss-form,
    .ss-filters { margin-bottom: 35px; }

    .ss-hasFilters .ss-f-item label { font-size: 13px; padding: .5em 2.25em .5em .75em; }
    .ss-hasFilters .ss-f-item:after { right: 8px; top: 8px; }
}

@media screen and (max-width: 850px) {
    .site-search-initial { margin-top: 30px; }

    .ss-form { margin-bottom: 20px; padding: 25px; }

    .ss-filters { margin-bottom: 30px; max-height: 30px; overflow: hidden; }
    .ss-filters.on { max-height: 100%; overflow: unset; }

    .ss-filters .news-title { border: none; padding: 2px 10px; border: 1px solid #1d1d1c; }
    .ss-filters .news-title span { display: block; font-size: 16px; padding: 0; color: #1d1d1c; border: none; }

    .ss-filters .news-title span:after { content: '\e81b'; position: absolute; top: 7px; right: 10px; font-size: 15px; }
    .ss-filters.on .news-title span:after { content: '\e81d'; }
}

@media screen and (max-width: 600px) {
    .ss-form { padding: 20px; }

    .ss-hasFilters .ss-f-item { width: auto; max-width: 100%; }

    .ss-hasFilters .ss-f-item label { font-size: 12px; }
    .ss-hasFilters .ss-f-item:after { font-size: 13px; }

    .ss-resultsbar { padding: 20px; }
    .ss-results-info { display: block; float: none; padding-bottom: 10px; margin: 0 0 15px; border-bottom: 1px solid #d3e2e4; }
    .ss-results-sorting { display: block; float: none; width: 100%; margin: 0; }
    .ss-results-sorting label { width: 70px; }
    .ss-results-sorting .select { width: calc(100% - 80px); }
}

@media screen and (max-width: 480px) {
    .ss-form { padding: 15px; }
    .ss-form .ss-form-btn { width: 100px; }
    .ss-form .ss-form-term .text { padding: .5em 1em; }
    .ss-form .ss-form-term { width: calc(100% - 99px); }

    .ss-resultsbar { padding: 15px; }
}

@media screen and (max-width: 400px) {
    .ss-form { padding: 0; margin-bottom: 15px; }
    .ss-form .ss-form-btn { width: 90px; }
    .ss-form .ss-form-term { width: calc(100% - 89px); }

    .av-tags--ss a { font-size: 10px; }
}

/* = Adverts & Adblock message
----------------------------------------------------------------------------------------------------------------- */
.hdr-ad { position: sticky; position: -webkit-sticky; top: 0; z-index: 2; overflow: hidden; }
.hdr-ad .row--ad { padding: 30px; margin:0; }
.hdr-ad img { max-width: 100%; }

.top--ad + .row { margin-top: 30px; }
.row--ad { margin-bottom: 40px; padding: 30px; text-align: center; position: relative; background: #f6f6f6; }

.template--1col-skinny .inner .top--ad,
.template--skinny-wide .inner .top--ad,
.template--1col-hero .inner .top--ad { margin: 0 0 30px; }

/*Never show two ads one after the other:*/
.row--ad + .row--ad,
.adblock-detected .row--ad + .row--ad { display: none; }

/*.row--mainList + .row--ad { margin-top: 40px; }*/
.row--events + .row--ad { margin-top: 25px; }

.adblock-msg { max-width: 728px; margin: 0 auto; padding: 20px 30px; text-align: left; background: #fff url(https://res.cloudinary.com/dyw8mv3b0/image/upload/img/logos/ph-initials.svg) no-repeat right 30px center; border: 1px solid #707070; }
.adblock-msg + .adblock-msg { display: none; }
.adblock-msg p { margin-bottom: 6px; font-size: 18px; line-height: 1.25em; }
.adblock-msg p:last-child { margin: 0; }

.col--ad { margin: 20px 0; position: relative; }
.col--ad:first-child { margin-top: 0; }
.col--ad:last-child { margin-bottom: 0; }
.col--ad .adblock-msg p:last-child { margin: 0; }

.col--ad.col--ad-inArticle { padding: 30px 0; margin: 25px 0; width:100%; text-align: center;  background: #f6f6f6; } 

.top--ad,
.row--ad,
.col--ad { position: relative; z-index: 0; }

.top--ad > div,
.row--ad > div,
.col--ad > div { min-width: 300px; position: relative; z-index: 1 !important; }

.col--ad:before,
.row--ad:before { content: 'Advertisement'; position: absolute; top: 0; left: 0; padding: 4px 8px 5px; line-height: 1; font-size: 11px; color: #fff; background: #ababab; }

.top--ad { padding-top: 10px; text-align: center; }
.top--ad > div { display: inline-block; }
.top--ad > div:before { content: 'Advertisement'; position: absolute; top: -19px; left: 0; padding: 4px 8px 5px; line-height: 1; font-size: 10px; color: #fff; background: #ababab; }
.top--ad > .adblock-msg { display: block; }

.news-list--sqThumb .news-item--is-ad { width: 100%; margin-bottom: 30px; }

.top--ad:not(.ad-collapsed) + .article-view,
.top--ad.advert--blockDetected + .article-view { margin-top: 30px; }

.top--ad.advert--blockDetected { padding: 0; }
.top--ad.advert--blockDetected > .ph-ad { display: none; }
.top--ad.advert--blockDetected > .ph-ad:before { content: none; }

.template--1col-skinny .inner .advert--blockDetected { margin-top: 45px; }

.ad-collapsed { display: none; }
.ad-collapsed:not(.advert--blockDetected):first-child + .row { margin-top: 0; }

.adblock-detected .ad-collapsed { display: block; }

.news-list--liveFeed .news-item--is-ad { margin: 15px 0; }
.news-list--happening .news-item--is-ad { margin: 0 0 15px; }

.tracking-adunit { display: none; visibility: hidden; opacity: 0; }

#div-gpt-ad-news1x1 { display: none; }

.teads-inread { padding-bottom: 20px; }

.hdr-ad .row--ad.ad-collapsed {display: none;}

.ads-hidden .hdr-ad,
.ads-hidden .top--ad,
.ads-hidden .row--ad,
.ads-hidden .col--ad,
.ads-hidden .heyoyaDiv,
.ads-hidden .avantisDiv   { display: none; } 

@media screen and (min-width: 851px) {
    .col--ad .adblock-msg { padding: 85px 25px 25px; text-align: center; background-position: center top 25px; }
    .col--ad .adblock-msg p { margin-bottom: 10px; font-size: 16px; }

    .av-rc .col--ad { margin: 30px 0 }
    .av-rc .col--ad:first-child { margin-top: 0; }
    .av-rc .news-list + .col--ad { margin-top: 10px; }
    .av-rc .news-list--readNext + .col--ad { margin-top: 30px; }

    .csspositionsticky .av-rc .col--ad:last-child,
    .csspositionsticky .av-rc .next-article-wrap:last-child { position: -webkit-sticky;  position: sticky; top: 30px; }

    .csspositionsticky .stickyOn .av-rc .col--ad:last-child,
    .csspositionsticky .stickyOn .av-rc .next-article-wrap:last-child {  top: 70px; }
}

@media screen and (min-width: 1081px) {
    .col--ad { padding-top: 19px; }
    .col--ad:before { top: 0; left: 0; padding: 4px 8px 5px; line-height: 1; font-size: 10px; }

    .news-list--liveFeed.news-list--advert-included .news-item:nth-child(6) { display: none; }
}

@media screen and (min-width: 1081px) and (min-height: 721px) {
    .av-lc .col--ad:last-child {top:0; position: -webkit-sticky; position: sticky; }
    .stickyOn .av-lc .col--ad:last-child {top:60px; }
}

@media screen and (min-width: 1301px) and (min-height: 651px) {
    .hdr-ad .row--ad { padding: 35px; }
}

@media screen and (max-width: 1260px) and (min-width: 1081px) {
    .av-lc .col--ad,
    .av-rc .col--ad { margin: 20px 0; }

    .av-lc .col--ad:first-child, .av-rc .col--ad:first-child { margin-top: 0; }

    .av-lc .news-list + .col--ad,
    .av-rc .news-list + .col--ad { margin-top: 5px; }

    .av-lc .col--ad > div,
    .av-rc .col--ad > div { left: 50%; -ms-transform: scale(0.9) translate(-50%, 0); -webkit-transform: scale(0.9) translate(-50%, 0); transform: scale(0.9) translate(-50%, 0); -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 0; transform-origin: 0 0; }

    .av-lc .col--ad:before,
    .av-rc .col--ad:before { left: 3px; }
}

@media screen and (max-width: 1080px) and (min-width: 601px) {
    .news-list--sqThumb .news-item--is-ad { display: none; }
}

@media screen and (max-width: 1080px) and (min-width: 651px) {
    .col--25 .col--ad { padding: 40px 30px 30px; text-align: center; background: #f6f6f6; }
    .col--25 .adblock-msg { text-align: left; padding: 20px 30px; background-position: right 30px center; }
    .col--25 .adblock-msg p { margin-bottom: 6px; font-size: 18px; line-height: 1.25em; }

    .av-rc .col--ad { padding-top: 19px; }
}

@media screen and (max-width: 1080px) and (min-width: 851px) {
    .av-lc .col--ad { margin-bottom: 40px; padding: 30px; text-align: center; background: #f6f6f6; }
    .av-rc .col--ad { padding: 20px 0 0; }
}

@media screen and (max-width: 1360px) and (min-width: 1081px) {
    .col--25:nth-child(3) .col--ad { margin: 5px 0; }
    .col--25:nth-child(3) .col--ad > div { left: 50%; -ms-transform: scale(0.85) translate(-50%, 0); -webkit-transform: scale(0.85) translate(-50%, 0); transform: scale(0.85) translate(-50%, 0); -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
    .col--25:nth-child(3) .col--ad:before { left: 2px; }

    .news-list--sqThumb .news-item--is-ad { margin-bottom: 0; }
}

@media screen and (max-width: 1360px) and (min-width: 1201px) {
    .col--25:nth-child(3) .col--ad { margin: 10px 0; }
    .col--25:nth-child(3) .col--ad > div { -ms-transform: scale(0.9) translate(-50%, 0); -webkit-transform: scale(0.9) translate(-50%, 0); transform: scale(0.9) translate(-50%, 0); }

    .news-list--sqThumb .news-item--is-ad { margin-bottom: 10px; }
}

@media screen and (max-width: 850px) and (min-width: 651px) {
    .av-rc .col--ad { padding: 40px 30px 30px; text-align: center; background: #f6f6f6; }
}

@media screen and (max-width: 1080px) {
    .row--ad:before { padding: 4px 8px 5px; font-size: 10px; }

    .hdr-ad .row--ad { padding: 25px 0; }
}

@media screen and (max-width: 950px) {
    .col--ad,
    .row--ad { padding: 45px 30px 30px; }

    .row--events + .row--ad { margin-top: 20px; }
    .av-lc .col--ad { display: none; }
}

@media screen and (max-width: 850px) {
    .av-rc .next-article-wrap + .col--ad { margin-top: 30px; }
}

@media screen and (max-width: 840px) {
    .col--ad,
    .row--ad { padding: 30px; }

    .top--ad:not(.ad-collapsed) + .article-view,
    .top--ad.advert--blockDetected + .article-view { margin-top: 25px; }
}

@media screen and (max-width: 800px) {
    .top--ad { padding-top: 5px; }
    .top--ad > div:before { top: -15px; padding: 3px 6px; font-size: 9px; }

    .hdr-ad .row--ad { padding: 20px 0; }
}

@media screen and (max-width: 750px) {
    .col--ad,
    .row--ad { padding: 35px 0 30px; }
}

@media screen and (max-width: 650px) {
    .col--ad:before,
    .row--ad:before { padding: 3px 6px 4px; font-size: 9px; }

    .adblock-msg { padding: 85px 25px 25px; text-align: center; background-position: center top 25px; }
    .adblock-msg p { margin-bottom: 10px; }

    .col--ad { padding: 40px 30px 30px; text-align: center; background: #f6f6f6; }

    .hdr-ad .row--ad {  background: #f6f6f6; }
}

@media screen and (max-width: 480px) {
    .row--events + .row--ad { margin-top: 30px; }

    .top--ad > div:before { top: -14px; font-size: 8px; }

    .col--ad { padding: 35px 30px 30px; }

    .row--ad:before { font-size: 8px; }
    .col--ad:before { font-size: 8px; padding: 3px 6px; }
}

@media screen and (max-width: 400px) {
    .row--ad { margin-left: -15px; margin-right: -15px; margin-bottom: 30px; width: calc(100% + 30px); overflow: hidden; text-align: center; }
    .col--ad {margin-left: -15px; margin-right: -15px; width: calc(100% + 30px); overflow: hidden;  }

    .template--2col-skinny .row--ad { margin-left: -15px; margin-right: -15px; }

    /*.row--mainList + .row--ad { margin-top: 30px; }*/
    .row--events + .row--ad { margin-top: 25px; }

    .row--ad { padding: 35px 0 30px; }
    .col--ad { padding: 30px 0 25px; }

    .adblock-msg { max-width: 300px; }

    .adblock-msg,
    .col--ad .adblock-msg { padding: 75px 20px 20px; background-position: center top 22px; }
    .adblock-msg p,
    .col--ad .adblock-msg p { font-size: 16px; }

    .top--ad:not(.ad-collapsed) + .article-view,
    .top--ad.advert--blockDetected + .article-view { margin-top: 20px; }

    .template--1col-skinny .inner .advert--blockDetected { margin-top: 40px; }

    .teads-inread { padding-bottom: 12px; }

    .hdr-ad .row--ad { padding: 18px 0; }
}

@media screen and (max-width: 380px) {
    .col--ad { padding: 32px 0 25px; }

    .row--ad:before { padding: 3px 8px 4px 6px; }
}

@media screen and (max-width: 360px) {
    .adblock-msg,
    .col--ad .adblock-msg { padding: 70px 20px 20px; background-size: 54px auto; }
    .adblock-msg p,
    .col--ad .adblock-msg p { font-size: 15px; }

    .hdr-ad .row--ad { padding: 15px 0; }
}

@media screen and (max-width: 350px) {
    .top--ad { position: relative; left: 50%; -ms-transform: scale(0.95) translate(-50%, 0); -webkit-transform: scale(0.95) translate(-50%, 0); transform: scale(0.95) translate(-50%, 0); -ms-transform-origin: 0 0; -webkit-transform-origin: 0 0; transform-origin: 0 0; }
    .top--ad > div { left: 50%; -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); }

    .top--ad.advert--blockDetected > div { left: 0; transform: none; }
    .top--ad.advert--blockDetected + .article-view { margin-top: 5px; }

    .top--ad + .row { margin-top: 25px; }
    .row--ad { padding: 30px 0 25px; }

    .row--ad > div,
    .col--ad > div { left: 50%; -ms-transform: scale(0.9) translate(-50%, 0); -webkit-transform: scale(0.9) translate(-50%, 0); transform: scale(0.9) translate(-50%, 0); -ms-transform-origin: 0 50%; -webkit-transform-origin: 0 50%; transform-origin: 0 50%; }

    .col--ad > div { margin: 0; }
}

@media screen and (max-width: 340px) {
    .top--ad { -ms-transform: scale(0.9) translate(-50%, 0); -webkit-transform: scale(0.9) translate(-50%, 0); transform: scale(0.9) translate(-50%, 0); }
    .top--ad + .row { margin-top: 20px; }

    .hdr-ad .row--ad { padding: 10px 0; }

    .col--ad.col--ad-inArticle { padding: 25px 0;} 
}

/* = Quantacast cookie notice
----------------------------------------------------------------------------------------------------------------- */
#qc-cmp2-ui p,
#qc-cmp2-ui ul,
#qc-cmp2-ui ul li   { font-family: 'Open Sans',sans-serif !important; font-size: 14px;  color:#1d1d1c; }

#qc-cmp2-ui .sc-bwzfXH {  outline: none; box-shadow: none;   font-family: 'Open Sans',sans-serif !important; }
#qc-cmp2-ui .qc-cmp2-footer .sc-bwzfXH:hover  { background-color: #17c2c5; border-color: #17c2c5; box-shadow: none;  }
#qc-cmp2-ui .qc-cmp2-footer .sc-bwzfXH:focus  { background-color: #17c2c5; border-color: #17c2c5; box-shadow: none;  }
#qc-cmp2-ui .qc-cmp2-footer .sc-bwzfXH:active { background-color: #17c2c5; border-color: #17c2c5; box-shadow: none;  }

#qc-cmp2-ui .sc-bwzfXH.nfWRV { border-color:#00A3A6; color:#00A3A6; } 
#qc-cmp2-ui .sc-bwzfXH.nfWRV:hover { color: #1d1d1c; background-color: #ebebeb; border-color: #1d1d1c; box-shadow: none;  }
#qc-cmp2-ui .sc-bwzfXH.nfWRV:focus { color: #1d1d1c; background-color: #ebebeb; border-color: #1d1d1c; box-shadow: none;  }
#qc-cmp2-ui .sc-bwzfXH.nfWRV:active { color: #1d1d1c; background-color: #ebebeb; border-color: #1d1d1c; box-shadow: none;  } 

#qc-cmp2-ui .qc-cmp2-summary-section  { font-family: 'Open Sans',sans-serif!important;  }
#qc-cmp2-ui .eFImX.eFImX .qc-cmp2-summary-section .qc-cmp2-summary-info {  font-family: 'Open Sans',sans-serif!important;  } 
#qc-cmp2-ui .qc-cmp2-toggle:focus { box-shadow: none; }
#qc-cmp2-ui .qc-cmp2-footer-links button:hover  { background-color: transparent; color: #1d1d1c; } 
#qc-cmp2-ui .qc-cmp2-footer-links button:focus  { background-color: transparent; color: #1d1d1c; } 
#qc-cmp2-ui .qc-cmp2-footer-links button:active { background-color: transparent; color: #1d1d1c; } 

.qc-cmp2-container .qc-cmp2-persistent-link { background-color: #00A3A6 !important; } 
.qc-cmp2-container .qc-cmp2-persistent-link:hover {color:#fff;} 

@media screen and (max-width: 1200px) {
    .qc-cmp2-container .qc-cmp2-persistent-link { -webkit-transform: scale(0.9);  transform: scale(0.9); -webkit-transform-origin: bottom right; transform-origin: bottom right;  }
}

@media screen and (min-width: 768px) {
    #qc-cmp2-ui .qc-cmp2-summary-section {padding:20px 30px !important;}
    #qc-cmp2-ui  .qc-cmp2-consent-info {padding: 20px 30px !important;}
}

@media screen and (max-width: 767px) {
    #qc-cmp2-ui p,
    #qc-cmp2-ui ul,
    #qc-cmp2-ui ul li  {  font-size: 13px;  } 

    .qc-cmp2-container .qc-cmp2-persistent-link { -webkit-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: bottom right; transform-origin: bottom right;  }
}

@media screen and (max-width: 400px) {
    .qc-cmp2-container .qc-cmp2-persistent-link { padding: 5px 10px !important; -webkit-transform: scale(0.7);  transform: scale(0.7); }
}