/*
Theme Name: Fantagio
Theme URI: https://wordpress.org/themes/twentyseventeen/
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
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@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: #fff;*/
	/* Fallback for when there is no custom background color defined. */
}

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"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_thin.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Thin';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_thin_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_thin_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Light';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_light.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_light.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Light';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_light_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_light_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Regular';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Regular';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_reg_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Black';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Black';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_blk_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Medium';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_med.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_med.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Medium';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_med_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_med_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Bold';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld.ttf") format('truetype');
}
@font-face {
	font-family: 'Brandon Grotesque Bold';
	font-style: italic;
	src: url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld_it.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/Brandon_bld_it.ttf") format('truetype');
}
@font-face {
	font-family: 'Futura Std';
	font-style: normal;
	src: url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Medium.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Medium.ttf") format('truetype');
}
@font-face {
	font-family: 'Futura Std';
	font-weight: bold;
	src: url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Bold.otf"),
	url("/wp-content/themes/fantagio/assets/fonts/FuturaStd-Bold.ttf") format('truetype');
}
/*  한국어 */
: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;
}