/*
 Theme Name:   A New Tree
 Theme URI:    https://anewtree.com
 Description:  Default A New Tree theme
 Author:       
 Author URI:   
 Template:     generatepress
 Version:      0.1
*/

:root {
	--noahgreen: #307B32;
	--forestgreen: #28d22d;
	--atlantisgreen: #8de02e;
	--pear: #d9ed27;
	--gorse: #ffec3d;
	--amber: #ffc105;
	--websiteblue: #1E73BE;
	--text: #565756;
	--darkgrey: #333;
	--bordergrey: #e2e7ed;
	--bg: #f7f8f9;
	--bluebg: #C9DEF0;
	--greenshadow: #16873f;
	--white: #fff;
	--red: #e31717;
}

@font-face {
  font-family: heavitas;
  src: url(Heavitas.ttf);
}

body, button, input, select, textarea {
	font-family: "din-2014-rounded-variable", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: var(--text);
	line-height: 2;
	font-size: 19px;
}

body a {
	text-decoration: none;
}

body.home header.entry-header {
    display: none;
}

body.logged-in #gform_1 .gform-footer {
    display: none;
}

body.woocommerce-checkout .main-navigation, body.woocommerce-checkout #footer-widgets, body.sfwd-quiz-template-default header, body.sfwd-quiz-template-default #footer-widgets, body.sfwd-lessons-template-default #footer-widgets, body.sfwd-quiz-template-default #menu-item-7561, body.sfwd-lessons-template-default #menu-item-7561, body.sfwd-quiz-template-default #menu-item-8030, body.sfwd-lessons-template-default #menu-item-8030, body.sfwd-quiz-template-default #menu-item-8098, body.sfwd-lessons-template-default #menu-item-8098, body.sfwd-quiz-template-default #menu-item-8392, body.sfwd-lessons-template-default #menu-item-8392, body.sfwd-lessons-template-default #menu-item-8751, body.page .wpProQuiz_response, .ld-quiz-status {
    display: none !important;
}

body.search-results #content img {display: none;}

.menu-item-has-children .dropdown-menu-toggle {
  padding-right: 0px;
}

@media (max-width: 768px) {
    .inside-header {
        padding-right: 15px;
        padding-left: 15px;
    }
	.gp-icon {
		color: var(--forestgreen);
	}
}

.main-navigation .main-nav ul li a {
    padding-left: 15px !important;
    padding-right: 15px !important;
    line-height: 60px !important;
    font-size: 17px !important;
}

.main-navigation .main-nav ul li a:hover {
    color: var(--forestgreen);
}

.main-navigation .main-nav ul ul li a {
    line-height: 1 !important;
}

@media (min-width: 640px) {
	body.page-template-default .inside-article {
		padding: 15px 40px 40px 40px !important;
	}

	body.sfwd-courses-template-default .inside-article {
		padding: 20px 40px 40px 40px !important;
	}

	body.sfwd-lessons-template-default .inside-article {
		padding: 15px 40px 40px 40px !important;
	}

	body.sfwd-quiz-template-default .inside-article {
		padding: 15px !important;
	}
}
.separate-containers .site-main {
	margin-top: 0;
}

h1 {
	font-size: 32px;
	font-weight: 700;
}

h2 {
	font-size: 28px;
	font-weight: 700
}

h3 {
	font-size: 24px;
	font-weight: 700
}

.entry-title a:hover {
    color: var(--noahgreen);
}

.entry-title a {
    color: var(--text);
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span {
	display: none !important;
}

.learndash-wrapper .ld-lesson-status {
    margin-top: -40px !important;
}
.user_has_no_access .learndash-wrapper .ld-lesson-status {
    margin-top: unset !important;
}
/*.sfwd-lessons-template-default .learndash-shortcode-wrap {
    margin-top: -40px !important;
}*/

.learndash-wrapper .ld-tabs .ld-tabs-navigation .ld-tab {
    padding: 0.5em !important;
	font-size: 0.8em !important;
}

.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    margin-top: -25px !important;
    margin-bottom: 15px !important;
}

@media (max-width: 640px) {
	.learndash-wrapper .ld-course-status.ld-course-status-enrolled {
    	margin-top: -10px !important;
    	margin-bottom: 15px !important;
	}
}

.ld-course-status-not-enrolled {
	display: none !important;
}

.learndash-wrapper .ld-status {
    font-size: 14px !important;
	line-height: unset !important;
}

.learndash-wrapper .ld-table-list .ld-table-list-header {
    background-color: var(--bordergrey) !important;
    color: #2acb2f !important;
}

body.sfwd-quiz-template-default #main, body.sfwd-quiz-template-default .learndash-wrapper .ld-tabs, body.sfwd-quiz-template-default .wpProQuiz_content {
    margin: 0px !important;
}

body.woocommerce-checkout, body.woocommerce-checkout .inside-article, body.home, body.home .inside-article, body, body .inside-article {
	background-color: var(--bg) !important;
}

.mobile-menu-control-wrapper .menu-toggle, .mobile-menu-control-wrapper .menu-toggle:hover, .mobile-menu-control-wrapper .menu-toggle:focus {
    background-color: var(--bg);
    font-size: 1.2em;
}

.navbar .navbar-brand img {
    max-height: 50px !important;
    width: 180px;
}

@media (max-width: 640px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 10px 15px;
    }
	.wpProQuiz_content .wpProQuiz_reviewDiv {
    margin: 0;
	}
}

@media (min-width: 640px) {
	.learndash-course-grid .items-wrapper .list-2 .content {
		width: 80% !important;
	}
}

@media (max-width: 640px) {
	.learndash-course-grid .items-wrapper .list-2 .content .title-wrapper {
		max-width: 100% !important;
	}
}

.learndash-course-grid .items-wrapper .list-2 .content .meta, .learndash-course-grid .items-wrapper .grid-2 .thumbnail .arrow, .learndash-course-grid .items-wrapper .grid-2 .content .meta, .learndash-course-grid .items-wrapper .grid-2 .content .author .name, .learndash-course-grid .items-wrapper .grid-2 .content .author .avatar, .learndash-course-grid .items-wrapper .grid-2 .content .author .wrapper .lessons {
    display: none;
}

.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:nth-child(2), .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:nth-child(3) {
    display: none;
}
.learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:nth-child(1)::after, .learndash-wrapper .ld-breadcrumbs .ld-breadcrumbs-segments span:nth-child(2)::after {
    display: none;
}

.learndash-course-grid .items-wrapper .list-2 .ribbon {
    background: #e7e7e7;
    color: var(--darkgrey);
}

.learndash-course-grid .items-wrapper .list-2 .content .entry-content {
    margin-bottom: 0;
    margin-top: 0;
    color: var(--darkgrey);
}

.learndash-course-grid .items-wrapper .list-2 .post {
	gap: 20px;
	margin-bottom: 40px;
	padding: 20px 20px 8px 20px;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	border: 2px solid var(--bordergrey);
	border-radius: 6px;
}

.learndash-course-grid .items-wrapper .list-2 .thumbnail img {
	height: 150px;
	width: 100%;
	border-radius: 6px;
}

@media only screen and (max-width: 768px) {
  .learndash-course-grid .items-wrapper .list-2 .thumbnail img {
    width: 100%;
    height: auto;
  }
}

.learndash-course-grid .items-wrapper .list-2 .content .entry-title a {
	color: var(--websiteblue);
}

.learndash-course-grid .items-wrapper .list-2 .content .entry-title a:hover {
	color: var(--forestgreen);
}

.learndash-course-grid .items-wrapper .list-2 .thumbnail a:hover img {
	opacity: 0.85;
}

.learndash-course-grid-filter .buttons .button.blue {
	background-color: var(--forestgreen);
	border-color: var(--forestgreen);
}

.learndash-course-grid-filter .buttons .button.blue:hover {
	background-color: var(--forestgreen);
	border-color: var(--forestgreen);
	opacity: 0.85;
}

.separate-containers .inside-article>.featured-image {
    max-height: 300px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

body.woocommerce .featured-image {
    display: none !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
    color: var(--darkgrey);
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
    color: var(--darkgrey);
}

.single-sfwd-courses .entry-meta,
.single-sfwd-lessons .entry-meta,
.single-sfwd-topic .entry-meta,
.single-sfwd-quiz .entry-meta,
.single-sfwd-assignment .entry-meta {
	display: none;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-header {
    display: none;
}

.audio-player {
    width: 300px;
    margin: 20px;
}

.sfwd-quiz .entry-title {
    display: none;
}

.sfwd-quiz .entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
}

.wpProQuiz_content .wpProQuiz_questionList,
.wpProQuiz_content .wpProQuiz_matrixSortString,
.wpProQuiz_content ul.wpProQuiz_maxtrixSortCriterion {
    overflow: hidden;
    scrollbar-width: none;
}

body .wpProQuiz_content .wpProQuiz_placehold {
	background-color: #e1e1e1 !important;
	border: 2px dashed var(--darkgrey) !important;
}

ul.wpProQuiz_sortStringList li.wpProQuiz_placehold {
	height: 52px;
	position: absolute;
	z-index: 1;
	margin: 2px !important;
}

body .learndash-wrapper .wpProQuiz_content  ul.wpProQuiz_sortStringList li.wpProQuiz_sortStringItem {
	margin: .3em .5em .1em 0 !important;
}

.wpProQuiz_matrixSortString .wpProQuiz_header {
    display: none;
}

.wpProQuiz_matrixSortString {
    padding: 0 5px 5px 5px !important;
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
}

.wpProQuiz_button {
    font-size: 1em !important;
}

@media (max-width: 640px) {
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_QuestionButton, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_QuestionButton {
        text-align: center !important;
        float: right !important;
            position: sticky;
            bottom: 10px;
            right: 10px;
    }
}

@media (max-width: 640px) {
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_TipButton {
        text-align: center !important;
        float: left !important;
        padding: 1em 2em !important;
            position: sticky;
            bottom: 10px;
            left: 10px;
    }
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_QuestionButton, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_QuestionButton {
	position: sticky;
	bottom: 10px;
	right: 10px;
	margin-right: 10px;
	z-index: 300;
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
	font-size: 1.2em !important;
	padding: 0.55em 1em 0.55em 1em !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_TipButton {
            position: sticky;
            bottom: 10px;
            left: 10px;
            z-index: 300;
            box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_QuestionButton:active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_QuestionButton:active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button.wpProQuiz_TipButton:active, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2.wpProQuiz_TipButton:active {
            box-shadow: none;
}

body.sfwd-lessons-template-default .learndash-wrapper .ld-content-actions .ld-button {
    box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow) !important;
	font-size: 1em;
	padding: 1.1em 0 0.95em 0 !important;
}

body.sfwd-lessons-template-default .learndash-wrapper .ld-content-actions .ld-button:active {
    box-shadow: none !important;
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox {
    background-color: rgba(249, 250, 215, 0.95);
    right: unset;
    left: 15px;
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox__heading, .learndash-virtual-instructor .ld-virtual-instructor-chatbox__subheading, .learndash-virtual-instructor .ld-virtual-instructor-chatbox__header-button {
    color: var(--noahgreen);
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox__message--assistant {
    background-color: var(--noahgreen);
    color: var(--white);
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox__message--user {
    background-color: var(--forestgreen);
    color: var(--white);
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox__header {
    background-color: unset;
    border: none;
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox--close {
    height: 70px;
}

.learndash-virtual-instructor .ld-virtual-instructor-chatbox__form-button {
    background-color: var(--forestgreen);
}

.wpProQuiz_tipp {
    position: sticky !important;
    bottom: 60px;
    z-index: 300;
}

.wpProQuiz_response {  
  position: fixed !important;
  border: none !important;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(200, 200, 200, 0.8) !important;
  z-index: 200;
}

.quizTop {
    
}

.quizBottom {
    
}

.quizLayout {
    display: flex;
}

.quizLeft {
    flex: 1 1 0;
}

.quizRight {
    flex: 2 1 0;
}

ul.wpProQuiz_resultsList {
	display: flex;
	justify-content: center;
}

.quizCharacter {
    display: flex;
    width: 100%;
    float: left;
}

.dynQuestionCharacter {
	float: left;
}

.dynQuestionGary {
	background: url('https://anewtree.com/wp-content/uploads/2025/04/Acorn-Gary-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionNoah {
	background: url('https://anewtree.com/wp-content/uploads/2025/04/Noah-Tree-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: questionNoah;
    animation-duration: 2s;
    animation-iteration-count: 1;
}

.dynQuestionMary {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Mary-Owl-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionOlivia {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Olivia-Bee-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionJack {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Tree-Frog-Jack-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionTao {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Tao-Sparrow-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionRen {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Ren-Squirrel-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionTrin {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Trin-Berry-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionZahra {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Zahra-Butterfly-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

.dynQuestionSophia {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/Sophia-Mouse-Quiz.png') bottom left no-repeat;
	background-size: contain;
	width: 150px;
	height: 150px;
    animation-name: allGrow;
    animation-duration: 0.2s;
    animation-iteration-count: 1;
}

body .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList {
    /*margin: .5em 0 !important;*/
	margin: 0 !important;
	padding: 0 !important;
}

.wpProQuiz_content .wpProQuiz_question_text {
    margin-bottom: 0px;
	display: flex;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    align-items: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
	cursor: pointer;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
    border-color: var(--websiteblue) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:hover, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label.is-selected, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label:focus-within {
	background: #e7edf3 !important;
	border-color: var(--websiteblue);
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
	border-color: var(--forestgreen) !important;
	color: var(--text) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label {
	border-color: var(--forestgreen) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect .wpProQuiz_sortable, .learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
	border-color: var(--red) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_questionInput[type="radio"] {
	cursor: pointer;
	display: none;
}

.learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList {
	display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="single"],
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="single"] .wpProQuiz_questionListItem,
.learndash .wpProQuiz_content .wpProQuiz_questionList[data-type="multiple"] .wpProQuiz_questionListItem {
	margin: 0 0.5em 0.5em 0;
}

.speechBubble p {
    margin: 3px 0 0 0;
}

.speechBubble {
  position: relative;
  display: inline-flex;
  height: fit-content;
  margin-bottom: 0px;
  margin-left: 20px;
  padding: 12px 14px;
  border: 2px solid var(--darkgrey);
  border-radius: 12px;
  background-color: var(--white);
  text-align: left;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--darkgrey);
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 66%;
  left: 0;
  border-style: solid;
  border-width: 20px 20px 0 0;
  border-color: transparent var(--darkgrey) transparent transparent;
  translate: -100% -50%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 66%;
  left: 0;
  border-style: solid;
  border-width: 15.2px 15.2px 0 0;
  border-color: transparent var(--white) transparent transparent;
  translate: -100% calc(-50% + 0.4px);
}

@media (max-width: 640px) {
  .speechBubble {
  position: relative;
  display: inline-flex;
  margin-top: 20px;
  padding: 12px 14px;
  border: 2px solid var(--darkgrey);
  border-radius: 12px;
  background-color: var(--white);
  text-align: left;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--darkgrey);
  margin-left: 0;
  width: 100%;
}

.speechBubble::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 10px 20px 10px;
  border-color: transparent transparent var(--darkgrey);
  translate: -50% -100%;
}

.speechBubble::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-style: solid;
  border-width: 0 7.8px 15.5px 7.8px;
  border-color: transparent transparent var(--white);
  translate: -50% -100%;
}
}

.bubbleAudio {
    padding: 0 56px 0 0;
    cursor: pointer;
    margin-left: -10px;
	background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-high-blue.svg");
	background-size: 56px 46px;
	background-repeat: no-repeat;
	background-position: left;
}

.audio-play {
	background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-high-blue.svg");
}

.audio-playing {animation: setAudioBg .6s 0s 1 ease-in, changeAudioBg .6s 0s 1 ease-in; background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-high-blue.svg");}
@keyframes setAudioBg {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes changeAudioBg {
	0% {background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-off-blue.svg");}
	33.33% {background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-low-blue.svg");}
	66.66% {background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-mid-blue.svg");}
	100% {background-image: url("https://anewtree.com/wp-content/uploads/2025/03/audio-play-high-blue.svg");}
}

.audioButton {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.questionHint {
	opacity: 0.1;
}

.quizFillintheblankSpelling {
    font-size: 24px;
    letter-spacing: 10px;
	text-align: center;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem .quizFillintheblankSpelling .wpProQuiz_cloze {
    padding: 0;
}

.quizFillintheblankSpelling input {
    width: 26px;
    font-size: 24px;
    text-transform: uppercase;
}

.learndash-wrapper .wpProQuiz_reviewDiv {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.wpProQuiz_reviewLegend, .wpProQuiz_reviewButtons, input[name="skip"] {
    display: none !important;
}

.learndash-wrapper .wpProQuiz_reviewDiv .wpProQuiz_reviewQuestion {
    background: var(--bg) !important;
    overflow: hidden;
    scrollbar-width: none;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget, .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewLegend span.wpProQuiz_reviewQuestion_Target {
    color: #e7edf3 !important;
    outline: 1px solid var(--darkgrey) !important;
}

body.sfwd-quiz-template-default .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget {
    background-color: #e7edf3 !important;
	font-size: 0px !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedCorrect, .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect, body.sfwd-quiz-template-default .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewDiv li.wpProQuiz_reviewQuestionTarget.wpProQuiz_reviewQuestionSolvedCorrect {
    background-color: #c9f19a !important;
    color: #c9f19a !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_box li.wpProQuiz_reviewQuestionSolvedIncorrect, .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect {
    background-color: #ffb6c1 !important;
    color: #ffb6c1 !important;
}

.wpProQuiz_content .wpProQuiz_reviewQuestion li {
    background-color: #e7edf3;
    color: #e7edf3;
    pointer-events: none !important;
    width: 100% !important;
}

body.sfwd-quiz-template-default .learndash-wrapper .wpProQuiz_content .wpProQuiz_reviewQuestion ol {
    line-height: 4px !important;
    display: flex;
	font-size: 0px!important;
}

.learndash-wrapper .ld-breadcrumbs {
    background: var(--bg) !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem label {
    background: var(--white) !important;
	padding: 0.55em 1em 0.4em 1em !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td .wpProQuiz_maxtrixSortCriterion {
    background: var(--white) !important;
	padding: 0.1em 0.3em !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem {
    background: var(--white) !important;
    border: 1px var(--darkgrey) solid !important;
    border-radius: 6px !important;
    box-shadow: 0.15em 0.15em 0px 0px #b7bdb9 !important;
	/*padding: .4em 1em .3em 1em !important;*/
	padding: .1em 1em .1em 1em !important;
	margin: .1em .5em .2em 0 !important;
	font-size: 1em;
	z-index: 2;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem {
	margin-bottom: 5px !important;
}

.wpProQuiz_content .wpProQuiz_questionListItem {
	padding: 0 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td .wpProQuiz_maxtrixSortText {
	padding: 0.5em !important;
	line-height: 1.9 !important;
}

.learndash-wrapper .wpProQuiz_content .wpProQuiz_matrixSortString {
	margin: 0 0 5px 0 !important;
}

@media screen and (max-width: 640px) {
	.dynQuestionCharacter {
		display: flex;
    	width: 100%;
		justify-content: center;
	}
	.dynQuestionNoah {
		width: 100px;
		height: 100px;
	}

	.dynQuestionMary {
		width: 100px;
		height: 100px;
	}

	.dynQuestionOlivia {
		width: 100px;
		height: 100px;
	}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_questionListItem>table td .wpProQuiz_maxtrixSortText {
		padding: 10px !important;
		font-size: 16px !important;
		line-height: 1.5 !important;
		min-height: 50px;
	}
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_sortStringItem {
		margin: .5em .5em .5em 0 !important;
		padding: .25em .5em !important;
		font-size: 16px !important;
	}
	body .learndash-wrapper .wpProQuiz_content ul.wpProQuiz_sortStringList {
    	margin: 0 !important;
	}
}

#wpProQuiz_user_content .bubbleAudio {
    display: none;
}

@keyframes allGrow {
    0% { transform: scale(1); }
    50% { transform: scale(1.1); }
    100% { transform: scale(1); }
}

@keyframes correctSpin {
    0% { transform: rotate(0); }
    100% { transform: rotate(360deg); }
}

@keyframes incorrectWobble {
    0%, 100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-5px) rotate(-2deg);
    }

    30% {
        transform: translateX(calc(5px / 2)) rotate(2deg);
    }

    45% {
        transform: translateX(calc(-5px / 2)) rotate(calc(-2deg / 1.8));
    }

    60% {
        transform: translateX(calc(5px / 3.3)) rotate(calc(2deg / 3));
    }

    75% {
        transform: translateX(calc(-5px / 5.5)) rotate(calc(-2deg / 5));
    }
}

@keyframes questionNoah {
    0%, 100% {
        transform: translateX(0%);
        transform-origin: 50% 50%;
    }

    15% {
        transform: translateX(-2px) rotate(-1deg);
    }

    30% {
        transform: translateX(calc(2px / 2)) rotate(1deg);
    }

    45% {
        transform: translateX(calc(-2px / 2)) rotate(calc(-1deg / 1.8));
    }

    60% {
        transform: translateX(calc(2px / 3.3)) rotate(calc(1deg / 3));
    }

    75% {
        transform: translateX(calc(-2px / 5.5)) rotate(calc(-1deg / 5));
    }
}

.wpProQuiz_correct, .wpProQuiz_incorrect {
    animation-name: allGrow;
    animation-duration: 1s;
    animation-iteration-count: 1;
}

.wpProQuiz_correct span {
    --borderWidth: 3px;
    border-radius: var(--borderWidth);
    color: var(--forestgreen);
    font-size: 2em;
    padding: 5px 20px;
    background: #c9f19a;
    top: 20px;
    position: relative;
    animation-name: correctSpin;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    display: inline-block;
}

.wpProQuiz_correct span:after {
  content: '';
  position: absolute;
  top: calc(-1 * var(--borderWidth));
  left: calc(-1 * var(--borderWidth));
  height: calc(100% + var(--borderWidth) * 2);
  width: calc(100% + var(--borderWidth) * 2);
  background: linear-gradient(60deg, var(--forestgreen), var(--atlantisgreen), #d9ed27, #c9f19a);
  border-radius: calc(2 * var(--borderWidth));
  z-index: -1;
  animation: animatedgradient 3s ease alternate infinite;
  background-size: 300% 300%;
}

@keyframes animatedgradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.wpProQuiz_incorrect span {
    color: #e31717;
    font-size: 2em;
    padding: 5px 20px;
    background: #ffb6c1;
    border: 1px solid #e31717 !important;
    border-radius: 6px !important;
    top: 20px;
    position: relative;
    animation-name: incorrectWobble;
    animation-duration: 0.6s;
    animation-iteration-count: 1;
    display: inline-block;
    animation-timing-function: ease;
}

.wpProQuiz_AnswerMessage {
    /*background-color: var(--white);*/
	background-color: rgba(255, 255, 255, 0.5);
    padding: 10px !important;
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
    color: var(--darkgrey);
    font-size: 1.2em;
    margin: 40px auto 0 auto;
    max-width: 900px;
}

.wpProQuiz_AnswerMessage:empty {
    border: none !important;
    background: none;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
    font-size: 1em !important;
}

#countholder .link{
  margin-top: 40px;
}
 
#countholder a{
  display: inline-block;
  color: var(--white);
  font-size: 20px;
  padding: 20px;
  background: #265;
  border-radius: 10px;
  text-decoration: none;
}
 
#countholder a:hover{
  background: #487;
}
 
#countholder{
 font-family: sans-serif;
 color: var(--forestgreen);
 display: inline-block;
 font-weight: 400;
 text-align: center;
 font-size: 28px;
 border: 1px solid var(--bordergrey);
 padding:2px;
 border-radius: 6px;
 margin-bottom:30px;
 line-height: 1.4;
}
 
#countholder > div{
 padding: 4px 10px;
 border-radius: 3px;
 background: var(--bg);
 display: inline-block;
}
 
#countholder div > span{
 border-radius: 3px;
 background: var(--bg);
 display: inline-block;
}
 
#countholder .smalltext{
 padding-top: 5px;
 font-size: 16px;
	color: #989b98;
}

.dynLeaderboardTimeframeText {
    position: relative;
    top: -30px;
	color: #989b98;
}

table.gamipress-leaderboard-table {
	border: 1px solid var(--bordergrey);
	border-radius: 6px;
}

table.gamipress-leaderboard-table th {
	text-align: left;
}

.dynLeaderboardPosition {
    font-size: 1.3em;
}

.dynLeaderboardName {
    display: inline-block;
    width: 50%;
    max-width: 300px;
}

.gamipress-leaderboard-title {
	display: none;
}

.gamipress-leaderboard-table td.column-display_name {
	display: flex;
	align-items: center;
}

.gamipress-leaderboard-table .column-position {
	max-width: 60px !important;
}

.gamipress-leaderboard-table .column-avatar {
	max-width: 70px !important;
}

.gamipress-leaderboard-table .column-display_name img {
	margin-right: 10px;
}

@media (max-width: 640px) {
	table.gamipress-leaderboard-table {
		font-size: 0.7em;
	}
	.gamipress-leaderboard-table th.column-display_name, .gamipress-leaderboard-table td.column-display_name {
		word-wrap: anywhere;
	}
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link {
    box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow) !important;
}

.learndash-wrapper .wpProQuiz_content a#quiz_continue_link:active {
    box-shadow: none !important;
}

@media (max-width: 640px) {
    .learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .learndash-wrapper .wpProQuiz_content .wpProQuiz_button2 {
    }
    .learndash-wrapper .ld-quiz-actions {
        display: block !important;
        font-size: 0.8em !important;
    }
}

.notice-wrap {
    position: fixed;
    top: 150px !important;
    right: 50px;
    z-index: 9999;
    opacity: 0.8;
}

.notice-item {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    margin: 0 0 24px 0;
    padding: 12px;
    line-height: 22px;
    font-size: 12px;
    border-radius: 5px;
    background-color: var(--forestgreen) !important;
    color: var(--white) !important;
}

.DynDashboardAvatar {
    display: flex;
    align-items: center;
    justify-content: center;
}

.DynDashboardAvatar img.avatar, .column-avatar img, .column-display_name img {
    border-radius: 50%;
}

.DynAccountAvatar {
    display: flex;
    align-items: center;
    justify-content: left;
	margin-bottom: 40px;
}

.DynAccountAvatar img.avatar, .column-avatar img, .column-display_name img {
    border-radius: 50%;
}

.DynXpBalance {
    font-weight: bold;
    color: var(--forestgreen);
    font-size: 2em;
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
    padding: 10px;
    margin-top: 20px;
}

.DynXpBalance .gamipress-inline-points-amount {
	font-weight: bold;
    color: var(--forestgreen);
    font-size: 2em;
}

#primary-menu .gamipress-inline-points-amount {
	font-weight: bold;
    color: var(--forestgreen);
    font-size: 1em;
}

#menu-item-8309 {
	cursor: default;
}

.DynXpBalance span {
    color: var(--darkgrey);
    font-size: 0.8em;
}

.DynXpRank {
    font-weight: bold;
    color: var(--darkgrey);
    font-size: 1em;
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
    padding: 10px;
    margin-top: 20px;
}

.DynXpRank .gamipress-inline-rank-title {
    color: var(--forestgreen);
    font-size: 2em;
    display: flex;
    align-items: center;
}

.gamipress-inline-rank-thumbnail {
	float: right;
}

.gamipress-inline-ranks img {
    width: 60px;
}

a.gamipress-inline-rank-link {
	text-decoration: none;
}

.DynDashboardLeaderboardPosition {
    font-weight: bold;
    color: var(--darkgrey);
    font-size: 0.9em;
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
    padding: 10px;
    margin-top: 20px;
}

.DynDashboardNewCourses {
    color: var(--darkgrey);
    font-size: 0.9em;
    border: 2px dashed var(--bluebg) !important;
    border-radius: 6px !important;
    padding: 10px;
	margin-bottom: 20px;
}

.DynXpChart {
    border: 2px solid var(--bordergrey) !important;
    border-radius: 6px !important;
    padding: 10px;
}

#primary-menu .gamipress-inline-points-wrapper {
    font-weight: bold;
    color: var(--forestgreen);
}

.dynDashboardFlex-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: stretch;
  align-content: normal;
  gap: 20px;
}

@media (max-width: 640px) {
    .dynDashboardFlex-container {
        flex-direction: column;
    }
}

.dynDashboardFlex-items:nth-child(1) {
  display: block;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.dynDashboardFlex-items:nth-child(2) {
  display: block;
  flex-grow: 2;
  flex-shrink: 1;
  flex-basis: auto;
  align-self: auto;
  order: 0;
}

.dynPricingContainer p {
	margin-bottom: 20px;
    line-height: 1;
}

.dynPricingContainer {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0;
    height: 100%;
}

.dynPricingGrid {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4%;
    padding: 0;
	margin: 20px 0 20px 0;
}

.dynPricingGridWide {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 4%;
    padding: 0;
	margin: 20px 0 20px 0;
}

.dynPricingGrid2 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4%;
    padding: 0;
	margin: 20px 0 20px 0;
}

@media (min-width: 640px) {
  .dynPricingGrid2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4%;
	margin: 20px 0 20px 0;
	}
}

.dynPricingGrid4 {
    display: grid;
    grid-template-columns: 1fr;
    gap: 4%;
    padding: 0;
	margin: 20px 0 20px 0;
}

@media (min-width: 640px) {
  .dynPricingGrid4 {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 4%;
    padding: 20px 0 0 0;
	margin: 20px 0 20px 0;
	}
}

.dynPricingCard {
    padding: 30px;
    background: var(--bg);
    border: 2px solid var(--bordergrey);
    border-radius: 6px;
}

.dynPricingCard.free {
    background: var(--bg);
    border: 2px solid var(--bordergrey);
}

.dynPricingCard.monthly {
    background: #e7edf3;
    border: 2px solid var(--bordergrey);
}

.dynPricingCard.annual {
    background: #e7edf3;
    border: 2px solid var(--bordergrey);
}

.dynPricingCard_title {
    font-weight: 500;
    font-size: 28px;
    margin-bottom: 20px;
}

.dynPricingPrice {
    font-weight: normal;
    font-size: 48px;
	color: var(--text);
}

.dynPricingPrice .dynPricingSmall {
    font-size: 14px;
	color: var(--darkgrey);
}

.dynPricingFeatures {
    margin: 40px 0;
    list-style-position: inside;
}

.dynPricingFeatures li {
    padding-bottom: 10px;
}

.dynPricingSave{
	background-color: var(--atlantisgreen);
    font-size: 1em;
    color: var(--noahgreen);
    border-radius: 12px;
    padding: 10px;
}

.dynPricingSaveBlank {
	background-color: none;
	font-size: 1em;
	color: none;
	border-radius: 12px;
	padding: 10px;
}

a.dynPricingCta_btn {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: var(--forestgreen);
    border-radius: 16px;
    padding: 10px 0 10px 0 !important;
    color: var(--white);
    text-decoration: none;
    letter-spacing: 2px;
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
	font-weight: 800;
	font-size: 1em;
}

a.dynCantHavePlan {
    background: #e7edf3;
    color: #c4c9c5;
	pointer-events: none;
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
	font-weight: 400;
    font-size: 0.7em;
    padding: 16px 0 13px 0 !important;
}

a.dynHasPlan {
    background: #e7edf3;
    color: var(--text);
	pointer-events: none;
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
}

a.dynChangePlan {
    background: #e7edf3;
    color: var(--text);
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
}

.dynNotAllowed {
	cursor: not-allowed;
}

a.dynPricingCta_btn:hover {
	opacity: 0.85;
}

a.dynPricingCta_btn:active {
box-shadow: none;
}

a.dynCta_btnGreen, .gform_button, input[type=submit] {
    width: 100% !important;
    display: inline-block !important;
    text-align: center !important;
    background: var(--forestgreen) !important;
    border-radius: 16px !important;
    padding: 10px 0 10px 0 !important;
    color: var(--white) !important;
    text-decoration: none !important;
    letter-spacing: 2px !important;
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow) !important;
	font-weight: 800 !important;
	margin-bottom: 20px !important;
	max-width: 350px !important;
	border: none !important;
	font-size: 1em !important;
}

a.dynCta_btnGreen:hover, .gform_button:hover, input[type=submit]:hover {
	opacity: 0.85 !important;
	border: none !important;
}

a.dynCta_btnGreen:active, .gform_button:active, input[type=submit]:active {
	box-shadow: none !important;
	border: none !important;
}

a.dynCta_btnGrey {
    width: 100%;
    display: inline-block;
    text-align: center;
    background: #e7edf3;
    border-radius: 16px;
    padding: 10px 0 10px 0 !important;
    color: var(--websiteblue);
    text-decoration: none;
    letter-spacing: 2px;
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
	font-weight: 800;
	margin-bottom: 20px;
	max-width: 350px;
	font-size: 1em;
}

a.dynCta_btnGrey:hover {
	opacity: 0.85;
}

a.dynCta_btnGrey:active {
box-shadow: none;
}

a.dynDashboardButton {
	border-radius: 6px;
    padding: 6px 0;
    color: #acb3b9;
    font-weight: 700;
    margin-bottom: 10px;
    max-width: 150px;
    margin-top: 10px;
	font-size: 0.9em;
	padding: 2px 0 2px 0 !important;
}

}
@media only screen and (max-width: 1024px) {
    .dynPricingGrid {
        grid-template-columns: 1fr 1fr;
        gap: 2%;

    }
}

@media only screen and (max-width: 640px) {
    .dynPricingGrid {
        grid-template-columns: 1fr;
        gap: 2%;
        padding-bottom: 25%;
    }

    .dynPricingContainer {
		padding: 0;
    }

    .dynPricingCard {
        padding: 30px;
    }

    .dynPricingCard_title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .dynPricingPrice {
        font-size: 52px;
    }

    .dynPricingContainer hr {
        margin-top: 50px;
    }

}

.woocommerce-message {
    border-top-color: var(--forestgreen);
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #F9FAD7;
    color: var(--darkgrey);
    border-top: 0px solid var(--forestgreen);
}

.woocommerce-message::before {
    color: var(--forestgreen);
}

input#submit.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:disabled[disabled]:hover {
	background-color: #e7edf3;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
    color: var(--forestgreen);
    background-color: #e7edf3;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button:hover {
    color: var(--forestgreen);
    background-color: #e7edf3;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt {
    background-color: var(--forestgreen);
    color: var(--white);
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:hover {
    opacity: 0.85;
	background-color: var(--forestgreen);
    color: var(--white);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:active, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:active, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:active {
    box-shadow: none;
	background-color: var(--forestgreen);
    color: var(--white);
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: var(--bg);
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: var(--bg);
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    border: 0;
}

@media(min-width:768px) {
	.woocommerce .col2-set .col-1, 
	.woocommerce-page .col2-set .col-1 {
		width: 90%;
	}

	#customer_details {
		display: flex;
		flex-flow: column nowrap;
		float: left;
		width: 50%;
	}

	#customer_details .col-2 {
		width: 90%;
		margin-top: 20px;
	}

	#order_review,
	#order_review_heading {
		width: 50%;
		float: left;
		clear: none;
	}
}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    background-color: var(--white);
}

.dynColumn50 {
	float: left;
	width: 50%;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 350px;
}

.dynColumn100 {
	float: left;
	width: 100%;
	margin: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 350px;
}

.dynColumnContent {
	
}

.dynRow {
	margin: 60px 0 80px 0;
}

.dynBottomRow {
	margin: 60px 0 0 0;
}

.dynRow:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 640px) {
	.entry-content:not(:first-child), .entry-summary:not(:first-child), .page-content:not(:first-child) {
    margin-top: 0;
	}
	.dynRow:first-child {
		margin-top: 0px;
	}
  .dynColumn50 {
    width: 100%;
  }
	.dynColumn50 {
	min-height: 250px;
}
}

.link-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.quick-links {
  padding: 20px;
  height: 30px;
  border: 2px solid var(--bordergrey);
  border-radius: 10px;
  margin: 4px;
  display: flex;
  align-items: center;
  justify-content: start;
  transition: all 0.3s ease-in-out;
}

.link-container a {
  text-decoration: none;
  color: var(--websiteblue);
  font-size: 18px;
  font-weight: 500;
  margin-left: 10px;
}

.quick-links img, .quick-links svg {
  width: 30px;
  height: 30px;
	margin-right: 10px;
}

.quick-links svg {
  fill: var(--noahgreen);
}

.quick-links:hover {
  background-color: #e1f5fe;
  color: var(--darkgrey);
}

.quick-links span {
	position: relative;
	top: -1px;
}

.dynHeadingCentered {
	text-align: center;
}


.dynPricingHeading {
	text-align: left;
	font-size: 0.9em;
}

.dynBoost {
	font-size: 2.2em;
	font-weight: 700;
	line-height: 1.3;
}

@media screen and (max-width: 640px) {
	.dynBoost {
		font-size: 1.9em;
		font-weight: 700;
	}
	.dynHeroHome {
		width: 250px;
		height: 250px;
	}
}

.dynGreenBoost {
    font-size: 3em;
    color: var(--forestgreen);
    font-weight: 700;
    line-height: 1.3;
}

.dynBlueBoost {
	font-size: 3em;
	color: var(--websiteblue);
	font-weight: 700;
	line-height: 1.3;
}

.dynBlueBoostBg {
	font-size: 3em;
	color: var(--websiteblue);
	font-weight: 700;
	border-radius: 16px;
    padding: 20px;
	background-color: var(--bluebg);
	line-height: 1.3;
}

.dynWhiteBoostBg {
	font-size: 3em;
	color: var(--text);
	font-weight: 700;
	border-radius: 16px;
    padding: 20px;
	background-color: var(--white);
	line-height: 1.3;
}

.dynWhiteBoostBg a {
	text-decoration: none;
}

.dynAtlantisBoost {
	font-size: 3em;
	color: var(--atlantisgreen);
	font-weight: 700;
	line-height: 1.3;
}

.dynTextCentered {
	text-align: center;
}

#user_login, #user_pass {
	background: var(--white);
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods, #add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    padding: 0;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding: 1em 0;
}

#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
    display: none;
}

@media screen and (max-width: 640px) {
	form.checkout h3 {
		margin-top: 20px;
	}
}

form.checkout h3 {
	font-size:18px;
	margin-top: 20px;
}

body.woocommerce-checkout h1 {
	font-size: 32px;
}

@media screen and (max-width: 640px) {
	#footer-widgets {
		text-align: center;
	}
	header.entry-header {
		margin-bottom: 20px;
	}
}

article.category-uncategorized footer.entry-meta, article.category-uncategorized span.byline {
	display: none;
}

.gf_login_form .gform_title {
	display: none;
}

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="number"], .gform_wrapper textarea, select {
	background-color: var(--white);
	border-color: #686e77;
}

.gform-field-label {
	font-size: 14px;
	color: #112337;
	font-weight: 500;
}

.gfield_required {
	margin-left: 2px;
	font-size: 12px;
	color: #c02b0a;
}

#menu-item-8718 a, #menu-item-9116 a {
    display: inline-block;
    text-align: center;
    background: var(--forestgreen);
    border-radius: 16px;
    line-height: 40px;
    color: var(--white);
    text-decoration: none;
    letter-spacing: 2px;
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
	font-weight: 800;
	margin: 10px;
	line-height: 2.5 !important;
  padding: 3px 0 0 0;
}

#menu-item-8391 a {
    display: inline-block;
    text-align: center;
    background: #e7edf3;
    border-radius: 16px;
    line-height: 40px;
    color: var(--websiteblue);
    text-decoration: none;
    letter-spacing: 2px;
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
	font-weight: 800;
	margin: 10px;
	line-height: 2.5 !important;
  padding: 3px 0 0 0;
}

#menu-item-8718 a:hover, #menu-item-8391 a:hover, #menu-item-9116 a:hover {
	opacity: 0.85;
}

#menu-item-8718 a:active, #menu-item-8391 a:active, #menu-item-9116 a:active {
box-shadow: none;
}

.underline {
	text-decoration: none;
	border-bottom: none;
	padding-bottom: .4em;
}

.underline-amber {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-amber.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.underline-gorse {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-gorse.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.underline-pear {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-pear.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.underline-atlantis {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-atlantis.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.underline-forestgreen {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-forestgreen.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.underline-blue {
	background: url('https://anewtree.com/wp-content/uploads/2025/03/underline-blue.png') bottom left no-repeat;
	background-size: 100% .5em;
}

.dynPricingPrice .woocommerce-Price-currencySymbol, .dynPricingPrice .subscription-details {
	color: var(--darkgrey);
	font-size: 16px;
}

mark {
	padding: 0 0.2em;
}

/*mark.yellow {
	background-image: linear-gradient(0deg, #f6ff00e8 1.2em, transparent 1.2em);
	background-color: unset;
}

mark.green {
	background-image: linear-gradient(0deg, #b1ff00e8 1.2em, transparent 1.2em);
	background-color: unset;
}

mark.pink {
	background-image: linear-gradient(0deg, #ffb7f2e8 1.2em, transparent 1.2em);
	background-color: unset;
}

mark.blue {
	background-image: linear-gradient(0deg, #b7e4ffe8 1.2em, transparent 1.2em);
	background-color: unset;
}*/

mark.green {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(128, 255, 0, 0.1),
    rgba(128, 255, 0, 0.7) 4%,
    rgba(128, 255, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark.yellow {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(255, 255, 0, 0.1),
    rgba(255, 255, 0, 0.7) 4%,
    rgba(255, 255, 0, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

mark.blue {
  margin: 0 -0.4em;
  padding: 0.1em 0.4em;
  border-radius: 0.8em 0.3em;
  background: transparent;
  background-image: linear-gradient(
    to right,
    rgba(77, 166, 255, 0.1),
    rgba(77, 166, 255, 0.7) 4%,
    rgba(77, 166, 255, 0.3)
  );
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}

body.sfwd-courses-template-default .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-list-item-expanded {
    overflow: hidden;
    position: relative;
    transition: max-height .5s ease;
    height: 100% !important;
	max-height: none !important;
}

body.sfwd-courses-template-default .learndash-wrapper .ld-item-list .ld-item-list-item .ld-item-details {
    display: none !important;
}

.ld-item-list-item-preview:hover, .ld-table-list-item:hover {
	background: #F9FAD7;
}

.learndash-wrapper .ld-item-list.ld-lesson-list .ld-topic-list .ld-table-list-item {
	margin: 0 !important;
	padding: 0 2.8em;
}

.ld-item-title {
	font-size: 1.2em;
}

.dyn-tabs {
  display: flex;
  flex-wrap: wrap;
  background: #e7edf3;
	border: 2px solid var(--bordergrey);
    border-radius: 6px;
}
.dyn-tabs .input {
  position: absolute;
  opacity: 0;
}
.dyn-tabs .label {
  width: auto;
  padding: 20px 30px;
  background: #e7edf3;
  cursor: pointer;
  font-weight: bold;
  font-size: 18px;
  color: #7f7f7f;
  transition: background 0.25s, color 0.25s;
	user-select: none;
}
.dyn-tabs .label:hover {
	color: var(--white);
  background: var(--forestgreen);
}
.dyn-tabs .label:active {
  background: var(--bg);
}
.dyn-tabs .input:focus + .label {
  z-index: 1;
}
.dyn-tabs .input:checked + .label {
  background: var(--bg);
  color: var(--forestgreen);
}
.dyn-tabs .panel {
  display: none;
  padding: 30px 15px 15px 10px;
  background: var(--bg);
	width: 100%;
}
.panel {
    order: 99;
  }
.dyn-tabs .input:checked + .label + .panel {
  display: block;
}

@media (max-width: 640px) {
	.dyn-tabs .label {
	  padding: 14px;
	}	
}

#svga-container {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 20px;
  font-size: 17px;
  font-family: "din-2014-rounded-variable", sans-serif;
  font-weight: 400;
  width: 100%;
  min-width: 240px;
  height: auto;
  border-top: 0px solid;
  border-bottom: 0px solid;
	background-color: var(--bg) !important;
}

#svga-start-overlay {
	background-color: var(--bg) !important;
}

#svga-start-boys:hover .svga-icon-boy, #svga-start-girls:hover .svga-icon-girl {
	fill: var(--forestgreen);
}

#svga-gender {
    background-color: var(--bg) !important;
}

nav.woocommerce-breadcrumb, .woocommerce-product-gallery, div.product_meta span.posted_in, .woocommerce-checkout tr.order-total, .woocommerce-checkout tr.cart-subtotal, .woocommerce-checkout tr.tax-rate, .woocommerce-checkout tr.recurring-totals, .woocommerce-checkout tr.cart-subtotal.recurring-total {
	display: none !important;
}

.woocommerce-checkout tr.recurring-total, .woocommerce-checkout tr.tax-rate.recurring-total {
	display: revert !important;
}

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
	float: none !important;
	width: unset !important;
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button.alt:disabled[disabled]:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt.disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled:hover, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled], :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button.alt:disabled[disabled]:hover {
	background-color: #e7edf3 !important;
	box-shadow: 0.15em 0.15em 0px 0px #ccc !important;
}

.blockUI.blockOverlay {
background-color: rgba(0,0,0,0.75) !important;
position: fixed !important;
}

.woocommerce table.my_account_orders .button {
  margin: 0 5px 5px 0 !important;
}

.faq-heading {
  font-size: 19px;
  margin: 12px 20px 0 20px;
}

.faq-text {
  width:95%;
  padding-left:20px;
  margin-bottom:30px;
	font-weight: 400;
	margin-top: 15px;
}

.faq {
  width: 100%;
  margin: 0 auto;
  background: var(--white);
  border-radius: 6px;
  position: relative;
  border: 2px solid var(--bordergrey);
}
.faq label {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  height: 112px;
  padding-top:1px;
	font-weight: 700;
  border-bottom: 1px solid var(--bordergrey);
}

.faq input[type="checkbox"] {
  display: none;
}

.faq .faq-arrow {
  width: 5px;
  height: 5px;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  border-top: 2px solid rgba(0, 0, 0, 0.33);
  border-right: 2px solid rgba(0, 0, 0, 0.33);
  float: right;
  position: relative;
  top: -23px;
  right: 12px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

 .faq input[type="checkbox"]:checked + label > .faq-arrow {
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
 .faq input[type="checkbox"]:checked + label {
  display: block;
  background: rgba(255,255,255,255) !important;
  height: 100%;
  transition: height 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

 .faq input[type='checkbox']:not(:checked) + label {
  display: block;
  transition: height 0.3s;
  height: 60px;
  -webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

@media (max-width: 640px) {
	.faq input[type='checkbox']:not(:checked) + label.dyn2Line {
		height: 90px;
	}
	.faq-heading {
		font-size: 16px;
	}
	.faq .faq-arrow {
		top: -18px;
	}
	label.dyn2Line .faq-arrow {
		top: -33px;
	}
}

#gform_wrapper_5 {
	padding: 20px;
	border: 2px solid var(--bordergrey);
	border-radius: 6px;
}

.learndash-wrapper .ld-quiz-incomplete.ld-status-icon {
	background: var(--white);
	border: 4px solid var(--bordergrey);
}
.ld-quiz-incomplete .ld-icon-quiz:before {
	content: "";
}

.ld-quiz-complete .ld-icon-quiz:before {
	content: "\e906";
}
.learndash-wrapper .ld-status-icon.ld-quiz-complete .ld-icon {
	font-size: 1em;
	color: var(--white);
}
.learndash-wrapper .ld-quiz-complete {
	background-color: #019e7c;
}

.learndash-wrapper .ld-quiz-complete {
	background-color: var(--forestgreen);
}

.learndash-wrapper .ld-tabs {
  margin: 0 !important;
}

.learndash-not-available, .user_has_no_access .is_not_sample {opacity: 0.4;}
.is_sample {opacity: 1;}

.sfwd-lessons .entry-header {
	margin-bottom: 0.2em !important;
}

.sfwd-lessons .entry-content {
	margin-top: 0.2em !important;
}

@media (min-width: 640px) {
	.learndash-wrapper .ld-breadcrumbs {
		padding: .2em 0 !important;
	}
}

@media (max-width: 640px) {
	.learndash-wrapper .ld-breadcrumbs {
		padding-top: 20px !important;
	}
}

.separate-containers .inside-article>.featured-image {
		margin-bottom: 30px !important;
	}
	
a.dynSmallGreyBlueButton {
    background: #e7edf3;
    color: var(--websiteblue);
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
	font-size: 1em;
	padding: 6px 10px 3px 10px;
	margin: 0 5px;
	border-radius: 6px;
}

a.dynChangeAvatar {
    background: #e7edf3;
    color: var(--text);
	box-shadow: 0.15em 0.15em 0px 0px #ccc;
	font-size: 0.8em;
	padding: 3px 10px 0px 10px;
	margin-left: 20px;
	border-radius: 6px;
}

a.dynChangeAvatar:hover, a.dynSmallGreyBlueButton:hover {
	opacity: 0.85;
}

a.dynChangeAvatar:active, a.dynSmallGreyBlueButton:active {
box-shadow: none;
}

.gamipress_notifyjs-wrapper {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.dynChildAccounts {
	border-radius: 6px;
  border: 2px var(--bordergrey) solid;
	padding: 20px;
	display: flex;
margin-bottom: 20px;
	align-items: stretch;
	flex-direction: row;
}

@media (max-width: 640px) {
  .dynChildAccounts {
    flex-direction: column;
  }
}

.dyChildAccPw summary {
	color: #bec3ca;
	cursor: pointer;
}

.dynChildHeading {
	display: inline-block;
	font-weight: 700;
	width: 100%;
}

.ld-column-certificate, .ld-table-list-column-certificate {
	display: none !important;
}

.learndash-wrapper:not(.ld-registration__outer-wrapper) .ld-content-actions .ld-content-action {
  flex-basis: 220px !important;
}

.sfwd-mark-complete {
	padding-right: 5px !important;
}

input.learndash_mark_complete_button {
	padding-left: 40px !important;
	padding-right: 15px !important;
}

.sfwd-mark-complete::after {
	top: 36% !important;
	right: unset !important;
	left: 0.6em !important;
}

.copyright-bar a {
	color: var(--text);
}

form.woocommerce-form-login {
	line-height: 1;	
}

form.woocommerce-form-login .cf-turnstile-br {
	line-height: 0;
}

form.woocommerce-form-login label {
	display: inline-block;
    width: 100%;
	font-size: 14px;
	color: #112337;
	font-weight: 500;
}

form.woocommerce-form-login input {
	background-color: var(--white);
	border-color: #686e77;
}

form.woocommerce-form-login .woocommerce-form-login__submit {
    background-color: var(--forestgreen);
    color: var(--white);
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
    display: inline-block;
    text-align: center;
    border-radius: 16px;
    text-decoration: none;
    letter-spacing: 2px;
	box-shadow: 0.15em 0.15em 0px 0px var(--greenshadow);
	font-weight: 800;
	font-size: 1em;
	margin-top: 15px
}

form.woocommerce-form-login .woocommerce-form-login__submit:hover {
    opacity: 0.85;
}

form.woocommerce-form-login .woocommerce-form-login__submit:active {
    box-shadow: none;
}

.dynMenuUser {
	display: inline-block;
	line-height: 1;
	vertical-align: middle;
}

#menu-item-9572 a {
	pointer-events: none;
	font-size: 14px !important;
	color: #989b98;
}

#menu-item-9572 a:hover {
	color: #989b98;
}

#menu-item-9572 .dynMenuUserLabel {
	color: #989b98;
	font-weight: 400;
}

#menu-item-9572 .dynMenuDisplayName, #menu-item-9572 .dynMenuUserName {
	color: #989b98;
	font-weight: 700;
	font-style: normal;
}

a.resubscribe {
	display: none !important;
}

.cart th.product-quantity, .cart td.product-quantity {
	display: none !important;
}

.dynPricingToggleContainer {
  width: 100%;
}

.dynPricingToggleContainer .top {
	margin-bottom: 20px;
}

.dynPricingToggleContainer .switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.dynPricingToggleContainer .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.dynPricingToggleContainer .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a5a7a5;
  -webkit-transition: 0.4s;
	box-shadow: 1px 1px 3px #ccc;
  transform: translate(0px, 0px);
  transition: 0.6s ease transform, 0.6s box-shadow;
	user-select: none;
}

.dynPricingToggleContainer .slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: var(--white);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.dynPricingToggleContainer input:checked + .slider {
  background-color: var(--atlantisgreen);
}

.dynPricingToggleContainer input:focus + .slider {
  box-shadow: 0 0 1px var(--atlantisgreen);
}

.dynPricingToggleContainer input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.dynPricingToggleContainer .slider.round {
  border-radius: 34px;
}

.dynPricingToggleContainer .slider.round:before {
  border-radius: 50%;
}

/* Change all text and icon colors in the player. */
.vjs-dyn.video-js {
	/*color: var(--forestgreen);*/
	width: 100%;
	margin-bottom: 30px;
}

.vjs-dyn button:hover,
.vjs-dyn button:focus,
.vjs-dyn button:active {
	/*color: var(--forestgreen);*/
}

/* Change the border of the big play button. */
.vjs-dyn .vjs-big-play-button,
.vjs-dyn:hover .vjs-big-play-button {
	/*border-color: var(--forestgreen);
	color: var(--forestgreen);*/
}

/* Change the color of various "bars". */
.vjs-dyn .vjs-volume-level,
.vjs-dyn .vjs-play-progress,
.vjs-dyn .vjs-slider-bar {
	/*background: var(--forestgreen);*/
}

.vjs-control-bar {font-size: 151%;}

article#post-9773 .inside-article>.featured-image, article#post-9771 .inside-article>.featured-image, article#post-12486 .inside-article>.featured-image {
	align-items: self-end !important;
}

article#post-8221 .inside-article>.featured-image {
	align-items: self-start !important;
}

@keyframes l2{
  50% {filter:drop-shadow(0 0 2px #000)}
}

input[name="check"].wpProQuiz_button.wpProQuiz_QuestionButton:focus {
	opacity: 0.3;
	filter: drop-shadow(0 0 0 #fff);
	animation: l2 1s ease-in-out infinite;
	cursor: wait;
}

.widgets_on_page > ul {
	margin: 0;
}

.ytContainer {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.ytPlayer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.learndash-course-grid .pagination .load-more {
	background-color: var(--forestgreen);
	border: 3px solid var(--forestgreen);
}

.learndash-course-grid .pagination .load-more:hover {
	background-color: var(--forestgreen);
	border: 3px solid var(--forestgreen);
	opacity: 0.75;
}

@media (min-width: 640px) {
	.post-image {
		width: 30%;
    	float: left;
    	margin-right: 20px;
    	margin-top: 20px !important;
	}
	.entry-summary {
		margin-top: 20px !important;
	}
}

.post-image img, .featured-image {
	border-radius: 16px;
}

.gamipress-inline-points-xp-amount {
	white-space: nowrap;
}

.spellthisword {
	width: 40px;
    border-bottom: 1px #1E73BE dashed;
    display: inline-block;
    margin: 0px 2px;
}