/*!
Theme Name:colinqi
Theme URI:https:/www.colinqi.com
Author:Colin
Author URI:https://www.colinqi.com
Description:Just do it if you want.
Version:7.0
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
	0.0 CSS reset
	1.0 Document Setup	 
	2.0 Main Layout
	3.0 Element Base
	4.0 Header Wrapper
	5.0 Sidebar Wrapper
	6.0 Archive Wrapper
	7.0 Singular Wrapper
	8.0 Comment Area
	9.0 Footer Wrapper
	10.0 Customize CSS
	11.0 Media Screen
--------------------------------------------------------------*/
/*	
**	0.0 CSS reset
/*! From normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* -----------------------------------------------------------------------*/
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
main {
  display: block;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
button,
input { /* 1 */
  overflow: visible;
}
button,
select { /* 1 */
  text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  -moz-appearance: button
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  -moz-appearance: textfield;
  outline-offset: -2px; /* 2 */
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  -moz-appearance: button;
  font: inherit; /* 2 */
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
/*	
**	1.0 Document Setup
*/
:root {
	--wrapper-width: 1140px;
	--singular-width: 960px;
	--content-width: 880px;
	--aside-width: 260px;	
	--a-href: #339999;
	--bg-white: #ffffff !important;
	--bg-bed: #f8f8f8;
	--dark-blue: #2b4353;
	--dark-blue-light: rgb(43,67,83,0.1);	
	--eff: #eeffff;
	--orange-light: #ffead2;
	--dark-green: #003333;
	--dark-pink: #993366;
	--light-pink: #e8bbd2;
	--orange: #ff6600;
	--soft-red: #e0a7b3;
	--dark-cyan: #067681;
	--light-cyan: #eafcfe;
	--bg-fce: #fce8df !important; /*lighter pink*/
	--bg-fef: #fefce8 !important; /*lighter yellow*/
	--bg-efe: #e0efdc !important; /*light green*/
	--bg-ffb: #fffbf2 !important; /*light orange*/
	--bg-dbc: #d7b3b6 !important; /*grayishred*/
	--bg-fdf: #fdf9b9 !important; /*light yellow*/
	--bg-bbd: #bbdcf8 !important; /*light blue*/
	--bg-ecg: #433e5c !important; /*dark brown*/
	--bg-grayishcyan: #f7f8f7 !important; /*Light grayish green.*/
	--gallery-columns:'--';
	--circle:'--';
	--displayValue: inline;
    --media-screen: 100vw;
    --action-block-width: 285px;
}
*,
html,
body,
div,
p,
a,
img,
span,
code,
pre,
kbd,
blockquote,
iframe,
header,
footer,
section,
article,
figure,
h1,
h2,
h3,
h4,
h5,
ul,
ol,
li,
table,
thead,
tbody,
th,
td,
tr,
input,
button,
textarea,
::before,
::after {
	outline: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-font-smoothing: antialiased;	
}
html {
	font-size: 62.5%;
	font-family:'Lato',Roboto,sans-serif; /* 1 */
	-ms-text-size-adjust: 100%; /* 2 */
	-webkit-text-size-adjust: 100%; /* 2 */
	scroll-behavior: smooth
}
body {
	position: relative;
	font-family: 'Lato',Roboto,sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #555;
	background-color: var(--bg-bed);
	letter-spacing: -0.015em;
	text-align: left;	      
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizeLegibility;	
}
*,
*::before,
*::after {
	word-break: break-word;
	word-wrap: break-word;
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}
*:focus {
	outline: 1px solid #0066cc;
}

img {
	width: auto;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	overflow:clip !important;
	-webkit-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
	   -moz-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		-ms-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
		 -o-transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);
			transition: all 400ms cubic-bezier(0.250, 0.460, 0.450, 0.940);	
}
img:focus,
img:hover {
	position: relative;
	-webkit-transform: scale(1.02);
	   -moz-transform: scale(1.02);
	    -ms-transform: scale(1.02);
	     -o-transform: scale(1.02);	
	        transform: scale(1.02);			
}
img.noScale:focus,
img.noScale:hover,
img.slbImage:focus,
img.slbImage:hover,/*simpleLightbox*/
.noScale > img:focus,
.noScale > img:hover {
	position: relative;
	z-index: 0;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	-o-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);	
}
.bigScale > img:focus,
.bigScale > img:hover {
	position: relative;
	z-index: 0;
	-moz-transform: scale(1.2);
	-webkit-transform: scale(1.2);
	-o-transform: scale(1.2);
	-ms-transform: scale(1.2);
	transform: scale(1.2);	
}
p,
figure,
embed,
iframe,
object,
video {	
	margin: 0 auto;
	max-width: 100%; 
}
blockquote {
	border-left: 6px solid #e6ecf0;
	border-radius: 3px;
	margin-left: 1.5em
}
i {
	font-style: italic;
}
h1 {font-size: 25px;font-size: 2.5rem;font-weight: 600;line-height: 1.2;}
h2 {font-size: 22px;font-size: 2.2rem;font-weight: 600;line-height: 1.2;}
h3 {font-size: 20px;font-size: 2.0rem;font-weight: bold;line-height: 1.2;}
h4 {font-size: 18px;font-size: 1.8rem;font-weight: bold;line-height: 1.2;}
h5,
h6 {font-size: 16px;font-size: 1.6rem;font-weight: bold;line-height: 1.2;}

button,
input,
textarea {
	color: #333;
	border-radius: 0;
}
::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}
::-webkit-input-placeholder {
	color: inherit;
	opacity: .5;
}
::-moz-placeholder {
	color: inherit;
	opacity: .5;
}
:-ms-input-placeholder {
	color: inherit;
	opacity:.5
}
::placeholder {
	color: inherit;
	opacity: .5;
}
::-ms-clear { display: none; }

a { 
	color: #339999;
	text-decoration: none;
	font-family: 'Lato',Roboto,sans-serif;
	box-sizing: border-box;
}
.active,
a:active,
a:hover { 
	outline-width: 0;
	color: var(--orange);
}
a[rel~="nofollow"] {
    background-color: transparent !important;
    color: #339999 !important;
}
a[rel~="nofollow"]:hover {
    color: var(--orange) !important;
}
.hidden { display: none }
.overhidden { overflow:hidden }
.noHover {
    pointer-events: none;
}
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}
.highlight {
	border-radius: 2px;   
	background-color: #ff7f00;
	color: #fff;	
}
.underline {
	display: inline;
	position: relative;
	background-image: linear-gradient(currentColor, currentColor);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 100% 0.05em;

	box-decoration-break: clone;
	-webkit-box-decoration-break: clone;

	print-color-adjust: exact;
}
.underline.half {
	background-size: 50% 0.12em;
}
.underline.third {
	background-size: 33% 0.12em;
}
.underline-animated {
	background-size: 0% 0.05em;
	transition: background-size 0.4s cubic-bezier(0.22, 0.61, 0.36, 1);
}
.underline-animated:hover {
	background-size: 100% 0.12em;
}
.underline-svg {
	background-color: transparent;
	color: #ff7f00;
	font-weight: bold;
	position: relative
}
.underline-svg::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -8px;
	width: 100%;
	height: 30px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='139' height='30' viewBox='0 0 139 30' fill='none'%3E%3Cpath d='M0.621651 18.1334C33.2947 14.149 66.2727 12.5574 99.1261 13.4106C108.484 13.6542 116.208 13.9403 125.533 14.5749C127.116 14.6826 128.993 11.641 127.568 11.8628C94.828 9.63747 61.8353 9.81825 29.019 12.4379C19.6709 13.184 12.259 14.1036 2.95301 15.2399C2.21717 15.3297 -1.35569 18.3745 0.621651 18.1334Z' fill='%23ff7f00'/%3E%3Cpath d='M20.268 17.951C50.4823 16.1026 82.4406 16.0206 112.512 17.6951C121.053 18.1706 126.76 18.5238 135.266 19.2811C137.861 19.3825 139.873 16.7787 138.5 16.6564C108.548 13.9887 78.3635 13.0656 48.1446 13.9196C39.5633 14.1625 30.9779 14.5489 22.397 15.0743C22.218 15.0867 16.1103 18.5853 20.268 17.951Z' fill='%23ff7f00'/%3E%3C/svg%3E") no-repeat center bottom;
	background-size: contain;
	transition: all 0.3s ease;
}
em {	
	display: inline;
	position: relative;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	background-image: linear-gradient(
	to right, 
	#ade6df 0%, 
	#ade6df 100%
	);
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 90% 0.15em;

	transition: all 0.3s ease;
	color: #3da6a9;
	padding: 2px;
	border-radius: 5px;
}
em.important {
  color: #d32f2f;
  font-weight: 700;
  background-image: linear-gradient(
    to right,
    #d32f2f 0%,
    #d32f2f 100%
  );
}

em.positive {
  color: #388e3c;
  background-image: linear-gradient(
    to right,
    #388e3c 0%,
    #388e3c 100%
  );
}

em.highlight {
	background-image: none;
	background-color: rgba(255, 253, 84, 0.3);
	padding: 0.1em 0.2em;
	border-radius: 0.2em;
	box-decoration-break: clone;
	color: #d32f2f;
}
em:hover,
em:focus {
	background-image: linear-gradient(
	to right, 
	var(--orange) 0%, 
	var(--orange) 100%
	);
	background-size: 92% 0.15em;
	font-weight: 700;
	color: var(--orange);
}
mark {
	background-color: #fefce8;
	color: #333;
	padding: 0.15em;
	border-radius: 0.25em;
	border-left: 3px solid rgba(0,0,0,0.03);
	border-right: 3px solid rgba(0,0,0,0.03);
	font-weight: inherit;
	font-style: inherit;
	text-decoration: none;
	line-height: 1.6;
	transition: background-color 0.3s ease;
	print-color-adjust: exact;
	-webkit-print-color-adjust: exact;

}
mark.important {
	background-color: rgba(255, 0, 0, 0.15);
	border-left: 3px solid #f44336;
}

mark.completed {
	background-color: rgba(76, 175, 80, 0.2);
	text-decoration: line-through;
}
mark:hover,
mark:focus {
	background-color: #ffeb3b;
	cursor: pointer;
	border-left: 3px solid var(--orange);
	border-right: 3px solid var(--orange);
}
pre {
	display: block;
	max-width: 700px;
	white-space: pre;
	white-space: pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
}
.hint {
	color: #ff5f58;
	font-weight: bold
}
.hint::before {
	content: "\26A0";
	color: #ff5f58;
	font-size:1.5em;
	padding-right: 2px
}
.tips {
	font-weight: bold;
	color: var(--orange);
}
.tips::before{
	content: "\2728";
	font-size:1.5em;
	font-weight: bold;
	color: var(--orange);
}
.frontquote-king::before {
	content: "\201C";
	font-size: 85px;
	font-size: 8.5rem;
	color: #ff5f58
}
.frontquote-large::before {
	content: "\201C";
	font-size: 65px;
	font-size: 6.5rem;
	color: #ff5f58
}
.frontquote-medium::before {
	content: "\201C";
	font-size: 45px;
	font-size: 4.5rem;
	color: #ff5f58
}
.frontquote-small::before {
	content: "\201C";
	font-size: 25px;
	font-size: 2.5rem;
	color: #ff5f58
}
@font-face {
    font-family: 'Lato';
	font-display: swap;
    src: url('./assets/font/Lato-Regular.eot');
    src: url('./assets/font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('./assets/font/Lato-Regular.woff2') format('woff2'),
        url('./assets/font/Lato-Regular.woff') format('woff'),
        url('./assets/font/Lato-Regular.ttf') format('truetype'),
        url('./assets/font/Lato-Regular.svg#Lato-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
.forcefont {
	font-family: 'Lato',Roboto,sans-serif !important;
	font-style: normal;
}
.white-block {
	background-color: var(--bg-white);
	padding: 2%;
	border-radius: 2px
}
/* 
**	2.0 Main Layout 
*/
.container,
.header-wrapper,
.main-wrapper,
.archive-wrapper,
.archives-wrapper,
.post-wrapper,
.page-wrapper,
.home-wrapper,
.tag-wrapper,
.search-wrapper,
.footer-wrapper {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.main-wrapper,
.archive-wrapper,
.archives-wrapper,
.post-wrapper,
.page-wrapper,
.tag-wrapper,
.search-wrapper { margin-top: 1% }
.inner-wrapper {
	position:relative;
	width:100%;
	max-width:var(--wrapper-width);
	padding: 0;
	margin: 0 auto
}
.singular-wrapper {
	position:relative;
	width:100%;
	max-width:var(--singular-width);
	padding: 0;
	margin: 0 auto
}
.content-wrapper {	
	-webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 1;         /* OLD - Firefox 19- */
	-webkit-flex: 1;          /* Chrome */
	-ms-flex: 1;              /* IE 10 */
	flex: 1;
	max-width:var(--content-width);	
}
.sidebar-wrapper {	
	-webkit-box-flex: 0 0 240px;      /* OLD - iOS 6-, Safari 3.1-6 */
	-moz-box-flex: 0 0 240px;         /* OLD - Firefox 19- */
	-webkit-flex: 0 0 240px;          /* Chrome */
	-ms-flex: 0 0 240px;              /* IE 10 */
	flex: 0 0 240px;                  /* NEW, Spec - Opera 12.1, Firefox 20+ */
	margin-left: 20px
}

/*	
**	3.0 Element Base
*/
.flex-display {
    display: -webkit-box;      /* Old WebKit */
	display: -moz-box;         /* Old Firefox */
	display: -ms-flexbox;      /* IE10 */
	display: -webkit-flex;     /* Newer WebKit */
	display: -moz-flex;        /* Newer Firefox */
	display: flex;             /* Standard */
}
.flex-container {
	position: relative;
    display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;  /* Old WebKit */
    -moz-box-pack: center;     /* Old Firefox */
    -ms-flex-pack: center;     /* IE10 */
    -webkit-justify-content: center; /* Newer WebKit */
    justify-content: center;   /* Standard */	
}
.flex-direction-start {
	-webkit-justify-content: flex-start;
	   -moz-justify-content: flex-start;
	       -webkit-box-pack: start;
	          -ms-flex-pack: start;
			justify-content: flex-start;
}
.flex-direction-end {
	-webkit-justify-content: flex-end;
	   -moz-justify-content: flex-end;
	       -webkit-box-pack: end;
	          -ms-flex-pack: end;
			justify-content: flex-end;
}
.flex-space-between {
	-webkit-justify-content: space-between;
	   -moz-justify-content: space-between;
	       -webkit-box-pack: space-between;
	          -ms-flex-pack: space-between;
			justify-content: space-between;
}
.flex-flow-wrap {   
    -webkit-box-orient:horizontal;
     -webkit-box-lines:multiple;
	 -webkit-flex-flow:row wrap;
		-moz-flex-flow:row wrap;
			 flex-flow:row wrap; 	
}
.flex-flow-column-nowrap {   
	 -webkit-flex-flow:column nowrap;
		-moz-flex-flow:column nowrap;
			 flex-flow:column nowrap; 	
}
.flex-align-items-start {
	-webkit-align-items: flex-start;
	   -moz-align-items: flex-start;
		-ms-align-items: flex-start;
		   -webkit-box-align: start;
              -ms-flex-align: start;
	        align-items: flex-start;
}
.flex-align-items-baseline {
	-webkit-align-items: flex-end;
	   -moz-align-items: flex-end;
		-ms-align-items: flex-end;
		   -webkit-box-align: end;
              -ms-flex-align: end;
	        align-items: flex-end;
}
.flex-align-items-center {
	-webkit-align-items: center;
	   -moz-align-items: center;
	    -ms-align-items: center;
	  -webkit-box-align: center;
         -ms-flex-align: center;
	        align-items: center;
}
.flex-align-items-stretch {
	-webkit-align-items: stretch;
	   -moz-align-items: stretch;
	    -ms-align-items: stretch;
	  -webkit-box-align: stretch;
         -ms-flex-align: stretch;
	        align-items: stretch;
}
.flex-vertical {
	-webkit-flex-direction:column;
	 -webkit-box-direction:normal;
	    -moz-box-direction:normal;
	    -webkit-box-orient:vertical;	
	       -moz-box-orient:vertical;
		-ms-flex-direction: column;
	        flex-direction:column;
}
.flex-row-reverse {
	-webkit-box-orient: horizontal; /* Safari */
	-webkit-box-direction: reverse; /* Safari */
	-ms-flex-direction: row-reverse; /* IE 10 and IE 11 */
	flex-direction: row-reverse;
}
.flex-row {
	-webkit-box-orient: horizontal; /* Safari */
	-ms-flex-direction: row; /* IE 10 and IE 11 */
	flex-direction: row;
}
.flex-grow-allowed {
	margin: 0;
    flex-grow: 1; 
}
/*	Common element */
hr {
	width: 100%;
	margin: 2% auto;
	border: 0.25em solid var(--orange);
	border-radius: 5px;
}
.hr-p20 {
	width: 20%;
	margin-left: 0;
}
.hr-center {
	margin: 0 2% auto;
}
.headline {
	padding: 2% 0;
	color: #698c83;
	text-align: center
}
.kingtitle{	
	font-size: 80px;
	font-size: 8.0rem;
	line-height: 1.15;
	font-weight: bold;
}
.largetitle {
	font-size: 60px;
	font-size: 6.0rem;
	line-height: 1.15;
	font-weight: bold;
}
.title{	
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 48px;
	font-weight: bold;
}
.subtitle {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 38px;
}
.subtitle-m {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 22px;
	font-weight: 200;
}
.subtitle-s {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 18px;
	font-weight: 100;
}
.iconset {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 16px;
}
.iconset:hover::before { 
	color: var(--orange) 
}
.btn {
	position: relative;
	display: inline-block;
	margin: 2% 0 0 0;
	padding: 16px;
	text-indent: 0;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 16px;
	background-color: var(--dark-pink);
	color: #fff;	
	-webkit-box-shadow: 5px 6px 14px rgba(61,190,204,0.44);
	        box-shadow: 5px 6px 14px rgba(61,190,204,0.44);
	text-decoration: none;
	border-radius: 5px;
	transform: translateY(0);
    transition: all 250ms ease-out;
}
a.btn:hover,
.btn.focus,
.btn:focus,
.btn:hover {
	color: var(--dark-pink) !important;
	transform: translateY(2px);
	background-color: var(--light-pink);
	-webkit-box-shadow: 0 18px 24px -18px #ff7d00;
			box-shadow: 0 18px 24px -18px #ff7d00;
}
.cyan-btn {
	background-color: var(--dark-cyan)
}
a.cyan-btn:hover,
.cyan-btn.focus,
.cyan-btn:focus,
.cyan-btn:hover {
	background-color: var(--light-cyan);
}
/*Post meta*/
.post-meta {
	padding: 2px 0;
}
.post-meta > span {
	display: inline-block;
	border-radius: 5px;
	padding: 2px 5px;
	margin-right: 2px;
	background-color: #f9f9f9
}
.post-meta > span:hover {	
	background-color: #E6ECF0;
}
.post-meta > span a.post-edit-link {
	padding: 0 !important
}
/*
 * Like counter *
 
.favorite {
	display: inline-block;
	margin: 0 auto;
	padding: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(91,91,91, 0.03);
    color: #ff9900;
    text-align: center;
    line-height: 30px;		
}*/
.favorite:focus,
.favorite:hover,
.favorite span.count:focus,
.favorite span.count:hover,
.favorite:hover span.count,
.favorite:hover span.count:before {
	cursor: pointer;
	touch-action: manipulation;
	color: var(--orange);
}
.favorite span.count:before {
	content: "\2661";
	font-size: 16px;
	font-size: 1.6rem;
	padding-right: 2px;
}
.favorite:hover::before {
	content: "\2661";
	background-position: right;
	position: absolute;
	-webkit-animation: ilike 2s infinite;
	-moz-animation: ilike 2s infinite;
	-ms-animation: ilike 2s infinite;
	animation: ilike 2s infinite;
	z-index: 0;
	color: var(--orange);
}
.favorite:hover::after {
	content: "\2661";
	background-position: right;
	position: absolute;
	-webkit-animation: ilike 3.14s infinite;
	-moz-animation: ilike 3.14s infinite;
	-ms-animation: ilike 3.14s infinite;
	animation: ilike 3.14s infinite;
	z-index: 0;
	color: var(--orange);
}
@-webkit-keyframes ilike {
	0% {
		-webkit-transform: translateY(1.8em);
		transform: translateY(1.8em);
		margin-left: 1.5em
	}
	20% {
		margin-left: 2.17em
	}
	40% {
		margin-left: -0.38em
	}
	60% {
		margin-left: .22em
	}
	80% {
		margin-left: -0.12em
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
		transform: translateY(-4em) rotate(180deg) scale(.5)
	}
}
@keyframes ilike {
	0% {
		-webkit-transform: translateY(1.8em);
		transform: translateY(1.8em);
		margin-left: 1.5em
	}
	20% {
		margin-left: 2.17em
	}
	40% {
		margin-left: -0.38em
	}
	60% {
		margin-left: .22em
	}
	80% {
		margin-left: -0.12em
	}
	100% {
		opacity: 0;
		-webkit-transform: translateY(-4em) rotate(180deg) scale(.5);
		transform: translateY(-4em) rotate(180deg) scale(.5)
	}
}
.liked {
	display: inline-block;
	-webkit-animation-name: heartBlast;
	-moz-animation-name: heartBlast;
	-ms-animation-name: heartBlast;
	animation-name: heartBlast;
	-webkit-animation-duration: .8s;
	-moz-animation-duration: .8s;
	-ms-animation-duration: .8s;
	animation-duration: .8s;
	-webkit-animation-iteration-count: 1;
	-moz-animation-iteration-count: 1;
	-ms-animation-iteration-count: 1;
	animation-iteration-count: 1;
	-webkit-animation-timing-function: steps(28);
	-moz-animation-timing-function: steps(28);
	-ms-animation-timing-function: steps(28);
	animation-timing-function: steps(28);
	background-position: right
}
@-webkit-keyframes heartBlast {
	0% {
		background-position: left
	}
	100% {
		background-position: right
	}
}
@keyframes heartBlast {
	0% {
		background-position: left
	}
	100% {
		background-position: right
	}
}
/*like-inpost*/
.like-inpost {
	position: relative;
	width: 100%;
	padding: 2% 0
}
.like-inpost .favorite {
	width: -moz-fit-content;
	width: fit-content;
	height: auto;
	padding: 1.2%;
	background: #ea4c89;
	transition: background-color 0.3s ease;
	border-radius: 50%;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); /* For Safari, Chrome and Opera */	
	   -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); /* For Firefox */
	        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
	

}
.like-inpost .favorite .count:before {
	all: revert;
}
.like-inpost .favorite .count,
.like-inpost .favorite .iconset {
	font-size: 26px;
	font-size: 2.6rem;
	color: #f7f8fa
}
.like-inpost .favorite:focus,
.like-inpost .favorite:hover { 
	color: var(--orange);
	background-color: #f292b7
}
/* Navigation in Index&Archive page/post */
.navigation { width: 100%; }
.navigation h2 { display: none; }
.navigation .nav-links { 
    display: block;
    padding: 20px; 
    text-align: center;
}
.navigation .nav-links a,
.navigation .nav-links .current,
.navigation .nav-links .break {
	background: #fff; 
	border-radius: 6px;
	display: inline-block; 
	font-size: 14px; 
	text-align: center;
	margin: 0 2px;
	width: 36px; 
	height: 36px; 
	line-height: 38px; 
	color: #333; 
	overflow: hidden; 
	border: 1px solid #333;
}
.navigation .nav-links a:focus,
.navigation .nav-links a:hover,
.navigation .nav-links span.current {
	background: #344051; 
	border: 1px solid #344051; 
	color: #fff; 
	font-weight: 600;
}
.navigation .nav-links a:focus,
.navigation .nav-links a:hover {
	background: var(--orange); 
	border: 1px solid #ccc; 
	color: #fff;
}
/*	
**	Plugin Custom Style
*/
/* Slider Layout*/
.common-slider,
.five-slider { 
	position: relative 
}
.common-slider:hover .tns-controls,
.five-slider:hover .tns-controls { 
	opacity: 1 
}
/* Slider Content*/
.five-slider .slider-content .tns-item {
	border: 1px solid #a1cdcf;
	border-radius: 10px;
	transform: scale(0.9);
    transition: transform 0.3s ease;
}
.five-slider .slider-content .tns-item.active-slide {
    transform: scale(1); /* Increase the size */
    z-index: 2; /* Bring to front */
	border: 1px solid #f8a08c;
}
/* Tiny Slider Controls Button*/
.tns-controls {
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 9;
	left: 0;
	background: none;
	width: 100%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	display: flex;
	align-items: center;
	justify-content: space-between;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.tns-controls button {
	font-size: 1.1em;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 10px;
	margin: 0 2px;
	background-color: rgba(187, 220, 248, 0.8);
	color: #2b4353;
	border: none;
}
.tns-controls button:hover {
	background-color: var(--orange);
	color: #ffffff
}
/* Tiny Slider Nav*/
.tns-nav {
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 1;
	background: none;
}
.tns-nav button {
	width: 12px;
	height: 12px;
	margin: 0 2px;
	background-color: #007048;
	border: 1px solid #efefef;
	border-radius: 50%;
	transition: transform 0.3s;
}
.tns-nav button:hover,
.tns-nav button.tns-nav-active {
	background-color: var(--orange);
	transform: scale(1.3);
}
/* Slider title*/
ul.tns-title {
	position: relative;
	z-index: 9999;
	list-style-type: none;
	counter-reset: li;
}
ul.tns-title li {
	line-height: 1.2;
	cursor: pointer;
	touch-action: manipulation;
}
ul.tns-title li::before {
	font-size: 1.5em;
	counter-increment: li;
	content: counter(li, decimal-leading-zero);
	color: #4f81bd;
	margin-right: 0.25em;
}
ul.tns-title li:hover {
	text-decoration: underline 1px;
}

/*	
**	4.0 Header Wrapper
*/
.header-section {
	z-index: 99;
	transition:all .3s ease;
	background-color: var(--dark-blue);
}
.header-section .iconset::before {
	font-size: 32px; 
	font-size: 3.2rem;
	line-height: 1.12;
}
.header-content {
	height: 60px;
	line-height: 60px;
	padding:0;
}
.header-content .toggle-btn,
.header-content .search-btn {
	flex: 0 1 35px;
	padding: 0;	
}
.header-content .site-title {
	flex: 1 0 auto;	
	padding: 0	
}
.header-section .search-btn,
.header-content .toggle-btn,
.header-content .site-title {
	font-size: 32px; 
	font-size: 3.2rem; 	
	height: 60px;
	line-height: 60px;
	margin: 0;
	padding: 0;
}
.header-content .site-title .site-logo {
	line-height: 100%;
	margin:0;
	padding:0;
}
.header-content .site-title .site-logo img {
	height: 40px;
	width: auto;
}
.header-content .site-title sup {
	background-color: var(--orange);
	border-radius: 10px 0;
	font-size: 14px;
	font-size: 1.4rem;
	color: #ffffff;
	text-shadow: #4A235A 1px 1px;
	padding: 12px 5px;
	margin-left: 10px; 
}
.header-content .search-btn .iconset {
	padding: 0 0.2em;
	color: var(--eff);
}
.header-content .search-btn .iconset:hover {
	cursor: pointer;
	touch-action: manipulation;
}
.header-content .item-branch {
	flex: 0 1 auto;
	padding: 0;
}
.header-content .item-branch .item-inner { 
	flex: 0 1 auto;
	padding: 0;
}
.header-content .item-branch .item-inner.btn {
	padding: 10px;
	margin: 0 5px;
}
.header-content .site-title a,
.header-content .item-branch .item-inner > a {	color: var(--eff) }
.header-content .site-title a:hover,
.header-content .item-branch .item-inner > a:hover { color: var(--orange) }
/* Mobile toggle btn*/
.toggle-btn {
	display: inline-block;
	text-align: center;
	color: var(--eff);
	cursor: pointer;
	touch-action: manipulation;	
}
.toggle-btn::before { content: "\2630" }
.toggle-active::before { content: "\2716" }
.toggle-btn:hover,
.toggle-active::before { color: var(--orange) }
/*	
**	Navigation Menu */
.navigation-menu {
	position: relative;
	padding: 0;
	margin: 0;
}
.navigation-menu a {
	display: block;
	width: 100%;	
	padding: 0 5px;
	color: var(--eff);	
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out;
}
.navigation-menu a:hover {
	color: var(--orange);
}
.navigation-menu ul {
	list-style: none;
}
.navigation-menu li:hover {
	background-color: rgba(255,255,255,0.1) !important;
}
.navigation-menu > ul > li {
	margin: 0;
	box-sizing: border-box;
	height: 60px;
	line-height: 60px;
	position: relative;
}
.navigation-menu ul.sub-menu li {
	height: auto;
	min-height: 40px;
	line-height: 40px;
	border-top: 1px solid rgba(255,255,255,0.2);
	position: relative;
}
.navigation-menu > ul > li.menu-item-has-children > a {
	padding: 0 20px 0 10px
}
.navigation-menu > ul > li.menu-item-has-children > a::after {
	content: "\00BB";
	position: absolute; 
	z-index: 66;
	right: 2px;	
	font-size: 26px;
	-webkit-transform:scale(.6);
	transform:rotate(90deg) scale(.9);
	transition:transform .2s
}
.navigation-menu > ul > li.menu-item-has-children:hover > a::after,
.navigation-menu > ul > li.menu-item-has-children:focus-within > a::after {
	content: "\203A";
	font-weight: bold;
	color: var(--orange); 
	-webkit-transform:scale(.6);
	transform:rotate(90deg) scale(.9);
	transition:transform .2s
}
/* Secondary menu */
.navigation-menu ul.nav-menu li.menu-item-has-children > ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 99999;
	top: 100%;
	right: 0;
	width: auto;
	min-width: 100%;
	background-color: var(--dark-blue);
}
.navigation-menu ul.nav-menu li.menu-item-has-children:hover > ul.sub-menu,
.navigation-menu ul.nav-menu li.menu-item-has-children:focus-within > ul.sub-menu {
	display: block;
}
/* Three-level menu*/
.navigation-menu ul.nav-menu ul.sub-menu li.menu-item-has-children > ul.sub-menu {
	display: none;
	position: absolute;
	z-index: 99999;
	top: 0;
	right: 100%;
	width: auto;
	min-width: 100%;
	background-color: var(--dark-blue);
}
.navigation-menu ul.nav-menu ul.sub-menu li.menu-item-has-children:hover > ul.sub-menu {
	display: block
}
.navigation-menu ul.nav-menu ul.sub-menu li.menu-item-has-children > a::after {
	content: "\00AB";
	position: absolute; 
	z-index: 9999;
	right: 2%;	
}
.navigation-menu ul.nav-menu ul.sub-menu li.menu-item-has-children:hover > a::after,
.navigation-menu ul.nav-menu ul.sub-menu li.menu-item-has-children:focus-within > a::after {
	content: "\2039";
	font-weight: bold;
	color: var(--orange);
}
/* Effective*/
.navigation-menu ul > li.current-menu-item,
.navigation-menu ul > li.current-menu-parent,
.navigation-menu ul > li.current-post-ancestor, 
.navigation-menu ul > li.menu-item-has-children .current-post-ancestor {
	background-color: rgba(255,255,255,0.2)
}
.navigation-menu ul li.menu-item-has-children ul.sub-menu li.current-post-ancestor,
.navigation-menu ul li.menu-item-has-children ul.sub-menu li.current-menu-parent,
.navigation-menu ul li.menu-item-has-children ul.sub-menu li.current-menu-item { 
	background-color: rgba(255,255,255,0.2); 
	border-bottom: none 
}

/* Menu Iconset*/
.navigation-menu ul li.iconset,
.navigation-menu ul > li.menu-item-has-children ul.sub-menu > li.iconset {	
	display: -webkit-box;      /* Old WebKit */
	display: -moz-box;         /* Old Firefox */
	display: -ms-flexbox;      /* IE10 */
	display: -webkit-flex;     /* Newer WebKit */
	display: -moz-flex;        /* Newer Firefox */
	display: flex;             /* Standard */
	-webkit-justify-content: flex-end;
	   -moz-justify-content: flex-end;
	       -webkit-box-pack: end;
	          -ms-flex-pack: end;
			justify-content: flex-end;
    -webkit-align-items: center;
	   -moz-align-items: center;
	    -ms-align-items: center;
	  -webkit-box-align: center;
         -ms-flex-align: center;
	        align-items: center;
}
.navigation-menu ul li.iconset::before {
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 40px;
	color: var(--eff)
}
.navigation-menu ul li.btn {
	height: 40px;
	padding: 5px;
}
.navigation-menu ul > li.menu-item-has-children ul.sub-menu > li.iconset::before {
	padding-left: 5px;
	height: 40px;
	line-height: 40px;
}
.navigation-menu ul li > a i.iconset:hover::before,
.navigation-menu ul li.iconset:hover::before,
.navigation-menu ul li.menu-item-has-children ul.sub-menu > li:hover > .iconset::before {
	color: var(--orange) 
}
.navigation-menu ul > li a > .iconset::before {
	font-size: 32px; 
	font-size: 3.2rem;
	line-height: 1.12;
	font-style: normal;
	vertical-align: middle;
	color: var(--eff)
}
.navigation-menu ul > li a > span {	
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 16px;
}
.navigation-menu ul > li a.flex-icon {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	display: flex;
	-webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
	-webkit-flex-flow:column nowrap;
	   -moz-flex-flow:column nowrap;
			flex-flow:column nowrap;
	text-align: center
}
.navigation-menu ul > li a.flex-icon > .iconset::before {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 32px;
	color: var(--eff)
}

/*	Searchbox in header */
.header-search-box {
	position: absolute;	
	z-index: 9999;
	width: auto;
	min-width: 100%;
	height: 60px;
	line-height: 60px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background-color: var(--dark-blue);	
}
.header-search-box form { background-color: rgba(255,255,255,0.1) }
.header-search-box form input { border: 1px solid transparent }
.header-search-box form input {	
	color: var(--orange); 
	width: 100%;  
	height: 60px; 
	line-height: 32px;
	padding-left: 12%;
	font-size: 18px;
	font-weight: 300;
	background-color: rgba(255,255,255,0.055);
}
.header-search-box form input:focus { 
	width: 100%;
	padding-left: 5%;	
}
.header-search-box form button {
	position: absolute;
	z-index: 10;
	right: 2%;
	top: 0%;
	height: 60px;
	line-height: 60px;
	color: var(--orange);	
	border: none;
	padding: 0;
	margin: 0;
	line-height: normal;
	font-weight: 300;
	cursor: pointer;
	background-color: rgba(255,255,255,0);
}
/*	Search result */
.search-result form {
	position: relative;
	padding: 0;
	margin: 0;
	width: fit-content;
}
.search-result form label {
	position: relative;
	z-index: 1;
	display: inline;
	width: 50%
}
.search-result form input, 
.search-result form button {	
	height: 5rem;
	border: 0;
	color: #2f2f2f;
	font-size: 1.8rem;
}
.search-result form input[type="text"] {
	outline: 0;
	width: 50%;
	background: #f0ad4e;
	padding: 0 1.6rem;
	border-radius: 0.7rem;
	appearance: none;
	z-index: 1;
	position: relative;
}
.search-result form button[type="submit"] {
	display: none;
	position: absolute;
	z-index: 99;
	top: 0;
	right: 0;
	width: 4rem;
	font-weight: bold;
	background: #57bd84;
	border-radius: 0 0.7rem 0.7rem 0;
}
.search-result input:not(:placeholder-shown) {
	 border-radius: 0.7rem 0 0 0.7rem;
	 width: calc(100% - 4rem);
}
.search-result input:not(:placeholder-shown) + button {
	 display: inline-block;
}
/*	Breadcrumb */
.breadcrumb {
	position: relative;
	height: 45px;
	background: var(--bg-white);
	overflow: hidden;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	   -moz-box-shadow: 0 1px 1px rgba(0,0,0,.1);
	        box-shadow: 0 1px 1px rgba(0,0,0,.1);
}
ul.cq-breadcrumb {
	position: relative;
	list-style: none;
	margin:0;
	padding:0;
}
ul.cq-breadcrumb li {
	float: left;
	display:inline-block;
	width: auto;	
	line-height: 45px;
	padding: 0;
	margin: 0;
}
ul.cq-breadcrumb li.separator { padding: 0 5px }
#breadcrumb.isStuck {
	background-color: var(--dark-blue);	
	color: var(--eff);
	height: 60px;
	border-bottom: none
}
#breadcrumb.isStuck ul.cq-breadcrumb li { line-height: 60px }
#breadcrumb.isStuck a {	color: var(--eff) }
#breadcrumb.isStuck a:focus,
#breadcrumb.isStuck a:active,
#breadcrumb.isStuck a:hover,
#breadcrumb.isStuck ul.cq-breadcrumb li.separator { color: var(--orange) }
/*	5.0 Sidebar Wrapper
/* -----------------------------------------------------------*/
.sidebar-wrapper .widget {
	position: relative;
	display: block;
	border-radius: 5px;
	background-color: #f0e5d7;
	-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); /* For Safari, Chrome and Opera */
	   -moz-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15); /* For Firefox */
	        box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
}
.sidebar-wrapper .widget-dynamic {
	margin-top: 5%
}
.sidebar-wrapper .widget .widget-title {
	height: 45px;
	line-height: 45px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 0 5%;
	color: #555555;
	border-bottom: 1px solid #9f8a80;
}
.sidebar-wrapper .widget .widget-title::before {
	content:"\0023";
	padding-right: 5px;
	color:var(--orange);
}
.sidebar-wrapper .widget a {
	display: inline-block;
	border-radius: 5px;
	padding: 2px 5px;
}
.sidebar-wrapper .widget a:hover { 
	background-color: rgba(255,255,255,0.3)
}
/*widget tags-cloud*/
.widget-tags .tags-cloud a.tags-more {
	display: block;
	color: var(--orange) 
}
/* Table of Content */
nav.toc ul {
	list-style-type: none;
}
nav.toc ol {
	list-style-position: inside;
}
nav.toc ul > li,
nav.toc ol > li {
	position: relative;
}
nav.toc ul > li::before {
	content: '\00BB';
}
nav.toc ul > li a,
nav.toc ol > li a {
	display: inline !important
}
nav.toc ul > li:hover::before,
nav.toc ul > li.active::before,
nav.toc ol > li:hover::marker,
nav.toc ol > li.active::marker,
nav.toc ul > li.active a,
nav.toc ol > li.active a {
	color: var(--orange);
}
nav.toc ul > li.toc-quote {
	list-style-type: none;
	line-height: 2em;
}
nav.toc ul > li.toc-quote::before {
	all: revert;
}
nav.toc ul > li.toc-quote a.btn {
	padding: 16px
}
nav.toc ul > li.toc-quote a.btn:hover {
	color: #ffffff !important;
	transform: translateY(-2px);
	background-color: rgba(61,190,204,1);
	-webkit-box-shadow: 0 18px 24px -18px #ff7d00;
			box-shadow: 0 18px 24px -18px #ff7d00;
}

/* widget Goback */
.sidebar-wrapper .widget-button {
	position: relative;
	background: transparent;
	border: none;
	-webkit-box-shadow: none; /* For Safari, Chrome, and Opera */
	   -moz-box-shadow: none; /* For Firefox */
	        box-shadow: none;
	padding: 0;
}
.sidebar-wrapper .widget-button a.btn {
	display: block;
	padding: 16px;
	text-align: center
}
.sidebar-wrapper .widget-button a.btn:hover {
	color: #ffffff !important;
	transform: translateY(-2px);
	background-color: rgba(61,190,204,1);
	-webkit-box-shadow: 0 18px 24px -18px #ff7d00;
			box-shadow: 0 18px 24px -18px #ff7d00;
}

/*dynamic_sidebar*/
.sidebar-wrapper .widget_text div{
	width: 100%;
	max-width: 240px;
	padding: 2% 10%	
}
.sidebar-wrapper .widget_block,
.sidebar-wrapper .widget_text div.textwidget {
	width: 100%;
	padding: 2% 10%;	
}
.sidebar-wrapper .widget_text div.textwidget ul { padding: 2% 10% 2% 15% }
.sidebar-wrapper .widget_text ul {	padding: 2% 10% 2% 15%; }
/* Main Menu on sidebar*/
.sidebar-menu {
	position: relative;
	padding: 0;
	margin: 0 auto;
}
.sidebar-menu .iconset {
	font-size: 22px;
	font-size: 2.2rem;	
}
.sidebar-menu .iconset:before {
	padding: 0 2% 0 5%;
	vertical-align: middle
}
.sidebar-menu > ul {
	position: relative;
    padding: 0;
	margin: 0;
	width: 240px;
	list-style-type: none;
}
.sidebar-menu > ul > li:hover {
	background-color: rgba(255,255,255,0.3)
}
.sidebar-menu ul li {
	position: relative;
	width: 100%;
	height: auto;
	min-height: 40px;
	line-height: 40px;
	border-bottom: 1px solid #e2dbd8;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.sidebar-menu ul li a {
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}
.sidebar-menu ul li a:hover {
	overflow: visible;
	-ms-white-space: normal; /* IE 8-11 */
	-moz-white-space: normal; /* Firefox */
	-o-white-space: normal; /* Opera */
	white-space: normal;
	background-color: transparent !important
}
.sidebar-menu ul li.menu-item-has-children > a::after {
	content: "\002B";
	position: absolute; 
	z-index: 999;
	right: 5%;
	color: #555;
}
.sidebar-menu ul li.menu-item-has-children:hover > a::after {
	color: var(--orange);
	transform: scale(1.5);
    display: inline-block;
    transition: transform 0.2s ease-in-out, color 0.2s ease-in-out;
}
.sidebar-menu ul li.menu-item-has-children > a.active:after {
	content: "\00D7";
	color: var(--orange);
}
.sidebar-menu ul li.current-menu-item > a::after,
.sidebar-menu ul li.current-menu-parent > a::after,
.sidebar-menu ul li.menu-item-has-children > ul li.current-menu-item > a::after {
	content: "\00AB";
	position: absolute; 
	z-index: 999;
	right: 5%;	
	color: var(--orange);
}
.sidebar-menu ul li.current-menu-item a,
.sidebar-menu ul li.current-menu-parent ul li.current-menu-item a,
.sidebar-menu ul li.current-menu-parent > a::after,
.sidebar-menu ul li.current-menu-item.iconset::before,
.sidebar-menu ul li.current-menu-parent.iconset::before { color: var(--orange) }
/*	sidebar secondary menu */
.sidebar-menu ul li.menu-item-has-children ul {
	position: relative;
	display: none;
	background-color: #f0e5d7;	
}
.sidebar-menu ul li.menu-item-has-children ul > li {
	display: block;
	width: 100%;	
	margin: 0;
	padding-left: 9%;
	border-top: 1px solid #e2dbd8;
}
.sidebar-menu ul li.menu-item-has-children ul > li a {
	color: #339999;
}
.sidebar-menu ul li.menu-item-has-children ul > li a::after {
	content: "\002D";
	position: absolute; 
	z-index: 999;
	right: 5%;	
	color: #555;
}
.sidebar-menu ul li.menu-item-has-children ul > li:hover {
	background-color: rgba(255,255,255,0.2) !important;
}
.sidebar-menu ul li.menu-item-has-children ul > li:hover > a {
	color: var(--orange);
}
.sidebar-menu ul li.menu-item-has-children ul > li:hover > a::after {
	content: "\00AB";
	color: var(--orange);
}
/*	Searchbox in Sidebar */
.widget-search-box {
	position: relative;
	overflow: hidden; 
	padding: 0;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
}
.widget-search-box form,
.widget-search-box form input {
	border: 1px solid transparent;
}
.widget-search-box form input { 
	color: #3354AA; 
	width: 100%;  
	height: 40px; 
	line-height: 32px;
	padding-left: 5%;
	font-size: 18px;
	font-weight: 300;
	background-color: rgba(255,255,255,0.055);
}
.widget-search-box form input:focus { 
	width: 100%;
	padding-left: 2%;	
}
.widget-search-box form button {
	position: absolute;
	z-index: 10;
	right: 2%;
	top: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	color: #3354AA;	
	border: none;
	padding: 0;
	margin: 0;
	line-height: 40px;
	font-weight: 300;
	cursor: pointer;
	background-color: rgba(255,255,255,0.025);
}
.widget-search-box form button span { display: inline-block }
.widget-search-box form button i.iconset,
.widget-search-box .search-submit .iconset::before {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 40px;
}
/* Widgets User Profile Panel */
.widget_user_profile_panel {
	margin-top: 5%
}
.profile-panel {
	text-align: center;
	padding: 20px;
}
.profile-avatar {
	margin: 0 auto 15px;
}
.profile-info {
	margin-bottom: 15px;
}
.profile-links {
	list-style: none;
	margin: 0;
	padding: 0;
}
.profile-links li {
	margin: 5px 0;
}
.profile-links a {
	display: block;
	padding: 8px;
	background: #f5f5f5;
	border-radius: 4px;
	text-decoration: none;
}
.profile-links a:hover {
	background: #eee;
}
/*	6.0 Archive Wrapper 
/* ------------------------------------------------------*/
.sticky-in-title .iconset {
	font-size: 22px;
	font-size: 2.2rem;
	color: var(--orange);
}
.wrapper-header {
	padding: 2%;
	background: var(--bg-white);
	border-radius: 2px;
}
.wrapper-header h1 {
	font-weight: 700;
	line-height: 1.2;
	padding: 5px 0;
	text-align: left;
}
.wrapper-header h1::before {
	content: "\201C";
	color: #ff5f58
}
.wrapper-header h2 {
	padding: 2% 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 300;
	border-top: 1px solid #eae8e7
}
.wrapper-header h2 strong {
	font-weight: bold !important;
	padding: 2px 0
}
.wrapper-header ul::before,
.wrapper-header ol::before{
    content:attr(aria-label);
}
.wrapper-header ul,
.wrapper-header ol {
	list-style-position: inside;	
	padding: 5px 0;
}
.wrapper-header ol {
	padding-left: 2%
}
.wrapper-header ul li,
.wrapper-header ol li {
	line-height: 1.2;
	padding: 2px 0
}

/* Browse Mode Switcher*/
.browse-switcher {
	min-width: 200px;
	color: var(--orange);
}
.browse-switcher span {	
	line-height: 42px;
	padding: 0 2px
}
.browse-switcher button {
	position: relative;
	background-color: transparent;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	font-size: 1.6rem;
	padding: 0;
	margin-right: 10px;
	cursor: pointer;
}
.browse-switcher button .iconset {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 42px;
	color: var(--a-href);
}
.browse-switcher button.browse-selected .iconset{
	color: var(--orange);
}
/* section-tag-cloud*/
.section-cloud {
	display: block;
	margin: 0 0 3% 0;
	padding: 2% 0;
}
.section-cloud h2 {
	padding: 1% 0
}
.section-cloud h2::before {
	content: "\0023";
	color: #ff5f58;
	padding-right: 5px
}
.section-cloud .tags-cloud p {
	padding: 10px;
	text-align: center;
	font-weight: 700;
}
.section-cloud .tags-cloud a {
	display: inline-block;
	background-color: rgba(94, 153, 153, 0.05);
	border-radius: 5px;
	padding: 2px 5px;
	margin: 2px 0
}
.section-cloud .tags-cloud a.tags-more { 	
	background-color: rgba(94, 153, 153, 0.05);
	border-radius: 5px;
	padding: 0 5px;
	margin-left: 2px;
	color: var(--orange-light)
}
.section-cloud .tags-cloud a.tags-more:hover {
	color: var(--orange);
}
.section-cloud .tags-cloud a:hover {
	background: var(--bg-white);
}
/* Tags more Loading*/
.tags-more .spinner {
    display: inline-block;
    width: 12px;
    height: 12px;
    border: 2px solid rgba(0,0,0,.1);
    border-radius: 50%;
    border-top-color: #333;
    animation: tagSpin 0.8s linear infinite;
    margin-right: 8px;
    vertical-align: middle;
}
@keyframes tagSpin {
    to { transform: rotate(360deg); }
}

.tags-error {
    display: inline-block;
    padding: 6px 12px;
    background: #ffebee;
    border: 1px solid #ffcdd2;
    border-radius: 4px;
    color: #c62828;
    font-size: 13px;
    animation: fadeIn 0.3s;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

/*post format standard*/
.excerpt-block {
	position: relative;		
	border: 1px solid #f8f8f8;
	border-radius: 2px;
	background-color: var(--bg-white);
}
.excerpt-block:hover {
	box-shadow: 0 6px 24px 0 rgba(18,43,70,0.12);
}
.excerpt-block:hover a.entry-title,
.excerpt-block:hover .favorite { 
	color: var(--dark-pink)
}
.excerpt-block a.entry-title::after {
	content: "\1F877"; 
    color: var(--orange);
    padding-left: 5px;
    opacity: 0;
    transform: translateX(-10px);
    transition: opacity 0.3s ease-in-out, transform 0.5s ease-in-out;
}
.excerpt-block:hover a.entry-title::after {
	opacity: 1;
    transform: translateX(0);
}
.excerpt-block a:hover,
.excerpt-block a.entry-title:hover { 
	color: var(--orange) 
}
.excerpt-block .entry-header h2 {
	font-size: 26px;
	font-size: 2.6rem;
	padding: 5% 5% 2% 5%;
	margin: 0 auto;
    word-wrap: break-word;
	word-break: normal;
	white-space:normal;
	text-align: left;
	border-bottom: 1px solid #f6f5f5;
}
.excerpt-block .entry-header .favorite {
	min-width: 35px;
	margin: 5px;
}
.excerpt-block .entry-header img {
	display: inline-block;
	margin: 0 auto;
}
.excerpt-block .entry-content,
.excerpt-block .entry-footer {
	padding: 2% 5%;
	word-wrap: break-word;
    word-break: normal;
	white-space:normal;
}
.excerpt-block .entry-content h2,
.excerpt-block .entry-content h3 { 
	margin: 15px 0;
	padding: 10px 0;
	background-color: #f7f8fa;
}
.excerpt-block .entry-content h2:before,
.excerpt-block .entry-content h3:before { 
	content: "\0023";
	padding: 0 10px;
	color: var(--orange);
}
.excerpt-block .entry-content ul,
.excerpt-block .entry-content ol {
	padding-left: 30px;
}
/*Excerpt Gallery*/
.browse-section {
	margin: 0 auto;
}
.browse-section .excerpt-block {
	width: calc(var(--content-width) / 3 - 10px);
	padding: 5px;
	margin: 5px;
	border-radius: 5px
}
.browse-section .excerpt-block figure > figcaption {
	word-break: break-all;
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-moz-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	-ms-line-clamp: 2;
	overflow: hidden;
    text-overflow: ellipsis;
	line-height: 1.2;
	padding: 5% 2% 2% 2%
}
/* excerpt block tags */
.excerpt-meta a,
.excerpt-meta .post-views {
    display: inline-block;
    margin: 0 1px;
    padding: 2px 5px;
    background-color: #f0f6fa;
    border-radius: 0.5em;
    text-decoration: none;
}
.excerpt-meta .iconset {
	display: inline-block; 
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #f0f6fa;
    color: #ff9900;
    text-align: center;
    line-height: 30px;
}
.excerpt-meta .post-views .iconset {
	width: 22px;
    height: 22px;
	line-height: 22px;
	border-radius: 0;
	margin-right: 2px
}
.excerpt-meta a:hover,
.excerpt-meta .post-views:hover,
.excerpt-meta .post-views:hover .iconset,
.excerpt-meta .iconset:hover {
	background-color: #e6ecf0;	
}
.excerpt-meta a.post-edit-link,
.excerpt-meta a.post-edit-link:hover {
	all: revert !important;
}
/*post format standard*/
.excerpt-standard .favorite {
	display: inline-block; 
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: rgba(230, 236, 240, 0.6);
    text-align: center;
    line-height: 35px;
	white-space: nowrap;
    overflow: hidden; 
}
.excerpt-standard .favorite:hover {
	background-color: #e6ecf0;
}
.excerpt-standard .excerpt-standard-main { 
	flex: 0 1 65%
}
.excerpt-standard .excerpt-standard-aside {
	position: relative;
	max-width: 35%
}
.excerpt-standard .excerpt-standard-main section {
	flex-grow: 1;
	align-self: stretch;
}
.excerpt-standard .sku-price,
.excerpt-standard .shopping-cart a { color: #00b8cd }
.excerpt-standard .shopping-cart a:focus,
.excerpt-standard .shopping-cart a:hover { color: var(--orange) }
.excerpt-standard .tag-links { padding-left: 5%}
.excerpt-standard .tag-links::before { content: "\0023" }
.excerpt-standard .sku-price::before { content: "\00A5" }
.excerpt-standard .entry-header h2,
.excerpt-standard .shopping-cart a { border-bottom: none }
.excerpt-standard .entry-content { line-height: 1.5}

.excerpt-standard .excerpt-standard-aside img {
    width: 100%;
    height: auto;
    display: block;
}
.excerpt-standard .excerpt-standard-aside figcaption {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: center;
    background-color: rgba(255, 255, 255, 0); /* Add a semi-transparent background */
    color: #fff;
    padding: 10px;
    opacity: 0;
    transition: opacity 0.3s ease;
}
.excerpt-standard:hover figcaption {
    opacity: 1;
}

/*post format image*/
.excerpt-image .excerpt-standard-main { 
	flex: 0 1 75%
}
.excerpt-image .excerpt-standard-aside {
	max-width: 25%
}
.excerpt-image .entry-header h2,
.excerpt-image .entry-content,
.excerpt-image .entry-footer { padding: 2% }
.excerpt-image .entry-content { line-height: 1.2}

/*post format aside*/
.excerpt-aside .postdate {
	margin: 0 2%;
	background-color: #eee;
    color: #646874;
	text-align:center;
	border-radius: 10%;
}
.excerpt-aside .aside:nth-of-type(1) { flex: 0 0 60px }
.excerpt-aside .aside:nth-of-type(2) { flex: 1 }
.excerpt-aside .postdate .month {
	color: #000000;
	background-color: #ead6d6;
	border-radius: 10% 10% 0 0;
}
.excerpt-aside .postdate .day {
	font-weight: 600;
    font-size: 28px;
	font-size: 2.8rem;
    line-height: 1.2
}
.excerpt-aside .aside-content .entry-header h2 {
	margin-right: 2%;
	padding: 0 0 1% 0;
}
.excerpt-aside .aside-content .entry-content {
	padding: 0 5% 0 0;
}
.excerpt-aside .aside-content .entry-footer {
	padding: 1% 0;
}
.excerpt-aside .aside-content figure {
	width: 100%;
	max-width: var(--content-width);
	padding: 0;
}
.excerpt-aside .aside-content img {
	padding-top: 2%;
	margin-bottom: 2%;
}
/*post format link*/
.home .excerpt-link { margin: 0 0 10px 0 }
.excerpt-link .iconset::before {
	font-size: 14px;
	font-size: 1.4rem;
}
.excerpt-link .entry-header { padding: 0 10px }
.excerpt-link .entry-header img.link-favicon {
	width: 32px;
	height: auto
}
.excerpt-link .entry-content { 
	flex: 1; 
	padding: 0;
	margin: 0;
	font-size: 14px;
	font-size: 1.4rem;	 
}
.excerpt-link .entry-footer {
	padding: 0;
	margin: 0;
}
.excerpt-link .entry-content h2 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	background: transparent;
	word-wrap: break-word;
	word-break: normal;
    white-space:normal;
}
.excerpt-link .entry-content h2:before {
	content: "";
	padding: 0;
}
.excerpt-link .entry-content span {
	display: inline-block;
	padding-right:10px;
	line-height: 26px;
}

/*	
**	7.0 Singular Wrapper
/* -----------------------------*/
body.single-post {
    background-color: var(--bg-white) !important;
}
/*	Common Gallery styling */
.gallery {
	position: relative;
    display: -webkit-box;
	display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;    
    display: flex;	
	-webkit-justify-content: center;
	   -moz-justify-content: center;
	       -webkit-box-pack: center;
	          -ms-flex-pack: center;
	        justify-content: center;
	-webkit-flex-flow:row wrap;
	   -moz-flex-flow:row wrap;			 
			flex-flow:row wrap;
	padding: 0;
}
.gallery .gallery-item {
	padding: 2px;
	margin: 5px;
	width: calc((var(--wrapper-width) * 0.9 - 14px) / var(--gallery-columns));	
	max-width: 100%;
	height: auto;
	border: 1px solid #f0e5d7;
	border-radius: 5px
}
.image-content .gallery .gallery-item {
	width: calc((var(--content-width) * 0.9 - 14px * var(--gallery-columns)) / var(--gallery-columns));
}
.gallery .gallery-item .gallery-caption {
	text-indent: 0;
	padding: 10px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.2
}
/*	Figure.wp-caption */
.aligncenter,
.alignleft,
.alignright {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.aligncenter {
    float: none;
    margin: .5em auto 1em;
}
.alignright {
    float: right;
    margin: .5em 0 1em 1em;
}
.alignleft {
    float: left;
    margin: .5em 1em 1em 0;
}
.align-left {
	text-align: left
}
.wp-caption {
    padding: 2%;    
    text-align: center;
}
.wp-caption img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.wp-caption figcaption {
    padding: 1%;
    text-align: center;
    font-size: 95%;
    font-weight: 100;
	background-color: var(--dark-blue);
    color: var(--eff);
}
/*	Article content template */
.post-content {
	position: relative;
	display: inline-block;
	width: 100%;
	padding: 0;
	margin: 0 auto
}
.post-content table,
.post-content tbody,
.post-content tr,
.post-content td {
	text-align: left;
	border: 1px solid #e7e7e7;
}
.post-content .entry-header h1 {
	padding-right: 10%;
	text-align: left;
	color: #877067;
	font-size: 46px;
	font-size: 4.6rem;
	font-weight: bold
}
.post-content .entry-header h1::before{
	content: "\201C";
	color: #ff5f58;
	font-size: 1em;
}
.post-content .entry-header .post-meta {
	text-align: left;
	border-bottom: 1px solid #ead6d6;
}
.post-content .entry-header .post-meta .tag-links {
	display: block
}
.post-content .entry-content {
    position: relative;
	display: block;
	padding: 1% 0;	
}
.post-content .entry-content p {
	padding: 1%;
	text-indent: 1em;
}
.post-content .entry-content blockquote p {
	padding: 5px;
	margin: 5px;
	text-indent: 0;
}
.post-content .entry-content pre {
	display: block;
}
.post-content .entry-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
.post-content .entry-content figure {
	margin: 0;
}
.post-content .entry-content h2 {
	display: inline-block;
	color: #035542;
	padding: 1%;
	margin: 1% 0;
	background-color: #f7f8fa;
	border-radius: 10px;
	border-left: 10px solid #7a49a5;
}
.post-content .entry-content h2:hover {
	border-left: 10px solid var(--orange);
}
h2.article-heading {
	display: inline-block;
	color: #035542;
	padding: 1%;
	margin: 1% 0;
	background-color: #f7f8fa;
	border-radius: 10px;
	border-left: 10px solid #7a49a5;
}
.post-content .entry-content h3 {
	display: block;
	padding: 10px 5px 10px 0;	
	color: #965b17;
	border-radius: 10px;
}
.post-content .entry-content h3::before {
	content: "\274F";
	padding: 0 5px;
	color: var(--orange);
}
.post-content .entry-content h4 {
	display: inline-block;
	padding: 1%;
	background-color: #eef9fd;
	border-radius: 5px;
	border-left: 5px solid #4cb3d5
}
.post-content .entry-content h5 {
	display: inline-block;
	padding: 1%;
	background-color: #fdf6ec;
	border-radius: 5px;	
	border-left: 5px solid #fdae43;	
}
.post-content .entry-content h6 {
	display: inline-block;
	padding: 1%;
	border-radius: 5px;	
	border-left: 5px solid #f0edea;	
}
.post-content .entry-content h5:hover,
.post-content .entry-content h4:hover {
	border-left: 5px solid var(--orange);
}
.post-content .entry-content ul,
.post-content .entry-content ol {
	list-style-position: inside;
	max-width: 100%;
    padding: 1% 2%;
	text-indent: 0;
}
.post-content .entry-content ul li,
.post-content .entry-content ol li { padding: 5px 0}
.post-content .entry-content ul.part-list,
.post-content .entry-content ol.part-list {
	position: relative;
	list-style-position: inside;	
	max-width: 100%;
    padding: 2% 5%;
	text-indent: 0;
}
.post-content .entry-content ul.part-list {
	list-style-type: none;
}
.post-content .entry-content ul.part-list li,
.post-content .entry-content ol.part-list li {
	line-height: 1.2;
	position: relative;
}
.post-content .entry-content ul.part-list::before{
    content:attr(aria-label);
    font-size: 2em;
    font-weight: bold;
	line-height: 1
}
.post-content .entry-content ul.part-list li::before{
	content: '\2714';
	padding: 0;
	margin-right: 5px;
	display: inline-block;
	color: #fff;
	font-weight: 800;
	background-color: #5ca64f;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    line-height: 20px;
    text-align: center;
}
.post-content .entry-content ul.part-list li:hover::before {
	background-color: var(--orange);
}
.post-content .entry-content ul li i，
.post-content .entry-content ol li i { color: var(--orange) }
.post-content .entry-footer .tag-links {
	position: relative;
    display: inline-block;
    padding: 1% 0
}
.post-content .entry-footer .tag-links::before {
	content: "\0023";
	color: #ff5f58
}
.post-content .entry-footer .tag-links a {
	padding: 2px 5px;
	margin: 0 5px;
	background: var(--bg-white);
}
.post-content .entry-footer .tag-links a:hover { background: transparent }

/** style for shortcode in post|page
* * product_slider_shortcode()
*/
.product-slider,
.product-content {
	position: relative;			
}
.product-slider .product-image,
.product-slider .product-info {
	position: relative;
	width: 100%;
	max-width: calc(var(--content-width)*0.5);
	margin: 0;
	padding: 0;
}
.product-slider .product-image {
	padding: 0 2%
}
.product-slider .product-image .gallery { 
	border: none
}
.product-slider .product-image .gallery .gallery-item {
	margin: 0;
	padding: 0;
	text-align: center
}
.product-slider .gallery-slider .gallery-item {
	border: none
}
.product-slider:hover .tns-controls { opacity: 1 }

/** style for shortcode in post|page
* * toc_content_shortcode()
*/
.product-content .toc-title::before {
	content: "\2636";
}
/*Product Details*/
.post-content .entry-content .product-info > p {
	text-indent: 0;
	padding-left: 2%
}
.product-info {
	padding: 2%
}
.product-info ul.product-details {
	padding: 0 10px;
	margin: 0;
}
.product-info ul.product-details li {
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
    display: -moz-box; /* 老版本语法: Firefox (buggy) */
    display: -ms-flexbox; /* 混合版本语法: IE 10 */
    display: -webkit-flex; /* 新版本语法: Chrome 21+ */
    display: flex; /* 新版本语法: Opera 12.1, Firefox 22+ */
	-webkit-box-pack: justify;
	   -ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: stretch;
	   -ms-flex-align: stretch;
	      align-items: stretch;
	width: 100%;
	margin: 2px 0;
	padding: 2px;
	border: 1px solid #ebdcc9;
}
.product-info ul.product-details li span.item {
	-webkit-box-flex: 0;
      -ms-flex: 0 0 10%;
          flex: 0 0 10%;
	background-color: #f0edea;
	padding: 5px
}
.product-info ul.product-details li span.value {
	-webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
	padding: 5px
}
.product-info ul.product-features,
.product-info ul.product-properties {
	position: relative;
	list-style-position: inside;
	list-style-type: square;
	padding-left: 2%
}
.product-info ul.product-features li,
.product-info ul.product-properties li {
	padding: 5px
}
.product-info ul.product-features li:nth-child(odd),
.product-info ul.product-properties li:nth-child(odd) {
	background-color: #f7f8f8;
}
.product-info table {
	width: 98%;
	border-collapse: collapse;	
}
.product-info table th, 
.product-info table tr td {
	border: 1px solid #e0e6e8;
	padding: 5px;
	text-align: left;
	line-height: 1.2;
	white-space: normal;
}
.product-info table th span {
	display: block;
	font-weight: lighter
}
.product-info table th:first-child,
.product-info table tr td:first-child {
	min-width: 100px;
}
.product-info table th {
	padding: 10px 5px; 
	background-color: #eff2f3;
}
.product-info table tr:nth-child(odd) td {
    background-color: #f7f8fa;
}
.product-info table tr:hover td {
    background-color: #fdf6ec;
}
.product-info table th[colspan],
.product-info table tr td[colspan] {
    text-align: center;
}
/* Convert Custom Fields Shortcode*/
.radio-group {
	display: block;
	width: 100%;
	padding: 0 2%;
	margin: 0
}
.radio-group .radio-title {
	display: block
}
.radio-group .radio-type {
	display: inline-block;
	text-align: left;
	padding: 1% 2%;
	margin: 2px;
	border: 1px solid #f1ecea;
	border-radius: 5px;
	background-color: #fbfaf9;
	cursor: pointer;
}
.radio-group .radio-type label {
	cursor: pointer;
	padding-left: 5px
}
.radio-group .radio-type:hover {
	background-color: #fdf6ec;
}
/*Post/Page Table style*/
table.table-in-article {
	width: 98%;
	border-collapse: collapse;	
}
table.table-in-article caption {
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: left;
}
table.table-in-article caption::before {
	content: "\274F";
	color: var(--orange);
}
table.table-in-article th,
table.table-in-article tr td {
	border: 1px solid #e0e6e8;
	padding: 5px;
	text-align: left;
	line-height: 1.2;
	white-space: normal;
}
table.table-in-article th span {
	display: block;
	font-weight: lighter
}
table.table-in-article th:first-child,
table.table-in-article tr td:first-child {
	min-width: 100px;
}
table.table-in-article thead th {
	padding: 10px 5px; 
	background-color: #eef3f4;
}
table.table-in-article tbody th {
	padding: 10px 5px;
	font-weight: normal;
	background-color: #f0f1f2;
}
table.table-in-article tr:nth-child(odd) td {
    background-color: #f7f8fa;
}
table.table-in-article tr:hover td,
table.table-in-article tbody tr:hover th {
    background-color: #fdf6ec;
}
table.table-in-article th[colspan],
table.table-in-article tr td[colspan] {
    text-align: center;
}
table.table-in-article tr td ul{
	display: inline-block;
	text-align: left;
}
/*WP Simple Shopping Cart*/
.wp_cart_button_wrapper { padding: 2% }
.wp_cart_button_wrapper input[type="image"]{ max-width: 60% }
.shopping_cart {
	padding: 2% 5%;	
	margin: 2% 0;
	border-radius: 5px;
	background: #eef2e4
}
.shopping_cart img.wspsc_cart_header_image {
	float: left
}
.shopping_cart h2.wpsc_cart_title {
	display: inline-block;
	padding-left: 10px;
	font-size: 48px;
	line-height: 48px
}
.shopping_cart table {
  border-collapse: collapse; /* Collapse borders */
  margin-top: 2%
}
.shopping_cart .wspsc_cart_price_th {
	min-width: 80px
}
.shopping_cart table tr td {	
	border: 1px solid #e4e5e3;
	border-radius: 5px
}
.wpspsc_checkout_form td {
	text-align: right
}
.wpspsc_checkout_form td input[type="image"]{
	padding: 2%
}

.menu-item-cart div{
    all: unset;
}

/*Features In post-article*/
.features figcaption {
	font-size: 48px;
	font-size: 4.8rem;
	font-weight: 700;
	line-height: 42px;
	text-align: center;
	padding: 10% 5% 2% 5%
}

/* Related Block of Article*/
.related-title {
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	color: #555555;
	border-bottom: 1px solid #999999;
}
.related-title::before {
	content:"\0023";
	padding-right: 5px;
	color:var(--orange);
}
.related-block {
	position: relative;
	display: block;
	background-color: #f7f8fa
}
.related-block a,
.related-block ul li {
	line-height: 1.2
}
/*related-nav*/
.post-nav .post-nav-older {
    flex-grow: 1;
	align-self: flex-start;
    text-align: left;
}
.post-nav .post-nav-newer {
    flex-grow: 1;
	align-self: flex-end;
    text-align: right;
}
.post-nav .post-nav-older::before {
	content: "\00AB";
	display: inline-block;
	margin-right: 5px;
	font-size: 1.5rem;
	font-weight: bold
}
.post-nav .post-nav-newer::after {
	content: "\00BB";
	display: inline-block;
	margin-left: 5px;
	font-size: 1.5rem;
	font-weight: bold
}
/*related-posts*/
.related-posts {
	padding: 2%;
	background-color: #f7f8fa
}
.related-posts ul li {
	list-style: none;
	width: calc(var(--content-width)*0.96/4 - 10px);
	margin: 5px;
	padding: 5px;
	word-wrap: break-word;
	word-break: normal;
	border: 1px solid #e7e7e7;
	border-radius: 5px;
}
.related-posts ul li:hover {
	border: 1px solid var(--orange)
}
/*	Page-archive styling */
.archives-list {
	position: relative;
	display: block;
	padding: 0 2%;
}
.archives-list h2 {
	color: #ff706c;
	padding: 2%;
	margin: 0 auto;
	border-bottom: 1px solid #e7e7e7;
}
.archives-list nav {
	text-align: center;
	padding: 30px;
}
.archives-list ul {
	padding: 2%;
	text-indent: 0;
}
.archives-list ul li {
	display: block;
    width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.archives-list ul li a:first-of-type {
	font-weight: bold;
	color: var(--dark-blue);
}
.archives-list ul li a:first-of-type:hover {
    color: var(--orange);
}
/*	
**	8.0 Comment Area
/* -----------------------------------------------------------*/
.comments-area { 
	position: relative;
	display: block;
	margin-bottom: 2%;
	background-color: #f7f8fa;
	border-radius: 5px
}
.comments-area .comments-title {
	color: #ff6666;
	padding: 2%;
	margin: 0 auto;
	border-bottom: 1px solid #999999;
}
/*	Comment respond */
.comment-respond { 
	padding: 0 5% 5%;
	border-bottom: 1px solid #e7e7e7;
} 
.comment-respond h3.comment-reply-title { margin: 10px 0; }
.comment-respond h3.comment-reply-title a { text-decoration: underline; }
.comment-respond h3.comment-reply-title a:hover,
a#cancel-comment-reply-link,
a#cancel-comment-reply-link:hover { text-decoration: none !important; }
.comment-respond .content-section-right {
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #eee;
	z-index: 12;
}
.nocomments {
	padding: 6.5% 5.5%;
	color: #666;
	text-align: center;
}
#cancel-comment-reply-link {
	margin-left: 10px;
	vertical-align: bottom;
}
#respond p,
#respond code {
	line-height: 150%;
}
#respond code { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; }
.comment-form p { margin-bottom: 1em; }
.comment-form p:last-child { margin-bottom: 0; }
p.comment-notes,
p.logged-in-as {
	margin-bottom: 2em;
	color: #666;
}
.comment-form label {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 8px;
}
.comment-form input[type="checkbox"] + label {
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0 0 0 5px;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	-webkit-appearance: none;
	border: none;
	background: var(--bg-white) no-repeat;
	background-position: top 30% left 20px;
	background-size: 10px auto;
	font-size: 1em;
	color: #444;
	border-radius: 3px;
	padding: 15px;
	margin: 0;
	border: 1px solid #e0e0e0;
	width: 100%;
}
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="url"],
.comment-form textarea {
	max-width: 535px;
	padding-right: 50px;
}
.comment-form textarea { 
	line-height: 100%; 
	height: 200px; 
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="url"]:focus,
.comment-form input.password:focus,
.comment-form textarea:focus {
	outline: none;
	background-color: #333;
	border-color: #555;
	color: #fff;
}
.comment-form input[type="submit"] {
	width: auto;
	max-width: none;
	padding: 15px 20px 16px 20px;
	margin-bottom: 0;
	border: none;
	background: #333;
	color: #fff;
	font-size: 0.925em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.comment-form input[type="submit"]:hover {
	cursor: pointer;
	background-color: var(--orange);
	color: #fff;
}
.comment-form input[type="submit"]:active {
	top: 1px;
	position: relative;
}
p.form-allowed-tags {
	margin-top: 1.5em;
	line-height: 160%
}
.form-submit { margin-top: 1.5em; }
/*	Comments list */
.comments-area ul {
	list-style: none;
	padding: 2% 5% 5% 5%;
	margin: 0 auto;
}
.comments-area ul li {	
	position: relative;
	display: block;	
	border-bottom: 1px solid #e7e7e7;
}
.comment-body { padding: 1% 5% 1% 1%; }
.comment-author {
	display: inline;
	line-height: 2;
	margin-left: 50px;
}
.comment-author .avatar {
	position: absolute;
	top: 10px;
	left: -5px;
	width: 45px;
	height: 45px;
	border-radius: 50%
}
.comment-author .says { display: none; }
.comment-author .fn {
	color: var(--dark-blue);
}
.comment-metadata {
	display: inline;
	font-size: 14px;
	font-size: 1.4rem;
	color: #999
}
.comment-list ul.children {  }
.comment-list ul.children .comment-body {	min-height: 0 }
.comment-list ul.children .comment-author .avatar {
	left: 0;
	width: 45px;
	height: 45px
}
.comment-list ul.children li { 
	margin-left: 40px; 
	border-bottom: 1px dotted #e7e7e7;
}
.comment-list .comment-content { 
	line-height: 1.5; 
	margin-left: 50px;
	color: #555;
}
.comment-body .reply {
	position: absolute;
	top: 5px;
	right: 10px;
	font-size: 14px;
	font-size: 1.4rem;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: .3s;
	transition: .3s
}
.comment-body:hover .reply {
	visibility: visible;
	opacity: 1
}
.comment-body .reply a {
	margin-left: .7em;
	color: #999
}
.bypostauthor>.comment-body .comment-author::after {
	content: "Admin";
	padding: 2px 4px;
	font-size: 14px;
	font-size: 1.4rem;
	color: #fff;	
	background-color: #ccc;
	border-radius: 3px
}
/*	
**	9.0 Footer Wrapper
/* -----------------------------------------------------------*/
.footer-wrapper { 
	background-color: var(--dark-blue) !important;
	color: #fefefe
}
.footer-wrapper a { color: var(--eff) }
.footer-wrapper a:hover { color: var(--orange) }
.footer-copyright { 
	border-top: 2px solid rgba(255,255,255,0.2);
	padding-bottom: 2%
}
.footer-main,
.footer-middle,
.footer-aside {
	width: calc(var(--wrapper-width)/3);
	max-width: 100%;
	padding: 2% 5% 2% 0
}
.footer-main { padding: 3.5% 5% 3.5% 0 }
/*	Footer Main */
.footer-main h2.title {	
	font-size: 2em;
	line-height: 32px;
	font-weight: bold;
}
.footer-main h3.subtitle {		
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 26px;
	color: #78C0A8;
}
.footer-main hr {
	width: 20%;
	margin: 2% 0;
	padding: 0;
	border: 0.25em solid var(--orange);
	border-radius: 5px;
}
.social-menu { padding: 5% 0 }
.social-menu ul {
	position: relative;
	list-style: none
}
.social-menu ul li { position: relative; }
.social-menu ul > li { 
	float: left;
	width: auto;
	padding: 0;
	margin-right: 5px;
	color: #a0b6b4;
}
.social-menu .iconset {
	font-size: 32px;
	font-size: 3.2rem;
	line-height: 32px;
	padding: 2px;
}
/*	Footer Middle */
ul.customized-contact {
	position: relative;
	list-style-position: inside;
	list-style-type: none	
}
ul.customized-contact::before{
    content:attr(aria-label);
    font-size: 2em;
    font-weight: bold;
}
ul.customized-contact li {
	line-height: 22px
}
ul.customized-contact li i {
	display: inline-block;
    vertical-align: middle;
	padding-right: 5px
}
ul.customized-contact li i.iconset:before {
	color: #78C0A8;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 22px;	
}
ul.customized-contact li:hover i.iconset:before {
	color: var(--orange)
}
/*	Footer Aside */
.footer-menu .btn { all: revert }
.footer-menu::before{
    content:attr(aria-label);
    font-size: 2em;
    font-weight: bold;
}
.footer-menu a {
	line-height: 24px;
	word-break: keep-all;
	word-wrap: normal;
	white-space: nowrap;
	-webkit-transition: .15s ease-in-out;
			transition: .15s ease-in-out
}
.footer-menu ul {
	position: relative;
	list-style: none;
}

/*	10.0 Customize CSS
/* --------------------------------------------------------*/
/*	Contact form 7 style */
.wpcf7 .wpcf7-form {
	position: relative;
	color: #000;
}
.wpcf7-form label {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 8px;
}
.wpcf7-form input,
.wpcf7-form textarea {
	-webkit-appearance: none;
	border: none;
	background: var(--bg-white) no-repeat;
	background-position: top 30% left 20px;
	background-size: 10px auto;
	font-size: 1em;
	color: #444;
	border-radius: 3px;
	padding: 15px;
	margin: 0;
	border: 1px solid #eee;
	width: 100%;		
}
.wpcf7-form textarea { 
	line-height: 100%; 
	height: 200px; 
}
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
	outline: none;
	background-color: #2D3642;
	border-color: #2B323A;
	color: #FFF;
}
.wpcf7-form input[type="submit"] {
	width: auto;
	max-width: none;
	padding: 15px 20px 16px 20px;
	margin-bottom: 0;
	border: none;
	background: #2B323A;
	color: #fff;
	font-size: 0.925em;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.wpcf7-form input[type="submit"]:hover {
	cursor: pointer;
	background-color: #FF706C;
	color: #FFF;
}
.wpcf7-form input[type="submit"]:active {
	top: 1px;
	position: relative;
}
.wpcf7-form span.wpcf7-quiz-label {	display: block }
.wpcf7-response-output::before {
	content: "\26A0 ";
	color: #f82204;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 24px;
	padding-right: 10px;
}
.modal .wpcf7 {
	width: calc(var(--media-screen) * 0.5);
	background-color: var(--bg-dbc);
	padding: 5%;
	border-radius: 8px;
}
/* Touch in Post Content	*/
.touch-div {
	position: relative;
	display: block;
	border-radius: 10px;
	margin-bottom: 5%;
	background-color: #e9d4d9
}
.touch-div h3 {
	color: #ff706c;
	padding: 2% 5%;
	margin: 0 auto;
	border-bottom: 1px solid #ff706c;
}
.touch-div h3::before {
	content:"\0023";
	padding-right: 5px;
	color:var(--orange);
}
.touch-div p {
	padding: 0 5%;
}
/* Touch Base	*/
.section-touch { 
	background-color: var(--soft-red);
}
.touch-content {
	position: relative;
	display: block;
	width: 100%;
	max-width: var(--content-width);
	padding: 0;
	margin: 0 auto
}
.touch-title {
	display: inline-block;
	width: 100%;
	text-align: center;
}
.touch-title h2{
	font-size: 48px;
	font-size: 4.8rem;
	line-height: 48px;
	font-weight: bold;
}
.touch-title p {
	line-height: 1.2;
	color: #0892fa;
	padding: 12px 12px 12px 0;
	margin: 0 auto;
}
/*Tabs in Post Content*/
.tabs {
  display: flex;
  flex-direction: column;
  margin-top: 1em;
}
.tab-list {
  display: flex;
  list-style: none;
  padding: 0;
  margin: 0 0 0.1em;
  border-bottom: 2px solid #ddd;
}
.tab-list li {
  margin-right: 0.1em;
}
.tab-list button {
  flex: 1;
  padding: 1.2em 1em;
  border: none;
  background-color: rgb(240, 237, 234, 0.6);
  cursor: pointer;
  text-align: center;
  border-bottom: 3px solid transparent;
  outline: none;
  transition: all 0.3s;
}
.tab-list button[aria-selected="true"] {
  background-color: rgb(240, 237, 234, 1);
  border-bottom-color: #007bff;
  font-weight: bold;
}
.tab-content {
  display: none;
  padding: 2%;
  background: #fff;
  border: 1px solid rgb(240, 237, 234, 0.8);
  border-radius: 4px;
}
.tab-content[style*="block"] {
  display: block !important;
}

/**
 * Section Layout Template
 */
/*Half-open*/
.section-wrapper11 .main,
.section-wrapper11 .aside { 
	width: 100%;
	max-width: calc(var(--wrapper-width)*1/2);
}
.section-singular11 .main,
.section-singular11 .aside {
	width: 100%;
	max-width: calc(var(--singular-width)*1/2);
}
/*1:2*/
.section-wrapper12 .aside {
	width: 100%;
	max-width: calc(var(--wrapper-width)*1/3);
}
.section-wrapper12 .main {
	width: 100%;
	max-width: calc(var(--wrapper-width)*2/3);
}
/*1:4*/
.section-wrapper14 .aside {
	width: 100%;
	max-width: calc(var(--wrapper-width)*1/5);
}
.section-wrapper14 .main {
	width: 100%;
	max-width: calc(var(--wrapper-width)*4/5);
}
/*2:3*/
.section-wrapper23 .aside {
	width: 100%;
	max-width: calc(var(--wrapper-width)*2/5);
}
.section-wrapper23 .main {
	width: 100%;
	max-width: calc(var(--wrapper-width)*3/5);
}
.section-singular23 .aside {
	width: 100%;
	max-width: calc(var(--singular-width)*2/5);
}
.section-singular23 .main {
	width: 100%;
	max-width: calc(var(--singular-width)*3/5);
}
.section-singular23 .main-mr2 {
	width: 100%;
	max-width: calc(var(--singular-width)*3/5*0.98);
	margin-right: calc(var(--singular-width)*3/5*0.02);
}
/*3:7*/
.section-wrapper37 .aside {
	width: 100%;
	max-width: calc(var(--wrapper-width)*3/10);
}
.section-wrapper37 .main {
	width: 100%;
	max-width: calc(var(--wrapper-width)*7/10);
}
.section-singular37 .aside {
	width: 100%;
	max-width: calc(var(--singular-width)*3/10);
}
.section-singular37 .main {
	width: 100%;
	max-width: calc(var(--singular-width)*7/10);
}
.section-singular37 .main-mr2 {
	width: 100%;
	max-width: calc(var(--singular-width)*7/10*0.98);
	margin-right: calc(var(--singular-width)*7/10*0.02);
}
/*Felex item*/
.flex-item {
	overflow: hidden;
	width: 100%;
	margin: 5px;
	border-radius: 10px;
}
.flex-item h2 {
	padding: 5%;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 25px;
	text-align: center
}
.flex-item p {
	padding: 5%
}
.flex-item ul {
	padding-left: 5%
}
.flex-item:nth-child(n) {
	border: 1px solid #fbfcfc;
	background-color: #fbfcfc
}
.flex-item:hover h2 {
	text-decoration: underline
}
/* two blocks*/
.two-flex-item {
	max-width: calc(var(--wrapper-width) / 2 - 10px);
}
/* three blocks*/
.three-flex-item {
	max-width: calc(var(--wrapper-width) / 3 - 10px);
}
.three-flex-item:nth-child(1) {
	background-color: #fcf7e1;
	border: 1px solid #fcf7e1
}
.three-flex-item:nth-child(2) {
	background-color: #cfe8fd;
	border: 1px solid #cfe8fd
}
.three-flex-item:nth-child(3) {
	background-color: #fdf0fe;
	border: 1px solid #fdf0fe
}
.sandwich-panel:nth-child(n) {
	background-color: #e6f2fe;
	border: 1px solid #e6f2fe
}

/*	
**	11.0 Page Template
/* -----------------------------------------------------------*/
/* Page Section Header*/
.section-header {
	width: 100%;
	max-width: calc(var(--wrapper-width)*1/2);
}
/* h2 title*/
.circle-title {
	display: inline-block;	
	font-size: 55px;
	font-size: 5.5rem;
	line-height: 55px;
	padding: 20px;
	background-color: #5ca64f;
	border-radius: 50px;
	color: #f3ca2b;
	transform: rotate(-2deg);
	transition: transform 0.5s ease;
	position: relative;
}
.circle-title .circle-line {
	position: absolute;
	top: 50%;
	left: 2%;
	transform: translateY(-50%);
	width: 96%;
	height: 90%;
	border: 2px solid #f3ca2b;
	border-radius: 50px;
	background-color: transparent;
}
.page-products .common-slider img {
	width: auto;
    max-height: 480px;
    display: block;
    margin: 0 auto
}
.section-airflow-principle {
	border-radius: 10px	
}
/*	
**	Common Defination
*/
.ps-rel { position: relative }
.ps-abs { position: absolute }
.display-bk { display: block }
.display-inbk { display: inline-block }
.lh9 { line-height: 0.9 }
.pt2 { padding-top: 2% }
.pr2 { padding-right: 2% }
.pb2 { padding-bottom: 2% }
.pl2 { padding-left: 2% }
.pt5 { padding-top: 5% }
.pr5 { padding-right: 5% }
.pb5 { padding-bottom: 5% }
.pl5 { padding-left: 5% }
.ptb1 { padding-top: 1%;padding-bottom: 1% }
.ptb2 { padding-top: 2%;padding-bottom: 2% }
.ptb5 { padding-top: 5%;padding-bottom: 5% }
.ptb10 { padding-top: 10%;padding-bottom: 10% }
.plr2 { padding-left: 2%;padding-right: 2% }
.plr5 { padding-left: 5%;padding-right: 5% }
.plr10 { padding-left: 10%;padding-right: 10% }
.mtb2 { margin-top: 2%;margin-bottom: 2% }
.mlr2 { margin-left: 2%;margin-right: 2% }
.mtb5 { margin-top: 5%;margin-bottom: 5% }
.mlr5 { margin-left: 5%;margin-right: 5% }
.mt2 { margin-top: 2% }
.mr2 { margin-right: 2% }
.mb2 { margin-bottom: 2% }
.ml2 { margin-left: 2% }
.mt5 { margin-top: 5% }
.mr5 { margin-right: 5% }
.mb5 { margin-bottom: 5% }
.ml5 { margin-left: 5% }
.ml10 { margin-left: 10% }
.mr10 { margin-right: 10% }
.pure-orange { color: #ff6700 }
.vivid-blue { color: #0892fa }
.bg-cyan {background-color: rgba(21,97,109,0.05)}
.bg-darkcyan { background-color: var(--dark-cyan) }
.bg-lightcyan { background-color: #f7f8f8 }
.bg-palered { background-color: #ffb2c2 }
.bg-seagreen { background-color: #21A0A0 }
.bg-darkgreen { background-color: #007048 }
.bg-grayishblue { background-color: #cfe8fd }
.bg-paleviolet { background-color: #ece2ff }
.bg-grayishyellow { background-color: #ebe8cf }
.bg-grayishcyan { background-color: #cfecdc }

.bg-palered { background-color: #ffe2e2 }
.bg-verypalered { background-color: rgba(255,226,226,0.3) }
.bg-grayishyellow { background-color: #fbf6df }
.bg-lightgrayishyellow { background-color: rgba(251,246,223,0.6) }
.bg-grayishcyan { background-color: #eaf6f6 }
.bg-lightgrayishcyan { background-color: rgba(234,246,246,0.6) }
.bg-grayishmagenta { background-color: #f5eef5 }
.bg-grayishorange { background-color: #fde6cf }
.bg-grayishred { background-color: #F8F3F8 }
.bg-lightlimegreen { background-color: #f4fbf7 }
.bg-softblue { background-color: #F7FBFE }
.bg-lightgrayishblue { background-color: #F0F7FE }
.bg-powderblue { background-color: #f7f8fa }

/* Hover Effect */
.hov-block:hover,
.hov-block-h2:hover h2 {
	color: #5ca64f;
	text-decoration-line: underline;
    text-decoration-thickness: from-font;
	text-decoration-color: #5ca64f;
}
.radiou5 {
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.centered {
  text-align: center;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.rounded-corner {
	border-radius: 5px
}
/**
 * Go to Top
 */
.cq-top {
  display: inline-block;
  height: 64px;
  width: 64px;
  position: fixed;
  bottom: 5%;
  right: 5%;
  overflow: hidden;
  white-space: nowrap;    
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
  /* Center align the content */
  display: flex;
  align-items: center;
  justify-content: center;
  /* Make it clickable like a button */
  cursor: pointer;
  outline: none;
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease, visibility 0s 0.3s;
}
.cq-top .iconset {
	font-size: 32px;
	font-size: 3.2rem;
	color: #5ca64f;
}
.cq-top.cq-is-visible, .cq-top.cq-fade-out, .cq-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cq-top.cq-is-visible {
  visibility: visible;
  opacity: 1;
}
.cq-top.cq-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: .5;
}
.cq-top:hover {
  /* background-color: #e86256; */
  opacity: 1;
}
/**
 * UL Style
 */
/* Checked with circle background*/
ul.check-circle {
	display: block;
	list-style-position: inside;
	list-style-type: none;
}
ul.check-circle > li {
	position: relative;
	padding-left: 25px;
	margin: 5px 0;
	text-align: left
}
ul.check-circle > li::before {
	content: '\2713';
	display: inline-block;
	margin-right: 10px;
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background-color: #5ca64f;
	border-radius: 50%;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
ul.check-cirlce-block > li::before{
	position: absolute;
    left: 0;
    top: 0.3em;
    transform: translateY(0%);
}

/*UL.common Right-Pointing Double Angle */
ul.common {
	position: relative;
	list-style-type: none;
	counter-reset: li;
	padding: 2% 0;
}
ul.common::before {
	content:attr(aria-label); 
	font-size: 1.5em;
    font-weight: bold;	
	line-height: 1.5;
}
ul.common > li {	
	padding: 0.2em 0;
	line-height: 1.2;
	display: block;
    vertical-align: middle;
}
ul.common > li::before {
	font-size: 1.2em;
	content: "\00BB";
	color: #ea4c89;
	margin-right: 0.5em;
	line-height: 1.2;
}
ul.common > li:hover::before {
	color: var(--orange)
}
ul.common > li ul {
	list-style-type: disc;
	padding: 0.5em 2.5em
}
/*Number Counter*/
ul.counter > li::before {
	counter-increment: li;
	content: counter(li, decimal-leading-zero);
}
ul.pointer > li {
	cursor: pointer;
	touch-action: manipulation;	
}
/*Checked Cirlce*/
ul.checked-circle > li::before {
	font-size: 0.8em;
	content: '\2713';
	
	/* Flexbox for centering */
	display: -ms-flexbox; /* IE 10/11 */
    display: flex;
	 -ms-flex-align: center; /* Vertical alignment in IE 10/11 */
    align-items: center;
    -ms-flex-pack: center; /* Horizontal alignment in IE 10/11 */
    justify-content: center;
	
	/* Circle styles */
	color: #ffffff;
	background-color: #5ca64f;
	border-radius: 50%;
	width: 1.0em;
	height: 1.0em;
	padding: 0.1em;
	box-sizing: content-box;
	
	/* Fallback styles for unsupported browsers */
	display: inline-block;
	line-height: 1.0em;
	text-align: center;	
}
ul.check-circle > li:hover::before, 
ul.checked-circle > li:hover::before {
	color: #ffffff;
	background-color: var(--orange)
}
ul.confused > li::before {
	content: '\203D';
	color: #f82204;
}
ul.cross > li::before {
	content: '\2718';
	color: #f82204;
}
ul.check > li::before {
	content: '\2713';
}
/*CSS for postid-653*/
#post-653 .entry-content .target li:nth-of-type(1)::before,
#post-653 .entry-content .target li:nth-of-type(2)::before,
#post-653 .entry-content .target li:nth-of-type(4)::before,
#post-653 .entry-content .feature li:nth-of-type(14)::before,
#post-653 .entry-content .feature li:nth-of-type(17)::before {
	position: absolute; 
	z-index: 999;
	left: 5%;
	content: "\00D7";
	color: red;
}
.mobile-menu { 
	display: none;	
}

/*	
**	12.0 Media Screen
/* -----------------------------------------------------------*/
@media (max-width: 767px) {
	.inner-wrapper,
	.singular-wrapper { padding: 0 3% }
	.header-content .item-branch,
	.navigation-menu > ul > li > a > span,
	.navigation-menu > ul > li a.flex-icon:hover > i,
	.navigation-menu > ul > li a.flex-icon:focus > i,	
	.navigation-menu ul li.menu-item-has-children > a:after,
	.mobile-menu > ul > li.link-icon,
	.mobile-menu i.mobile-icon,
	.sidebar-wrapper { 
		display: none
	}
	.navigation-menu ul > li.menu-item-has-children a { padding: 0 5px; }
	.navigation-menu > ul > li a.flex-icon:hover > span{
		display: inline;
		font-size: revert;
		line-height: 60px
	}
	.mobile-menu.active {
		display: inline-block;
		position: fixed;		
		z-index:99999;
		top: 60px;
		left: 0;
		width: 100%;
		height: calc(100% - 60px);
		padding: 0;
		margin: 0;
		background-color: #345164;
		color: var(--eff);
		transition: left 0.25s;
		overflow-y: auto;
	}
	.mobile-menu ul {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.mobile-menu ul li {
		width: 100%;
		border-bottom: 1px solid #6a7b86
	}
	.mobile-menu ul > li.iconset::before,
	.mobile-menu ul > li a {
		color: var(--eff);
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 40px;
	}	
	.mobile-menu .iconset {
		font-size: 32px;
		font-size: 3.2rem;
		line-height: 40px;
	}
	.mobile-menu ul > li.iconset:hover::before,
	.mobile-menu ul > li a:hover {
		color: var(--orange)
	}
	.mobile-menu ul li.menu-item-has-children ul {
		background-color: #5c7383	
	}
	.mobile-menu ul li.menu-item-has-children ul > li:hover {
		background-color: rgba(255,255,255,0.1) !important;
	}
	.mobile-menu ul li.menu-item-has-children > a:after {
		color: var(--eff);
	}
	/* Mobile- Temporarily disable*/
	.navigation-menu > ul > li a.ismobile {
		display: none;
		font-family: monospace;		
		width: 3ch;		
		overflow: hidden;
		padding: 0;
		margin: 0 5px
	}
	.navigation-menu > ul > li a.ismobile:hover,
	.navigation-menu > ul > li a.ismobile:focus {		
		font-family: inherit;
		width: auto;
		padding: 0 5px;
		margin: 0;
	}
	.navigation-menu > ul > li.menu-item-has-children a.ismobile { padding: 0 15px 0 5px; }
	.navigation-menu > ul > li.current-menu-item a.ismobile {
		font-family: inherit;
		width: auto 
	}
	.excerpt-standard .excerpt-standard-main { align-self: flex-start }
	.excerpt-standard .excerpt-standard-main .entry-content {		
		word-break: break-all;
		display: -webkit-box;
		display: -webkit-flex;
		display: -moz-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-direction: column;
		-moz-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 4;
		-moz-line-clamp: 4;
		-ms-line-clamp: 4;
		overflow: hidden;
		display: none;
	}	
	/*Product Information*/
	.wp-caption {
		width: 100% !important;
	}
	.wp-caption img {
		max-width: 100% !important;
		height: auto;
	}
	.mobile-block {
		flex: none;
		position: relative;
		display: block;
		width: 100%;
		max-width: var(--media-screen) !important;
		margin: 2% 0;		
	}
} 
@media (min-width: 768px) and (max-width: 991px) {
	.inner-wrapper,
	.singular-wrapper { padding: 0 2% }
	.mobile-menu i.mobile-icon,
	.sidebar-wrapper { 
		display: none
	}
	.mobile-menu.active { 
		position: fixed;
		display: inline-block;
		z-index:99999;
		top: 60px;
		left: 0;
		width: 360px;
		height: calc(100% - 60px);
		padding: 0;
		margin: 0;		
		background-color: #f0e5d7;
		-webkit-box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
		box-shadow: 2px 0 15px rgba(0, 0, 0, 0.15);
		transition: left 0.25s;
		overflow-y: auto;
	}
	.mobile-menu ul {
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
	}
	.mobile-menu ul > li.iconset:before,
	.mobile-menu ul > li a {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 40px;
	}
	.mobile-menu i.iconset:before { padding: 0 }	
}

/* Breakpoint: 992px (Tablets, small screens) */
@media (min-width: 992px) {
	.toggle-btn { display:none;}
}

/* Breakpoint: 1440px (Medium to large desktops) */
@media (min-width: 1440px) {
	.toggle-btn { display:none;}
	body {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.inner-wrapper {
        max-width: 1280px;
        padding: 0 5%;
    }
	.singular-wrapper {
		max-width: 1140px;
		padding: 0 5%;
	}
	.content-wrapper {
        max-width: 980px;
    }
    .sidebar-wrapper {
		flex: 0 0 280px;
		margin-left: 20px
    }
}

/* Breakpoint: 1920px (Full HD screens) */
@media (min-width: 1920px) {
	.toggle-btn { display:none;}
	body {
		font-size: 20px;
		font-size: 2.0rem;
		line-height: 1.8;
	}
	.inner-wrapper {
        max-width: 1440px;
        padding: 0 5%;
    }
	.singular-wrapper {
		max-width: 1280px;
		padding: 0 5%;
	}
	.content-wrapper {
        max-width: 1160px;
    }
    .sidebar-wrapper {
		flex: 0 0 280px;
		margin-left: 20px
    }
}

/* Breakpoint: 2560px (QHD screens) */
@media (min-width: 2560px) {
	.toggle-btn { display:none;}
	body {
		font-size: 22px;
		font-size: 2.2rem;
		line-height: 1.8;
	}
	.inner-wrapper {
        max-width: 1600px;
        padding: 0 5%;
    }
	.singular-wrapper {
		max-width: 1440px;
		padding: 0 5%;
	}
	.content-wrapper {
        max-width: 1260px;
    }
    .sidebar-wrapper {
		flex: 0 0 300px;
		margin-left: 40px
    }
}

/* Breakpoint: 3840px (4K UHD screens) */
@media (min-width: 3840px) {
	.toggle-btn { display:none;}
	body {
		font-size: 24px;
		font-size: 2.4rem;
		line-height: 2.0;
	}
	.inner-wrapper {
        max-width: 1920px;
        padding: 0 5%;
    }
	.singular-wrapper {
		max-width: 1600px;
		padding: 0 5%;
	}
	.content-wrapper {
        max-width: 1580px;
    }
    .sidebar-wrapper {
		flex: 0 0 300px;
		margin-left: 40px
    }
}