/*
Theme Name: Overton Child
Theme URI: http://overton.mikado-themes.com
Description: A child theme of Overton Theme
Author: Mikado Themes
Author URI: http://themeforest.net/user/mikado-themes
Version: 1.0.0
Text Domain: overton
Template: overton
*/


/*!
 *  thommofont beta1.00 by @thommofonia - https://thommofonia.jp
 *  ©thommofonia
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'thommofont';
  src:	url('./thommofont/thommofont-bold.woff2') format('woff2'),
  		url('./thommofont/thommofont-bold.woff') format('woff');
  font-weight: 600;
  font-style: bold;
}

@font-face {
  font-family: 'thommofont';
  src:	url('./thommofont/thommofont-regular.woff2') format('woff2'),
  		url('./thommofont/thommofont-regular.woff') format('woff');
  font-weight: 400;
  font-style: regular;
}

@font-face {
  font-family: 'thommofont';
  src:	url('./thommofont/thommofont-light.woff2') format('woff2'),
  		url('./thommofont/thommofont-light.woff') format('woff');
  font-weight: 300;
  font-style: light;
}

@font-face {
  font-family: 'thommofont';
  src:	url('./thommofont/thommofont-thin.woff2') format('woff2'),
  		url('./thommofont/thommofont-thin.woff') format('woff');
  font-weight: 100;
  font-style: thin;
}

/* -------------------------- */

body {
	/* font-family: 'Zen Maru Gothic', sans-serif; */
}

.thommofont {
	font-family: 'thommofont', sans-serif !important;
}

#biography-title {
	font-family: 'thommofont', sans-serif !important;
}

nav.mkdf-fullscreen-menu ul > li > a > span,
.mkdf-page-title,
.mkdf-breadcrumbs,
.mkdf-ps-title,
.mkdf-pli-title {
	font-family: 'thommofont', sans-serif !important;
}

.thommo-glow {
	filter: drop-shadow(0 0 3px rgba(0,0,0,1);
}
.thommo-text {
	text-align: left;
	text-indent: 1rem;
	margin-bottom: 10px;
}

/*-------------------------------*/

.mkdf-ils-holder {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  height: 100vh;
}

.admin-bar .mkdf-ils-holder {
  height: calc(100vh - 32px);
}

.mkdf-ils-holder.mkdf-ils-skin-dark .mkdf-ils-item-link {
  color: #000;
}

.mkdf-ils-holder .mkdf-ils-image-holder {
  position: relative;
  display: inline-block;
  width: 100%;
  vertical-align: middle;
  height: 100%;
  overflow: hidden;
}

.mkdf-ils-holder .mkdf-ils-item-image {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 0;
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.mkdf-ils-holder .mkdf-ils-item-image.mkdf-active {
  z-index: 10;
  opacity: 1;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: opacity 0.7s 0.2s linear, transform 0.6s linear;
  -webkit-transition: opacity 0.7s 0.2s linear, -webkit-transform 0.6s linear;
  transition: opacity 0.7s 0.2s linear, -webkit-transform 0.6s linear;
  -o-transition: opacity 0.7s 0.2s linear, transform 0.6s linear;
  transition: opacity 0.7s 0.2s linear, transform 0.6s linear;
  transition: opacity 0.7s 0.2s linear, transform 0.6s linear, -webkit-transform 0.6s linear;
}

.mkdf-ils-holder .mkdf-ils-item-image img {
  display: none;
}

.mkdf-ils-holder .mkdf-ils-content-holder {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

.mkdf-ils-holder .mkdf-ils-content-inner {
  position: relative;
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
}

.mkdf-ils-holder .mkdf-ils-item-content {
  position: relative;
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  padding: 20px 0 !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mkdf-ils-holder .mkdf-ils-item-link-holder {
  padding: 10px 0 !important;
}

.mkdf-ils-holder .mkdf-ils-item-link {
  position: relative;
  display: block;
  padding-right: 16%;
  font-size: 20px !important;
  font-family: "thommofont" !important;
  font-weight: 600;
  line-height: 1.1em !important;
  text-align: right;
  cursor: default;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  
}

.mkdf-ils-holder .mkdf-ils-item-link:hover {
  color: #fff;
}

.mkdf-ils-holder .mkdf-ils-item-link.mkdf-active .mkdf-ils-item-title:after {
  width: 80px;
}

.mkdf-ils-holder .mkdf-ils-item-title {
  font-family: "thommofont" !important;
  position: relative;
  display: inline-block;
  vertical-align: top;
  line-height: inherit;
  cursor: pointer;
  z-index: 2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.mkdf-ils-holder .mkdf-ils-item-title:hover:after {
  width: 80px;
}

.mkdf-ils-holder .mkdf-ils-item-title:after {
  content: '';
  position: absolute;
  bottom: -10px;
  right: 0;
  width: 0;
  height: 3px !important;
  background-color: currentColor;
  z-index: -1;
  -webkit-transition: width 0.5s ease;
  -o-transition: width 0.5s ease;
  transition: width 0.5s ease;
}

/* -------------------------- */

.mkdf-btn-text {
	text-transform: none !important;
}

@keyframes symbolFadeOut {
   from {opacity: 1;}
   to {opacity: 0;}
}

/* WHITE */
.symbol-wrapper {
     opacity: 1;
     filter: drop-shadow(0px 0px 3px #fff);
     /*
     animation-name: symbolFadeOut;
     animation-timing-function: ease;
     animation-duration: 3s;
     animation-delay: 4s;
     animation-fill-mode: forwards;
     */
}