/*
HP v5 main styles
- over-rides of twentytwentytwo theme
- see also ./theme.json -- which over-rides twentytwentytwo/theme.json
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
0.0 :root
1.0 Normalize
2.0 Tags
3.0 Lists
4.0 Form
4.5 Blocks
5.0 Panel Structure
6.0 Header
7.0 Page
8.0 Footer
9.0 Buttons
10.0 Table
11.0 Alignments
12.0 Misc
13.0 Blog
14.0 RSS Feed
15.0 Dashboard
16.0 Print
--------------------------------------------------------------*/

/* 0.0 :root ============================================== */
/* global var() styles, use --hp as the prefix */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap');


:root {
	/* fonts ===== */
	--hp-basefont: normal 20px "Open Sans","Helvetica Neue",sans-serif;
	--hp-headerfont: 700 60px "Montserrat", sans-serif;

	--hp-font-small-1: 0.8rem;
	--hp-font-small-2: 0.75rem;

	--hp-font-large-1: 1.5rem;
	/* /fonts ===== */

	/* colors ===== */
	--hp-fgcolor-1: #24667f;
	--hp-fgcolor-2: #fff;
	--hp-fgcolor-3: rgba(0,0,0,0.5);
	--hp-fgcolor-4: #ef9a43;
	--hp-fgcolor-4-30p: #ef9a434c;

	--hp-link-color-1: #24667f;
	--hp-link-hovercolor-1: #24667f;

	--hp-bgcolor-1: #e0eaed;
	--hp-bgcolor-2: #000;
	--hp-bgcolor-3: rgba(36,102,127,0.5);

	--hp-color-alert: red;

	--hp-nav-color-1: #24667f;
	--hp-nav-bgcolor-1: #fff;
	--hp-nav-hovercolor-1: #ef9a43;

	--hp-border-color-1: rgba(220,215,202,1);
	--hp-border-color-2: rgba(0,0,0,0.5);
	/* /colors ===== */

	/* borders ===== */
	--hp-border-1: solid 1px var(--hp-border-color-1);
	--hp-border-2: solid 1px var(--hp-border-color-2);
	--hp-border-3: solid 1px var(--hp-link-color-1);
	--hp-hoverborder-3: solid 1px var(--hp-link-hovercolor-1);
	/* /borders ===== */

	/* width/height ===== */
	--hp-panel-width: 960px;
	--hp-form-width: 500px;

	--hp-featimg-height: 430px;
	/* /width/height ===== */

	/* misc ===== */
	--hp-margin-bot-1: 1rem;
	--hp-margin-bot-2: 0.5rem;
	--hp-margin-bot-3: 0.75rem;

	--hp-padding-bot-1: 1rem;
	--hp-padding-bot-2: 0.5rem;
	--hp-padding-bot-3: 0.75rem;

	--hp-block-gap: 1.5%;/* left and right */

	--hp-line-height-1: 1.5;

	--hp-transition-time-1: 150ms;
	--hp-transition-time-2: 350ms;
	/* /misc ===== */
}
/* /0.0 :root ============================================== */

/* 1.0 Normalize ============================================== */
* {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	box-sizing: border-box !important;
}
/* /1.0 Normalize ============================================== */

/* 2.0 Tags ========================================================= */
html,body,td,input,textarea,select,option,blockquote {
	font: var(--hp-basefont);
}
html {
	overflow-x: hidden;/* allows objects to be absolutely positioned off the right and no scrollbar */
}
body {
	color: var(--hp-fgcolor-1);
	background-color: var(--hp-bgcolor-1);
}
main::before {
	content: url(/wp-content/uploads/corner-upper-right.png);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 0;
}
#admin-notice-trigger ~ .wp-site-blocks main::before {
	/*top: -30px;*/
}
main::after {
	content: url(/wp-content/uploads/corner-lower-left.png);
	position: absolute;
	bottom: 80px;
	left: 0;
	z-index: 0;
}
#admin-notice-trigger ~ .wp-site-blocks main::after {
	 /*bottom: 110px;*/
 }
.wp-site-blocks {
	position: relative;
	z-index: 1;
	min-height: 100vh;
}
body.admin-bar .wp-site-blocks {
	min-height: calc(100vh - 32px);
}
a {
	text-decoration: none;
	color: var(--hp-link-color-1);
}
a:hover {
	color: var(--hp-link-hovercolor-1);
}

p {
	margin-bottom: var(--hp-margin-bot-1);
}
p,
li,
td {
	line-height: var(--hp-line-height-1);
}

h1,h2,h3,h4,h5,h6,h7 {
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	color: var(--hp-fgcolor-1);
}
h2 {
	padding-bottom: var(--hp-padding-bot-1);
}

h1.wp-block-post-title {
}

pre {
	/* do NOT use css var() here, this is mainly used for php print_r() to ensure visibility */
	color: #000;
	background-color: #fff;
}

fieldset {
	position: relative;
	margin: 0 0 var(--hp-margin-bot-1) 0 !important;
	padding: 0.5rem 1rem 1rem 1rem;
	border: var(--hp-border-1);
	display: inline-block;
}
fieldset.change-password {
	/* see form element width */
	max-width: var(--hp-form-width);
	width: 100%;
}
fieldset p:last-of-type:not(:only-of-type) {
	/* can cause problems, be cautious about using */
	margin-bottom: 0;
}
legend {
	font-size: var(--hp-font-small-1);
	padding: 0 0.5rem 0 0.5rem;
	margin: 0 0.5rem 0 0.5rem;
	/* border: solid 1px red; */
}

blockquote {
	border: 0;
	margin: 0 0 var(--hp-margin-bot-1) 0;
	padding: 0 1.5rem 0 1.5rem;
	/* border: solid 1px #000; */
}
blockquote p:last-of-type:not(:only-of-type) {
	margin: 0px;
}
blockquote::after {
	content: "";
	clear: both;
	display: table;
}
blockquote cite {
	float: right;
}
blockquote cite::before {
	content: '\2013 \00A0';
}

hr {
	margin: 0 0 var(--hp-margin-bot-1) 0;
	border: 0 !important;
	border-top: solid 1px var(--hp-border-color-2) !important;
}

/* Transitions ===== */
a {
	transition: all var(--hp-transition-time-1) ease-in-out;
}
/* 2.0 Tags ========================================================= */

/* 3.0 Lists ========================================================= */
ul,
ol {
	margin: 0 0 var(--hp-margin-bot-1) 0.5rem;
	padding: 0 0 0 0;
}
li {
	margin: 0 0 0 0.5rem;
}
.module-page-container ul, .module-page-container ol {
	padding-left: 20px;
}
.module-page-container li {
	line-height: 1.8125;
}
li > ul,
li > ol {
	margin: 0 0 0 0.5rem;
}

ul.wp-block-post-template,
ul.wp-block-post-template li {
	margin: 0;
}
li .wp-block-post-featured-image {
	justify-content: left;
}

.page-terms-of-use ol > li::marker {
	font-weight: bold;
}
/* /3.0 Lists ========================================================= */

/* 4.0 Form ================================================================= */
.ck-editor,
input,
textarea,
select {
	color: var(--hp-fgcolor-1);
}

.ck-editor,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
select,
textarea {
	padding: 0.8rem 1rem;
	max-width: var(--hp-form-width);
	width: 100%;
	background-color: var(--hp-bgcolor-1);
	border: var(--hp-border-1);
	border-radius: 0;
}
.ckeditor:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
select:focus,
textarea:focus {
	border: var(--hp-border-1);
}

select {
	width: auto;
}

label {
	/* display: block; */
	/* see hp-shared.js move_form_labels() */
	display: none;
	margin: 0 0 0 0;
}

/* move form labels, see ../js/shared.js for implementation ========== */
form div {position: relative;}
.label-pos input[type="text"],
.label-pos input[type="password"],
.label-pos textarea {
	padding-top: 1em;
}
.label-pos > label {
	position: absolute;
	top: 0.5em;
	left: 0.3em;
	z-index: 10;
	color: var(--hp-fgcolor-3);
	transition: all 200ms ease-in-out;
	cursor: text;
}
.label-pos-focused > label {
	top: 0;
	left: 0.5em;
	font-size: var(--hp-font-small-2);
	color: var(--hp-fgcolor-3);
}
/* /move form labels, see ../js/shared.js for implementation ========== */

/* form2 ===== */
.form2 {
	margin-bottom: 1.5rem;
xborder: solid 1px red;
}

.form2 fieldset {
	display: inline-block !important;
}
.form2 fieldset > p {
	font-size: var(--hp-font-small-1);
}

.form2 div,
.form2 fieldset > div,
fieldset.change-password .element-wrapper-password {
	display: flex;
	flex-direction: column;

	position: relative;
	padding: 0px 0px 8px 0px;
}
.form2 div > label,
.form2 fieldset > div > label {
	padding: 0px 0px 3px 0px;
xborder: solid 1px red;
}

.form2 div > span,
.form2 fieldset > div > span {
	display: flex;
	flex-direction: row;
}

.form2 div > label > span,
.form2 fieldset > div > label > span {
}

.form2 > div > span > label,
.form2 fieldset > div > span > label {
	display: inline-block;
	padding-right: 10px;
}
.form2 div > span > div,
.form2 fieldset > div > span > div {
}
.form2 .required-after:after {
	content: '*';
	display: inline-block;
	padding-left: 3px;
}
/* /form2 ===== */

.input-datetime-container input[type="date"] {
	max-width: calc(var(--hp-form-width)/2);
}
.input-datetime-container select {
	margin-left: 0.5em;
}

.input-password-container {
}
.pswd-container {
	position: relative;
	width: 100%;
	max-width: var(--hp-form-width);
	/* display: inline-block; */
}
.pswd-container input {
	padding-right: 2.5em;
}
.pswd-container .show-pswd {
	position: absolute;
	top: 2px;
	right: 1em;
	z-index: 20;
	transform: translate(0,50%) scale(1.75);

	padding-left: 0.5em;
	color: rgba(0,0,0,0.50) !important;
	cursor: pointer;
}
.pswd-container .show-pswd.active {
	color: rgba(0,0,0,1) !important;
}
.pswd-container .show-pswd:after {
	content: '\01F441';
}

/* hide recaptcha badge */
.grecaptcha-badge {visibility: hidden;}
.recaptcha-terms {
	display: none;
	font-size: var(--hp-font-small-1);
}
/* /4.0 Form ================================================================= */

/* 4.5 Blocks ================================================================= */
.wp-site-blocks,
body > .is-root-container,
.edit-post-visual-editor__post-title-wrapper,
.wp-block-group.alignfull,
.wp-block-group.has-background,
.wp-block-cover.alignfull,
.is-root-container .wp-block[data-align="full"] > .wp-block-group,
.is-root-container .wp-block[data-align="full"] > .wp-block-cover {
	padding-left: 0;
	padding-right: 0;
}

.wp-block-media-text {
	margin-bottom: var(--hp-margin-bot-1);
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
	margin-bottom: var(--hp-margin-bot-1);
}
.wp-block-media-text .wp-block-media-text__content {
	padding: 0 3% !important;
	/* border: solid 10px red; */
}

/* Blocks | Columns ===== */
.wp-block-columns:where(.is-layout-flex) {
	gap: 0;
	column-gap: var(--hp-block-gap);
}

.wp-block-columns {
	margin-bottom: 0;
	/* border: solid 1px red; */
}

/* .wp-block-columns > .wp-block-column {border: solid 1px #000;} */
/* .wp-block-columns > .wp-block-column:nth-child(odd) {background: red;} */
/* .wp-block-columns > .wp-block-column:nth-child(even) {background: green;} */
/* /Blocks | Columns ===== */

/* Blocks | Navigation ========== */
.wp-block-navigation__container {
	/* gap: var(--wp--style--block-gap,2em); */
	gap: 0;
}
.wp-block-navigation__container li {
	margin: 0;
}
.wp-block-navigation__container a.wp-block-navigation-item__content,
a.wp-block-navigation-item__content {
	font-family: "Montserrat", sans-serif;
	font-weight: 600;
	padding: 5px 5px 5px 30px;
	color: var(--hp-nav-color-1);
	/* border: solid 1px red; */
	font-size: var(--hp-font-small-1);
}
.wp-block-navigation__container a.wp-block-navigation-item__content:hover,
a.wp-block-navigation-item__content:hover {
	color: var(--hp-nav-hovercolor-1);
}
.wp-block-navigation__submenu-container,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
	padding-right: 10px;
	background-color: var(--hp-nav-bgcolor-1);
	border: var(--hp-border-2);
}
.wp-block-navigation__submenu-container a,
.wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container a {
	/* padding: 0; */
	/* border: solid 1px red; */
}

/* Blocks | Navigation | header ===== */
.topnav {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 1000;
	/* border: solid 10px red; */
}

/* wp-block-navigation__responsive-container is-menu-open has-modal-open */
html:not(.has-modal-open) .topnav .wp-block-navigation .has-child:where(:not(.open-on-click)) > .wp-block-navigation__submenu-container {
	margin-top: 0.5rem;
	transition: opacity var(--hp-transition-time-1) linear, margin var(--hp-transition-time-1) ease-in-out;
}
html:not(.has-modal-open) .topnav .wp-block-navigation .has-child:where(:not(.open-on-click)):hover > .wp-block-navigation__submenu-container {
	margin-top: 0;
}
.topnav .wp-block-navigation .wp-block-navigation__container > .has-child:last-child > .wp-block-navigation__submenu-container {
	left: initial;
	right: 0;
}
.topnav .wp-block-navigation .wp-block-navigation__container .has-child:last-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
	left: auto !important;
	right: 100% !important;
}
.topnav ul.wp-block-navigation__container > li:last-child > a.wp-block-navigation-item__content {
	padding-right: 0;
}

.topnav .wp-block-navigation-submenu a {
	padding-right: 0;
}
.topnav .wp-block-navigation-submenu svg {
	margin-left: 3px;
}

/* secure a navigation item, see also:
wp-content\themes\hotpepper_v5\functions.php security_system_hp5()
resets to display: flex
*/
.wp-block-navigation.private,
.wp-block-navigation-item.private,
.wp-block-navigation-item.private2,
.wp-block-navigation-item.private3,
.wp-block-navigation-item.private4 {
	display: none;
}


.topnav .wp-block-navigation__responsive-container-open svg {
	display: none;
}
.topnav .wp-block-navigation__responsive-container-open:after {
	content: '\002630';
	font-size: var(--hp-font-large-1);
}
/* /Blocks | Navigation | header ===== */

/* Blocks | Navigation | footer ===== */
.footernav li:first-child a.wp-block-navigation-item__content {
	padding-left: 0;
}
/* /Blocks | Navigation | footer ===== */

/* /Navigation ========== */

/* /4.5 Blocks ================================================================= */

/* 5.0 Panel Structure ===================================================== */
.panel {
	max-width: var(--hp-panel-width) !important;
	margin: 0 auto 0 auto;
	/* border: solid 1px red; */
}
@media (max-width: 980px) {
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) .panel,
	.panel {
		margin: 0 3% 0 3%;
	}
}
/* /5.0 Panel Structure ===================================================== */

/* 6.0 Header ============================================================= */
header {
	position: relative;
	z-index: 2;
}
.sign-in-out-container,
.sign-in-out-container a {
	color: var(--hp-fgcolor-2);
	background-color: var(--hp-bgcolor-2);
}
/* /6.0 Header ============================================================= */

/* 7.0 Page ============================================================== */
.entry-content.wp-block-post-content {
	margin: 0;
	position: relative;
	z-index: 1;
}

.wp-block-image {
	margin: 0;
}
.wp-block-image.featured,
.wp-block-post-featured-image {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	max-width: 100%;
	height: 100%;
	max-height: var(--hp-featimg-height);
	overflow: hidden;
	/* border: solid 1px red; */
}
.wp-block-image.featured img,
.wp-block-post-featured-image img {
	width: 100%;
}

.wp-block-image.featured {
	position: relative;
}
.wp-block-image.featured figcaption {
	/* display: none; */
	position: absolute;
	bottom: 2em;
	left: 0px;
	z-index: 0;
}

body.error404 .wp-block-post-featured-image,
body.search-results .wp-block-post-featured-image {
	display:none;
}

.wp-block-cover,
.wp-block-cover-image {
	min-height: var(--hp-featimg-height);
}

.components-modal__screen-overlay {
  display: none !important;
}/* /7.0 Page ============================================================== */

/* 8.0 Footer ============================================================= */
.footer-container {
	font-size: var(--hp-font-small-1);
}
.footernav {
}
.footer-copyright {
}
/* /8.0 Footer ============================================================= */

/* 9.0 Buttons ============================================================= */
.click2-bn,
button:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):not(.wp-block-navigation-submenu__toggle):not(.fancybox-button),
.button,
.wp-block-button__link,
.wp-block-file .wp-block-file__button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	padding: 5px 20px 5px 20px;
	font: var(--hp-basefont);
	text-align: center;
	text-decoration: none !important;
	line-height: 1 !important;
	opacity: 1;
	color: var(--hp-link-color-1);
	background: transparent;
	border: var(--hp-border-3);
	border-radius: 0;
	transition: opacity 0.15s linear;
	cursor: pointer;

	padding: 6px 15px 8px 15px;
	font-size: var(--hp-font-small-2);
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: var(--hp-fgcolor-1);
	border: 2px solid var(--hp-nav-hovercolor-1);
}
.click2-bn:focus,
.click2-bn:hover,
.click2-bn.click-el-clicked,
button:focus:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):not(.wp-block-navigation-submenu__toggle):not(.owl-prev):not(.owl-next),
button:hover:not(.wp-block-navigation__responsive-container-open):not(.wp-block-navigation__responsive-container-close):not(.wp-block-navigation-submenu__toggle):not(.fancybox-button):not(.owl-prev):not(.owl-next),
.button:focus,
.button:hover,
.wp-block-button .wp-block-button__link:focus,
.wp-block-button .wp-block-button__link:hover,
.wp-block-file .wp-block-file__button:focus,
.wp-block-file .wp-block-file__button:hover,
input[type="button"]:focus,
input[type="button"]:hover,
input[type="reset"]:focus,
input[type="reset"]:hover,
input[type="submit"]:focus,
input[type="submit"]:hover {
	color: var(--hp-link-hovercolor-1);
	border: var(--hp-hoverborder-3);

	border: 2px solid var(--hp-nav-hovercolor-1);
	background-color: #EF9A4333;
}

.bn-back,
.js-back {
	text-decoration: none !important;
}
.bn-back:before,
.js-back:before {
	/* content: '\25C0';
	padding-right: 5px; */
}

.bn-pdf:before {
	font: var(--fa-font-regular);
	content: '\f1c1';
	padding-right: 4px;
}

.read-more {
	padding-left: 1em;
}
/* /9.0 Buttons ============================================================= */

/* 10.0 Table =============================================================== */
/* /10.0 Table =============================================================== */

/* 11.0 Alignments ========================================================= */
/* /11.0 Alignments ========================================================= */

/* 12.0 Misc =============================================================== */
.alert,
.error,
.required,
.required-after:after {
	color: var(--hp-color-alert);
}
.alert.sm,
.alert.sm *,
.error.sm,
.error.sm *,
.required.sms,
.required.sms * {
	font-size: var(--hp-font-small-1);
}

.ct-separator:before {
	display: inline-block;
	content: '>';
	content: '\203A';
}

/* used inside wordpress paragraph, see /reach-x/modules/ */
.fg-color-1 {
	color: var(--hp-fgcolor-1);
}
.fg-color-4{
	color: var(--hp-fgcolor-4);
}

/* showhide generic mechanism, see assets/js/hp-global.js showhide() */
/* .showhide-container {} */
.showhide-trigger {
	width: fit-content;
}
.showhide-content {
	display: none;
}
.module-page-content .showhide-content {
	padding-bottom: var(--hp-padding-bot-1);
	padding-left: 20px;
}
.module-page-content .showhide-trigger {
	font-weight: bold;
	color: var(--hp-fgcolor-1);
	cursor: pointer;
}
.module-page-content .showhide-trigger p:before {
	font-family: "Font Awesome 6 Free";
	font-weight: normal;
	content: '\f0fe';
	margin-right: 4px;
}
.module-page-content .showhide-trigger.show p:before {
	content: '\f146';
}
.module-page-content .showhide-trigger.hide p:before {
	content: '\f0fe';
}

.module-link span {
	font-size: var(--hp-font-small-1);
	font-style: italic;
}
.module-link span::before {
	display: inline-block;
	content: '(completed\00A0';
	margin-left: 5px;
}
.module-link span::after {
	display: inline-block;
	content: ')';
}

.module-nav-container {
	display: flex;
	justify-content: center;
	padding-top: 40px;
}
.module-nav-container > div {
	margin: 0 !important;
}

.module-complete a {
	display: none;
}
.module-completed {
	display: none;
}

.module-tutorial {}
.module-tutorial-trigger {}

.mf-feedback-container {}
.mf-feedback,
.form2 div.mf-feedback {
	display: none;
}

.wp-block-buttons .assignment-complete {
	display: none;
}


/* click elements */
.click-el {
	/* border: solid 10px black;cursor:pointer; */
}
.click-el-clicked {
	/* border: solid 10px red; */
}

.question {
	display: block;
	margin-bottom: var(--hp-margin-bot-1);
    padding: 12px;
    border: 1px solid black;
    border-radius: 12px;
}
.question .click-el.answer {
	display: block;
	width: 100%;
    margin-top: 20px;
	color: rgba(0,0,0,0.75);
    background-color: rgba(211,211,211,1);
    padding: 10px;
    border-radius: 10px;
    cursor: pointer;
}
.question .click-el.answer:hover {
	color: rgba(0,0,0,1);
	background-color: rgba(211,211,211,0.6);
}
.question .click-el-clicked.answer {
    background-color: rgba(128,128,128,1) !important;
    color: white;
}

.click-bn-set,
.click2-bn-set {
	padding-bottom: var(--hp-padding-bot-1);
}
.click-bn-set > div,
.click2-bn-set > div {
	display: inline-block;
	/* border: solid 10px red; */
}
.click2-delete-row {
	display: none !important;
}

.interactive-container {
	/* border: solid 10px red; */
	padding-bottom: var(--hp-padding-bot-1);
}
.interactive {
	/* border: solid 10px red; */
}
.interactive-controls {
	margin-bottom: var(--hp-margin-bot-1);
}
#interactive-controls-a35-2 {
	display: none;
}
.interactive-elements {
	display: none;
}
.interactive-elements .bn-mf {
	margin-bottom: var(--hp-margin-bot-1);
}
.interactive-responses {
	display: none;
}
.interactive-response {
	display: none;
}

.practice-interactive-container {
	/* border: solid 10px red; */
	margin-bottom: var(--hp-margin-bot-1);
}
.practice-interactive-container .remove-on-practice {
	display: none;
}

.response-hidden {
	display: none;
}

.members-forms-responses-container {
	border: var(--hp-link-color-1) 3px solid;
	border-radius: 20px;
	padding: 30px;
	margin: 15px 0;
}
.members-forms-response-container {
	display: list-item;
	margin-bottom: var(--hp-margin-bot-2);
}
.members-forms-responses-container .members-forms-response-container:last-child  {
	margin-bottom: 0;
}
.members-forms-responses-container .members-forms-response-container:only-child  {
	display: block;
	margin-bottom: 0;
}

.sidebar {
	border: var(--hp-link-color-1) 3px solid;
	border-radius: 20px;
	padding: 30px;
	display: flex;
	margin: 15px 0;
}
.sidebar-graphic {
	flex-basis: 1;
}
.sidebar-content {
	flex-basis: 4;
	padding-left: 20px;
}

.cover-text {
	padding: 30px;
}

.box1 {
	margin-bottom: var(--hp-margin-bot-1);
	padding: 20px;
	font-weight: bold;
	background-color: var(--hp-bgcolor-3);
	border-radius: 20px;
}
.box1 p:last-child {
	margin-bottom: 0;
}

.tip {
	border: var(--hp-link-color-1) 3px solid;
	border-radius: 20px;
	padding: 30px 30px 30px 152px;
	margin: 15px 0;
	min-height: 150px;
	background: url("/wp-content/uploads/C33-lightblub.png") no-repeat top 16px left 15px;
	/* background-size: 122px 138px; */
	background-size: 100px;
	max-width: 80% !important;
}
.toolbox-box {
	border: var(--hp-link-color-1) 3px solid;
	border-radius: 20px;
	padding: 30px;
	margin: 30px 0 15px;
	min-height: 150px;
	max-width: 80% !important;
	grid-template-columns: 80px auto !important;
	gap: 30px;
}
.tip p, .toolbox-box p {
	margin-top: 6px;
	font-weight: 600;
	color: var(--hp-fgcolor-1);
}
.tip p:last-child, .toolbox-box p:last-child {
	margin-bottom: 0;
}

.toolbox-container {
	/* border: solid 10px red; */
}
.toolbox-container h3 {
	margin: 20px 0;
}
.toolbox-container .wp-block-media-text__content {
	padding-left: 0 !important;
}
.toolbox-container .wp-block-group {
	padding-bottom: var(--hp-padding-bot-1);
}
.toolbox-group-container {
	border-bottom: 2px dashed var(--hp-border-color-2);
	margin-right: 40px;
}
/* /12.0 Misc =============================================================== */

/* 13.0 Blog =============================================================== */
.post-meta {
}
/* /13.0 Blog =============================================================== */

/* 14.0 RSS Feed ============================================================ */
/* /14.0 RSS Feed ============================================================ */

/* 15.0 Dashboard =============================================================== */
/* /15.0 Dashboard =============================================================== */

/* 16.0 Print =============================================================== */
/* /16.0 Print =============================================================== */
body {
	background-image: linear-gradient(#ffffff,#e0eaed);
	background-repeat: no-repeat;
	background-size: 100% 512px;
	color: black;
}
main {
	padding-bottom: 160px;
}
header .sign-in-out-container {
	/*display: none;*/
}
header .sign-in-out-container .panel {
	padding: 5px 20px;
}
.logo-menu-container {
	display: flex;
	align-items: center;
}
.logo-menu-container .include {
	margin-left: 10px;
	padding-top: 15px;
}
.welcome-sign-in-container {
	display: flex;
	padding-top: 80px;
}
.welcome-container {
	padding: 100px 50px 70px 100px;
	position: relative;
	margin-bottom: 50px;
}
.welcome-container h1, .modules-greeting-container h1 {
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 50px;
	z-index: 1;
	position: relative;
}
.modules-greeting-container h1 {
	padding-top: 90px;
}
.modules-greeting-container h1 span {
	color: var(--hp-fgcolor-4);
}
.welcome-container p {
	font-family: "Open Sans", sans-serif;
	font-size: 20px;
	font-weight: 400;
	z-index: 1;
	position: relative;
}
.welcome-frame {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.welcome-frame img {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
}
.sign-in-container {
	flex-basis: 450px;
	min-width: 450px;
	padding: 100px 50px 0 100px;
}
.sign-in-container h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 40px;
	font-weight: 700;
}
input[type="text"], input[type="password"], textarea {
	background-color: white;
}
.sign-in-container .label-pos label {
	color: var(--hp-fgcolor-1);
	font-family: "Montserrat", sans-serif;
	font-size: 14px;
	font-weight: 600;
	top: 15px;
	left: 20px;
}
.sign-in-container .label-pos-focused label {
	top: 0;
	left: 5px;
	font-size: 8px;
}
.sign-in-container input[type="submit"],
.modules-toolbox-container .wp-block-button__link,
.module-nav a, .module-complete a,
.reward-button-container a,
.module-info .wp-block-button__link {
	padding: 10px 25px 12px 25px;
	font-family: "Montserrat", sans-serif;
	font-weight: 700;
	font-size: 20px;
	text-transform: uppercase;
	color: var(--hp-fgcolor-1);
	border: 2px solid var(--hp-nav-hovercolor-1);
	margin-top: 40px;
}
.sign-in-container input[type="submit"]:hover,
.modules-toolbox-container .wp-block-button__link:hover,
.module-nav a:hover, .module-complete a:hover,
.reward-button-container a:hover,
.module-info .wp-block-button__link:hover,
.reward-button-container .wp-block-button__link:hover {
	border: 2px solid var(--hp-nav-hovercolor-1);
	background-color: #EF9A4333;
}
.module-info .wp-block-buttons {
	justify-content: center;
}
.module-info .wp-block-button__link {
	padding: 5px 12px 6px 12px;
	font-size: 12px;
	margin-top: 0;
}
.reward-button-container a {
	margin-bottom: 40px;
}
.module-nav a:not(:first-of-type), .module-complete a {
	margin-left: 15px;
}

/* .bak 2023-07-19 - TW */
/*
.welcome-dr {
	position: relative;
	margin-top: 100px;
	padding: 250px 0 0 500px;
	min-height: 605px;
}
.welcome-dr h2, .welcome-dr p {
	position: relative;
	z-index: 1;
}
.welcome-dr h2, .contact-us-panel h2 {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: 60px;
	padding-top: 20px;
	padding-bottom: 20px;
}
.welcome-dr-art {
	position: absolute;
	top: 0;
	left: -220px;
	z-index: 0;
}
*/

.contact-us-panel, .welcome-photo {
	margin-top: 45px;
}
.contact-us-panel h2 {
	/*margin-top: 100px;*/
}
.contact-info {
	display: flex;
	padding-top: 20px;
}
.contact-info p {
	font-family: Montserrat, sans-serif;
	font-weight: 600;
	font-size: var(--hp-font-small-1);
	color: var(--hp-fgcolor-1);
	padding-left: 75px;
	position: relative;
}
.contact-phone {
	margin-left: 85px;
}
.contact-phone:before {
	content: url(/wp-content/uploads/pnone-icon.png);
	position: absolute;
	top: -15px;
	left: 0;
}
.contact-email:before {
	content: url(/wp-content/uploads/email-icon.png);
	position: absolute;
	left: 0;
	top: -10px;
}
footer {
	background-color: var(--hp-fgcolor-1);
	color: white;
	font-family: Montserrat, sans-serif;
	font-weight: 700;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 10;
}
.footer-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	min-height: 85px;
}
.footer-container a,
.footer-container .wp-block-navigation__container a.wp-block-navigation-item__content,
.footer-container a.wp-block-navigation-item__content {
	color: white;
	font-size: 14px;
}
.footer-container p {
	margin-bottom: 0;
	font-size: 14px;
}
.page-modules .post-title-container {
	display: none;
}
.modules-greeting-toolbox-container {
	display: flex;
	margin-top: 100px;
}
.modules-greeting-container {
	flex-basis: 50%;
	padding-right: 30px;
}
.modules-toolbox-info {
	position: relative;
	z-index: 1;
}
.modules-toolbox-container figure {
	position: absolute;
	top: 0;
	left: 0;
	right: -50px;
	bottom: 0;
	z-index: 0;
}
.modules-toolbox-container figure.toolbox-outline img {
	position: absolute;
	height: 100%;
	width: calc(100% - 50px);
}
.modules-toolbox-container figure.toolbox-art img {
	position: absolute;
	right: 0;
	top: calc(40% - 90px);
}
.modules-toolbox-container {
	flex-basis: 50%;
	position: relative;
	padding: 75px 200px 70px 60px;
	font-size: var(--hp-font-small-1);
	height: fit-content;
}
.modules-toolbox-container h2 {
	font-family: Montserrat, sans-serif;
	font-size: 40px;
	font-weight: 600;
	color: var(--hp-fgcolor-4);
	margin-bottom: 15px;
}
.modules-toolbox-container .wp-block-button__link {
	margin-top: 20px;
}
.modules-header p {
	max-width: 500px;
}
.modules-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.module-container {
	width: 50%;
	position: relative;
	padding-top: 105px;
	padding-bottom: 115px;
	display: flex;
}
.module-container:nth-of-type(2n) {
	justify-content: flex-end;
}
.module-container > * {
	position: relative;
	z-index: 1;
}

.module-outline {
	position: absolute;
	z-index: 0;
}
.module-outline-1 {
	top: 58px;
	bottom: 50px;
	/*border: 1px green solid;*/
	right: 0;
	width: calc(100% + 122px);
}
.module-outline-2 {
	top: 20px;
	bottom: 13px;
	/*border: 1px green solid;*/
	left: 0;
	width: calc(100% + 182px);
}
.module-outline-3 {
	top: 8px;
	bottom: 20px;
	/*border: 1px green solid;*/
	right: 0;
	width: calc(100% + 123px);
}
.module-outline-4 {
	top: 53px;
	bottom: 52px;
	/*border: 1px green solid;*/
	left: 15px;
	width: calc(100% + 110px);
}
.module-content {
	display: flex;
	/*max-width: 420px;
	width: 420px;*/
	max-width: calc(100% - 120px);
	width: calc(100% - 120px);
}
.module-container:nth-of-type(2n) .module-content {
	justify-content: space-between;
}
.module-info {
	max-width: calc(100% - 120px);
	padding-top: 6px;
	flex-grow: 1;
}
.module-info h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 36px;
	font-weight: 700;
	padding-bottom: 16px;
}

#module-progress-bar-main {
	display: none;
	max-width: 300px;
	margin: 0 !important;
	padding-top: 10px;
}
.module-progress-container h4 {
	text-transform: uppercase;
	font-family: "Montserrat", sans-serif;
	font-size: var(--hp-font-small-1);
	font-weight: 600;
}
#module-progress-bar-main h4 {
	font-size: 0.5rem !important;
}
.module-progress-completed	{
	text-align: right;
}
.module-progress-bar-outline {
	margin: 8px 0;
	width: calc(100% - 3px);
	border: 2px var(--hp-fgcolor-1) solid;
	height: 20px;
	transform: skew(-9deg);
}
#module-progress-bar-main .module-progress-bar-outline {
	margin: 4px 0;
	height: 10px;
}
.module-progress-bar {
	height: 100%;
	/* width: 12%; */
	width: 0%;
	background-color: var(--hp-nav-hovercolor-1);
}

.module-panel {
	padding-top: 30px;
}
.module-panel .crumbtrail {
	font-size: 14px;
	font-style: italic;
}

/* see also assets/js/hp-project.js crumbtrail() */
.module-panel .crumbtrail .crumbtrail-page-title {
	display: none;
}

/* .module-panel h1 { */
.module-page-head h1,
.module-page-head h2 {
	font-size: 20px;
	font-weight: 600;
	padding-top: 10px;
	padding-bottom: 0;

	display: none;
}
.module-page-container {
	/*display: flex;
	flex-wrap: wrap;*/
}
.module-page-head {
	flex-basis: 100%;
	padding-bottom: 30px;
	/*display: none;*/
}
.module-page-content {
	flex-basis: 100%;
}
.module-page-content-narrow, .module-page-image {
	flex-basis: 50%;
}

/* MODULE HEADERS ========================================== */
.module-title-container.is-layout-flow {
	display: flex;
	max-width: 640px !important;
	justify-content: flex-start;
	margin: 0 auto 30px !important;
}
.module-title-container .module-index {
	min-width: 50px;
	width: 50px;
	text-align: center;
}
.module-title-container h2 {
	padding-bottom: 0;
	font-size: 20px;
}

.module-title-container {
	padding-left: 50px;
	min-height: 64px;
	background-repeat: no-repeat;
	background-size: 50px;
}
/* numbers all needed to be changed, see assets/js/hp-project.js module_title() */
.module-title-container figure {
	display: none;
}

.module-title-container-first {
	padding-left: 100px;
	min-height: 140px;
	background-size: 96px;
}
.module-title-container-first .module-index {
	min-width: 125px;
	text-align: center;
}
.module-title-container-first h2 {
	font-size: 40px;
}

.module-title-container {
	padding-left: 100px;
	min-height: 140px;
	background-size: 96px;
}
.module-title-container h2 {
	font-size: 40px;
}
.module-content-container p + figure {
	margin-bottom: 0;
}

.module-module-intro {
	background-image: url('/wp-content/uploads/module-index-1.png');
}
.module-module-a {
	background-image: url('/wp-content/uploads/module-index-2.png');
}
.module-module-b {
	background-image: url('/wp-content/uploads/module-index-3.png');
}
.module-module-c {
	background-image: url('/wp-content/uploads/module-index-4.png');
}
.module-module-d {
	background-image: url('/wp-content/uploads/module-index-5.png');
}
.module-sports {
	background-image: url('/wp-content/uploads/module-index-1.png');
}
.module-home-auto {
	background-image: url('/wp-content/uploads/module-index-2.png');
}
.module-technology {
	background-image: url('/wp-content/uploads/module-index-3.png');
}
/* /MODULE HEADERS ========================================== */

.assign-validation-1 {
	padding: 7px 5px 12px 2px;
	border: solid 1px rgba(255,0,0,1);
}
.assign-validation-2 {
	border: solid 1px rgba(255,0,0,1);
}
.assign-validation-3 {
	padding: 5px 5px 0 5px;
	margin-bottom: 5px;
	border: solid 1px rgba(255,0,0,1);
}

.module-content-container {
	max-width: 640px !important;
	margin-left: auto;
	margin-right: auto;
	font-size: var(--hp-font-small-1);
}
.module-content-container li::marker {
	color: var(--hp-nav-hovercolor-1);
	font-weight: 700;
}
#thoughts-feelings-interactive-container {
	display: flex;
	justify-content: center;
}

.picture-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.picture-group figure {
	flex-basis: 30%;
	min-width: 300px;
	margin: 10px !important;
}
figure + p {
	margin-top: var(--hp-margin-bot-1);
}
/*  OWL-CAROUSEL  */

.owl-nav {
	position: absolute;
	top: calc(50% - 40px);
	width: calc(100% + 40px);
	left: -20px;
}
.owl-nav button {
	font-size: 50px !important;
	border: none !important;
	position: absolute;
	top: 0;
}
.owl-nav button:hover span {
	color: var(--hp-nav-hovercolor-1);
}
.owl-nav button.owl-prev {
	left: 0;
}
.owl-nav button.owl-next {
	right: 0;
}
.owl-nav button.disabled {
	display: none !important;
}
.relaxation-videos {
	margin-top: 50px;
	margin-bottom: 30px;
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}
.relaxation-videos > div {
	max-width: 450px;
}
.fancybox-content {
	border-radius: 12px;
	border: 2px solid var(--hp-border-1);
}
.border-radius-35 img {
	border-radius: 35px;
}
.border-radius-12 img {
	border-radius: 12px;
}
.cropimage {
	max-height: 430px;
	margin-bottom: 40px !important;
}
.cropimage + .cropimage {
	margin-top: 50px;
}
.cropimage img {
	object-fit: cover;
	transform: scale(1.15);
}
.margin-bottom-0 {
	margin-bottom: 0;
}