/*
Theme Name: Fantagio Mobile
Theme URI: http://www.skyseed.me
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 1.3
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: fantagio
Template: fantagio
*/

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(http://fonts.googleapis.com/earlyaccess/notosanssc.css);

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  overflow: hidden;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
  background-color: #f1f1f1;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar. */
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
  font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light,
    Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
  font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light,
    Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
  font-weight: 700;
}

/* typography for japanese font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
  font-family: "hiragino kaku gothic pro", meiryo, sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
  font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
  font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic",
    "Nanum Gothic", Dotum, sans-serif;
}

html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

body {
  background: #f6f6f6;
  /* Fallback for when there is no custom background color defined. */
}

html,
body {
  overflow-x: hidden;
  max-width: 100%;
}

ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.svg-fallback {
  display: none;
}

.no-svg .svg-fallback {
  display: inline-block;
}

.no-svg .dropdown-toggle {
  padding: 0.5em 0 0;
  right: 0;
  text-align: center;
  width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
  font-size: 20px;
  font-size: 1.25rem;
  font-weight: 400;
  line-height: 1;
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  -ms-transform: rotate(180deg); /* IE 9 */
  transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
  -webkit-transform: rotate(0); /* Chrome, Safari, Opera */
  -ms-transform: rotate(0); /* IE 9 */
  transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
  content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
  background: transparent;
  color: #222;
  height: auto;
  width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
  clip: auto;
  font-size: 16px;
  font-size: 1rem;
  font-weight: 400;
  height: auto;
  position: relative !important; /* overrides previous !important styles */
  width: auto;
}

@font-face {
  font-family: "Brandon Grotesque Thin";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_thin.otf");
}
@font-face {
  font-family: "Brandon Grotesque Thin";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_thin_it.otf");
}
@font-face {
  font-family: "Brandon Grotesque Light";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_light.otf");
}
@font-face {
  font-family: "Brandon Grotesque Light";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_light_it.otf");
}
@font-face {
  font-family: "Brandon Grotesque Regular";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg.otf");
}
@font-face {
  font-family: "Brandon Grotesque Regular";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg_it.otf");
}
@font-face {
  font-family: "Brandon Grotesque Black";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk.otf");
}
@font-face {
  font-family: "Brandon Grotesque Black";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk_it.otf");
}
@font-face {
  font-family: "Brandon Grotesque Medium";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_med.otf");
}
@font-face {
  font-family: "Brandon Grotesque Medium";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_med_it.otf");
}
@font-face {
  font-family: "Brandon Grotesque Bold";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld.otf");
}
@font-face {
  font-family: "Brandon Grotesque Bold";
  font-style: italic;
  src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld_it.otf");
}
@font-face {
  font-family: "Futura Std";
  font-style: normal;
  src: url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Medium.otf");
}
@font-face {
  font-family: "Futura Std";
  font-weight: bold;
  src: url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Bold.otf");
}
/*  한국어 */
:lang(ko) {
  font-family: "Noto Sans KR", "Brandon Grotesque Regular", sans-serif;
}
/* 일본어 */
:lang(ja) {
  font-family: "Noto Sans JP", "Brandon Grotesque Regular", sans-serif;
}
/* 중국어 (간체) */
:lang(zh-Hans) {
  font-family: "Noto Sans SC", "Brandon Grotesque Regular", sans-serif;
}

body {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
body .body-container {
  margin-top: 5rem;
}
body.home .body-container {
  margin-top: 0;
}
.production-wrap .production a {
  text-align: center;
  text-decoration: none;
}
.production-wrap .production img,
.production-wrap .production a span.title {
  text-align: center;
  display: block;
  margin: 0 auto;
}