blockquote,
body,
dd,
dl,
dt,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
html,
iframe,
legend,
li,
ol,
p,
pre,
textarea,
ul {
  margin:0;
  padding:0;
  border:0
}
html {
  font-family:sans-serif;
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}
main {
  display:block
}
progress {
  vertical-align:baseline
}
html {
  box-sizing:border-box
}
*,
::after,
::before {
  box-sizing:inherit
}
button,
input,
optgroup,
select,
textarea {
  font-family:inherit;
  font-size:100%;
  margin:0
}
[type=search] {
  -webkit-appearance:textfield;
  outline-offset:-2px
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance:none
}
::-moz-focus-inner {
  border-style:none;
  padding:0
}
:-moz-focusring {
  outline:1px dotted ButtonText
}
body,
button,
input,
select,
textarea {
  font-family:-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight:400;
  text-transform:none;
  font-size:17px;
  line-height:1.5
}
p {
  margin-bottom:1.5em;
  word-break: break-word;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit
}
pre {
  background:rgba(0,0,0,.05);
  font-family:inherit;
  font-size:inherit;
  line-height:normal;
  margin-bottom:1.5em;
  padding:20px;
  overflow:auto;
  max-width:100%
}
blockquote {
  border-left:5px solid rgba(0,0,0,.05);
  padding:20px;
  font-size:1.2em;
  font-style:italic;
  margin:0 0 1.5em;
  position:relative
}
blockquote p:last-child {
  margin:0
}
table,
td,
th {
  border:1px solid rgba(0,0,0,.1)
}
table {
  border-collapse:separate;
  border-spacing:0;
  border-width:1px 0 0 1px;
  margin:0 0 1.5em;
  width:100%
}
td,
th {
  padding:8px
}
th {
  border-width:0 1px 1px 0
}
td {
  border-width:0 1px 1px 0
}
hr {
  background-color:rgba(0,0,0,.1);
  border:0;
  height:1px;
  margin-bottom:40px;
  margin-top:40px
}
fieldset {
  padding:0;
  border:0;
  min-width:inherit
}
fieldset legend {
  padding:0;
  margin-bottom:1.5em
}
h1 {
  font-size:42px;
  margin-bottom:20px;
  line-height:1.2em;
  font-weight:400;
  text-transform:none
}
h2 {
  font-size:35px;
  margin-bottom:20px;
  line-height:1.2em;
  font-weight:400;
  text-transform:none
}
h3 {
  font-size:29px;
  margin-bottom:20px;
  line-height:1.2em;
  font-weight:400;
  text-transform:none
}
h4 {
  font-size:24px
}
h5 {
  font-size:20px
}
h4,
h5,
h6 {
  margin-bottom:20px
}
ol,
ul {
  margin:0 0 1.5em 3em
}
ul {
  list-style:disc
}
ol {
  list-style:decimal
}
li>ol,
li>ul {
  margin-bottom:0;
  margin-left:1.5em
}
dt {
  font-weight:700
}
dd {
  margin:0 1.5em 1.5em
}
b,
strong {
  font-weight:700
}
cite,
dfn,
em,
i {
  font-style:italic
}
address {
  margin:0 0 1.5em
}
code,
kbd,
tt,
var {
  font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace
}
abbr,
acronym {
  border-bottom:1px dotted #666;
  cursor:help
}
ins,
mark {
  text-decoration:none
}
sub,
sup {
  font-size:75%;
  height:0;
  line-height:0;
  position:relative;
  vertical-align:baseline
}
sup {
  bottom:1ex
}
sub {
  top:.5ex
}
small {
  font-size:75%
}
big {
  font-size:125%
}
figure {
  margin:0
}
table {
  margin:0 0 1.5em;
  width:100%
}
th {
  font-weight:700
}
img {
  height:auto;
  max-width:100%
}
button,
input[type=button],
input[type=reset],
input[type=submit] {
  background:#55555e;
  color:#fff;
  border:1px solid transparent;
  cursor:pointer;
  -webkit-appearance:button;
  padding:10px 20px
}
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=tel],
input[type=text],
input[type=url],
select,
textarea {
  border:1px solid;
  border-radius:0;
  padding:10px 15px;
  max-width:100%
}
textarea {
  width:100%
}
a,
button,
input {
  transition:color .1s ease-in-out,background-color .1s ease-in-out
}
a {
  text-decoration:none;
  word-break: break-word;
}
.button,
.wp-block-button .wp-block-button__link {
  padding:10px 20px;
  display:inline-block
}
.wp-block-button .wp-block-button__link {
  font-size:inherit;
  line-height:inherit
}
.using-mouse :focus {
  outline:0
}
.using-mouse ::-moz-focus-inner {
  border:0
}
.alignleft {
  float:left;
  margin-right:1.5em
}
.alignright {
  float:right;
  margin-left:1.5em
}
.aligncenter {
  clear:both;
  display:block;
  margin:0 auto
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
  max-width:100%;
  height:auto
}
.no-sidebar .entry-content .alignfull {
  margin-left:calc(-100vw / 2 + 100% / 2);
  margin-right:calc(-100vw / 2 + 100% / 2);
  max-width:100vw;
  width:auto
}
.screen-reader-text {
  border:0;
  clip:rect(1px,1px,1px,1px);
  -webkit-clip-path:inset(50%);
  clip-path:inset(50%);
  height:1px;
  margin:-1px;
  overflow:hidden;
  padding:0;
  position:absolute!important;
  width:1px;
  word-wrap:normal!important
}
.screen-reader-text:focus {
  background-color:#f1f1f1;
  border-radius:3px;
  box-shadow:0 0 2px 2px rgba(0,0,0,.6);
  clip:auto!important;
  -webkit-clip-path:none;
  clip-path:none;
  color:#21759b;
  display:block;
  font-size:.875rem;
  font-weight:700;
  height:auto;
  left:5px;
  line-height:normal;
  padding:15px 23px 14px;
  text-decoration:none;
  top:5px;
  width:auto;
  z-index:100000
}
#primary[tabindex="-1"]:focus {
  outline:0
}
.main-navigation {
  z-index:100;
  padding:0;
  clear:both;
  display:block
}
.main-navigation a {
  display:block;
  text-decoration:none;
  font-weight:400;
  text-transform:none;
  font-size:15px
}
.main-navigation ul {
  list-style:none;
  margin:0;
  padding-left:0
}
.main-navigation .main-nav ul li a {
  padding-left:20px;
  padding-right:20px;
  line-height:60px
}
.inside-navigation {
  position:relative
}
.main-navigation .inside-navigation {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:space-between
}
.main-navigation .main-nav>ul {
  display:flex;
  flex-wrap:wrap;
  align-items:center
}
.main-navigation li {
  position:relative
}
.main-navigation .menu-bar-items {
  display:flex;
  align-items:center;
  font-size:15px
}
.main-navigation .menu-bar-items a {
  color:inherit
}
.main-navigation .menu-bar-item {
  position:relative
}
.main-navigation .menu-bar-item.search-item {
  z-index:20
}
.main-navigation .menu-bar-item>a {
  padding-left:20px;
  padding-right:20px;
  line-height:60px
}
.sidebar .main-navigation .main-nav {
  flex-basis:100%
}
.sidebar .main-navigation .main-nav>ul {
  flex-direction:column
}
.sidebar .main-navigation .menu-bar-items {
  margin:0 auto
}
.sidebar .main-navigation .menu-bar-items .search-item {
  order:10
}
.nav-align-center .inside-navigation {
  justify-content:center
}
.nav-align-center .main-nav>ul {
  justify-content:center
}
.nav-align-right .inside-navigation {
  justify-content:flex-end
}
.main-navigation ul ul {
  display:block;
  box-shadow:1px 1px 0 rgba(0,0,0,.1);
  float:left;
  position:absolute;
  left:-99999px;
  opacity:0;
  z-index:99999;
  width:200px;
  text-align:left;
  top:auto;
  transition:opacity 80ms linear;
  transition-delay:0s;
  pointer-events:none;
  height:0;
  overflow:hidden
}
.main-navigation ul ul a {
  display:block
}
.main-navigation ul ul li {
  width:100%
}
.main-navigation .main-nav ul ul li a {
  line-height:normal;
  padding:10px 20px;
  font-size:14px
}
.main-navigation .main-nav ul li.menu-item-has-children>a {
  padding-right:0;
  position:relative
}
.main-navigation.sub-menu-left ul ul {
  box-shadow:-1px 1px 0 rgba(0,0,0,.1)
}
.main-navigation.sub-menu-left .sub-menu {
  right:0
}
.main-navigation:not(.toggled) ul li.sfHover>ul,
.main-navigation:not(.toggled) ul li:hover>ul {
  left:auto;
  opacity:1;
  transition-delay:150ms;
  pointer-events:auto;
  height:auto;
  overflow:visible
}
.main-navigation:not(.toggled) ul ul li.sfHover>ul,
.main-navigation:not(.toggled) ul ul li:hover>ul {
  left:100%;
  top:0
}
.main-navigation.sub-menu-left:not(.toggled) ul ul li.sfHover>ul,
.main-navigation.sub-menu-left:not(.toggled) ul ul li:hover>ul {
  right:100%;
  left:auto
}
.nav-float-right .main-navigation ul ul ul {
  top:0
}
.menu-item-has-children .dropdown-menu-toggle {
  display:inline-block;
  height:100%;
  clear:both;
  padding-right:20px;
  padding-left:10px
}
.menu-item-has-children ul .dropdown-menu-toggle {
  padding-top:10px;
  padding-bottom:10px;
  margin-top:-10px
}
.sidebar .menu-item-has-children .dropdown-menu-toggle,
nav ul ul .menu-item-has-children .dropdown-menu-toggle {
  float:right
}
.widget-area .main-navigation li {
  float:none;
  display:block;
  width:100%;
  padding:0;
  margin:0
}
.sidebar .main-navigation.sub-menu-right ul li.sfHover ul,
.sidebar .main-navigation.sub-menu-right ul li:hover ul {
  top:0;
  left:100%
}
.sidebar .main-navigation.sub-menu-left ul li.sfHover ul,
.sidebar .main-navigation.sub-menu-left ul li:hover ul {
  top:0;
  right:100%
}
.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
  margin:0 0 2em;
  overflow:hidden
}
.site-main .post-navigation {
  margin-bottom:0
}
.paging-navigation .nav-next,
.paging-navigation .nav-previous {
  display:none
}
.paging-navigation .nav-links>* {
  padding:0 5px
}
.paging-navigation .nav-links .current {
  font-weight:700
}
.nav-links>:first-child {
  padding-left:0
}
.site-header {
  position:relative
}
.inside-header {
  padding:20px 40px
}
.main-title {
  margin:0;
  font-size:25px;
  line-height:1.2em;
  word-wrap:break-word;
  font-weight:700;
  text-transform:none
}
.site-description {
  margin:0;
  line-height:1.5;
  font-weight:400;
  text-transform:none;
  font-size:15px
}
.site-logo {
  display:inline-block;
  max-width:100%
}
.site-header .header-image {
  vertical-align:middle
}
.inside-header {
  display:flex;
  align-items:center
}
.header-widget {
  margin-left:auto
}
.header-widget p:last-child {
  margin-bottom:0
}
.nav-float-right .header-widget {
  margin-left:20px
}
.nav-float-right #site-navigation {
  margin-left:auto
}
.nav-float-left #site-navigation {
  margin-right:auto;
  order:-10
}
.nav-float-left .header-widget {
  margin-left:0;
  margin-right:20px;
  order:-15
}
.header-aligned-center:not([class*=nav-float-]) .inside-header {
  justify-content:center;
  flex-direction:column;
  text-align:center
}
.header-aligned-center:not([class*=nav-float-]) .header-widget {
  margin-left:auto;
  margin-right:auto
}
.header-aligned-center:not([class*=nav-float-]) .inside-header>:not(:first-child) {
  margin-top:1em
}
.header-aligned-right:not([class*=nav-float-]) .inside-header {
  justify-content:flex-end
}
.header-aligned-right:not([class*=nav-float-]) .header-widget {
  margin-right:auto;
  margin-left:0;
  order:-10
}
.site-branding-container {
  display:inline-flex;
  align-items:center;
  text-align:left;
  flex-shrink:0
}
.site-branding-container .site-logo {
  margin-right:1em
}
.sticky {
  display:block
}
.entry-header .gp-icon,
.posted-on .updated {
  display:none
}
.byline,
.entry-header .cat-links,
.entry-header .comments-link,
.entry-header .tags-links,
.group-blog .byline,
.single .byline {
  display:inline
}
footer.entry-meta .byline,
footer.entry-meta .posted-on {
  display:block
}
.entry-content:not(:first-child),
.entry-summary:not(:first-child),
.page-content:not(:first-child) {
  margin-top:2em
}
.page-links {
  clear:both;
  margin:0 0 1.5em
}
.archive .format-aside .entry-header,
.archive .format-status .entry-header,
.archive .format-status .entry-meta,
.archive .format-status .entry-title,
.blog .format-aside .entry-header,
.blog .format-status .entry-header,
.blog .format-status .entry-meta,
.blog .format-status .entry-title {
  display:none
}
.archive .format-aside .entry-content,
.archive .format-status .entry-content,
.blog .format-aside .entry-content,
.blog .format-status .entry-content {
  margin-top:0
}
.archive .format-status .entry-content p:last-child,
.blog .format-status .entry-content p:last-child {
  margin-bottom:0
}
.entry-header,
.site-content {
  word-wrap:break-word
}
.entry-title {
  margin-bottom:0
}
.author .page-header .page-title {
  display:flex;
  align-items:center
}
.author .page-header .avatar {
  margin-right:20px
}
.page-header .author-info>:last-child,
.page-header>:last-child {
  margin-bottom:0
}
.entry-meta {
  font-size:85%;
  margin-top:.5em;
  line-height:1.5
}
footer.entry-meta {
  margin-top:2em
}
.cat-links,
.comments-link,
.tags-links {
  display:block
}
.entry-content>p:last-child,
.entry-summary>p:last-child,
.page-content>p:last-child,
.read-more-container,
.taxonomy-description p:last-child {
  margin-bottom:0
}
.wp-caption {
  margin-bottom:1.5em;
  max-width:100%;
  position:relative
}
.wp-caption img[class*=wp-image-] {
  display:block;
  margin:0 auto 0;
  max-width:100%
}
.wp-caption .wp-caption-text {
  font-size:75%;
  padding-top:5px;
  opacity:.8
}
.wp-caption img {
  position:relative;
  vertical-align:bottom
}
.wp-block-image figcaption {
  font-size:13px;
  text-align:center
}
.wp-block-gallery,
ul.blocks-gallery-grid {
  margin-left:0
}
.wp-block-gallery .blocks-gallery-image figcaption,
.wp-block-gallery .blocks-gallery-item figcaption {
  background:rgba(255,255,255,.7);
  color:#000;
  padding:10px;
  box-sizing:border-box
}
.gallery {
  margin-bottom:1.5em
}
.gallery-item {
  display:inline-block;
  text-align:center;
  vertical-align:top;
  width:100%
}
.gallery-columns-2 .gallery-item {
  max-width:50%
}
.gallery-columns-3 .gallery-item {
  max-width:33.33%
}
.gallery-columns-4 .gallery-item {
  max-width:25%
}
.gallery-columns-5 .gallery-item {
  max-width:20%
}
.gallery-columns-6 .gallery-item {
  max-width:16.66%
}
.gallery-columns-7 .gallery-item {
  max-width:14.28%
}
.gallery-columns-8 .gallery-item {
  max-width:12.5%
}
.gallery-columns-9 .gallery-item {
  max-width:11.11%
}
.gallery-caption {
  display:block
}
.site-main .gallery {
  margin-bottom:1.5em
}
.gallery-item img {
  vertical-align:bottom
}
.gallery-icon {
  padding:5px
}
embed,
iframe,
object {
  max-width:100%
}
.wp-block-post-template {
  margin-left:0
}
.widget-area .widget {
  padding:40px
}
.widget select {
  max-width:100%
}
.footer-widgets .widget :last-child,
.sidebar .widget :last-child {
  margin-bottom:0
}
.widget-title {
  margin-bottom:30px;
  font-size:20px;
  line-height:1.5;
  font-weight:400;
  text-transform:none
}
.widget ol,
.widget ul {
  margin:0
}
.widget .search-field {
  width:100%
}
.widget .search-form {
  display:flex
}
.widget .search-form button.search-submit {
  font-size:15px
}
.footer-widgets .widget {
  margin-bottom:30px
}
.footer-widgets .widget:last-child,
.sidebar .widget:last-child {
  margin-bottom:0
}
.widget ul li {
  list-style-type:none;
  position:relative;
  margin-bottom:.5em
}
.widget ul li ul {
  margin-left:1em;
  margin-top:.5em
}
.wp-calendar-table {
  table-layout:fixed
}
.site-content {
  display:flex
}
.grid-container {
  margin-left:auto;
  margin-right:auto;
  max-width:1200px
}
.page-header,
.sidebar .widget,
.site-main>* {
  margin-bottom:20px
}
.both-left .inside-left-sidebar,
.both-right .inside-left-sidebar {
  margin-right:10px
}
.both-left .inside-right-sidebar,
.both-right .inside-right-sidebar {
  margin-left:10px
}
.one-container.both-right .site-main,
.one-container.right-sidebar .site-main {
  margin-right:40px
}
.one-container.both-left .site-main,
.one-container.left-sidebar .site-main {
  margin-left:40px
}
.one-container.both-sidebars .site-main {
  margin:0 40px 0 40px
}
.one-container.archive .post:not(:last-child):not(.is-loop-template-item),
.one-container.blog .post:not(:last-child):not(.is-loop-template-item) {
  padding-bottom:40px
}
.one-container .site-content {
  padding:40px
}
.separate-containers .comments-area,
.separate-containers .inside-article,
.separate-containers .page-header,
.separate-containers .paging-navigation {
  padding:40px
}
.separate-containers .site-main {
  margin:20px
}
.separate-containers.no-sidebar .site-main {
  margin-left:0;
  margin-right:0
}
.separate-containers.both-right .site-main,
.separate-containers.right-sidebar .site-main {
  margin-left:0
}
.separate-containers.both-left .site-main,
.separate-containers.left-sidebar .site-main {
  margin-right:0
}
.separate-containers .inside-left-sidebar,
.separate-containers .inside-right-sidebar {
  margin-top:20px;
  margin-bottom:20px
}
.inside-page-header {
  padding:40px
}
.widget-area .main-navigation {
  margin-bottom:20px
}
.one-container .site-main>:last-child,
.separate-containers .site-main>:last-child {
  margin-bottom:0
}
.full-width-content .container.grid-container {
  max-width:100%
}
.full-width-content.no-sidebar.separate-containers .site-main {
  margin:0
}
.full-width-content.one-container .site-content,
.full-width-content.separate-containers .inside-article {
  padding:0
}
.full-width-content .entry-content .alignwide {
  margin-left:0;
  width:auto;
  max-width:unset
}
.contained-content.one-container .site-content,
.contained-content.separate-containers .inside-article {
  padding:0
}
.sidebar .grid-container {
  max-width:100%;
  width:100%
}
.both-left .is-left-sidebar,
.both-sidebars .is-left-sidebar,
.left-sidebar .sidebar {
  order:-10
}
.both-left .is-right-sidebar {
  order:-5
}
.both-right .is-left-sidebar {
  order:5
}
.both-right .is-right-sidebar,
.both-sidebars .is-right-sidebar {
  order:10
}
.inside-site-info {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:20px 40px
}
.site-info {
  text-align:center;
  font-size:15px
}
.post-image:not(:first-child) {
  margin-top:2em
}
.featured-image {
  line-height:0
}
.separate-containers .featured-image {
  margin-top:20px
}
.separate-containers .inside-article>.featured-image {
  margin-top:0;
  margin-bottom:2em
}
.one-container .inside-article>.featured-image {
  margin-top:0;
  margin-bottom:2em
}
.gp-icon {
  display:inline-flex;
  align-self:center
}
.gp-icon svg {
  height:1em;
  width:1em;
  top:.125em;
  position:relative;
  fill:currentColor
}
.close-search .icon-search svg:nth-child(1),
.icon-menu-bars svg:nth-child(2),
.icon-search svg:nth-child(2),
.toggled .icon-menu-bars svg:nth-child(1) {
  display:none
}
.close-search .icon-search svg:nth-child(2),
.toggled .icon-menu-bars svg:nth-child(2) {
  display:block
}
.entry-meta .gp-icon {
  margin-right:.6em;
  opacity:.7
}
nav.toggled .icon-arrow-left svg {
  transform:rotate(-90deg)
}
nav.toggled .icon-arrow-right svg {
  transform:rotate(90deg)
}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon svg {
  transform:rotate(180deg)
}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-left svg {
  transform:rotate(-270deg)
}
nav.toggled .sfHover>a>.dropdown-menu-toggle .gp-icon.icon-arrow-right svg {
  transform:rotate(270deg)
}
.container.grid-container {
  width:auto
}
.menu-toggle,
.mobile-bar-items,
.sidebar-nav-mobile {
  display:none
}
.menu-toggle {
  padding:0 20px;
  line-height:60px;
  margin:0;
  font-weight:400;
  text-transform:none;
  font-size:15px;
  cursor:pointer
}
.menu-toggle .mobile-menu {
  padding-left:3px
}
.menu-toggle .gp-icon+.mobile-menu {
  padding-left:9px
}
.menu-toggle .mobile-menu:empty {
  display:none
}
button.menu-toggle {
  background-color:transparent;
  flex-grow:1;
  border:0;
  text-align:center
}
button.menu-toggle:active,
button.menu-toggle:focus,
button.menu-toggle:hover {
  background-color:transparent
}
.has-menu-bar-items button.menu-toggle {
  flex-grow:0
}
nav.toggled ul ul.sub-menu {
  width:100%
}
.toggled .menu-item-has-children .dropdown-menu-toggle {
  padding-left:20px
}
.main-navigation.toggled .main-nav {
  flex-basis:100%;
  order:3
}
.main-navigation.toggled .main-nav>ul {
  display:block
}
.main-navigation.toggled .main-nav li {
  width:100%;
  text-align:left
}
.main-navigation.toggled .main-nav ul ul {
  transition:0s;
  visibility:hidden;
  box-shadow:none;
  border-bottom:1px solid rgba(0,0,0,.05)
}
.main-navigation.toggled .main-nav ul ul li:last-child>ul {
  border-bottom:0
}
.main-navigation.toggled .main-nav ul ul.toggled-on {
  position:relative;
  top:0;
  left:auto!important;
  right:auto!important;
  width:100%;
  pointer-events:auto;
  height:auto;
  opacity:1;
  display:block;
  visibility:visible;
  float:none
}
.main-navigation.toggled .menu-item-has-children .dropdown-menu-toggle {
  float:right
}
.mobile-menu-control-wrapper {
  display:none;
  margin-left:auto;
  align-items:center
}
.has-inline-mobile-toggle #site-navigation.toggled {
  margin-top:1.5em
}
.has-inline-mobile-toggle #site-navigation.has-active-search {
  margin-top:1.5em
}
.has-inline-mobile-toggle #site-navigation.has-active-search .nav-search-active {
  position:relative
}
.has-inline-mobile-toggle #site-navigation.has-active-search .navigation-search input {
  outline:auto
}
.nav-float-left .mobile-menu-control-wrapper {
  order:-10;
  margin-left:0;
  margin-right:auto;
  flex-direction:row-reverse
}
@media (max-width:768px) {
  .hide-on-mobile {
    display:none!important
  }
  a,
  body,
  button,
  input,
  select,
  textarea {
    transition:all 0s ease-in-out
  }
  .inside-header {
    flex-direction:column;
    text-align:center
  }
  .site-header .header-widget {
    margin-top:1.5em;
    margin-left:auto;
    margin-right:auto;
    text-align:center
  }
  .site-content {
    flex-direction:column
  }
  .container .site-content .content-area {
    width:auto
  }
  .is-left-sidebar.sidebar,
  .is-right-sidebar.sidebar {
    width:auto;
    order:initial
  }
  .is-left-sidebar+.is-right-sidebar .inside-right-sidebar {
    margin-top:0
  }
  .both-left .inside-left-sidebar,
  .both-left .inside-right-sidebar,
  .both-right .inside-left-sidebar,
  .both-right .inside-right-sidebar {
    margin-right:0;
    margin-left:0
  }
  #main {
    margin-left:0;
    margin-right:0
  }
  body:not(.no-sidebar) #main {
    margin-bottom:0
  }
  .alignleft,
  .alignright {
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto
  }
  .comment .children {
    padding-left:10px;
    margin-left:0
  }
  .entry-meta {
    font-size:inherit
  }
  .entry-meta a {
    line-height:1.8em
  }
}
@media (min-width:769px) and (max-width:1024px) {
  .hide-on-tablet {
    display:none!important
  }
}
@media (min-width:1025px) {
  .hide-on-desktop {
    display:none!important
  }
}

body {
  color:var(--contrast);
}
a {
  color:var(--accent);
}
a:hover,
a:focus,
a:active {
  color:var(--contrast);
}
.wp-block-group__inner-container {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;
}
.site-header .header-image {
  width:110px;
}
.generate-back-to-top {
  font-size:20px;
  border-radius:3px;
  position:fixed;
  bottom:30px;
  right:30px;
  line-height:40px;
  width:40px;
  text-align:center;
  z-index:10;
  transition:opacity 300ms ease-in-out;
  opacity:0.1;
  transform:translateY(1000px);
}
.generate-back-to-top__show {
  opacity:1;
  transform:translateY(0);
}
:root {
  --contrast:#222222;
  --contrast-2:#575760;
  --contrast-3:#b2b2be;
  --base:#f0f0f0;
  --base-2:#f7f8f9;
  --accent:#1e73be;
}
:root .has-contrast-color {
  color:var(--contrast);
}
:root .has-contrast-background-color {
  background-color:var(--contrast);
}
:root .has-contrast-2-color {
  color:var(--contrast-2);
}
:root .has-contrast-2-background-color {
  background-color:var(--contrast-2);
}
:root .has-contrast-3-color {
  color:var(--contrast-3);
}
:root .has-contrast-3-background-color {
  background-color:var(--contrast-3);
}
:root .has-base-color {
  color:var(--base);
}
:root .has-base-background-color {
  background-color:var(--base);
}
:root .has-base-2-color {
  color:var(--base-2);
}
:root .has-base-2-background-color {
  background-color:var(--base-2);
}
:root .has-accent-color {
  color:var(--accent);
}
:root .has-accent-background-color {
  background-color:var(--accent);
}
body,
button,
input,
select,
textarea {
  font-family:Arsenal, sans-serif;
}
.top-bar {
  background-color:#636363;
  color:#ffffff;
}
.top-bar a {
  color:#ffffff;
}
.top-bar a:hover {
  color:#303030;
}
.site-header {
  background-color:var(--base-3);
}
.main-title a,
.main-title a:hover {
  color:var(--contrast);
}
.site-description {
  color:var(--contrast-2);
}
.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover,
.mobile-menu-control-wrapper .menu-toggle:focus,
.has-inline-mobile-toggle #site-navigation.toggled {
  background-color:rgba(0, 0, 0, 0.02);
}
.main-navigation,
.main-navigation ul ul {
  background-color:var(--base-3);
}
.main-navigation .main-nav ul li a,
.main-navigation .menu-toggle,
.main-navigation .menu-bar-items {
  color:var(--contrast);
}
.main-navigation .main-nav ul li:not([class*="current-menu-"]):hover > a,
.main-navigation .main-nav ul li:not([class*="current-menu-"]):focus > a,
.main-navigation .main-nav ul li.sfHover:not([class*="current-menu-"]) > a,
.main-navigation .menu-bar-item:hover > a,
.main-navigation .menu-bar-item.sfHover > a {
  color:var(--accent);
}
button.menu-toggle:hover,
button.menu-toggle:focus {
  color:var(--contrast);
}
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
  color:var(--accent);
}
.navigation-search input[type="search"],
.navigation-search input[type="search"]:active,
.navigation-search input[type="search"]:focus,
.main-navigation .main-nav ul li.search-item.active > a,
.main-navigation .menu-bar-items .search-item.active > a {
  color:var(--accent);
}
.main-navigation ul ul {
  background-color:var(--base);
}
.separate-containers .inside-article,
.separate-containers .comments-area,
.separate-containers .page-header,
.one-container .container,
.separate-containers .paging-navigation,
.inside-page-header {
  background-color:var(--base-3);
}
.entry-title a {
  color:var(--contrast);
}
.entry-title a:hover {
  color:var(--contrast-2);
}
.entry-meta {
  color:var(--contrast-2);
}
.sidebar .widget {
  background-color:var(--base-3);
}
.footer-widgets {
  background-color:var(--base-3);
}
.site-info {
  background-color:var(--base-3);
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select {
  color:var(--contrast);
  background-color:var(--base-2);
  border-color:var(--base);
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
textarea:focus,
select:focus {
  color:var(--contrast);
  background-color:var(--base-2);
  border-color:var(--contrast-3);
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"],
a.button,
a.wp-block-button__link:not(.has-background) {
  color:#ffffff;
  background-color:#55555e;
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
a.button:hover,
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
a.button:focus,
a.wp-block-button__link:not(.has-background):active,
a.wp-block-button__link:not(.has-background):focus,
a.wp-block-button__link:not(.has-background):hover {
  color:#ffffff;
  background-color:#3f4047;
}
a.generate-back-to-top {
  background-color:rgba( 0,0,0,0.4 );
  color:#ffffff;
}
a.generate-back-to-top:hover,
a.generate-back-to-top:focus {
  background-color:rgba( 0,0,0,0.6 );
  color:#ffffff;
}
:root {
  --gp-search-modal-bg-color:var(--base-3);
  --gp-search-modal-text-color:var(--contrast);
  --gp-search-modal-overlay-bg-color:rgba(0,0,0,0.2);
}
@media (max-width:768px) {
  .main-navigation .menu-bar-item:hover > a,
  .main-navigation .menu-bar-item.sfHover > a {
    background:none;
    color:var(--contrast);
  }
}
.inside-top-bar.grid-container {
  max-width:1280px;
}
.inside-header.grid-container {
  max-width:1280px;
}
.site-main .wp-block-group__inner-container {
  padding:40px;
}
.separate-containers .paging-navigation {
  padding-top:20px;
  padding-bottom:20px;
}
.entry-content .alignwide,
body:not(.no-sidebar) .entry-content .alignfull {
  margin-left:-40px;
  width:calc(100% + 80px);
  max-width:calc(100% + 80px);
}
.rtl .menu-item-has-children .dropdown-menu-toggle {
  padding-left:20px;
}
.rtl .main-navigation .main-nav ul li.menu-item-has-children > a {
  padding-right:20px;
}
.footer-widgets-container.grid-container {
  max-width:1280px;
}
.inside-site-info.grid-container {
  max-width:1280px;
}
@media (max-width:768px) {
  .separate-containers .inside-article,
  .separate-containers .comments-area,
  .separate-containers .page-header,
  .separate-containers .paging-navigation,
  .one-container .site-content,
  .inside-page-header {
    padding:30px;
  }
  .site-main .wp-block-group__inner-container {
    padding:30px;
  }
  .inside-top-bar {
    padding-right:30px;
    padding-left:30px;
  }
  .inside-header {
    padding-right:30px;
    padding-left:30px;
  }
  .widget-area .widget {
    padding-top:30px;
    padding-right:30px;
    padding-bottom:30px;
    padding-left:30px;
  }
  .footer-widgets-container {
    padding-top:30px;
    padding-right:30px;
    padding-bottom:30px;
    padding-left:30px;
  }
  .inside-site-info {
    padding-right:30px;
    padding-left:30px;
  }
  .entry-content .alignwide,
  body:not(.no-sidebar) .entry-content .alignfull {
    margin-left:-30px;
    width:calc(100% + 60px);
    max-width:calc(100% + 60px);
  }
  .one-container .site-main .paging-navigation {
    margin-bottom:20px;
  }
}
/* End cached CSS */.is-right-sidebar {
  width:30%;
}
.is-left-sidebar {
  width:30%;
}
.site-content .content-area {
  width:100%;
}
@media (max-width:768px) {
  .main-navigation .menu-toggle,
  .sidebar-nav-mobile:not(#sticky-placeholder) {
    display:block;
  }
  .main-navigation ul,
  .gen-sidebar-nav,
  .main-navigation:not(.slideout-navigation):not(.toggled) .main-nav > ul,
  .has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav) {
    display:none;
  }
  .nav-align-right .inside-navigation,
  .nav-align-center .inside-navigation {
    justify-content:space-between;
  }
  .has-inline-mobile-toggle .mobile-menu-control-wrapper {
    display:flex;
    flex-wrap:wrap;
  }
  .has-inline-mobile-toggle .inside-header {
    flex-direction:row;
    text-align:left;
    flex-wrap:wrap;
  }
  .has-inline-mobile-toggle .header-widget,
  .has-inline-mobile-toggle #site-navigation {
    flex-basis:100%;
  }
  .nav-float-left .has-inline-mobile-toggle #site-navigation {
    order:10;
  }
}

.page-header, .sidebar .widget, .site-main > * {
  margin-bottom: 0 !important;
}

/*Screen widths*/
/*Site dimensions*/
/*Talk/Conversation section*/
.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

:root {
  --colour--white: #fefefe;
  --colour--black: #090909;
  --colour--red: red;
  --brand--primary:#3296a8;
  --brand--secondary:#6632a8;
  --brand--tertiary:#4c64a8;
  --brand--alternative:#ffed53;
  --brand--button--primary:var(--brand--alternative);
  --brand--button--primary-text:var(--colour--black);
  --text--primary: var(--colour--black);
  --night--sky:#262626;
}

body {
  font-size: 1.2rem;
}

h1, h2, h3, h4, p, li {
  color: var(--text--primary);
}

.btn, .button, .wp-core-ui .button, button, button.menu-toggle {
  color: var(--brand--button--primary-text) !important;
  background-color: var(--brand--button--primary) !important;
  transition: background-color 0.4s ease, color 0.4s ease;
  padding: 0.8em 1.5em;
}
.btn:hover, .button:hover, .wp-core-ui .button:hover, button:hover, button.menu-toggle:hover {
  color: var(--colour--white) !important;
  text-decoration: none;
  background-color: var(--colour--black) !important;
  transition: background-color 0.4s ease, color 0.4s ease;
  padding: 0.8em 1.5em;
}
@media (min-width: 600px) {
  .btn, .btn:hover, .button, .button:hover, .wp-core-ui .button, .wp-core-ui .button:hover, button, button:hover, button.menu-toggle, button.menu-toggle:hover {
    padding: 0.4em 0.5em;
  }
}

header nav li {
  margin-left: 0.5em;
  margin-right: 0.5em;
}
header nav a {
  color: var(--brand--tertiary);
}
header nav a:hover, header nav a:focus {
  color: var(--colour--white) !important;
  background-color: var(--brand--tertiary) !important;
  transition: background-color 0.4s ease, color 0.4s ease;
  padding: 0.8em 1.5em;
}

/*General structure*/
.container, .site-header {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  padding-left: 2rem;
  padding-right: 2rem;
}

#pfc-content-root {
  display: flex;
  flex-direction: column;
  position: relative;
}
#pfc-content-root > div, #pfc-content-root > header, #pfc-content-root > section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.scene-section {
  max-width: 2500px;
  margin: 0 auto;
}

/*Sections*/
#masthead {
  padding-top: 1em;
}
.night #masthead {
  background-color: var(--night--sky);
}
.night #masthead .inside-navigation {
  background: var(--colour--white);
  border-radius: 4px;
}

header {
  margin-bottom: 2rem;
}
header .inside-header {
  padding: 0;
}

.main-navigation .menu-toggle {
  line-height: 2em;
}
.main-navigation .main-nav ul li {
  margin-left: 0;
  margin-right: 0;
}
.main-navigation .main-nav ul li a {
  font-size: 1.1rem;
  color: var(--brand--tertiary);
  line-height: 2em;
  padding: 0.8em 1.5em;
}
.main-navigation .main-nav .current-menu-item a {
  color: var(--colour--white) !important;
  background-color: var(--brand--tertiary) !important;
  transition: background-color 0.4s ease, color 0.4s ease;
  padding: 0.8em 1.5em;
}

.site-logo {
  max-width: 90px;
}

/*Content specific CSS*/
.talk {
  padding: 1.5em;
  border-radius: 10px;
  border: 3px solid var(--colour--white);
  position: relative;
  width: 80%;
  max-width: 500px;
  margin: 0 auto 1.5em;
  min-height: 100px;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.talk .person {
  border-width: 3px;
  border-style: solid;
  position: absolute;
  z-index: 1;
  top: 10px;
  border-radius: 100%;
  width: 100%;
  max-width: 75px;
  max-height: 75px;
  display: block;
}
.talk > p:last-of-type {
  margin-bottom: 0;
}
.talk.last-item {
  margin-bottom: 8em;
}

.talk-odd {
  padding-left: 2.5em;
  left: -5%;
}
.talk-odd .person {
  left: -35px;
}

.talk-even {
  padding-right: 2em;
  right: -5%;
}
.talk-even .person {
  right: -35px;
}

.talk-1 {
  background-color: var(--brand--primary);
}
.talk-1 h2, .talk-1 h3, .talk-1 p, .talk-1 p a {
  color: var(--colour--white);
}
.talk-1 .person {
  border-color: var(--brand--primary);
}

.talk-2 {
  background-color: var(--brand--tertiary);
}
.talk-2 h2, .talk-2 h3, .talk-2 p, .talk-2 p a {
  color: var(--colour--white);
}
.talk-2 .person {
  border-color: var(--brand--tertiary);
}

.talk-3 {
  background-color: var(--brand--alternative);
}
.talk-3 h2, .talk-3 h3, .talk-3 p, .talk-3 p a {
  color: var(--colour--black);
}
.talk-3 .person {
  border-color: var(--brand--alternative);
}

.talk-4 {
  background-color: var(--brand--secondary);
}
.talk-4 h2, .talk-4 h3, .talk-4 p, .talk-4 p a {
  color: var(--colour--white);
}
.talk-4 .person {
  border-color: var(--brand--secondary);
}

/*Location specific CSS*/
.sign-town {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70%;
  height: 70%;
  position: absolute;
  bottom: 0;
  left: -5%;
  z-index: 2;
  padding: 8% 0 12%;
  background: url("../assets/img/display/welcome-sign.png") no-repeat center;
  background-size: contain;
}
.sign-town .title {
  font-size: 1em;
  line-height: 1.1;
  text-align: center;
  color: var(--text--primary);
  margin-bottom: 0;
  max-width: 9.8em;
}
.sign-town .title span {
  font-size: 1.3em;
  color: var(--brand--secondary);
  display: block;
}

@media (min-width: 480px) {
  .sign-town {
    left: -10%;
    bottom: -20%;
  }
}
@media (min-width: 768px) {
  .sign-town {
    width: 80%;
    height: 80%;
    left: -15%;
  }
}
@media (min-width: 1000px) {
  .sign-town {
    width: 60%;
    height: 60%;
    left: -5%;
    bottom: 0;
  }
  .sign-town .title {
    font-size: 1.2em;
    max-width: 12.9em;
  }
}
/*
    Load the styles that are needed for the initial load of the page i.e. any content upto the first 1/3 of the page length.
    Everything else should go into the outdoor_delay file.
*/
.outdoor #sec-intro {
  background: url("../assets/img/outdoors/sunny-hills-drawing.png") no-repeat center bottom;
  background-size: 30em;
  background-color: var(--colour--white);
}

.outdoor .scene-introduction{
  max-width:none;
}

.outdoor #sec-intro .container {
  position: relative;
  min-height: 12em;
}
@media (min-width: 480px) {
  .outdoor #sec-intro {
    background-size: 40em;
    min-height: 16em;
  }
}
@media (min-width: 768px) {
  .outdoor #sec-intro {
    background-size: 60em;
    min-height: 24em;
  }
  .outdoor #sec-intro .container {
    min-height: 13em;
  }
}
@media (min-width: 1000px) {
  .outdoor #sec-intro .container {
    min-height: 22em;
  }
}
@media (min-width: 1200px) {
  .outdoor #sec-intro {
    background-size: 80em;
    min-height: 35em;
  }
}
@media (min-width: 1600px) {
  .outdoor #sec-intro {
    background-size: 100em;
    min-height: 40em;
  }
}
@media (min-width: 1900px) {
  .outdoor #sec-intro {
    background-size: 120em;
    min-height: 50em;
  }
}
.outdoor .scene-floor-background {
  background: url("../assets/img/outdoors/grass.png") repeat center top;
  background-size: 100%;
}
@media (min-width: 768px) {
  .outdoor .scene-floor-background {
    background-size: 100%;
  }
}
@media (min-width: 1200px) {
  .outdoor .scene-floor-background {
    background-size: 80em;
  }
}
@media (min-width: 1600px) {
  .outdoor .scene-floor-background {
    background-size: 100em;
  }
}
@media (min-width: 1900px) {
  .outdoor .scene-floor-background {
    background-size: 120em;
  }
}
.night .outdoor {
  background-color: var(--night--sky);
}
.night .outdoor #sec-intro {
  background-color: linear-gradient(0deg, var(--night--sky) 30%, rgb(7, 46, 84) 55%, rgb(2, 26, 48) 75%, var(--night--sky) 90%);
}

/*Screen widths*/
/*Site dimensions*/
/*Talk/Conversation section*/
/*Sections*/
.site-footer .inside-site-info {
  flex-direction: column;
}
.site-footer .banner-barrier {
  max-width: 224px;
  max-height: 107px;
  float: left;
  margin-bottom: 1em;
  padding: 1em 2.5em 2em;
}
@media (max-width: 480px) {
  .site-footer .banner-barrier {
    width: 10em;
    height: 5em;
  }
}
@media (min-width: 768px) {
  .site-footer .banner-barrier {
    float: none;
  }
}
.site-footer .banner-barrier a {
  display: flex;
  height: 100%;
  width: 100%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.site-footer .banner-barrier img {
  max-height: 45px;
  position: relative;
}
.site-footer .banner-row {
  flex-wrap: wrap;
  justify-content: center;
}
.site-footer .banners-container {
  align-items: center;
}
.site-footer .sec-sponsors-logos {
  width: 100%;
}
.site-footer .sec-sponsors-logos .container {
  padding: 0;
}
.site-footer .sign-town {
  position: relative;
  bottom: 0;
  left: auto;
  right: auto;
  margin: 0 auto 2em;
  padding: 2.3em 0 3.3em;
}
@media (max-width: 480px) {
  .site-footer .sign-town {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .site-footer .sign-town {
    margin-bottom: 2em;
    padding: 4em 0 6em;
  }
}
@media (min-width: 360px) {
  .site-footer .sign-town .title {
    font-size: 1.2em;
  }
}
.site-footer .sign-town .title span {
  font-size: 1.1em;
}

/*Non-essential tyles that should be loaded at the end of the HTML to improve loading time*/
/*Settings that apply to setting up all sections*/
/*Styles that appear below the 'fold' and can be delayed loading*/
.outdoor .scene-floor-down-leftside, .outdoor .scene-floor-down-rightside {
  position: relative;
  min-height: 442px;
  display: flex;
  align-items: center;
}
.outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
  content: "";
  display: block;
  background-size: 30em;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
@media (min-width: 480px) {
  .outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
    background-size: 40em;
  }
}
@media (min-width: 768px) {
  .outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
    background-size: 60em;
  }
}
@media (min-width: 1200px) {
  .outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
    background-size: 80em;
  }
}
@media (min-width: 1600px) {
  .outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
    background-size: 100em;
  }
}
@media (min-width: 1900px) {
  .outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::before, .outdoor .scene-floor-down-rightside::after {
    background-size: 120em;
  }
}
.outdoor .scene-floor-down-leftside::before, .outdoor .scene-floor-down-rightside::before {
  background-image: url("../assets/img/outdoors/path-outdoor-down.png");
  background-repeat: repeat-y;
}
.outdoor .scene-floor-down-leftside::after, .outdoor .scene-floor-down-rightside::after {
  content: none;
}
@media (min-width: 768px) {
  .outdoor .scene-floor-down-leftside, .outdoor .scene-floor-down-rightside {
    min-height: 442px;
  }
}
.outdoor .scene-floor-down-rightside::before {
  transform: scaleX(-1);
}
.outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
  position: relative;
  height: 7.2em;
}
.outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
  content: "";
  display: block;
  background-size: 30em;
  display: block;
  background-repeat: no-repeat;
  background-position: center top;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
}
@media (min-width: 480px) {
  .outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
    background-size: 40em;
  }
}
@media (min-width: 768px) {
  .outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
    background-size: 60em;
  }
}
@media (min-width: 1200px) {
  .outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
    background-size: 80em;
  }
}
@media (min-width: 1600px) {
  .outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
    background-size: 100em;
  }
}
@media (min-width: 1900px) {
  .outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::before, .outdoor .scene-floor-sideways-rightside::after {
    background-size: 120em;
  }
}
@media (min-width: 480px) {
  .outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
    height: 9.7em;
  }
}
@media (min-width: 768px) {
  .outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
    height: 14.5em;
  }
}
@media (min-width: 1200px) {
  .outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
    height: 19.3em;
  }
}
@media (min-width: 1600px) {
  .outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
    height: 24.1em;
  }
}
@media (min-width: 1900px) {
  .outdoor .scene-floor-sideways-leftside, .outdoor .scene-floor-sideways-rightside {
    height: 29em;
  }
}
.outdoor .scene-floor-sideways-leftside::before, .outdoor .scene-floor-sideways-rightside::before {
  background-image: url("../assets/img/outdoors/path-outdoor-sideways.png");
}
.outdoor .scene-floor-sideways-leftside::after, .outdoor .scene-floor-sideways-rightside::after {
  content: none;
}
.outdoor .scene-floor-sideways-rightside::before {
  transform: scaleX(-1);
}

.banners-container {
  display: flex;
  flex-direction: column;
  justify-items: center;
}

.banner-row {
  display: flex;
  margin-left: 0;
  margin-bottom: 5em;
  flex-direction: row;
}

.banner-barrier {
  background: url("../assets/img/display/barrier-banner.png") no-repeat top center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 20em;
  height: 10em;
  max-width: 672px;
  max-height: 321px;
  padding: 0.7em 2.3em 2.5em;
  position: relative;
  overflow: hidden;
}
.banner-barrier::after {
  content: "";
  background: url("../assets/img/display/barrier-banner-frame.png") no-repeat top center;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.banner-barrier h3, .banner-barrier h4 {
  margin-bottom: 0.3em;
  font-weight: bold;
}
.banner-barrier P:last-of-type {
  margin-bottom: 0;
}