/*
Theme Name: bigkl2027 (Resonar)
Theme URI: https://wordpress.com/themes/resonar/
Description: bigkl2027 is an elegant blog dark theme that features full-screen featured images.
Version: 1.2.0
Author: Automattic
Author URI: https://wordpress.com/themes/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bigkl2027
*/

/**
 * Table of Contents
 *
 * 1.0 Normalize
 * 2.0 Keyframes
 * 3.0 Genericons
 * 4.0 Typography
 * 5.0 Elements
 * 6.0 Forms
 * 7.0 Navigation
 *    7.1 Links
 *    7.2 Menus
 *    7.3 Navigations
 * 8.0 Accessibility
 * 9.0 Alignments
 * 10.0 Clearings
 * 11.0 Widgets
 * 12.0 Site
 *    12.1 Header
 *    12.2 Posts and pages
 *    12.3 Comments
 *    12.4 Footer
 * 13.0 Media
 *    13.1 Captions
 *    13.2 Galleries
 * 14.0 Multisite
 * 15.0 Jetpack
 *    15.1 Infinite scroll
 *    15.2 Extra Widegts
 *    15.3 Shortcodes
 *    15.4 Tiled Gallery
 *    15.5 Responsive Videos
 *    15.6 Jetpack Comments
 *    15.7 Sharing
 *    15.8 Related Posts
 *    15.9 Site Logo
 *    15.10 Stats
 * 16.0 Media Queries
 *    16.1 >= 470px
 *    16.2 >= 601px
 *    16.3 >= 700px
 *    16.4 >= 828px
 *    16.5 >= 925px
 *    16.6 >= 1088px
 *    16.7 >= 1216px
 * 100.0 MaxLee CSS
 * 101.0 2026 CSS
 */
/**
 * Revision history: 
   2026-06-13 2:00am - 7962 lines
   2026-06-13 3:00pm - 8075 lines
 */ 

/**
 * 1.0 Normalize
 */

html {
	font-family: sans-serif;	
	-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: bold;
}

dfn {
	font-style: italic;
}

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

mark,
ins {
	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: 0;
}

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

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, 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"] {	
	cursor: pointer;
}

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

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

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	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"] {	
	box-sizing: border-box;
}

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

fieldset {
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

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

td,
th {
	padding: 0;
}


/**
 * 2.0 Keyframes
 */

@-webkit-keyframes moveDown {
	from { -webkit-transform: translateY(0); } to {	-webkit-transform: translateY(24px); }
}
@keyframes moveDown {
	from { -moz-transform: translateY(0); transform: translateY(0); } to { -moz-transform: translateY(24px); transform: translateY(24px); }
}
@-webkit-keyframes moveUp { 
	from { -webkit-transform: translateY(24px); } to { -webkit-transform: translateY(0); }
}
@keyframes moveUp {
	from { -moz-transform: translateY(24px); transform: translateY(24px); }	to { -moz-transform: translateY(0);	transform: translateY(0); }
}
@-webkit-keyframes opacityDown {
	from { opacity: 1; } to { opacity: 0; }
}
@keyframes opacityDown {
	from { opacity: 1; } to { opacity: 0; }
}
@-webkit-keyframes opacityUp {
	from { opacity: 0; } to { opacity: 1; }
}
@keyframes opacityUp { 
	from { opacity: 0; } to { opacity: 1; }
}


/**
 * 3.0 Genericons
 */

.site-header .menu-item-has-children > a:after,
.social-navigation a:before,
.sidebar-toggle:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.edit-link:before,
.full-size-link:before,
.pagination .prev:before,
.pagination .next:before,
.author-link:after,
.scroll-indicator:before {	
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-size: 16px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;	
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

/**
 * 4.0 Typography
 */

body,
button,
input,
select,
textarea {	
	color: #c9c9c9; /*klia2025*/
	font-family: "Lato", "Libre Baskerville", georgia, serif;
	font-size: 16px;	
	font-size: 1.125rem;
	line-height: 1.6em;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	/*
	font-family: "Lato", "Playfair Display", georgia, serif;
	font-weight: 700;	
	text-rendering: optimizeLegibility;
	*/
	font-family:
    	-apple-system, BlinkMacSystemFont,
    	"Segoe UI", Roboto,
    	Oxygen, Ubuntu, Cantarell,
    	"Helvetica Neue", Arial,
    	sans-serif;
  	font-weight: 600;      /* Semibold base */
  	color: #f0f0f0;      /* Good on dark bg (#333) */
  	line-height: 1.3;
  	margin: 0 0 0.5em;
}

p {
	margin: 0 0 24px;
}

b,
strong {
	font-weight: 700;
}

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

blockquote {
	border-left: 4px solid currentColor;	
	color: #c9c9c9; 
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.66667;
	margin: 0 0 24px;
	padding-left: 20px;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

blockquote p {
	margin-bottom: 30px;
}

blockquote > p:last-child {
	margin-bottom: 0;
}

blockquote cite,
blockquote small {
	color: #232323;
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Lato, sans-serif;
	line-height: 1.6;
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

address {
	font-style: italic;
	margin: 0 0 24px;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: Inconsolata, monospace;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
}

pre {
	background-color: rgba(0, 0, 0, 0.01);
	border: 1px solid rgba(0, 0, 0, 0.1);
	line-height: 1.2;
	margin: 0 0 24px;
	max-width: 100%;
	overflow: auto;
	padding: 12px;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

abbr[title] {
	border-bottom: 1px dotted #232323;
	cursor: help;
}

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

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

sup {
	bottom: 1ex;
}

sub {
	top: .5ex;
}

small {
	font-size: 75%;
}

big {
	font-size: 125%;
}


/**
 * 5.0 Elements
 */

html {
	box-sizing: border-box;
}

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

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

hr {
	background-color: rgba(0, 0, 0, 0.1);
	border: 0;
	height: 1px;
	margin-bottom: 24px;
}

ul, ol {
	margin: 0 0 24px 20px;
	padding: 0;
}

ul {
	list-style: disc;	
	list-style-position:outside; 	
}
ol {
	list-style: decimal;	
	list-style-position:outside;
}

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

dl {
	margin-bottom: 24px;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 0 24px;
}

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

table,
th,
td {	
	border: 1px solid rgba(0, 0, 0, 0.0);
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 24px;	
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;	
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th, td {
	padding: 6px;
}

img {
	-ms-interpolation-mode: bicubic;
	border: 0;
	height: auto;
	max-width: 100%;
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
}

:-moz-placeholder {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
}

::-moz-placeholder {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}



/**
 * 6.0 Forms
 */

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background: #232323;	
	border: 0;
	border-radius: 6px;
	color: #fff;
	cursor: pointer;
	font-family: Lato, sans-serif;
	font-size: 12px;	
	font-size: 1.0rem;
	font-weight: 700;
	line-height: 1;
	padding: 11px 16px 9px;
	text-transform: uppercase;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #0074b8;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	background: #0074b8;
	outline: 2px solid #d2d2d2;
}

.search-form input[type="submit"],
.widget .search-form input[type="submit"] {
	padding: 0;
}

input,
select,
textarea {	
	font-size: 12px;
	font-size: 0.9rem;
	line-height: 1.125;
	font-family: 'Lato';
	max-width: 100%;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background-color: #f7f7f7;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 0;
	color: #5b5b5b;
	padding: 3px 6px;
	width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	background-color: #fff;
	border: 1px solid #5b5b5b;
	color: #232323;
	outline: 0;
}

input[type="checkbox"],
input[type="radio"] {
	margin-right: 6px;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

.post-password-form label {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 24px;
	text-transform: uppercase;
}


/**
 * 7.0 Navigation
 */

/**
 * 7.1 Links
 */

a {
	color: #7ec8e3; 
	text-decoration: none; 
}

/*
a:visited {
	color: #0074b8;
}
*/

a:hover,
a:focus,
a:active {
	text-decoration: underline; /*klia2025*/	
}

a:focus {
	outline: 2px solid #d2d2d2;
}

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

a img {
	border: 0;
}

.page-links a,
.entry-content .mejs-horizontal-volume-slider,
.entry-content .wp-playlist-caption,
.entry-content a:hover,
.entry-content a:focus,
.entry-summary a:hover,
.entry-summary a:focus,
.page-content a:hover,
.page-content a:focus,
.comment-content a:hover,
.comment-content a:focus,
.pingback .comment-body > a:hover,
.pingback .comment-body > a:focus,
.author-bio a:hover,
.author-bio a:focus,
.taxonomy-description a:hover,
.taxonomy-description a:focus,
.logged-in-as a:hover,
.logged-in-as a:focus,
.site-info a:hover,
.site-info a:focus,
.textwidget a:hover,
.textwidget a:focus,
.widget_gravatar a:hover,
.widget_gravatar a:focus,
.widget-grofile p a:hover,
.widget-grofile p a:focus,
.has-post-thumbnail div.entry-date a:hover {
	background-image: none;
}


/**
 * 7.2 Menus
 */

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a {
	font-weight: 700;
}

.site-header .main-navigation {
	display: none; 
	float: right;
}

.site-header .main-navigation ul {
	list-style: none;
	margin: 0;
}

.site-header .nav-menu li {
	position: relative;
}

.site-header .nav-menu > li {
	float: left;
}

.site-header .nav-menu > li + li {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.site-header .nav-menu a {
	color: #232323;
	display: block;
	font-size: 0.9375rem;
	font-size: 15px;
	line-height: 1.33334;
	padding: 6px 16px;
	text-decoration: none;
	white-space: nowrap;
}

.site-header .nav-menu a:hover,
.site-header .nav-menu a:focus {
	color: #0074b8;
}

.site-header .menu-item-has-children > a {
	padding-right: 38px;
}

.site-header .menu-item-has-children > a:after {
	content: "\f431";
	position: absolute;
	top: 7px;
	right: 12px;
}

.site-header .sub-menu {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	position: absolute;
	left: -1px;
	z-index: 99999;
	height: 1px;
	width: 1px;
	overflow: hidden;
	clip: rect(1px, 1px, 1px, 1px);
}

.site-header .sub-menu li {
	background-color: #fff;
	border-color: rgba(0, 0, 0, 0.1);
	border-style: solid;
	border-width: 1px 1px 0;
}

.site-header .nav-menu > li > .sub-menu {
	padding-top: 8px;
}

.site-header .nav-menu > li > .sub-menu:before,
.site-header .nav-menu > li > .sub-menu:after {
	content: "";
	border-style: solid;
	position: absolute;
}

.site-header .nav-menu > li > .sub-menu:before {
	top: -1px;
	left: 10px;
	border-width: 0 10px 10px;
	border-color: rgba(0, 0, 0, 0.1) transparent;
}

.site-header .nav-menu > li > .sub-menu:after {
	top: 1px;
	left: 12px;
	border-width: 0 8px 8px;
	border-color: #fff transparent;
}

.site-header .sub-menu a {
	padding: 14px 16px;
	white-space: normal;
	width: 240px;
}

.site-header .sub-menu ul {
	left: 100%;
	top: -1px;
}

.site-header .sub-menu .menu-item-has-children > a {
	padding-right: 30px;
}

.site-header .sub-menu .menu-item-has-children > a:after {
	content: "\f431";
	right: 8px;
	top: 15px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.site-header .nav-menu li:hover > ul,
.site-header .nav-menu .focus > ul {
	clip: inherit;
	overflow: inherit;
	height: inherit;
	width: inherit;
}

.sidebar .main-navigation {	
	margin: 3.125%;
}

.sidebar .main-navigation a {
	display: block;
	padding: 12px 0;
	position: relative;
	text-decoration: none;
}

.sidebar .main-navigation ul {
	list-style: none;
	margin: 0;
}

.sidebar .main-navigation ul ul {
	display: none;
	margin-left: 12px;
}

.sidebar .main-navigation ul .toggled-on {
	display: block;
}

.sidebar .main-navigation li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	position: relative;
}

.sidebar .main-navigation .nav-menu {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.sidebar .main-navigation .nav-menu > ul > li:first-child,
.sidebar .main-navigation .nav-menu > li:first-child {
	border-top: 0;
}

.sidebar .main-navigation .menu-item-has-children > a {
	padding-right: 48px;
}

.no-js .sidebar .main-navigation ul ul {
	display: block;
}

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	content: "";
	height: 42px;
	padding: 0;
	position: absolute;
	text-transform: lowercase;
	/* Stop screen readers to read the text as capital letters */
	top: 3px;
	right: 0;
	width: 42px;
}

.dropdown-toggle:after {
	color: #232323;
	content: "\f431";
	font-size: 24px;
	line-height: 42px;
	position: relative;
	top: 0;
	left: 1px;
	width: 42px;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background-color: #f5f5f5;
}

.dropdown-toggle:focus {
	outline: 1px solid #d2d2d2;
}

.dropdown-toggle.toggle-on:after {
	content: "\f432";
}

.sidebar-toggle {
	background-color: transparent;	
	background-color: #60a3d9; 
	border: 1px solid transparent;
	height: 48px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;	
	right: 3.125%;
	text-align: center;
	-webkit-transform: translate(16px, -50%);
	-ms-transform: translate(16px, -50%);
	transform: translate(16px, -50%);
	width: 48px;
}

.no-js .sidebar-toggle {
	display: none;
}

.sidebar-toggle:before {
	color: #232323;
	content: "\f419";
	line-height: 46px;
	width: 48px;
}

.sidebar-toggle:hover,
.sidebar-toggle:focus {
	background-color: transparent;	
	background-color: #60a3d9; 
	outline: 0;
}

.sidebar-toggle:focus {
	border-color: rgba(0, 0, 0, 0.1);
}

.sidebar-toggle:hover:before,
.sidebar-toggle:focus:before {
	color: #0074b8;
}

.sidebar-toggle.toggled-on:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: 2px;
	left: -1px;
}

.sidebar-toggle.toggled-on:hover:before,
.sidebar-toggle.toggled-on:focus:before {
	color: #232323;
}


/**
 * 7.3 Navigations
 */

.post-navigation {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #555; /*klia2025*/
	border-bottom: 1px solid #555; /*klia2025*/
	font-family: Lato, sans-serif;
	/* maxlee changed to 3.125% */
	/*
	margin: 0 7.6923% 7.6923%;
	*/
	margin: 0 3.125% 3.125%;
	margin: 0 5.40865% 5.40865%;
}

.post-navigation a {	
	display: block;
	padding: 4.5465% 0;	
	text-decoration: none; 
}

.post-navigation span {
	display: block;
}

.post-navigation .meta-nav {
	color: #5b5b5b;
	color: #c9c9c9; 
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 6px;
	text-transform: uppercase;
}

.post-navigation .post-title {
	display: inline;
	/*font-family: "Lato", "Playfair Display", georgia, serif;*/
	font-family:
    	-apple-system, BlinkMacSystemFont,
    	"Segoe UI", Roboto,
    	Oxygen, Ubuntu, Cantarell,
    	"Helvetica Neue", Arial,
    	sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	-webkit-font-variant-ligatures: common-ligatures;
	font-variant-ligatures: common-ligatures;
	font-weight: 700;
	line-height: 1.36364;
	text-rendering: optimizeLegibility;
}

.post-navigation a:hover .post-title,
.post-navigation a:focus .post-title {	
	text-decoration: underline; /*klia2025*/
}

.post-navigation div + div {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #555; /*klia2025*/
}

.pagination {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #555; /*klia2025*/
	font-family: Lato, sans-serif;
}

.sidebar-open .pagination {
	display: none;
}

.pagination a {
	color: #232323;
	color: #7ec8e3; /*klia2025*/
}

.pagination a:hover,
.pagination a:focus {
	color: #0074b8;
}

.pagination .nav-links {
	min-height: 48px;
	position: relative;
	text-align: center;
}

/* reset screen-reader-text */
.pagination .current .screen-reader-text {
	position: static !important;
}

.pagination .page-numbers {
	display: none;
	line-height: 48px;
	padding: 0 6px;
}

.pagination .current {
	color: #5b5b5b;
	color: #c9c9c9;
	display: inline-block;
}

.pagination .prev,
.pagination .next {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	display: inline-block;
	height: 48px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 48px;
}

.pagination .prev:before,
.pagination .next:before {
	font-size: 32px;
	height: 48px;
	line-height: 48px;
	position: relative;
	width: 48px;
}

.pagination .prev:hover,
.pagination .prev:focus,
.pagination .next:hover,
.pagination .next:focus {
	background-color: #0074b8;
	color: #fff;
}

.pagination .prev:focus,
.pagination .next:focus {
	outline: 0;
}

.pagination .prev {
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	left: 0;
}

.pagination .prev:before {
	/*content: "\f430";*/	
	content: "<";
	left: -1px;
}

.pagination .next {
	border-left: 1px solid rgba(0, 0, 0, 0.1);
	right: 0;
}

.pagination .next:before {
	/*content: "\f429";*/
	content: ">";
	right: -1px;
}

.image-navigation,
.comment-navigation {
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	color: rgba(0, 0, 0, 0.1);
	font-size: 12px;
	font-size: 0.75rem;
	font-family: Lato, sans-serif;
	line-height: 1.5;
	/* maxlee changed to 3.125% */
	/* margin: 0 7.6923% 24px; */
	margin: 0 3.125% 24px;
	padding: 12px 0;
}

.comment-navigation {
	margin: 0;
}

.image-navigation .nav-previous:not(:empty),
.image-navigation .nav-next:not(:empty),
.comment-navigation .nav-previous:not(:empty),
.comment-navigation .nav-next:not(:empty) {
	display: inline-block;
}

.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
	content: "\2215";
	font-weight: 400;
	margin: 0 6px;
}

.comments-title + .comment-navigation {
	border-bottom: 0;
}


/**
 * 8.0 Accessibility
 */

/* Text meant only for screen readers. */
.says,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

/* must have higher specificity than alternative color schemes inline styles */
.site .skip-link {
	background-color: #f1f1f1;
	box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
	color: #21759b;
	display: block;
	font: bold 14px/normal Lato, sans-serif;
	left: -9999em;
	outline: none;
	padding: 15px 23px 14px;
	text-decoration: none;
	text-transform: none;
	top: -9999em;
}

.logged-in .site .skip-link {
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	font: bold 14px/normal "Open Sans", sans-serif;
}

.site .skip-link:focus {
	clip: auto;
	height: auto;
	left: 6px;
	top: 7px;
	width: auto;
	z-index: 100000;
}


/**
 * 9.0 Alignments
 */

.alignleft {
	display: inline;
	float: left;
	margin: 4px 24px 24px 0;
}

.alignright {
	display: inline;
	float: right;
	margin: 4px 0 24px 24px;
}

.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto 24px;
}

/**
 * 10.0 Clearings
 */

.clear:before,
.clear:after,
.site-header:before,
.site-header:after,
.site-branding:before,
.site-branding:after,
.site-navigation:before,
.site-navigation:after,
.site-header .nav-menu:before,
.site-header .nav-menu:after,
.hentry:before,
.hentry:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.entry-content-footer:before,
.entry-content-footer:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.nav-links:before,
.nav-links:after,
.comment-navigation:before,
.comment-navigation:after,
.social-navigation ul:before,
.social-navigation ul:after,
.textwidget:before,
.textwidget:after {
	content: "";
	display: table;
}

.clear:after,
.site-branding:after,
.site-header:after,
.site-navigation:after,
.site-header .nav-menu:after,
.hentry:after,
.entry-content:after,
.entry-summary:after,
.entry-content-footer:after,
.comment-content:after,
.site-content:after,
.nav-links:after,
.comment-navigation:after,
.social-navigation ul:after,
.textwidget:after {
	clear: both;
}


/**
 * 11.0 Widgets
 */

.widget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	/* maxlee changed to 3.125% */
	/* margin: 7.6923%;	*/
	margin: 3.125%;
	word-wrap: break-word;
}

.widget-title {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Lato, sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	line-height: 1.2;
	margin: 0 0 24px;
	text-transform: uppercase;
}

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

/* Calendar widget */
.widget_calendar table {
	margin: 0;
}

.widget_calendar td,
.widget_calendar th {
	line-height: 3.2;
	text-align: center;
	padding: 0;
}

.widget_calendar caption {
	font-size: 15px;
	font-size: 0.9375rem;
	font-family: Lato, sans-serif;
	font-weight: 700;
	letter-spacing: 0.05em;
	margin: 0 0 24px;
	text-transform: uppercase;
}

.widget_calendar tbody a {
	background-color: #232323;
	color: #fff;
	display: block;
	font-weight: 700;
}

.widget_calendar tbody a:hover,
.widget_calendar tbody a:focus {
	background-color: #0074b8;
	color: #fff;
}

/* List type widget */
.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	list-style: none;
	margin: 0;
}

.widget_archive ul ul,
.widget_categories ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_nav_menu ul ul,
.widget_pages ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul {
	border-bottom: 0;
	margin: 12px 0 0 12px;
}

.widget_archive li,
.widget_categories li,
.widget_links li,
.widget_meta li,
.widget_nav_menu li,
.widget_pages li,
.widget_recent_comments li,
.widget_recent_entries li {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	padding: 12px 0;
}

.widget_archive li li:last-child,
.widget_categories li li:last-child,
.widget_links li li:last-child,
.widget_meta li li:last-child,
.widget_nav_menu li li:last-child,
.widget_pages li li:last-child,
.widget_recent_comments li li:last-child,
.widget_recent_entries li li:last-child {
	padding-bottom: 0;
}

/* Recent Posts widget */
.widget_recent_entries .post-date {
	color: #5b5b5b;
	display: block;
	font-family: Lato, sans-serif;
}

/* RSS widget */
.widget_rss ul {
	list-style: none;
	margin: 0;
}

.widget_rss li {
	margin-bottom: 24px;
}

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

.widget_rss .rsswidget {
	font-weight: 700;
}

.widget_rss .rsswidget img {
	margin-top: -5px;
}

.widget_rss .rss-date,
.widget_rss cite {
	font-size: 12px;
	font-size: 0.75rem;
	font-family: Lato, sans-serif;
	font-style: normal;
	display: block;
	line-height: 2;
	opacity: 0.7;
}

/* Text Widget */
.textwidget > :last-child {
	margin-bottom: 0;
}


/**
 * 12.0 Site
 */

.site {
	overflow: hidden;
}

.content-area {
	margin: 0 auto;
	max-width: 1088px;
}

.sidebar-open .content-area {
	display: none;
}

.site-main {
	border-bottom: 1px solid transparent;
}

.sidebar {
	background-color: #fff;
	background-color: #333333; /*bigkl20225*/
	display: none;
	height: 100%;
	position: absolute;
	right: 100%;	
	top: 0;
	width: 100%;
}

.sidebar:before {
	background-color: rgba(0, 0, 0,0.03);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1;
}

.sidebar-open .sidebar {
	display: block;
	position: relative;
	right: 0;
	z-index: 1000;
}

.no-js .sidebar {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	display: block;
	height: auto;
	position: relative;
	top: auto;
	right: auto;
}

.sidebar-inner {
	border-top: 1px solid transparent;
	border-bottom: 1px solid transparent;
	margin: 0 auto;
	max-width: 1088px;
}


/**
 * 12.1 Header
 */

.site-header {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	/* maxlee changed to 3.125% */
	/* padding: 7.6923%; */
	padding: 3.125%;	
	padding: 5.40865%;	
	position: relative;
	width: 100%;
}

.site-branding {
	float: left;
	max-width: -webkit-calc(100% - 48px);
	max-width: calc(100% - 48px);
}

.site-title {
	font-family: Lato, sans-serif;
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 900;
	line-height: 1.36364;
	margin: 0;
}
.site-title a {
	
	color: #0074b7; 	
	text-decoration:none; 	
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);	
	transition: color 0.3s ease, text-shadow 0.3s ease;
}
.site-title a:hover,
.site-title a:focus {
	/* opacity: 0.7; */
	color: #29b6f6; 	
	text-shadow: 0 4px 8px rgba(0, 0, 0, 0.6); 
}

.site-description {	
	/*font-family: "Libre Baskerville", georgia, serif;*/
	font-family:
    	-apple-system, BlinkMacSystemFont,
    	"Segoe UI", Roboto,
    	Oxygen, Ubuntu, Cantarell,
    	"Helvetica Neue", Arial,
    	sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 1.5;
	margin: 0;
	opacity: 0.7;
}

.site-title + .site-description {
	margin-top: 4px;
}

.header-image a {
	display: block;
}

.header-image a:focus img {
	opacity: 0.85;
}

.header-image img {
	width: 100%;
	height: auto;
}

.site-navigation {
	float: right;
}


/**
 * 12.2 Posts and pages
 */

.hentry {	
	margin: 0 3.125%;
	padding: 3.125% 0;
	position: relative;
}

.hentry + .hentry {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-top: 1px solid #555;
}

.hentry + .hentry.sticky.has-post-thumbnail,
.hentry.sticky.has-post-thumbnail + .hentry.sticky:not(.has-post-thumbnail),
.hentry.sticky.has-post-thumbnail + .hentry:not(.sticky) {
	border-top: 0;
}

.post-thumbnail {
	display: block;
	float: right;
	margin: 36px 0 12px 4.54029457%;
	width: 22.72417674%;
}

.attachment-post-thumbnail {
	border-radius: 2px;
}

.post-thumbnail:hover,
.post-thumbnail:focus {
	opacity: 0.85;
}

.post-thumbnail:focus {
	outline: none;
}

div.entry-date a {
	color: #5b5b5b;
}

div.entry-date a:hover,
div.entry-date a:focus {
	color: #0074b8;
}

div.entry-date + .entry-header,
div.entry-date + .entry-title {
	margin-top: 6px;
}

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

.sticky .posted-on {
	display: none;
}

.entry-summary {	
	color: #c9c9c9; /*bigkl2027*/	
}

.entry-summary > :last-child {
	margin-bottom: 0;
}

.entry-summary {
	margin-top: 12px;
}

.entry-summary img {
	display: none;
}

.entry-title {
	clear: none;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.36364;
	margin: 0;
}

.entry-title a {	
	color: #7ec8e3; /*klia2025*/
}

.entry-title a:hover,
.entry-title a:focus {	
	/* maxlee use red color for hover */
	/* color:#ff0000; */	
	text-decoration: underline;
}

.entry-content-footer {
	/* maxlee changed to 3.125% */
	/* margin-top: 7.6923%;	*/
	margin-top: 3.125%;
}

.entry-content {
	/* maxlee changed to 3.125% */
	/* margin: 0 7.6923%; */
	margin: 0 3.125%;
	margin: 0 5.40865%;
}

.entry-content > :last-child {
	margin-bottom: 0;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content,
.textwidget {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6,
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.comment-content h1,
.comment-content h2,
.comment-content h3,
.comment-content h4,
.comment-content h5,
.comment-content h6,
.textwidget h1,
.textwidget h2,
.textwidget h3,
.textwidget h4,
.textwidget h5,
.textwidget h6 {	
	margin-top: 24px; 
	margin-bottom: 24px;
}

.entry-content h1:first-child,
.entry-content h2:first-child,
.entry-content h3:first-child,
.entry-content h4:first-child,
.entry-content h5:first-child,
.entry-content h6:first-child,
.entry-summary h1:first-child,
.entry-summary h2:first-child,
.entry-summary h3:first-child,
.entry-summary h4:first-child,
.entry-summary h5:first-child,
.entry-summary h6:first-child,
.page-content h1:first-child,
.page-content h2:first-child,
.page-content h3:first-child,
.page-content h4:first-child,
.page-content h5:first-child,
.page-content h6:first-child,
.comment-content h1:first-child,
.comment-content h2:first-child,
.comment-content h3:first-child,
.comment-content h4:first-child,
.comment-content h5:first-child,
.comment-content h6:first-child,
.textwidget h1:first-child,
.textwidget h2:first-child,
.textwidget h3:first-child,
.textwidget h4:first-child,
.textwidget h5:first-child,
.textwidget h6:first-child {
	margin-top: 0;
}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1,
.textwidget h1 {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.38462;
}
.entry-content h2,
.entry-summary h2,
.page-content h2,
.comment-content h2,
.textwidget h2 {	
	font-size: 32px;
	font-size: 2.4rem;
	line-height: 1.26;	
  	font-weight: 700; 
  	letter-spacing: -0.01em;		
	color: #e88d72;	
}
.entry-content h3,
.entry-summary h3,
.page-content h3,
.comment-content h3,
.textwidget h3 {	
	font-size: 24px;
	font-size: 1.575rem;
	line-height: 1.28;	
	font-weight: 600; 
  	letter-spacing: 0;
	color: #D89C60;
}
.entry-content h4,
.entry-summary h4,
.page-content h4,
.comment-content h4,
.textwidget h4 {	
	font-size: 22px;
	font-size: 1.40rem;
	line-height: 1.34;	
	font-weight: 600;
	color: #fcbf49;
}
.entry-content h5,
.entry-summary h5,
.page-content h5,
.comment-content h5,
.textwidget h5 {		
	font-size: 20px;
	font-size: 1.35rem;
	line-height: 1.34; 	
	color: #d4b87a;
	background: linear-gradient(135deg, #d4b87a, #f5e7c3);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
	text-shadow: none;
}
.entry-content h6,
.entry-summary h6,
.page-content h6,
.comment-content h6,
.textwidget h6 {
	font-size: 18px;
	font-size: 1.25rem;
	line-height: 1.34;	
	color:#e4d7d0;
	background: linear-gradient(135deg, #d4b87a, #f5e7c3);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}

.entry-summary h1,
.entry-summary h2,
.entry-summary h3,
.entry-summary h4,
.entry-summary h5,
.entry-summary h6 {
	clear: none;
}

.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	/* maxlee commented out the following line to enable picture besides text */
	/* display: block;	*/	
	margin:auto; 
}

.entry-content .more-link,
.entry-summary .more-link {
	white-space: nowrap;
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	border-color: currentColor;
	border-style: solid;
	border-width: 4px 0 4px 0;
	padding: 20px 0;
	width: 50%;
}

/* maxlee comment out to use default color */

.entry-footer {
	color: #5b5b5b;
	margin: 24px 3.125% 0;
	margin: 24px 5.40865% 0;
}
.entry-footer a {
	color: #0074b8;
}
.entry-footer a:hover,
.entry-footer a:focus {
	text-decoration: underline;
}


.author-info {
	display:none;
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	border-bottom: 1px dotted rgba(0, 0, 0, 0.1);
	margin: 24px 0 21px;
	padding: 24px 0;
}

.author-info .avatar {
	float: left;
	height: 48px;
	margin: 0 24px 24px 0;
	width: 48px;
}

.author-heading {
	clear: none;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin: 0;
	text-transform: uppercase;
}

.author-title {
	clear: none;
	color: #232323;
	font-family: Lato, sans-serif;
	font-weight: 700;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin: 0;
}

.author-bio {
	overflow: hidden;
}

.author-bio a {
	color: #0074b8;
}

.author-description {
	font-family: Lato, sans-serif;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-link {
	white-space: nowrap;
}

.sticky-post,
.posted-on,
.cat-links,
.tags-links,
.comments-link,
.edit-link,
.full-size-link {
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}

.cat-links,
.tags-links,
.comments-link,
.edit-link,
.full-size-link {
	display: block;	
	/* padding: 3px 0 3px 19px;*/
	/* maxlee set to 0 with new tags-links CSS */
	padding: 3px 0 3px 0px;
	position: relative;
}

.cat-links:before,
.tags-links:before,
.comments-link:before,
.edit-link:before,
.full-size-link:before {
	position: absolute;
	top: 3px;
	left: 0;
}

.cat-links:before {		
	content: ""; 
}

.tags-links:before {	
	content: ""; 
}

.comments-link:before {
	content: "\f300";
}

.full-size-link:before {
	content: "\f402";
}

.edit-link:before {
	content: "\f411";
}

.page-header {	
	border-bottom: 1px solid #555;	
	margin: 0 3.125%;
	padding: 3.125% 0;
}

.page-title {
	font-size: 26px;
	font-size: 1.625rem;
	line-height: 1.38462;
	margin: 0;
}

.taxonomy-description {
	color: #5b5b5b;
	color: #c9c9c9; /*klia2025*/
	margin-top: 6px;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-content {
	/* maxlee changed to 3.125% */
	/*
	margin: 0 7.6923%;
	padding: 7.6923% 0;
	*/
	margin: 0 3.125%;
	padding: 3.125% 0;
}

.page-content > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	font-family: Lato, sans-serif;
	margin: 0 0 24px;
}

.page-links a,
.page-links > span {
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 50%;
	display: inline-block;
	font-size: 12px;
	font-size: 0.75rem;
	height: 24px;
	line-height: 23px;
	margin: 0 4px 4px 0;
	text-align: center;
	width: 24px;
}

.page-links a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #232323;
	border-color: #232323;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #0074b8;
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #232323;
	height: auto;
	margin: 0;
	padding-right: 19px;
	width: auto;
}

.sticky-post {
	font-weight: 700;
	text-transform: uppercase;
}

.single .hentry,
.sticky.hentry.has-post-thumbnail {
	margin: 0;
	/* maxlee changed to 3.125% */
	/*
	padding: 7.6923% 0;
	*/
	padding: 3.125% 0;
}

.sticky.hentry.has-post-thumbnail {
	padding: 0;
}

.single .hentry.has-post-thumbnail {
	padding-top: 0;
}

.entry-header-background {
	background-color: #232323;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;	
	background-size: cover;
	min-width: 100%;
	overflow: hidden;
	position: relative;
}

.no-js .entry-header-background {
	padding-top: 75%;
}

.entry-header-wrapper {
	background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
	background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.4));
	background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.4));
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100%;
}

.single .entry-header,
.sticky .entry-header {
	margin: 0 auto;
	max-width: 1088px; /*maxlyl*/	
}

.single .has-post-thumbnail .entry-header {	
	-webkit-animation: moveUp .5s ease both;
	animation: moveUp .5s ease both;	
	/*	-webkit-transform: translateZ(0);	*/
}

.single .has-post-thumbnail .entry-header.scrolled {	
	-webkit-animation: moveDown .5s ease both;
	animation: moveDown .5s ease both;
	/*	-webkit-transform: translateZ(0);	*/
}


.single .entry-header-inner,
.sticky.has-post-thumbnail .entry-header-inner {
	/* maxlee changed to 3.125% */
	/* padding: 0 7.6923%; */
	padding: 0 3.125%;
	padding: 0 5.40865%;
}

.single .has-post-thumbnail .entry-header-inner {
	/* maxlee changed to 3.125% */
	/* padding-top: 7.6923%; */
	padding-top: 3.125%;
	padding-bottom: 3.84615%;
}

.sticky.has-post-thumbnail .entry-header-inner {
	/* maxlee changed to 3.125% */
	/* padding-bottom: 7.6923%; */
	padding-bottom: 3.125%;
}

.single .entry-title,
.sticky .entry-title {
	font-size: 26px;
	/* maxlee changed to 2.2rem */
	/* font-size: 1.625rem;	*/
	font-size: 2.2rem; 
	line-height: 1.38462;
	margin-right: 0;
}

.entry-header-background div.entry-date a,
.entry-header-background .sticky-post,
.entry-header-background .entry-title,
.entry-header-background .entry-title a {
	color: #fff;
}

.entry-header-background div.entry-date a:hover,
.entry-header-background div.entry-date a:focus,
.entry-header-background .entry-title a:hover,
.entry-header-background .entry-title a:focus {
	opacity: 0.85;
}

.attachment .entry-header {
	/* maxlee changed to 3.125% */
	/* margin: 0 7.6923%; */
	margin: 0 3.125%;
}

.entry-attachment {
	margin-bottom: 24px;
}

.type-attachment .entry-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-caption {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	line-height: 1.5;
	padding-top: 6px;
	word-wrap: break-word;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}


/**
 * 12.3 Comments
 */

.comments-area {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	/* maxlee changed to 3.125% */
	/*
	margin: 0 7.6923%;
	padding: 7.6923% 0;
	*/
	margin: 0 3.125%;
	padding: 3.125% 0;
}

.comments-area > :last-child {
	margin-bottom: 0;
}

.comment-list + .comment-respond {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}

.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
	padding-top: 24px;
}

.comments-title,
.comment-reply-title {
	font-family: "Lato", "Playfair Display", georgia, serif;
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.36364;
	margin: 0;
}

.comments-title {
	margin-bottom: 24px;
}

.comment-list {
	list-style: none;
	margin: 0;
}

.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	padding: 24px 0;
}

.comments-title + .comment-list > li:first-child > article,
.comments-title + .comment-list > li:first-child > .pingback,
.comments-title + .comment-list > li:first-child > .trackback {
	border-top: 0;
	padding-top: 0;
}

.comment-list .children {
	list-style: none;
	margin: 0;
}

.comment-list .children > li {
	padding-left: 12px;
}

.comment-author {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	margin-bottom: 6px;
}

.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 12px;
	position: relative;
	width: 24px;
}

.bypostauthor > article .fn:after {
	content: "\f304";
	position: relative;
	top: 4px;
	left: 3px;
}

.comment-metadata,
.pingback .edit-link {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}

.comment-metadata a {
	color: #5b5b5b;
}

.comment-metadata .comment-edit-link {
	color: #0074b8;
}

.comment-metadata {
	margin-bottom: 24px;
}

.comment-metadata .edit-link,
.pingback .edit-link {
	display: inline-block;
	margin-left: 6px;
}

.pingback .edit-link:before {
	top: 3px;
}

.comment-content ul,
.comment-content ol {
	margin: 0 0 24px 20px;
}

.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}

.comment-content > :last-child {
	margin-bottom: 0;
}

.comment-list .reply {
	font-size: 12px;
	font-size: 0.75rem;
}

.comment-list .reply a {
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #5b5b5b;
	display: inline-block;
	font-family: Lato, sans-serif;
	line-height: 1;
	margin-top: 24px;
	padding: 6px 12px 5px;
	text-transform: uppercase;
}

.comment-list .reply a:hover,
.comment-list .reply a:focus {
	border-color: currentColor;
	color: #0074b8;
	outline: 0;
}

.comment-form {
	padding-top: 24px;
}

.comment-form label {
	/*color: #5b5b5b; maxlyl*/
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.05em;
	line-height: 1.5;
	margin-bottom: 6px;
	text-transform: uppercase;
}

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

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
	/*color: #5b5b5b; maxlyl*/
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	margin-bottom: 24px;
}

.no-comments {
	border-top: 1px dotted rgba(0, 0, 0, 0.1);
	color: #232323;
	font-weight: 700;
	margin: 0;
	padding-top: 24px;
}

.comment-navigation + .no-comments {
	border-top: 0;
}

.form-allowed-tags code {
	font-family: Inconsolata, monospace;
}

.form-submit {
	margin-bottom: 0;
}

.required {
	color: #c0392b;
}

.comment-reply-title small {
	font-size: 100%;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}

.comment-reply-title small a:before {
	content: "\f405";
	font-size: 32px;
	position: relative;
	top: -3px;
}


/**
 * 12.4 Footer
 */

.site-footer {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	/* maxlee changed to 3.125% */
	/* padding: 3.84615% 7.6923%; */
	padding: 3.84615% 3.125%;
	padding: 3.84615% 2.1635%;

}

.sidebar-open .site-footer {
	display: none;
}

.site-info {
	color: #5b5b5b;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
}

.site-info a {
	color: #5b5b5b;
}

.site-info a:hover,
.site-info a:focus {
	color: #0074b8;
}


/**
 * 13.0 Media
 */

.site .avatar {
	border-radius: 50%;
}

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

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object,
video {
	margin-bottom: 24px;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.entry-content .mejs-container .mejs-controls .mejs-time {
	padding-top: 11px;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	margin-top: 0;
	margin-bottom: 24px;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}

.hentry .latex {
	margin: 0;
	max-width: 100%
}


/**
 * 13.1 Captions
 */

.wp-caption {
	margin-bottom: 24px;
	max-width: 100%;
}

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

.wp-caption-text {
	/*
	color:#5b5b5b;
	color:#888888; 	
	color:#ccc; 
	*/
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	padding: 6px 0 0;
	/* maxlee added to center picture caption text */
	text-align:center; 
}


/**
 * 13.2 Galleries
 */



/**
 * 14.0 Multisite
 */

.widecolumn {
	/* maxlee changed to 3.125% */
	/* padding: 7.6923%; */
	padding: 3.125%;
}

.widecolumn .mu_register {
	width: auto;
}

.widecolumn .mu_alert {
	margin-bottom: 24px;
}

.widecolumn form,
.widecolumn .mu_register form {
	margin-top: 0;
}

.widecolumn h2 {
	font-size: 22px;
	font-size: 1.375rem;
	line-height: 1.36364;
	margin: 0 0 24px;
}

.widecolumn p {
	margin: 24px 0;
}

.widecolumn p + h2 {
	margin-top: 48px;
}

.widecolumn label,
.widecolumn .mu_register label {
	color: #5b5b5b;
	font-family: Lato, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	font-weight: 700;
	display: block;
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widecolumn .mu_register label {
	margin: 24px 0 0;
}

.widecolumn #key,
.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #blogname,
.widecolumn .mu_register #user_name {
	font-size: 16px;
	font-size: 1rem;
	width: 100%;
}

.widecolumn .mu_register #blogname {
	margin: 0;
}

.widecolumn .mu_register #blog_title,
.widecolumn .mu_register #user_email,
.widecolumn .mu_register #user_name {
	margin: 0 0 6px;
}

.widecolumn #submit,
.widecolumn .mu_register input[type="submit"] {
	font-size: 12px;
	font-size: 0.75rem;
	margin: 0;
	width: 100%;
}

.widecolumn .mu_register .prefix_address,
.widecolumn .mu_register .suffix_address {
	font-size: inherit;
}

.widecolumn .mu_register > :last-child,
.widecolumn form > :last-child {
	margin-bottom: 0;
}


/**
 * 15.0 Jetpack
 */

/**
 * 15.1 Infinite Scroll
 */


/**
 * 15.2 Extra Widgets
 */


/**
 * 15.9 Site Logo
 */

.site-logo-link {
	display: block;
	max-width: 192px;
}
.site-logo {
	max-height: 48px;
	width: auto;
}
.has-site-logo .site-title {
	margin-top: 12px;
}

/**
 * 15.10 Stats
 */
/*
#wpstats {
	display: none;
}
*/

/**
 * 100.0 Maxlee CSS
 */
/* disabled on 2026-05-05 maxlyl for Google Ads
.google-auto-placed { margin-top:20px; }
.ap_container { margin-bottom:15px; } 
*/	
/*maxlee added to hide post navigation, tags, categories, toggle button */
/*
.post-navigation { display:none;}
.entry-footer {display:none;}
*/
.sidebar-toggle {display:none;} 

li.menu-item a {
	color: #7ec8e3 !important; /*klia2025*/
}

.tptn_counter { font-size:0.7em; }

.round-img { border-radius: 15px;}

.disclaimer {
	color:#ddd;
	font-size:0.8em;
}
.disclaimer a {color: lightblue;}
.disclaimer a:hover {color: red;}

.posted-on {display:none;}

a.booking-btn  {
	background-color:#1964b7;
	display:inline-block;
	text-align:center;
	line-height:18px;
	font-size:smaller;
	border-radius:4px 4px 4px 4px;
	padding:1px 6px 1px 6px;
	text-decoration: none;
	color:#ffffff;
} 
a.goTop {
	color:#fff;
	background:#666;
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	border-top-left-radius:6px;
	font-weight:bold;		
}

.agoda-booking {
	background-color: #FBEDE0; 
	background-color: #a3ebb1;
	padding: 10px; 
	border: 1px solid #E9DAC4; 
	border: 1px solid #18a558;
	border-radius: 6px; 
	margin-bottom: 20px;
}
.agoda-booking a {
	color: #0074b7; /*klia2025*/
}
.booking-booking {
	background: #C8F4F9; 
	padding: 10px; 
	border: 1px solid #7EC8E3; 
	border-radius: 6px; 
	margin-bottom: 20px;
}
.booking-booking a {
	color: #0074b7; /*klia2025*/
}

/* 
divider usage:
<div class="divider"><span></span><span>Test Example</span><span></span></div>
*/
.divider {
	display: table;
	font-size: 22px;
	font-weight: 900;
	text-align: center; 
	width: 100%;
	margin: 40px auto;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.divider span { display: table-cell; position: relative; }
.divider span:first-child, .divider span:last-child {
	width: 50%;
	top: 20px;
	-moz-background-size: 100% 2px; 	
	background-size: 100% 2px; 			
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.divider span:first-child {		
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#fff));
	background-image: -webkit-linear-gradient(180deg, transparent, #fff);
	background-image: -moz-linear-gradient(180deg, transparent, #fff);
	background-image: -o-linear-gradient(180deg, transparent, #fff);
	background-image: linear-gradient(90deg, transparent, #fff);
}
.divider span:nth-child(2) {	
	color: #c9c9c9; 
	padding: 0px 5px; 	
	width: auto;	
	white-space: nowrap;
}
.divider span:last-child {	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #fff, transparent);
	background-image: -moz-linear-gradient(180deg, #fff, transparent);
	background-image: -o-linear-gradient(180deg, #fff, transparent);
	background-image: linear-gradient(90deg, #fff, transparent);
}
/*GREEN divider*/
.dividerG {
	display: table;
	font-size: 22px;
	font-weight: 900;
	text-align: center; 
	width: 100%;
	margin: 40px auto;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.dividerG span { display: table-cell; position: relative; }
.dividerG span:first-child, .dividerG span:last-child {
	width: 50%;
	top: 20px;
	-moz-background-size: 100% 2px; 	
	background-size: 100% 2px; 			
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.dividerG span:first-child { 	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#76B947));
	background-image: -webkit-linear-gradient(180deg, transparent, #76B947);
	background-image: -moz-linear-gradient(180deg, transparent, #76B947);
	background-image: -o-linear-gradient(180deg, transparent, #76B947);
	background-image: linear-gradient(90deg, transparent, #76B947);
}
.dividerG span:nth-child(2) {		
	color: #76B947;
	padding: 0px 5px; 	
	width: auto;	
	white-space: nowrap;
}
.dividerG span:last-child {	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#76B947), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #76B947, transparent);
	background-image: -moz-linear-gradient(180deg, #76B947, transparent);
	background-image: -o-linear-gradient(180deg, #76B947, transparent);
	background-image: linear-gradient(90deg, #76B947, transparent);
}
/*YELLOW divider*/
.dividerY {
	display: table;
	font-size: 22px;
	font-weight: 900;
	text-align: center; 
	width: 100%;
	margin: 40px auto;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.dividerY span { display: table-cell; position: relative; }
.dividerY span:first-child, .dividerY span:last-child {
	width: 50%;
	top: 20px;
	-moz-background-size: 100% 2px; 	
	background-size: 100% 2px; 		
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.dividerY span:first-child { 	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#FBEE0F));
	background-image: -webkit-linear-gradient(180deg, transparent, #FBEE0F);
	background-image: -moz-linear-gradient(180deg, transparent, #FBEE0F);
	background-image: -o-linear-gradient(180deg, transparent, #FBEE0F);
	background-image: linear-gradient(90deg, transparent, #FBEE0F);
}
.dividerY span:nth-child(2) {		
	color: #FBEE0F;
	padding: 0px 5px; 	
	width: auto;	
	white-space: nowrap;
}
.dividerY span:last-child {	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FBEE0F), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #FBEE0F, transparent);
	background-image: -moz-linear-gradient(180deg, #FBEE0F, transparent);
	background-image: -o-linear-gradient(180deg, #FBEE0F, transparent);
	background-image: linear-gradient(90deg, #FBEE0F, transparent);
}
/*BLUE divider*/
.dividerB {
	display: table;
	font-size: 22px;
	font-weight: 900;
	text-align: center; 
	width: 100%;
	margin: 40px auto;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.dividerB span { display: table-cell; position: relative; }
.dividerB span:first-child, .dividerB span:last-child {
	width: 50%;
	top: 20px;
	-moz-background-size: 100% 2px; 	/* line width */
	background-size: 100% 2px; 			/* line width */
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.dividerB span:first-child { 	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#4B7BF5));
	background-image: -webkit-linear-gradient(180deg, transparent, #4B7BF5);
	background-image: -moz-linear-gradient(180deg, transparent, #4B7BF5);
	background-image: -o-linear-gradient(180deg, transparent, #4B7BF5);
	background-image: linear-gradient(90deg, transparent, #4B7BF5);
}
.dividerB span:nth-child(2) {		
	color: #4B7BF5;
	padding: 0px 5px; 	
	width: auto;	
	white-space: nowrap;
}
.dividerB span:last-child {	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#4B7BF5), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #4B7BF5, transparent);
	background-image: -moz-linear-gradient(180deg, #4B7BF5, transparent);
	background-image: -o-linear-gradient(180deg, #4B7BF5, transparent);
	background-image: linear-gradient(90deg, #4B7BF5, transparent);
}
/*RED divider*/
.dividerR {
	display: table;
	font-size: 22px;
	font-weight: 900;
	text-align: center; 
	width: 100%;
	margin: 40px auto;	
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.dividerR span { display: table-cell; position: relative; }
.dividerR span:first-child, .dividerR span:last-child {
	width: 50%;
	top: 20px;
	-moz-background-size: 100% 2px; 	
	background-size: 100% 2px; 	
	background-position: 0 0, 0 100%;
	background-repeat: no-repeat;
}
.dividerR span:first-child { 	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#F54D3D));
	background-image: -webkit-linear-gradient(180deg, transparent, #F54D3D);
	background-image: -moz-linear-gradient(180deg, transparent, #F54D3D);
	background-image: -o-linear-gradient(180deg, transparent, #F54D3D);
	background-image: linear-gradient(90deg, transparent, #F54D3D);
}
.dividerR span:nth-child(2) {		
	color: #F54D3D;
	padding: 0px 5px; 	
	width: auto;	
	white-space: nowrap;
}
.dividerR span:last-child {	
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F54D3D), to(transparent));
	background-image: -webkit-linear-gradient(180deg, #F54D3D, transparent);
	background-image: -moz-linear-gradient(180deg, #F54D3D, transparent);
	background-image: -o-linear-gradient(180deg, #F54D3D, transparent);
	background-image: linear-gradient(90deg, #F54D3D, transparent);
}
@media all and (max-width: 580px) {
	.divider { font-size: 18px; }
	.divider span:first-child, .divider span:last-child { top: 15px; }
	.dividerG {	font-size: 18px; }
	.dividerG span:first-child, .dividerG span:last-child { top: 15px; }
	.dividerY { font-size: 18px; }
	.dividerY span:first-child, .dividerY span:last-child { top: 15px; }
	.dividerB { font-size: 18px; }
	.dividerB span:first-child, .dividerB span:last-child { top: 15px; }
	.dividerR { font-size: 18px; }
	.dividerR span:first-child, .dividerR span:last-child { top: 15px;}
}
/* divider 2026-03-26 BOF */


/* ----table design [table-spec] --BOF-- */
table.table-spec {		
	border-collapse: separate; 
	border-spacing: 0; 
	border-radius: 8px; 
	overflow: hidden; 	
	margin-top: 0px;	
	box-shadow: 0 4px 12px rgba(0,0,0,0.8);
}
table.table-spec a,
table.table-spec a:link,
table.table-spec a:visited { 		
	color: #005A9C; 
}
table.table-spec a.innerLink::before {	  	
	content: "";
  	display: inline-block;
  	width: 1em;      
  	height: 1em;     
  	margin-left: 0.1em;	
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 2 24 24' fill='%23005A9C' stroke='%23005A9C' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3Cpolyline points='15 18 21 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: contain;
  	vertical-align: middle; 
}
table.table-spec tr.yellow td { 	
	background-color: #FFF8E1; 
	border: 1px solid #ffef9f;
}
table.table-spec tr.yellow .column1	{ 	
	background-color: #ffef9f;
}
table.table-spec tr.green td { 		
	background-color: #c9ffb8; 
	border: 1px solid #aaee9c;
}
table.table-spec tr.green .column1 { 
	background-color: #aaee9c;
}
table.table-spec tr.blue td { 	
	background-color: #caf0f8;
	border: 1px solid #BBE7FE
}
table.table-spec tr.blue .column1 { 
	background-color: #BBE7FE; 	
}
table.table-spec tr.compute td { 
	background-color: #0077b6; 	
	border: 1px solid #0077b6;
	padding: 1em 0.7em;
}
table.table-spec tr.odd td {
	background-color: #F0F2F5; /* Soft Stone */
}
table.table-spec tr.odd .column1 {	
	font-weight: bold;
	color: #111111;
	background-color: #ebebeb;
}
table.table-spec .column1 {
	font-weight: bold;	
	color: #111111;
	background-color: #f7f7f7;
}
table.table-spec td {	
	color: #222222;
	padding: .7em .7em;
	line-height: 1.3em;
	font-size: 0.9rem;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	text-rendering: optimizeLegibility !important;
	-webkit-font-smoothing: antialiased !important;		
	border: 1px solid #D8DCE3;		
	background-color: #F7F9FC; /* Cool Grey */
}
table.table-spec thead { 
	border-bottom: none; /* Remove old border, handled by th now */
}
table.table-spec thead th {	 	
	padding: .7em .7em;
	line-height: 1.4em;
	font-weight: bold; 	 
	font-size: 1.0rem; 	
	color: #F0F0F0; 
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;		
	border: 1px solid #0d47a1;	
	border-top: none; 
	background-color: #0d47a1;	
}
table.table-spec thead tr:first-child th:first-child {
	border-top-left-radius: 8px;
}
table.table-spec thead tr:first-child th:last-child {
	border-top-right-radius: 8px;
}
table.table-spec tbody tr:last-child td:first-child {
	border-bottom-left-radius: 8px;
}
table.table-spec tbody tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}
table.table-spec select {
	color: #222222;
}
table.table-spec tr td.white { background-color: #ffffff; } 
/* --table design [table-spec] --EOF-- */

 
.grid-center, .grid_center { text-align:center !important;}
.grid-left, .grid_left { text-align:left !important;}
 
.oo_borderTopBottomBox {
	 border-top:1px solid #ccc;
	 border-bottom:1px solid #ccc;
	 padding:8px 10px;
	 font-size:1.0rem;	 
	 line-height:1.3em;
	 color:#6b6b6b;	 
	 margin-bottom:20px;
}
.oo_borderTopBottomBox a {
	color:#004f72;	
}
.oo_borderTopBox {
	padding:10px 8px 6px 8px;
	font-size:0.9rem;		 
	line-height:1.0em;	
	color:#6b6b6b;	 
	margin-bottom:20px;	
}
.oo_bgColorEFEFEF {	
	background: #212336;
}
.oo_borderNoneBox {
	 padding:8px 8px;
	 font-size:1.0rem;
	 line-height:1.3em;	 	 
	 color:#c9c9c9;
}
.oo_noBorderBox {
	 padding:8px 0px 8px 0px;
	 font-size:1.0rem;
	 margin-bottom:0.0em;
	 line-height:1.3em;
	 color:#6b6b6b;
}

.oo_bgColor000000 {background:#000000;}
.oo_bgColorFFFFCC {background:#ffffcc;}
.oo_bgColorCCCCCC {background:#cccccc;}
.oo_bgColor81C48F {background:#81c48f;}
.oo_bgColor7AC8CC {background:#7ac8cc;}
/*.oo_bgColorEFEFEF {background:#efefef;}*/
.oo_bgColorF2F9FC {background:#f2f9fc;}
.oo_bgColorF1F9EE {background:#f1f9ee;}
.oo_bgColorFBF4F4 {background:#fbf4f4;}
.oo_bgColorECF0F1 {background:#ecf0f1;}
.oo_bgColorFDFBEC {background:#fdfbec;}
.oo_bgColor76A7DA {background:#76a7da;}
.oo_bgColorDCEAF8 {background:#dceaf8;}
.oo_bgColorFFCDD2 {background:#ffcdd2;}
.oo_bgColorBDC3C7 {background:#bdc3c7;}
.oo_bgColor9EADAE {background:#9eadae;}
.oo_bgColorF6F3CE {background:#f6f3ce;}
.oo_bgColorBBDDFF {background:#bbddff;}
 
.oo_bgColorSolid000000  {background:#000000; color:#ffffff;}
.oo_bgColorSolidAB8F85 {background:#ab8f85; color:#fff; }

.newsdate {
	font-size: 0.7em;
    letter-spacing: 0.08em;
	font-weight: 600;
	border-bottom: 1px solid #333;
}
.bigContainer {
	width:1088px; 	
	position:relative;	
	margin-right: -32px;
	margin-left: -32px;
}
@media all and (max-width: 1024px) {
	.bigContainer {
		width:auto;
		left:auto; 		
	}
	.picText {		
		left:0 !important;
		right:0 !important;
	}
}
.picContainer {
	position: relative;
}
.picText {
	position: absolute;		
	background-color: #000000;
	color: white;	
	font-size:0.8em;
	font-family:"Arial";
	line-height:1.2em;
	padding:8px 10px;
	bottom:0;
	right:28.8%;	
}

.spacer-h1  {padding:1px;}
.spacer-h2  {padding:2px;}
.spacer-h3  {padding:3px;}
.spacer-h5  {padding:5px;}
.spacer-h7  {padding:7px;}
.spacer-h10 {padding:10px;}
.spacer-h11 {padding:11px;}
.spacer-h12 {padding:12px;}
.spacer-h13 {padding:13px;}
.spacer-h14 {padding:14px;}
.spacer-h15 {padding:15px;}
.spacer-n25 {margin-top:-25px;}
.spacer-n10 {margin-top:-10px;}
.spacer-n5  {margin-top:-5px;}
 
.size08 {font-size:0.7em; line-height:1.0em !important; font-family:"Arial";}
.size09 {font-size:0.8em; line-height:1.0em !important;}
 
.newssource {
	color:#ccc;
	padding:5px 10px 5px 8px;
	font-style: italic;
	border-radius:6px;
	background:#A49393;
	background: #7E7C73;
}
.newssource a {
	 color:#aaa;
	 color:#EED6D3;
}
input.button.run:hover {
   background: #3ba4c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));
   background: -webkit-linear-gradient(#3ba4c7, #319abd);
   background-image: -moz-linear-gradient(top, #3ba4c7, #319abd);
   background-image: -moz-gradient(top, #3ba4c7, #319abd);
	text-decoration:none;
}
input.button.run:active {
   background: #319abd;
   background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));
   background: -webkit-linear-gradient(#319abd, #3ba4c7);
   background-image: -moz-linear-gradient(top, #319abd, #3ba4c7);
   background-image: -moz-gradient(top, #319abd, #3ba4c7);
}
 
a.button.run {
   background: #3ba4c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#1982a5));
   background: -webkit-linear-gradient(#3ba4c7, #1982a5);
   background-image: -moz-linear-gradient(top, #3ba4c7, #1982a5);
   background-image: -moz-gradient(top, #3ba4c7, #1982a5);
   color: #e5ffff;
   border: 1px solid #004f72;
   text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
   padding:8px 12px;
   font-weight:normal;
   cursor:pointer;
   display:block;
   font-size:0.9em;
   text-align:center;
   margin-bottom:0px;
   margin-top:0px;
   text-decoration:none;
}
a.button.run:hover {
   background: #3ba4c7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));
   background: -webkit-linear-gradient(#3ba4c7, #319abd);
   background-image: -moz-linear-gradient(top, #3ba4c7, #319abd);
   background-image: -moz-gradient(top, #3ba4c7, #319abd);
   text-decoration:none;
}
 
a.button.run:active {
   background: #319abd;
   background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));
   background: -webkit-linear-gradient(#319abd, #3ba4c7);
   background-image: -moz-linear-gradient(top, #319abd, #3ba4c7);
   background-image: -moz-gradient(top, #319abd, #3ba4c7);
}
 
/* main index page thumbnail BOF -------------------------------------------------------*/
a.idxLink { 
	 font-size:0.9rem; 
	 line-height:1.0em; 
	 text-decoration:none;	 
} 
/* main index page thumbnail EOF -------------------------------------------------------*/

.ktm-sbl-station {
	background-color: #1964b7; /*Original*/
	background-color: #1976D2; /*Material Design Blue*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value*/
	box-sizing: border-box; 
}
.ktm-sbl-station-name {		
	color: #1E88E5; /*Bright Royal Blue*/		
	color: #2979FF; /*Electric Blue*/
	color: #2196F3; /*Material Design Blue*/	
}
.ktm-pkl-station {
	background-color: #dc241f; 
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value*/
	box-sizing: border-box; 
}
.ktm-pkl-station-name {
	color: #dc241f; 
}
.ktm-sky-station {
	background-color: #8D5B2D; /*Original*/ 
	background-color: #A1887F; /*Light Tan/Biscuit*/	
	background-color: #8D6E63; /*Cinnamon Brown*/	
	display:inline-block;
	text-align:center;
	line-height:18px;
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px;
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value */
	box-sizing: border-box; 
}
.ktm-sky-station-name {	
	color: #A1887F; /*Light Tan/Biscuit*/
}
.lrt-apl-station {
	background-color: #fe8e10; /*Original*/	
	background-color: #A65114; /*Dark Rust*/	
	background-color: #B26A00; /*Deep Amber*/
	background-color: #CC5500; /*Burnt Orange*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 	
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value */
	box-sizing: border-box;
}
.lrt-apl-station-name {
	color: #CC5500; /*Burnt Orange*/
}
.lrt-spl-station {
	background-color: #721422; /*Original*/	
	background-color: #A52A2A; /*Bright Maroon*/
	background-color: #8B1A2B; /*Old Wine*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 	
	color:white;
	padding:2px 3px 4px 3px;
	min-width: 44px; /* Adjust this value */
	box-sizing: border-box; 
}
.lrt-spl-station-name {		
	color: #DC143C; /*Crimson*/
}
.lrt-kjl-station {
	background-color: #e0115f; 
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value*/
	box-sizing: border-box; 
}
.lrt-kjl-station-name {
	color: #e0115f;
}
.erl-ktl-station {	
	background-color: #0099E6; /*Bright Azure - Bright Sky Blue*/
	background-color: #4DB6AC; /*Soft Aqua*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 40px; /* Adjust this value */
	box-sizing: border-box; 
}
.erl-ktl-station-name {	
	color: #40C4FF; /*Bright Sky Blue - Bright Azure*/
	color: #4DB6AC; /*Soft Aqua*/
}
.erl-kel-station {
	background-color: #8c238f; 
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 40px; /* Adjust this value */
	box-sizing: border-box; 
}
.erl-kel-station-name {		
	color: #D500F9; /*Material Design Purple A400*/	
}
.mon-mon-station {
	background-color: #7dba00; /*Original*/
	background-color: #2E7D32; /*Deep Forest Green*/	
	background-color: #556B2F; /*Deep Olive*/
	background-color: #388E3C; /*Hunter Green*/	
	background-color: #4CAF50; /*Material Design Green*/
	background-color: #28A745; /*Bootstrap Success Green*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value */
	box-sizing: border-box; 
}
.mon-mon-station-name {	
	color: #7CB342; /*Pale Green*/	
}
.mrt-sbk-station {
	background-color: #11753a; /*Original*/
	background-color: #007580; /*Deep Ocean Teal*/
	background-color: #00838F; /*Dark Cyan*/	
	background-color: #00695C; /*Forest Teal*/
	background-color: #00897B; /*Material Design Teal*/
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller; 
	border-radius: 3px 3px 3px 3px; 
	color:white;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value*/
	box-sizing: border-box; 
}
.mrt-sbk-station-name {	
	color: #4CAF50; /*Medium Spring Green*/
}
.mrt-ssp-station {
	background-color:#faca05; /*Original*/
	background-color:#FBC02D; /*Material Design Yellow*/ 
	display:inline-block; 
	text-align:center; 
	line-height:18px; 
	font-size:smaller;
	border-radius: 3px 3px 3px 3px; 
	color:black;
	padding:2px 3px 3px 3px;
	min-width: 44px; /* Adjust this value */
	box-sizing: border-box; 
}
.mrt-ssp-station-name {	
	color:#FBC02D; /*Material Design Yellow*/
}

/* flex-box recharge 28-may-2023 BOF ----------------------------------------------*/
.pLink {
	padding-left:5px;
	padding-right:5px;
	margin-top:4px;
	margin-bottom:5px;
}
.pImg {	
	padding-top:4px;	
}

.flex-box {	
	display: flex;
	flex-flow: row wrap;	
    justify-content: flex-start;    
	gap:9px 9px;
	padding: 0;
	margin: 0;
	list-style: none;	
}
.flex-box-item {	
	width: 105px;
	height: 115px;	
    font-size:0.8rem;	
    line-height: 14px;
	text-align: center;    
	background: #fff;    
	border-radius: 8px;		
	border: 1px solid #bbbbbb;		
}
.flex-box-item a {	
    text-decoration-line: none;
	font-family: 'Tahoma','Verdana','Arial';	
	color:#004f72;	
}
.flex-box-item a:hover {     
	text-decoration: underline;
}
@media all and (max-width: 1024px) {
	.flex-box {
		gap: 11px 11px;
  	}
  	.flex-box-item {
  		width: 96px;
  		height: 114px;
  	}
}
@media all and (max-width: 912px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 116px;
  		height: 117px;
  	}
}
@media all and (max-width: 853px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 108px;
  		height: 114px;
  	}
}
@media all and (max-width: 835px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 106px;
  		height: 114px;
  	}
}
@media all and (max-width: 820px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 112px;
  		height: 114px;
  	}
}
@media all and (max-width: 810px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 110px;
  		height: 114px;
  	}
}
@media all and (max-width: 800px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
  		width: 108px;
  		height: 114px;
  	}
}
@media all and (max-width: 768px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
		width: 127px;
  		height: 114px;
  	}	
}
@media all and (max-width: 744px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
		width: 123px;
  		height: 114px;
  	}	
}
@media all and (max-width: 712px) {
	.flex-box {
		gap: 11px 11px;		
  	}
  	.flex-box-item {
		width: 118px;
  		height: 114px;
  	}	
}
@media all and (max-width: 580px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
		width: 120px;  		
  	}	
}
@media all and (max-width: 576px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
		width: 119px;  		
  	}	
}
@media all and (max-width: 540px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
		width: 112px;  		
  	}	
}
@media all and (max-width: 450px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
		width: 125px;  		
  	}	
}
@media all and (max-width: 430px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
  		width: 120px;  		
  	}  	
}
@media all and (max-width: 428px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
  		width: 119px;  		
  	}  	
}
@media all and (max-width: 414px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
  		width: 115px;  		
  	}
}
@media all and (max-width: 402px) {
	.flex-box {
		gap: 10px 10px;	
  	}
  	.flex-box-item {
  		width: 110px;  		
  	}
}
@media all and (max-width: 393px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {	
  		width: 108px;  		
  	}
}
@media all and (max-width: 384px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
  		width: 106px;  		
  	}
}
@media all and (max-width: 375px) {
	.flex-box {
		gap: 10px 10px;		
  	}
  	.flex-box-item {
  		width: 104px; 		
  	}	
}
@media all and (max-width: 360px) {
  	.flex-box {
		gap: 10px 10px;
	}
  	.flex-box-item {
  		width: 99px;  		
  	}	
}
@media all and (max-width: 344px) {
	.flex-box { 
		gap: 10px 10px; 		
	}
	.flex-box-item { 
		width: 146px; 
	}	
}
@media all and (max-width: 320px) {
  	.flex-box {    
		gap: 10px 10px;		
  	}
  	.flex-box-item { 
		width: 136px; 
	}	  	
}
@media all and (max-width: 280px) {
	.flex-box {     
	  	gap: 10px 10px;		
	}
	.flex-box-item {
		width: 117px; 		
	}
}
/* flex-box recharge 28-may-2023 EOF ----------------------------------------------*/

/* box-ctx recharge 26-april-2024 BOF */
.box-ctx {
	display: flex;	
	flex-flow: row wrap;	
	justify-content: flex-start;	
	padding: 0;
	margin: 0;
	list-style: none;	
	gap: 14px 14px;		
}
.box-ctx-item {
	width: 193px;	
	line-height:1.0em;
	padding: 0px; 
	/* padding: 0px 1px 3px 1px;*/
}
.box-ctx-item a {
	font-size:0.8rem;
	line-height:1.0rem;		
}
.box-ctx-item img {	border-radius:8px; padding-bottom: 2px;}

.box-ctx-item a:hover {
	text-decoration: underline;
}
@media all and (max-width: 1024px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 181px; }
}
@media all and (max-width: 912px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 148px; }
}
@media all and (max-width: 853px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 137px; }
}
@media all and (max-width: 835px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 134px; }
}
@media all and (max-width: 820px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 172px; }
}
@media all and (max-width: 810px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 169px; }
}
@media all and (max-width: 800px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 167px; }
}
@media all and (max-width: 768px) {
	.box-ctx { gap: 13px 13px; }
  	.box-ctx-item { width: 160px; }	
}
@media all and (max-width: 580px) {
	.box-ctx { gap: 11px 11px; }
  	.box-ctx-item { width: 164px; }	
	.box-ctx-item a { font-size: 0.7rem; line-height: 0.8rem; }		
}
@media all and (max-width: 576px) {
	.box-ctx { gap: 11px 11px; }
  	.box-ctx-item { width: 163px; }	
}
@media all and (max-width: 540px) {
	.box-ctx { gap: 11px 11px; }
  	.box-ctx-item { width: 152px; }	
}
@media all and (max-width: 450px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 127px; }	
}
@media all and (max-width: 430px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 120px; }	
}
@media all and (max-width: 428px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 120px; }	
}
@media all and (max-width: 420px) {
	.box-ctx { gap: 10px 10px;  }
  	.box-ctx-item { width: 118px; }	
}
@media all and (max-width: 414px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 116px; }	
}
@media all and (max-width: 412px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 115px; }
}
@media all and (max-width: 402px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 109px; }
}
@media all and (max-width: 393px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 109px; }	
}
@media all and (max-width: 384px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 106px; }	
}
@media all and (max-width: 380px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 105px; }	
}
@media all and (max-width: 375px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 104px; }	
}
@media all and (max-width: 370px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 100px; }
}
@media all and (max-width: 360px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 100px; }
}
@media all and (max-width: 344px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 147px; }
}
@media all and (max-width: 320px) {
	.box-ctx { gap: 10px 10px; }
  	.box-ctx-item { width: 137px; }
}
@media all and (max-width: 280px) {
	.box-ctx { gap: 10px 10px; }
	.box-ctx-item { width: 119px; }
}
/* box-ctx recharge 26-april-2024 EOF */


/* set-ctx recharge 2024-09-07 BOF */
/*
.set-ctx {
	display: flex;	
	flex-flow: row wrap;	
	justify-content: flex-start;	
	padding: 0;
	margin: 0;
	list-style: none;	
	gap: 14px 14px;		
}
.set-ctx-item {
	width: 245px;
	padding: 0px;	
	line-height: 1.0em;
}
.set-ctx-item a {
	font-size:0.8rem;
	line-height:1.0rem;		
}
.set-ctx-item img {	border-radius:8px; padding-bottom: 2px; }

.set-ctx-item a:hover {
	text-decoration: underline;
}
@media all and (max-width: 1024px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 230px; }
}
@media all and (max-width: 912px) {	
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 148px; }	
}
@media all and (max-width: 853px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 187px; }
}
@media all and (max-width: 835px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 183px; }
}
@media all and (max-width: 820px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 234px; }
}
@media all and (max-width: 810px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 230px; }
}
@media all and (max-width: 800px) {
	.set-ctx { gap: 13px 13px; }
  	.set-ctx-item { width: 228px; }
}
@media all and (max-width: 768px) {
	.set-ctx { gap: 13px 13px;  }
  	.set-ctx-item { width: 218px; }	
}
@media all and (max-width: 580px) {
	.set-ctx { gap: 11px 11px; }
  	.set-ctx-item { width: 164px; }	
	.set-ctx-item a { font-size: 0.7rem; line-height: 0.8rem; }	
}
@media all and (max-width: 576px) {
	.set-ctx { gap: 11px 11px; }
  	.set-ctx-item { width: 163px; }	
}
@media all and (max-width: 540px) {
	.set-ctx { gap: 11px 11px; }
  	.set-ctx-item { width: 152px; }	
}
@media all and (max-width: 450px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 127px; }	
}
@media all and (max-width: 430px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 120px; }	
}
@media all and (max-width: 428px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 120px; }	
}
@media all and (max-width: 420px) {
	.set-ctx { gap: 10px 10px;  }
  	.set-ctx-item { width: 118px; }	
}
@media all and (max-width: 414px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 116px; }	
}
@media all and (max-width: 412px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 115px; }
}
@media all and (max-width: 402px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 110px; }	
}
@media all and (max-width: 393px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 109px; }	
}
@media all and (max-width: 384px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 106px; }	
}
@media all and (max-width: 380px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 105px; }	
}
@media all and (max-width: 375px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 104px; }	
}
@media all and (max-width: 370px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 100px; }
}
@media all and (max-width: 360px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 100px; }
}
@media all and (max-width: 344px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 147px; }
}
@media all and (max-width: 320px) {
	.set-ctx { gap: 10px 10px; }
  	.set-ctx-item { width: 137px; }
}
@media all and (max-width: 280px) {
	.set-ctx { gap: 10px 10px; }
	.set-ctx-item { width: 119px; }
}
*/
/* Improved .set-ctx BOF */
.set-ctx {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}
.set-ctx-item { 
    padding: 0;
    line-height: 1;
}
.set-ctx-item a {
    font-size: 0.8rem;
    line-height: 1rem;
    text-decoration: none; 
}
.set-ctx-item img {
    border-radius: 8px;
    padding-bottom: 2px;    
    width: 100%;
    height: auto;
    display: block;
}
.set-ctx-item a:hover {
    text-decoration: underline;
}
@media (max-width: 480px) {
    .set-ctx {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .set-ctx-item a {
        font-size: 0.7rem;
        line-height: 0.8rem;
    }
}

/* Advanced card-grid BOF */
.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
	margin-bottom: 30px;
}
.card-grid-item {
    padding: 0;
    line-height: 1;
    background: #2a2a2a; 
    border-radius: 12px; 
    overflow: hidden; 
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-grid-item:hover {
    transform: translateY(-5px); 
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}
.card-grid-item a {
    text-decoration: none;
    color: inherit;
    display: block; 
}
.card-grid-item img {
    border-radius: 0; 
    padding-bottom: 0;
    width: 100%;
    height: auto;
    display: block;
    transition: transform 0.4s ease;
}
.card-grid-item:hover img {
    transform: scale(1.05); 
}
.card-grid-title {
    display: inline-block;        
    padding: 12px 4px 12px 10px;  
    font-size: 0.85rem;
    font-weight: 600;
    color: #f0f0f0;
    transition: color 0.3s ease;
}
.card-grid-arrow {
    display: inline-flex;  
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    font-weight: bold;
    color: #fe8e10;
    opacity: 0;
    transform: translateX(-5px);
    transition:
        opacity 0.3s ease,
        transform 0.3s ease;
}
.card-grid-item a:hover .card-grid-title {
    color: #ffffff;
}
.card-grid-item a:hover .card-grid-arrow {
    opacity: 1;
    transform: translateX(0);
}
@media (max-width: 480px) {
    .card-grid {
        gap: 10px;
        grid-template-columns: repeat(2, 1fr);
    }
    .card-grid-title {
        font-size: 0.75rem;
        padding: 10px 8px 4px;
    }
    .card-grid-arrow {
        padding: 0 8px 10px;
    }
}
/* set-ctx recharge 2024-09-07 EOF */


/* eight-box & nine-box CSS 2024-09-12 BOF */
.thickBorder {
	border-top: 4px solid #666;
	margin-bottom:10px;
	box-shadow: 0 4px 12px rgba(0,0,0,0.6);
}
.greenDot {
	border-left:32px solid #0a7029;
	margin-bottom:10px;
}
.yellowDot {	
	border-left:32px solid #fede00;
	margin-bottom:10px;
}
.thickText {
	margin-left:12px;
	font-weight: bold;
}


/* New button CSS / image full size CSS on 22 Sep 2023 BOF ---------*/
/* Blue button */
a.button, input.button {
	font-size: 0.9em !important;
	text-decoration: none;
	cursor: pointer;
	display: inline-block;
	position: relative;
	font-weight: bold;
	padding: .4em .6em;
	color: #4c4c4c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);
	-webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.2), inset 0 0 6px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.4);
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#d4d4d4));
	background: -webkit-linear-gradient(#f6f6f6, #d4d4d4);
	background-image: -moz-linear-gradient(top, #f6f6f6, #d4d4d4);
	background-image: -moz-gradient(top, #f6f6f6, #d4d4d4);
border: 1px solid #a1a1a1;
}
a.button:hover, input.button:hover {
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#ececec));
	background: -webkit-linear-gradient(#f6f6f6, #ececec);
	background-image: -moz-linear-gradient(top, #f6f6f6, #ececec);
	background-image: -moz-gradient(top, #f6f6f6, #ececec);
}
a.button:active, input.button:active {
	top: 1px;
	background: #ececec;
	background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#f6f6f6));
	background: -webkit-linear-gradient(#ececec, #f6f6f6);
	background-image: -moz-linear-gradient(top, #ececec, #f6f6f6);
	background-image: -moz-gradient(top, #ececec, #f6f6f6);
	-webkit-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
	-moz-box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
	box-shadow: inset 0 0 3px 0 rgba(0, 0, 0, 0.4), 0 1px 0 0 #ffffff;
}
/* Blue button */
a.button.blue {
	background: #3ba4c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#1982a5));
	background: -webkit-linear-gradient(#3ba4c7, #1982a5);
	background-image: -moz-linear-gradient(top, #3ba4c7, #1982a5);
	background-image: -moz-gradient(top, #3ba4c7, #1982a5);
	color: #e5ffff;
	border: 1px solid #004f72;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
a.button.blue:hover {
	background: #3ba4c7;
	background: -webkit-gradient(linear, left top, left bottom, from(#3ba4c7), to(#319abd));
	background: -webkit-linear-gradient(#3ba4c7, #319abd);
	background-image: -moz-linear-gradient(top, #3ba4c7, #319abd);
	background-image: -moz-gradient(top, #3ba4c7, #319abd);
}
a.button.blue:active {	
	background: #319abd;
	background: -webkit-gradient(linear, left top, left bottom, from(#319abd), to(#3ba4c7));
	background: -webkit-linear-gradient(#319abd, #3ba4c7);
	background-image: -moz-linear-gradient(top, #319abd, #3ba4c7);
	background-image: -moz-gradient(top, #319abd, #3ba4c7);
}
/* Green button */
a.button.hijau {
	background: #1d741b;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d741b), to(#2f5233));
	background: -webkit-linear-gradient(#1d741b, #2f5233);
	background-image: -moz-linear-gradient(top, #1d741b, #2f5233);
	background-image: -moz-gradient(top, #1d741b, #2f5233);
	color: #e5ffff;
	border: 1px solid #004f72;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
a.button.hijau:hover {
	background: #1d741b;
	background: -webkit-gradient(linear, left top, left bottom, from(#1d741b), to(#1a4314));
	background: -webkit-linear-gradient(#1d741b, #1a4314);
	background-image: -moz-linear-gradient(top, #1d741b, #1a4314);
	background-image: -moz-gradient(top, #1d741b, #1a4314);
}
a.button.hijau:active {
	background: #1a4314;
	background: -webkit-gradient(linear, left top, left bottom, from(#1a4314), to(#1d741b));
	background: -webkit-linear-gradient(#1a4314, #1d741b);
	background-image: -moz-linear-gradient(top, #1a4314, #1d741b);
	background-image: -moz-gradient(top, #1a4314, #1d741b);
}      
/* Violet button */
a.button.violet {
	background: #d03e93;
	background: -webkit-gradient(linear, left top, left bottom, from(#d03e93), to(#ae1c71));
	background: -webkit-linear-gradient(#d03e93, #ae1c71);
	background-image: -moz-linear-gradient(top, #d03e93, #ae1c71);
	background-image: -moz-gradient(top, #d03e93, #ae1c71);
	color: #ffe8ff;
	border: 1px solid #7b003e;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
a.button.violet:hover {
	background: #d03e93;
	background: -webkit-gradient(linear, left top, left bottom, from(#d03e93), to(#c63489));
	background: -webkit-linear-gradient(#d03e93, #c63489);
	background-image: -moz-linear-gradient(top, #d03e93, #c63489);
	background-image: -moz-gradient(top, #d03e93, #c63489);
}
a.button.violet:active {
	background: #c63489;
	background: -webkit-gradient(linear, left top, left bottom, from(#c63489), to(#d03e93));
	background: -webkit-linear-gradient(#c63489, #d03e93);
	background-image: -moz-linear-gradient(top, #c63489, #d03e93);
	background-image: -moz-gradient(top, #c63489, #d03e93);
}

@media all and (max-width: 428px) {
	.size-big,
	.caption-big {
		clear: both;
		display: block;		
		float: none;
		/*
		margin: 0 -11.11419486% 32px -11.11419486%;		
		max-width: 122.22838972%;		
		width: 122.22838972%;		
		////----maxlee disabled----////
		margin: 0 -6.483280335% 32px -6.483280335%;
		max-width: 112.04269057%;		
		width: 112.04269057%;
		*/
	}
	.caption-big .wp-caption-text {
		/*
		margin-right: 9.09297331%;
		margin-left: 9.09297331%;
		*/
		margin-right: 8.082642942%;
		margin-left: 8.082642942%;		
	}
	/* table-data small-screen resize CSS BOF */
	table.table-data td {
		padding: 0.5em 0.5em;
		font-size: 0.8rem;
		line-height: 1.2em;		
	}
	table.table-data thead th {
		padding: 0.5em 0.5em;		
		font-size: 0.7rem;		
		line-height: 1.2em;				
	}
	table.table-data thead th.topRow {		
		font-size: 0.8rem;		
	}
	/* table-data small-screen resize CSS EOF */
}

.greenAlert {
	background:#bbf8bb;
	background-color: #1b4332;
	border:1px solid #2c6e49;
	padding:16px 16px;
	border-radius:6px;
	font-size:1.0rem;
	color:#dddddd;
	margin-bottom:30px;
}
.greenAlert a {
	color: #004f72;
	color: #90caf9;
}
.greenAlert1 {
	background:#caffbf;
	background-color: #95d5b2;
	padding:16px 16px;
	border:1px solid #70e000;
	border-radius:6px;
	font-size:1.0rem;
	color:#000000;
	margin-bottom:30px;
}
.greenAlert1 a {
	color:#004f72;
}
.wrapper {
	padding-bottom: 30px;
}
.divider {
	position: relative;
	margin-top: 40px;
	height: 1px;
}
.div-transparent:before {
	content: "";
	position: absolute;
	top: 0;
	left: 5%;
	right: 5%;
	width: 90%;
	height: 2px;	
	background-image: linear-gradient(to right, transparent, rgb(229,229,230), transparent);	
}
.div-arrow-down:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: -7px;
	left: calc(50% - 7px);
	width: 14px;
	height: 14px;
	transform: rotate(45deg);
	background-color: white;
	background-color: #333333;	
	border-bottom: 2px solid rgb(229,229,230); 
	border-right: 2px solid rgb(229,229,230);  
}

/* New button CSS / image full size CSS on 22 Sep 2023 BOF ---------*/

/* 100.0 MaxleeCSS EOF */



/**
 * 101.0 2026 CSS
 */

/* 101.0 2026 BOF */

/* orenCSS BOF */
.blueIntro {
	background-color: #3a3a3a;
	padding: 30px;
	border-radius: 12px;
	margin-bottom: 36px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	border-left: 6px solid #d4af37;
	border-left: 6px solid #90caf9;
}
.blueIntro.content  {
	font-size: 1.0em;
	color: #c9c9c9;
}
.blueNote {
	background-color: #444444;
	border-left: 6px solid #ff9900;
	border-left: 6px solid #64b5f6;	
	padding: 25px;
	margin: 36px 0;
	border-radius: 0 8px 8px 0;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}
.blueNote h3 {	
	color: #e8e8e8; /* Slightly brighter for hierarchy */
	margin-top: 0;
	font-size: 1.2em;
}
.blueNote h4 { 	
	color: #e8e8e8; /* Slightly brighter for hierarchy */
	margin-top: 0;
	font-size: 1.2em;
}
.blueNote.content {
	font-size: 1.0em;
	color: #c9c9c9;
}
.blueSection-container {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
	gap: 30px;
	margin-bottom: 36px;
}        
.blueSection {
	background-color: #3a3a3a;
	border-radius: 12px;
	padding: 30px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
	transition: transform 0.3s ease, box-shadow 0.3s ease;	
	border: 1px solid #444444;
	position: relative;
	overflow: hidden;
}        
.blueSection::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;	
	background: linear-gradient(to right, #1e88e5, #1976d2);
}        
.blueSection:hover {
	transform: translateY(-8px);
	box-shadow: 0 12px 25px rgba(0, 0, 0, 0.5);	
}        
.blueSection h3 { 	
	color: #c9c9c9;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 1.2em;
	border-bottom: 2px solid #555555;
	display: flex;
	align-items: center;	
} 
.blueSection h4 { 	
	color: #c9c9c9;
	padding-bottom: 15px;
	margin-bottom: 20px;
	font-size: 1.2em;
	border-bottom: 2px solid #555555;
	display: flex;
	align-items: center;	
}
.blueClosing {		
	background-color: #2c3e50; 
	padding: 24px;
	border-radius: 8px;	
	border: 1px solid rgba(144, 202, 249, 0.4); 	
	margin-bottom: 36px;	
	box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 
}
.blueClosing h3, .blueClosing h4 {		
	color: #eceff1; 
	border-bottom: 1px solid rgba(0, 180, 216, 0.5); 	
	padding-bottom: 10px;	
	font-size: 1.2em;
	font-weight: 600;
}
.blueClosing p, .blueClosing div {
	color: #b0bec5; 
	line-height: 1.6; 
}
.blueClosing strong {	
	color: #ffffff;
} 
.blueHighlight {
	background-color: #444444;
	padding: 25px;
	border-radius: 10px;
	margin-top: 36px;
	margin-bottom: 36px;
	border: 1px solid #555555;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
}
.blueHighlight h3, .blueHighlight h4, .blueHighlight h5, .blueHighlight h6 {	
	color: #e8e8e8; /* Slightly brighter for hierarchy */
	margin-top: 0;
	font-size:1.2em;
	border-bottom: 1px solid #555555;
	padding-bottom: 10px;
} 
.blueConclusion {
	background-color: #3a3a3a;
	padding: 25px;
	border-radius: 12px;
	margin-top: 36px;
	margin-bottom:36px;
	border: 2px solid #555555;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
}
.blueConclusion h3, .blueConclusion h4, .blueConclusion h5, .blueConclusion h6 { 	
	color: #c9c9c9;
	color: #e8e8e8; /* Slightly brighter for hierarchy */
	font-size:1.2em;
	border-bottom: 2px solid #555555;
	padding-bottom: 15px;
	margin-bottom: 30px;
}
.blueSection ul,
.blueHighlight ul,
.blueConclusion ul {
    padding-left: 0;
    margin-bottom: 20px;
    list-style-type: none;
}
.blueSection li,
.blueHighlight li,
.blueConclusion li {
    margin-bottom: 10px;
    position: relative;
    padding-left: 20px;
    color: #c9c9c9;
}
.blueSection li::before,
.blueHighlight li::before,
.blueConclusion li::before {
    content: "◈";   	
	color: #c9c9c9;
    font-weight: bold;
    display: inline-block;
    width: 1em;
    margin-left: -1.4em;
    margin-right: 6px;
    font-size: 0.9em;
}
.read-more-blue {
	display: inline-block;
	background: linear-gradient(135deg, #42a5f5, #1e88e5); 
	color: #ffffff;
	padding: 11px 22px;
	border-radius: 6px;
	text-decoration: none; 
	margin-top: 15px;
	font-weight: bold;
	font-size: 0.9em;
	transition: all 0.25s ease;
	box-shadow: 0 4px 10px rgba(30, 136, 229, 0.35);
	border: 2px solid transparent; 
}
.read-more-blue::after {
	content: "→";
	margin-left: 8px;
	transition: transform 0.25s ease;
}
.read-more-blue:hover {
	/*
	background: linear-gradient(135deg, #64b5f6, #1976d2); 
	transform: translateY(-3px) scale(1.02);
	box-shadow: 0 8px 24px rgba(30, 136, 229, 0.55);
	border-color: rgba(255, 255, 255, 0.4); 
	text-decoration: none; 
	*/	
	background: linear-gradient(135deg, #1565c0, #0d47a1); 
	transform: translateY(-3px) scale(1.02);	
	box-shadow: 0 8px 24px rgba(13, 71, 161, 0.55);	
	border-color: rgba(66, 165, 245, 0.5); 	
	text-decoration: none; 
}
.read-more-blue:hover::after {
	transform: translateX(6px);
}
.read-more-blue:active {
	transform: translateY(0) scale(1);
	box-shadow: 0 4px 10px rgba(30, 136, 229, 0.35);	
}
@media (max-width: 768px) {
	.blueSection-container {
		grid-template-columns: 1fr;
	}            
	.blueSection {
		padding: 25px;
	}
	.blueIntro, .blueConclusion {
		padding: 25px;
	}
}        
@media (max-width: 480px) {            
	.read-more-blue {
		display: block;
		text-align: center;
		margin-top: 20px;
	}
	.blueSection ul,
	.blueSection li,
	.blueHighlight ul,
	.blueHighlight li,
	.blueConclusion ul,
	.blueConclusion li {
		padding-left: 0px;
	}	
}
/* blueCSS EOF */
/* star-grid, star-card CSS BOF */
.star-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 15px;
	margin-bottom: 36px;
}
.star-card {
	background: rgba(255, 255, 255, 0.05);
	border-radius: 8px;
	padding: 15px;
	border: 1px solid rgba(255, 255, 255, 0.1);
	font-size:1.1rem;
}
.star-name {
	color: #f5f5f5; /* Soft Warm White */
	color: #e0e0e0; /* Sophisticated Light Grey */
	color: #c8bfff; /* Soft Lavender */	
	color: #90F67B; /* Pale Leaf Green */
	color: #8FF18A; /* Soft Mint Green */
	color: #ffdd88; /* Muted Gold */	
	color: #ffd280;
	margin-bottom: 10px;
	border-bottom: 1px solid #555555;
	font-size: 1.2rem;
	font-weight: bold;
}
a.read-more-btn {
	display: inline-block;	
	background: linear-gradient(135deg, #64b5f6, #1e88e5);	
	color: #c9c9c9;
	padding: 6px 16px;
	border-radius: 12px;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.8rem;
	transition: all 0.3s ease;
	border: none;
	cursor: pointer;
	margin-top: 10px;	
}
a.read-more-btn:hover {	
	background: linear-gradient(135deg, #1e88e5, #1565c0);	
	transform: scale(1.05);	
	box-shadow: 0 4px 8px rgba(116, 174, 198, 0.3);	
}
a.read-more-btn:link {
	background: linear-gradient(135deg, #1e88e5, #1565c0);		
	color: #333333;
}
/* star-grid, star-card CSS EOF */
/* effect-grid CSS BOF */
.effect-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
	gap: 20px;	
	margin-bottom:36px;
}
.effect-card {
	background: rgba(45, 45, 45, 0.8);
	padding: 20px;
	border-radius: 8px;	
	border-left: 4px solid #64b5f6;
	font-size:1.1rem;
}
.effect-title {		
	color: #e5c77a; 
	font-weight: 700;
	margin-bottom: 10px;	
	display: flex;
	align-items: center;
	gap: 8px;
}
.effect-title::before {
	content: "✦";
	font-size: 1.2rem;
}
/* effect-grid CSS EOF */
/* stars-links CSS BOF */
.stars-links {
	font-size: 0; 
    display: flex;
    flex-wrap: wrap;
    margin: 10px 0;
}
.stars-links a {
	font-size: 0.85rem; 
    display: inline-flex;
    align-items: center;
    padding: 8px 16px;
    margin-right: 9px;
    margin-bottom: 9px;    
	background-color: #eee;
    color: #2c3e50;
    text-decoration: none;
    border-radius: 8px;
    font-size: 0.85rem;
    font-weight: 600;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08);
    border-left: 3px solid #2ecc71;
}
.stars-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
    border-left-color: #27ae60;
    color: #27ae60;
}
/* stars-links CSS EOF */
/* time-table CSS BOF */
.time-table {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 30px;
	background: rgba(45, 45, 45, 0.9);
}
.time-table th {
	font-size: 1.0rem;
	background: linear-gradient(to bottom, #4a4a4a, #3a3a3a); 
	color: #ffffff;
	padding: 12px;
	border: 1px solid #666;
	vertical-align: top;
	/*alternative: border-bottom: 4px solid #7ec8e3;*/
	border-bottom: 3px solid #3a4550; 
}
.time-table td {
	font-size:1.0rem;
	padding: 12px;
	border: 1px solid #666;
	vertical-align: top;
}
.time-table tr:nth-child(even) {
	background: rgba(60, 60, 60, 0.5);
}
/* time-table CSS EOF */
/* attraction-card CSS BOF */
.locations-grid {
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
    gap: 24px;
    margin-bottom: 36px;
}
.location-title {
	font-size: 1.15rem;	
	color: #000000;	
	border-left: 3px solid #386641;
	margin-bottom: 0.7rem;
	font-weight: 800;
	padding-left: 10px;
}
.attractions-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
	gap: 18px;
	margin-bottom:36px;
}
.attraction-card {		
	background: linear-gradient(to bottom, #e0e0e0, #cfcfcf);
	box-shadow: 0 5px 25px rgba(255, 255, 255, 0.15);
	border-radius: 8px;
	overflow: hidden;	
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	display: flex;
	flex-direction: column;
	height: 100%;	
}
.attraction-card:hover {
	transform: translateY(-4px);	
	box-shadow: 0 12px 35px rgba(255, 255, 255, 0.25); 
}
.card-image {
	height: 180px;
	background-size: cover;
	background-position: center;
	position: relative;
}
.card-image::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;	
	background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);	
}
.card-category {
	position: absolute;
	top: 12px;
	right: 12px;	
	background-color: #386641;
	color: white;
	padding: 4px 10px;
	border-radius: 15px;
	font-size: 0.75rem;
	font-weight: 600;
}
.card-content {
	padding: 1.1rem;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}
.card-title {	
	color: #000000;
	font-size: 1.3rem;
	font-weight: 800;	
	/* Original */
	/* text-shadow: 0 1px 0 rgba(0, 0, 0, 0.10); */
	/* Hard, sharp shadow */
	/* text-shadow: 1px 1px 0px #ddd; */	
	/* Remove the shadow */
	/* text-shadow: none; */
	/* Subtle Glow (The "Inset" Look) */
	text-shadow: 0 0 1px rgba(255, 255, 255, 0.8); 	
	margin-bottom: 0.7rem;
}
.card-location {	
	color: #000000;
	margin-bottom: 0.8rem;
	font-weight: 600;
	display: flex;
	align-items: center;
	gap: 3px;
	font-size: 0.9rem;
}
.card-location::before { 	
	/* 📌 */
	content: "🎯";
	display: inline-block;
	margin-right: 0.1em; 
	vertical-align: middle; 
}
.card-description {	
	color: #222;
	font-size: 1.0rem;
	margin-bottom: 1.2rem;
	flex-grow: 1;
	line-height: 1.5;
}
.card-description a {	
	color: #1565c0;
}
.card-features {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 1.3rem;
}
.feature-tag {		
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 0.8rem;	
	color: #37474f; 
	background-color: #eceff1; 
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); 
}
.feature-tag a {	
	color: #00796b; 	
	text-decoration: none;
	font-weight: 500;
	transition: color 0.2s ease, text-decoration 0.2s ease;
}
.feature-tag a:hover {
	color: #004d40; 
	text-decoration: underline;
}
.read-more-link {
	display: inline-flex;
	align-items: center;
	justify-content: center; 
	background-color: #0d47a1;
	color: white; 
	text-decoration: none;
	padding: 9px 18px;
	border-radius: 5px;
	font-weight: 600;
	transition: all 0.3s ease;
	margin-top: auto;
	font-size: 0.9rem;
}
.read-more-link:hover {		
	background-color: #1976d2;
	transform: translateY(-2px);
	box-shadow: 0 5px 12px rgba(0,0,0,0.1);
	text-decoration: none;
}
@media (max-width: 768px) {	
	.attractions-grid {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 1.5rem;
	}	
}
@media (max-width: 600px) {
	.attractions-grid {
		grid-template-columns: 1fr;
	}
}
/* attraction-card CSS EOF */

/* New Footer CSS BOF*/
.main-footer {
	background: rgba(0, 0, 0, 0.7);
	padding: 50px 0 20px 0;	
	border-top: 2px solid #343a40;
	font-size:0.9rem;
}
.footer-content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 30px;
	margin-bottom: 40px;
}
.footer-section h4 {	
	color: #6a994e;
	margin-bottom: 20px;
	padding-bottom: 10px;	
	border-bottom: 1px solid #354f52;
	border-bottom: 1px solid rgba(240, 240, 240, 0.2);;
	font-size: 1.1em;
}
.footer-section-header {	
	color: #6a994e;
	margin-bottom: 20px;
	padding-bottom: 10px;	
	border-bottom: 1px solid rgba(240, 240, 240, 0.2);;
	font-size: 1.1em;
	font-weight: 900;
}
.footer-links {
	list-style: none;
}
.footer-links li {
	margin-bottom: 12px;
}
.footer-links a {	
	color: #c9c9c9;
	text-decoration: none;
	display: block;
	transition: all 0.2s;
}
.footer-links a:hover {	
	color: #7ec8e3;
	padding-left: 5px;
}
.footer-tools {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.footer-bottom {
	text-align: center;
	padding-top: 20px;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	color: #b8a0b8;
	color: #bbbbbb;
	font-size: 0.9em;
}
/* New Footer CSS EOF*/

/* tags-links and cats-links CSS BOF */
.tags-links {
    font-size: 0; /* Prevents extra space from child elements */
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* ✅ Modern spacing, replaces margins on children */
    margin: 10px 0;
}
.tags-links a {
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px 8px 8px;
    background: #f0f0f0; /* ✅ Softer than pure white */
    color: #2c3e50;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* ✅ Smoother animation */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* ✅ Depth on dark background */
    border-left: 3px solid #e74c3c; /* The red accent */
}
.tags-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* ✅ More pronounced lift */
    border-left-color: #c0392b; /* Darker red on hover */
    color: #c0392b;
    background: #ffffff; /* ✅ Pop to full white on hover */
    text-decoration: none;
}
.tags-links a::before {
    /*content: "📝"; */
	/*content: "🏷️"; */
	content: "📋";
    display: inline-block;
    margin-right: 0.5em; /* ✅ More breathing room */
    vertical-align: middle;
    font-size: 1.1em; /* ✅ Slightly larger icon */
}
.tags-links a:active {
    transform: translateY(-1px); /* Partial return, not a full drop */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Back to the default shadow */
}

.cat-links {
    font-size: 0; /* Keeps child elements from having extra space */
    display: flex;
    flex-wrap: wrap;
    gap: 8px; /* ✅ Modern replacement for margin on children */
    margin: 10px 0;
}
.cat-links a {
    font-size: 0.85rem;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px 8px 8px;
    background: #f0f0f0; /* ✅ Slightly off-white for a softer look */
    color: #2c3e50;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all 0.25s cubic-bezier(0.25, 0.46, 0.45, 0.94); /* ✅ Smoother easing */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* ✅ Stronger shadow for depth */
    border-left: 3px solid #2ecc71;
}
.cat-links a:hover {
    transform: translateY(-3px);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); /* ✅ Enhanced shadow on hover */
    border-left-color: #27ae60;
    color: #27ae60;
    background: #ffffff; /* ✅ Becomes true white on hover for pop */
    text-decoration: none;
}
.cat-links a::before {    
	content: "📓";
    display: inline-block;
    margin-right: 0.5em; /* ✅ Slightly more breathing room */
    vertical-align: middle;
    font-size: 1.1em; /* ✅ Makes the icon slightly larger and more prominent */
}
/* tags-links and cats-links CSS EOF */

/* ===== Headings (heading2,3,4,5) BOF ===== */
/* Optional shorter height
margin-top: 10px !important;
margin-bottom: 0px !important;
*/
.heading2 {
	color: #48cae4; 
	background: linear-gradient(
		135deg,
		#48cae4,    
		#90e0ef     
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.heading2-divider {
	background-color: rgba(255, 255, 255, 0.08);
	height: 1px;
	margin: 0.5em 0 1.5em;
}
.heading2-divider span {
	display: block;
	width: 60%;
	height: 1px;
	margin: 0 auto;
	background: linear-gradient(
		to right,
		transparent,
		#48cae4,
		transparent
	);
}
.heading {		
	color: #fcbf49;
	background: linear-gradient(
		135deg,
		#f4a261 0%,
		#fcbf49 40%,
		#fcbf49 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;	
}
.heading-divider {
	background-color: rgba(255, 255, 255, 0.08);
	height: 1px;
	margin: 0.5em 0 1.5em;
}
.heading-divider span {
	display: block;
	width: 60%;
	height: 1px;
	margin: 0 auto;
	background: linear-gradient(
		to right,
		transparent,
		#f4a261,
		transparent
	);
}
.heading4 {		
	color: #c9a85c;
	background: linear-gradient(
		135deg,
		#c9a85c 0%,
		#d89c60 40%,
		#d89c60 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.heading4-divider {
	background-color: rgba(255, 255, 255, 0.08);
	height: 1px;
	margin: 0.5em 0 1.5em;
}
.heading4-divider span {
	display: block;
	width: 60%;
	height: 1px;
	margin: 0 auto;
	background: linear-gradient(
		to right,
		transparent,		
		#c9a85c,
		transparent
	);
}
.heading5 { 	
	color: #d4b87a;
	background: linear-gradient(
		135deg,
		#d4b87a 0%,
		#f5e7c3 40%,
		#f5e7c3 100%
	);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.heading5-divider {
	background-color: rgba(255, 255, 255, 0.1); 
	height: 1px;
	margin: 0.5em 0px 1.5em;
}
.heading5-divider span {
	display: block;	
	width: 60%; 
	height: 1px;
	background: linear-gradient(
		to right, 
		transparent, 
		#d4b87a, 
		transparent
	);
}
/* ===== Headings (heading2,3,4,5) EOF ===== */


.textBlue { color: #3a86ff; }

.promo-box {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 24px;
	margin-bottom: 30px;
}
.promo-item {	
	border-radius: 8px;
	position: relative;
}
.promo-item img {
	border-radius:8px;
}
@media (max-width: 768px) {	
	.promo-box {
		grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
		gap: 1.5rem;
	}	
}

/* ===== goKL routes BOF ==== */
.route-header { 
    padding: 20px 16px;
    margin-bottom: 30px;
    border: 2px solid; 
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
}
.route-header:hover {
    transform: translateY(-5px); 
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.5); 
}
.route-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 4px; 
}
.route-subtitle {
    font-size: 1rem;
    opacity: 0.9;
}
.route-gokl-01 {
    border-color: #99ff99;
    color: #99ff99; 
}
.route-gokl-02 {
    border-color: #9c69cb;
    color: #9c69cb;
}
.route-gokl-03 {
    border-color: #c23333;
    color: #c23333;
}
.route-gokl-04 {
    border-color: #6699ff;
    color: #6699ff;
}
.route-gokl-05 {
    border-color: #eb8310;
    color: #eb8310;
}
.route-gokl-06 {
    border-color: #ce5ac7;
    color: #ce5ac7;
}
.route-gokl-07 {
    border-color: #4ccbc2;
    color: #4ccbc2;
}
.route-gokl-08 {
    border-color: #a82f27;
    color: #a82f27;
}
.route-gokl-09 {
    border-color: #be661c;
    color: #be661c;
}
.route-gokl-10 {
    border-color: #59ba18;
    color: #59ba18;
}
.route-gokl-11 {
    border-color: #989797;
    color: #989797;
}
.route-gokl-12 {
    border-color: #d6c47b;
    color: #d6c47b;
}
.route-gokl-13 {
    border-color: #efcfe3;
    color: #efcfe3;
}
.route-gokl-14 {
    border-color: #a68a64;
    color: #a68a64;
}
.route-gokl-15 {
    border-color: #f2f3ae;
    color: #f2f3ae;
}
/* ===== goKL routes EOF ==== */

/* ===== internalLink BOF ===== */
a.internalLink::before {	
  	/* ↗ link symbol = content: " \2197"; */  	  	
  	/* > link symbol = content: " \203A"; */	
	/* » link symbol */
	/*
	content: " \00BB"; 
  	margin-left: 0.0em;
	color: currentColor;
	*/	
	content: "";
  	display: inline-block;
  	width: 1em;      
  	height: 1em;     
  	margin-left: 0.1em;	
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 0 24 24' fill='%237ec8e3' stroke='%237ec8e3' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3Cpolyline points='15 18 21 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: contain;
  	vertical-align: middle; 
}
/* ===== internalLink EOF ===== */

/* ===== top-link-container BOF ======*/
.top-link-container {
	clear: both;
	text-align: right;
	line-height: 1;
	border-bottom: 1px solid #7ec8e3;
	margin: 16px 0;
	padding-bottom: 5px;
}
.top-link {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ec8e3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3Cpolyline points='18 11 12 5 6 11'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	vertical-align: middle;
	opacity: 0.7;
	transform: translateY(0);
	transition: transform 0.2s ease-out, opacity 0.2s ease-out;
	outline: none;
}
.top-link-container .top-link:hover,
.top-link-container .top-link:focus {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ec8e3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3Cpolyline points='18 11 12 5 6 11'%3E%3C/polyline%3E%3C/svg%3E");
	background-color: transparent !important;
	opacity: 1;
	transform: translateY(-4px);
}
/* ===== top-link-container EOF ======*/

/* ===== back-to-top BOF ===== */
.back-to-top {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin: 16px 0;
	text-decoration: none;
}
.back-to-top-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	border: 2px solid #7ec8e3;
	border-radius: 50%;
	background-color: transparent;
	transition: background-color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}
.back-to-top-icon::before {
	content: "";
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237ec8e3' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='18 15 12 9 6 15'%3E%3C/polyline%3E%3Cpolyline points='18 11 12 5 6 11'%3E%3C/polyline%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: transform 0.2s ease;
}
.back-to-top:focus {
	outline: none;
}
.back-to-top:focus .back-to-top-icon {
	background-color: rgba(126, 200, 227, 0.15);
	transform: translateY(-3px);
	box-shadow: 0 0 10px rgba(126, 200, 227, 0.4);
}
.back-to-top:focus .back-to-top-icon::before {
	transform: translateY(-2px);
}
.back-to-top:hover .back-to-top-icon {
	background-color: rgba(126, 200, 227, 0.15);
	transform: translateY(-3px);
	box-shadow: 0 0 10px rgba(126, 200, 227, 0.4);
}
.back-to-top:hover .back-to-top-icon::before {
	transform: translateY(-2px);
}
/* ===== back-to-top EOF ===== */


/* ===== lcpbox BOF ===== */
.lcpbox {
	margin: 0 0 1.5em;
	border: 1px solid #1a1a1a; 
	border-radius: 8px;
	max-width: none;
	color: #c9c9c9;
	background-color: transparent;	
	box-shadow: 0 4px 12px rgba(0,0,0,.35);
}
.lcpbox-header {
	padding: 0.6em 1.2em;
	font-weight: bold;
	font-size: 1.1em;
	color: #ccc;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #1f1f1f;
	border-bottom: 1px solid #111; 
}
.lcpbox-body {
	padding: 0;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	background-color: #2c2c2c;
	overflow: hidden; 	
}
.lcp_catlist {
	margin: 0;
	padding: 0.0em 0; 
	list-style: none;
}
.lcp_catlist li {
	position: relative;
	padding: 0.5em 1em 0.5em 2.5em; 
}
.lcp_catlist li:nth-child(even) {	
	background-color: #353535;
	background-color: #313131;
	border-radius: 4px;
	margin: 0 0.0em; 
}
.lcp_catlist li::before {
	content: "";
	position: absolute;
	left: 1.2em;
	top: 50%;
	transform: translateY(-50%);
	width: 8px;
	height: 12px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 12'%3E%3Cpath d='M2 0 L8 6 L2 12' fill='none' stroke='%237ec8e3' stroke-width='2'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	transition: transform 0.2s ease;
}
.lcp_catlist li:hover::before {
	transform: translateY(-50%) translateX(3px);
}
.lcp_catlist a {
	color: #7ec8e3;
	text-decoration: none;
	display: block;
	transition: color 0.2s ease;
}
.lcp_catlist a:hover {	
	color: #d4f1ff; 
	text-decoration: none;
}
.lcp_catlist-trim > :first-child {
	margin-top: 0;
}
.lcp_catlist-trim > :last-child {
	margin-bottom: 0;
}
.lcpbox-clearfix::after {
	content: "";
	display: table;
	clear: both;
}
/* ===== lcpbox EOF ===== */

/* ===== Featured Image (replaces background-image) BOF ====*/
.entry-header-image {
	display: block;
	width: 100%;
	height: auto;
	object-fit: cover;
}
.single .entry-header-image,
.page .entry-header-image {
	max-height: calc((100dvh - 80px) / 2);
	max-height: calc((100vh - 80px) / 2); 
}
.single .entry-header--full,
.page .entry-header--full {
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	width: 100vw;	
}
#entry-header.entry-header--full
.entry-header-overlay
.header-title {	
	max-width: 1024px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;	
	font-size:2.915rem;
	line-height:1.15;
	color: #ffffff;
	text-shadow:
		0 1px 3px rgba(0,0,0,0.6),
		0 2px 6px rgba(0,0,0,0.4);
}
/* Disable moveUp/moveDown for full-width header */
.single .has-post-thumbnail .entry-header.entry-header--full,
.single .has-post-thumbnail .entry-header.entry-header--full.scrolled {
	animation: none;
}
.entry-header--full {
	position: relative;
	transform: none !important;
}
.entry-header-overlay {
	position: absolute;
	inset: 0; /* top:0; right:0; bottom:0; left:0 */
	display: flex;
	flex-direction: column;
	justify-content: flex-end;   
	padding-bottom: 0.0em;       
	background-image:
		linear-gradient(to bottom, transparent, rgba(0,0,0,0.4));
}
@media (max-width: 711px) {
	.single .entry-header-image,
	.page .entry-header-image {
		max-height: calc((100dvh - 60px) / 2);
	}
	#entry-header.entry-header--full
	.entry-header-overlay
	.header-title {			
		padding-left: 1em;
		padding-right: 1em;
		font-size:1.6rem;
		line-height: 1.25;
	}	
	.single .entry-header--full,
	.page .entry-header--full {
		margin-bottom:20px;
	}	
}
@media (min-width: 712px) and (max-width: 1200px) {
	#entry-header.entry-header--full
	.entry-header-overlay
	.entry-header--full__inner
	.header-title {			
		font-size:2.75rem;
		line-height: 1.25;		
		margin-right: 3.84615%;
		margin-left: 3.84615%;
		/* range
		1) 2.94117647%;		
		2) 5.42279412%;		
		*/
	}
}
/* ===== Featured Image (replaces background-image) EOF ====*/

/* ===== section-divider BOF ======*/
.section-divider {
	border-top: 4px solid rgba(255, 255, 255, 0.15);
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.6);
	margin-bottom: 10px; 
}
.section-title + .section-divider {
	margin-bottom: 30px; 
}
.section-title {
	text-align: center;
	margin: 0;
	padding: 8px 0;
}
.section-divider-gradient {
	height: 2px;
	background: linear-gradient(
		to right,
		transparent,
		rgba(255, 255, 255, 0.25),
		transparent
	);
	margin: 30px 0;
}
.section-divider-dots {
	display: flex;
	justify-content: center;
	gap: 8px;
	margin: 30px 0;
}
.section-divider-dots::before,
.section-divider-dots::after {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.35);
}
.section-divider-accent {
	height: 4px;
	width: 80px;
	margin: 20px auto 30px;
	background: linear-gradient(
		to right,
		#42a5f5,
		#1e88e5
	);
	border-radius: 2px;
	box-shadow: 0 2px 8px rgba(30, 136, 229, 0.35);
}
/* ===== section-divider BOF ======*/

/* === two-columns CSS BOF ===== */
.two-columns {
	display: flex;
	gap: 20px; 
	margin-bottom: 30px; 
}
.two-columns .column {
	flex: 1; 	
	min-width: 0; 
	overflow-x: hidden; 
}
@media (max-width: 767px) {
	.two-columns {
		flex-direction: column; 
		gap: 20px; 
		margin-bottom: 20px; 
	}
}
/*three-columns*/
.three-columns {
    display: flex;
    gap: 20px; 
	margin-bottom: 30px; 
}
.three-columns .column {
    flex: 1; 
    min-width: 0; 
    overflow-x: hidden; 
}
@media (max-width: 767px) {
    .three-columns {
        flex-direction: column; 
        gap: 20px; 
		margin-bottom: 20px; 
    }
}
.four-columns {
    display: flex;
    gap: 16px; 
	margin-bottom: 30px; 
}
.four-columns .column {
    flex: 1; 
    min-width: 0; 
    overflow-x: hidden; 
}
@media (max-width: 767px) {
    .four-columns {
        flex-direction: column; 
        gap: 16px; 
		margin-bottom: 20px; 
    }
}
/*layout-thirds*/
.layout-thirds {
    display: flex;
    gap: 20px;
    margin-bottom: 30px;
}
.layout-thirds__sidebar,
.layout-thirds__main {
    min-width: 0;
    overflow-x: hidden;
}
.layout-thirds__sidebar {
    flex: 0 0 calc(100% / 3); 
}
.layout-thirds__main {
    flex: 1; 
}
@media (max-width: 767px) {
    .layout-thirds {
        flex-direction: column;
        gap: 20px;
        margin-bottom: 20px;
    }
    .layout-thirds__sidebar,
    .layout-thirds__main {
        flex: 1 1 100%;
    }
}
/* === two-columns CSS EOF ===== */

.navTitle {		
	color: #e0e0e0; /* Sophisticated Light Grey */
	margin-top: 0;
	font-size:1.2em;
	border-bottom: 1px solid #666;
	padding-bottom: 10px;
	margin-bottom:20px;
} 

/* === text-decorations CSS EOF ===== */
.text-highlight {	
	color: #ffdd88; 
}
.text-badge1 {
	background-color: rgba(255, 255, 255, 0.1); 
	color: #e0e0e0; 	
	padding: 2px 6px;
	border-radius: 3px;
}
.text-badge2 {	
	background-color: rgba(126, 200, 227, 0.15); 
	padding: 2px 6px;
	border-radius: 4px;	
	color: #f5f5f5; 	
}
.text-label {
	font-size: 0.85em;
	font-weight: bold; 
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #ffdd88; 
}
.text-underline {
	color: #ffdd88; 
	border-bottom: 2px solid #ffdd88;
	padding-bottom: 2px; 
}
.text-knockout {
	background-color: #f5f5f5; 
	color: #232323; 
	padding: 2px 6px;
	border-radius: 4px;
	font-weight: bold;
}
.text-info {
	color: #90ee90; 
}
/* === text-decorations CSS EOF ===== */

/* --- Grid Container --- BOF */
.grid-container {
    display: flex;
    flex-wrap: wrap; 
    gap: 20px; 
    max-width: 1400px;
    margin: 0 auto 30px auto;
}
.grid-item {    
    flex: 1 1 calc(25% - 19px); 	
	background: linear-gradient(to bottom, #4a4a4a, #383838);	
    border-radius: 10px;
    overflow: hidden; 
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease; 
    display: flex;
    flex-direction: column; 
}
.grid-item:hover {
    transform: translateY(-8px); 
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.6);
}
.grid-image {
    height: 120px; 
    width: 100%;
    background-size: cover;
    background-position: center;
    position: relative; 
}
.grid-image::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;	
	background: linear-gradient(to top, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 50%);	
}
.keyword-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    border-radius: 50%; 
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.65rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(2px); 
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(0, 0, 0, 0.7);     
    color: #ffffff;     
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); 
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); 
}
.badge-sbl { 
	background-color: #1976D2; /*Material Design Blue*/
}
.badge-pkl { 
	background-color: #dc241f; 	
}
.badge-sky { 
	background-color: #8D6E63; /*Cinnamon Brown*/	
}
.badge-apl { 
	background-color: #CC5500; /*Burnt Orange*/
}
.badge-spl { 
	background-color: #8B1A2B; /*Old Wine*/
}
.badge-kjl { 
	background-color: #e0115f; 
}
.badge-ktl { 
	background-color: #4DB6AC; /*Soft Aqua*/
}
.badge-kel { 
	background-color: #8c238f; 
}
.badge-mon { 
	background-color: #28A745; /*Bootstrap Success Green*/
}
.badge-sbk { 
	background-color: #00897B; /*Material Design Teal*/
}
.badge-ssp { 
	background-color:#FBC02D; /*Material Design Yellow*/ 
	color:#000000;
}
.grid-content {
    padding: 12px 12px 12px 12px;
    display: flex;
    flex-direction: column;
    flex-grow: 1; 
}
.grid-item-title {
    font-size: 1.0rem;      
    font-weight: 600; 	
	color: #F5F5F5; /* Alternative, brighter */
	color: #E0E0E0; 
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4); 
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    margin: 0 0 12px 0;     
    line-height: 1.3;
    /* Optional: Limit to 2 lines if titles can be long */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.grid-item-description {
    font-size: 0.9rem;
    line-height: 1.5;
    margin: 0 0 20px 0; 
    color: #c9c9c9;     
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.view-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: left;
    gap: 4px;
    background-color: #546E7A; 
    color: #ffffff;           
    padding: 12px 10px;       
    border-radius: 6px;       
    border: none;             
	line-height: 1.375; 
    text-decoration: none;
    font-size: 0.85rem;       
    width: 100%;              
    box-sizing: border-box;   
    margin-top: auto; 
    transition: background-color 0.2s ease, transform 0.2s ease;
}
.view-more-btn:hover {
    background-color: #0097A7; 
    color: #ffffff;
    transform: translateY(-2px); 
    box-shadow: 0 4px 8px rgba(0, 188, 212, 0.3); 
    text-decoration: none; 
}
.view-more-btn::before {    
	content: "";
  	display: inline-block;
  	width: 1em;      
  	height: 1em;     
  	margin-left: 0.1em;	
  	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='6 2 24 24' fill='%23ffffff' stroke='%23ffffff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3Cpolyline points='15 18 21 12 15 6'%3E%3C/polyline%3E%3C/svg%3E");
  	background-repeat: no-repeat;
  	background-position: center;
  	background-size: contain;
  	vertical-align: middle; 
	transform: translateY(1px); 
    transition: transform 0.2s ease; 
}
.view-more-btn:hover::before {    
	transform: translateY(1px) translateX(2px); 
}
/* --- Responsive Breakpoints --- */
@media (max-width: 1024px) {
    .grid-item {
        flex: 1 1 23.5%; 
    }
    .grid-container {
        gap: 20px; 
    }
}
@media (max-width: 768px) {
    .grid-container {
        gap: 16px; 
    }
    .grid-item {        
        flex: 1 1 31.5%; 
    }
}
@media (max-width: 480px) {
    .grid-container {
        gap: 16px; 
    }
	.grid-item {
        flex: 1 1 47%; 
    }
	.grid-item-title {
		font-size: 0.9rem; 		
		-webkit-line-clamp: 1;	
	}    
	.grid-item-description {
		font-size: 0.8rem;		
		-webkit-line-clamp: 3; 		
	}
	.view-more-btn {        
        line-height: 1.275;         
        padding: 10px 10px; 		
    }	
}
/* --- Grid Container --- EOF */

/* --- station-container 2026/05/25 BOF --- */
/* --- Responsive Breakpoints --- desktop: 5 tablets: 4 mobile: 2 items */
.station-container p:has(> a.station-link) {
    display: none !important;
}
.station-container p:empty {
    display: none !important;
}
.station-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;     
    padding: 0; 
    margin-bottom: 30px;     
}
.station-item { 
    flex: 1 1 calc(20% - 13px);     
    min-width: 160px;     
    max-height: 180px;    
    border-radius: 10px;
    overflow: hidden;
    background-color: #2c2c2c;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.4);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.station-item:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 25px rgba(0, 0, 0, 0.5);
}
.station-container .station-item:last-child:nth-child(5n + 1) {
    flex-grow: 0;
}
.station-link {
    display: block;
    height: 100%;
    text-decoration: none;
    color: inherit;
}
.station-image {
    position: relative;
    width: 100%;
    height: 180px; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.station-badge {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 0.7rem;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    backdrop-filter: blur(2px);    
	border: 1px solid color-mix(in srgb, currentColor 20%, transparent);
    z-index: 2;    
    color: #ffffff; 
}
.station-title-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
	padding: 40px 15px 15px 15px;     
    background: linear-gradient(to top, rgba(0,0,0,0.9) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
}
.station-title {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;    	
    color: #b0bec5; 
	color: #f0f0f0;
    font-size: 0.9rem; 
    font-weight: 600;
    line-height: 1.4; 
    text-shadow: 0 1px 3px rgba(0,0,0,0.5);
}
@media (max-width: 1024px) {
    .station-item {
        flex: 1 1 calc(25% - 12px);
    }
    .station-container .station-item:last-child:nth-child(4n + 1) {
        flex-grow: 0;
    }
}
@media (max-width: 768px) {
    .station-container {
        gap: 12px;
        margin-bottom: 20px;
    }
    .station-item {
        flex: 1 1 calc(25% - 9px);
        min-width: 140px;
    }
    .station-image {
        height: 180px;
    }
    .station-title {
        font-size: 0.85rem;
        line-height: 1.3;
    }	
}
@media (max-width: 480px) {
    .station-item {
        flex: 1 1 calc(50% - 6px);
        min-width: 130px;
    }
    .station-image {
        height: 160px;
    }
    .station-title {
        font-size: 0.8rem;
    }    
	.station-container .station-item:last-child:nth-child(2n + 1) {
        flex-grow: 1;
    }	
}
/* --- station-container 2026/05/25 EOF --- */

/* --- show-item-container 2026/05/27 BOF --- */
.show-item-container {	
	display: flex;
	flex-flow: row wrap;	
    justify-content: flex-start;    
	gap: 10px;
	padding: 0;
	margin: 0;
	list-style: none;		
}
.show-item {	
    flex: 1 1 0; 
    height: 115px;	
    font-size: 0.8rem;	
    line-height: 14px;
    text-align: center;    
    background-color: #ffffff;    
    border-radius: 10px;		
	border: 1px solid #444; 
	/*
	border: 1px solid #07BB9C;
	border: 1px solid #ade8f4;
	*/			
	box-shadow: 0 4px 15px rgba(173, 216, 230, 0.25); 
    transition: transform 0.2s ease-out, box-shadow 0.2s ease-out;    
    display: flex;
    justify-content: center;
    align-items: center;
	flex-basis: calc(11.1% - 10px);
	flex-grow: 0;
}
.show-item:hover {
    transform: translateY(-5px); 
    box-shadow: 0 8px 25px rgba(173, 216, 230, 0.35); 	
}
.show-item a {	
    text-decoration: none;
    font-family: 'Tahoma', 'Verdana', 'Arial';    
    color: #004f72;	    
    font-weight: normal; 
	text-shadow: 0 0 4px rgba(255, 255, 255, 0.8);    
    transition: color 0.2s ease-out, text-shadow 0.2s ease-out;
}
.show-item a:hover {     
    color: #0066a1; 
    text-shadow: 0 0 6px rgba(255, 255, 255, 1);
    text-decoration: none;
}
@media all and (max-width: 1024px) {
	.show-item-container .show-item {
		flex-basis: calc(11.1% - 10px);
	}
}
@media all and (max-width: 853px) {
	.show-item-container .show-item {
		flex-basis: calc(20% - 10px);
	}
}
@media all and (max-width: 768px) {
	.show-item-container .show-item {
		flex-basis: calc(25% - 10px);
	}
}
@media all and (max-width: 580px) {
	.show-item-container .show-item {
		flex-basis: calc(33.333% - 10px);
	}
}
@media all and (max-width: 312px) {
	.show-item-container .show-item {
		flex-basis: calc(50% - 10px);
	}
}
/* --- show-item-container 2026/05/27 EOF --- */

/* REUSABLE NUMBER MARKER SYSTEM BOF */
/* Usage: 
<span class="mark mark-kjl"><span class="mark-number">5</span></span> <span class="line-kjl-name">Kelana Jaya</span> 
*/
.mark {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 20px;
    border-radius: 3.3px;
    font-weight: bold;
    line-height: 1;
    font-size: 0;
}
.mark-number {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 15px;
    height: 8.5px;
    background: white;
    border-radius: 10%;
    font-size: 14px;
    color: black;
    font-weight: bold;
}
.mark-sbl {
    background: #579be6;
}
.mark-sbl .mark-number {
    border: 1.6px solid #579be6;
}
.mark-pkl {
    background: #fb5e5a;
}
.mark-pkl .mark-number {
    border: 1.6px solid #fb5e5a;
}
.mark-apl {
    background: #fe8e10;
}
.mark-apl .mark-number {
    border: 1.6px solid #fe8e10;
}
.mark-spl {
    background: #a03a4a; 
}
.mark-spl .mark-number {
    border: 1.6px solid #721422; 
}
.mark-kjl {
    background: #e0115f; 
}
.mark-kjl .mark-number {
    border: 1.6px solid #e0115f; 
}
.mark-mon {
    background: #7dba00;
}
.mark-mon .mark-number {
    border: 1.6px solid #7dba00;
}
.mark-sbk {
    background: #0b8439;
}
.mark-sbk .mark-number {
    border: 1.6px solid #0b8439;
}
.mark-ssp {
    background: #faca05;
}
.mark-ssp .mark-number {
    border: 1.6px solid #faca05;
}
.line-sbl-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #579be6; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #579be6; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-pkl-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #fb5e5a; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #fb5e5a; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-apl-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #fe8e10; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #fe8e10; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-spl-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #d94f65; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #d94f65; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-kjl-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #e0115f; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #e0115f; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-mon-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #7dba00; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #7dba00; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-sbk-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #26b25c; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #26b25c; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
.line-ssp-name {
	display: inline-flex; 
	align-items: center; 
	justify-content: center; 
	height: 20px; 
	padding: 0 0.6em; 
	box-sizing: border-box; 
	border: 0.075em solid #faca05; 
	border-radius: 0.5em; 
	font-weight: bold; 
	color: #faca05; 
	white-space: nowrap; 
	font-size: 0.85em; 
	vertical-align: middle;
}
/*
<div class="numbered-line"><span class="numbered-circle">1</span><span class="numbered-text">KL Sentral Monorail station ⇄ KL Sentral LRT station</span></div>
*/
.numbered-line {
  display: flex;
  align-items: flex-start;   
  gap: 0.5em;
  margin-bottom: 0.5em;
}
.numbered-circle {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  text-transform: uppercase;
  color: #f5f5f5;
  font-size: 1em;
  font-weight: 600;
  background: linear-gradient(to bottom, #6c6f75 0%, #4a4d52 100%);
  border-radius: 50%;
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  box-shadow:
      inset 0 1px 0 rgba(255,255,255,0.25),
      0 0 0 1px rgba(0,0,0,0.25);
}
.numbered-text {
  line-height: 1.5;
  color: #ddd; 
}

/* LEGACY CODES */
.nav3Box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
	margin-bottom:28px;
}
.box-item {
    border: 1px solid #000;
    padding: 8px 6px;
    border-radius: 6px;
    font-size:0.8rem;
    text-align: center;
	line-height: 18px;
	position: relative;
	color:#000;
}
.box-item a { 
	text-decoration: none; 
	line-height: 1.2;
	color:#023e7d;
}
.box-item a:hover { 
	text-decoration: underline; 	
}
.redicon {
	background:#f3722c;
	background:#004e98;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color:#fff;
	width:24px;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    position: absolute;
    top: 0px;
    right: 6px;
}
.blueicon {
	background:#757bc8;
	background:#40916c;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	color:#fff;
	width:24px;
	font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    position: absolute;
    top: 0px;
    right: 6px;
}
.colorBlue { 
	background-color: #cae0cd;
}
.colorGrey { 
	background-color: #d8f1f3;
}

.nav4Circle {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 12px;
    grid-row-gap: 12px;
	margin-bottom:36px;
}
.circle-item {
    border: 2px solid #ccc;
    padding: 6px 6px;
    border-radius: 8px;
    font-size:0.7em;
    text-align: center;
	line-height: 18px;
	position: relative;
	background-color: #e4e1e1;
}
.circle-item a { 
	text-decoration: none; 
	color: #023e7d;
	line-height: 18px;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}


/* 101.0-EOF 2026 EOF */



/**
 * 16.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */

@media only screen and (min-width:320px) and (max-width:1024px) { 	
	/* main index page thumbnail BOF --------------------------------------------------*/
	a.idxLink {font-size:0.9rem; text-decoration:none;}	
	/* main index page thumbnail EOF --------------------------------------------------*/
		
	/* maxlee added the following for fonts displayed for mobile screens BOF */
	.single .entry-title,
	.sticky .entry-title {
		font-size: 26px;
		font-size: 1.85rem; 
		line-height: 1.38462;
		margin-right: 0;
	}
	.entry-content h2,
	.entry-summary h2,
	.page-content h2,
	.comment-content h2,
	.textwidget h2 {		
		font-size: 1.5rem;      
    	letter-spacing: 0;  
		line-height: 1.25em;    
	}
	.entry-content h3,
	.entry-summary h3,
	.page-content h3,
	.comment-content h3,
	.textwidget h3 {		
		font-size: 1.275rem; 
		line-height: 1.25em;
	}
	.entry-content h4,
	.entry-summary h4,
	.page-content h4,
	.comment-content h4,
	.textwidget h4 {		
		font-size: 1.125rem;
		line-height: 1.25em;
	}
	.entry-content h5,
	.entry-summary h5,
	.page-content h5,
	.comment-content h5,
	.textwidget h5 {		
		font-size: 1.125rem;
		line-height: 1.25em;		
	}
	.entry-content h6,
	.entry-summary h6,
	.page-content h6,
	.comment-content h6,
	.textwidget h6 {		
		font-size: 1.10rem;
		line-height: 1.25em;		
	}	
	.oo_borderTopBottomBox {		
		font-size:0.9rem;	
	}	
	.oo_borderNoneBox {		
		font-size:0.9rem;		
	}
	/* maxlee added the following for fonts displayed for mobile screens EOF */
}


/**
 * 16.1 >= 470px
 */

@media screen and (min-width: 29.375em) {
	.entry-title {
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1.38462;
	}

	.single .entry-title,
	.sticky .entry-title,
	.page-title {
		font-size: 37px;
		font-size: 2.3125rem;
		line-height: 1.2973;
	}
	
}


/**
 * 16.2 >= 601px
 */

@media screen and (min-width: 37.5625em) {
	.site-header {
		padding: 3.84615%;
	}

	.sidebar-toggle {
		right: 3.84615%;
	}

	.social-navigation {
		/* maxlee changed to 3.125% */
		/*
		margin-top: 7.6923%;
		margin-bottom: 7.6923%;
		*/
		margin-top: 3.125%;
		margin-bottom: 3.125%;
	}

	.sidebar .main-navigation,
	.social-navigation,
	.widget {
		margin-right: 15.3846%;
		margin-left: 15.3846%;
	}

	.entry-title {
		font-size: 31px;
		font-size: 1.9375rem;
		line-height: 1.35484;
	}

	.single .entry-title,
	.sticky .entry-title,
	.page-title {
		font-size: 45px;
		font-size: 2.8125rem;
		line-height: 1.24444;
	}
	ul { padding-left: 20px;
		 padding-right: 20px;}

}


/**
 * 16.3 >= 700px
 */

@media screen and (min-width: 43.75em) {
	body {
		font-size: 18px;
		/* 
		  maxlee changed from 1.125rem to 1.25rem 
		  back to 1.125rem on 28/7/2024
		*/
		font-size: 1.125rem;
		line-height: 1.77778;
	}

	input,
	select,
	textarea {		
		font-size: 12px;
		font-size: 0.9rem;
		line-height: 1.125;		
	}
	p,
	address,
	pre,
	hr,
	dl,
	dd,
	table,
	.alignleft,
	.alignright,
	.aligncenter,
	.post-thumbnail,
	.page-links,
	.entry-attachment,
	.comments-title,
	.comment-metadata,
	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.form-allowed-tags,
	embed,
	iframe,
	object,
	video,
	.wp-audio-shortcode,
	.wp-video,
	.wp-playlist.wp-audio-playlist,
	.wp-caption,
	.gallery {		
		margin-bottom: 24px;
	}

	.main-navigation,
	.post-navigation .meta-nav,
	.image-navigation,
	.comment-navigation,
	.widget,
	.sticky-post,
	.posted-on,
	.cat-links,
	.tags-links,
	.comments-link,
	.edit-link,
	.full-size-link,
	.author-heading,
	.page-links a,
	.page-links > span,
	.entry-caption,
	.comment-metadata,
	.pingback .edit-link,
	.comment-list .reply,
	.comment-form label,
	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as,
	.form-allowed-tags,
	.site-info,
	.wp-caption-text,
	.gallery-caption {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.6;
	}

	blockquote {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 1.63636;
		margin-bottom: 32px;
		margin-left: -32px;
		padding-left: 28px;
	}

	blockquote p {
		margin-bottom: 36px;
	}

	blockquote cite,
	blockquote small {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.77778;
	}

	blockquote > blockquote {
		margin-left: 0;
	}

	pre {
		padding: 16px;
	}

	ul, ol {
		/* margin: 0 0 32px 0;	*/
		margin: 0 0 24px 0; /* maxlee changed from 32px to 24px */
	}

	ul, ol {
		/* maxlee changed from 25px 30px to 5px 5px, added list-style-position: outside */
		/*
		padding-left:25px;
		padding-right:30px;
		*/
		padding-left:18px;
		padding-right:10px;
		list-style-position:outside; 
	} 

	li > ul,
	li > ol,
	blockquote > ul,
	blockquote > ol {
		margin-left: 24px;
	}

	th, td {
		padding: 8px;
	}

	button,
	input[type="button"],
	input[type="reset"],
	input[type="submit"] {
		font-size: 15px;
		font-size: 0.9375rem;
		padding: 17px 32px 16px;
	}

	input[type="text"],
	input[type="email"],
	input[type="url"],
	input[type="password"],
	input[type="search"],
	textarea {
		padding: 7px;
	}

	input[type="checkbox"],
	input[type="radio"] {
		margin-right: 8px;
	}

	.post-password-form label {
		font-size: 15px;
		font-size: 0.9375rem;
		margin-bottom: 16px;
		padding-bottom: 8px;
	}

	.sidebar .main-navigation ul ul {
		margin-left: 16px;
	}

	.post-navigation .meta-nav {
		margin-bottom: 8px;
	}

	.post-navigation .post-title {
		font-size: 37px;
		font-size: 2.3125rem;
		line-height: 1.2973;
	}

	.pagination .nav-links {
		min-height: 64px;
	}

	.pagination .current .screen-reader-text {
		position: absolute !important;
	}

	.pagination .page-numbers {
		display: inline-block;
		line-height: 64px;
		padding: 0 8px;
	}

	.pagination .prev,
	.pagination .next {
		height: 64px;
		width: 64px;
	}

	.pagination .prev:before,
	.pagination .next:before {
		font-size: 48px;
		height: 64px;
		line-height: 64px;
		width: 64px;
	}

	.pagination .prev:before {
		left: -10px;
	}

	.pagination .next:before {
		right: 3px;
	}

	.image-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before,
	.comment-navigation .nav-previous:not(:empty) + .nav-next:not(:empty):before {
		margin: 0 8px;
	}

	.image-navigation,
	.comment-navigation {
		padding: 16px 0;
	}

	.image-navigation {
		margin-bottom: 32px;
	}

	.alignleft {
		margin-top: 8px;
		margin-right: 32px;
	}

	.alignright {
		margin-top: 8px;
		margin-left: 32px;
	}

	.widget p,
	.widget address,
	.widget pre,
	.widget hr,
	.widget dl,
	.widget dd,
	.widget table,
	.widget .alignleft,
	.widget .alignright,
	.widget .aligncenter,
	.widget embed,
	.widget iframe,
	.widget object,
	.widget video,
	.widget .wp-audio-shortcode,
	.widget .wp-video,
	.widget .wp-playlist.wp-audio-playlist,
	.widget .wp-caption,
	.widget .gallery {
		margin-bottom: 24px;
	}

	.widget blockquote {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.66667;
		margin-left: -30px;
		padding-left: 26px;
	}

	.widget blockquote p {
		margin-bottom: 30px;
	}

	.widget blockquote cite,
	.widget blockquote small {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.6;
	}

	.widget blockquote > blockquote {
		margin-left: 0;
	}

	.widget pre,
	.widget th, .widget td {
		padding: 6px;
	}

	.widget h1,
	.widget h2,
	.widget h3,
	.widget h4,
	.widget h5,
	.widget h6 {
		margin: 0 0 24px;
	}

	.widget h1 {
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1.38462;
	}

	.widget h2 {
		font-size: 22px;
		font-size: 1.375rem;
		line-height: 1.36364;
	}

	.widget h3 {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.33333;
	}

	.widget h4,
	.widget h5,
	.widget h6 {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.2;
	}

	.widget ul, .widget ol {
		margin: 0 0 24px 0;
	}

	.widget li > ul,
	.widget li > ol {
		margin-bottom: 0;
	}

	.widget li > ul,
	.widget li > ol,
	.widget blockquote > ul,
	.widget blockquote > ol {
		margin-left: 24px;
	}

	.widget button,
	.widget input[type="button"],
	.widget input[type="reset"],
	.widget input[type="submit"] {
		font-size: 12px;
		font-size: 0.75rem;
		padding: 11px 16px 9px;
	}

	.widget input[type="text"],
	.widget input[type="email"],
	.widget input[type="url"],
	.widget input[type="password"],
	.widget input[type="search"],
	.widget textarea {
		font-size: 16px;
		font-size: 1rem;
		line-height: 1.5;
		padding: 3px 6px;
	}

	.widget .wp-caption-text {
		font-size: 12px;
		font-size: 0.75rem;
		line-height: 1.5;
		padding: 6px 0 0;
	}

	.widget .widget-title {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.33333;
	}

	.widget_calendar table {
		margin: 0;
	}

	.widget_calendar td,
	.widget_calendar th {
		line-height: 3.2;
		padding: 0;
	}

	.widget_calendar caption {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.33333;
	}

	.widget_archive ul,
	.widget_categories ul,
	.widget_links ul,
	.widget_meta ul,
	.widget_nav_menu ul,
	.widget_pages ul,
	.widget_recent_comments ul,
	.widget_recent_entries ul,
	.widget_rss ul {
		margin: 0;
	}

	.widget_rss li {
		margin-bottom: 24px;
	}

	.widget_rss .rss-date,
	.widget_rss cite {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.84615;
	}

	.textwidget > :last-child {
		margin-bottom: 0;
	}

	.site-title {
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1.2307692307;
	}

	.site-description {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.53846;
	}

	.post-thumbnail {
		margin-top: 48px;
		margin-bottom: 16px;
	}

	div.entry-date + .entry-header,
	div.entry-date + .entry-title {
		margin-top: 8px;
	}

	.entry-title {		
		font-size: 32px;
		font-size: 2.0rem;
		line-height: 1.1891891891;
	}

	.single .entry-title,
	.sticky .entry-title,
	.page-title {		
		font-size: 38px;
		font-size: 2.85rem;
		line-height: 1.1851851851;		
	}

	.entry-summary {
		margin-top: 16px;
	}

	.entry-content h1,
	.entry-content h2,
	.entry-content h3,
	.entry-content h4,
	.entry-content h5,
	.entry-content h6,
	.entry-summary h1,
	.entry-summary h2,
	.entry-summary h3,
	.entry-summary h4,
	.entry-summary h5,
	.entry-summary h6,
	.page-content h1,
	.page-content h2,
	.page-content h3,
	.page-content h4,
	.page-content h5,
	.page-content h6,
	.comment-content h1,
	.comment-content h2,
	.comment-content h3,
	.comment-content h4,
	.comment-content h5,
	.comment-content h6 {		
		margin-top: 32px;
		margin-bottom: 26px;		
	}

	/* section for .entry-content .entry-summary .page-content .comment-content h1, h2, h3, h4, h5 */

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		padding: 28px 0;
	}

	.entry-footer {
		margin-top: 32px;
	}

	.author-info {
		display:none;
		margin: 32px 0 28px;
		padding: 32px 0;
	}

	.author-info .avatar {
		height: 64px;
		margin: 0 32px 32px 0;
		width: 64px;
	}

	.author-title,
	.author-bio {
		font-size: 18px;
		font-size: 1.125rem;
		line-height: 1.5555555555;
	}

	.cat-links,
	.tags-links,
	.comments-link,
	.edit-link,
	.full-size-link {		
		/* padding: 4px 0 4px 19px;	*/
		/* maxlee changed to 0px with new tags-links CSS*/
		padding: 4px 0 4px 0px;
	}

	.cat-links:before,
	.tags-links:before,
	.comments-link:before,
	.edit-link:before,
	.full-size-link:before {
		top: 8px;
	}

	.taxonomy-description {
		margin-top: 8px;
	}

	.page-links a,
	.page-links > span {
		height: 32px;
		line-height: 31px;
		width: 32px;
	}

	.page-links > .page-links-title {
		padding-right: 26px;
	}

	.entry-caption {
		padding-top: 8px;
	}

	.comment-list + .comment-respond,
	.comment-navigation + .comment-respond {
		padding-top: 32px;
	}

	.comments-title,
	.comment-reply-title {
		font-size: 26px;
		font-size: 1.625rem;
		line-height: 1.23077;
	}

	.comment-list article,
	.comment-list .pingback,
	.comment-list .trackback {
		padding: 32px 0;
	}

	.comment-list .children > li {
		padding-left: 32px;
	}

	.comment-author {
		margin-bottom: 0;
	}

	.comment-author .avatar {
		height: 56px;
		margin-right: 16px;
		top: 4px;
		width: 56px;
	}

	.bypostauthor > article .fn:after {
		top: 8px;
	}

	.comment-metadata .edit-link,
	.pingback .edit-link {
		margin-left: 8px;
	}

	.pingback .edit-link:before {
		top: 7px;
	}

	.comment-content ul,
	.comment-content ol {
		margin: 0 0 32px 0;
	}

	.comment-content li > ul,
	.comment-content li > ol,
	.comment-content blockquote > ul,
	.comment-content blockquote > ol {
		margin-left: 24px;
	}

	.comment-list .reply a {
		margin-top: 32px;
		padding: 8px 16px 7px;
	}

	.comment-form,
	.no-comments {
		padding-top: 32px;
	}

	.comment-form label {
		margin-bottom: 8px;
	}

	.comment-reply-title small a:before {
		top: 1px;
	}

	.wp-caption-text,
	.gallery-caption {
		padding-top: 8px;
	}

	.widecolumn .mu_alert {
		margin-bottom: 32px;
	}

	.widecolumn h2 {
		font-size: 37px;
		font-size: 2.3125rem;
		line-height: 1.2973;
		margin: 0 0 32px;
	}

	.widecolumn p {
		margin: 32px 0;
	}

	.widecolumn p + h2 {
		margin-top: 64px;
	}

	.widecolumn label,
	.widecolumn .mu_register label {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.53846;
	}

	.widecolumn .mu_register label {
		margin: 32px 0 0;
	}

	.widecolumn .mu_register #blog_title,
	.widecolumn .mu_register #user_email,
	.widecolumn .mu_register #user_name {
		margin: 0 0 8px;
	}

	.widecolumn #submit,
	.widecolumn .mu_register input[type="submit"] {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	.infinite-loader {
		height: 48px;
	}

	#infinite-handle span {
		display: block;
		font-size: 15px;
		font-size: 0.9375rem;
		padding: 17px 32px 16px;
	}

	.site .portfolio-entry {
		margin-bottom: 64px;
	}

	.site .portfolio-featured-image + .portfolio-entry-title {
		margin: 16px 0 0;
	}

	.site .portfolio-entry-title + .portfolio-entry-meta {
		margin-top: 12px;
	}

	.site .portfolio-entry-meta {
		line-height: 1.33333;
	}

	.site .portfolio-entry-meta span,
	.site .portfolio-entry-meta a {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.6;
	}

	.site .portfolio-entry-content {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.6;
		margin-top: 16px;
	}

	.site .tiled-gallery {
		margin-bottom: 32px;
	}

	.jetpack-video-wrapper {
		margin-bottom: 32px;
	}

	.jetpack-video-wrapper > embed,
	.jetpack-video-wrapper > iframe,
	.jetpack-video-wrapper > object,
	.jetpack-video-wrapper > .wp-video {
		margin-bottom: 0;
	}

	.fb_iframe_widget {
		margin-bottom: 32px;
	}

	.site .gist .gist-file {
		margin-bottom: 32px;
	}

	.instagram-media {
		margin-bottom: 32px !important;
	}

	.PDS_Poll {
		margin-bottom: 32px;
	}

	.site .presentation-wrapper {
		margin: 0 0 32px;
	}

	iframe[src^="https://embed.spotify.com"] {
		margin: 0 0 32px !important;
	}

	.site .jetpack-recipe {
		margin: 0 0 32px;
	}

	.site .slideshow-window {
		margin-bottom: 32px;
	}

	/* Subscription */
	.hentry .jetpack_subscription_widget {
		margin-bottom: 32px;
	}

	.hentry .jetpack_subscription_widget #subscribe-email input {
		padding: 7px;
	}

	iframe[id*="twitter-widget-"] {
		margin-bottom: 32px !important;
	}

	.site .video-player {
		margin-bottom: 32px;
	}

	.video-player object {
		margin-bottom: 0;
	}

	.hentry div.sharedaddy h3.sd-title,
	.hentry h3.sd-title {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.hentry div#jp-relatedposts h3.jp-relatedposts-headline {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		padding-right: 16px;
		width: 33%;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items .jp-relatedposts-post {
		margin-bottom: 0;
	}

	.hentry .jp-relatedposts-post-img {
		margin-bottom: 8px;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items p {
		font-size: 13px;
		font-size: 0.8125rem;
		line-height: 1.53846;
	}

	.hentry div#jp-relatedposts div.jp-relatedposts-items-visual h4.jp-relatedposts-post-title,
	.hentry .jp-relatedposts-post-title {
		font-size: 15px;
		font-size: 0.9375rem;
		line-height: 1.33333;
	}

	.site-logo {
		max-height: 96px;
	}
	/* New Footer CSS BOF*/
	ul.footer-links {		
		padding-left:0px;
	}
}

@media all and (max-width: 768px) {
	/* New Footer CSS BOF*/
	.footer-content {
		grid-template-columns: 1fr; 
		gap: 30px;
	}
	.footer-section h4 {
		font-size: 1.2em; 
		margin-bottom: 15px;
	}
	.footer-links li {
		margin-bottom: 10px;		
	}
	.main-footer {
		padding: 40px 0 20px 0;
	}
	/* New Footer CSS BOF*/	
}


/**
 * 16.4 >= 828px
 */

@media screen and (min-width: 51.755em) {
	.sidebar .main-navigation,
	.social-navigation,
	.widget {
		margin-right: 23.0759%;
		margin-left: 23.0759%;
	}

	.image-navigation,
	.post-navigation,
	.entry-content,
	.entry-footer,
	.comments-area,
	.attachment .entry-header,
	.not-found .page-header,
	.page-content {
		margin-right: 15.3846%;
		margin-left: 15.3846%;
	}

	.single .entry-header-inner,
	.widecolumn {
		padding-right: 15.3846%;
		padding-left: 15.3846%;
	}

	.entry-title,
	.entry-summary {
		margin-right: 27.27891994%;
	}

	.entry-content blockquote.alignleft {
		margin-right: 11.11419486%;
		margin-left: -11.11419486%;
	}

	.entry-content blockquote.alignright {
		margin-right: -11.11419486%;
		margin-left: 11.11419486%;
	}

	.entry-content blockquote.aligncenter {
		border: 0;
		font-size: 1.9375rem;
		font-size: 31px;
		line-height: 1.6774193548;
		margin: 0 -11.11419486% 32px -11.11419486%;
		padding: 32px 0;
		max-width: 122.22838972%;
	}

	.size-big,
	.caption-big {
		clear: both;
		display: block;
		float: none;
		margin: 0 -11.11419486% 32px -11.11419486%;
		max-width: 122.22838972%;
		width: 122.22838972%;
	}

	.caption-big .wp-caption-text {
		margin-right: 9.09297331%;
		margin-left: 9.09297331%;
	}

	.caption-big .size-big,
	table .caption-big,
	table .caption-big .wp-caption-text,
	table .size-big {
		margin: 0 !important;
		max-width: 100% !important;
	}
}


/**
 * 16.5 >= 925px
 */

@media screen and (min-width: 57.8125em) {
	.sidebar .main-navigation,
	.social-navigation,
	.widget {
		margin-right: 23.5079%;
		margin-left: 23.5079%;
	}

	.image-navigation,
	.post-navigation,
	.entry-content,
	.entry-footer,
	.comments-area,
	.attachment .entry-header,
	.not-found .page-header,
	.page-content {
		/*
		margin-right: 17.6471%;
		margin-left: 17.6471%;
		*/
		/*
		Maximum width: 1088px.
		Old content width: 1088px - (1088px x 17.6471%)x2 = 1088px - (384px)x2 = 704px
		max resized to:
		New contset width: 1088px - (1088px * 5.42279412%)x2 = 1088px - (59)x2 = 970px
		*/		
		/* for 768px width */
		/*
		margin-right: 14.70588%;
		margin-left: 14.70588%;
		*/
		/* for 970px width 
		margin-right: 5.42279412%;
		margin-left: 5.42279412%;
		*/
		/* for 1024px width */	
		/*background-color:#444;*/
		margin-right: 2.94117647%;
		margin-left: 2.94117647%; 

	}

	.single .entry-header-inner,
	.widecolumn {
		/*
		padding-right: 17.6471%;
		padding-left: 17.6471%;
		*/		
		/* for 768px width 
		padding-right: 14.70588%;
		padding-left: 14.70588%;
		*/
		/*max resized to set width to 970px - image max width: 1088px */
		/* for 970px width 
		padding-right: 5.42279412%;
		padding-left: 5.42279412%;
		*/
		/* for 1024px width */
		padding-right: 2.94117647%;
		padding-left: 2.94117647%; 
	}

	.post-navigation {
		margin-bottom: 5.8824%;
	}

	.post-navigation a {
		padding: 4.5333% 0;
	}

	.site-header {
		padding: 2.9412%;
	}

	.sidebar-toggle {
		float: right;
		height: 32px;
		position: relative;
		top: auto;
		right: auto;
		-webkit-transform: translate(16px, 0);
		-ms-transform: translate(16px, 0);
		transform: translate(16px, 0);		
	}

	.sidebar-toggle:before {
		content: "\f476";		
		font-size: 24px;
		line-height: 30px;
	}
	
	.no-sidebar .sidebar-toggle {
		display: none;
	}

	.sidebar .main-navigation {
		display: none;
	}
	
	.custom-menu .site-branding {
		margin-right: 32px;
		max-width: -webkit-calc(100% - 80px);
		max-width: calc(100% - 80px);
	}

	.custom-menu .sidebar-toggle {
		border-left-color: rgba(0, 0, 0, 0.1);
	}

	.custom-menu .site-header .main-navigation {
		display: block;
		margin: 0 -16px;
	}

	.menu-left .site-branding {
		margin-right: 0;
		max-width: -webkit-calc(100% - 48px);
		max-width: calc(100% - 48px);
	}

	.menu-left .site-header .main-navigation {
		clear: both;
		float: left;
		margin-top: 16px;
		max-width: -webkit-calc(100% - 32px);
		max-width: calc(100% - 32px);
	}

	.menu-left .sidebar-toggle {
		border-color: transparent;
		height: 48px;
		position: absolute;
		right: 32px;
		top: 50%;
		-webkit-transform: translate(16px, -50%);
		-ms-transform: translate(16px, -50%);
		transform: translate(16px, -50%);
	}

	.menu-left .sidebar-toggle:focus {
		border-color: rgba(0, 0, 0, 0.1);
	}

	.menu-left .sidebar-toggle:before {
		line-height: 46px;
	}

	.hentry {
		margin: 0 5.8824%;
		padding: 5.8824% 0;
	}

	.post-thumbnail {
		margin-bottom: 0;
		margin-left: 6.66829507%;
		width: 26.67318026%;
	}

	.single .hentry,
	.sticky.hentry {
		padding: 5.8824% 0;
	}

	.entry-title,
	.entry-summary {
		margin-right: 33.34147533%;
	}

	.entry-content-footer {
		margin-top: 5.8824%;
	}

	.single .has-post-thumbnail .entry-header-inner {
		padding-top: 5.8824%;
		padding-bottom: 2.9412%;
	}

	.sticky.has-post-thumbnail .entry-header-inner {
		padding: 0 5.8824% 5.8824%;
	}

	.scroll-indicator-wrapper {
		margin-bottom: 2.9412%;
	}

	.comments-area {
		padding: 5.8824% 0;
	}

	.page-header {
		margin: 0 5.8824%;
		padding: 5.8824% 0;
	}

	.page-content {
		padding: 5.8824% 0;
	}

	.entry-content blockquote.alignleft {
		margin-right: 9.06666667%;
		margin-left: -18.16666667%;
	}

	.entry-content blockquote.alignright {
		margin-right: -18.16666667%;
		margin-left: 9.06666667%;
	}

	.entry-content blockquote.aligncenter,
	.size-big,
	.caption-big {
		margin-right: -18.16666667%;
		margin-left: -18.16666667%;
		max-width: 136.36666667%;
		width: 136.36666667%;
	}

	.caption-big .wp-caption-text {
		margin-right: 13.3431085%;
		margin-left: 13.3431085%;
	}

	.site-footer {
		padding: 2.9412%;
		text-align:center; /* maxlee added for footer */
	}

	.widecolumn {
		padding-top: 5.8824%;
		padding-bottom: 5.8824%;
	}

	.infinite-loader {
		margin: 5.8824% 0;
	}

	#infinite-handle {
		display: block;
		margin: 0 5.8824%;
		padding: 5.8824% 0;
	}

	#infinite-footer {
		display: block;
	}

	.infinite-scroll.neverending .infinite-loader {
		padding-bottom: 48px;
	}
}


/**
 * 16.6 >= 1088px
 */

@media screen and (min-width: 68em) {
	.site-header,
	.site-footer {
		padding: 28px; /*changed from 32px to 28px maxlyl */
	}
}


/**
 * 16.7 >= 1216px
 */

@media screen and (min-width: 76em) {
	.entry-content blockquote.alignleft {
		margin-right: 64px;
		margin-left: -192px;
	}

	.entry-content blockquote.alignright {
		margin-right: -192px;
		margin-left: 64px;
	}

	.entry-content blockquote.aligncenter,
	.size-big,
	.caption-big {
		
		/* default 704px width, 1088 large image
		margin-right: -192px;
		margin-left: -192px;
		max-width: 1088px;
		width: 1088px;
		*/		
		/* 768px width, 1088 large image 
		margin-right: -160px;
		margin-left: -160px;
		max-width: 1088px;
		width: 1088px;
		*/
		/* for 970px width, 1200 large image 
		margin-right: -154px;
		margin-left: -116px;
		max-width: 1200px;
		width: 1200px;
		*/
		/* for 1024px width, 1088 large image 64px extra-right-margin*/	
		margin-right: -32px;
		margin-left: -32px;
		max-width: 1088px;
		width: 1088px;
	}	

	.caption-big .wp-caption-text {
		/*
		margin-right: 192px;
		margin-left: 192px;
		*/
		/* maxlee set the caption to the far left */
		margin-right: 0px;
		margin-left: 0px;		
	}
}