/*!***********************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/@fontsource/merriweather/900-italic.css ***!
  \***********************************************************************************************************************************************/
/* merriweather-cyrillic-ext-900-italic*/
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../1320d5bb8aaa34fc7dc4.woff2) format("woff2"), url(../459e1446e3b090e9c877.woff) format("woff");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* merriweather-cyrillic-900-italic*/
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../b90099099238734588d4.woff2) format("woff2"), url(../459e1446e3b090e9c877.woff) format("woff");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* merriweather-vietnamese-900-italic*/
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../87024647a148a4c41b2f.woff2) format("woff2"), url(../459e1446e3b090e9c877.woff) format("woff");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* merriweather-latin-ext-900-italic*/
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../a19678f770b35eb6b086.woff2) format("woff2"), url(../459e1446e3b090e9c877.woff) format("woff");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* merriweather-latin-900-italic*/
@font-face {
  font-family: "Merriweather";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
  src: url(../2912e930c761cee4b0de.woff2) format("woff2"), url(../459e1446e3b090e9c877.woff) format("woff");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./stylesheets/scss/style.scss ***!
  \**********************************************************************************************************************/
html,
body {
  position: relative;
}

body {
  min-height: 100vh;
}

.blog-page .post-header {
  position: static;
  width: 100%;
}

/* OLD CONFERENCES */
.post.past {
  opacity: 0.75;
  margin-bottom: 35px;
}

/* CUSTOM BUTTON - previous*/
/*
a.custom-btn {
  /* border: 1.5px solid var(--button-color) !important; */
  /*border-radius: 4px !important;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.4) !important;
}*/

/* Force override of Voog button styles */
body a.custom-btn,
body .content a.custom-btn,
body a.custom-btn.custom-btn{
  border-radius: 0.75rem !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2) !important;
  transition: all 175ms ease-in-out;
}

/* Move button slightly up when hovered */
body a.custom-btn:hover,
body .content a.custom-btn:hover,
body a.custom-btn.custom-btn:hover {
  transform: translateY(-2px);
}

/* Offset content from header */
.common-page header + div.container,
.blog-page header + div.container,
.post-page header + div.container {
  margin-top: 20px;
}

/* Offset content from footer */
html.editmode div.container {
  /* More offset for editmode */
  padding-bottom: 122px !important;
}

/* Make btns in table full width */
td a.custom-btn {
  display: block !important;
  max-width:95%;
}

/* Header button */
.header-banner a.custom-btn {
  border-radius: 4px !important;
}

.front-page .content-body a {
  color: var(--content-links-color);
}
.front-page .content-body a:hover {
  color: var(--content-links-hover-color);
}

/* GRID LAYOUT */
.grid-layout {
  align-items: stretch;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.grid-layout article > a {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}
.grid-layout .grid-item {
  background-color: var(--button-background-color);
  border-radius: 2px;
  flex: 1 1 auto;
  max-width: 31%;
  margin: 5px;
  padding: 5px;
  position: relative;
  transition: ease-in-out 200ms;
}
.grid-layout .grid-item:hover {
  transform: translateY(-5px);
}
.grid-layout .grid-item:last-child {
  margin-bottom: 5px;
}
.grid-layout .grid-item:last-of-type {
  margin-left: 10px;
  margin-right: auto;
}
.grid-layout .grid-item .post-header {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.grid-layout .grid-item .post-header h1 {
  text-align: center;
}

@media screen and (max-width: 640px) {
  .grid-layout {
    display: block;
  }
  .grid-layout article.grid-item {
    max-width: 100%;
    margin: 0;
    margin-bottom: 8px;
  }
  .grid-layout article.grid-item:last-of-type {
    margin-left: 0;
    margin-right: 0;
  }
}
/* Members page */
main.content div.member__wrapper {
  position: relative;
}
main.content div.member__wrapper h2 {
  color: var(--h1-color);
  font-size: var(--h2-font-size);
  margin: 0;
}
main.content div.member__wrapper h3 {
  margin: 0 0 10px 0;
  font-weight: 500;
}
main.content div.member__wrapper.disabled {
  display: none;
}
main.content .members__search {
  font-size: var(--h3-font-size);
  padding: 16px;
  margin-bottom: 12px;
  width: 100%;
}
@media screen and (min-width: 640px) {
  main.content .members__search {
    width: 60%;
  }
}
main.content .members__search::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--content-links-hover-color);
  font-weight: 700;
}
div.custom-link-container {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}
div.custom-link-container .custom-link {
  font-size: var(--h3-font-size);
  color: var(--content-color);
}

.front-page .post-title,
.front-page .post-title a {
  color: var(--blog-list-title-color);
  font-size: var(--blog-list-title-font-size);
  font-style: var(--blog-list-title-font-style);
  font-weight: var(--blog-list-title-font-weight);
  line-height: var(--blog-list-title-line-height);
  -webkit-hyphens: var(--blog-list-title-hyphens);
  -ms-hyphens: var(--blog-list-title-hyphens);
  hyphens: var(--blog-list-title-hyphens);
  -webkit-text-decoration: var(--blog-list-title-text-decoration);
  text-decoration: var(--blog-list-title-text-decoration);
  text-transform: var(--blog-list-title-text-transform);
}

@media screen and (max-width: 720px) {
  div.table-container table,
div.table-container thead,
div.table-container tbody,
div.table-container th,
div.table-container td,
div.table-container tr {
    display: block;
  }
  div.table-container table tbody tr td {
    width: 100% !important;
    max-width: 100% !important;
  }

  footer.footer table tbody tr td {
    text-align: left;
  }
}
.sk-fading-circle {
  margin: 100px auto;
  width: 40px;
  height: 40px;
  position: relative;
}

.sk-fading-circle .sk-circle {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.sk-fading-circle .sk-circle:before {
  content: "";
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #333;
  border-radius: 100%;
  -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
  animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
  -webkit-transform: rotate(30deg);
  -ms-transform: rotate(30deg);
  transform: rotate(30deg);
}

.sk-fading-circle .sk-circle3 {
  -webkit-transform: rotate(60deg);
  -ms-transform: rotate(60deg);
  transform: rotate(60deg);
}

.sk-fading-circle .sk-circle4 {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.sk-fading-circle .sk-circle5 {
  -webkit-transform: rotate(120deg);
  -ms-transform: rotate(120deg);
  transform: rotate(120deg);
}

.sk-fading-circle .sk-circle6 {
  -webkit-transform: rotate(150deg);
  -ms-transform: rotate(150deg);
  transform: rotate(150deg);
}

.sk-fading-circle .sk-circle7 {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.sk-fading-circle .sk-circle8 {
  -webkit-transform: rotate(210deg);
  -ms-transform: rotate(210deg);
  transform: rotate(210deg);
}

.sk-fading-circle .sk-circle9 {
  -webkit-transform: rotate(240deg);
  -ms-transform: rotate(240deg);
  transform: rotate(240deg);
}

.sk-fading-circle .sk-circle10 {
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}

.sk-fading-circle .sk-circle11 {
  -webkit-transform: rotate(300deg);
  -ms-transform: rotate(300deg);
  transform: rotate(300deg);
}

.sk-fading-circle .sk-circle12 {
  -webkit-transform: rotate(330deg);
  -ms-transform: rotate(330deg);
  transform: rotate(330deg);
}

.sk-fading-circle .sk-circle2:before {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3:before {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

.sk-fading-circle .sk-circle4:before {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5:before {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6:before {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7:before {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8:before {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9:before {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10:before {
  -webkit-animation-delay: -0.3s;
  animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11:before {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12:before {
  -webkit-animation-delay: -0.1s;
  animation-delay: -0.1s;
}

@-webkit-keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes sk-circleFadeDelay {
  0%, 39%, 100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
/* FOOTER */
footer.footer {
  box-sizing: border-box;
  width: 100%;
  margin-bottom: 0;
  padding: 20px 0 !important;
  /* Make it stick! */
  position: absolute;
  bottom: 0;
  /* Magic number! */
  min-height: 88px;
}
footer.footer > div.wrap {
  max-width: var(--site-width);
  margin: 0 auto;
}
@media screen and (max-width: 640px) {
  footer.footer {
    padding: 0 8px !important;
  }
}

div.container footer.footer {
  padding-bottom: 40px;
}
@media screen and (max-width: 720px) {
  div.container footer.footer {
    padding-bottom: 0;
  }
}

/* Show footer in editmode! */
html.editmode footer.footer {
  bottom: 72px;
}

.main-menu li a,
.main-menu li a:hover {
  text-transform: uppercase !important;
}
.main-menu li {
  max-width: 156px;
}
.main-menu li a {
  line-height: 1.1 !important;
}

@media screen and (max-width: 640px) {
  .topbar {
    z-index: 100;
  }

  .topbar .toggle-btn.open {
    z-index: 999;
  }

  .topbar .mobile-menu.expanded {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #0080ffe0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .topbar .mobile-menu.expanded .menu .menu-item {
    text-align: left;
  }
  .topbar .mobile-menu.expanded .menu .menu-item a {
    background: none;
    color: #fff;
  }
}
header.header {
  box-sizing: border-box;
}
header.header [data-lang-code^=en]:after,
header.header [data-lang-code^=uk]:after {
  background-position: -63px -60px;
  content: "";
}
header.header .header-right {
  display: flex;
  align-items: center;
}
header.header .header-inner {
  position: relative;
}
header.header .header-inner .header-pseudo-logo {
  font-family: var(--font-one);
  font-size: var(--h1-font-size);
  font-weight: var(--h1-font-weight);
  margin-right: auto;
  position: absolute;
  top: -5px;
  left: 0;
  bottom: 0;
}
header.header .header-inner .header-pseudo-logo a {
  font-weight: 700;
  /*color: var(--content-title-color);*/
  color: white;
}
header.header .header-inner .header-pseudo-logo a:active, header.header .header-inner .header-pseudo-logo a:visited {
  /*color: var(--content-title-color);*/
  color:white;
}
@media screen and (max-width: 640px) {
  header.header {
    margin: 0;
  }
}

.front-page header.header {
  padding-top: 33px;
  padding-bottom: 33px;
  padding-right: 20px;
  padding-left: 20px;
  /* Override these */
  margin-top: 0;
  margin-bottom: 0;
  position: relative;
}

.content-page header.header {
  padding-top: 50px;
  padding-bottom: 30px;
  /* Override */
  margin-top: 0;
  margin-bottom: 0;
}

@media screen and (max-width: 640px) {
  .front-page .header,
.header {
    margin: 0;
  }
}

div.header-banner {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .header-banner {
    min-height: 340px;
    margin-right: 0;
    margin-left: 0;
  }
  .header-banner h1 span {
    font-size: 33px !important;
  }
}
.post__list .post h1 a,
.post__list .post time {
  font-size: 19px !important;
}
.post__list .post time {
  color: var(--blog-list-date-color) !important;
}
.post__list .post h1:hover a {
  color: var(--blog-list-date-color) !important;
}

main.content #root,
main.content #react-translations-root {
  /* React Style Reset */
  font-size: initial;
  /* React Style are "namescaped" to their root element (listed above) element */
}
main.content #root div.member-modal,
main.content #react-translations-root div.member-modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
}
main.content #root div.member-modal .close-button,
main.content #react-translations-root div.member-modal .close-button {
  position: absolute;
  top: 20px;
  right: 20px;
  font-size: 36px;
}
main.content #root div.member-modal.closed,
main.content #react-translations-root div.member-modal.closed {
  pointer-events: none;
}
main.content #root div.member-modal .member-modal-inner,
main.content #react-translations-root div.member-modal .member-modal-inner {
  max-height: 100%;
  max-width: 640px;
  overflow: auto;
  padding: 10px;
}
main.content #root div.member-modal .edit-row,
main.content #react-translations-root div.member-modal .edit-row {
  display: flex;
}
main.content #root div.member-modal .edit-row > div,
main.content #react-translations-root div.member-modal .edit-row > div {
  align-items: center;
  display: flex;
  width: 50%;
}
main.content #root div.members__wrapper,
main.content #react-translations-root div.members__wrapper {
  margin-bottom: 40px;
}
main.content #root div.members__filter,
main.content #react-translations-root div.members__filter {
  text-align: right;
}
@media screen and (max-width: 640px) {
  main.content #root div.members__filter,
main.content #react-translations-root div.members__filter {
    text-align: left;
  }
}
main.content #root div.member__list,
main.content #react-translations-root div.member__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 20px;
  row-gap: 40px;
  padding-bottom: 140px;
}
@media screen and (max-width: 640px) {
  main.content #root div.member__list,
main.content #react-translations-root div.member__list {
    display: block;
    padding-bottom: 200px;
  }
}
main.content #root div.member__list .member__wrapper,
main.content #react-translations-root div.member__list .member__wrapper {
  margin-bottom: 0;
  transition: all 200ms;
}
main.content #root div.member__list .member__wrapper p,
main.content #react-translations-root div.member__list .member__wrapper p {
  margin: 0;
  font-size: 15px;
}
main.content #root div.member__list .member__wrapper.active,
main.content #react-translations-root div.member__list .member__wrapper.active {
  cursor: pointer;
}
main.content #root div.member__list .member__wrapper.active:hover,
main.content #react-translations-root div.member__list .member__wrapper.active:hover {
  transform: translateY(-8px);
}
main.content #root div.member__list .member__wrapper.active:hover h2,
main.content #react-translations-root div.member__list .member__wrapper.active:hover h2 {
  color: var(--content-links-hover-color);
}
main.content #root div.members__example-keywords,
main.content #react-translations-root div.members__example-keywords {
  display: flex;
  justify-content: flex-end;
}
@media screen and (max-width: 640px) {
  main.content #root div.members__example-keywords,
main.content #react-translations-root div.members__example-keywords {
    justify-content: flex-start;
    flex-wrap: wrap;
  }
}
main.content #root div.members__example-keywords div,
main.content #react-translations-root div.members__example-keywords div {
  margin: 0;
  padding: 0;
  color: var(--content-links-hover-color);
  font-style: var(--content-links-hover-font-style);
  font-weight: 700;
  -webkit-text-decoration: var(--content-links-hover-text-decoration);
  text-decoration: var(--content-links-hover-text-decoration);
  text-transform: var(--content-links-hover-text-transform);
}
main.content #root div.members__example-keywords div .keyword,
main.content #react-translations-root div.members__example-keywords div .keyword {
  cursor: pointer;
  text-decoration: underline;
}
main.content #root .member-modal-inner h2,
main.content #react-translations-root .member-modal-inner h2 {
  font-size: 36px;
}
main.content #root .member-modal-inner p,
main.content #react-translations-root .member-modal-inner p {
  font-size: 20px;
}
@media screen and (max-width: 720px) {
  main.content #root .member-modal-inner h2,
main.content #react-translations-root .member-modal-inner h2 {
    font-size: 24px;
  }
  main.content #root .member-modal-inner p,
main.content #react-translations-root .member-modal-inner p {
    font-size: 18px;
  }
}

main.content #root {
  min-height: 20vh;
}

main.content #js-latest-articles {
  padding: 4px;
  margin-bottom: 40px;
}
main.content #js-latest-articles p {
  font-size: 21px;
}

.header .header-right .header-options {
  top: -5px;
  z-index: 100;
}

.container .content {
  font-size: initial;
  font-size: inherit;
  margin-bottom: 0;
  padding-bottom: 260px;
}
@media screen and (max-width: 720px) {
  .container .content {
    padding-bottom: 260px;
  }
}
@media screen and (max-width: 640px) {
  .container .content {
    padding: 0px;
    padding-bottom: 260px;
  }
}

@media screen and (max-width: 640px) {
  body div.container {
    padding: 0px;
    margin: 0;
  }

  body div.wrap {
    padding: 8px !important;
  }
}
.front-page .upcoming__events {
  border-radius: 4px 4px 0 0;
  margin: 0 auto;
  margin-top: 60px;
}
.front-page .upcoming__events > .upcoming__events__wrap {
  display: flex;
  padding: 4px;
  justify-content: center;
}
.front-page .upcoming__events > .upcoming__events__wrap .title__wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px;
  flex: 1;
}
@media screen and (min-width: 640px) {
  .front-page .upcoming__events > .upcoming__events__wrap .title__wrap {
    border-right-color: #158cba;
    border-right-style: solid;
    border-right-width: 2px;
    max-width: 250px;
  }
}
.front-page .upcoming__events .post__list {
  background-color: #fff;
  padding: 14px;
  flex: 1;
}
.front-page .upcoming__events .post .post-title {
  margin: 0;
  margin-bottom: 10px;
}
.front-page .upcoming__events .post {
  margin-bottom: 20px;
}
@media screen and (max-width: 640px) {
  .front-page .upcoming__events > .upcoming__events__wrap {
    display: block;
    padding: 4px;
    justify-content: center;
  }
  .front-page .upcoming__events > .upcoming__events__wrap .title__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    flex: 1;
    max-width: 100%;
  }
}

.member-page .container .content {
  padding-left: 0;
  padding-right: 0;
}

.content-formatted {
  word-break: keep-all !important;
}

@media screen and (max-width: 640px) {
  .content-formatted.post-intro-content h1 span {
    font-size: 32px !important;
  }
}