/*
Theme Name: Twenty Seventeen Child
Theme URI: https://www.sansodeal.co.jp/
Template: twentyseventeen
Author: ALJ Digital
Author URI: https://www.airliquide.com/japan
Description: The Sanso DeAL website child theme from the Twenty Seventeen Wordpress theme.
Version: 1.0.1589254944
Updated: 2020-05-12 03:42:24

*/

/* # Document gobal style */
* {
  font-family: Roboto, Helvetica, Arial, sans-serif;
}

@media screen and (min-width: 76em) {
  body {
    /* Disable horizontal scrollbar on desktop */
    overflow-x: hidden !important;
  }
}

/* # Page Header style */

/* ## Font page header style ## */
.has-header-image .custom-header-media img {
  position: unset;
  min-width: 100%;
  padding: 0px;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-image .custom-header-media {
  height: 100%;
  padding-bottom: 94px;
  line-height: 0;
}

.has-header-image .site-header-phrase {
  color: #375f9b;
  font-size: 3.5em;
  font-weight: 400;
}

.has-header-image.site-header-phrase strong {
  font-weight: 800;
}

/* ### Site header phrase style for mobile */
@media screen and (max-width: 47em) {
  .has-header-image .site-header-phrase {
    font-size: 1.9em;
  }
}

/* ## Header title */
#masthead .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
  /* Font style */
  color: #ffffff;
  font-size: 35px;
  font-weight: 200;
  margin: 20px 0px;
}

.site-branding a {
  color: #ffffff;
}

/* ## Navigation style Front page */
.site-header .navigation-top .menu-scroll-down {
  top: unset;
  bottom: 1.3em;
  right: -2.5em;
  margin-right: 25px;
}

/* ## Navigation style */
#masthead .wrap {
  display: flex;
  flex-wrap: wrap;
}

#site-navigation {
  font-size: 16px;
  display: flex;
  align-items: center;
  margin-left: auto;
}

.main-navigation a {
  padding: 1em 1.75em;
}

.main-navigation a:hover {
  color: #375f9b;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
  color: #375f9b;
}

.main-navigation li li a,
.main-navigation li li.current_page_item a,
.main-navigation li li.current-menu-item a {
  text-align: left;
}

.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
  background-color: #375f9b;
}

.main-navigation svg {
  width: 1.2em;
  height: 1.2em;
}

@media screen and (min-width: 48em) {
  .main-navigation .sub-menu .menu-item a {
    width: 10em;
  }

  .navigation-top .wrap {
    padding-top: 0.25em;
    padding-bottom: 0.25em;
  }
}

@media screen and (min-width: 76em) {
  .main-navigation .sub-menu .menu-item a {
    width: 12em;
  }
}

/* ### Navigation search form */
.main-navigation li {
  vertical-align: middle;
}

input[type="search"] {
  font-size: 16px;
}

@media screen and (min-width: 48em) {
  .main-navigation .search-form {
    width: 250px;
    position: absolute;
    right: 0px;
  }
}

.main-navigation .search-form label,
.main-navigation .is-link-container,
.search-form .is-link-container {
  display: none;
}

/** ### Other search form */
.search-no-results .site-content .wrap {
  margin-bottom: 100px;
}

/* ## Header style for mobile */
@media screen and (max-width: 47em) {
  /* ### Front page header style */
  .has-header-image.twentyseventeen-front-page .custom-header {
    display: block;
    position: relative;
  }

  .has-header-image.twentyseventeen-front-page .custom-header,
  .admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
  .twentyseventeen-front-page.has-header-image .custom-header-media,
  .has-header-image.twentyseventeen-front-page .site-branding {
    height: fit-content;
    padding: 0;
  }

  .twentyseventeen-front-page.has-header-image .custom-header-media {
    position: unset;
  }

  .has-header-image.twentyseventeen-front-page .site-branding {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
  }

  .site-header-phrase {
    font-size: 1.5em;
    margin: 0;
  }

  .has-header-image.twentyseventeen-front-page .custom-header-media:before {
    background: -webkit-linear-gradient(
      to top,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.3) 100%
    );
    background: linear-gradient(
      to bottom,
      rgba(0, 0, 0, 0) 50%,
      rgba(0, 0, 0, 0.3) 100%
    );
  }

  /* ### Navigation mobile style */
  #site-navigation {
    margin-left: 0;
    flex: 100%;
  }

  .navigation-image,
  .menu-toggle-wrap {
    flex: 1 1 0;
  }

  .navigation-top .wrap {
    align-items: center;
  }

  .menu-toggle {
    margin: 0px 20px;
  }

  .menu-top-menu-container {
    width: 100%;
  }

  .main-navigation li li a:hover,
  .main-navigation li li a:focus,
  .main-navigation li li.current_page_item a:hover,
  .main-navigation li li.current-menu-item a:hover,
  .main-navigation li li.current_page_item a:focus,
  .main-navigation li li.current-menu-item a:focus {
    background-color: #ffffff;
  }

  /* ### Navigation search bar mobile */
  .main-navigation li.astm-search-menu a {
    display: none;
  }

  .main-navigation li.astm-search-menu {
    padding: 1em 0em 0.5em 1.75em;
  }
}

/* # Footer style */
.site-footer {
  background-color: #375f9b;
  color: #ffffff;
  border: 0;
  margin-top: 0;
  font-size: 11px;
  letter-spacing: 0.075em;
}

.site-footer > .wrap {
  padding-bottom: 0em;
}

.site-footer hr {
  background-color: rgba(255, 255, 255, 0.2);
}

.site-footer .widget-title {
  color: #ffffff;
  font-size: 12px;
  margin-bottom: 1em;
}

.site-footer .widget-area {
  padding-bottom: 0em;
  padding-top: 0.5em;
}

.site-footer .widget {
  padding-bottom: 1em;
}

@media screen and (min-width: 48em) {
  .site-footer .widget-area .footer-widget-1 .widget:first-child {
    padding-bottom: 3em;
  }
}

.site-footer .widget-area a,
.site-footer .widget-area ul li a {
  color: white;

  text-decoration: none;

  box-shadow: unset;
  -webkit-box-shadow: unset;
}

.site-footer .textwidget > p {
  margin: 0;
  line-height: 2.2em;
}

.widget ul li,
.widget ol li {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: none;
}

.site-footer #menu-top-menu {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.site-footer .widget-area a:hover {
  color: #afe7ff;
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #afe7ff;
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 2px 0 #afe7ff;
}

.site-footer svg {
  width: 16px;
  height: 16px;
}

.site-footer path {
  fill: #ffffff;
}

.site-footer .contactItem {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-start;
  padding-bottom: 0.75em;
}

.site-footer .contactItem > span,
.site-footer .contactItem > div {
  padding-left: 1em;
}

/* ## Footer mobile style */
@media screen and (max-width: 47em) {
  .site-footer .widget {
    padding-bottom: 3em;
  }
}

/* # Air Liquide button style */
.home-products .entry-content a,
.home-products .widget a,
.entry-content .wp-block-button__link,
.entry-content .al-button,
.al-button {
  min-width: 80px;
  border-radius: 4px;
  border: none;
  outline: none;
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 14px;
  line-height: 5px;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #ffffff;
  background-color: #375f9b;
  border-style: solid;
  border-width: 1px;
  border-color: #375f9b;
  padding: 10px 16px;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out,
    box-shadow 0.2s ease-in-out, border 0.2s ease-in-out !important;
  box-shadow: none;
  -webkit-box-shadow: none;
  cursor: pointer;
  text-decoration: none;
}

.al-button path {
  fill: #ffffff;
}

.al-button svg {
  width: 14px;
  height: 14px;
}

.home-products .entry-content a,
.home-products .widget a,
.entry-content .al-button-rounded,
.al-button-rounded {
  border-radius: 32px;
  padding: 6px 16px 2px 16px;
}

.al-button-stroke,
:not(.mejs-button) > .al-button-stroke:hover {
  color: #375f9b;
  background-color: #ffffff;
}

:not(.mejs-button) > .al-button-stroke:focus {
  color: #375f9b;
  background-color: #f0f1f4;
}

.home-products .entry-content a:hover,
.home-products .entry-content a:focus,
.home-products .widget a:hover,
.home-products .widget a:focus,
.entry-content .wp-block-button__link:hover,
.entry-content .wp-block-button__link:focus,
.entry-content .al-button:hover,
.entry-content .al-button:focus,
.al-button:hover:enabled,
.al-button:focus,
.al-button-rounded:hover,
.al-button-rounded:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
  box-shadow: 2px 2px 4px rgba(23, 50, 91, 0.5) !important;
  -webkit-box-shadow: 2px 2px 4px rgba(23, 50, 91, 0.5) !important;
}

.entry-content .al-button:hover,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
:not(.mejs-button) > button:hover,
:not(.mejs-button) > button:focus {
  color: #ffffff;
  background-color: #375f9b;
}

.al-button:active:enabled {
  color: #ebebeb;
  background-color: #375f9b;
}

.al-button-stroke:active:enabled {
  color: #375f9b;
  background-color: #ebebeb;
}

.al-button:disabled {
  background-color: #d8d8d8;
  border-color: #d8d8d8;
  cursor: not-allowed;
}

/* Placeholder color */
::placeholder {
  /* Default */
  color: #666666;
}

::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #666666;
}

::-moz-placeholder {
  /* Firefox 19+ */
  color: #666666;
}

:-ms-input-placeholder {
  /* IE 10+ */
  color: #666666;
}

:-moz-placeholder {
  /* Firefox 18- */
  color: #666666;
}

/* # Table style */

/* ## News table style */
.news-table td:first-child {
  white-space: nowrap;
}

/* # SVG icons */
svg {
  width: 24px;
  height: 24px;
}

/* Homepage - Services block */
.twentyseventeen-front-page .wp-block-columns {
  align-items: center;
  justify-content: center;
}

.wp-block-column.homesv_block {
  padding: 1.2px 1.2px 20px 1.2px;
  margin: 10px;
  background-color: #ffffff;
  box-shadow: 2px 2px 2px #979797;
  border: 0.5px solid #707070;
  transition: all 0.2s ease-in-out;
}

.wp-block-column.homesv_block:hover {
  transform: scale(1.05);
}

.wp-block-column.homesv_block figure {
  margin: 0;
}

.wp-block-column.homesv_block .wp-block-image.size-large {
  box-shadow: 0px;
  -webkit-box-shadow: 0;
}

.wp-block-column.homesv_block h3 {
  padding-left: 7%;
  padding-right: 7%;
  margin: -30px 0px 0px 0px;
}

.wp-block-column.homesv_block p {
  padding-left: 7%;
  padding-right: 7%;
  margin: 0;
}

/* # Homepage - Products block */
.panel-content .wrap {
  padding-bottom: 0;
}

.panel-layout.home_product {
  background-color: #f9f9f9;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.panel-layout.home_product .panel-grid.panel-no-style {
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  padding-left: 3em;
  padding-right: 3em;
  padding-top: 30px;
  padding-bottom: 50px;
}

.panel-layout.home_product div {
  margin: 0;
  padding: 0;
}

.panel-layout.home_product h3 {
  font-weight: 600;
  font-size: 18px;
  text-align: center;
  margin: 0;
}

.so-panel.widget.widget_text {
  margin: 0;
}

.panel-layout.home_product .textwidget.custom-html-widget {
  text-align: center;
}

/* ## Products block style for mobile */
@media screen and (max-width: 47em) {
  .panel-layout.home_product div {
    text-align: center;
  }

  .panel-layout.home_product .panel-grid-cell:not(:first-child) {
    margin-top: 75px;
  }

  .panel-layout.home_product .panel-grid.panel-no-style {
    padding-bottom: 100px;
  }
}

/* # Service pages */
.wp-block-column .smallbold,
.entry-content .smallbold {
  font-size: 14px;
  font-weight: 600;
  margin-top: 20px;
}

.wp-block-image.size-large.service img {
  border: 10px solid #ffffff;
  box-shadow: 1px 3px 6px #979797;
  margin-top: -60px;
}

.wp-block-column #second-button,
.entry-content #second-button {
  background-color: #50c3e1;
  border: 1px solid #50c3e1;
}

/* # Medical Modal Popup style */
.blur {
  filter: blur(6px);
  -webkit-filter: blur(6px);
}

.bgModal {
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  position: fixed;
  top: 0;
  left: 0;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 10;
}

.modalContent {
  min-width: 300px;
  max-width: 450px;
  min-height: 150px;
  background-color: #ffffff;
  border-radius: 4px;
  padding: 20px 40px 20px 40px;
}

.modalContent h3 {
  text-align: center;
}

.modalButtons {
  display: block;
  text-align: center;
}

.modalButtons .al-button {
  margin-left: 0;
  margin-right: 0;
}

/* ## Medical Modal Popup mobile style */
@media screen and (max-width: 47em) {
  .modalContent {
    min-width: unset;
    max-width: unset;
    min-height: unset;
    width: 80%;
    padding: 20px 20px 40px 20px;
  }

  /* Contact form submit modal. */
  .modalSubmit {
    width: 100%;
    border-radius: 0px;
    margin-top: 0px;
    text-align: center;
    padding: 20px 20px 20px 20px;
    color: #ffffff;
  }
}

/* # About page */
.site-content-contain #content.site-content {
  padding-bottom: 0;
}

.wp-block-group .wp-block-group__inner-container {
  padding-bottom: 0;
  margin-bottom: 0;
}

.wp-block-group .wp-block-group__inner-container .about_boldtxt {
  margin-left: 7%;
  margin-right: 7%;
}

.wp-block-columns.about_contents figure {
  margin-top: 20px;
}

.wp-image-34 {
  filter: drop-shadow(-8px 0px 0px #375f9b);
  -webkit-filter: drop-shadow(-8px 0px 0px #375f9b);
}

.wp-block-group.about_greyblock {
  background-color: #f9f9f9;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.wp-block-group.about_greyblock .wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.wp-block-group .about_greyblock h2 {
  margin: 0;
  padding: 0;
}

.wp-block-group .about_greyblock h3 {
  margin: 0;
  padding: 0;
  font-size: 16px;
}

.wp-block-columns.about_stat {
  margin-top: 50px;
}

.wp-block-column #business {
  width: 15%;
  height: auto;
  padding-top: 3%;
  margin-left: 43%;
}

.wp-block-column #people,
.wp-block-column #operation {
  padding-top: 15.5%;
  width: 16%;
  height: auto;
  margin-left: 43%;
}

.wp-block-table.about tr,
td {
  border: 1px solid black;
}

.wp-block-table.about .has-text-align-center {
  background-color: #ebeff5;
}

/* # Product page - Kyuin Gen */
.wp-block-columns .kg_descr,
.wp-block-columns .wp-block-image {
  margin-top: 80px;
}

.wp-block-column .descr_block {
  margin: 2px 0px 0px 0px;
}

.wp-block-columns .descr_block .wp-block-column .wp-block-image {
  margin: 0;
}

.wp-block-columns .kg_descr p {
  margin-bottom: 4px;
}

.wp-block-group .kg_table,
.wp-block-group__inner-container {
  margin: 70px 0px 30px 0px;
}

/* # Product page - Sansodeal */
.wp-block-column.sd_descr {
  margin-top: 80px;
}

.wp-block-column.sd_descr .wp-block-columns {
  margin: 0px;
}

.wp-block-column.sd_descr .wp-block-columns .wp-block-image {
  margin: 0;
}

.wp-block-group.sansodeal-table .wp-block-group__inner-container {
  vertical-align: top;
  display: flex;
  flex-wrap: wrap;
}

#sd_table_01,
#sd_table_02 {
  display: inline-block;
  border-collapse: collapse;
  font-size: 12px;
}

#sd_table_01 {
  width: 70%;
  margin-right: 2%;
}

#sd_table_02 {
  width: 26%;
}

#sd_table_01 td,
#sd_table_02 td {
  padding: 0px 10px;
}

.tableHeader {
  color: #ffffff;
  background-color: #375f9b;
  border: 1px solid #707070;
  transform: rotate(0deg); /* Standard */
  -webkit-transform: rotate(0deg); /* Safari 3.1+, Chrome */
  width: 20px;
  text-align: center;
}

.wp-block-group.sansodeal-table .wp-block-columns.sd_contents {
  margin-top: 80px;
}

.wp-block-columns.sd_contents h3 {
  margin: 0;
  font-size: 18px;
}
.wp-block-columns.sd_contents h4 {
  margin: 0px 0px 6px 0px;
  font-size: 16px;
}

.wp-block-columns.sd_contents ul {
  margin: 0;
  font-size: 13px;
}

.wp-block-group.sd_greyblock {
  background-color: #f9f9f9;
  width: 100vw;
  margin-left: calc(-50vw + 50%);
}

.wp-block-group.sd_greyblock .wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 740px;
  padding-top: 10px;
}

.wp-block-group.sd_greyblock h2 {
  margin: 10px 0px;
  font-size: 18px;
}

.wp-block-group.sd_greyblock figure {
  margin: 0;
  padding: 20px 0px 70px 0px;
}

/* # Sansodeal documents page */
.wp-block-column.sdblock .al-button {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  margin-right: 10%;
  margin-bottom: 10px;
  align-items: flex-start;
}

.wp-block-column .wp-block-image.sd_img {
  margin-top: 0;
}

/* # Contact page */
#contact-page {
  background: linear-gradient(#50c3e1, #645f9b);
}

#contact-page .site-content .wrap {
  margin-bottom: 75px;
}

#contact-page .site-content .wrap .wp-block-columns {
  margin: 0;
}

/* ## Contact form style */
.wp-block-column form {
  padding: 60px 30px 20px 30px;
  background: #ffffff;
}

.form-inline {
  display: inline-block;
  vertical-align: bottom;
}

.form-inline input {
  min-width: 100px;
  max-width: 150px;
  margin-right: 10px;
}

/* ## Contact information style */
.wp-block-column.contact_info {
  padding: 60px 0px 0px 20px;
  margin: 0;
  background-color: #f9f9f9;
}

.wp-block-column.contact_info h2 {
  margin-bottom: 80px;
  font-size: 20px;
}

.wp-block-column.contact_info .wp-block-column,
.wp-block-column.contact_info .wp-block-columns {
  margin: 0;
  padding: 0;
}

.wp-block-column.contact_info svg {
  width: 20px;
  height: 20px;
  margin-right: -30px;
}

.wp-block-column.contact_info a {
  box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);
  -webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1);
}

.wp-block-column.contact_info a:hover {
  -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
  box-shadow: inset 0 0 0 rgba(0, 0, 0, 0), 0 3px 0 rgba(0, 0, 0, 1);
}

/* ### Contact information mobile style */
@media screen and (max-width: 47em), (max-width: 599px) {
  .contact_info .contact-info-icon {
    flex-basis: 15% !important;
  }

  .contact_info .contact-info-text {
    flex-basis: 85% !important;
  }
}

@media screen and (max-width: 47em) {
  .wp-block-column.contact_info {
    order: 1;
    padding: 60px 20px 30px 20px;
    margin-bottom: 50px;
  }

  .wp-block-column.contact_form {
    order: 2;
  }
}

/* # In progress page style */
.in-progress-block {
  text-align: center;
  margin-bottom: 100px;
}

.in-progress-block svg {
  width: 300px;
  height: 300px;
}

/* # Various mobile styles */
@media screen and (max-width: 47em) {
  /* ## In progress page mobile style */
  .in-progress-block svg {
    width: 200px;
    height: 200px;
  }

  /* ## About */
  .wp-block-group.about_greyblock p {
    margin: 7%;
  }

  .wp-block-columns.about_stat {
    flex-wrap: nowrap;
    margin: 7%;
  }

  .wp-block-columns.about_stat .stat_small {
    font-size: 11px;
    margin-left: 0;
    margin-right: 0;
  }

  .wp-block-table.about {
    margin: 7%;
    font-size: 13px;
  }

  /* Products - Sansodeal */
  .wp-block-image.size-large .wp-image-319 {
    margin: 0% 30%;
  }

  .wp-block-column.sd_descr {
    margin-top: 4%;
  }

  .wp-block-column.sd_descr .wp-block-columns {
    display: flex;
    flex-wrap: nowrap;
  }

  .wp-block-column.sd_descr .wp-block-columns .wp-block-image {
    margin-left: 60px;
  }

  .wp-block-column.sd_descr .wp-block-columns p {
    width: 200px;
    height: auto;
  }

  .wp-block-group.sansodeal-table .wp-block-columns.sd_contents {
    margin: 0;
  }

  .wp-block-columns.sd_contents .wp-block-column {
    margin-top: 10%;
  }

  .wp-block-group.sd_greyblock .wp-block-group__inner-container {
    margin-left: 7%;
    margin-right: 7%;
  }

  .entry-content .sd-buttons {
    display: flex;
    flex-wrap: wrap;
  }

  .entry-content .sd-buttons #second-button {
    margin-top: 10px;
  }

  /* Kyuin Gen */
  .wp-block-columns.descr_block {
    display: flex;
    flex-wrap: nowrap;
  }

  .wp-block-columns.descr_block .size-large {
    text-align: center;
  }

  .wp-block-group.kg_table {
    font-size: 12px;
  }
}