/* Overall Font, Link Colors and Background Image */
.wf-active body, .wf-active h1, .wf-active h2, .wf-active h3, .wf-active h4, .wf-active h5, .wf-active h6, .wf-active #navigation, .wf-active table {
    font-family: "Cabin", "Microsoft JhengHei","微軟正黑體";
}

body, p {
    color: #444444;
    font-size: 1.25rem;
    font-weight: 400;
    font-family: "Cabin", "Microsoft JhengHei","微軟正黑體";
    line-height: 1.8;
}

html[lang="zh-TW"] body, html[lang="zh-TW"] p {
	font-size: 1.375rem;
}

p {
	text-align: justify;
}

@media handheld, only screen and (max-width: 767px) {
	body, p {
			color: #444444;
			font-size: 1rem;
			font-weight: 400;
			font-family: "Cabin", "Microsoft JhengHei","微軟正黑體";
			line-height: 1.8;
	}

	html[lang="zh-TW"] body, html[lang="zh-TW"] p {
		font-size: 1.1rem;
	}

	h5 {
		font-size: 1.3rem;
	}
}

body.custom-background {
	background-size: cover; 
}

strong {
	font-weight	: 700;
}

a, a:link {
	color: #0078d4;
}

a:hover, a:active {
	color: #759900;	
}

a:visited {
	color: #7b26c9;
}

.vipList li {
	text-indent: -24px;
}

.vipList li::marker {
	font-family: "Roboto";
}

.vipList ul {
	margin: 0px;
}

/* Change logo size | 30601039-hc kf */
.natural-header-text #logo img {
    max-height: 15em;
}

/* Hide Title on Page */
.natural-header-inactive #header .site-title a, .natural-sidebar-inactive .headline {
	color: transparent;
	font-size: 0rem;
}

.natural-header-inactive #header .site-title {
	height: 0.5rem;
}

/* Slogan */
p.site-description {
	text-align : center;
}

html[lang="en-US"] #header .site-description:after {
	display: block;
	Content: 'BUILDING GOOD CHARACTER AND CONSCIENCE.';	
}

.wf-active #header .site-description {
	  font-family: "Cabin", "Microsoft JhengHei","微軟正黑體";
    font-weight: 600;
    font-style: normal;
	  color : #c632c2;
}

#header .site-description {
	font-size : 2em	;
	font-weight: 600;
}

@media handheld, only screen and (max-width: 767px){
#header .site-description {
	font-size : 1.8em	;
	font-weight: 600;
	}}

/* Special effect for Featured Books on Main page */
.vipFeatureBooks figure:hover{
	box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
	border-color: #abb8c3;
  background: #ffffff;
}

/* 2 Custom CSS Buttons and layout for E-Books Pages */
.vipBook {
	text-align: center;
}

.vipbuttonClass02 {
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border-radius:6px;
	border:1px solid #3866a3;
	display:inline-block;
	cursor:pointer;
	color:#14396a;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #7cacde;
}
.vipbuttonClass02:hover {
	background:linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
	text-decoration: none;
}
.vipbuttonClass02:active {
	position:relative;
	top:1px;
	text-decoration: none;
}

.vipbuttonClass03 {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-weight:normal;
	padding:6px 12px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
	text-align: center;
}
.vipbuttonClass03:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
		text-decoration:none;
}
.vipbuttonClass03:active {
	position:relative;
		text-decoration:none;
	top:1px;
}

/* Customize footer */
.footer-information {
    display: none;
}

footer p {
	text-align: center;
	font-size : 1rem;
}

footer {
	text-align: center;
}

div.footer-widgets {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0;
}

.footer-widgets .widget {
	width: 100%;
}

.wp-block-columns {
	margin-bottom: 0;
}

div.footer.radius-top.shadow {
	margin-bottom: 5rem;
}

/* Customize navigation menu bar */
#navigation, #navigation .menu .menu-item ul li {
	font-size: 1em;
	font-weight: 700;
	background-color: #fcfcfc;
}

#navigation .menu ul ul,  #navigation ul.menu ul {
	width : 10em;
}

#navigation .menu .current_page_item a, #navigation .menu .current_page_ancestor a, #navigation .menu .current-menu-item a, #navigation .menu .current-cat a, #navigation .menu li.current-menu-ancestor a, #navigation .menu li.current_page_ancestor a, #navigation .menu .current-menu-ancestor ul .current_page_item a, #navigation .menu .current_page_ancestor ul .current-menu-item a {
    background-color: #ffff00;
}

.menu a:hover, #navigation .menu .menu-item ul li a:hover, #navigation > div > ul > li.menu-item.sfHover {
    background-color: #9fecf9;
}

.sf-arrows .sf-with-ul:after, .sf-arrows > li > .sf-with-ul:focus:after, .sf-arrows > li:hover > .sf-with-ul:after, .st-arrows > .sfHover > .sf-with-ul:after {
	border-top-color: #000000;
}

/* Mobile Menu */
.menu-toggle::before {
	color: #1b9d7f;
} 

html[lang="zh-TW"] .menu-toggle::before {
	font-size: 1.8em;
} 

.menu-toggle {
	color: #1b9d7f;
	font-size: 1.8em;
	font-weight: 700;
}

html[lang="zh-TW"] .menu-toggle > span {
	display: none;
}

html[lang="zh-TW"] .menu-toggle:after {
  Content: '目錄';
	font-size: 1.8em;
  font-weight: 700;
}

.mobile-menu-container {
    background-color: #fcfcfc;
}

.mobile-menu > li {
	border-top: 2px solid gainsboro;
}

.mobile-menu li {
	text-align: left;	
  margin-left: 0.5em;
	margin-right: 0.5em;
}

/* Home */
#navigation > div > ul > li.menu-item:nth-child(1) > a {
	color: #6100bd !important;
}

/* About Us */
#navigation > div > ul > li.menu-item:nth-child(2) > a, #navigation > div > ul > li.menu-item:nth-child(2) > ul > li > a, #navigation > div > ul > li.menu-item:nth-child(2).sfHover > a, #navigation > div > ul > li.menu-item:nth-child(2).sfHover > ul > li > a {
	color: #268000 !important;
}

/* EBooks */
#navigation > div > ul > li.menu-item:nth-child(3) > a, #navigation > div > ul > li.menu-item:nth-child(3) > ul > li > a, #navigation > div > ul > li.menu-item:nth-child(3).sfHover > a, #navigation > div > ul > li.menu-item:nth-child(3).sfHover > ul > li > a {
	color: #e60ac5 !important;
}

/* Charities */
#navigation > div > ul > li.menu-item:nth-child(4) > a {
	color: #ff0202 !important;
}

/* My Account */
#navigation > div > ul > li.menu-item:nth-child(5) > a, #navigation > div > ul > li.menu-item:nth-child(5) > ul > li > a, #navigation > div > ul > li.menu-item:nth-child(5).sfHover > a, #navigation > div > ul > li.menu-item:nth-child(5).sfHover > ul > li > a {
	color: #006cd1 !important;
}

/* Language */
#navigation > div > ul > li.menu-item:nth-child(6) > a {
	color: #d15700 !important;
}

/* Customize accordion*/
.kt-accordion-id_71c4e3-18 
.orange.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ffcf98;
}

.kt-accordion-id_71c4e3-18 .orange.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #f7af7d;
}

.kt-accordion-id_71c4e3-18 
.green.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #cfdeb3;
}

.kt-accordion-id_71c4e3-18 
.green.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #afc08f;
}

.kt-accordion-id_71c4e3-18 
.purple.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #b6b2c9;
}

.kt-accordion-id_71c4e3-18 
.purple.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #948fad;
}

.kt-accordion-id_71c4e3-18 
.blue.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #d2edf1;
}

.kt-accordion-id_71c4e3-18 
.blue.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #b2d5d8;
}

.kt-accordion-id_71c4e3-18 
.pink.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #fad3e2;
}

.kt-accordion-id_71c4e3-18 
.pink.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #f8bad1;
}

.kt-accordion-id_71c4e3-18 
.orange1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ffc59d;
}

.kt-accordion-id_71c4e3-18 .orange1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #ffa363;
}

.kt-accordion-id_71c4e3-18 
.green1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #caeee0;
}

.kt-accordion-id_71c4e3-18 
.green1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #8bc3a8;
}

.kt-accordion-id_71c4e3-18 
.purple1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #e6d6f0;
}

.kt-accordion-id_71c4e3-18 
.purple1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #af94bf;
}

.kt-accordion-id_71c4e3-18 
.blue1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #d0f6f4;
}

.kt-accordion-id_71c4e3-18 
.blue1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #92e3dd;
}

.kt-accordion-id_71c4e3-18 
.blue2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #dcebf2;
}

.kt-accordion-id_71c4e3-18 
.blue2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #97dbf2;
}

.kt-accordion-id_71c4e3-18 
.pink1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #f9bad1;
}

.kt-accordion-id_71c4e3-18 
.pink1.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #ffabc2;
}


.kt-accordion-id_71c4e3-18 
.orange2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ffc5ae;
}

.kt-accordion-id_71c4e3-18 .orange2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #fea887;
}


.kt-accordion-id_71c4e3-18 
.green2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #b2f9ed;
}

.kt-accordion-id_71c4e3-18 
.green2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #73d1bb;
}

.kt-accordion-id_71c4e3-18 
.purple2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ebcae7;
}

.kt-accordion-id_71c4e3-18 
.purple2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #d8aed4;
}

.kt-accordion-id_71c4e3-18 
.teal.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #caf0f1;
}

.kt-accordion-id_71c4e3-18 
.teal.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #7ecfd2;
}


.kt-accordion-id_71c4e3-18 
.blue3.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #c8e8fd;
}

.kt-accordion-id_71c4e3-18 
.blue3.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #859ad1;
}

.kt-accordion-id_71c4e3-18 
.pink2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ffe1e8;
}

.kt-accordion-id_71c4e3-18 
.pink2.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #fe8faf;
}

.kt-accordion-id_71c4e3-18 
.yellow.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header {
	background-color: #ffeaab;
}

.kt-accordion-id_71c4e3-18 
.yellow.wp-block-kadence-pane .kt-accordion-header-wrap .kt-blocks-accordion-header:hover {
	background-color: #ffd07e;
}

/* Customize navigation buttons on Love Codes page */
.vipLoveCodesPageNavButtons .wp-block-button a {
	margin: 0px 0px;
	padding: 3px 9px;
	width: 2em;
}

.orange .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ffcf98;
	border-radius: 6px;
	border: 1px solid #ffcf98;
	color: #000000;
}

.orange .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ffcf98;
	background: revert;
	background-color: #f7af7d;
	border-radius: 6px;
	border: 1px solid #f7af7d;
	color: #000000;
}

.green .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #cfdeb3;
	border-radius: 6px;
	border: 1px solid #cfdeb3;
	color: #000000;
}

.green .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #cfdeb3;
	background: revert;
	background-color: #afc08f;
	border-radius: 6px;
	border: 1px solid #afc08f;
	color: #000000;
}

.purple .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #b6b2c9;
	border-radius: 6px;
	border: 1px solid #b6b2c9;
	color: #000000;
}

.purple .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #b6b2c9;
	background: revert;
	background-color: #948fad;
	border-radius: 6px;
	border: 1px solid #948fad;
	color: #000000;
}

.blue .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #d2edf1;
	border-radius: 6px;
	border: 1px solid #d2edf1;
	color: #000000;
}

.blue .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #d2edf1;
	background: revert;
	background-color: #b2d5d8;
	border-radius: 6px;
	border: 1px solid #b2d5d8;
	color: #000000;
}

.blue4 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #e8f4fe;
	border-radius: 6px;
	border: 1px solid #e8f4fe;
	color: #000000;
}

.blue4 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #e8f4fe;
	background: revert;
	background-color: #95c7f7;
	border-radius: 6px;
	border: 1px solid #95c7f7;
	color: #000000;
}

.pink .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #fad3e2;
	border-radius: 6px;
	border: 1px solid #fad3e2;
	color: #000000;
}

.pink .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #fad3e2;
	background: revert;
	background-color: #f8bad1;
	border-radius: 6px;
	border: 1px solid #f8bad1;
	color: #000000;
}

.orange1 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ffc59d;
	border-radius: 6px;
	border: 1px solid #ffc59d;
	color: #000000;
}

.orange1 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ffc59d;
	background: revert;
	background-color: #ffa363;
	border-radius: 6px;
	border: 1px solid #ffa363;
	color: #000000;
}

.green1 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #caeee0;
	border-radius: 6px;
	border: 1px solid #caeee0;
	color: #000000;
}

.green1 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #caeee0;
	background: revert;
	background-color: #8bc3a8;
	border-radius: 6px;
	border: 1px solid #8bc3a8;
	color: #000000;
}

.purple1 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #e6d6f0;
	border-radius: 6px;
	border: 1px solid #e6d6f0;
	color: #000000;
}

.purple1 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #e6d6f0;
	background: revert;
	background-color: #af94bf;
	border-radius: 6px;
	border: 1px solid #af94bf;
	color: #000000;
}

.blue1 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #d0f6f4;
	border-radius: 6px;
	border: 1px solid #d0f6f4;
	color: #000000;
}

.blue1 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #d0f6f4;
	background: revert;
	background-color: #92e3dd;
	border-radius: 6px;
	border: 1px solid #92e3dd;
	color: #000000;
}

.blue2 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #dcebf2;
	border-radius: 6px;
	border: 1px solid #dcebf2;
	color: #000000;
}

.blue2 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #dcebf2;
	background: revert;
	background-color: #97dbf2;
	border-radius: 6px;
	border: 1px solid #97dbf2;
	color: #000000;
}

.pink1 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #f9bad1;
	border-radius: 6px;
	border: 1px solid #f9bad1;
	color: #000000;
}

.pink1 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #f9bad1;
	background: revert;
	background-color: #ffabc2;
	border-radius: 6px;
	border: 1px solid #ffabc2;
	color: #000000;
}

.orange2 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ffc5ae;
	border-radius: 6px;
	border: 1px solid #ffc5ae;
	color: #000000;
}

.orange2 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ffc5ae;
	background: revert;
	background-color: #fea887;
	border-radius: 6px;
	border: 1px solid #fea887;
	color: #000000;
}

.green2 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #b2f9ed;
	border-radius: 6px;
	border: 1px solid #b2f9ed;
	color: #000000;
}

.green2 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #b2f9ed;
	background: revert;
	background-color: #73d1bb;
	border-radius: 6px;
	border: 1px solid #73d1bb;
	color: #000000;
}

.purple2 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ebcae7;
	border-radius: 6px;
	border: 1px solid #ebcae7;
	color: #000000;
}

.purple2 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ebcae7;
	background: revert;
	background-color: #d8aed4;
	border-radius: 6px;
	border: 1px solid #d8aed4;
	color: #000000;
}

.teal .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #caf0f1;
	border-radius: 6px;
	border: 1px solid #caf0f1;
	color: #000000;
}

.teal .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #caf0f1;
	background: revert;
	background-color: #7ecfd2;
	border-radius: 6px;
	border: 1px solid #7ecfd2;
	color: #000000;
}

.blue3 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #c8e8fd;
	border-radius: 6px;
	border: 1px solid #c8e8fd;
	color: #000000;
}

.blue3 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #c8e8fd;
	background: revert;
	background-color: #859ad1;
	border-radius: 6px;
	border: 1px solid #859ad1;
	color: #000000;
}

.pink2 .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ffe1e8;
	border-radius: 6px;
	border: 1px solid #ffe1e8;
	color: #000000;
}

.pink2 .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ffe1e8;
	background: revert;
	background-color: #fe8faf;
	border-radius: 6px;
	border: 1px solid #fe8faf;
	color: #000000;
}

.yellow .wp-block-button__link {
	box-shadow: inset 1px 1px 0px 0px #fcfcfc;
	background: revert;
	background-color: #ffeaab;
	border-radius: 6px;
	border: 1px solid #ffeaab;
	color: #000000;
}

.yellow .wp-block-button__link:hover {
	box-shadow: inset 1px 1px 0px 0px #ffeaab;
	background: revert;
	background-color: #ffd07e;
	border-radius: 6px;
	border: 1px solid #ffd07e;
	color: #000000;
}

/*  stop "love codes" images from wrapping on tablet and above -- 30935252-hc (DOC) */
@media screen and (min-width: 640px) { 
.home .wp-block-columns {
  flex-wrap: nowrap;
  }
}

/*  show "love codes" images smaller on mobile -- 30935252-hc (DOC) */
@media screen and (max-width: 639px) { 
.kt-blocks-info-box-media  {
  width: 60%;
	}
}

/*  show "love codes" images smaller on desktop on Book Series pages */
@media screen and (min-width: 1024px) { 
.BookSeriesInfoBox .kt-blocks-info-box-media  {
  width: 60%;
	}
}

/* rounded corners for photo of author */
figure.round.wp-block-image:not(.is-style-rounded) > img {
	border-radius: 1rem;
}

/* border for book series */
figure.border > img {
	border: solid 1px #dcdcdc;
}

div.nowrap.wp-block-columns {
	flex-wrap: nowrap;
}

/* Log in, registration pages */
html[lang="en-US"] .wppb-form-field.wppb-default-password span.wppb-description-delimiter:after {
	Content: 'To make it stronger, use a mix of uppercase letters, lowercase letters, numbers and symbols.';
}

.wppb-form-field.wppb-default-password button.wppb-toggle-pw, .wppb-form-field.wppb-default-repeat-password button.wppb-toggle-pw {
    height: revert;
    top: 4px !important;
}

button, .button, a.button, .reply a, #searchsubmit, #prevLink a, #nextLink a, a.more-link, #submit, input[type=submit], input#submit, input.button, #wrap #infinite-handle button, .wp-block-button a {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
}

@media screen and (max-width: 400px){
	#wppb-login-wrap .login-password button.wppb-toggle-pw {
		top: 0.85em;
	}
	
	.wppb-form-field.wppb-default-password button.wppb-toggle-pw, .wppb-form-field.wppb-default-repeat-password button.wppb-toggle-pw {
    height: revert;
    top: 34px !important;
	}
	
	.wppb-gdpr-checkbox.wppb-form-field #user_consent_gdpr {
			width: revert;
	}
}