/*!
Theme Name: DGA
Theme URI: http://underscores.me/
Author: Unixdev
Author URI: https://www.unixdev.co.th
Description: Theme for DGA Website
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dga
Tags: custom-background, custom-logo, custom-menu, featured-images, 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.

DGA is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

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

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	-moz-text-decoration: underline dotted;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

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

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #1E154C;
	font-family: 'Prompt', sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: 500;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", courier, monospace;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 1em 0 1.5em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

img {
	height: auto;
	max-width: 100%;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/* Links
--------------------------------------------- */
a {
	color: var(--main_orange);
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	line-height: 1;
	padding: 0.6em 1em 0.4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	opacity: 0.7;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */
.main-navigation {
	display: block;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 50%;
	-moz-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 50%;
	-moz-box-flex: 1;
	-ms-flex: 1 0 50%;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {
	margin: 0;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: -ms-grid;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	-webkit-clip-path: inset(50%);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	-moz-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;
	-webkit-clip-path: none;
	clip-path: none;
	color: #21759b;
	display: block;
	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;
}

.sr-only {
	border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
	outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */
.hamburger {
	font: inherit;
	display: inline-block;
	overflow: visible;
	margin: 0;
	padding: 15px;
	cursor: pointer;
	transition-timing-function: linear;
	transition-duration: .15s;
	transition-property: opacity, filter;
	text-transform: none;
	color: inherit;
	border: 0;
	background-color: transparent
}

.hamburger.is-active:hover,
.hamburger:hover {
	opacity: .7
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner:after,
.hamburger.is-active .hamburger-inner:before {
	background-color: var(--sub_blue);
}

.hamburger-box {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 16px
}

.hamburger-inner {
	top: 50%;
	display: block;
	margin-top: -2px
}

.hamburger-inner,
.hamburger-inner:after,
.hamburger-inner:before {
	position: absolute;
	width: 20px;
	height: 3px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform;
	border-radius: 4px;
	background-color: var(--sub_blue);
}

.hamburger-inner:after,
.hamburger-inner:before {
	display: block;
	content: ""
}

.hamburger-inner:before {
	top: -6px
}

.hamburger-inner:after {
	bottom: -6px
}

.hamburger--3dx .hamburger-box {
	perspective: 80px
}

.hamburger--3dx .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx .hamburger-inner:after,
.hamburger--3dx .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx.is-active .hamburger-inner {
	transform: rotateY(180deg);
	background-color: transparent !important
}

.hamburger--3dx.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dx-r .hamburger-box {
	perspective: 80px
}

.hamburger--3dx-r .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r .hamburger-inner:after,
.hamburger--3dx-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dx-r.is-active .hamburger-inner {
	transform: rotateY(-180deg);
	background-color: transparent !important
}

.hamburger--3dx-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dx-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy .hamburger-box {
	perspective: 80px
}

.hamburger--3dy .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy .hamburger-inner:after,
.hamburger--3dy .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy.is-active .hamburger-inner {
	transform: rotateX(-180deg);
	background-color: transparent !important
}

.hamburger--3dy.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dy-r .hamburger-box {
	perspective: 80px
}

.hamburger--3dy-r .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r .hamburger-inner:after,
.hamburger--3dy-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dy-r.is-active .hamburger-inner {
	transform: rotateX(180deg);
	background-color: transparent !important
}

.hamburger--3dy-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dy-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy .hamburger-box {
	perspective: 80px
}

.hamburger--3dxy .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy .hamburger-inner:after,
.hamburger--3dxy .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy.is-active .hamburger-inner {
	transform: rotateX(180deg) rotateY(180deg);
	background-color: transparent !important
}

.hamburger--3dxy.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--3dxy-r .hamburger-box {
	perspective: 80px
}

.hamburger--3dxy-r .hamburger-inner {
	transition: transform .15s cubic-bezier(.645, .045, .355, 1), background-color 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r .hamburger-inner:after,
.hamburger--3dxy-r .hamburger-inner:before {
	transition: transform 0s cubic-bezier(.645, .045, .355, 1) .1s
}

.hamburger--3dxy-r.is-active .hamburger-inner {
	transform: rotateX(180deg) rotateY(180deg) rotate(-180deg);
	background-color: transparent !important
}

.hamburger--3dxy-r.is-active .hamburger-inner:before {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--3dxy-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--arrow.is-active .hamburger-inner:before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrow.is-active .hamburger-inner:after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt .hamburger-inner:before {
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt .hamburger-inner:after {
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transform: translate3d(-8px, -10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transform: translate3d(-8px, 10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r .hamburger-inner:before {
	transition: top .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r .hamburger-inner:after {
	transition: bottom .1s ease .1s, transform .1s cubic-bezier(.165, .84, .44, 1)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transform: translate3d(8px, -10px, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease, transform .1s cubic-bezier(.895, .03, .685, .22) .1s;
	transform: translate3d(8px, 10px, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner {
	transform: rotate(-180deg)
}

.hamburger--arrowturn.is-active .hamburger-inner:before {
	transform: translate3d(8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--arrowturn.is-active .hamburger-inner:after {
	transform: translate3d(8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner {
	transform: rotate(-180deg)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:before {
	transform: translate3d(-8px, 0, 0) rotate(-45deg) scaleX(.7)
}

.hamburger--arrowturn-r.is-active .hamburger-inner:after {
	transform: translate3d(-8px, 0, 0) rotate(45deg) scaleX(.7)
}

.hamburger--boring .hamburger-inner,
.hamburger--boring .hamburger-inner:after,
.hamburger--boring .hamburger-inner:before {
	transition-property: none
}

.hamburger--boring.is-active .hamburger-inner {
	transform: rotate(45deg)
}

.hamburger--boring.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0
}

.hamburger--boring.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(-90deg)
}

.hamburger--collapse .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: .13s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .13s
}

.hamburger--collapse .hamburger-inner:after {
	top: -20px;
	transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse .hamburger-inner:before {
	transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse.is-active .hamburger-inner {
	transition-delay: .22s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--collapse.is-active .hamburger-inner:after {
	top: 0;
	transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
	opacity: 0
}

.hamburger--collapse.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
	transform: rotate(-90deg)
}

.hamburger--collapse-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: .13s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .13s
}

.hamburger--collapse-r .hamburger-inner:after {
	top: -20px;
	transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity .1s linear
}

.hamburger--collapse-r .hamburger-inner:before {
	transition: top .12s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--collapse-r.is-active .hamburger-inner {
	transition-delay: .22s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, -10px, 0) rotate(45deg)
}

.hamburger--collapse-r.is-active .hamburger-inner:after {
	top: 0;
	transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity .1s linear .22s;
	opacity: 0
}

.hamburger--collapse-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .16s, transform .13s cubic-bezier(.215, .61, .355, 1) .25s;
	transform: rotate(90deg)
}

.hamburger--elastic .hamburger-inner {
	top: 2px;
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	transition-duration: .275s
}

.hamburger--elastic .hamburger-inner:before {
	top: 10px;
	transition: opacity .125s ease .275s
}

.hamburger--elastic .hamburger-inner:after {
	top: 20px;
	transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic.is-active .hamburger-inner {
	transition-delay: 75ms;
	transform: translate3d(0, 10px, 0) rotate(135deg)
}

.hamburger--elastic.is-active .hamburger-inner:before {
	transition-delay: 0s;
	opacity: 0
}

.hamburger--elastic.is-active .hamburger-inner:after {
	transition-delay: 75ms;
	transform: translate3d(0, -20px, 0) rotate(-270deg)
}

.hamburger--elastic-r .hamburger-inner {
	top: 2px;
	transition-timing-function: cubic-bezier(.68, -.55, .265, 1.55);
	transition-duration: .275s
}

.hamburger--elastic-r .hamburger-inner:before {
	top: 10px;
	transition: opacity .125s ease .275s
}

.hamburger--elastic-r .hamburger-inner:after {
	top: 20px;
	transition: transform .275s cubic-bezier(.68, -.55, .265, 1.55)
}

.hamburger--elastic-r.is-active .hamburger-inner {
	transition-delay: 75ms;
	transform: translate3d(0, 10px, 0) rotate(-135deg)
}

.hamburger--elastic-r.is-active .hamburger-inner:before {
	transition-delay: 0s;
	opacity: 0
}

.hamburger--elastic-r.is-active .hamburger-inner:after {
	transition-delay: 75ms;
	transform: translate3d(0, -20px, 0) rotate(270deg)
}

.hamburger--emphatic {
	overflow: hidden
}

.hamburger--emphatic .hamburger-inner {
	transition: background-color .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:before {
	left: 0;
	transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic .hamburger-inner:after {
	top: 10px;
	right: 0;
	transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important
}

.hamburger--emphatic.is-active .hamburger-inner:before {
	top: -80px;
	left: -80px;
	transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
	transform: translate3d(80px, 80px, 0) rotate(45deg)
}

.hamburger--emphatic.is-active .hamburger-inner:after {
	top: -80px;
	right: -80px;
	transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
	transform: translate3d(-80px, 80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r {
	overflow: hidden
}

.hamburger--emphatic-r .hamburger-inner {
	transition: background-color .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:before {
	left: 0;
	transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, left .125s ease-in .175s
}

.hamburger--emphatic-r .hamburger-inner:after {
	top: 10px;
	right: 0;
	transition: transform .125s cubic-bezier(.6, .04, .98, .335), top .05s linear .125s, right .125s ease-in .175s
}

.hamburger--emphatic-r.is-active .hamburger-inner {
	transition-delay: 0s;
	transition-timing-function: ease-out;
	background-color: transparent !important
}

.hamburger--emphatic-r.is-active .hamburger-inner:before {
	top: 80px;
	left: -80px;
	transition: left .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
	transform: translate3d(80px, -80px, 0) rotate(-45deg)
}

.hamburger--emphatic-r.is-active .hamburger-inner:after {
	top: 80px;
	right: -80px;
	transition: right .125s ease-out, top .05s linear .125s, transform .125s cubic-bezier(.075, .82, .165, 1) .175s;
	transform: translate3d(-80px, -80px, 0) rotate(45deg)
}

.hamburger--minus .hamburger-inner:after,
.hamburger--minus .hamburger-inner:before {
	transition: bottom .08s ease-out 0s, top .08s ease-out 0s, opacity 0s linear
}

.hamburger--minus.is-active .hamburger-inner:after,
.hamburger--minus.is-active .hamburger-inner:before {
	transition: bottom .08s ease-out, top .08s ease-out, opacity 0s linear .08s;
	opacity: 0
}

.hamburger--minus.is-active .hamburger-inner:before {
	top: 0
}

.hamburger--minus.is-active .hamburger-inner:after {
	bottom: 0
}

.hamburger--slider .hamburger-inner {
	top: 2px
}

.hamburger--slider .hamburger-inner:before {
	top: 10px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform, opacity
}

.hamburger--slider .hamburger-inner:after {
	top: 20px
}

.hamburger--slider.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--slider.is-active .hamburger-inner:before {
	transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
	opacity: 0
}

.hamburger--slider.is-active .hamburger-inner:after {
	transform: translate3d(0, -20px, 0) rotate(-90deg)
}

.hamburger--slider-r .hamburger-inner {
	top: 2px
}

.hamburger--slider-r .hamburger-inner:before {
	top: 10px;
	transition-timing-function: ease;
	transition-duration: .15s;
	transition-property: transform, opacity
}

.hamburger--slider-r .hamburger-inner:after {
	top: 20px
}

.hamburger--slider-r.is-active .hamburger-inner {
	transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--slider-r.is-active .hamburger-inner:before {
	transform: rotate(45deg) translate3d(5.71429px, -6px, 0);
	opacity: 0
}

.hamburger--slider-r.is-active .hamburger-inner:after {
	transform: translate3d(0, -20px, 0) rotate(90deg)
}

.hamburger--spin .hamburger-inner {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .22s
}

.hamburger--spin .hamburger-inner:before {
	transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner:after {
	transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin.is-active .hamburger-inner {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(225deg)
}

.hamburger--spin.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease-out, opacity .1s ease-out .12s;
	opacity: 0
}

.hamburger--spin.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transform: rotate(-90deg)
}

.hamburger--spin-r .hamburger-inner {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .22s
}

.hamburger--spin-r .hamburger-inner:before {
	transition: top .1s ease-in .25s, opacity .1s ease-in
}

.hamburger--spin-r .hamburger-inner:after {
	transition: bottom .1s ease-in .25s, transform .22s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spin-r.is-active .hamburger-inner {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(-225deg)
}

.hamburger--spin-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s ease-out, opacity .1s ease-out .12s;
	opacity: 0
}

.hamburger--spin-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom .1s ease-out, transform .22s cubic-bezier(.215, .61, .355, 1) .12s;
	transform: rotate(90deg)
}

.hamburger--spring .hamburger-inner {
	top: 2px;
	transition: background-color 0s linear .13s
}

.hamburger--spring .hamburger-inner:before {
	top: 10px;
	transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring .hamburger-inner:after {
	top: 20px;
	transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring.is-active .hamburger-inner {
	transition-delay: .22s;
	background-color: transparent !important
}

.hamburger--spring.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
	transform: translate3d(0, 10px, 0) rotate(45deg)
}

.hamburger--spring.is-active .hamburger-inner:after {
	top: 0;
	transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
	transform: translate3d(0, 10px, 0) rotate(-45deg)
}

.hamburger--spring-r .hamburger-inner {
	top: auto;
	bottom: 0;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: .13s
}

.hamburger--spring-r .hamburger-inner:after {
	top: -20px;
	transition: top .2s cubic-bezier(.33333, .66667, .66667, 1) .2s, opacity 0s linear
}

.hamburger--spring-r .hamburger-inner:before {
	transition: top .1s cubic-bezier(.33333, .66667, .66667, 1) .2s, transform .13s cubic-bezier(.55, .055, .675, .19)
}

.hamburger--spring-r.is-active .hamburger-inner {
	transition-delay: .22s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: translate3d(0, -10px, 0) rotate(-45deg)
}

.hamburger--spring-r.is-active .hamburger-inner:after {
	top: 0;
	transition: top .2s cubic-bezier(.33333, 0, .66667, .33333), opacity 0s linear .22s;
	opacity: 0
}

.hamburger--spring-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top .1s cubic-bezier(.33333, 0, .66667, .33333) .15s, transform .13s cubic-bezier(.215, .61, .355, 1) .22s;
	transform: rotate(90deg)
}

.hamburger--stand .hamburger-inner {
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand .hamburger-inner:before {
	transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand .hamburger-inner:after {
	transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand.is-active .hamburger-inner {
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
	transform: rotate(90deg);
	background-color: transparent !important
}

.hamburger--stand.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
	transform: rotate(-45deg)
}

.hamburger--stand.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
	transform: rotate(45deg)
}

.hamburger--stand-r .hamburger-inner {
	transition: transform 75ms cubic-bezier(.55, .055, .675, .19) .15s, background-color 0s linear 75ms
}

.hamburger--stand-r .hamburger-inner:before {
	transition: top 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r .hamburger-inner:after {
	transition: bottom 75ms ease-in 75ms, transform 75ms cubic-bezier(.55, .055, .675, .19) 0s
}

.hamburger--stand-r.is-active .hamburger-inner {
	transition: transform 75ms cubic-bezier(.215, .61, .355, 1) 0s, background-color 0s linear .15s;
	transform: rotate(-90deg);
	background-color: transparent !important
}

.hamburger--stand-r.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
	transform: rotate(-45deg)
}

.hamburger--stand-r.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease-out .1s, transform 75ms cubic-bezier(.215, .61, .355, 1) .15s;
	transform: rotate(45deg)
}

.hamburger--squeeze .hamburger-inner {
	transition-timing-function: cubic-bezier(.55, .055, .675, .19);
	transition-duration: 75ms
}

.hamburger--squeeze .hamburger-inner:before {
	transition: top 75ms ease .12s, opacity 75ms ease
}

.hamburger--squeeze .hamburger-inner:after {
	transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55, .055, .675, .19)
}

.hamburger--squeeze.is-active .hamburger-inner {
	transition-delay: .12s;
	transition-timing-function: cubic-bezier(.215, .61, .355, 1);
	transform: rotate(45deg)
}

.hamburger--squeeze.is-active .hamburger-inner:before {
	top: 0;
	transition: top 75ms ease, opacity 75ms ease .12s;
	opacity: 0
}

.hamburger--squeeze.is-active .hamburger-inner:after {
	bottom: 0;
	transition: bottom 75ms ease, transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;
	transform: rotate(-90deg)
}

.hamburger--vortex .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-duration: .2s
}

.hamburger--vortex .hamburger-inner:after,
.hamburger--vortex .hamburger-inner:before {
	transition-delay: .1s;
	transition-timing-function: linear;
	transition-duration: 0s
}

.hamburger--vortex .hamburger-inner:before {
	transition-property: top, opacity
}

.hamburger--vortex .hamburger-inner:after {
	transition-property: bottom, transform
}

.hamburger--vortex.is-active .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transform: rotate(765deg)
}

.hamburger--vortex.is-active .hamburger-inner:after,
.hamburger--vortex.is-active .hamburger-inner:before {
	transition-delay: 0s
}

.hamburger--vortex.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0
}

.hamburger--vortex.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(90deg)
}

.hamburger--vortex-r .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transition-duration: .2s
}

.hamburger--vortex-r .hamburger-inner:after,
.hamburger--vortex-r .hamburger-inner:before {
	transition-delay: .1s;
	transition-timing-function: linear;
	transition-duration: 0s
}

.hamburger--vortex-r .hamburger-inner:before {
	transition-property: top, opacity
}

.hamburger--vortex-r .hamburger-inner:after {
	transition-property: bottom, transform
}

.hamburger--vortex-r.is-active .hamburger-inner {
	transition-timing-function: cubic-bezier(.19, 1, .22, 1);
	transform: rotate(-765deg)
}

.hamburger--vortex-r.is-active .hamburger-inner:after,
.hamburger--vortex-r.is-active .hamburger-inner:before {
	transition-delay: 0s
}

.hamburger--vortex-r.is-active .hamburger-inner:before {
	top: 0;
	opacity: 0
}

.hamburger--vortex-r.is-active .hamburger-inner:after {
	bottom: 0;
	transform: rotate(-90deg)
}


:root {
	--main_red: #B82228;
	--main_blue: #1073B8;
	--sub_blue: #1E154C;
	--main_lightblue: #E6F1F8;
	--main_grey: #818181;
	--main_lightgrey: #C1C1C1;
	--main_lightwhite: #F5F5F5;
	--main_orange: #da3c0c;
	--main_light_orange: #ff9933;
	--main_navy: #1E154C;
	--main-grey-gainsboro: #DCDCDC;

	--main_margin: 15px;
	--main_dmargin: 30px;
	--main_hmargin: 7px;

	--font_item_title_size: clamp(1.125rem, 0.875rem + 0.8333vw, 1.5rem);
	--font_item_title_size2: 1.125rem;

	--main_background_color: #fff;
	--main_footer_background_color: var(--sub_blue);

	/* Surface tokens — header, drawer, navbar, FAB panel. */
	--surface-bg: #fff;
	--surface-alt-bg: #fafafa;
	--surface-hover: #fff5f0;

	/* Border tokens. */
	--border-subtle: #f3f3f3;
	--border-muted: #e5e7eb;
	--border-default: #eee;

	/* Text tokens. */
	--text-primary: #333;
	--text-muted: #555;
	--text-faint: #999;

	/* Shadow / overlay tokens. */
	--shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
	--shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.18);
	--shadow-drawer: -4px 0 24px rgba(0, 0, 0, 0.15);
	--overlay-backdrop: rgba(0, 0, 0, 0.45);
}

* {
	outline: 0 none;
}

body {
	font-family: 'Prompt', sans-serif;
	background-color: var(--main_background_color);
}

/* Font-size tiers driven by utility-bar / FAB buttons. Applied on the
   root so every rem-based size in the sheet scales; percentages keep
   the reader's own browser font-size preference proportional. */
html.text-size-sm { font-size: 87.5%; }
html.text-size-md { font-size: 100%; }
html.text-size-lg { font-size: 112.5%; }

/* Lock background scroll when the mobile drawer is open. */
html.drawer-open,
html.drawer-open body {
	overflow: hidden;
}

/*
 * Color mode palettes (light is the :root default).
 *
 * `dark`  → page-wide grayscale (preserves the legacy .black-white look).
 *           Scoped to #page so the filter ancestor does NOT include the
 *           FAB (which is a body-level sibling) — filter on an ancestor
 *           promotes it to the containing block for its position:fixed
 *           descendants, which would re-anchor `.fab-access` to the
 *           document bottom and visually push it off-screen.
 *
 *           Trade-off: because #masthead now lives inside #page, the
 *           fixed site header is likewise re-anchored to #page while
 *           dark mode is active — the header will scroll out of view
 *           with the page. Move #masthead back out of #page (sibling
 *           of .fab-access) if viewport-pinning needs to survive the
 *           filter.
 *
 * `blue`  → high-contrast mode (legacy .contrast): full-black backgrounds.
 */
html.color-mode-dark #masthead,
html.color-mode-dark #primary,
html.color-mode-dark #colophon {
	filter: grayscale(1);
}

html.color-mode-blue {
	--main_background_color: #000;
	--main_footer_background_color: #000;
}

img,
svg {
	vertical-align: middle;
}

a,
a:active {
	text-decoration: none;
}

hr {
	width: 130px;
	height: 5px;
	background: var(--main_orange);
	margin-top: 0;
	margin-bottom: var(--main_dmargin);
}


.container-fluid {
	width: 100%;
	padding-left: var(--main_margin);
	padding-right: var(--main_margin);
}

.container {
	margin: 0 auto;
	width: calc(100% - 30px);
}

@media (min-width: 576px) {
	.container {
		width: 540px;
	}
}

@media (min-width: 768px) {
	.container {
		width: 720px;
	}
}

@media (min-width: 992px) {
	.container {
		width: 960px;
	}
}

@media (min-width: 1200px) {
	.container {
		width: 1140px;
	}
}

.readmore a {
	display: inline-block;
	min-width: 130px;
	text-align: center;
	padding: var(--main_hmargin) var(--main_margin);
	border-radius: 100px;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	transition: all 0.5s ease;
}

.readmore a:hover {
	color: white;
	background-color: var(--main_orange);
}

.thumb-play {
	background: var(--main_orange);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-left: 5px;
}

.thumb-play .fa-play {
	color: white;
	vertical-align: middle;
}

.parent-page-tag a {
	display: inline-block;
	background-color: var(--main_orange);
	color: white;
	font-size: 1.25rem;
	padding: var(--main_hmargin) var(--main_margin);
}

.entry-content {
	margin-bottom: var(--main_dmargin);
}

.logged-in.admin-bar {
	padding-top: 32px;
}

/* =======================================================================
 * Site Header — 2-tier (utility-bar + main-navbar)
 * Mobile-first: default rules target ≤1100px (phones + tablets).
 * @media (min-width: 1101px) enables the desktop utility bar and
 * horizontal primary menu; .hamburger, .mobile-search, .drawer-header,
 * .fab-access are hidden there.
 * ======================================================================= */

.site-header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1000;
	background: var(--surface-bg);
	box-shadow: var(--shadow-sm);
	transition: transform 0.3s ease;
	will-change: transform;
}

.site-header.hide-header {
	transform: translateY(-100%);
}

/* Admin bar offsets (WP admin bar is 46px on small, 32px on ≥783px). */
body.admin-bar .site-header {
	top: 46px;
}

@media (min-width: 783px) {
	body.admin-bar .site-header {
		top: 32px;
	}
}

/* ===== Utility bar (desktop-only by default) ===== */
.utility-bar {
	display: none;
}

/* ===== Main navbar ===== */
.main-navbar {
	--nav-focus-ring: 2px solid var(--main_orange);

	display: flex;
	align-items: center;
	padding: 0 12px;
	min-height: 52px;
	background: var(--surface-bg);
	position: relative;
	z-index: 100;
	flex-wrap: nowrap;
}

.navbar-logo {
	flex-shrink: 0;
	margin-right: clamp(10px, 1.5vw, 30px);
	display: flex;
	align-items: center;
}

.navbar-logo img,
.navbar-logo .custom-logo-link img {
	height: 32px;
	width: auto;
}

/* ===== Mobile-only controls inside the navbar ===== */
.mobile-search {
	display: flex;
	align-items: center;
	justify-content: center;
	background: none;
	border: none;
	cursor: pointer;
	padding: 8px;
	margin-left: auto;
	color: var(--sub_blue);
}

.mobile-search svg {
	width: 20px;
	height: 20px;
	stroke: currentColor;
	fill: none;
}

.mobile-search:hover {
	color: var(--main_orange);
}

/* Hamburger (scoped so vendor .hamburger rules above do not apply) */
.main-navbar .hamburger {
	display: block;
	background: none;
	border: none;
	padding: 8px;
	cursor: pointer;
	width: auto;
	height: auto;
	color: var(--sub_blue);
	font: inherit;
}

.main-navbar .hamburger span {
	display: block;
	width: 22px;
	height: 2.5px;
	background: currentColor;
	margin: 4px 0;
	border-radius: 2px;
	transition: transform 0.3s, opacity 0.3s;
}

.main-navbar .hamburger.open span:nth-child(1) {
	transform: rotate(45deg) translate(5px, 5px);
}

.main-navbar .hamburger.open span:nth-child(2) {
	opacity: 0;
}

.main-navbar .hamburger.open span:nth-child(3) {
	transform: rotate(-45deg) translate(5px, -5px);
}

/* ===== Primary nav container ===== */
#site-navigation {
	display: contents;
}

/* ===== Drawer menu (mobile: off-canvas right) ===== */
.menu-items {
	--nav-link-padding-block: 16px;
	--nav-link-padding-inline: 20px;
	--nav-sub-link-padding-block: 12px;
	--nav-level-2-indent: 36px;
	--nav-level-3-indent: 52px;
	--nav-arrow-size: 12px;

	list-style: none;
	margin: 0;
	padding: 0;

	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	max-width: 100vw;
	height: 100vh;
	height: 100dvh;
	background: var(--surface-bg);
	box-shadow: var(--shadow-drawer);
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 200;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	transform: translateX(100%);
	transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu-items.open {
	transform: translateX(0);
}

.menu-items li {
	position: relative;
	list-style: none;
}

.menu-items li a {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 6px;
	min-height: 48px;
	padding: var(--nav-link-padding-block) var(--nav-link-padding-inline);
	font-size: 0.92rem;
	font-weight: 500;
	line-height: 1.35;
	color: var(--sub_blue);
	text-decoration: none;
	border-bottom: 1px solid var(--border-subtle);
	border-left: 3px solid transparent;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.menu-items li a:focus-visible,
.mobile-search:focus-visible,
.main-navbar .hamburger:focus-visible,
.close-btn:focus-visible {
	outline: var(--nav-focus-ring);
	outline-offset: 2px;
}

.menu-items li a:hover,
.menu-items li.current-menu-item > a,
.menu-items li.current-menu-ancestor > a,
.menu-items li.current-menu-parent > a {
	background: var(--surface-hover);
	border-left-color: var(--main_orange);
	color: var(--main_orange);
}

/* Drawer header sits at the top of the <ul> on mobile */
.drawer-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 12px 20px;
	border-bottom: 1px solid var(--border-default);
	background: var(--surface-bg);
	position: sticky;
	top: 0;
	z-index: 1;
}

.drawer-header > span {
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-faint);
	text-transform: uppercase;
	letter-spacing: 1px;
}

.close-btn {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	border: none;
	background: var(--main_lightwhite);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.4rem;
	color: var(--text-muted);
	line-height: 1;
	padding: 0;
	transition: background 0.2s, color 0.2s;
}

.close-btn:hover {
	background: #fee2e2;
	color: #dc2626;
}

/* Submenus (any depth) inside the drawer */
.menu-items .sub-menu,
.menu-items .dropdown {
	list-style: none;
	margin: 0;
	padding: 0;
	background: var(--surface-alt-bg);
	display: none;
}

.menu-items .sub-menu .sub-menu,
.menu-items .dropdown .dropdown {
	padding: 0;
	background: var(--surface-bg);
}

.menu-items li.sub-open > .sub-menu,
.menu-items li.sub-open > .dropdown {
	display: block;
}

.menu-items .sub-menu a,
.menu-items .dropdown a {
	padding: var(--nav-sub-link-padding-block) var(--nav-link-padding-inline) var(--nav-sub-link-padding-block) var(--nav-level-2-indent);
	font-size: 0.86rem;
	border-bottom: 1px solid var(--border-default);
	border-left: 3px solid transparent;
}

.menu-items .arrow-icon {
	width: var(--nav-arrow-size);
	height: var(--nav-arrow-size);
	flex-shrink: 0;
	transition: transform 0.2s;
}

.menu-items li.sub-open > a .arrow-icon {
	transform: rotate(180deg);
}

/* ===== Mobile overlay backdrop ===== */
/*
 * Mobile overlay — dimensions in viewport units (vw/vh) so that when a
 * color-mode filter turns an ancestor (e.g. #masthead) into a containing
 * block, the overlay still fills the full viewport instead of shrinking
 * to the header's box.
 */
.mobile-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	height: 100dvh;
	background: var(--overlay-backdrop);
	z-index: 90;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s, visibility 0.3s;
}

.mobile-overlay.show {
	opacity: 1;
	visibility: visible;
}

/* ===== FAB (mobile accessibility) ===== */
.fab-access {
	--fab-access-size: 54px;
	--fab-access-gap: 12px;

	position: fixed;
	bottom: calc(25px + var(--fab-access-size) + var(--fab-access-gap));
	right: 29px;
	z-index: 500;
}

.fab-btn {
	width: var(--fab-access-size);
	height: var(--fab-access-size);
	border-radius: 50%;
	background: var(--main_orange);
	border: none;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	box-shadow: 0 4px 16px rgba(218, 60, 12, 0.4);
	transition: transform 0.3s, box-shadow 0.3s, background 0.3s;
	color: #fff;
	padding: 0;
}

.fab-btn svg {
	width: calc(var(--fab-access-size) * 0.46);
	height: calc(var(--fab-access-size) * 0.46);
	transition: transform 0.3s;
}

.fab-btn:hover {
	transform: scale(1.08);
	box-shadow: 0 6px 20px rgba(218, 60, 12, 0.5);
}

.fab-btn.open {
	background: #a8310b;
}

.fab-panel {
	position: absolute;
	bottom: calc(var(--fab-access-size) + var(--fab-access-gap));
	right: 0;
	background: var(--surface-bg);
	border-radius: 16px;
	box-shadow: var(--shadow-lg);
	padding: 0;
	width: 220px;
	opacity: 0;
	visibility: hidden;
	transform: translateY(12px) scale(0.95);
	transform-origin: bottom right;
	transition: opacity 0.25s, visibility 0.25s, transform 0.25s cubic-bezier(0.4, 0, 0.2, 1);
	overflow: hidden;
	color: var(--text-primary);
}

.fab-panel.show {
	opacity: 1;
	visibility: visible;
	transform: translateY(0) scale(1);
}

.fab-panel-header {
	padding: 14px 16px 10px;
	font-size: 0.72rem;
	font-weight: 600;
	color: var(--text-faint);
	text-transform: uppercase;
	letter-spacing: 0.5px;
	border-bottom: 1px solid var(--border-default);
}

.fab-section {
	padding: 12px 16px;
	border-bottom: 1px solid var(--border-default);
}

.fab-section:last-child {
	border-bottom: none;
}

.fab-section-label {
	font-size: 0.7rem;
	color: var(--text-muted);
	margin-bottom: 8px;
	font-weight: 500;
}

.fab-section-row {
	display: flex;
	align-items: center;
	gap: 8px;
}

.fab-section .font-btn {
	width: 32px;
	height: 32px;
	border-radius: 6px;
}

.fab-section .font-btn.sm { font-size: 0.7rem; }
.fab-section .font-btn.md { font-size: 0.85rem; }
.fab-section .font-btn.lg { font-size: 1rem; }

.fab-section .display-btn {
	width: 32px;
	height: 32px;
	border-radius: 6px;
	font-size: 0.85rem;
}

.fab-lang-row {
	display: flex;
	gap: 8px;
}

.fab-lang-btn {
	flex: 1;
	padding: 8px 0;
	border: 1.5px solid var(--main-grey-gainsboro);
	border-radius: 8px;
	background: var(--surface-bg);
	font-size: 0.8rem;
	font-weight: 600;
	color: var(--text-muted);
	cursor: pointer;
	transition: all 0.2s;
	text-align: center;
	font-family: inherit;
	text-decoration: none;
}

.fab-lang-btn:hover {
	border-color: var(--main_orange);
	color: var(--main_orange);
}

.fab-lang-btn.active-lang {
	border-color: var(--main_orange);
	background: var(--main_orange);
	color: var(--surface-bg);
}

/* ===== Shared pill buttons (font / display / lang) ===== */
.font-btn {
	width: 26px;
	height: 26px;
	border: 1.5px solid var(--main_lightgrey);
	border-radius: 4px;
	background: var(--surface-bg);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-family: inherit;
	font-weight: 600;
	color: var(--text-primary);
	transition: border-color 0.2s, background 0.2s, color 0.2s;
	line-height: 1;
	padding: 0;
}

.font-btn:hover {
	border-color: var(--main_orange);
	color: var(--main_orange);
}

/* `* { outline: 0 none }` above strips the UA ring; restore it here. The
   --nav-focus-ring token is scoped to .main-navbar, so use the literal. */
.font-btn:focus-visible,
.display-btn:focus-visible {
	outline: 2px solid var(--main_orange);
	outline-offset: 2px;
}

.font-btn.active {
	border-color: var(--main_orange);
	background: var(--main_orange);
	color: var(--surface-bg);
}

.font-btn.sm { font-size: 0.65rem; }
.font-btn.md { font-size: 0.8rem; }
.font-btn.lg { font-size: 0.95rem; }

.display-btn {
	width: 26px;
	height: 26px;
	border-radius: 4px;
	border: 1.5px solid var(--main_lightgrey);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-family: inherit;
	font-weight: 700;
	font-size: 0.8rem;
	transition: opacity 0.2s, outline 0.2s;
	line-height: 1;
	padding: 0;
}

.display-btn:hover {
	opacity: 0.85;
}

.display-btn.mode-light {
	background: #fff;
	color: #333;
	border-color: #ccc;
}

.display-btn.mode-dark {
	background: #1e293b;
	color: #fff;
	border-color: #1e293b;
}

.display-btn.mode-blue {
	background: #1e3a5f;
	color: #ffd700;
	border-color: #1e3a5f;
}

.display-btn.active-mode {
	outline: 2px solid var(--main_orange);
	outline-offset: 1px;
}

.utility-bar .divider,
.utility-right .divider {
	width: 1px;
	height: 18px;
	background: var(--main-grey-gainsboro);
}

.lang-btn {
	padding: 3px 12px;
	border: 1.5px solid var(--main_lightgrey);
	border-radius: 20px;
	background: var(--surface-bg);
	font-size: 0.78rem;
	font-weight: 600;
	color: var(--text-muted);
	cursor: pointer;
	transition: border-color 0.2s, color 0.2s;
	text-decoration: none;
	line-height: 1.4;
}

.lang-btn:hover {
	border-color: var(--main_orange);
	color: var(--main_orange);
}

/* ===== Phone ≥421px (relaxed sizing) ===== */
@media (min-width: 421px) {
	.main-navbar {
		padding: 0 16px;
		min-height: 56px;
	}

	.navbar-logo img,
	.navbar-logo .custom-logo-link img {
		height: 36px;
	}

	.menu-items {
		width: 300px;
		max-width: 85vw;
	}
}

/* ===== Desktop ≥1101px ===== */
@media (min-width: 1101px) {
	.utility-bar {
		display: flex;
		background: var(--surface-bg);
		border-bottom: 1px solid var(--border-muted);
		padding: 6px 24px;
		align-items: center;
		justify-content: space-between;
		font-size: 0.8rem;
		color: var(--text-muted);
	}

	.utility-left,
	.utility-right {
		display: flex;
		align-items: center;
		gap: 12px;
	}

	.utility-left {
		gap: 14px;
	}

	.utility-group {
		display: flex;
		align-items: center;
		gap: 5px;
	}

	.utility-group__label {
		font-size: 0.72rem;
		color: var(--text-muted);
		margin-right: 2px;
		white-space: nowrap;
	}

	.search-icon {
		width: 30px;
		height: 30px;
		border-radius: 50%;
		border: none;
		background: transparent;
		cursor: pointer;
		display: inline-flex;
		align-items: center;
		justify-content: center;
		transition: background 0.2s;
		color: var(--text-muted);
	}

	.search-icon:hover {
		background: var(--main_lightwhite);
	}

	.utility-link {
		font-size: 0.8rem;
		color: var(--text-muted);
		text-decoration: none;
		cursor: pointer;
		transition: color 0.2s;
		display: flex;
		align-items: center;
		gap: 4px;
	}

	.utility-link:hover {
		color: var(--main_orange);
	}

	.main-navbar {
		padding: 0 24px;
		min-height: 64px;
	}

	.navbar-logo img,
	.navbar-logo .custom-logo-link img {
		height: 44px;
	}

	.mobile-search,
	.main-navbar .hamburger,
	.drawer-header,
	.fab-access,
	.mobile-overlay {
		display: none !important;
	}

	#site-navigation {
		display: block;
		flex: 1;
		min-width: 0;
	}

	.menu-items {
		--nav-link-padding-block: 22px;
		--nav-link-padding-inline: clamp(6px, 0.75vw, 16px);
		--nav-sub-link-padding-block: 10px;
		--nav-sub-link-padding-inline: 16px;
		--nav-submenu-min-width: 240px;
		--nav-submenu-max-width: 340px;
		--nav-submenu-radius: 8px;
		--nav-submenu-offset: -9px;
		--nav-arrow-size: 10px;

		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: flex-end;
		flex-wrap: nowrap;
		flex: 1;
		min-width: 0;

		position: static;
		width: auto;
		max-width: none;
		height: auto;
		background: transparent;
		box-shadow: none;
		overflow: visible;
		transform: none;
		transition: none;
	}

	.menu-items li a {
		min-height: 44px;
		padding: var(--nav-link-padding-block) var(--nav-link-padding-inline);
		font-size: clamp(0.76rem, 0.88vw, 0.92rem);
		font-weight: 500;
		color: var(--sub_blue);
		white-space: nowrap;
		gap: 3px;
		border-bottom: 3px solid transparent;
		border-left: none;
		justify-content: flex-start;
	}

	.menu-items > li > a {
		min-height: 64px;
	}

	.menu-items li a:hover,
	.menu-items li.current-menu-item > a,
	.menu-items li.current-menu-ancestor > a,
	.menu-items li.current-menu-parent > a {
		color: var(--main_orange);
		background: transparent;
		border-left-color: transparent;
		border-bottom-color: var(--main_orange);
	}

	.menu-items li.current-menu-item > a {
		font-weight: 700;
	}

	.menu-items > li:hover > a .arrow-icon,
	.menu-items > li.focus > a .arrow-icon {
		transform: rotate(180deg);
	}

	/* Desktop dropdowns */
	.menu-items .sub-menu,
	.menu-items .dropdown {
		display: none;
		position: absolute;
		top: calc(100% - 3px);
		left: 0;
		width: max-content;
		min-width: var(--nav-submenu-min-width);
		max-width: min(var(--nav-submenu-max-width), calc(100vw - 32px));
		background: var(--surface-bg);
		box-shadow: var(--shadow-md);
		border: 1px solid var(--border-muted);
		border-top: 3px solid var(--main_orange);
		border-radius: 0 0 var(--nav-submenu-radius) var(--nav-submenu-radius);
		padding: 8px 0;
		z-index: 200;
	}

	.menu-items .sub-menu .sub-menu,
	.menu-items .dropdown .dropdown {
		top: 0;
		left: 100%;
		border-top: none;
		border-left: 3px solid var(--main_orange);
		border-radius: 0 var(--nav-submenu-radius) var(--nav-submenu-radius) 0;
	}

	.menu-items > li:hover > .sub-menu,
	.menu-items > li:hover > .dropdown,
	.menu-items > li.focus > .sub-menu,
	.menu-items > li.focus > .dropdown {
		display: block;
	}

	.menu-items .sub-menu li:hover > .sub-menu,
	.menu-items .sub-menu li:hover > .dropdown,
	.menu-items .sub-menu li.focus > .sub-menu,
	.menu-items .sub-menu li.focus > .dropdown,
	.menu-items .dropdown li:hover > .sub-menu,
	.menu-items .dropdown li:hover > .dropdown,
	.menu-items .dropdown li.focus > .sub-menu,
	.menu-items .dropdown li.focus > .dropdown {
		display: block;
	}

	/* Flip dropdown to the left for the last four top-level items so it
	   doesn't overflow the viewport edge. */
	.menu-items > li:nth-last-child(-n+4) > .sub-menu,
	.menu-items > li:nth-last-child(-n+4) > .dropdown {
		left: auto;
		right: 0;
	}

	.menu-items > li:nth-last-child(-n+4) .sub-menu .sub-menu,
	.menu-items > li:nth-last-child(-n+4) .dropdown .dropdown {
		left: auto;
		right: 100%;
		border-right: 3px solid var(--main_orange);
		border-left: none;
		border-radius: var(--nav-submenu-radius) 0 var(--nav-submenu-radius) var(--nav-submenu-radius);
	}

	.menu-items .sub-menu a,
	.menu-items .dropdown a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 12px;
		min-height: 40px;
		padding: var(--nav-sub-link-padding-block) var(--nav-sub-link-padding-inline);
		font-size: 0.86rem;
		line-height: 1.35;
		color: var(--text-primary);
		border-bottom: none;
		border-left: none;
		white-space: normal;
		overflow-wrap: break-word;
	}

	.menu-items .sub-menu a:hover,
	.menu-items .dropdown a:hover {
		background: var(--surface-hover);
		color: var(--main_orange);
	}

	.menu-items .arrow-icon {
		width: var(--nav-arrow-size);
		height: var(--nav-arrow-size);
	}

	.menu-items .sub-menu a .arrow-icon,
	.menu-items .sub-menu li.sub-open > a .arrow-icon,
	.menu-items .dropdown a .arrow-icon,
	.menu-items .dropdown li.sub-open > a .arrow-icon {
		margin-left: auto;
		transform: rotate(-90deg);
	}

	.menu-items > li:nth-last-child(-n+4) .sub-menu a .arrow-icon,
	.menu-items > li:nth-last-child(-n+4) .sub-menu li.sub-open > a .arrow-icon,
	.menu-items > li:nth-last-child(-n+4) .dropdown a .arrow-icon,
	.menu-items > li:nth-last-child(-n+4) .dropdown li.sub-open > a .arrow-icon {
		transform: rotate(90deg);
	}
}

@media (prefers-reduced-motion: reduce) {
	.menu-items,
	.menu-items .arrow-icon {
		transition: none;
	}
}

.site-main {
	margin-bottom: var(--main_dmargin);
}

.site-main .elementor-widget-image a {
	display: block;
	max-width: 100%;
}

.site-main .elementor-widget-image img {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1100px) {
	.site-main .elementor-widget-smartslider,
	.site-main .elementor-widget-smartslider .elementor-widget-container {
		overflow-x: hidden;
		overflow-x: clip;
	}
}

.main-content {
	padding: var(--main_dmargin) 0;
}

.main-content-big-gap {
	padding: 60px 0;
}

.main-content-title {
	margin-bottom: 1.5rem;
}

.main-content-title h1,
.main-content-title .title-text {
	font-size: 1.875rem;
	text-align: center;
	margin: 0;
}

/*
Style : Main Footer
*/
.site-footer {
	background: var(--main_footer_background_color);
	color: #fff;
}

.site-footer::before {
	content: "";
	display: block;
	background: linear-gradient(90deg, #F05223 0%, #EE9B20 100%);
	height: 6px;
	margin-bottom: calc(var(--main_dmargin) * 2);
}

.site-footer .site-info {
	display: flex;
	padding: 30px 0 60px;
}

.site-info .footer-menu {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 0 0 20px;
	list-style: none;
	padding: 0;
}

.site-info .footer-menu .menu-item {
	border-left: 1px solid #fff;
}

.site-info .footer-menu .menu-item a {
	margin: 0 20px;
	color: #fff;
	display: block;
	line-height: 1;
}

.footer-logo {
	display: flex;
	flex-direction: row;
	align-items: center;
	flex-wrap: wrap;
}

.footer-logo .widget {
	margin-right: 6px;
}

.footer-widget-group {
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
}

.footer-widget .widget-title {
	margin: 0 0 20px;
	padding: 0;
	font-size: 1.5rem;
	font-weight: bold;
}

.footer-widget .widget-title::after {
	content: "";
	display: block;
	width: 50%;
	height: 6px;
	background: var(--main_orange);
	margin-top: 5px;
}

.footer-widget .textwidget *:first-child {
	margin-top: 0;
}

.footer-widget .menu {
	margin: 0;
	padding: 0 0 0 20px;
}

.footer-widget .menu > li {
	margin-bottom: 8px;
}

.footer-widget .menu a {
	color: #fff;
}

@media (min-width: 992px) {
	.footer-widget-group {
		gap: 30px;
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.hotline {
	display: inline-block;
	background: var(--main_orange);
	border: 1px solid var(--main_orange);
	padding: 10px 30px;
	border-radius: 100px;
	font-weight: bold;
	color: #fff;
	font-size: 1.5rem;
	margin-top: 30px;
}

.hotline:hover {
	background: transparent;
	color: var(--main_orange);
}

.hotline .call-link {
	color: #fff;
}

.hotline:hover .call-link,
.hotline .call-link:hover {
	color: var(--main_orange);
}

.call-link i {
	margin-right: 8px;
}

/*
Style : Social List
*/
.social-list {
	display: flex;
	margin: 0;
	padding: 0;
	list-style: none;
	gap: 8px;
}

.social-list .item a {
	display: flex;
	width: 30px;
	height: 30px;
	font-size: 1.5rem;
	align-items: center;
	justify-content: center;
	color: #fff;
}

.social-list .item a:hover {
	color: var(--main_orange);
}

/*
Style : Main Banner
*/
.main-banner {
	padding-top: 130px;
	padding-bottom: 66px;
	position: relative;
	display: flex;
	align-items: center;
}

.main-banner::after {
	position: absolute;
	bottom: 0;
	z-index: 2;
	content: "";
	display: block;
	width: 100%;
	height: 6px;
	background: linear-gradient(90deg, #F05223 0%, #EE9B20 100%);
}

.main-banner .banner-overlay {
	background: linear-gradient(0deg, #252346 0%, rgba(255, 255, 255, 0) 100%),
		linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.main-banner .img-banner-background {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

.main-banner .container {
	display: flex;
	justify-content: center;
	flex-direction: column;
	height: 100%;
	position: relative;
	color: white;
	padding-top: var(--main_dmargin);
	padding-bottom: var(--main_dmargin);
}

.main-banner .parent-page-tag {
	margin-bottom: var(--main_margin);
}

.main-banner .banner-title {
	font-size: 2rem;
	margin: 0;
	color: var(--main_orange);
	text-shadow: 0 1px 0 #ffffff33;
}

.main-banner hr {
	margin: 0 0 1.5rem 0;
}

.main-banner .banner-content {
	font-size: 1.5625rem;
	line-height: 2.5rem;
}

.main-banner .banner-content *:first-child {
	margin-top: 0;
}

.main-banner .banner-content *:last-child {
	margin-bottom: 0;
}

.big-main-banner {
	min-height: 680px;
	align-items: flex-end;
	padding-bottom: 90px;
}

.big-main-banner .container {
	display: block;
	text-align: center;
	height: auto;
	padding-top: 0;
	padding-bottom: 0;
}

.big-main-banner .banner-title {
	margin-bottom: 16px;
}

.big-main-banner .banner-title,
.big-main-banner .banner-content {
	color: var(--main_orange);
	text-shadow: 0 1px 0 #ffffff33;
}

@media (min-width: 768px) {
	.main-banner {
		padding-top: 150px;
	}

	.big-main-banner .banner-title {
		font-size: 3rem;
	}
}

@media (min-width: 1330px) {
	.main-banner {
		padding-top: 160px;
	}
}

/*
Style : Breadcrumbs
*/
.breadcrumbs {
	padding-top: var(--main_margin);
	padding-bottom: var(--main_margin);
}

.breadcrumbs > span {
	margin-left: var(--main_hmargin);
	margin-right: var(--main_hmargin);
}

.breadcrumbs > span:first-child {
	margin-left: 0;
}

.breadcrumbs a {
	color: black;
}

.breadcrumbs .current-item,
.breadcrumbs > span > span {
	color: var(--main_orange);
	text-decoration: underline;
}

/*
Style : Landing Grid
*/
.landing-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--main_margin);
	margin-bottom: var(--main_margin);
}

.landing-grid .landing-item:nth-child(1),
.landing-grid .landing-item:nth-child(2) {
	grid-column: span 2;
}

.landing-grid .landing-item .thumb {
	filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
}

.landing-grid .landing-item .thumb a {
	display: block;
	border-radius: 12px;
	overflow: hidden;
}

.landing-grid .landing-item:hover .thumb img {
	transition: all 0.5s ease;
	transform: scale(1.1);
}

.landing-grid .landing-item .info {
	color: var(--main_orange);
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: var(--main_hmargin);
	transition: all 0.5s ease;
}

.landing-grid .landing-item .info .landing-item-title {
	font-size: 1.125rem;
	font-weight: 500;
	text-align: center;
}

.landing-grid .landing-item .info .landing-item-title a {
	color: var(--main_orange);
}

.landing-grid .landing-item:hover .info .landing-item-title a {
	color: var(--main_navy);
}

@media (min-width: 768px) {
	.landing-grid {
		grid-template-columns: 1fr 1fr;
	}

	.landing-grid .landing-item:nth-child(1),
	.landing-grid .landing-item:nth-child(2) {
		grid-column: span 1;
	}
}

@media (min-width: 992px) {
	.landing-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.landing-grid .landing-item:nth-child(1),
	.landing-grid .landing-item:nth-child(2) {
		grid-column: span 2;
	}

	.landing-grid .landing-item:nth-child(1) .info,
	.landing-grid .landing-item:nth-child(2) .info {
		height: 110px;
	}

	.landing-grid .landing-item:nth-child(1) .info .landing-item-title,
	.landing-grid .landing-item:nth-child(2) .info .landing-item-title {
		font-size: 1.5625rem;
	}
}

/*
Style : Landing List
*/
.landing-list {
	margin-bottom: var(--main_margin);
}

.landing-list .landing-item {
	border-radius: 20px;
	overflow: hidden;
	margin-bottom: var(--main_dmargin);
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.landing-list .landing-item .thumb {
	overflow: hidden;
}

.landing-list .landing-item .thumb img {
	width: 100%;
	transition: all 0.5s ease;
}

.landing-list .landing-item .info {
	text-align: center;
	padding: var(--main_margin);
	color: var(--main_orange);
	height: 100%;
}

.landing-list .landing-item .info .landing-item-title {
	margin: 0 0 var(--main_margin);
	font-size: 1.5625rem;
}

.landing-list .landing-item .info .landing-item-title a {
	color: var(--main_orange);
}

.landing-list .landing-item .info .landing-item-content {
	margin-bottom: var(--main_margin);
}

.landing-list .landing-item .info .readmore a:hover {
	color: white;
	background-color: var(--main_orange);
}

.landing-list .landing-item:hover {
	border: 1px solid var(--main_orange);
}

.landing-list .landing-item:hover .thumb img {
	transform: scale(1.1);
}

@media (min-width: 992px) {
	.landing-list .landing-item {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
	}

	.landing-list .landing-item .info {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
}

/*
Style : Landing List Box
*/
.landing-list-box {
	margin-bottom: var(--main_dmargin);
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--main_dmargin);
}

.landing-list-box .landing-item {
	text-align: center;
	padding: 40px 20px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}

.landing-list-box .landing-item:hover {
	border: 1px solid var(--main_orange);
}

.landing-list-box .landing-item .thumb a {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 1;
	height: 100%;
	width: 100%;
	border: 15px solid var(--main-grey-gainsboro);
	max-width: 160px;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.landing-list-box .landing-item:hover .thumb a,
.landing-list-box .landing-item .thumb a:hover {
	border: 15px solid var(--main_orange);
	box-shadow: 0 0 20px var(--main_orange);
}

.landing-list-box .landing-item .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.5s ease;
}

.landing-list-box .landing-item:hover .thumb img {
	transform: scale(1.1);
}

.landing-list-box .landing-item .landing-item-title {
	color: var(--main_orange);
}

@media (min-width: 768px) {
	.landing-list-box {
		grid-template-columns: repeat(2, 1fr);
	}

	.landing-list-box .landing-item .landing-item-title {
		height: 85px;
		-webkit-line-clamp: 3;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

@media (min-width: 992px) {
	.landing-list-box {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) {
	.landing-list-box {
		grid-template-columns: repeat(4, 1fr);
	}
}

/*
Style : Category List
 */
.category-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--main_margin);
}

.category-list-type-2 {
	grid-template-columns: 1fr;
	gap: 30px;
}

.category-list__readmore {
	text-align: center;
	margin-top: var(--main_dmargin);
}

.category-list__readmore a {
	display: inline-block;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	padding: var(--main_hmargin) var(--main_dmargin);
	border-radius: 100px;
}

.category-list__readmore a:hover {
	background-color: var(--main_orange);
	color: white;
}

.category-item .item__info {
	padding-inline: 20px;
}

.category-item .item__title {
	color: var(--main_orange);
	margin-top: 0;
	margin-bottom: var(--main_margin);
	font-weight: normal;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.category-item .item__thumb {
	padding-top: 52.5%;
	position: relative;
	margin-bottom: var(--main_margin);
}

.category-item .item__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.category-item .item__meta {
	font-size: 0.875rem;
	color: #767676;
	margin-bottom: var(--main_margin);
}

.category-item .item__excerpt {
	display: none;
}

.category-item .item__readmore {
	margin-top: 8px;
}

.category-item .item__readmore a {
	display: inline-block;
}

.category-list .category-item {
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
}

.category-list .category-item .item__thumb {
	overflow: hidden;
	border-radius: 12px;
}

.category-list .category-item:first-child {
	-ms-grid-column-span: 2;
	grid-column-end: span 2;
}

.category-list-type-2 .category-item:first-child {
	-ms-grid-column-span: 2;
	grid-column-end: span 1;
}

.category-list-type-2 .category-item:first-child .item__info .item__title a {
	color: var(--main_orange)
}

.category-list-type-1 .category-item:first-child .item__thumb {
	margin-bottom: 0;
}

.category-list-type-1 .category-item:first-child .item__info {
	padding: var(--main_dmargin);
}

.category-list .category-item .item__thumb img {
	transform: scale(1);
	transition: all 0.5s ease-in-out;
}

.category-list .category-item:hover .item__thumb img {
	transform: scale(1.1);
}

@media (min-width: 576px) {
	.category-list .category-item {
		-ms-grid-column-span: 1;
		grid-column-end: span 1;
	}

	.category-list-type-2 .category-item {
		grid-column: span 1;
	}
}

@media (min-width 768px) {
	.category-list-type-2 {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 992px) {
	.category-list {
		-ms-grid-columns: 1fr 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.category-list-type-2 {
		grid-template-columns: repeat(3, 1fr);
	}

	.category-list-type-1 .category-item:first-child {
		-ms-grid-column-span: 4;
		grid-column-end: span 4;
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr 1fr;
		grid-template-columns: 1fr 1fr;
		margin-bottom: 25px;
	}

	.category-list .category-item .item__excerpt {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
}

/*
Style : Board List
*/
.board-list .board-item {
	margin-bottom: 40px;
}

.board-list .board-item .item__inner {
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	overflow: hidden;
	height: 100%;
	transition: all 0.5s ease;
}

.board-list .board-item .item__inner:hover {
	background-color: var(--main_orange);
}

.board-list .board-item .item__info {
	position: relative;
	padding: 20px var(--main_dmargin);
}

.board-list .board-item .item__info .item__title {
	position: relative;
	z-index: 1;
	margin: 0 0 var(--main_hmargin);
	font-size: clamp(1.125rem, 1.0417rem + 0.2778vw, 1.25rem);
}

.board-list .board-item .item__info .item__title a {
	color: black;
	text-wrap-mode: nowrap;
}

.board-list .board-item .item__info .item__excerpt {
	position: relative;
	z-index: 1;
}

.board-list .board-item .item__inner:hover .item__info a,
.board-list .board-item .item__inner:hover .item__info .item__excerpt {
	color: white;
}

@media (min-width: 768px) {
	.board-list {
		margin-top: var(--main_margin);
		margin-bottom: var(--main_margin);
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: var(--main_margin);
	}

	.board-list .board-item-0 {
		grid-column: span 3;
		display: grid;
		grid-template-columns: repeat(3, minmax(0, 1fr));
		grid-gap: var(--main_margin);
	}

	.board-list .board-item-0 .item__inner {
		grid-column-start: 2;
	}
}

/*
Style : Document Bar
*/
.bar-document-list {
	display: grid;
	grid-gap: var(--main_hmargin);
	grid-template-columns: 2fr 1fr;
	margin-bottom: var(--main_margin);
}

.document-list-search,
.bar-document-list-search form {
	display: grid;
	grid-template-columns: 1fr 1fr;
	margin-bottom: var(--main_dmargin);
}

.document-list-search .search-box,
.bar-document-list-search form .search-box {
	background: var(--main_lightwhite);
	border-radius: 5px;
	padding: var(--main_hmargin);
	display: grid;
	grid-template-columns: auto 30px;
	align-items: center;
	margin-right: var(--main_margin);
}

.bar-document-list-search form .search-box {
	max-width: 320px;
}

.document-list-search .search-text,
.bar-document-list-search form .search-text {
	font-family: 'Prompt', sans-serif;
	border: 0 none;
	background: none;
}

.document-list-search .search-text:focus,
.bar-document-list-search form .search-text:focus {
	outline: 0 none;
}

.document-list-search button,
.bar-document-list-search form button {
	padding: 0;
	margin: 0;
	background: none;
	border: 0 none;
}

.bar-document-list .grid-list-select {
	text-align: right;
	margin: 0;
	padding: 0;
	display: flex;
	justify-content: flex-end;
}

.bar-document-list .grid-list-select li {
	margin-left: var(--main_hmargin);
	padding: var(--main_hmargin);
	height: 44px;
	width: 44px;
	font-size: 1.25rem;
	background: var(--main_lightwhite);
	color: var(--main_grey);
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.bar-document-list .grid-list-select li:hover {
	color: var(--main_orange);
}

.bar-document-list .grid-list-select .active,
.bar-document-list .grid-list-select .active:hover {
	background: var(--main_orange);
	color: white;
}

/*
Style : Document List
*/
.document-list-grid {
	display: grid;
	grid-gap: var(--main_margin);
	grid-template-columns: 1fr 1fr;
}

.document-list-grid .document-list-item {
	display: flex;
	flex-direction: column;
}

.document-list-grid .document-list-item .info {
	background: var(--main_orange);
	display: flex;
	flex-grow: 1;
	flex-direction: column;
}

.document-list-grid .document-list-item .info .title {
	flex-grow: 1;
}

.document-list-list .document-list-item {
	margin-bottom: var(--main_margin);
	display: grid;
	grid-template-columns: 272px auto;
	grid-gap: var(--main_margin);
}

.document-list-item .info {
	padding: var(--main_margin);
}

.document-list-item .info .title {
	margin: 0;
	font-size: 1rem;
	font-weight: normal;
}

.document-list-item .info a {
	color: white;
}

.document-list-item .info .meta {
	margin-top: var(--main_margin);
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--main_hmargin);
	font-size: 0.875rem;
	color: white;
}

.document-list-item .info .meta .post-count {
	text-align: right;
}

.document-list-list .document-list-item .info {
	position: relative;
	padding-left: 0;
	padding-right: 0;
}

.document-list-list .document-list-item .info .title a {
	color: black;
}

.document-list-list .document-list-item .info .meta {
	color: var(--main_orange);
	display: block;
}

.document-list-list .document-list-item .info .meta .post-date,
.document-list-list .document-list-item .info .meta .post-count {
	display: inline-block;
}

.document-list-list .document-list-item .info .meta .post-count {
	margin-left: var(--main_margin);
}

.document-list-grid .document-list-item .info .document-button {
	display: none;
}

.document-list-list .document-list-item .info .document-button {
	position: absolute;
	top: var(--main_margin);
	right: 0;
	display: none;
	padding: var(--main_hmargin) 0;
	width: 130px;
	text-align: center;
	color: var(--main_orange);
	border: 1px solid var(--main_orange);
	border-radius: 5px;
}

@media (min-width: 768px) {
	.document-list-grid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

@media (min-width: 992px) {
	.document-list-grid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.document-list-list .document-list-item .info {
		padding-right: 150px;
	}

	.document-list-list .document-list-item .info .document-button {
		display: block;
	}
}

/*
Style : Management Team
*/
.management-team-photo {
	text-align: center;
	margin-bottom: 40px;
}

.management-team-photo .item {
	display: inline-block;
	text-align: center;
}

.management-team-photo .item-desktop {
	display: none;
}

.management-team-photo .item .photo {
	margin-bottom: var(--main_margin);
}

.management-team-photo .item .photo img {
	height: 500px;
	width: auto;
}

.management-team-photo .item .number {
	display: inline-flex;
	width: 30px;
	height: 30px;
	padding: 10px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.management-team-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--main_margin);
	margin-bottom: 60px;
}

.management-team-list .item-inner {
	display: grid;
	grid-template-columns: 30px auto;
	gap: var(--main_margin);
	align-items: center;
}

.management-team-list .item .photo {
	text-align: center;
}

.management-team-list .item .photo img {
	height: 400px;
}

.management-team-list .item-inner .number {
	display: inline-flex;
	transition: all 0.5s ease;
	width: 30px;
	height: 30px;
	padding: 10px;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.management-team-list .item-inner:hover .number {
	background: var(--main_orange);
	color: white;
}

.management-team-list .item-inner .info {
	border-left: 5px solid var(--main_orange);
	padding-left: var(--main_margin);
	position: relative;
	padding-top: var(--main_hmargin);
	padding-bottom: var(--main_hmargin);
}

.management-team-list .item-inner .info .info-background {
	background: var(--main_orange);
	width: 0;
	position: absolute;
	height: 100%;
	top: 0;
	left: 0;
	transition: all 1s ease;
}

.management-team-list .item-inner:hover .info {
	overflow: hidden;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

.management-team-list .item-inner:hover .info .info-background {
	width: 100%;
}

.management-team-list .item-inner .info .title {
	font-size: 1.5625rem;
	color: black;
	position: relative;
	z-index: 2;
}

.management-team-list .item-inner .info .position {
	font-size: 1.125rem;
	color: black;
	position: relative;
	z-index: 2;
}

.management-team-list .item-inner .info .title a,
.management-team-list .item-inner .info .position a {
	color: black;
}

.management-team-list .item-inner:hover .info .title,
.management-team-list .item-inner:hover .info .title a,
.management-team-list .item-inner:hover .info .position,
.management-team-list .item-inner:hover .info .position a {
	color: white;
}

@media (min-width: 768px) {
	.management-team-list {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 992px) {
	.management-team-photo .item-mobile {
		display: none;
	}

	.management-team-photo .item-desktop {
		display: inline-block;
	}

	.management-team-photo .item-desktop:hover .number {
		background: var(--main_orange);
		color: white;
		transition: all 0.5s ease;
	}

	.management-team-list .photo {
		display: none;
	}
}


/*
Style : Purchase Document List
*/
.purchase-document-list,
.attachment-document-box .document-list {
	margin-top: var(--main_dmargin);
	margin-bottom: var(--main_dmargin);
}

.item-purchase-document,
.attachment-document-box .document-list .item-document {
	padding: 20px 30px;
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	margin-bottom: var(--main_margin);
}

.item-purchase-document:hover,
.attachment-document-box .document-list .item-document:hover {
	border: 1px solid var(--main_orange);
}

.item-purchase-document .index,
.attachment-document-box .document-list .item-document .index {
	display: none;
}

.item-purchase-document .info,
.attachment-document-box .document-list .item-document .info {
	margin-bottom: var(--main_margin);
}

.item-purchase-document .info .purchase-document-title,
.attachment-document-box .document-list .item-document .document-title {
	font-size: var(--font_item_title_size2);
	margin: 0 0 var(--main_hmargin);
	font-weight: normal;
}

.item-purchase-document .info .purchase-document-title a,
.attachment-document-box .document-list .item-document .document-title a {
	color: black;
}

.item-purchase-document .info .details,
.item-purchase-document .info .meta,
.attachment-document-box .document-list .item-document .info .details,
.attachment-document-box .document-list .item-document .info .meta {
	margin-bottom: var(--main_hmargin);
	color: var(--main_orange);
}

.item-purchase-document .action-links .document-button,
.attachment-document-box .document-list .item-document .document-button {
	display: inline-block;
	padding: var(--main_hmargin) 0;
	width: 130px;
	text-align: center;
	color: var(--main_orange);
	border: 1px solid var(--main_orange);
	border-radius: 100px;
}

.item-purchase-document .action-links .document-button:hover,
.attachment-document-box .document-list .item-document .document-button:hover {
	background-color: var(--main_orange);
	color: white;
}

@media (min-width: 568px) {

	.item-purchase-document .info .details,
	.item-purchase-document .info .meta,
	.attachment-document-box .document-list .item-document .info .details,
	.attachment-document-box .document-list .item-document .info .meta {
		display: flex;
	}

	.item-purchase-document .info .details > div,
	.item-purchase-document .info .meta > div,
	.attachment-document-box .document-list .item-document .info .details > div,
	.attachment-document-box .document-list .item-document .info .meta > div {
		margin-right: var(--main_margin);
		min-width: 220px;
	}
}

@media (min-width: 992px) {

	.item-purchase-document,
	.attachment-document-box .document-list .item-document {
		display: grid;
		grid-template-columns: 50px 1fr 130px;
		grid-gap: var(--main_margin);
	}

	.item-purchase-document .info,
	.attachment-document-box .document-list .item-document .info {
		margin-bottom: 0;
	}

	.item-purchase-document .index,
	.attachment-document-box .document-list .item-document .index {
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		width: 46px;
		height: 46px;
		background-color: var(--main_orange);
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		-ms-border-radius: 50%;
		-o-border-radius: 50%;
	}
}

.attachment-document-box {
	border-top: 2px solid #F3F4F6;
	padding: 36px 0 0 0;
	margin: 36px 0 0 0;
}

.attachment-document-box .headline {
	font-size: 1.5rem;
	margin: 0 0 1em;
	padding: 0;
}

/*
Style : Channel List
 */
.channel-list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: 1fr;
	grid-gap: var(--main_margin);
}

.channel-list__readmore {
	text-align: center;
	margin-top: var(--main_dmargin);
}

.channel-list__readmore a {
	display: inline-block;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	padding: var(--main_hmargin) var(--main_dmargin);
	border-radius: 100px;
}

.channel-list__readmore a:hover {
	color: var(--main_lightwhite);
	background: var(--main_orange);
}

.channel-item {
	background: var(--main_background_color);
}

.channel-item .item__info {
	padding: var(--main_margin);
}

.channel-item .item__title {
	margin-top: 0;
	margin-bottom: var(--main_margin);
	font-weight: normal;
}

.channel-item .item__thumb {
	position: relative;
	padding-top: 52.5%;
	overflow: hidden;
	border-radius: 12px;
}

.channel-item .item__thumb img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transform: scale(1);
	transition: all 0.5s ease-in-out;
}

.channel-item:hover .item__thumb img {
	transform: scale(1.1);
}

.channel-item .item__thumb .item__thumb--play {
	font-size: 3rem;
	background: transparent;
	color: var(--main_orange);
	border: 4px solid var(--main_orange);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	padding-left: 5px;
	border-radius: 50%;
}

.item__thumb--play .roundicon {
	background: var(--main_orange);
	padding: var(--main_hmargin);
	color: white;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	text-align: center;
}

.item__thumb--play .dashicons {
	font-size: 1.625rem;
	width: 22px;
	height: 26px;
}

.channel-item .item__meta {
	font-size: 0.875rem;
	color: #767676;
}

.channel-item .item__excerpt {
	margin-top: var(--main_margin);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	-webkit-line-clamp: 4;
}

.channel-item .item__excerpt p {
	margin-bottom: 0;
}

.archive .channel-list .channel-item {
	background: var(--main_orange);
}

@media (min-width: 576px) {
	.channel-list {
		grid-template-columns: repeat(2, 1fr);
		grid-gap: var(--main_margin);
	}
}

@media (min-width: 992px) {
	.channel-list .channel-item .item__title {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.archive .channel-list {
		-ms-grid-columns: 1fr 1fr 1fr;
		grid-template-columns: 1fr 1fr 1fr;
	}

	.archive .channel-list .channel-item .item__excerpt {
		display: block;
	}

}

.item-list-type-1 {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--main_dmargin);
}

@media (min-width: 992px) {
	.item-list-type-1 {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

.item-type-1 {
	display: flex;
	flex-direction: column;
}

.item-type-1 .thumb {
	position: relative;
	margin-bottom: var(--main_margin);
	padding-top: 52.5%;
}

.item-type-1 .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-type-1 .thumb .thumb-play {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

.item-type-1 .info {
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-type-1 .info .title {
	font-size: 1.125rem;
	line-height: 1.75rem;
	font-weight: normal;
	margin: 0 0 var(--main_dmargin);
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.item-type-1 .info .title .link {
	color: black;
}

.item-type-1 .meta {
	display: flex;
	justify-content: center;
	color: var(--main_orange);
	margin-bottom: var(--main_dmargin);
}

.item-type-1 .meta .date {
	margin-right: 15px;
}

.item-type-1 .meta .view {
	margin-left: 15px
}

.item-type-1 .readmore {
	text-align: center;
}

.item-list-type-2 {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--main_dmargin);
}

.item-type-2 {
	display: grid;
	grid-template-rows: 175px 1fr;
	justify-items: center;
	gap: var(--main_margin);
}

.item-type-2 .thumb {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 175px;
	height: 175px;
	background: var(--main_orange);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	overflow: hidden;
	border: 10px solid #ddd;
}

.item-type-2 .info {
	text-align: center;
	font-size: 1.125rem;
	color: black;
}

.item-type-2 .info .title {
	font-size: 1.25rem;
	margin: 0 0 var(--main_margin);
}

.item-type-2 .info .title .link {
	color: black;
}

.item-type-2 .info .title hr {
	width: 80px;
	height: 2px;
	background: var(--main_orange);
}

.item-type-2 .info .readmore {
	margin-top: var(--main_dmargin);
}

.item-type-2 .info .readmore a {
	font-size: 0.9375rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	padding: var(--main_hmargin) var(--main_dmargin);
	border-radius: 20px;
}

.item-type-2 .info .readmore a:hover {
	color: white;
}

@media (min-width: 768px) {
	.item-type-2 {
		grid-template-columns: 175px 1fr;
		grid-template-rows: 1fr;
		justify-items: baseline;
		gap: var(--main_dmargin);
	}

	.item-type-2 .info {
		text-align: left;
	}

	.item-type-2 .info hr {
		margin-left: 0;
	}
}

.item-type-3 {
	display: flex;
	flex-direction: column;
	margin-bottom: var(--main_dmargin);
}

.item-type-3 .thumb {
	position: relative;
	padding-top: 52.5%;
}

.item-type-3 .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.item-type-3 .info {
	margin-top: var(--main_margin);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.item-type-3 .info .title {
	margin: 0 0 0.5em;
}

.item-type-3 .info .meta {
	margin-top: 0.5em;
}

@media (min-width: 768px) {
	.item-type-3 {
		display: grid;
		grid-template-columns: 300px auto;
		gap: var(--main_dmargin);
	}

	.item-type-3 .info {
		margin-top: 0;
	}
}

@media (min-width: 992px) {
	.item-type-3 {
		grid-template-columns: 350px auto;
	}
}

/*
Style : Tags
 */

.tags-list {
	border-top: 2px solid #F3F4F6;
	margin-top: 36px;
	padding-top: 36px;
}

.tags-list .tag-link {
	display: inline-block;
	margin-right: var(--main_hmargin);
}

.tags-list .tag-link a {
	display: block;
	background: var(--main_orange);
	color: white;
	padding: 4px 20px;
	border-radius: 16px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	-ms-border-radius: 16px;
	-o-border-radius: 16px;
}

/*
Style : Home
 */
.home .entry-content {
	margin: 0;
}

/*
Style : Modified Elemetor
 */
.elementor-section {
	padding-left: 10px;
	padding-right: 10px;
}

.elementor-default .entry-content {
	margin-top: 0;
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper,
.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tab-content {
	padding: 0;
	border: 0 none;
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper {
	margin-bottom: var(--main_dmargin);
	text-align: center;
	display: block;
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
	display: inline-block;
	font-size: 1.875rem;
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title a {
	color: var(--main_orange);
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active a {
	border-bottom: 4px solid var(--main_orange);
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:before,
.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title:after,
.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-wrapper .elementor-tab-desktop-title.elementor-active {
	border: 0 none;
}

.site-main .tabs-container .elementor-widget-container .elementor-tabs .elementor-tabs-content-wrapper .elementor-tab-mobile-title {
	display: none;
}

@media (min-width: 992px) {

	.elementor-section {
		padding-left: 0;
		padding-right: 0;
	}

}

form hr {
	width: 100%;
	background: #D2D2D2;
	height: 1px;
	margin-top: var(--main_margin);
}

.container .main-content .tribe-common .tribe-common-c-btn-border-small,
.container .main-content .tribe-common a.tribe-common-c-btn-border-small,
.container .main-content .tribe-events .tribe-events-calendar-month__header-column,
.container .main-content .tribe-common .tribe-common-b3 {
	font-family: 'Prompt', sans-serif;
}

.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list {
	padding-right: 15px;
}

.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__nav-list-item {
	padding-right: 0;
}

.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__nav-list-item .tribe-events-c-top-bar__nav-link--prev,
.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__nav-list-item .tribe-events-c-top-bar__nav-link--next {
	background-color: var(--main_orange);
	height: 40px;
	width: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__nav-list-item .tribe-events-c-top-bar__nav-link--prev {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.container .main-content .tribe-events-c-top-bar .tribe-events-c-top-bar__nav-list .tribe-events-c-top-bar__nav-list-item .tribe-events-c-top-bar__nav-link--next {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.container .main-content .tribe-common .tribe-common-c-btn-icon--caret-left:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.916 17.841L10 19.757l-9.9-9.9L10-.041l1.916 1.916-7.983 7.984z' fill='%23ffffff'/%3E%3C/svg%3E")
}

.container .main-content .tribe-common .tribe-common-c-btn-icon--caret-right:before {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M.084 2.159L2 .243l9.9 9.9L2 20.041.084 18.126l7.983-7.984z' fill='%23ffffff'/%3E%3C/svg%3E");
}

.container .main-content .tribe-common .tribe-common-c-btn-border-small,
.container .main-content .tribe-common a.tribe-common-c-btn-border-small {
	height: 40px;
	display: flex !important;
	align-items: center;
	justify-content: center;
	border-color: var(--main_orange);
	color: var(--main_orange);
}

@media (max-width: 991px) {

	.container .main-content .tribe-common .tribe-common-c-btn-border-small.tribe-common-a11y-hidden,
	.container .main-content .tribe-common a.tribe-common-c-btn-border-small.tribe-common-a11y-hidden {
		display: none !important;
	}
}

.container .main-content .tribe-events .tribe-events-c-view-selector {
	display: none;
}

.container .main-content .tribe-events .tribe-events-calendar-month__header-column,
.container .main-content .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__header-column-title-desktop {
	color: var(--main_orange);
	font-size: 1rem;
	text-align: center;
	padding: 5px 0;
}

.container .main-content .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__day,
.container .main-content .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__body,
.container .main-content .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-month__week {
	border-color: var(--main_orange);
}

.container .main-content .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date,
.container .main-content .tribe-events .tribe-events-calendar-month__day--current .tribe-events-calendar-month__day-date-link {
	color: var(--main_orange);
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	background: none;
	border: 1px solid var(--main_orange);
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner .tribe-events-calendar-month__multiday-event-bar-title {
	color: var(--main_orange);
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner {
	background-color: var(--main_grey);
	border-color: var(--main_grey);
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-inner .tribe-events-calendar-month__multiday-event-bar-title {
	color: white;
	opacity: 1;
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner {
	margin: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.container .main-content .tribe-common--breakpoint-medium.tribe-common .tribe-common-h4 {
	font-size: 1rem;
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-featured-icon,
.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--past .tribe-events-calendar-month__multiday-event-bar-title,
.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event-bar-inner .tribe-events-calendar-month__multiday-event-bar-title {
	padding: 5px 10px;
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--end .tribe-events-calendar-month__multiday-event-bar {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.container .main-content .tribe-events .tribe-events-calendar-month__multiday-event--start .tribe-events-calendar-month__multiday-event-bar {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.media-list {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--main_dmargin);
}

.media-list .item {
	padding: 20px 40px;
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}

.media-list .item .info .title {
	font-size: 1rem;
	margin-bottom: 1.5em;
}

.media-list .item .info .meta {
	font-size: 0.875rem;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 8px;
	color: var(--main_orange);
}

.media-list .button {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 8px;
	padding-top: 12px;
}

.media-list .button a,
.media-list .button button {
	background: none;
	border: 2px solid var(--main_orange);
	color: var(--main_orange);
	display: block;
	width: 100%;
	font-size: 0.75rem;
	text-align: center;
	padding: 8px 8px;
	line-height: 1.48;
	border-radius: 100px;
	cursor: pointer;
}

.media-list .button a span,
.media-list .button button span {
	display: block;
}

.media-list .button a:hover,
.media-list .button button:hover {
	background: var(--main_orange);
	color: white;
}

.media-list .report-button a {
	border-color: var(--main_navy);
	color: var(--main_navy);
}

.media-list .report-button a:hover {
	background: var(--main_navy);
}

@media (min-width: 480px) {

	.media-list .button a span,
	.media-list .button button span {
		display: inline;
	}
}

@media (min-width: 992px) {
	.media-list .item {
		display: grid;
		grid-template-columns: auto 390px;
		gap: var(--main_dmargin);
	}

	.media-list .button a,
	.media-list .button button {
		font-size: 0.875rem;
	}

	.media-list .item .info .meta {
		grid-template-columns: repeat(3, 120px);
		gap: 12px;
	}

	.media-list .button {
		padding-top: 4px;
	}
}

.meta-bar {
	margin-bottom: 16px;
	color: var(--main_orange);
}

.meta-bar .meta-detail {
	margin-bottom: 8px;
	display: flex;
}

.meta-bar .meta-detail .date {
	margin-right: 12px;
}

.meta-bar .meta-detail .view {
	padding-left: 12px;
	border-left: 2px solid var(--main_orange);
}

.meta-bar .meta-detail .document-list-search {
	margin-bottom: 0;
}

.meta-bar .share {
	display: flex;
	list-style: none;
	padding: 0;
	margin: 0;
}

.meta-bar .share .item-share {
	margin-left: 8px;
}

.meta-bar .share .item-share:first-child {
	margin-left: 0;
}

.meta-bar .share .item-share a {
	display: flex;
	border: 2px solid var(--main_orange);
	align-items: center;
	justify-content: center;
	padding: 8px;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
}

.meta-bar .share .item-share a:hover {
	color: white;
	background: var(--main_orange);
}

@media (min-width: 768px) {
	.meta-bar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		align-items: center;
		margin-bottom: 30px;
	}

	.meta-bar .meta-detail {
		margin-bottom: 0;
	}

	.meta-bar .share {
		justify-content: flex-end;
	}
}

.related-articles {
	border-top: 2px solid #F3F4F6;
	padding: 36px 0 0 0;
	margin: 36px 0 0 0;
}

.related-articles .related-headline {
	font-size: 1.5rem;
	margin: 0 0 1em;
	padding: 0;
}

.dga-pagination,
.pagination .nav-links {
	margin: var(--main_dmargin) 0;
	display: flex;
	justify-content: center;
}

.dga-pagination .page-numbers,
.pagination .page-numbers {
	flex-basis: 40px;
	height: 40px;
	display: flex;
	margin: 0 var(--main_hmargin);
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border: 2px solid var(--main_orange);
	color: var(--main_orange);
}

.pagination .page-numbers:hover,
.dga-pagination .page-numbers:hover {
	color: var(--main_orange);
	border: 2px solid var(--main_orange);
}

.pagination .page-numbers.current,
.dga-pagination .page-numbers.current {
	background: var(--main_orange);
	color: white;
	border: 2px solid var(--main_orange);
}

.pagination .page-numbers.dots,
.dga-pagination .page-numbers.dots {
	border: 2px solid transparent;
	color: black;
}

.board-block .photo {
	max-width: 300px;
	margin: 0 auto;
	text-align: center;
}

.board-block .detail {
	max-width: 768px;
	margin: 0 auto;
}

@media (min-width: 992px) {
	.board-block {
		display: grid;
		grid-template-columns: 400px auto;
		gap: var(--main_margin);
	}

	.board-block .photo,
	.board-block .detail {
		max-width: none;
	}
}

@media (min-width: 1200px) {
	.board-block {
		grid-template-columns: 600px auto;
	}
}

.emblem {
	text-align: center;
	padding: var(--main_dmargin) 0;
	border-bottom: 2px solid #eee;
}

.emblem .media-list {
	text-align: left;
}

.emblem .emblem-main-image {
	text-align: center;
}

.emblem .emblem-main-image img {
	max-width: 250px;
}

@media (min-width: 1200px) {
	.emblem {
		display: grid;
		gap: var(--main_margin);
		align-items: center;
		text-align: left;
		grid-template-columns: 1fr 2fr;
	}
}

/*
Style : Faqs List
*/

.dga-accordion-container {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.faqs-list .dga-accordion-item {
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
	font-family: "Prompt", sans-serif;
}

.faqs-list .dga-accordion-item .dga-header {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}

.faqs-list .dga-accordion-item .dga-trigger:focus {
	color: var(--main_orange);
}

.faqs-list .dga-accordion-item .dga-trigger {
	background: transparent;
	border: 0 none;
	text-align: left;
	padding: 10px 20px;
	width: 100%;
	font-family: "Prompt", sans-serif;
	position: relative;
	font-weight: 500;
}

.faqs-list .dga-accordion-item.is-active .dga-header {
	color: var(--main_orange);
}

.faqs-list .dga-accordion-item.dga-header:hover {
	opacity: 0.5;
}

.faqs-list .dga-accordion-item.is-active .dga-trigger {
	color: var(--main_orange);
}

.faqs-list .dga-accordion-item .dga-trigger:hover {
	cursor: pointer;
}

.faqs-list .dga-accordion-item .dga-trigger::after {
	position: absolute;
	top: 10px;
	content: "\f078";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	line-height: 1;
	right: 20px;
}

.faqs-list .dga-accordion-item .dga-panel {
	padding: 20px;
	display: none;
}

.faqs-list .dga-accordion-item.is-active .dga-panel {
	display: block;
	color: var(--main_navy);
}

.faqs-list .dga-accordion-item.is-active .dga-trigger::after {
	content: "\f077";
}

.faqs-list .dga-panel > *:first-child {
	margin-top: 0;
}

.faqs-list .dga-panel > *:last-child {
	margin-bottom: 0;
}

.page-list {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page-list a {
	color: white;
	transition: all 0.5s ease;
}

.page-list .page_item a:hover {
	background: white;
	color: black;
}

.page-list > .page_item {
	padding: 12px;
	background: #F3F4F6;
	margin-bottom: 12px;
	border: 1px solid #F9FAFB;
}

.page-list > .page_item > a {
	padding: 12px;
	display: block;
	background: var(--main_orange);
}

.page-list > .page_item .children {
	margin: 0;
	padding: 0;
	list-style: none;
	background: rgba(16, 115, 184, 0.8);
}

.page-list > .page_item > .children .page_item a {
	display: block;
	padding: 12px;
	border-bottom: 1px solid #F9FAFB;
}

.page-list > .page_item .children .children {
	background: rgba(200, 200, 200, 0.2);
}

.page-list > .page_item .children .children a {
	color: black;
}

.site-main .frm_page_bar {
	gap: 40px;
	font-family: 'Prompt', sans-serif;
}

.site-main .frm_rootline.frm_show_lines:before {
	content: "";
	border: 0 none;
}

.site-main .frm_page_bar li {
	color: var(--main_orange);
	background: #fff;
	padding: 10px;
	font-weight: bold;
	padding-block: 20px;
	border-radius: 80px;
	border: 1px solid var(--main_orange);
	box-shadow: 0px 0px 6px -1px rgb(0 0 0 / 50%);
}

.site-main .frm_page_bar .frm_rootline_title {
	display: inline;
	color: var(--main_orange);
	font-size: 1rem;
	font-weight: 400;
}

.site-main .frm_style_formidable-style.with_frm_style .frm_rootline .frm_current_page input[type="button"] {
	border: 0 none;
	color: var(--main_orange);
	background-color: var(--main_orange);
	font-family: 'Prompt', sans-serif;
}

.site-main .frm_page_bar .frm_current_page {
	background: var(--main_orange);
	color: white;
}

.site-main .frm_page_bar .frm_current_page .frm_rootline_title,
.site-main .frm_style_formidable-style.with_frm_style .frm_page_bar .frm_current_page input[type="button"] {
	color: white;
}

.search-form {
	margin-bottom: var(--main_dmargin);
}

.search-form .search-block {
	background: #F5F5F5;
	border-radius: 4px;
	overflow: hidden;
	display: grid;
	grid-template-columns: auto 150px;
}

.search-form .search-block .search-text-field {
	background: none;
	padding: 8px 16px;
	border: 0 none;
	font-size: 1.125rem;
}

.search-form .search-block button {
	font-size: 1.125rem;
	background: #1073B8;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0 none;
	border-radius: 0;
}

.highlight {
	background: var(--main_orange);
	color: white;
}

#page .banner-icon-list .n2-ss-layer:hover,
#page .banner-icon-list .n2-ss-layer:hover + .n2-ss-layer,
#page .banner-icon-list .n2-ss-layer + .n2-ss-layer:hover {
	transform: translateY(-10px);
	transition: all 0.5s ease;
}

/*
Style : Ebook List
*/
.ebook-shelf {
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: var(--main_dmargin);
}

.ebook-shelf .item-ebook .thumb img {
	width: 100%;
	box-shadow: 10px 5px 10px rgba(0, 0, 0, 0.16);
}

.ebook-shelf .item-ebook .title {
	font-size: 1rem;
}

.ebook-filter-form {
	margin-bottom: 56px;
}

.ebook-filter-form .ebook-filter-form-grid {
	display: flex;
	justify-content: flex-end;
}

.ebook-filter-form .ebook-search-title {
	background: var(--main_lightwhite);
	border-radius: 5px;
	padding: var(--main_hmargin);
	display: grid;
	grid-template-columns: auto 30px;
	align-items: center;
	margin-right: var(--main_hmargin);
}

.ebook-filter-form .ebook-search-title .search-text {
	width: 250px;
	font-family: 'Prompt', sans-serif;
	border: 0 none;
	background: none;
}

.ebook-filter-form .ebook-search-title .search-text:focus {
	outline: 0 none;
}

.ebook-filter-form .ebook-search-title button {
	padding: 0;
	margin: 0;
	background: none;
	border: 0 none;
}

.ebook-filter-form .ebook-filter-select {
	width: 290px;
	margin-left: var(--main_hmargin);
	padding: 10px;
	border-radius: 5px;
}

@media (min-width: 480px) {
	.ebook-shelf {
		grid-template-columns: 1fr 1fr;
	}
}

@media (min-width: 768px) {
	.ebook-shelf .item-ebook .title {
		font-size: 1.25rem;
	}
}

@media (min-width: 992px) {
	.ebook-shelf {
		background: url(./img/stand.png) no-repeat bottom center;
		padding: 0 110px 165px 125px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}

	.ebook-shelf .item-ebook {
		position: relative;
	}

	.ebook-shelf .item-ebook .info {
		position: absolute;
		display: none;
		justify-content: center;
		align-items: center;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	.ebook-shelf .item-ebook:hover .info {
		display: flex;
	}

	.ebook-shelf .item-ebook .title {
		margin: 0;
		padding: 0;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.ebook-shelf .item-ebook .info a {
		display: flex;
		padding: var(--main_margin);
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color: white;
		align-items: center;
	}
}

/*
Style : Auditorium List
*/

.auditorium-shelf {
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-gap: var(--main_dmargin);
}

.auditorium-shelf .item-auditorium {
	text-align: center;
}

.auditorium-shelf .item-auditorium .thumb {
	width: 100%;
	height: 300px;
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: center;
}

.auditorium-readmore a {
	display: inline-block;
	border: 1px solid var(--main_orange);
	color: var(--main_orange);
	padding: var(--main_hmargin) var(--main_dmargin);
	border-radius: 100px;
}

.auditorium-readmore a:hover {
	color: var(--main_lightwhite);
	background: var(--main_orange);
}

@media (min-width: 992px) {
	.auditorium-shelf {
		background: url(./img/stand.png) no-repeat bottom center;
		padding: 0 110px 155px 125px;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		color: white;
	}

	.auditorium-shelf .item-auditorium {
		position: relative;
	}

	.auditorium-shelf .item-auditorium,
	.auditorium-shelf .item-auditorium .thumb,
	.auditorium-shelf .item-auditorium .thumb a {
		display: flex;
		align-items: flex-end;
		justify-content: center;
	}

	.auditorium-shelf .item-auditorium .info {
		position: absolute;
		display: none;
		justify-content: center;
		align-items: center;
		padding: var(--main_margin);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background: rgba(0, 0, 0, 0.5);
	}

	.auditorium-shelf .item-auditorium:hover .info {
		display: flex;
	}

	.auditorium-shelf .item-auditorium .title {
		margin: 0;
		padding: 0;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}

	.auditorium-shelf .item-auditorium .info a {
		display: flex;
		padding: var(--main_margin);
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		color: white;
		align-items: center;
	}
}

#page .fc table {
	margin-bottom: 0;
}

#page .fc .fc-scroller-harness {
	overflow: visible;
}

#page .fc .fc-scroller-liquid-absolute {
	overflow: visible !important;
}

.tooltip {
	visibility: hidden;
	position: absolute;
	z-index: 9999;
	background: var(--main_orange);
	color: white;
	width: 300px;
	opacity: 0;
	white-space: normal;
	border-radius: 5px;
	box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
	padding: var(--main_margin);
	text-align: left;
	bottom: 100%;
	margin-bottom: var(--main_margin);
	transition: all 0.5s ease;
}

#page .fc-event {
	overflow: hidden;
}

#page .fc-event:hover {
	overflow: visible;
}

.fc-event:hover .tooltip {
	visibility: visible;
	opacity: 1;
}

.tooltip .tooltip-title {
	margin: 0 0 var(--main_hmargin);
}

.tooltip .tooltip-thumb {
	margin-bottom: var(--main_hmargin);
}

.fc-day-mon .tooltip,
.fc-day-tue .tooltip,
.fc-day-wed .tooltip,
.fc-day-thu .tooltip {
	left: 0;
}

.fc-day-fri .tooltip,
.fc-day-sat .tooltip,
.fc-day-sun .tooltip {
	right: 0;
}

/**
 * Main search form filter.
 */
.search-filter-container {
	display: grid;
	grid-template-columns: 50% 50%;
	grid-template-rows: auto;
	column-gap: 10px;
	row-gap: 15px;
}

.search-filter,
.search-filter-date {
	margin-top: 20px;
}

.search-filter-title {
	display: block;
	margin-bottom: 20px;
	font-size: 1.5em;
	font-weight: 600;
}

.search-filter-label {
	margin-right: 50px;
	font-size: 1.2em;
}

.search-filter-date input {
	width: 48%;
}

/** Responsive for search filter. */
@media (max-width: 992px) {
	.search-filter-container {
		grid-template-columns: 40% 60%;
	}
}

@media (max-width: 767px) {
	.search-filter-container {
		grid-template-columns: 100%;
	}

	.search-filter-label {
		margin-right: 18px;
	}

	.search-filter-date input {
		width: 100%;
		margin-bottom: 15px;
	}
}

@media (max-width: 468px) {
	.search-form .search-block .search-text-field {
		width: 100%;
	}
}

#calendar th,
#calendar td {
	border: 0 none;
}

#calendar .fc-scrollgrid-sync-table {
	border-spacing: 2px;
	border-collapse: separate;
}

#calendar .fc-today-button {
	padding: 10px 40px;
	border-radius: 100px;
	background-color: var(--main_orange);
	color: var(--main_lightwhite);
	opacity: 1;
	border-color: var(--main_orange);
}

#calendar .fc-button-group .fc-prev-button,
#calendar .fc-button-group .fc-next-button {
	background-color: var(--main_orange);
	border-radius: 50%;
	aspect-ratio: 1/1;
	margin-left: 12px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: var(--main_orange);
}

#calendar .fc-scrollgrid-section-header td,
#calendar .fc-scrollgrid {
	border: 0 none;
}

#calendar .fc-col-header .fc-day {
	border: 0 none;
}

#calendar .fc-daygrid-day {
	border: 1px solid #8E8E8E;
	border-radius: 20px;
}

#calendar .fc-daygrid-day-number {
	color: #1C164B
}

#calendar .fc-day-today {
	border-color: var(--main_orange);
	background: var(--main_orange);
	color: #fff;
}

#calendar .fc-day-today .fc-daygrid-day-number {
	color: #fff;
}

.frontpage-hero-banner {
	position: relative;
	aspect-ratio: 5/7;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: flex-end;
	padding-bottom: 30px;
}

.frontpage-hero-banner .background-desktop,
.frontpage-hero-banner .background-mobile {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}

.frontpage-hero-banner .background-desktop {
	display: none;
}

.frontpage-hero-banner .container {
	position: relative;
	z-index: 2;
}

.frontpage-hero-banner,
.frontpage-hero-banner .splide,
.frontpage-hero-banner .splide__track {
	overflow-x: hidden;
	overflow-x: clip;
}

.frontpage-hero-banner .splide__track {
	padding-top: 30px;
}

.frontpage-hero-banner .splide .icon-item {
	text-align: center;
	transition: all 0.5s ease;
}

.frontpage-hero-banner .splide .icon-item:hover {
	translate: 0 -30px;
}

.frontpage-hero-banner .splide .icon-item .title {
	font-size: 0.75rem;
	font-weight: normal;
	margin-bottom: 0;
}

.frontpage-hero-banner .splide .icon-item .title br {
	display: none;
}

.frontpage-hero-banner .splide .icon-item .title a {
	color: var(--main_orange);
}

.frontpage-hero-banner .splide__arrow {
	background: transparent;
}

.frontpage-hero-banner .splide__arrow--prev {
	left: 0;
}

.frontpage-hero-banner .splide__arrow--next {
	right: 0;
}

.frontpage-hero-banner .splide__arrow svg {
	fill: #fff;
}

@media (min-width: 400px) {
	.frontpage-hero-banner .splide .icon-item .title {
		font-size: 1rem;
	}
}

@media (min-width: 768px) {
	.frontpage-hero-banner .splide .icon-item .title br {
		display: inline;
	}
}

@media (min-width: 992px) {
	.frontpage-hero-banner {
		aspect-ratio: 160/96;
	}

	.frontpage-hero-banner .background-desktop {
		display: block;
	}

	.frontpage-hero-banner .background-mobile {
		display: none;
	}
}


.history-list {
	padding-inline: 68px;
	margin-block: 48px;
}

.history-list .history-item {
	text-align: center;
}

.history-list .history-item .icon {
	background: #fff;
	width: 100px;
	height: 100px;
	margin: 0 auto 16px;
	border-width: 16px;
	border-style: solid;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	border-color: #8E8E8E;
}

.history-list .history-item.is-active .icon {
	border-color: #f05223;
}

.history-list .history-item .year {
	font-size: 3rem;
	font-weight: 600;
	line-height: 1;
	margin-bottom: 16px;
	color: #8E8E8E;
}

.history-list .history-item.is-active .year {
	color: #f05223;
}

.history-list .history-item .year .year-title {
	display: block;
	font-size: 1.5rem;
}

.history-list .history-item .content {
	color: #8E8E8E;
	font-size: 1.25rem;
}

.history-list .history-item.is-active .content {
	color: #f05223;
}

.history-list .splide__arrow {
	background: #fff;
	border: 1px solid #f05223;
	opacity: 1;
	width: 48px;
	height: 48px;
}

.history-list .splide__arrow:disabled {
	opacity: .3;
}

.history-list .splide__arrow--prev {
	left: 0;
	top: 48px;
}

.history-list .splide__arrow--next {
	right: 0;
	top: 48px;
}

.history-list .splide__arrow svg {
	fill: #f05223;
	width: 24px;
	height: 24px;
}

.history-readmore {
	text-align: center;
	margin-block: 48px;
}

.history-readmore a {
	background: #fff;
	border-radius: 100px;
	display: inline-block;
	color: var(--main_orange);
	border: 2px solid var(--main_orange);
	padding: 10px 40px;
}

.history-readmore a:hover {
	background: var(--main_orange);
	color: #fff;
}

.landing-block {
	padding-inline: 40px;
}

.landing-block .splide__arrow {
	background: none;
	opacity: 1;
}

.landing-block .splide__arrow:disabled {
	opacity: .3;
}

.landing-block .splide__arrow--prev {
	left: 0;
}

.landing-block .splide__arrow--next {
	right: 0;
}

.landing-block .splide__arrow svg {
	fill: #f05223;
}

.landing-block .landing-item {
	padding: 35px 20px;
	background: #FFFFFF;
	border: 1px solid #DBDBDB;
	box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
	border-radius: 20px;
}

.landing-block .landing-item:hover {
	border-color: #f05223;
}

.landing-block .landing-item .thumb a {
	display: block;
	overflow: hidden;
	border-radius: 50%;
	aspect-ratio: 1;
	height: 100%;
	width: 100%;
	border: 10px solid var(--main-grey-gainsboro);
	max-width: 160px;
	margin: 0 auto;
	transition: all 0.5s ease;
}

.landing-block .landing-item:hover .thumb a {
	border-color: var(--main_orange);
	box-shadow: 0 0 20px var(--main_orange);
}

.landing-block .landing-item .thumb a img {
	aspect-ratio: 1;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

.landing-block .landing-item .landing-item-title {
	text-align: center;
	font-size: 1.125rem;
	line-height: 1.4;
	font-weight: normal;
	margin-top: 48px;
}

.landing-block .splide__track {
	padding-block: 6px;
}

.landing-block .splide__pagination {
	position: static;
	margin-top: 60px;
	gap: 24px;
}

.landing-block .splide__pagination .splide__pagination__page {
	background: #DBDBDB;
	border: 1px solid #DBDBDB;
	width: 20px;
	height: 20px;
	opacity: 1;
	margin: 0;
}

.landing-block .splide__pagination .splide__pagination__page.is-active {
	transform: scale(1);
	background: #f05223;
	border-color: #f05223;
}

.dga-bg-arrows-right {
	background-position: top 0 left max(50% + 522px, 100%) !important;
}

.dga-bg-arrows-left {
	background-position: top 0 right max(50% + 522px, 100%) !important;
}

.elementor-widget-video .elementor-wrapper iframe,
.elementor-widget-video .elementor-wrapper video {
	aspect-ratio: 16/9;
}

.search-result-list {
	display: flex;
	flex-direction: column;
	gap: var(--main_dmargin);
	margin-block: var(--main_dmargin);
}

.search-result-list .search-result-item {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--main_margin);
}

.search-result-list .search-result-item.has-image {
	grid-template-columns: 300px 1fr;
}

.search-result-list .search-result-item .title {
	margin: 0;
}

.search-result-list .search-result-item .description {
	color: #333;
}

body div#n2-ss-13 .n2-ss-slide {
	background-color: var(--main_background_color);
}