@charset "UTF-8";
@import url("https://use.typekit.net/hmg1rjn.css");
:root {
  --fs_large: 4rem;
  --fs_medium: 3rem;
  --fs_between: 1.6rem;
  --fs_normal: 1.4rem;
  --fs_small: 1.2rem;
  --lh_large: 1;
  --lh_medium: 1;
  --lh_between: 1;
  --lh_normal: 1.8rem;
  --lh_small: 1;
  --fixed-elems-height: 6.7rem;
  --main-color: #124485;
  --alt-color: purple;
}

/* Komori Gradient Blue */
/* Komori Dark Blue */
/* Komori Light Blue */
/* Komori Black */
/* Komori Highlight Green */
@keyframes subtilefadeIn {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  50% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@keyframes subtilefadeInFast {
  0% {
    opacity: 0;
    transform: translateY(-1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
@keyframes subtilefadeInUpFast {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0rem);
  }
}
.subtileFadeIn {
  animation: subtilefadeIn ease 2s;
}

.subtileFadeInFast {
  animation: subtilefadeIn ease 1s;
}

.subtileFadeInUpFast {
  animation: subtilefadeInUpFast ease 1s;
}

@font-face {
  font-family: "feather";
  src: url("fonts/icon-font/feather.eot?t=1525787366991"); /* IE9*/
  src: url("fonts/icon-font/feather.eot?t=1525787366991#iefix") format("embedded-opentype"), url("fonts/icon-font/feather.woff?t=1525787366991") format("woff"), url("fonts/icon-font/feather.ttf?t=1525787366991") format("truetype"), url("fonts/icon-font/feather.svg?t=1525787366991#feather") format("svg"); /* iOS 4.1- */
}
.feather,
.komori-icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "feather" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

* {
  margin: 0;
  padding: 0;
  text-decoration: none;
  border: none;
  box-sizing: border-box;
  backface-visibility: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  outline: none;
}

li, a, span {
  transition: 0.2s;
}

html, body {
  background: white;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 500;
  font-size: 10px;
}

strong {
  font-size: inherit;
  font-style: inherit;
  display: inline;
  color: inherit;
}

p a, p em, p i {
  font-size: inherit;
  color: inherit;
}

p a {
  text-decoration: underline;
  font-weight: inherit;
}

a {
  cursor: pointer;
  transition: opacity 0.5s;
}

button {
  cursor: pointer;
}

ul {
  list-style: none;
}

.hamburger-toggle {
  cursor: pointer;
  position: relative;
}
.hamburger-toggle input {
  display: none;
}
.hamburger-toggle label {
  box-sizing: content-box;
  padding-top: 4rem;
  padding-left: 2rem;
  padding-right: 3rem;
  margin-right: -3rem;
  position: relative;
  width: 45px;
  height: 40px;
  display: inline-block;
  transition: all 0.5s;
  text-align: left;
  cursor: pointer;
}
@media screen and (max-width: 888px) {
  .hamburger-toggle label {
    padding-top: 3rem;
    padding-right: 3rem;
    margin-right: -2.5rem;
    width: 30px;
  }
}
.hamburger-toggle div,
.hamburger-toggle div:before,
.hamburger-toggle div:after {
  background: #2D2D2D;
  position: absolute;
  height: 2px;
  width: 45px;
  transition: all 0.5s;
}
body.dark .hamburger-toggle div,
body.dark .hamburger-toggle div:before,
body.dark .hamburger-toggle div:after {
  background: white;
}
@media screen and (max-width: 888px) {
  .hamburger-toggle div,
  .hamburger-toggle div:before,
  .hamburger-toggle div:after {
    height: 1.2px;
    width: 30px;
  }
}
.hamburger-toggle label div:first-child {
  top: 26px;
  left: 20px;
}
.hamburger-toggle label div:nth-child(2) {
  top: 36px;
}
.hamburger-toggle label div:nth-child(3) {
  top: 46px;
}
@media screen and (max-width: 888px) {
  .hamburger-toggle label div:first-child {
    top: 20px;
  }
  .hamburger-toggle label div:nth-child(2) {
    top: 26px;
  }
  .hamburger-toggle label div:nth-child(3) {
    top: 32px;
  }
}

#menu35 + label {
  transform: translateY(1.5rem);
}
#menu35 + label div:first-child {
  transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}
#menu35 + label div:nth-child(2) {
  transition: transform 0.15s;
}
#menu35 + label div:nth-child(3) {
  transition: width 0.15s 0.15s, top 0.15s, right 0.15s, transform 0.15s;
}

#menu35:checked + label div:first-child,
body.case-pres-visible #menu35 + label div:first-child {
  top: 36px;
  transform: rotate(45deg);
  transition: width 0.15s, top 0.15s 0.15s, left 0.15s 0.15s, transform 0.15s 0.15s;
  background: white;
}
@media screen and (max-width: 888px) {
  #menu35:checked + label div:first-child,
  body.case-pres-visible #menu35 + label div:first-child {
    top: 26px;
  }
}
#menu35:checked + label div:nth-child(2),
body.case-pres-visible #menu35 + label div:nth-child(2) {
  transform: rotate(-45deg);
  transition: transform 0.15s 0.15s;
  background: white;
  top: 36px;
}
@media screen and (max-width: 888px) {
  #menu35:checked + label div:nth-child(2),
  body.case-pres-visible #menu35 + label div:nth-child(2) {
    top: 26px;
  }
}
#menu35:checked + label div:nth-child(3),
body.case-pres-visible #menu35 + label div:nth-child(3) {
  right: 5.5%;
  top: 46%;
  transform: rotate(45deg);
  transition: width 0.15s, top 0.15s 0.15s, right 0.15s 0.15s, transform 0.15s 0.15s;
  background: white;
  opacity: 0;
}
body {
  background: #F0F1F5;
}
body.fixed {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: scroll;
}
body.header-fixed:not(.tpl_2fa-pages) {
  padding-top: var(--fixed-elems-height);
}

.site-container {
  overflow: hidden;
  font-size: 1.4rem;
}

/* Header 1 */
h1 {
  font-weight: 600;
  font-size: 3.6rem;
  line-height: 1;
  color: #124485;
}

/* Header 2 */
h2 {
  font-weight: 600;
  font-size: 2.8rem;
  line-height: 1;
  color: #124485;
}

/* Header 3 */
h3 {
  font-size: 2.1rem;
  line-height: 1;
  color: #124485;
}

/* Header 4 */
h4 {
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 1.6rem;
  color: #124485;
}

.animated {
  animation-duration: 5s !important;
}

@media screen and (max-width: 888px) {
  .mobile-hide {
    display: none;
  }
}

@media screen and (min-width: 888px) {
  .mobile-show {
    display: none;
  }
}

.site-wrapper {
  font-size: var(--fs_normal);
  font-weight: 400;
  min-height: 100vh;
  margin: 0 auto;
}

.two-columns {
  display: grid;
  grid-gap: 2rem;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 888px) {
  .two-columns {
    grid-template-columns: repeat(1, 1fr);
  }
}

.three-columns {
  grid-gap: 2rem;
  display: grid;
  grid-template-columns: 1fr 2fr;
}
@media screen and (max-width: 888px) {
  .three-columns {
    grid-template-columns: repeat(1, 1fr);
  }
}

section {
  position: relative;
  z-index: 0;
}
section.page-section {
  padding: 4rem 3.5rem;
}
section.page-section section.page-section {
  padding: 0;
}
section.page-section .page-section-inner {
  max-width: calc(118rem);
  margin: 0 auto;
  position: relative;
}
section.page-section p {
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
}
section.page-section.page-section-page-title {
  z-index: 2;
}
@media screen and (max-width: 888px) {
  section.page-section.page-section-page-title .page-section-inner {
    padding-top: 2rem;
    padding-bottom: 5rem;
  }
}
section.page-section.page-section-page-title + .page-section {
  margin-top: -6rem;
}
section.page-section.page-section-page-title .breadcrumbs-container {
  margin-bottom: 1rem;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li {
  display: inline-block;
  vertical-align: top;
  padding: 0.5rem 0;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li a {
  font-weight: 600;
  color: #124485;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li a:hover {
  text-decoration: underline;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li:not(:first-child):before {
  content: "•";
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li.current-page a {
  font-weight: 500;
  pointer-events: none;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li.current-page a:hover {
  text-decoration: inherit;
}
section.page-section.page-section-page-title .breadcrumbs-container .breadcrumbs-list li.breadcrumb-parent span {
  color: #124485;
  font-weight: 600;
}

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

ul:not([class]) li.first-line-highlight {
  color: #44AF01;
}

.ac-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 1200px;
  margin: 0 auto;
}
.ac-video-container iframe, .ac-video-container object, .ac-video-container embed, .ac-video-container video {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.button {
  display: inline-flex;
  flex-direction: row;
  position: relative;
  cursor: pointer;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
  border-radius: 0.5rem;
  color: white;
  background: #2858BC;
  font-size: var(--fs_small);
  align-items: center;
  height: 4.1rem;
  padding-left: 1rem;
  padding-right: 1.5rem;
  font-weight: 700;
  transition: all 0.2s ease-in-out;
}
.button span {
  position: relative;
  z-index: 1;
}
.button .komori-icon {
  font-size: 1.6rem;
  transform: translateY(-0.1rem);
  margin-right: 1rem;
}
.button:hover {
  opacity: 0.8;
}

.asset-variation-language {
  display: inline-flex;
  flex-direction: row;
  color: #606060;
  padding: 0 1rem;
  align-items: center;
  font-weight: 500;
}
.asset-variation-language:before {
  display: inline-block;
  vertical-align: top;
  border-radius: 100%;
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  background: lightgray;
  margin-right: 0.8rem;
  background-size: cover;
  background-position: center;
  position: relative;
  top: -0.1rem;
}
.asset-variation-language[data-lang=en]:before {
  background-image: url("flags/flag-uk.png");
}
.asset-variation-language[data-lang=fr]:before {
  background-image: url("flags/flag-france.png");
}
.asset-variation-language[data-lang=de]:before {
  background-image: url("flags/flag-germany.png");
}
.asset-variation-language[data-lang=es]:before {
  background-image: url("flags/flag-spain.png");
}
.asset-variation-language[data-lang=it]:before {
  background-image: url("flags/flag-italian.png");
}

body.tpl_2fa-pages .site-wrapper {
  min-height: 100vh;
  background-size: cover;
  background-image: url(../komori23-images/komori-full-bg.png);
}
body.tpl_2fa-pages .page-section-2fa-content .page-section-inner {
  min-height: 80vh;
}

.komori23-login-container {
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  background: white;
  padding: 5rem;
  padding-top: 4rem;
  width: 48.8rem;
}
@media screen and (max-width: 500px) {
  .komori23-login-container {
    width: 90%;
    padding: 2.5rem;
    padding-top: 3.5rem;
  }
}
.komori23-login-container .my-komori-logo {
  margin-bottom: 2rem;
}

.um-login form {
  display: flex;
  flex-direction: column;
}
.um-login form .um-col-alt {
  order: 3;
}
.um-login form .um-col-alt .um-center {
  text-align: right;
}
.um-login form .um-col-alt input[type=submit].um-button {
  margin-top: 2rem;
  background: #124485;
}
@media screen and (max-width: 500px) {
  .um-login form .um-col-alt input[type=submit].um-button {
    width: 100% !important;
  }
}
.um-login form .um-col-alt-b {
  padding-top: 0;
  order: 2;
  text-align: left;
}
.um-login form .um-col-alt-b a {
  text-align: left;
  text-decoration: underline !important;
  margin-top: -1.5rem;
  font-size: 1.2rem;
}

/* ultimate member */
body .um-profile {
  padding-top: 100px;
}
body .um-profile .um-cover,
body .um-profile .um-cover-e,
body .um-profile .um-profile-photo {
  display: none;
}
body .um-profile .um-profile-edit {
  right: auto;
}
body .um-profile .um-profile-meta {
  padding-left: 150px !important;
}
body .um-profile .um-profile-meta .um-profile-status {
  display: block;
}
body .um-postmessage {
  line-height: 1.5;
}
body .um-form .komori-request-account-form .um-field-user_password {
  display: none;
}

section.page-section.page-section-search-results .search-result-part-container:not(:first-child) {
  padding-top: 2rem;
}
section.page-section.page-section-search-results .search-result-term {
  color: #2D2D2D;
}
section.page-section.page-section-search-results h1.search-result-heading {
  padding-bottom: 6rem;
}
@media screen and (max-width: 888px) {
  section.page-section.page-section-search-results h1.search-result-heading {
    padding-bottom: 2rem;
  }
}
section.page-section.page-section-search-results .mobile-search-container {
  display: none;
}
@media screen and (max-width: 888px) {
  section.page-section.page-section-search-results .mobile-search-container {
    position: relative;
    width: 100%;
    display: block;
    position: relative;
  }
  section.page-section.page-section-search-results .mobile-search-container input[type=text] {
    width: 37rem;
    height: 4.1rem;
    background: white;
    padding-right: 1.5rem;
    padding-left: 3.5rem;
  }
}
@media screen and (max-width: 888px) and (max-width: 888px) {
  section.page-section.page-section-search-results .mobile-search-container input[type=text] {
    border-radius: 1rem 0;
  }
}
@media screen and (max-width: 888px) {
  section.page-section.page-section-search-results .mobile-search-container input[type=text]:focus + button[type=submit] i:after {
    opacity: 1;
    right: 1.5rem;
  }
  section.page-section.page-section-search-results .mobile-search-container button[type=submit] i:after {
    position: absolute;
    top: 0;
    line-height: 4.1rem;
    font-family: "feather";
    transition-property: right;
    transition-duration: 0.5s;
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-delay: 0;
    font-size: 2rem;
    content: "\e829";
    font-weight: normal;
    color: #124485;
    right: 1.9rem;
    opacity: 0;
    font-style: normal;
    height: 4.1rem;
    width: 3.8rem;
  }
  section.page-section.page-section-search-results .mobile-search-container:before {
    position: absolute;
    left: 1rem;
    top: 1.2rem;
    font-size: 1.6rem;
    font-family: "feather";
    content: "\e8bd";
    z-index: 1;
  }
  section.page-section.page-section-search-results .mobile-search-container input[type=text] {
    width: 100%;
  }
}

#field_2_8 {
  display: none !important;
}

.user-role-guest #wpadminbar {
  display: none;
}
.user-role-guest .site-fixed-elements {
  top: 0px !important;
}

.single-customer_portal .page-info-title p {
  margin-top: 0.5em;
}

.site-fixed-elements {
  position: fixed;
  height: var(--fixed-elems-height);
  top: 0;
  width: 100%;
  left: 0;
  z-index: 4;
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
}
body:not(.header-fixed) .site-fixed-elements {
  position: relative;
}
body.admin-bar .site-fixed-elements {
  top: 32px;
}
.site-fixed-elements .fixed-elements-inner {
  height: 100%;
  max-width: calc(118rem);
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}
@media screen and (min-width: 888px) and (max-width: 1180px) {
  .site-fixed-elements .fixed-elements-inner {
    padding: 0 3.5rem;
  }
}
.site-fixed-elements a.header-logo {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  height: var(--fixed-elems-height);
  width: auto;
  display: flex;
  flex-direction: row;
  position: relative;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 888px) {
  .site-fixed-elements a.header-logo {
    flex-basis: 16rem;
    flex-shrink: 0;
  }
}
.site-fixed-elements a.header-logo svg, .site-fixed-elements a.header-logo img {
  height: 1.5rem;
  width: auto;
}
@media screen and (max-width: 888px) {
  .site-fixed-elements a.header-logo svg, .site-fixed-elements a.header-logo img {
    height: calc(var(--fixed-elems-height) / 1.5);
  }
}
.site-fixed-elements a.header-logo svg *, .site-fixed-elements a.header-logo img * {
  fill: #124485;
}
body.scrolled-down .site-fixed-elements a.header-logo {
  transform: scale(0.7);
  transform-origin: left top;
}
.site-fixed-elements .language-switcher-container {
  position: relative;
  width: 14rem;
  right: 0;
}
.site-fixed-elements .language-switcher-container .trp-ls-shortcode-current-language,
.site-fixed-elements .language-switcher-container .trp-ls-shortcode-language {
  width: auto !important;
  padding-left: 0;
  padding-right: 3rem;
  border-radius: 1rem 0;
  border-color: #D7D7D7;
}
.site-fixed-elements .language-switcher-container .trp-ls-shortcode-language {
  padding-right: 2.2rem;
}
@media screen and (max-width: 888px) {
  .site-fixed-elements .language-switcher-container {
    top: 0.1rem;
    left: -1rem;
  }
  .site-fixed-elements .language-switcher-container > div {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .site-fixed-elements .language-switcher-container .trp-ls-shortcode-current-language {
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }
  .site-fixed-elements .language-switcher-container .trp-ls-shortcode-current-language,
  .site-fixed-elements .language-switcher-container .trp-ls-shortcode-language {
    background-image: none !important;
    padding-right: 0;
    padding-left: 0;
    border: 1px solid lightgray;
  }
  .site-fixed-elements .language-switcher-container .trp-ls-shortcode-language {
    border: 1px solid black;
  }
  .site-fixed-elements .language-switcher-container div > a {
    font-size: 0 !important;
    padding: 0.7rem 0.5rem;
  }
}
.site-fixed-elements .logout-container {
  position: absolute;
  right: 0;
}
.site-fixed-elements .logout-container .button {
  border-radius: 1rem 0;
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%);
  padding: 0 1.5rem;
}
.site-fixed-elements .logout-container .button i {
  margin-left: 1rem;
  font-style: normal;
}
.site-fixed-elements .logout-container .button i:after {
  font-size: 1.2rem;
  font-family: "feather";
  content: "\e888";
}
@media screen and (max-width: 888px) {
  .site-fixed-elements .logout-container .button {
    font-size: 0;
  }
  .site-fixed-elements .logout-container .button i {
    margin-left: 0;
  }
}
@media screen and (max-width: 888px) {
  .site-fixed-elements .logout-container {
    right: 2rem;
  }
  .site-fixed-elements .logout-container > span.name {
    display: none;
  }
}
.site-fixed-elements .header-search-container {
  margin-right: 0;
  position: relative;
  height: 4.1rem;
}
.site-fixed-elements .header-search-container input[type=text] {
  width: 37rem;
  height: 4.1rem;
  background: #F0F1F5;
  padding-right: 1.5rem;
  padding-left: 3.5rem;
}
@media screen and (max-width: 888px) {
  .site-fixed-elements .header-search-container input[type=text] {
    border-radius: 1rem 0;
  }
}
.site-fixed-elements .header-search-container input[type=text]:focus + button[type=submit] i:after {
  opacity: 1;
  right: 1.5rem;
}
.site-fixed-elements .header-search-container button[type=submit] i:after {
  position: absolute;
  top: 0;
  line-height: 4.1rem;
  font-family: "feather";
  transition-property: right;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  font-size: 2rem;
  content: "\e829";
  font-weight: normal;
  color: #124485;
  right: 1.9rem;
  opacity: 0;
  font-style: normal;
  height: 4.1rem;
  width: 3.8rem;
}
.site-fixed-elements .header-search-container:before {
  position: absolute;
  left: 1rem;
  top: 1.2rem;
  font-size: 1.6rem;
  font-family: "feather";
  content: "\e8bd";
  z-index: 1;
}
@media screen and (max-width: 888px) {
  .site-fixed-elements .header-search-container {
    position: absolute;
    width: 3.6rem;
    overflow: hidden;
    right: 7rem;
    top: 1.3rem;
    border-radius: 1rem 0;
  }
}

.header-menu {
  background: transparent;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.header-menu .header-menu-items {
  display: flex;
  flex-direction: row;
}
.header-menu li {
  align-items: center;
  font-size: var(--fs_menu);
}
.header-menu li a {
  display: block;
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  padding: 0 1.1rem;
  text-decoration: none;
  color: #2D2D2D;
}
.header-menu li a span {
  position: relative;
}
.header-menu li[class*=current] a {
  pointer-events: none;
}

.page-top {
  position: absolute;
  width: 100%;
}
.page-top img {
  width: 100%;
  heigth: auto;
}

.komori-cards {
  display: grid;
  grid-template-columns: false;
  gap: 2rem;
  grid-template-columns: repeat(3, calc(33% - 1rem));
  margin-bottom: 2rem;
}
@media screen and (max-width: 888px) {
  .komori-cards {
    display: block;
    margin-bottom: 0;
  }
}
.komori-cards.dashboard-top {
  grid-template-columns: calc(33% - 1rem) 66%;
}
.komori-cards.dashboard-bottom {
  grid-template-columns: 1fr;
}
h2 + .komori-cards {
  margin-top: 2rem;
}

.komori-card {
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  border-radius: 1rem 0;
  display: flex;
  flex-direction: column;
}
.komori-card.blue {
  min-height: 10em;
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%) !important;
}
.komori-card.blue * {
  color: white !important;
}
.komori-card.blue p {
  margin-top: 0.5em;
}
.komori-card.green {
  min-height: 10em;
  background: linear-gradient(143.45deg, #878988 11.99%, #D6D6D6 89.58%) !important;
}
.komori-card.green * {
  color: white !important;
}
.komori-card.green p {
  margin-top: 0.5em;
}
@media screen and (max-width: 888px) {
  .komori-card {
    margin-bottom: 2rem;
  }
}
.komori-card .show-more {
  display: block;
  text-align: right;
  color: #124485;
  font-size: 1.6rem;
  margin-top: auto;
}
.komori-card .show-more:hover {
  text-decoration: underline;
}
.komori-card.komori-card-event .komori-card-header {
  padding-bottom: 1.4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  width: calc(100% + 2 * 2rem);
  transform: translateX(-2rem);
  margin-top: calc(-2rem + 1.4rem);
  border-bottom: 1px solid #F0F1F5;
  margin-bottom: 2rem;
  width: calc(100% + 2 * 2rem);
  transform: translateX(-2rem);
}
.komori-card.komori-card-event .komori-card-header h2 {
  color: #124485;
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
}
.komori-card.komori-card-event .komori-card-header h2 a {
  color: inherit;
}
.komori-card.komori-card-event .event-meta-container {
  margin-bottom: 2rem;
}
.komori-card.komori-card-event .komori-card-content {
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
  margin-bottom: 1rem;
}
.komori-card.komori-card-event .show-more {
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
  font-weight: 700;
}
.komori-card.komori-card-news-article {
  border-radius: 1rem 0;
}
.komori-card.komori-card-news-article .komori-card-header {
  padding-bottom: 1rem;
  margin-top: calc(-2rem + 1.4rem);
  border-bottom: 1px solid #F0F1F5;
  margin-bottom: 2rem;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.komori-card.komori-card-news-article .komori-card-content .article-link {
  display: flex;
  flex-direction: row;
  padding-bottom: 2rem;
}
.komori-card.komori-card-news-article .komori-card-content .article-link img {
  align-self: flex-start;
  max-width: 8.7rem;
  height: auto;
  max-height: 8.7rem;
  width: auto;
  border-radius: 1rem 0;
}
.komori-card.komori-card-news-article .komori-card-content .article-link h2 {
  font-size: var(--fs_between);
  line-height: var(--lh_between);
  flex: 1 1 auto;
  padding-left: 1.5rem;
}
.komori-card.komori-card-list {
  border-radius: 1rem 0;
}
.komori-card.komori-card-list .komori-card-header .card-header-inner,
.komori-card.komori-card-list .komori-card-header .card-header-inner a {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.komori-card.komori-card-list .komori-card-header .card-header-inner a:not([href]) {
  pointer-events: none;
}
.komori-card.komori-card-list .komori-card-header .card-header-image {
  height: 5.6rem;
  width: 8.4rem;
  border-radius: 1rem 0;
  display: inline-block;
  vertical-align: top;
  background: #F0F1F5;
  margin-right: 2rem;
  overflow: hidden;
}
.komori-card.komori-card-list .komori-card-header .card-header-image img {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 100%;
  height: auto;
  max-width: initial;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
}
.komori-card.komori-card-list .komori-card-header h2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  color: #2D2D2D;
}
.komori-card.komori-card-list .komori-card-header h2 a {
  color: #124485;
}
.komori-card.komori-card-list ul {
  width: calc(100% + 2 * 2rem);
  transform: translateX(-2rem);
  margin: 2rem 0;
}
.komori-card.komori-card-list ul a {
  display: flex;
  flex-direction: row;
  position: relative;
  transition-property: padding;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  color: #124485;
  min-height: 3.6rem;
  padding: 0.7rem 2rem;
  padding-right: calc(2rem * 3);
  align-items: center;
  font-size: var(--fs_between);
}
.komori-card.komori-card-list ul a:before {
  position: absolute;
  content: "";
  height: 0.2rem;
  background: #F0F1F5;
  bottom: -0.1rem;
  left: 2rem;
  right: 2rem;
  transition-property: height;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
}
.komori-card.komori-card-list ul a:after {
  position: absolute;
  font-family: "feather";
  transition-property: right;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  font-size: 2rem;
  content: "\e829";
  font-weight: normal;
  color: #124485;
  right: calc(2rem + 1.5rem);
  opacity: 0;
}
.komori-card.komori-card-list ul a:hover {
  background: rgb(249.18, 249.568, 251.12);
}
.komori-card.komori-card-list ul a:hover:before {
  height: 0.1rem;
}
.komori-card.komori-card-list ul a:hover:after {
  opacity: 1;
  right: calc(2rem + 0.3rem);
}

.page-info-container {
  float: left;
  width: 33.3333333333%;
  height: 12.8rem;
  margin-bottom: 2rem;
  justify-content: center;
  text-align: center;
}
.page-info-container .parent-title {
  display: inline-flex;
  flex-direction: row;
  border-radius: 1rem 0;
  font-size: var(--fs_between);
  line-height: var(--lh_between);
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%);
  padding: 0.4rem 0.6rem;
  font-style: italic;
  color: white;
  margin-top: 1rem;
}
@media screen and (max-width: 888px) {
  .page-info-container {
    width: 100%;
    height: auto;
  }
}

.page-info-support {
  float: left;
  width: calc(66.6666666667% - 2rem);
  margin-left: 2rem;
  height: 12.8rem;
}
@media screen and (max-width: 888px) {
  .page-info-support {
    display: none;
  }
}
.page-info-support .support-columns {
  display: flex;
  flex-direction: row;
  margin-top: 1rem;
  justify-content: space-between;
}
.page-info-support .support-column {
  display: flex;
  flex-direction: row;
  padding-right: 2rem;
}
.page-info-support .support-column .support-profile-image {
  height: 6rem;
  width: 6rem;
  border-radius: 100%;
  overflow: hidden;
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%);
  padding: 0.3rem;
  margin-right: 2rem;
}
.page-info-support .support-column .support-profile-image img {
  border-radius: 100%;
  height: 100%;
  width: auto;
}
.page-info-support .support-column .support-column-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.page-info-support .support-column .support-column-content h4 {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.page-info-support .support-column .icon-container {
  border-radius: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  background: #F0F1F5;
  width: 4rem;
  height: 4rem;
  color: #124485;
  align-self: center;
  font-size: 2rem;
  margin-right: 0.8rem;
}
.page-info-support .support-column p {
  color: #2D2D2D;
}
.page-info-support .support-column .heading {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  line-height: 1.9rem;
  color: #124485;
}
.page-info-support .support-column .heading + .timezone {
  margin-top: 0.5rem;
}
.page-info-support .support-column:hover .icon-container {
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%);
  color: white;
  transform: scale(1.1);
}
.page-info-support .support-column:hover .heading {
  text-decoration: underline;
}

section.page-section-assets-overview {
  clear: both;
}
section.page-section-assets-overview h2 {
  margin-top: -2rem;
}
section.page-section-assets-overview .assets-overview-top {
  margin-top: 3.2rem;
  height: 2.8rem;
  position: relative;
  margin-bottom: 1.2rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-top {
    height: auto;
  }
}
section.page-section-assets-overview .assets-overview-top:after {
  position: absolute;
  content: "";
  border-bottom: 0.2rem solid #2D2D2D;
  bottom: -2px;
  left: 0;
  right: 0;
  z-index: 2;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-top:after {
    border-width: 0;
    /* (full width bottom line) */
  }
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list {
  height: 100%;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item {
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  font-size: var(--fs_between);
  line-height: var(--lh_between);
  color: #2D2D2D;
  height: 100%;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > a, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > span {
  height: 100%;
  color: inherit;
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0 1rem;
  position: relative;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > a, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > span {
    font-size: var(--fs_normal);
    line-height: var(--lh_normal);
    padding: 0 0.5rem;
    height: 2.5rem;
    margin-bottom: 1rem;
  }
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > a:before, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > span:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -0.2rem;
  height: 0;
  border-radius: 1rem;
  background: #2858BC;
  z-index: 1;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > a .asset-type-count, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item > span .asset-type-count {
  display: none;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item.selected > a, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item.selected > span, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:hover > a, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:hover > span {
  color: #2858BC;
  font-weight: 700;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item.selected > a:before, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item.selected > span:before, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:hover > a:before, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:hover > span:before {
  height: 0.4rem;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:not(.selected):hover > a, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:not(.selected):hover > span {
  font-weight: inherit;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:not(.selected):hover > a:before, section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item:not(.selected):hover > span:before {
  background: #D7D7D7;
}
section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item .komori-icon {
  margin-right: 1rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-top ul.ao-types-list li.ao-types-item .komori-icon {
    margin-right: 0.5rem;
    transform: translateY(0.3rem);
  }
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .komori-asset-tags {
    margin-top: -1rem;
  }
}
section.page-section-assets-overview .assets-overview-filter-top {
  padding: 2rem 0;
  display: flex;
  flex-direction: row;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-filter-top {
    padding: 0;
    padding-top: 1rem;
  }
}
section.page-section-assets-overview .assets-overview-filter-top .filter-toggle .button {
  background: white;
  color: #2858BC;
}
section.page-section-assets-overview .assets-overview-filter-top ul.active-filters-list {
  display: flex;
  flex-direction: row;
}
section.page-section-assets-overview .assets-overview-filter-top .button {
  margin-right: 1rem;
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search {
  margin-left: auto;
  position: relative;
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search input[type=text] {
  width: 37rem;
  height: 4.1rem;
  background: white;
  padding-right: 1.5rem;
  padding-left: 3.5rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-filter-top .aof-top-search input[type=text] {
    border-radius: 1rem 0;
  }
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search input[type=text]:focus + button[type=submit] i:after {
  opacity: 1;
  right: 1.5rem;
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search button[type=submit] i:after {
  position: absolute;
  top: 0;
  line-height: 4.1rem;
  font-family: "feather";
  transition-property: right;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  font-size: 2rem;
  content: "\e829";
  font-weight: normal;
  color: #124485;
  right: 1.9rem;
  opacity: 0;
  font-style: normal;
  height: 4.1rem;
  width: 3.8rem;
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search:before {
  position: absolute;
  left: 1rem;
  top: 1.2rem;
  font-size: 1.6rem;
  font-family: "feather";
  content: "\e8bd";
  z-index: 1;
}
section.page-section-assets-overview .assets-overview-filter-top .aof-top-search input {
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  padding-left: 3.5rem;
}
section.page-section-assets-overview .assets-overview-container {
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  font-size: var(--fs_between);
  line-height: var(--lh_between);
  min-height: 20rem;
  margin-bottom: 2rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-container {
    font-size: var(--fs_normal);
    line-height: var(--lh_normal);
    /* full width size */
  }
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results {
  margin-bottom: 1rem;
  width: 100% !important;
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results thead td:last-child {
  text-align: right;
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item td {
  padding: 1.2rem 0;
  box-shadow: none !important;
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item td.asset-title {
  padding-right: 1rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item td.asset-variations {
    text-align: left;
  }
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item i.komori-icon {
  color: #124485;
  margin-right: 1rem;
  margin-left: 1rem;
  font-size: 1.8rem;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item i.komori-icon {
    margin-left: 0;
    margin-right: 0.5rem;
  }
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item .asset-title a {
  color: inherit;
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item.no-files i.komori-icon {
  color: white;
}
section.page-section-assets-overview .assets-overview-container table#komori-assets-query-results tr.komori-asset-item.no-files .asset-actions {
  font-size: 0;
}
section.page-section-assets-overview .assets-overview-container .dataTables_length,
section.page-section-assets-overview .assets-overview-container #komori-assets-query-results_filter {
  display: none;
}
section.page-section-assets-overview .assets-overview-container .button {
  height: 2rem;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_type {
  display: none;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li {
  display: inline-flex;
  flex-direction: row;
  padding: 0;
  padding-right: 1em;
  position: relative;
}
@media screen and (max-width: 888px) {
  section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li {
    margin: 0.6rem 0;
  }
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li:not(:last-child):after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background: #2D2D2D;
  right: 0;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li label {
  color: #124485;
  font-weight: 600;
  cursor: pointer;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li label:hover {
  color: #2D2D2D;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li label .sf-count {
  font-weight: 500;
  color: #2D2D2D;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li input {
  display: none;
}
section.page-section-assets-overview .sf-field-taxonomy-komori_asset_tag li input:checked + label {
  text-decoration: underline;
}

.komori-card-featured-items {
  display: block;
}
.komori-card-featured-items .featured-swiper {
  display: flex;
  flex-direction: row;
}
.komori-card-featured-items .featured-swiper h3 {
  margin-bottom: 1rem;
}
.komori-card-featured-items .featured-swiper .komori-card-content {
  margin: 2rem 0;
}
.komori-card-featured-items .featured-swiper .komori-card-content .featured-element-container {
  height: 100%;
}
@media screen and (max-width: 888px) {
  .komori-card-featured-items .featured-swiper .komori-card-content .featured-element-container h3 {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 888px) {
  .komori-card-featured-items .featured-swiper .komori-card-content .featured-element-container .featured-element-content {
    display: inline-block;
    margin-left: 50%;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    transform: translateX(-50%);
  }
}
.komori-card-featured-items .featured-swiper .komori-card-content .featured-element-container img {
  max-width: 100%;
  max-height: 20rem;
  width: initial;
}

section.section-footer-end {
  line-height: 1.5;
  padding: 0;
  padding-bottom: 2rem;
  color: white;
}
section.section-footer-end .page-section-inner {
  display: flex;
  flex-direction: row;
}
section.section-footer-end .page-section-inner p, section.section-footer-end .page-section-inner ul {
  font-size: var(--fs_small);
}
section.section-footer-end ul {
  padding-left: 0.7rem;
}
section.section-footer-end ul li {
  display: inline-block;
}
section.section-footer-end ul li a {
  color: white;
}
section.section-footer-end ul li a:before {
  content: " | ";
}
section.section-footer-end ul li a:hover {
  text-decoration: underline;
}

.hamburger-menu-wrapper {
  transition-property: opacity;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 3;
}
body.hamburger-visible .hamburger-menu-wrapper {
  opacity: 1;
  pointer-events: auto;
}
.hamburger-menu-wrapper .hamburger-inner {
  height: 100%;
  max-width: calc(118rem);
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3.5rem;
}
.hamburger-menu-wrapper ul.hamburger-menu-items {
  font-size: var(--fs_between);
  opacity: 0;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
  transition-delay: 0.2s;
  font-weight: 600;
  color: white;
}
body.hamburger-visible .hamburger-menu-wrapper ul.hamburger-menu-items {
  opacity: 1;
}
.hamburger-menu-wrapper ul.hamburger-menu-items li {
  transform: translateX(-100%);
  transition-property: all;
  transition-duration: 0.6s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
}
body.hamburger-visible .hamburger-menu-wrapper ul.hamburger-menu-items li {
  transform: translateX(0);
}
.hamburger-menu-wrapper ul.hamburger-menu-items li a {
  display: inline-block;
  color: white;
  margin: 1.5rem 0;
}
.hamburger-menu-wrapper ul.hamburger-menu-items li.current_page_item a, .hamburger-menu-wrapper ul.hamburger-menu-items li.current_page_parent a, .hamburger-menu-wrapper ul.hamburger-menu-items li.current-menu-item a {
  text-decoration: underline;
}
.hamburger-menu-wrapper ul.hamburger-menu-items li.current_page_item a:hover:before, .hamburger-menu-wrapper ul.hamburger-menu-items li.current_page_parent a:hover:before, .hamburger-menu-wrapper ul.hamburger-menu-items li.current-menu-item a:hover:before {
  display: none;
}
.page-transition-overlay.hamburger {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  overflow: hidden;
  pointer-events: none;
  z-index: 3;
  transition: opacity 0.4s;
}
.page-transition-overlay.hamburger .overlay-inner {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  background: #2D2D2D;
  border-radius: 50%;
  transform: scale(3) translate(75%, -75%);
  transition-property: transform;
  transition-duration: 1.4s;
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-delay: 0;
}
body.hamburger-visible .page-transition-overlay.hamburger .overlay-inner {
  transform: scale(2) translate(0%, 0%);
}

.page-section .content-text-page h2 {
  font-family: "Proxima Nova", sans-serif;
  font-weight: 700;
  font-size: var(--fs_between);
  line-height: var(--lh_between);
}
.page-section .content-text-page h3 {
  padding: 2rem 0;
}
.page-section .content-text-page h3:empty {
  display: none;
}
.page-section .content-text-page img {
  max-width: 100%;
  margin: 4rem 0;
  height: auto !important;
}
.page-section .content-text-page p {
  padding-bottom: 2.5rem;
}
.page-section .content-text-page p + ul {
  margin-top: 2rem;
}

.event-detail-container {
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  border-radius: 1rem 0;
  display: flex;
  flex-direction: row;
  gap: 10rem;
}
@media screen and (max-width: 888px) {
  .event-detail-container {
    display: block;
  }
}
.event-detail-container .event-detail-content {
  flex: 0 0 50%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.event-detail-container .event-detail-content h1 {
  font-size: var(--fs_medium);
  line-height: var(--lh_medium);
  font-weight: 500;
  margin-bottom: 3rem;
}
.event-detail-container .event-detail-image {
  flex: auto;
}
.event-detail-container .event-detail-image img {
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 888px) {
  .event-detail-container .event-detail-image {
    margin-top: 2rem;
  }
}

.event-meta-container {
  font-size: var(--fs_normal);
  line-height: var(--lh_normal);
  font-weight: 600;
  margin-top: 2rem;
}
.event-meta-container .event-meta-elem {
  margin-bottom: 1.5rem;
  display: flex;
  flex-direction: row;
}
.event-meta-container .event-meta-elem .icon {
  margin-right: 2rem;
}
.event-meta-container .event-meta-elem .whole-day-event {
  color: #124485;
  display: inline-block;
  vertical-align: top;
  padding: 0.3rem 0;
}

.news-detail-meta .publish-date,
.news-detail-meta .categories,
.komori-card-news-article .komori-card-header .publish-date,
.komori-card-news-article .komori-card-header .categories {
  font-weight: 600;
  color: #124485;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.news-detail-meta .publish-date .komori-icon,
.news-detail-meta .categories .komori-icon,
.komori-card-news-article .komori-card-header .publish-date .komori-icon,
.komori-card-news-article .komori-card-header .categories .komori-icon {
  margin-right: 0.5rem;
  transform: translateY(-0.15rem);
}
.news-detail-meta .publish-date li,
.news-detail-meta .categories li,
.komori-card-news-article .komori-card-header .publish-date li,
.komori-card-news-article .komori-card-header .categories li {
  display: inline-block;
  vertical-align: top;
}
.news-detail-meta .publish-date li:after,
.news-detail-meta .categories li:after,
.komori-card-news-article .komori-card-header .publish-date li:after,
.komori-card-news-article .komori-card-header .categories li:after {
  content: "|";
  padding-left: 0.5rem;
}
.news-detail-meta .publish-date li:last-child:after,
.news-detail-meta .categories li:last-child:after,
.komori-card-news-article .komori-card-header .publish-date li:last-child:after,
.komori-card-news-article .komori-card-header .categories li:last-child:after {
  display: none;
}
.news-detail-meta .publish-date li a,
.news-detail-meta .categories li a,
.komori-card-news-article .komori-card-header .publish-date li a,
.komori-card-news-article .komori-card-header .categories li a {
  color: inherit;
}
.news-detail-meta .publish-date li a:hover,
.news-detail-meta .categories li a:hover,
.komori-card-news-article .komori-card-header .publish-date li a:hover,
.komori-card-news-article .komori-card-header .categories li a:hover {
  text-decoration: underline;
}

section.page-section-news-detail .page-section-inner {
  display: flex;
  flex-direction: row;
  gap: 2rem;
}

.news-detail-container {
  flex: 0 0 calc(66.6666666667% - 2rem);
  background: white;
  box-shadow: 0px 0px 1rem rgba(0, 0, 0, 0.1);
  padding: 2rem;
  border-radius: 0.5rem;
  border-radius: 1rem 0;
}
.news-detail-container .news-detail-meta {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  padding-bottom: 2rem;
}
.news-detail-container .news-detail-content h1 {
  font-size: var(--fs_medium);
  line-height: var(--lh_medium);
  padding: 2rem 0;
}
.news-detail-container .news-detail-content p {
  font-size: var(--fs_between);
  line-height: 2.2rem;
  margin-bottom: 1.4rem;
}
.news-detail-container .news-detail-content ul, .news-detail-container .news-detail-content ol {
  padding-left: 2rem;
}
.news-detail-container .news-detail-content ul li, .news-detail-container .news-detail-content ol li {
  font-size: var(--fs_between);
  line-height: 2.2rem;
  padding: 0.5rem 0;
}
.news-detail-container .news-detail-content ul li {
  list-style: initial;
}
.news-detail-container .news-detail-image img {
  border-radius: 1rem 0;
}

.news-detail-sidebar {
  flex: 0 0 33.3333333333%;
}
.news-detail-sidebar .komori-cards {
  grid-template-columns: 1fr;
}

@media screen and (max-width: 888px) {
  section.page-section-news-detail .page-section-inner {
    flex-direction: column;
    gap: 4rem;
  }
  .news-detail-container .news-detail-content,
  .news-detail-container .news-detail-sidebar {
    flex-basis: 100%;
  }
  .news-detail-container .news-detail-content p {
    font-size: var(--fs_normal);
  }
}
.asset-download-in-language {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin-bottom: 1rem;
  flex-wrap: wrap;
}
.asset-download-in-language .asset-variation-language {
  font-size: 0;
}
.asset-download-in-language .asset-variation-language:before {
  width: 2rem;
  height: 2rem;
}
.asset-download-in-language .download-button {
  margin-right: 1rem;
  margin-bottom: 1rem;
  padding-left: 1.5rem;
  background: linear-gradient(143.45deg, #124485 11.99%, #2858BC 89.58%);
}
.asset-download-in-language .download-button.only-extension {
  border-radius: 1rem 0;
}
.asset-download-in-language .download-button .extension {
  border-radius: 1rem 0;
  margin-left: 0.7rem;
  padding: 0.3rem 0.4rem;
  line-height: 1.5rem;
  background: white;
  color: #124485;
}

.asset-detail-image {
  flex: 1 1;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 888px) {
  .asset-detail-image {
    margin-bottom: 2rem;
  }
}
.asset-detail-image img {
  background: #efefef;
}

.asset-detail-content {
  flex: 1 1 50%;
}
.asset-detail-content h1 {
  margin-bottom: 1.5rem;
}
.asset-detail-content h3 {
  margin: 1.5rem 0;
}
.asset-detail-content .asset-description {
  margin: 1.5rem 0;
}

/* mobile */
@media screen and (max-width: 888px) {
  :root {
    --fs_large: 3rem;
    --fs_medium: 2rem;
    --fs_between: 1.6rem;
    --fs_normal: 1.4rem;
    --fs_small: 1.2rem;
    --lh_large: 1;
    --lh_medium: 1;
    --lh_between: 1.5;
    --lh_normal: 1.5;
    --lh_small: 1;
  }
  html, body {
    font-size: 10px;
  }
  section.page-section {
    padding: 0 2rem;
    max-width: 100% !important;
  }
  section.page-section .page-section-inner {
    max-width: 100vw;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  h1 {
    font-size: 2.8rem;
  }
  h2 {
    font-size: 2rem;
  }
  .site-fixed-elements .header-menu {
    display: none;
  }
  .site-fixed-elements .fixed-elements-inner {
    padding: 0 2rem;
  }
  .site-fixed-elements .hamburger-toggle {
    display: block;
    position: relative;
    z-index: 4;
  }
}