/*
Theme Name: CustomTheme
Author: Acorn Web Design
Description: Wordpress theme created by Acorn Web Design
Version: 1
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{appearance:none;border-radius:0}input[type="search"]{appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}


/* =========================
   FRAUNCES
========================= */

@font-face {
    font-family: 'Fraunces';
    src: url('/wp-content/themes/CustomTheme/fonts/Fraunces_72pt-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Fraunces';
    src: url('/wp-content/themes/CustomTheme/fonts/Fraunces_72pt-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Fraunces';
    src: url('/wp-content/themes/CustomTheme/fonts/Fraunces_72pt-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}


/* =========================
   OUTFIT
========================= */

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/CustomTheme/fonts/Outfit-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/CustomTheme/fonts/Outfit-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/CustomTheme/fonts/Outfit-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: block;
}

@font-face {
    font-family: 'Outfit';
    src: url('/wp-content/themes/CustomTheme/fonts/Outfit-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: block;
}





:root {
    --font-display: 'Fraunces', Georgia, serif;
    --font-body: 'Outfit', -apple-system, sans-serif;	
	
    --teal-900: #0d4f47;
    --teal-700: #1a7a6e;
    --teal-600: #1f8f81;
    --teal-500: #2a9d8f;
    --teal-100: #dff0ed;
    --teal-50: #f0f9f7;
    --teal-25: #fcfefd;
    --cream: #faf8f5;
    --charcoal: #1a1a1a;
    --slate-700: #3d3d3d;
    --slate-500: #5c5c5c;
    --slate-400: #7a7a7a;
    --slate-200: #d4d4d4;
    --slate-100: #ebebeb;
    --white: #ffffff;
    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 20px;
    --radius-full: 999px;
	--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06);
    --shadow-md: 0 4px 20px rgba(0, 0, 0, .06);
    --shadow-lg: 0 12px 40px rgba(0, 0, 0, .08);
    --shadow-teal: 0 4px 20px rgba(42, 157, 143, .2);
	
  --progress-colour: #1f8f81;
  --text-colour: #2d2d2d;
  --plyr-color-main: #1f8f81;              /* audio main accent colour */
  --plyr-audio-controls-background: #1f8f81; /* audio control bar background */
  --plyr-audio-control-color: #ffffff;      /* audio icon/text colour */
  --plyr-range-fill-background: #dff0ed;    /* audio progress bar fill */

}



/* GENERIC */
body {font-family: var(--font-body);font-size: 18px;font-weight: 400;line-height: 1.7;color: var(--slate-500);background: var(--white)!important;-webkit-font-smoothing: antialiased;}

a {color: var(--teal-600)!important;text-decoration: none;}
a:hover,a:focus {color:var(--teal-900)!important;}
a:visited {color: var(--teal-600)!important;text-decoration: none;}
.mail-link span {color: var(--link-colour);text-decoration:none!important;}
p {padding:0.7em 0;}
h1.entry-title {background: linear-gradient(90deg, var(--teal-25) 0%, var(--teal-50) 50%, var(--teal-100) 100%); width: 100vw;margin-left: calc(50% - 50vw);padding-top:30px;text-align:center;}
h1 {font-family: var(--font-display);font-size: 2.5rem!important;font-weight: 600;line-height: 1.18;letter-spacing: -0.02em;color: var(--charcoal);padding:20px 0px;}
h2 {font-family: var(--font-display);font-size: 2.2rem!important;font-weight: 600;line-height: 1.2;letter-spacing: -0.01em;color: var(--charcoal);padding:20px 0px;}
h3 {font-family: var(--font-display);font-size: 1.7rem!important;font-weight: 600;line-height: 1.3;color: var(--charcoal);padding:20px 0px;}
h4 {font-family: var(--font-display);font-size: 1.1rem!important;font-weight: 400;line-height: 1.3;color: var(--charcoal);padding:20px 0px;}
h5 {font-family: var(--font-display);font-size: 1.1rem!important;font-weight: 400;line-height: 1.3;color: var(--charcoal);padding:20px 0px;}
strong {font-weight:600;}
b {font-weight:600;}

.page-content {margin-left:auto;margin-right:auto;max-width:1400px;padding-left:2%;padding-right:2%;margin-bottom:20px;padding-bottom:20px;}
.page-content ol {counter-reset: item;}
.page-content ol li {display: block;margin-left: 2em;padding:0.5em 0;}
.page-content ol li:before {content: counter(item) ". ";counter-increment: item;position: absolute;margin-left: -2em;}
.page-content ul {list-style:bullets!important;}
.page-content ul li {list-style-type: disc!important;}
.page-content li {margin-left: 2em;padding:0.5em 0;}

/* HEADER */
#header-container {background-color: var(--white);position: -webkit-sticky;position: sticky;top: 0px;z-index: 999;display:block;}
#header {width:100%;}
#site-title {display:flex;flex-direction:row;align-items: center;flex-wrap: wrap;justify-content: space-between;}
#logo-container {width:50%;}
#logo {padding-bottom:1px;width:100%;padding-left:10px;padding-top:10px;font-weight:600;color: var(--teal-700);font-family: var(--font-display);}
#logo em {font-style: italic;font-weight: 400;color: var(--slate-500);}
#logo img {width:100%;transition: width 0.3s ease; /* Add a transition for smooth resizing */}
#logo.small-logo img {width: 65%; /* Adjust this value as needed */}
.site-name {text-align: center;width:46%;margin-top:10px;padding-right:5px;font-size:80%;font-weight:700;}
.hero {background: linear-gradient(90deg, var(--teal-25) 0%, var(--teal-50) 50%, var(--teal-100) 100%); width: 100vw;margin-left: calc(50% - 50vw);padding-top:30px;padding-bottom:30px;}
.hero .wp-block-group__inner-container {max-width:1400px;padding-left:2%;padding-right:2%;margin:auto;}



/* HAMBURGER MENU */
#menu-control {font-size:140%;text-align: right;padding-right:10px;width:100%;}
.hamburger-button {display: inline-block;cursor: pointer;border: none;background: var(--white)!important;padding: 10px;}
.hamburger-button span {display: block;width: 24px;height: 3px;margin: 5px auto;background-color: var(--slate-700); transition: background-color 0.3s ease;}
.hamburger-button:hover span {background-color:var(--teal-50);}
#menu {display:none;}
#menu.responsive {display:block;max-height: 100vh;overflow-y: scroll;background-color:var(--dark-colour);display: block;position: relative;}
#menu-container {width:100%;background-color:var(--white);}
#menu li a {display: block;padding-top:9px;padding-bottom:9px;padding-left:2%;padding-right:2%;border-top: solid 1px var(--slate-100);color:var(--slate-700);text-align:center;}
#menu a:hover,a:focus {color:var(--slate-700)!important;}
#menu a:visited {color: var(--slate-700)!important;}
#menu li a:hover {color:var(--teal-600)!important;background-color:var(--teal-50)!important;}
.menu-item:hover>ul {display: block;}
.sub-menu {display: none;}
.sub-menu li {background-color:var(--teal-50);line-height: 30px;width: 100%;text-align:left!important;}
#menu li .sub-menu li a:hover {background-color:var(--teal-100);}
.sub-menu li .sub-menu li {background-color:var(--slate-700);}

#menu a:hover,a:focus {color:var(--slate-700)!important;}
#menu a:visited {color: var(--slate-700)!important;}

/* LOGIN PAGE */
.mp_wrapper textarea, .mp_wrapper select, .mp_wrapper input[type=text], .mp_wrapper input[type=url], .mp_wrapper input[type=email], .mp_wrapper input[type=tel], .mp_wrapper input[type=number], .mp_wrapper input[type=password] {border-radius: var(--radius-md);height:50px;}




/* FOOTER */
#footer {background-color: var(--charcoal);}
.menu-bottom-menu-container {width:100%;}
#menu-bottom-menu {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;width:100%;}
#menu-bottom-menu li {width: 100%;padding-top:20px;}
#menu-bottom-menu li a {color:var(--slate-100);}
#menu-bottom-menu li a:hover {color:var(--teal-50);}
#footer-image {position:relative;z-index:-1;clear:both;}
#footer-image img {width:100%; height:auto;display:block;}
#footer-content {display:flex;flex-direction:column;flex-wrap: nowrap;justify-content:space-evenly;align-items: center;padding-bottom:30px;}
#areas {color:var(--white)!important;margin-top:15px;width:100%;text-align:center;}
#legal {color:var(--white)!important;margin-top:15px;width:100%;text-align:center;}
#contact {color:var(--white)!important;margin-top:15px;width:100%;text-align:center;}
div#footer-menu {color: #ffffff;}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color: var(--slate-50)!important;}
#footer a.mail-link:link, #footer a.mail-link:visited, #footer a.mail-link:hover, #footer a.mail-link:active, #footer a.mail-link span {color: var(--slate-50)!important;}
#footer-content .bold {font-weight:800;color:var(--white);letter-spacing:1px;}
.icon {margin-bottom:-10px;margin-right:8px;}
#footer a.mail-link:link, #footer a.mail-link:visited, #footer a.mail-link:hover, #footer a.mail-link:active, #footer a.mail-link span {color: var(--slate-50) !important;}
#copyright {text-align:center;font-size:80%;margin-top: 20px;}
#acorn {text-align:center;font-size:80%;margin-top: 20px;margin-bottom:80px;}


.header-logout-wrap {text-align:left!important;padding-right:10px;padding-left:10px;width:100%;margin-bottom:15px;}
.header-login-wrap {text-align:right!important;padding-right:10px;padding-left:10px;width:100%;margin-bottom:15px;}
span.user-greeting {text-align:left;padding-top:10px;display:inline-block;}
a.button.logout-button {float:right;padding:2px 5px 5px 5px!important;}
a.button.login-button {font-size:20px!important;font-weight:400!important;padding:2px 5px 5px 5px!important;}


/* MEMBERPRESS ERROR */
.page-content .mepr_error li {list-style-type:none!important;}




/* MEMBERPRESS COURSES */
.mpcs-card-title a.mpcs-card-link,.mpcs-card-title a.mpcs-card-link:visited,.mpcs-card-title a.mpcs-card-link:hover,.mpcs-card-title a.mpcs-card-link:focus {color: var(--teal-500) !important;}
body .mpcs-card-footer .mpcs-card-author {display: none !important;}
body .mpcs-card {box-shadow: none!important;border-radius:var(--radius-md)!important;background-color:var(--teal-50)!important}
body .mpcs-card-wrapper {padding-left:0px!important;padding-right:0px!important;}
body .mpcs-card {margin:5px!important;}
body .mpcs-button .is-purple, .mpcs-lesson-locked-buttons a.mpcs-button.is-purple {background-color:var(--teal-600)!important;border:none!important;border-radius:var(--radius-md)!important;}
body .mpcs-lesson-progress .mpcs-lesson-complete {color: var(--teal-600)!important;}
body .course-progress-bar-main {background:var(--teal-600)!important;padding:1px!important;}
body .course-progress-bar-main > span {background-color: var(--progress-colour)!important;}
body .mpcs-button .is-green {background-color:var(--teal-600)!important;border:var(--teal-900)!important;}
body .mpcs-button.is-rounded span {border-radius:var(--radius-md)!important;}
.single-mpcs-lesson article,.single-mpcs-quiz article {display: flex;flex-direction: column;}
.single-mpcs-lesson .mpcs-breadcrumbs,.single-mpcs-quiz .mpcs-breadcrumbs {order: -1;margin-bottom: 16px;}

/* MEMBERPRESS Hide Course Tap on My Account Memberships */
li.mepr-nav-item.mepr-courses.mepr-courses {display:none;}

/* MEMBERPRESS QUIZZES */
..mpcs-quiz-submission-error-inner {color:var(--slate-900)!important;}

/* MEMBERPRESS THANK YOU */
.hm-welcome-message {border-radius:15px;border: 1px solid var(--teal-900);padding:10px;background-color:#ffffff;text-align:center;}
.hm-welcome-message p {font-size:120%;}


/* MEMBERPRESS PRICE BOX */
.mepr-price-boxes {text-align: center;display:flex;}
.mepr-price-box {border-radius:15px!important;background-color: var(--teal-50) !important;padding:10px!important;width:47%!important;margin-left:1%!important;margin-right:1%!important;border: 1px solid var(--slate-200) !important;}
.mepr-price-box-title {font-size:130%!important;padding-bottom:20px!important;border-bottom:1px solid var(--teal-600) !important;}
.mepr-price-box-price {font-size:140%!important;padding-bottom:20px!important;padding-top:20px!important;height:100px;}
.mepr-price-box-button a {background-color:var(--teal-500)!important;border-radius:var(--radius-full)!important;color:var(--white)!important;padding:10px!important;font-size:130%!important;}


/* POST CATEGORIES */
.subcategory-item h3 {padding-bottom:0em!important;}

/* POST LIST */
.category-posts .entry-summary {display: flex;flex-direction:column; gap:16px;align-items: center;border-top:solid 1px var(--mid-colour);padding-bottom:10px;padding-top:10px;}
.category-posts .entry-summary .post-image {width: 200px;height: 200px;flex-shrink: 0;overflow: hidden;margin-left: auto;margin-right: auto;}
.category-posts .entry-summary .post-image a {display: block;width: 100%;height: 100%;}
.category-posts .entry-summary .post-image img {width: 100%;height: 100%;object-fit: cover;display: block;}
.category-posts .entry-summary .post-text {width:100%;padding-top:20px;padding-bottom:20px;}
.category-posts .entry-summary .post-text h3 {padding-bottom:0px;}
.category-posts .post:nth-of-type(even) {background-color: var(--cream);width: 100vw;margin-left: calc(50% - 50vw);} 
.category-posts .post:nth-of-type(even) .post-text {max-width:1400px;padding-left:2%;padding-right:2%;margin:auto;}
.category-posts .entry-summary .post-text a.read-more, .entry-summary .post-text a.read-more:visited, .entry-summary .post-text .entry-summary .post-text a.read-more:active, .entry-summary .post-text a.read-more:focus  {background: var(--teal-500)!important;border-radius: var(--radius-md)!important;color: var(--white)!important;text-decoration: none!important;padding:5px;}
.category-posts .entry-summary a.read-more:hover {background: var(--teal-700)!important;}
.category-posts .entry-summary .post-text a.read-more {display: block; margin-top: 10px;width: fit-content;}





/* POST PAGE */
.entry-content .post-featured-image img {max-height:600px;max-width: 98%;}
.entry-content .post-featured-image {text-align:center;}
.h2-post-section:nth-of-type(odd) {background-color: var(--cream);width: 100vw;margin-left: calc(50% - 50vw);}
.h2-post-section:nth-of-type(odd) .wp-block-group__inner-container {max-width:1400px;padding-left:2%;padding-right:2%;margin:auto;}
.h2-post-section {padding-top:30px;padding-bottom:30px;}
.footnote {font-style:italic;background-color:var(--teal-50);border: 1px solid var(--slate-100);border-radius:var(--radius-md);padding:10px;margin-top:20px;}
.post .hero .wp-block-group__inner-container {display:flex;flex-direction:column-reverse;align-items: center;justify-content:space-between;gap:20px;}
.post .hero .wp-block-group__inner-container .strand {background:var(--teal-100);border:1px solid var(--teal-500);box-shadow: var(--shadow-lg);margin-left:3%;border-radius:var(--radius-md);padding:10px;white-space:nowrap;}
.post .hero .wp-block-group__inner-container .strand p {padding:10px 20px 10px 10px!important;width:100%;}
.post .hero .wp-block-group__inner-container p {width:100%;}


/* BREADCRUMBS */
.breadcrumbs {padding-bottom:10px;padding-top:10px;}

/* BUTTONS */
button,input[type="submit"],input[type="button"],input[type="reset"],a.button,.wp-block-button__link {display: inline-block;padding: 10px!important;background:var(--teal-500)!important;color: #fff!important;border: none!important;border-radius: var(--radius-md)!important;font-size:20px!important;font-weight:500;text-decoration: none!important;cursor: pointer!important;transition: 0.2s!important;}


/* AUDIO PLAYER */
.plyr--audio {display: block;border: 2px solid var(--dark-colour) !important;border-radius: 10px;background: var(--teal-600); }


@media all and (min-width:400px){
#logo-container {width:40%;}
.site-name {width:56%;font-size:90%;}
}

@media all and (min-width:500px){
#logo-container {width:35%;}
.site-name {width:60%;font-size:100%;}
}

@media all and (min-width:550px){
li.mepr-nav-item {border-top-left-radius: 10px;border-top-right-radius: 10px;}
}

@media all and (min-width:600px){
#logo-container {width:30%;}
.site-name {width:65%;font-size:110%;}
}

@media all and (min-width:700px){
#logo-container {width:30%;font-size:110%;}
.site-name {width:28%;}
.header-logout-wrap {text-align:right!important;padding-right:20px;width:30%;}
.header-login-wrap {text-align:right!important;padding-right:20px;width:30%;}
span.user-greeting {text-align:right;display:block;}
	
	
#logo {padding-bottom:1px;}	
.site-name {font-size:140%;}	
/* POST LIST */
.entry-summary {flex-direction:row;}
}

/* MY ACCOUNT PAGE */
nav#mepr-account-nav ul li {list-style: none!important;}
nav#mepr-account-nav ul li {list-style-type: none!important;}
nav#mepr-account-nav li {margin-left: 0;padding: 0.5em;flex: 1;text-align: center;}
nav#mepr-account-nav a {display: inline-block;padding: 10px 0;text-decoration: none;position: relative;}
li.mepr-nav-item {border: 1px solid var(--teal-900);background-color:var(--teal-50);}
#mepr-account-nav ul {gap: 0px!important;}
.mepr-active-nav-tab {background-color: #ffffff!important;}









@media all and (min-width:950px){
/* HEADER */
#header {display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;}
.site-name {font-size:160%;}
	

	
	
/* NORMAL MENU */
#menu-control {display:none;}
#menu {display:block;width:100%;border-bottom:1px solid var(--slate-100);}	
#menu-main-menu {width:100%;display:flex;flex-direction:row;justify-content: space-between;flex-wrap: nowrap;font-size:100%;}	
#menu-main-menu li {padding:1px;flex:auto;}
#menu li a {padding:7px;display:block;border-top:0;text-align:center;border-radius:5px;margin-right:3%;margin-left:3%;}
.menu-item:hover>ul {position: absolute;}	
	
/* FOOTER */
#footer-content {flex-direction:row;justify-content:space-between;align-items: start;margin: 0 0;}
}


@media all and (min-width:1000px){
	
/* POST PAGE */	
.post .hero .wp-block-group__inner-container {flex-direction:row;align-items: center;justify-content:space-between;gap:20px;}
.post .hero .wp-block-group__inner-container .strand {margin-left:3%;}
	}