/* *****************************************
- DOCUMENT INFORMATION
- Designer:
- NGI version: vanessa.verriere@lumapps.com
- Updated On: August 16th, 2023
****************************************** */

/* *************************************** */
/* Theme material styles (replaced by CSS variables)
/* *************************************** */

/*--- BASE STYLES */

body.theme-material {
    background-color: #f2f2f2;
    font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* *************************************** */
/* Theme lumapps styles
/* *************************************** */

/*--- BASE STYLES */

:root {
    --lumx-app-background: #f2f2f2;
    --lumx-typography-font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    --lumx-typography-interface-subtitle1-font-weight: 500;
    --lumx-typography-interface-subtitle2-font-weight: 500;
    --lumx-typography-custom-title4-font-weight: 500;
}

/*--- GLOBAL STYLES */

@media screen and (min-width: 1024px) {
    .theme-lumapps .widget-content-list {
        /* tabs */
        --lumx-tabs-link-height: 48px;
        --lumx-tabs-link-border-radius: 0px;
        --lumx-typography-custom-button-size-m-font-size: 0.6rem;
        /* tabs default */
        --lumx-tabs-link-emphasis-low-state-default-border-top-width: 1px;
        --lumx-tabs-link-emphasis-low-state-default-border-right-width: 1px;
        --lumx-tabs-link-emphasis-low-state-default-border-bottom-width: 0px;
        --lumx-tabs-link-emphasis-low-state-default-border-left-width: 1px;
        --lumx-tabs-link-emphasis-low-state-default-theme-light-color: #ffffff;
        --lumx-tabs-link-emphasis-low-state-default-theme-light-background-color: #0075c2;
        /* tabs hover */
        --lumx-tabs-link-emphasis-low-state-hover-border-top-width: 1px;
        --lumx-tabs-link-emphasis-low-state-hover-border-right-width: 1px;
        --lumx-tabs-link-emphasis-low-state-hover-border-bottom-width: 0px;
        --lumx-tabs-link-emphasis-low-state-hover-border-left-width: 1px;
        --lumx-tabs-link-emphasis-low-state-hover-theme-light-color: #ffffff;
        --lumx-tabs-link-emphasis-low-state-hover-theme-light-background-color: rgb(0, 160, 233);
        --lumx-tabs-link-emphasis-low-state-hover-theme-light-border-color: rgb(0, 160, 233);
        /* tabs selected */
        --lumx-tabs-link-emphasis-selected-state-default-border-top-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-default-border-right-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-default-border-bottom-width: 0;
        --lumx-tabs-link-emphasis-selected-state-default-border-left-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-default-theme-light-color: #333333;
        --lumx-tabs-link-emphasis-selected-state-default-theme-light-background-color: #ffffff;
        --lumx-tabs-link-emphasis-selected-state-default-theme-light-border-color: rgb(189, 189, 189);
        /* tabs selected hover */
        --lumx-tabs-link-emphasis-selected-state-hover-border-top-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-hover-border-right-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-hover-border-bottom-width: 0;
        --lumx-tabs-link-emphasis-selected-state-hover-border-left-width: 1px;
        --lumx-tabs-link-emphasis-selected-state-hover-theme-light-color: #ffffff;
        --lumx-tabs-link-emphasis-selected-state-hover-theme-light-background-color: rgb(0, 160, 233);
        --lumx-tabs-link-emphasis-selected-state-hover-theme-light-border-color: rgb(0, 160, 233);
    }

    .theme-lumapps .widget .lumx-tabs__link {
        margin-right: 1px !important;
        padding: 0 8px !important;
        flex: 1;
    }

    .theme-lumapps .widget .lumx-tabs__link:last-child {
        margin-right: 0 !important;
    }
}

/*--- FIX */

.theme-lumapps .block-grid {
    --block-grid-item-min-width: 160px !important;
}

.theme-lumapps .widget-html a {
    text-decoration: none;
}

/* *************************************** */
/* Common styles (both themes) */
/* *************************************** */

/*--- GLOBAL STYLES */

@media screen and (min-width: 1024px) {
    .widget-content-list__tab {
        border-right: 1px solid #fff;
        border-top: none;
        border-left: none;
        border-bottom: none;
        background-color: #0075C2;
        font-size: .6rem;
        color: #ffffff;
    }

    .widget-content-list__tab.widget-content-list__tab--is-selected {
        box-shadow: 0 -1px 0 0 rgb(189, 189, 189);
        color: #333 !important;
    }

    .widget-content-list__tab.widget-content-list__tab--is-selected:first-child {
        border-left: 1px solid rgb(189, 189, 189);
    }

    .widget-content-list__tab:hover,
    .widget-content-list__tab.widget-content-list__tab--is-selected:hover {
        color: #fff !important;
        background-color: rgb(0, 160, 233);
    }
}

.content-block--default-style .content-block-metadata {
    font-style: normal;
}

.widget-content-list__tab {
    text-transform: none;
}

/* *************************************** */
/* Header */
/* *************************************** */

.header-top__logo a {
    padding: 6px 0;
    height: 60px;
    align-items: center;
    display: flex;
    flex-direction: row;
}

/* *************************************** */
/* NGI css by Densansystem yokose */
/* *************************************** */
.widget-content-list .block-page-preview__date,
.widget-content-list .block-page-preview__site {
font-size: var(--lumx-typography-custom-button-size-s-font-size);
font-weight: var(--lumx-typography-font-weight-bold);
}


.widget-content-list .block-page-preview--size-s.block-page-preview--cover .block-page-preview__title,
.widget-content-list .block-page-preview--size-s.block-page-preview--side .block-page-preview__title,
.widget-content-list .block-page-preview--size-xs.block-page-preview--cover .block-page-preview__title,
.widget-content-list .block-page-preview--size-xs.block-page-preview--side .block-page-preview__title,
.widget-content-list .block-page-preview:not(.block-page-preview--cover) .block-page-preview__title,
.widget-content-list .block-page-preview:not(.block-page-preview--side) .block-page-preview__title {
    font-size: 1.125rem;
}


.widget-content-list.widget--xs .block-page-preview--size-s.block-page-preview--cover .block-page-preview__title,
.widget-content-list.widget--xs .block-page-preview--size-s.block-page-preview--side .block-page-preview__title,
.widget-content-list.widget--xs .block-page-preview--size-xs.block-page-preview--cover .block-page-preview__title,
.widget-content-list.widget--xs .block-page-preview--size-xs.block-page-preview--side .block-page-preview__title,
.widget-content-list.widget--xs .block-page-preview:not(.block-page-preview--cover) .block-page-preview__title,
.widget-content-list.widget--xs .block-page-preview:not(.block-page-preview--side) .block-page-preview__title {
    font-size: 1rem;
}


.widget-content-list .metadata-link--theme-dark,
.widget-content-list .metadata-link--theme-light {
font-size: var(--lumx-typography-custom-button-size-s-font-size);
font-weight: var(--lumx-typography-font-weight-bold);
}

.widget-content-list .block-page-preview--theme-light .block-page-preview__tags>span>span {
color: var(--lumx-color-secondary-N);
font-size: var(--lumx-typography-custom-button-size-s-font-size);
font-weight: var(--lumx-typography-font-weight-bold);
}

.lumx-link:hover {
    text-decoration: none;
color: var(--lumx-color-secondary-N) !important;
}

.widget-content-list.widget--xs .block-page-preview--size-xs.block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    flex: 0 0 40px;
}

.widget-content-list.widget--xs .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    min-width: 40px;
}

.widget-content-list .block-page-preview__field--text{
  margin: 0px;
}

.block-html a {
color: var(--lumx-color-secondary-N) !important;
}

.block-html a:hover {
  text-decoration: underline;
}

.widget-title .block-title {
font-size: var(--lumx-typography-custom-title3-font-size);
      font-weight: 500;
}

.widget-sub-nav .navigation-item {
    border-bottom: 1px solid rgba(0,0,0,.12);
}

.widget-sub-nav .navigation-item:last-child {
    border-bottom: 0px;
}

.widget-sub-nav .navigation-item__link--is-selected,
.widget-sub-nav .navigation-item__link--is-selected:active,
.widget-sub-nav .navigation-item__link:hover {
background-color: #fff;
}

.widget-sub-nav .navigation-item__link .navigation-item__label:hover,
.widget-sub-nav .navigation-item__link--is-selected .navigation-item__label,
.widget-meta .block-metadata__tags,
.widget-meta .block-metadata__tags>span,
.widget-meta .block-metadata--theme-light .block-metadata__tags>span span,
.widget-meta .block-metadata--theme-light .block-metadata__tags>span:after{
  color: var(--lumx-color-secondary-N);
}

.widget-meta .block-metadata__tags,
.widget-meta .block-metadata__tags>span,
.widget-meta .block-metadata--theme-light .block-metadata__tags>span span,
.widget-meta .block-metadata--theme-light .block-metadata__tags>span:after{
  font-weight: var(--lumx-typography-font-weight-bold);
}

.widget-meta .block-metadata__date {
  color: var(--lumx-color-dark-N) !important;
}

.widget-meta  .lumx-user-block__name {
  font-size: 16px;
}

.widget-meta .block-metadata__date,
.widget-meta .metadata-link {
  font-size: 13px;
  font-weight: var(--lumx-typography-font-weight-bold);
}

.widget-meta .block-metadata__author {
  margin-bottom: 4px;
}

.widget-meta .block-metadata__date,
.widget-meta .block-metadata__tags {
  padding: 0 0;
}

.widget-meta .metadata-link--theme-dark,
.widget-meta .metadata-link--theme-light {
  margin: 0px 3px 0px 0;
}

.widget-intro .block-intro {
  font-size: var(--lumx-typography-custom-title4-font-size);
  font-weight: var(--lumx-typography-font-weight-regular);
}

@media screen and (min-width: 1024px) {
.widget--xs .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image,
.widget--TopPage-TcTopics .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
    aspect-ratio: var(--lumx-thumbnail-aspect-ratio,3/3);
}
  .block-page-preview--horizontal .block-page-preview__thumbnail-wrapper {
    margin-right: 16px !important;
  }
  .block-list {
    --block-list-gap: var(--lumx-spacing-unit-big) !important;
}
}

@media screen and (min-width: 1698px) {
  .widget--TopPage-ContentsList-ThumAspect .lumx-thumbnail--aspect-ratio-horizontal:not(.lumx-thumbnail--fill-height) .lumx-thumbnail__image {
    aspect-ratio: var(--lumx-thumbnail-aspect-ratio,3/2);
}
}

@media screen and (max-width: 1023px) {
  .widget-title.widget--ContentsListPage {
    margin-top: 0 !important;
}
}