/*
Theme Name: Cattle
Version: 1.5
Author: JUNG SY
Author URI: http://eways.co.kr
Theme URI: http://eways.co.kr
Description: Wordpress theme
Text Domain: vibrant
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

- GENERAL STYLING
- CUSTOM PLACEHOLDER TEXT COLOR
- STRUCTURE
- 404
- SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR
- COMMENT FORM
- LOGO + TAGLINE
- MAIN MENU
- SEARCH BUTTON
- MENU BUTTON
- ACCORDION MENU
- SHARE LINKS AREA
- SHARE BUTTON
- COMMENT BUTTON
- LISTS
- HEADINGS
- SEARCH FORM
- POSTS, PAGES
- TAGS
- POST AUTHOR + DATE
- ARCHIVE PAGES
- NEXT PAGE, PREV PAGE (BLOG INDEX)
- NEXT POST, PREV POST (single.php NAVIGATION)
- COMMENTS
- WIDGETS
- FOOTER
- POST FORMATTING
- CLEAR & ALIGNMENT
- GALLERY
- PHOTOSWIPE
- SHORTCODE CUSTOMIZATIONS
- GUTENBERG
*************************************************************/

/* GENERAL STYLING
**************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
	margin: 0;
	padding: 0;
}
img, fieldset {
	border: 0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
/* Clear floats after the columns */
.row {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* text for screen readers */
.screen-reader-text {
	clip:rect(1px, 1px, 1px, 1px);
	position:absolute !important;
	height:1px;
	width:1px;
	overflow:hidden;
}
.screen-reader-text:focus {
	background-color:#f1f1f1;
	border-radius:3px;
	box-shadow:0 0 2px 2px rgba(0,0,0,0.6);
	clip:auto !important;
	color:#21759b;
	display:block;
	font-size:1rem;
	font-weight:bold;
	height:auto;
	left:5px;
	line-height:400;
	padding:15px 23px 14px;
	text-decoration:none;
	top:5px;
	width:auto;
	z-index:100000; /* Above WP toolbar. */
}
img {
	max-width:100%;
	height:auto;
}
.post-shortcode {
	padding:0;
	max-width:1000px;
	margin:0 auto;
}
.featured-image {
	overflow:hidden;
	padding:0;
	text-align:center;
	max-width:100%;
}
.featured-image img {
	margin-bottom:15px;
}
.attachment-post-thumbnail {
	width:1000px;
	min-width:280px;
	margin:0 auto -4px auto;
	padding:0;

	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
body {
	background-color:#FFFFFF;
    font-family: -apple-system,BlinkMacSystemFont,"Roboto","Segoe UI","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",helvetica,sans-serif;
}
html, body {
	height:100%;
    font-size: 16px;
    color: #333333;
	-webkit-text-size-adjust : none; 
	-ms-text-size-adjust : none; 
	-moz-text-size-adjust : none; 
	-o-text-size-adjust : none; 
}
.font08 { font-size:0.875rem; }
.font09 { font-size:0.915rem; }
.font11 { font-size:1.125rem; }
.font12 { font-size:1.215rem; }
.font13 { font-size:1.315rem; }
.font14 { font-size:1.415rem; }
.font15 { font-size:1.515rem; }
.bold { font-weight:bold; }

iframe { min-width:50px !important; }
.overflow-hidden {
	overflow:hidden !important;
}
#header {
	position: relative;
}
/* 404 & archive page background color */
.error404, .page-template-page-archive-php,
.error404 #sitewrap, .page-template-page-archive-php #sitewrap {
	margin-top:15px;
}

.wrapper-outer {
	transition: -webkit-transform .65s ease;
	transition: transition: .65s ease;
	transition: all .65s ease;
	-webkit-transform-origin:top;
	-moz-transform-origin:top;
	transform-origin:top;
	margin-bottom: 40px;
}
.wrapper-outer-active-scale {
/*
	-webkit-transform: scale(0.85);
	-moz-transform: scale(0.85);
	transform: scale(0.85);
	-webkit-transform: scale(1.00) translate(160px, 0);
	-moz-transform: scale(1.00) translate(160px, 0);
	transform: scale(1.00) translate(160px, 0);
	-webkit-transform: translate(160px,0);
	-moz-transform: translate(160px,0);
	transform: translate(160px,0);
*/
/*
    -webkit-transform: translateX(160px);
    -ms-transform: translateX(160px);
    transform: translateX(160px)
*/
	opacity:0.35;
}
.wrapper-outer-active-position {
/*
	-webkit-transform: scale(0.85) translate(240px, 45px);
	-moz-transform: scale(0.85) translate(240px, 45px);
	transform: scale(0.85) translate(240px, 45px);

	-webkit-transform: translate(240px, 15px);
	-moz-transform: translate(240px, 15px);
	transform: translate(240px, 15px);
	-webkit-transform: translateX(160px);
	-moz-transform: translateX(160px);
	transform: translateX(160px);
**/
/*
    -webkit-transform: translateX(160px);
    -ms-transform: translateX(160px);
    transform: translateX(160px)
*/
}

#sitewrap {
	max-width:480px;
	margin: 60px auto;
	padding:0 15px 75px 15px !important;
}
body:not(.home) #sitewrap {
	margin: 60px auto;
}
body.page-template-page-home #sitewrap {
	margin: 50px auto;
}

#pagewrap {
	max-width:1000px;
	margin:0 auto;
}
a {
	/* remove the flickering effect of a tapped link when on a touch device */
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	color:#333333;
	text-decoration: none;
	outline:none;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
a:hover {
	text-decoration: none;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
.sticky-marker {
	color:orange;
	float:right;
	margin-right:20px;
}
p {
	margin: 0 0 1.2em;
	padding: 0;
}
small {
	font-size: 1rem;
}
.display-none {
	display:none;
}
blockquote {
	color:#444;
	font-size:1rem;
	border-left:3px solid #444;
	margin-bottom:10px !important;
	padding:5px 10px !important;
}
blockquote p { margin:0; }
blockquote cite {
	color:#999;
	font-size:1rem;
	font-style:normal;
}
.wp-block-pullquote blockquote {
	border:none;
}
.wp-block-pullquote {
	border:none;
	border-top:3px solid #444;
	border-bottom:3px solid #444;
	padding:50px 25px !important;
}
.wp-block-pullquote blockquote p {
	margin-bottom:30px;
}
.wp-block-pullquote blockquote cite {
	text-transform:uppercase;
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 22px; 
  line-height: 22px;
  display: inline-block;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
	vertical-align:middle;
}
.material-symbols-outlined {
  font-variation-settings:
  'FILL' 0,
  'wght' 0,
  'GRAD' 0,
  'opsz' NaN
}

/* hide icon text */
/*
.material-symbols-outlined { opacity:0;}
.material-icons{ opacity:0;}
*/
span.size-20 {
  font-size: 20px;
  font-variation-settings: 'OPSZ' 20;
}
span.size-24 {
  font-size: 24px;
  font-variation-settings: 'OPSZ' 24;
}
span.size-40 {
  font-size: 40px;
  font-variation-settings: 'OPSZ' 40;
}

/**
body .content.bb-mypage.material-icons { 
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 32px; 
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  vertical-align: top;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: 'liga';
}
**/

a span.material-icons { cursor:pointer; }
.header-menu .material-icons { cursor:pointer; font-size:28px; line-height:26px;color:#fff;}


/* CUSTOM PLACEHOLDER TEXT COLOR
**************************************************/
::-webkit-input-placeholder { color:#93989B !important; opacity:1; }
:-moz-placeholder { color:#93989B !important; opacity:1; }
::-moz-placeholder { color:#93989B !important; opacity:1; }
:-ms-input-placeholder { color:#93989B !important; opacity:1; }

/* Rules for sizing the icon. */
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

/* Rules for using icons as black on a light background. */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

/* Rules for using icons as white on a dark background. */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

/*
STRUCTURE
**************************************************/
.pagewidth {
	max-width:1000px;
	position:relative;
	margin:0 auto;
}

#content {
	width:100%;
	margin:0 auto;
	position:relative;
	z-index:5;
	top:0;
}
body.home #content {
	margin-top:0;
}


/*
404
**************************************************/
.not-found-wrapper {
	margin:0 auto 10px auto;
	padding: 10px 20px;
    background: #fff;
    border: 4px solid #dfdfdf;
}
.not-found-title {
	font-size: 18px;
    font-weight: 700;
    padding: 10px 0 15px 0;
    text-align: center;
}
.not-found-message {
    text-align: center;
}

.not-found-home-link a {
	color:#ad9276 !important;
	text-decoration:none !important;
	display:block;
}
.not-found-home-link a:hover {
	color:#ff5722 !important;
}
.not-found-message i {
	padding-left:2px;
	font-size:2.25rem;
}
.not-found-home-link a:hover i {
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}


/*
"SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR"
**************************************************/
.showing {
	min-height:34px;
	max-width:960px;
	padding:10px 5px 4px 10px;
	margin:0 auto;
	font-weight:300;
	font-size:1rem;
	line-height:15px;
	color:#454545;
	text-align:left;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.showing-hide {
	opacity:0;
/*	
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	transform: translateX(20px);
*/
}
.showing span {
	font-weight:400;
}
.tag-description {
	padding:0 0 17px 0;
}
.tag-description p {
	padding:0;
}


/* COMMENT FORM
**************************************************/
#commentform-fields {
	margin:0 -3px 2px 3px;
	text-align:left;
	overflow:hidden;
}
#author, #email {
	width:100%;
	font-size:1rem;
	height:30px;
	border:none;
	border-bottom:1px solid #D0D6DA;
	background:none;
	color:#949596;
	font-weight:300;
	font-size:1rem;
	border-radius:0;
	padding:8px 0 1px 8px;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
#author:hover, #email:hover, #author:focus, #email:focus {
	border-bottom:1px solid #C4C5C8;
}
#comment {
	width:100%;
	height:20px;
	display:block;
	margin:0 0 -8px 0;
	padding:6px 0 6px 8px;
	background:none;
	border:none;
	line-height:20px;
	color:#949596;
	font-weight:300;
	font-size:1rem;
	resize:none;
	position:relative;
	z-index:1;

	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	-webkit-appearance:none;
}
.comment-active {
	min-height:45px !important;
}
#comments {
	padding:0 0 0 0;
}
#respond {
	max-width:972px;
	padding:1px 16px 0 12px;
	margin:0 auto 0 auto;
	min-height:35px;
	position:relative;
	clear:both;
	text-align:center;
	border-top:1px solid #E3E6EB;
	background-color:#FBFBFB;
}
.respond-active {
	height:auto !important;
	padding-bottom:20px !important;
}
#respond-closed {
	font-weight:300;
	font-size:1rem;
	line-height:23px;
	color:rgba(255,255,255,0.8);
	text-align:center;
	padding:25px 15px;
	background:#3EB887;
	max-width:970px;
	margin:0 auto;
}
#respond #cancel-comment-reply-link {
	display:none;
	bottom:18px;
	left:18px;
	position:absolute;
	width:29px;
	height:28px;
	padding:0;
	margin:10px 0 0 0;
	z-index:5;
	background: url(images/close-reply-icon.png) no-repeat center center;
	background-color:#FBFBFB;
}
/* Retina display #respond #cancel-comment-reply-link */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
#respond #cancel-comment-reply-link { background-size: 16px 9px !important; background: url(images/close-reply-icon@2x.png) no-repeat center center; background-color:#FBFBFB; }
}
#cancel-comment {
	display:none;
	bottom:25px;
	left:19px;
	width:25px;
	height:25px;
	position:absolute;
	cursor: pointer;
	z-index:4;
	background: url(images/close-icon.png) no-repeat center center;
}
/* Retina display #cancel-comment */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
#cancel-comment { background-size: 16px 16px !important; background: url(images/close-icon@2x.png) no-repeat center center;}
}
.form-submit {
	width:100%;
	text-align:left;
}
#submit {
	padding:7px 29px 8px 29px;
	margin:-25px -3px 0 0;
	float:right;
	cursor:pointer;
	border:none;
	font-weight:700;
	font-size:1rem;
	color:#FEFEFE;
	text-decoration:none;
	background-color:#62A5C8 !important;
	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
	
	-webkit-appearance: none;
}
.submit-active {
	margin-top:16px !important;
}
#submit:hover {
	text-decoration:underline;
}
/* place comment box above the textfields */
#commentform {
	display:table;
	width:100%;
}
#comment-wrapper {
	display:table-header-group;
}
.logged-in-as {
	font-size:1rem;
	font-weight:400;
	text-transform:uppercase;
	position:absolute;
	bottom:2px;
	margin:0;
	color:#ccc;
	display:none;
	height:20px;
}
.logged-in-as a {
	color:#ccc;
}

/* comment HTML tags and attributes */
.comment-tags-attributes {
	font-size:1rem;
	line-height:16px;
	color:rgba(255,255,255,0.15);
	padding:10px 11px 0 9px;
	margin:0 25px;
}


/* LOGO + TAGLINE
**************************************************/
#header-bar {
	position:fixed; z-index:9;
	display:flex !important;
	top:0;
	left: 50%;
    transform: translateX(-50%);
	width:100%;
	max-width:480px;
	height:50px;
	margin:0;
	padding:0;
    background-color:#00669a;
    box-sizing: border-box;
}
#header-bar > div { vertical-align:middle; }
#header-bar:after {
	content: "";
    clear: both;
    display: table;
}
.site-logo-wrapper {
	width:100%;
}
.site-logo, .site-logo a {
	font-size:1rem;
	line-height:1rem;
	letter-spacing:0.16em;
	font-weight:400;
	color:rgba(255,255,255,0.85);
	/* padding:14px 20px 10px 20px; */
}
.site-logo {
	padding-left:0;
	position:absolute;
	z-index:10;
}
.site-logo a:hover {
	text-decoration:none;
	color:rgba(255,255,255,.9);
	letter-spacing:0em;
}

/* if image is used as logo */
.site-logo-image {
	padding:12px 5px 0 15px;
	position:absolute;
	z-index:10;
}
.site-logo-image img {
	width:auto;
	padding-top:6px;
}
.site-logo-image .material-icons {
	font-size:26px;
	line-height:24px;
	color:#fff;
}

.site-logo-wrapper { display:flex !important; width:100%;}
.header-title {
    width: 100%;
    margin-right: 30px;
    margin-top: 12px;
    color:#fff;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-title .text-title {
	width:180px; margin:0 auto; text-align:center;
	/*font-size:1.125rem;*/
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.header-menu {
	position: absolute;
	right:12px;
	top: 10px;
}
/*
.header-menu span.material-icons {
	font-size:25px; color:#fff; cursor:pointer;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}*/

/* sticky */
html .admin-bar #header-bar {
    top: 32px;
}


/* MAIN MENU
**************************************************/
.menu-wrapper {
	width:100%;
}
/***
.menu-button {
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	position:relative;
	cursor:pointer;
	float:right;
	top:0;
	right:0;
	width:68px;
	height:45px;
	text-decoration:none !important;
	z-index:8;
} **/
/* menu spacers */
.menu-spacer-wrapper {
	width:1px;
	height:0;
}
.menu-spacer {
	margin:10px 0;
	height:47px;
	position:fixed;
	z-index:1;
	right:72px;
	border-right:1px solid rgba(255,255,255,0.15);
}

/* SEARCH BUTTON
******************/
.menu-search {
	background: url(images/icon-search.png) no-repeat center 24px;
	background-size:20px 22px !important;
	opacity:.5;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/* Retina display .menu-search */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu-search { background-size:20px 22px !important; background: url(images/icon-search@2x.png) no-repeat center 24px; }
}
.menu-search:hover {	
	background-size:20px 22px !important; opacity:0.65; background-position: center 24px;
}
/* Retina display .menu-search:hover */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu-search:hover { background-size:20px 22px !important; opacity:1; background-position: center 24px; }
}


/* ACCORDION MENU
**************************************************/
#menu-open-overlay {
	width:45%;
	height:100%;
	right:0;
	position:fixed;
	z-index:7;
	
	display:none;
}
.menu-open-overlay-active {
	display:block !important;
}
.vibrant-icons i { margin:0 6px 0 0; font-size:1rem; opacity:.75; }

#menu {
	margin:0;
	position:fixed;
	z-index:0;
	width:190px;
	top: 50px;
	/*left: calc(50% - 180px);*/
	right: 18px;
    padding-top:10px;
    padding-bottom:60px;
	
	overflow:hidden;
	background-color:#333;

/**
	-webkit-transform: translateX(-130%);
	-ms-transform: translateX(-130%);
	transform: translateX(-130%);
	-webkit-transform: translateX(-130%) scale(0.9);
	-moz-transform: translateX(-130%) scale(0.9);
	transform: translateX(-130%) scale(0.9);
**/
	-webkit-transition: all .75s ease;
	-moz-transition: all .75s ease;
	transition: all .75s ease;
	-webkit-overflow-scrolling: touch;

	transition: 0.75s;
	opacity:0;
}
#menu.menu-active {
	opacity:1;
	background-color:#333333;
	z-index:9;
}

.menu-active {
	-webkit-transform: translateX(10px) !important;
	-ms-transform: translateX(10px) !important;
	transform: translateX(10px) !important;

	transition: 0.75s;
}

.menu {
	text-align:left;
	position:relative;
	padding:6px 0 0 10px;
	margin:0 5px 0 0;
	background:none;
}
.menu a {
	color:#fff;
	padding:5px 0px 5px 0;
	margin:0 0 0 3px;
	display:inline-block;
	font-size:1rem;
	font-weight:400;
	cursor:pointer;
}
.menu a:hover, .menu a:active {
	color:#fff;
	text-decoration:none;
}
.sub-menu a {
	border-bottom:none;
	line-height:22px;
}
.sub-menu a:hover, .sub-menu a:active {
	text-decoration:none;
}
.menu a span.menu-icon {
  display: inline-block;
  margin-right:10px;
}
.menu ul {
	list-style:none;
}
.menu li {
	list-style:none;
	padding:0 0 0 5px;
	margin:9px 0 9px 0;
	z-index:-1;
}
/*
.menu li a {
	font-size:1.235rem;
}*/
.sub-menu {
	padding:0 0 12px 0;
}
.sub-menu ul {
	list-style: none;
}
.sub-menu li {
	list-style:none;
	margin:0;
	padding:0;
	float:none;
	border-top:none !important;
}
.sub-menu li a {
	color:rgba(255,255,255,0.65);
	margin:0;
	padding:3px 13px 9px 13px;
	border-top:none !important;
}
.menu li.menu-item-has-children a {
	position:relative;
	background: url(images/menu-expandable.png);
	background-position:right 17px;
	background-repeat:no-repeat;
}


/* Retina display .menu li.menu-item-has-children a */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.menu li.menu-item-has-children a { 
	background: url(images/menu-expandable@2x.png);
	background-position:right 15px;
	background-repeat:no-repeat;
	background-size:10px 6px !important;
}
}
.menu li.menu-item-has-children a:hover {
}
.menu li.menu-item-has-children > ul a {
	background-image: none;
	font-size:1.235rem;
}
.menu li.menu-item-has-children > ul a:hover {
	margin-left:3px !important;
}
.sub-menu li.text a {
	color:#555 !important;
	font-size:1.235rem;
	line-height:18px;
	padding: 0 10px 3px 0;
	display:block;
	cursor:default;
}
.sub-menu li.text a:hover {
	color:#555 !important;
}

/* SHARE LINKS AREA
******************/
/* share wrapper */
#share-wrapper {
	display:none;
}
.share-active {
	display:block !important;
}
/* share box */
.share-links {
	width:110px;
	height:80px;
	background:rgba(255,255,255,0.95);
	position:absolute;
	bottom:-6px;
	left:13px;
	z-index:998;
	padding:13px 8px;
	z-index:9999;	

	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.1);
}
/* share bottom */
.share-bottom {
	position:absolute;
	bottom:-8px;
	left:14px;
	width:126px;
	height:2px;
	background-color:#B6B6B6;
	z-index:9999;
	
}
/* share bottom toolip */
.share-tooltip {
	width:0;
	height:0;
	margin:0 auto !important;
	bottom:-13px;
	left:27px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:5px solid #B6B6B6;
	position:absolute;
	z-index:9999;
}
/* share links */
.share-links a {
	font-weight:400;
	font-size:1rem;
	display:block;
	color:#888;
	text-decoration:none;
}
.share-links a i {
	padding:0 5px;
	font-size:1rem;
	color:#666;
	text-decoration:none;
}
.share-links a:hover, .share-links a:hover i {
	color:#9B9AC5;
}
.share-facebook, .share-twitter {
	margin-bottom:12px;
}
/* share icons */
.share-facebook i {
	margin:0 5px 0 6px;
}
.share-twitter i {
	margin:0 4px 0 2px;
}
.share-googleplus i {
	margin:0 4px 0 2px;
}


/* SHARE BUTTON
******************/
.button-share {
	width:50px;
	height:50px;
	margin:5px 0 0 10px;
	background: url(images/icon-share.png) no-repeat center center;
	background-size:27px 16px !important;
	opacity:.27;
	cursor:pointer;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/* Retina display .button-share */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.button-share { background-size:27px 16px !important; background: url(images/icon-share@2x.png) no-repeat center center; }
}
.button-share:hover {	
	background-size:27px 16px !important; opacity:0.4; background-position:center center;
}
/* Retina display .button-share:hover */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.button-share:hover { background-size:27px 16px !important; background-position:center center; }
}
.share-toggle-hover-touch { opacity:.4 !important; }


/* COMMENT BUTTON
******************/
.button-comment {
	width:50px;
	height:20px;
	margin:5px 0 0 10px;
	background: url(images/icon-comment.png) no-repeat center center;
	background-size:21px 5px !important;
	opacity:.27;
	
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	transition: all .2s ease;
}
/* Retina display .button-comment */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.button-comment { background-size:21px 5px !important; background: url(images/icon-comment@2x.png) no-repeat center center; }
}
.button-comment:hover {	
	background-size:21px 5px !important; opacity:0.4; background-position:center center;
}
/* Retina display .button-comment:hover */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.button-comment:hover { background-size:21px 5px !important; background-position:center center; }
}
/* comment count after post */
.comment-count {
	font-weight:400;
	font-size:1.235rem;
	color:#A5A5A5;
	position:absolute;
	margin:-8px 0 0 46px;
}


/* LISTS
**************************************************/
ul, ol {
	margin-bottom:10px;
}
li {
	margin: 0 0 8px 0;
	padding: 0;
}
.entry-content ul li, ul.list li {
	margin:0 12px 0 18px;
	text-align:left;
	list-style: disc;
	border:none;
}
.entry-content ol li, ol.list li {
	margin: 0 12px 0 21px;
	text-align:left;
}


/* HEADINGS
**************************************************/
h1, h2, h3, h4, h5, h6 {
	color:#454545;
	margin:5px 0 2px 0;
	font-weight:600;
}
h1 { font-size: 1.825rem; line-height: 2rem; margin:20px 0 15px;}
h2 { font-size: 1.225rem; line-height: 1.385rem; margin:20px 0 15px;}
h3 { font-size: 1.185rem; line-height: 1.275rem; margin:15px 0 10px;}
h4 { font-size: 1.125rem; line-height: 1.35rem; }
h5 { font-size: 1.125rem; line-height: 1.35rem; }
h6 { font-size: 1rem; line-height: 1.35rem; }


#header-loginlogout { margin: 14px 24px; }
#header-loginlogout i.fa { color:#fff; font-size:1rem; opacity:.75;}
#header-loginlogout a { color:#fff; font-weight:400;}

/* SEARCH FORM
**************************************************/
/* searchform wrapper */
#header-search-wrapper .searchform-wrapper {
	width:210px;
	margin:0 0 0 23px;
	z-index:6;
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	transition: all .4s ease;
}
.searchform-wrapper-active {
	top:0 !important;
}

/* searchform input */
#header-search-wrapper #searchform input {
	width:100%;
	height:25px;
	text-transform:uppercase;
	color:#fff;
	font-weight:400;
	font-size:1rem;
	
	padding:5px 0 5px 0;
	margin:0 0 0 0;
	border:0;
	background:none;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}
#header-search-wrapper #searchform input:hover, #header-search-wrapper #searchform input:focus {
	color:rgba(255,255,255,1);
}
/* searchform placeholder */
#searchform input::-webkit-input-placeholder { color:rgba(255,255,255,0.6) !important; }
#searchform input:-moz-placeholder { color:rgba(255,255,255,0.6) !important; }
#searchform input::-moz-placeholder { color:rgba(255,255,255,0.6) !important; }
#searchform input:-ms-input-placeholder { color:rgba(255,255,255,0.6) !important; }


/* POSTS, PAGES
**************************************************/
.content-wrapper {
	max-width:1000px;
	margin:0 auto 15px auto;
	padding:0;
	background-color:#fff;
}
.content-wrapper-single {
	max-width:1000px;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
.content-wrapper-hide {
	opacity:0 !important;
}
.post {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px solid #e2e2e2;
}
.contact-page-wrapper {
	margin:0 0 0 0;
	padding:20px 0 0 0;
}
.entry-content {
	font-weight:300;
	font-size:1rem;
	line-height:1.425em;
	color:#111111;
	text-align:left;
	padding:0;
	margin-bottom: 15px;
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.entry-content-toggle {
	opacity:0 !important;
}
.entry-content p {
	margin:0 0 10px 0;
	padding:0;	
}
.entry-content span p {
	padding:0;
	margin:0;
}
.entry-content a {
	color:#2a2a2a;
	text-decoration:none;
}
.entry-content a:hover {
	color:#E9826F;
	text-decoration:underline;
}
.entry-content img, .excerpt img {
	width:auto;
	padding:0;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}
/* mini divider */
.mini-divider {
	border-bottom:2px solid #252525;
	width:45px;
	margin:20px 0 28px 0;
}
/* page wrapper */
.page-wrapper {
	padding:0;
}
.page-end-spacer {
	height:5px;
	display:block;
}
/* post, page titles */
.post-title, .page-title, .post-title a, .page-title a {
	font-weight:600;
	font-size:1.328rem;
	line-height:1.45rem;
	color:#333333;
	text-align:left;
	display:block;
	padding:0;
	word-break:break-word;

	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.post-title {
	padding:12px 0 10px 0;
}
h2.post-title { margin:0; padding:0 0 4px 0; }
.page-title {
	padding:0 0 12px 0;
}
.post-title a:hover, .page-title a:hover {
	text-decoration:none;
	color:#999;
}
.page-title-centered {
	text-align:left;
}
/* read more link */
.more-button {
	text-align:center;
	margin-top:15px;
	margin-bottom:45px;
}
.more-button a {
	color:#fff;
	padding:12px 27px 11px 27px;
	display:inline-block;
	font-weight:700;
	font-size:1rem;
	text-transform:uppercase;
	background-color:#13C9E7;
	
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:1px;
}
.more-button a:hover {
	background-color:#10ACC6;
}
.link-button {
	text-align:right;
	margin-top:0;
	margin-bottom:0;
}
.link-button a {
	color:#fff;
	padding:6px 20px 6px 20px;
	display:inline-block;
	font-weight:700;
	font-size:1rem;
	text-transform:uppercase;
	background-color:#00baf0;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	border-radius:10px;
	text-decoration:none;
}
.link-button a:hover {
	color:#fff;
	background-color:#00acf1;
	text-decoration:none;
}
/* separator between posts */
/* separator between posts */
.separator-container {
	padding:5px;
	margin:30px 0 -35px 0;
	max-width:100%;
}
.separator {
	border-bottom:1px solid #E0E0E0;
	margin:0 auto;
	max-width:1000px;
}
/* post navigation */
.link-pages {
	margin:0 25px;
	max-width:100%;
	
	font-weight:300;
	font-size:1rem;
	color:#818587;
}
.link-pages a {
	text-decoration:underline;
}
/* post edit link */
.post-edit-link {
	display:block;
	margin:30px auto 20px auto;
	text-align:center;
	text-decoration:none;
	width:100px;
	font-size:1rem;
	font-weight:700;
	color:#5196D6;
}
.post-edit-link:hover {
	text-decoration:underline;
}


/* TAGS
**************************************************/
.post-tag {
	font-weight:300;
	font-size:1rem;
	line-height:22px;
	color:#C0C6CA;
	margin:0 24px;
}
.post-tag a {
	color:#63B7D6;
	text-decoration:none;
}
.post-tag a:hover {
	color:orange;
	text-decoration:underline;
}


/* POST AUTHOR + DATE
**************************************************/
.post-meta-author-date {
	padding:0;
	margin:0 0 10px;
}
.post-meta-author-date, .post-meta-author-date a {
	font-weight:400;
	font-size:.875rem;
	color:#545454;
	
	-webkit-transition: all .20s ease;
	-moz-transition: all .20s ease;
	transition: all .20s ease;
}
.post-meta-author-date a:hover {
	color:#ECAC12;
	text-decoration:none;
}


/* ARCHIVE PAGES
**************************************************/
.archive-title {
	color:#E5E5E3;
	font-size:1.25rem;
	font-weight:300;
	display:block;
	margin-bottom:8px;
}
.archive-content {
	line-height:20px;
	font-size:1rem;
	font-weight:300;
	padding:10px 20px;
}
.archive-content a {
	color:#9EACAE;
	text-decoration:none;
}
.archive-content a:hover {
	color:#FAFAFA;
}
.archive-content li {
	list-style-type:none;
	display:inline-block;
	margin:0 5px 8px 0;
	color:#8C999B;
}
.archive-full {
	padding:0 0 5px 0;
}


/* NEXT PAGE, PREV PAGE (BLOG INDEX)
**************************************************/
/* wrapper */
.post-nav {
	clear:both;
	width:100%;
	margin:0 auto;
	margin-bottom:60px;
	height:40px;
/*
	max-width:980px;
	margin:-35px auto 60px auto;
	height:40px;
*/
	
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	transition: all .5s ease;
}
.post-nav:after {
	content: "";
    clear: both;
    display: table;
}
.post-nav-fade {
	opacity:0;
}
.post-nav-hide {
	display:none;
}
/* prev inactive */
.post-nav .prev-inactive {
	display:block;
	float:left;
	border:1px solid #cdcdcd;
	margin:0;
	width:75px;
	height:40px;
	background: url(images/prev-page-inactive.png) no-repeat center center;
}
/* Retina display .post-nav .prev-inactive */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	.post-nav .prev-inactive { background-size: 35px 10px !important; background: url(images/prev-page-inactive@2x.png) no-repeat center center;}
}
/* next inactive */
.post-nav .next-inactive {
	display:block;
	float:right;
	border:1px solid #cdcdcd;
	width:75px;
	height:40px;
	background: url(images/next-page-inactive.png) no-repeat center center;
}
/* Retina display .post-nav .next-inactive */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
	.post-nav .next-inactive { background-size: 35px 10px !important; background: url(images/next-page-inactive@2x.png) no-repeat center center;}
}
/* previous posts */
.post-nav .prev {
	display:block;
	width:75px;
	height:40px;
	background: url(images/prev-page.png) no-repeat center center;
	
	-webkit-transition: all .15s ease;
	-moz-transition: all .15s ease;
	transition: all .15s ease;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .prev { background-size: 35px 10px !important; background: url(images/prev-page@2x.png) no-repeat center center;}
}
/* next posts */
.post-nav .next {
	opacity:.15;
	display:block;
	width:75px;
	height:40px;
	background: url(images/next-page.png) no-repeat center center;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
/* Retina display .post-nav .next */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .next { background-size: 35px 10px !important; background: url(images/next-page@2x.png) no-repeat center center;}
}

.post-nav .prev-inactive .prev:hover, .post-nav .next-inactive .next:hover {
	opacity:0.35;
}


/* NEXT POST, PREV POST (single.php NAVIGATION)
**************************************************/
/* previous posts */
.post-nav-single .prev {
	margin:0;
	width:42px;
	height:42px;
	background: url(images/nav-prev-icon.png) #262626 no-repeat center center;
	
	position:fixed;
	margin-top: 278px;
	top:0;
	right:0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav-single .prev { background-size: 9px 16px !important; background: url(images/nav-prev-icon@2x.png) #262626 no-repeat center center;}
}
/* next posts */
.post-nav-single .next {
	margin:0;
	width:42px;
	height:42px;
	background: url(images/nav-next-icon.png) #262626 no-repeat center center;
	
	position:fixed;
	margin-top: 278px;
	top:0;
	left:0;
}
/* Retina display .post-nav .next */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav-single .next { background-size: 9px 16px !important; background: url(images/nav-next-icon@2x.png) #262626 no-repeat center center;}
}


/* COMMENTS
**************************************************/
.comments-wrapper {
	max-width:100%;
	margin:0 auto 0 auto;
	padding:0;
}
.commentwrap {
	text-align:left;
	width:100%;
	margin:0 auto;
	padding:0 15px;
	position:relative;
	clear:both;
	max-width:100%;
	z-index:998;
}
/* comment title */
.comment-title, #reply-title {
	margin:0 0 10px;
	padding:0;
}
/* comment pagenav */
.commentwrap .pagenav {
	margin:10px 0;
	border:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.commentwrap .pagenav.top {
	margin:0;
	position:absolute;
	top:0;
	right:0;
}
/* commentlist */
.commentlist {
	max-width:980px;
	padding:3px 10px 20px 13px;
	margin:-2px auto 0 auto;
	background-color:#FBFBFB;
	z-index:998;
}
.commentlist li {
	margin:0;
	padding:5px 0 0 0;
	list-style:none;
	position:relative;
	border-top:1px solid #E5E5E5;
}
/* nested comment */
.children li {
	padding:0 0 0 20px;
	margin:0;
	border-top:1px solid #E5E5E5;
	border-bottom:none;
}
/* comment container */
.commentlist .comment-container {
	overflow:hidden;
	padding:2px 5px 17px 10px;
	min-height:50px;
}
/* comment entry */
.commentlist .comment-entry {
	font-size:1rem;
	line-height:19px;
	font-weight:300;
	color:#84878C;
	display:inline-block;
	clear:both;
}
/* comment avatar */
.commentlist .comment-avatar {
	float:left;
}
.commentlist .comment-avatar img {
	width:40px;
	height:40px;
	margin:13px 0 0 5px;
	float:left;
}
/* comment author, time */
.commentlist .comment-author {
	padding:0 0 0 0;
	margin:13px 0 0 0;
	font-weight:300;
	color:#5D6269;
	font-size:1rem;
	line-height:19px;
	display:inline-block;
}
.commentlist .bypostauthor {
	margin-right:4px;
}
/* comment reply button */
.commentlist .comment-reply-link {
	font-size:1rem;
	font-weight:300;
	color:#919190;
	margin:0 0 0 0;
	display:inline-block;
	text-decoration:underline;
	
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.commentlist .comment-reply-link:hover {
	text-decoration:none;
	color:#727272;
}


/* WIDGETS
**************************************************/
.footer-widgets-wrapper .children li { border:none; }
.footer-widgets-wrapper {
	width:100%;
	position:absolute;
	z-index:99;
}
.footer-widgets-wrapper-inner {
	max-width:1000px;
	margin:0 auto;
	padding:0 20px;

	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.footer-widgets-1-column .widget {
	width:94%;
	display:inline-block;
}
.footer-widgets-1-column {
	text-align:center;
}
.widget {
	font-weight:300;
	font-size:1rem;
	line-height:25px;
	color:rgba(0,0,0,0.25);
	padding:0 10px 20px 10px;
	word-wrap:break-word;
	text-align:left;
}
.widget ul li { list-style:none; }
.widget a {
	color:#A9ACAF;
	border-bottom:1px solid #DADDDF;
	text-decoration:none;
}
.widget a:hover {
	color:#74787B;
	border-bottom:none;
}
.widgettitle {
	font-weight:600;
	font-size:1.25rem;
	line-height:22px;
	color:rgba(0,0,0,0.16);
	margin:10px 0 -5px 0;
}
.widget select {
	width:100%;
	max-width:1000px;
}
/* recent posts widget */
.widget_recent_entries .post-date {
	font-size:1rem;
	display:block;
	color:rgba(0,0,0,0.3);
}
/* widget rss */
.widget_rss ul li {
	color:#999;
}
.widget_rss .rss-date {
	font-size:1rem;
	display:block;
	color:rgba(0,0,0,0.3);
}
/* widget archives */
.widget_archive ul {
	list-style-type:none;
}
.widget_archive li {
	display:inline;
	margin-right:5px;
	color:#999;
}
/* widget categories */
.widget_categories ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.widget_categories li {
	display:inline;
	margin-right:5px;
	color:#999;
}

/* widget recent comments */
.widget_recent_comments li {
	color:#999;
}
/* widget meta */
.widget_meta ul {
	list-style-type:none;
	padding:0;
	margin:0;
}
.widget_meta li {
	display:inline;
	margin-right:5px;
}
/* widget search */
.widget_search #searchform {
	margin:2px 12px 0 0;
}
.widget_search #searchform input {
	width:100%;
	height:40px;
	padding:0 0 0 8px;
	border:0;
	border-bottom:1px solid rgba(0,0,0,0.08);
	font-weight:300;
	font-size:1rem;
}
.widget_search #searchform input::-webkit-input-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input:-moz-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input::-moz-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input:-ms-input-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input:hover {
	color:#777;
	border-bottom:1px solid rgba(0,0,0,0.15);
}
.widget_search #searchform input:focus {
	color:#777;
}
/* widget nav menu */
.widget_nav_menu .sub-menu {
	margin:10px 0 0 10px;
	position:static;
}
.widget_nav_menu .menu li a, .widget_nav_menu .menu li.menu-item-has-children a {
	text-decoration:none;
	border:none;
	background:none;
	margin:0 0 5px 0;
}


/* FOOTER
**************************************************/
#footer {
	clear:both;
	padding:0;
	margin-top:65px;
}


/* POST FORMATTING
**************************************************/
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
	padding:0;margin:0;
}
img.aligncenter {
	margin:0 auto;
	text-align:center;
}
.alignleft {
	float: left;
	margin-right: 30px;
}
.alignright {
	float: right;
	margin-left: 30px;
}
.aligncenter {
	margin: 0 auto;
	display: block;
}
.wp-caption {
	max-width:100%;
	margin:0;
	padding:0;
}
.wp-caption aligncenter {
	margin: 0 auto;
}
.wp-caption img {
	margin: 0;
	padding:0;
}
.wp-caption-text {
	font-size: 1rem;;
	line-height:16px;
	text-align: center;
	color:#999;
	margin: 5px 0 20px 0;
	min-width:100%;
}


/* CLEAR & ALIGNMENT
**************************************************/
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.textleft {
	text-align: left;
}
.textright {
	text-align: right;
}
.textcenter {
	text-align: center;
}
/* clearfix */
.clearfix:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; }


/* GALLERY
**************************************************/
.gallery { padding:0 !important;}
.entry-content .gallery {
	margin: 0 0 -13px 0 !important;
}
#content .gallery-item img {
	border:0;
}
.gallery-caption {
	color: #615D5D;
}


/* PHOTOSWIPE
**************************************************/
.opacity-full { opacity:1 !important; }
.gallery-icon a img {
	margin:0 0 -5px 0;
	opacity:.9;
	
	-webkit-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
	
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter:gray;
	-webkit-filter: grayscale(100%);
	-o-filter: grayscale(100%);
}
.gallery-icon a img:hover {
	opacity:1;
	z-index:1000;

	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transform: scale(1.1);
	
	filter:none;
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
}

/* hide the image description */
.ps-caption { display:none !important; }
/* navigation always visible */
.ps-toolbar { opacity:0.8 !important; }

/* load nav icons from theme */
.ps-toolbar div .ps-toolbar-content {
	width:44px;
	height:44px;
	margin:0 auto 0;
	background-image:url(images/icons.png);
	background-repeat:no-repeat;
}
/* adjust toolbar */
.ps-toolbar { 
	background: #0B0B0B;
	height: 60px;
	padding-top:8px;
	display: table;
	table-layout: fixed;
}
.ps-toolbar-previous .ps-toolbar-content { background-position: -48px 0; }
.ps-toolbar-previous-disabled .ps-toolbar-content { background-position: -48px -44px; }
.ps-toolbar-next .ps-toolbar-content { background-position: -95px 0; }
.ps-toolbar-next-disabled .ps-toolbar-content { background-position: -95px -44px; }
.ps-toolbar-play .ps-toolbar-content { background-position: -88px 0; }

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.ps-toolbar div .ps-toolbar-content {
	-moz-background-size: 176px 88px;
	-o-background-size: 176px 88px;
	-webkit-background-size: 176px 88px;
	background-size: 176px 88px;
	background-image: url(images/icons@2x.png);
}
}
/* remove border from toolbar */
.ps-toolbar, .ps-toolbar-top {
	border: none !important;
}

/* close button width */
.ps-toolbar-close {
	width:65px;
}
/* prevbutton width */
.ps-toolbar-previous {
	width:47px;
}
/* next button width */
.ps-toolbar-next {
	width:55px;
}
/* hide play button */
.ps-toolbar-play {
	visibility:hidden;
}
/* custom background colors (when menu open) */
.custom-backgrounds {
	position:fixed;
	z-index:0;
	width:100%;
	height:100%;
	background-color:#2B2B2B;
	opacity:0;
	-webkit-transition: opacity .65s ease;
	-moz-transition: opacity .65s ease;
	transition: opacity .65s ease;

}
.custom-backgrounds-fade {
	opacity:1;
}


/* SHORTCODE CUSTOMIZATIONS
**************************************************/
/* button font */
.button, .buttonsilver, .buttongreen, .buttonblue, .buttonsalmon, .buttonred, .buttonorange, .buttonpink {
	font-size:1rem;
	font-weight:600;
	padding-top:10px;
	padding-bottom:10px;
}
a.buttonblue { color:#fff; }
a.buttonblue:hover { color:#111111; }
/* button margin */
.button-wrapper {
	margin:30px 0;
}
/* custom button colors */
.buttonsilver {
	background-color:#AFB8BD;
}
.buttongreen {
	background-color:#3CC682;
}
.buttonblue {
	background-color:#1FB6DB;
}
.buttonsalmon {
	background-color:#E58073;
}
.buttonred {
	background-color:#D64957;
}
.buttonorange {
	background-color:#E1985F;
}
.buttonpink {
	background-color:#D238A4;
}


/* GUTENBERG
**************************************************/
hr {
	margin:30px 0;
}
hr.is-style-default {
	width:100px;
	margin-left:auto;
	margin-right:auto;
	border-color:#bbb;
}


.footer-nav {
	width: 100%;
	position:fixed;
	z-index:999;
	bottom:0;
	background-color:#fff;
	overflow-x: auto;
	border-top:1px solid #caacf3;
}
.footer-nav a { position:relative; float: left; width: 20%; text-align: center; padding: 5px 0; transition: all 0.3s ease; color: #333; }
.footer-nav a:hover { opacity:.8; background-color:#efefef; }
.footer-nav i { color:#545454; font-size:1.375rem; display: block; }
/*.footer-nav a span.badge-icon { position:relative; } */
.footer-nav a span.badge-icon span.count { position: absolute; top:0; left: 54%; font-size: 11px; line-height: 16px; width: 18px; height: 18px; text-align: center; border-radius: 50%; background: #e23d3d; color: #fff; }
.footer-nav span.nav__text { font-size:.675rem;}

/*
.menu li a span.material-icons {
	font-size:1.265rem;
	vertical-align:middle;
	opacity:.8;
	display:inline-block;
}
a.history-back span.material-icons { font-size:25px; color:#fff;}
.notice-appts .na-icon .material-icons { font-size:30px; margin-right:5px; text-align:center; color:#e23d3d; }
*/

.notice-appts { margin-top:0; margin-bottom:10px; }
.notice-appts .na-icon { float:left; width:40px; padding:0;}
.notice-appts .na-text { float:left; font-size:14px; line-height:1; font-weight:500; padding-top:10px}
.notice-appts:after { content: ""; clear: both; display: table; }

.booked-pagination { text-align:center;}
a.page-numbers, span.page-numbers {
    margin: 0;
	padding: 5px 10px;
    background: transparent;
    font-size: 14px;
    border:1px solid #bebebe;
    text-align: center;
    display: inline-block;
    text-decoration:none;
    color:#666;
}
span.page-numbers.current, a.page-numbers:hover { color:#ed6363; border-color:#ed6363; }

/*
.two-columns {
    display:flex;
    column-gap: .3rem;
}
.two-columns > div.col {
    width: 50%;
}*/

@media only screen and (max-width: 767px) {
  /**
  .post-title, .page-title, .post-title a, .page-title a {
     font-size: 22px; line-height:1.2em;
  }*/
  .entry-content p, .header-title { font-size:17px; line-height:1.4; }

  #wpadminbar .quicklinks ul { display:none; }

  html #wpadminbar { height:32px; }
}


/*
 * 푸터 메뉴
 */
.footer-navi { margin:0 0 10px 0; }
.footer-navi a { font-size:1rem; text-decoration:none; position:relative;}
.footer-navi a:after {
    content: "";
    width: 1px;
    display: inline-block;
    height: 10px;
    position: relative;
    background: #666;
    margin: 0 5px 0 8px;
}
.footer-navi a:last-child:after { display:none; }
#dock {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: #d5e7f3;
    border-top: 1px solid #ededed;
    padding-top:8px;
}
#dock .dock-container { position: relative; margin: 0 auto; max-width: 480px; }
#dock .dock-container .dock-menu { display: flex; height: 50px; box-sizing: border-box; position: relative }
#dock .dock-container .dock-menu span { font-size:13px; margin:0;}
#dock .dock-container .dock-menu a { position: relative; display: block; flex: 1; height: 50px;text-align:center; }
#dock .dock-container .dock-menu a i {
    display: block;
    text-indent: -999em;
    width: 100%;
    height: 28px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 32px;
    overflow: hidden;
    position: relative
}
#dock .dock-container .dock-menu a i.home {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNMjI2LjY3LTE4Ni42N2gxNDB2LTI0Ni42NmgyMjYuNjZ2MjQ2LjY2aDE0MHYtMzgwTDQ4MC03NTYuNjdsLTI1My4zMyAxOTB2MzgwWk0xNjAtMTIwdi00ODBsMzIwLTI0MCAzMjAgMjQwdjQ4MEg1MjYuNjd2LTI0Ni42N2gtOTMuMzRWLTEyMEgxNjBabTMyMC0zNTJaIi8+PC9zdmc+);
}

#dock .dock-container .dock-menu a i.appreserv {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNMzEwLjY3LTM5NnEtMTcgMC0yOC41LTExLjV0LTExLjUtMjguNXEwLTE3IDExLjUtMjguNXQyOC41LTExLjVxMTcgMCAyOC41IDExLjV0MTEuNSAyOC41cTAgMTctMTEuNSAyOC41dC0yOC41IDExLjVaTTQ4Mi0zOTZxLTE3IDAtMjguNS0xMS41VDQ0Mi00MzZxMC0xNyAxMS41LTI4LjVUNDgyLTQ3NnExNyAwIDI4LjUgMTEuNVQ1MjItNDM2cTAgMTctMTEuNSAyOC41VDQ4Mi0zOTZabTE2Ni42NyAwcS0xNyAwLTI4LjUtMTEuNXQtMTEuNS0yOC41cTAtMTcgMTEuNS0yOC41dDI4LjUtMTEuNXExNyAwIDI4LjUgMTEuNXQxMS41IDI4LjVxMCAxNy0xMS41IDI4LjV0LTI4LjUgMTEuNVptLTQ2MiAzMTZxLTI3IDAtNDYuODQtMTkuODNRMTIwLTExOS42NyAxMjAtMTQ2LjY3di02MDBxMC0yNyAxOS44My00Ni44MyAxOS44NC0xOS44MyA0Ni44NC0xOS44M2g1Ni42NlYtODgwaDcwdjY2LjY3aDMzMy4zNFYtODgwaDcwdjY2LjY3aDU2LjY2cTI3IDAgNDYuODQgMTkuODNRODQwLTc3My42NyA4NDAtNzQ2LjY3djYwMHEwIDI3LTE5LjgzIDQ2Ljg0UTgwMC4zMy04MCA3NzMuMzMtODBIMTg2LjY3Wm0wLTY2LjY3aDU4Ni42NnYtNDIwSDE4Ni42N3Y0MjBabTAtNDg2LjY2aDU4Ni42NnYtMTEzLjM0SDE4Ni42N3YxMTMuMzRabTAgMHYtMTEzLjM0IDExMy4zNFoiLz48L3N2Zz4=);
}
#dock .dock-container .dock-menu a i.appconfirm {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNNDM0LjY3LTIyNy4zMyAyOTUuMzMtMzY2bDQ3LjM0LTQ3LjMzIDkyIDkwLjY2IDE3OC42Ni0xNzguNjYgNDcuMzQgNDgtMjI2IDIyNlpNMTg2LjY3LTgwcS0yNyAwLTQ2Ljg0LTE5LjgzUTEyMC0xMTkuNjcgMTIwLTE0Ni42N3YtNjAwcTAtMjcgMTkuODMtNDYuODMgMTkuODQtMTkuODMgNDYuODQtMTkuODNoNTYuNjZWLTg4MGg3MHY2Ni42N2gzMzMuMzRWLTg4MGg3MHY2Ni42N2g1Ni42NnEyNyAwIDQ2Ljg0IDE5LjgzUTg0MC03NzMuNjcgODQwLTc0Ni42N3Y2MDBxMCAyNy0xOS44MyA0Ni44NFE4MDAuMzMtODAgNzczLjMzLTgwSDE4Ni42N1ptMC02Ni42N2g1ODYuNjZ2LTQyMEgxODYuNjd2NDIwWm0wLTQ4Ni42Nmg1ODYuNjZ2LTExMy4zNEgxODYuNjd2MTEzLjM0Wm0wIDB2LTExMy4zNCAxMTMuMzRaIi8+PC9zdmc+);
}
#dock .dock-container .dock-menu a i.notice {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNNjUwLTQ0OHYtNjYuNjdoMTUwVi00NDhINjUwWm0zOCAyODgtMTIyLTkwLjY3IDM4LjY3LTUyLjY2IDEyMiA5MC42Nkw2ODgtMTYwWm0tODMuMzMtNDk2LjY3TDU2Ni03MDkuMzMgNjg4LTgwMGwzOC42NyA1Mi42Ny0xMjIgOTAuNjZaTTEyMC0zNjAuNjd2LTI0MGgxNjBsMjAwLTIwMHY2NDBsLTIwMC0yMDBIMTIwWm0yOTMuMzMtMjc0TDMwOS4zMy01MzRIMTg2LjY3djEwNi42N2gxMjIuNjZsMTA0IDEwMS4zM3YtMzA4LjY3Wm0tOTYgMTU0WiIvPjwvc3ZnPg==);
}

#dock .dock-container .dock-menu a i.account {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iNDBweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSI0MHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNNDgwLTQ4MC42N3EtNjYgMC0xMDkuNjctNDMuNjZRMzI2LjY3LTU2OCAzMjYuNjctNjM0dDQzLjY2LTEwOS42N1E0MTQtNzg3LjMzIDQ4MC03ODcuMzN0MTA5LjY3IDQzLjY2UTYzMy4zMy03MDAgNjMzLjMzLTYzNHQtNDMuNjYgMTA5LjY3UTU0Ni00ODAuNjcgNDgwLTQ4MC42N1pNMTYwLTE2MHYtMTAwcTAtMzYuNjcgMTguNS02NC4xN1QyMjYuNjctMzY2cTY1LjMzLTMwLjMzIDEyNy42Ni00NS41IDYyLjM0LTE1LjE3IDEyNS42Ny0xNS4xN3QxMjUuMzMgMTUuNXE2MiAxNS41IDEyNy4yOCA0NS4zIDMwLjU0IDE0LjQyIDQ4Ljk2IDQxLjgxUTgwMC0yOTYuNjcgODAwLTI2MHYxMDBIMTYwWm02Ni42Ny02Ni42N2g1MDYuNjZWLTI2MHEwLTE0LjMzLTguMTYtMjctOC4xNy0xMi42Ny0yMC41LTE5LTYwLjY3LTI5LjY3LTExNC4zNC00MS44M1E1MzYuNjctMzYwIDQ4MC0zNjB0LTExMSAxMi4xN1EzMTQuNjctMzM1LjY3IDI1NC42Ny0zMDZxLTEyLjM0IDYuMzMtMjAuMTcgMTktNy44MyAxMi42Ny03LjgzIDI3djMzLjMzWk00ODAtNTQ3LjMzcTM3IDAgNjEuODMtMjQuODRRNTY2LjY3LTU5NyA1NjYuNjctNjM0dC0yNC44NC02MS44M1E1MTctNzIwLjY3IDQ4MC03MjAuNjd0LTYxLjgzIDI0Ljg0UTM5My4zMy02NzEgMzkzLjMzLTYzNHQyNC44NCA2MS44M1E0NDMtNTQ3LjMzIDQ4MC01NDcuMzNabTAtODYuNjdabTAgNDA3LjMzWiIvPjwvc3ZnPg==);
}
#dock .dock-container .dock-menu a i.setting {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNNDUxLjU0LTI5NS4zOWg1Ni45Mmw5LjY5LTU0LjYxcTE3LjM5LTUgMzAtMTEuODUgMTIuNjItNi44NCAyNC43Ny0xOC4zMWw1Mi42MiAxOCAyOC44NC00OC43Ni00MS43Ny0zNS4zOXE0LjMxLTE3Ljg0IDQuMzEtMzMuNjkgMC0xNS44NS00LjMxLTMzLjY5bDQxLjc3LTM1LjM5LTI4Ljg0LTQ4Ljc2LTUyLjYyIDE4cS0xMi4xNS0xMS40Ny0yNC43Ny0xOC4zMS0xMi42MS02Ljg1LTMwLTExLjg1bC05LjY5LTU0LjYxaC01Ni45Mkw0NDEuODUtNjEwcS0xNy4zOSA1LTMwIDExLjg1LTEyLjYyIDYuODQtMjQuNzcgMTguMzFsLTUyLjYyLTE4LTI4Ljg0IDQ4Ljc2IDQxLjc3IDM1LjM5cS00LjMxIDE3Ljg0LTQuMzEgMzMuNjkgMCAxNS44NSA0LjMxIDMzLjY5bC00MS43NyAzNS4zOSAyOC44NCA0OC43NiA1Mi42Mi0xOHExMi4xNSAxMS40NyAyNC43NyAxOC4zMSAxMi42MSA2Ljg1IDMwIDExLjg1bDkuNjkgNTQuNjFaTTQ4MC00MDBxLTMzIDAtNTYuNS0yMy41VDQwMC00ODBxMC0zMyAyMy41LTU2LjVUNDgwLTU2MHEzMyAwIDU2LjUgMjMuNVQ1NjAtNDgwcTAgMzMtMjMuNSA1Ni41VDQ4MC00MDBaTTIxMi4zMS0xNDBRMTgyLTE0MCAxNjEtMTYxcS0yMS0yMS0yMS01MS4zMXYtNTM1LjM4UTE0MC03NzggMTYxLTc5OXEyMS0yMSA1MS4zMS0yMWg1MzUuMzhRNzc4LTgyMCA3OTktNzk5cTIxIDIxIDIxIDUxLjMxdjUzNS4zOFE4MjAtMTgyIDc5OS0xNjFxLTIxIDIxLTUxLjMxIDIxSDIxMi4zMVptMC02MGg1MzUuMzhxNC42MiAwIDguNDYtMy44NSAzLjg1LTMuODQgMy44NS04LjQ2di01MzUuMzhxMC00LjYyLTMuODUtOC40Ni0zLjg0LTMuODUtOC40Ni0zLjg1SDIxMi4zMXEtNC42MiAwLTguNDYgMy44NS0zLjg1IDMuODQtMy44NSA4LjQ2djUzNS4zOHEwIDQuNjIgMy44NSA4LjQ2IDMuODQgMy44NSA4LjQ2IDMuODVaTTIwMC03NjB2NTYwLTU2MFoiLz48L3N2Zz4=);
}
#dock .dock-container .dock-menu a i.mobilize {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjRweCIgdmlld0JveD0iMCAtOTYwIDk2MCA5NjAiIHdpZHRoPSIyNHB4IiBmaWxsPSIjMDA3OGQ0Ij48cGF0aCBkPSJNNDgwLTQxMi4zMSA2MC4zOS02MzYuMTUgNDgwLTg2MGw0MjAgMjIzLjg1LTQyMCAyMjMuODRabTAgMTU2LjE1TDgzLjM5LTQ2Ny4zOGw2Mi44NC0zNC40N0w0ODAtMzI0LjQ2bDMzNC4xNS0xNzcuMzlMODc3LTQ2Ny4zOCA0ODAtMjU2LjE2Wk00ODAtMTAwIDgzLjM5LTMxMS4yM2w2Mi44NC0zNC40Nkw0ODAtMTY4LjMxbDMzNC4xNS0xNzcuMzhMODc3LTMxMS4yMyA0ODAtMTAwWm0wLTM4MC42MSAyOTQuOTItMTU1LjU0TDQ4MC03OTEuNjkgMTg1LjQ2LTYzNi4xNSA0ODAtNDgwLjYxWm0uMzgtMTU1LjU0WiIvPjwvc3ZnPg==);
}
#dock .dock-container .dock-menu a .badge {
    font-size: 11px;
    background: #ff3d00;
    color: #fff;
    height: 20px;
    line-height: 17px;
    text-align: center;
    min-width: 20px;
    border-radius: 20px;
    font-weight: 500;
    position: absolute;
    top: 30%;
    left: 60%;
    transform: translate(-50%,-50%);
    margin-left: 11px;
    margin-top: -9px
}


/*
 * 푸터 팝업
 */
.bt-cookie-notice__dimmed { position: fixed; inset: 0px; background-color: rgba(0, 0, 0, 0.5); z-index: 9200; }
.bt-cookie-notice__content { position: fixed; left: 0px; right: 0px; bottom: 0px; padding: 15px 25px; background-color: #fff; z-index: 9210; border-top-left-radius: 25px; border-top-right-radius:25px; }
.bt-cookie-notice__content h2 { font-size:1.328rem; line-height:1.2; margin:8px 0 -5px 0;}
.bt-cookie-notice__button-box { display: flex; flex-direction: column; align-items: center; margin-top: 20px; text-align: left; position:relative; }
.bt-cookie-notice__content .notice-alert { border:1px solid red; padding:4px 14px; background-color:red; color:#fff; border-radius:15px; font-size:14px; }
.bt-cookie-notice__button-box .button.-confirm { min-width: 150px; min-height: 48px; padding: 5px 20px; font-size: 16px; font-weight: 400; }
.button.-confirm { background-color: rgb(0, 37, 108); border: 1px solid rgb(1, 48, 102); color: rgb(255, 255, 255); }
.bt-cookie-notice__button-box .button { width:100%;display: inline-block; min-width: 12rem; margin: 0px; min-height: 4.2rem; padding: 0.5rem 1.6rem; border-radius: 1rem; background-color:#00256c; color: #fff; border: 1px solid rgb(0, 37, 108); font-family: inherit; font-weight: 400; font-size: 1.4rem; line-height: 1.58; text-decoration: none; text-align: left; cursor: pointer; appearance: none; }
.bt-cookie-notice__button-box span{ position:absolute; top:12px; right:30px; font-size:16px; color:#fff; cursor:pointer;}