/**/

html {}

.site-content {
	background: white;
	font-family: geo-wf, Helvetica, Arial;
}



.entry-content .wp-block, .entry-content .wp-block-image, .entry-content .wpcf7, .entry-content figure, .entry-content ol, .entry-content p, .entry-content ul {
  margin-bottom: 1.666666666667em;
}

@media screen and (max-width: 35.5em) {
        #main .entry-content {
            padding:0;
    } 
}
/* Small devices (landscape phones, 576px and up) */
@media screen and (min-width: 576px) {
        #main .entry-content {
            margin:0;

    }
}

/* Medium devices (tablets, 768px and up) */
@media screen and (min-width: 768px) {
        #main .entry-content {
            margin-left: 30px;

    }
}

/*Large devices (desktops, 992px and up) */
@media screen and (min-width: 992px) {
        #main .entry-content {
                    width:700px;
            margin-left: 50px;
    }
    

}

/* X-Large devices (large desktops, 1200px and up) */
@media screen and (min-width: 1200px) {
    #main .entry-content {
        width:740px;
    }

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media screen and (min-width: 1400px) {}


.page-titlebar .titlebar-title {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: -.02em;
	margin-top: 0px;
	color: rgb(22, 6, 71);

}
    #main > .entry-content {
        max-width:700px;
    }


.site-content .content-area {
	background: none;
}

body.single-post .entry-meta {
	margin-top: 32px;
	margin-bottom: 40px;
}

.entry-single .entry--item:not(.entry-title), .entry-single .entry-thumbnail {
	margin-bottom: 40px;
}

body.single-post article,
body.page .entry-content {
	background: #fff;
	/*box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 3px 0px;*/
	text-shadow: none;
	background-clip: border-box;
	border-color: rgb(51, 51, 51);
border-bottom-style: none;
border-bottom-width: 0px;
border-radius: 3px;
margin-bottom: 15px;
display: table;
width: 100%;
max-width: 100%;
	color: rgb(22, 6, 71);
	color: rgb(40, 52, 108);
	padding-bottom: 24px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 40px;
	font-family: "Circularstd book", sans-serif;
	font-size: 18px;
	font-weight: 400
}

/* Smaller font size for tables */
.entry-content .wp-block-table table {
	font-size: 90%;
  }

  .entry-content .wp-block-table table, 
  .entry-content .wp-block-table tr, 
  .entry-content .wp-block-table td {
    /* border: 1px rgb(227, 230, 232); */
	border: 1px solid #ddd;
	font-weight: normal;
	padding: 10px 10px 10px 12px;
  }

.entry-content h1 {
	font-size: 40px;
	line-height: 100%;
	font-weight: 700;
	margin-bottom: 3.5rem;
}

/* heading text color */
.entry-content h1,
.entry-content h2,
.entry-content h3 {
	color: rgb(22, 6, 71);
	color: rgb(40, 52, 108);
}


.entry-content h2 {
	font-size: 32px;
	font-weight: 700;
	letter-spacing: -.02em;
	margin-bottom: 16px;
margin-top: 10px
}

.entry-content h3 {
	font-family: "Circular std", sans-serif;
font-size: 28px;
font-weight: 700;
margin-bottom: 16px;
margin-top: 0px;
line-height: 35px;
}



.entry-content img {
	padding-bottom: 24px;
padding-left: 40px;
padding-right: 40px;
padding-top: 24px;
}

.entry-content img:first-child {
    padding:0;
}

.entry-content a {
box-sizing: border-box;
font-family: Inter, sans-serif;
outline-style: none;
text-decoration-line: underline;
text-decoration-style: solid;
font-weight: 550;

}

.entry-content p {
	margin-top: 0;
	margin-bottom: 24px;
	line-height: 150%;
	font-size:1.15rem;
	line-height:1.6;
}


/**/
#blog {}

/* Single Blog Post
html:lang(zh-HK) article.post p,
html:lang(zh-CN) article.post p,
html:lang(zh) article.post p{
	font-weight: 400;
}
 */

 /*
body.single-post article.post p,
body.single-post article.post ul,
body.single-post article.post ol,
body.single-post article.post li{
	font-size: inherit;
	font-size: 1.05em;
	font-weight: normal;
}

body.single-post article.post ol,
body.single-post article.post ul{
	margin: 0 0 1.5rem 1.5rem;
}

body.single-post article.post ul li,
body.single-post article.post ol li {
	margin-bottom: 0.65rem;
	padding-left: 0;
}


body.blog article.post strong,
body.single-post article.post strong {
	font-weight: bold;
}

article.post blockquote {
    margin: 1.2em 1em 1.2em 0.5em;
    padding: 0.5em 1em;
    padding-left: 2rem;
    font-size: 1rem;
    line-height: inherit;
    position: relative;
}

/* Listing */
body.blog  article.post {}


/* Single */
body.single-post {}
 

body.single-post article.post {
	/* color: #2c3e50; */
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
	font-size: 1rem;
	line-height: 1.7;
	font-weight: 500;
	font-size:inherit;

}


/* Single */
body.single-post {}


article.post h2 {
	font-size: 2rem;
  line-height: 1.1;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-weight: 600;
}

h2.entry-title {
	font-size: 2rem;
}

body.single-post article.post h3 {
	font-size: 1.25rem;
  margin-bottom: 1.5rem;
  margin-top: 3rem;
  font-weight: 600;
}

article.post h4 {
	font-size: 1.05rem;
	font-weight: bold;
	margin-top: 1rem;
	margin-bottom: 0.5rem;
}



/* Yaost: Table of Content  */
 article.post .wp-block-yoast-seo-table-of-contents h2 {
	font-size: 1.25rem;
	font-weight: 700;
	margin-top: 0.1rem;
	padding-top: 0;
}

article.post .wp-block-yoast-seo-table-of-contents {
	font-size: 90%;
	background-color: #f7f8f9;
	display: inline-block;
	min-width: 60%;
	border:  1px solid #eee;
	padding: 1.65rem 1.85rem 0.25rem;
	margin: 2rem 0;
	border-radius: 0.15rem;
}

article.post .wp-block-yoast-seo-table-of-contents li {
	margin-bottom: 0 !important;
	padding-left: 0 !important;
}

article.post .wp-block-yoast-seo-table-of-contents *{
	font-size: 1rem;
}


.yoast-table-of-contents ol, 
.yoast-table-of-contents ul {
	list-style: none; /* Remove default bullets */
    margin: 0 0 1.5em 0;
}


.yoast-table-of-contents ul li::before {
  color: #999;
  content: "→";
  left: -2rem;
  margin-right: 1em;
  font-size: 0.85rem;
  line-height: 1.5rem;
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1.25em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}



/* Inside Article, custom css */

/* sample question */

body.single-post article.post .s-question {
	position: relative;
	border-radius: 0.25rem;
	border: 1px solid #ddd;
	padding: 2.2rem;
	display: block;
	font-weight: 600;
	margin: 1.5rem 0.25rem 2rem;
}


article.post .s-question strong{
	position: absolute;
	top: 0;
	right: 1rem;
	clear: both;
	color: #fff;
	font-size: 0.8rem;
	padding: 0.2rem 0.5rem;
	margin-right: 0.5rem;
	background-color: #5eba7d;
}

article.post .s-question strong:after {
}

/* sample answer */
article.post .s-answer {
	display: block;
	border-left: 2px solid #EEE;
	padding-left: 1.5rem;
	font-size: 1rem;
	border-radius: 0.25rem;
	border: 1px solid #ddd;
	padding: 2rem;
	display: block;
	font-size: 1.1rem;
	margin: 1.5rem 0.25rem 2rem;
	font-size: 1.05rem;

}


article.post .s-answer strong {
	
	display: inline-block;
	font-weight: bold;
	padding-bottom: 0.5rem;
}

/* note */
article.post .s-note {
	margin: 1.5rem 0.25rem 2rem;
	

	font-size: 1rem;
	color: #494d50;

	border: 1px solid #f1e5bc;
	
	padding: 1.2rem;
	background-color: #fbf2d4;
	background-color: #fdf7e3;
	border-radius: 0.15rem;
	clear: both;
	
	font-weight: 600;
}

article.post .s-note strong,
article.post .s-note b{
	display: inline-block;
	padding-bottom: 0.5rem;
	font-weight: bold;
}


/* WP Blocks Elements */

/* Audio */

.wp-block-audio {}
.wp-block-audio figcaption {
	font-size: 0.8rem;
	color: grey;
}
.wp-block-audio figcaption:before {
	content:  "↑";
	padding-right: 0.3rem;
	margin-left: 0.3rem;
}

.wp-block-table {
	margin-bottom: 1.5rem;
}


/* Table */


article.post table {
	margin-top: 0.1rem;
	margin-bottom: 0.1rem;
}


article.post table thead th,
article.post table td {
	font-weight: normal;
	padding: 5px 5px 5px 15px;
}

article.post table thead th{
    background: #f6f6f6;
    font-weight: bold;
}

article.post table thead th strong{
    font-weight: 400;
}


.is-question-list-container table td a {
	display: inline-grid;
	min-width: 18%;
	padding: 0.2rem;
	margin: 0.1rem;
}




/**/
.mb-0 {
	margin-bottom: 0;
}



.is-round-bgbox {
	display: block;
		background: #eee;
		margin-bottom: 1.6em;
		overflow: auto;
		max-width: 100%;
		padding: 1.6em;
}

body.single-post article.post ol.is-round-bgbox,
body.single-post article.post ul.is-round-bgbox {
	margin: 1rem 0 1.5rem 0;
	padding: 1.6em;
	border-radius: 0.2rem;
}

body.single-post article.post ol.is-round-bgbox li,
body.single-post article.post ul.is-round-bgbox li {
	margin-left: 2rem;

}


/* Image Caption */
.wp-block-image figcaption {
    margin-top: .5em;
    margin-bottom: 1em;
    text-align: center;
    color: gray;
    font-size: 0.9rem;
    font-weight: normal;
}

.is-ml-space {
	margin-left: 1.5rem;
}

.is-italic {
	font-style: italic;
}
*/