@charset "UTF-8";
/*!
*******************************************
Theme Name: Safe In Our World
Author: Form Advertising
Author URI: http://www.safeinourworld.com
Version: 1.11
*******************************************
*/
/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: none;
}

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

/* =======================================================================
## ++ Media Queries
========================================================================== */
/* 
    Used for media queries. 
    Add these mixins in your normal scss flow.

    Eg.
    .container{
        width:1024px;

        @include tablets{
            width:90%;
        }
    }
*/
/* =======================================================================
## ++ Box Shadow
========================================================================== */
/* =======================================================================
## ++ Animations
========================================================================== */
/* =======================================================================
## ++ Backgrounds
========================================================================== */
/* $from - first color $to - second color // opacity start and end);*/
/* =======================================================================
## ++ Unit transform
========================================================================== */
/*  
    Used for making containers have width in percentages. 
    Usage: define elemnt width in px and the width of parent elemnt in px. 
    eg. .block{width:cp(512px, 1024px)} this will result in .block{width:50%;}   
*/
/*  
    Used for making px values convert to rem values
    Usage: define font-size in px and it will convert to rems
    eg. font-size: rem(14px);
*/
/* =======================================================================
## ++ Section colors
========================================================================== */
/* Black/grey */
/* White / Light */
/* Mid grey */
/* Light Background */
/* Red - Help */
/* Green - Support */
/* Yellow - Games & apps */
/* Blue - stories */
/* Orange - News */
.grey-pane {
  background-color: #ececec;
}

.red-pane {
  background-color: #F04D5F;
}

.green-pane {
  background-color: #05B1A4;
}

.blue-pane {
  background-color: #4A8DB8;
}

.white-text {
  color: #fff !important;
}

.black-text {
  color: #231f20 !important;
}

.red-text {
  color: #F04D5F !important;
}

.support-text {
  color: #05B1A4 !important;
}

.yellow-text {
  color: #F8E08E !important;
}

.blue-text {
  color: #4A8DB8 !important;
}

.orange-text {
  color: #F7941D !important;
}

body {
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: franklin-gothic-compressed, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
body h1 {
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  margin-top: 0px;
  margin-bottom: 5px;
  padding-bottom: 0px;
  font-weight: 600;
  text-transform: uppercase;
}
body h2, body h3, body h4, body h5, body h6 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: uppercase;
  margin-bottom: 5px;
  margin-top: 0px;
  font-weight: 600;
  margin-bottom: 2px;
}
body p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  border: 0px solid blue;
}
body p a {
  color: inherit;
  text-decoration: none;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
body p a:hover {
  color: #F04D5F;
}
body .body-copy p {
  font-weight: 400;
  margin-bottom: 20px;
}
body .body-copy p a {
  color: #231f20;
  text-decoration: none;
  border-bottom: 1px solid #c6c6c6;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
body .body-copy p a:hover {
  color: #F04D5F;
  cursor: pointer;
}
.support body .body-copy p a:hover, .page-support-feelings-symptoms body .body-copy p a:hover, .single-a-to-z body .body-copy p a:hover, .single-symptoms body .body-copy p a:hover {
  color: #05B1A4;
}
.games-and-apps body .body-copy p a:hover, .page-games-and-apps body .body-copy p a:hover {
  color: #F8E08E;
}
.stories body .body-copy p a:hover, .page-stories body .body-copy p a:hover {
  color: #4A8DB8;
}
.home body .body-copy p a:hover, .page-homepage body .body-copy p a:hover, .news body .body-copy p a:hover, .blog body .body-copy p a:hover {
  color: #F7941D;
}
.page-level-up body .body-copy p a:hover, .page-accreditation body .body-copy p a:hover {
  color: #fff;
}
body .body-copy p:first-of-type {
  font-size: 1.75rem;
  line-height: 1.875rem;
}
body .body-copy p strong {
  font-weight: 600;
}
body .body-copy p em {
  font-style: italic;
}
body .body-copy .wp-caption {
  max-width: 100%;
}
body .body-copy .wp-caption .wp-caption-text {
  color: #F04D5F;
  padding: 20px 10px;
  text-align: center;
}
.support body .body-copy .wp-caption .wp-caption-text, .page-support-feelings-symptoms body .body-copy .wp-caption .wp-caption-text, .single-a-to-z body .body-copy .wp-caption .wp-caption-text, .single-symptoms body .body-copy .wp-caption .wp-caption-text {
  color: #05B1A4;
}
.games-and-apps body .body-copy .wp-caption .wp-caption-text, .page-games-and-apps body .body-copy .wp-caption .wp-caption-text {
  color: #F8E08E;
}
.stories body .body-copy .wp-caption .wp-caption-text, .page-stories body .body-copy .wp-caption .wp-caption-text {
  color: #4A8DB8;
}
.home body .body-copy .wp-caption .wp-caption-text, .page-homepage body .body-copy .wp-caption .wp-caption-text, .news body .body-copy .wp-caption .wp-caption-text, .blog body .body-copy .wp-caption .wp-caption-text {
  color: #F7941D;
}
.page-level-up body .body-copy .wp-caption .wp-caption-text, .page-accreditation body .body-copy .wp-caption .wp-caption-text {
  color: #fff;
}
body .body-copy img {
  max-width: 100%;
  height: auto;
}

.subhead-medium {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #231f20;
  margin-bottom: 20px;
}

.subhead-medium__red {
  color: #F04D5F;
}

.font-normal, .font-normal p {
  font-weight: 500;
}

.heading-font {
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
}

.large-font {
  font-size: 1.75rem;
  line-height: 1.875rem;
}

.title-small {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  text-align: left;
  color: #F04D5F;
  margin-bottom: 0px;
}
.title-small.support-post, .title-small.a-to-z-post, .title-small.symptoms-post, .single-symptoms .title-small {
  color: #05B1A4;
}
.title-small.games-and-apps-post {
  color: #F8E08E;
}
.title-small.stories-post, .title-small.page-stories {
  color: #4A8DB8;
}
.home .title-small, .page-homepage .title-small, .title-small .news-post, .title-small.news-post, .title-small.blog, .blog .title-small {
  color: #F7941D;
}

/* =======================================================================
## ++ Buttons & Links
========================================================================== */
.standard-button, .sidebar-login-pane p.login-submit input[type=submit] {
  display: inline-block;
  position: relative;
  min-width: 180px;
  min-height: 40px;
  text-align: center;
  font-weight: 600;
  color: #fff;
  text-decoration: none;
  padding: 12px 20px;
  margin: 20px;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.625rem;
  overflow: hidden;
  border: none;
  font-family: inherit;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.standard-button.standard-button-yellow, .sidebar-login-pane p.login-submit input.standard-button-yellow[type=submit] {
  background-color: #F8E08E;
}
.standard-button.standard-button-orange, .sidebar-login-pane p.login-submit input.standard-button-orange[type=submit] {
  background-color: #F7941D;
}
.standard-button.standard-button-stories, .sidebar-login-pane p.login-submit input.standard-button-stories[type=submit] {
  background-color: #4A8DB8;
}
.standard-button.standard-button-red, .sidebar-login-pane p.login-submit input[type=submit] {
  background-color: #F04D5F;
}
.standard-button.standard-button-dark, .sidebar-login-pane p.login-submit input.standard-button-dark[type=submit] {
  background-color: #231f20;
}
.standard-button.standard-button-blue, .sidebar-login-pane p.login-submit input.standard-button-blue[type=submit] {
  background-color: #4A8DB8;
}
.standard-button.standard-button-keyline, .sidebar-login-pane p.login-submit input.standard-button-keyline[type=submit] {
  border: 2px solid #F04D5F;
  color: #231f20;
  background-color: #fff;
  padding: 10px 20px;
}
.standard-button .anim, .sidebar-login-pane p.login-submit input[type=submit] .anim {
  -moz-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  position: absolute;
  top: 50%;
  left: 50%;
}
.standard-button .anim:before, .sidebar-login-pane p.login-submit input[type=submit] .anim:before {
  position: relative;
  content: "";
  display: block;
  margin-top: 100%;
}
.standard-button .anim:after, .sidebar-login-pane p.login-submit input[type=submit] .anim:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
}
.standard-button:after, .sidebar-login-pane p.login-submit input[type=submit]:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  top: 0px;
  left: 0px;
  opacity: 0;
}
.standard-button:hover, .sidebar-login-pane p.login-submit input[type=submit]:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}
.standard-button:hover .anim, .sidebar-login-pane p.login-submit input[type=submit]:hover .anim {
  -moz-animation: anim-out 0.55s;
  -webkit-animation: anim-out 0.55s;
  animation: anim-out 0.55s;
}
.standard-button:hover .anim:after, .sidebar-login-pane p.login-submit input[type=submit]:hover .anim:after {
  -moz-animation: anim-out-pseudo 0.55s;
  -webkit-animation: anim-out-pseudo 0.55s;
  animation: anim-out-pseudo 0.55s;
}
.standard-button:active, .sidebar-login-pane p.login-submit input[type=submit]:active {
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}
.standard-button:active:after, .sidebar-login-pane p.login-submit input[type=submit]:active:after {
  opacity: 0.05;
}
@-webkit-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes anim-out {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 255, 255, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-moz-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 255, 255, 0.25);
  }
  100% {
    background: transparent;
  }
}
@-o-keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 255, 255, 0.25);
  }
  100% {
    background: transparent;
  }
}
@keyframes anim-out-pseudo {
  0% {
    background: rgba(255, 255, 255, 0.25);
  }
  100% {
    background: transparent;
  }
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev, .square-button {
  display: block;
  width: 44px;
  height: 44px;
  background-color: #fff;
  color: #231f20;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  position: absolute;
}

.big-link {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-align: left;
  font-weight: 600;
  font-size: 1.375rem;
  line-height: 1.625rem;
  margin-right: 20px;
  margin-bottom: 15px;
  padding-right: 25px;
  padding-left: 0px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.big-link:before {
  content: ">";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  opacity: 1;
  font-weight: 300;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.big-link:after {
  content: ">";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  font-weight: 300;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.big-link:hover {
  padding-right: 0px;
  padding-left: 25px;
}
.big-link:hover:before {
  opacity: 0;
  right: -10px;
}
.big-link:hover:after {
  opacity: 0.7;
}
.big-link.big-link-dark {
  color: #231f20;
}
.big-link.big-link-light {
  color: #fff;
}

.text-link, .text-link-noarrow {
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  position: relative;
  text-align: left;
  margin-right: 10px;
  margin-bottom: 15px;
  padding-right: 15px;
  padding-left: 0px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.text-link:after, .text-link-noarrow:after {
  content: ">";
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  font-weight: 300;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.text-link:before, .text-link-noarrow:before {
  content: ">";
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  font-weight: 300;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
.text-link:hover, .text-link-noarrow:hover {
  padding-right: 0px;
  padding-left: 15px;
}
.text-link:hover:before, .text-link-noarrow:hover:before {
  opacity: 0;
  right: -5px;
}
.text-link:hover:after, .text-link-noarrow:hover:after {
  opacity: 0.7;
}

.text-link-noarrow:before {
  display: none;
}

.title-link {
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-transform: uppercase;
  text-decoration: none;
  display: inline-block;
  position: relative;
  margin-right: 5px;
  margin-left: 5px;
  padding-right: 0px;
  padding-left: 0px;
  color: #231f20;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
}
.title-link.title-link__red {
  color: #F04D5F;
}
.title-link.title-link__orange {
  color: #F7941D;
}

.title-link:hover {
  color: #231f20;
}

/* =======================================================================
## ++ Breadcrumb trail
========================================================================== */
.breadcrumb-trail {
  display: block;
  color: #c6c6c6;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.breadcrumb-trail a {
  color: #c6c6c6;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.breadcrumb-trail a:hover {
  color: #231f20;
  text-decoration: underline;
}

/* =======================================================================
## ++ Post Tags 
========================================================================== */
.post-tags {
  display: block;
  color: #231f20;
  margin-bottom: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.post-tags a {
  display: inline-block;
  padding: 0 5px;
  text-decoration: none;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #F04D5F;
}
.support .post-tags a, .page-support-feelings-symptoms .post-tags a, .single-a-to-z .post-tags a, .single-symptoms .post-tags a {
  color: #05B1A4;
}
.games-and-apps .post-tags a, .page-games-and-apps .post-tags a {
  color: #F8E08E;
}
.stories .post-tags a, .page-stories .post-tags a {
  color: #4A8DB8;
}
.home .post-tags a, .page-homepage .post-tags a, .news .post-tags a, .blog .post-tags a {
  color: #F7941D;
}
.page-level-up .post-tags a, .page-accreditation .post-tags a {
  color: #fff;
}
.post-tags a:hover {
  color: #231f20;
  text-decoration: underline;
}

/* =======================================================================
## ++ Aside pane links / Featured news etc
========================================================================== */
#page-sidebar h3.featured-title, #page-sidebar h3.fact-title, #page-sidebar h3.support-fact-title, #page-sidebar h3.legal-side-title, #page-sidebar h3.contact-side-title {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
  text-transform: uppercase;
  color: #fff;
}
#page-sidebar h3.featured-title:after, #page-sidebar h3.fact-title:after, #page-sidebar h3.support-fact-title:after, #page-sidebar h3.legal-side-title:after, #page-sidebar h3.contact-side-title:after {
  content: "";
  display: block;
  position: absolute;
  width: 100px;
  height: 80px;
  right: 10px;
  bottom: -15px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 2;
}
#page-sidebar h3.featured-title {
  background: #F7941D;
}
#page-sidebar h3.featured-title:after {
  background-image: url("images/drawings-pair-smoking-med.png");
  z-index: 11;
}
#page-sidebar h3.fact-title {
  background: #4A8DB8;
}
#page-sidebar h3.fact-title:after {
  background-image: url("images/drawings-large-group-med.png");
  z-index: 11;
}
#page-sidebar h3.support-fact-title {
  background: #05B1A4;
}
#page-sidebar h3.support-fact-title:after {
  background-image: url("images/drawings-large-group-med.png");
  z-index: 11;
}
#page-sidebar h3.legal-side-title {
  background: #F04D5F;
}
#page-sidebar h3.legal-side-title:after {
  background-image: url("images/drawings-large-group-med.png");
  z-index: 11;
}
#page-sidebar h3.contact-side-title {
  background: #F04D5F;
}
#page-sidebar h3.contact-side-title:after {
  background-image: url("images/drawings-large-group-med.png");
  z-index: 11;
}
#page-sidebar .news-featured-posts {
  margin-bottom: 10px;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link {
  display: flex;
  position: relative;
  align-items: center;
  text-decoration: none;
  padding: 20px 40px 20px 0px;
  margin-bottom: 2px;
  color: #231f20;
  background-color: #ececec;
  z-index: 1;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0);
}
#page-sidebar .news-featured-posts a.news-featured-posts-link .news-featured-posts-number {
  display: flex;
  width: 44px;
  margin-right: 20px;
  flex-shrink: 0;
  flex-basis: 44px;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link .news-featured-posts-number p {
  display: block;
  background: #fff;
  color: #231f20;
  width: 44px;
  height: 44px;
  text-align: center;
  font-weight: 400;
  line-height: 44px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link div.news-details {
  padding: 0;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link div.news-details .post-cat {
  text-transform: uppercase;
  color: #F7941D;
  margin-bottom: 0px;
  font-weight: 600;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link div.news-details .post-title {
  text-transform: uppercase;
  color: #231f20;
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 600;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link div.news-details .post-date {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.0625rem;
  text-transform: uppercase;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link:hover {
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  z-index: 10;
  cursor: pointer;
  background: #fff;
}
#page-sidebar .news-featured-posts a.news-featured-posts-link:hover .news-featured-posts-number p {
  background: #F7941D;
  color: #fff;
}

header {
  position: relative;
  min-height: 70vh;
  overflow: hidden;
  width: 100%;
  text-transform: uppercase;
  /* Red */
  /* Green */
  /* Yellow */
}
header.theme1, header #header-nav-wrapper.theme1 {
  background-color: #F04D5F;
}
header.theme2, header #header-nav-wrapper.theme2 {
  background-color: #05B1A4;
}
header.theme3, header #header-nav-wrapper.theme3 {
  background-color: #F8E08E;
}
header #header-nav-wrapper {
  background-color: #F04D5F;
}
.support header #header-nav-wrapper, .page-support-feelings-symptoms header #header-nav-wrapper, .single-a-to-z header #header-nav-wrapper, .single-symptoms header #header-nav-wrapper, .single-symptoms header #header-nav-wrapper, .page-a-to-z-of-mental-health header #header-nav-wrapper, .page-wellbeing header #header-nav-wrapper {
  background-color: #05B1A4;
}
.games-and-apps header #header-nav-wrapper, .page-games-and-apps header #header-nav-wrapper {
  background-color: #F8E08E;
}
.stories header #header-nav-wrapper, .page-stories header #header-nav-wrapper {
  background-color: #4A8DB8;
}
.news header #header-nav-wrapper, .blog header #header-nav-wrapper {
  background-color: #F7941D;
}
header.standard-header {
  min-height: 170px;
}
@media screen and (max-width: 1000px) {
  header.standard-header {
    min-height: 90px;
  }
}
header #header-nav-wrapper {
  width: 100%;
  height: 170px;
  position: fixed;
  z-index: 9999;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper {
    height: 90px;
  }
}
header #header-nav-wrapper.sticky {
  height: 125px;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper.sticky {
    height: 90px;
  }
}
@media screen and (max-width: 720px) {
  header #header-nav-wrapper.sticky {
    height: 90px;
  }
}
header #header-nav-wrapper #header-logo {
  display: block;
  position: absolute;
  width: 300px;
  height: 120px;
  top: 5px;
  left: -11px;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
header #header-nav-wrapper #header-logo .st0 {
  fill: #231f20;
}
header #header-nav-wrapper #header-logo .st1 {
  fill: #fff;
}
header #header-nav-wrapper #header-logo .st4 {
  fill: none;
  stroke: #231f20;
  stroke-width: 4.5;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
header #header-nav-wrapper.sticky #header-logo {
  top: -9px;
  width: 250px;
  height: 100px;
}

@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #header-logo {
    top: -9px;
    width: 250px;
    height: 100px;
  }
}
header #header-nav-wrapper #header-logo-home-link {
  display: block;
  position: absolute;
  width: 300px;
  height: 100px;
  border: 0px solid green;
  top: 10px;
  left: -4px;
}
header #header-nav-wrapper.sticky #header-logo-home-link {
  width: 240px;
  height: 85px;
  top: 0px;
}

@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #header-logo-home-link {
    width: 240px;
    height: 85px;
    top: 0px;
  }
}
header #header-nav-wrapper #primary-navigation-wrapper, header #header-nav-wrapper #primary-navigation-mobile-wrapper {
  position: absolute;
  bottom: 0px;
  right: 0px;
  min-width: 100%;
  background-color: #fff;
  padding: 10px 0px 0px 0px;
  font-size: 1.375rem;
  line-height: 1.625rem;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #primary-navigation-wrapper, header #header-nav-wrapper #primary-navigation-mobile-wrapper {
    height: 10px;
    padding: 0;
  }
}
header #header-nav-wrapper #primary-navigation-wrapper ul, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #primary-navigation-wrapper ul, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul {
    display: none;
  }
}
header #header-nav-wrapper #primary-navigation-wrapper ul li, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li {
  display: inline-block;
  text-align: center;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a {
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: #231f20;
  text-align: center;
  margin-bottom: 10px;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.covid-19, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.covid-19 {
  color: #F04D5F;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: -5px;
  height: 3px;
  width: 0;
  background: #000;
  z-index: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a:hover {
  color: #464344;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a:hover:before {
  width: 100%;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.find-help:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.find-help:hover {
  color: #05B1A4;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.find-help:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.find-help:hover:before {
  background: #05B1A4;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.support:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.support:hover {
  color: #F04D5F;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.support:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.support:hover:before {
  background: #F04D5F;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.latest-news:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.latest-news:hover {
  color: #F7941D;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.latest-news:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.latest-news:hover:before {
  background: #F7941D;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.stories:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.stories:hover {
  color: #4A8DB8;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.stories:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.stories:hover:before {
  background: #4A8DB8;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.games-and-apps:hover, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.games-and-apps:hover {
  color: #F8E08E;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li a.games-and-apps:hover:before, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.games-and-apps:hover:before {
  background: #F8E08E;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega {
  display: none;
  position: absolute;
  top: 40px;
  width: 100%;
  left: 0px;
  text-align: center;
  background-color: #fff;
  padding: 30px 15px;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu {
  margin: 0px auto;
  max-width: 1180px;
  align-items: start;
  justify-content: flex-start;
  text-align: left;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu li, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu li {
  width: 25%;
  text-align: left;
  margin-right: 25px;
  padding-left: 25px;
  padding-top: 10px;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu a, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu a {
  text-align: left;
  line-height: 1em;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu a:after, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu a:after {
  content: none;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu a small, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu a small {
  font-weight: 400;
  font-size: 0.75em;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu.find-help li, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu.find-help li {
  border-left: 2px solid #05B1A4;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu.support li, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu.support li {
  border-left: 2px solid #F04D5F;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li .mega .sub-menu.latest-news li, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .mega .sub-menu.latest-news li {
  border-left: 2px solid #F7941D;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li.has-sub > a:first-of-type, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.has-sub > a:first-of-type {
  padding-right: 20px;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li.has-sub > a:first-of-type:after, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.has-sub > a:first-of-type:after {
  content: url("images/nav-arrow.svg");
  display: block;
  position: absolute;
  top: 2px;
  right: -3px;
  width: 20px;
  height: 20px;
  font-weight: 400;
}
header #header-nav-wrapper #primary-navigation-wrapper ul li.has-sub:hover .mega, header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.has-sub:hover .mega {
  display: block;
}
header #header-nav-wrapper button.hamburger {
  display: none;
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper button.hamburger {
    display: inline-block;
  }
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  display: none;
  bottom: auto;
  top: 0px;
  right: -350px;
  min-width: 300px;
  padding-top: 100px;
  padding-bottom: 100px;
  height: 100vh;
  overflow-y: auto;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #primary-navigation-mobile-wrapper {
    display: block;
  }
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul {
  display: block;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li {
  display: block;
  text-align: left;
  border-top: 1px solid #ececec;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a {
  display: block;
  position: relative;
  width: 100%;
  text-align: left;
  padding-left: 20px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 80px;
  margin-bottom: 0px;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a:before {
  content: "";
  display: none;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a:hover {
  background: #ececec;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.has-sub:after {
  content: url("images/nav-arrow.svg");
  display: block;
  position: absolute;
  top: 18px;
  right: 30px;
  width: 14px;
  height: 14px;
  font-weight: 400;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li a.has-sub.is-active:after {
  transform: rotate(180deg);
  top: 22px;
  right: 30px;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .sub-menu {
  display: none;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .sub-menu li {
  font-weight: 400;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li .sub-menu li a {
  padding-left: 40px;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.secondary-navigation-mobile {
  color: pink;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.secondary-navigation-mobile a {
  font-weight: 500;
}
header #header-nav-wrapper #primary-navigation-mobile-wrapper ul li.secondary-navigation-mobile .donate-button {
  background: #F04D5F;
  color: #fff;
}
header #header-nav-wrapper #secondary-navigation {
  position: absolute;
  right: 0px;
  top: 50px;
  margin-left: 260px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  border: 0px solid black;
  text-align: right;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #secondary-navigation {
    display: none;
  }
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #secondary-navigation {
    top: 80px;
  }
}
header #header-nav-wrapper.sticky #secondary-navigation {
  top: 40px;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper.sticky #secondary-navigation {
    top: 50px;
  }
}

header #header-nav-wrapper #secondary-navigation li {
  display: inline-block;
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #secondary-navigation li:nth-last-child(1) {
    padding-left: 0;
  }
}
header #header-nav-wrapper #secondary-navigation li:before {
  content: "/";
  color: #fff;
  position: absolute;
  left: 5px;
  top: -1px;
  display: inline-block;
}
header #header-nav-wrapper #secondary-navigation li:first-of-type:before, header #header-nav-wrapper #secondary-navigation li:last-of-type:before {
  display: none;
}
header #header-nav-wrapper #secondary-navigation li a {
  display: inline;
  position: relative;
  margin: 0;
  text-decoration: none;
  color: #231f20;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 500;
  padding: 7px 1px;
}
header #header-nav-wrapper #secondary-navigation li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  bottom: 5px;
  height: 2px;
  width: 0;
  background: #000;
  z-index: 1;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
header #header-nav-wrapper #secondary-navigation li a:hover:before {
  width: 100%;
}
header #header-nav-wrapper #secondary-navigation li a.donate-button {
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background-color: #fff;
  padding: 7px 30px;
  font-weight: 600;
}
header #header-nav-wrapper #secondary-navigation li a.donate-button:before {
  display: none;
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper #secondary-navigation li a.donate-button {
    position: absolute;
    top: -70px;
    right: 0px;
  }
}
@media screen and (max-width: 1000px) {
  header #header-nav-wrapper.sticky #secondary-navigation li a.donate-button {
    top: -60px;
    right: 0px;
  }
}

header #hero-pane-wrap .hero-pane {
  border: 0px solid blue;
  /*min-height: 1100px;*/
}
header .hero-pane {
  display: none;
  padding-top: 180px;
  border: 3px solid orange;
  width: 100%;
  padding-bottom: 80px;
}
@media screen and (max-width: 1000px) {
  header .hero-pane {
    padding-top: 140px;
  }
}
header .hero-pane .pic-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding: 20px;
}
@media screen and (max-width: 1000px) {
  header .hero-pane .pic-container {
    width: 40%;
  }
}
@media screen and (max-width: 720px) {
  header .hero-pane .pic-container {
    display: none;
  }
}
header .hero-pane .pic-container img {
  width: 100%;
  height: auto;
}
header .hero-pane .quote-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  padding-top: 20px;
}
@media screen and (max-width: 1180px) {
  header .hero-pane .quote-container {
    margin-right: 100px;
  }
}
@media screen and (max-width: 1000px) {
  header .hero-pane .quote-container {
    width: 60%;
  }
}
@media screen and (max-width: 720px) {
  header .hero-pane .quote-container {
    width: 100%;
  }
}
header .hero-pane .home-quotes {
  display: block;
  width: 100%;
}
header .hero-pane .home-quotes .quote-text {
  display: block;
  position: relative;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  color: #fff;
  font-size: 3.4375rem;
  line-height: 3.125rem;
  text-transform: uppercase;
  padding: 50px 40px;
  border: 5px solid #fff;
  border-radius: 30px;
}
@media screen and (max-width: 720px) {
  header .hero-pane .home-quotes .quote-text {
    font-size: 2.8125rem;
    line-height: 2.875rem;
  }
}
@media screen and (max-width: 720px) {
  header .hero-pane .home-quotes .quote-text {
    padding: 30px 25px;
  }
}
header .hero-pane .home-quotes .quote-text .quote-end {
  display: block;
  position: absolute;
  display: block;
  position: absolute;
  width: 70px;
  height: 40px;
  bottom: -40px;
  padding: 0;
  left: 40px;
  border: 0px solid pink;
}
header .hero-pane .home-quotes .quote-text .quote-end svg {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
}
header .hero-pane .home-quotes .quote-text .quote-end svg .line {
  fill: none;
  stroke: #fff;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
header.theme1 .hero-pane .home-quotes .quote-text .quote-end svg {
  fill: #F04D5F;
}

header.theme2 .hero-pane .home-quotes .quote-text .quote-end svg {
  fill: #05B1A4;
}

header.theme3 .hero-pane .home-quotes .quote-text .quote-end svg {
  fill: #F8E08E;
}

header .hero-pane .home-quotes .quote-sub-text {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-top: 50px;
  margin-bottom: 5px;
  margin-left: 40px;
  color: #fff;
}
header .hero-pane .home-quotes a {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #231f20;
  margin-left: 40px;
}
header .hero-pane:nth-of-type(1) {
  display: flex;
}
header #scroll-icon {
  display: block;
  position: absolute;
  color: #231f20;
  width: 50px;
  height: 80px;
  bottom: 0px;
  left: 50%;
  margin-left: -20px;
  text-align: text-bottom;
  font-size: 0.875rem;
}
header #scroll-icon p {
  position: absolute;
  bottom: 10px;
  text-align: center;
  width: 100%;
}
header #scroll-icon svg {
  position: absolute;
  top: 0px;
  left: 11.5px;
  fill: #231f20;
}

#cover button.close-overlay, #cover .message, #need-help-sidebar a#need-help-sidebar-button-mobile, #need-help-sidebar a#need-help-sidebar-button-desktop {
  display: block;
  position: absolute;
  text-decoration: none;
  color: #fff;
  background-color: #F04D5F;
  border-radius: 8px;
  border: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.3);
}
#cover button.close-overlay span, #cover .message span, #need-help-sidebar a#need-help-sidebar-button-mobile span, #need-help-sidebar a#need-help-sidebar-button-desktop span {
  color: #231f20;
}

#need-help-sidebar a#need-help-sidebar-button-mobile:hover, #need-help-sidebar a#need-help-sidebar-button-desktop:hover {
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

#need-help-sidebar {
  display: block;
  position: fixed;
  top: 0px;
  right: 0px;
  z-index: 999;
}
#need-help-sidebar a#need-help-sidebar-button-desktop {
  font-size: 1.75rem;
  line-height: 1.875rem;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  top: 190px;
  right: -15px;
  width: 100px;
  min-height: 250px;
  padding: 20px 20px 5px 5px;
}
.standard-header #need-help-sidebar a#need-help-sidebar-button-desktop {
  top: 190px;
}
@media screen and (max-width: 1000px) {
  .standard-header #need-help-sidebar a#need-help-sidebar-button-desktop {
    top: 110px;
  }
}
#need-help-sidebar a#need-help-sidebar-button-desktop img {
  margin-top: 20px;
}
#need-help-sidebar a#need-help-sidebar-button-desktop:hover {
  right: -10px;
}
#need-help-sidebar.sticky a#need-help-sidebar-button-desktop {
  right: -200px;
}
#need-help-sidebar a#need-help-sidebar-button-mobile {
  font-size: 1.375rem;
  line-height: 1.625rem;
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  top: 105px;
  min-width: 250px;
  height: 60px;
  padding: 20px 20px 10px 20px;
  right: -400px;
}
@media screen and (max-width: 1000px) {
  #need-help-sidebar a#need-help-sidebar-button-mobile {
    top: 75px;
  }
}
#need-help-sidebar.sticky a#need-help-sidebar-button-mobile {
  right: -15px;
}

#post-header-image {
  display: block;
  position: relative;
  width: 100%;
  height: 400px;
  margin-bottom: 50px;
  overflow: hidden;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% 50%;
}
#post-header-image .bg-fill {
  height: 100%;
  width: 100%;
}
#post-header-image .rowFlex {
  align-items: center;
  height: 100%;
}
#post-header-image .rowFlex h1 {
  color: #fff;
}

#single-post-page .col75.main-content {
  padding-right: 100px;
  margin-bottom: 50px;
}
#single-post-page .col75.main-content article .post-date {
  font-weight: 400;
  font-size: 0.9375rem;
  line-height: 1.0625rem;
  color: #F04D5F;
  margin-top: 10px;
  margin-bottom: 20px;
  text-transform: uppercase;
}
.support #single-post-page .col75.main-content article .post-date, .page-support-feelings-symptoms #single-post-page .col75.main-content article .post-date, .single-a-to-z #single-post-page .col75.main-content article .post-date, .single-symptoms #single-post-page .col75.main-content article .post-date {
  color: #05B1A4;
}
.games-and-apps #single-post-page .col75.main-content article .post-date, .page-games-and-apps #single-post-page .col75.main-content article .post-date {
  color: #F8E08E;
}
.stories #single-post-page .col75.main-content article .post-date, .page-stories #single-post-page .col75.main-content article .post-date {
  color: #4A8DB8;
}
.home #single-post-page .col75.main-content article .post-date, .page-homepage #single-post-page .col75.main-content article .post-date, .news #single-post-page .col75.main-content article .post-date, .blog #single-post-page .col75.main-content article .post-date {
  color: #F7941D;
}
.page-level-up #single-post-page .col75.main-content article .post-date, .page-accreditation #single-post-page .col75.main-content article .post-date {
  color: #fff;
}
#single-post-page .col75.main-content article h2, #single-post-page .col75.main-content article h3, #single-post-page .col75.main-content article h4, #single-post-page .col75.main-content article h5, #single-post-page .col75.main-content article h6 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #F04D5F;
}
.support #single-post-page .col75.main-content article h2, .page-support-feelings-symptoms #single-post-page .col75.main-content article h2, .single-a-to-z #single-post-page .col75.main-content article h2, .single-symptoms #single-post-page .col75.main-content article h2, .support #single-post-page .col75.main-content article h3, .page-support-feelings-symptoms #single-post-page .col75.main-content article h3, .single-a-to-z #single-post-page .col75.main-content article h3, .single-symptoms #single-post-page .col75.main-content article h3, .support #single-post-page .col75.main-content article h4, .page-support-feelings-symptoms #single-post-page .col75.main-content article h4, .single-a-to-z #single-post-page .col75.main-content article h4, .single-symptoms #single-post-page .col75.main-content article h4, .support #single-post-page .col75.main-content article h5, .page-support-feelings-symptoms #single-post-page .col75.main-content article h5, .single-a-to-z #single-post-page .col75.main-content article h5, .single-symptoms #single-post-page .col75.main-content article h5, .support #single-post-page .col75.main-content article h6, .page-support-feelings-symptoms #single-post-page .col75.main-content article h6, .single-a-to-z #single-post-page .col75.main-content article h6, .single-symptoms #single-post-page .col75.main-content article h6 {
  color: #05B1A4;
}
.games-and-apps #single-post-page .col75.main-content article h2, .page-games-and-apps #single-post-page .col75.main-content article h2, .games-and-apps #single-post-page .col75.main-content article h3, .page-games-and-apps #single-post-page .col75.main-content article h3, .games-and-apps #single-post-page .col75.main-content article h4, .page-games-and-apps #single-post-page .col75.main-content article h4, .games-and-apps #single-post-page .col75.main-content article h5, .page-games-and-apps #single-post-page .col75.main-content article h5, .games-and-apps #single-post-page .col75.main-content article h6, .page-games-and-apps #single-post-page .col75.main-content article h6 {
  color: #F8E08E;
}
.stories #single-post-page .col75.main-content article h2, .page-stories #single-post-page .col75.main-content article h2, .stories #single-post-page .col75.main-content article h3, .page-stories #single-post-page .col75.main-content article h3, .stories #single-post-page .col75.main-content article h4, .page-stories #single-post-page .col75.main-content article h4, .stories #single-post-page .col75.main-content article h5, .page-stories #single-post-page .col75.main-content article h5, .stories #single-post-page .col75.main-content article h6, .page-stories #single-post-page .col75.main-content article h6 {
  color: #4A8DB8;
}
.home #single-post-page .col75.main-content article h2, .page-homepage #single-post-page .col75.main-content article h2, .news #single-post-page .col75.main-content article h2, .blog #single-post-page .col75.main-content article h2, .home #single-post-page .col75.main-content article h3, .page-homepage #single-post-page .col75.main-content article h3, .news #single-post-page .col75.main-content article h3, .blog #single-post-page .col75.main-content article h3, .home #single-post-page .col75.main-content article h4, .page-homepage #single-post-page .col75.main-content article h4, .news #single-post-page .col75.main-content article h4, .blog #single-post-page .col75.main-content article h4, .home #single-post-page .col75.main-content article h5, .page-homepage #single-post-page .col75.main-content article h5, .news #single-post-page .col75.main-content article h5, .blog #single-post-page .col75.main-content article h5, .home #single-post-page .col75.main-content article h6, .page-homepage #single-post-page .col75.main-content article h6, .news #single-post-page .col75.main-content article h6, .blog #single-post-page .col75.main-content article h6 {
  color: #F7941D;
}
.page-level-up #single-post-page .col75.main-content article h2, .page-accreditation #single-post-page .col75.main-content article h2, .page-level-up #single-post-page .col75.main-content article h3, .page-accreditation #single-post-page .col75.main-content article h3, .page-level-up #single-post-page .col75.main-content article h4, .page-accreditation #single-post-page .col75.main-content article h4, .page-level-up #single-post-page .col75.main-content article h5, .page-accreditation #single-post-page .col75.main-content article h5, .page-level-up #single-post-page .col75.main-content article h6, .page-accreditation #single-post-page .col75.main-content article h6 {
  color: #fff;
}
#single-post-page .col75.main-content article blockquote {
  display: block;
  position: relative;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 700;
  padding: 40px 80px;
  border: 4px solid;
  color: #F04D5F;
  border-color: #F04D5F;
  border-radius: 30px;
  margin-bottom: 60px;
  margin-top: 30px;
}
@media screen and (max-width: 720px) {
  #single-post-page .col75.main-content article blockquote {
    padding: 20px 40px;
  }
}
.support #single-post-page .col75.main-content article blockquote, .page-support-feelings-symptoms #single-post-page .col75.main-content article blockquote, .single-a-to-z #single-post-page .col75.main-content article blockquote, .single-symptoms #single-post-page .col75.main-content article blockquote {
  color: #05B1A4;
}
.games-and-apps #single-post-page .col75.main-content article blockquote, .page-games-and-apps #single-post-page .col75.main-content article blockquote {
  color: #F8E08E;
}
.stories #single-post-page .col75.main-content article blockquote, .page-stories #single-post-page .col75.main-content article blockquote {
  color: #4A8DB8;
}
.home #single-post-page .col75.main-content article blockquote, .page-homepage #single-post-page .col75.main-content article blockquote, .news #single-post-page .col75.main-content article blockquote, .blog #single-post-page .col75.main-content article blockquote {
  color: #F7941D;
}
.page-level-up #single-post-page .col75.main-content article blockquote, .page-accreditation #single-post-page .col75.main-content article blockquote {
  color: #fff;
}
.support #single-post-page .col75.main-content article blockquote, .page-support-feelings-symptoms #single-post-page .col75.main-content article blockquote, .single-a-to-z #single-post-page .col75.main-content article blockquote, .single-symptoms #single-post-page .col75.main-content article blockquote {
  border-color: #05B1A4;
}
.games-and-apps #single-post-page .col75.main-content article blockquote, .page-games-and-apps #single-post-page .col75.main-content article blockquote {
  border-color: #F8E08E;
}
.stories #single-post-page .col75.main-content article blockquote, .page-stories #single-post-page .col75.main-content article blockquote {
  border-color: #4A8DB8;
}
.news #single-post-page .col75.main-content article blockquote, .blog #single-post-page .col75.main-content article blockquote {
  border-color: #F7941D;
}
.page-level-up #single-post-page .col75.main-content article blockquote, .page-accreditation #single-post-page .col75.main-content article blockquote {
  border-color: #fff;
}
#single-post-page .col75.main-content article blockquote p {
  margin-bottom: 0px;
  font-weight: 600;
}
#single-post-page .col75.main-content article blockquote:after {
  display: block;
  position: absolute;
  display: block;
  position: absolute;
  width: 70px;
  height: 40px;
  bottom: -40px;
  padding: 0;
  left: 40px;
}
.help #single-post-page .col75.main-content article blockquote:after, .covid-19 #single-post-page .col75.main-content article blockquote:after, .crisis-hub #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle1.svg");
}
.support #single-post-page .col75.main-content article blockquote:after, .page-support-feelings-symptoms #single-post-page .col75.main-content article blockquote:after, .single-a-to-z #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle2.svg");
}
.games-and-apps #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle3.svg");
}
.stories #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle4.svg");
}
.news #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle5.svg");
}
.page-level-up #single-post-page .col75.main-content article blockquote:after, .page-accreditation #single-post-page .col75.main-content article blockquote:after {
  content: url("images/quote-triangle6.svg");
}
#single-post-page .col75.main-content article ul {
  padding-left: 0px;
  margin-bottom: 20px;
}
#single-post-page .col75.main-content article ul li {
  display: block;
  position: relative;
  font-weight: 400;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 20px;
}
#single-post-page .col75.main-content article ul li em {
  font-style: italic;
}
#single-post-page .col75.main-content article ul li:before {
  content: "";
  position: absolute;
  display: block;
  top: 15px;
  left: 0px;
  width: 8px;
  height: 2px;
  background-color: #F04D5F;
}
.support #single-post-page .col75.main-content article ul li:before, .page-support-feelings-symptoms #single-post-page .col75.main-content article ul li:before, .single-a-to-z #single-post-page .col75.main-content article ul li:before, .single-symptoms #single-post-page .col75.main-content article ul li:before, .single-symptoms #single-post-page .col75.main-content article ul li:before, .page-a-to-z-of-mental-health #single-post-page .col75.main-content article ul li:before, .page-wellbeing #single-post-page .col75.main-content article ul li:before {
  background-color: #05B1A4;
}
.games-and-apps #single-post-page .col75.main-content article ul li:before, .page-games-and-apps #single-post-page .col75.main-content article ul li:before {
  background-color: #F8E08E;
}
.stories #single-post-page .col75.main-content article ul li:before, .page-stories #single-post-page .col75.main-content article ul li:before {
  background-color: #4A8DB8;
}
.news #single-post-page .col75.main-content article ul li:before, .blog #single-post-page .col75.main-content article ul li:before {
  background-color: #F7941D;
}
#single-post-page .game-details p {
  color: #c6c6c6;
}
#single-post-page .game-details p span {
  color: #231f20;
}
@media screen and (max-width: 1000px) {
  #single-post-page .rowFlex {
    display: block;
  }
  #single-post-page .col75.main-content {
    width: 100%;
    padding-right: 0px;
  }
  #single-post-page .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
}

#end-of-post-pane {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 10px;
  background-color: #F04D5F;
  color: #fff;
}
#end-of-post-pane h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppecase;
  font-weight: 600;
  margin-bottom: 20px;
}
#end-of-post-pane p {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 400;
}
.support #end-of-post-pane, .page-support-feelings-symptoms #end-of-post-pane, .single-a-to-z #end-of-post-pane, .single-symptoms #end-of-post-pane, .single-symptoms #end-of-post-pane, .page-a-to-z-of-mental-health #end-of-post-pane, .page-wellbeing #end-of-post-pane {
  background-color: #05B1A4;
}
.games-and-apps #end-of-post-pane, .page-games-and-apps #end-of-post-pane {
  background-color: #F8E08E;
}
.stories #end-of-post-pane, .page-stories #end-of-post-pane {
  background-color: #4A8DB8;
}
.news #end-of-post-pane, .blog #end-of-post-pane {
  background-color: #F7941D;
}
.news #end-of-post-pane h2 {
  color: #231f20;
}
.page-games-and-apps #end-of-post-pane {
  color: #231f20;
}
#end-of-post-pane .col25 {
  padding: 10px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
#end-of-post-pane .col25 img {
  width: 100%;
  height: auto;
  padding: 10px;
}
@media screen and (max-width: 1000px) {
  #end-of-post-pane .col75 {
    width: 60%;
  }
  #end-of-post-pane .col25 {
    width: 40%;
  }
}
@media screen and (max-width: 720px) {
  #end-of-post-pane .rowFlex {
    display: block;
  }
  #end-of-post-pane .col75 {
    width: 100%;
  }
  #end-of-post-pane .col25 {
    width: 100%;
  }
  #end-of-post-pane .col25 img {
    width: 70%;
  }
}

#related-articles-pane {
  margin-bottom: 40px;
}
@media screen and (max-width: 720px) {
  #related-articles-pane .related-articles-pane {
    display: block;
  }
}
#related-articles-pane h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #F04D5F;
  text-transform: uppecase;
  font-weight: 600;
}
.support #related-articles-pane h2, .page-support-feelings-symptoms #related-articles-pane h2, .single-a-to-z #related-articles-pane h2, .single-symptoms #related-articles-pane h2 {
  color: #05B1A4;
}
.games-and-apps #related-articles-pane h2, .page-games-and-apps #related-articles-pane h2 {
  color: #F8E08E;
}
.stories #related-articles-pane h2, .page-stories #related-articles-pane h2 {
  color: #4A8DB8;
}
.home #related-articles-pane h2, .page-homepage #related-articles-pane h2, .news #related-articles-pane h2, .blog #related-articles-pane h2 {
  color: #F7941D;
}
.page-level-up #related-articles-pane h2, .page-accreditation #related-articles-pane h2 {
  color: #fff;
}
#related-articles-pane .related-articles-posts-link {
  display: block;
  width: 100%;
  margin-right: 5px;
  margin-left: 5px;
  text-decoration: none;
}
@media screen and (max-width: 720px) {
  #related-articles-pane .related-articles-posts-link {
    margin: 0;
  }
}
#related-articles-pane .related-articles-posts-link:first-of-type {
  margin-left: 0px;
}
#related-articles-pane .related-articles-posts-link:last-of-type {
  margin-right: 0px;
}
@media screen and (max-width: 720px) {
  #related-articles-pane .related-articles-posts-link {
    display: block;
  }
}
#related-articles-pane .related-articles-posts-link a.news-image-wrapper {
  display: inline-block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 50% 50%;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #related-articles-pane .related-articles-posts-link a.news-image-wrapper {
    padding-top: 0%;
    min-height: 250px;
  }
}
@media screen and (max-width: 720px) {
  #related-articles-pane .related-articles-posts-link a.news-image-wrapper {
    padding-top: 0%;
    min-height: 250px;
  }
}
@media screen and (max-width: 720px) {
  #related-articles-pane .related-articles-posts-link a.news-image-wrapper {
    display: block;
    width: 100%;
    margin-left: 0px;
    min-height: 150px;
    padding-top: 50%;
  }
}
#related-articles-pane .related-articles-posts-link a.news-image-wrapper .post-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#related-articles-pane .related-articles-posts-link a.news-image-wrapper:hover {
  cursor: pointer;
}
#related-articles-pane .related-articles-posts-link a.news-image-wrapper:hover .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#related-articles-pane .related-articles-posts-link .post-details {
  padding: 20px;
}
#related-articles-pane .related-articles-posts-link .post-details h1 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  text-align: left;
  color: #231f20;
  margin-bottom: 20px;
}
#related-articles-pane .related-articles-posts-link .post-details h1 a {
  text-decoration: none;
  color: #231f20;
}
#related-articles-pane .related-articles-posts-link .post-details h2.post-cat {
  color: #F04D5F;
  text-transform: uppercase;
  font-size: 1.125rem;
  line-height: 1.5rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#related-articles-pane .related-articles-posts-link .post-details h2.post-cat.support-post, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat.a-to-z-post, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat.symptoms-post, .single-symptoms #related-articles-pane .related-articles-posts-link .post-details h2.post-cat {
  color: #05B1A4;
}
#related-articles-pane .related-articles-posts-link .post-details h2.post-cat.games-and-apps-post {
  color: #F8E08E;
}
#related-articles-pane .related-articles-posts-link .post-details h2.post-cat.stories-post, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat.page-stories {
  color: #4A8DB8;
}
.home #related-articles-pane .related-articles-posts-link .post-details h2.post-cat, .page-homepage #related-articles-pane .related-articles-posts-link .post-details h2.post-cat, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat .news-post, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat.news-post, #related-articles-pane .related-articles-posts-link .post-details h2.post-cat.blog, .blog #related-articles-pane .related-articles-posts-link .post-details h2.post-cat {
  color: #F7941D;
}
#related-articles-pane .related-articles-posts-link .post-details p {
  font-weight: 400;
  margin-bottom: 20px;
}
#related-articles-pane .related-articles-posts-link .post-details p a {
  text-decoration: none;
  color: #231f20;
}
#related-articles-pane .related-articles-posts-link .post-details .text-link {
  text-transform: uppercase;
  color: #F04D5F;
  font-weight: 400;
}
#related-articles-pane .related-articles-posts-link .post-details .text-link.support-post, #related-articles-pane .related-articles-posts-link .post-details .text-link.a-to-z-post, #related-articles-pane .related-articles-posts-link .post-details .text-link.symptoms-post, .single-symptoms #related-articles-pane .related-articles-posts-link .post-details .text-link {
  color: #05B1A4;
}
#related-articles-pane .related-articles-posts-link .post-details .text-link.games-and-apps-post {
  color: #F8E08E;
}
#related-articles-pane .related-articles-posts-link .post-details .text-link.stories-post, #related-articles-pane .related-articles-posts-link .post-details .text-link.page-stories {
  color: #4A8DB8;
}
.home #related-articles-pane .related-articles-posts-link .post-details .text-link, .page-homepage #related-articles-pane .related-articles-posts-link .post-details .text-link, #related-articles-pane .related-articles-posts-link .post-details .text-link .news-post, #related-articles-pane .related-articles-posts-link .post-details .text-link.news-post, #related-articles-pane .related-articles-posts-link .post-details .text-link.blog, .blog #related-articles-pane .related-articles-posts-link .post-details .text-link {
  color: #F7941D;
}
#related-articles-pane .owl-dots {
  display: none;
}
#related-articles-pane .owl-nav button.owl-prev, #related-articles-pane .owl-nav button.owl-next {
  top: 102px;
}
#related-articles-pane .owl-nav button.owl-prev svg, #related-articles-pane .owl-nav button.owl-next svg {
  fill: #231f20;
}
#related-articles-pane .owl-nav button.owl-prev:hover, #related-articles-pane .owl-nav button.owl-next:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
}
#related-articles-pane .owl-nav button.owl-prev:hover svg, #related-articles-pane .owl-nav button.owl-next:hover svg {
  fill: #4A8DB8;
}
#related-articles-pane .owl-nav button.owl-prev:focus, #related-articles-pane .owl-nav button.owl-next:focus {
  outline: none;
}
#related-articles-pane .owl-nav button.owl-next {
  right: 0px;
}
#related-articles-pane .owl-nav button.owl-prev {
  left: 0px;
}

#about-page .jump-block {
  display: block;
  position: absolute;
  border: 0px solid green;
  top: -220px;
  left: 0px;
}
#about-page .team-sticky-nav {
  position: -webkit-sticky;
  /* Safari */
  position: sticky;
  padding-top: 40px;
  padding-bottom: 20px;
  top: 125px;
  background-color: #ececec;
  z-index: 10;
  border: 0px solid blue;
  margin-bottom: 20px;
}
@media screen and (max-width: 1000px) {
  #about-page .team-sticky-nav {
    top: 80px;
    padding-top: 60px;
  }
}
#about-page .main-content {
  font-weight: 400;
  margin-bottom: 40px;
}
#about-page #post-header-image .rowFlex {
  align-items: center;
  height: 100%;
}
#about-page #post-header-image .rowFlex h1 {
  color: #fff;
}
#about-page .support-page-top {
  margin-bottom: 50px;
}
#about-page .support-page-top p {
  font-weight: 400;
  margin-bottom: 20px;
}
#about-page .main-content .team-member-details {
  display: flex;
  justify-content: center;
  align-content: center;
}
@media screen and (max-width: 720px) {
  #about-page .main-content .team-member-details {
    display: block;
  }
}
#about-page .main-content .team-member-details .team-pic {
  width: 35%;
}
#about-page .main-content .team-member-details .team-pic img {
  max-width: 100%;
  height: auto;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 720px) {
  #about-page .main-content .team-member-details .team-pic {
    width: 100%;
  }
}
#about-page .main-content .team-member-details .team-member-copy {
  width: 65%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-left: 40px;
}
@media screen and (max-width: 720px) {
  #about-page .main-content .team-member-details .team-member-copy {
    width: 100%;
    padding-left: 0px;
    margin-top: 20px;
  }
}
#about-page .main-content h2 {
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  margin-bottom: 5px;
}

#meet-us-pane {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #ececec;
  padding-top: 40px;
  padding-top: 40px;
}
#meet-us-pane .pane-side-icon {
  flex-basis: 60px;
}
#meet-us-pane .pane-side-icon #team-icon {
  margin-top: -10px;
}
@media screen and (max-width: 720px) {
  #meet-us-pane .pane-side-icon {
    display: none;
  }
}
#meet-us-pane h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 0px;
}
#meet-us-pane h3 {
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #F04D5F;
  margin-bottom: 10px;
}
#meet-us-pane p {
  font-size: 1.125rem;
  line-height: 1.5rem;
  margin-bottom: 20px;
  font-weight: 400;
}
#meet-us-pane .meet-us-block {
  flex-wrap: wrap;
  margin-bottom: 40px;
}
#meet-us-pane .meet-us-block a.team-link-block {
  display: block;
  width: calc(16.66% - 9px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 13px;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
#meet-us-pane .meet-us-block a.team-link-block:nth-child(6n) {
  margin-right: 0px;
  border: 0px solid blue;
}
@media screen and (max-width: 1000px) {
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(6n) {
    margin-right: 5px;
  }
}
@media screen and (max-width: 720px) {
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(6n) {
    margin-right: 0px;
  }
}
#meet-us-pane .meet-us-block a.team-link-block:nth-child(6n+1) {
  margin-left: 0px;
  border: 0px solid pink;
}
@media screen and (max-width: 1000px) {
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(6n+1) {
    margin-left: 5px;
  }
}
@media screen and (max-width: 720px) {
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(6n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1000px) {
  #meet-us-pane .meet-us-block a.team-link-block {
    width: calc(33.333% - 10px);
  }
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(3n) {
    margin-right: 0px;
  }
  #meet-us-pane .meet-us-block a.team-link-block:nth-child(3n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 720px) {
  #meet-us-pane .meet-us-block a.team-link-block {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
#meet-us-pane .meet-us-block a.team-link-block .team-image-wrapper {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  padding-top: 90%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  overflow: hidden;
}
#meet-us-pane .meet-us-block a.team-link-block .team-image-wrapper .team-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#meet-us-pane .meet-us-block a.team-link-block:hover .team-image-wrapper .team-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#meet-us-pane .meet-us-block a.team-link-block:hover {
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
#meet-us-pane .meet-us-block a.team-link-block:hover img {
  width: 90%;
  height: auto;
  margin: 5%;
}
#meet-us-pane .meet-us-block a.team-link-block:hover .team-details {
  color: #F04D5F;
}
#meet-us-pane .meet-us-block a.team-link-block .team-details {
  padding: 20px;
  text-transform: uppercase;
  font-size: 1.375rem;
  line-height: 1.625rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  color: #231f20;
}

#partners-pane {
  margin-top: 40px;
  margin-bottom: 40px;
  padding-top: 40px;
  padding-top: 40px;
}
#partners-pane .pane-side-icon {
  flex-basis: 80px;
}
#partners-pane .pane-side-icon #partners-icon {
  margin-top: -10px;
}
#partners-pane h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 25px;
}
#partners-pane #partner-links {
  flex-wrap: wrap;
  width: 100%;
}
#partners-pane a.partner-link-block {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(16.66% - 9px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 13px;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
#partners-pane a.partner-link-block:nth-child(6n) {
  margin-right: 0px;
}
@media screen and (max-width: 1000px) {
  #partners-pane a.partner-link-block:nth-child(6n) {
    margin-right: 5px;
  }
}
@media screen and (max-width: 720px) {
  #partners-pane a.partner-link-block:nth-child(6n) {
    margin-right: 0px;
  }
}
#partners-pane a.partner-link-block:nth-child(6n+1) {
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  #partners-pane a.partner-link-block:nth-child(6n+1) {
    margin-left: 5px;
  }
}
@media screen and (max-width: 720px) {
  #partners-pane a.partner-link-block:nth-child(6n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 1000px) {
  #partners-pane a.partner-link-block {
    width: calc(33.333% - 10px);
  }
  #partners-pane a.partner-link-block:nth-child(3n) {
    margin-right: 0px;
  }
  #partners-pane a.partner-link-block:nth-child(3n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 720px) {
  #partners-pane a.partner-link-block {
    width: calc(50% - 5px);
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
  }
  #partners-pane a.partner-link-block:nth-child(2n) {
    margin-left: 10px;
  }
}
#partners-pane a.partner-link-block img {
  width: 80%;
  height: auto;
  margin: 10%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#partners-pane a.partner-link-block:hover {
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
#partners-pane a.partner-link-block:hover img {
  width: 90%;
  height: auto;
  margin: 5%;
}

#press-pane, #news-pane {
  font-weight: 500;
}
#press-pane .col.button-container, #news-pane .col.button-container {
  text-align: center;
}
#press-pane .news-container, #news-pane .news-container {
  display: flex;
}
@media screen and (max-width: 720px) {
  #press-pane .news-container, #news-pane .news-container {
    display: block;
  }
}
#press-pane a.article-block, #news-pane a.article-block {
  display: block;
  position: relative;
  width: 25%;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #231f20;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1000px) {
  #press-pane a.article-block, #news-pane a.article-block {
    width: 33%;
  }
}
@media screen and (max-width: 720px) {
  #press-pane a.article-block, #news-pane a.article-block {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.page-homepage #press-pane a.article-block:first-of-type, .home #press-pane a.article-block:first-of-type, .page-homepage #news-pane a.article-block:first-of-type, .home #news-pane a.article-block:first-of-type {
  width: 50%;
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  .page-homepage #press-pane a.article-block:first-of-type, .home #press-pane a.article-block:first-of-type, .page-homepage #news-pane a.article-block:first-of-type, .home #news-pane a.article-block:first-of-type {
    width: 33%;
  }
}
@media screen and (max-width: 720px) {
  .page-homepage #press-pane a.article-block:first-of-type, .home #press-pane a.article-block:first-of-type, .page-homepage #news-pane a.article-block:first-of-type, .home #news-pane a.article-block:first-of-type {
    width: 100%;
  }
}
#press-pane a.article-block:last-of-type, #news-pane a.article-block:last-of-type {
  margin-right: 0px;
}
#press-pane a.article-block:hover, #news-pane a.article-block:hover {
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
#press-pane a.article-block article .news-image-wrapper, #news-pane a.article-block article .news-image-wrapper {
  display: block;
  position: relative;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  padding-top: 50%;
  overflow: hidden;
}
#press-pane a.article-block article .news-image-wrapper .news-image, #news-pane a.article-block article .news-image-wrapper .news-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#press-pane a.article-block article:hover .news-image-wrapper .news-image, #news-pane a.article-block article:hover .news-image-wrapper .news-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#press-pane a.article-block article:hover .news-details h3, #news-pane a.article-block article:hover .news-details h3 {
  color: #F04D5F;
}
#press-pane a.article-block article:hover .news-details h3.support-post, #press-pane a.article-block article:hover .news-details h3.a-to-z-post, #press-pane a.article-block article:hover .news-details h3.symptoms-post, .single-symptoms #press-pane a.article-block article:hover .news-details h3, #news-pane a.article-block article:hover .news-details h3.support-post, #news-pane a.article-block article:hover .news-details h3.a-to-z-post, #news-pane a.article-block article:hover .news-details h3.symptoms-post, .single-symptoms #news-pane a.article-block article:hover .news-details h3 {
  color: #05B1A4;
}
#press-pane a.article-block article:hover .news-details h3.games-and-apps-post, #news-pane a.article-block article:hover .news-details h3.games-and-apps-post {
  color: #F8E08E;
}
#press-pane a.article-block article:hover .news-details h3.stories-post, #press-pane a.article-block article:hover .news-details h3.page-stories, #news-pane a.article-block article:hover .news-details h3.stories-post, #news-pane a.article-block article:hover .news-details h3.page-stories {
  color: #4A8DB8;
}
.home #press-pane a.article-block article:hover .news-details h3, .page-homepage #press-pane a.article-block article:hover .news-details h3, #press-pane a.article-block article:hover .news-details h3 .news-post, #press-pane a.article-block article:hover .news-details h3.news-post, #press-pane a.article-block article:hover .news-details h3.blog, .blog #press-pane a.article-block article:hover .news-details h3, .home #news-pane a.article-block article:hover .news-details h3, .page-homepage #news-pane a.article-block article:hover .news-details h3, #news-pane a.article-block article:hover .news-details h3 .news-post, #news-pane a.article-block article:hover .news-details h3.news-post, #news-pane a.article-block article:hover .news-details h3.blog, .blog #news-pane a.article-block article:hover .news-details h3 {
  color: #F7941D;
}
#press-pane a.article-block article .news-details, #news-pane a.article-block article .news-details {
  position: relative;
  padding: 20px;
}
#press-pane a.article-block article .news-details h2, #news-pane a.article-block article .news-details h2 {
  color: #F04D5F;
}
#press-pane a.article-block article .news-details h2.support-post, #press-pane a.article-block article .news-details h2.a-to-z-post, #press-pane a.article-block article .news-details h2.symptoms-post, .single-symptoms #press-pane a.article-block article .news-details h2, #news-pane a.article-block article .news-details h2.support-post, #news-pane a.article-block article .news-details h2.a-to-z-post, #news-pane a.article-block article .news-details h2.symptoms-post, .single-symptoms #news-pane a.article-block article .news-details h2 {
  color: #05B1A4;
}
#press-pane a.article-block article .news-details h2.games-and-apps-post, #news-pane a.article-block article .news-details h2.games-and-apps-post {
  color: #F8E08E;
}
#press-pane a.article-block article .news-details h2.stories-post, #press-pane a.article-block article .news-details h2.page-stories, #news-pane a.article-block article .news-details h2.stories-post, #news-pane a.article-block article .news-details h2.page-stories {
  color: #4A8DB8;
}
.home #press-pane a.article-block article .news-details h2, .page-homepage #press-pane a.article-block article .news-details h2, #press-pane a.article-block article .news-details h2 .news-post, #press-pane a.article-block article .news-details h2.news-post, #press-pane a.article-block article .news-details h2.blog, .blog #press-pane a.article-block article .news-details h2, .home #news-pane a.article-block article .news-details h2, .page-homepage #news-pane a.article-block article .news-details h2, #news-pane a.article-block article .news-details h2 .news-post, #news-pane a.article-block article .news-details h2.news-post, #news-pane a.article-block article .news-details h2.blog, .blog #news-pane a.article-block article .news-details h2 {
  color: #F7941D;
}
#press-pane a.article-block article .news-details h3, #news-pane a.article-block article .news-details h3 {
  color: #231f20;
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#press-pane a.article-block article .news-details p, #news-pane a.article-block article .news-details p {
  font-weight: 400;
  margin-bottom: 20px;
  color: #231f20;
}
#press-pane a.article-block article .news-details .text-link, #news-pane a.article-block article .news-details .text-link {
  color: #F04D5F;
  text-transform: uppercase;
}
#press-pane a.article-block article .news-details .text-link.support-post, #press-pane a.article-block article .news-details .text-link.a-to-z-post, #press-pane a.article-block article .news-details .text-link.symptoms-post, .single-symptoms #press-pane a.article-block article .news-details .text-link, #news-pane a.article-block article .news-details .text-link.support-post, #news-pane a.article-block article .news-details .text-link.a-to-z-post, #news-pane a.article-block article .news-details .text-link.symptoms-post, .single-symptoms #news-pane a.article-block article .news-details .text-link {
  color: #05B1A4;
}
#press-pane a.article-block article .news-details .text-link.games-and-apps-post, #news-pane a.article-block article .news-details .text-link.games-and-apps-post {
  color: #F8E08E;
}
#press-pane a.article-block article .news-details .text-link.stories-post, #press-pane a.article-block article .news-details .text-link.page-stories, #news-pane a.article-block article .news-details .text-link.stories-post, #news-pane a.article-block article .news-details .text-link.page-stories {
  color: #4A8DB8;
}
.home #press-pane a.article-block article .news-details .text-link, .page-homepage #press-pane a.article-block article .news-details .text-link, #press-pane a.article-block article .news-details .text-link .news-post, #press-pane a.article-block article .news-details .text-link.news-post, #press-pane a.article-block article .news-details .text-link.blog, .blog #press-pane a.article-block article .news-details .text-link, .home #news-pane a.article-block article .news-details .text-link, .page-homepage #news-pane a.article-block article .news-details .text-link, #news-pane a.article-block article .news-details .text-link .news-post, #news-pane a.article-block article .news-details .text-link.news-post, #news-pane a.article-block article .news-details .text-link.blog, .blog #news-pane a.article-block article .news-details .text-link {
  color: #F7941D;
}
.page-homepage #press-pane a.article-block:first-of-type article, .page-homepage #news-pane a.article-block:first-of-type article {
  display: flex;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  .page-homepage #press-pane a.article-block:first-of-type article, .page-homepage #news-pane a.article-block:first-of-type article {
    display: block;
  }
}
.page-homepage #press-pane a.article-block:first-of-type article .news-image-wrapper, .page-homepage #news-pane a.article-block:first-of-type article .news-image-wrapper {
  display: inline-block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 50%;
  min-height: 100%;
  background-color: #ececec;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  .page-homepage #press-pane a.article-block:first-of-type article .news-image-wrapper, .page-homepage #news-pane a.article-block:first-of-type article .news-image-wrapper {
    width: 100%;
    min-height: 180px;
    padding-top: 50%;
  }
}
.page-homepage #press-pane a.article-block:first-of-type article .news-details, .page-homepage #news-pane a.article-block:first-of-type article .news-details {
  display: inline-block;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  .page-homepage #press-pane a.article-block:first-of-type article .news-details, .page-homepage #news-pane a.article-block:first-of-type article .news-details {
    display: block;
    width: 100%;
  }
}

#press-pane a.article-block .news-details {
  margin-bottom: 30px;
}
@media screen and (max-width: 1000px) {
  #press-pane a.article-block .news-details {
    margin-bottom: 0px;
  }
}
#press-pane a.article-block .text-link {
  color: #F04D5F;
  text-transform: uppercase;
  position: absolute;
  bottom: 10px;
  left: 20px;
}
#press-pane a.article-block .text-link.support-post, #press-pane a.article-block .text-link.a-to-z-post, #press-pane a.article-block .text-link.symptoms-post, .single-symptoms #press-pane a.article-block .text-link {
  color: #05B1A4;
}
#press-pane a.article-block .text-link.games-and-apps-post {
  color: #F8E08E;
}
#press-pane a.article-block .text-link.stories-post, #press-pane a.article-block .text-link.page-stories {
  color: #4A8DB8;
}
.home #press-pane a.article-block .text-link, .page-homepage #press-pane a.article-block .text-link, #press-pane a.article-block .text-link .news-post, #press-pane a.article-block .text-link.news-post, #press-pane a.article-block .text-link.blog, .blog #press-pane a.article-block .text-link {
  color: #F7941D;
}
@media screen and (max-width: 1000px) {
  #press-pane a.article-block .text-link {
    position: relative;
  }
}

#latest-news-page-articles .latest-news-page-article.col75, #press-centre-posts .latest-news-page-article.col75 {
  padding-right: 40px;
  margin-bottom: 50px;
  text-align: center;
}
#latest-news-page-articles .latest-news-page-article h1, #press-centre-posts .latest-news-page-article h1 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  text-align: left;
  color: #F04D5F;
  margin-bottom: 50px;
}
#latest-news-page-articles .latest-news-page-article h1.support-post, #latest-news-page-articles .latest-news-page-article h1.a-to-z-post, #latest-news-page-articles .latest-news-page-article h1.symptoms-post, .single-symptoms #latest-news-page-articles .latest-news-page-article h1, #press-centre-posts .latest-news-page-article h1.support-post, #press-centre-posts .latest-news-page-article h1.a-to-z-post, #press-centre-posts .latest-news-page-article h1.symptoms-post, .single-symptoms #press-centre-posts .latest-news-page-article h1 {
  color: #05B1A4;
}
#latest-news-page-articles .latest-news-page-article h1.games-and-apps-post, #press-centre-posts .latest-news-page-article h1.games-and-apps-post {
  color: #F8E08E;
}
#latest-news-page-articles .latest-news-page-article h1.stories-post, #latest-news-page-articles .latest-news-page-article h1.page-stories, #press-centre-posts .latest-news-page-article h1.stories-post, #press-centre-posts .latest-news-page-article h1.page-stories {
  color: #4A8DB8;
}
.home #latest-news-page-articles .latest-news-page-article h1, .page-homepage #latest-news-page-articles .latest-news-page-article h1, #latest-news-page-articles .latest-news-page-article h1 .news-post, #latest-news-page-articles .latest-news-page-article h1.news-post, #latest-news-page-articles .latest-news-page-article h1.blog, .blog #latest-news-page-articles .latest-news-page-article h1, .home #press-centre-posts .latest-news-page-article h1, .page-homepage #press-centre-posts .latest-news-page-article h1, #press-centre-posts .latest-news-page-article h1 .news-post, #press-centre-posts .latest-news-page-article h1.news-post, #press-centre-posts .latest-news-page-article h1.blog, .blog #press-centre-posts .latest-news-page-article h1 {
  color: #F7941D;
}
@media screen and (max-width: 720px) {
  #latest-news-page-articles .latest-news-page-article h1, #press-centre-posts .latest-news-page-article h1 {
    margin-bottom: 20px;
  }
}
#latest-news-page-articles article, #press-centre-posts article {
  display: flex;
  text-align: left;
  position: relative;
  margin-bottom: 10px;
}
@media screen and (max-width: 720px) {
  #latest-news-page-articles article, #press-centre-posts article {
    display: block;
  }
}
#latest-news-page-articles article .post-date, #press-centre-posts article .post-date {
  display: inline-block;
  position: relative;
  width: 44px;
  padding: 6px;
  height: 44px;
  background-color: #F04D5F;
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5rem;
  line-height: 15px;
}
.support #latest-news-page-articles article .post-date, .page-support-feelings-symptoms #latest-news-page-articles article .post-date, .single-a-to-z #latest-news-page-articles article .post-date, .single-symptoms #latest-news-page-articles article .post-date, .single-symptoms #latest-news-page-articles article .post-date, .page-a-to-z-of-mental-health #latest-news-page-articles article .post-date, .page-wellbeing #latest-news-page-articles article .post-date, .support #press-centre-posts article .post-date, .page-support-feelings-symptoms #press-centre-posts article .post-date, .single-a-to-z #press-centre-posts article .post-date, .single-symptoms #press-centre-posts article .post-date, .single-symptoms #press-centre-posts article .post-date, .page-a-to-z-of-mental-health #press-centre-posts article .post-date, .page-wellbeing #press-centre-posts article .post-date {
  background-color: #05B1A4;
}
.games-and-apps #latest-news-page-articles article .post-date, .page-games-and-apps #latest-news-page-articles article .post-date, .games-and-apps #press-centre-posts article .post-date, .page-games-and-apps #press-centre-posts article .post-date {
  background-color: #F8E08E;
}
.stories #latest-news-page-articles article .post-date, .page-stories #latest-news-page-articles article .post-date, .stories #press-centre-posts article .post-date, .page-stories #press-centre-posts article .post-date {
  background-color: #4A8DB8;
}
.news #latest-news-page-articles article .post-date, .blog #latest-news-page-articles article .post-date, .news #press-centre-posts article .post-date, .blog #press-centre-posts article .post-date {
  background-color: #F7941D;
}
@media screen and (max-width: 720px) {
  #latest-news-page-articles article .post-date, #press-centre-posts article .post-date {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
  }
}
#latest-news-page-articles article a.news-image-wrapper, #press-centre-posts article a.news-image-wrapper {
  display: inline-block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 35%;
  min-height: 100%;
  margin-left: 10px;
  margin-right: 20px;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 50% 50%;
  overflow: hidden;
}
@media screen and (max-width: 720px) {
  #latest-news-page-articles article a.news-image-wrapper, #press-centre-posts article a.news-image-wrapper {
    display: block;
    width: 100%;
    margin-left: 0px;
    min-height: 150px;
    padding-top: 50%;
  }
}
#latest-news-page-articles article a.news-image-wrapper .post-image, #press-centre-posts article a.news-image-wrapper .post-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#latest-news-page-articles article a.news-image-wrapper:hover, #press-centre-posts article a.news-image-wrapper:hover {
  cursor: pointer;
}
#latest-news-page-articles article a.news-image-wrapper:hover .post-image, #press-centre-posts article a.news-image-wrapper:hover .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#latest-news-page-articles article .post-details, #press-centre-posts article .post-details {
  display: inline-block;
  position: relative;
  width: 60%;
}
@media screen and (max-width: 720px) {
  #latest-news-page-articles article .post-details, #press-centre-posts article .post-details {
    width: 100%;
    padding: 20px;
  }
}
#latest-news-page-articles article .post-details h2, #press-centre-posts article .post-details h2 {
  text-transform: uppercase;
  color: #F04D5F;
  text-align: left;
}
#latest-news-page-articles article .post-details h2.support-post, #latest-news-page-articles article .post-details h2.a-to-z-post, #latest-news-page-articles article .post-details h2.symptoms-post, .single-symptoms #latest-news-page-articles article .post-details h2, #press-centre-posts article .post-details h2.support-post, #press-centre-posts article .post-details h2.a-to-z-post, #press-centre-posts article .post-details h2.symptoms-post, .single-symptoms #press-centre-posts article .post-details h2 {
  color: #05B1A4;
}
#latest-news-page-articles article .post-details h2.games-and-apps-post, #press-centre-posts article .post-details h2.games-and-apps-post {
  color: #F8E08E;
}
#latest-news-page-articles article .post-details h2.stories-post, #latest-news-page-articles article .post-details h2.page-stories, #press-centre-posts article .post-details h2.stories-post, #press-centre-posts article .post-details h2.page-stories {
  color: #4A8DB8;
}
.home #latest-news-page-articles article .post-details h2, .page-homepage #latest-news-page-articles article .post-details h2, #latest-news-page-articles article .post-details h2 .news-post, #latest-news-page-articles article .post-details h2.news-post, #latest-news-page-articles article .post-details h2.blog, .blog #latest-news-page-articles article .post-details h2, .home #press-centre-posts article .post-details h2, .page-homepage #press-centre-posts article .post-details h2, #press-centre-posts article .post-details h2 .news-post, #press-centre-posts article .post-details h2.news-post, #press-centre-posts article .post-details h2.blog, .blog #press-centre-posts article .post-details h2 {
  color: #F7941D;
}
#latest-news-page-articles article .post-details h1, #press-centre-posts article .post-details h1 {
  text-transform: uppercase;
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 10px;
}
#latest-news-page-articles article .post-details h1 a, #press-centre-posts article .post-details h1 a {
  text-decoration: none;
  color: #231f20;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#latest-news-page-articles article .post-details h1 a:hover, #press-centre-posts article .post-details h1 a:hover {
  color: #F04D5F;
}
#latest-news-page-articles article .post-details h1 a:hover.support-post, #latest-news-page-articles article .post-details h1 a:hover.a-to-z-post, #latest-news-page-articles article .post-details h1 a:hover.symptoms-post, .single-symptoms #latest-news-page-articles article .post-details h1 a:hover, #press-centre-posts article .post-details h1 a:hover.support-post, #press-centre-posts article .post-details h1 a:hover.a-to-z-post, #press-centre-posts article .post-details h1 a:hover.symptoms-post, .single-symptoms #press-centre-posts article .post-details h1 a:hover {
  color: #05B1A4;
}
#latest-news-page-articles article .post-details h1 a:hover.games-and-apps-post, #press-centre-posts article .post-details h1 a:hover.games-and-apps-post {
  color: #F8E08E;
}
#latest-news-page-articles article .post-details h1 a:hover.stories-post, #latest-news-page-articles article .post-details h1 a:hover.page-stories, #press-centre-posts article .post-details h1 a:hover.stories-post, #press-centre-posts article .post-details h1 a:hover.page-stories {
  color: #4A8DB8;
}
.home #latest-news-page-articles article .post-details h1 a:hover, .page-homepage #latest-news-page-articles article .post-details h1 a:hover, #latest-news-page-articles article .post-details h1 a:hover .news-post, #latest-news-page-articles article .post-details h1 a:hover.news-post, #latest-news-page-articles article .post-details h1 a:hover.blog, .blog #latest-news-page-articles article .post-details h1 a:hover, .home #press-centre-posts article .post-details h1 a:hover, .page-homepage #press-centre-posts article .post-details h1 a:hover, #press-centre-posts article .post-details h1 a:hover .news-post, #press-centre-posts article .post-details h1 a:hover.news-post, #press-centre-posts article .post-details h1 a:hover.blog, .blog #press-centre-posts article .post-details h1 a:hover {
  color: #F7941D;
}
#latest-news-page-articles article .post-details p, #press-centre-posts article .post-details p {
  font-weight: 400;
  margin-bottom: 20px;
}
#latest-news-page-articles article .post-details p a, #press-centre-posts article .post-details p a {
  color: #231f20;
  text-decoration: none;
}
#latest-news-page-articles article .post-details .text-link, #press-centre-posts article .post-details .text-link {
  color: #F04D5F;
  text-transform: uppercase;
  font-weight: 300;
}
#latest-news-page-articles article .post-details .text-link.support-post, #latest-news-page-articles article .post-details .text-link.a-to-z-post, #latest-news-page-articles article .post-details .text-link.symptoms-post, .single-symptoms #latest-news-page-articles article .post-details .text-link, #press-centre-posts article .post-details .text-link.support-post, #press-centre-posts article .post-details .text-link.a-to-z-post, #press-centre-posts article .post-details .text-link.symptoms-post, .single-symptoms #press-centre-posts article .post-details .text-link {
  color: #05B1A4;
}
#latest-news-page-articles article .post-details .text-link.games-and-apps-post, #press-centre-posts article .post-details .text-link.games-and-apps-post {
  color: #F8E08E;
}
#latest-news-page-articles article .post-details .text-link.stories-post, #latest-news-page-articles article .post-details .text-link.page-stories, #press-centre-posts article .post-details .text-link.stories-post, #press-centre-posts article .post-details .text-link.page-stories {
  color: #4A8DB8;
}
.home #latest-news-page-articles article .post-details .text-link, .page-homepage #latest-news-page-articles article .post-details .text-link, #latest-news-page-articles article .post-details .text-link .news-post, #latest-news-page-articles article .post-details .text-link.news-post, #latest-news-page-articles article .post-details .text-link.blog, .blog #latest-news-page-articles article .post-details .text-link, .home #press-centre-posts article .post-details .text-link, .page-homepage #press-centre-posts article .post-details .text-link, #press-centre-posts article .post-details .text-link .news-post, #press-centre-posts article .post-details .text-link.news-post, #press-centre-posts article .post-details .text-link.blog, .blog #press-centre-posts article .post-details .text-link {
  color: #F7941D;
}
@media screen and (max-width: 1000px) {
  #latest-news-page-articles .rowFlex, #press-centre-posts .rowFlex {
    display: block;
  }
  #latest-news-page-articles .row, #press-centre-posts .row {
    padding: 0;
  }
  #latest-news-page-articles .col75.latest-news-page-article, #press-centre-posts .col75.latest-news-page-article {
    width: 100%;
    padding: 0 15px;
  }
  #latest-news-page-articles .col25.page-sidebar, #press-centre-posts .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
  #latest-news-page-articles #news-featured, #press-centre-posts #news-featured {
    padding: 0 20px;
  }
}

#stories-pane {
  font-weight: 500;
  overflow: hidden;
}
#stories-pane .col.button-container {
  text-align: center;
}
@media screen and (max-width: 720px) {
  #stories-pane .stories-container {
    display: block;
  }
}
#stories-pane .stories-container a.story-article-block {
  display: block;
  text-decoration: none;
  color: #231f20;
}
#stories-pane .stories-container a.story-article-block .story-image-wrapper {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 150px;
  padding-top: 50%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  overflow: hidden;
}
@media screen and (max-width: 1000px) {
  #stories-pane .stories-container a.story-article-block .story-image-wrapper {
    padding-top: 0%;
    min-height: 250px;
  }
}
@media screen and (max-width: 720px) {
  #stories-pane .stories-container a.story-article-block .story-image-wrapper {
    padding-top: 0%;
    min-height: 250px;
  }
}
#stories-pane .stories-container a.story-article-block .story-image-wrapper .story-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#stories-pane .stories-container a.story-article-block:hover .story-image-wrapper .story-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#stories-pane .stories-container a.story-article-block .story-details {
  display: block;
  padding: 20px 40px;
}
#stories-pane .stories-container a.story-article-block h2 {
  text-transform: uppercase;
  color: #4A8DB8;
}
#stories-pane .stories-container a.story-article-block h3 {
  color: #231f20;
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#stories-pane .stories-container a.story-article-block:hover .story-details h3 {
  color: #4A8DB8;
}

#stories-pane .stories-container a.story-article-block p {
  color: #231f20;
  margin-bottom: 20px;
}
#stories-pane .stories-container a.story-article-block .text-link {
  color: #4A8DB8;
  text-transform: uppercase;
}
#stories-pane .owl-dots {
  display: none;
}
#stories-pane .owl-nav button.owl-prev, #stories-pane .owl-nav button.owl-next {
  top: 102px;
}
#stories-pane .owl-nav button.owl-prev svg, #stories-pane .owl-nav button.owl-next svg {
  fill: #231f20;
}
#stories-pane .owl-nav button.owl-prev:hover, #stories-pane .owl-nav button.owl-next:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.9);
}
#stories-pane .owl-nav button.owl-prev:hover svg, #stories-pane .owl-nav button.owl-next:hover svg {
  fill: #4A8DB8;
}
#stories-pane .owl-nav button.owl-prev:focus, #stories-pane .owl-nav button.owl-next:focus {
  outline: none;
}
#stories-pane .owl-nav button.owl-next {
  right: 0px;
}
#stories-pane .owl-nav button.owl-prev {
  left: 0px;
}

#stories-page-articles #post-header-image .rowFlex {
  align-items: center;
  height: 100%;
}
#stories-page-articles #post-header-image .rowFlex h1 {
  color: #fff;
}
#stories-page-articles .stories-page-top {
  margin-bottom: 20px;
}
#stories-page-articles .stories-page-top h2 {
  color: #4A8DB8;
  font-size: 1.75rem;
  line-height: 1.875rem;
}
#stories-page-articles .stories-page-top p {
  font-weight: 400;
}
#stories-page-articles .stories-page-articles.colFlex {
  flex-flow: row wrap;
  margin-bottom: 40px;
}
#stories-page-articles .stories-page-articles a.article-block {
  display: block;
  width: calc(25% - 9px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  text-decoration: none;
  color: #231f20;
  background-color: #fff;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
#stories-page-articles .stories-page-articles a.article-block:nth-child(4n) {
  margin-right: 0px;
}
@media screen and (max-width: 1000px) {
  #stories-page-articles .stories-page-articles a.article-block:nth-child(4n) {
    margin-right: 5px;
  }
}
#stories-page-articles .stories-page-articles a.article-block:nth-child(4n+1) {
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  #stories-page-articles .stories-page-articles a.article-block:nth-child(4n+1) {
    margin-left: 5px;
  }
}
@media screen and (max-width: 1000px) {
  #stories-page-articles .stories-page-articles a.article-block {
    width: calc(33.333% - 10px);
  }
  #stories-page-articles .stories-page-articles a.article-block:nth-child(3n) {
    margin-right: 0px;
  }
  #stories-page-articles .stories-page-articles a.article-block:nth-child(3n+1) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 720px) {
  #stories-page-articles .stories-page-articles a.article-block {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
#stories-page-articles .stories-page-articles a.article-block:hover {
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
#stories-page-articles .stories-page-articles a.article-block:hover article .post-image-wrapper .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#stories-page-articles .stories-page-articles a.article-block:hover .post-details h1 {
  color: #4A8DB8;
}
#stories-page-articles .stories-page-articles a.article-block article .post-image-wrapper {
  display: block;
  position: relative;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  padding-top: 50%;
  overflow: hidden;
}
#stories-page-articles .stories-page-articles a.article-block article .post-image-wrapper .post-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#stories-page-articles .stories-page-articles a.article-block article .post-details {
  padding: 20px;
}
#stories-page-articles .stories-page-articles a.article-block article .post-details h1 {
  text-transform: uppercase;
  font-size: 1.75rem;
  line-height: 1.875rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#stories-page-articles .stories-page-articles a.article-block article .post-details h2 {
  color: #4A8DB8;
}
#stories-page-articles .stories-page-articles a.article-block article .post-details p {
  font-weight: 400;
  margin-bottom: 20px;
}
#stories-page-articles .stories-page-articles a.article-block article .post-details .text-link {
  text-decoration: none;
  font-weight: 400;
  color: #4A8DB8;
}

#page-sidebar #story-fact-pane p {
  color: #4A8DB8;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 20px;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}

/*
justify-content: left; align-content: flex-start; 
*/
#gamesapps-page-articles {
  border-bottom: 10px solid #F8E08E;
}
#gamesapps-page-articles .games-apps-page-articles.colFlex {
  flex-flow: row wrap;
  margin-bottom: 40px;
}
#gamesapps-page-articles #post-header-image .rowFlex {
  align-items: center;
  height: 100%;
}
#gamesapps-page-articles #post-header-image .rowFlex h1 {
  color: #fff;
}
#gamesapps-page-articles .stories-page-top {
  margin-bottom: 20px;
  margin-bottom: 40px;
}
#gamesapps-page-articles .stories-page-top h2 {
  color: #F8E08E;
  font-size: 1.75rem;
  line-height: 1.875rem;
}
#gamesapps-page-articles .stories-page-top p {
  font-weight: 400;
}
#gamesapps-page-articles a.article-block {
  display: block;
  position: relative;
  text-decoration: none;
  color: #231f20;
  width: calc(25% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block {
    width: calc(33.333% - 10px);
  }
}
@media screen and (max-width: 720px) {
  #gamesapps-page-articles a.article-block {
    width: calc(100%);
  }
}
#gamesapps-page-articles a.article-block:nth-child(4n+3) {
  margin-right: 0px;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:nth-child(4n+3) {
    margin-right: 5px;
    border: 0px solid red;
  }
}
#gamesapps-page-articles a.article-block:nth-child(4n+4) {
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:nth-child(4n+4) {
    margin-left: 5px;
    border: 0px solid red;
  }
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:nth-child(3n+3) {
    margin-right: 0px;
  }
  #gamesapps-page-articles a.article-block:nth-child(3n+4) {
    margin-left: 0px;
  }
}
@media screen and (max-width: 720px) {
  #gamesapps-page-articles a.article-block {
    margin-left: 0px;
    margin-right: 0px;
  }
}
#gamesapps-page-articles a.article-block article {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
#gamesapps-page-articles a.article-block:first-of-type {
  width: calc(50% - 10px);
  margin-left: 0px;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:first-of-type {
    width: calc(33.333% - 10px);
  }
}
@media screen and (max-width: 720px) {
  #gamesapps-page-articles a.article-block:first-of-type {
    width: calc(100%);
  }
}
#gamesapps-page-articles a.article-block:first-of-type article {
  flex-direction: row;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:first-of-type article {
    flex-direction: column;
  }
}
#gamesapps-page-articles a.article-block:first-of-type article .post-details-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  width: 50%;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:first-of-type article .post-details-wrap {
    width: 100%;
  }
}
#gamesapps-page-articles a.article-block:first-of-type article .post-details-wrap .post-details h1 {
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  padding-right: 0;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:first-of-type article .post-details-wrap .post-details h1 {
    font-size: 1.75rem;
    line-height: 1.875rem;
  }
}
#gamesapps-page-articles a.article-block:first-of-type article .post-image-wrapper {
  width: 50%;
  height: 100%;
}
@media screen and (max-width: 1000px) {
  #gamesapps-page-articles a.article-block:first-of-type article .post-image-wrapper {
    width: 100%;
    min-height: 150px;
  }
}
#gamesapps-page-articles a.article-block:hover {
  cursor: pointer;
  -webkit-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 10px 0px rgba(0, 0, 0, 0.3);
}
#gamesapps-page-articles a.article-block:hover article .post-image-wrapper .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#gamesapps-page-articles a.article-block:hover .post-details h1 {
  color: #F8E08E;
}
#gamesapps-page-articles a.article-block .post-image-wrapper {
  display: block;
  position: relative;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  padding-top: 50%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  overflow: hidden;
}
#gamesapps-page-articles a.article-block .post-image-wrapper .post-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#gamesapps-page-articles a.article-block:hover .post-image-wrapper .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#gamesapps-page-articles a.article-block .post-details-wrap {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#gamesapps-page-articles a.article-block .post-details-wrap .post-details {
  font-weight: 400;
  display: block;
  padding: 20px 20px;
}
#gamesapps-page-articles a.article-block .post-details-wrap .post-details h1 {
  text-transform: uppercase;
  font-size: 1.75rem;
  line-height: 1.875rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#gamesapps-page-articles a.article-block .post-details-wrap h2 {
  text-transform: uppercase;
  color: #F8E08E;
}
#gamesapps-page-articles a.article-block .post-details-wrap p {
  font-weight: 400;
  margin-bottom: 20px;
}
#gamesapps-page-articles a.article-block .post-sub-details {
  display: block;
  width: 100%;
  background-color: #ececec;
  padding: 10px 20px 0px 20px;
}
#gamesapps-page-articles a.article-block .post-sub-details p {
  color: #c6c6c6;
}
#gamesapps-page-articles a.article-block .post-sub-details p span {
  color: #231f20;
}
#gamesapps-page-articles a.article-block p {
  color: #231f20;
  margin-bottom: 0px;
}
#gamesapps-page-articles a.article-block .text-link {
  color: #F8E08E;
  text-transform: uppercase;
}

.games-and-apps #single-post-page .post-header-details .col.game-details {
  width: 320px;
}
@media screen and (max-width: 1000px) {
  .games-and-apps #single-post-page .post-header-details .col {
    width: 100%;
  }
  .games-and-apps #single-post-page .post-header-details .col.game-details {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  .games-and-apps #single-post-page .post-header-details .col.game-details ul.format-list li {
    float: right;
    margin-right: 0px;
    margin-left: 10px;
  }
}
.games-and-apps #single-post-page .sidebar-wrapper .packshot {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 1000px) {
  .games-and-apps #single-post-page .sidebar-wrapper {
    display: none;
  }
}

#featured-pane {
  background-color: #ececec;
  color: #231f20;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}
#featured-pane #featured-icon {
  fill: #231f20;
  margin-bottom: 10px;
}
#featured-pane .colFlex.col50 {
  padding-right: 20px;
}
#featured-pane .colFlex.col50 .pane-side-icon {
  flex-shrink: 0;
  flex-basis: 120px;
}
#featured-pane h1 {
  margin-bottom: 20px;
}
#featured-pane h2 {
  color: #F8E08E;
}
#featured-pane p {
  margin-bottom: 40px;
}
#featured-pane .text-link {
  color: #F04D5F;
}
#featured-pane .col50 {
  align-items: center;
  align-content: center;
}
@media screen and (max-width: 720px) {
  #featured-pane .rowFlex {
    display: block;
  }
  #featured-pane .rowFlex .col50:first-of-type {
    display: block;
  }
  #featured-pane .rowFlex .col50 {
    width: 100%;
    padding-right: 0;
  }
}

#find-help-page {
  font-weight: 400;
}
#find-help-page .main-content {
  margin-bottom: 40px;
}
#find-help-page .find-help-section {
  background-color: #ececec;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media screen and (max-width: 1180px) {
  #find-help-page .find-help-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}
#find-help-page .find-help-section #find-help-accordion {
  border: 1px solid #c6c6c6;
  margin-top: 10px;
  margin-bottom: 40px;
  padding: 0px 20px;
  padding-bottom: -1px;
}
#find-help-page .find-help-section #find-help-accordion .accordion {
  font-family: franklin-gothic-compressed, sans-serif;
  position: relative;
  font-size: 1.375rem;
  line-height: 1.625rem;
  background-color: #ececec;
  color: #F04D5F;
  font-weight: 600;
  text-transform: uppercase;
  cursor: pointer;
  padding: 15px 0px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  transition: 0.2s;
}
#find-help-page .find-help-section #find-help-accordion .accordion:hover {
  color: #231f20;
}
#find-help-page .find-help-section #find-help-accordion .accordion:after {
  content: url("images/accordian-arrow.svg");
  display: block;
  position: absolute;
  width: 16px;
  height: 16px;
  right: 10px;
  top: 18px;
  transition: 0.2s;
}
#find-help-page .find-help-section #find-help-accordion .accordion.active {
  border-bottom: 1px solid #c6c6c6;
  color: #231f20;
}
#find-help-page .find-help-section #find-help-accordion .accordion.active:after {
  transform: rotate(180deg);
  top: 20px;
}
#find-help-page .find-help-section #find-help-accordion .panel {
  border-bottom: 1px solid #c6c6c6;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.2s ease-out;
}
#find-help-page .find-help-section #find-help-accordion .panel .panel-inner {
  padding: 30px 0px;
}
#find-help-page .find-help-section #find-help-accordion .panel strong {
  font-weight: 600;
}
#find-help-page .find-help-section #find-help-accordion .panel:last-of-type {
  border-bottom: 0px;
}
#find-help-page .find-help-section #find-help-accordion .panel a {
  color: inherit;
  text-decoration: none;
  transition: 0.2s;
}
#find-help-page .find-help-section #find-help-accordion .panel a:hover {
  color: #F04D5F;
}

.main-content {
  font-weight: 400;
}

#sign-up-pane {
  background-color: #F8E08E;
  color: #231f20;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}
#sign-up-pane h1, #sign-up-pane h2 {
  white-space: nowrap;
}
#press-centre-page #sign-up-pane {
  background-color: #F04D5F;
}
@media screen and (max-width: 1000px) {
  #sign-up-pane .rowFlex {
    display: block;
  }
}
#sign-up-pane .newsletter-signup-pic {
  width: 150px;
  height: auto;
  position: absolute;
  bottom: 10px;
  right: 0px;
}

#contact-us-page #page-sidebar, #training-page #page-sidebar, #level-up-page #page-sidebar, #members-page #page-sidebar {
  margin-top: 30px;
  padding-bottom: 20px;
}
#contact-us-page #page-sidebar #contact-side-pane p, #training-page #page-sidebar #contact-side-pane p, #level-up-page #page-sidebar #contact-side-pane p, #members-page #page-sidebar #contact-side-pane p {
  color: #F04D5F;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 20px;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}

#contact-us-form {
  margin-top: 40px;
  margin-bottom: 10px;
  background-color: #ececec;
  padding-top: 40px;
  padding-bottom: 40px;
}
#contact-us-form h1 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  text-align: left;
  color: #F04D5F;
  margin-bottom: 50px;
}
#contact-us-form h1.support-post, #contact-us-form h1.a-to-z-post, #contact-us-form h1.symptoms-post, .single-symptoms #contact-us-form h1 {
  color: #05B1A4;
}
#contact-us-form h1.games-and-apps-post {
  color: #F8E08E;
}
#contact-us-form h1.stories-post, #contact-us-form h1.page-stories {
  color: #4A8DB8;
}
.home #contact-us-form h1, .page-homepage #contact-us-form h1, #contact-us-form h1 .news-post, #contact-us-form h1.news-post, #contact-us-form h1.blog, .blog #contact-us-form h1 {
  color: #F7941D;
}
@media screen and (max-width: 720px) {
  #contact-us-form h1 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1000px) {
  #contact-us-form .rowFlex {
    display: block;
  }
  #contact-us-form .col75.main-content {
    width: 100%;
    padding-right: 0px;
  }
  #contact-us-form .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
}

.submission-form .wpcf7 {
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
}
#sign-up-pane .wpcf7 {
  margin-left: 20px;
  padding-right: 160px;
}
@media screen and (max-width: 1000px) {
  #sign-up-pane .wpcf7 {
    border: 0px solid blue;
    margin-top: 20px;
    margin-left: 0px;
  }
}

.submission-form .wpcf7 .wpcf7-form {
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.submission-form .wpcf7 .wpcf7-form span.button-wrap {
  text-align: left;
  display: inline-block;
  padding-top: 30px;
  width: 28%;
  border: 1px solid transparent;
}
@media screen and (max-width: 720px) {
  .submission-form .wpcf7 .wpcf7-form span.button-wrap {
    padding-top: 5px;
  }
}
.submission-form .wpcf7 .wpcf7-form span.button-wrap input {
  margin: 0;
  min-width: 100%;
}
@media screen and (max-width: 720px) {
  .submission-form .wpcf7 .wpcf7-form span.button-wrap input {
    min-width: 180px;
  }
}
.submission-form .wpcf7 .wpcf7-form span.button-wrap input:focus {
  outline: none;
}
.submission-form .wpcf7 div.wpcf7-response-output {
  margin: 0px;
  padding: 0px;
  border: 0px solid #ff0000;
  margin-bottom: 40px;
}
.submission-form .wpcf7 .wpcf7-not-valid-tip {
  margin-bottom: 10px;
  color: #F04D5F;
}
#press-centre-page .submission-form .wpcf7 .wpcf7-not-valid-tip {
  color: #fff;
}
.submission-form .wpcf7-form span.input-wrap {
  display: inline-block;
  width: calc(50% - 10px);
  padding: 0px 10px 0px 0px;
  vertical-align: top;
}
@media screen and (max-width: 1000px) {
  .submission-form .wpcf7-form span.input-wrap {
    width: calc(50% - 2px);
    padding: 0px 0px 0px 0px;
    border: 0px solid red;
  }
  .submission-form .wpcf7-form span.input-wrap:nth-child(even) {
    padding-right: 5px;
  }
  .submission-form .wpcf7-form span.input-wrap:nth-child(odd) {
    padding-left: 5px;
  }
}
#sign-up-pane .wpcf7-form span.input-wrap {
  width: 35%;
}
@media screen and (max-width: 720px) {
  #sign-up-pane .wpcf7-form span.input-wrap {
    display: block;
    width: 100%;
    padding: 0px;
  }
}

.submission-form input.wpcf7-text, .submission-form textarea.wpcf7-textarea, .submission-form .wpcf7-form-control-wrap select {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display: block;
  padding: 15px;
  min-height: 0px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #666666;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px;
  border-left: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.submission-form input.wpcf7-text:focus, .submission-form textarea.wpcf7-textarea:focus, .submission-form .wpcf7-form-control-wrap select:focus {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  border-left: 5px solid #231f20;
  color: #231f20;
  outline: none;
}
.submission-form textarea.wpcf7-textarea {
  height: 100px;
  width: calc(100% - 25px);
}
@media screen and (max-width: 1000px) {
  .submission-form textarea.wpcf7-textarea {
    width: 100%;
  }
}
.submission-form .wpcf7-form-control-wrap select {
  width: calc(100% - 25px);
}
@media screen and (max-width: 1000px) {
  .submission-form .wpcf7-form-control-wrap select {
    width: 100%;
  }
}
#mc_embed_signup {
  margin-left: 20px;
  padding: 0;
  display: block;
  width: 100%;
  padding-right: 120px;
}
@media screen and (max-width: 1000px) {
  #mc_embed_signup {
    margin-top: 20px;
    margin-left: 0px;
  }
}
#mc_embed_signup .mc-field-group {
  width: calc(32% - 10px);
  display: inline-block;
  padding: 0;
  margin-right: 10px;
}
@media screen and (max-width: 720px) {
  #mc_embed_signup .mc-field-group {
    width: 100%;
  }
}
#mc_embed_signup .mc-field-group label {
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0;
  padding-top: 0;
  font-family: franklin-gothic-compressed, sans-serif;
  font-style: normal;
  font-weight: 600;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
#mc_embed_signup .mc-field-group input {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display: block;
  padding: 15px;
  min-height: 0px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #666666;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px;
  border-left: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
#mc_embed_signup .mc-field-group input:focus {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  border-left: 5px solid #231f20;
  color: #231f20;
  outline: none;
}
#mc_embed_signup .indicates-required {
  display: inline-block;
  font-weight: normal;
  margin-right: 20px;
}
#mc_embed_signup #mc-embedded-subscribe.standard-button, #mc_embed_signup .sidebar-login-pane p.login-submit input#mc-embedded-subscribe[type=submit], .sidebar-login-pane p.login-submit #mc_embed_signup input#mc-embedded-subscribe[type=submit] {
  margin: 5px 0;
}

.grecaptcha-badge {
  visibility: collapse !important;
}

#support-pane {
  background-color: #05B1A4;
  color: #fff;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  font-weight: 500;
}
#support-pane #support-icon {
  fill: #231f20;
  margin-bottom: 10px;
}
#support-pane .support-panel-top-image {
  display: none;
}
#support-pane .colFlex.col60 {
  padding-right: 20px;
}
#support-pane .colFlex.col60 .pane-side-icon {
  flex-shrink: 0;
  flex-basis: 120px;
}
#support-pane h1 {
  margin-bottom: 20px;
}
#support-pane p {
  margin-bottom: 40px;
}
#support-pane .col40 {
  align-items: center;
  align-content: center;
}
#support-pane .col40 img {
  width: 100%;
  height: auto;
  margin: 20px 10px;
}
.page-sidebar #support-pane .row.rowFlex {
  display: block;
}
.page-sidebar #support-pane .col.colFlex {
  display: block;
}
.page-sidebar #support-pane .rowPad {
  padding: 20px;
}
.page-sidebar #support-pane .col.col60 {
  width: 100%;
}
.page-sidebar #support-pane .col.col40 {
  display: none;
}
@media screen and (max-width: 1000px) {
  .page-sidebar #support-pane .row.rowFlex {
    display: flex;
  }
  .page-sidebar #support-pane .col.colFlex {
    display: flex;
  }
  .page-sidebar #support-pane .rowPad {
    padding: 100px 20px;
  }
  .page-sidebar #support-pane .col.col60 {
    width: 60%;
  }
  .page-sidebar #support-pane .col.col40 {
    width: 40%;
    padding-right: 20px;
  }
}
.page-sidebar #support-pane .support-panel-top-image {
  display: inline-block;
  width: 50%;
  position: absolute;
  top: 10px;
  right: 20px;
}
.page-sidebar #support-pane .support-panel-top-image img {
  height: 110px;
  width: auto;
  float: right;
}
@media screen and (max-width: 1180px) {
  .page-sidebar #support-pane .support-panel-top-image img {
    height: 100px;
  }
}
@media screen and (max-width: 1000px) {
  .page-sidebar #support-pane .support-panel-top-image img {
    display: none;
  }
}
@media screen and (max-width: 1180px) {
  .page-sidebar #support-pane .row {
    padding: 0;
  }
}
@media screen and (max-width: 1000px) {
  .page-sidebar #support-pane {
    border: 0px solid red;
  }
}
@media screen and (max-width: 720px) {
  .page-sidebar #support-pane .row.rowFlex {
    display: block;
  }
  .page-sidebar #support-pane .col.colFlex {
    display: block;
  }
  .page-sidebar #support-pane .col.colFlex.col60, .page-sidebar #support-pane .col.colFlex.col40 {
    display: block;
    width: 100%;
  }
  .page-sidebar #support-pane .col.colFlex.col60 {
    padding: 50px 20px;
  }
  .page-sidebar #support-pane .col.colFlex.col40 {
    padding: 0 10%;
  }
}
@media screen and (max-width: 720px) {
  #support-pane .rowFlex {
    display: block;
  }
  #support-pane .rowFlex .col60, #support-pane .rowFlex .col40 {
    display: block;
    width: 100%;
  }
  #support-pane .rowFlex .col60 {
    padding-right: 0px;
  }
  #support-pane .rowFlex .col40 {
    padding: 0 10%;
  }
}

body.single-symptoms #single-post-page #post-header-image {
  position: relative;
}
body.single-symptoms #single-post-page #post-header-image .bg-fill {
  position: absolute;
  top: 0px;
  left: 0px;
}
body.single-symptoms #single-post-page #post-header-image .row {
  display: flex;
  height: 100%;
  align-items: center;
  padding-right: 45%;
}
body.single-symptoms #single-post-page #post-header-image .row h1 {
  color: #fff;
}
body.single-symptoms #single-post-page .main-content article h2 {
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  margin-bottom: 25px;
}

#support-page #post-header-image .rowFlex {
  align-items: center;
  height: 100%;
}
#support-page #post-header-image .rowFlex h1 {
  color: #fff;
}
#support-page .support-page-top {
  margin-bottom: 50px;
}
#support-page .support-page-top p {
  font-weight: 400;
  margin-bottom: 20px;
}

#a-to-z-list {
  margin-top: 40px;
  margin-bottom: 60px;
}
#a-to-z-list h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #05B1A4;
  margin-bottom: 50px;
}
#a-to-z-list ul {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 20px;
  -moz-column-gap: 20px;
  column-gap: 20px;
}
@media screen and (max-width: 1000px) {
  #a-to-z-list ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
}
#a-to-z-list ul li {
  font-weight: 400;
  margin-bottom: 0px;
}
#a-to-z-list ul li.title-letter {
  border-bottom: 1px solid #c6c6c6;
  margin-bottom: 20px;
  margin-top: 40px;
}
#a-to-z-list ul li.title-letter h3 {
  font-size: 1.75rem;
  line-height: 1.875rem;
}
#a-to-z-list ul li.title-letter:first-of-type {
  margin-top: 0px;
}
#a-to-z-list ul li a.text-link-noarrow {
  color: #231f20;
}
#a-to-z-list ul li a.text-link-noarrow:hover {
  color: #F04D5F;
}
.support #a-to-z-list ul li a.text-link-noarrow:hover, .page-support-feelings-symptoms #a-to-z-list ul li a.text-link-noarrow:hover, .single-a-to-z #a-to-z-list ul li a.text-link-noarrow:hover, .single-symptoms #a-to-z-list ul li a.text-link-noarrow:hover {
  color: #05B1A4;
}
.games-and-apps #a-to-z-list ul li a.text-link-noarrow:hover, .page-games-and-apps #a-to-z-list ul li a.text-link-noarrow:hover {
  color: #F8E08E;
}
.stories #a-to-z-list ul li a.text-link-noarrow:hover, .page-stories #a-to-z-list ul li a.text-link-noarrow:hover {
  color: #4A8DB8;
}
.home #a-to-z-list ul li a.text-link-noarrow:hover, .page-homepage #a-to-z-list ul li a.text-link-noarrow:hover, .news #a-to-z-list ul li a.text-link-noarrow:hover, .blog #a-to-z-list ul li a.text-link-noarrow:hover {
  color: #F7941D;
}
.page-level-up #a-to-z-list ul li a.text-link-noarrow:hover, .page-accreditation #a-to-z-list ul li a.text-link-noarrow:hover {
  color: #fff;
}

#page-sidebar #symptom-fact-pane p {
  color: #05B1A4;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 20px;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}

#support-symptoms-block {
  display: block;
  margin-bottom: 10px;
  margin-top: 10px;
}
#support-symptoms-block ul {
  display: flex;
  flex-wrap: wrap;
}
#support-symptoms-block ul li {
  position: relative;
  width: 20%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: 50% 50%;
}
@media screen and (max-width: 1000px) {
  #support-symptoms-block ul li {
    width: 50%;
  }
}
@media screen and (min-width: 2000px) {
  #support-symptoms-block ul li {
    width: 10%;
  }
}
#support-symptoms-block ul li:before {
  content: "";
  float: left;
  padding-top: 100%;
}
#support-symptoms-block ul li a.symptom-image-wrapper {
  text-decoration: none;
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
#support-symptoms-block ul li a.symptom-image-wrapper .symptom-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#support-symptoms-block ul li a.symptom-image-wrapper:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 50%;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  background: -moz-linear-gradient(top, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
}
#support-symptoms-block ul li a.symptom-image-wrapper:hover {
  cursor: pointer;
}
#support-symptoms-block ul li a.symptom-image-wrapper:hover .symptom-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#support-symptoms-block ul li a.symptom-image-wrapper:hover:after {
  height: 80%;
}
#support-symptoms-block ul li a.symptom-image-wrapper:hover p {
  color: #05B1A4;
}
#support-symptoms-block ul li a.symptom-image-wrapper p {
  position: absolute;
  bottom: 30px;
  left: 30px;
  padding-right: 20%;
  color: #fff;
  text-transform: uppercase;
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  z-index: 2;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

#press-centre-page .row.rowPadMed {
  padding: 50px 0px;
}
#press-centre-page #contact-us-form h1, #press-centre-page #media-kit h1 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  text-transform: uppercase;
  text-align: left;
  color: #F04D5F;
  margin-bottom: 0px;
}
#press-centre-page #contact-us-form h1.support-post, #press-centre-page #contact-us-form h1.a-to-z-post, #press-centre-page #contact-us-form h1.symptoms-post, .single-symptoms #press-centre-page #contact-us-form h1, #press-centre-page #media-kit h1.support-post, #press-centre-page #media-kit h1.a-to-z-post, #press-centre-page #media-kit h1.symptoms-post, .single-symptoms #press-centre-page #media-kit h1 {
  color: #05B1A4;
}
#press-centre-page #contact-us-form h1.games-and-apps-post, #press-centre-page #media-kit h1.games-and-apps-post {
  color: #F8E08E;
}
#press-centre-page #contact-us-form h1.stories-post, #press-centre-page #contact-us-form h1.page-stories, #press-centre-page #media-kit h1.stories-post, #press-centre-page #media-kit h1.page-stories {
  color: #4A8DB8;
}
.home #press-centre-page #contact-us-form h1, .page-homepage #press-centre-page #contact-us-form h1, #press-centre-page #contact-us-form h1 .news-post, #press-centre-page #contact-us-form h1.news-post, #press-centre-page #contact-us-form h1.blog, .blog #press-centre-page #contact-us-form h1, .home #press-centre-page #media-kit h1, .page-homepage #press-centre-page #media-kit h1, #press-centre-page #media-kit h1 .news-post, #press-centre-page #media-kit h1.news-post, #press-centre-page #media-kit h1.blog, .blog #press-centre-page #media-kit h1 {
  color: #F7941D;
}
#press-centre-page #contact-us-form h1 {
  margin-bottom: 50px;
}
#press-centre-page #media-kit {
  background-color: #efefef;
  padding-top: 40px;
  padding-bottom: 50px;
}
#press-centre-page #media-kit .media-kit-end-copy p {
  text-align: center;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}
@media screen and (max-width: 1000px) {
  #press-centre-page #press-centre-posts.rowFlex {
    display: block;
    padding: 0;
  }
  #press-centre-page #press-centre-posts.rowFlex .col75.latest-news-page-article {
    width: 100%;
    padding: 0 15px;
  }
  #press-centre-page #press-centre-posts.rowFlex .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
  #press-centre-page #press-pane .news-container {
    flex-wrap: wrap;
  }
  #press-centre-page #press-pane a.article-block {
    width: calc(50% - 10px);
    margin-bottom: 20px;
  }
  #press-centre-page #press-pane a.article-block:nth-child(even) {
    margin-right: 0px;
    margin-left: 10px;
  }
  #press-centre-page #press-pane a.article-block:nth-child(odd) {
    margin-left: 0px;
    margin-right: 10px;
  }
}
@media screen and (max-width: 720px) {
  #press-centre-page #press-pane a.article-block {
    width: 100%;
  }
  #press-centre-page #press-pane a.article-block:nth-child(even) {
    margin-right: 0px;
    margin-left: 0px;
  }
  #press-centre-page #press-pane a.article-block:nth-child(odd) {
    margin-left: 0px;
    margin-right: 0px;
  }
}

#mission-page .col100.main-content {
  padding-right: 40px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  #mission-page .main-content.rowFlex {
    display: block;
  }
}
#mission-page h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #F04D5F;
  margin-bottom: 20px;
}
#mission-page .col100.main-content h1, #mission-page #mission-targets .col100 h1, #mission-page #money-pane .col100 h1 {
  color: #F04D5F;
  margin-bottom: 25px;
}
#mission-page #mission-targets {
  background-color: #ececec;
}
#mission-page #mission-targets .target-container {
  display: flex;
  flex-wrap: wrap;
}
#mission-page #mission-targets .target-container article {
  display: block;
  width: calc(33% - 7.5px);
  margin-right: 5px;
  margin-left: 5px;
}
#mission-page #mission-targets .target-container article:nth-child(3n) {
  margin-right: 0px;
  margin-left: 5px;
}
#mission-page #mission-targets .target-container article:nth-child(3n+1) {
  margin-left: 0px;
  margin-right: 5px;
}
@media screen and (max-width: 1000px) {
  #mission-page #mission-targets .target-container article {
    width: calc(50% - 5px);
  }
  #mission-page #mission-targets .target-container article:nth-child(2n) {
    margin-right: 0px;
    margin-left: 5px;
  }
  #mission-page #mission-targets .target-container article:nth-child(2n+1) {
    margin-left: 0px;
    margin-right: 5px;
  }
}
@media screen and (max-width: 720px) {
  #mission-page #mission-targets .target-container article {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
  }
}
#mission-page #mission-targets .target-container article .target-picture {
  display: block;
  min-height: 200px;
}
#mission-page #mission-targets .target-container article span {
  display: inline-block;
  text-align: center;
  font-size: 1.375rem;
  line-height: 1.625rem;
  text-transform: uppercase;
  padding: 20px;
}
#training-page .col75.main-content {
  padding-right: 40px;
}
@media screen and (max-width: 1000px) {
  #training-page .main-content.rowFlex {
    display: block;
  }
  #training-page .col75.main-content {
    width: 100%;
    padding: 0px;
  }
  #training-page .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
}
#training-page h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #F04D5F;
  margin-bottom: 20px;
}
#training-page #training-sessions .target-container article {
  display: flex;
  width: 100%;
  margin-bottom: 50px;
}
@media screen and (max-width: 720px) {
  #training-page #training-sessions .target-container article {
    display: block;
  }
}
#training-page #training-sessions .target-container article .event-picture-wrap {
  display: block;
  width: 33.33%;
  margin-right: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 720px) {
  #training-page #training-sessions .target-container article .event-picture-wrap {
    width: 100%;
  }
}
#training-page #training-sessions .target-container article .event-picture-wrap .event-picture {
  display: block;
  width: 100%;
  height: 250px;
}
#training-page #training-sessions .target-container article .event-details {
  width: 66.66%;
}
@media screen and (max-width: 720px) {
  #training-page #training-sessions .target-container article .event-details {
    width: 100%;
  }
}
#training-page #training-sessions .target-container article .event-details .text-link-noarrow {
  color: #231f20;
}
#training-page #training-sessions .target-container article span {
  display: inline-block;
  text-align: left;
  font-size: 1.375rem;
  line-height: 1.625rem;
  padding: 20px;
}
#training-page #register-pane {
  position: relative;
}
#training-page #register-pane #register-pane-anchor {
  position: absolute;
  content: "";
  top: -100px;
}

#level-up-page h2, #accreditation-page h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  color: #F04D5F;
  margin-bottom: 20px;
}
#level-up-page #video-pane .col33, #accreditation-page #video-pane .col33 {
  padding-left: 20px;
}
#level-up-page #video-pane .col33 p, #accreditation-page #video-pane .col33 p {
  font-weight: normal;
}
#level-up-page #video-pane .standard-button-keyline, #accreditation-page #video-pane .standard-button-keyline {
  margin: 20px 0px;
}
@media screen and (max-width: 1000px) {
  #level-up-page #video-pane .col33, #accreditation-page #video-pane .col33 {
    width: 40%;
  }
  #level-up-page #video-pane .col66, #accreditation-page #video-pane .col66 {
    width: 60%;
  }
}
@media screen and (max-width: 720px) {
  #level-up-page #video-pane .row.rowFlex, #accreditation-page #video-pane .row.rowFlex {
    display: block;
  }
  #level-up-page #video-pane .col33, #accreditation-page #video-pane .col33 {
    width: 100%;
    padding-left: 0;
    padding-top: 20px;
  }
  #level-up-page #video-pane .col66, #accreditation-page #video-pane .col66 {
    width: 100%;
  }
}
#level-up-page #asking-pane, #level-up-page #how-to-pane, #accreditation-page #asking-pane, #accreditation-page #how-to-pane {
  color: #fff;
}
#level-up-page #asking-pane h1, #level-up-page #how-to-pane h1, #accreditation-page #asking-pane h1, #accreditation-page #how-to-pane h1 {
  color: #fff;
}
#level-up-page #asking-pane p, #level-up-page #how-to-pane p, #accreditation-page #asking-pane p, #accreditation-page #how-to-pane p {
  font-size: 1.75rem;
  line-height: 1.875rem;
  padding-right: 40px;
}
#level-up-page #asking-pane p.num, #level-up-page #how-to-pane p.num, #accreditation-page #asking-pane p.num, #accreditation-page #how-to-pane p.num {
  color: #231f20;
  display: inline-block;
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  padding-right: 20px;
}
@media screen and (max-width: 720px) {
  #level-up-page #asking-pane .row.rowFlex, #level-up-page #how-to-pane .row.rowFlex, #accreditation-page #asking-pane .row.rowFlex, #accreditation-page #how-to-pane .row.rowFlex {
    display: block;
  }
  #level-up-page #asking-pane .col33, #level-up-page #how-to-pane .col33, #accreditation-page #asking-pane .col33, #accreditation-page #how-to-pane .col33 {
    width: 100%;
    margin-bottom: 40px;
  }
  #level-up-page #asking-pane .col33:last-of-type, #level-up-page #how-to-pane .col33:last-of-type, #accreditation-page #asking-pane .col33:last-of-type, #accreditation-page #how-to-pane .col33:last-of-type {
    margin-bottom: 0;
  }
}
#level-up-page #accreditation_testimonials .slides, #accreditation-page #accreditation_testimonials .slides {
  position: relative;
  padding-top: 50px;
  display: block;
  overflow: hidden;
  background-color: #fff;
}
#level-up-page #why-pane .first p, #accreditation-page #why-pane .first p {
  font-size: 1.375rem;
  line-height: 1.625rem;
  font-weight: 400;
  padding-right: 30px;
}
#level-up-page #why-pane .red-pane, #level-up-page #why-pane .green-pane, #accreditation-page #why-pane .red-pane, #accreditation-page #why-pane .green-pane {
  font-size: 1.375rem;
  line-height: 1.625rem;
  color: #fff;
}
#level-up-page #why-pane .red-pane ul li, #level-up-page #why-pane .green-pane ul li, #accreditation-page #why-pane .red-pane ul li, #accreditation-page #why-pane .green-pane ul li {
  position: relative;
  padding-left: 20px;
  margin-bottom: 10px;
}
#level-up-page #why-pane .red-pane ul li:before, #level-up-page #why-pane .green-pane ul li:before, #accreditation-page #why-pane .red-pane ul li:before, #accreditation-page #why-pane .green-pane ul li:before {
  content: "•";
  position: absolute;
  left: 0px;
  top: 0px;
}
@media screen and (max-width: 720px) {
  #level-up-page #why-pane .row.rowFlex, #accreditation-page #why-pane .row.rowFlex {
    display: block;
  }
  #level-up-page #why-pane .col33, #accreditation-page #why-pane .col33 {
    width: 100%;
    margin-bottom: 40px;
  }
  #level-up-page #why-pane .col33:last-of-type, #accreditation-page #why-pane .col33:last-of-type {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 720px) {
  #level-up-page #toolkit-pane .row.rowFlex, #accreditation-page #toolkit-pane .row.rowFlex {
    display: block;
  }
  #level-up-page #toolkit-pane .col50, #accreditation-page #toolkit-pane .col50 {
    width: 100%;
  }
}
#level-up-page #mental-health-workplace-quote, #accreditation-page #mental-health-workplace-quote {
  font-size: 3.75rem;
  line-height: 3.4375rem;
  color: #05B1A4;
  text-align: center;
  text-transform: uppercase;
  padding: 0 25%;
}
@media screen and (max-width: 720px) {
  #level-up-page #mental-health-workplace-quote, #accreditation-page #mental-health-workplace-quote {
    font-size: 2.8125rem;
    line-height: 2.875rem;
  }
}
@media screen and (max-width: 1000px) {
  #level-up-page #mental-health-workplace-quote, #accreditation-page #mental-health-workplace-quote {
    padding: 0 10%;
  }
}
@media screen and (max-width: 720px) {
  #level-up-page #mental-health-workplace-quote, #accreditation-page #mental-health-workplace-quote {
    padding: 0;
  }
}
@media screen and (max-width: 720px) {
  #level-up-page #training-sessions .row.rowFlex, #accreditation-page #training-sessions .row.rowFlex {
    display: block;
  }
  #level-up-page #training-sessions .col50, #accreditation-page #training-sessions .col50 {
    width: 100%;
  }
  #level-up-page #training-sessions .col.bg-fill, #accreditation-page #training-sessions .col.bg-fill {
    height: 250px;
    margin-top: 20px;
  }
}
#level-up-page #partner-quote, #level-up-page #accreditation-quote, #accreditation-page #partner-quote, #accreditation-page #accreditation-quote {
  margin-bottom: 10px;
  color: #fff;
}
#level-up-page #partner-quote blockquote, #level-up-page #accreditation-quote blockquote, #accreditation-page #partner-quote blockquote, #accreditation-page #accreditation-quote blockquote {
  display: block;
  position: relative;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 700;
  padding: 40px 80px;
  border: 4px solid;
  color: #F04D5F;
  border-color: #F04D5F;
  border-radius: 30px;
  margin-bottom: 60px;
  margin-top: 30px;
}
@media screen and (max-width: 720px) {
  #level-up-page #partner-quote blockquote, #level-up-page #accreditation-quote blockquote, #accreditation-page #partner-quote blockquote, #accreditation-page #accreditation-quote blockquote {
    padding: 20px 40px;
  }
}
.support #level-up-page #partner-quote blockquote, .page-support-feelings-symptoms #level-up-page #partner-quote blockquote, .single-a-to-z #level-up-page #partner-quote blockquote, .single-symptoms #level-up-page #partner-quote blockquote, .support #level-up-page #accreditation-quote blockquote, .page-support-feelings-symptoms #level-up-page #accreditation-quote blockquote, .single-a-to-z #level-up-page #accreditation-quote blockquote, .single-symptoms #level-up-page #accreditation-quote blockquote, .support #accreditation-page #partner-quote blockquote, .page-support-feelings-symptoms #accreditation-page #partner-quote blockquote, .single-a-to-z #accreditation-page #partner-quote blockquote, .single-symptoms #accreditation-page #partner-quote blockquote, .support #accreditation-page #accreditation-quote blockquote, .page-support-feelings-symptoms #accreditation-page #accreditation-quote blockquote, .single-a-to-z #accreditation-page #accreditation-quote blockquote, .single-symptoms #accreditation-page #accreditation-quote blockquote {
  color: #05B1A4;
}
.games-and-apps #level-up-page #partner-quote blockquote, .page-games-and-apps #level-up-page #partner-quote blockquote, .games-and-apps #level-up-page #accreditation-quote blockquote, .page-games-and-apps #level-up-page #accreditation-quote blockquote, .games-and-apps #accreditation-page #partner-quote blockquote, .page-games-and-apps #accreditation-page #partner-quote blockquote, .games-and-apps #accreditation-page #accreditation-quote blockquote, .page-games-and-apps #accreditation-page #accreditation-quote blockquote {
  color: #F8E08E;
}
.stories #level-up-page #partner-quote blockquote, .page-stories #level-up-page #partner-quote blockquote, .stories #level-up-page #accreditation-quote blockquote, .page-stories #level-up-page #accreditation-quote blockquote, .stories #accreditation-page #partner-quote blockquote, .page-stories #accreditation-page #partner-quote blockquote, .stories #accreditation-page #accreditation-quote blockquote, .page-stories #accreditation-page #accreditation-quote blockquote {
  color: #4A8DB8;
}
.home #level-up-page #partner-quote blockquote, .page-homepage #level-up-page #partner-quote blockquote, .news #level-up-page #partner-quote blockquote, .blog #level-up-page #partner-quote blockquote, .home #level-up-page #accreditation-quote blockquote, .page-homepage #level-up-page #accreditation-quote blockquote, .news #level-up-page #accreditation-quote blockquote, .blog #level-up-page #accreditation-quote blockquote, .home #accreditation-page #partner-quote blockquote, .page-homepage #accreditation-page #partner-quote blockquote, .news #accreditation-page #partner-quote blockquote, .blog #accreditation-page #partner-quote blockquote, .home #accreditation-page #accreditation-quote blockquote, .page-homepage #accreditation-page #accreditation-quote blockquote, .news #accreditation-page #accreditation-quote blockquote, .blog #accreditation-page #accreditation-quote blockquote {
  color: #F7941D;
}
.page-level-up #level-up-page #partner-quote blockquote, .page-accreditation #level-up-page #partner-quote blockquote, .page-level-up #level-up-page #accreditation-quote blockquote, .page-accreditation #level-up-page #accreditation-quote blockquote, .page-level-up #accreditation-page #partner-quote blockquote, .page-accreditation #accreditation-page #partner-quote blockquote, .page-level-up #accreditation-page #accreditation-quote blockquote, .page-accreditation #accreditation-page #accreditation-quote blockquote {
  color: #fff;
}
.support #level-up-page #partner-quote blockquote, .page-support-feelings-symptoms #level-up-page #partner-quote blockquote, .single-a-to-z #level-up-page #partner-quote blockquote, .single-symptoms #level-up-page #partner-quote blockquote, .support #level-up-page #accreditation-quote blockquote, .page-support-feelings-symptoms #level-up-page #accreditation-quote blockquote, .single-a-to-z #level-up-page #accreditation-quote blockquote, .single-symptoms #level-up-page #accreditation-quote blockquote, .support #accreditation-page #partner-quote blockquote, .page-support-feelings-symptoms #accreditation-page #partner-quote blockquote, .single-a-to-z #accreditation-page #partner-quote blockquote, .single-symptoms #accreditation-page #partner-quote blockquote, .support #accreditation-page #accreditation-quote blockquote, .page-support-feelings-symptoms #accreditation-page #accreditation-quote blockquote, .single-a-to-z #accreditation-page #accreditation-quote blockquote, .single-symptoms #accreditation-page #accreditation-quote blockquote {
  border-color: #05B1A4;
}
.games-and-apps #level-up-page #partner-quote blockquote, .page-games-and-apps #level-up-page #partner-quote blockquote, .games-and-apps #level-up-page #accreditation-quote blockquote, .page-games-and-apps #level-up-page #accreditation-quote blockquote, .games-and-apps #accreditation-page #partner-quote blockquote, .page-games-and-apps #accreditation-page #partner-quote blockquote, .games-and-apps #accreditation-page #accreditation-quote blockquote, .page-games-and-apps #accreditation-page #accreditation-quote blockquote {
  border-color: #F8E08E;
}
.stories #level-up-page #partner-quote blockquote, .page-stories #level-up-page #partner-quote blockquote, .stories #level-up-page #accreditation-quote blockquote, .page-stories #level-up-page #accreditation-quote blockquote, .stories #accreditation-page #partner-quote blockquote, .page-stories #accreditation-page #partner-quote blockquote, .stories #accreditation-page #accreditation-quote blockquote, .page-stories #accreditation-page #accreditation-quote blockquote {
  border-color: #4A8DB8;
}
.news #level-up-page #partner-quote blockquote, .blog #level-up-page #partner-quote blockquote, .news #level-up-page #accreditation-quote blockquote, .blog #level-up-page #accreditation-quote blockquote, .news #accreditation-page #partner-quote blockquote, .blog #accreditation-page #partner-quote blockquote, .news #accreditation-page #accreditation-quote blockquote, .blog #accreditation-page #accreditation-quote blockquote {
  border-color: #F7941D;
}
.page-level-up #level-up-page #partner-quote blockquote, .page-accreditation #level-up-page #partner-quote blockquote, .page-level-up #level-up-page #accreditation-quote blockquote, .page-accreditation #level-up-page #accreditation-quote blockquote, .page-level-up #accreditation-page #partner-quote blockquote, .page-accreditation #accreditation-page #partner-quote blockquote, .page-level-up #accreditation-page #accreditation-quote blockquote, .page-accreditation #accreditation-page #accreditation-quote blockquote {
  border-color: #fff;
}
#level-up-page #partner-quote blockquote p, #level-up-page #accreditation-quote blockquote p, #accreditation-page #partner-quote blockquote p, #accreditation-page #accreditation-quote blockquote p {
  margin-bottom: 0px;
  font-weight: 600;
}
#level-up-page #partner-quote blockquote:after, #level-up-page #accreditation-quote blockquote:after, #accreditation-page #partner-quote blockquote:after, #accreditation-page #accreditation-quote blockquote:after {
  display: block;
  position: absolute;
  display: block;
  position: absolute;
  width: 70px;
  height: 40px;
  bottom: -40px;
  padding: 0;
  left: 40px;
}
.help #level-up-page #partner-quote blockquote:after, .covid-19 #level-up-page #partner-quote blockquote:after, .crisis-hub #level-up-page #partner-quote blockquote:after, .help #level-up-page #accreditation-quote blockquote:after, .covid-19 #level-up-page #accreditation-quote blockquote:after, .crisis-hub #level-up-page #accreditation-quote blockquote:after, .help #accreditation-page #partner-quote blockquote:after, .covid-19 #accreditation-page #partner-quote blockquote:after, .crisis-hub #accreditation-page #partner-quote blockquote:after, .help #accreditation-page #accreditation-quote blockquote:after, .covid-19 #accreditation-page #accreditation-quote blockquote:after, .crisis-hub #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle1.svg");
}
.support #level-up-page #partner-quote blockquote:after, .page-support-feelings-symptoms #level-up-page #partner-quote blockquote:after, .single-a-to-z #level-up-page #partner-quote blockquote:after, .support #level-up-page #accreditation-quote blockquote:after, .page-support-feelings-symptoms #level-up-page #accreditation-quote blockquote:after, .single-a-to-z #level-up-page #accreditation-quote blockquote:after, .support #accreditation-page #partner-quote blockquote:after, .page-support-feelings-symptoms #accreditation-page #partner-quote blockquote:after, .single-a-to-z #accreditation-page #partner-quote blockquote:after, .support #accreditation-page #accreditation-quote blockquote:after, .page-support-feelings-symptoms #accreditation-page #accreditation-quote blockquote:after, .single-a-to-z #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle2.svg");
}
.games-and-apps #level-up-page #partner-quote blockquote:after, .games-and-apps #level-up-page #accreditation-quote blockquote:after, .games-and-apps #accreditation-page #partner-quote blockquote:after, .games-and-apps #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle3.svg");
}
.stories #level-up-page #partner-quote blockquote:after, .stories #level-up-page #accreditation-quote blockquote:after, .stories #accreditation-page #partner-quote blockquote:after, .stories #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle4.svg");
}
.news #level-up-page #partner-quote blockquote:after, .news #level-up-page #accreditation-quote blockquote:after, .news #accreditation-page #partner-quote blockquote:after, .news #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle5.svg");
}
.page-level-up #level-up-page #partner-quote blockquote:after, .page-accreditation #level-up-page #partner-quote blockquote:after, .page-level-up #level-up-page #accreditation-quote blockquote:after, .page-accreditation #level-up-page #accreditation-quote blockquote:after, .page-level-up #accreditation-page #partner-quote blockquote:after, .page-accreditation #accreditation-page #partner-quote blockquote:after, .page-level-up #accreditation-page #accreditation-quote blockquote:after, .page-accreditation #accreditation-page #accreditation-quote blockquote:after {
  content: url("images/quote-triangle6.svg");
}
@media screen and (max-width: 720px) {
  #level-up-page #partner-quote .row.rowFlex, #level-up-page #accreditation-quote .row.rowFlex, #accreditation-page #partner-quote .row.rowFlex, #accreditation-page #accreditation-quote .row.rowFlex {
    display: block;
  }
  #level-up-page #partner-quote .row.rowFlex .col66, #level-up-page #accreditation-quote .row.rowFlex .col66, #accreditation-page #partner-quote .row.rowFlex .col66, #accreditation-page #accreditation-quote .row.rowFlex .col66 {
    width: 100%;
  }
  #level-up-page #partner-quote .row.rowFlex .col33, #level-up-page #accreditation-quote .row.rowFlex .col33, #accreditation-page #partner-quote .row.rowFlex .col33, #accreditation-page #accreditation-quote .row.rowFlex .col33 {
    width: 50%;
  }
}
#level-up-page #partner-quote .col33 div, #level-up-page #accreditation-quote .col33 div, #accreditation-page #partner-quote .col33 div, #accreditation-page #accreditation-quote .col33 div {
  margin: 30px 0px 60px 40px;
  width: 100%;
}
@media screen and (max-width: 720px) {
  #level-up-page #partner-quote .col33 div, #level-up-page #accreditation-quote .col33 div, #accreditation-page #partner-quote .col33 div, #accreditation-page #accreditation-quote .col33 div {
    height: 180px;
    margin: 0px;
  }
}
#level-up-page #register-pane, #accreditation-page #register-pane {
  position: relative;
}
#level-up-page #register-pane #register-pane-anchor, #accreditation-page #register-pane #register-pane-anchor {
  position: absolute;
  content: "";
  top: -100px;
}

@media screen and (max-width: 720px) {
  #members-page .col75.main-content {
    width: 100%;
  }
}
@media screen and (max-width: 720px) {
  #members-page #video-pane .row.rowFlex {
    display: block;
  }
}
@media screen and (max-width: 720px) {
  #members-page #video-pane .col66 {
    width: 100%;
  }
}
#members-page #video-pane .col33 {
  padding-left: 20px;
}
@media screen and (max-width: 720px) {
  #members-page #video-pane .col33 {
    padding-left: 0;
    width: 100%;
    padding-top: 20px;
  }
}

.assets-pane .asset-panes.rowFlex {
  flex-wrap: wrap;
}
.assets-pane .article-block {
  display: block;
  position: relative;
  width: calc(25% - 10px);
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 10px;
  text-decoration: none;
  color: #231f20;
  background-color: #fff;
  -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 1000px) {
  .assets-pane .article-block {
    width: calc(33% - 10px);
  }
}
@media screen and (max-width: 720px) {
  .assets-pane .article-block {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
}
.assets-pane .article-block:last-of-type {
  margin-right: 0px;
}
.assets-pane .article-block .news-image-wrapper {
  display: block;
  position: relative;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  width: 100%;
  min-height: 180px;
  padding-top: 50%;
  overflow: hidden;
}
.assets-pane .article-block .news-image-wrapper .news-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.assets-pane .article-block .news-image-link:hover .news-image-wrapper .news-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
.assets-pane .article-block .news-details {
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
}
.assets-pane .article-block .news-details h2 {
  color: #F04D5F;
}
.assets-pane .article-block .news-details h2.support-post, .assets-pane .article-block .news-details h2.a-to-z-post, .assets-pane .article-block .news-details h2.symptoms-post, .single-symptoms .assets-pane .article-block .news-details h2 {
  color: #05B1A4;
}
.assets-pane .article-block .news-details h2.games-and-apps-post {
  color: #F8E08E;
}
.assets-pane .article-block .news-details h2.stories-post, .assets-pane .article-block .news-details h2.page-stories {
  color: #4A8DB8;
}
.home .assets-pane .article-block .news-details h2, .page-homepage .assets-pane .article-block .news-details h2, .assets-pane .article-block .news-details h2 .news-post, .assets-pane .article-block .news-details h2.news-post, .assets-pane .article-block .news-details h2.blog, .blog .assets-pane .article-block .news-details h2 {
  color: #F7941D;
}
.assets-pane .article-block .news-details h3 {
  color: #231f20;
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-bottom: 20px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.assets-pane .article-block .news-details p {
  font-weight: 400;
  margin-bottom: 20px;
  color: #231f20;
}
.assets-pane .article-block a.text-link {
  position: absolute;
  bottom: 10px;
  left: 20px;
  color: #F04D5F;
  text-transform: uppercase;
  font-weight: 500;
}
.assets-pane .article-block a.text-link.support-post, .assets-pane .article-block a.text-link.a-to-z-post, .assets-pane .article-block a.text-link.symptoms-post, .single-symptoms .assets-pane .article-block a.text-link {
  color: #05B1A4;
}
.assets-pane .article-block a.text-link.games-and-apps-post {
  color: #F8E08E;
}
.assets-pane .article-block a.text-link.stories-post, .assets-pane .article-block a.text-link.page-stories {
  color: #4A8DB8;
}
.home .assets-pane .article-block a.text-link, .page-homepage .assets-pane .article-block a.text-link, .assets-pane .article-block a.text-link .news-post, .assets-pane .article-block a.text-link.news-post, .assets-pane .article-block a.text-link.blog, .blog .assets-pane .article-block a.text-link {
  color: #F7941D;
}
.assets-pane .assets-footer p {
  text-align: center;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}

.sidebar-login-pane {
  background-color: #ececec;
  padding: 20px 20px 20px 20px;
  text-align: center;
}
.sidebar-login-pane p {
  margin: 0 !important;
}
.sidebar-login-pane p label {
  display: block;
  text-transform: uppercase;
  text-align: left;
  color: #231f20;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
.sidebar-login-pane p.login-submit {
  border: 0px solid red;
  text-align: center;
  padding: 0;
}
.sidebar-login-pane p.login-submit input[type=submit] {
  margin: 0;
  margin-top: 10px;
}
.sidebar-login-pane input[type=text], .sidebar-login-pane input[type=password] {
  -webkit-transition-duration: 0.4s;
  transition-duration: 0.4s;
  display: block;
  padding: 10px;
  min-height: 0px;
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
  color: #666666;
  width: 100%;
  margin-top: 5px;
  margin-bottom: 10px;
  border: 0px;
  border-left: 5px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
  box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
}
.sidebar-login-pane input[type=text]:focus, .sidebar-login-pane input[type=password]:focus {
  -webkit-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.4);
  border-left: 5px solid #231f20;
  color: #231f20;
  outline: none;
}

#level-up-page .col75.main-content, #members-page .col75.main-content, #accreditation-page .col75.main-content {
  padding-right: 40px;
}

@media screen and (max-width: 1000px) {
  #level-up-page .main-content.rowFlex, #members-page .main-content.rowFlex, #accreditation-page .main-content.rowFlex {
    display: block;
  }
  #level-up-page .col75.main-content, #members-page .col75.main-content, #accreditation-page .col75.main-content {
    width: 100%;
    padding: 0px;
  }
  #level-up-page .col25.page-sidebar, #members-page .col25.page-sidebar, #accreditation-page .col25.page-sidebar {
    width: 100%;
    padding: 0;
  }
}

@media screen and (max-width: 1000px) {
  #accreditation-page #register-pane .submission-form.rowFlex {
    display: block;
  }
  #accreditation-page #register-pane .col50.main-content {
    width: 100%;
    padding: 0px;
    margin-bottom: 20px;
  }
}

#get-involved-page .main-content h1 {
  color: #F04D5F;
  margin-bottom: 20px;
}
#get-involved-page #involved-pane1 {
  margin-bottom: 50px;
}
@media screen and (max-width: 720px) {
  #get-involved-page #involved-pane1 {
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
}
#get-involved-page #involved-pane2 {
  margin: 10px 0px;
}
@media screen and (max-width: 720px) {
  #get-involved-page #involved-pane2 .row.rowPad {
    padding: 50px 15px;
  }
}
#get-involved-page .involved-panes {
  display: flex;
}
#get-involved-page .involved-panes article {
  position: relative;
  width: calc(50% - 10px);
  padding-bottom: 70px;
}
#get-involved-page .involved-panes article:nth-child(odd) {
  margin-left: 0px;
  margin-right: 10px;
}
#get-involved-page .involved-panes article:nth-child(even) {
  margin-right: 0px;
  margin-left: 10px;
}
#get-involved-page .involved-panes article h2 {
  font-size: 1.75rem;
  line-height: 1.875rem;
  margin-top: 20px;
  margin-bottom: 10px;
}
#get-involved-page .involved-panes article p {
  font-weight: 400;
  padding-right: 40px;
}
#get-involved-page .involved-panes article .involved-picture {
  display: block;
  min-height: 180px;
  margin-bottom: 10px;
}
#get-involved-page .involved-panes article .standard-button, #get-involved-page .involved-panes article .sidebar-login-pane p.login-submit input[type=submit], .sidebar-login-pane p.login-submit #get-involved-page .involved-panes article input[type=submit] {
  margin: 0;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
@media screen and (max-width: 720px) {
  #get-involved-page .involved-panes {
    display: block;
  }
  #get-involved-page .involved-panes article {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
  }
  #get-involved-page .involved-panes article:nth-child(odd) {
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
  }
  #get-involved-page .involved-panes article:nth-child(even) {
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
  }
}

#page-carousel {
  display: block;
  width: 100%;
  height: 400px;
  background-color: #ececec;
  margin-bottom: 50px;
  overflow: hidden;
}
.games-and-apps #page-carousel {
  height: 550px;
  margin-top: 40px;
}
#page-carousel .owl-nav {
  position: absolute;
  display: block;
  top: 170px;
  width: 100%;
  left: 0px;
}
.games-and-apps #page-carousel .owl-nav {
  top: 245px;
}
@media screen and (min-width: 2000px) {
  #page-carousel .owl-nav .owl-prev {
    left: 272px;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1999px) {
  #page-carousel .owl-nav .owl-prev {
    left: 172px;
  }
}
@media screen and (max-width: 1600px) {
  #page-carousel .owl-nav .owl-prev {
    left: 92px;
  }
}
@media screen and (max-width: 720px) {
  #page-carousel .owl-nav .owl-prev {
    display: none;
  }
}
#page-carousel .owl-nav .owl-prev:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
@media screen and (min-width: 2000px) {
  #page-carousel .owl-nav .owl-next {
    right: 272px;
  }
}
@media screen and (min-width: 1601px) and (max-width: 1999px) {
  #page-carousel .owl-nav .owl-next {
    right: 172px;
  }
}
@media screen and (max-width: 1600px) {
  #page-carousel .owl-nav .owl-next {
    right: 92px;
  }
}
@media screen and (max-width: 720px) {
  #page-carousel .owl-nav .owl-next {
    display: none;
  }
}
#page-carousel .owl-nav .owl-next:focus {
  outline-style: none;
  box-shadow: none;
  border-color: transparent;
}
#page-carousel .top-carousel-post {
  display: block;
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  height: 400px;
  width: 100%;
}
.games-and-apps #page-carousel .top-carousel-post {
  height: 550px;
}
#page-carousel .top-carousel-post .post-image-wrapper {
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow: hidden;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 100px 100px;
  background-position: 50% 50%;
}
#page-carousel .top-carousel-post .post-image-wrapper .post-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#page-carousel .top-carousel-post .post-image-wrapper .post-image:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 250px;
  background: -moz-linear-gradient(top, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
  background: -webkit-linear-gradient(top, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
  background: linear-gradient(to bottom, rgba(35, 31, 32, 0) 0%, rgba(35, 31, 32, 0.9) 100%);
}
#page-carousel .top-carousel-post.page-carousel-link:hover .post-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}
#page-carousel .top-carousel-post .post-details {
  display: block;
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: #fff;
}
#page-carousel .top-carousel-post .post-details h2 {
  color: #F7941D;
  text-align: left;
  font-size: 1.375rem;
  line-height: 1.625rem;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.page-covid-19 #page-carousel .top-carousel-post .post-details h2 {
  color: #F04D5F;
}
#page-carousel .top-carousel-post .post-details .post-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.875rem;
  line-height: 2.5rem;
  border: 0px solid yellow;
  padding-right: 40%;
  margin-bottom: 5px;
}
@media screen and (max-width: 720px) {
  #page-carousel .top-carousel-post .post-details .post-title {
    padding-right: 25%;
  }
}
#page-carousel .top-carousel-post .post-details .post-date {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
#page-carousel .top-carousel-post:hover {
  cursor: pointer;
}
#page-carousel .top-carousel-post:hover h2 {
  color: #fff;
}

#single-post-page #page-sidebar #legal-side-pane p {
  color: #F04D5F;
  margin-top: 20px;
  margin-bottom: 40px;
  margin-right: 20px;
  font-size: 1.75rem;
  line-height: 1.875rem;
  font-weight: 600;
}
#single-post-page #page-sidebar #legal-side-pane p a {
  color: inherit;
}

footer {
  width: 100%;
  background-color: #231f20;
  padding: 30px 0px 50px;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.01em;
}
footer h1 {
  text-transform: uppercase;
  display: block;
  margin-bottom: 5px;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 600;
}
@media screen and (max-width: 720px) {
  footer .row.rowFlex {
    display: block;
  }
}
footer .row.rowFlex section.legal-links, footer .row.rowFlex section.tel-numbers {
  display: block;
  width: 25%;
}
@media screen and (max-width: 1000px) {
  footer .row.rowFlex section.legal-links, footer .row.rowFlex section.tel-numbers {
    width: 50%;
  }
}
@media screen and (max-width: 720px) {
  footer .row.rowFlex section.legal-links, footer .row.rowFlex section.tel-numbers {
    width: 100%;
    margin-bottom: 40px;
  }
}
footer .row.rowFlex section.social-links {
  border: 0px solid yellow;
  display: block;
  width: 50%;
}
footer .row.rowFlex section.social-links .social_link {
  display: inline-block;
  width: 50px;
  height: 40px;
  margin-right: 10px;
  margin-top: 5px;
  background: url("images/footer-social-icons.png");
  overflow: hidden;
  background-size: 400px 39px;
  background-repeat: no-repeat;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
footer .row.rowFlex section.social-links .social_link.discord {
  background-position: 0 0;
}
footer .row.rowFlex section.social-links .social_link.youtube {
  background-position: -50px 0;
}
footer .row.rowFlex section.social-links .social_link.facebook {
  background-position: -100px 0;
}
footer .row.rowFlex section.social-links .social_link.instagram {
  background-position: -150px 0;
}
footer .row.rowFlex section.social-links .social_link.twitter {
  background-position: -200px 0;
}
footer .row.rowFlex section.social-links .social_link.twitch {
  background-position: -250px 0;
}
footer .row.rowFlex section.social-links .social_link:hover {
  opacity: 0.7;
}
footer .row.rowFlex section.social-links .social_link:last-of-type {
  margin-right: 0px;
}
@media screen and (max-width: 720px) {
  footer .row.rowFlex section.social-links {
    width: 100%;
    margin-bottom: 40px;
  }
}
footer section.legal-links a, footer section.form-link a {
  text-transform: uppercase;
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-weight: 600;
  text-decoration: none;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
footer section.legal-links a:before, footer section.form-link a:before {
  content: ">";
  display: block;
  position: absolute;
  top: 0px;
  left: -5px;
  color: #fff;
  font-weight: 400;
  opacity: 0;
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
}
footer section.legal-links a:hover, footer section.form-link a:hover {
  opacity: 0.7;
  padding-left: 15px;
}
footer section.legal-links a:hover:before, footer section.form-link a:hover:before {
  left: 0px;
  opacity: 1;
}
footer section.tel-numbers * {
  text-transform: uppercase;
}
footer section.tel-numbers p {
  margin-bottom: 5px;
}
footer .legal-copy {
  align-items: flex-end;
}
footer .legal-copy #footer-logo {
  display: block;
  position: relative;
  margin-right: 20px;
}
footer .legal-copy #footer-logo div {
  display: block;
  width: 140px;
}
@media screen and (max-width: 720px) {
  footer .legal-copy {
    display: block;
  }
}
footer .form-link {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 25%;
}
@media screen and (max-width: 720px) {
  footer .form-link {
    position: relative;
    display: block;
    padding-left: 10px;
    width: 100%;
  }
}

#cover {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 99999;
}
#cover .bg {
  display: block;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0.95;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
#cover .message {
  font-size: 1.75rem;
  line-height: 1.875rem;
  position: relative;
  padding: 40px 40px 40px 150px;
  width: 60%;
  max-width: 800px;
}
@media screen and (max-width: 1000px) {
  #cover .message {
    width: 75%;
  }
}
@media screen and (max-width: 720px) {
  #cover .message {
    width: 90%;
    padding: 20px 20px 20px 20px;
  }
  #cover .message img {
    display: none;
  }
}
#cover .message h1 {
  margin-bottom: 20px;
  color: #231f20;
}
#cover .message img {
  position: absolute;
  height: 80%;
  width: auto;
  left: 25px;
  top: 10%;
}
#cover .message a {
  text-decoration: none;
  position: relative;
  color: #ececec;
  display: inline-block;
  text-transform: uppercase;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #ececec;
  padding-right: 30px;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#cover .message a:before {
  content: ">";
  display: block;
  position: absolute;
  left: -20px;
  top: 0px;
  opacity: 0;
  font-weight: 300;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
#cover .message a:last-of-type {
  border-bottom: none;
}
#cover .message a:hover {
  color: #231f20;
  padding-left: 30px;
  padding-right: 0;
}
#cover .message a:hover:before {
  opacity: 1;
  left: 0px;
}
#cover button.close-overlay {
  font-size: 1.125rem;
  line-height: 1.5rem;
  display: block;
  position: absolute;
  top: -20px;
  right: -20px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background-color: #fff;
  transition: 0.3s;
}
#cover button.close-overlay:after {
  content: url("images/close-icon.svg");
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 5px;
  top: 4px;
  transition: 0.2s;
}
#cover button.close-overlay:hover {
  cursor: pointer;
  -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
}
#cover button.close-overlay:hover:after {
  transform: scale(1.1);
}

#cookie-law-info-bar {
  font-size: 1.125rem;
  line-height: 1.5rem;
}

#cookie_hdr_showagain {
  font-size: 1.125rem;
  line-height: 1.5rem;
  font-weight: 500;
}

.cli-plugin-button,
.cli-plugin-button:visited,
.medium.cli-plugin-button,
.medium.cli-plugin-button:visited {
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
}

.cli_settings_button {
  color: grey;
}

#contact-us-page-form {
  margin-top: 10px;
  margin-bottom: 40px;
  background-color: #ececec;
  padding-top: 40px;
  padding-top: 40px;
  border: 1px solid red;
}

body {
  color: #231f20;
  font-size: 1.125rem;
  line-height: 1.5rem;
}
body.noScroll {
  overflow: hidden;
}

* {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#bgCover {
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
}

.bg-fill {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.img-size {
  width: 100%;
  align-self: flex-start;
}

.red {
  fill: red;
}

hr {
  display: block;
  height: 1px;
  border: none;
  margin: 40px 0px;
  background-color: #F04D5F;
}
.support hr, .page-support-feelings-symptoms hr, .single-a-to-z hr, .single-symptoms hr, .single-symptoms hr, .page-a-to-z-of-mental-health hr, .page-wellbeing hr {
  background-color: #05B1A4;
}
.games-and-apps hr, .page-games-and-apps hr {
  background-color: #F8E08E;
}
.stories hr, .page-stories hr {
  background-color: #4A8DB8;
}
.news hr, .blog hr {
  background-color: #F7941D;
}

hr.section-divide {
  height: 10px;
  margin: 45px 0px 20px;
}

.row {
  position: relative;
  margin: 0px auto;
  max-width: 1180px;
  padding: 0px 0px;
}
.row.rowFlex {
  display: flex;
}
.row.rowFlexStart {
  align-items: flex-start;
}
.row.rowFlexCenter {
  align-items: center;
  justify-content: center;
}
.row.rowFlexCenterH {
  justify-content: center;
}
@media screen and (max-width: 1180px) {
  .row {
    width: 100%;
    padding: 0px 15px;
  }
  .row.rowPadSmall {
    padding: 20px 15px;
  }
  .row.rowPadMed {
    padding: 50px 15px;
  }
  .row.rowPad {
    padding: 100px 15px;
  }
}
.row .col {
  position: relative;
  max-width: 100%;
}
.row .colFlex {
  display: flex;
}
.row .col100 {
  width: 100%;
}
.row .col80 {
  width: 80%;
}
.row .col75 {
  width: 75%;
}
.row .col70 {
  width: 70%;
}
.row .col66 {
  width: 66.6666%;
}
.row .col60 {
  width: 60%;
}
.row .col50 {
  width: 50%;
}
.row .col40 {
  width: 40%;
}
.row .col33 {
  width: 33.3333%;
}
.row .col30 {
  width: 30%;
}
.row .col25 {
  width: 25%;
}
.row .col20 {
  width: 20%;
}
.row .col10 {
  width: 10%;
}

.rowPadSmall {
  padding: 30px 0px;
}

.rowPadMed {
  padding: 50px 0px;
}

.rowPad {
  padding: 100px 0px;
}

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

  .rowPadMed {
    padding: 25px 0px;
  }

  .rowPad {
    padding: 50px 0px;
  }
}
#page-sidebar {
  width: 320px;
}

#page-sidebar.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 190px;
}

main section#home-news-pane {
  border: 0px solid red;
}
main .pane-side-icon {
  display: inline-block;
  position: relative;
  width: 120px;
  height: 100%;
  padding-right: 0px;
  flex-shrink: 0;
  flex-basis: 120px;
}
main ul.format-list {
  margin-bottom: 5px;
}
main ul.format-list li {
  display: inline-block;
  margin-right: 5px;
  height: 30px;
  margin-bottom: 0px;
}
main ul.format-list li .format-icon {
  display: block;
  height: 30px;
  background-image: url("images/format-logos-spritesheet.png");
  background-repeat: no-repeat;
  background-size: 100px 500px;
  overflow: hidden;
}
main ul.format-list li .format-icon.format-Apple-iOS {
  width: 19px;
  background-position: 0px 0px;
}
main ul.format-list li .format-icon.format-Steam {
  width: 24px;
  background-position: 0px -30px;
}
main ul.format-list li .format-icon.format-Windows-phone {
  width: 24px;
  background-position: 0px -60px;
}
main ul.format-list li .format-icon.format-Android {
  width: 29px;
  background-position: 0px -90px;
}
main ul.format-list li .format-icon.format-PS4 {
  width: 58px;
  background-position: 0px -120px;
}
main ul.format-list li .format-icon.format-Xbox {
  width: 24px;
  background-position: 0px -150px;
}
main ul.format-list li .format-icon.format-Nintendo-Switch {
  width: 58px;
  background-position: 0px -180px;
}
main ul.format-list li .format-icon.format-Stadia {
  width: 26px;
  background-position: 0px -210px;
}
main ul.format-list li .format-icon.format-PSVR {
  width: 35px;
  background-position: 0px -240px;
}
main ul.format-list li .format-icon.format-PS5 {
  width: 60px;
  background-position: 0px -270px;
}
main ul.format-list li .format-icon.format-XboxXS {
  width: 64px;
  background-position: 0px -300px;
}
main ul.format-list li .format-icon.format-VR {
  width: 22px;
  background-position: 0px -330px;
}
main ul.format-list li .format-icon.format-Oculus {
  width: 60px;
  background-position: 0px -360px;
}
main ul.format-list.format-list-big li {
  margin-right: 10px;
  height: 45px;
}
main ul.format-list.format-list-big li .format-icon {
  height: 45px;
  background-size: 150px 750px;
}
main ul.format-list.format-list-big li .format-icon.format-Apple-iOS {
  width: 26px;
  background-position: 0px 0px;
}
main ul.format-list.format-list-big li .format-icon.format-Steam {
  width: 34px;
  background-position: 0px -45px;
}
main ul.format-list.format-list-big li .format-icon.format-Windows-phone {
  width: 32px;
  background-position: 0px -90px;
}
main ul.format-list.format-list-big li .format-icon.format-Android {
  width: 46px;
  background-position: 0px -135px;
}
main ul.format-list.format-list-big li .format-icon.format-PS4 {
  width: 87px;
  background-position: 0px -180px;
}
main ul.format-list.format-list-big li .format-icon.format-Xbox {
  width: 36px;
  background-position: 0px -225px;
}
main ul.format-list.format-list-big li .format-icon.format-Nintendo-Switch {
  width: 87px;
  background-position: 0px -270px;
}
main ul.format-list.format-list-big li .format-icon.format-Stadia {
  width: 38px;
  background-position: 0px -315px;
}
main ul.format-list.format-list-big li .format-icon.format-PSVR {
  width: 52px;
  background-position: 0px -360px;
}
main ul.format-list.format-list-big li .format-icon.format-PS5 {
  width: 90px;
  background-position: 0px -405px;
}
main ul.format-list.format-list-big li .format-icon.format-XboxXS {
  width: 94px;
  background-position: 0px -450px;
}
main ul.format-list.format-list-big li .format-icon.format-VR {
  width: 34px;
  background-position: 0px -495px;
}
main ul.format-list.format-list-big li .format-icon.format-Oculus {
  width: 90px;
  background-position: 0px -540px;
}

.flex-blocks {
  display: block;
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
}
.flex-blocks ul {
  border: 0px solid blue;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.flex-blocks ul li {
  position: relative;
  width: 20%;
  margin-bottom: 50px;
  padding-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .flex-blocks ul li {
    width: 50%;
  }
}
@media screen and (min-width: 2000px) {
  .flex-blocks ul li {
    width: 16.66666%;
  }
}
.flex-blocks ul li a.podcast-link:hover {
  cursor: pointer;
  color: #F04D5F;
}
.flex-blocks ul li a.image-wrapper {
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: 50% 50%;
  text-decoration: none;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.flex-blocks ul li a.image-wrapper .bg-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.flex-blocks ul li a.image-wrapper:hover {
  cursor: pointer;
}
.flex-blocks ul li a.image-wrapper:hover .bg-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}

.triple-pane, .quad-pane {
  display: flex;
  flex-wrap: wrap;
}

.quad-pane {
  gap: 20px;
}

.triple-pane .inner-pane {
  width: 33%;
  border: 0px solid red;
  padding-right: 20px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1000px) {
  .triple-pane .inner-pane {
    width: 50%;
  }
}
@media screen and (max-width: 720px) {
  .triple-pane .inner-pane {
    width: 100%;
  }
}

.quad-pane .inner-pane {
  width: calc(25% - 15px);
  margin-bottom: 10px;
}
@media screen and (max-width: 1000px) {
  .quad-pane .inner-pane {
    width: calc(50% - 10px);
  }
}
@media screen and (max-width: 720px) {
  .quad-pane .inner-pane {
    width: 100%;
  }
}
.quad-pane .inner-pane a.image-wrapper {
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 60px 60px;
  background-position: 50% 50%;
  text-decoration: none;
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 100%;
  background-color: #ececec;
  background-image: url("images/siow-icon-watermark.png");
  background-repeat: no-repeat;
  background-size: 70px 70px;
  background-position: 50% 50%;
  top: 0px;
  left: 0px;
  overflow: hidden;
}
.quad-pane .inner-pane a.image-wrapper .bg-image {
  display: block;
  transform: rotate(0.01deg);
  -webkit-backface-visibility: hidden;
  /* add to fix webkit bug jitter */
  -webkit-transform: perspective(1000px);
  /* add to fix webkit bug jitter */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  -webkit-transition-duration: 0.5s;
  transition-duration: 0.5s;
}
.quad-pane .inner-pane a.image-wrapper:hover {
  cursor: pointer;
}
.quad-pane .inner-pane a.image-wrapper:hover .bg-image {
  width: 110%;
  height: 110%;
  left: -5%;
  top: -5%;
}

/*# sourceMappingURL=style.css.map */