@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-Light.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-Light.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-Light.ttf") format("truetype");
  font-weight: 300;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-Regular.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-Regular.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-Medium.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-Medium.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-SemiBold.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-SemiBold.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-Bold.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-Bold.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/wp-content/themes/deloitte/font/woff2/OpenSans-ExtraBold.woff2") format("woff2"),
    url("/wp-content/themes/deloitte/font/woff/OpenSans-ExtraBold.woff") format("woff"),
    url("/wp-content/themes/deloitte/font/ttf/OpenSans-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-display: swap;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
}
html {
    font-size: 62.5%;
    width: 100%;
}
html,
body {
    -webkit-overflow-scrolling: touch;
}
body {
    font-size: 1.4rem;
    line-height: 2.4rem;
}
h2 {
    margin: 0;
    font-size: 2rem;
    line-height: 3.3rem;
    font-weight: 400;
}
h3 {
    font-size: 1.8rem;
    line-height: 3.3rem;
    font-weight: 400;
}
.clear {
   clear: both;
}
.wrapper {
    display: block;
}
#header {
    text-align: left;
    background-color: #fff;
    color: #000;
}
#header .wrapper {
    padding: 1.9rem 3.2rem;
}
#logo_main {
    display: inline-block;
    height: 2.6rem;
    margin-top: 0.5rem;
    padding-right: 0.8rem;
    vertical-align: middle;
}
#logo_dreport {
    display: inline-block;
    height: 3.5rem;
    vertical-align: top;
    margin-top: 0.5rem;
}
#logo {
    height: auto;
    display: inline-block;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
.fancybox-bg {
    background: #1e1e1e;
    opacity: 0;
    -webkit-transition-duration: inherit;
    -moz-transition-duration: inherit;
    -o-transition-duration: inherit;
    transition-duration: inherit;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
    -webkit-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    -moz-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    -o-transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
    transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
    opacity: 0.87;
    -webkit-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -moz-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    -o-transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
    transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption-wrap {
    position: absolute;
    direction: ltr;
    z-index: 99997;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity 0.25s, visibility 0s linear 0.25s;
    -moz-transition: opacity 0.25s, visibility 0s linear 0.25s;
    -o-transition: opacity 0.25s, visibility 0s linear 0.25s;
    transition: opacity 0.25s, visibility 0s linear 0.25s;
    box-sizing: border-box;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption-wrap {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity 0.25s, visibility 0s;
    -moz-transition: opacity 0.25s, visibility 0s;
    -o-transition: opacity 0.25s, visibility 0s;
    transition: opacity 0.25s, visibility 0s;
}
.fancybox-infobar {
    top: 0;
    left: 0;
    font-size: 13px;
    padding: 0 10px;
    height: 44px;
    min-width: 44px;
    line-height: 44px;
    color: #ccc;
    text-align: center;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-font-smoothing: subpixel-antialiased;
    mix-blend-mode: exclusion;
}
.fancybox-toolbar {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.fancybox-stage {
    overflow: hidden;
    direction: ltr;
    z-index: 99994;
    transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}
.fancybox-is-closing .fancybox-stage {
    overflow: visible;
}
.fancybox-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: auto;
    outline: none;
    white-space: normal;
    box-sizing: border-box;
    text-align: center;
    z-index: 99994;
    -webkit-overflow-scrolling: touch;
    display: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-slide::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}
.fancybox-slide--image {
    overflow: visible;
}
.fancybox-slide--image::before {
    display: none;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--video iframe {
    background: #000;
}
.fancybox-slide--map .fancybox-content,
.fancybox-slide--map iframe {
    background: #e5e3df;
}
.fancybox-slide--next {
    z-index: 99995;
}
.fancybox-slide > * {
    display: inline-block;
    position: relative;
    padding: 24px;
    margin: 44px 0 44px;
    border-width: 0;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    overflow: auto;
    box-sizing: border-box;
}
.fancybox-slide > title,
.fancybox-slide > style,
.fancybox-slide > meta,
.fancybox-slide > link,
.fancybox-slide > script,
.fancybox-slide > base {
    display: none;
}
.fancybox-slide .fancybox-image-wrap {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    border: 0;
    z-index: 99995;
    background: transparent;
    cursor: default;
    overflow: visible;
    -webkit-transform-origin: top left;
    -moz-transform-origin: top left;
    -o-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-user-select: none;
    user-select: none;
    transition-property: opacity, -webkit-transform;
    transition-property: transform, opacity;
    transition-property: transform, opacity, -webkit-transform;
}
.fancybox-can-zoomOut .fancybox-image-wrap {
    cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-image-wrap {
    cursor: zoom-in;
}
.fancybox-can-drag .fancybox-image-wrap {
    cursor: -webkit-grab;
    cursor: grab;
}
.fancybox-is-dragging .fancybox-image-wrap {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}
.fancybox-image,
.fancybox-spaceball {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    max-width: none;
    max-height: none;
    -webkit-user-select: none;
    user-select: none;
}
.fancybox-spaceball {
    z-index: 1;
}
.fancybox-slide--iframe .fancybox-content {
    padding: 0;
    width: 80%;
    height: 80%;
    max-width: calc(100% - 100px);
    max-height: calc(100% - 88px);
    overflow: visible;
    background: #fff;
}
.fancybox-iframe {
    display: block;
    margin: 0;
    padding: 0;
    border: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
.fancybox-error {
    margin: 0;
    padding: 40px;
    width: 100%;
    max-width: 380px;
    background: #fff;
    cursor: default;
}
.fancybox-error p {
    margin: 0;
    padding: 0;
    color: #444;
    font-size: 16px;
    line-height: 20px;
}
.fancybox-button {
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
    width: 44px;
    height: 44px;
    margin: 0;
    padding: 10px;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: rgba(30, 30, 30, 0.6);
    -webkit-transition: color 0.3s ease-in-out;
    -moz-transition: color 0.3s ease-in-out;
    -o-transition: color 0.3s ease-in-out;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
    outline: none;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}
.fancybox-button:focus,
.fancybox-button:hover {
    color: #fff;
}
.fancybox-button[disabled] {
    color: #ccc;
    cursor: default;
    opacity: 0.6;
}
.fancybox-button svg {
    display: block;
    position: relative;
    overflow: visible;
    shape-rendering: geometricPrecision;
}
.fancybox-button svg path {
    fill: currentColor;
    stroke: currentColor;
    stroke-linejoin: round;
    stroke-width: 3;
}
.fancybox-button--share svg path {
    stroke-width: 1;
}
.fancybox-button--play svg path:nth-child(2) {
    display: none;
}
.fancybox-button--pause svg path:nth-child(1) {
    display: none;
}
.fancybox-button--zoom svg path {
    fill: transparent;
}
.fancybox-navigation {
    display: none;
}
.fancybox-show-nav .fancybox-navigation {
    display: block;
}
.fancybox-navigation button {
    position: absolute;
    top: 50%;
    margin: -50px 0 0 0;
    z-index: 99997;
    background: transparent;
    width: 60px;
    height: 100px;
    padding: 17px;
}
.fancybox-navigation button:before {
    content: "";
    position: absolute;
    top: 30px;
    right: 10px;
    width: 40px;
    height: 40px;
    background: rgba(30, 30, 30, 0.6);
}
.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
}
.fancybox-navigation .fancybox-button--arrow_right {
    right: 0;
}
.fancybox-close-small {
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 40px;
    padding: 0;
    margin: 0;
    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    border-radius: 0;
    background: transparent;
    z-index: 10;
    cursor: pointer;
}
.fancybox-close-small:after {
    content: "×";
    position: absolute;
    top: 5px;
    right: 5px;
    width: 30px;
    height: 30px;
    font: 22px/30px Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #888;
    font-weight: 300;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border-width: 0;
    background-color: transparent;
    -webkit-transition: background-color 0.25s;
    -moz-transition: background-color 0.25s;
    -o-transition: background-color 0.25s;
    transition: background-color 0.25s;
    box-sizing: border-box;
    z-index: 2;
}
.fancybox-close-small:focus {
    outline: none;
}
.fancybox-close-small:focus:after {
    outline: 1px dotted #888;
}
.fancybox-close-small:hover:after {
    color: #555;
    background: #eee;
}
.fancybox-slide--image .fancybox-close-small,
.fancybox-slide--iframe .fancybox-close-small {
    top: 0;
    right: -40px;
}
.fancybox-slide--image .fancybox-close-small:after,
.fancybox-slide--iframe .fancybox-close-small:after {
    font-size: 35px;
    color: #aaa;
}
.fancybox-slide--image .fancybox-close-small:hover:after,
.fancybox-slide--iframe .fancybox-close-small:hover:after {
    color: #fff;
    background: transparent;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {
    display: none;
}
.fancybox-caption-wrap {
    bottom: 0;
    left: 0;
    right: 0;
    padding: 60px 2vw 0 2vw;
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.1) 20%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.6) 80%, rgba(0, 0, 0, 0.8) 100%);
    pointer-events: none;
}
.fancybox-caption {
    padding: 30px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    font-size: 14px;
    color: #fff;
    line-height: 20px;
    -webkit-text-size-adjust: none;
}
.fancybox-caption a,
.fancybox-caption button,
.fancybox-caption select {
    pointer-events: all;
    position: relative;
}
.fancybox-caption a {
    color: #fff;
    text-decoration: underline;
}
.fancybox-slide > .fancybox-loading {
    border: 6px solid rgba(100, 100, 100, 0.4);
    border-top: 6px solid rgba(255, 255, 255, 0.6);
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -o-border-radius: 100%;
    border-radius: 100%;
    height: 50px;
    width: 50px;
    -webkit-animation: fancybox-rotate 0.8s infinite linear;
    animation: fancybox-rotate 0.8s infinite linear;
    background: transparent;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -30px;
    margin-left: -30px;
    z-index: 99999;
}
@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.fancybox-animated {
    -webkit-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    -moz-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    -o-transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
    transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
.fancybox-fx-slide.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0);
    -moz-transform: translate3d(-100%, 0, 0);
    -o-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0);
    -moz-transform: translate3d(100%, 0, 0);
    -o-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-slide.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    opacity: 1;
}
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -moz-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    -o-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
    transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    -webkit-transform: scale3d(1.5, 1.5, 1.5);
    -moz-transform: scale3d(1.5, 1.5, 1.5);
    -ms-transform: scale3d(1.5, 1.5, 1.5);
    -o-transform: scale3d(1.5, 1.5, 1.5);
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    -moz-transform: scale3d(0.5, 0.5, 0.5);
    -o-transform: scale3d(0.5, 0.5, 0.5);
    -ms-transform: scale3d(0.5, 0.5, 0.5);
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1);
    -moz-transform: scale3d(1, 1, 1);
    -o-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    opacity: 1;
}
.fancybox-fx-rotate.fancybox-slide--previous {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--next {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    opacity: 0;
}
.fancybox-fx-rotate.fancybox-slide--current {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    opacity: 1;
}
.fancybox-fx-circular.fancybox-slide--previous {
    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -moz-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--next {
    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -moz-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -o-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    -ms-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
    opacity: 0;
}
.fancybox-fx-circular.fancybox-slide--current {
    -webkit-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -moz-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -o-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    -ms-transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
    opacity: 1;
}
.fancybox-fx-tube.fancybox-slide--previous {
    -webkit-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    -moz-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    -o-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    -ms-transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
    transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
    -webkit-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    -moz-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    -o-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    -ms-transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
    transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    -moz-transform: translate3d(0, 0, 0) scale(1);
    -o-transform: translate3d(0, 0, 0) scale(1);
    -ms-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.fancybox-share {
    padding: 3.2rem;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
    background: #f4f4f4;
    max-width: 90%;
    text-align: center;
}
.fancybox-share h1 {
    color: #000;
    margin: 0 0 2.4rem 0;
    font-size: 1.8rem;
    line-height: 3.3rem;
    font-weight: 700;
}
.fancybox-share p {
    margin: 0;
    padding: 0;
}
p.fancybox-share__links {
    margin-right: -10px;
}
.fancybox-share__button {
    display: inline-block;
    text-decoration: none;
    margin: 0 1.2rem 1.2rem 0;
    padding: 0 1.5rem;
    min-width: 130px;
    border: 0;
    -webkit-border-radius: 0.3rem;
    -moz-border-radius: 0.3rem;
    -o-border-radius: 0.3rem;
    border-radius: 0.3rem;
    background: #fff;
    white-space: nowrap;
    font-weight: 700;
    line-height: 3.3rem;
    -webkit-user-select: none;
    user-select: none;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.fancybox-share__button:hover {
    text-decoration: none;
}
.fancybox-share__button--fb {
    background: #3b5998;
}
.fancybox-share__button--fb:hover {
    background: #344e86;
}
.fancybox-share__button--pt {
    background: #bd081d;
}
.fancybox-share__button--pt:hover {
    background: #aa0719;
}
.fancybox-share__button--tw {
    background: #1da1f2;
}
.fancybox-share__button--tw:hover {
    background: #0d95e8;
}
.fancybox-share__button svg {
    position: relative;
    top: -1px;
    width: 25px;
    height: 25px;
    margin-right: 7px;
    vertical-align: middle;
}
.fancybox-share__button svg path {
    fill: #fff;
}
.fancybox-share__input {
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0 0 0;
    padding: 10px 15px;
    background: transparent;
    color: #5d5b5b;
    font-size: 14px;
    outline: none;
    border: 0;
    border-bottom: 2px solid #d7d7d7;
}
.fancybox-thumbs {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 212px;
    margin: 0;
    padding: 2px 2px 4px 2px;
    background: #fff;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    box-sizing: border-box;
    z-index: 99995;
}
.fancybox-thumbs-x {
    overflow-y: hidden;
    overflow-x: auto;
}
.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}
.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}
.fancybox-thumbs > ul {
    list-style: none;
    position: absolute;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    overflow-y: auto;
    font-size: 0;
    white-space: nowrap;
}
.fancybox-thumbs-x > ul {
    overflow: hidden;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar {
    width: 7px;
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-track {
    background: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    -webkit-border-radius: 1rem;
    -moz-border-radius: 1rem;
    -o-border-radius: 1rem;
    border-radius: 1rem;
}
.fancybox-thumbs > ul > li {
    float: left;
    overflow: hidden;
    padding: 0;
    margin: 2px;
    width: 100px;
    height: 75px;
    max-width: calc(50% - 4px);
    max-height: calc(100% - 8px);
    position: relative;
    cursor: pointer;
    outline: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    box-sizing: border-box;
}
li.fancybox-thumbs-loading {
    background: rgba(0, 0, 0, 0.1);
}
.fancybox-thumbs > ul > li > img {
    position: absolute;
    top: 0;
    left: 0;
    max-width: none;
    max-height: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
}
.fancybox-thumbs > ul > li:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 4px solid #4ea7f9;
    z-index: 99991;
    opacity: 0;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    -o-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {
    opacity: 1;
}
@-webkit-keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes fancybox-rotate {
    from {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(359deg);
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -ms-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
body {
    counter-reset: trending;
}
.container,
.container.wrapper {
    padding: 1.6rem 0;
    margin: 0 3.2rem;
}
.container--small {
    padding: 3.2rem;
}
.content-wrapper {
    position: relative;
    display: flex;
    max-width: 120rem;
    padding: 0 3rem;
    margin: 3.2rem auto 0 auto;
    justify-content: flex-start;
    align-items: flex-start;
}
.content {
    width: 100%;
    max-width: 78rem;
    min-height: 30vh;
    margin: 0 0 0 8rem;
}
.content .wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.content section + section {
    margin-top: 3.2rem;
}
.content blockquote {
    padding: 2.4rem;
    background: #f8f8f8;
    border-top: 4px solid rgba(0, 0, 0, 0.6);
}
.content blockquote h2 {
    font-size: 2.4rem;
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin-bottom: 0.8rem;
}
.content .content__text {
    max-width: 100%;
    overflow-x: auto;
}
.content .content__text table {
    outline: 0;
    margin: 0;
    padding-top: 4em;
    margin-top: 4em;
    border-collapse: collapse;
    min-width: 100%;
}
.content .content__text table td {
    padding: 0.8rem 1.2rem;
    margin: 0;
    /* background-color: #f5f5f5; */
    border: 0.1rem solid rgba(0,0,0,0.1);
    color: #78777C;
    font-size: 1.2rem;
    overflow: hidden;
    vertical-align: top;
}
.content .content__text table td > p,
.content .content__text table td > ul li {
    font-size: 1em;
    line-height: 1.35;
    color: #78777C;
}
.content .content__text table td ul {
    margin-left: 1em;
}
.content .content__text table tbody tr:first-child td {
    background-color: #86bc25;
    border: 0.1rem solid #86bc25;
    color: white;
    font-weight: 700;
    font-size: 1em;
}
.content .content__text table tbody tr:first-child td {
    background-color: #86bc25;
    border: 0.1rem solid #86bc25;
    color: white;
    font-weight: 700;
    font-size: 1em;
}
.gap-left,
.post.gap-left {
    padding-left: 3rem;
}
.gap-right,
.post.gap-right {
    padding-right: 3rem;
}
.box {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    align-items: stretch;
    align-content: stretch;
    flex-wrap: wrap;
}
.box__full {
    flex-basis: 100%;
    min-width: 100%;
}
.box__threequarters {
    flex-basis: 75%;
    min-width: 75%;
}
.box__half {
    flex-basis: 50%;
    min-width: 50%;
}
.box__third {
    flex-basis: 33.3333%;
    min-width: 33.3333%;
}
.box__quarter {
    flex-basis: 25%;
    min-width: 25%;
}
.search {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: stretch;
    align-items: stretch;
}
.search__input {
    background-color: #2c2c2c;
    color: #fff;
    border: 1px solid #707070;
    padding: 0.7rem 1.5rem 0.5rem;
    margin-left: 2.5rem;
}
.search__input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1;
}
.search__input::placeholder {
    color: #fff;
    opacity: 1;
}
.icon-wrap {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    column-gap: 1.4rem;
}
.post-meta_sticky {
    position: relative;
    margin-top: -3.2rem;
    padding-top: 3.2rem;
    display: flex;
    width: max-content;
    max-width: 21.2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    row-gap: 1.6rem;
}
.share-icons p {
    font-size: 1.3rem;
    font-weight: 600;
    color: #000;
    margin: 0 0 0.5rem 0;
}
.share-icons-wrapper {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 0.8rem;
}
.notice {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    align-items: center;
    background-color: #f7f7f7;
    color: #97999b;
    display: none !important;
}
.notice__close {
    min-width: 4rem;
    height: 4rem;
    margin-left: 2rem;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
    background-image: url("img/close.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 1.7rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.notice__close:hover {
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.1);
}
.notice p {
    margin: 0 1rem;
}
.featured__posts {
    padding: 3rem 0 4rem;
    -webkit-box-align: stretch;
    align-items: stretch;
}
.featured__posts header {
    padding-bottom: 2rem;
}
.featured__posts .post + .post {
    margin-top: 4rem;
}
.featured__aside h2 {
    margin: 2rem 0;
}
.featured__aside .more {
    display: inline-block;
    margin-top: 2rem;
    color: #000;
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}
.featured__aside .more:hover {
    opacity: 0.5;
}
.bg-primary {
    background-color: #86bc25;
}
.bg-primary > * {
    color: #fff !important;
}
.bg-grey1 {
    background-color: #eef6f6;
}
.bg-grey2 {
    background-color: #f7f7f7;
}
.bg-grey3 {
    background-color: #e8eae9;
}
.post--featured {
    padding: 0 5vw;
}
.post--featured .post__excerpt {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
    margin: 0.8rem 0 3.2rem 0;
}
.post--featured .post__title {
    font-size: 3.6rem;
    line-height: 4.8rem;
    letter-spacing: -1px;
    font-weight: 400;
}
.post--featured .post__image {
    min-height: 28rem;
}
.post.content__intro {
    padding: 0;
}
.post.content__intro .post__image {
    height: 45rem;
    margin-bottom: 2rem;
}
.post.content__intro .post__meta {
    margin-top: 1rem;
}
.post__image {
    min-height: 18rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.post__cat {
    display: block;
    font-weight: 600;
    font-size: 1.3rem;
}
.post__cat a {
    color: #97999b !important;
}
.post__excerpt {
    margin-top: 2rem;
    margin-bottom: 2rem;
}
.post__meta {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    row-gap: 1.6rem;
    font-size: 1.3rem;
}
.post__meta .post_date h3 {
    font-weight: 600;
    font-size: 1.3rem;
}
.post__meta .post_date {
    color: #000;
}
.post__meta a {
    color: inherit !important;
}
.post__meta a:hover {
    text-decoration: underline;
}
.post__author {
    min-height: 3rem;
    width: 3rem;
    background-size: cover;
    margin-right: 0.5rem;
}
.post__meta-authors {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    column-gap: 1.8rem;
}
.post-meta_sticky .post__meta-wrap:first-child span {
    display: inline-block;
}
.post-meta_sticky .post__meta-wrap:first-child h3 {
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 600;
}
.post-meta_sticky .post__meta-wrap:first-child span {
    font-size: 1.3rem;
}
.post__meta-wrap.author_meta {
    position: relative;
    display: grid;
    grid-template-areas: "image name" "image email";
    column-gap: 1.6rem;
}
.post__meta-wrap.author_meta > a {
    position: relative;
    display: block;
    grid-area: image;
    width: 4.8rem;
    height: 4.8rem;
}
.post__meta-wrap .post__author {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.post__meta-wrap.author_meta h3 {
    grid-area: name;
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 600;
}
.post__meta-wrap.author_meta h3 a,
.post__meta-wrap.author_meta span a {
    color: #000;
    width: auto;
    height: auto;
    grid-area: none;
}
.post__meta-wrap.author_meta span a:hover {
    text-decoration: underline;
}
.post__meta-wrap.author_meta span {
    grid-area: email;
    display: block;
    font-size: 1.3rem;
    line-height: 2.4rem;
    font-weight: 400;
}
.post__date {
    margin-left: 2rem;
}
.post__title + .post__meta {
    margin-top: 2.5rem;
}
.trending-wrapper > .wrapper {
    padding-left: 0;
    padding-right: 0;
}
.trending__title {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1.7rem 0;
    font-size: 1.8rem;
    line-height: 2.8rem;
}
.trending-title h2 {
    font-size: 1.5rem;
}
.trending > p {
    margin-bottom: 4rem;
}
.trending__item {
    position: relative;
    padding-left: 5.8rem;
    font-size: 90%;
}
.trending__item a {
    -webkit-transition: opacity 0.15s ease-in-out;
    -moz-transition: opacity 0.15s ease-in-out;
    -o-transition: opacity 0.15s ease-in-out;
    transition: opacity 0.15s ease-in-out;
}
.trending__item a:hover {
    opacity: 0.5;
}
.trending__item + .trending__item {
    margin-top: 4rem;
}
.trending__item:before {
    display: block;
    position: absolute;
    top: 0.6rem;
    left: 0;
    width: 3.8rem;
    height: 3.8rem;
    text-align: center;
    line-height: 3.4rem;
    font-weight: bold;
    -webkit-border-radius: 1.9rem;
    -moz-border-radius: 1.9rem;
    -o-border-radius: 1.9rem;
    border-radius: 1.9rem;
    border: 2px solid #97999b;
    counter-increment: trending;
    content: counter(trending);
}
.poll {
    color: #000;
}
.poll h3 {
    margin: 3rem 0;
}
.poll__answer {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2rem;
}
.poll__answer:last-of-type {
    margin-bottom: 4rem;
}
.poll__answer input {
    margin-right: 1rem;
}
.poll__line {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    margin-bottom: 2rem;
}
.poll__line:last-of-type {
    margin-bottom: 4rem;
}
.poll__line div {
    display: inline-block;
    min-height: 1.7rem;
    background-color: #86bc25;
    -webkit-border-radius: 0.8rem;
    -moz-border-radius: 0.8rem;
    -o-border-radius: 0.8rem;
    border-radius: 0.8rem;
    margin-top: 0.5rem;
    margin-right: 0.5rem;
}
.loadmore {
    margin: 3.2rem 0;
}
.loadmore .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.loadmore.narrow .wrapper {
    text-align: left;
    -webkit-box-align: flex-start;
    align-items: flex-start;
}
.loadmore .wrapper .loadmore-wrapper {
    display: block;
    width: 100%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.loadmore.narrow .wrapper .loadmore-wrapper {
    max-width: 800px;
}
.loadmore button {
    display: block;
    margin: 0 auto;
    position: relative;
    font-weight: 600;
    padding: 0 2.5rem 0 0;
    font-size: 1.4rem;
    line-height: 3.6rem;
}
.loadmore button:hover {
    text-decoration: underline;
}
.loadmore button img {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    opacity: 0.4;
}
.pagination {
    margin: 3.2rem 0;
}
.pagination .wrapper {
    display: -webkit-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    flex-direction: column;
    text-align: center;
    -webkit-box-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}
.pagination.narrow .wrapper {
    text-align: left;
    -webkit-box-align: flex-start;
    align-items: flex-start;
}
.pagination .wrapper .pagination-inner {
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 0.4rem;
    width: 100%;
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.pagination-inner .page-numbers {
    display: inline-block;
    padding: 0.5rem 0.9rem;
    font-size: 1.4rem;
    line-height: 1.6;
    font-weight: 600;
    text-decoration: none;
    color: #000;
    min-width: 3.6rem;
    text-align: center;
    border: 1px solid transparent;
}
.pagination-inner a.page-numbers:hover {
    text-decoration: underline;
}
.pagination-inner .page-numbers.current {
    background-color: #000;
    color: #fff;
}
.pagination-inner .page-numbers.dots {
    font-weight: 400;
    border-color: transparent;
}
.pagination-inner .prev.page-numbers,
.pagination-inner .next.page-numbers {
    font-size: 1.6rem;
}
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}
.footer {
    background-color: #fff;
}
.footer h2 {
    color: #000;
}
.footer a {
    color: #000;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.footer a:hover {
    text-decoration: underline;
}
.footer__top {
    -webkit-box-pack: start;
    justify-content: flex-start;
    padding-top: 4rem;
}
.footer__top p {
    margin: 2rem 2rem 2rem 0;
}
.footer__top .navigation a {
    color: #fffefe;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
.footer__top .navigation a:not(:last-child) {
    margin-right: 1.6rem;
}
.footer__top .navigation a:hover {
    opacity: 0.7;
}
.footer__bottom {
    border-top: rgba(96, 96, 96, 0.8) 1px solid;
    margin-top: 2rem;
    padding-bottom: 8rem;
}
.footer__bottom p {
    margin-top: 3rem;
}
.content a:not(.tagcloud__item) {
    color: #4098be;
}
.content a:not(.tagcloud__item) strong {
    font-weight: 400;
}
.content__text h3 {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
}
.content__text h3:not(:first-child) {
    margin-top: 2rem;
}
.content__text p {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #000;
    margin: 1.2rem 0;
}
blockquote.aside {
    border-top: 2px solid rgba(0,0,0,0.5);
    float: right;
    padding-top: 0.6rem;
    margin-left: 3.2rem;
    margin-top: 0.5em;
    margin-bottom: 1em;
    text-align: left;
    max-width: 27ch;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #000;
}
blockquote.aside > p {
    font-size: inherit;
    line-height: inherit;
}
blockquote.aside > strong {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin: 0.6rem 0;
    font-weight: 600;
}
.content__text p + .content__text p {
    margin-top: 2rem;
}
.content__text ul {
    list-style-type: disc;
    padding-left: 3rem;
}
.content__text ol {
    padding-left: 3rem;
}
.content__text ul li,
.content__text ol li {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #000;
    margin: 1.2rem 0;
}
.content__text strong {
    font-weight: 600;
}
.content__quote {
    padding: 2.6rem;
    background: #E9F1D3;
}
.content__quote .quote-text {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 600;
    margin: 1.6rem 0 0 0;
    color: #000;
}
.content__quote .quote-author {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 1.6rem;
    margin-top: 1.6rem;
}
.content__quote .quote-author img {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid rgba(0,0,0,0.1);
    aspect-ratio: 1/1;
    object-fit: cover;
}
.content__quote .quote-author span {
    display: inline-block;
    color: rgba(0,0,0,0.7);
    font-size: 1.3rem;
    line-height: 2.8rem;

}
.content__gallery:not(.content__gallery--single) {
    padding: 0rem;
}
.footer-navigation .social-media a {
    margin-right: 0.8rem;
}
.content__gallery--single .gallery img {
    width: 100%;
}
.gallery {
    display: -webkit-box;
    display: flex;
    -webkit-box-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    align-items: center;
    margin-top: 3.2rem;
    column-gap: 1.2rem;
    row-gap: 1.2rem;
}
#logo a {
    display: block;
}
#logo img {
    /*width: 100%;
    */
}
h1.main-title {
    font-size: 2.5rem;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.7);
}
#search {
    display: inline-block;
    vertical-align: middle;
    float: right;
}
#search input {
    background-color: #eeeeee;
    border: 2px solid #eeeeee;
    outline: none;
    color: #343434;
    padding: 0.8rem 1.6rem 0.8rem 1.3rem;
    margin-left: 2.5rem;
    color: #343434;
    height: 4rem;
    display: inline-block;
    vertical-align: middle;
    font-size: 1.4rem;
    line-height: 2.4rem;
}
#search input::-webkit-input-placeholder {
    color: #343434;
    opacity: 1;
}
#search input:-ms-input-placeholder {
    color: #343434;
}
#search input::placeholder {
    color: #343434;
    opacity: 1;
}
#search button {
    border: 0;
    width: 4rem;
    cursor: pointer;
    background: #eeeeee center center url("img/search.svg") no-repeat;
    background-size: 1.7rem;
    padding: 2rem 0;
    display: inline-block;
    vertical-align: middle;
}
#search form {
    display: inline-block;
}
#navigation {
    border-top: rgba(51, 51, 51, 0.1) 1px solid;
    border-bottom: rgba(51, 51, 51, 0.1) 1px solid;
}
#navigation nav {
    display: inline-block;
    vertical-align: bottom;
    float: left;
}
#navigation a {
    margin: 0 0.8rem;
    transition: opacity 0.1s ease;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -ms-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
}
#navigation a:hover {
    opacity: 0.7;
    text-decoration: underline;
}
#navigation a:first-of-type {
    margin-left: 0;
}
#navigation a:last-of-type {
    margin-right: 0;
}
#navigation .lang {
    float: right;
}
#navigation .lang > .span {
    color: rgba(0, 0, 0, 0.1);
}
#navigation .wrapper {
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
}
#featured {
    padding: 0;
}
#featured > div > .wrapper {
    padding-top: 0;
}
#featured main {
    width: 75%;
    display: inline-block;
    vertical-align: top;
}
#featured aside {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
#featured main .secondary {
    padding-right: 3rem;
    width: 35%;
    display: inline-block;
    vertical-align: top;
}
#featured main .main {
    width: calc(100% - 3.4rem);
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
.post.main .image {
    width: 100%;
    height: auto;
    min-height: 30rem;
}
#featured .post-main-aside {
    padding: 6rem 1.8rem;
    max-width: 28rem;
    background: #26890d;
    color: #fff;
}
#featured .post .post-secondary-wrapper {
    display: grid;
    grid-template-columns: 1fr 7.2rem;
    column-gap: 1.6rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 1.8rem;
    padding-bottom: 1.8rem;
}
#featured .secondary .post:last-child .post-secondary-wrapper {
    border-bottom: 0;
}
#featured .post-secondary-wrapper .image {
    width: 7.2rem;
    min-height: 7.2rem;
    max-height: 7.2rem;
}
#featured .post-main-aside strong.category a{
    color: rgba(255,255,255,0.6);
}
#featured .post-main-aside p.perex {
    color: rgba(255, 255, 255, 0.8);
}
#featured .post-main-aside a .read-more,
.promo_post-text .read-more {
    display: block;
    position: relative;
    padding-right: 2.1rem;
    width: max-content;
    font-weight: 600;
    line-height: 3.6rem;
}
#featured .post-main-aside a .read-more img,
.promo_post-text .read-more img {
    position: absolute;
    top: 50%;
    right: 0;
    width: 1em;
    -webkit-transform: translateY(-50%) rotate(-90deg);
    -moz-transform: translateY(-50%) rotate(-90deg);
    -ms-transform: translateY(-50%) rotate(-90deg);
    -o-transform: translateY(-50%) rotate(-90deg);
    transform: translateY(-50%) rotate(-90deg);
    -webkit-transition: 0.3s all ease-in-out;
    -moz-transition: 0.3s all ease-in-out;
    -o-transition: 0.3s all ease-in-out;
    transition: 0.3s all ease-in-out;
    opacity: 0.6;
}
#featured .post-main-aside a:hover .read-more img,
.promo_post:hover .promo_post-text .read-more img {
    right: -0.5em;
}
.content_videoembed {
    background: #f9fcf4;
    padding: 2.4rem;
    margin: 0 auto;
    border: 1px solid rgba(0,0,0,0.02);
}
.content_videoembed > h3 {
    font-weight: 600;
    line-height: 1.1;
}
.content_videoembed > p {
    margin-top: 0.8rem;
}
.content_videoembed .video-box {
    position: relative;
    box-sizing: content-box;
    display: block;
    max-width: 500px;
    margin: 2.4rem auto 0 auto;
}
.content_videoembed .video-box iframe {
    width: 100%;
    aspect-ratio: 16/9;
}

.post h2 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
}
#featured main .post-main-aside h2 {
    color: #fff;
    font-weight: 400;
    font-size: 1.8rem;
}
#featured .secondary .post h2 {
    font-size: 1.4rem;
    line-height: 2rem;
}
.post .image {
    display: block;
    height: 20rem;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.post .image:before {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0;
    top: 0;
    left: 0;
    transition: opacity 0.3s;
    content: "";
}
.post .image:hover:before {
    opacity: 0.15;
}
#featured .post .category {
    margin: 0 0 0.8rem 0;
}
.h2:first-letter {
    text-transform: uppercase;
}
.icon {
    width: 3.2rem;
    height: 3.2rem;
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.icon:not(:last-child) {
    margin-right: 0.8rem;
}
.social-media a .icon {
    -webkit-filter: brightness(100%);
    filter: brightness(100%);
}
.social-media .icon:hover {
    -webkit-filter: brightness(190%);
    filter: brightness(190%);
}
.share-icons-wrapper .icon:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
}
.post .author {
    height: 3rem;
    width: 3rem;
    background-size: cover;
    margin-right: 0.5rem;
    vertical-align: middle;
    display: inline-block;
}
.post .category {
    margin: 1.6rem 0 0.8rem 0;
    display: block;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
    font-weight: 600;
}
.category a {
    position: relative;
    color: #97999b;
}
.content__intro .category  a{
    color: rgba(0,0,0,0.7) !important;
}
.category a:not(:first-child) {
    padding-left: 0.5rem;
}
.category a:not(:first-child):before {
    position: absolute;
    content: '| ';
    left: -0.4rem;
}
.post .category a:hover {
    text-decoration: underline;
}
.post footer {
    margin: 0.8rem 0 0 0;
    font-size: 1.2rem;
    line-height: 2rem;
    color: #000;
    font-weight: 400;
}
.post footer .post-author {
    position: relative;
}
.post footer .post-author:not(:last-child):after {
    content: ", ";
}
.post .perex {
    margin: 0.8rem 0;
    color: #000;
    font-size: 1.3rem;
    line-height: 2.2rem;
}
#featured .post.main .perex {
    margin: 0.8rem 0 2.4rem 0;
}
.post a {
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.post a:hover h2 {
    text-decoration: underline;
}
.post a p:after {
    content: "\00a0\00a0\00a0";
    display: inline;
}
.tagcloud {
    text-align: center;
    background-color: #f9fcf4;
    padding: 2.5rem 0 5.5rem 0;
}
.tagcloud h2 {
    font-size: 1.8rem;
}
.tagcloud p {
    font-size: 1.3rem;
    line-height: 2rem;
    margin: 0;
}
.tagcloud .center a:nth-of-type(1n + 21) {
    display: none;
}
.tagcloud .center {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    row-gap: 0.8rem;
    column-gap: 0.8rem;
    flex-wrap: wrap;
    max-width: 900px;
    margin: 3.8rem auto 0 auto;
}
.tagcloud a {
    display: block;
    width: max-content;
    font-size: 1.2rem !important;
    background-color: transparent;
    color: #4e4e4e;
    padding: 0 0.6rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    outline: none;
    -webkit-border-radius: 0.4rem;
    -moz-border-radius: 0.4rem;
    -o-border-radius: 0.4rem;
    border-radius: 0.4rem;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
    -o-transition: all 0.1s ease;
    transition: all 0.1s ease;
}
.tagcloud a:hover {
    background-color: #e0e3dc;
    border: 1px solid #e0e3dc;
}
.content .tagcloud {
    margin-top: 6rem;
    background: transparent;
    text-align: left;
}
.content .tagcloud a {
    background-color: #f6f6f6;
    color: #97999b;
}
.content .tagcloud a:hover {
    color: #fff;
    background-color: #86bc25;
}

.post .tagcloud {
    margin: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 1.2rem;
    row-gap: 1.2rem;
}
.post .tagcloud a {
    font-size: 1.4rem !important;
    line-height: 2.4rem;
    color: rgba(0,0,0,0.7);
    font-weight: 500;
    padding: 0.2rem 0.8rem;
}
.post .tagcloud a:hover {
    color: rgba(0,0,0,0.7);
    background-color: #e0e3dc;
    border: 1px solid #e0e3dc;
}

.more {
    margin-top: 1rem;
    display: block;
}
.more:hover {
    opacity: 0.7;
}
.gap-right p {
    margin: 2rem 0;
}
.gap-right span {
    margin: 0 0 2rem 0;
    display: block;
}
.grey {
    background-color: #f7f7f7;
}
.footer .quarter {
    padding-right: 2rem;
}
.footer .quarter:last-child {
    padding-right: 0;
}
.footer .quarter a {
    color: #fff;
}
.footer .navigation a {
    margin: 0 0.5rem;
}
.footer-navigation {
    background: #2b2b2b;
}
.footer-navigation nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer-navigation nav ul {
    width: max-content;
}
.footer-navigation nav ul li {
    padding-right: 3.2rem;
    display: inline-block;
}
.footer-navigation nav ul li:not(:first-child) {
    padding-left: 3.2rem;
    border-left: 2px solid #000;
}
.footer-navigation nav ul li a {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #e4e4e4;
    font-weight: 600;
}
.footer-bottom {
    padding: 4.8rem 3rem 4.4rem 3rem !important;
    color: #000;
    font-size: 1.2rem;
    line-height: 1.63rem;
}
.footer-bottom p:not(:first-child) {
    margin-top: 1.6rem;
}
.social .icon {
    width: 5.1rem;
    height: 5.1rem;
    margin-right: 0.6rem;
    -webkit-transition: opacity 0.1s ease-in-out;
    -moz-transition: opacity 0.1s ease-in-out;
    -o-transition: opacity 0.1s ease-in-out;
    transition: opacity 0.1s ease-in-out;
}
.social .icon:hover {
    opacity: 0.8;
}
.wrapper {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    padding: 3.2rem;
}
.wrapper.nopaddingtop {
    padding-top: 0;
}
.wrapper.nopaddingbottom {
    padding-bottom: 0;
}
.button {
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
    border: 2px solid #fff;
    padding: 0.7rem 2rem;
    -webkit-border-radius: 0.2rem;
    -moz-border-radius: 0.2rem;
    -o-border-radius: 0.2rem;
    border-radius: 0.2rem;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    white-space: nowrap;
    cursor: pointer;
}
.button:hover {
    background-color: #fff;
    color: #000;
}
.notice {
    display: none;
}
.third {
    width: 33%;
    display: inline-block;
    vertical-align: top;
}
.quarter {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
#menu-toggle {
    display: none;
}
#posts-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.2rem;
}
#posts-container.posts-grid-landing {
    grid-template-columns: repeat(6, 1fr);
    column-gap: 3.2rem;
    margin: 0 0 -3.2rem 0;
}
#posts-container.posts-grid-landing .post {
    grid-column: span 2;
    padding: 1.6rem 0 3.2rem 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.posts-grid-landing .post .perex {
    display: none;
}
#posts-container.posts-grid-landing .post .image {
    display: none;
}
#posts-container.posts-grid-landing .post .category {
    margin-top: 0;
}
#posts-container.posts-grid-landing .post:nth-child(5n + 1),
#posts-container.posts-grid-landing .post:nth-child(5n + 2) {
    padding: 3.2rem 0 0 0;
    grid-column: span 3;
    padding-bottom: 2.4rem;
}
#posts-container.posts-grid-landing .post:nth-child(-n + 2) {
    border-top: none;
    padding-top: 0;
}
#posts-container.posts-grid-landing .post:nth-child(5n + 1) .image,
#posts-container.posts-grid-landing .post:nth-child(5n + 2) .image {
    display: block;
    min-height: 270px;
}
#posts-container.posts-grid-landing .post:nth-child(5n + 1) .category,
#posts-container.posts-grid-landing .post:nth-child(5n + 2) .category {
    margin: 1.6rem 0 0.8rem 0;
}
#posts-container.posts-grid-category {
    grid-template-columns: repeat(1, 1fr);
    max-width: 800px;
    margin: 0;
}
#posts-container.posts-grid-category.downloads {
    grid-template-columns: repeat(3, 1fr);
}
.posts-grid-category .post {
    display: grid;
    grid-template-columns: 18rem auto;
    column-gap: 3.2rem;
    grid-template-areas:
        "image text"
        "image footer";
    padding: 3.2rem 0;
}
.posts-grid-category .post.download {
    grid-template-columns: auto;
    grid-template-areas:
    "text"
    "footer";
    justify-content: flex-start;
    align-items: center;
    padding: 1.8rem 0 ;
}
.posts-grid-category .post.download footer {
    margin-top: 0.6rem;
    opacity: 1;
}
.posts-grid-category .post.download .show-more {
    color: #000;
}
.posts-grid-category .post.download .show-more img {
    opacity: 1;
}
.posts-grid-category .post.download:not(:nth-child(n+4)) {
    border-top: none;
}
.posts-grid-category .post .category {
    display: none;
}
.posts-grid-category .post:first-child:not(.download) {
    padding-top: 0;
}
.posts-grid-category .post:last-child:not(.download) {
    padding-bottom: 0;
}
.posts-grid-category .post:not(:first-child) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.posts-grid-category .post > .lonely_thumb {
    grid-area: image;
}
.posts-grid-category .post .image {
    width: 17.6rem;
    height: auto;
    min-height: 13rem;
}
.posts-grid-category .post > a {
    grid-area: text;
}
.posts-grid-category .post > footer {
    grid-area: footer;
    margin: 0;
}
.category_intro__featured .post footer,
.posts-grid-category .post > footer,
.post--mini footer {
    opacity: 0.6;
}
.posts-grid-related .post .date,
.posts-grid-related .post .perex {
    display: none;
}
.category-title {
    font-size: 2.2rem;
    line-height: 3.6rem;
    font-weight: 400;
    border-bottom: 1px solid rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.7);
}
.category-title.noborderbottom {
    border-bottom: none;
}
.topic-page-header {
    position: relative;
    background: #2c5234;
    overflow: hidden;
}
.topic-page-banner {
    position: absolute;
    left: 50%;
    top: 0;
    width: 50%;
}
.topic-page-header .wrapper {
    padding-top: 0;
    padding-bottom: 0;
}
.topic-page-header .wrapper h1 {
    margin: 0;
}
.category_title {
    padding: 5.2rem 0;
}
.category_title span {
    display: block;
    color: #fff;
    font-size: 2.2rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin-bottom: 0.8rem;
}
.category_title p {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: rgba(255, 255, 255, 0.8);
}
.post--mini .image {
    display: block;
    height: 170px;
}
.post--mini h2 {
    margin-top: 1.6rem;
}
.category-intro-navigation {
    background: rgba(199, 230, 149, 0.1);
}
.category-intro-navigation .wrapper {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding-top: 0;
    padding-bottom: 0;
}
.category-intro-navigation .category-box {
    width: 100%;
    padding: 1.6rem 1.8rem 1.3rem 1.8rem;
    font-size: 1.3rem;
    line-height: 2rem;
    color: #000;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.category-box .icon-wrap .icon {
    width: 2rem;
    height: auto;
}
.category-box .icon-wrap .icon.pin {
    width: 1.2rem;
}
.category-box .show-more {
    padding-top: 0.8rem;
    margin-top: auto;
}
.category-box .show-more:first-child {
    margin-top: 2.6rem;
}
.category-box h3 {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin-bottom: 0.8rem;
}
.category-box h4 {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-bottom: 0.8rem;
}
.category-intro-navigation .category-box:first-child {
    padding-left: 0;
}
.category-intro-navigation .category-box:last-child {
    padding-right: 0;
}
.category-intro-navigation .category-box:not(:first-child) {
    border-left: 1px solid rgba(0, 0, 0, 0.05);
}
.category_intro__aside .tagcloud {
    background-color: transparent;
    text-align: left;
    padding: 0 0 20px 0;
}
.category-box .tagcloud {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0;
    margin-top: 1.4rem;
    column-gap: 0.8rem;
    row-gap: 0.8rem;
}
.category_intro__aside .container--small {
    padding: 28px 3rem 31px 0;
}
.category_intro__aside .container--small:first-of-type {
    margin-top: 2rem;
}
.category_intro__aside .container--small:not(:first-of-type) {
    border-top: 1px solid #c3c9c6;
}
.category_intro {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 3.2rem;
    padding-top: 3.2rem;
}
.category_intro .category_intro__featured {
    grid-column: span 2;
}
.category_intro__featured .image {
    height: 34rem;
}
.category_intro__featured h2 {
    margin-top: 1.6rem;
}
.newest-posts {
    padding: 2.8rem 3rem;
    font-size: 1.8rem;
    line-height: 2.8rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    font-weight: 400;
}
.event_new__meta .button {
    float: right;
}
.event_new__meta span {
    display: inline-block;
    margin-top: 0.7rem;
}
#webcast-promos .wrapper {
    padding-top: 0;
}
.webcast-promos-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    column-gap: 3.2rem;
}
.webcast-component {
    display: block;
    width: 100%;
    background: #f9fcf4;
    padding: 1.7rem;
}
.webcast-component > p {
    font-size: 1.3rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.7);
}
.webcast-component ul {
    margin: 0.85rem -1.7rem 1.7rem -1.7rem;
}
.webcat-component li {
    display: block;
}
.webcast-component li a {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 1.8rem;
    padding: 0.85rem 1.7rem;
    background: #f9fcf4;
    -webkit-transition: 0.3s background ease-out;
    -moz-transition: 0.3s background ease-out;
    -o-transition: 0.3s background ease-out;
    transition: 0.3s background ease-out;
}
.webcast-component li a:hover {
    background: #d7ebd3;
}
.webcast-component li figure {
    position: relative;
    width: 6.4rem;
    height: 6.4rem;
    flex-shrink: 0;
}
.webcast-component li figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.webcast-data-title {
    display: block;
    line-height: 2rem;
    margin-bottom: 0.4rem;
    font-weight: 400;
    color: #000;
}
.webcast-data span {
    display: inline-block;
    font-size: 1.3rem;
    line-height: 2rem;
    color: rgba(0, 0, 0, 0.7);
}
.show-more {
    display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    color: #000;
    column-gap: 0.7rem;
    cursor: pointer;
}
.show-more:hover {
    text-decoration: underline;
}
.show-more span {
    margin-top: 0;
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 600;
}
.show-more img {
    width: 7px;
    height: auto;
    opacity: 0.4;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    -webkit-transition: .3s transform ease-in-out;
    -moz-transition: .3s transform ease-in-out;
    -o-transition: .3s transform ease-in-out;
    transition: .3s transform ease-in-out;
}
.show-more:hover img {
    -webkit-transform: translateX(0.5rem);
    -moz-transform: translateX(0.5rem);
    -o-transform: translateX(0.5rem);
    -ms-transform: translateX(0.5rem);
    transform: translateX(0.5rem);
}
.webcast-video-wrapper {
    display: block;
    position: relative;
    width: 100%;
    padding-top: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.webcast-video-wrapper iframe {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}
.playbox {
    position: absolute;
    bottom: 1.6rem;
    left: 1.8rem;
    right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
    column-gap: 1.6rem;
    color: #fff;
    cursor: pointer;
    -webkit-transition: 0.3s color ease-in-out;
    -moz-transition: 0.3s color ease-in-out;
    -o-transition: 0.3s color ease-in-out;
    transition: 0.3s color ease-in-out;
}
.playbox:hover {
    color: #86bc25;
}
.playbox svg {
    width: 4rem;
    height: auto;
    fill: #fff;
    -webkit-transition: 0.3s fill ease-in-out;
    -moz-transition: 0.3s fill ease-in-out;
    -o-transition: 0.3s fill ease-in-out;
    transition: 0.3s fill ease-in-out;
}
.playbox:hover svg {
    fill: #86bc25;
}
.playbox > p strong {
    font-weight: 400;
    font-size: 1.8rem;
    line-height: 2.8rem;
}
.playbox > p span {
    display: block;
    line-height: 2.1rem;
}
#category-highlights {
    background: #000;
    color: #fff;
    margin-bottom: 3.2rem;
}
#category-highlights h2 {
    color: #fff;
}
#category-highlights .wrapper > p {
    line-height: 2.2rem;
    color: #fff;
    opacity: 0.7;
    margin: 0.8rem 0 4rem 0;
}
#category-highlights ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3.2rem;
}
#category-highlights ul li {
    width: 100%;
}
#category-highlights .post .promo-image {
    width: 100%;
    height: 21.2rem;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
#category-highlights .post .text-box {
    background: #2b2b2b;
    padding: 1.8rem 1.6rem;
    color: #fff;
    min-height: 14rem;
    -webkit-transition: .3s background ease-in-out;
    -moz-transition: .3s background ease-in-out;
    -o-transition: .3s background ease-in-out;
    transition: .3s background ease-in-out;
}
#category-highlights .post .text-box strong {
    display: block;
    font-weight: 400;
    font-size: 1.6rem;
    margin-bottom: 0.8rem;
}
    #category-highlights ul li a:hover .post .text-box strong {
        text-decoration: underline;
    }
#category-highlights .post .text-box span {
    font-size: 1.3rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, 0.7);
}

/* Post promo in post detail */

.promo_post {
    display: block;
    border: 1px solid #e4e4e4;
    width: 100%;
    background: #fff;
}
.promo_post-wrapper {
    display: grid;
    grid-template-columns: 1fr 175px;
    column-gap: 1.8rem;
    align-items: stretch;
}
.promo_post-text {
    padding: 2.3rem 1.6rem;
}
.promo_post .promo_post-category {
    display: block;
    font-weight: 600 !important;
    color: rgba(0,0,0,0.7);
    font-size: 1.4rem;
    line-height: 2.8rem;
}
.promo_post h4 {
    color: #000;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
    margin: 0.5rem 0 1.8rem 0;
}
.promo_post:hover h4 {
    text-decoration: underline;
}
.promo_post .read-more {
    color: #000;
    font-weight: 700;
}
.promo_post .read-more img {
    opacity: 0.4;
}
.promo_post .read-more {
    -webkit-filter: brightness(0%);
    filter: brightness(0%);
}
.promo_post-wrapper .post_promo-thumb {
    position: relative;
    object-fit: cover;
    width: 100%;
    height:  100%;
}

.tag-filter {
    position: relative;
    margin-top: -1px;
    z-index: 2;
    background: #f0f0f0;
}
.filter-controls {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    column-gap: 2.9rem;
}
.filter-controls li:first-child {
    color: rgba(0,0,0,0.7);
}
.filter-controls li:not(:first-child) {
    padding-right: 0.8rem;
}
.filter-controls select {
 position: relative;
 border: none;
 background: #f0f0f0;
 color: #000;
 font-weight: 600;
 /*max-width: 8rem;
 min-width: 6.4rem;*/
 cursor: pointer;
} 
.filter-controls select:after {
    width: 1.2rem;
    height: 0.6rem;
    opacity: 0.6;
}
.filter-controls select:focus {
    outline: none;
    border: none;
}
.filter-controls select option:first-child {
    display: none;
}
#_custom_webcast_items_count {
        display: none;
        visibility: hidden;
        width: 1px;
        height: 1px;
        opacity: 0;
    }


@media only screen and (max-width: 1400px) {
    .event_new__meta span {
        display: block;
        margin-top: 0;
    }
    .event_new__meta .button {
        float: none;
        margin-top: 1rem;
    }
    .topic-page-banner {
        width: auto;
        height: 100%;
    }
}
@media only screen and (max-width: 1024px) {
    #posts-container.posts-grid-landing .post:nth-child(-n + 2) .image {
        min-height: 250px;
    }
    .social--sticky {
        position: relative;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        flex-direction: row-reverse;
        margin-left: 0;
        width: 100%;
        top: -3rem;
    }
    .social--sticky + section {
        margin-top: 0;
    }
    .social--sticky .icon {
        margin-right: 1.5rem;
    }
    .category_intro {
        grid-template-columns: repeat(2, 1fr);
        row-gap: 3.2rem;
        grid-template-areas:
            "featured second"
            "featured third";
    }
    .category_intro .category_intro__featured {
        grid-column: auto;
        grid-area: featured;
    }
    .category_intro .post--mini .image {
        display: none;
    }
    .category_intro .post--mini {
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 1.6rem;
    }
    .category_intro .post--mini h2 {
        margin-top: 0;
    }
    .category_intro__featured .image {
        height: 30rem;
    }
    .gap-right,
    .post.gap-right {
        padding: 2rem 6rem;
    }
    .post.gap-left {
        padding: 2rem 6rem;
    }
    .box__threequarters,
    .box__half,
    .box__third,
    .box__quarter {
        flex-basis: 100%;
        min-width: 100%;
    }
    .notice {
        flex-wrap: wrap;
        position: relative;
    }
    .notice h3,
    .notice p {
        width: 100%;
    }
    .notice p {
        margin-bottom: 1.5rem;
    }
    .notice__close {
        position: absolute;
        top: 1rem;
        right: 2rem;
    }
    .featured__posts header {
        -webkit-box-ordinal-group: -1;
        order: -2;
    }
    .post--featured {
        -webkit-box-ordinal-group: 0;
        order: -1;
        margin-bottom: 4rem;
    }
    .post__meta {
        margin-top: 2rem;
    }
    .footer__top div:last-of-type {
        margin-top: 4rem;
    }
    .content__gallery {
        padding: 0;
    }
    .content-wrapper {
        flex-direction: column;
    }
    .post-meta_sticky {
        display: none;
    }
    .content {
        max-width: 700px;
        margin: 0 auto;
    }
    .footer .quarter:nth-child(2) {
        display: none;
    }
    .quarter {
        width: 33.3333%;
    }
}
@media only screen and (max-width: 900px) {
    .is-open #navigation {
        border-bottom: 0;
    }
    #header {
        -webkit-box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 5%);
        box-shadow: 0px 1px 3px 1px rgb(0 0 0 / 5%);
    }
    #header .clear {
        display: none;
    }
    .footer-navigation nav {
        flex-direction: column;
        justify-content: center;
        row-gap: 3.2rem;
    }
    .category-intro-navigation .wrapper {
        grid-template-columns: repeat(2, 1fr);
    }
    .category-intro-navigation .category-box:not(:first-child) {
        border-left: none;
    }
    .category-intro-navigation .category-box:nth-child(even) {
        border-left: 1px solid rgba(0,0,0,0.05);
    }
    .category-intro-navigation .category-box:nth-child(2)  {
        padding-right: 0;
    }
    .category-intro-navigation .category-box:nth-child(3)  {
        padding-left: 0;
    }
    .category-intro-navigation .category-box:nth-child(n+3) {
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    .category_title {
        padding: 3.2rem 0;
    }
    .category-intro-navigation {
        padding: 1.8rem 0;
    }
    .post--featured .post__title {
        font-size: 2.4rem;
        line-height: 3.6rem;
    }
    .content__text p,
    .post--featured .post__excerpt{
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    #navigation nav {
        width: 100%;
        text-align: center;
    }
    #navigation nav:not(.lang) {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
        row-gap: 1.2rem;
        margin: 1.2rem 0 3.2rem 0;
    }
    #navigation nav:not(.lang) a {
        display: block;
        text-align: left;
        width: 100%;
        margin: 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #4E4E4E;
        -webkit-border-radius: 0rem;
        -moz-border-radius: 0rem;
        -o-border-radius: 0rem;
        border-radius: 0rem;
        padding:  0 0 0.6rem 0;
        font-weight: 500;
    }
    #navigation nav:not(.lang) a:first-of-type {
        margin-top: 0;
    }
    #navigation .lang {
        float: none;
        margin: 1.8rem 0 0 0;
    }
    #navigation .lang a {
        color: #4E4E4E;
        font-weight: 500;
    }
    #navigation {
        border-top: 0;
    }
    #search {
        float: none;
        width: 100%;
    }
    #search form {
        display: flex;
        justify-content: flex-start;
        align-items: stretch;
        margin-top: 3.2rem;
    }
    #search input {
        margin-left: 0;
        width: 100%;
        max-width: 34rem;
    }
    #search .button {
        display: none;
    }
    #header .wrapper {
        padding: 1.2rem 3.2rem;
    }
    #logo {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: nowrap;
        width: 100%;
    }
    #logo a {
        grid-area: logo;
    }
    #logo_main {
        height: 2rem;
    }
    #logo_dreport {
        height: 2.6rem;
    }
    #menu-toggle {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 2.4rem;
        height: 2.4rem;
        background: #fff;
        cursor: pointer;
    }
    #menu-toggle span {
        position: relative;
        opacity: 0.4;
    }
    #menu-toggle span,
    #menu-toggle span:before,
    #menu-toggle span:after {
        width: inherit;
        height: 0.3rem;
        background: #000;
        -webkit-transition: 0.3s all ease-in-out;
        -moz-transition: 0.3s all ease-in-out;
        -o-transition: 0.3s all ease-in-out;
        transition: 0.3s all ease-in-out;
    }
    #menu-toggle span:before,
    #menu-toggle span:after {
        content: "";
        position: absolute;
        left: 0;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    #menu-toggle span:before {
        top: -0.8rem;
    }
    #menu-toggle span:after {
        bottom: -0.8rem;
    }
    #header.is-open #menu-toggle span {
        background: #fff;
        opacity: 0.7;
    }
    #header.is-open #menu-toggle span:after {
        bottom: 0;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }
    #header.is-open #menu-toggle span:before {
        top: 0;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #navigation .wrapper {
        padding-top: 0;
    }
    #search,
    #navigation {
        display: none;
    }
    .is-open #search,
    .is-open #navigation {
        display: block;
    }
    #header.is-open {
        min-height: 100vh;
    }
    .content__text ul li, .content__text ol li {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
    .content blockquote h2 {
        line-height: 1.8rem;
        line-height: 2.8rem;
    }
    .promo_post-wrapper {
        grid-template-columns: 1fr 270px;
    }
    .content__quote .quote-text {
        font-size: 2rem;
        line-height: 3.2rem;
    }
}
@media only screen and (max-width: 768px) {
    h1.main-title {
        font-size: 2rem;
        line-height: 3.3rem;
        margin: -1.4rem 0;
    }
    #featured main {
        width: 100%;
    }
    #featured main .main {
        width: calc(100% - 1.8rem);
        padding-right: 1.8rem;
        flex-direction: column;
    }
    #featured .wrapper {
        display: grid;
        grid-template-columns: 60% 40%;
    }
    #featured .post-main-aside {
        max-width: 100%;
        padding: 2.4rem 1.8rem;
    }
    .webcast-promos-wrapper {
        flex-direction: column-reverse;
        column-gap: 0;
        row-gap: 2.4rem;
    }
    #category-highlights ul {
        grid-template-columns: 1fr;
        column-gap: 0;
        row-gap: 2.4rem;
    }
    #category-highlights ul li {
        max-width: 60rem;
        margin: 0 auto;
    }
    #category-highlights article {
        display: flex;
        justify-content: stretch;
        align-items: stretch;
    }
    #category-highlights .post .promo-image {
        width: 14rem;
        height: 14rem;
        flex-shrink: 0;
    }
    #category-highlights .post .text-box {
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .post.main .image {
        min-height: 21rem;
    }
    #featured aside {
       width: 100%; 
    }
    .post--featured .post__image {
        height: 20rem;
    }
    .post__meta {
        flex-wrap: wrap;
    }
    .post__meta-wrap {
        margin-bottom: 1rem;
    }
    .post__meta-wrap:last-of-type {
        margin-left: 0;
        padding-left: 0;
    }
    .category_intro {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        row-gap: 2.4rem;
    }
    .category_intro .post--mini h2 {
        margin-top: 1.6rem;
    }
    .fancybox-thumbs {
        width: 110px;
    }
    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }
    .fancybox-thumbs > ul > li {
        max-width: calc(100% - 10px);
    }
    .gallery {
        flex-wrap: wrap;
    }
    .search__input {
        margin-left: 0;
    }
    .post.content__intro .post__image {
        height: 30rem;
    }
    .content-wrapper {
        padding: 0;
        margin-top: 0.8rem;
    }
    .social .icon {
        width: 4.3rem;
        height: 4.3rem;
    }
    .promo_post-wrapper {
        grid-template-columns: 1fr 330px;
    }
    .content_videoembed {
        padding: 1.2rem;
        margin-left: -1.2rem;
        margin-right: -1.2rem;
    }
    .content_videoembed > h3 {
        font-size: 1.4rem;
        line-height: 1.3;
    }
    .content_videoembed > p {
        font-size: 1.2rem;
        line-height: 1.5;
    }
    .webcast-video-wrapper {
        padding-top: 52.65%;
    }
}
@media only screen and (max-width: 648px) {
    .wrapper {
        padding: 3.2rem 1.8rem;
    }
    .container {
        padding: 1.6rem 0;
        margin: 0 1.8rem;
    }
    .category_title {
        padding: 3.2rem 0;
    }
    #header .wrapper {
        padding: 1.2rem 1.8rem;
    }
    #featured main .main,
    #featured main{
        width: 100%;
        margin: 0;
        padding: 0;
    }
    #featured .post.main .perex {
        display: none;
    }
    #featured .post-main-aside a .read-more {
        margin-top: 0.8rem;
    }
    .post.main .image {
        min-height: 255px;
    }
    #featured .post-secondary-wrapper .image {
        width: 9.2rem;
        min-height: 9.2rem;
        max-height: 9.2rem;
        flex-shrink: 0;
    }
    #featured .wrapper {
        grid-template-columns: 100%;
        column-gap: 0;
        row-gap: 3.2rem;
        padding-left: 0;
        padding-right: 0;
    }
    #featured .secondary {
        padding: 0 1.8rem;
    }
    #featured .post .post-secondary-wrapper {
        display: flex;
        flex-direction: row-reverse;
        justify-content: flex-end;
        align-items: flex-start;
    }
    .topic-page-banner {
        display: none;
    }
    .footer-navigation nav ul li {
        padding-right: 1.8rem;
    }
    .footer-navigation nav ul li:last-child {
        padding-right: 0;
    }
    .footer-navigation nav ul li:not(:first-child) {
        padding-left: 1.8rem;
    }
    .footer-navigation nav ul li a {
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .social .icon {
        width: 5rem;
        height: 5rem;
    }
    #posts-container.posts-grid-landing .post:nth-child(-n + 2),
    #posts-container.posts-grid-landing .post:nth-child(n + 3) {
        grid-column: span 6;
    }
    .tagcloud {
        margin-top: 0;
    }
    #posts-container.posts-grid-related {
        grid-template-columns: 100%;
        column-gap: 0;
    }
    #posts-container.posts-grid-related .post {
        padding: 3.2rem 0;
    }
    #posts-container.posts-grid-related .post:first-child {
        padding-top: 0;
    }
    #posts-container.posts-grid-related .post:not(:first-child) {
        border-top: 1px solid rgba(0,0,0,0.1);
    }
    #posts-container.posts-grid-related .post .perex {
        display: block;
    }
    #posts-container.posts-grid-related .post .image {
        width: 100%;
        height: 17rem;
    }
    .footer-bottom {
        padding: 3.2rem 1.8rem !important;
    }
    .promo_post-wrapper {
        display: flex;
        flex-direction: column-reverse;
        column-gap: 0;
    }
    .promo_post-wrapper .post_promo-thumb {
        height: 17rem;
    }
    .webcast-video-wrapper {
        height: 260px;
    }
    blockquote.aside {
        margin-left: 1.2rem;
        font-size: 1.2rem;
        line-height: 1.5em;
        max-width: 24ch;
    }
    blockquote.aside strong {
        font-size: 1.4rem;
        line-height: 1.5em;
        margin: 0 0 1.2rem 0;
    }
}

@media only screen and (max-width: 460px) {

    #featured .post-main-aside {
        padding: 1.8rem 1.8rem;
    }
    .post.content__intro .post__image {
        height: 22rem;
    }
    .post.main .image {
        min-height: 18rem;
    }
    .wrapper {
        padding: 3.2rem 1.2rem;
    }
    .webcast-component {
        padding: 1.8rem 1.2rem;
    }
    #logo_main {
        height: 2rem;
        padding-right: 0.5rem;
    }
    #logo_dreport {
        height: 2.6rem;
    }
    #header .wrapper {
        text-align: center;
        padding: 0.8rem 1.2rem;
    }
    #navigation .wrapper {
        padding-bottom: 1.2rem;
    }
    #navigation nav {
        display: inline-block;
        vertical-align: bottom;
        line-height: 200%;
        float: none;
    }
    #navigation a:first-of-type,
    #navigation a:last-of-type {
        margin: 0 1.1rem;
    }
    #search input {
        max-width: 100%;
    }
    #category-highlights article {
        flex-direction: column;
    }
    .posts-grid-category .post {
        grid-template-columns: 100%;
        grid-template-areas: 
        "image"
        "text"
        "footer";
        column-gap: 0;
    }
    .webcast-video-wrapper {
        height: 200px;
    }
#posts-container.posts-grid-landing .post:nth-child(5n + 1) .image,
#posts-container.posts-grid-landing .post:nth-child(5n + 2) .image {
    min-height: 180px;
}
    .posts-grid-category .post h2 {
        margin-top: 1.2rem;
    }
    .footer-navigation nav ul {
        width: 100%;
    }
    .footer-navigation nav ul li {
        padding: 0;
        display: block;
        margin: 0;
        text-align: center;
    }
    .footer-navigation nav ul li:not(:first-child) {
        border-left: none;
        padding-left: 0;
        margin-top: 1.2rem;
    }
    .category-intro-navigation .wrapper {
        grid-template-columns: 100%;
    }
    .category-intro-navigation .category-box {
        border: none !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    .category-intro-navigation .category-box:not(:first-child) {
        border-top: 1px solid rgba(0,0,0,0.05) !important;
    }
    .category_intro__featured .image {
        height: 24rem;
    }
    #category-highlights article {
        flex-direction: column;
    }
    #category-highlights .post .promo-image {
        display: block;
        width: 100%;
        height: 180px;
    }
    .content blockquote {
        padding: 2.4rem 1.8rem;
    }
    .promo_post-text {
        padding: 1.2rem;
    }
    .promo_post h4 {
        font-size: 1.4rem;
        font-weight: 600;
        margin: 0.3rem 0 0.8rem 0;
    }
    .promo_post .promo_post-category {
        font-size: 1.2rem;
        line-height: 2.2rem;
    }
    .promo_post-wrapper .post_promo-thumb {
        height: 160px;
    }
    .promo_post .read-more {
        font-weight: 600;
    }
    .content__quote .quote-text {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }


}