/*
Theme Name: Cenote
Theme URI: https://themegrill.com/themes/cenote/
Author: Themegrill
Author URI: https://themegrill.com
Description: Cenote is beautifully designed clean WordPress blog theme. Easy to setup and has a nice set of features that make your site stand out. It is suitable for personal, fashion, food, travel, business, professional, niche and any kind of blogging sites. Comes with various demos for various purposes, which you can easily import with the help of ThemeGrill Demo Importer plugin.
Version: 1.4.2
Tested up to: 6.8
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: cenote
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, post-formats, editor-style, custom-background, custom-colors, custom-header, custom-logo, featured-images, footer-widgets, full-width-template, theme-options, threaded-comments, translation-ready, blog, news, rtl-language-support, e-commerce

cenote is based on Underscores http://underscores.me/, (C) 2012-2016 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 http://necolas.github.io/normalize.css/
*/
/**
*
* TABLE OF CONTENT
*
* # Reset
* # Typography
* # Elements
* # Froms
* # Navigations
* # Modules
# Accessibility
# Alignments
# Clearings
* # Header
* # Widgets
* # Content
# Posts and Pages
# Asides
# Comments
* # Footer
* # Media
# captions
# galleries
* # Media Queriess
# Mobile
# Tablets
# Computers
* # Print
*
*/
/*=============================================
=            Normalize            =
=============================================*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

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

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: 700;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*=============================================
=            Body Typography            =
=============================================*/
body {
	font-family: "Roboto", helvetica, arial, sans-serif;
	font-size: 16px;
	color: #363b40;
}

p {
	margin: 0 0 10px;
	line-height: 1.8;
}

blockquote {
	text-align: center;
	background: #fff9f5;
	padding: 20px 40px;
	margin: 0;
	position: relative;
}

blockquote::before, blockquote::after {
	position: absolute;
	content: "\f114";
	font-family: themegrill-icons;
	display: block;
	top: 10px;
	left: 20px;
}

blockquote::after {
	content: "\f115";
	top: auto;
	left: auto;
	right: 20px;
	bottom: 10px;
}

blockquote cite {
	position: relative;
	display: inline-block;
	padding: 0 20px;
	font-size: 14px;
	margin-top: 20px;
}

blockquote cite::before {
	content: "";
	background-color: #363b40;
	width: 10px;
	height: 1px;
	display: block;
	position: absolute;
	top: 10px;
	left: 0;
}

code {
	background-color: #f1f3f5;
	padding: 0.125em 0.25em;
}

pre {
	background-color: #f8f9fa;
	padding: 20px;
}

.entry-content {
	line-height: 1.8;
}

.entry-content p {
	line-height: inherit;
}

/*=============================================
=            Heading Typography            =
=============================================*/
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "Catamaran", helvetica, arial, sans-serif;
	color: #16181a;
	font-weight: 700;
	line-height: 1.4;
}

h1 {
	font-size: 2.5rem;
}

h2 {
	font-size: 2.25rem;
}

h3 {
	font-size: 1.75rem;
}

h4 {
	font-size: 1.5rem;
}

h5 {
	font-size: 1.313rem;
}

h6 {
	font-size: 1.125rem;
}

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

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

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

hr,
.wp-block-separator {
	background-color: #e0e0e0;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

/*=============================================
=            Common CSS Style            =
=============================================*/
.entry-footer .tags-links a,
.widget_tag_cloud .tagcloud a {
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 15px;
	border: 1px solid #dee2e6;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-bottom: 10px;
	font-weight: 400;
}

.entry-footer .tags-links a:hover,
.widget_tag_cloud .tagcloud a:hover {
	color: #de7b85;
	border-color: #de7b85;
}

.post-format-media--gallery .swiper-button-next,
.post-format-media--gallery .swiper-button-prev,
.tg-slider .swiper-button-next,
.tg-slider .swiper-button-prev {
	position: absolute;
	top: calc(50% - 2px);
	background-image: unset;
	opacity: 1;
	background-color: #de7b85;
	height: auto;
	width: auto;
	padding: 15px;
	right: 40px;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
}

.post-format-media--gallery .swiper-button-next::before,
.post-format-media--gallery .swiper-button-prev::before,
.tg-slider .swiper-button-next::before,
.tg-slider .swiper-button-prev::before {
	content: "\f103";
	font-family: themegrill-icons;
	display: block;
	color: #fff;
	font-size: 9px;
	-webkit-transition: 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s transform cubic-bezier(0.06, 0.84, 1, 0.9), 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
}

.post-format-media--gallery .swiper-button-next:focus,
.post-format-media--gallery .swiper-button-prev:focus,
.tg-slider .swiper-button-next:focus,
.tg-slider .swiper-button-prev:focus {
	outline: none;
}

.post-format-media--gallery .swiper-button-prev,
.tg-slider .swiper-button-prev {
	right: auto;
	left: 40px;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
}

.post-format-media--gallery .swiper-button-prev::before,
.tg-slider .swiper-button-prev::before {
	content: "\f102";
}

.post-format-media--gallery .swiper-button-next,
.tg-slider .swiper-button-next {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
}

.post-format-media--gallery:hover .swiper-button-prev,
.tg-slider:hover .swiper-button-prev {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.post-format-media--gallery:hover .swiper-button-prev:hover,
.tg-slider:hover .swiper-button-prev:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
}

.post-format-media--gallery:hover .swiper-button-prev:hover::before,
.tg-slider:hover .swiper-button-prev:hover::before {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

.post-format-media--gallery:hover .swiper-button-next,
.tg-slider:hover .swiper-button-next {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.post-format-media--gallery:hover .swiper-button-next:hover,
.tg-slider:hover .swiper-button-next:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.post-format-media--gallery:hover .swiper-button-next:hover::before,
.tg-slider:hover .swiper-button-next:hover::before {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.tg-container {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

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

@media (min-width: 992px) {
	.tg-container {
		max-width: 940px;
	}
}

@media (min-width: 1200px) {
	.tg-container {
		max-width: 1160px;
	}
}

.tg-container-fluid {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.tg-flex-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tg-flex-space-between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.tg-flex-item-centered {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-flex-row {
	margin-left: -10px;
	margin-right: -10px;
}

.layout-site--boxed #page {
	margin: 20px auto;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

@media (min-width: 768px) {
	.layout-site--boxed #page {
		max-width: 750px;
	}
}

@media (min-width: 992px) {
	.layout-site--boxed #page {
		max-width: 970px;
	}
}

@media (min-width: 1200px) {
	.layout-site--boxed #page {
		max-width: 1270px;
	}
}

.tg-archive-col--2 .site-main,
.tg-archive-col--3 .site-main {
	margin-left: -20px;
	margin-right: -20px;
}

.tg-archive-col--2 article,
.tg-archive-col--3 article {
	padding-left: 20px;
	padding-right: 20px;
}

.tg-archive-col--2 article {
	width: 50%;
}

.tg-archive-col--3 article {
	width: 33.33%;
}

.tg-slider {
	position: relative;
}

.tg-slider figure {
	display: none;
}

.tg-slider img {
	display: block;
}

.tg-slider .tg-container {
	height: 100%;
}

.tg-slider .tg-slider-container {
	text-align: center;
	margin: auto;
}

.tg-slider .tg-slider-container .tg-slide-title {
	margin: 0 auto 20px;
}

.tg-slider.tg-post-slider {
	overflow: hidden;
	padding: 60px 0 0;
}

.tg-slider.tg-post-slider .tg-container {
	position: relative;
	visibility: visible;
}

.tg-slider.tg-post-slider .tg-container .swiper-container {
	overflow: visible;
}

.tg-slider.tg-post-slider .tg-container .tg-slider-container {
	background-color: rgba(0, 0, 0, 0.3);
	height: 100%;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tg-slider.tg-post-slider .tg-container .swiper-slide {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.tg-slider.tg-post-slider .tg-container .entry-title {
	margin: 0;
	color: #fff;
}

.tg-slider.tg-post-slider .tg-container .entry-title a {
	color: inherit;
}

.tg-slider.tg-post-slider .tg-container .entry-meta {
	margin: 0 auto;
}

.tg-slider.tg-post-slider .tg-container .cat-links a,
.tg-slider.tg-post-slider .tg-container .posted-on a {
	color: #fff;
}

.tg-slider.tg-post-slider .tg-container .cat-links a:hover,
.tg-slider.tg-post-slider .tg-container .posted-on a:hover {
	color: #de7b85;
}

.tg-slider.tg-post-slider .tg-container .cat-seperator {
	color: #fff;
}

.tg-slider.tg-post-slider .tg-container .posted-on::before {
	background-color: #fff;
}

.tg-slider.tg-post-slider.tg-post-slider--carousel {
	background-color: #f8f9fa;
	padding: 60px 0;
}

.tg-slider.tg-post-slider.tg-post-slider--carousel .swiper-slide {
	max-width: 400px;
	height: 350px;
}

/*=============================================
=            Lists            =
=============================================*/
ul,
ol {
	margin: 0 0 1.6rem 1.6rem;
	padding-left: 0;
}

ul {
	list-style: square;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.6rem;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.6rem 1.6rem;
}

@-webkit-keyframes fadeInUp {
	from {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes fadeInUp {
	from {
		-webkit-transform: translateY(20px);
		transform: translateY(20px);
		opacity: 0;
	}
	to {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}

.fade-in-up {
	-webkit-animation: fadeInUp both 1s;
	animation: fadeInUp both 1s;
}

/*=============================================
=            Table            =
=============================================*/
table {
	margin: 0 0 1.5em;
	width: 100%;
}

table th,
table td,
table .wp-block-table th,
table .wp-block-table td {
	text-align: left;
	border: 1px solid #e9ecef;
	padding: 1em;
}

.entry-content table a {
	text-decoration: none;
	color: #363b40;
}

.entry-content table a:hover {
	color: #de7b85;
}

.comments-title,
.comment-reply-title {
	font-size: 1.5rem;
	margin-bottom: 0;
}

.search-form label {
	position: relative;
}

.search-form label::before {
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
	display: block;
	content: "\f117";
	font-family: themegrill-icons;
	font-size: 14px;
	color: #adb5bd;
}

.search-form .search-field {
	-webkit-appearance: textarea;
	font-size: 14px;
	color: #adb5bd;
}

.search-form .search-field::-webkit-input-placeholder {
	color: inherit;
	font-size: inherit;
}

.search-form .search-field:-ms-input-placeholder {
	color: inherit;
	font-size: inherit;
}

.search-form .search-field::-ms-input-placeholder {
	color: inherit;
	font-size: inherit;
}

.search-form .search-field::placeholder {
	color: inherit;
	font-size: inherit;
}

.cenote-search-form {
	background-color: #fff;
	margin: auto 10%;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	-webkit-animation: zoom-in 0.2s ease-in-out;
	animation: zoom-in 0.2s ease-in-out;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
	visibility: hidden;
	opacity: 0;
	-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
	box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
	padding: 0 40px;
}

.cenote-search-form .tg-container {
	position: relative;
}

.cenote-search-form .search-form {
	margin-top: 40vh;
}

.cenote-search-form .search-form label {
	margin-bottom: 30px;
	display: block;
}

.cenote-search-form .search-form label::before {
	display: none;
}

.cenote-search-form input[type="search"] {
	border-bottom: 2px solid #363b40;
	border-top: none transparent;
	border-left: none transparent;
	border-right: none transparent;
	width: 100%;
	font-size: 20px;
	font-style: italic;
	color: #16181a;
}

.cenote-search-form input[type="search"]::-webkit-input-placeholder {
	color: inherit;
}

.cenote-search-form input[type="search"]:-ms-input-placeholder {
	color: inherit;
}

.cenote-search-form input[type="search"]::-ms-input-placeholder {
	color: inherit;
}

.cenote-search-form input[type="search"]::placeholder {
	color: inherit;
}

.cenote-search-form.cenote-search-form--opened {
	-webkit-transform: scale(1);
	transform: scale(1);
	visibility: visible;
	opacity: 1;
}

.cenote-search-form .search-submit {
	padding: 15px 25px;
	display: none;
	margin-bottom: 20px;
}

.cenote-search-form .search-form-close {
	position: absolute;
	width: 40px;
	height: 40px;
	display: block;
	top: 60px;
	right: 60px;
	cursor: pointer;
}

.cenote-search-form .search-form-close::before, .cenote-search-form .search-form-close::after {
	content: "";
	display: block;
	height: 3px;
	background-color: #16181a;
	-webkit-transform: translate3d(0, 20px, 0) rotate(45deg);
	transform: translate3d(0, 20px, 0) rotate(45deg);
}

.cenote-search-form .search-form-close::after {
	-webkit-transform: translate3d(0, 17px, 0) rotate(-45deg);
	transform: translate3d(0, 17px, 0) rotate(-45deg);
}

.woocommerce.tg-archive-style--big-block .site-main {
	display: inherit;
}

.tg-archive-style--big-block .site-main {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.tg-archive-style--big-block article:first-child {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}

.tg-archive-style--masonry .site-main {
	margin-left: 0;
	margin-right: 0;
}

.tg-archive-style--masonry .cenote-content-masonry {
	margin-left: -20px;
	margin-right: -20px;
}

.tg-archive-style--masonry .cenote-content-masonry.cenote-content-masonry--animated article {
	-webkit-animation: fadeInUp both 0.5s;
	animation: fadeInUp both 0.5s;
	-webkit-animation-delay: 500ms;
	animation-delay: 500ms;
}

.tg-archive-style--big-block article .post-thumbnail,
.tg-archive-style--masonry article .post-thumbnail {
	margin-bottom: 30px;
}

.tg-archive-style--big-block .pagination,
.tg-archive-style--masonry .pagination {
	margin: 30px 20px 0;
}

.archive .page-header {
	margin-top: 20px;
	background-color: #dee2e6;
	padding: 40px 0;
	position: relative;
}

.archive .page-header .page-title {
	margin: 0;
	font-size: 2.25rem;
}

.archive .page-header .archive-description {
	margin-top: 10px;
	font-size: 14px;
	color: #f8f9fa;
}

.archive .page-header .archive-description p {
	margin-bottom: 0;
}

.entry-content .first-child .cenote-drop-cap {
	font-size: 84px;
	color: inherit;
	font-weight: 700;
	float: left;
	vertical-align: top;
	line-height: 70px;
	padding-right: 20px;
	padding-left: 10px;
	padding-top: 5px;
	text-shadow: 3px 3px 0 rgba(56, 60, 80, 0.22);
}

/*----------  Infinite loader  ----------*/
.infinite-scroll #infinite-handle {
	border-top: 1px solid #f1f3f5;
}

.infinite-scroll #infinite-handle span {
	background: none;
	padding: 0;
}

.infinite-scroll #infinite-handle span button {
	text-transform: capitalize;
	color: #16181a;
	padding: 10px 0;
	font-weight: 700;
}

.infinite-scroll .cenote-content-masonry #infinite-handle {
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
}

.infinite-scroll .pagination {
	display: none;
}

.cenote-header-media {
	background-size: cover;
}

.cenote-header-media img {
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
}

.cenote-header-media .tg-container {
	padding: 5% 0;
	min-height: 500px;
	position: relative;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background-size: cover;
}

.cenote-header-media .cenote-header-media-info {
	background-color: #f8f9fa;
	padding: 60px 40px;
	z-index: 9;
	width: 650px;
}

.cenote-header-media .cenote-header-media__title {
	font-size: 2.25rem;
	margin-top: 0;
	margin-bottom: 20px;
}

.cenote-header-media .cenote-header-media__text {
	margin-bottom: 60px;
	font-size: 1.125rem;
}

.cenote-header-media .cenote-header-media__button {
	position: relative;
	display: inline-block;
}

.cenote-header-media .cenote-header-media__button::after {
	content: "\f103" /*rtl:"\f102"*/;
	font-family: themegrill-icons;
	font-size: 9px;
	margin-left: 10px;
	display: inline-block;
}

.cenote-header-media.cenote-header-media--center .cenote-header-media-wrap, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media-wrap {
	padding: 10%;
}

.cenote-header-media.cenote-header-media--center .cenote-header-media-info, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media-info {
	text-align: center;
	background-color: rgba(248, 249, 250, 0.7);
}

.cenote-header-media.cenote-header-media--center .cenote-header-media__title, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media__title {
	margin-bottom: 40px;
}

.cenote-header-media.cenote-header-media--center .cenote-header-media__button, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media__button {
	position: relative;
	font-size: 14px;
}

.cenote-header-media.cenote-header-media--center .cenote-header-media__button::after, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media__button::after {
	-webkit-transition: 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s transform cubic-bezier(0.19, 0.1, 0.22, 1), 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	color: #16181a;
}

.cenote-header-media.cenote-header-media--center .cenote-header-media__button:hover::after, .cenote-header-media.cenote-header-media--fullscreen .cenote-header-media__button:hover::after {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.post-format-media--link {
	background-color: #de7b85;
	padding: 40px;
	margin-bottom: 20px;
}

.post-format-media--link .post-format-title {
	margin: 0;
	font-size: 2.25rem;
	color: #fff;
	display: inline-block;
}

.post-format-media--link .post-format-title::after {
	font-family: "Font Awesome 5 Free";
	padding-left: 10px;
	content: "\f0c1";
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	font-weight: 900;
}

.format-quote blockquote {
	padding: 80px 90px;
	margin-bottom: 30px;
	font-size: 1.125rem;
}

.format-quote blockquote::before {
	left: 60px;
	top: 60px;
}

.format-quote blockquote::after {
	right: 60px;
	bottom: 60px;
}

.format-quote blockquote p {
	margin-bottom: 0;
}

.post-format-media--video,
.post-format-media--audio {
	margin-bottom: 15px;
}

.post-format-video {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.post-format-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.format-video iframe,
.format-audio iframe {
	width: 100%;
}

.format-video .entry-content iframe,
.format-audio .entry-content iframe {
	display: none;
}

.format-audio iframe {
	height: 200px;
}

.widget_calendar caption {
	text-align: left;
}

.post-format-media--gallery {
	position: relative;
	padding: 20px;
	background-color: #f7f7f7;
	overflow: hidden;
	margin-bottom: 30px;
}

.post-format-media--gallery .swiper-button-next,
.post-format-media--gallery .swiper-button-prev {
	position: absolute;
	top: calc(50% - 2px);
	background-image: none;
	background-color: #de7b85;
	height: auto;
	width: auto;
	padding: 15px;
	right: 40px;
	-webkit-transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
	transition: transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1), -webkit-transform 0.6s cubic-bezier(0.3, 1.8, 0.5, 1);
}

.post-format-media--gallery .swiper-button-next::before,
.post-format-media--gallery .swiper-button-prev::before {
	content: "\f103";
	font-family: themegrill-icons;
	display: block;
	color: #fff;
	font-size: 9px;
	-webkit-transition: 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s transform cubic-bezier(0.06, 0.84, 1, 0.9);
	transition: 0.2s transform cubic-bezier(0.06, 0.84, 1, 0.9), 0.2s -webkit-transform cubic-bezier(0.06, 0.84, 1, 0.9);
}

.post-format-media--gallery .swiper-button-next:focus,
.post-format-media--gallery .swiper-button-prev:focus {
	outline: none;
}

.post-format-media--gallery .swiper-button-prev {
	right: auto;
	left: 40px;
	-webkit-transform: translateX(-100px);
	transform: translateX(-100px);
}

.post-format-media--gallery .swiper-button-prev::before {
	content: "\f102";
}

.post-format-media--gallery .swiper-button-next {
	-webkit-transform: translateX(100px);
	transform: translateX(100px);
}

.post-format-media--gallery:hover .swiper-button-prev {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.post-format-media--gallery:hover .swiper-button-prev:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
}

.post-format-media--gallery:hover .swiper-button-prev:hover::before {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

.post-format-media--gallery:hover .swiper-button-next {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.post-format-media--gallery:hover .swiper-button-next:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.post-format-media--gallery:hover .swiper-button-next:hover::before {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.format-gallery .entry-content .gallery {
	display: none;
}

.blog.tg-archive-style--masonry .format-quote blockquote,
.blog.tg-archive-style--big-block .format-quote:not(:first-child) blockquote,
.archive.tg-archive-style--masonry .format-quote blockquote,
.archive.tg-archive-style--big-block .format-quote:not(:first-child) blockquote {
	padding: 30px 45px;
}

.blog.tg-archive-style--masonry .format-quote blockquote::before,
.blog.tg-archive-style--big-block .format-quote:not(:first-child) blockquote::before,
.archive.tg-archive-style--masonry .format-quote blockquote::before,
.archive.tg-archive-style--big-block .format-quote:not(:first-child) blockquote::before {
	font-size: 16px;
	left: 25px;
	top: 20px;
}

.blog.tg-archive-style--masonry .format-quote blockquote::after,
.blog.tg-archive-style--big-block .format-quote:not(:first-child) blockquote::after,
.archive.tg-archive-style--masonry .format-quote blockquote::after,
.archive.tg-archive-style--big-block .format-quote:not(:first-child) blockquote::after {
	font-size: 16px;
	right: 25px;
	bottom: 20px;
}

.blog.tg-archive-style--masonry .format-gallery .post-format-media--gallery,
.blog.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery,
.archive.tg-archive-style--masonry .format-gallery .post-format-media--gallery,
.archive.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery {
	padding: 10px;
}

.blog.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-next,
.blog.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-prev,
.blog.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-next,
.blog.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-prev,
.archive.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-next,
.archive.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-prev,
.archive.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-next,
.archive.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-prev {
	padding: 10px;
}

.blog.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-next::before,
.blog.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-prev::before,
.blog.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-next::before,
.blog.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-prev::before,
.archive.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-next::before,
.archive.tg-archive-style--masonry .format-gallery .post-format-media--gallery .swiper-button-prev::before,
.archive.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-next::before,
.archive.tg-archive-style--big-block .format-gallery:not(:first-child) .post-format-media--gallery .swiper-button-prev::before {
	font-size: 8px;
}

.blog.tg-archive-style--masonry .format-link .post-format-media--link,
.blog.tg-archive-style--big-block .format-link:not(:first-child) .post-format-media--link,
.archive.tg-archive-style--masonry .format-link .post-format-media--link,
.archive.tg-archive-style--big-block .format-link:not(:first-child) .post-format-media--link {
	padding: 20px;
}

.blog.tg-archive-style--masonry .format-link .post-format-media--link .post-format-title,
.blog.tg-archive-style--big-block .format-link:not(:first-child) .post-format-media--link .post-format-title,
.archive.tg-archive-style--masonry .format-link .post-format-media--link .post-format-title,
.archive.tg-archive-style--big-block .format-link:not(:first-child) .post-format-media--link .post-format-title {
	font-size: 21px;
}

.admin-bar .cenote-header-sticky.cenote-sticky-header--not-top {
	-webkit-transform: translateY(32px);
	transform: translateY(32px);
}

.admin-bar .cenote-search-form {
	top: 32px;
}

@media screen and (max-width: 782px) {
	.admin-bar .cenote-header-sticky.cenote-sticky-header--not-top {
		-webkit-transform: translateY(46px);
		transform: translateY(46px);
	}
	.admin-bar .cenote-mobile-navigation,
	.admin-bar .cenote-search-form {
		top: 46px;
	}
}

@media screen and (max-width: 600px) {
	.admin-bar .cenote-header-sticky.cenote-sticky-header--not-top {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	.admin-bar .cenote-search-form {
		top: 0;
	}
}

/*=============================================
=            Links            =
=============================================*/
a {
	color: #16181a;
	text-decoration: none;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

a:hover, a:focus, a:active {
	color: #de7b85;
}

a:focus {
	outline: thin dotted;
}

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

.entry-content a {
	color: #de7b85;
	text-decoration: underline;
}

/*=============================================
=            Menus            =
=============================================*/
.tg-site-menu--default ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.tg-site-menu--default ul ul {
	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.09);
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -100px;
	z-index: 99999;
	background-color: #fff;
	width: 200px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-transform: translateY(10%);
	transform: translateY(10%);
	-webkit-transition: 0.5s ease;
	transition: 0.5s ease;
	opacity: 0;
	visibility: hidden;
	text-align: left;
}

.tg-site-menu--default ul ul ul {
	left: 100%;
	margin-left: 0;
	top: 0;
}

.tg-site-menu--default ul ul li.page_item_has_children > a::after, .tg-site-menu--default ul ul li.menu-item-has-children > a::after {
	position: absolute;
	content: "\f105" /*rtl:"\f104"*/;
	right: 15px;
	line-height: 1.2;
}

.tg-site-menu--default ul ul li:hover > ul,
.tg-site-menu--default ul ul li.focus > ul {
	left: 100%;
}

.tg-site-menu--default ul ul a {
	font-size: 14px;
	font-weight: 400;
	margin-left: 0;
	margin-right: 0;
	padding: 15px 20px;
	border-bottom: 1px solid #f1f3f5;
}

.tg-site-menu--default ul li:hover > ul,
.tg-site-menu--default ul li.focus > ul {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.tg-site-menu--default li {
	position: relative;
}

.tg-site-menu--default li.page_item_has_children > a::after, .tg-site-menu--default li.menu-item-has-children > a::after {
	font-family: "Font Awesome 5 Free";
	content: "\f107";
	display: inline-block;
	padding-left: 5px;
	font-weight: 900;
}

.tg-site-menu--default li.focus > a {
	color: #de7b85;
}

.tg-site-menu--default a {
	display: block;
	font-size: 14px;
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding: 15px 0;
	-webkit-transition: 0.4s ease;
	transition: 0.4s ease;
	margin-left: 10px;
	margin-right: 10px;
	font-weight: 400;
}

.tg-site-menu--default .current_page_item > a,
.tg-site-menu--default .current-menu-item > a,
.tg-site-menu--default .current_page_ancestor > a,
.tg-site-menu--default .current-menu-ancestor > a {
	font-weight: 600;
	border-bottom-color: #16181a;
}

.tg-site-menu--default ul.sub-menu .current_page_item > a,
.tg-site-menu--default ul.sub-menu .current-menu-item > a,
.tg-site-menu--default ul.sub-menu .current_page_ancestor > a,
.tg-site-menu--default ul.sub-menu .current-menu-ancestor > a {
	border-bottom-color: #f1f3f5;
}

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

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
}

.comment-navigation,
.posts-navigation,
.post-navigation {
	margin-bottom: 60px;
}

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

.comment-navigation .nav-previous,
.comment-navigation .nav-next,
.posts-navigation .nav-previous,
.posts-navigation .nav-next,
.post-navigation .nav-previous,
.post-navigation .nav-next {
	width: 50%;
	-webkit-transition: -webkit-transform 0.45s cubic-bezier(0.79, 1, 0.92, 1);
	transition: -webkit-transform 0.45s cubic-bezier(0.79, 1, 0.92, 1);
	transition: transform 0.45s cubic-bezier(0.79, 1, 0.92, 1);
	transition: transform 0.45s cubic-bezier(0.79, 1, 0.92, 1), -webkit-transform 0.45s cubic-bezier(0.79, 1, 0.92, 1);
}

.comment-navigation .nav-previous a,
.comment-navigation .nav-next a,
.posts-navigation .nav-previous a,
.posts-navigation .nav-next a,
.post-navigation .nav-previous a,
.post-navigation .nav-next a {
	display: block;
	font-size: 1.313rem;
	font-weight: 500;
}

.comment-navigation .nav-previous .nav-links__label,
.comment-navigation .nav-next .nav-links__label,
.posts-navigation .nav-previous .nav-links__label,
.posts-navigation .nav-next .nav-links__label,
.post-navigation .nav-previous .nav-links__label,
.post-navigation .nav-next .nav-links__label {
	display: block;
	height: 20px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 400;
	letter-spacing: 1px;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.55, 1, 0.22, 1);
	transition: -webkit-transform 0.35s cubic-bezier(0.55, 1, 0.22, 1);
	transition: transform 0.35s cubic-bezier(0.55, 1, 0.22, 1);
	transition: transform 0.35s cubic-bezier(0.55, 1, 0.22, 1), -webkit-transform 0.35s cubic-bezier(0.55, 1, 0.22, 1);
	margin-bottom: 5px;
}

.comment-navigation .nav-previous .nav-links__label::before, .comment-navigation .nav-previous .nav-links__label::after,
.comment-navigation .nav-next .nav-links__label::before,
.comment-navigation .nav-next .nav-links__label::after,
.posts-navigation .nav-previous .nav-links__label::before,
.posts-navigation .nav-previous .nav-links__label::after,
.posts-navigation .nav-next .nav-links__label::before,
.posts-navigation .nav-next .nav-links__label::after,
.post-navigation .nav-previous .nav-links__label::before,
.post-navigation .nav-previous .nav-links__label::after,
.post-navigation .nav-next .nav-links__label::before,
.post-navigation .nav-next .nav-links__label::after {
	content: "";
	font-family: themegrill-icons;
	display: inline-block;
	font-size: 8px;
	-webkit-transition: font-size 0.35s cubic-bezier(0.55, 1, 0.22, 1);
	transition: font-size 0.35s cubic-bezier(0.55, 1, 0.22, 1);
}

.comment-navigation .nav-previous:hover .nav-links__label::before, .comment-navigation .nav-previous:hover .nav-links__label::after,
.comment-navigation .nav-next:hover .nav-links__label::before,
.comment-navigation .nav-next:hover .nav-links__label::after,
.posts-navigation .nav-previous:hover .nav-links__label::before,
.posts-navigation .nav-previous:hover .nav-links__label::after,
.posts-navigation .nav-next:hover .nav-links__label::before,
.posts-navigation .nav-next:hover .nav-links__label::after,
.post-navigation .nav-previous:hover .nav-links__label::before,
.post-navigation .nav-previous:hover .nav-links__label::after,
.post-navigation .nav-next:hover .nav-links__label::before,
.post-navigation .nav-next:hover .nav-links__label::after {
	font-size: 0;
}

.comment-navigation .nav-previous .nav-links__label::before,
.posts-navigation .nav-previous .nav-links__label::before,
.post-navigation .nav-previous .nav-links__label::before {
	content: "\f102" /*rtl:"\f103"*/;
	margin-right: 10px;
}

.comment-navigation .nav-previous:hover,
.posts-navigation .nav-previous:hover,
.post-navigation .nav-previous:hover {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.comment-navigation .nav-previous:hover .nav-links__label,
.posts-navigation .nav-previous:hover .nav-links__label,
.post-navigation .nav-previous:hover .nav-links__label {
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: right;
	margin-left: auto;
}

.comment-navigation .nav-next .nav-links__label::after,
.posts-navigation .nav-next .nav-links__label::after,
.post-navigation .nav-next .nav-links__label::after {
	content: "\f103" /*rtl:"\f102"*/;
	margin-left: 10px;
}

.comment-navigation .nav-next:hover,
.posts-navigation .nav-next:hover,
.post-navigation .nav-next:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.comment-navigation .nav-next:hover .nav-links__label,
.posts-navigation .nav-next:hover .nav-links__label,
.post-navigation .nav-next:hover .nav-links__label {
	-webkit-transform: translateX(20px);
	transform: translateX(20px);
}

.tg-social-menu {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
}

.tg-social-menu li {
	margin-right: 15px;
}

.tg-social-menu li:last-child {
	margin-right: 0;
}

.tg-social-menu li a {
	display: block;
	text-decoration: none;
	font-size: 16px;
}

.tg-header-action-menu {
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	padding: 15px 0;
}

.tg-header-action-menu li {
	margin-left: 15px;
	cursor: pointer;
	color: #16181a;
	position: relative;
}

.tg-header-action-menu li i {
	font-size: 16px;
}

.tg-header-action-menu li.tg-menu-toggle, .tg-header-action-menu li.tg-mobile-menu-toggle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 20px;
}

.tg-header-action-menu li.tg-menu-toggle::before, .tg-header-action-menu li.tg-menu-toggle::after, .tg-header-action-menu li.tg-mobile-menu-toggle::before, .tg-header-action-menu li.tg-mobile-menu-toggle::after {
	content: "";
	display: block;
	width: 50%;
	height: 2px;
	background-color: #16181a;
	-webkit-transition: all 0.3s cubic-bezier(0.6, 0, 0.2, 1), margin 0.3s ease 0.3s, background 0.05s ease 0.27s, -webkit-transform 0.3s ease;
	transition: all 0.3s cubic-bezier(0.6, 0, 0.2, 1), margin 0.3s ease 0.3s, background 0.05s ease 0.27s, -webkit-transform 0.3s ease;
	transition: all 0.3s cubic-bezier(0.6, 0, 0.2, 1), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.05s ease 0.27s;
	transition: all 0.3s cubic-bezier(0.6, 0, 0.2, 1), margin 0.3s ease 0.3s, transform 0.3s ease, background 0.05s ease 0.27s, -webkit-transform 0.3s ease;
}

.tg-header-action-menu li.tg-menu-toggle::after, .tg-header-action-menu li.tg-mobile-menu-toggle::after {
	-ms-flex-item-align: end;
	align-self: flex-end;
}

.tg-header-action-menu li.tg-menu-toggle span, .tg-header-action-menu li.tg-mobile-menu-toggle span {
	width: 100%;
	height: 2px;
	display: block;
	margin: 3px 0;
	background-color: #16181a;
	-webkit-transition: 0.3s background-color ease;
	transition: 0.3s background-color ease;
}

.tg-header-action-menu li.tg-mobile-menu-toggle {
	display: none;
}

.tg-header-action-menu li.tg-menu-toggle--opened, .tg-header-action-menu li.tg-mobile-menu-toggle--opened {
	z-index: 9999;
}

.tg-header-action-menu li.tg-menu-toggle--opened span, .tg-header-action-menu li.tg-mobile-menu-toggle--opened span {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
}

.tg-header-action-menu li.tg-menu-toggle--opened::before, .tg-header-action-menu li.tg-menu-toggle--opened::after, .tg-header-action-menu li.tg-mobile-menu-toggle--opened::before, .tg-header-action-menu li.tg-mobile-menu-toggle--opened::after {
	-webkit-transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	transition: transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57), -webkit-transform 330ms cubic-bezier(0.54, -0.81, 0.57, 0.57);
	-webkit-transform: rotate(45deg) translateX(1px);
	transform: rotate(45deg) translateX(1px);
}

.tg-header-action-menu li.tg-menu-toggle--opened::after, .tg-header-action-menu li.tg-mobile-menu-toggle--opened::after {
	-webkit-transform: rotate(45deg) translateX(-1px);
	transform: rotate(45deg) translateX(-1px);
}

.tg-header-action-menu li.tg-menu-toggle--opened:hover::before, .tg-header-action-menu li.tg-menu-toggle--opened:hover::after, .tg-header-action-menu li.tg-mobile-menu-toggle--opened:hover::before, .tg-header-action-menu li.tg-mobile-menu-toggle--opened:hover::after {
	width: 50%;
}

.cenote-breadcrumb {
	padding: 20px 0;
}

.cenote-breadcrumb ul {
	margin: 0;
	list-style-type: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: wrap;
	flex-flow: wrap;
}

.cenote-breadcrumb li {
	padding-right: 25px;
	margin-right: 10px;
	position: relative;
}

.cenote-breadcrumb li::before {
	position: absolute;
	right: 0;
	top: calc(50% - 3px);
	content: "\f103";
	font-size: 6px;
	display: block;
	font-family: themegrill-icons;
	color: #868e96;
	-webkit-transition: all 0.35s ease-in;
	transition: all 0.35s ease-in;
}

.cenote-breadcrumb li:last-child {
	padding-right: 0;
	margin-right: 0;
}

.cenote-breadcrumb li:last-child::before {
	display: none;
}

.cenote-breadcrumb a {
	font-size: 14px;
	color: #868e96;
}

.cenote-breadcrumb a:hover {
	color: #de7b85;
}

.cenote-breadcrumb span {
	font-size: 14px;
}

.cenote-mobile-navigation {
	display: none;
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 9999;
	background: #fff;
	width: 300px;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	-webkit-transition: 0.35s -webkit-transform ease;
	transition: 0.35s -webkit-transform ease;
	transition: 0.35s transform ease;
	transition: 0.35s transform ease, 0.35s -webkit-transform ease;
	padding: 20px;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.cenote-mobile-navigation ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.cenote-mobile-navigation li {
	position: relative;
}

.cenote-mobile-navigation li.page_item_has_children > span::after, .cenote-mobile-navigation li.menu-item-has-children > span::after {
	font-family: "Font Awesome 5 Free";
	position: absolute;
	content: "\f107";
	display: block;
	right: 0;
	top: 10px;
	font-size: 20px;
	background-color: transparent;
	font-weight: 900;
}

.cenote-mobile-navigation li.page_item_has_children.focus > ul, .cenote-mobile-navigation li.menu-item-has-children.focus > ul {
	max-height: 500px;
	visibility: visible;
	opacity: 1;
}

.cenote-mobile-navigation li.page_item_has_children.focus > span::after, .cenote-mobile-navigation li.menu-item-has-children.focus > span::after {
	content: "\f106";
}

.cenote-mobile-navigation li.page_item_has_children ul, .cenote-mobile-navigation li.menu-item-has-children ul {
	padding-left: 15px;
	max-height: 0;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}

.cenote-mobile-navigation li.current_page_item > a, .cenote-mobile-navigation li.current-menu-item > a, .cenote-mobile-navigation li.current_page_ancestor > a, .cenote-mobile-navigation li.current-menu-ancestor > a {
	font-weight: 700;
}

.cenote-mobile-navigation.cenote-mobile-navigation--opened {
	-webkit-transform: translateX(0);
	transform: translateX(0);
	-webkit-box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 50px rgba(0, 0, 0, 0.1);
}

.cenote-mobile-navigation a {
	display: block;
	padding: 15px 0;
	position: relative;
	font-size: 14px;
}

.cenote-mobile-navigation a::after {
	position: absolute;
	left: 0;
	content: "";
	width: 20px;
	height: 2px;
	background-color: #51585f;
	bottom: 0;
	-webkit-transition: 1.5s background-color ease;
	transition: 1.5s background-color ease;
}

.cenote-mobile-navigation a:hover {
	color: inherit;
}

.pagination {
	margin-top: 80px;
	border-top: 1px solid #f1f3f5;
	padding: 30px 0;
	width: 100%;
	font-size: 14px;
}

.pagination .page-numbers {
	color: #868e96;
	font-weight: 700;
	padding-left: 10px;
	padding-right: 10px;
	cursor: pointer;
	position: relative;
}

.pagination .page-numbers.current, .pagination .page-numbers.prev, .pagination .page-numbers.next {
	color: #212529;
}

.pagination .page-numbers.prev {
	padding-left: 50px;
}

.pagination .page-numbers.prev::before, .pagination .page-numbers.next::after {
	content: "\f102";
	display: block;
	position: absolute;
	font-family: themegrill-icons;
	font-size: 12px;
	-webkit-transition: 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s transform cubic-bezier(0.19, 0.1, 0.22, 1);
	transition: 0.3s transform cubic-bezier(0.19, 0.1, 0.22, 1), 0.3s -webkit-transform cubic-bezier(0.19, 0.1, 0.22, 1);
	left: 0;
	top: calc(50% - 6px);
}

.pagination .page-numbers.next {
	padding-right: 50px;
}

.pagination .page-numbers.next::after {
	content: "\f103";
	left: auto;
	right: 0;
}

.pagination .page-numbers:hover {
	color: #de7b85;
}

.pagination .page-numbers:hover.prev::before {
	-webkit-transform: translateX(-10px);
	transform: translateX(-10px);
}

.pagination .page-numbers:hover.next::after {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.entry-content .page-links {
	margin-top: 80px;
	border-top: 1px solid #f1f3f5;
	padding: 30px 0;
	font-size: 14px;
}

.entry-content .page-links a {
	font-weight: 700;
	color: #868e96;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

.entry-content .page-links a:hover {
	color: #de7b85;
}

.wp-social-link svg {
	color: #ffffff;
}

/*=============================================
=            Accesibility            =
=============================================*/
/* 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;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

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

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

/*=============================================
=            Alignments            =
=============================================*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

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

.tg-flex-left {
	margin-right: auto;
}

.tg-flex-right {
	margin-left: auto;
}

/*=============================================
=            Clearings            =
=============================================*/
.clear::before,
.clear::after,
.entry-content::before,
.entry-content::after,
.comment-content::before,
.comment-content::after,
.site-header::before,
.site-header::after,
.site-content::before,
.site-content::after,
.site-footer::before,
.site-footer::after {
	display: table;
	content: "";
}

.clear::after,
.entry-content::after,
.comment-content::after,
.site-header::after,
.site-content::after,
.site-footer::after {
	clear: both;
}

/*=============================================
=            Button            =
=============================================*/
.button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background-color: #16181a;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	padding: 20px;
	text-transform: uppercase;
	font-family: "Roboto", helvetica, arial, sans-serif;
	letter-spacing: 1px;
	outline: none;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.button:hover,
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: #de7b85;
	color: #fff;
}

.button:hover::after,
button:hover::after,
input[type="button"]:hover::after,
input[type="reset"]:hover::after,
input[type="submit"]:hover::after {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.button-arrow::after {
	content: "\f103";
	font-family: themegrill-icons;
	display: inline-block;
	font-size: 8px;
	margin-left: 10px;
	-webkit-transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
	transition: all 0.35s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.wp-block-button.is-style-fill .wp-block-button__link {
	text-decoration: none;
	color: #ffffff;
}

.wp-block-button.is-style-outline .wp-block-button__link {
	color: #000000;
	text-decoration: none;
}

textarea {
	width: 100%;
}

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: #16181a;
	border: 1px solid #dee2e6;
	padding: 15px;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

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: #51585f;
	outline: none;
	border-color: #343a40;
}

select {
	border: 1px solid #dee2e6;
}

/*=============================================
=            Header            =
=============================================*/
/*----------  Site branding  ----------*/
.site-branding {
	margin: 0 auto;
	text-align: center;
}

.site-branding .custom-logo-link {
	display: block;
	margin-bottom: 30px;
}

.site-branding .site-title {
	font-family: "Catamaran", helvetica, arial, sans-serif;
	font-size: 1.313rem;
	font-weight: 700;
	margin: 0 0 10px;
}

.site-branding .site-description {
	margin: 0 0 30px;
	font-size: 14px;
}

.site-branding img {
	margin: 0 auto;
}

.tg-site-header {
	/*----------  Header top  ----------*/
	/*----------  Header bottom  ----------*/
	/*----------  Header Styles  ----------*/
	/* Header style bordered */
	/* Header style left */
}

.tg-site-header .tg-header-top {
	background: #16181a;
	padding: 10px 0;
}

.tg-site-header .tg-header-top ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	list-style-type: none;
	margin: 0;
}

.tg-site-header .tg-header-top ul li {
	margin-right: 15px;
}

.tg-site-header .tg-header-top ul li a {
	text-decoration: none;
	color: #fff;
	font-size: 14px;
}

.tg-site-header .tg-header-top ul li a:hover {
	color: #de7b85;
}

.tg-site-header .tg-header-top ul li:last-child {
	margin-right: 0;
}

.tg-site-header .tg-header-top ul li:hover {
	color: #de7b85;
}

.tg-site-header .tg-header-bottom .header-bottom-top {
	padding: 30px 0 0;
}

.tg-site-header .tg-header-bottom .header-bottom-bottom .tg-container {
	padding: 20px 0;
}

.tg-site-header .tg-header-bottom .tg-header-action-navigation,
.tg-site-header .tg-header-bottom .tg-social-menu-navigation {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

.tg-site-header .tg-header-bottom .main-navigation {
	-webkit-box-flex: 6;
	-ms-flex: 6;
	flex: 6;
}

.tg-site-header .tg-header-bottom .tg-header-action-menu {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.tg-site-header.tg-site-header--bordered .tg-header-bottom .header-bottom-bottom .tg-container {
	padding: 10px 0;
	border-top: 2px solid #fff0e6;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding {
	text-align: left;
	margin: 0;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding .site-title {
	margin: 0;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding img {
	margin: 0;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .site-branding .custom-logo-link {
	margin-bottom: 0;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .tg-container {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-site-header.tg-site-header--left .tg-header-bottom ul {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.tg-site-header.tg-site-header--left .tg-header-bottom .tg-header-action-navigation,
.tg-site-header.tg-site-header--left .tg-header-bottom .tg-social-menu-navigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 0;
	-ms-flex: 0;
	flex: 0;
}

/*----------  Sticky Header  ----------*/
.cenote-header-sticky {
	position: fixed;
	z-index: 9999;
	top: 0;
	background-color: #ced4da;
	width: 100%;
	left: 0;
	opacity: 0;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	/* When not in top */
	/* On Single page */
}

.cenote-header-sticky .main-navigation li a {
	padding-top: 15px;
	padding-bottom: 15px;
}

.cenote-header-sticky .main-navigation li ul a {
	padding: 15px 20px;
}

.cenote-header-sticky.cenote-sticky-header--not-top {
	opacity: 1;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cenote-header-sticky.cenote-header-sticky--single {
	max-height: 49px;
	overflow: hidden;
}

.cenote-header-sticky.cenote-header-sticky--single.visible {
	overflow: visible;
}

.cenote-header-sticky.cenote-header-sticky--single .sticky-header-slide {
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
}

.cenote-header-sticky.cenote-header-sticky--single .cenote-reading-bar {
	padding: 13px 0;
}

.cenote-header-sticky.cenote-header-sticky--single .cenote-reading-bar .cenote-reading-bar__title {
	margin-right: auto;
	font-size: 18px;
}

.cenote-header-sticky.cenote-header-sticky--single.cenote-sticky-header--pinned .sticky-header-slide {
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.error404 #primary {
	width: 100%;
}

.error404 .error-img {
	margin: 0 auto 50px;
	max-width: 500px;
}

.error404 .error-404 {
	text-align: center;
}

.error404 .page-title {
	font-size: 2.25rem;
	margin: 0 0 20px;
}

.error404 .page-content p {
	color: #adb5bd;
	font-size: 1.125rem;
	font-weight: 500;
}

.error404 .page-content a {
	text-decoration: none;
}

.error404 .error-404__search .search-form {
	margin-top: 30px;
}

.error404 .error-404__search .search-form label {
	display: block;
	width: 400px;
	margin: 0 auto;
}

.error404 .error-404__search .search-form label input {
	width: 100%;
}

.error404 .error-404__search .search-form .search-submit {
	display: none;
}

.site-content {
	margin-top: 80px;
	margin-bottom: 80px;
}

#primary {
	width: 70%;
}

#secondary {
	width: 30%;
}

.layout--right-sidebar #primary {
	padding-right: 40px;
}

.layout--right-sidebar #secondary {
	padding-left: 40px;
}

.layout--no-sidebar #primary {
	width: 100%;
}

.layout--no-sidebar #secondary {
	display: none;
}

.layout--left-sidebar .site-content .tg-flex-container {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

.layout--left-sidebar #primary {
	padding-left: 40px;
}

.layout--left-sidebar #secondary {
	padding-right: 40px;
}

/* Sticky Sidebar */
.widget-area--sticky {
	will-change: min-height;
}

.widget-area--sticky .inner-wrapper-sticky {
	position: relative;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	/* fFor browser don't support translate3d */
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	will-change: position, transform;
}

.widget-area--sticky .widget {
	margin: 0;
	padding-bottom: 60px;
}

/*=============================================
=            Widgets            =
=============================================*/
.widget {
	margin: 0 0 60px;
	/* Make sure select elements fit in widgets. */
}

.widget ul {
	margin: 0 0 0 15px;
	line-height: 1.6;
}

.widget ul li {
	margin-bottom: 10px;
	font-size: 14px;
}

.widget ul li a {
	display: block;
	text-decoration: none;
}

.widget ul li a:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.widget ul li:last-child {
	margin-bottom: 0;
}

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

.widget .widget-title {
	font-size: 14px;
	display: inline-block;
	position: relative;
	text-transform: uppercase;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 20px;
	color: #16181a;
}

.widget .widget-title::after {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background: #de7b85;
	left: calc(100% + 10px);
	top: calc(50% - 1px);
}

/* Search Widget */
.widget_search .search-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.widget_search label {
	width: 73%;
}

.widget_search .search-field,
.widget_search .search-submit {
	padding: 10px;
}

.widget_search .search-submit {
	display: block;
	font-size: 12px;
}

.widget_search .search-field {
	width: 100%;
}

.tg_widget_recent_posts ul,
.tg-post-ribbon ul {
	margin: 0;
}

.tg_widget_recent_posts ul li,
.tg-post-ribbon ul li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
	-webkit-transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition: transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275), -webkit-transform 0.35s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.tg_widget_recent_posts ul li:hover,
.tg-post-ribbon ul li:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.tg_widget_recent_posts ul li a:hover,
.tg-post-ribbon ul li a:hover {
	-webkit-transform: none;
	transform: none;
}

.tg_widget_recent_posts ul li .tg-post-thumbnail,
.tg-post-ribbon ul li .tg-post-thumbnail {
	padding-right: 20px;
}

.tg_widget_recent_posts ul li .tg-post-thumbnail img,
.tg-post-ribbon ul li .tg-post-thumbnail img {
	max-width: 70px;
}

.tg_widget_recent_posts ul li .tg-post-info a,
.tg-post-ribbon ul li .tg-post-info a {
	font-size: 14px;
	font-weight: 700;
}

.tg_widget_recent_posts ul li .tg-post-info .post-date,
.tg-post-ribbon ul li .tg-post-info .post-date {
	margin-top: 5px;
	display: inline-block;
	font-size: 12px;
	color: #868e96;
}

.tg-post-ribbon {
	background-color: #f7f7f7;
	padding: 40px 0 30px;
}

.tg-post-ribbon ul {
	margin: 0 -10px;
}

.tg-post-ribbon ul li {
	padding-right: 10px;
	padding-left: 10px;
	width: 25%;
	margin-bottom: 10px;
}

.tg-post-ribbon ul li .tg-post-info .tg-post-title {
	margin-bottom: 10px;
	display: block;
}

.widget_calendar caption {
	margin-bottom: 1.5em;
}

.widget_calendar table th,
.widget_calendar table td {
	padding: 10px;
}

.widget_recent_comments ul li {
	color: #868e96;
}

.widget_media_gallery .gallery-item {
	margin: 0;
}

/*=============================================
=            Posts and Pages            =
=============================================*/
img {
	margin-bottom: 0;
}

.sticky {
	display: block;
}

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

.page-links {
	clear: both;
}

.hentry {
	margin-bottom: 80px;
	line-height: 1.6;
}

.entry-thumbnail {
	position: relative;
	display: inline-block;
	margin-bottom: 34px;
	background-color: #000;
}

.entry-thumbnail img {
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
	-o-object-fit: cover;
	object-fit: cover;
	display: block;
	width: 100%;
}

.entry-thumbnail .post-thumbnail__letter {
	position: absolute;
	visibility: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	opacity: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	font-size: 120px;
	text-align: center;
	color: rgba(255, 255, 255, 0.5);
	text-transform: uppercase;
	font-weight: 700;
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.entry-thumbnail:hover img {
	opacity: 0.6;
}

.entry-thumbnail:hover .post-thumbnail__letter {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cat-links .cat-seperator {
	margin: 0 5px;
}

.tg-top-cat .cat-links {
	font-size: 12px;
}

.tg-top-cat .cat-links a {
	text-transform: uppercase;
	display: inline-block;
	color: #de7b85;
}

.tg-top-cat .cat-links a:hover {
	color: #363b40;
}

.entry-content {
	margin-bottom: 18px;
}

.entry-title {
	margin: 0 0 10px;
	font-size: 1.313rem;
}

.entry-meta {
	font-size: 12px;
	margin-bottom: 12px;
}

.entry-meta .byline,
.entry-meta .posted-on,
.entry-meta .cat-links {
	letter-spacing: 1px;
	cursor: pointer;
}

.entry-meta a {
	color: #de7b85;
}

.entry-meta a:hover {
	color: #363b40;
}

.entry-meta .posted-on {
	position: relative;
	padding-left: 60px;
}

.entry-meta .posted-on::before {
	content: "";
	position: absolute;
	width: 40px;
	height: 1px;
	background-color: #de7b85;
	left: 10px;
	top: calc(50% - 1px);
}

.entry-footer {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
}

.entry-footer .cat-links,
.entry-footer .tags-links,
.entry-footer .edit-link {
	display: block;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	margin-bottom: 20px;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	display: inline-block;
	margin: 0 5px 5px;
}

.entry-footer .cat-links a:first-child,
.entry-footer .tags-links a:first-child {
	margin-left: 20px;
}

.entry-footer .cat-links a {
	font-size: 12px;
	text-transform: uppercase;
	padding: 8px 15px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	font-weight: 400;
	background-color: #de7b85;
	color: #fff;
}

.entry-footer .cat-links a:hover {
	background-color: #363b40;
}

.tg-readmore-link {
	position: relative;
	padding-left: 40px;
	font-weight: 700;
	font-size: 14px;
	display: inline-block;
}

.tg-readmore-link::before {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	top: calc(50% - 1px);
	width: 30px;
	height: 1px;
	background-color: #212529;
	-webkit-transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
	transition: 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.tg-readmore-link:hover {
	-webkit-transform: translateX(10px);
	transform: translateX(10px);
}

.tg-readmore-link:hover::before {
	background-color: #de7b85;
}

/* Single Post */
.single .hentry .entry-thumbnail {
	margin-bottom: 20px;
	background-color: transparent;
}

.single .hentry .entry-thumbnail img {
	margin-bottom: 0;
}

.single .hentry .tg-top-cat {
	margin-bottom: 10px;
}

.single .hentry .entry-title {
	font-size: 2.5rem;
	font-weight: 700;
}

.single .hentry .entry-meta {
	margin-bottom: 40px;
}

.single .hentry .entry-meta a {
	color: #363b40;
}

.single .hentry .entry-meta a:hover {
	color: #de7b85;
}

.single .hentry .entry-meta .posted-on::before {
	background-color: #363b40;
}

.single .hentry .entry-content {
	margin-bottom: 70px;
}

/* Post template*/
.post-template-cover #primary {
	width: 100%;
}

.post-template-cover .hentry:not(.has-post-thumbnail) .entry-header {
	min-height: 500px;
}

.post-template-cover .entry-thumbnail--template {
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	min-height: 550px;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.post-template-cover .entry-thumbnail--template::before, .post-template-cover .entry-thumbnail--template::after {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.2)));
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	display: block;
	width: 100%;
	height: 100%;
	bottom: 0;
	left: 0;
	content: "";
	z-index: 9;
	position: absolute;
}

.post-template-cover .entry-thumbnail--template::after {
	bottom: auto;
	top: 0;
}

.post-template-cover .entry-thumbnail--template .entry-info {
	z-index: 999;
	text-align: center;
	margin: 0 auto;
}

.post-template-cover .entry-thumbnail--template .entry-info .tg-top-cat {
	margin-bottom: 10px;
}

.post-template-cover .entry-thumbnail--template .entry-info .tg-top-cat .cat-links a {
	color: #fff;
	background-color: #16181a;
	padding: 10px;
	text-transform: uppercase;
	margin: 0 5px;
}

.post-template-cover .entry-thumbnail--template .entry-info .tg-top-cat .cat-links a:hover {
	background-color: #de7b85;
}

.post-template-cover .entry-thumbnail--template .entry-info .tg-top-cat .cat-links .cat-seperator {
	display: none;
}

.post-template-cover .entry-thumbnail--template .entry-info .entry-title {
	color: #fff;
	font-size: 2.5rem;
}

.post-template-cover .entry-thumbnail--template .entry-info .entry-meta {
	margin-bottom: 0;
	font-size: 14px;
}

.post-template-cover .entry-thumbnail--template .entry-info .entry-meta a {
	color: #fff;
}

.post-template-cover .entry-thumbnail--template .entry-info .entry-meta .posted-on::before {
	background-color: #fff;
}

.post-template-cover .entry-header--cover {
	position: relative;
	text-align: center;
	background-color: #868e96;
	margin-bottom: 60px;
}

.post-template-cover .entry-header--cover .entry-thumbnail {
	padding-bottom: 80px;
}

.post-template-cover .entry-center-content {
	width: calc(100% - 200px);
	margin: 0 auto;
}

.post-template-cover .tg-author-box {
	margin-bottom: 80px;
}

.post-template-cover .hentry {
	margin-bottom: 0;
}

/* Auther Box */
.tg-author-box {
	margin-top: 100px;
	padding: 40px 0;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-top: 2px solid #343a40;
	border-bottom: 2px solid #343a40;
}

.tg-author-box .tg-author__avatar {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100px;
	flex: 0 0 100px;
}

.tg-author-box .tg-author__avatar img {
	border-radius: 100%;
}

.tg-author-box .tg-author-info {
	padding-left: 40px;
}

.tg-author-box .tg-author__name {
	margin: 0 0 20px;
}

.tg-author-box .tg-author__bio {
	margin-bottom: 15px;
}

.tg-author-box .tg-author-meta {
	font-size: 12px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.tg-author-box .tg-author__website {
	padding-right: 10px;
}

.tg-author-box .tg-author__website a {
	color: #de7b85;
}

.tg-author-box .tg-author__website a:hover {
	color: #363b40;
}

/* Related post */
.cenote-related-post {
	background-color: #f7f7f7;
	padding: 60px 0;
}

.cenote-related-post .related-post-title {
	margin-top: 0;
	margin-bottom: 30px;
	font-size: 1.5rem;
	line-height: 1;
}

.cenote-related-post .related-post-item {
	width: 25%;
	margin-bottom: 0;
	padding: 0 10px;
}

.cenote-related-post .entry-meta {
	margin-bottom: 10px;
}

.cenote-related-post .entry-title {
	font-size: 1.125rem;
	margin-bottom: 0;
	font-weight: 600;
}

.page-template-default .entry-header .entry-title {
	font-size: 2.5rem;
}

.page-template-default .hentry .entry-thumbnail:hover img,
.single .hentry .entry-thumbnail:hover img {
	opacity: 1;
}

.layout--no-sidebar #page {
	overflow: hidden;
}

.layout--no-sidebar #primary .entry-content > .alignfull {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	max-width: unset;
}

.layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover, .layout--no-sidebar #primary .entry-content > .alignfull.wp-block-cover-image {
	width: unset;
}

.layout--no-sidebar #primary .entry-content > .alignwide {
	margin-left: -100px;
	margin-right: -100px;
	max-width: unset;
}

.layout--no-sidebar.layout-site--boxed .site-content {
	overflow: hidden;
}

.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignfull {
	margin-left: -55px;
	margin-right: -55px;
}

.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignfull.wp-block-cover, .layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignfull.wp-block-cover-image {
	width: unset;
}

.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignwide {
	margin-left: -30px;
	margin-right: -30px;
	max-width: unset;
}

ul.wp-block-gallery {
	margin: 0;
}

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

.bypostauthor {
	display: block;
}

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

.bypostauthor {
	display: block;
}

.comments-area .comment-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.comments-area .comment-list .comment-meta {
	position: relative;
	margin-bottom: 10px;
	min-height: 60px;
}

.comments-area .comment-list .comment-meta .comment-author img.avatar {
	position: absolute;
	left: 0;
	top: 0;
}

.comments-area .comment-list .comment-meta .comment-author .says {
	display: none;
}

.comments-area .comment-list .comment-meta .fn,
.comments-area .comment-list .comment-meta .comment-metadata,
.comments-area .comment-list .comment-meta .comment-awaiting-moderation {
	margin-left: 80px;
}

.comments-area .comment-list .comment-meta .fn {
	display: inline-block;
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 5px;
	letter-spacing: 1px;
}

.comments-area .comment-list .comment-meta .comment-metadata {
	margin-bottom: 3px;
}

.comments-area .comment-list .comment-meta .comment-metadata a {
	color: #868e96;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: 400;
}

.comments-area .comment-list .comment-meta .comment-awaiting-moderation {
	color: #868e96;
	font-size: 12px;
	font-weight: 400;
}

.comments-area .comment-list .comment-body {
	border-bottom: 1px solid #f1f3f5;
	padding: 40px 0;
}

.comments-area .comment-list .comment-body .reply {
	text-align: right;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 500;
	font-size: 12px;
}

.comments-area .comment-list .comment-body .reply a::before {
	content: "\f117";
	font-family: themegrill-icons;
	display: inline-block;
	font-size: 8px;
	margin-right: 10px;
	vertical-align: top;
	margin-top: 1px;
}

.comments-area .comment-list .comment-body .comment-content {
	margin-bottom: 20px;
}

.comments-area .comment-list .children {
	list-style-type: none;
}

.comments-area .comment-form {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.comments-area .comment-form .comment-notes {
	margin-bottom: 30px;
}

.comments-area .comment-form label {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 12px;
	font-weight: 500;
	display: block;
	margin-bottom: 8px;
}

.comments-area .comment-form p {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 100%;
	flex: 0 0 100%;
}

.comments-area .comment-form p input[type="text"],
.comments-area .comment-form p input[type="email"],
.comments-area .comment-form p input[type="url"] {
	width: 100%;
}

.comments-area .comment-form .comment-form-author,
.comments-area .comment-form .comment-form-email {
	-ms-flex-preferred-size: 47%;
	flex-basis: 47%;
}

.comments-area .comment-form .comment-form-author input,
.comments-area .comment-form .comment-form-email input {
	width: 100%;
}

.comments-area .comment-form .form-submit {
	text-align: right;
	margin-top: 30px;
}

.comments-area .comment-form .form-submit button.submit {
	padding: 20px 25px;
	font-size: 14px;
}

/*=============================================
=            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;
}

/*=============================================
=            Gallery            =
=============================================*/
.gallery {
	margin-bottom: 1.5em;
}

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

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

ul.wp-block-gallery {
	padding: 0;
}

.wp-block-gallery ul.blocks-gallery-grid img,
ul.wp-block-gallery img {
	margin-bottom: 0;
}

/* Gutenberg Blocks Layout.
--------------------------------------------------------------*/
.wp-block-gallery.alignleft, .wp-block-gallery.alignright, .wp-block-gallery.aligncenter,
.wp-block-social-links.alignleft,
.wp-block-social-links.alignright,
.wp-block-social-links.aligncenter {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

/*=============================================
=            footer            =
=============================================*/
.tg-site-footer .tg-footer-widget-container {
	padding: 60px 0;
	margin-left: -20px;
	margin-right: -20px;
}

.tg-site-footer .tg-footer-widget-area {
	padding-left: 20px;
	padding-right: 20px;
	width: 25%;
}

.tg-site-footer .tg-footer-widget-area .widget .widget-title::after {
	display: none;
}

.tg-site-footer .tg-footer-widget-area .widget:last-child {
	margin-bottom: 0;
}

.tg-site-footer .tg-footer-bottom .tg-footer-bottom-left {
	margin-right: auto;
}

.tg-site-footer .tg-footer-bottom .tg-footer-bottom-right {
	margin-left: auto;
}

.tg-site-footer .tg-footer-bottom .site-info {
	padding-top: 25px;
	padding-bottom: 25px;
	font-size: 14px;
}

.tg-site-footer .tg-footer-bottom .tg-footer-bottom-container {
	border-top: 1px solid #f1f3f5;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

.tg-site-footer.tg-site-footer--light {
	border-top: 1px solid #f7f7f7;
}

.tg-site-footer.tg-site-footer--default {
	background-color: #16181a;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area {
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .widget-title {
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget ul li a {
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget ul li a:hover {
	color: #de7b85;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget p {
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .tagcloud a {
	border-color: #fff;
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-widget-area .widget .tagcloud a:hover {
	border-color: #de7b85;
	color: #de7b85;
}

.tg-site-footer.tg-site-footer--default .tg-footer-bottom .site-info {
	color: #bdbdbd;
}

.tg-site-footer.tg-site-footer--default .tg-footer-bottom .site-info a {
	color: #fff;
}

.tg-site-footer.tg-site-footer--default .tg-footer-bottom .site-info a:hover {
	color: #de7b85;
}

.tg-site-footer.tg-site-footer--default .tg-footer-bootom-container {
	border-top: 1px solid #363b40;
}

.cenote-back-to-top {
	position: fixed;
	bottom: 100px;
	right: -20px;
	/*rtl:ignore*/
	-webkit-transform: rotate(270deg);
	transform: rotate(270deg);
}

.cenote-back-to-top span {
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: block;
	cursor: pointer;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
}

.cenote-back-to-top i {
	font-size: 12px;
	margin-left: 10px;
}

.cenote-back-to-top.cenote-back-to-top--show span {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

@media screen and (max-width: 1200px) {
	#primary {
		width: calc(100% - 360px);
	}
}

@media screen and (min-width: 1200px) and (max-width: 1400px) {
	.layout--no-sidebar #primary .entry-content > .alignwide {
		margin-left: -50px;
		margin-right: -50px;
		max-width: unset;
	}
}

@media screen and (min-width: 992px) {
	.post-template-post-template-cover .hentry:not(.has-post-thumbnail) .entry-header--cover {
		min-height: 700px;
	}
	.post-template-post-template-cover .entry-center-content {
		width: calc(100% - 400px);
		margin: 0 auto;
	}
}

@media screen and (min-width: 768px) and (max-width: 992px) {
	.cenote-hero .cenote-hero-info {
		width: 540px;
		padding: 40px 20px;
	}
	.cenote-hero .cenote-hero__heading {
		font-size: 2rem;
	}
	.cenote-hero .cenote-hero__sub-heading,
	.cenote-hero .cenote-hero__content {
		font-size: 16px;
	}
	.cenote-hero .cenote-hero__sub-heading {
		margin-bottom: 10px;
	}
	.cenote-hero .cenote-hero__content {
		margin-bottom: 20px;
	}
	.cenote-hero.cenote-hero.cenote-hero--center .cenote-hero-info {
		margin: 12% auto;
	}
	.cenote-hero.cenote-hero.cenote-hero--center .cenote-hero__heading {
		margin-bottom: 20px;
	}
}

@media screen and (max-width: 768px) {
	/*----------  Typography  ----------*/
	h1 {
		font-size: 2rem;
	}
	h2 {
		font-size: 1.625rem;
	}
	h3 {
		font-size: 1.375rem;
	}
	h4 {
		font-size: 1.125rem;
	}
	h5 {
		font-size: 1.125rem;
	}
	h6 {
		font-size: 1.125rem;
	}
	/*----------  Site Header  ----------*/
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .tg-container {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .tg-social-menu-navigation {
		margin-right: auto;
	}
	/*----------  Comments and tilte  ----------*/
	.comments-title,
	.comment-reply-title {
		font-size: 1.125rem;
	}
	/*----------  Sticky Header  ----------*/
	.cenote-header-sticky .tg-header-action-navigation {
		margin: 0 0 0 auto;
	}
	/*----------  Action Menu  ----------*/
	.tg-header-action-menu li.tg-menu-toggle {
		display: none;
	}
	.tg-header-action-menu li.tg-mobile-menu-toggle {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
	}
	/*----------  Main Navigation  ----------*/
	.main-navigation {
		display: none;
	}
	/*----------  Container  ----------*/
	.tg-container {
		width: calc(100% - 80px);
	}
	/*----------  Header Media  ----------*/
	.cenote-header-media .tg-container {
		min-height: 300px;
	}
	.cenote-header-media .cenote-header-media-info {
		padding: 30px 20px;
		width: 80%;
	}
	.cenote-header-media .cenote-header-media__title {
		font-size: 28px;
		line-height: 1.2;
	}
	.cenote-header-media .cenote-header-media__text {
		font-size: 14px;
		margin-bottom: 20px;
	}
	.cenote-header-media.cenote-header-media--center .cenote-header-media-wrap {
		padding: 15% 5%;
	}
	.cenote-header-media.cenote-header-media--center .cenote-header-media__title {
		margin-bottom: 20px;
	}
	/*----------  Layout  ----------*/
	#primary,
	#secondary {
		width: 100%;
	}
	.layout--right-sidebar #primary,
	.layout--right-sidebar #secondary,
	.layout--left-sidebar #primary,
	.layout--left-sidebar #secondary {
		width: 100%;
		padding: 0;
	}
	/*----------  Post ribbon  ----------*/
	.tg-post-ribbon ul li {
		width: 50%;
		margin-bottom: 20px;
	}
	/*----------  Body  ----------*/
	body:not(.layout--no-sidebar) #primary, body:not(.post-template-post-template-cover) #primary {
		margin-bottom: 80px;
	}
	.tg-archive-col--3 article {
		width: 50%;
	}
	.cenote-related-post .related-post-item,
	.tg-site-footer .tg-footer-widget-area {
		width: calc(50% - 20px);
		margin-bottom: 40px;
	}
	.tg-flex-container,
	.tg-site-footer .tg-footer-widget-container {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.post_format-post-format-quote blockquote {
		padding: 40px;
	}
	.post_format-post-format-quote blockquote::before {
		font-size: 16px;
		left: 20px;
		top: 20px;
	}
	.post_format-post-format-quote blockquote::after {
		font-size: 16px;
		right: 20px;
		bottom: 20px;
	}
	.post_format-post-format-gallery .post-format-media--gallery {
		padding: 10px;
	}
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-next,
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-prev {
		padding: 10px;
	}
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-next::before,
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-prev::before {
		font-size: 8px;
	}
	.post-template-post-template-cover .entry-center-content {
		width: calc(100% - 100px);
	}
	.post-template-post-template-cover .hentry:not(.has-post-thumbnail) .entry-header--cover {
		min-height: 400px;
	}
	.single .hentry .entry-title {
		font-size: 2rem;
	}
	.cenote-search-form .search-submit {
		display: block;
	}
	.cenote-search-form .cenote-search-form__description {
		display: none;
	}
	.archive .page-header {
		padding: 20px 0;
	}
	.archive .page-header .page-title {
		font-size: 1.375rem;
	}
	.cenote-mobile-navigation {
		display: block;
	}
	.layout--no-sidebar #primary .entry-content > .alignfull {
		margin-left: -30px;
		margin-right: -30px;
	}
	.layout--no-sidebar #primary .entry-content > .alignwide {
		margin-left: -15px;
		margin-right: -15px;
	}
	.layout--no-sidebar.layout-site--boxed .site-content {
		overflow: hidden;
	}
	.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignfull {
		margin-left: -15px;
		margin-right: -15px;
	}
	.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignwide {
		margin-left: -15px;
		margin-right: -15px;
	}
}

@media screen and (max-width: 600px) {
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .site-branding {
		margin-bottom: 20px;
	}
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .tg-social-menu-navigation {
		margin-right: auto;
	}
	.layout--no-sidebar #primary .entry-content > .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
	.layout--no-sidebar.layout-site--boxed .site-content {
		overflow: hidden;
	}
	.layout--no-sidebar.layout-site--boxed #primary .entry-content > .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
	.cenote-search-form {
		padding: 30px;
		margin-bottom: 0;
	}
	.cenote-search-form .tg-container {
		width: 100%;
	}
	.cenote-search-form .search-form label {
		margin-bottom: 15px;
	}
	.cenote-search-form input[type="search"] {
		font-size: 14px;
		padding: 5px;
	}
	.cenote-search-form .search-submit {
		padding: 10px 15px;
	}
	.cenote-search-form .cenote-search-form__description {
		font-size: 14px;
	}
	.tg-header-top {
		display: none;
	}
	.tg-post-ribbon ul {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.tg-post-ribbon ul li {
		width: 100%;
	}
	.tg-post-ribbon ul.swiper-wrapper {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
	}
	.hentry {
		margin-bottom: 40px;
	}
	.tg-archive-style--masonry .cenote-content-masonry,
	.tg-archive-col--2 .site-main,
	.tg-archive-col--3 .site-main,
	.tg-flex-row,
	.tg-site-footer .tg-footer-widget-container {
		margin-right: 0;
		margin-left: 0;
	}
	.tg-archive-col--2 article,
	.tg-archive-col--3 article,
	.cenote-related-post .related-post-item,
	.tg-site-footer .tg-footer-widget-area {
		width: 100%;
		padding: 0;
	}
	.post-format-media--gallery {
		padding: 10px;
	}
	.post-format-media--gallery .swiper-button-next,
	.post-format-media--gallery .swiper-button-prev {
		display: none;
	}
	.post-template-cover .entry-center-content {
		width: 100%;
	}
	.comment-navigation .nav-next a,
	.comment-navigation .nav-previous a,
	.posts-navigation .nav-next a,
	.posts-navigation .nav-previous a,
	.post-navigation .nav-next a,
	.post-navigation .nav-previous a {
		font-size: 14px;
	}
	.comment-navigation .nav-next .nav-links__label,
	.comment-navigation .nav-previous .nav-links__label,
	.posts-navigation .nav-next .nav-links__label,
	.posts-navigation .nav-previous .nav-links__label,
	.post-navigation .nav-next .nav-links__label,
	.post-navigation .nav-previous .nav-links__label {
		font-size: 11px;
	}
	.comments-area .comment-form {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.comments-area .comment-form .comment-form-author,
	.comments-area .comment-form .comment-form-email {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}
	.comments-title,
	.comment-reply-title {
		line-height: 1.3;
	}
	.post_format-post-format-quote blockquote {
		padding: 30px;
	}
	.post_format-post-format-quote blockquote::before {
		font-size: 16px;
		left: 20px;
		top: 20px;
	}
	.post_format-post-format-quote blockquote::after {
		font-size: 16px;
		right: 20px;
		bottom: 20px;
	}
	.post_format-post-format-gallery .post-format-media--gallery {
		padding: 10px;
	}
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-next,
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-prev {
		padding: 10px;
	}
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-next::before,
	.post_format-post-format-gallery .post-format-media--gallery .swiper-button-prev::before {
		font-size: 8px;
	}
	.single .hentry .entry-title {
		font-size: 1.625rem;
	}
	.cenote-back-to-top {
		bottom: 20px;
		right: 0;
		font-size: 0;
	}
	.layout--no-sidebar .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
	.layout--no-sidebar.layout-site--boxed .alignwide {
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (max-width: 480px) {
	.tg-site-header.tg-site-header--left .tg-header-bottom .header-bottom-bottom .tg-header-action-navigation li:first-child {
		margin-left: 0;
	}
	.cenote-header-sticky--single .cenote-reading-bar {
		padding: 15px 0;
	}
	.cenote-header-sticky--single .cenote-reading-bar .cenote-reading-bar__title {
		font-size: 14px;
	}
	.cenote-mobile-navigation {
		width: calc(100% - 70px);
	}
	.site-branding {
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
		width: 100%;
	}
	.tg-social-menu-navigation {
		-webkit-box-ordinal-group: 3;
		-ms-flex-order: 2;
		order: 2;
	}
	.tg-header-action-navigation {
		-webkit-box-ordinal-group: 4;
		-ms-flex-order: 3;
		order: 3;
	}
	.tg-container {
		width: calc(100% - 40px);
	}
	.cenote-header-media .tg-container {
		min-height: 200px;
	}
	.cenote-header-media .cenote-header-media__title {
		font-size: 1.375rem;
	}
	.cenote-header-media .cenote-header-media__text {
		display: none;
	}
	.cenote-header-media .cenote-header-media-info {
		width: calc(100% - 40px);
		padding: 20px 10px;
		margin: 20% auto;
	}
	.post-template-post-template-cover .entry-center-content {
		width: calc(100% - 50px);
	}
	.post-template-post-template-cover .entry-header--cover .tg-top-cat {
		display: none;
	}
	.post-template-post-template-cover .entry-header--cover .entry-meta {
		margin-bottom: 20px;
	}
	.post-template-post-template-cover .entry-header--cover .entry-info {
		padding: 0 10px;
	}
	.tg-author-box {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.tg-author-box .tg-author__avatar {
		margin-bottom: 20px;
	}
	.tg-author-box .tg-author-info {
		padding-left: 0;
	}
	.post_format-post-format-quote blockquote {
		font-size: 16px;
	}
	.post_format-post-format-quote cite {
		font-size: 12px;
		margin-top: 15px;
	}
}
</textarea>
			<input type="hidden" name="action" value="update" />
			<input type="hidden" name="file" value="style.css" />
			<input type="hidden" name="theme" value="cenote" />
		</div>

		
		<div>
			<div class="editor-notices">
							</div>
							<p class="submit">
					<input type="submit" name="submit" id="submit" class="button button-primary" value="파일 업데이트"  />					<span class="spinner"></span>
				</p>
						</div>

			<script type="text/html" id="tmpl-wp-file-editor-notice">
		<div class="notice inline notice-{{ data.type || 'info' }} {{ data.alt ? 'notice-alt' : '' }} {{ data.dismissible ? 'is-dismissible' : '' }} {{ data.classes || '' }}">
			<# if ( 'php_error' === data.code ) { #>
				<p>
					{{ data.file }} 파일의 {{ data.line }}번 행 오류로 인해 PHP 코드 변경 사항이 적용되지 않았습니다. 수정하고 다시 저장해 보세요.				</p>
				<pre>{{ data.message }}</pre>
			<# } else if ( 'file_not_writable' === data.code ) { #>
				<p>
					변경 하기 전에 이 파일을 쓸 수 있게 만들 필요가 있습니다. <a href="https://developer.wordpress.org/advanced-administration/server/file-permissions/">파일 권한 변경</a>의 더 많은 정보를 보세요.				</p>
			<# } else { #>
				<p>{{ data.message || data.code }}</p>

				<# if ( 'lint_errors' === data.code ) { #>
					<p>
						<# var elementId = 'el-' + String( Math.random() ); #>
						<input id="{{ elementId }}"  type="checkbox">
						<label for="{{ elementId }}">사이트가 망가질 수도 있어도 어쨌든 업데이트 하시겠습니까?</label>
					</p>
				<# } #>
			<# } #>
			<# if ( data.dismissible ) { #>
				<button type="button" class="notice-dismiss"><span class="screen-reader-text">
					무시				</span></button>
			<# } #>
		</div>
	</script>
		</form>
	<br class="clear" />
</div>
	<div id="file-editor-warning" class="notification-dialog-wrap file-editor-warning hide-if-no-js hidden">
		<div class="notification-dialog-background"></div>
		<div class="notification-dialog">
			<div class="file-editor-warning-content">
				<div class="file-editor-warning-message">
					<h1>주의!</h1>
					<p>
						워드프레스 관리자 화면에서 테마를 직접 편집하려는 것 같습니다. 하지 말 것을 권장합니다! 테마를 직접 편집하면 사이트를 망가트리거나 변경 사항이 향후의 업데이트에서 제거될 수도 있습니다.					</p>
						<p>테마의 CSS 이상으로 더 조정할 필요가 있다면, <a href="https://developer.wordpress.org/themes/advanced-topics/child-themes/">자식 테마 만들기</a>를 원할 수도 있습니다.</p>					<p>어떻게든 직접 편집을 진행하기로 결정했다면, 파일 관리자를 사용하여 다른 이름으로 복사하고 원본을 보존하세요. 이렇게 하면 뭔가 잘못 됐을 때 작동할 수 있는 버전으로 재활성화 할 수 있습니다.</p>
				</div>
				<p>
					<a class="button file-editor-warning-go-back" href="https://syncseoul.com/wp-admin/">돌아가기</a>
					<button type="button" class="file-editor-warning-dismiss button button-primary">이해했습니다</button>
				</p>
			</div>
		</div>
	</div>
	
<div class="clear"></div></div><!-- wpbody-content -->
<div class="clear"></div></div><!-- wpbody -->
<div class="clear"></div></div><!-- wpcontent -->

<div id="wpfooter" role="contentinfo">
		<p id="footer-left" class="alignleft">
		<span id="footer-thankyou"><a href="https://wordpress.org/">워드프레스</a>로 만들어주셔서 감사합니다.</span>	</p>
	<p id="footer-upgrade" class="alignright">
		버전 6.9.4	</p>
	<div class="clear"></div>
</div>
            <script type="text/javascript">
                (function ( $ ) {
                    $( '.fs-submenu-item' ).each( function () {
                        var $this = $( this ),
                            $parent = $this.parent(),
                            externalLink = $this.data( 'fs-external-url' ),
                            isOpensInNewTab = $this.data( 'fs-new-tab' );

                        if ( externalLink ) {
                            $parent.attr( 'href', externalLink );
                        }

                        if ( isOpensInNewTab ) {
                            $parent.attr( { target: '_blank', rel: 'noopener noreferrer' } );
                        }
                    } );
                } )( jQuery );
            </script>
            	<script>
		(function($) {
			$(document).on('click','.postman-not-configured-notice .notice-dismiss', function(e) {
				e.preventDefault();

				var $this = $(this);
				var args = {
					action: 'dismiss_version_notify',
					security: $('.postman-not-configured-notice').find('.security').val(),
					version: 'not_configured',
				};

				$.post(ajaxurl, args, function() {
					$this.parent().slideUp();
				});
			});
		})(jQuery);
	</script>
<div id="aioseo-admin"></div><div id="aioseo-modal-portal"></div>
		<script type="text/html" id="tmpl-media-frame">
		<div class="media-frame-title" id="media-frame-title"></div>
		<h2 class="media-frame-menu-heading">작업</h2>
		<button type="button" class="button button-link media-frame-menu-toggle" aria-expanded="false">
			메뉴			<span class="dashicons dashicons-arrow-down" aria-hidden="true"></span>
		</button>
		<div class="media-frame-menu"></div>
		<div class="media-frame-tab-panel">
			<div class="media-frame-router"></div>
			<div class="media-frame-content"></div>
		</div>
		<h2 class="media-frame-actions-heading screen-reader-text">
		선택된 미디어 작업		</h2>
		<div class="media-frame-toolbar"></div>
		<div class="media-frame-uploader"></div>
	</script>

		<script type="text/html" id="tmpl-media-modal">
		<div id="wp-media-modal" tabindex="0" class="media-modal wp-core-ui" role="dialog" aria-labelledby="media-frame-title">
			<# if ( data.hasCloseButton ) { #>
				<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
					대화상자 닫기				</span></button>
			<# } #>
			<div class="media-modal-content" role="document"></div>
		</div>
		<div class="media-modal-backdrop"></div>
	</script>

		<script type="text/html" id="tmpl-uploader-window">
		<div class="uploader-window-content">
			<div class="uploader-editor-title">업로드할 파일 놓기</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-uploader-editor">
		<div class="uploader-editor-content">
			<div class="uploader-editor-title">업로드할 파일 놓기</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-uploader-inline">
		<# var messageClass = data.message ? 'has-upload-message' : 'no-upload-message'; #>
		<# if ( data.canClose ) { #>
		<button class="close dashicons dashicons-no"><span class="screen-reader-text">
			업로더 닫기		</span></button>
		<# } #>
		<div class="uploader-inline-content {{ messageClass }}">
		<# if ( data.message ) { #>
			<h2 class="upload-message">{{ data.message }}</h2>
		<# } #>
					<div class="upload-ui">
				<h2 class="upload-instructions drop-instructions">업로드할 파일 놓기</h2>
				<p class="upload-instructions drop-instructions">또는</p>
				<button type="button" class="browser button button-hero" aria-labelledby="post-upload-info">파일 선택</button>
			</div>

			<div class="upload-inline-status"></div>

			<div class="post-upload-ui" id="post-upload-info">
				
				<p class="max-upload-size">
				최대 업로드 파일 크기: 2 MB.				</p>

				<# if ( data.suggestedWidth && data.suggestedHeight ) { #>
					<p class="suggested-dimensions">
						제안된 이미지 크기: {{data.suggestedWidth}} x {{data.suggestedHeight}} 픽셀.					</p>
				<# } #>

							</div>
				</div>
	</script>

		<script type="text/html" id="tmpl-media-library-view-switcher">
		<a href="https://syncseoul.com/wp-admin/upload.php?mode=list" class="view-list">
			<span class="screen-reader-text">
				목록 보기			</span>
		</a>
		<a href="https://syncseoul.com/wp-admin/upload.php?mode=grid" class="view-grid current" aria-current="page">
			<span class="screen-reader-text">
				그리드 보기			</span>
		</a>
	</script>

		<script type="text/html" id="tmpl-uploader-status">
		<h2>업로드 중</h2>

		<div class="media-progress-bar"><div></div></div>
		<div class="upload-details">
			<span class="upload-count">
				<span class="upload-index"></span> / <span class="upload-total"></span>
			</span>
			<span class="upload-detail-separator">–</span>
			<span class="upload-filename"></span>
		</div>
		<div class="upload-errors"></div>
		<button type="button" class="button upload-dismiss-errors">오류 무시</button>
	</script>

		<script type="text/html" id="tmpl-uploader-status-error">
		<span class="upload-error-filename word-wrap-break-word">{{{ data.filename }}}</span>
		<span class="upload-error-message">{{ data.message }}</span>
	</script>

		<script type="text/html" id="tmpl-edit-attachment-frame">
		<div class="edit-media-header">
			<button class="left dashicons"<# if ( ! data.hasPrevious ) { #> disabled<# } #>><span class="screen-reader-text">이전 미디어 항목 편집</span></button>
			<button class="right dashicons"<# if ( ! data.hasNext ) { #> disabled<# } #>><span class="screen-reader-text">다음 미디어 항목 편집</span></button>
			<button type="button" class="media-modal-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">대화상자 닫기</span></button>
		</div>
		<div class="media-frame-title"></div>
		<div class="media-frame-content"></div>
	</script>

		<script type="text/html" id="tmpl-attachment-details-two-column">
		<div class="attachment-media-view {{ data.orientation }}">
						<h2 class="screen-reader-text">첨부파일 미리보기</h2>
			<div class="thumbnail thumbnail-{{ data.type }}">
				<# if ( data.uploading ) { #>
					<div class="media-progress-bar"><div></div></div>
				<# } else if ( data.sizes && data.sizes.full ) { #>
					<img class="details-image" src="{{ data.sizes.full.url }}" draggable="false" alt="" />
				<# } else if ( data.sizes && data.sizes.large ) { #>
					<img class="details-image" src="{{ data.sizes.large.url }}" draggable="false" alt="" />
				<# } else if ( -1 === jQuery.inArray( data.type, [ 'audio', 'video' ] ) ) { #>
					<img class="details-image icon" src="{{ data.icon }}" draggable="false" alt="" />
				<# } #>

				<# if ( 'audio' === data.type ) { #>
				<div class="wp-media-wrapper wp-audio">
					<audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</audio>
				</div>
				<# } else if ( 'video' === data.type ) {
					var w_rule = '';
					if ( data.width ) {
						w_rule = 'width: ' + data.width + 'px;';
					} else if ( wp.media.view.settings.contentWidth ) {
						w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
					}
				#>
				<div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
					<video controls="controls" class="wp-video-shortcode" preload="metadata"
						<# if ( data.width ) { #>width="{{ data.width }}"<# } #>
						<# if ( data.height ) { #>height="{{ data.height }}"<# } #>
						<# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>>
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</video>
				</div>
				<# } #>

				<div class="attachment-actions">
					<# if ( 'image' === data.type && ! data.uploading && data.sizes && data.can.save ) { #>
					<button type="button" class="button edit-attachment">이미지 편집</button>
					<# } else if ( 'pdf' === data.subtype && data.sizes ) { #>
					<p>문서 미리보기</p>
					<# } #>
				</div>
			</div>
		</div>
		<div class="attachment-info">
			<span class="settings-save-status" role="status">
				<span class="spinner"></span>
				<span class="saved">저장됨.</span>
			</span>
			<div class="details">
				<h2 class="screen-reader-text">
					세부 사항				</h2>
				<div class="uploaded"><strong>업로드한 날짜:</strong> {{ data.dateFormatted }}</div>
				<div class="uploaded-by word-wrap-break-word">
					<strong>업로드한 사람:</strong>
						<# if ( data.authorLink ) { #>
							<a href="{{ data.authorLink }}">{{ data.authorName }}</a>
						<# } else { #>
							{{ data.authorName }}
						<# } #>
				</div>
				<# if ( data.uploadedToTitle ) { #>
					<div class="uploaded-to">
						<strong>업로드 대상:</strong>
						<# if ( data.uploadedToLink ) { #>
							<a href="{{ data.uploadedToLink }}">{{ data.uploadedToTitle }}</a>
						<# } else { #>
							{{ data.uploadedToTitle }}
						<# } #>
					</div>
				<# } #>
				<div class="filename"><strong>파일 이름:</strong> {{ data.filename }}</div>
				<div class="file-type"><strong>파일 유형:</strong> {{ data.mime }}</div>
				<div class="file-size"><strong>파일 크기:</strong> {{ data.filesizeHumanReadable }}</div>
				<# if ( 'image' === data.type && ! data.uploading ) { #>
					<# if ( data.width && data.height ) { #>
						<div class="dimensions"><strong>치수:</strong>
							{{ data.width }} x {{ data.height }} 픽셀						</div>
					<# } #>

					<# if ( data.originalImageURL && data.originalImageName ) { #>
						<div class="word-wrap-break-word">
							<strong>원본 이미지:</strong>
							<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
						</div>
					<# } #>
				<# } #>

				<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
					<div class="file-length"><strong>길이:</strong>
						<span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span>
						<span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>
					</div>
				<# } #>

				<# if ( 'audio' === data.type && data.meta.bitrate ) { #>
					<div class="bitrate">
						<strong>비트레이트:</strong> {{ Math.round( data.meta.bitrate / 1000 ) }}kb/s
						<# if ( data.meta.bitrate_mode ) { #>
						{{ ' ' + data.meta.bitrate_mode.toUpperCase() }}
						<# } #>
					</div>
				<# } #>

				<# if ( data.mediaStates ) { #>
					<div class="media-states"><strong>다음으로 사용됨:</strong> {{ data.mediaStates }}</div>
				<# } #>

				<div class="compat-meta">
					<# if ( data.compat && data.compat.meta ) { #>
						{{{ data.compat.meta }}}
					<# } #>
				</div>
			</div>

			<div class="settings">
				<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
				<# if ( 'image' === data.type ) { #>
					<span class="setting alt-text has-description" data-setting="alt">
						<label for="attachment-details-two-column-alt-text" class="name">대체 텍스트</label>
						<textarea id="attachment-details-two-column-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea>
					</span>
					<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">이미지의 목적을 묘사하는 방법 배우기<span class="screen-reader-text"> (새탭에서 열기)</span></a>. 이미지가 순전히 장식이라면 비워두세요.</p>
				<# } #>
								<span class="setting" data-setting="title">
					<label for="attachment-details-two-column-title" class="name">제목</label>
					<input type="text" id="attachment-details-two-column-title" value="{{ data.title }}" {{ maybeReadOnly }} />
				</span>
								<# if ( 'audio' === data.type ) { #>
								<span class="setting" data-setting="artist">
					<label for="attachment-details-two-column-artist" class="name">아티스트</label>
					<input type="text" id="attachment-details-two-column-artist" value="{{ data.artist || data.meta.artist || '' }}" />
				</span>
								<span class="setting" data-setting="album">
					<label for="attachment-details-two-column-album" class="name">앨범</label>
					<input type="text" id="attachment-details-two-column-album" value="{{ data.album || data.meta.album || '' }}" />
				</span>
								<# } #>
				<span class="setting" data-setting="caption">
					<label for="attachment-details-two-column-caption" class="name">캡션</label>
					<textarea id="attachment-details-two-column-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
				</span>
				<span class="setting" data-setting="description">
					<label for="attachment-details-two-column-description" class="name">설명</label>
					<textarea id="attachment-details-two-column-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>
				</span>
				<span class="setting" data-setting="url">
					<label for="attachment-details-two-column-copy-link" class="name">파일 URL:</label>
					<input type="text" class="attachment-details-copy-link" id="attachment-details-two-column-copy-link" value="{{ data.url }}" readonly />
					<span class="copy-to-clipboard-container">
						<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-two-column-copy-link">클립보드에 URL 복사</button>
						<span class="success hidden" aria-hidden="true">복사됨!</span>
					</span>
				</span>
				<div class="attachment-compat"></div>
			</div>

			<div class="actions">
				<# if ( data.link ) { #>
										<a class="view-attachment" href="{{ data.link }}">미디어 파일 보기</a>
				<# } #>
				<# if ( data.can.save ) { #>
					<# if ( data.link ) { #>
						<span class="links-separator">|</span>
					<# } #>
					<a href="{{ data.editLink }}">더 많은 세부 사항 편집</a>
				<# } #>
				<# if ( data.can.save && data.link ) { #>
					<span class="links-separator">|</span>
					<a href="{{ data.url }}" download>파일 다운로드</a>
				<# } #>
				<# if ( ! data.uploading && data.can.remove ) { #>
					<# if ( data.link || data.can.save ) { #>
						<span class="links-separator">|</span>
					<# } #>
											<button type="button" class="button-link delete-attachment">영구 삭제</button>
									<# } #>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-attachment">
		<div class="attachment-preview js--select-attachment type-{{ data.type }} subtype-{{ data.subtype }} {{ data.orientation }}">
			<div class="thumbnail">
				<# if ( data.uploading ) { #>
					<div class="media-progress-bar"><div style="width: {{ data.percent }}%"></div></div>
				<# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
					<div class="centered">
						<img src="{{ data.size.url }}" draggable="false" alt="" />
					</div>
				<# } else { #>
					<div class="centered">
						<# if ( data.image && data.image.src && data.image.src !== data.icon ) { #>
							<img src="{{ data.image.src }}" class="thumbnail" draggable="false" alt="" />
						<# } else if ( data.sizes ) {
								if ( data.sizes.medium ) { #>
									<img src="{{ data.sizes.medium.url }}" class="thumbnail" draggable="false" alt="" />
								<# } else { #>
									<img src="{{ data.sizes.full.url }}" class="thumbnail" draggable="false" alt="" />
								<# } #>
						<# } else { #>
							<img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
						<# } #>
					</div>
					<div class="filename">
						<div>{{ data.filename }}</div>
					</div>
				<# } #>
			</div>
			<# if ( data.buttons.close ) { #>
				<button type="button" class="button-link attachment-close"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
					제거				</span></button>
			<# } #>
		</div>
		<# if ( data.buttons.check ) { #>
			<button type="button" class="check" tabindex="-1"><span class="media-modal-icon" aria-hidden="true"></span><span class="screen-reader-text">
				선택 해제			</span></button>
		<# } #>
		<#
		var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly';
		if ( data.describe ) {
			if ( 'image' === data.type ) { #>
				<input type="text" value="{{ data.caption }}" class="describe" data-setting="caption"
					aria-label="캡션"
					placeholder="캡션…" {{ maybeReadOnly }} />
			<# } else { #>
				<input type="text" value="{{ data.title }}" class="describe" data-setting="title"
					<# if ( 'video' === data.type ) { #>
						aria-label="동영상 제목"
						placeholder="동영상 제목…"
					<# } else if ( 'audio' === data.type ) { #>
						aria-label="오디오 제목"
						placeholder="오디오 제목…"
					<# } else { #>
						aria-label="미디어 제목"
						placeholder="미디어 제목…"
					<# } #> {{ maybeReadOnly }} />
			<# }
		} #>
	</script>

		<script type="text/html" id="tmpl-attachment-details">
		<h2>
			첨부파일 세부 사항			<span class="settings-save-status" role="status">
				<span class="spinner"></span>
				<span class="saved">저장됨.</span>
			</span>
		</h2>
		<div class="attachment-info">

			<# if ( 'audio' === data.type ) { #>
				<div class="wp-media-wrapper wp-audio">
					<audio style="visibility: hidden" controls class="wp-audio-shortcode" width="100%" preload="none">
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</audio>
				</div>
			<# } else if ( 'video' === data.type ) {
				var w_rule = '';
				if ( data.width ) {
					w_rule = 'width: ' + data.width + 'px;';
				} else if ( wp.media.view.settings.contentWidth ) {
					w_rule = 'width: ' + wp.media.view.settings.contentWidth + 'px;';
				}
			#>
				<div style="{{ w_rule }}" class="wp-media-wrapper wp-video">
					<video controls="controls" class="wp-video-shortcode" preload="metadata"
						<# if ( data.width ) { #>width="{{ data.width }}"<# } #>
						<# if ( data.height ) { #>height="{{ data.height }}"<# } #>
						<# if ( data.image && data.image.src !== data.icon ) { #>poster="{{ data.image.src }}"<# } #>>
						<source type="{{ data.mime }}" src="{{ data.url }}" />
					</video>
				</div>
			<# } else { #>
				<div class="thumbnail thumbnail-{{ data.type }}">
					<# if ( data.uploading ) { #>
						<div class="media-progress-bar"><div></div></div>
					<# } else if ( 'image' === data.type && data.size && data.size.url ) { #>
						<img src="{{ data.size.url }}" draggable="false" alt="" />
					<# } else { #>
						<img src="{{ data.icon }}" class="icon" draggable="false" alt="" />
					<# } #>
				</div>
			<# } #>

			<div class="details">
				<div class="filename">{{ data.filename }}</div>
				<div class="uploaded">{{ data.dateFormatted }}</div>

				<div class="file-size">{{ data.filesizeHumanReadable }}</div>
				<# if ( 'image' === data.type && ! data.uploading ) { #>
					<# if ( data.width && data.height ) { #>
						<div class="dimensions">
							{{ data.width }} x {{ data.height }} 픽셀						</div>
					<# } #>

					<# if ( data.originalImageURL && data.originalImageName ) { #>
						<div class="word-wrap-break-word">
							원본 이미지:							<a href="{{ data.originalImageURL }}">{{data.originalImageName}}</a>
						</div>
					<# } #>

					<# if ( data.can.save && data.sizes ) { #>
						<a class="edit-attachment" href="{{ data.editLink }}&image-editor" target="_blank">이미지 편집</a>
					<# } #>
				<# } #>

				<# if ( data.fileLength && data.fileLengthHumanReadable ) { #>
					<div class="file-length">길이:						<span aria-hidden="true">{{ data.fileLengthHumanReadable }}</span>
						<span class="screen-reader-text">{{ data.fileLengthHumanReadable }}</span>
					</div>
				<# } #>

				<# if ( data.mediaStates ) { #>
					<div class="media-states"><strong>다음으로 사용됨:</strong> {{ data.mediaStates }}</div>
				<# } #>

				<# if ( ! data.uploading && data.can.remove ) { #>
											<button type="button" class="button-link delete-attachment">영구 삭제</button>
									<# } #>

				<div class="compat-meta">
					<# if ( data.compat && data.compat.meta ) { #>
						{{{ data.compat.meta }}}
					<# } #>
				</div>
			</div>
		</div>
		<# var maybeReadOnly = data.can.save || data.allowLocalEdits ? '' : 'readonly'; #>
		<# if ( 'image' === data.type ) { #>
			<span class="setting alt-text has-description" data-setting="alt">
				<label for="attachment-details-alt-text" class="name">대체 텍스트</label>
				<textarea id="attachment-details-alt-text" aria-describedby="alt-text-description" {{ maybeReadOnly }}>{{ data.alt }}</textarea>
			</span>
			<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">이미지의 목적을 묘사하는 방법 배우기<span class="screen-reader-text"> (새탭에서 열기)</span></a>. 이미지가 순전히 장식이라면 비워두세요.</p>
		<# } #>
				<span class="setting" data-setting="title">
			<label for="attachment-details-title" class="name">제목</label>
			<input type="text" id="attachment-details-title" value="{{ data.title }}" {{ maybeReadOnly }} />
		</span>
				<# if ( 'audio' === data.type ) { #>
				<span class="setting" data-setting="artist">
			<label for="attachment-details-artist" class="name">아티스트</label>
			<input type="text" id="attachment-details-artist" value="{{ data.artist || data.meta.artist || '' }}" />
		</span>
				<span class="setting" data-setting="album">
			<label for="attachment-details-album" class="name">앨범</label>
			<input type="text" id="attachment-details-album" value="{{ data.album || data.meta.album || '' }}" />
		</span>
				<# } #>
		<span class="setting" data-setting="caption">
			<label for="attachment-details-caption" class="name">캡션</label>
			<textarea id="attachment-details-caption" {{ maybeReadOnly }}>{{ data.caption }}</textarea>
		</span>
		<span class="setting" data-setting="description">
			<label for="attachment-details-description" class="name">설명</label>
			<textarea id="attachment-details-description" {{ maybeReadOnly }}>{{ data.description }}</textarea>
		</span>
		<span class="setting" data-setting="url">
			<label for="attachment-details-copy-link" class="name">파일 URL:</label>
			<input type="text" class="attachment-details-copy-link" id="attachment-details-copy-link" value="{{ data.url }}" readonly />
			<div class="copy-to-clipboard-container">
				<button type="button" class="button button-small copy-attachment-url" data-clipboard-target="#attachment-details-copy-link">클립보드에 URL 복사</button>
				<span class="success hidden" aria-hidden="true">복사됨!</span>
			</div>
		</span>
	</script>

		<script type="text/html" id="tmpl-media-selection">
		<div class="selection-info">
			<span class="count"></span>
			<# if ( data.editable ) { #>
				<button type="button" class="button-link edit-selection">선택 편집</button>
			<# } #>
			<# if ( data.clearable ) { #>
				<button type="button" class="button-link clear-selection">지우기</button>
			<# } #>
		</div>
		<div class="selection-view"></div>
	</script>

		<script type="text/html" id="tmpl-attachment-display-settings">
		<h2>첨부파일 표시 설정</h2>

		<# if ( 'image' === data.type ) { #>
			<span class="setting align">
				<label for="attachment-display-settings-alignment" class="name">정렬</label>
				<select id="attachment-display-settings-alignment" class="alignment"
					data-setting="align"
					<# if ( data.userSettings ) { #>
						data-user-setting="align"
					<# } #>>

					<option value="left">
						왼쪽					</option>
					<option value="center">
						중앙					</option>
					<option value="right">
						오른쪽					</option>
					<option value="none" selected>
						없음					</option>
				</select>
			</span>
		<# } #>

		<span class="setting">
			<label for="attachment-display-settings-link-to" class="name">
				<# if ( data.model.canEmbed ) { #>
					삽입 또는 링크				<# } else { #>
					링크 대상				<# } #>
			</label>
			<select id="attachment-display-settings-link-to" class="link-to"
				data-setting="link"
				<# if ( data.userSettings && ! data.model.canEmbed ) { #>
					data-user-setting="urlbutton"
				<# } #>>

			<# if ( data.model.canEmbed ) { #>
				<option value="embed" selected>
					미디어 플레이어 임베드				</option>
				<option value="file">
			<# } else { #>
				<option value="none" selected>
					없음				</option>
				<option value="file">
			<# } #>
				<# if ( data.model.canEmbed ) { #>
					미디어 파일에 링크				<# } else { #>
					미디어 파일				<# } #>
				</option>
				<option value="post">
				<# if ( data.model.canEmbed ) { #>
					첨부파일 페이지에 링크				<# } else { #>
					첨부파일 페이지				<# } #>
				</option>
			<# if ( 'image' === data.type ) { #>
				<option value="custom">
					사용자 정의 URL				</option>
			<# } #>
			</select>
		</span>
		<span class="setting">
			<label for="attachment-display-settings-link-to-custom" class="name">URL</label>
			<input type="text" id="attachment-display-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
		</span>

		<# if ( 'undefined' !== typeof data.sizes ) { #>
			<span class="setting">
				<label for="attachment-display-settings-size" class="name">크기</label>
				<select id="attachment-display-settings-size" class="size" name="size"
					data-setting="size"
					<# if ( data.userSettings ) { #>
						data-user-setting="imgsize"
					<# } #>>
											<#
						var size = data.sizes['thumbnail'];
						if ( size ) { #>
							<option value="thumbnail" >
								썸네일 – {{ size.width }} × {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['medium'];
						if ( size ) { #>
							<option value="medium" >
								보통 – {{ size.width }} × {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['large'];
						if ( size ) { #>
							<option value="large" >
								최대 크기 – {{ size.width }} × {{ size.height }}
							</option>
						<# } #>
											<#
						var size = data.sizes['full'];
						if ( size ) { #>
							<option value="full"  selected='selected'>
								최대 크기 – {{ size.width }} × {{ size.height }}
							</option>
						<# } #>
									</select>
			</span>
		<# } #>
	</script>

		<script type="text/html" id="tmpl-gallery-settings">
		<h2>갤러리 설정</h2>

		<span class="setting">
			<label for="gallery-settings-link-to" class="name">링크 대상</label>
			<select id="gallery-settings-link-to" class="link-to"
				data-setting="link"
				<# if ( data.userSettings ) { #>
					data-user-setting="urlbutton"
				<# } #>>

				<option value="post" <# if ( ! wp.media.galleryDefaults.link || 'post' === wp.media.galleryDefaults.link ) {
					#>selected="selected"<# }
				#>>
					첨부파일 페이지				</option>
				<option value="file" <# if ( 'file' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
					미디어 파일				</option>
				<option value="none" <# if ( 'none' === wp.media.galleryDefaults.link ) { #>selected="selected"<# } #>>
					없음				</option>
			</select>
		</span>

		<span class="setting">
			<label for="gallery-settings-columns" class="name select-label-inline">컬럼</label>
			<select id="gallery-settings-columns" class="columns" name="columns"
				data-setting="columns">
									<option value="1" <#
						if ( 1 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						1					</option>
									<option value="2" <#
						if ( 2 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						2					</option>
									<option value="3" <#
						if ( 3 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						3					</option>
									<option value="4" <#
						if ( 4 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						4					</option>
									<option value="5" <#
						if ( 5 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						5					</option>
									<option value="6" <#
						if ( 6 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						6					</option>
									<option value="7" <#
						if ( 7 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						7					</option>
									<option value="8" <#
						if ( 8 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						8					</option>
									<option value="9" <#
						if ( 9 == wp.media.galleryDefaults.columns ) { #>selected="selected"<# }
					#>>
						9					</option>
							</select>
		</span>

		<span class="setting">
			<input type="checkbox" id="gallery-settings-random-order" data-setting="_orderbyRandom" />
			<label for="gallery-settings-random-order" class="checkbox-label-inline">무작위 순서</label>
		</span>

		<span class="setting size">
			<label for="gallery-settings-size" class="name">크기</label>
			<select id="gallery-settings-size" class="size" name="size"
				data-setting="size"
				<# if ( data.userSettings ) { #>
					data-user-setting="imgsize"
				<# } #>
				>
									<option value="thumbnail">
						썸네일					</option>
									<option value="medium">
						보통					</option>
									<option value="large">
						최대 크기					</option>
									<option value="full">
						최대 크기					</option>
							</select>
		</span>
	</script>

		<script type="text/html" id="tmpl-playlist-settings">
		<h2>재생목록 설정</h2>

		<# var emptyModel = _.isEmpty( data.model ),
			isVideo = 'video' === data.controller.get('library').props.get('type'); #>

		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-list" data-setting="tracklist" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-list" class="checkbox-label-inline">
				<# if ( isVideo ) { #>
				동영상 목록 보기				<# } else { #>
				트랙목록 표시				<# } #>
			</label>
		</span>

		<# if ( ! isVideo ) { #>
		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-artist" data-setting="artists" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-artist" class="checkbox-label-inline">
				트랙목록에 예술가 이롬 표시			</label>
		</span>
		<# } #>

		<span class="setting">
			<input type="checkbox" id="playlist-settings-show-images" data-setting="images" <# if ( emptyModel ) { #>
				checked="checked"
			<# } #> />
			<label for="playlist-settings-show-images" class="checkbox-label-inline">
				이미지 표시			</label>
		</span>
	</script>

		<script type="text/html" id="tmpl-embed-link-settings">
		<span class="setting link-text">
			<label for="embed-link-settings-link-text" class="name">링크 텍스트</label>
			<input type="text" id="embed-link-settings-link-text" class="alignment" data-setting="linkText" />
		</span>
		<div class="embed-container" style="display: none;">
			<div class="embed-preview"></div>
		</div>
	</script>

		<script type="text/html" id="tmpl-embed-image-settings">
		<div class="wp-clearfix">
			<div class="thumbnail">
				<img src="{{ data.model.url }}" draggable="false" alt="" />
			</div>
		</div>

		<span class="setting alt-text has-description">
			<label for="embed-image-settings-alt-text" class="name">대체 텍스트</label>
			<textarea id="embed-image-settings-alt-text" data-setting="alt" aria-describedby="alt-text-description"></textarea>
		</span>
		<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">이미지의 목적을 묘사하는 방법 배우기<span class="screen-reader-text"> (새탭에서 열기)</span></a>. 이미지가 순전히 장식이라면 비워두세요.</p>

					<span class="setting caption">
				<label for="embed-image-settings-caption" class="name">캡션</label>
				<textarea id="embed-image-settings-caption" data-setting="caption"></textarea>
			</span>
		
		<fieldset class="setting-group">
			<legend class="name">정렬</legend>
			<span class="setting align">
				<span class="button-group button-large" data-setting="align">
					<button class="button" value="left">
						왼쪽					</button>
					<button class="button" value="center">
						중앙					</button>
					<button class="button" value="right">
						오른쪽					</button>
					<button class="button active" value="none">
						없음					</button>
				</span>
			</span>
		</fieldset>

		<fieldset class="setting-group">
			<legend class="name">링크 대상</legend>
			<span class="setting link-to">
				<span class="button-group button-large" data-setting="link">
					<button class="button" value="file">
						이미지 URL					</button>
					<button class="button" value="custom">
						사용자 정의 URL					</button>
					<button class="button active" value="none">
						없음					</button>
				</span>
			</span>
			<span class="setting">
				<label for="embed-image-settings-link-to-custom" class="name">URL</label>
				<input type="text" id="embed-image-settings-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
			</span>
		</fieldset>
	</script>

		<script type="text/html" id="tmpl-image-details">
		<div class="media-embed">
			<div class="embed-media-settings">
				<div class="column-settings">
					<span class="setting alt-text has-description">
						<label for="image-details-alt-text" class="name">대체 텍스트</label>
						<textarea id="image-details-alt-text" data-setting="alt" aria-describedby="alt-text-description">{{ data.model.alt }}</textarea>
					</span>
					<p class="description" id="alt-text-description"><a href="https://www.w3.org/WAI/tutorials/images/decision-tree/" target="_blank">이미지의 목적을 묘사하는 방법 배우기<span class="screen-reader-text"> (새탭에서 열기)</span></a>. 이미지가 순전히 장식이라면 비워두세요.</p>

											<span class="setting caption">
							<label for="image-details-caption" class="name">캡션</label>
							<textarea id="image-details-caption" data-setting="caption">{{ data.model.caption }}</textarea>
						</span>
					
					<h2>보기 설정</h2>
					<fieldset class="setting-group">
						<legend class="legend-inline">정렬</legend>
						<span class="setting align">
							<span class="button-group button-large" data-setting="align">
								<button class="button" value="left">
									왼쪽								</button>
								<button class="button" value="center">
									중앙								</button>
								<button class="button" value="right">
									오른쪽								</button>
								<button class="button active" value="none">
									없음								</button>
							</span>
						</span>
					</fieldset>

					<# if ( data.attachment ) { #>
						<# if ( 'undefined' !== typeof data.attachment.sizes ) { #>
							<span class="setting size">
								<label for="image-details-size" class="name">크기</label>
								<select id="image-details-size" class="size" name="size"
									data-setting="size"
									<# if ( data.userSettings ) { #>
										data-user-setting="imgsize"
									<# } #>>
																			<#
										var size = data.sizes['thumbnail'];
										if ( size ) { #>
											<option value="thumbnail">
												썸네일 – {{ size.width }} × {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['medium'];
										if ( size ) { #>
											<option value="medium">
												보통 – {{ size.width }} × {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['large'];
										if ( size ) { #>
											<option value="large">
												최대 크기 – {{ size.width }} × {{ size.height }}
											</option>
										<# } #>
																			<#
										var size = data.sizes['full'];
										if ( size ) { #>
											<option value="full">
												최대 크기 – {{ size.width }} × {{ size.height }}
											</option>
										<# } #>
																		<option value="custom">
										사용자 정의 크기									</option>
								</select>
							</span>
						<# } #>
							<div class="custom-size wp-clearfix<# if ( data.model.size !== 'custom' ) { #> hidden<# } #>">
								<span class="custom-size-setting">
									<label for="image-details-size-width">너비</label>
									<input type="number" id="image-details-size-width" aria-describedby="image-size-desc" data-setting="customWidth" step="1" value="{{ data.model.customWidth }}" />
								</span>
								<span class="sep" aria-hidden="true">×</span>
								<span class="custom-size-setting">
									<label for="image-details-size-height">높이</label>
									<input type="number" id="image-details-size-height" aria-describedby="image-size-desc" data-setting="customHeight" step="1" value="{{ data.model.customHeight }}" />
								</span>
								<p id="image-size-desc" class="description">이미지 크기 (픽셀)</p>
							</div>
					<# } #>

					<span class="setting link-to">
						<label for="image-details-link-to" class="name">링크 대상</label>
						<select id="image-details-link-to" data-setting="link">
						<# if ( data.attachment ) { #>
							<option value="file">
								미디어 파일							</option>
							<option value="post">
								첨부파일 페이지							</option>
						<# } else { #>
							<option value="file">
								이미지 URL							</option>
						<# } #>
							<option value="custom">
								사용자 정의 URL							</option>
							<option value="none">
								없음							</option>
						</select>
					</span>
					<span class="setting">
						<label for="image-details-link-to-custom" class="name">URL</label>
						<input type="text" id="image-details-link-to-custom" class="link-to-custom" data-setting="linkUrl" />
					</span>

					<div class="advanced-section">
						<h2><button type="button" class="button-link advanced-toggle">고급 옵션</button></h2>
						<div class="advanced-settings hidden">
							<div class="advanced-image">
								<span class="setting title-text">
									<label for="image-details-title-attribute" class="name">이미지 제목 속성</label>
									<input type="text" id="image-details-title-attribute" data-setting="title" value="{{ data.model.title }}" />
								</span>
								<span class="setting extra-classes">
									<label for="image-details-css-class" class="name">이미지 CSS 클래스</label>
									<input type="text" id="image-details-css-class" data-setting="extraClasses" value="{{ data.model.extraClasses }}" />
								</span>
							</div>
							<div class="advanced-link">
								<span class="setting link-target">
									<input type="checkbox" id="image-details-link-target" data-setting="linkTargetBlank" value="_blank" <# if ( data.model.linkTargetBlank ) { #>checked="checked"<# } #>>
									<label for="image-details-link-target" class="checkbox-label">새 탭에서 링크 열기</label>
								</span>
								<span class="setting link-rel">
									<label for="image-details-link-rel" class="name">링크 관계</label>
									<input type="text" id="image-details-link-rel" data-setting="linkRel" value="{{ data.model.linkRel }}" />
								</span>
								<span class="setting link-class-name">
									<label for="image-details-link-css-class" class="name">CSS 클래스 링크</label>
									<input type="text" id="image-details-link-css-class" data-setting="linkClassName" value="{{ data.model.linkClassName }}" />
								</span>
							</div>
						</div>
					</div>
				</div>
				<div class="column-image">
					<div class="image">
						<img src="{{ data.model.url }}" draggable="false" alt="" />
						<# if ( data.attachment && window.imageEdit ) { #>
							<div class="actions">
								<input type="button" class="edit-attachment button" value="원본 편집" />
								<input type="button" class="replace-attachment button" value="교체" />
							</div>
						<# } #>
					</div>
				</div>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-image-editor">
		<div id="media-head-{{ data.id }}"></div>
		<div id="image-editor-{{ data.id }}"></div>
	</script>

		<script type="text/html" id="tmpl-audio-details">
		<# var ext, html5types = {
			mp3: wp.media.view.settings.embedMimes.mp3,
			ogg: wp.media.view.settings.embedMimes.ogg
		}; #>

				<div class="media-embed media-embed-details">
			<div class="embed-media-settings embed-audio-settings">
				<audio style="visibility: hidden"
	controls
	class="wp-audio-shortcode"
	width="{{ _.isUndefined( data.model.width ) ? 400 : data.model.width }}"
	preload="{{ _.isUndefined( data.model.preload ) ? 'none' : data.model.preload }}"
	<#
		if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
		#> autoplay<#
	}
		if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
		#> loop<#
	}
	#>
>
	<# if ( ! _.isEmpty( data.model.src ) ) { #>
	<source src="{{ data.model.src }}" type="{{ wp.media.view.settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
	<# } #>

		<# if ( ! _.isEmpty( data.model.mp3 ) ) { #>
	<source src="{{ data.model.mp3 }}" type="{{ wp.media.view.settings.embedMimes[ 'mp3' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.ogg ) ) { #>
	<source src="{{ data.model.ogg }}" type="{{ wp.media.view.settings.embedMimes[ 'ogg' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.flac ) ) { #>
	<source src="{{ data.model.flac }}" type="{{ wp.media.view.settings.embedMimes[ 'flac' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.m4a ) ) { #>
	<source src="{{ data.model.m4a }}" type="{{ wp.media.view.settings.embedMimes[ 'm4a' ] }}" />
	<# } #>
			<# if ( ! _.isEmpty( data.model.wav ) ) { #>
	<source src="{{ data.model.wav }}" type="{{ wp.media.view.settings.embedMimes[ 'wav' ] }}" />
	<# } #>
		</audio>
	
				<# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#>
				<span class="setting">
					<label for="audio-details-source" class="name">URL</label>
					<input type="text" id="audio-details-source" readonly data-setting="src" value="{{ data.model.src }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.mp3 ) ) {
					if ( ! _.isUndefined( html5types.mp3 ) ) {
						delete html5types.mp3;
					}
				#>
				<span class="setting">
					<label for="audio-details-mp3-source" class="name">MP3</label>
					<input type="text" id="audio-details-mp3-source" readonly data-setting="mp3" value="{{ data.model.mp3 }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.ogg ) ) {
					if ( ! _.isUndefined( html5types.ogg ) ) {
						delete html5types.ogg;
					}
				#>
				<span class="setting">
					<label for="audio-details-ogg-source" class="name">OGG</label>
					<input type="text" id="audio-details-ogg-source" readonly data-setting="ogg" value="{{ data.model.ogg }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.flac ) ) {
					if ( ! _.isUndefined( html5types.flac ) ) {
						delete html5types.flac;
					}
				#>
				<span class="setting">
					<label for="audio-details-flac-source" class="name">FLAC</label>
					<input type="text" id="audio-details-flac-source" readonly data-setting="flac" value="{{ data.model.flac }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.m4a ) ) {
					if ( ! _.isUndefined( html5types.m4a ) ) {
						delete html5types.m4a;
					}
				#>
				<span class="setting">
					<label for="audio-details-m4a-source" class="name">M4A</label>
					<input type="text" id="audio-details-m4a-source" readonly data-setting="m4a" value="{{ data.model.m4a }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.wav ) ) {
					if ( ! _.isUndefined( html5types.wav ) ) {
						delete html5types.wav;
					}
				#>
				<span class="setting">
					<label for="audio-details-wav-source" class="name">WAV</label>
					<input type="text" id="audio-details-wav-source" readonly data-setting="wav" value="{{ data.model.wav }}" />
					<button type="button" class="button-link remove-setting">오디오 소스 제거</button>
				</span>
				<# } #>
				
				<# if ( ! _.isEmpty( html5types ) ) { #>
				<fieldset class="setting-group">
					<legend class="name">최적화된 HTML5 실행을 위한 대체 소스 추가</legend>
					<span class="setting">
						<span class="button-large">
						<# _.each( html5types, function (mime, type) { #>
							<button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
						<# } ) #>
						</span>
					</span>
				</fieldset>
				<# } #>

				<fieldset class="setting-group">
					<legend class="name">프리로드</legend>
					<span class="setting preload">
						<span class="button-group button-large" data-setting="preload">
							<button class="button" value="auto">자동</button>
							<button class="button" value="metadata">메타데이터</button>
							<button class="button active" value="none">없음</button>
						</span>
					</span>
				</fieldset>

				<span class="setting-group">
					<span class="setting checkbox-setting autoplay">
						<input type="checkbox" id="audio-details-autoplay" data-setting="autoplay" />
						<label for="audio-details-autoplay" class="checkbox-label">자동 실행</label>
					</span>

					<span class="setting checkbox-setting">
						<input type="checkbox" id="audio-details-loop" data-setting="loop" />
						<label for="audio-details-loop" class="checkbox-label">연속재생</label>
					</span>
				</span>
			</div>
		</div>
	</script>

		<script type="text/html" id="tmpl-video-details">
		<# var ext, html5types = {
			mp4: wp.media.view.settings.embedMimes.mp4,
			ogv: wp.media.view.settings.embedMimes.ogv,
			webm: wp.media.view.settings.embedMimes.webm
		}; #>

				<div class="media-embed media-embed-details">
			<div class="embed-media-settings embed-video-settings">
				<div class="wp-video-holder">
				<#
				var w = ! data.model.width || data.model.width > 640 ? 640 : data.model.width,
					h = ! data.model.height ? 360 : data.model.height;

				if ( data.model.width && w !== data.model.width ) {
					h = Math.ceil( ( h * w ) / data.model.width );
				}
				#>

				<#  var w_rule = '', classes = [],
		w, h, settings = wp.media.view.settings,
		isYouTube = isVimeo = false;

	if ( ! _.isEmpty( data.model.src ) ) {
		isYouTube = data.model.src.match(/youtube|youtu\.be/);
		isVimeo = -1 !== data.model.src.indexOf('vimeo');
	}

	if ( settings.contentWidth && data.model.width >= settings.contentWidth ) {
		w = settings.contentWidth;
	} else {
		w = data.model.width;
	}

	if ( w !== data.model.width ) {
		h = Math.ceil( ( data.model.height * w ) / data.model.width );
	} else {
		h = data.model.height;
	}

	if ( w ) {
		w_rule = 'width: ' + w + 'px; ';
	}

	if ( isYouTube ) {
		classes.push( 'youtube-video' );
	}

	if ( isVimeo ) {
		classes.push( 'vimeo-video' );
	}

#>
<div style="{{ w_rule }}" class="wp-video">
<video controls
	class="wp-video-shortcode {{ classes.join( ' ' ) }}"
	<# if ( w ) { #>width="{{ w }}"<# } #>
	<# if ( h ) { #>height="{{ h }}"<# } #>
			<#
		if ( ! _.isUndefined( data.model.poster ) && data.model.poster ) {
			#> poster="{{ data.model.poster }}"<#
		} #>
			preload			="{{ _.isUndefined( data.model.preload ) ? 'metadata' : data.model.preload }}"
				<#
		if ( ! _.isUndefined( data.model.autoplay ) && data.model.autoplay ) {
		#> autoplay<#
	}
		if ( ! _.isUndefined( data.model.loop ) && data.model.loop ) {
		#> loop<#
	}
	#>
>
	<# if ( ! _.isEmpty( data.model.src ) ) {
		if ( isYouTube ) { #>
		<source src="{{ data.model.src }}" type="video/youtube" />
		<# } else if ( isVimeo ) { #>
		<source src="{{ data.model.src }}" type="video/vimeo" />
		<# } else { #>
		<source src="{{ data.model.src }}" type="{{ settings.embedMimes[ data.model.src.split('.').pop() ] }}" />
		<# }
	} #>

		<# if ( data.model.mp4 ) { #>
	<source src="{{ data.model.mp4 }}" type="{{ settings.embedMimes[ 'mp4' ] }}" />
	<# } #>
		<# if ( data.model.m4v ) { #>
	<source src="{{ data.model.m4v }}" type="{{ settings.embedMimes[ 'm4v' ] }}" />
	<# } #>
		<# if ( data.model.webm ) { #>
	<source src="{{ data.model.webm }}" type="{{ settings.embedMimes[ 'webm' ] }}" />
	<# } #>
		<# if ( data.model.ogv ) { #>
	<source src="{{ data.model.ogv }}" type="{{ settings.embedMimes[ 'ogv' ] }}" />
	<# } #>
		<# if ( data.model.flv ) { #>
	<source src="{{ data.model.flv }}" type="{{ settings.embedMimes[ 'flv' ] }}" />
	<# } #>
		{{{ data.model.content }}}
</video>
</div>
	
				<# if ( ! _.isEmpty( data.model.src ) ) {
					ext = data.model.src.split('.').pop();
					if ( html5types[ ext ] ) {
						delete html5types[ ext ];
					}
				#>
				<span class="setting">
					<label for="video-details-source" class="name">URL</label>
					<input type="text" id="video-details-source" readonly data-setting="src" value="{{ data.model.src }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.mp4 ) ) {
					if ( ! _.isUndefined( html5types.mp4 ) ) {
						delete html5types.mp4;
					}
				#>
				<span class="setting">
					<label for="video-details-mp4-source" class="name">MP4</label>
					<input type="text" id="video-details-mp4-source" readonly data-setting="mp4" value="{{ data.model.mp4 }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.m4v ) ) {
					if ( ! _.isUndefined( html5types.m4v ) ) {
						delete html5types.m4v;
					}
				#>
				<span class="setting">
					<label for="video-details-m4v-source" class="name">M4V</label>
					<input type="text" id="video-details-m4v-source" readonly data-setting="m4v" value="{{ data.model.m4v }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.webm ) ) {
					if ( ! _.isUndefined( html5types.webm ) ) {
						delete html5types.webm;
					}
				#>
				<span class="setting">
					<label for="video-details-webm-source" class="name">WEBM</label>
					<input type="text" id="video-details-webm-source" readonly data-setting="webm" value="{{ data.model.webm }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.ogv ) ) {
					if ( ! _.isUndefined( html5types.ogv ) ) {
						delete html5types.ogv;
					}
				#>
				<span class="setting">
					<label for="video-details-ogv-source" class="name">OGV</label>
					<input type="text" id="video-details-ogv-source" readonly data-setting="ogv" value="{{ data.model.ogv }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								<# if ( ! _.isEmpty( data.model.flv ) ) {
					if ( ! _.isUndefined( html5types.flv ) ) {
						delete html5types.flv;
					}
				#>
				<span class="setting">
					<label for="video-details-flv-source" class="name">FLV</label>
					<input type="text" id="video-details-flv-source" readonly data-setting="flv" value="{{ data.model.flv }}" />
					<button type="button" class="button-link remove-setting">동영상 소스 제거</button>
				</span>
				<# } #>
								</div>

				<# if ( ! _.isEmpty( html5types ) ) { #>
				<fieldset class="setting-group">
					<legend class="name">최적화된 HTML5 실행을 위한 대체 소스 추가</legend>
					<span class="setting">
						<span class="button-large">
						<# _.each( html5types, function (mime, type) { #>
							<button class="button add-media-source" data-mime="{{ mime }}">{{ type }}</button>
						<# } ) #>
						</span>
					</span>
				</fieldset>
				<# } #>

				<# if ( ! _.isEmpty( data.model.poster ) ) { #>
				<span class="setting">
					<label for="video-details-poster-image" class="name">포스터 이미지</label>
					<input type="text" id="video-details-poster-image" readonly data-setting="poster" value="{{ data.model.poster }}" />
					<button type="button" class="button-link remove-setting">포스터 이미지 제거</button>
				</span>
				<# } #>

				<fieldset class="setting-group">
					<legend class="name">프리로드</legend>
					<span class="setting preload">
						<span class="button-group button-large" data-setting="preload">
							<button class="button" value="auto">자동</button>
							<button class="button" value="metadata">메타데이터</button>
							<button class="button active" value="none">없음</button>
						</span>
					</span>
				</fieldset>

				<span class="setting-group">
					<span class="setting checkbox-setting autoplay">
						<input type="checkbox" id="video-details-autoplay" data-setting="autoplay" />
						<label for="video-details-autoplay" class="checkbox-label">자동 실행</label>
					</span>

					<span class="setting checkbox-setting">
						<input type="checkbox" id="video-details-loop" data-setting="loop" />
						<label for="video-details-loop" class="checkbox-label">연속재생</label>
					</span>
				</span>

				<span class="setting" data-setting="content">
					<#
					var content = '';
					if ( ! _.isEmpty( data.model.content ) ) {
						var tracks = jQuery( data.model.content ).filter( 'track' );
						_.each( tracks.toArray(), function( track, index ) {
							content += track.outerHTML; #>
						<label for="video-details-track-{{ index }}" class="name">트랙 (부제, 캡션, 설명, 챕터, 또는 메타데이터)</label>
						<input class="content-track" type="text" id="video-details-track-{{ index }}" aria-describedby="video-details-track-desc-{{ index }}" value="{{ track.outerHTML }}" />
						<span class="description" id="video-details-track-desc-{{ index }}">
						srclang, label, 그리고 kind 값을 편집할 수 없어 동영상 트랙 언어와 종류를 설정할 수 없습니다.						</span>
						<button type="button" class="button-link remove-setting remove-track">비디오 트랙 제거</button><br />
						<# } ); #>
					<# } else { #>
					<span class="name">트랙 (부제, 캡션, 설명, 챕터, 또는 메타데이터)</span><br />
					<em>관련 자막이 없습니다.</em>
					<# } #>
					<textarea class="hidden content-setting">{{ content }}