/* #region - reset */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

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

body {
    line-height: 1;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

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

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

/* #endregion */
/* #region - global */

*,
*::before,
*::after {
    box-sizing: border-box;
}

:root {
    /* colors */
    --c-black: #000000;
    --c-baltic-sea: #1A181B;
    --c-dove-gray: #666;
    --c-nobel: #B4B4B4;
    --c-mercury: #E6E6E6;
    --c-wild-sand: #F6F6F6;
    --c-white: #FFFFFF;
    --c-blue-stone: #006269;
    --c-surfie-green: #118578;
    --c-teal: #00837B;
    --c-turquoise: #3CDBC0;
    --c-orient: #008578;
    --c-cerulean: #78d64b;
    --c-claret: #8A1539;
    --c-salmon: #FF8674;
    --c-bright-red: #B50000;
    --c-bizarre: #EFDFDF;
    --c-swans-down: #DFEFEA;
    --dark-grey : #6d6e70;
    /* width */
    --w-max-l: 120rem;
    --w-max: 100rem;
    --w-max-m: 90rem;
    --w-max-s: 80rem;
    --w-max-xs: 70rem;
    --w-max-xxs: 60rem;
    /* font-size: 1.250 scale */
    --fs-xl: 4.768rem;
    --fs-l: 3.815rem;
    --fs-h1: 3.052rem;
    --fs-h2: 2.441rem;
    --fs-h3: 1.953rem;
    --fs-h4: 1.563rem;
    --fs-h5: 1.25rem;
    --fs-body: 1rem;
    --fs-s: .8rem;
    --fs-xs: .64rem;
    /* line-height */
    --lh-reset: 1;
    --lh-s: 1.25;
    --lh-m: 1.5;
    --lh-l: 1.75;
    /* easing */
    --e-fast-out-slow-in: cubic-bezier(.4, 0, .2, 1);
    /* header */
    --hd-height: 8rem;
    --hd-logo: calc(var(--hd-height) - 1rem - 2.5rem);
    /* plyr */
    --plyr-color-main: var(--c-turquoise);
    --plyr-font-size-large: 1.2rem;
    --plyr-font-size-base: 1rem;
}

@media screen and (max-width: 60em) {

    :root {
        /* font-size: 1.200 scale */
        --fs-xl: 3.583rem;
        --fs-l: 2.986rem;
        --fs-h1: 2.488rem;
        --fs-h2: 2.074rem;
        --fs-h3: 1.728rem;
        --fs-h4: 1.44rem;
        --fs-h5: 1.2rem;
        --fs-s: .833rem;
        --fs-xs: .694rem;
    }

}

@media screen and (max-width: 40em) {

    :root {
        /* font-size: 1.125 scale */
        --fs-xl: 2.281rem;
        --fs-l: 2.027rem;
        --fs-h1: 1.802rem;
        --fs-h2: 1.602rem;
        --fs-h3: 1.424rem;
        --fs-h4: 1.266rem;
        --fs-h5: 1.125rem;
        --fs-s: .889rem;
        --fs-xs: .79rem;
    }

}

body {
    font-family: 'Cabin', sans-serif;
    font-size: var(--fs-body);
    font-weight: 400;
    line-height: var(--lh-l);
    color: var(--c-black);
    background-color: var(--c-white);
    height: 100vh;
    display: flex;
    flex-direction: column;
}

/* Hide content first for ie10 and above */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    body {
        visibility: hidden;
    }

    .js-cssvars-loaded {
        visibility: visible;
    }

    .page--is-resizing {
        visibility: hidden;
    }

}

/* all */

* {
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

*:focus {
    z-index: 1;
}

.is-ie * {
    min-height: 1px;
}

/**/

strong {
    font-weight: 700;
}

em {
    font-style: italic;
}

sup {
    font-size: small;
    vertical-align: super;
}

sub {
    font-size: small;
    vertical-align: sub;
}

/* links */

a {
    color: var(--dark-grey);
    text-decoration: underline;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, background, border, opacity;
}

a,
span {
    text-decoration-thickness: 1px;
    text-underline-offset: 2px;
}

a:hover {
    text-decoration: underline;
}

[data-item-href] {
    cursor: pointer;
}

/* input */

input,
textarea,
select,
button {
    font-family: inherit;
    font-size: inherit;
    line-height: var(--lh-m);
    color: inherit;
    background-color: transparent;
    border: 1px solid var(--c-black);
    border-radius: 5px;
    padding: .5rem;
    -webkit-appearance: none;
    -webkit-tap-highlight-color: transparent;
}

.is-ie input,
.is-ie textarea,
.is-ie select,
.is-ie button {
    line-height: 1;
}

::placeholder {
    color: rgba(0, 0, 0, .3);
}

:-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
}

:-moz-focusring {
    outline: 2px dotted;
}

.is-ios input[type='date'],
.is-ios input::-webkit-date-and-time-value {
    text-align: left;
    height: calc(var(--lh-m) * 1em + 1em + 2px);
}

/* media */

img,
video,
iframe,
svg {
    display: block;
}

img,
video {
    max-width: 100%;
    width: auto;
    height: auto;
}

img[data-object-fit],
video[data-object-fit] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    font-family: 'object-fit: cover';
}

img[data-object-fit='contain'],
video[data-object-fit='contain'] {
    object-fit: contain;
    font-family: 'object-fit: contain';
}

.video {
    background-color: var(--c-black);
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
}

.video>* {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.inline-svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.is-ie .object-fit-polyfill {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

[class*='__background'] {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

[class*='__background'] picture,
.is-ie [class*='__background'] picture {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%);
}

[class*='__background']~* {
    position: relative;
}

/* no image */

.has-no-image:before {
    content: '\f1c5';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-l);
    font-weight: 100;
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* modifiers */

.is-fullwidth {
    position: relative;
    left: 50%;
    right: 50%;
    width: 100vw;
    margin-left: -50vw;
    margin-right: -50vw;
}

.is-fullheight {
    min-height: calc(100vh - var(--hd-height));
    display: flex;
    flex-direction: column;
    flex: 1 0 auto;
}

.is-overflow-left,
.is-overflow-right {
    position: relative;
}

.v-hidden,
.visually-hidden {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
}

/* container */

[class*='__container'] {
    max-width: var(--w-max-m);
    width: 100%;
    padding: 3rem 4.5rem;
    margin: auto;
}

[class*='__row'] {
    margin: -1.5rem -2.25rem;
    display: flex;
    flex-wrap: wrap;
}

[class*='__col'] {
    margin: 1.5rem 2.25rem;
    flex: 1 1 20rem;
}

@media screen and (max-width: 90em) {

    [class*='__container'] {
        padding: 3rem;
    }

    [class*='__row'] {
        margin: -1.5rem;
    }

    [class*='__col'] {
        margin: 1.5rem;
    }

}

@media screen and (max-width: 40em) {

    [class*='__container'] {
        padding: 2rem 1.5rem;
    }

    [class*='__row'] {
        margin: -1rem -.75rem;
    }

    [class*='__col'] {
        margin: 1rem .75rem;
    }

}

/* sections */

.page__header {
    background-color: var(--c-white);
    border-bottom: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: var(--hd-height);
    padding: 0;
    z-index: 99;
    transform: translate3d(0, 0, 0);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: background-color, height;
    transition: none;
}

.page__main {
    padding-top: var(--hd-height);
    overflow: hidden;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    flex: 1 0 auto;
}

.page__footer {
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 0 0 auto;
}

/* buttons */

.button {
    font-weight: 700;
    line-height: var(--lh-s);
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-turquoise);
    position: relative;
    padding: .5rem 1rem;
    margin: 0;
    display: table;
    transition: all .2s ease-out;
    transition-property: color, background, opacity;
    cursor: pointer;
}

.button:hover {
    text-decoration: none;
    color: var(--c-white);
    background-color: var(--c-cerulean);
}

/* #endregion */
/* #region - header */

.header__desktop,
.header__mobile {
    height: 100%;
}

.header__primary,
.header__secondary {
    position: relative;
    max-width: var(--w-max-l);
    width: 100%;
    padding: 0 4.5rem;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__primary>*:nth-child(1),
.header__primary>*:nth-child(3) {
    flex: 0 0 12rem;
}

.header__primary>*:nth-child(2) {
    flex: 0 0 auto;
}

.header__logo-link {
    position: relative;
    height: var(--hd-logo);
    display: block;
}

.header__logo-image--primary,
.header__logo-image--secondary {
    height: 100%;
}

.header__logo-image--primary {
    display: block;
}

.header__logo-image--secondary {
    display: none;
}

.header__secondary,
.header__secondary:before {
    background-color: var(--c-surfie-green);
}

.header__secondary {
    color: var(--c-white);
    height: 2.5rem;
    margin: 0 auto;
}

.header__secondary:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    right: 50%;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    margin-right: -50vw;
    z-index: -1;
}

.header__secondary a {
    color: inherit;
}

.header__secondary a:hover {
    text-decoration: none;
}

.header__secondary a:hover,
.header__secondary input[type='submit']:hover {
    color: inherit;
    opacity: .8;
}

@media screen and (max-width: 90em) {

    .header__primary,
    .header__secondary {
        padding-left: 3rem;
        padding-right: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .header__primary,
    .header__secondary {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }

}

.header__sns {
    margin-right: auto;
}

.is-ie .header__cta-button {
    max-width: 12rem;
    display: block;
}

/* header desktop - nav */

.header__desktop {
    display: flex;
    flex-direction: column;
}

.header__desktop .nav__list {
    margin: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header__desktop .nav__list>.nav__item {
    position: relative;
    margin: 0 .5rem;
}

.header__desktop .nav__list>.nav__item>.nav__link {
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
}

.header__desktop .nav__list>.nav__item>.nav__link:hover {
    text-decoration: none;
    color: #fd8477;
}

.header__desktop .nav__list>.nav__item--is-current>.nav__link,
.header__desktop .nav__list>.nav__item--child-is-current>.nav__link {
    color: var(--c-white);
    background-color: #fd8477;
}

.header__desktop .nav__list>.nav__item--is-current>.nav__link:hover,
.header__desktop .nav__list>.nav__item--child-is-current>.nav__link:hover {
    color: var(--c-white);
}

.header__desktop .nav__list>.nav__item--has-children>.nav__link:after {
    content: '\f107';
    font-family: 'Font Awesome 6 Pro';
    font-size: .8em;
    margin-left: .5rem;
}

.header__desktop .nav__sublist {
    white-space: nowrap;
    color: inherit;
    background-color: var(--c-white);
    border: 0;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 100%;
    padding: .25rem 0;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    pointer-events: none;
}

.header__desktop .nav__item:hover>.nav__sublist,
.header__desktop .nav__link:hover~.nav__sublist,
.header__desktop .nav__link[aria-expanded='true']~.nav__sublist {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
    transition: all .4s var(--e-fast-out-slow-in);
    transition-property: opacity, transform;
    pointer-events: all;
}

.header__desktop .nav__sublist .nav__item {
    position: relative;
}

.header__desktop .nav__sublist .nav__link {
    color: inherit;
    padding: .5rem 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header__desktop .nav__sublist .nav__link:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.header__desktop .nav__sublist .nav__item--has-children>.nav__link:after {
    content: '\f105';
    font-family: 'Font Awesome 6 Pro';
    font-size: .8em;
    margin-left: .5rem;
}

.header__desktop .nav__sublist .nav__sublist {
    top: -.25rem;
    left: 100%;
    min-width: 100%;
    z-index: -1;
    transform: translateX(-1rem);
}

/* heder mobile */

.header__mobile {
    display: none;
}

@media screen and (max-width: 90em) {

    .header__desktop {
        display: none;
    }

    .header__mobile {
        display: flex;
        flex-direction: column;
    }

}

.header__toggle {
    position: relative;
    width: 1.5rem;
    height: 1rem;
    margin-left: auto;
    z-index: 2;
}

.header__toggle[aria-expanded='true'] {
    pointer-events: all;
}

.header__toggle span {
    background-color: var(--c-black);
    border-radius: 2px;
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    transform: rotate(0deg);
    transition: .3s var(--e-fast-out-slow-in);
    pointer-events: none;
}

.header__toggle span:nth-child(1) {
    top: 0;
}

.header__toggle span:nth-child(2),
.header__toggle span:nth-child(3) {
    top: .45rem;
}

.header__toggle span:nth-child(4) {
    top: .9rem;
}

.header__toggle[aria-expanded='true'] span {
    background-color: var(--c-black);
}

.header__toggle[aria-expanded='true'] span:nth-child(1),
.header__toggle[aria-expanded='true'] span:nth-child(4) {
    top: .45rem;
    left: 50%;
    width: 0;
}

.header__toggle[aria-expanded='true'] span:nth-child(2) {
    transform: rotate(45deg);
}

.header__toggle[aria-expanded='true'] span:nth-child(3) {
    transform: rotate(-45deg);
}

.header__toggle:hover span {
    background-color: var(--c-cerulean);
}

.header__drawer {
    font-size: var(--fs-h5);
    color: inherit;
    background-color: var(--c-white);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: fixed;
    top: var(--hd-height);
    right: 0;
    z-index: 1;
    visibility: hidden;
    pointer-events: none;
}

.header__toggle[aria-expanded='true']+.header__drawer {
    pointer-events: all;
}

.header__scroll {
    position: relative;
    max-width: 100%;
    width: 20rem;
    max-height: calc(100vh - var(--hd-height));
    padding: 1.5rem;
    overflow: auto;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
    flex: none;
}

.header__mobile .header__cta-button {
    text-align: inherit;
    max-width: none;
    width: 100%;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
}

.header__mobile .nav {
    width: 100%;
    margin-bottom: 0;
}

.header__mobile .nav__list {
    margin: -1rem 0;
}

.header__mobile .nav__link {
    padding: .75rem 1rem;
}

.header__mobile .nav__list>.nav__item {
    margin: 1rem 0;
}

.header__mobile .nav__list>.nav__item>.nav__link {
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    display: flex;
    align-items: center;
}

.header__mobile .nav__list>.nav__item>.nav__link:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.header__mobile .nav__sublist {
    margin-left: 0;
    display: none;
}

.header__mobile .nav__sublist .nav__link {
    color: inherit;
}

/* #endregion */
/* #region - footer */

.page__footer {
    color: var(--c-white);
    background-color: var(--c-blue-stone);
}

.footer__col {
    flex: 0 0 auto;
}

.footer__primary h2 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    margin-bottom: calc(1.5rem - .05em);
}

.footer__primary p:not(:last-child) {
    margin-bottom: 1.5rem;
}

.footer__primary a {
    color: inherit;
}

.footer__text {
    flex-grow: .1;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

.is-ie .footer__text {
    flex-grow: 0;
}

.footer__logo {
    max-width: 16rem;
    width: calc(10rem + 4vw);
    margin-left: auto;
    align-self: flex-end;
}

.footer__logo-link {
    width: 100%;
}
.button{
    text-decoration: none;
}

/* Inline #9 | https://www.sidra.org/events/research/pmfg/2024/?page_id=305 */

.button.download-button span::after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-download' viewBox='0 0 16 16'%3E%3Cpath d='M.5 9.9a.5.5 0 0 1 .5.5v2.5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-2.5a.5.5 0 0 1 1 0v2.5a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2v-2.5a.5.5 0 0 1 .5-.5'/%3E%3Cpath d='M7.646 11.854a.5.5 0 0 0 .708 0l3-3a.5.5 0 0 0-.708-.708L8.5 10.293V1.5a.5.5 0 0 0-1 0v8.793L5.354 8.146a.5.5 0 1 0-.708.708z'/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
    position: absolute;
  }
  
  .button.download-button  {
    display: flex;
    align-items: center;
    background-color: #006268;
  }
  .flex-column{
    flex-direction: column;
  }
  .button.download-button span{
    display: flex;
  }
  .button.download-button span::after {
    width: 20px;
    height: 20px;
    position: relative;
    background-position: center;
    background-size: cover;
    filter: invert(1);
    margin-left: 10px;
    display: block;
  }
  
.nav__link{
    text-decoration: none;
}
.footer__hr {
    border: 0;
    border-bottom: 1px solid;
    margin: 2rem 0 1rem;
}

.footer__secondary,
.footer__secondary .footer__col {
    margin-top: 0;
    margin-bottom: 0;
}

.footer__secondary {
    justify-content: space-between;
}

.footer__secondary a {
    color: inherit;
}

.footer__links {
    display: flex;
}

.footer__links>span {
    margin: 0 .5rem;
}

@media screen and (max-width: 40em) {

    .footer__row {
        flex-direction: column;
    }

    .footer__logo {
        margin-left: .75rem;
        align-self: flex-start;
        order: -1;
        display: none;
    }

}

/* #endregion */
/* #region - wysiwyg */

.wysiwyg {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.wysiwyg:after {
    content: '';
    margin-bottom: -1.5rem;
    display: block;
}

.is-ie .wysiwyg>* {
    max-width: 100%;
}

.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 {
    font-weight: 700;
    line-height: var(--lh-m);
    color: #fd8477;
    margin-bottom: calc(1.5rem - .05em);
}

.wysiwyg h1 {
    font-size: var(--fs-h1);
}

.wysiwyg h2 {
    font-size: var(--fs-h2);
}

.wysiwyg h3 {
    font-size: var(--fs-h3);
}

.wysiwyg h4 {
    font-size: var(--fs-h4);
}

.wysiwyg h5 {
    font-size: var(--fs-h5);
}

.wysiwyg h6 {
    font-size: var(--fs-body);
}

.wysiwyg p,
.wysiwyg ul,
.wysiwyg ol {
    margin-bottom: 1.5rem;
}

.wysiwyg ul,
.wysiwyg ol {
    padding-left: 1.5rem;
}

.wysiwyg ul {
    list-style-type: none;
    /* disc */
}

.wysiwyg ol {
    list-style-type: decimal;
}

.wysiwyg li>ul,
.wysiwyg li>ol {
    margin: 0;
    /* .5rem 0 */
}

.wysiwyg ul li:before {
    content: '';
    background-color: #fda28d;
    position: absolute;
    top: calc((var(--lh-l) * .5em) - .25em);
    left: -1.125em;
    width: .5em;
    height: .5em;
}


  

.wysiwyg ul ul>li:before {
    background-color: transparent;
    border: 1px solid var(--c-turquoise);
}

.wysiwyg li:last-child>ul,
.wysiwyg li:last-child>ol {
    margin-bottom: 0;
}

.wysiwyg ul>li,
.wysiwyg ol>li {
    position: relative;
    margin-bottom: 0;
    /* .5rem */
}

.wysiwyg ul>li:last-child,
.wysiwyg ol>li:last-child {
    margin-bottom: 0;
}

.wysiwyg li::marker {
    color: inherit;
}

.wysiwyg [class*='column'] {
    column-gap: 3rem;
}

.wysiwyg [class*='column-2'] {
    column-count: 2;
}

.wysiwyg [class*='column']>* {
    break-inside: avoid-column;
}

.wysiwyg .button {
    margin: .25rem 0 1.5rem;
}

.wysiwyg .button-link {
    font-weight: 700;
    color: var(--c-orient);
    margin-bottom: 1.5rem;
}

.wysiwyg p>.button,
.wysiwyg p>.button-link {
    margin-bottom: 0;
}

.wysiwyg figure {
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.wysiwyg figcaption {
    font-size: var(--fs-s);
    color: var(--c-nobel);
    margin: 1rem 0 0;
}

.wysiwyg hr {
    border-bottom: 2px solid var(--c-mercury);
    width: 100%;
    margin-top: .25rem;
    margin-bottom: 2rem;
}

.wysiwyg blockquote {
    border-left: .25em solid;
    border-color: var(--c-turquoise);
    padding-left: 1em;
    margin-top: .5rem;
    margin-bottom: 2rem;
}

.wysiwyg blockquote>*:last-child {
    margin-bottom: 0;
}

.wysiwyg blockquote cite {
    font-size: var(--fs-body);
    font-style: italic;
    text-transform: none;
}

.wysiwyg .wp-block-pullquote blockquote {
    border: 0;
    padding: 0;
    margin: 0;
}

.wysiwyg .wp-block-pullquote p {
    font-size: var(--fs-h3);
    list-style: var(--lh-s);
}

.wysiwyg pre {
    white-space: pre-wrap;
    margin-bottom: 1.5rem;
}

.wysiwyg .table-overflow {
    border: 1px solid var(--c-mercury);
    border-radius: 10px;
    max-width: calc(100vw - 3em);
    width: 100%;
    padding: 1rem;
    margin-top: .5rem;
    margin-bottom: 2rem;
    overflow-x: auto;
}

.wysiwyg table {
    width: 100%;
}

.wysiwyg thead {
    font-weight: 700;
    text-align: left;
    color: var(--c-white);
    background-color: var(--c-surfie-green);
}

.wysiwyg tfoot {
    font-weight: 700;
    text-align: left;
    color: var(--c-white);
    background-color: var(--c-blue-stone);
}

.wysiwyg tr:nth-child(even) {
    background-color: var(--c-wild-sand);
}

.wysiwyg th,
.wysiwyg td {
    border: 0;
    padding: .75rem 1rem;
}

.wysiwyg table ul,
.wysiwyg table ol,
.wysiwyg table li {
    margin: 0;
}

.wysiwyg .wp-block-table {
    width: 100%;
}

.wysiwyg .wp-block-table>.table-overflow {
    margin: 0;
}

@media screen and (max-width: 40em) {

    .wysiwyg [class*='column'] {
        column-count: 1;
    }

}

/**/

.modal .wysiwyg>a:last-child {
    color: var(--c-nobel);
    font-style: italic;
    text-decoration: underline;
}

.modal .wysiwyg>a:last-child:hover {
    color: var(--c-salmon);
}

/* #endregion */
/* #region - select & file */

.select {
    position: relative;
}

.select:after {
    content: '\f078';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    font-size: 1em;
    line-height: 1;
    position: absolute;
    top: 0;
    right: .5rem;
    height: 100%;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    pointer-events: none;
}

.select>select {
    background-color: transparent;
    border: 1px solid;
    width: 100%;
    padding: .5rem 1.75rem .5rem .5rem;
}

.is-ie .select>select::-ms-expand {
    opacity: 0;
}

/* file */

.file {
    position: relative;
    cursor: pointer;
}

.file .file__upload {
    position: absolute;
    top: 2px;
    left: 2px;
    width: calc(100% - 4px);
    height: calc(100% - 4px);
    display: flex;
}

.file .file__name {
    color: rgba(0, 0, 0, .3);
    background-color: var(--c-wild-sand);
    padding: 0 .5rem;
    max-height: calc(var(--lh-m) * 1.25em);
    overflow: hidden;
    margin: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    flex: 1 1 auto;
}

.is-ie .file .file__name {
    white-space: nowrap;
    max-height: none;
    display: flex;
    align-items: center;
}

.file.has-file .file__name {
    color: inherit;
}

.file .file__button {
    font-weight: 700;
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-black);
    padding: .5rem 1rem;
    margin: -1px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 10rem;
    transition: background .3s var(--e-fast-out-slow-in);
}

.file .file__button:hover {
    background-color: var(--c-cerulean);
}

/* #endregion */
/* #region - plyr */

.plyr [class*='__container'] {
    max-width: none;
    width: auto;
    padding: 0;
}

.plyr>.plyr__control {
    transform: translate(-50%, -50%) scale(1.5);
}

@media screen and (max-width: 60em) {

    .plyr>.plyr__control {
        transform: translate(-50%, -50%);
    }

}

/* #endregion */
/* #region - swiper & lightbox */

.swiper {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 1 0 auto;
}

.swiper-container {
    max-width: 100%;
    width: 100%;
}

.swiper-slide {
    background-size: cover;
    background-position: center;
    height: auto;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.swiper-lazy {
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.swiper-lazy-loaded {
    opacity: 1;
}

.swiper-lazy-preloader {
    border: none;
    border-radius: 0;
    position: absolute;
    width: auto;
    height: auto;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: none;
}

.swiper-lazy-preloader:before {
    content: '\e1d4';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-h2);
    font-weight: 300;
    line-height: 1;
    color: var(--c-turquoise);
    width: 1em;
    height: 1em;
    margin: -.5em;
    animation: loading 1.2s linear infinite;
}

.swiper-navigation {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transform: translate(-50%, -50%);
    pointer-events: none;
}

.swiper-navigation .swiper-button-prev,
.swiper-navigation .swiper-button-next {
    font-size: var(--fs-h4);
    font-weight: 300;
    line-height: 0;
    color: var(--c-white);
    background: transparent;
    position: relative;
    top: auto;
    left: auto;
    right: auto;
    width: 1em;
    height: 1em;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: background, color, opacity;
    cursor: pointer;
    pointer-events: all;
}

.swiper-container-rtl~.swiper-navigation .swiper-button-prev,
.swiper-container-rtl~.swiper-navigation .swiper-button-next {
    transform: scaleX(-1);
}

.swiper-navigation .swiper-button-prev:hover,
.swiper-navigation .swiper-button-next:hover {
    color: var(--c-cerulean);
}

.swiper-navigation .swiper-button-prev:before,
.swiper-navigation .swiper-button-next:before {
    content: '\f138';
    font-family: 'Font Awesome 6 Pro';
}

.swiper-navigation .swiper-button-prev:before {
    content: '\f137';
}

.swiper-navigation .swiper-button-prev:after,
.swiper-navigation .swiper-button-next:after {
    display: none;
}

.swiper-navigation .swiper-button-prev.swiper-button-disabled,
.swiper-navigation .swiper-button-next.swiper-button-disabled {
    opacity: .25;
    pointer-events: none;
}

.swiper-pagination {
    position: relative;
    width: 100%;
    padding: 0 3rem;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination .swiper-pagination-bullet {
    background-color: var(--c-white);
    border: 0;
    border-radius: 50%;
    width: .8em;
    height: .8em;
    margin: 0 1.2em;
    opacity: .5;
    transition: all .3s var(--e-fast-out-slow-in);
}

.swiper-pagination .swiper-pagination-bullet-active {
    opacity: 1;
    border-radius: 10px;
    width: 2em;
}

.swiper-button-lock,
.swiper-pagination-lock {
    display: none;
}

/* swiper lightbox */

.lb--is-active {
    overflow: hidden;
}

.lb__link>.lb__item {
    display: none;
}

.lb__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
}

.lb {
    color: var(--c-white);
    background-color: rgba(0, 0, 0, .8);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
    display: none;
    flex-direction: column;
}

.lb--is-opened {
    display: flex;
}

.lb__close,
.lb .swiper-navigation .swiper-button-prev,
.lb .swiper-navigation .swiper-button-next {
    font-size: var(--fs-h3);
    font-weight: 300;
    line-height: 0;
    color: var(--c-white);
    background: transparent;
    border-radius: 0;
    position: relative;
    top: auto;
    left: auto;
    width: 1.25em;
    height: 1.25em;
    margin: .5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    transition: all .4s var(--e-fast-out-slow-in);
    transition-property: background, color, opacity;
    cursor: pointer;
}

.lb__close:hover,
.lb .swiper-navigation .swiper-button-prev:hover,
.lb .swiper-navigation .swiper-button-next:hover {
    color: var(--c-turquoise);
    text-decoration: none;
}

.lb .swiper-navigation .swiper-button-prev.swiper-button-disabled,
.lb .swiper-navigation .swiper-button-next.swiper-button-disabled {
    opacity: 0;
}

.lb__close {
    position: absolute;
    top: 0;
    right: 0;
}

.lb__close:before,
.lb .swiper-navigation .swiper-button-prev:before,
.lb .swiper-navigation .swiper-button-next:before {
    font-family: 'Font Awesome 6 Pro';
    margin: 0;
    transition: transform .4s ease;
}

.lb__close:before {
    content: '\f00d';
}

.lb .swiper-navigation .swiper-button-prev:before {
    content: '\f104';
}

.lb .swiper-navigation .swiper-button-next:before {
    content: '\f105';
}

.lb .swiper-navigation .swiper-button-lock {
    opacity: 0;
    transition: none;
}

.lb__swiper .swiper-slide {
    padding: 3rem;
    align-items: center;
    justify-content: center;
}

.lb .swiper-pagination {
    position: absolute;
    bottom: 0;
    left: 0;
    margin: 1.5rem 0;
}

.lb__item-image,
.lb__item-html5,
.lb__item-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0;
    margin: auto;
}

.lb__item-image {
    max-width: calc(80vw - 3rem);
    width: 100%;
    max-height: calc(80vh - 3rem);
    height: 100%;
}

.lb__item-image picture {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.lb__item-image img {
    max-width: 100%;
    width: auto;
    max-height: 100%;
    height: auto;
    padding: 0;
    margin: auto;
    flex: 0 0 auto;
}

.lb__item-image figcaption {
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 1.5rem;
    display: flex;
    justify-content: center;
}

.lb__item-image figcaption>span {
    background-color: rgba(255, 255, 255, .9);
    max-width: var(--w-max-xxs);
    padding: .5rem 1rem;
}

.lb__item-html5,
.lb__item-embed {
    max-width: calc(16 / 9 * (80vh - 3rem));
    width: calc(100vw - 3rem);
    max-height: calc(80vh - 3rem);
    height: calc(9 / 16 * (100vw - 3rem));
}

.lb__item-embed iframe {
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 40em) {

    .lb__item-image {
        max-width: calc(100vw - 3rem);
        max-height: calc(100vh - 3rem);
    }

}

/* #endregion */
/* #region - bootstrap modal */

.modal--is-open {
    overflow: hidden;
}

.modal--is-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal {
    background-color: rgba(0, 0, 0, .5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}

.modal.fade {
    transition: opacity .15s ease;
}

.modal.fade:not(.show) {
    opacity: 0;
}

.modal__dialog {
    padding: 3rem 4.5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.modal__content {
    color: var(--c-black);
    background-color: var(--c-white);
    border-radius: 10px;
    position: relative;
    max-width: var(--w-max-xs);
    width: 100%;
    transform: translateY(-5rem);
    transition: transform .3s ease-out;
}

.modal.show .modal__content {
    transform: translateY(0);
}

.modal__close {
    font-size: var(--fs-h5);
    color: inherit;
    position: absolute;
    top: 1rem;
    right: 1rem;
    width: 1em;
    height: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.modal__close:hover {
    text-decoration: none;
    color: var(--c-cerulean);
}

.modal__body {
    max-height: 80vh;
    padding: 3rem;
    overflow: auto;
    justify-content: flex-start;
}

.modal__body.wysiwyg:after {
    display: none;
}

.modal__body.wysiwyg>*:last-child{
    margin-bottom: 0;
}

@media screen and (max-width: 90em) {

    .modal__dialog {
        padding-left: 3rem;
        padding-right: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .modal__dialog {
        padding: 2rem 1.5rem;
    }

    .modal__body {
        padding-left: 2rem;
        padding-right: 2rem;
    }

}

/* #endregion */
/* #region - bootstrap tab */

.tab__list {
    padding-top: 3px;
    margin-top: -3px;
    overflow-x: auto;
    display: flex;
}

.tab__list.is-scroll:after {
    content: '';
    background: rgb(230, 230, 230);
    background: linear-gradient(90deg, rgba(230, 230, 230, 0) 0%, rgba(255, 255, 255, 1) 100%);
    position: absolute;
    top: 0;
    right: 0;
    width: 20%;
    height: calc(var(--fs-h5) * var(--lh-s) + 1.5rem);
    visibility: visible;
    opacity: 1;
    transition: all .3s ease;
    transition-property: opacity, visibility;
}

.tab__list.is-scroll-end:after {
    visibility: hidden;
    opacity: 0;
}

.tab__link {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    white-space: nowrap;
    text-align: center;
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: relative;
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
}

.tab__list.fit-container .tab__link {
    flex: 1 0 auto;
}

.tab__link:not(:last-child) {
    border-right: 1px solid rgba(0, 0, 0, .1);
}

.tab__link.active,
.tab__link:hover {
    color: var(--c-turquoise);
    background-color: var(--c-white);
}

.tab__link:hover {
    text-decoration: none;
}

.tab__link:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.tab__link.active:before,
.tab__link:hover:before {
    opacity: 1;
}

.tab__contents {
    background-color: var(--c-white);
}

.tab__content {
    display: none;
}

.tab__content.active {
    display: block;
}

.tab__content.fade {
    transition: opacity .15s ease;
}

.tab__content.fade:not(.show) {
    opacity: 0;
}

.tab__wrapper {
    padding: 3rem;
}

@media screen and (max-width: 40em) {

    .tab__wrapper {
        padding: 2rem 1.5rem;
    }

}

/* #endregion */
/* #region - bootstrap collapse/accordion */

.collapse:not(.show) {
    display: none;
}

.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    transition: height .35s ease;
}

/**/

.accordion__items {
    display: flex;
    flex-direction: column;
}

.accordion__item {
    background-color: var(--c-white);
    position: relative;
    display: flex;
    flex-direction: column;
}

.accordion__item:not(:last-child) {
    margin-bottom: 3px;
}

.accordion__link {
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-nobel);
    background-color: var(--c-mercury);
    position: relative;
    padding: 1rem 2rem;
}

.accordion__link[aria-expanded='true'],
.accordion__link:hover {
    color: var(--c-turquoise);
    background-color: var(--c-white);
}

.accordion__link:hover {
    text-decoration: none;
}

.accordion__link:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    bottom: 100%;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.accordion__link[aria-expanded='true']:before,
.accordion__link:hover:before {
    opacity: 1;
}

.accordion__wrapper {
    padding: 3rem;
    flex: 1 1 auto;
}

/* expand & collapse with min height */

a.expand {
    font-weight: 700;
    color: var(--c-orient);
    position: absolute;
    bottom: .5rem;
    left: 50%;
    padding: .5rem 1rem;
    z-index: 2;
    display: flex;
    align-items: center;
    flex-direction: column;
    transform: translateX(-50%);
}

a.expand:hover {
    text-decoration: none;
}

a.expand i {
    font-size: 1.25em;
}

a.expand+.collapse {
    overflow: hidden;
}

a.expand+.collapse:not(.show) {
    max-height: 15rem;
    display: block;
}

a.expand+.collapsing {
    min-height: 15rem;
}

a.expand+.collapse:before,
a.expand+.collapsing:before {
    content: '';
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 1) 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

a.expand[aria-expanded='true']+.collapse:before,
a.expand[aria-expanded='true']+.collapsing:before {
    opacity: 0;
    pointer-events: none;
}

a.expand[aria-expanded='true']+.collapse,
a.expand[aria-expanded='true']+.collapsing {
    padding-bottom: 5rem;
}

/* #endregion */
/* #region - b: sns */

.b-sns__list {
    margin: -.5rem;
    display: flex;
}

.b-sns__item {
    margin: .5rem;
}

.b-sns__list .b-sns__item:before {
    display: none;
}

.b-sns__link {
    color: inherit;
}

.b-sns__link:hover {
    color: var(--c-cerulean);
}

/* #endregion */
/* #region - b: search */

.b-search__field::-webkit-search-decoration,
.b-search__field::-webkit-search-cancel-button,
.b-search__field::-webkit-search-results-button,
.b-search__field::-webkit-search-results-decoration {
    -webkit-appearance: none;
}

.b-search__form {
    position: relative;
}

.b-search__wrapper {
    position: relative;
    width: 100%;
}

.b-search__field {
    border: 1px solid var(--c-black);
    border-radius: 0;
    width: 100%;
    height: 100%;
    padding: .5rem 3rem .5rem .5rem;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, background, border;
    /* outline: none; */
}

.b-search__button,
.b-search__close {
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    text-align: center;
    color: inherit;
    background: none;
    border: 0;
    position: absolute;
    top: 50%;
    right: 0;
    width: 3rem;
    padding: .5rem;
    z-index: 2;
    transform: translateY(-50%);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: color, opacity;
    cursor: pointer;
}

.b-search__button:hover {
    color: var(--c-cerulean);
}

/* filter */

.b-search-filter .b-search__button {
    pointer-events: none;
}

/* toggleable */

.b-search-toggleable {
    position: relative;
}

.b-search-toggleable .b-search__form {
    position: absolute;
    top: 0;
    left: auto;
    right: -1rem;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: opacity, width;
    pointer-events: none;
}

.b-search-toggleable .b-search__toggle[aria-expanded='true']+.b-search__form {
    width: 15rem;
    opacity: 1;
    pointer-events: all;
}

.b-search-toggleable .b-search__field {
    height: auto;
    padding-left: 3rem;
}

.b-search-toggleable .b-search__button {
    left: 0;
    right: auto;
}

.b-search__toggle i {
    margin-left: .5rem;
}

/* header */

.header__secondary .b-search__field {
    background-color: var(--c-surfie-green);
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
    transition-property: none;
    outline: none;
}

.header__secondary ::placeholder {
    color: rgba(255, 255, 255, .7);
}

.header__secondary :-ms-input-placeholder {
    color: rgba(255, 255, 255, .7);
}

@media screen and (max-width: 30em) {

    .b-search {
        width: 100%;
    }

    /* header */

    .search--is-active .page__header {
        height: calc(var(--hd-height) + 2.5rem);
    }

    .search--is-active .header__secondary {
        margin-bottom: 2.5rem;
    }

    .header__secondary .b-search__toggle[aria-expanded='true'] {
        visibility: hidden;
    }

    .header__secondary .b-search__form {
        color: var(--c-black);
        background-color: var(--c-mercury);
        /* top: calc((2.5rem - 100%) / -2); */
        top: calc(2.5rem - (2.5rem - 100%) / 2);
        right: -1.5rem;
        width: 100vw;
        height: 2.5rem;
        padding: .5rem;
        transition-property: none;
    }

    .header__secondary .b-search__toggle[aria-expanded='true']+.b-search__form {
        width: 100vw;
    }

    .header__secondary .b-search__field {
        background-color: var(--c-mercury);
    }

    .header__secondary ::placeholder {
        color: rgba(0, 0, 0, .3);
    }

    .header__secondary :-ms-input-placeholder {
        color: rgba(0, 0, 0, .3);
    }

}

/* #endregion */
/* #region - b: hb */

.b-hb {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.b-hb__container {
    padding-top: 4.5rem;
    padding-bottom: 4.5rem;
}

.b-hb__container h1 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: .5rem;
}

.b-hb__container p {
    font-size: var(--fs-h3);
    line-height: var(--lh-s);
}

/* #endregion */
/* #region - b: breadcrumb */

.b-bc {
    font-weight: 700;
    width: 100%;
    margin-bottom: -1.5rem;
}

.b-bc__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.b-bc__items {
    line-height: var(--lh-m);
    display: flex;
    flex-wrap: wrap;
}

.b-bc__items>* {
    margin-right: .5rem;
}

.b-bc__items span:last-child {
    text-decoration: underline;
}

.b-bc__items a {
    color: inherit;
    display: block;
}

.b-bc__items i {
    margin-right: .5rem;
}

/* flexible content */

.b-bc~* {
    margin-bottom: -2.5rem;
}

.b-bc~*:last-child {
    margin-bottom: 2rem;
}

@media screen and (max-width: 40em) {

    .b-bc~* {
        margin-bottom: -1.5rem;
    }

    .b-bc~*:last-child {
        margin-bottom: 1rem;
    }

}

/* #endregion */
/* #region - b: post */

.b-post__header {
    font-weight: 700;
    color: var(--c-dove-gray);
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.b-post__header .b-post__title {
    max-width: 80%;
    margin-right: 1.5rem;
}

.b-post__header .b-post__gallery-count {
    position: relative;
    top: -.1rem;
    margin-bottom: 1.5rem;
    flex: 0 0 auto;
}

.b-post .b-post__meta {
    font-weight: 700;
    color: var(--c-dove-gray);
    list-style-type: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.b-post .b-post__meta li {
    padding: 0;
    margin-right: 1rem;
}

.b-post .b-post__meta li:before {
    display: none;
}

.b-post__image {
    background-color: var(--c-mercury);
    position: relative;
    width: 100%;
}

.b-post__image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.b-post__gallery {
    position: relative;
    margin: -.5rem -1rem .5rem;
    display: flex;
    align-self: stretch;
    flex-wrap: wrap;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.is-ie .b-post__gallery {
    max-width: none;
}

.b-post__gallery-item {
    border-radius: 20px;
    position: relative;
    width: calc(25% - 2rem);
    margin: 1rem;
    overflow: hidden;
}

.b-post__gallery-item:before {
    content: '\e0a0';
    font-family: 'Font Awesome 6 Pro';
    font-size: 1em;
    font-weight: 400;
    color: var(--c-white);
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 2em;
    height: 2em;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transform: scale(1.5);
    transition: all .3s var(--e-fast-out-slow-in);
    transition-property: opacity, transform;
}

.b-post__gallery-item:hover:before {
    opacity: 1;
    transform: scale(1);
}

.b-post__gallery-item:after {
    content: '';
    background: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-post__gallery-item:hover:after {
    opacity: .3;
}

.b-post__gallery-image {
    background-color: var(--c-mercury);
    position: relative;
    width: 100%;
}

.b-post .b-post__gallery-image {
    margin: 0;
}

.b-post__gallery-image:after {
    content: '';
    padding-bottom: 62.5%;
    display: block;
}

@media screen and (max-width: 60em) {

    .b-post__gallery-item {
        width: calc(50% - 2rem);
    }

}

@media screen and (max-width: 40em) {

    .b-post__gallery {
        margin: -.25rem -.75rem .75rem;
    }

    .b-post__gallery-item {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .b-post__gallery-item {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - b: archive */

.b-ap__header {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-ap__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: 0;
}

.b-ap__video {
    position: relative;
    margin-bottom: 6rem;
}

.b-ap__video .plyr--stopped .plyr__control--overlaid {
    visibility: hidden;
}

.b-ap__video .video__text {
    color: var(--c-white);
    background-color: rgba(0, 0, 0, .5);
    text-align: center;
    padding: 1.5rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    visibility: hidden;
}

.b-ap__video .plyr--stopped+.video__text {
    visibility: visible;
}

.b-ap__video .video__text h3 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    max-width: 40rem;
    margin-bottom: calc(1.5rem - .05em);
}

.b-ap__video .video__text p {
    max-width: 30rem;
    max-height: calc(var(--lh-l) * 2em);
    margin-bottom: 1.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.b-ap__video .video__text button {
    position: relative;
    top: auto;
    left: auto;
    margin-top: 1.5rem;
    display: block;
    transform: scale(1.5);
    transition-property: color, background, opacity;
}

.b-ap__articles {
    position: relative;
    margin: -1rem;
    display: flex;
    flex-wrap: wrap;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__article {
    position: relative;
    width: calc(25% - 2rem);
    margin: 1rem;
}

.b-ap__empty {
    width: calc(100% - 2rem);
    margin: 1rem;
}

.b-ap__article-title {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: .5rem;
}

.b-ap__article-title+.b-ap__article-date {
    margin-top: -.5rem;
    display: block;
}

.b-ap__article-link {
    color: inherit;
}

.b-ap__article-excerpt {
    line-height: var(--lh-m);
    max-height: calc(var(--lh-m) * 3em);
    margin-bottom: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.b-ap__article-date {
    color: var(--c-nobel);
}

.b-ap__article-media {
    position: relative;
    margin-bottom: 1rem;
}

.b-ap__article-media:after {
    content: '';
    background: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__article-media:hover:after {
    opacity: .3;
}

.b-ap__article-image {
    background-color: var(--c-mercury);
}

.b-ap__article-image:after {
    content: '';
    padding-bottom: 62.5%;
    display: block;
}

.b-ap__footer {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.b-ap__footer:not(:empty) {
    margin-top: 1.5rem;
}

.b-ap__footer .wp-pagenavi {
    position: relative;
    display: flex;
    align-items: center;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-ap__footer .wp-pagenavi>* {
    width: 2em;
    height: 2em;
    padding: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.b-ap__footer .wp-pagenavi>*:not(:last-child):not(:first-child) {
    display: none;
}

.b-ap__footer .wp-pagenavi>*:first-child {
    margin-right: .5rem;
}

.b-ap__footer .wp-pagenavi a {
    color: inherit;
}

.b-ap__footer .wp-pagenavi .previouspostslink,
.b-ap__footer .wp-pagenavi .nextpostslink {
    border: 1px solid var(--c-black);
    border-radius: 50%;
    text-decoration: none;
}

.b-ap__footer .wp-pagenavi a.previouspostslink:hover,
.b-ap__footer .wp-pagenavi a.nextpostslink:hover {
    color: var(--c-white);
    background-color: var(--c-black);
}

.b-ap__footer .wp-pagenavi .current {
    color: var(--c-orient);
}

.b-ap__footer .wp-pagenavi .disabled {
    opacity: .3;
}

.b-ap__loader {
    position: absolute;
    left: 0;
    visibility: hidden;
}

.b-ap__loader i {
    color: var(--c-orient);
    width: auto;
    height: auto;
    margin-right: .5rem;
    animation: loading 1.2s linear infinite;
}

.b-ap__container.is-loading {
    pointer-events: none;
}

.b-ap__container.is-loading .b-ap__articles,
.b-ap__container.is-loading .b-ap__footer>*:not(.b-ap__loader) {
    opacity: .5;
}

.b-ap__container.is-loading .b-ap__loader {
    visibility: visible;
}

@media screen and (max-width: 90em) {

    .b-ap__video {
        margin-bottom: 3rem;
    }

}

@media screen and (max-width: 60em) {

    .b-ap__video {
        margin-bottom: 3rem;
    }

    .b-ap__video .video__text button {
        margin-top: 0;
        transform: none;
    }

    .b-ap__article {
        width: calc(50% - 2rem);
    }

}

@media screen and (max-width: 50em) {

    .b-ap__header {
        margin-bottom: 3rem;
        align-items: flex-start;
        flex-direction: column;
    }

    .b-ap__title {
        margin-bottom: calc(1.5rem - .05em);
    }

}

@media screen and (max-width: 40em) {

    .b-ap__video .plyr--stopped .plyr__control--overlaid {
        visibility: visible;
    }

    .b-ap__video .plyr--stopped+.video__text {
        visibility: hidden;
    }

    .b-ap__articles {
        margin: -.75rem;
    }

    .b-ap__article {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .b-ap__article {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - home */

.h-hb {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    min-height: calc(100vh - var(--hd-height));
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.h-hb__container h1 {
    font-size: var(--fs-l);
    font-weight: 700;
    line-height: var(--lh-reset);
    max-width: 12em;
    margin-bottom: 1rem;
}

.h-hb__container p {
    font-size: var(--fs-h3);
    line-height: var(--lh-s);
}

.h-cc {
    background: rgb(0, 85, 135);
    background: radial-gradient(circle, rgba(0, 85, 135, .85) 0%, rgba(0, 43, 68, 1) 100%);
    min-height: 8rem;
    display: flex;
    align-items: center;
}

.h-cc__container {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.h-cc__wrapper {
    display: flex;
}

.h-cc__cme {
    position: absolute;
    top: -3rem;
}

.h-cc__badge {
    font-weight: 700;
    line-height: var(--lh-s);
    text-transform: uppercase;
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-turquoise);
    border-radius: 5px;
    overflow: hidden;
    max-width: 4.5rem;
    display: flex;
    flex-direction: column;
}

.h-cc__badge:hover {
    text-decoration: none;
}

.h-cc__badge span {
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.h-cc__badge .points {
    font-size: var(--fs-h3);
    padding: .25rem;
    font-size:1.5rem
}

.h-cc__badge .label {
    font-size: var(--fs-s);
    color: var(--c-turquoise);
    background-color: var(--c-white);
    padding: .5rem;
}

.h-cc__countdown {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-reset);
    margin: auto;
    display: flex;
    align-items: center;
}

.h-cc__text {
    margin-right: 2rem;
}

.h-cc__time {
    margin: 0 -1rem;
    display: flex;
}

.h-cc__time>div {
    margin: 0 1rem;
}

.h-cc__time .days,
.h-cc__time .hours,
.h-cc__time .minutes,
.h-cc__time .seconds {
    text-align: center;
    min-width: 1.5em;
    display: inline-block;
}

.h-cc__time .label {
    font-size: var(--fs-h4);
    font-weight: 400;
}

.h-cc__modal .wysiwyg {
    text-align: center;
}

.h-cc__modal .wysiwyg figure {
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 70em) {
    
    .h-cc__countdown {
        font-size: var(--fs-h3);
    }
    
    .h-cc__time .label {
        font-size: var(--fs-h5);
    }
    
}

@media screen and (max-width: 60em) {

    .h-cc__countdown {
        flex-direction: column;
    }

    .h-cc__text {
        margin: 0 0 .75rem;
    }

    .h-cc__time>div {
        display: flex;
        align-items: center;
        flex-direction: column;
    }

}

/* Event Info */

.h-ei__container {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.h-ei__row {
    align-items: flex-start;
}

.h-ei__col {
    flex: 1 1 30rem;
}

@media screen and (max-width: 90em) {

    .h-ei__container {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

}

@media screen and (max-width: 40em) {

    .h-ei__container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

}

/* Welcome Message */

.h-wm__media {
    position: relative;
}

/* Event Chairs & PMFG Conferences */

.h-ecpc {
    margin-top: 1.5rem;
}

.h-pc__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(2rem - .05em);
}

.h-pc__articles {
    position: relative;
    margin: -1rem;
    display: flex;
    flex-wrap: wrap;
}

.h-pc__article {
    position: relative;
    width: calc(50% - 2rem);
    margin: 1rem;
    overflow: hidden;
}

.h-pc__article-media {
    position: relative;
}

.h-pc__article-media:after {
    content: '';
    background: var(--c-turquoise);
    background: linear-gradient(180deg, var(--c-turquoise) 0%, var(--c-orient) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.h-pc__article:hover .h-pc__article-media:after {
/*    opacity: .5;*/
}

.h-pc__article-image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.h-pc__article-text {
    position: absolute;
    bottom: 0;
    right: 0;
}

.h-pc__article-title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-white);
    padding: .25rem .75rem;
    transition: transform .3s var(--e-fast-out-slow-in);
}

.h-pc__article:hover .h-pc__article-title {
    transform: translateX(-3rem);
}

.h-pc__article-title:after {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    top: 50%;
    left: 100%;
    width: 100%;
    height: 3px;
    margin-top: -1.5px;
}

.h-pc__article-link {
    color: inherit;
}

.h-pc__article:hover .h-pc__article-link {
    opacity: .5;
}

.h-pc__article-link:hover {
    text-decoration: none;
}

.h-pc__button {
    font-weight: 700;
    color: var(--c-orient);
    margin: 1.5rem 0 0 auto;
    display: table;
}

@media screen and (max-width: 40em) {

    .h-pc__articles {
        margin: -.75rem;
    }

    .h-pc__article {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 25em) {

    .h-pc__article {
        width: calc(100% - 1.5rem);
    }

}

/* Testimonial */

.h-tm {
    color: var(--c-white);
    background-color: var(--c-orient);
}

.h-tm__container {
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.h-tm blockquote {
    font-size: var(--fs-h2);
    line-height: var(--lh-s);
    text-align: center;
    border: 0;
    color: var(--c-turquoise);
    position: relative;
    max-width: var(--w-max-xxs);
    padding: 0;
    margin: 0 auto 1.5rem;
}

.is-ie .h-tm blockquote {
    max-width: var(--w-max-xxs);
    width: 100%;
}

.h-tm blockquote:before,
.h-tm blockquote:after {
    content: '';
    background-image: url('../images/quote.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: calc(var(--fs-h2) * 3);
    height: calc(var(--fs-h2) * 3);
    margin: calc(var(--fs-h2) * -1.5);
    display: block;
    opacity: .2;
}

.h-tm blockquote:before {
    top: 0;
    left: 0;
}

.h-tm blockquote:after {
    right: 0;
    transform: scale(-1);
}

.h-tm blockquote>* {
    position: relative;
}

.h-tm blockquote .cite {
    font-size: var(--fs-h5);
    font-style: italic;
    line-height: var(--lh-s);
    color: var(--c-white);
    display: block;
    opacity: .7;
}

@media screen and (max-width: 40em) {

    .h-tm__container {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

}

/* Event Details */

.h-ed__container {
    padding-top: 0;
}

.h-ed__wrapper {
    position: relative;
}

.h-ed .tab__list.is-scroll:after {
    top: 3px;
}

.h-ed .accordion__items {
    display: none;
}

.h-ed .accordion__link {
    text-align: center;
}

@media screen and (max-width: 40em) {

    .h-ed .tab__list,
    .h-ed .tab__contents {
        display: none;
    }

    .h-ed .accordion__wrapper {
        padding: 1.5rem;
    }

    .h-ed .accordion__items {
        display: flex;
    }

}

/* Event Location */

.h-el {
    background-color: var(--c-claret);
    position: relative;
}

.h-el__background {
    background-color: var(--c-wild-sand);
    left: 4.5rem;
    width: 100vw;
}

.h-el__container {
    position: relative;
    padding-top: 6rem;
    padding-bottom: 6rem;
}

.h-el__media {
    position: relative;
}

.h-el__image {
    background-color: var(--c-mercury);
    height: 100%;
}

.h-el__image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.h-el__text {
    position: relative;
    max-width: calc(100% - 1.5rem);
    flex: 4 1 20rem;
}

.h-el .tab__link.active,
.h-el .tab__link:hover {
    color: var(--c-claret);
}

.h-el .tab__link:before {
    background-color: var(--c-claret);
}

.h-el .tab__content {
    max-height: 30rem;
    overflow: auto;
}

.h-el .accordion__items {
    display: none;
}

.h-el .accordion__link {
    text-align: center;
}

.h-el .accordion__link[aria-expanded='true'],
.h-el .accordion__link:hover {
    color: var(--c-claret);
}

.h-el .accordion__link:before {
    background-color: var(--c-claret);
}

.h-el .wysiwyg h1,
.h-el .wysiwyg h2,
.h-el .wysiwyg h3,
.h-el .wysiwyg h4,
.h-el .wysiwyg h5,
.h-el .wysiwyg h6 {
    color: var(--c-claret);
}

.h-el .wysiwyg ul li:before {
    background-color: var(--c-claret);
}

.h-el .wysiwyg .button {
    background-color: var(--c-claret);
}

.h-el .wysiwyg .button:hover {
    background-color: var(--c-cerulean);
}

.h-el .wysiwyg .button-link {
    font-weight: 700;
    color: var(--c-claret);
}

@media screen and (max-width: 90em) {

    .h-el__container {
        padding-top: 4.5rem;
        padding-bottom: 4.5rem;
    }

    .h-el__background {
        left: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .h-el__container {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .h-el__background {
        left: 1.5rem;
    }

    .h-el .tab__list,
    .h-el .tab__contents {
        display: none;
    }

    .h-el .accordion__wrapper {
        padding: 1.5rem;
    }

    .h-el .accordion__items {
        display: flex;
    }

}

/* #endregion */
/* #region - b: agenda */

.b-ag__header {
    margin-bottom: 3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.b-ag__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(1.5rem - .05em);
    width: 100%;
}

.b-ag__download {
    color: inherit;
}

.b-ag__download i {
    margin-left: .5rem;
}

.b-ag__search {
    margin-right: 4.5rem;
}

.b-ag__content {
    position: relative;
}

.b-ag .tab__list {
    border: 1px solid;
    border-left: 0;
    border-right: 0;
    padding: 0;
    margin: 0;
}

.b-ag .tab__link {
    font-size: var(--fs-body);
    font-weight: 700;
    color: var(--c-black);
    background-color: transparent;
}

.b-ag .tab__link:not(:last-child) {
    border-right: 0;
}

.b-ag .tab__link.active,
.b-ag .tab__link:hover {
    color: var(--c-white);
    background-color: var(--c-orient);
}

.b-ag .tab__link:before {
    display: none;
}

.b-ag .tab__wrapper {
    padding: 3rem 0;
}

.b-ag .wysiwyg dl {
    width: 100%;
    margin: 1.5rem 0;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.b-ag .wysiwyg .time {
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-orient);
    border-radius: 5px;
    min-width: 12em;
    padding: .25rem;
    display: inline-block;
}

.b-ag .wysiwyg dt.time {
    margin: 0 1.5rem 1rem 0;
    flex: 0 0 auto;
}

.b-ag .wysiwyg dd.details {
    border: 1px solid;
    position: relative;
    width: 100%;
    padding: 1.5rem;
    flex: 1 1 20rem;
}

.b-ag .wysiwyg dd.details:after {
    content: '';
    margin-bottom: -.5rem;
    display: block;
}

.b-ag .wysiwyg dd.details h4 {
    font-size: var(--fs-h5);
    margin-bottom: calc(.5rem - .05em);
}

.b-ag .wysiwyg dd.details p+h4 {
    margin-top: 1rem;
}

.b-ag .wysiwyg dd.details p {
    margin-bottom: .5rem;
}

.b-ag .wysiwyg dd.details p>br {
    content: '';
    margin-bottom: .5rem;
    display: block;
}

.b-ag .wysiwyg dd.details ul {
    margin-bottom: .5rem;
}

@media screen and (max-width: 50em) {

    .b-ag__header {
        align-items: flex-start;
        flex-direction: column;
    }

    .b-ag__search {
        margin-bottom: 1.5rem;
    }

}

/* #endregion */
/* #region - b: speakers */

.b-sk__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(2rem - .05em);
    width: 100%;
}

.b-sk__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.b-sk__item {
    position: relative;
    width: 20%;
}

.b-sk__item-media {
    position: relative;
}

.b-sk__item-media:after {
    content: '';
    background-color: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: .3;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-sk__item:hover .b-sk__item-media:after {
    opacity: 0;
}

.b-sk__item-image {
    background-color: var(--c-mercury);
}

.b-sk__item-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sk__item-text {
    line-height: var(--lh-s);
    text-shadow: 2px 0 5px rgba(0, 0, 0, .5);
    color: var(--c-white);
    position: absolute;
    bottom: 0;
    left: 0;
    padding: .75rem 1rem;
}

.b-sk__item-name {
    font-size: var(--fs-h5);
    font-weight: 700;
}

.b-sk__item-workplace {
    font-size: var(--fs-s);
    max-height: calc(var(--lh-s) * 1em);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.b-sk__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999rem;
}

.b-sk .b-sk__modal-media {
    width: calc(100% + 3rem);
    margin: -.75rem -1.5rem .75rem;
    display: flex;
    align-items: center;
}

.b-sk .b-sk__modal-media>* {
    margin: .75rem 1.5rem;
}

.b-sk .b-sk__modal-image {
    background-color: var(--c-mercury);
    border-radius: 50%;
    position: relative;
    max-width: 15rem;
    overflow: hidden;
    flex: 0 1 15rem;
}

.b-sk .b-sk__modal-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sk__modal-nw {
    flex: 2 1 25rem;
}

.b-sk .b-sk__modal-name {
    font-size: var(--fs-h4);
    font-weight: 700;
    line-height: var(--lh-s);
    color: inherit;
    margin-bottom: .25rem;
}

.b-sk .b-sk__modal-workplace {
    font-size: var(--fs-h5);
    line-height: var(--lh-m);
    margin-bottom: 0;
}

@media screen and (max-width: 90em) {

    .b-sk__item {
        width: 25%;
    }

}

@media screen and (max-width: 70em) {

    .b-sk__item {
        width: 33.33%;
    }

}

@media screen and (max-width: 50em) {

    .b-sk__item {
        width: 50%;
    }

}

@media screen and (max-width: 40em) {

    .b-sk .b-sk__modal-media {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        flex-direction: column;
    }

    .b-sk .b-sk__modal-media>* {
        width: 100%;
        flex: 0 0 auto;
    }

}

@media screen and (max-width: 20em) {

    .b-sk__item {
        width: 100%;
    }

}

/* #endregion */
/* #region - b: text */

.p-as .b-text h3 {
    font-weight: 400;
    color: inherit;
    margin-top: 1rem;
}

/* #endregion */
/* #region - b: partners/sponsors (supports) */

.b-sp__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--dark-grey);
    margin-bottom: calc(2rem - .05em);
    width: 100%;
}

.b-sp__row {
    align-items: flex-start;
}

.b-sp__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    flex: 2 1 32rem;
}

.b-sp__item {
    border: 1px solid var(--c-mercury);
    position: relative;
    width: calc(25% + .5px);
    margin: -.5px;
}

.b-sp__item-media {
    background-color: var(--c-white);
    position: relative;
    padding: 15%;
}

.b-sp__item-media:after {
    content: '';
    background-color: var(--c-black);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .3s var(--e-fast-out-slow-in);
}

.b-sp__item:hover .b-sp__item-media:after {
    opacity: .5;
}

.b-sp__item-image {
    position: relative;
}

.b-sp__item-image:after {
    content: '';
    padding-bottom: 100%;
    display: block;
}

.b-sp__item-text {
    line-height: var(--lh-s);
    text-align: center;
    color: var(--c-white);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
}

.b-sp__item-text-wrapper {
    transform: translateY(150%) scale(.8);
    transition: transform .3s var(--e-fast-out-slow-in);
}

.b-sp__item:hover .b-sp__item-text-wrapper {
    transform: translateY(0) scale(1);
}

.b-sp__item-text i {
    font-size: var(--fs-h5);
    margin-bottom: .5rem;
}

.b-sp__item-name {
    max-height: calc(var(--lh-s) * 2em);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.b-sp__item-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: -999rem;
}

.b-sp__modal-image {
    max-width: 80%;
    margin: auto;
}

.b-sp__download {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    padding: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap-reverse;
    flex: 0 1 32rem;
}

.b-sp__download:before {
    content: '';
    background-color: var(--c-turquoise);
    position: absolute;
    top: 0;
    left: 80%;
    width: 100vw;
    height: 100%;
}

.b-sp__download-text {
    flex: 3 1 14rem;
    margin: 1rem;
}

.b-sp__download-text h3 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    color: var(--c-turquoise);
    max-width: 5em;
    margin-bottom: calc(1.5rem - .05em);
}

.b-sp__download-media {
    position: relative;
    margin: 1rem;
    flex: 1 1 12rem;
}

.b-sp__download-image {
    border: 2px solid var(--c-white);
    position: relative;
}

.b-sp__download-image:after {
    content: '';
    padding-bottom: 141%;
    display: block;
}

.b-sp__download-button {
    border-radius: 2rem;
    padding: .5rem 2rem;
}

.b-sp__download-button i {
    margin-left: .5rem;
}

@media screen and (max-width: 80em) {

    .b-sp__item {
        width: calc(33.33% + .5px);
    }

}

@media screen and (max-width: 70em) {

    .b-sp__download {
        overflow: hidden;
    }

}

@media screen and (max-width: 40em) {

    .b-sp__item {
        width: calc(50% + .5px);
    }

}

/* #endregion */
/* #region - b: registration fees */

.b-rf__title {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(2rem - .05em);
}

.b-rf__items {
    margin: -1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.b-rf__item {
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .1);
    position: relative;
    width: calc(25% - 3rem);
    margin: 1.5rem;
    display: flex;
    flex-direction: column;
}

.b-rf__item-header {
    text-align: center;
    color: var(--c-white);
    background-color: var(--c-orient);
    padding: 1rem 1.5rem;
}

.b-rf__item-title {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    text-transform: uppercase;
}

.b-rf__item-content {
    text-align: center;
    padding: 2rem 1.5rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1 0 auto;
}

.b-rf__item-content>* {
    max-width: 100%;
}

.b-rf__item-content h4 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-s);
    margin-bottom: calc(1.5rem - .05em);
}

.b-rf__item-content p {
    margin-bottom: 1.5rem;
}

.b-rf__item-button {
    color: var(--c-orient);
    background-color: transparent;
    border: 2px solid;
    max-width: 12rem;
    width: 100%;
    margin-top: auto;
}

.b-rf__item-button:hover {
    color: var(--c-white);
    background-color: var(--c-orient);
    border-color: #fd8477;
}

.b-rf__item.highlight .b-rf__item-header {
    background-color: var(--c-turquoise);
}

.b-rf__item.highlight .b-rf__item-button {
    color: var(--c-turquoise);
}

.b-rf__item.highlight .b-rf__item-button:hover {
    color: var(--c-white);
    background-color: var(--c-turquoise);
    border-color: var(--c-turquoise);
}

@media screen and (max-width: 80em) {

    .b-rf__item {
        width: calc(33.33% - 3rem);
    }

}

@media screen and (max-width: 60em) {

    .b-rf__item {
        width: calc(50% - 3rem);
    }

}

@media screen and (max-width: 40em) {

    .b-rf__items {
        margin: -.75rem;
    }

    .b-rf__item {
        width: calc(50% - 1.5rem);
        margin: .75rem;
    }

}

@media screen and (max-width: 30em) {

    .b-rf__item {
        width: calc(100% - 1.5rem);
    }

}

/* #endregion */
/* #region - b: form */

.form form {
    display: flex;
    flex-direction: column;
}

.form__header {
    margin-bottom: 3rem;
    order: -1;
}

.form__header h2 {
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    text-align: center;
}

.form__header h2+* {
    margin-bottom: calc(1.5rem - .05em);
}

.form__main {
    padding: 0;
    margin: 0 -.75rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.form__main>div {
    width: 100%;
    margin: 0 .75rem 1rem;
}

.form__main>div.is-half {
    min-width: calc(50% - 1.5rem);
    flex: 1 1 15rem;
}

.form__main input,
.form__main textarea,
.form__main select {
    background-color: var(--c-wild-sand);
    border-color: var(--c-wild-sand);
    border-radius: 0;
    width: 100%;
    display: block;
    resize: none;
}

.form__main input:focus,
.form__main textarea:focus,
.form__main select:focus {
    border-color: var(--c-black);
}

.form__main ::placeholder {
    color: rgba(0, 0, 0, .3);
}

.form__main :-ms-input-placeholder {
    color: rgba(0, 0, 0, .3);
}

.form__main label>span:first-child {
    font-weight: 400;
    margin-bottom: .25rem;
    display: block;
}

.form__main label>span.is-required:after {
    content: '*';
    color: var(--c-salmon);
    margin-left: .25rem;
    display: none;
}

.form__footer {
    width: auto;
    padding: 0;
    margin: 1.5rem 0 0 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form__footer .form__submit {
    position: relative;
    display: flex;
}

.form__footer input[type='submit'] {
    text-indent: -99em;
    border: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    cursor: pointer;
}

.form__footer .form__button {
    padding: .5rem 2rem;
}

.form__footer input[type='submit']:hover~.form__button {
    text-decoration: none;
    color: var(--c-white);
    background-color: var(--c-cerulean);
}

/* loader */

.form .wpcf7-spinner {
    background: none;
    border-radius: 0;
    position: absolute;
    top: 50%;
    /* left: calc((var(--fs-h5) + 1em) * -1); */
    right: calc(var(--fs-h5) * -1);
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    align-items: center;
    order: 0;
    opacity: 1;
}

.form .wpcf7-spinner:before {
    content: '\e1d4';
    font-family: 'Font Awesome 6 Pro';
    font-size: var(--fs-h5);
    font-weight: 300;
    line-height: 1;
    color: var(--c-turquoise);
    background: none;
    border-radius: 0;
    position: absolute;
    top: auto;
    left: auto;
    width: auto;
    height: auto;
    transform-origin: center;
    animation: loading 1.2s linear infinite;
}

@keyframes loading {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* validation */

.form .is-invalid input,
.form .is-invalid textarea,
.form .is-invalid select {
    border-color: var(--c-bright-red);
}

.form .wpcf7-not-valid-tip {
    font-size: var(--fs-s);
    color: var(--c-bright-red);
    margin: .25rem 0 0;
    display: block;
}

.form form .wpcf7-response-output {
    font-weight: 400;
    background-color: var(--c-wild-sand);
    border: 0;
    border-radius: 5px;
    position: relative;
    padding: 1.5rem;
    margin: 0 0 1.5rem;
    display: block;
    order: -1;
}

.form form.sent .wpcf7-response-output {
    background-color: var(--c-swans-down);
}

.form form.invalid .wpcf7-response-output {
    background-color: var(--c-bizarre);
}

.form form .wpcf7-response-output p {
    font-size: var(--fs-h5);
    font-weight: 700;
    line-height: var(--lh-s);
    display: flex;
    align-items: center;
}

.form form .wpcf7-response-output p:before {
    font-family: 'Font Awesome 6 Pro';
    font-size: 1.5em;
    font-weight: 300;
    text-align: center;
    width: 1em;
    margin-right: .5rem;
}

.form form.sent .wpcf7-response-output p:before {
    content: '\f058';
}

.form form.invalid .wpcf7-response-output p:before {
    content: '\f071';
}

.form form .wpcf7-response-output ul {
    list-style-type: disc;
    padding-left: 1.25rem;
    margin-top: 1rem;
}

.form form .wpcf7-response-output ul>li:not(:last-child) {
    margin-bottom: 0;
}

/* b: form */

.b-form__container {
    max-width: var(--w-max-xs);
}

.b-form__wrapper {
    background-color: var(--c-white);
    border-radius: 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
    padding: 4.5rem;
}

@media screen and (max-width: 70em) {

    .b-form__wrapper {
        padding: 3rem;
    }

}

@media screen and (max-width: 40em) {

    .b-form__wrapper {
        padding: 3rem 1.5rem;
    }

}

/* registration */

.p-rf .b-form {
    margin-top: 3rem;
}

.p-rf .form__header h2 {
    color: inherit;
}

@media screen and (max-width: 40em) {

    .p-rf .b-form {
        margin-top: 1.5rem;
    }
}

/* overlapping content */

.p-oc {
    background-color: var(--c-wild-sand);
}

.p-oc .b-hb__container {
    margin-top: 0;
}

.p-oc .b-hb~* {
    position: relative;
}

.p-oc .b-bc {
    color: var(--c-white);
}

/* #endregion */
/* #region - b: feedback */

.b-fb__container {
    max-width: var(--w-max-xs);
}

.b-fb__wrapper {
    background-color: var(--c-white);
    border-radius: 20px;
    box-shadow: 0 1px 20px 0 rgba(0, 0, 0, .1);
    padding: 4.5rem;
    align-items: center;
}

.b-fb .wysiwyg {
    font-size: var(--fs-h5);
}

.b-fb .wysiwyg {
    text-align: center;
    color: var(--c-orient);
}

.b-fb .wysiwyg>* {
    max-width: 30rem;
}

.b-fb .wysiwyg i {
    font-size: var(--fs-xl);
    color: var(--c-orient);
    margin-bottom: 3rem;
}

.b-fb .wysiwyg h2 {
    font-size: var(--fs-h4);
}

.b-fb .wysiwyg .b-sns__list {
    padding: 0;
    margin: -.5rem;
}

.b-fb .wysiwyg .b-sns__item {
    margin: .5rem;
}

.b-fb .wysiwyg .b-sns__item i {
    font-size: var(--fs-h4);
    margin: 0;
}

@media screen and (max-width: 70em) {

    .b-fb__wrapper {
        padding: 3rem;
    }

    .b-fb .wysiwyg i {
        font-size: 4rem;
    }

}

/* #endregion */
/* #region - b: testimonials */

.b-tm {
    padding: 6rem 0 3rem;
}

.b-tm__container {
    max-width: none;
    padding: 0;
}

.b-tm__items {
    display: flex;
}

.b-tm__item {
    color: var(--c-white);
    background-color: var(--c-orient);
    position: relative;
    display: flex;
    flex-direction: column;
    flex: 1;
}

.b-tm__item:nth-child(odd) {
    background-color: var(--c-orient);
}

.b-tm__item>div {
    max-height: 50%;
    flex: 1 1 20rem;
}

.b-tm__item-text {
    padding: 3rem 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.b-tm__item-text>* {
    max-width: 30rem;
}

.b-tm blockquote {
    font-size: var(--fs-h4);
    line-height: var(--lh-s);
    text-align: center;
    border: 0;
    position: relative;
    max-width: var(--w-max-xxs);
    padding: 0;
    margin: 0 auto 1.5rem;
}

.b-tm blockquote:before,
.b-tm blockquote:after {
    content: '';
    background-image: url(../images/quote.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: calc(var(--fs-h4) * 3);
    height: calc(var(--fs-h4) * 3);
    margin: calc(var(--fs-h4) * -1.5);
    display: block;
    opacity: .2;
}

.b-tm blockquote:after {
    right: 0;
    transform: scale(-1);
}

.b-tm__item-media {
    position: relative;
}

.b-tm__item-image {
    background-color: var(--c-mercury);
    height: 100%;
}

.b-tm__item-image:after {
    content: '';
    padding-bottom: 56.25%;
    display: block;
}

.b-tm__item:nth-child(odd) .b-tm__item-text {
    order: 2;
}

@media screen and (max-width: 70em) {

    .b-tm__items {
        flex-direction: column;
    }

    .b-tm__item {
        flex-direction: row;
        flex-wrap: wrap;
        flex: 1 0 auto;
    }

    .b-tm__item>div {
        max-height: none;
        max-width: 50%;
    }

}

@media screen and (max-width: 40em) {

    .b-tm__item>div {
        max-width: none;
    }

    .b-tm__item:nth-child(even) .b-tm__item-text {
        order: 1;
    }

    .b-tm__item:nth-child(odd) .b-tm__item-text {
        order: 2;
    }

}

/* #endregion */
/* #region - 404 error */

.p-404 {
    background-color: var(--c-wild-sand);
    min-height: 60vh;
    justify-content: center;
}

.error-404 {
    font-size: var(--fs-h5);
    line-height: var(--lh-s);
    text-align: center;
}

.error-404 i {
    font-size: 3em;
    margin-bottom: 1.5rem;
}
.hidden {
	visibility:hidden;
}

#workShoptable h2{
    font-size: var(--fs-h2);
    font-weight: 700;
    line-height: var(--lh-m);
    color: var(--c-orient);
    margin-bottom: calc(2rem - .05em);
    width: 100%;
}
#workShoptable figure > table > tbody > tr:nth-child(1) > td, .highlighted{
    color: var(--c-white);
    background-color: var(--c-orient);
 }
 #workShoptable figure > table > tbody > tr > td{
    padding:10px;
    min-width: 120px;
 }
 #workShoptable figure > table > tbody > tr:nth-child(even){
        background-color: var(--c-wild-sand);
 }
 #workShoptable figure > table {
    border: 1px solid var(--c-mercury);
 }
 #workShoptable figure > table > tbody > tr:nth-child(2) > td{
    color: var(--c-surfie-green);
 }
/* #endregion */


#singleGallary  ul{
	display:flex;
	flex-wrap: wrap;
	padding:0% 0 2% 0;
	margin:0 -1%;
}
#singleGallary ul li {
	flex: 0 0 31%;
	list-style:none;
	height:16vw;
	margin:1%;
	position:relative;
}
#singleGallary ul li:before{
	display:none
}
#singleGallary ul li img{
	width:100%;
	height:100%;
	object-fit: cover;
    object-position: 50% 10%; 
}
/* #singleGallary ul li figure {
	width:100%;
	height:16vW;
} */
#lg-download {
	display:none
}
.fullWidth {
	width:100%;
}
.lg-toolbar .lg-icon,.lg-actions .lg-next, .lg-actions .lg-prev{
	    font-family: "Font Awesome 6 Pro";
    font-weight: 400;
}
.lg-toolbar .lg-close:after {
	    content: "\f00d";
}
.lg-actions .lg-next:before {
	content: "\f0a9"
}
.lg-actions .lg-prev:after {
	content: "\f0a8"
}
#singleGallary ul li .playButton{
	position:absolute;
	font-size:5.3rem;
	top:40%;
	left:40%;
	color:white;
}
.galleryList .col .innerBox aside p {
	padding-bottom:2%;
	opacity:0.8;
}
.galleryList .col .innerBox .imgbx .posterDownload {
	position: absolute;
    background: #118578;
    width: 100%;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    padding: 8px 0 2px 0;
}
.galleryList .col .innerBox .imgbx .posterDownload a{
	color:#fff;
}
.galleryList .col .innerBox .imgbx .posterDownload a i{
	margin-left:5px;
}
#singleGallary ul#lightvideogallery li {
	flex: 0 0 48%;
	list-style:none;
	height:22vw;
	background:black
}
#singleGallary ul#lightvideogallery li img{
	opacity:0.8;
	transition:all 0.3s linear;	
}
#singleGallary ul#lightvideogallery li:hover img{
	opacity:1
}
#singleGallary h3 {
	margin:0;
	padding:4% 0 0 0;
}



/**
* New font
*/
/**
*/
@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-ExtraLight.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-Bold.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric-Medium.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont/FSEmeric.woff2') format('woff2'),
        url('../fonts/webfont/FSEmeric.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

/**
* New Test Font
*/

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-ThinItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-ThinItalic.woff') format('woff');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/webfont-2FSEmeric-Thin.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Thin.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-SemiBold.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-Italic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-MediumItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-MediumItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-Light.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-LightItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-Medium.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric Core';
    src: url('../fonts/webfont-2/FSEmeric-Core.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Core.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-ExtraBold.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-HeavyItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-HeavyItalic.woff') format('woff');
    font-weight: 900;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric Core';
    src: url('../fonts/webfont-2/FSEmeric-CoreItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-CoreItalic.woff') format('woff');
    font-weight: 500;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-ExtraLightItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-ExtraLightItalic.woff') format('woff');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-Heavy.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Heavy.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-ExtraLight.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-ExtraBoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric Book';
    src: url('../fonts/webfont-2/FSEmeric-Book.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-BoldItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric Book';
    src: url('../fonts/webfont-2/FSEmeric-BookItalic.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-BookItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'FS Emeric';
    src: url('../fonts/webfont-2/FSEmeric-Bold.woff2') format('woff2'),
        url('../fonts/webfont-2/FSEmeric-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


/**
* New Test Font end here
*/
h1,h2,h3,h4,h5,h6,div,span{
    font-family: 'FS Emeric', sans-serif ;
}
h3{
    font-weight: bold;
}
h4{
    font-weight: 500;
}
h5{
    font-weight: 400;
}
h6{
    font-weight: 200;
}

.h-hb__container h2 {
	font-size: calc(var(--fs-l) * .8);
    font-weight: bold;
} 
.h-hb__container h3 {
	font-size: calc(var(--fs-l) * .7);
} 
.h-hb__container h4 {
	font-size: calc(var(--fs-l) * .6);
} 

.h-hb__container h5 {
	font-size: calc(var(--fs-l) * .5);
} 
.h-hb__container h6 {
	font-size: calc(var(--fs-l) * .4);
} 


.full-width-4-col-images {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 20px;
    margin: 2rem 0px ;
}

@media only screen and (max-width:767px){
    .full-width-4-col-images {
        grid-template-columns: repeat(2, 1fr);
        grid-row-gap: 20px;
    }
}

@media only screen and (max-width:300px){
    .full-width-4-col-images {
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 0px;
        grid-row-gap: 20px;
    }
}


  .oranizers {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  
  .oranizers .h-pc__article-media {
    height: 30vw;
    max-height: 400px ;
  }
  
  .oranizers {
    grid-column-gap: 20px;
  }
  

  @media only screen  and (max-width:1100px){
    .oranizers .h-pc__article-media {
        height: 50vw;
        max-height: 480px;
      }
  }




/* .page-partners-sponsors .content-container {
    max-width: 50%;
}
.h-hb__container h1 {
    max-width: 100%;
}
.page-partners-sponsors .tab__wrapper {
    padding: 3rem 0px 3rem 3rem;
}
.page-partners-sponsors .b-sp__download{
    flex: 0 1 42%;
    margin-left: auto;
    margin-right: 0px;
}
  
.page-partners-sponsors .b-sp__download::before {
    left: 75%;
    width: 25%;
}

.page-partners-sponsors .tab__list{
    margin-top: 3rem;
}

.page-partners-sponsors .b-sp__download-text {
    flex: 3 1 10px;
} */
/* .page-partners-sponsors .tab__wrapper .b-sp__row{
    align-items:center ;
}
.page-partners-sponsors .tab__wrapper  figure {
    margin-bottom: 0px;
}



/* style.css | https://www.sidra.org/events/research/pmfg/2024/wp-content/themes/custom-theme/css/style.css?ver=1710071800 */
/* 
.page-partners-sponsors .b-sp__items {
    /* flex: 2 1 32rem;
    flex: 0 0 100%;
    width: 100%;
  }
   */


/* style.css | https://www.sidra.org/events/research/pmfg/2024/wp-content/themes/custom-theme/css/style.css?ver=1710073114

.page-partners-sponsors .tab__wrapper .b-sp__row {
    width: 100%;
  }
  
  .page-partners-sponsors .b-sp__items {
    flex: 0 0 100%;
    margin: 5rem 0px;
  }
  
  .page-partners-sponsors .b-sp__item-name {
    font-size: .8rem;
    color:#fff;
    }



    @media  only screen and (max-width: 767px) {
        
        .page-partners-sponsors .accordion__items{
            margin-top : 2rem;
        }
        .page-partners-sponsors .content-container {
            max-width: 100%;
        }
  
        .page-partners-sponsors .b-sp__download {
            flex: 0 1 100%;
        }
    
        .page-partners-sponsors .b-sp__row {
            width: 100%;
        }
        .page-partners-sponsors .b-sp__download::before {
            width: 0px;
        }
        .page-partners-sponsors .b-sp__row {
            margin: 0px;
        }

        .page-partners-sponsors   .wysiwyg .button {
            width: 100%;
        }
        .page-partners-sponsors .b-sp__download-text {
            margin: 0px 1rem;
            }
        .page-partners-sponsors .wysiwyg figure {
            margin-bottom: 0px;
        }
    } */



.banner-col {
  display: flex;
  flex-wrap: wrap;
}


.banner-col h1 {
  max-width: 49%;
}
@media only screen and (max-width : 767px){
    .banner-col h1 {
        max-width: 100%;
    }

    .banner-col {
        flex-direction: column-reverse;
    }
    .h-hb__container{
        margin-bottom: 3rem;
    }
}

.banner-col {
  justify-content: space-between;
}

.header__nav.nav {
    max-width: 70%;

}
.youtube-player{
    margin-bottom : 2rem;
}
@media only screen and (max-width:767px){
    .header__nav.nav {
        max-width: 100%;
    
    }
}

.tab__wrapper.wysiwyg{
    display: block;
    
}
.tab__wrapper.wysiwyg p iframe{
    float: right;
    margin-left: 1rem;
    margin-bottom: 1rem;
    width:100%  !important;
    max-width:400px;
}   
@media only screen and (max-width:767px){
    .tab__wrapper.wysiwyg p iframe{
        width:100%  !important;
        max-width:100%;
    }   
}


/* style.css | https://www.sidra.org/events/research/pmfg/2024/wp-content/themes/custom-theme/css/style.css?ver=1710665778 */

.b-form__container.contact-custom {
    display: flex;
}
  
  /* Inline #10 | https://www.sidra.org/events/research/pmfg/2024/?page_id=307 */
  
.contact-info {
    margin-top: 10rem;
    padding: 1rem;
    margin-right: -250px;
    min-width: 250px;
}



@media only screen and (max-width:1440px){
    .contact-info {
        margin-top: 1rem;
    }
    .b-form__container.contact-custom {
        flex-wrap: wrap;
        
    }
}

.page-partners-sponsors .b-sp__items {
    margin: 0rem 0px;
}

.page-partners-sponsors .b-sp__row {
	margin-top: 3rem;
}

@media only screen and (max-width : 767px){
    .page-partners-sponsors .b-sp__items {
        margin: 1rem 0px;
    }
}


/* .sponsors-coluns{
    display: flex;
    flex-direction: column;
} */
/* .b-sp__items {
    flex: 2 1 100% !important;
} */

.b-sp__row.sponsors-coluns h3 {
    margin-top: 4rem;
}

.b-sp__row.sponsors-coluns h3 {
    margin-bottom: 0px;
}

.banner-col {
    align-items: baseline;
}
.mt-3 {
    margin-top: 1rem !important;
}

.b-bc__items span:last-child {
	text-decoration: none !important;
}


.b-sk__item {
    width: calc(100% / 4 - 1rem);
    margin: 0.5rem;
  }
  
  .b-sk__items {
    margin: 0px -0.5rem;
  }
  

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

    .b-sk__items {
        margin: 0px -0.2rem;
      }
      
    .b-sk__item {
        width: calc(100% / 2 - .4rem);
        margin: 0.2rem;
    }
    
  }


  
.message-compliant {
    width: 100%;
    padding: 1rem;
    border: 2px solid #000;
    font-size: 1.4rem;
    margin: 1rem 0px;
    background: var(      --c-orient);
    color: #fff;
}

.message-compliant a {
    color: #ffff;
    text-decoration: underline;
}
  

.compliance-logos img {
    max-width: 300px;
    margin: 1rem 0px;
}



.row {
    display: flex;
    align-items: flex-start;
  }

  .col-md-4 {
    max-width: 50%;
    /* margin-right: 5%; */
    }
  

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

        .row {
            flex-wrap: wrap;
        }
    .col-md-4 {
        max-width: 100%;
        margin-right: 0px;
    }
    
    .message-compliant {
        width: auto;
        font-size: 1rem;
    }
    .message-compliant{
        margin-top: 1rem !important ;
    }
  
    .col-md-6 {
        max-width: 100%;
    }
    .compliance-logos{
        margin-top: 1rem !important;
    }
    .compliance-logos img {
        max-width:   250px   ;
        width: 100%;
        }
  
    }
    .compliance-logos {
        display: flex;
        justify-content: space-between;
        padding: 0rem 0px 3rem;
      
    }
    .compliance-logos li {
        max-width: 45%;
    }

    .compliance-logos li img{
        max-width: 100%;
    }
      

.banner-title{
    line-height: 1.2em;
    margin-bottom: 1.5rem;
}
.banner-title span {
    display: block;
    color: #75d454;
}
.desc p {
    font-size: 1.4rem;
    font-weight: 500;
}

.event-details {
    display: flex;
    margin-top: 2.2rem;
    }

    .event-details h6 {
        font-size: 1.2rem;
        font-weight: 500;
        color: #75d454;
        line-height: .8em;
        }





    .h-hb .h-hb__container {
        margin: auto auto 0px;
        flex: 1 1 0;
    }
  
    .event-details {
        margin-top: 0px;
        margin-bottom: 20px;
    }
  
  
    .banner-content-block {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
  
    .h-hb  .h-hb__wrapper {
        margin-top: 1rem;
        margin-bottom: 3rem;
    }
    



.event-details span {
    position: absolute;
    bottom: -11px;
    font-size: 12px;
    width: fit-content;
    white-space: nowrap;
    right: 10px;
    font-weight: 500;
  }
  
  .event-details p {
    position: relative;
    display: inline;
    font-size: 3.2rem;
font-weight: 100;
  }
  

.event-details li {
position: relative;
  margin-right: 1.5rem;
  padding-right: 1.5rem;
  
}

.event-details li::after {
 
    content: "";
    position: absolute;
    width: 1px;
    height: 3rem;
    right: 0px;
    background: #fff;
    top: 20px;
    
  }
  
  .event-details li:last-child::after {
    display: none;
  }

  .h-cc__container {
    position: relative;
    }

  .h-cc__cme {
    top: -4.3rem;
    }





.anniversary-badge {
  position: absolute;
  right: 4.5rem;
  top: -106px;
}

.anniversary-badge img {
  width: fit-content;
  height: 160px;
 object-fit: cover;
 border-radius: 5px;
}


@media only screen and (max-width:767px) {
    .h-cc__cme {
        top: -3.2rem;
        }
        .anniversary-badge {
            right: 20px;
            }


    .event-details {
        flex-direction: column;
    }
  
    .h-hb .h-hb__wrapper {
        margin-bottom: 2rem;
    }
    
    .event-details p {
        font-size: 2.2rem;
        }
    .event-details li {
        margin-bottom: 2rem;
    }
  
    .event-details li::after {
        display: none;
        }
        .anniversary-badge {
            top: -51px;
            }


/* style.css | https://www.sidra.org/events/research/pmfg/2024/wp-content/themes/custom-theme/css/style.css?ver=1717673235 */

        
img[data-object-fit], video[data-object-fit] {
    object-position: 0%;
  }
  .anniversary-badge img {
    height: 100px;
    width: auto;
    }
    .anniversary-badge {
        top: -54px;
        }

}



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

.desc br {
    display: none;
  }

  

.desc p {
    font-size: 1rem;
  }
  
    .event-details li {
        margin-bottom: 2.5rem;
    }
    .event-details {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .event-details li:last-child {
        flex: 0 0 100%;
    }
}

.button {
    background-color: #fd8477;
  }
  
  .button:hover {
    background-color: #fda28d;
  }

  .header__sns {
    margin-right: unset;
    margin-left: auto;
    }

    .back-button a{
        display : flex;
        text-decoration: underline;
        align-items: center;

    }
    .back-button a svg{
        margin-right: 10px;
        margin-top: -2px;
    }
    .header__desktop .nav__list > .nav__item > .nav__link {
        font-weight: 500;
        }
        .header__secondary, .header__secondary::before {
            background-color:  #75d454  !important;
        }
        .speaker-block h3{
            color: var(--fs-h3); 
        }
    
            .h-cc__badge {
                background-color: var(--c-turquoise);
                background-color: #78d64a;
                }
                
                .button.download-button {
                    font-size: var(--fs-h5);
                }

                .b-sp__container .content p {
                    font-size: var(--fs-h5);
                    font-weight: 500;
                    margin-right: 1rem;
                    }
                    .button.download-button {
                        font-weight: 200;
                        }
                        
                        
                        .column2 p {
                            display: flex;
                          }
                          

                          .full-row-container {
                            display: none;
                            }

                          .b-sk__item-media::after {
                            background-color: var(--c-black);
                            opacity: .1;
                            }
                          @media only screen and (max-width:767px) {
                            .column2 p {
                                flex-direction: column;
                              }
                              .button.download-button {
                                display: flex;
                                justify-content: space-around;
                                }
                          }

.speaker-block__container.partner-big-block {
	padding-top: 0px !important;
}

@media only screen and (max-width:767px) {
    .nav__sublist.active {
        display: block;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1440px) {
    .nav__sublist.active {
      display: block;
    }
  
    .header__scroll {
      width: 100%; /* Adjust to 100% or a relative percentage for better scaling */
      max-width: 28rem; /* Limits the width to 28rem for larger screens */
    }
  }
  

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

    .header__mobile .nav__list {
        width: 100%;
    }
    
    .header__nav.nav {
        max-width: 100%;
    }
  
    .nav__item--has-children > a::after {
        content: "";
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-chevron-down' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3E%3C/svg%3E");
        width: 20px;
        height: 20px;
    }
    .nav__sublist.active {
        flex: 0 0 100%;
    }
    .nav__item--has-children .nav__link {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .nav__item--has-children > a::after {
        background-size: contain;
    }
}



.b-ag .wysiwyg dt.time {
    margin-bottom: 0px !important;
  }
  

  .has-text-align-center *{
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}
  .has-text-align-center {
	text-align: center;
    margin-left: auto;
    margin-right: auto;
}