/* The Well HQ - main theme styles.
   Moved from the WPCode snippet "BlankSlate Theme Styling" (#20482), unchanged except the brand fonts at the end:
   Inter replaces Roboto (which never loaded - its paths were wrong): headings two weights heavier (Inter Heading); Georgia Bold kept. Fonts live in wp-content/uploads/fonts/. */

/*------------------------------------*\
    MAIN
\*------------------------------------*/

a:hover,
a:active {
	outline:0;
	color: #42403F;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* Main Container */
.container {
	margin:0 auto !important;
	position:relative;
}

@media only screen and (max-width:480px) {.container {width:94% !important; padding-left: 3% !important; padding-right: 3% !important;}}
@media only screen and (min-width:480px) {.container {width:90% !important; padding-left: 5% !important; padding-right: 5% !important;}}
@media only screen and (max-width:320px) {.container {max-width:300px !important;}}
@media only screen and (min-width: 320px) and (max-width: 480px) {.container {max-width:460px;}}
@media only screen and (min-width: 480px) and (max-width: 600px) {.container {max-width:540px;}}
@media only screen and (min-width: 600px) and (max-width: 768px) {.container {max-width:720px;}}
@media only screen and (min-width: 768px) and (max-width: 928px) {.container {max-width:800px;}}
@media only screen and (min-width: 928px) and (max-width: 1024px) {.container {max-width:860px;}}
@media only screen and (min-width: 1024px) and (max-width: 1280px) {.container {max-width:1100px !important;}}
@media only screen and (min-width: 1280px) and (max-width: 1400px) {.container {max-width:1290px !important;}}
@media only screen and (min-width: 1400px) {.container {max-width:1600px !important;}}


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

body {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	color:#191818;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.4;	
}

h1, h2, h3, h4, h5, h6, nav li, a, ul, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, p, li {
	color: #191818;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus {
	color: #42403F;
}

h1, h2, h3 {
	font-family: 'Georgia', serif;
	font-weight: 700;
	line-height: 1.1;
}

h4, h5, h6, li, a, ul, body, p {
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	line-height: 1.4;
}

/* Headings h4-h6: Inter Heading (see the fonts at the end - each weight shows two steps heavier) */
h4, h5, h6 {
	font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 500;
}


@media only screen and (max-width:480px) {
h1, h2 {font-size: 32px;}
.large h2, .large h1, h1.large, h2.twhq-h1.large {font-size: 40px;}
h3 {font-size: 24px;}
h4 {font-size: 22px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
p {font-size: 16px;}
h1, h2, h3 {padding-top: 8px; padding-bottom: 6px;}
h4, h5, h6, p {padding-top: 6px; padding-bottom: 4px;}
}
@media only screen and (max-width:768px) and (min-width:480.01px) {
h1, h2 {font-size: 40px;}
.large h2, .large h1, h1.large, h2.twhq-h1.large {font-size: 48px;}
h3 {font-size: 28px;}
h4 {font-size: 24px;}
h5 {font-size: 20px;}
h6 {font-size: 18px;}
p {font-size: 16px;}
h1, h2, h3 {padding-top: 10px; padding-bottom: 8px;}
h4, h5, h6, p {padding-top: 8px; padding-bottom: 6px;}
}
@media only screen and (max-width:1024px) and (min-width:768.01px) {
h1, h2 {font-size: 48px;}
.large h2, .large h1, h1.large, h2.twhq-h1.large {font-size: 56px;}
h3 {font-size: 32px;}
h4 {font-size: 28px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}
p {font-size: 16px;}
h1, h2, h3 {padding-top: 14px; padding-bottom: 10px;}
h4, h5, h6, p {padding-top: 10px; padding-bottom: 8px;}
}
@media only screen and (min-width:1024px) {
h1, h2 {font-size: 52px;}
.large h2, .large h1, h1.large, h2.twhq-h1.large {font-size: 5vw}
h3 {font-size: 36px;}
h4 {font-size: 28px;}
h5 {font-size: 22px;}
h6 {font-size: 18px;}
p {font-size: 16px;}
h1, h2, h3 {padding-top: 16px; padding-bottom: 12px;}
h4, h5, h6, p {padding-top: 10px; padding-bottom: 8px;}
}

.white h1, h1.white, .white h2, h2.white, .white h3, h3.white, .white h4, h4.white, .white h5, h5.white, .white h6, h6.white, .white a, a.white,.white ul, ul.white .white p, p.white,  .white li, li.white   {
color: #f9f8f7 !important;
}

.no-padding h1, .no-padding h2, .no-padding h3, .no-padding h4, .no-padding h5, .no-padding h6, .no-padding p, .no-padding a {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

nav a, footer a {
  text-decoration: none;
  position: relative;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

nav .nav-top a:before {
	 background-color: #191818;
}

nav a:before, footer div a:before  {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: -3px;
  left: 0;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all .3s cubic-bezier(1,.25,0,.75) 0s;;
  transition: all .3s cubic-bezier(1,.25,0,.75) 0s;;
  }
nav a:hover:before, footer div a:hover:before {
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  }

ul li {
	padding-bottom: 4px;
	padding-top: 4px;
}


/*------------------------------------*\
	CUSTOM ITEMS
\*------------------------------------*/

/********** CUSTOM NAV  *****************/
.page {
	padding-top: 20px;
}
#header nav {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
}

@media only screen and (max-width: 1279.98px) {	
#header nav {
height: 68px;
padding-top: 4px;
}
#header.top-nav-fixed nav {
height: 60px;
}	
}

@media only screen and (min-width: 1280px) {	
#header nav .container {
padding-top: 20px;
padding-bottom: 20px;
}
#header.top-nav-fixed nav .container {
padding-top: 10px;
padding-bottom: 10px;
}	
}



header nav .mobile-nav {
  float: right;
  height: 60px;
  line-height: 60px;
  font-size: inherit;
  padding: 0 15px;
  border: none;
  border-radius: 0;
	color: #191818;
}


@media only screen and  (min-width: 1280px) {
  header nav .mobile-nav {
    display: none;
  }
	header nav .cart-container {
		display: none;
	}
}


@media only screen and  (max-width: 1279.98px) {
header nav .cart-container ul {
		display: block;
		position: absolute;
		z-index: 1000 !important;
		top: 60px;
		right: 16px;
	}
	header nav .cart-container ul li a {
		padding: 10px 30px !important;
		letter-spacing: 2px;
	}	
	.nav-top {
		float: left;
	}
	button.mobile-nav {
		float: right;
	}
	.mobile-nav {
	background-color: transparent !important;
	}
}

/* Menu toggle styles. */
.icon-menu-toggle {
	width: 1.5em;
	height: 1.5em;
  top: 0;
}

header nav ul {
  list-style: none;
  float: right;
  display: none;
}

@media only screen and (min-width: 1280px) {
	
/** HEADER NAV FLEX ***/
#header nav .container {
    display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
	align-items: center;
	height: auto;
	justify-content: space-between;
}	
/** HEADER NAV FLEX END ***/	
	
  header nav ul {
    display: flex;
	 flex-direction: row;
	 flex-wrap: wrap;
  }
#header nav ul li:last-child {
padding-right: 0;
}
#header nav ul li {
	padding: 2px 6px;
}

#header nav ul li a {
  	line-height: 1.1;
	text-transform: uppercase;
	font-size: 16px;
	letter-spacing: 0.1px;
	font-weight: 400;
}

#header.top-nav-fixed nav ul li a {
	font-size: 13px;
}
}


#header nav {
background-color: #ffc200;
transition:transform 0.6s ease-in-out; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

#header.top-nav-fixed  nav {
  background: #f9f8f7 !important;
  border-bottom: 1px solid #c6c4c2;
box-shadow: 2px 2px 2px 2px rgba(130, 128, 126, 0.2);
  position: fixed;
transition:transform 0.6s ease-in-out; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

#header  nav li a:hover, #header nav li a:focus, #header.top-nav-fixed  nav li a:hover, #header.top-nav-fixed nav li a:focus {
  color: #63615f !important;
}

header .sidebar {
position: fixed;
width: 100%;
margin-top: 60px;
height: 100%;
padding-top: 12px;
padding-bottom: 30px;
  top: 0;
  left: 0;
  z-index: 10;
  background: #f9f8f7;
  display: inline-block;
  margin-left: -100%;
  transition: margin 0.3s ease-in-out;
  overflow-x: none;
  overflow-y: auto;
}
header .sidebar.open {
  margin-left: 0;
}

.sidebar.open ul {
	display: block;
	width: 100%;
}

@media only screen and  (min-width: 1280px) {
  header .sidebar {
    display: none;
  }
}
header .sidebar .sidebar-links {
  list-style: none;
  display: block;
	width: 100%;
	z-index: 100 !important;
}
header .sidebar .sidebar-links li {
  width: 100%;
}

header .sidebar .sidebar-links li a:hover, header .sidebar .sidebar-links li a:focus {
  color: #63615f;
}


/* mobile breakpoint end */

/* NAV LOGO */

.logo-container {
	display: inline-block;
	position: relative;
	float: left;
	z-index: 120;
}

#header .logo, #header .logo img {
width: 210px;
height: auto; 
transition:transform 0.6s ease-in-out; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

#header.top-nav-fixed .logo, #header.top-nav-fixed .logo img {
width: 170px;
height: auto; 
transition:transform 0.6s ease-in-out; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}


@media only screen and  (max-width: 480px) {
.logo-container {
padding-top: 12px;
}
	.logo, .logo img {
max-width: 150px;
height: auto; 
}
#header nav.top-nav{ 
background-color: #FFC200;
}
#header.top-nav-fixed nav.top-nav{ 
background-color: #f9f8f7;
	border-bottom: 1px solid #f4f3f2
}
}

.logo a {
    text-decoration: none;
	height: auto;
}

/*** MOBILE MENU  - SIDEBAR ***/

@media only screen and  (max-width: 1279.98px) {
.sidebar #menu-main-1 li a {
	display: block;
	position: relative;
	line-height: 1.2;
	font-weight: 500;
	letter-spacing: 0.8px;
	text-transform: uppercase;
}

	
	
.sidebar #menu-main-1 li, .sidebar #menu-main-1 li ul.sub-menu li {
height: auto;
}
.sidebar #menu-main-1 li ul.sub-menu {
margin-bottom: 6px;
margin-top: 6px;
z-index: 20000;
}
	
.sidebar #menu-main-1 li ul.sub-menu li {
padding-top: 0 !important;
padding-bottom: 0 !important;
}
	
.sidebar ul#secondary {
		border-top: 1px solid #ffc200;
	}	
.sidebar-links .container .login-icon {
		text-align: center !important;
		align-items: center !important;
		margin: auto;
		width: 100%;
	}
}

/*** SUBMENU ***/

@media only screen and  (min-width: 1280px) {
	ul.sub-menu {
	z-index: 1000 !important;
display: block !important;
	background-color: #191818;
	width: 100vw;
	height: auto !important;
	padding:  5px 20px 20px 20px !important;
	margin-top: 16px;
}
nav ul li ul.sub-menu {
display: none; 
transform:scaleY(0) !important;
margin-left: -20px;
padding-left: 20px;
position: absolute;
transform-origin: top left;
	width: 300px;
transition:transform 0.6s ease-in-out; 
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}

ul.sub-menu li {
	position: relative;
	width: 100%;
	text-align: right;
	display: block;
	list-style: none;
}
	
nav ul li:hover > ul.sub-menu {
cursor: pointer;
transform:scaleY(1) !important; 
display: block;
transition:transform 0.6s ease-out;  
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
}
nav	ul.sub-menu li a {
color: #f9f8f7 !important;
letter-spacing: 0.3px !important;
}
}

@media only screen and  (max-width: 1279.98px) {
	
ul.sub-menu {
	display: block;
	position: relative !important;
	width: 100%;
	border-top: none;
	padding: 4px 12px;
	text-align: right;
	background-color: #f4f3f2;
	border-radius: 8px;	
}
header nav ul li.menu-item {
	position: relative;
	text-align: left;
	width: 100%;
}
ul.sub-menu li {
	display: block;
	list-style: none;
	text-align: right;
}
		
.sidebar ul li ul.sub-menu li a, nav ul li ul.sub-menu li a {
	text-align: right !important;
	text-transform: none !important;
	letter-spacing: 0.4px !important;
	font-weight: 400 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
	display: block;
	position: relative;
	line-height: 1.2 !important;
	}
}

/**** NAVIAGTION END****/

nav li a:hover, nav li a:focus {
color: #82807e !important;
}


/*** link underline removal ***/

.category-grid a:before {
background-color: transparent !important;
border: 0 !important;
}
.data a:hover {
opacity: 0.7;
}
.learndash .wp-block-file a:before {
	background-color: transparent !important;
		border: 0 !important;
}


/*** Video Series Tabs ***/

.vc_tta-tab>a:before {
		background-color: transparent !important;
	border: 0 !important;
}
.vc_tta-tab a {
background-color: #f9f8f7 !important;
padding: 8px 20px !important;
	color: #191818 !important;
	border: 1px solid #ffc200 !important;
}

li.vc_tta-tab.vc_active a {
background-color: #ffc200 !important;
border: 1px solid #ffc200 !important;
}

/** accordion **/

.vc_tta-title-text {
color: #191818;
}

h3.vc_tta-panel-title i::before, h3.vc_tta-panel-title i::after {
	border: 2px solid #ffc200;
}

.vc_tta .vc_tta-controls-icon {
	width: 20px;
	height: 20px;
}

.vc_tta-panel {
	margin-bottom: 20px;
transition: all 0.3s ease-out;  
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.vc_tta-panel.vc_active {
	border: 1px solid #ffc200;
border-radius: 5px;
}

.vc_tta-panel .vc_tta-panel-heading {
margin-top: 0 !important;
}



/******** RESPONSIVE SCREENS****/
.small h1, .small h2.twhq-h1 {
	font-size: 150% !important;
}
	
@media only screen and  (max-width: 480px) {
nav li a {
font-size: 13px !important;
padding: 0 !important;
margin: 0 !important;
}
nav .sidebar.open {
padding-top: 30px !important;
}
.vc_empty_space {
		max-height: 50px;
	}
.single .blogheader-container {
	margin-top: -80px;
}
	
.page .blogheader
	{
		padding-top: 20px;
		padding-bottom: 20px;
	}
.archive .blogheader {
padding-top: 60px;
padding-bottom: 10px;		
	}
	p#breadcrumbs {
		letter-spacing: 0.1px;
		font-size: 8px;
		margin-bottom: 10px !important;
	}
	.blogheader .date p, .blogheader p, .blogheader a
	{
		font-size: 10px !important;
		letter-spacing: 0.5px;
		margin-bottom: 10px !important;
}
	
	#countdown ul li {
		padding-left: 5px;
		padding-right: 5px;
		font-size: 12px;
	}
	
#countdown ul li #days, #countdown ul li #hours, #countdown ul li #minutes, #countdown ul li #seconds {
		padding-left: 4px;
		padding-right: 4px;
		font-size: 20px;
	font-weight: bold;
	}
}

	.category-grid-container {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr) ) !important;
		margin-left: auto;
		margin-right: auto;
}

.blogheader-content-container {
	padding-top: 50px;
}

.blogheader-content-container p, .blogheader-content-container a {
	margin-bottom: 0 !important;
}

@media only screen and (min-width:480px) {
/*** H1 ***/
.blogheader-container {
	margin-top: -10px;
}
	
h1.large, h2.twhq-h1.large {
	padding-top: 50px;
	margin-bottom: 10px !important;
}

.blogheader-content-container h1.large {
	font-size: 48px !important;
	padding-top: 20px;
	margin-top: 10px;
}
.category .blogheader h1.large {
		margin-bottom: 0px !important;
	}
}


@media only screen and (max-width:928px) {
	.wpb-blog .vc_gitem-zone {
	min-height: 250px;
}
}

@media only screen and (min-width:928px) {
	.wpb-blog .vc_gitem-zone {
	min-height: 230px;
}
}


@media only screen and (max-width:1024px) {
}


@media only screen and (min-width:1140px) {
}
@media only screen and (min-width:1280px) {
		h3 {
		font-size: 48px !important;
	}
}

.vc_toggle_title h4 {
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.1px;
}


/*** Parallax ***/

.prlx-container {
border-radius: 12px;
border: 1px solid #c6c4c2;
position: relative;
display: block;
width: 100%;
height: calc((100vw/2) * 0.60);
overflow: hidden;
}

.parallax  img  {
display: flex;
width: 100%;
height: 100%;
min-height: auto;
}

.archive .img-grid-container, .category .img-grid-container {
width: 100%;
height: calc((100vw/2) * 0.40);
position: relative;
display: block;
overflow: hidden;
}

.archive .img-grid-container  img, .category .img-grid-container img  {
width: 120%;
height: auto;
margin-left: -10%;
}


/*** Terms & Conditions ***/

.page-id-894 article {
	padding-top: 150px;
}

/*** Link underlines **/

a.more-button, button a, a button, a.vc_btn3, .blogheader a, .sidebar a {
	text-decoration: none;
}

/*** BLOG GRID CUSTOMIZATION***/

.category-grid {
	border: 1px solid #c6c4c2 !important;
	border-radius: 12px;
	overflow: hidden;
	background-color: #f4f3f2;
}

.category-grid-img {
	width: 100%;
	height: 200px;
	overflow: hidden;
}


.category-grid a > img {
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}

.category-grid a > img:hover {
	opacity: 0.5;
  -webkit-transition-timing-function: ease-out;
  -webkit-transition-duration: 250ms;
  -moz-transition-timing-function: ease-out;
  -moz-transition-duration: 250ms;
}

.category-grid .category-button {
	padding-left: 20px;
	padding-bottom: 30px;
}
/** Home page strip FBC ***/

.fbc-home-strip h3  {
	font-size: 42px !important;
	line-height: 0.9;
}

.fbc-home-strip .profile img {
	max-width: 150px;
	border: none;
}


a.vc_btn3 {
	color: #f9f8f7 !important;
	text-transform: uppercase !important;
	height: auto;
	padding: 8px 20px;
}

a.vc_general.vc_btn3:hover, a.vc_general.vc_btn3:focus {
	color: #f9f8f7 !important;
}

@media only screen and (max-width: 480px) {
	.fbc-home-strip h3  {
	font-size: 28px !important;
	line-height: 1;
}
}

/* home 2025 */

.image-rounded img {
	border-radius: 9px;
}

/*** CATEGORY PAGES - PODCASTS - GRID CUSTOMIZATION ***/ 

@media only screen and (min-width: 600px) {
.category-14 .category-grid {
	max-width: 300px;
}
}


.category-14 .category-grid-img {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.category-14 .author {
display: none;
}
.category-14 .category-items h5 a {
	font-size: 16px !important;
	letter-spacing: 0.1px;
}
.category-14 .category-items .excerpt p{
	font-size: 12px !important;
	letter-spacing: 0.1px;
	line-height: 1.1;
}
.quotemark img {
	max-width: 70px;
	max-height: 70px;
}


/*** HOME VIEW block & BTN ***/

.view-btn a {
	background-color: transparent !important;
	color: #f9f8f7 !important;
}

.hoverbox .vc_column-inner  {
	border: 0 !important;
}

.hoverbox.wpb_column.vc_column_container h4  {
text-transform: uppercase;
	font-size: 20px;
	letter-spacing: 2px;
}


/*** Blog Article customization ***/
h4 .taxonomy-description p {
	color: #191818 !important;
	font-weight: 600;
	font-size: 22px;
	letter-spacing: 0;

}

.taxonomy-description {
	text-align: left !important;
	max-width: 70%;
}

.single-post .blogheader-content-container {
	width: 100% !important; 
	height: auto;
	overflow: hidden !important;
	position: relative;
	z-index: 0;
	background-color: #ffc200;
}
.blog-img { 
	position: absolute;
		overflow: hidden !important;
}

.blog-img img {
	filter: grayscale(1);
	filter: grayscale(100%);
	opacity: 0.3;
	float: left;
	padding-left: 50vw;
	min-height: 50vw !important;
	object-fit: cover;
}

.single-post .blog-body-container, .bbpress .blog-body-container{	
	padding-top: 100px;
}

.single-post h3 {
	padding-top: 16px;
}

.single-post h4, .single-post h5, .single-post ul {
	padding-top: 14px;
}

.single-post ul {
padding-top: 6px;
padding-bottom:14px;
}


footer {
margin-top: -25px;
}
footer .grid-container {
flex-direction: column;
}
.sfwd-courses .comments-container, .sfwd-topic-template-default .comments-container  {
display: none ;
}

/* Post Footer Navigation */

footer nav {
display: block;
position: relative;
}

footer nav .nav-links {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

@media only screen and (min-width: 480.1px) {
footer .grid-container {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between !important;
}
}
	
@media only screen and (max-width: 480px) {
footer .grid-container {
flex-direction: column;
justify-content: space-between !important;
width: 100% !important;
}
	footer .logo img {
		max-width: 90px;
	}
	footer .social-icon {
	margin: 0px;
	}
		footer .social-items img {
		max-width: 15px;
	}
footer .grid-item {
	width: 100% !important;
	}
	footer .copyright, footer .legal {
text-align: right;	
		font-size: 10px !important;
		letter-spacing: 0.2px !important;
	}
}

li > h3, li > h4, li > h5, li > h6 {
display: inline;
}


/*** BLOG ***/

.blogheader-container {
	background-color: #ffc200;
}

.single-post .blogheader-container {
	background-color: #f9f8f7;
}

/*** SIDEBAR ***/


.blog-container-main, .blog-container-sidebar {
margin-top: 100px;
}

.category .sidebar .sidebar-related-posts {
	display: none !important;
}


.blog-img {
	margin-bottom: 50px;
}

.previous-next-blog {
	margin-top: 50px;
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #FFC200;
}

.previous-next-title h6 {
	padding-bottom: 20px;
}

.previous-next-blog .previous {
	float: left;
}

.previous-next-blog .next {
	float: right;
}



/*** SIDEBAR CUSTOMIZATION ***/

@media only screen and (min-width: 928px) {
.blog-container {
	display: inline-block;
	max-width: 73%;
}

.blog-container-main {
	display: inline-block !important;
	position: relative;
	width: 73% !important;
}

.blog-body-container .blog-container
{
	width: 73% !important;
}
	.blog-container-sidebar {
	display: inline-block !important;
	width: 22%;
	vertical-align: top;
}
}
@media only screen and (min-width: 800px) {
	.blog-container-sidebar {
	margin-left: 35px;
}	
}


@media only screen and (min-width: 480px) and (max-width: 928px) {
.sidebar-widget #block-11.widget_block {
display: none !important;
	}
}
@media only screen and (max-width: 480px) {
.sidebar-widget #block-12.widget_block {
display: none !important;
	}
}
@media only screen and (min-width: 928px) {
.sidebar-widget #block-12.widget_block {
display: none !important;
	}
}

.blog-container {
	margin-bottom: 100px;
}
.blog-container-sidebar {
margin-bottom: 100px !important;
}
.blog-body-container .blog-container-sidebar
{
margin-top: 0;
}

.blog-container-sidebar {
	padding: 20px;
	background-color: #f4f3f2;
}

.blog-container-sidebar h2, .related-title h1  {
	font-size: 24px !important;
}

hr.wp-block-separator {
	line-height: 2 !important;
	color: #ffc200;
}
/*** Link Offset ***/

.list ul li {
  list-style-type: disc;
  list-style-position: inside;
  text-indent: -21px;
  padding-left: 21px;
}

.sidebar .wp-block-latest-posts li {
  list-style: none;
  list-style-position: inside;
  text-indent: 0;
	border-bottom: 1px solid #ffe1a4;
	padding: 5px 0 5px 0; 
}

.sidebar-related-posts li {
  list-style: none;
  list-style-position: inside;
  text-indent: 0;
	border-bottom: 1px solid #ffe1a4;
	padding: 5px 0 5px 0; 
	height: auto !important;
}
.sidebar-related-posts ul {
	padding: 0;
}

.sidebar-related-posts {
	padding-bottom: 40px;
	border-bottom: 2px solid #ffc200;
}

/*** home page custom posts grid ***/

@media only screen and (min-width:928px) {
#pelvicfloor .vc_grid-item:nth-child(3) {	
width: 50%;
	float: right !important;
}
#pelvicfloor .vc_grid-item:first-child, #pelvicfloor .vc_grid-item:nth-child(2), #pelvicfloor .vc_grid-item:nth-child(4), #pelvicfloor .vc_grid-item:nth-child(5) {	
width: 25% !important;
float: left !important;
	padding-bottom: 15px;
}
}

/*** Featured styling ***/

.featured h5 {
	font-size: 18px !important;
	letter-spacing: 0.1px;
	color: #f9f8f7 !important;
}

/*** LIGHTBOX IMAGE STYLING ***/

img.lb-image {
	border: 1px solid #c6c4c2 !important;
	border-radius: 0 !important;
}

/* About page profile photos */


.profile.about-left img, .profile.about-right img, .profile img {
	border-radius: 10px;
}
.profile.about-left {
	margin-left: 0;
	text-align: left;
}
.profile.about-right {
	margin-right: 0;
}


/*** Previous next padding ***/

.previous-next-blog {
	margin-bottom: 50px;
}

.learndash {
	padding-bottom: 50px;
}

/* Course Terms */

.single-format-standard .blog-container .course-terms {
display: none;
}

.learndash .blog-container .course-terms {
display: block;
} 
/*** GET IN TOUCH BOX ***/

@media only screen and (min-width:480px) {
.get-in-touch-container, .course-terms {
	padding-top: 30px;
	padding-bottom: 30px;
	border-top: 1px solid #ffc200;
}

.previous a.vc_general.vc_btn3 {
padding-left: 20 !important;
}

.previous a, .next a {
text-transform: uppercase;
letter-spacing: 0.5px;
font-weight: 600;
}

.previous a.vc_general.vc_btn3 > i {
margin-left: -20px !important;
}

.next a.vc_general.vc_btn3 {
	text-align: right !important;
	padding-right: 30px !important;
	padding-right: auto !important;
}
}

@media only screen and (max-width:480px) {
.previous a {
padding-left: 0 !important;
	font-size: 10px !important;
}
.previous a, .next a {
text-transform: uppercase;
letter-spacing: 0;
font-weight: 400;
max-width: 100%;
margin: 20px 0 20px 0 !important;
}
.previous a.vc_general.vc_btn3 > i {
margin-left: -20px !important;
}
.next a {
	padding-right: 0 !important;
font-size: 10px !important;
}
.previous-next-blog {
margin: 10px 0;
}
}

/*** seller logos ***/

.seller-logo {
	max-width: 220px;
	text-align: center;
	margin: auto;
	margin-bottom: 20px;
}

/*** PROFILE PHOTO button ***/

.wp-block-buttons.popmake-11169 {display: none;}

.logged-in .wp-block-buttons.popmake-11169 {display: block;
margin-left: auto !important;
margin-right: auto;
text-align: center;
}

.wp-block-buttons.popmake-11169 a.wp-block-button__link { 
	background-color: transparent;
	border: 1px solid #c6c4c2;
	padding: 4px 10px;
	font-size: 10px;
	color: #191818; 
	text-transform: uppercase;
	margin-bottom: 20px;
	letter-spacing: 0.5px;
	border-radius: 3px;
}


/*** PROFILE PHOTO Popup Form***/


form#basic-user-avatar-form
{max-width: 500px;
margin-left: auto;
margin-right: auto;
text-align: center !important;
}
form#basic-user-avatar-form img {
	margin-bottom: 10px !important;
margin-top: 40px;
	border-radius: 100px;
}

form#basic-user-avatar-form p input#basic-local-avatar {
border: 1px solid #ffc200;
	padding: 5px;
	background-color: #ffc200;
}


form#basic-user-avatar-form input[type="submit"]
{
background-color: #191818;
color: #ffc200;
	font-size: 14px;
	margin-top: 20px;
	margin-bottom: 20px;
}


.profile {
	max-width: 250px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}


/*** INSTA LOGO TITLE ***/

.sidebar-widget .sbi_header_img {
	display: none !important;
}
.sidebar-widget #block-7 h2 {
	margin-top: 40px;
}
.sidebar .sbi_header_text h3 {
	font-size: 14px !important;
	line-height: 1 !important;
}

.sidebar .sbi_header_text p {
display: none !important;
}

.sidebar #sb_instagram .sb_instagram_header .sbi_header_text h3
{	margin: 0 !important;
	padding: 0 !important;
}

.sidebar  .sbi_header_img img {
width: 20px !important;
	height: 20px !important;
}
.sbi_follow_btn a, .sbi_load_btn {
	background-color: #191818 !important;
}

.sbi_photo_wrap {
border-radius: 10px;
overflow: hidden;
}

/** Newsletter signup Form **/ 

form #wpforms-form-3389 {
	display: block !important;
	position: relative !important;
}

#wpforms-form-3389, #wpforms-form-15883, #wpforms-form-16034 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#wpforms-form-3389 .wpforms-field {
	z-index: 10 !important;
}

#wpforms-form-3389 .wpforms-submit-container, #wpforms-form-15883 .wpforms-submit-container,  #wpforms-form-16034 .wpforms-submit-container {
	padding: auto;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
#wpforms-form-3389 .wpforms-field button, #wpforms-form-16034 .wpforms-field button {
	padding-left: 30px;
	padding-right: 30px;
	border: 1px solid #191818 !important;
}
#wpforms-form-3389 button:hover {
background-color: #ff6900 !important;
}

#wpforms-form-3389 .wpforms-field-checkbox, #wpforms-form-15883 .wpforms-field-checkbox, #wpforms-form-16034 .wpforms-field-checkbox, #wpforms-form-311 .wpforms-field-checkbox {
	width: 100%; 
	min-width: 100%;
	max-width: 100%;
}

#popmake-15879 img.vc_single_image-img {
	max-width: 300px;
}

@media only screen and  (max-width: 600px)  {
	#popmake-15879 img.vc_single_image-img {
	max-width: 90% !important;
	width: 90% !important;
}
	#popmake-15879 .wpforms-field-row-block {
		display: block !important;
		width: 100% !important;
		max-width: 100% !important;
		margin: auto !important;
		padding: auto !important;
	}	
}


/** WP FORMS THANK YOU **/

.wpforms-confirmation-container-full {
	background-color: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
}

.wpforms-confirmation-container-full p {
	color: #191818 !important;
		text-align: center !important;
}

/*Main contact - short in pages */

.short #wpforms-form-311 #wpforms-311-field_2 {
	height: 40px !important;
}


li.post-item .category-video::before  {
	content: "\f04b";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
		position: absolute;
	z-index: 1000 !important;
	      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	color: #f9f8f7;
	margin: 11px 12px;
	padding: 4px 10px 4px 12px;
	background-color: #FF4380;
	border-radius: 4px;
	opacity: 0.8;
}

.vc_col-sm-12 .video {
font-size: 0;
}

.vc_col-sm-12 .showicon {
font-size: 0;
}


.vc_col-sm-12 .showicon::before {
	display: block;
	content: "\f04b";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	font-size: 14px;
		position: absolute;
	z-index: 10 !important;
	      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	color: #191818;
	margin: 0px 0px;
	padding: 4px 7px 4px 9px;
	background-color: #ffc200;
	border-radius: 20px;
	opacity: 0.9;
}

.vc_col-sm-12 .vc_gitem-acf.hide::before {
display: none;
}

.category-grid-container .category-video::before  {
	content: "\f04b";
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
position: absolute;
	z-index: 10 !important;
	      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
	color: #191818;
	margin: 11px 12px;
	padding: 4px 7px 4px 9px;
	background-color: #ffc200;
	border-radius: 20px;
	opacity: 0.9;
}

.vc_col-sm-12 .video {
font-size: 0;
}

.vc_col-sm-12 .showicon {
font-size: 0;
}


/*** Courses 2023 ***/

.sfwd-courses p.article-author, .sfwd-lessons p.article-author, .sfwd-topic p.article-author {
	display: none;
}

#courses2023 h4 {
	font-weight: 200;
	margin: 10px 30px;

}
#courses2023 h6 {
	padding-top: 10px;
	margin: 10px 30px;
}

.learndash-wrapper a#btn-join, .learndash-wrapper a.btn-join {
	background-color: #ffc200 !important;
	color: #191818 !important;
	text-transform: uppercase !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.ld-course-status-segment.ld-course-status-seg-status {
	display: none !important;
}

.ld-course-status-price::before {
	content: '£' !important;
}

/*** Widget customization ***/

.category .sidebar-widget-2 {
	display: none;
}

.sfwd-courses-template-default .sidebar-widget-1, .sfwd-courses-template-default .search, .sfwd-lessons-template-default .sidebar-widget-1, .sfwd-lessons-template-default .search, .sfwd-topic-template-default .sidebar-widget-1, .sfwd-topic-template-default .search, .groups-template-default .search {
	display: none;
}

.sfwd-courses-template-default .blogheader .category p, .sfwd-lessons-template-default .blogheader .category p, .sfwd-topic-template-default .blogheader .category p,  .groups-template-default .blogheader .category p {
display: none;
}

.sfwd-courses-template-default .blogheader, .sfwd-lessons-template-default, .sfwd-topic-template-default .blogheader,  .groups-template-default .blogheader {
padding-bottom: 20px;
}

.blog-container-sidebar {
border-radius: 12px;
}

.sidebar-widget-2 .ld-course-navigation a.ld-home-link {
	display: none !important;
}

.sidebar-widget-2 .ld-course-navigation .ld-expand-button {
	display: none;
}

.sidebar-widget-2 .ld-course-navigation .ld-expand-button.ld-button-alternate .ld-icon-arrow-down {
color: #a3a09f;
	background-color: transparent;
	border: 1px solid #a3a09f;
}

.sidebar-widget-2 .ld-course-navigation .ld-expand-button.ld-button-alternate .ld-text.ld-primary-color {
	color: #a3a09f;
}

.sidebar-widget-2 .ld-status-complete {
	background-color: #ffc200;
	color: #191818;
	font-size: 11px;
}

.sidebar-widget-2 .ld-status-icon.ld-status-incomplete {
	background-color: #f4f3f2;
		border-color: #e0dcda !important;
}

.sidebar-widget-2 .ld-course-navigation .ld-status-icon.ld-status-in-progress {
	background-color: #f4f3f2;
	border-top-color: #191818;
	border-right-color: #e0dcda;
		border-left-color: #191818;
	border-bottom-color: #e0dcda;
}

.sidebar-widget-2 .ld-course-navigation .ld-lesson-item.ld-is-current-lesson .ld-lesson-title {
	color: #191818 !important;
}

.sidebar-widget-2 .ld_course_grid h3 {
font-size: 14px !important;
	font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
}

.sidebar-widget-2 .ld_course_grid h3 {
font-size: 14px !important;
}

 .sidebar-widget-2 .ld_course_grid .ld_course_grid_button a.btn.btn-primary, a.btn.btn-primary, a.ld-button {
font-size: 14px !important;
letter-spacing: 0.2px !important;
background-color: #ffc200 !important;
color: #191818 !important;
border: none !important;
border-radius: 8px !important;
font-weight: 400 !important;
}
.sidebar-widget-2 .ld_course_grid .ld_course_grid_button a.btn.btn-primary:hover, a.btn.btn-primary:hover,  .sidebar-widget-2 .ld_course_grid .ld_course_grid_button a.btn.btn-primary:hover, a.btn.btn-primary:focus, a.ld-button:hover, a.ld-button:focus {
background-color: #d39c00 !important;	 
}

.ld-content-action a.ld-primary-color.ld-course-step-back {
background-color: #c6c4c2;
color: #f9f8f7 !important;
	margin-top: 0 !important;
	padding: 1em;
	border-radius: 12px;
	text-decoration: none !important;
}

.ld-alert-warning a.ld-button {
	background-color: #191818 !important;
	color: #f9f8f7 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	text-transform: uppercase !important;
}

.ld-alert-warning a.ld-button .ld-icon {
display: none;
}

.ld-alert-warning a.ld-button:hover, .ld-alert-warning a.ld-button:focus {
background-color: #42403f !important;
	color: #f9f8f7 !important;
}


/* Course info pages */
/** Sales page **/

/** Product page affiliate button **/

.woocommerce a.afwc-click-to-copy {
	background-color: #191818 !important;
	color: #f9f8f7;
	margin-left: 10px;
	margin-right: 10px;
}

@media only screen and  (min-width: 928px) {
	ul.products li.product {
	min-width: 23.8% !important;
	margin-right: 1.5% !important;
		padding-bottom: 20px !important;
}
}


ul.products li.last {
	margin-right: 0 !important;
}
/* Product page hide sidebar ***/

.product-template-default #sidebar {
display: none;
}
/*** Shop Page Descriptions **/


ul.products li.product h2::after, #post-4575 ul li .price::before {
	display: block;
	font-family: 'Inter', Helvetica, Arial, sans-serif;
	font-weight: 200;
	font-size: 16px;
	letter-spacing: 0.1px;
}
ul.products li.product h2, #post-4575 ul li .price {
	padding-left: 15px !important;
	padding-right: 15px !important;
}
ul.products li.product h2::after {
padding-top: 10px;
line-height: 1.4 !important;
	font-size: 14px !important;
}
ul.products li.product .price::before {
	padding-bottom: 10px;
}

.woocommerce.columns-4 ul.products li.product .star-rating {
text-align: center !important;
display: block;
	margin-left: auto !important;
	margin-right: auto !important;
}

ul.products li.product h2, ul.products li.product .price, ul.products li.product a.button.product_type_course.add_to_cart_button {
	text-align: center;
	display: block;
}

ul.products li.product a.button.product_type_course.add_to_cart_button {
	width: 160px;
	padding: 10px !important;
	margin-left: auto;
	margin-right: auto;
}

@media only screen and (max-width: 700px) {
	#shop-products ul.products li.product {min-width: 100%}
}


@media only screen and (min-width: 701px) and (max-width: 850px) {
	#shop-products ul.products li.product {min-width: 46%}
#shop-products ul.products li.product h2 {
min-height: 180px;
	}
}

@media only screen and (min-width: 851px) and (max-width: 1000px) {
	#shop-products ul.products li.product {min-width: 46%}
#shop-products ul.products li.product h2 {
min-height: 320px;
	}
}

@media only screen and (min-width: 1001px) and (max-width: 1100px) {
#shop-products ul.products li.product h2 {
min-height: 300px;
	}
	ul.products li.product.post-5257 h2 {
line-height: 48px
}
}


@media only screen and (min-width: 1101px) and (max-width: 1200px) {
#shop-products ul.products li.product h2 {
min-height: 290px;
	}
	ul.products li.product.post-5257 h2 {
line-height: 48px
}
}

@media only screen and (min-width: 1201px) and (max-width: 1300px) {
#shop-products ul.products li.product h2 {
min-height: 240px;
	}
	ul.products li.product.post-5257 h2 {
line-height: 48px
}
}

@media only screen and (min-width: 1301px) and (max-width: 1500px) {
#shop-products ul.products li.product h2 {
min-height: 220px;
	}
}

@media only screen and (min-width: 1501px) and (max-width: 1800px) {
#shop-products ul.products li.product h2 {
min-height: 200px;
	}
	ul.products li.product.post-5257 h2 {
line-height: 48px
}
}

@media only screen and (min-width: 1801px) {
#shop-products ul.products li.product h2 {
min-height: 180px;
	}
}

/* shop page hide products content */
#post-4575 .products, .single-product .comments-container {
display: none;
}

#post-4575 li.product .star-rating {
margin-left: auto;
	margin-right: auto;
}

#post-4575 a.button.product_type_course {
margin-left: 33% !important;
	margin-right: 33% !important;
	text-align: center;
	min-width:33%;
}

.woocommerce del {
	font-size: 26px;
	font-family: 'Georgia';
}

.bundles-small .woocommerce del {
	font-size: 22px;
}

.bundles-small a.button {
	padding: 8px 15px !important;	
height: auto;
	margin: 3px;
}

.bundles-small .product.woocommerce .woocommerce-Price-amount.amount {
		font-size: 18px;
}
.bundles-small .product.woocommerce small.woocommerce-price-suffix{
	font-size: 14px;
	padding-right: 0;
}


/** product Female Body **/

p.product.woocommerce.add_to_cart_inline {
border: none !important;
	text-align: center;
}
.product.woocommerce .woocommerce-Price-amount.amount {
font-weight: 900;
	font-size: 24px;
	font-family: 'Georgia';
		padding-bottom: 5px;
}
.product.woocommerce small.woocommerce-price-suffix {
font-size: 16px;
	padding-right: 15px;
	color: #191818;
}
 p.product.woocommerce.add_to_cart_inline a.button {
	background-color: #191818;
	color: #f9f8f7;
	color: #f9f8f7;
	padding: 10px 30px;
}
.vc_toggle_default .vc_toggle_icon::before {
	background: #191818;
	height: 15px;
	width: 1px;
	border: none;
} 
.vc_toggle_default .vc_toggle_icon,  .vc_toggle_default .vc_toggle_icon::after {
	background: #191818;
	width: 15px;
	height: 1px;
	border: none;
}

.page-id-6092 .vc_toggle_title h4, .page-id-6092 .vc_toggle_title h4, .page-id-6119 .vc_toggle_title h4, .page-id-5985 .vc_toggle_title h4 {
padding-left: 5px !important;
}

/** Menu buttons: My Account / Log out / cart (classes added by inc/nav.php and inc/woo.php; colours, outline and
    corners are set in the HEADER section near the end of this file) **/
@media only screen and  (min-width: 1280px) {
nav li.twhq-nav-btn, nav li.wpmenucartli {
padding-right: 0;
}
}

nav li.wpmenucartli {
margin-left: 10px;
}

nav li.twhq-nav-account > a::after {
	content: "\f007";
	font-family: 'Font Awesome 5 Free' !important;
   padding: 0 0 0 6px;
   vertical-align: middle;
}

nav li.twhq-nav-btn a::before, nav li.wpmenucartli a::before, nav .branding .logo a::before {
background-color: transparent !important;
}


/*** My Account BTN on sidebar ***/
.sidebar-widget-2 .wp-block-woocommerce-customer-account, .sidebar-widget-2 .wp-block-woocommerce-customer-account:hover, .sidebar-widget-2 .wp-block-woocommerce-customer-account:focus {
border-radius: 12px;	
margin-bottom: 20px;
}


.sfwd-courses-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a, .sfwd-lessons-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a, .sfwd-topic-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a,  .bbpress .sidebar-widget-2 .wp-block-woocommerce-customer-account a {
padding: 2px 20px !important;
text-decoration: none !important;
border-radius: 12px;	
}

.sfwd-courses-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a:hover, .sfwd-lessons-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a:hover, .sfwd-topic-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a:hover, .bbpress .sidebar-widget-2 .wp-block-woocommerce-customer-account a:hover  {
background-color: #42403f;
}

.sfwd-courses-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a svg, .sfwd-lessons-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a svg, .sfwd-topic-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a svg, .bbpress .sidebar-widget-2 .wp-block-woocommerce-customer-account a svg {
width: 20%;
	min-width: 30px;
	align-items: right !important;
}

.sfwd-courses-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a .label, .sfwd-lessons-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a .label, .sfwd-topic-template-default .sidebar-widget-2 .wp-block-woocommerce-customer-account a .label, .bbpress .sidebar-widget-2 .wp-block-woocommerce-customer-account a .label {
text-align: left !important;
	text-transform: uppercase;
}

/*** My Account details **/

/* faqs link hidden */

h5.faqs-link {
display: block;	
}

.logged-in h5.faqs-link {
display: none;	
}

/*** Nav Community **/ 

.logged-in ul.sub-menu li#menu-item-12056 {
	display: block;
}

ul.sub-menu li#menu-item-12056 {
	display: none;
}

#post-4578 .woocommerce-MyAccount-navigation-link--afwc-dashboard {display: none;}
/** Orders table **/

.woocommerce table.woocommerce-orders-table a.woocommerce-button
{
background-color: transparent;
	border: 1px solid #ffc200;
	height: auto !important;
	margin: 5px 10px 5px 0;
	padding: 4px 10px;
}



.ld-profile-stats {
	border: 1px solid #c6c4c2;
	background-color: #f4f3f2;
	padding: 10px;
}

.ld-profile-stat-courses, .ld-profile-stat-completed {
	border-right: 1px solid #c6c4c2 !important;
}

/*** CPD COURSE Customization ***/

.sfwd-courses-template-default .blog-img, .sfwd-lessons-template-default .blog-img, .sfwd-topic-template-default .blog-img {
display: none;
}

.sfwd-courses-template-default .blog-container-sidebar, .sfwd-lessons-template-default .blog-container-sidebar, .sfwd-topic-template-default .blog-container-sidebar {
background-color: #F4F3F2 !important;
}

.sfwd-courses-template-default .blog-body-container, .sfwd-lessons-template-default .blog-body-container, .sfwd-topic-template-default .blog-body-container {
	background-color: #f9f8f7;
}


.sfwd-courses-template-default .blog-body-container, .sfwd-lessons-template-default .blog-body-container, .sfwd-topic-template-default .blog-body-container {
	padding-top: 50px;
}

/*** file and infographic border ***/

.learndash-wrapper .vimeo {
	margin-top: 10px;
	margin-bottom: 20px;
}


.learndash-wrapper .wp-block-file__embed {
	border: 1px solid #a3a09f;
	margin-top: 10px;
	margin-bottom: 10px;
	border-radius: 12px;
}

.learndash-wrapper .wp-block-image {
	margin-top: 10px;
	margin-bottom: 20px;
}

.wp-block-image img {
	min-width: 100%;
		border: 1px solid #a3a09f;
	border-radius: 12px;
}

.ld-content-actions {
	margin-top: 50px;
}

/** CPD course grid image ***/

.thumbnail.course a > img {	
    width: 100%;
    text-align: center;
    overflow: hidden !important;
max-height: 140px !important;
	min-height: 140px !important;
	z-index: 1 !important;
}

.thumbnail.course a  img {	
    width: 100%;
	height: 100% !important;
  z-index: -1 !important;
	object-fit: cover !important;
}

/*** COURSE COLOURS 

.the-female-body 	#FF6955;
.puberty 	        #FF9843;
.prepostnatal    	#F17FF4;
.menopause      	#A68DFF;

COURSE COLOURS END ***/

/*** Course Hero Image hidden ***/




/**Buttons**/
.vc_btn3.vc_btn3-color-grey {
	color: #f9f8f7;
	background-color: #191818 !important;
}
a.vc_general:hover, a.vc_general:focus {
	background-color: #ffc200 !important;
	color: #191818;
	border: 1px solid #191818;
}

.sidebar-widget-2 h3 {
	font-size: 20px !important;
}

/*** Progress bar ***/

nav.ld-breadcrumbs {
	max-width: 100%; 
	position: relative;
}

.ld-progress-bar {
	background-color: #f4f3f2 !important;
border: 1px solid #a3a09f;
}

.ld-progress-bar-percentage.ld-secondary-background {
	background-color: #a3a09f !important;
}

.ld-progress-percentage.ld-secondary-color {
color: #191818 !important;	
	padding-bottom: 3px;
	padding-top: 3px;
}

.ld-progress-steps {
		padding-bottom: 3px;
	padding-top: 3px;
}

.sidebar-widget-2 #sfwd-lessons-widget-3 h3 {
	display: none;
}

.sidebar-widget-2 #sfwd-lessons-widget-3 a {
font-size: 14px;
	padding: 5px;
	line-height: 1;
	font-weight: 400;
	letter-spacing: 0;
}

.sidebar-widget-2 #sfwd-lessons-widget-3 li {
	padding-top: 0;
	padding-bottom: 0;
	list-style: none;
}

.sidebar-widget-2 #sfwd-lessons-widget-3 ul {
	padding-top: 0;
	padding-bottom: 20px;

}

#sfwd-lessons-widget-3 li
{
text-indent: 0;
	padding-left: 0;
	margin-bottom: 5px;
	border-radius: 5px;
}

#sfwd-lessons-widget-3 ul li h4, #sfwd-lessons-widget-3 ul li h4 a {
	justify-content: space-between;
	display: flex;
	min-width: 100% !important;
}

#sfwd-lessons-widget-3 ul li h4 a.completed::after {
	margin-top: 0;
	margin-left: 4px !important;
width: 22px !important;
	min-width: 22px !important;
height: 22px !important;;
	padding-left: 4px;
	padding-top: 4px;
	border: 1px solid #191818;
	border-radius: 12px;
content: "\f00c";
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
	color: #191818;
	font-size: 12px; 
}

#sfwd-lessons-widget-3 ul li h4 a.notcompleted::after {
	margin-left: 4px !important;
width: 22px !important;
	min-width: 22px !important;
height: 22px !important;;
	padding-left: 4px;
	padding-top: 4px;
	border-radius: 20px;
content: "\f304";
	font-family: 'Font Awesome 5 Free' !important;
	font-weight: 900;
	font-size: 12px;
}

/*** Modules Grid ***/

.ld-tabs .caption {
	background-color: #f9f8f7;
}
.ld-tabs .caption h3.entry-title {
	font-size: 16px !important;
	font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif;
	letter-spacing: 0;
	font-weight: 300;
	color: #191818;
}

.ld_course_grid_button {
align-items: bottom !important;
margin-top: auto;
margin-bottom: 0 !important;
width: auto !important;
}
.items-wrapper .grid-2 .content .button a {
background-color: #ffc200 !important;
color: #191818 !important;
border: none;
font-size: 14px;
font-weight: 400;
transition:transform 0.3s ease-out;  
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
}

.items-wrapper .grid-2 .content .button a:hover, .items-wrapper .grid-2 .content .button a:focus {
background-color: #d39c00 !important;
}

.ld-course-list-items .ld_course_grid article.thumbnail {
	border-radius: 12px !important;
	overflow: hidden;
	border: 1px solid #c6c4c2 !important;
	background-color: #f4f3f2 !important;
	min-height: 100% !important;
}
.ld-course-list-items .ld_course_grid article.thumbnail .caption {
	background-color: transparent !important;
}
.ribbon.enrolled.not-started {
	background-color: #f4f3f2 !important;
}

.ribbon.enrolled {
	background-color: #ffc200 !important;
	color: #191818 !important;
}
.ribbon.completed {
	background-color: #916700 !important;
	color: #f9f8f7 !important;
}

.ribbon {
	left: 0 !important;
	text-shadow: none !important;
	font-weight: 400 !important;
}
.ribbon::before {
display: none;
}

.ld-tabs-navigation .ld-active .ld-icon, .ld-tabs-navigation .ld-active .ld-text {
	color: #FFc200 !important;
}
.ld-tabs-navigation .ld-tab.ld-active::after {
	background-color: rgba(255, 194, 0, 1) !important;
}


/*** progress bar ***/

.ld-course-status.ld-course-status-enrolled, .ld-lesson-status, .ld-breadcrumbs, .ld-topic-status {
background-color: #F4F3F2;
border: 0 !important;
}

.ld-breadcrumbs {
	background-color: transparent !important;
	border: none !important; 
}

/** Topics page customization **/
.learndash .wp-block-file a {
	background-color: #191818 !important;
	padding: 5px 15px;
	color: #f9f8f7;
	text-transform: uppercase;
	border-radius: 12px;
}

#ld_topic_categorydropdown {
	display: none !important;
}

/** LD default course list **/
.learndash-wrapper .ld-item-list {
	display: none;
}

.ld-table-list.ld-topic-list {
	display: none !important;
}

.ld-content-action .learndash_mark_complete_button {
	background-color: #191818;
}
.ld-content-action .learndash_mark_complete_button:hover, .ld-content-action .learndash_mark_complete_button:focus {
	background-color: #ffc200;
}

.sfwd-courses-template-default .previous-next-blog, .sfwd-lessons-template-default .previous-next-blog, .sfwd-topic-template-default .previous-next-blog, .sfwd-courses-template-default .social-share-container, .sfwd-lessons-template-default .social-share-container, .sfwd-topic-template-default .social-share-container {
	display: none;
}

.grid-2 .post.sfwd-courses .content h3.entry-title {
	line-height: 0.8 !important;
}

.grid-2 .post.sfwd-courses .content h3.entry-title a {
	font-size: 24px !important;
	line-height: 24px !important;
}

.sfwd-courses .ribbon {
	max-width: 120px;
	border-radius: 0 !important;
	font-size: 12px !important;
}

.items-wrapper .grid-2 {
border: 1px solid #C6C4C2 !important;
border-radius: 12px !important;
overflow: hidden !important;
box-shadow: none !important;
background-color: #f4f3f2 !important;
}

.items-wrapper .grid-2 article.post {
border: none !important;
box-shadow: none !important;
background-color: transparent !important;
}


.grid-2 .thumbnail .arrow .dashicons, .grid-2 .thumbnail .arrow.button {
	background-color: #191818 !important;
	z-index: 1 !important;
}

.learndash-wrapper .ld-content-actions {
border-top: 1px solid #a3a09f;
padding-top: 40px;
}

/*** Quiz customization ***/

.wpProQuiz_content {
	padding-top: 30px;
	margin-top: 50px;
	margin-bottom: 50px;
	border-top: 1px solid #a3a09f;
}

.wpProQuiz_description {
padding-bottom: 20px;
}

input.wpProQuiz_button, .wpProQuiz_reviewButtons input {
	background-color: #ffc200 !important;
	color: #191818 !important;
	text-transform: uppercase !important;
	padding: 12px 20px !important;
}



@media only screen and  (max-width: 726px) {
.wpProQuiz_content h2 {
font-size: 24px;
}	
}
@media only screen and  (min-width: 726.1px) {
.wpProQuiz_content h2 {
font-size: 32px;
}	
}

/*** Quiz questions ***/
.wpProQuiz_reviewQuestion {
	background-color: transparent !important;
	border: 1px solid #ffc200 !important;
}

.wpProQuiz_reviewQuestion ol li {
	border: 1px solid #ffc200 !important;
padding: 3px 10px !important;
	text-indent: 0 !important;
	width: auto !important;
	text-align: center;
	box-shadow: none !important;
}

.wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewQuestionTarget {
background-color: #ffc200 !important;

}

.wpProQuiz_reviewLegend::before {
	content: "LEGEND";
	font-weight: 700;
}

.wpProQuiz_reviewLegend ol li .wpProQuiz_reviewQuestion_Target  {
box-shadow: none !important;
}

.wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-current, .wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-review, .wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-answered  {	
display: none;
}


.wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-correct .wpProQuiz_reviewColor_AnswerCorrect {
background-color: #0CC6B4!important;
}

.wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-incorrect .wpProQuiz_reviewColor_AnswerIncorrect {
background-color: #ff6955!important;
}

.wpProQuiz_reviewLegend ol li.learndash-quiz-review-legend-item-incorrect {
padding-left: 15px !important;
}

.wpProQuiz_reviewDiv .wpProQuiz_reviewButtons {display: none;}

.wpProQuiz_question li label.is-selected {
	border-color: #ffc200 !important;
}


.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrectIncomplete label, .wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerCorrect label {
	border-color: #0CC6B4!important;
	background-color: #0CC6B4!important;
}


.wpProQuiz_content .wpProQuiz_questionListItem.wpProQuiz_answerIncorrect label {
	border-color: #ff6955!important;
	background-color: #ff6955!important;
}

.wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedIncorrect {
	background-color: #ff6955!important;
}

.wpProQuiz_content .wpProQuiz_reviewQuestion li.wpProQuiz_reviewQuestionSolvedCorrect {
	background-color: #0CC6B4!important;
}


/*** quiz results ***/
.ld-quiz-result-passed {
	background-color: #f4f3f2;
	padding: 20px 20px 40px 20px;
}
.ld-quiz-result-passed h2, .ld-quiz-result-passed .wpProQuiz_description {
	display: none;
}
.ld-quiz-result-passed h4.wpProQuiz_header {
	font-size: 0;
	text-align: center;
}

.ld-quiz-result-passed h4.wpProQuiz_header::after {
	content: "Congratulations!";
	font-size: 32px;
	font-weight: 700 !important;

	font-family: "Georgia", serif;
}

.wpProQuiz_results {
padding-top: 20px;
}


.wpProQuiz_results p {
font-weight: 700 !important;
	text-align: center;
	font-family: "Georgia", serif;	
}

@media only screen and  (min-width: 726.1px) {
.wpProQuiz_results p {
font-size: 24px;
}
	.wpProQuiz_results p.wpProQuiz_quiz_time {
font-size: 16px;
		font-family: 'Inter', Helvetica, Arial, sans-serif !important;
}
}

.quiz_continue_link a#quiz_continue_link {
	text-transform: uppercase !important; 
	background-color: #191818 !important;
	letter-spacing: 0.5px !important;
}

p.wpProQuiz_points, ul.wpProQuiz_resultsList li p {
	background-color: transparent !important;
	color: #191818 !important;
	font-family: 'Inter', Helvetica, Arial, sans-serif !important;
	font-weight: 400 !important;
	font-size: 16px !important;
	border: none !important;
	padding: 20px;
}

ul.wpProQuiz_resultsList li p a {
	font-weight: 600;
}

/** Certificate page ***/

a.btn-blue {
	color: #191818 !important;
	background-color: #ffc200 !important;
	margin-bottom: 40px !important;
	padding: 10px 30px !important;
	border-radius: 10px !important;
}
.ld-quiz-result-passed a.btn-blue::after {
	content: "\f559";
		font-family: 'Font Awesome 5 Free' !important;
	padding-left: 10px;
	font-size: 40px;
	display: block;
}


.ld-alert.ld-alert-success.ld-alert-certificate {
	background-color: #f4f3f2 !important;
	border-color: #c6c4c2;
	border: 1px solid #c6c4c2;
}

.ld-alert-success .ld-alert-content {
color: #191818 !important;
font-size: 18px !important;
font-family: "Gerogia", serif !important;
font-weight: 700 !important;
}


.learndash-shortcode-wrap-ld_certificate-5054 .ld-alert-content::before, .learndash-shortcode-wrap-ld_certificate-5054_2 .ld-alert-content::before {
	content: "The Female Body - Menopause Edition";
}

.learndash-shortcode-wrap-ld_certificate-5632 .ld-alert-content::before, .learndash-shortcode-wrap-ld_certificate-5632_2 .ld-alert-content::before {
	content: "The Female Body - Puberty Edition";
}

.learndash-shortcode-wrap-ld_certificate-4391 .ld-alert-content::before, .learndash-shortcode-wrap-ld_certificate-4391_2 .ld-alert-content::before {
	content: "The Female Body";
}

.learndash-shortcode-wrap-ld_certificate-5796 .ld-alert-content::before, .learndash-shortcode-wrap-ld_certificate-5796_2 .ld-alert-content::before {
	content: "The Female Body - Pre/Post Natal Edition";
}

/*** My Account Page ***/
/** header **/

.page-id-4578 .blogheader-container,.page-id-4577 .blogheader-container, .page-id-6192 .blogheader-container,  .page-id-4576 .blogheader-container {
height: auto !important;
position: relative;
display: block;
background-color: #ffc200;
width: 100vw !important;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;	
}



/** navigation **/
.page-id-4578 nav.woocommerce-MyAccount-navigation {
z-index: 1 !important;
	width: 100%;
	display: block;
	position: relative;
}

.woocommerce li {
	text-indent: 0;
}

.page-id-4578 nav.woocommerce-MyAccount-navigation ul li {
z-index: 1 !important;
	display: inline-block;
	list-style: none;
	width: auto !important;
	padding: 0px 2px;
	border-top: 1px solid #ffc200;
	margin: 0 5px 10px 5px;
}

.page-id-4578 nav.woocommerce-MyAccount-navigation li a:hover {
color: #ffc200 !important;
	opacity: 1 !important;
}

.page-id-4578 nav.woocommerce-MyAccount-navigation {
	display: block !important;
	position: relative !important;
	height: auto;
	padding: 10px 5px;
	background-color: #f4f3f2;
}
.ld-profile-summary .ld-profile-stats {
border-radius: 12px !important;
}


@media only screen and  (max-width: 480px) {
	.page-id-4578 nav.woocommerce-MyAccount-navigation {
	display: block !important;
	position: relative !important;
	height: auto;
	padding: 0;
	background-color: #f4f3f2;
}
	.page-id-4578 nav.woocommerce-MyAccount-navigation ul {
text-align: center;
}
.page-id-4578 nav.woocommerce-MyAccount-navigation ul li {
}
	.page-id-4578 nav.woocommerce-MyAccount-navigation ul li a {
line-height: 1;
height: auto !important;
	padding-top: 0 !important;
		padding-bottom: 0 !important;
		margin-top: -5px !important;
}
	.page-id-4578 .wp-block-spacer {
		height: 20px !important;
	}	
		.page-id-4578	.ld-profile-summary .ld-profile-stats {
		padding: 0;
			border-radius: 12px !important;
	}
	.page-id-4578	.ld-profile-summary .ld-profile-stat {
		width: 30% !important;
	}
	.page-id-4578	.ld-profile-summary .ld-profile-stat span {
		font-size: 10px !important;
	}
		.page-id-4578	.ld-profile-summary .ld-profile-stat strong {
		font-size: 22px !important;
			line-height: 1;
			margin-bottom: 0 !important;
			padding-top: 8px
	}
	.learndash-wrapper #ld-profile .ld-profile-stats .ld-profile-stat {
		margin-bottom: 0 !important;
		padding-bottom: 8px !important
	}
	.learndash-wrapper #ld-profile .ld-profile-avatar {
		width: 80px;
		height: 80px;
	}
		.learndash-wrapper #ld-profile .ld-profile-heading {
font-size: 22px;
	}
			.learndash-wrapper #ld-profile .ld-profile-card {
margin-bottom: 5px;
	}
}

/** content **/

.page-id-4578 .woocommerce-MyAccount-content {
	display: block;
	position: relative;
	width: 100% !important;
	padding-top: 50px;
	padding-bottom: 0px;
}

.page-id-4578.logged-in h3.logged-in {
display: block;
}

.page-id-4578 h3.logged-in {
display: none;
}


/***  woocommerce login form ***/


.woocommerce button.woocommerce-button.button {
	background-color: #ffc200 !important;
	color: #191818 !important;
}
.woocommerce button.woocommerce-button.button:hover, .woocommerce button.woocommerce-button.button:focus {
	background-color: #d39c00 !important;
}

.woocommerce-form-login p.woocommerce-form-row:first-child label::before {
	content: 'Email address ';
	font-size: 16px;
}

.woocommerce-form-login p.woocommerce-form-row:first-child label {
font-size: 0;
}
.woocommerce-form-login p.woocommerce-form-row:first-child label::after {
	content: '*';
	font-size: 16px;
	color: red;
}

/*** Woocommerce shop page customization ***/
.woocommerce-result-count, form.woocommerce-ordering {
	display: none;
}

 ul.products li {
	background-color: #ffc200;
	border: 1px solid #ffc200;
}

 ul.products li.product_cat-cpd-female-body {
	background-color: #FF6955;
	border: 1px solid #FF6955;
}
 ul.products li.product_cat-cpd-menopause {
	background-color: #A68DFF;
	border: 1px solid #A68DFF;
}

 ul.products li.product_cat-cpd-puberty {
	background-color: #FF9843;
	border: 1px solid #FF9843;
}

 ul.products li.product_cat-postnatal {
	background-color: #f17ff4;
	border: 1px solid #f17ff4;
}


.product_cat-cpd-female-body .blogheader-content-container {
	background-color: #FF6955;
}
.product_cat-cpd-menopause .blogheader-content-container {
	background-color: #A68DFF;
}
.product_cat-cpd-puberty .blogheader-content-container {
	background-color: #ff9843;
}

.product_cat-postnatal .blogheader-content-container {
	background-color: #f17ff4;
}


.products li a::before {
background-color: transparent !important;
}

ul.products li a h2{
	list-style: none !important;
	text-indent: 0px;
	margin-left: 20px;
}

ul.products li h2{
	padding-left: 10px !important;
 padding-right: 10px !important;
	font-size: 20px !important;
	line-height: 1.2;
}

ul.products li .price{
text-indent: 0px;
padding-left: 10px !important;
padding-right: 10px !important;
font-size: 16px !important;
	color: #191818 !important;
}

ul.products li a.button{
text-indent: 0px;
	margin-left: 10px;
padding: 5px 10px !important;
font-size: 12px;
	height: auto !important;
color: #f9f8f7;
	line-height: 1.3 !important;
	margin-bottom: 20px;
	background-color: #191818;
		border: 1px solid #191818;
}

ul.products li a.button:hover, ul.products li a.button:focus{
	background-color: #ffc200;
		border: 1px solid #191818;
}
ul.products li a.added_to_cart {
	text-indent: 0px !important;
}

a.added_to_cart {
	margin-left: 10px;
padding: 5px 10px !important;
font-size: 12px;
	height: auto !important;
color: #191818;
	line-height: 1.3 !important;
	margin-bottom: 20px;
	background-color: transparent;
	border: 1px solid #191818;
	border-radius: 3px;
	text-indent: 0px !important;
}

.woocommerce a.checkout-button.button.alt, .woocommerce button#place_order.button.alt, .woocommerce button.wc-block-components-button {
font-size: 16px;
	height: auto;
background-color: #ffc200 !important;
	line-height: 1.3;
	margin-bottom: 20px;
	border-radius: 3px;
	color: #191818;
}

.wc-block-checkout h3 {
font-size: 	16px !important;
}

.woocommerce-info {
	border-top-color: #ffc200;
}
.woocommerce-info::before {
color: #ffc200;
}

.woocommerce-form-coupon-toggle {
margin-bottom: 20px;
}

/** coupon **/

.woocommerce input#coupon_code {
	width: 110px;
}

/*** Woocommerce product page 
***/

.product-template-default .blogheader .date, .product-template-default .blogheader p {
	display: none;
}

.product-template-default .blogheader p#breadcrumbs {
	display: block;
}

.product-template-default .blogheader-content-container {
	margin-bottom: 0px;
} 

@media only screen and  (max-width: 480px) {
	.product-template-default .blogheader-content-container {
		min-height: 550px !important;
	}
	
.product-template-default .blogheader-content-container .blogheader {
	margin-bottom: 120px;
}	
.product-template-default .blog-body-container  {
margin-top: -360px !important;
}
.woocommerce-product-details__short-description p {
		font-size: 16px !important;
	}		
}

@media only screen and  (min-width: 480px) {
	.product-template-default .blogheader-content-container .blogheader {
	margin-bottom: 200px;
}
.product-template-default .blog-body-container  {
margin-top: -290px !important;
}	
}

.product-template-default .woocommerce-product-gallery, .product-template-default .woocommerce-tabs ul.tabs, .woocommerce-Tabs-panel--description.panel h2 {
	display: none; 
}

 .product-template-default #tab-description h2 section h2 {
	display: block !important; 
}

.product-template-default .blog-container-sidebar {
	display: none !important;
}

.product-template-default .blog-container {
width: 100% !important;
min-width: 100% !important;
}

.woocommerce button, .woocommerce a.button .woocommerce .button {
	background-color:  #ffc200 !important;
	color: #191818 !important;
}

.woocommerce p.price .woocommerce-price-suffix {
	color: #42403f;
}

.woocommerce button.single_add_to_cart_button {color: #f9f8f7 !important;
background-color: #191818 !important;
}

.wcpay-express-checkout-wrapper {
	display: block !important;
	width: 100%;
}

#wcpay-express-checkout-element {
	display: block !important;
	width: 340px;
}


/*** Woocommerce extend membership product page ***/

/* menopause img */

#post-16373 p.price, #post-16348 p.price, #post-16374 p.price, #post-16377 p.price {
	display: none;
}


@media only screen and  (min-width: 480px) {	
	.product-template-default .blogheader-content-container .blogheader {
	margin-bottom: auto;
}
.product-template-default .blog-body-container  {
margin-top: auto !important;
}	
	
	.product-template-default .product_cat-membership-renewal .blogheader h1 {
padding-top: 50px;
		text-align: center;
}
	.product-template-default .product_cat-membership-renewal .summary p.price,  	.product-template-default .product_cat-membership-renewal .summary form  {
width: 100%;
text-align: center !important;
}	
.product-template-default .product_cat-membership-renewal .summary form.cart button  {
width: 33%;
	margin-left: 33%;
}
	.product-template-default .product_cat-membership-renewal .woocommerce-tabs {
		padding-bottom: 100px;
	}
}

.product-template-default section.related.products, .product-template-default .product_cat-membership-renewal .comments-container, .product-template-default .product_cat-membership-renewal .social-share-container {
	display: none;
}

.product-template-default .product_cat-membership-renewal .blog-container p {
	text-align: center;
}

/* only-members notice */

.product-template-default .product_cat-membership-renewal .woocommerce-info {
	border: 2px solid #ffc200 !important;
	background-color: none;
	text-align: center;
}


.product-template-default .product_cat-membership-renewal .woocommerce-info::before {
	display: none;
}


/*** Product Page ***/

.product-template-default .product .summary {
	display: flex !important;
	flex-wrap: wrap;
	width: 100% !important;
	position: relative !important;
} 

.product-template-default .summary .woocommerce-product-details__short-description {
	margin-bottom: 40px;
	font-size: 20px;
}

.product-template-default .product .product_meta {
	display: none;
}

/*** product page cart ***/

.product-template-default .woocommerce-cart-form, .product-template-default .woocommerce {
	margin-top: 50px;
}
.product-template-default .woocommerce-cart-form::before {
content: 'Cart';
	Display: block;
		border-top: 1px solid #ffc200 !important;
	padding-bottom: 30px;
	font-size: 2em;
	font-family: 'Georgia', Times-New-Roman, serif;
	color: #191818;
}

.woocommerce-cart-form td.product-thumbnail, .woocommerce-cart-form td.product-thumbnail img {
	width: 120px !important;
}

.product-template-default .previous-next-blog {
	display: none;
}


.woocommerce-cart-form table thead th:nth-child(6), .woocommerce-cart-form table tbody td:nth-child(6){
	text-align: right;
	padding-right: 20px;
}

.woocommerce a.remove {
	color: #FF6955 !important;
}

/*** checkout page ***/


.woocommerce-cart p.return-to-shop{
text-align: center;
}
.woocommerce-cart p.return-to-shop a.button.wc-backward {
background-color: #ffc200;
	color: #191818;
	border-radius: 12px;
	padding: 10px 30px;
}


ul.wc_payment_methods {
	padding-top: 0 !important;
}

ul.wc_payment_methods li {
	text-indent: 0;
	padding-left: 0;
	padding-top: 0;
}

.woocommerce-checkout #payment div.payment_box {
	background-color: #ffc200;
}


.woocommerce-checkout #payment div.payment_box::before {
	border-bottom-color: #ffc200;
}


bdi {
	color: #191818;
}
.woocommerce ul.tabs.wc-tabs li#tab-title-description, .woocommerce ul.tabs.wc-tabs li#tab-title-additional_information {
	text-indent: 0px !important;
	color: #191818 ;
		font-weight: 300 !important;
}
.woocommerce ul.tabs.wc-tabs li#tab-title-description a, .woocommerce ul.tabs.wc-tabs li#tab-title-additional_information a{
	letter-spacing: 01px;
		font-weight: 400 !important;
}

/*** Woocommerce link underline removed ***/

.woocommerce a::before, .woocommerce li a::before, .woocommerce h2 a::before, .woocommerce h3 a::before, .woocommerce h4 a::before, 
.woocommerce h5 a::before {
	background-color: transparent !important;
}

/*** Order Overview ***/

.woocommerce-order ul.woocommerce-order-overview li  {
	text-indent: 0px !important;
border-right: 2px solid #ffc200 !important;
}

/** course signup page **/
form#wpforms-form-9112 {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
}

#wpforms-9112-field_3-container, #wpforms-9112-field_8-container {
	vertical-align: middle !important;
	text-align: left;
	min-width: 100% !important;
	padding: 10px 0 0 0;
	margin: 0;
}

form#wpforms-form-9112 .wpforms-submit-container, #pum-10989 #wpforms-10148 .wpforms-submit-container {
text-align: center;
	margin-left: auto;
	margin-right: auto;
margin-top: 10px;
}

form ul#wpforms-9112-field_3 li.choice-1.depth-1 {
	margin-top: 5px !important;
	padding-top: 5px !important;
	border-top: 2px solid #ffc200 !important;
}

form #wpforms-9112-field_8-container label.wpforms-field-label {
	text-align: center;
	border-bottom: 2px solid #ffc200;
	padding-bottom: 5px;
	font-family: 'Georgia', serif;
	font-weight: 700;
	font-size: 20px;
	margin: 0 0 10px 0;
}


#wpforms-confirmation-9112 {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}


/*** Newsletter signup Klaviyo Form Page ***/

.page-id-20056 {
	background-color: #ffc200;
	background-image: url("https://thewell-hq.com/wp-content/uploads/2025/07/the-well-hq-4-guided-coaching-female-body-course-pattern.png");
  background-repeat: no-repeat;
  background-attachment: fixed;
}

#post-20056 .klaviyo-form {
	max-width: 900px;
	margin-left: auto;
	margin-right: auto;
}


.woocommerce p.article-author {
	display: none;
}



/*** My Account Page Form ***/


#pum-10989 #wpforms-10148 {
	max-width: 450px;
}


#pum-10989 #wpforms-10148 .choices__inner {
	border: 1px solid #82807e !important;
font-weight: 400 !important;
}

#pum-10989 #wpforms-10148 .wpforms-field {
min-width: 100% !important;
}

/*** Cookies **/
button.cky-show-desc-btn, .cky-accordion-header .cky-always-active  {
	color: #191818 !important;
}

.cky-btn {
	line-height: 1 !important;
	padding: 5px 25px !important;
}

button.cky-btn.cky-btn-customize, button.cky-btn.cky-btn-reject {
	background-color: #f9f8f7 !important;
	border-width: 1px !important;
	color: grey !important;
}
button.cky-btn.cky-btn-customize::after {
	top: 14px !important;
}

.cky-footer-wrapper div:last-child {display: none !important;}




#pp-table-1 table th, #pp-table-2 table th {
border: 1px solid #c6c4c2;
	background-color: #f4f3f2;
	padding: 5px;
	vertical-align: top;
}

#pp-table-1 table td, #pp-table-1 table th, #pp-table-2 table td, #pp-table-2 table th {
border: 1px solid #c6c4c2;
	padding: 5px;
}

#pp-table-1 table ul li, #pp-table-2 table ul li {
	padding: 0;
}

table td.width-1 {
	width: 15%;
}

table td.width-2 {
	width: 55%;
}


@media only screen and  (max-width: 928px) {
	#pp-table-1 table td, 	#pp-table-1 table th, #PP-table-2 table td, 	#pp-table-2 table th {	
	  display: flex !important; 
		flex-wrap: wrap !important;
		position: relative; 
		flex-direction: column;
	}
	#pp-table-1 table tr, #pp-table-2 table tr {
		border: 1px solid #ffc200;
	}
	#pp-table-1 table ul, #pp-table-1 table td, #pp-table-2 table ul, #pp-table-2 table td {
		display: block;
		width: 100%;
	}
	
}

@media only screen and  (max-width: 400px) {
	#pp-table-1 table td, 	#pp-table-1 table th, #PP-table-2 table td, 	#pp-table-2 table th {	
		max-width: 270px;
	}
}

/* Reporting */

.page-id-15836 header {
	padding-top: 100px;
}

/* Safer Sport Popup */


#popmake-15879 a.pum-close.popmake-close {
	padding: 8px 30px;
	color: #f9f8f7;
	background-color: #191818;
	text-decoration: none;
	border-radius: 10px;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

#popmake-15879 .wpb_wrapper {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

#popmake-15879 a.pum-close:hover, #popmake-15879 a.pum-close:focus {
	color: #ffc200 !important;
}

main {
min-height: 90vh;
}

/*linear progression popup */
.pum-close.popmake-close.approve-btn {
	background-color: #191818;
	padding: 10px 60px;
	text-align: center;
	display: block;
	max-width: 200px;
	border-radius: 8px;
	color: #f9f8f7;
	margin: auto;
}

/* Cohort 2025 */

.product_cat-cohorts .blogheader h1 {
	text-align: center;
}
.product_cat-cohorts p.price {
display: none !important;
}

.product_cat-cohorts .wcpay-express-checkout-wrapper {
display: none !important;
}

.product_cat-cohorts .woocommerce {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.product_cat-cohorts .woocommerce form.cart .quantity {
	display: none;
}
.product_cat-cohorts .woocommerce form.cart{
min-width: 50%;
display: inline-block;
}
.product_cat-cohorts .woocommerce form.cart button{
min-width: 100%;
}

.cohort-course-container {
	padding-top: 20px;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	margin-left: auto !important;
	margin-right: auto;
}
.product_cat-cohorts .woocommerce .wp-caption {
	font-size: 20px !important;
	background-color: #f4f3f2;
	padding: 0;
margin: 0;
	flex: 1 0 350px;
	border-radius: 8px;
}

.product_cat-cohorts .woocommerce .wp-caption img {
	border-radius: 4px;
	padding-top: 3px;
}

.product_cat-cohorts .woocommerce .wp-caption p {
	font-size: 18px;
	padding-top: 12px;
	padding-bottom: 14px;
	font-weight: 600;
}

/* quotes slider */

.wpb_posts_slider .flexslider, .wpb_posts_slider .flex-caption {
	border: none !important;
	background-color: rgba(1, 1, 1, 0);
	text-align: center;
}
@media only screen and  (min-width: 928px){
.wpb_posts_slider .flexslider, .wpb_posts_slider ul.slides {
	max-width: 92%;
	margin: auto 4%;
}	
}


.wpb_posts_slider .flexslider h2 {
font-size: 22px;
	font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif;
}

.wpb_posts_slider .flexslider {
font-size: 20px;
font-weight: 500;
}


/* Guided coaching sales page */

@media only screen and  (max-width: 2800px) and  (min-width: 1080px) {
	.post-19902 .guided-coaching {
		min-height: 70vh;
	}	
}

.guided-coaching p.product.woocommerce.add_to_cart_inline {
	text-align: left;
}

.dark p.product .amount bdi, .dark p.product .woocommerce-price-suffix, .dark h3, .dark h4, .dark h5 {
	color: #f9f8f7;
		font-size: 150%;
}

.dark a.button, .dark-btn a.vc_general.vc_btn3 {
	background-color: #ffc200 !important;
	color: #191818 !important;
}

.dark-btn a.vc_general.vc_btn3 {
	padding: 8px 30px;
	font-size: 16px;
}


iframe {
	border-radius: 8px;
}





/*------------------------------------*\
END CUSTOM CSS 
\*------------------------------------*/




.hoverbox .vc_column-inner {
border-width: 2px;
	border-color: rgba(255, 194, 0, 0.9);
	border-style: solid;
background-color: #191818;
	background-size: 120%;
-webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.hoverbox .vc_column-inner:hover {
	  transform: scale(1.1);
}



#publications-row-1 .wpb_column, #publications-row-2 .wpb_column {
	min-width: 300px;
}




/*************.   CUSTOM BUTTON ******************/

.element-container .center {
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
	text-align: center;
	align-items: center;	
	width: 100%;
}

.wpb_wrapper .center, .center .wpb_wrapper , button .center, .center {
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
	text-align: center;
	align-items: center;
}


		
@media (min-width: 400px) {
.btn, button {
    width: auto;
  }
}


/*********  BUTTON JSUT TEXT WITH ARROW ***********/

.publication h6 {
	font-weight: 300 !important;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	font-size: 16px;
}

.publications .vc_general.vc_btn3 {
border-width: 1px !important;
}


.publications a.vc_general.vc_btn3:hover, .publications a.vc_general.vc_btn3:focus {
	color: #f9f8f7 !important;
		-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}


.vc_general.vc_btn3:hover > i {
right: 15px !important;
color: #f9f8f7 !important;
}

.yellow .vc_general.vc_btn3:hover > i {
color: #191818 !important;
}



.dark .vc_general.vc_btn3 {
margin-top: 20px;
padding: 0;
font-size: 14px;
letter-spacing: 1px;
	text-transform: uppercase;
	color: #A3A09F !important;
		background-color: transparent !important;
		-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
font-weight: 700;
}
.dark .vc_general.vc_btn3:hover, .vc_general.vc_btn3:focus {
	color: #FFC200 !important;
}


.light-yellow .vc_general.vc_btn3 {
	color: #191818;
	padding-left: 0 !important;
	font-weight: 700;
	background-color: transparent !important;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out
}


/******** BUTTON PINK ******/

a.vc_general.vc_btn3 {
	color: #191818;
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 30px;
	padding-right: 30px;
}


.yellow a.vc_general.vc_btn3 {
	background-color: #FFC200 !important;
	border-color: #FFC200 !important;
}


.pink a.vc_general.vc_btn3 {
	background-color: #ED7966 !important;
	border-color: #ED7966 !important;
}


.purple a.vc_general.vc_btn3 {
	background-color: #9A85E5 !important;
	border-color: #9A85E5 !important;
}


.green a.vc_general.vc_btn3 {
	background-color: #0F9389 !important;
	border-color: #0F9389 !important;
}


/*** LOGIN BUTTON ***/

#menu-item-1496 a {
	background-color: #191818;
	border-radius: 50px;
	padding: 10px 30px;
	color: #f9f8f7 !important;
}

li#menu-item-1496 a:before {
	background-color: transparent !important;
}

#menu-item-1496 a:hover, #menu-item-1496 a:focus {
	color: #FFC200 !important;
}


/***** COOKIES BUTTON ***/

.cn-button.bootstrap {
background-color: #FFC200 !important;
}

/**************** CUSTOM ELEMENTS ******************/


input .wpforms-field-large, input .wpforms-field-required, input .wpforms-field-email, .wpforms-form input, .wpforms-form textarea {
	background-color: rgba(255, 255, 255, 0.4) !important;
	border-color: #82807e !important;
}


/*** WEBINARS LIST ***/

.webinars-list ul li, .webinars-topics ul li  {
padding-top: 0;
padding-bottom: 0;
font-size: 15px !important;
}

.webinars-list li  {
letter-spacing: 1px;
}

.webinars-description p {
font-size: 15px !important;
}

.logos {
	max-width: 150px;
	margin-left: auto;
	margin-right: auto;
	padding-left: auto;
	padding-right: auto;
}


/************ FOOTER****/


.page-not-found {
	height: 100vh;
	padding-top: 30vh;
	Padding-bottom: 50px;
}



.align-right {
text-align: right;
padding-left: auto;
	padding-right: 0;
}


footer span.social-icon a::before, footer div.logo a::before {
	background-color: transparent !important;
}


footer {
	background-color: #191818;
	color: #f9f8f7;
		padding: 30px 0;
}

footer .grid-container {
	width: 100%;
	position: relative;
 display: flex;
justify-content: space-between;
	flex-wrap: wrap;
}

footer.logo {
	width: 140px;
	height: auto;
	display: block;
	position: relative;
}

footer .social-icon {
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
	text-align: left;
	align-items: left;
	margin-left: 11px
}


footer a {
	color: #f9f8f7 !important;
}

footer a:before {
		top: 18px !important;
}
footer .legal a:hover {
	color: #FFC200 !important;
}

.grid-item {
	padding: 10px 0;
}

.grid-item .copyright, .grid-item .legal {
	color: #A3A09F;
	font-size: 12px;
	letter-spacing: 1px;
}

.legal, .social-items {
	text-align: right !important;
}


.vc_gitem-post-data {
	margin-bottom: 3px !important;
	font-size: 14px !important;
	color: #FFC200 !important;
}


.vc_grid-filter{
	text-align: left !important;
	margin-left: 0;
	margin-right: auto;
	padding-left: 0;
	padding-right: auto;
}

span.vc_gitem-post-category-name {
border-right: 1px solid #42403F !important;
	padding-right: 6px !important;
}

.vc_gitem-post-category-name:hover, .vc_gitem-post-category-name:focus{
background-color: transparent !important;
	color: #FFC200 !important;
	cursor: text;
}

#blog .vc_col-sm-12.vc_gitem-col {
	padding: 20px !important;
}

#blog .vc_col-sm-12.vc_gitem-col h4 {
	padding-top: 20px !important;
}

li.vc_grid-filter-item {
	background: none !important;
	color: #42403F !important;
	text-transform: uppercase; 
	font-size: 14px !important;
	letter-spacing: 1px;
}

.blogheader p {
	margin-right: 0 !important;
	margin-left: auto !important;
	font-size: 14px;
	letter-spacing: 1px;
}

.blogheader #breadcrumbs {
	margin-bottom: 30px;
}

.blogheader h4 {
	margin-right: 0 !important;
	margin-left: auto !important;
	text-align: right;
	padding-bottom: 20px;
}


.category-grid-container {
	margin-bottom: 100px;
}
.category-grid .img-grid-container img {
max-width: 120%;
height: auto;
margin-left: -10%;
}


.wpforms-submit-container button[type=submit] {
	padding-left: 30px !important;
	padding-right: 30px !important;
	text-transform: uppercase !important;
	font-size: 14px !important;
	letter-spacing: 1.2px !important;
}

h4 {
	padding-bottom: 10px;
}

li.vc_active.vc_grid-filter-item {
	background: none !important;
	border: 1px solid #191818;
}

li.vc_active.vc_grid-filter-item span {
	color: #191818 !important;
}

li.vc_grid-filter-item span:hover {
	color: #FFC200 !important;
}


.profile img {
	border: 1px solid #FFC200;
-webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.profile img:hover {
	border-radius: 150px;
}

/********* BLOG PAGE SUCTOMISED ***********************/

.blogheader {	
padding-top: 100px;
	padding-bottom: 50px;
}


/*********** WP FORMS LITE CUSTOMISED ***************/



@media only screen and (max-width:480px) {
.wpforms-field.wpforms-field-checkbox, .wpforms-field .wpforms-field-checkbox, .wpforms-field-checkbox  {
	width: 100% !important;
	max-width: 100% !important;
	min-width: 125px !important;
}
}



@media only screen and (min-width:480px) {
.wpforms-field.wpforms-field-checkbox, .wpforms-field .wpforms-field-checkbox, .wpforms-field-checkbox {
	max-width: 5vw;
	min-width: 125px !important;
}
}


button.wpforms-submit {
	background-color: #191818 !important;
	color: #FFC200 !important;
	border: none !important;
	border-radius: 2px !important;
}

button.wpforms-submit:hover, button.wpforms-submit:focus {
	background-color: #FFC200 !important;
	color: #191818 !important;
}


.category-grid-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
justify-content: space-between;
width: 100%;
  gap: 30px;
}

@media only screen and (min-width: 600px) {
.category-grid {
	min-width: 250px;
}
}

.category-items {
	padding: 20px;
}
.data p, .data {
	color: #63615f;
}

.data .excerpt p, .data a {
	line-height: 1.1;
	font-size: 14px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-bottom: 20px;
}

.data h5 {
margin-top: 20px;
margin-bottom: 10px;
line-height: 1;
}

.data h5 a {
color: #191818;
font-size: 20px;
}
.data h5 a:before {
	background-color: transparent !important;
}
.data h5 a:hover {
color: #63615f;
background-color: transparent !important;
}

.data a {
color: #191818;
}


button.view {
	padding: 0 20px !important;
	border-radius: 8px;
	border: none;
	background-color: #ffc200;
	-webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.data button.view a {
color: #191818 !important;
font-weight: 400;
padding: 0;
margin: 0;
line-height: 1;
}

button.view:hover, button.view:focus {
background-color: #d39c00;
}

/**** COURSE ITEM  DETAILS *************/

.overview td {
	font-size: 14px; 
	line-height: 16px;
	letter-spacing: 1px;	
	height: 26px;
	padding-right: 40px !important;
}

.overview h4 {
padding-top: 20px;
}


/*** SHARING BOX ***/

.sharing-box {
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: right !important;
}

.sharing-box-name {
	padding-bottom: 10px;
}


a.share-button {
	margin-top: 20px;
	margin-bottom: 10px;
	padding-left: 5px;
}


/*------------------------------------*\
	TYPOGRAPHY IMPORTS
\*------------------------------------*/






/* ==== LOGO: twhq-logo-dark.svg on light backgrounds, twhq-logo-white.svg on dark ones (white one sits on top, hidden) ==== */
#header .logo a { position: relative; display: inline-block; }
#header .logo img { height: auto; display: block; }
#header .logo .logo-img--white { position: absolute; left: 0; top: 0; opacity: 0; pointer-events: none; }
/* v1.5: the white logo (top bar) has its emblem and is taller than the dark wordmark. On desktop both share one box with
   the white logo's shape, the dark wordmark centred in it, so the box never changes size between the two bar states. */
@media only screen and (min-width: 1280px) {
	#header .logo a { display: block !important; flex: 0 0 auto; width: 100% !important; aspect-ratio: 2103.653 / 339.3; height: auto; }
	#header .logo .logo-img--dark, #header .logo .logo-img--white { position: absolute; left: 0; top: 50%; translate: 0 -50%; width: 100% !important; max-width: none !important; }
}
@media only screen and (min-width: 1280px) {
	#header.twhq-land:not(.top-nav-fixed) .logo .logo-img--white { opacity: 1; }
	#header.twhq-land:not(.top-nav-fixed) .logo .logo-img--dark { opacity: 0; }
}
/* sizes for the slimmer wordmark (about 9:1) */
#header .logo, #header .logo img { width: 230px; }
#header.top-nav-fixed .logo, #header.top-nav-fixed .logo img { width: 180px; }
footer .logo img { width: 240px; height: auto; max-width: 100%; }
@media only screen and (max-width: 768px) { footer .logo img { width: 200px; } }
@media only screen and (max-width: 480px) {
	#header .logo, #header .logo img { width: 180px; max-width: 180px; }
	footer .logo img { width: 160px; max-width: 160px !important; }
}

/* ==== BRAND PALETTE (child theme v1.2) - every colour, button and corner below comes from these ==== */
:root {
	--twhq-n50: #F9F8F7; --twhq-n100: #F4F3F2; --twhq-n200: #E0DCDA; --twhq-n300: #C6C4C2; --twhq-n400: #A3A09F;
	--twhq-n500: #82807E; --twhq-n600: #63615F; --twhq-n700: #42403F; --twhq-n800: #282524; --twhq-n900: #191818;
	--twhq-y100: #FFE1A4; --twhq-y: #FFC200; --twhq-y600: #EAAD00; --twhq-y700: #D39C00;
	--twhq-radius: 8px; --twhq-radius-sm: 6px;
	--twhq-shadow-soft: 0 2px 12px rgba(25, 24, 24, .1);
	--twhq-ease: cubic-bezier(.65, 0, .35, 1);
	--twhq-nav-dark: rgba(25, 24, 24, .8);   /* top bar before scrolling (#191818 at 80%) */
	--twhq-nav-on-dark: #F9F8F7;              /* text and outlines on that bar (hover: #FFC200) */
	--twhq-nav-hover-light: #664600;          /* hover on the light (scrolled / phone) menu */
	--twhq-nav-light: #F9F8F7;                /* bar after scrolling (solid) */
	--twhq-land-h: 166px;                     /* top bar height (v1.5: 152px + 14px for the taller logo with its emblem) */
	--twhq-warm: #FFF9F0;                     /* hover background of light-grey cards */
	--twhq-sb-w: 340px;                       /* sidebar width on laptops and desktops (v1.5: 340px at every size) */
	--twhq-hero-top: calc(var(--twhq-land-h) + 100px); /* top space of the first section: bar height + 100px to breathe */
	--twhq-bar-h: 96px;                       /* scrolled bar (v1.3: 96px, logo and links centred) */
}

/* ==== HEADER + MOBILE MENU (child theme v1.2) =========================================
   Phones, tablets and small laptops (under 1280px): logo and hamburger centred on one row; the hamburger morphs into a
   round dark X; the menu glides in with its links appearing one after another; the page behind does not scroll.
   Menu links are plain text; My Account, Log out and the cart are outline buttons; sub-menu items are left-aligned
   and start on the same line as the button labels. */
@media only screen and (max-width: 1279.98px) {
	#header nav { height: 68px; padding-top: 0; }
	#header.top-nav-fixed nav { height: 60px; }
	#header nav .nav-wrapper { display: flex; align-items: center; height: 100%; position: relative; }
	#header nav .nav-top { float: none; flex: 1 1 100%; width: 100%; min-width: 0; height: 100%; }
	#header nav .nav-top .container { display: flex; align-items: center; height: 100%; padding-top: 0 !important; padding-bottom: 0 !important; }
	#header .logo-container { float: none; padding-top: 0 !important; display: flex; align-items: center; }
	#header .logo, #header .logo a { display: flex; align-items: center; }
	/* hamburger / X: its right edge lines up with the menu content (site.js measures it) */
	/* the bar uses the same container as the page content: logo on its left edge, hamburger / X on its right edge */
	header nav button.mobile-nav { float: none; flex: 0 0 auto; width: 44px; height: 44px; padding: 0; margin: 0; line-height: 1;
		position: absolute; top: 50%; right: var(--twhq-burger-mr, 5%); transform: translateY(-50%); z-index: 3;
		display: flex; align-items: center; justify-content: center; /* lines centred in the button, so the hamburger and the X share one centre */ border-radius: 50%; cursor: pointer; border: 0;
		background-color: transparent !important; transition: background-color .35s var(--twhq-ease); -webkit-tap-highlight-color: transparent; }
	header nav button.mobile-nav[aria-expanded="true"] { background-color: var(--twhq-n800) !important; }
	header nav button.mobile-nav[aria-expanded="true"]:hover { background-color: var(--twhq-n900) !important; }
	header nav button.mobile-nav:focus-visible { outline: 2px solid var(--twhq-n900); outline-offset: 2px; }
	header nav .icon-menu-toggle { width: 22px; height: 22px; overflow: visible; transition: width .35s var(--twhq-ease), height .35s var(--twhq-ease); }
	header nav .mobile-nav[aria-expanded="true"] .icon-menu-toggle { width: 18px; height: 18px; }
	header nav .svg-menu-toggle .line { fill: var(--twhq-n900); transform-box: fill-box; transform-origin: center; /* each bar turns around its own centre: an even X in every browser */
		transition: transform .45s cubic-bezier(.77, 0, .18, 1), opacity .25s ease, fill .35s ease; }
	header nav .mobile-nav[aria-expanded="true"] .line { fill: var(--twhq-n50); }
	header nav .mobile-nav[aria-expanded="true"] .line-1 { transform: translateY(30px) rotate(45deg); }
	header nav .mobile-nav[aria-expanded="true"] .line-2 { opacity: 0; transform: scaleX(0); }
	header nav .mobile-nav[aria-expanded="true"] .line-3 { transform: translateY(-30px) rotate(-45deg); }

	/* the open menu: starts under the logo bar, only as tall as its links + 72px, page dimmed below; tap outside = close */
	header .sidebar { margin: 0 !important; top: 68px; border-top: 1px solid var(--twhq-n300); height: auto !important; max-height: calc(100vh - 68px); max-height: calc(100dvh - 68px); padding: 16px 0 40px !important;
		overflow-y: auto; background: var(--twhq-n50); border-bottom: 1px solid var(--twhq-n200);
		box-shadow: 0 2px 12px rgba(25, 24, 24, .1), 0 0 0 100vmax rgba(25, 24, 24, .25); clip-path: inset(0 0 -100vmax 0); overscroll-behavior: contain;
		opacity: 0; visibility: hidden; transform: translateY(-12px);
		transition: opacity .35s ease, transform .45s cubic-bezier(.22, 1, .36, 1), visibility 0s linear .45s; }
	#header.top-nav-fixed .sidebar { top: 60px; max-height: calc(100vh - 60px); max-height: calc(100dvh - 60px); }
	header .sidebar.open { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
	header .sidebar .menu > li { opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .4s cubic-bezier(.22, 1, .36, 1); }
	header .sidebar.open .menu > li { opacity: 1; transform: none; }
	header .sidebar.open .menu > li:nth-child(1) { transition-delay: .06s; }
	header .sidebar.open .menu > li:nth-child(2) { transition-delay: .09s; }
	header .sidebar.open .menu > li:nth-child(3) { transition-delay: .12s; }
	header .sidebar.open .menu > li:nth-child(4) { transition-delay: .15s; }
	header .sidebar.open .menu > li:nth-child(5) { transition-delay: .18s; }
	header .sidebar.open .menu > li:nth-child(6) { transition-delay: .21s; }
	header .sidebar.open .menu > li:nth-child(7) { transition-delay: .24s; }
	header .sidebar.open .menu > li:nth-child(8) { transition-delay: .27s; }
	header .sidebar.open .menu > li:nth-child(9) { transition-delay: .30s; }
	header .sidebar.open .menu > li:nth-child(n+10) { transition-delay: .33s; }

	/* menu items: Inter Semibold with room above and below; items with sub-items get a yellow arrow on the right.
	   Sub-menu: Inter Regular, on the same left edge as the main items, between two thin yellow lines. */
	#header .sidebar .menu > li:not(.twhq-nav-btn):not(.wpmenucartli) > a { display: flex !important; align-items: center; justify-content: space-between;
		padding: 9px 0 !important; margin: 0 !important; font-weight: 600 !important; line-height: 1.25 !important; text-align: left !important; }
	#header .sidebar .menu > li:not(.twhq-nav-btn):not(.wpmenucartli) > a span { font-weight: inherit !important; }
	#header .sidebar li.menu-item-has-children > a::after { width: 20px; height: 20px; margin-left: 16px; flex: 0 0 auto; background-color: var(--twhq-y) !important; vertical-align: middle;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 8l9 9 9-9' fill='none' stroke='%23000' stroke-width='2'/%3E%3C/svg%3E") center / contain no-repeat; }
	header .sidebar ul.sub-menu { box-sizing: border-box; width: 100%; float: none !important; clear: both; margin: 6px 0 8px !important; padding: 8px 0 !important; /* in the flow, so the next item sits below it */
		border-top: 1px solid var(--twhq-y); border-bottom: 1px solid var(--twhq-y); border-radius: 0; background: none !important; text-align: left !important; }
	#header .sidebar ul.sub-menu li, #header .sidebar ul.sub-menu li a { text-align: left !important; }
	#header .sidebar ul.sub-menu li { margin: 0 !important; padding: 0 !important; }
	#header .sidebar ul.sub-menu li a { display: block !important; padding: 9px 0 !important; margin: 0 !important; font-weight: 400 !important; line-height: 1.25 !important; }
	#header .sidebar ul.sub-menu li a span { font-weight: inherit !important; }

	/* My Account / Log out / cart: full-width outline buttons, stacked */
	#header .sidebar li.twhq-nav-btn, #header .sidebar li.wpmenucartli { margin: 12px 0 0 !important; padding: 0 !important; width: 100%; }
	#header .sidebar .menu > li:not(.twhq-nav-btn):not(.wpmenucartli) + li.twhq-nav-btn,
	#header .sidebar .menu > li:not(.twhq-nav-btn):not(.wpmenucartli) + li.wpmenucartli { margin-top: 20px !important; }
	#header .sidebar li.twhq-nav-btn > a, #header .sidebar li.wpmenucartli > a { box-sizing: border-box; display: flex !important; align-items: center; justify-content: center; gap: 8px; width: 100%; text-align: center !important;
		min-height: 46px; padding: 10px 20px !important; border-radius: var(--twhq-radius); background-color: transparent !important;
		box-shadow: inset 0 0 0 2px var(--twhq-n900); color: var(--twhq-n900) !important; text-decoration: none;
		transition: box-shadow .25s ease, color .25s ease; }
	#header .sidebar li.twhq-nav-btn > a *, #header .sidebar li.wpmenucartli > a * { color: inherit !important; }
	#header .sidebar li.twhq-nav-btn > a:hover, #header .sidebar li.twhq-nav-btn > a:focus-visible,
	#header .sidebar li.wpmenucartli > a:hover, #header .sidebar li.wpmenucartli > a:focus-visible { box-shadow: inset 0 0 0 2px var(--twhq-nav-hover-light); color: var(--twhq-nav-hover-light) !important; }
	/* phone menu links: #191818, hover #664600 */
	#header .sidebar .sidebar-links li a, #header .sidebar .sidebar-links li a span { color: var(--twhq-n900); }
	#header .sidebar .sidebar-links li:not(.twhq-nav-btn):not(.wpmenucartli) a:hover, #header .sidebar .sidebar-links li:not(.twhq-nav-btn):not(.wpmenucartli) a:hover span,
	#header .sidebar .sidebar-links li:not(.twhq-nav-btn):not(.wpmenucartli) a:focus-visible { color: var(--twhq-nav-hover-light) !important; }
	/* phone menu: the page you are on */
	#header .sidebar .sidebar-links li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent):not(.twhq-nav-btn):not(.wpmenucartli) > a,
	#header .sidebar .sidebar-links li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent):not(.twhq-nav-btn):not(.wpmenucartli) > a span { color: var(--twhq-nav-hover-light) !important; }
	#header .sidebar li.twhq-nav-btn:is(.current-menu-item, .current_page_item) > a { box-shadow: inset 0 0 0 2px var(--twhq-nav-hover-light); color: var(--twhq-nav-hover-light) !important; }
	html.twhq-menu-open, html.twhq-menu-open body { overflow: hidden; }
}

/* Cart button in the menu only when there is something in the cart (works with the WP Menu Cart plugin and with the
   theme's own menu cart; it reappears by itself when a course is added, as the cart link updates without a reload). */
#header li.wpmenucartli:has(> a.empty-wpmenucart-visible) { display: none !important; }

/* Dropdown arrow on every menu item that has sub-items (desktop and mobile). It is drawn in the link's own text
   colour, so it follows the normal, active and hover colours automatically. */
#header nav li.menu-item-has-children > a::after {
	content: ""; display: inline-block; width: .62em; height: .62em; margin-left: .42em; vertical-align: .08em;
	background-color: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 4l4.5 4.5L10.5 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M1.5 4l4.5 4.5L10.5 4' fill='none' stroke='%23000' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .35s var(--twhq-ease);
}

/* Desktop (1280px and wider) - two states of one bar, animated between:
   top of page ("land"): #191818 at 80%, larger white logo centred, menu centred below it, all in #F4F3F2.
   after scrolling: solid #F9F8F7 bar with a very light shadow, dark logo on the left, links on the right.
   The logo and menu glide between the two positions (offsets measured by site.js -> --twhq-* variables).
   The sideways and up/down parts of the glide run separately (sideways first, then down; the reverse on the way back),
   so the logo travels along a smooth curve instead of a straight diagonal. */
@media only screen and (min-width: 1280px) {
	#header nav { border-bottom: 0 !important; transition: background-color .9s var(--twhq-ease), box-shadow .9s var(--twhq-ease) !important; }
	#header.top-nav-fixed nav { background: var(--twhq-nav-light) !important; box-shadow: var(--twhq-shadow-soft) !important; border-bottom: 1px solid var(--twhq-n200) !important; }
	#header nav .container { height: var(--twhq-bar-h); padding-top: 0 !important; padding-bottom: 0 !important; transition: height .9s var(--twhq-ease); }
	#header .logo-container { transform-origin: center center; will-change: transform, translate; }
	#header .logo-container, #header .logo, #header .logo a { display: flex; align-items: center; line-height: 0; }
	#header .items-right { will-change: transform, translate; }
	/* to the compact bar: sideways first, then down (the two overlap so the motion stays continuous) */
	#header .logo-container, #header .items-right { transition: translate 1s var(--twhq-ease), transform .75s var(--twhq-ease) .4s; }
	/* back to the top: up first, then sideways */
	#header.twhq-land:not(.top-nav-fixed) .logo-container, #header.twhq-land:not(.top-nav-fixed) .items-right { transition: transform .75s var(--twhq-ease), translate 1s var(--twhq-ease) .3s; }
	#header .logo img { transition: opacity .9s var(--twhq-ease), width .9s var(--twhq-ease); }

	#header.twhq-land:not(.top-nav-fixed) nav { background-color: var(--twhq-nav-dark); }
	#header.twhq-land:not(.top-nav-fixed) nav .container { height: var(--twhq-land-h); }
	/* "translate" = sideways move, "transform" = up/down move + logo size */
	#header.twhq-land:not(.top-nav-fixed) .logo-container { translate: var(--twhq-logo-dx, 0px) 0; transform: translateY(var(--twhq-logo-dy, 0px)) scale(1.3); }
	#header.twhq-land:not(.top-nav-fixed) .items-right { translate: var(--twhq-menu-dx, 0px) 0; transform: translateY(var(--twhq-menu-dy, 0px)); }

	/* menu links: light on the dark bar (hover: brand yellow), brand dark after scrolling (hover: grey) */
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a span { color: var(--twhq-nav-on-dark) !important; }
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a:hover,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a:focus,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli):hover > a,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a:hover span,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli):hover > a span { color: var(--twhq-y) !important; }
	/* hover / current-page underline: 2px, in the hover colour, level with the bottom edge of the outline buttons */
	#header nav .nav-top .nav-right li:not(.twhq-nav-btn):not(.wpmenucartli) > a:before { height: 2px !important; bottom: -5px !important; background-color: var(--twhq-nav-hover-light) !important; }
	#header.twhq-land:not(.top-nav-fixed) nav .nav-top .nav-right li:not(.twhq-nav-btn):not(.wpmenucartli) > a:before { background-color: var(--twhq-y) !important; }
	/* the page you are on looks like its hover state (parent items too, e.g. Insights on the blog) */
	#header .nav-right > div > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent, .current_page_parent):not(.twhq-nav-btn):not(.wpmenucartli) > a,
	#header .nav-right > div > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent, .current_page_parent):not(.twhq-nav-btn):not(.wpmenucartli) > a span { color: var(--twhq-nav-hover-light) !important; }
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent, .current_page_parent):not(.twhq-nav-btn):not(.wpmenucartli) > a,
	#header.twhq-land:not(.top-nav-fixed) .nav-right > div > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent, .current_page_parent):not(.twhq-nav-btn):not(.wpmenucartli) > a span { color: var(--twhq-y) !important; }
	#header .nav-right > div > ul > li:is(.current-menu-item, .current_page_item, .current-menu-ancestor, .current-menu-parent, .current_page_parent):not(.twhq-nav-btn):not(.wpmenucartli) > a:before,
	#header .nav-right ul.sub-menu li:is(.current-menu-item, .current_page_item) > a:before { visibility: visible !important; transform: scaleX(1) !important; }
	#header .nav-right ul.sub-menu li:is(.current-menu-item, .current_page_item) > a, #header .nav-right ul.sub-menu li:is(.current-menu-item, .current_page_item) > a span { color: var(--twhq-nav-hover-light) !important; }
	#header.twhq-land:not(.top-nav-fixed) .nav-right ul.sub-menu li:is(.current-menu-item, .current_page_item) > a,
	#header.twhq-land:not(.top-nav-fixed) .nav-right ul.sub-menu li:is(.current-menu-item, .current_page_item) > a span { color: var(--twhq-y) !important; }
	#header .nav-right li.twhq-nav-btn:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a { color: var(--twhq-nav-hover-light) !important; box-shadow: inset 0 0 0 2px var(--twhq-nav-hover-light); }
	#header.twhq-land:not(.top-nav-fixed) .nav-right li.twhq-nav-btn:is(.current-menu-item, .current_page_item, .current-menu-ancestor) > a { color: var(--twhq-y) !important; box-shadow: inset 0 0 0 2px var(--twhq-y); }
	#header.top-nav-fixed .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a,
	#header.top-nav-fixed .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli) > a span { color: var(--twhq-n900); }
	#header.top-nav-fixed .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli):hover > a,
	#header.top-nav-fixed .nav-right > div > ul > li:not(.twhq-nav-btn):not(.wpmenucartli):hover > a span { color: var(--twhq-nav-hover-light) !important; }
	#header .nav-right > div > ul > li > a, #header .nav-right > div > ul > li > a span { transition: color .6s var(--twhq-ease), box-shadow .6s var(--twhq-ease), background-color .3s ease; }

	/* My Account / Log out / cart: 2px outline buttons in the same colour as the link text (no solid fill) */
	#header .nav-right li.twhq-nav-btn > a, #header .nav-right li.wpmenucartli > a {
		background-color: transparent !important; color: var(--twhq-n900) !important; box-shadow: inset 0 0 0 2px var(--twhq-n900);
		border-radius: var(--twhq-radius-sm) !important; padding: 5px 12px !important; }
	#header .nav-right li.twhq-nav-btn > a *, #header .nav-right li.wpmenucartli > a *,
	#header .nav-right li.twhq-nav-btn > a::after, #header .nav-right li.wpmenucartli > a::after { color: inherit !important; }
	#header .nav-right li.twhq-nav-btn > a:hover, #header .nav-right li.twhq-nav-btn > a:focus-visible,
	#header .nav-right li.wpmenucartli > a:hover, #header .nav-right li.wpmenucartli > a:focus-visible { color: var(--twhq-nav-hover-light) !important; box-shadow: inset 0 0 0 2px var(--twhq-nav-hover-light); }
	#header.twhq-land:not(.top-nav-fixed) .nav-right li.twhq-nav-btn > a, #header.twhq-land:not(.top-nav-fixed) .nav-right li.wpmenucartli > a {
		color: var(--twhq-nav-on-dark) !important; box-shadow: inset 0 0 0 2px var(--twhq-nav-on-dark); }
	#header.twhq-land:not(.top-nav-fixed) .nav-right li.twhq-nav-btn > a:hover, #header.twhq-land:not(.top-nav-fixed) .nav-right li.twhq-nav-btn > a:focus-visible,
	#header.twhq-land:not(.top-nav-fixed) .nav-right li.wpmenucartli > a:hover, #header.twhq-land:not(.top-nav-fixed) .nav-right li.wpmenucartli > a:focus-visible {
		color: var(--twhq-y) !important; box-shadow: inset 0 0 0 2px var(--twhq-y); }
	#header nav li.twhq-nav-btn > a::before, #header nav li.wpmenucartli > a::before { background-color: transparent !important; }

	/* DROPDOWN: the panel runs the full width of the page under the bar; its links are left-aligned and start on
	   the same line as the first letter of their parent item. Works for any item with sub-items (now and later).
	   site.js measures the parent's position on hover (--twhq-sub-x / --twhq-sub-gap / --twhq-vw). */
	#header nav ul li.menu-item-has-children { position: relative; }
	#header nav ul li:hover > a::after, #header nav ul li:focus-within > a::after { transform: rotate(180deg); }
	#header nav ul li ul.sub-menu { display: block !important; position: absolute; z-index: 5 !important; top: 100%; left: 0; margin: 0 !important;
		width: max-content !important; min-width: 200px; height: auto !important; background: transparent !important;
		padding: calc(var(--twhq-sub-gap, 16px) + 14px) 0 22px 0 !important; transform: none !important;
		opacity: 0; visibility: hidden; translate: 0 -6px;
		transition: opacity .35s var(--twhq-ease), translate .35s var(--twhq-ease), visibility 0s linear .35s !important; }
	#header nav ul li ul.sub-menu::before { content: ""; position: absolute; z-index: -1; top: var(--twhq-sub-gap, 16px); bottom: 0;
		left: calc(-1 * var(--twhq-sub-x, 0px)); width: var(--twhq-vw, 100vw); pointer-events: none;
		background-color: var(--twhq-nav-light); box-shadow: 0 10px 12px -8px rgba(25, 24, 24, .1); transition: background-color .6s var(--twhq-ease); }
	#header nav ul li:hover > ul.sub-menu, #header nav ul li:focus-within > ul.sub-menu { opacity: 1; visibility: visible; translate: 0 0; transition-delay: 0s !important; }
	#header nav ul li ul.sub-menu li { text-align: left !important; width: auto; padding: 4px 6px !important; }
	#header nav ul li ul.sub-menu li a { text-align: left !important; white-space: nowrap; }
	#header nav ul.sub-menu li a, #header nav ul.sub-menu li a span { color: var(--twhq-n900) !important; }
	#header nav ul.sub-menu li a:hover, #header nav ul.sub-menu li a:focus, #header nav ul.sub-menu li a:hover span { color: var(--twhq-nav-hover-light) !important; }
	#header.twhq-land:not(.top-nav-fixed) nav ul li ul.sub-menu::before { background-color: var(--twhq-nav-dark); box-shadow: none;
		-webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); }
	#header.twhq-land:not(.top-nav-fixed) nav ul.sub-menu li a, #header.twhq-land:not(.top-nav-fixed) nav ul.sub-menu li a span { color: var(--twhq-nav-on-dark) !important; }
	#header.twhq-land:not(.top-nav-fixed) nav ul.sub-menu li a:hover, #header.twhq-land:not(.top-nav-fixed) nav ul.sub-menu li a:focus,
	#header.twhq-land:not(.top-nav-fixed) nav ul.sub-menu li a:hover span { color: var(--twhq-y) !important; }
	#header, #header nav { overflow-x: clip; }   /* the full-width dropdown panel never makes the page scroll sideways */

	/* very wide screens: a slightly bigger compact bar */
	@media only screen and (min-width: 1900px) {
		#header.top-nav-fixed nav ul li a, #header.top-nav-fixed nav ul li a span { font-size: 15px !important; }
		#header.top-nav-fixed .logo, #header.top-nav-fixed .logo img { width: 200px !important; }
	}
	/* top of every page: no padding above the content (no see-through strip). The first section (yellow header / hero)
	   runs up behind the semi-transparent bar, and the space at the top of that section is made exactly the bar's height,
	   so its text starts right below the bar (the section's own top space is replaced, not added to). */
	body.page, body.page article.page, body.page main > article { padding-top: 0 !important; margin-top: 0 !important; }
	/* block pages and the shop page: the first section's top space = bar height */
	:is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child {
		border-top: 0 !important; padding-top: var(--twhq-hero-top) !important; }
	:is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .twhq-col, :is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .wp-block-group__inner-container > .twhq-col { padding-top: 0 !important; }
	:is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .twhq-col > .wp-block-spacer:first-child, :is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .twhq-col > .wp-block-group__inner-container > .wp-block-spacer:first-child, :is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .wp-block-group__inner-container > .twhq-col > .wp-block-spacer:first-child, :is(body.page .entry-content, body.woocommerce-shop .page-description) > .twhq-row:first-child > .wp-block-group__inner-container > .twhq-col > .wp-block-group__inner-container > .wp-block-spacer:first-child { display: none !important; }
	/* pages that start with something else (cart, checkout, plain text): keep it clear of the bar */
	body.page .entry-content > :first-child:not(.twhq-row):not(.blogheader-container):not(.twhq-hero), body.page main > article > :first-child:not(.entry-content):not(.blogheader-container) {
		border-top: var(--twhq-land-h) solid transparent !important; background-origin: border-box !important; background-clip: border-box !important; }
	/* blog, category, course, lesson and account headers: the header's top space = bar height */
	.blogheader-container:first-child, .entry-content > .blogheader-container:first-child { margin-top: 0 !important; border-top: 0 !important; padding-top: var(--twhq-hero-top) !important; }
	.blogheader-container:first-child:has(.blogheader-content-container) { padding-top: 0 !important; }
	.blogheader-container:first-child .blogheader-content-container { border-top: 0 !important; padding-top: var(--twhq-hero-top) !important; }
	.blogheader-container:first-child .blogheader { padding-top: 0 !important; }

	/* no animation on the very first paint (positions are measured first) */
	#header.twhq-measuring .logo-container, #header.twhq-measuring .items-right, #header.twhq-measuring nav, #header.twhq-measuring nav .container { transition: none !important; }
}
/* Shop and product pages start close to the top: keep them clear of the header (the shop breadcrumb was hidden before) */
@media only screen and (min-width: 1280px) {
	body.tax-product_cat main#content { padding-top: 162px; }
	/* shop page (The Female Body courses): its own hero runs up behind the top bar; no breadcrumb above it */
	body.woocommerce-shop main#content, body.post-type-archive-product main#content { padding-top: 0 !important; }
	body.woocommerce-shop .woocommerce-breadcrumb, body.post-type-archive-product .woocommerce-breadcrumb { display: none !important; }
	/* only the shop page's own content shows: WooCommerce's extra page title is hidden when the page has content */
	body.woocommerce-shop .woocommerce-products-header:has(> .page-description) > .woocommerce-products-header__title { display: none !important; }
	body.woocommerce-shop .woocommerce-products-header:not(:has(> .page-description)) {
		border-top: var(--twhq-land-h) solid transparent !important; }
	body.single-product main#content { padding-top: 40px; }
}
@media only screen and (max-width: 1279.98px) {
	body.woocommerce-shop main#content, body.post-type-archive-product main#content, body.tax-product_cat main#content { padding-top: 80px; }
}
@media (prefers-reduced-motion: reduce) {
	#header .logo-container, #header .items-right, #header nav, #header nav .container, #header nav ul li ul.sub-menu,
	header nav .svg-menu-toggle .line, header .sidebar, header .sidebar .menu > li, #header nav li.menu-item-has-children > a::after { transition: none !important; }
}

/* ==== BRAND BUTTONS, MY ACCOUNT, CART, POP-UPS (child theme v1.2) ==========================================
   Inside a cascade layer on purpose: "!important" rules in a layer win over every older "!important" rule
   (theme, plugins, WooCommerce Customizer, Popup Maker themes) without a specificity race.
   One button system for the whole site - the size of a button can differ, the style never does:
     Gold:    #D39C00 fill, #282524 text  -> hover #EAAD00, #191818
     Dark:    #282524 fill, #E0DCDA text  -> hover #191818, #F9F8F7
     Outline: 2px #82807E border, #282524 text -> hover #191818 (on dark: #A3A09F border -> hover #F9F8F7)   (drawn inside the button, so sizes do not change)
   Corners: 8px (6px on small buttons). */
@layer twhq-brand {
	/* ---- GOLD (main call-to-action buttons) ---- */
	.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit,
	.woocommerce-page a.button, .woocommerce-page button.button,
	.woocommerce a.checkout-button, .woocommerce button#place_order, .woocommerce button.woocommerce-button.button,
	.wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button):not(.outlined),
	.wc-block-cart__submit-button, .wc-block-components-checkout-place-order-button,
	.woocommerce-cart p.return-to-shop a.button.wc-backward,
	.learndash-wrapper a#btn-join, .learndash-wrapper .btn-join, a.btn.btn-primary, a.ld-button,
	.sidebar-widget-2 .ld_course_grid .ld_course_grid_button a.btn.btn-primary,
	.dark a.button, .dark-btn a.vc_general.vc_btn3,
	form#basic-user-avatar-form input[type="submit"] {
		background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border-color: transparent !important;
		border-radius: var(--twhq-radius) !important; text-shadow: none !important; opacity: 1 !important;
		transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important; }
	.woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce #respond input#submit:hover,
	.woocommerce-page a.button:hover, .woocommerce-page button.button:hover,
	.woocommerce a.checkout-button:hover, .woocommerce button#place_order:hover, .woocommerce button.woocommerce-button.button:hover,
	.wc-block-components-button:not(.is-link):not(.wc-block-components-quantity-selector__button):not(.outlined):hover,
	.wc-block-cart__submit-button:hover, .wc-block-components-checkout-place-order-button:hover,
	.woocommerce-cart p.return-to-shop a.button.wc-backward:hover,
	.learndash-wrapper a#btn-join:hover, .learndash-wrapper .btn-join:hover, a.btn.btn-primary:hover, a.ld-button:hover,
	.sidebar-widget-2 .ld_course_grid .ld_course_grid_button a.btn.btn-primary:hover,
	.dark a.button:hover, .dark-btn a.vc_general.vc_btn3:hover,
	form#basic-user-avatar-form input[type="submit"]:hover,
	.woocommerce a.button:focus-visible, .woocommerce button.button:focus-visible, .wc-block-components-button:not(.is-link):focus-visible,
	a.btn.btn-primary:focus-visible, a.ld-button:focus-visible, form#basic-user-avatar-form input[type="submit"]:focus-visible {
		background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; }
	.wc-block-components-button:not(.is-link) .wc-block-components-button__text, .wc-block-cart__submit-button * { color: inherit !important; }

	/* ---- DARK (buttons that were black) ---- */
	.twhq-btn .wp-block-button__link, .wp-block-button.twhq-btn .wp-block-button__link,
	.woocommerce ul.products li a.button, .woocommerce button.single_add_to_cart_button, .woocommerce button.single_add_to_cart_button.button,
	.ld-content-action .learndash_mark_complete_button, .learndash-wrapper .learndash_mark_complete_button,
	button.wpforms-submit, .wpforms-submit-container button[type="submit"],
	.ld-alert-warning a.ld-button {
		background-color: var(--twhq-n800) !important; color: var(--twhq-n200) !important; border-color: transparent !important;
		border-radius: var(--twhq-radius) !important; opacity: 1 !important;
		transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important; }
	.twhq-btn .wp-block-button__link:hover, .twhq-btn .wp-block-button__link:focus-visible,
	.woocommerce ul.products li a.button:hover, .woocommerce button.single_add_to_cart_button:hover,
	.ld-content-action .learndash_mark_complete_button:hover, .learndash-wrapper .learndash_mark_complete_button:hover,
	button.wpforms-submit:hover, button.wpforms-submit:focus-visible, .wpforms-submit-container button[type="submit"]:hover,
	.ld-alert-warning a.ld-button:hover {
		background-color: var(--twhq-n900) !important; color: var(--twhq-n50) !important; }
	.twhq-btn .wp-block-button__link *, .ld-alert-warning a.ld-button * { color: inherit !important; }

	/* ---- OUTLINE (secondary buttons) ---- */
	.woocommerce-account .wp-block-button[class*="popmake-"] > .wp-block-button__link,
	a.added_to_cart, .ld-content-action a.ld-primary-color.ld-course-step-back {
		background-color: transparent !important; color: var(--twhq-n800) !important; border-color: transparent !important;
		box-shadow: inset 0 0 0 2px var(--twhq-n500) !important; border-radius: var(--twhq-radius) !important; opacity: 1 !important;
		transition: box-shadow .25s ease, color .25s ease !important; }
	.woocommerce-account .wp-block-button[class*="popmake-"] > .wp-block-button__link:hover,
	.woocommerce-account .wp-block-button[class*="popmake-"] > .wp-block-button__link:focus-visible,
	a.added_to_cart:hover, .ld-content-action a.ld-primary-color.ld-course-step-back:hover {
		color: var(--twhq-n900) !important; box-shadow: inset 0 0 0 2px var(--twhq-n900) !important; }

	/* keyboard focus: a clear ring on every brand button */
	.woocommerce a.button:focus-visible, .woocommerce button.button:focus-visible, .wc-block-components-button:focus-visible, a.btn:focus-visible, a.ld-button:focus-visible,
	.twhq-btn .wp-block-button__link:focus-visible, button.wpforms-submit:focus-visible, input[type="submit"]:focus-visible, a.added_to_cart:focus-visible,
	.woocommerce-MyAccount-navigation li a:focus-visible, .category-grid a.view:focus-visible, .wp-block-button__link:focus-visible {
		outline: 2px solid var(--twhq-n900) !important; outline-offset: 2px !important; }
	/* small buttons: slightly smaller corners so they do not turn into pills */
	.twhq-btn-sm .wp-block-button__link, .twhq-btn-xs .wp-block-button__link, .woocommerce ul.products li a.button, a.added_to_cart { border-radius: var(--twhq-radius-sm) !important; }
	/* older WPBakery buttons (blog posts): keep their section colours, round the corners */
	a.vc_general.vc_btn3 { border-radius: var(--twhq-radius) !important; }
	/* WooCommerce form parts that were square */
	.wc-block-components-quantity-selector, .wc-block-components-totals-coupon__input input, .wc-block-components-text-input input,
	.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce-cart table.cart td.actions .coupon .input-text { border-radius: var(--twhq-radius) !important; }

	/* ---- MY ACCOUNT tabs (Dashboard, Orders, My Membership, Payment methods, Account details) ----
	   solid gold buttons, sharing the full width, hanging straight off the yellow header (square top corners);
	   the page you are on: outline style on #F9F8F7. Phones: one full-width column. */
	body.woocommerce-account .entry-content > .wp-block-spacer:has(+ .wp-block-columns .woocommerce-MyAccount-navigation) { display: none !important; }
	body.woocommerce-account .entry-content > .blogheader-container:has(+ .wp-block-spacer + .wp-block-columns .woocommerce-MyAccount-navigation),
	body.woocommerce-account .entry-content > .blogheader-container:has(+ .wp-block-columns .woocommerce-MyAccount-navigation) { margin-bottom: 0 !important; }
	body.woocommerce-account .entry-content > .wp-block-columns:has(.woocommerce-MyAccount-navigation) { margin-top: 0 !important; padding-top: 0 !important; }
	body.woocommerce-account .wp-block-column:has(> .woocommerce > .woocommerce-MyAccount-navigation),
	body.woocommerce-account .woocommerce:has(> .woocommerce-MyAccount-navigation) { padding-top: 0 !important; margin-top: 0 !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation { display: block !important; position: relative !important; float: none !important; width: 100% !important;
		background: transparent !important; padding: 0 !important; margin: 0 0 32px !important; height: auto !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul { display: flex !important; gap: 8px !important; margin: 0 !important; padding: 0 !important; list-style: none !important; text-align: left !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li { flex: 1 1 0 !important; display: block !important; width: auto !important; min-width: 0 !important;
		margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a { box-sizing: border-box !important; display: flex !important; align-items: center !important; justify-content: center !important;
		height: 100% !important; min-height: 46px !important; margin: 0 !important; padding: 10px 14px !important; text-align: center !important; line-height: 1.2 !important;
		background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; text-decoration: none !important; font-weight: 500 !important;
		border-radius: 0 0 var(--twhq-radius) var(--twhq-radius) !important; box-shadow: none !important; opacity: 1 !important;
		transition: background-color .25s ease, color .25s ease, box-shadow .25s ease !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a::before, body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a::after { display: none !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a:hover, body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a:focus-visible {
		background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a {
		background-color: var(--twhq-n50) !important; color: var(--twhq-n800) !important;
		box-shadow: inset 2px 0 0 var(--twhq-n500), inset -2px 0 0 var(--twhq-n500), inset 0 -2px 0 var(--twhq-n500) !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a:hover, body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a:focus-visible {
		color: var(--twhq-n900) !important; box-shadow: inset 2px 0 0 var(--twhq-n900), inset -2px 0 0 var(--twhq-n900), inset 0 -2px 0 var(--twhq-n900) !important; }
	@media only screen and (max-width: 767.98px) {
		body.woocommerce-account nav.woocommerce-MyAccount-navigation ul { flex-direction: column !important; }
		body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li { flex: 0 0 auto !important; }
		body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li:not(:first-child) a { border-radius: var(--twhq-radius) !important; }
		body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active:not(:first-child) a { box-shadow: inset 0 0 0 2px var(--twhq-n500) !important; }
		body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active:not(:first-child) a:hover { box-shadow: inset 0 0 0 2px var(--twhq-n900) !important; }
	}

	/* ---- CART: product pictures grow with the screen (up to 250px wide) ---- */
	.wc-block-cart .wc-block-cart-items .wc-block-cart-items__row { grid-template-columns: clamp(88px, 16vw, 250px) minmax(0, 1fr) auto !important; }
	.wc-block-cart .wc-block-cart-item__image { width: clamp(88px, 16vw, 250px) !important; padding-right: clamp(12px, 2vw, 24px) !important; }
	.wc-block-cart .wc-block-cart-item__image a, .wc-block-cart .wc-block-cart-item__image img { display: block !important; width: 100% !important; max-width: 250px !important; height: auto !important; border-radius: var(--twhq-radius-sm) !important; }
	.wc-block-cart .wc-block-cart-items th.wc-block-cart-items__header-image { width: clamp(88px, 16vw, 250px) !important; }
	.woocommerce-cart table.cart td.product-thumbnail { width: clamp(88px, 16vw, 250px) !important; }
	.woocommerce-cart table.cart td.product-thumbnail img { width: 100% !important; max-width: 250px !important; height: auto !important; border-radius: var(--twhq-radius-sm) !important; }
	/* checkout order summary: the same idea, scaled to the narrower summary column */
	.wc-block-components-order-summary .wc-block-components-order-summary-item__image { width: clamp(56px, 6vw, 96px) !important; }
	.wc-block-components-order-summary .wc-block-components-order-summary-item__image > img { width: 100% !important; max-width: 96px !important; height: auto !important; border-radius: var(--twhq-radius-sm) !important; }

	/* ---- FORMS (WPForms): labels and drop-downs follow WPForms' own left alignment.
	   The Customizer "Additional CSS" has a rule meant only for the centred case-study form (.wpf-center) that also
	   centred every other form's labels; this puts the rest back to WPForms' defaults. */
	.wpforms-container .wpforms-field label.wpforms-field-label:not(.wpf-center *), .wpforms-container .wpforms-field.wpforms-field-text label:not(.wpf-center *) {
		text-align: left !important; margin: 0 0 8px 0 !important; padding: 0 !important; }
	.wpforms-container .wpforms-field select:not(.wpf-center *) { text-align: left !important; margin: 0 !important; }
	form #wpforms-9112-field_8-container label.wpforms-field-label { text-align: left !important; }

	/* ---- COURSE CARDS (LearnDash course grid, e.g. My Account): tighter titles, equal card heights,
	   buttons lined up along the bottom, no round arrow on the picture ---- */
	.items-wrapper.grid { align-items: stretch !important; }
	.items-wrapper > .item.grid-2, .items-wrapper .item.grid-2 { display: flex !important; flex-direction: column !important; height: auto !important; }
	.items-wrapper .grid-2 > article.post { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; }
	.items-wrapper .grid-2 .content { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; padding-top: 24px !important; }
	.items-wrapper .grid-2 .content .entry-title { margin: 0 0 18px !important; padding: 0 !important; line-height: .9 !important; }
	.items-wrapper .grid-2 .content .entry-title a { line-height: .9 !important; }
	.items-wrapper .grid-2 .content .button { margin-top: auto !important; padding-top: 16px !important; }
	.items-wrapper .grid-2 .thumbnail .arrow { display: none !important; }

	/* every LearnDash course card: picture zooms in gently on hover (same as the site's other cards) and the
	   card outline turns brand gold */
	.items-wrapper .grid-2, .ld-course-list-items .ld_course_grid article.thumbnail { transition: border-color .3s ease !important; }
	.items-wrapper .grid-2:hover, .items-wrapper .grid-2:focus-within,
	.ld-course-list-items .ld_course_grid article.thumbnail:hover, .ld-course-list-items .ld_course_grid article.thumbnail:focus-within { border-color: var(--twhq-y700) !important; }
	.items-wrapper .grid-2 .thumbnail, .ld-course-list-items .ld_course_grid article.thumbnail > a:first-of-type { overflow: hidden !important; display: block !important; }
	.items-wrapper .grid-2 .thumbnail img, .ld-course-list-items .ld_course_grid article.thumbnail img { transition: transform .5s ease !important; transform-origin: center !important; }
	.items-wrapper .grid-2:hover .thumbnail img, .ld-course-list-items .ld_course_grid article.thumbnail:hover img { transform: scale(1.06) !important; }
	@media (prefers-reduced-motion: reduce) { .items-wrapper .grid-2 .thumbnail img, .ld-course-list-items .ld_course_grid article.thumbnail img { transition: none !important; } }

	/* ---- BLOG ARTICLE, COURSE, MODULE AND LESSON PAGES hero picture: a short horizontal ribbon (max 220px tall), with space before the progress bar.
	   The picture is a little taller than the ribbon so the gentle scroll movement never shows a gap. ---- */
	:is(.single-post, .sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default) .prlx-container { height: clamp(150px, 18vw, 220px) !important; max-height: 220px !important; margin-bottom: 32px !important; }
	:is(.single-post, .sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default) .prlx-container .parallax { height: calc(100% + 30vh) !important; }
	:is(.single-post, .sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default) .prlx-container .parallax a { display: block !important; height: 100% !important; }
	:is(.single-post, .sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default) .prlx-container .parallax img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center 30% !important; }

	/* ---- COURSE / LESSON SIDEBAR: about 25% tighter spacing; My Account as a standard Dark button (no profile picture) ---- */
	.blog-container-sidebar .sidebar-widget-2 > * + * { margin-top: 18px !important; }
	.blog-container-sidebar .sidebar-widget-2 > h2.wp-block-heading { padding-top: 12px !important; padding-bottom: 9px !important; }
	.blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account { margin-bottom: 15px !important; padding: 0 !important;
		background-color: transparent !important; border-radius: var(--twhq-radius) !important; }
	.blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account a { display: flex !important; align-items: center !important; justify-content: center !important; gap: 0 !important;
		min-height: 42px !important; padding: 10px 20px !important; border-radius: var(--twhq-radius) !important; text-decoration: none !important;
		background-color: var(--twhq-n800) !important; color: var(--twhq-n200) !important; transition: background-color .25s ease, color .25s ease !important; }
	.blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account a:hover, .blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account a:focus-visible {
		background-color: var(--twhq-n900) !important; color: var(--twhq-n50) !important; }
	.blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account a .label { color: inherit !important; text-align: center !important; width: auto !important; }
	.blog-container-sidebar .sidebar-widget-2 .wp-block-woocommerce-customer-account a :is(.wc-block-customer-account__visual, img, svg, .avatar) { display: none !important; }

	/* ---- LEARNDASH progress boxes (course, module, lesson): brand light grey box, grey text instead of yellow,
	   status badges as small (xs) brand buttons: Complete = Gold, In progress / not started = Outline ---- */
	.learndash-wrapper .ld-course-status, .learndash-wrapper .ld-lesson-status, .learndash-wrapper .ld-topic-status,
	.learndash-wrapper .ld-progress.ld-progress-inline { background-color: var(--twhq-n100) !important; }
	.learndash-wrapper .ld-breadcrumbs a, .learndash-wrapper a.ld-primary-color, .learndash-wrapper .ld-text.ld-primary-color,
	.learndash-wrapper span.ld-primary-color, .ld-tabs-navigation .ld-active .ld-icon, .ld-tabs-navigation .ld-active .ld-text { color: var(--twhq-n600) !important; }
	.learndash-wrapper .ld-breadcrumbs a:hover, .learndash-wrapper .ld-breadcrumbs a:focus-visible, .learndash-wrapper a.ld-primary-color:hover { color: var(--twhq-n900) !important; }
	.learndash-wrapper .ld-status:not(.ld-status-icon) { display: inline-flex !important; align-items: center !important; min-height: 26px !important; padding: 4px 12px !important;
		border-radius: var(--twhq-radius-sm) !important; font-size: 11px !important; font-weight: 600 !important; letter-spacing: .6px !important; line-height: 1.2 !important;
		background-color: transparent !important; color: var(--twhq-n800) !important; box-shadow: inset 0 0 0 2px var(--twhq-n500) !important; border: 0 !important; }
	.learndash-wrapper .ld-status.ld-status-complete:not(.ld-status-icon) { background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; box-shadow: none !important; }

	/* ---- BLOG / CATEGORY CARDS: equal heights per row, buttons lined up at the bottom, tighter spacing, no title underline,
	   outline "view" button; on hover the picture zooms in gently and the card gets a gold outline and a soft shadow.
	   (Cards fade in as they scroll into view - class twhq-anim in entry-summary.php.) ---- */
	.category-grid-container { align-items: stretch !important; }
	.category-grid-container > article { display: flex !important; flex-direction: column !important; height: 100% !important; }
	.category-grid-container > article > .entry-summary { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
	.category-grid { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important;
		transition: border-color .3s ease, box-shadow .3s ease !important; }
	.category-grid:hover, .category-grid:focus-within { border-color: var(--twhq-y700) !important; box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; }
	.category-grid .category-grid-img, .category-grid .img-grid-container { height: 200px !important; overflow: hidden !important; }
	.category-grid .img-grid-container a { display: block !important; width: 100% !important; height: 100% !important; margin: 0 !important; padding: 0 !important; }
	.category-grid .img-grid-container img { display: block !important; width: 100% !important; max-width: 100% !important; height: 100% !important; margin: 0 !important; object-fit: cover !important;
		transition: transform .5s ease !important; transform-origin: center !important; opacity: 1 !important; }
	.category-grid:hover .img-grid-container img { transform: scale(1.06) !important; opacity: 1 !important; }
	.category-grid .category-items { flex: 1 1 auto !important; padding: 18px 20px 6px !important; }
	.category-grid .data h5 { margin: 0 0 8px !important; line-height: 1.1 !important; }
	.category-grid .data h5 a { text-decoration: none !important; margin: 0 !important; padding: 0 !important; }
	.category-grid .data h5 a::before { display: none !important; }
	.category-grid .data .entry-meta { margin: 0 0 8px !important; }
	.category-grid .data .entry-meta a { margin: 0 !important; padding: 0 !important; }
	.category-grid .data .excerpt p { margin: 0 !important; padding: 0 !important; line-height: 1.35 !important; }
	.category-grid .category-button { margin-top: auto !important; padding: 14px 20px 22px !important; }
	.category-grid .category-button a.view, .category-grid button.view { display: inline-flex !important; align-items: center !important; margin: 0 !important; padding: 8px 22px !important;
		border: 0 !important; border-radius: var(--twhq-radius) !important; background-color: transparent !important; color: var(--twhq-n800) !important;
		box-shadow: inset 0 0 0 2px var(--twhq-n500) !important; font-size: 14px !important; line-height: 1.2 !important; text-decoration: none !important;
		transition: box-shadow .25s ease, color .25s ease !important; }
	.category-grid .category-button a.view::before { display: none !important; }
	.category-grid .category-button a.view:hover, .category-grid .category-button a.view:focus-visible { color: var(--twhq-n900) !important; box-shadow: inset 0 0 0 2px var(--twhq-n900) !important; }
	@media (prefers-reduced-motion: reduce) { .category-grid .img-grid-container img { transition: none !important; } }

	/* ---- SIDEBAR panel (blog, category, course and lesson pages): light grey outline; gold outline + soft shadow on hover,
	   like the blog cards ---- */
	.blog-container-sidebar { border: 1px solid var(--twhq-n300) !important; transition: border-color .3s ease, box-shadow .3s ease !important; }
	.blog-container-sidebar:hover, .blog-container-sidebar:focus-within { border-color: var(--twhq-y700) !important; box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; }

	/* ---- small plugin parts brought into the system ---- */
	#respond textarea, #respond input[type="text"], #respond input[type="email"], #respond input[type="url"] { max-width: 100% !important; box-sizing: border-box !important;
		border: 1px solid var(--twhq-n400) !important; border-radius: var(--twhq-radius-sm) !important; }
	#respond input#submit, .comment-form input[type="submit"] { background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border: 0 !important;
		border-radius: var(--twhq-radius) !important; padding: 10px 24px !important; cursor: pointer !important; transition: background-color .25s ease, color .25s ease !important; }
	#respond input#submit:hover, #respond input#submit:focus-visible { background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; }
	.wp-block-search__button { background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border: 0 !important; border-radius: var(--twhq-radius) !important; }
	.wp-block-search__button:hover, .wp-block-search__button:focus-visible { background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; }
	.wc-block-components-text-input input, .wc-block-components-text-input textarea, .wc-blocks-components-select__select, .wc-block-components-address-form input { border-color: var(--twhq-n400) !important; }
	.woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce ul.products li.product .price { color: var(--twhq-n800) !important; }
	.woocommerce .quantity .qty, .woocommerce form .form-row .input-text { border: 1px solid var(--twhq-n400) !important; border-radius: var(--twhq-radius-sm) !important; }
	.wp-block-search__input { border-color: var(--twhq-n300) !important; border-radius: var(--twhq-radius) !important; }
	.woocommerce span.onsale { background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border-radius: var(--twhq-radius-sm) !important; }
	.woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: var(--twhq-n600) !important; }
	.twhq-icon-inner[style*="#110600"], .twhq-icon-inner[style*="17, 6, 0"] { border-color: var(--twhq-n900) !important; color: var(--twhq-n900) !important; }

	/* ---- SIDEBAR LISTS (Categories and Latest posts): one style - no underline, tighter spacing, a small arrow before each
	   item (on the first line of longer titles); on hover the arrow stretches about 6px and pushes the text along ---- */
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) { margin: 0 !important; padding: 0 !important; list-style: none !important; }
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li { margin: 0 0 10px !important; padding: 0 !important; list-style: none !important; line-height: 1.3 !important; }
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a { display: inline-flex !important; align-items: flex-start !important; text-decoration: none !important; color: var(--twhq-n900) !important;
		font-size: 16px !important; line-height: 1.3 !important; font-weight: 400 !important; margin: 0 !important; padding: 0 !important; }
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a:hover, .blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a:focus-visible { color: var(--twhq-n600) !important; }
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a::before { content: "" !important; display: inline-block !important; flex: 0 0 auto !important;
		position: static !important; width: 14px !important; height: 10px !important; margin: calc((1.3em - 10px) / 2) 8px 0 0 !important; padding: 0 !important;
		background-color: currentColor !important; opacity: 1 !important; transform: none !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 6px 10px no-repeat, linear-gradient(#000, #000) left center / calc(100% - 1px) 1.6px no-repeat !important;
		mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 6px 10px no-repeat, linear-gradient(#000, #000) left center / calc(100% - 1px) 1.6px no-repeat !important;
		transition: width .4s var(--twhq-ease) !important; }
	.blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a:hover::before, .blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a:focus-visible::before { width: 20px !important; }
	@media (prefers-reduced-motion: reduce) { .blog-container-sidebar :is(.wp-block-categories-list, .wp-block-latest-posts__list) > li a::before { transition: none !important; } }

	/* ---- BLOG ARTICLE pages: title in Georgia Bold; inside the article text every heading shows one level smaller
	   (h2 looks like h3, h3 like h4, h4 like h5, h5 like h6), at every screen size ---- */
	.single-post .blogheader h1.entry-title, .single-post .blogheader h1.entry-title a { font-family: 'Georgia', serif !important; font-weight: 700 !important; }
	.single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-family: 'Georgia', serif !important; font-weight: 700 !important; line-height: 1.1 !important; font-size: 24px !important; }
	.single-post .blog-container h3:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *), .single-post .blog-container h4:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *), .single-post .blog-container h5:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *), .single-post .blog-container h6:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif !important; font-weight: 500 !important; line-height: 1.4 !important; }
	.single-post .blog-container h3:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 22px !important; }
	.single-post .blog-container h4:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 20px !important; }
	.single-post .blog-container h5:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 18px !important; }
	.single-post .blog-container h6:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 16px !important; }
	/* a little more room above article headings, scaled by level */
	.single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { margin-top: 12px !important; }
	.single-post .blog-container h3:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { margin-top: 10px !important; }
	.single-post .blog-container h4:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { margin-top: 8px !important; }
	.single-post .blog-container h5:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { margin-top: 6px !important; }
	.single-post .blog-container h6:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { margin-top: 4px !important; }
	@media only screen and (min-width: 480.01px) { .single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 28px !important; } .single-post .blog-container h3:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 24px !important; } }
	@media only screen and (min-width: 768.01px) { .single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 32px !important; } .single-post .blog-container h3:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 28px !important; } .single-post .blog-container h4:not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 22px !important; } }
	@media only screen and (min-width: 1024px) { .single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 36px !important; } }
	@media only screen and (min-width: 1280px) { .single-post .blog-container h2:not(.twhq-h1):not(.previous-next-blog *):not(.get-in-touch-container *):not(.course-terms *) { font-size: 48px !important; } }

	/* ---- RELATED ARTICLES under a blog post: 3 cards (blog card styling), "view ->" button whose arrow stretches on hover ---- */
	.twhq-related .twhq-related-grid { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 24px !important; align-items: stretch !important; margin-top: 12px !important; }
	@media only screen and (max-width: 767.98px) { .twhq-related .twhq-related-grid { grid-template-columns: minmax(0, 1fr) !important; } }
	.twhq-related .category-grid { min-width: 0 !important; max-width: 100% !important; }
	.twhq-related, .twhq-related .twhq-related-grid { max-width: 100% !important; box-sizing: border-box !important; }
	.twhq-related .category-grid .category-grid-img, .twhq-related .category-grid .img-grid-container { height: 150px !important; max-height: 150px !important; }
	.twhq-related .category-grid .img-grid-container img { object-position: center center !important; }
	.twhq-related .category-grid .data h5 a { font-size: 18px !important; text-transform: none !important; }
	.twhq-related .twhq-arrow { display: inline-block !important; width: 14px !important; height: 10px !important; margin-left: 8px !important; background-color: currentColor !important;
		-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 6px 10px no-repeat, linear-gradient(#000, #000) left center / calc(100% - 1px) 1.6px no-repeat !important; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right center / 6px 10px no-repeat, linear-gradient(#000, #000) left center / calc(100% - 1px) 1.6px no-repeat !important; transition: width .4s var(--twhq-ease) !important; }
	.twhq-related a.view:hover .twhq-arrow, .twhq-related a.view:focus-visible .twhq-arrow { width: 20px !important; }

	/* ---- SIDEBAR content per page type: blog and category pages end at "Latest posts"; the course block (Course content,
	   My Account, progress, modules) only shows on LearnDash pages ---- */
	body:not(.sfwd-courses-template-default):not(.sfwd-lessons-template-default):not(.sfwd-topic-template-default):not(.sfwd-quiz-template-default):not(.groups-template-default) .blog-container-sidebar li.widget-container:has(.sidebar-widget-2),
	body:not(.sfwd-courses-template-default):not(.sfwd-lessons-template-default):not(.sfwd-topic-template-default):not(.sfwd-quiz-template-default):not(.groups-template-default) .blog-container-sidebar .sidebar-widget-2 { display: none !important; }
	.blog-container-sidebar .sidebar-widget-1 > hr.wp-block-separator:last-child { display: none !important; }

	/* ======== v1.3 ======== */
	/* ---- LEARNDASH TITLES: course, module, lesson and quiz titles in Georgia Bold ---- */
	:is(.sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default, .sfwd-quiz-template-default) .blogheader h1.entry-title,
	:is(.sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default, .sfwd-quiz-template-default) .blogheader h1.entry-title a,
	.wpProQuiz_content h2 { font-family: 'Georgia', serif !important; font-weight: 700 !important; }

	/* ---- QUIZ pages: room under the header like other course pages; course sidebar only ---- */
	:is(.sfwd-courses-template-default, .sfwd-lessons-template-default, .sfwd-topic-template-default, .sfwd-quiz-template-default) .blog-body-container:not(:has(.prlx-container)) > .container { padding-top: 50px !important; }
	.sfwd-quiz-template-default .sidebar-widget-1, .sfwd-quiz-template-default .blog-container-sidebar .search { display: none !important; }
	/* feedback boxes in brand greys */
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_response, .wpProQuiz_content .wpProQuiz_response {
		background-color: var(--twhq-n100) !important; border: 2px solid var(--twhq-n200) !important; color: var(--twhq-n600) !important;
		border-radius: var(--twhq-radius) !important; min-height: 0 !important; padding: 20px 24px !important; text-align: center !important; }
	.wpProQuiz_content .wpProQuiz_response :is(.wpProQuiz_correct, .wpProQuiz_incorrect) > span:first-child,
	.wpProQuiz_content .wpProQuiz_response .wpProQuiz_response_correct_label { display: block !important; float: none !important; margin: 0 !important; padding: 0 !important;
		line-height: 1.3 !important; font-weight: 700 !important; color: var(--twhq-n600) !important; }
	.wpProQuiz_content .wpProQuiz_response .wpProQuiz_AnswerMessage:not(:empty) { margin: 8px 0 0 !important; color: var(--twhq-n600) !important; }
	.wpProQuiz_content .wpProQuiz_response .wpProQuiz_AnswerMessage:empty { display: none !important; }
	/* answer options: brand grey outline; chosen answer gold outline and gold radio. (Correct / incorrect colours stay teal and coral.) */
	.wpProQuiz_content .wpProQuiz_questionListItem:not(.wpProQuiz_answerCorrect):not(.wpProQuiz_answerIncorrect):not(.wpProQuiz_answerCorrectIncomplete) label {
		border: 2px solid var(--twhq-n200) !important; border-radius: var(--twhq-radius) !important; background-color: transparent !important; transition: border-color .2s ease !important; }
	.wpProQuiz_content .wpProQuiz_questionListItem:not(.wpProQuiz_answerCorrect):not(.wpProQuiz_answerIncorrect):not(.wpProQuiz_answerCorrectIncomplete) label:hover { border-color: var(--twhq-n400) !important; }
	.wpProQuiz_content .wpProQuiz_questionListItem:not(.wpProQuiz_answerCorrect):not(.wpProQuiz_answerIncorrect):not(.wpProQuiz_answerCorrectIncomplete) label:is(.is-selected, :focus-within, :has(input:checked)) { border-color: var(--twhq-y700) !important; }
	.wpProQuiz_content .wpProQuiz_questionListItem label { display: flex !important; align-items: center !important; }
	.wpProQuiz_content .wpProQuiz_questionListItem input.wpProQuiz_questionInput { accent-color: var(--twhq-y700) !important; flex: 0 0 auto !important; width: 16px !important; min-width: 16px !important; margin: 0 14px 0 0 !important; }
	/* quiz buttons (Start, Check, Next, Back, Finish, Restart, View questions) in Gold */
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_button, .wpProQuiz_content input.wpProQuiz_button, .wpProQuiz_reviewButtons input {
		background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border: 0 !important; border-radius: var(--twhq-radius) !important;
		opacity: 1 !important; text-shadow: none !important; box-shadow: none !important; font-weight: 500 !important; transition: background-color .25s ease, color .25s ease !important; }
	.learndash-wrapper .wpProQuiz_content .wpProQuiz_button:is(:hover, :focus-visible), .wpProQuiz_content input.wpProQuiz_button:is(:hover, :focus-visible), .wpProQuiz_reviewButtons input:is(:hover, :focus-visible) {
		background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; opacity: 1 !important; }
	/* question number boxes: grey numbers; current question gold */
	.wpProQuiz_reviewQuestion { border-color: var(--twhq-n200) !important; border-radius: var(--twhq-radius) !important; }
	.wpProQuiz_reviewQuestion ol li { color: var(--twhq-n600) !important; border-color: var(--twhq-n300) !important; border-radius: var(--twhq-radius-sm) !important; }
	.wpProQuiz_reviewQuestion ol li.wpProQuiz_reviewQuestionTarget { background-color: var(--twhq-y) !important; border-color: var(--twhq-y) !important; color: var(--twhq-n900) !important; }
	.wpProQuiz_reviewQuestion ol li:is(.wpProQuiz_reviewQuestionSolvedCorrect, .wpProQuiz_reviewQuestionSolvedIncorrect) { color: var(--twhq-n50) !important; border-color: transparent !important; }

	/* ---- LESSONS: videos always 16:9 (no tall empty frame); buttons at the bottom evenly spaced ---- */
	.blog-container :is(iframe[src*="vimeo"], iframe[src*="youtube"], iframe[src*="youtu.be"], iframe[src*="wistia"]) { width: 100% !important; max-width: 100% !important; height: auto !important; aspect-ratio: 16 / 9 !important; }
	.blog-container :is(.wp-block-embed__wrapper, .fluid-width-video-wrapper, .ld-video, .vc_video-bg-container):has(> :is(iframe[src*="vimeo"], iframe[src*="youtube"], iframe[src*="wistia"])) { height: auto !important; padding: 0 !important; min-height: 0 !important; }
	.blog-container .wp-block-embed__wrapper:has(> iframe)::before { display: none !important; }
	.blog-container :is(.wp-block-embed__wrapper, .fluid-width-video-wrapper, .ld-video) > :is(iframe[src*="vimeo"], iframe[src*="youtube"], iframe[src*="wistia"]) { position: static !important; }
	.blog-container div[style*="padding"]:has(> iframe[src*="vimeo"]:only-child) { padding: 0 !important; height: auto !important; }
	.blog-container div[style*="padding"]:has(> iframe[src*="vimeo"]:only-child) > iframe { position: static !important; }
	.learndash-wrapper .ld-content-actions { gap: 12px !important; }
	.learndash-wrapper .ld-content-actions :is(.ld-button, .learndash_mark_complete_button, a.ld-course-step-back) { min-height: 44px !important; font-weight: 500 !important; line-height: 1.2 !important; box-sizing: border-box !important; }
	@media only screen and (max-width: 640px) {
		.learndash-wrapper .ld-content-actions { flex-direction: column !important; align-items: stretch !important; padding-top: 24px !important; }
		.learndash-wrapper .ld-content-actions > * { margin: 0 !important; width: 100% !important; max-width: none !important; }
		.learndash-wrapper .ld-content-actions > * + * { margin-top: 0 !important; }
		.learndash-wrapper .ld-content-actions > .ld-content-action.ld-empty { display: none !important; }
		.learndash-wrapper .ld-content-actions > a.ld-primary-color { display: block !important; text-align: center !important; padding: 4px 0 !important; }
		.learndash-wrapper .ld-content-actions :is(.ld-button, .learndash_mark_complete_button, a.ld-course-step-back) { width: 100% !important; justify-content: center !important; text-align: center !important; }
	}

	/* ---- TEXT LINKS in articles, courses and lessons: dark gold, medium weight; darker with underline on hover ---- */
	.blog-container :is(p, li, td, dd, blockquote, figcaption) a:not([class*="button"]):not([class*="btn"]):not(.ld-button):not(.view) {
		color: #916700 !important; font-weight: 500 !important; text-decoration: none !important; transition: color .2s ease !important; }
	.blog-container :is(p, li, td, dd, blockquote, figcaption) a:not([class*="button"]):not([class*="btn"]):not(.ld-button):not(.view):is(:hover, :focus-visible) {
		color: var(--twhq-nav-hover-light) !important; text-decoration: underline !important; text-underline-offset: 3px !important; }

	/* ---- CARD PICTURES: one 16:9 frame in every card grid, picture fills it and zooms inside the frame ---- */
	.items-wrapper .grid-2 .thumbnail, .ld-course-list-items .ld_course_grid article.thumbnail > a:first-of-type,
	.category-grid .category-grid-img, .category-grid .img-grid-container,
	.twhq-related .category-grid .category-grid-img, .twhq-related .category-grid .img-grid-container,
	.twhq-colfill:has(.add_to_cart_inline) .wp-block-image.twhq-img {
		position: relative !important; height: auto !important; max-height: none !important; aspect-ratio: 16 / 9 !important; overflow: hidden !important; display: block !important; }
	.items-wrapper .grid-2 .thumbnail > a, .twhq-colfill:has(.add_to_cart_inline) .wp-block-image.twhq-img > figure { display: block !important; height: 100% !important; margin: 0 !important; }
	.items-wrapper .grid-2 .thumbnail img, .ld-course-list-items .ld_course_grid article.thumbnail > a:first-of-type img,
	.category-grid .img-grid-container img, .twhq-colfill:has(.add_to_cart_inline) .wp-block-image.twhq-img img {
		width: 100% !important; height: 100% !important; min-height: 0 !important; max-height: none !important; object-fit: cover !important; display: block !important; }

	/* ---- CARD GRIDS: cards never narrower than 300px; fewer per row on smaller screens ---- */
	.items-wrapper.grid, .ld-course-list-items.row, .category-grid-container, .twhq-related .twhq-related-grid {
		display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(300px, 100%), 1fr)) !important; gap: 24px !important; }
	.twhq-related .twhq-related-grid { grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important; }
	.items-wrapper.grid > .item, .ld-course-list-items.row > *, .category-grid-container > * { width: auto !important; max-width: none !important; min-width: 0 !important; margin: 0 !important; float: none !important; padding-left: 0 !important; padding-right: 0 !important; }
	.ld-course-list-items.row::before, .ld-course-list-items.row::after { display: none !important; }
	/* card lists (case studies, downloads): at most 3 cards per row (v1.5), never narrower than 300px */
	.wp-block-post-template:has(.twhq-card) { display: grid !important; grid-template-columns: repeat(auto-fill, minmax(min(100%, max(300px, calc((100% - 48px) / 3))), 1fr)) !important; gap: 24px !important; }
	.wp-block-post-template:has(.twhq-card) > li { width: auto !important; margin: 0 !important; }
	.wp-block-columns.twhq-cols:has(> .wp-block-column > .twhq-colfill .add_to_cart_inline) { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)) !important; }
	.wp-block-columns.twhq-cols:has(> .wp-block-column > .twhq-colfill .add_to_cart_inline) > .wp-block-column { flex-basis: auto !important; width: auto !important; min-width: 0 !important; display: flex !important; flex-direction: column !important; }

	/* ---- COURSE CARDS (LearnDash): title line height 1, calmer spacing ---- */
	.items-wrapper .grid-2 .content { padding: 20px 20px 24px !important; }
	.items-wrapper .grid-2 .content .entry-title, .items-wrapper .grid-2 .content .entry-title a { line-height: 1 !important; }
	.items-wrapper .grid-2 .content .entry-title { margin: 0 0 16px !important; }
	.items-wrapper .grid-2 .content :is(.progress-bar, .ld-progress, .progress) { margin: 0 0 8px !important; }
	.items-wrapper .grid-2 .content .button { padding-top: 20px !important; margin-bottom: 0 !important; }
	.ld-course-list-items .ld_course_grid article.thumbnail .caption :is(h3, .entry-title) { line-height: 1 !important; }
	/* status ribbons: as wide as the word plus 24px each side */
	.ribbon, .sfwd-courses .ribbon { width: auto !important; max-width: none !important; padding: 6px 24px !important; line-height: 1.2 !important; white-space: nowrap !important; }
	.ribbon.enrolled, .ribbon.enrolled.not-started, .ribbon.not-started { background-color: var(--twhq-n200) !important; color: var(--twhq-n900) !important; }
	.ribbon.completed { background-color: #916700 !important; color: var(--twhq-n50) !important; }
	/* older course cards (webinars): "See More" in Gold */
	.ld-course-list-items .ld_course_grid .ld_course_grid_button a.btn.btn-primary { background-color: var(--twhq-y700) !important; color: var(--twhq-n800) !important; border-radius: var(--twhq-radius) !important; }
	.ld-course-list-items .ld_course_grid .ld_course_grid_button a.btn.btn-primary:is(:hover, :focus-visible) { background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; }

	/* ---- DOWNLOADS cards: grey outline, gold outline + soft shadow on hover ---- */
	.twhq-card { border: 1px solid var(--twhq-n300) !important; transition: border-color .3s ease, box-shadow .3s ease !important; }
	.twhq-card:is(:hover, :focus-within) { border-color: var(--twhq-y700) !important; box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; }
	.twhq-card .wp-block-post-excerpt__more-link { border-radius: var(--twhq-radius) !important; background-color: var(--twhq-n800) !important; color: var(--twhq-n200) !important; }
	.twhq-card .wp-block-post-excerpt__more-link:is(:hover, :focus-visible) { background-color: var(--twhq-n900) !important; color: var(--twhq-n50) !important; }

	/* ---- COURSE PRODUCT CARDS (The Female Body courses, Enrol now): light grey card, grey outline; on hover lighter, gold outline, soft shadow.
	   Price and "Add to cart" sit together at the bottom, left-aligned. ---- */
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) {
		background-color: var(--twhq-n100) !important; border: 1px solid var(--twhq-n300) !important; border-radius: var(--twhq-radius) !important;
		box-shadow: none !important; display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; height: 100% !important; box-sizing: border-box !important;
		transition: background-color .3s ease, border-color .3s ease, box-shadow .3s ease !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline):is(:hover, :focus-within) { background-color: var(--twhq-n50) !important; border-color: var(--twhq-y600) !important; box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) > .wp-block-group__inner-container { display: flex !important; flex-direction: column !important; flex: 1 1 auto !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) p.add_to_cart_inline { margin-top: auto !important; padding: 16px 30px 0 !important; border: 0 !important;
		display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: flex-start !important; gap: 12px 16px !important; text-align: left !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) p.add_to_cart_inline > * { margin: 0 !important; }

	/* ---- SIDEBAR: at least 400px wide on desktop, next to the content from 1200px; on smaller screens it drops below,
	   full width, and both the content and the sidebar are centred ---- */
	@media only screen and (min-width: 1200px) {
		.container:has(> .blog-container-sidebar) { display: flex !important; flex-wrap: wrap !important; align-items: flex-start !important; gap: 0 40px !important; }
		.container:has(> .blog-container-sidebar) > :is(.blog-container, .blog-container-main) { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; display: block !important; }
		.container:has(> .blog-container-sidebar) > .blog-container-sidebar { flex: 0 0 var(--twhq-sb-w) !important; width: var(--twhq-sb-w) !important; max-width: var(--twhq-sb-w) !important; margin-left: 0 !important; display: block !important; box-sizing: border-box !important; }
		.container:has(> .blog-container-sidebar) > :not(.blog-container):not(.blog-container-main):not(.blog-container-sidebar) { flex: 1 1 100% !important; }
	}
	@media only screen and (max-width: 1199.98px) {
		.container:has(> .blog-container-sidebar) > :is(.blog-container, .blog-container-main, .blog-container-sidebar) {
			display: block !important; width: 100% !important; max-width: 100% !important; margin-left: auto !important; margin-right: auto !important; box-sizing: border-box !important; }
	}
	/* LearnDash notices ("Please go back and complete the previous topic") in brand yellows */
	.learndash-wrapper .ld-alert-warning { background-color: var(--twhq-y100) !important; border-color: var(--twhq-y) !important; border-radius: var(--twhq-radius) !important; }
	.learndash-wrapper .ld-alert-warning .ld-alert-icon { background-color: var(--twhq-y) !important; }
	/* divider lines in the sidebar run the full width of its content */
	.blog-container-sidebar hr.wp-block-separator { width: 100% !important; max-width: none !important; margin: 24px 0 !important; }

	/* ======== v1.4 ======== */
	/* ---- CARD HOVER, everywhere: grey outline -> gold outline + soft shadow; light-grey cards turn warm white #FFF9F0 ---- */
	.twhq-column > .twhq-col:has(.twhq-icon[class*="twhq-icon-rounded"]) { border-color: var(--twhq-n300) !important;
		transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease !important; }
	.twhq-column > .twhq-col:has(.twhq-icon[class*="twhq-icon-rounded"]):is(:hover, :focus-within) { border-color: var(--twhq-y700) !important;
		box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; background-color: var(--twhq-warm) !important; }
	:is(.category-grid, .twhq-card, .blog-container-sidebar, .items-wrapper .grid-2, .ld-course-list-items .ld_course_grid article.thumbnail):is(:hover, :focus-within),
	.twhq-col.twhq-colfill:has(.add_to_cart_inline):is(:hover, :focus-within) { background-color: var(--twhq-warm) !important; }
	.category-grid, .twhq-card, .blog-container-sidebar, .items-wrapper .grid-2, .ld-course-list-items .ld_course_grid article.thumbnail {
		transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease !important; }
	.items-wrapper .grid-2:is(:hover, :focus-within), .ld-course-list-items .ld_course_grid article.thumbnail:is(:hover, :focus-within) { box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; }
	.items-wrapper .grid-2 article.post, .items-wrapper .grid-2 .content, .ld-course-list-items .ld_course_grid article.thumbnail .caption { background-color: transparent !important; }

	/* home page icon cards (Consultancy, Courses, Projects, Content): they had no outline - now the same 1px grey
	   outline as every other icon card (#C6C4C2, set by the card rule above), gold on hover */
	.twhq-col:is(.vc_custom_1739103727088, .vc_custom_1739103750220, .vc_custom_1739103775220, .vc_custom_1781083142847) {
		border-width: 1px !important; border-style: solid !important; border-radius: var(--twhq-radius) !important; }
	.twhq-col:is(.vc_custom_1739103727088, .vc_custom_1739103750220, .vc_custom_1739103775220, .vc_custom_1781083142847):is(:hover, :focus-within) { border-color: var(--twhq-y700) !important; }

	/* ---- CIRCLE ICONS: one size everywhere (80px circles, 64px on phones), same outline, same space to the heading ---- */
	.twhq-icon[class*="twhq-icon-rounded"]:is(.twhq-icon-md, .twhq-icon-lg, .twhq-icon-xl) .twhq-icon-inner { width: 80px !important; height: 80px !important; font-size: 36px !important;
		border-width: 2px !important; box-sizing: border-box !important; }
	.twhq-icon[class*="twhq-icon-rounded"]:is(.twhq-icon-md, .twhq-icon-lg, .twhq-icon-xl) { margin-bottom: 24px !important; }
	@media only screen and (max-width: 767.98px) {
		.twhq-icon[class*="twhq-icon-rounded"]:is(.twhq-icon-md, .twhq-icon-lg, .twhq-icon-xl) .twhq-icon-inner { width: 64px !important; height: 64px !important; font-size: 29px !important; }
		.twhq-icon[class*="twhq-icon-rounded"]:is(.twhq-icon-md, .twhq-icon-lg, .twhq-icon-xl) { margin-bottom: 20px !important; }
	}

	/* ---- CARD PICTURES at the top of a card: the card clips its own picture, so the corners always match ---- */
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) { overflow: hidden !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline) .wp-block-image.twhq-img, .twhq-col.twhq-colfill:has(.add_to_cart_inline) .wp-block-image.twhq-img :is(figure, img) { border-radius: 0 !important; }

	/* ---- COURSE CARDS (My Account and course lists): status ribbon hugs its word (word + 24px each side);
	   titles line height 1 at every screen size ---- */
	.ribbon, .sfwd-courses .ribbon, .items-wrapper .ribbon, .ld-course-list-items .ribbon { right: auto !important; width: max-content !important; max-width: calc(100% - 24px) !important;
		padding: 6px 24px !important; box-sizing: border-box !important; }
	.items-wrapper .grid-2 :is(h1, h2, h3, h4, h5, h6, .entry-title), .items-wrapper .grid-2 :is(h1, h2, h3, h4, h5, h6, .entry-title) *,
	.ld-course-list-items .ld_course_grid :is(h1, h2, h3, h4, h5, h6, .entry-title), .ld-course-list-items .ld_course_grid :is(h1, h2, h3, h4, h5, h6, .entry-title) * { line-height: 1 !important; }

	/* course cards: the progress block has no background of its own (it clashed with the card's hover colour);
	   titles: line height 1 also for any title element the course grid uses */
	:is(.items-wrapper .grid-2, .ld-course-list-items .ld_course_grid article.thumbnail) :is(.ld-progress, .learndash-wrapper .ld-progress, .ld-progress-heading, [class*="progress-wrap"], .course-progress) {
		background-color: transparent !important; box-shadow: none !important; }
	:is(.items-wrapper .grid-2, .ld-course-list-items .ld_course_grid) :is(.title, [class*="title"]):not([class*="progress"]), :is(.items-wrapper .grid-2, .ld-course-list-items .ld_course_grid) :is(.title, [class*="title"]):not([class*="progress"]) * { line-height: 1 !important; }

	/* course card titles (course grid: h3.entry-title > a). The h3 itself kept a large line height on desktop, which
	   spread the lines apart however tight the link was: the h3 now has the same size as the link, line height 1,
	   and the link is a block, so the lines sit tight at every screen size. */
	.items-wrapper .grid-2 .content h3.entry-title, .grid-2 .post.sfwd-courses .content h3.entry-title,
	.learndash-course-grid .items-wrapper .grid-2 .content .entry-title { font-size: 24px !important; line-height: 1 !important; margin: 0 0 16px !important; padding: 0 !important; }
	.items-wrapper .grid-2 .content h3.entry-title a, .grid-2 .post.sfwd-courses .content h3.entry-title a,
	.learndash-course-grid .items-wrapper .grid-2 .content .entry-title a { display: block !important; font-size: 24px !important; line-height: 1 !important; }

	/* ---- MY ACCOUNT tabs: current tab brand yellow (like the header), other tabs #E0DCDA; hover #EAAD00; no outlines ---- */
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a,
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li:not(:first-child) a { background-color: var(--twhq-n200) !important; color: var(--twhq-n800) !important; box-shadow: none !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a, body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active:not(:first-child) a {
		background-color: var(--twhq-y) !important; color: var(--twhq-n900) !important; box-shadow: none !important; }
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li a:is(:hover, :focus-visible),
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li.is-active a:is(:hover, :focus-visible),
	body.woocommerce-account nav.woocommerce-MyAccount-navigation ul li:not(:first-child) a:is(:hover, :focus-visible) { background-color: var(--twhq-y600) !important; color: var(--twhq-n900) !important; box-shadow: none !important; }

	/* ---- LESSON buttons: text centred in the button ---- */
	.learndash-wrapper .ld-content-actions :is(.ld-button, .learndash_mark_complete_button, a.ld-course-step-back), .learndash-wrapper .ld-content-actions > a.ld-primary-color {
		display: inline-flex !important; align-items: center !important; justify-content: center !important; text-align: center !important; }

	/* ---- COURSE PAGES: module / course card lists line up with the picture and progress box above them (no -15px row margins) ---- */
	.ld-course-list-items.row, .items-wrapper.grid, .ld-course-list-items .row { margin-left: 0 !important; margin-right: 0 !important; }

	/* ---- SMALL COURSE CARDS ("Enrol now" and other product cards without the left-aligned setting): price and button
	   centred, 20px under the button. The big course cards (left-aligned setting) keep price + button on the left. ---- */
	.twhq-col.twhq-colfill:has(.add_to_cart_inline):not(.cart-align-left) p.add_to_cart_inline { flex-wrap: wrap !important; align-items: baseline !important; justify-content: center !important; text-align: center !important; gap: 12px 8px !important; padding: 16px 20px 20px !important; }
	/* price parts (old price, price, "inc. VAT") stay on one line; the button goes on its own line below */
	.twhq-col.twhq-colfill:has(.add_to_cart_inline):not(.cart-align-left) p.add_to_cart_inline::before { content: "" !important; display: block !important; flex-basis: 100% !important; height: 0 !important; order: 1 !important; }
	.twhq-col.twhq-colfill:has(.add_to_cart_inline):not(.cart-align-left) p.add_to_cart_inline > :is(a.button, a.added_to_cart) { order: 2 !important; }

	/* ---- LESSON buttons: when "Mark Complete" and "Back to Module / Course" share the middle slot, 12px between them ---- */
	.learndash-wrapper .ld-content-action:has(.learndash_mark_complete_button, form):has(a.ld-course-step-back, > a.ld-primary-color) {
		display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
	.learndash-wrapper .ld-content-action:has(.learndash_mark_complete_button, form):has(a.ld-course-step-back, > a.ld-primary-color) > * { margin: 0 !important; }

	/* ---- PDF previews in lessons: full width of the text column ---- */
	.blog-container :is(object.wp-block-file__embed, .wp-block-file object, .wp-block-file iframe) { width: 100% !important; max-width: 100% !important; }

	/* ---- RELATED ARTICLES: 2 cards side by side, stacked on phones ---- */
	.twhq-related .twhq-related-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
	@media only screen and (max-width: 599.98px) { .twhq-related .twhq-related-grid { grid-template-columns: minmax(0, 1fr) !important; } }

	/* ---- SIDEBAR width: a narrower width on laptops and desktops up to 1899px, 400px on very large screens ---- */
	@media only screen and (min-width: 1200px) and (max-width: 1899.98px) {
		.container:has(> .blog-container-sidebar) > .blog-container-sidebar { flex-basis: var(--twhq-sb-w) !important; width: var(--twhq-sb-w) !important; max-width: var(--twhq-sb-w) !important; }
	}
	/* pages without a sidebar: the content uses the full width */
	.blog-body-container .container:not(:has(> .blog-container-sidebar)) > .blog-container { display: block !important; width: 100% !important; max-width: none !important; }

	/* ======== v1.5 ======== */
	/* ---- ANIMATED PAGE HEADERS: the yellow header of every page (except home, shop and courses, which keep their picture
	   headers) gets the moving yellow / gold / coral colour field, drawn by site.js on a canvas inside a parallax layer.
	   Until it draws (or without WebGL / with reduced motion) the still version below shows, so there is never a flash. ---- */
	.twhq-has-mesh { position: relative !important; isolation: isolate; }
	.twhq-has-mesh > :not(.twhq-mesh) { position: relative; z-index: 1; }
	/* v1.5.2: every piece of header content sits ABOVE the colour field - also inside the inner wrapper, which is
	   display: contents and so could not lift its children. Before, text that was not inside a positioned box could end
	   up under the colours once its fade-in finished - on iPhones the header title / intro could disappear. */
	.twhq-has-mesh > .wp-block-group__inner-container > *, .twhq-has-mesh > .wpb_column, .twhq-has-mesh > .vc_column_container { position: relative; z-index: 1; }
	.twhq-mesh { position: absolute !important; inset: 0; z-index: 0 !important; overflow: hidden; pointer-events: none; }   /* clips only the colours, never the content */
	.twhq-mesh__layer { position: absolute; left: 0; right: 0; top: -18%; height: 136%; will-change: transform; transform: translate3d(0, 0, 0) scale(1.06);
		background:
			radial-gradient(55% 75% at 8% 10%, #FF6955 0%, rgba(255, 105, 85, 0) 70%),
			radial-gradient(50% 70% at 30% 95%, #D39C00 0%, rgba(211, 156, 0, 0) 70%),
			radial-gradient(60% 80% at 85% 40%, #FFC200 0%, rgba(255, 194, 0, 0) 75%),
			#FFC200; }
	.twhq-mesh canvas { position: absolute; inset: 0; display: block; width: 100%; height: 100%; opacity: 0; transition: opacity .9s var(--twhq-ease); }
	.twhq-mesh canvas.is-live { opacity: 1; }

	/* ---- MY ACCOUNT, logged out: only the log-in / register forms (the empty "My courses" and "My certificates"
	   sections and their spacing are hidden); the two forms are equal-height cards like the home page cards ---- */
	body.woocommerce-account:not(.logged-in) .entry-content > .wp-block-columns:not(:has(#customer_login, .woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword, .woocommerce)) { display: none !important; }
	body.woocommerce-account:not(.logged-in) .entry-content > .wp-block-columns:not(:has(#customer_login, .woocommerce-form-login, .woocommerce-form-register, .woocommerce-ResetPassword, .woocommerce)) + .wp-block-spacer { display: none !important; }
	body.woocommerce-account:not(.logged-in) .entry-content .woocommerce { padding-bottom: 100px !important; }
	#customer_login.u-columns, #customer_login.col2-set { display: flex !important; flex-wrap: wrap !important; gap: 32px 40px !important; align-items: stretch !important; }
	#customer_login.u-columns::before, #customer_login.u-columns::after, #customer_login.col2-set::before, #customer_login.col2-set::after { display: none !important; }
	#customer_login > .u-column1, #customer_login > .u-column2, #customer_login > .col-1, #customer_login > .col-2 { flex: 1 1 340px !important; width: auto !important; float: none !important; margin: 0 !important; display: flex !important; flex-direction: column !important; }
	#customer_login form.woocommerce-form-login, #customer_login form.woocommerce-form-register { flex: 1 1 auto !important; margin: 0 !important; }
	.woocommerce form.woocommerce-form-login, .woocommerce form.woocommerce-form-register, .woocommerce form.woocommerce-ResetPassword, .woocommerce form.lost_reset_password {
		border: 1px solid var(--twhq-n300) !important; border-radius: var(--twhq-radius) !important; background-color: var(--twhq-n100) !important;
		transition: border-color .3s ease, box-shadow .3s ease, background-color .3s ease !important; }
	.woocommerce :is(form.woocommerce-form-login, form.woocommerce-form-register, form.woocommerce-ResetPassword, form.lost_reset_password):is(:hover, :focus-within) {
		border-color: var(--twhq-y700) !important; box-shadow: 0 10px 28px rgba(25, 24, 24, .08) !important; background-color: var(--twhq-warm) !important; }

	/* ---- FORM FIELDS filled in by the browser: warm white #FFF9F0 instead of the browser's blue ---- */
	input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, textarea:-webkit-autofill, select:-webkit-autofill {
		-webkit-box-shadow: 0 0 0 1000px var(--twhq-warm) inset !important; box-shadow: 0 0 0 1000px var(--twhq-warm) inset !important;
		-webkit-text-fill-color: var(--twhq-n900) !important; caret-color: var(--twhq-n900); transition: background-color 9999s ease 0s; }
	input:autofill { background-color: var(--twhq-warm) !important; }

	/* ---- PHONE MENU open: the newsletter teaser and the reCAPTCHA badge step aside (they come back when it closes) ---- */
	html.twhq-menu-open .grecaptcha-badge, html.twhq-menu-open [class*="kl-teaser"], html.twhq-menu-open .needsclick[class*="kl-teaser"] { visibility: hidden !important; opacity: 0 !important; }

	/* ---- FADE IN, editor setting "Animation: None": the block appears straight away ---- */
	/* v1.5.1 product pages: breadcrumb and price / Add to cart just below the top bar; a full-width header section at
	   the start of the description runs up behind them (positions set by site.js) */
	body.single-product.twhq-prod-top main#content { padding-top: calc(var(--twhq-prod-bar, 0px) + 24px) !important; }
	body.single-product.twhq-prod-top main#content .woocommerce-breadcrumb, body.single-product.twhq-prod-top main#content .summary.entry-summary { position: relative; z-index: 3; }
	body.single-product .twhq-prod-hero { position: relative; z-index: 1; }
	/* ---- v1.5.2 STANDARD PAGE HEADER (.twhq-hero, from the "TWHQ page header" patterns) --------------------------
	   One header for every page: brand yellow with the moving colours, title (H1), optional intro line and button.
	   Same height on every page (shorter headers keep the title at the same place near the bottom), same space above
	   and below, same type sizes; the left edge is the page content edge at every screen size. */
	.twhq-hero { background-color: var(--twhq-y) !important; display: flex !important; flex-direction: column; justify-content: flex-end;
		box-sizing: border-box; min-height: 420px; margin-top: 0 !important; margin-bottom: 0 !important; border-top: 0 !important;
		padding-top: 112px !important; padding-bottom: 48px !important; }
	.twhq-hero > .wp-block-group__inner-container { display: block !important; width: 100%; }
	.twhq-hero h1, .twhq-hero h2.twhq-h1 { margin: 0 !important; max-width: 960px; font-size: 40px !important; line-height: 1.1 !important; }
	.twhq-hero .twhq-hero__intro, .twhq-hero h1 + p, .twhq-hero h1 + h4 { font-family: 'Inter Heading', 'Inter', Helvetica, Arial, sans-serif !important;
		font-size: 22px !important; font-weight: 500 !important; line-height: 1.4 !important; color: var(--twhq-n900) !important;
		max-width: 860px; margin: 24px 0 0 !important; }
	.twhq-hero .wp-block-buttons { margin: 32px 0 0 !important; }
	/* PAGE HEADER ENTRANCE (v1.5.3): when the page opens, the title rises in, then the intro, then the button
	   (0.9s each, 0.15s apart). Plays once; it only starts hidden while it plays, so it can never leave text hidden.
	   Same for the older yellow headers and the blog / course headers. "Animation: None" on a block switches it off. */
	@keyframes twhq-headIn { 0% { opacity: 0; transform: translate3d(0, 32px, 0); } 100% { opacity: 1; transform: none; } }
	@media (prefers-reduced-motion: no-preference) {
		.twhq-js :is(.twhq-hero, body:not(.twhq-no-mesh) .entry-content > .twhq-row:first-child, .blogheader-container) :is(h1, h2.twhq-h1):not(.twhq-noanim) { animation: twhq-headIn .9s cubic-bezier(.22, .61, .36, 1) .1s backwards; }
		.twhq-js :is(.twhq-hero, body:not(.twhq-no-mesh) .entry-content > .twhq-row:first-child, .blogheader-container) :is(p, h3, h4, h5, .blogheader-meta):not(.twhq-noanim) { animation: twhq-headIn .9s cubic-bezier(.22, .61, .36, 1) .25s backwards; }
		.twhq-js :is(.twhq-hero, body:not(.twhq-no-mesh) .entry-content > .twhq-row:first-child, .blogheader-container) :is(.wp-block-buttons, .vc_btn3-container, .twhq-btns):not(.twhq-noanim) { animation: twhq-headIn .9s cubic-bezier(.22, .61, .36, 1) .4s backwards; }
		.twhq-js :is(.twhq-hero, body:not(.twhq-no-mesh) .entry-content > .twhq-row:first-child, .blogheader-container) .wp-block-buttons p { animation: none; }
	}
	@media only screen and (min-width: 768px) {
		.twhq-hero { min-height: 500px; padding-top: 150px !important; padding-bottom: 64px !important; }
		.twhq-hero h1, .twhq-hero h2.twhq-h1 { font-size: 56px !important; }
		.twhq-hero .twhq-hero__intro, .twhq-hero h1 + p, .twhq-hero h1 + h4 { font-size: 28px !important; margin-top: 28px !important; }
	}
	@media only screen and (min-width: 1280px) {
		.twhq-hero { min-height: 640px; padding-top: var(--twhq-hero-top) !important; padding-bottom: 80px !important; }
		.twhq-hero h1, .twhq-hero h2.twhq-h1 { font-size: 72px !important; }
		.twhq-hero .twhq-hero__intro, .twhq-hero h1 + p, .twhq-hero h1 + h4 { font-size: 28px !important; margin-top: 32px !important; }
	}
	/* v1.6: empty basket - no "New in store" product list under "Your cart is currently empty" */
	.wp-block-woocommerce-empty-cart-block .wp-block-separator.is-style-dots,
	.wp-block-woocommerce-empty-cart-block h2.wp-block-heading:not(.wc-block-cart__empty-cart__title),
	.wp-block-woocommerce-empty-cart-block .wp-block-product-new { display: none !important; }
	.twhq-js .twhq-noanim, .twhq-js .twhq-noanim.twhq-anim:not(.twhq-in) { opacity: 1 !important; animation: none !important; }
	.twhq-js .twhq-anim.twhq-anim-slow.twhq-in { animation-duration: 1.3s !important; }

	@media only screen and (max-width: 600px) { #popmake-11169 .pum-close, .pum-container:has(#basic-user-avatar-form) .pum-close { top: 8px !important; right: 8px !important; } }
	/* ---- POP-UPS: Inter instead of Roboto in every pop-up ---- */
	.pum-container .pum-content { font-family: 'Inter', Helvetica, Arial, sans-serif !important; }
	/* "Upload your profile avatar" pop-up: rounded, soft shadow instead of the yellow border, brand close button */
	#popmake-11169.pum-container, .pum-container:has(#basic-user-avatar-form) {
		border: 0 !important; border-radius: 16px !important; box-shadow: 0 16px 48px rgba(25, 24, 24, .16) !important; background-color: var(--twhq-n50) !important; }
	#popmake-11169 .pum-close, .pum-container:has(#basic-user-avatar-form) .pum-close {
		width: 36px !important; height: 36px !important; top: -14px !important; right: -14px !important; padding: 0 !important;
		display: flex !important; align-items: center !important; justify-content: center !important; border: 0 !important; border-radius: 50% !important;
		background-color: var(--twhq-n800) !important; color: var(--twhq-n50) !important; box-shadow: 0 4px 12px rgba(25, 24, 24, .2) !important;
		font-family: Arial, sans-serif !important; font-size: 22px !important; line-height: 1 !important; font-weight: 400 !important; cursor: pointer !important;
		transition: background-color .25s ease !important; }
	#popmake-11169 .pum-close:hover, #popmake-11169 .pum-close:focus-visible,
	.pum-container:has(#basic-user-avatar-form) .pum-close:hover, .pum-container:has(#basic-user-avatar-form) .pum-close:focus-visible { background-color: var(--twhq-n900) !important; }
	form#basic-user-avatar-form p input#basic-local-avatar { background-color: transparent !important; border: 0 !important; padding: 0 !important; color: var(--twhq-n800) !important; font-family: inherit !important; }
	form#basic-user-avatar-form input[type="file"]::file-selector-button {
		margin-right: 12px !important; padding: 9px 18px !important; border: 0 !important; border-radius: var(--twhq-radius) !important; cursor: pointer !important;
		background-color: transparent !important; color: var(--twhq-n800) !important; box-shadow: inset 0 0 0 2px var(--twhq-n500) !important;
		font: 500 14px/1.2 'Inter', Helvetica, Arial, sans-serif !important; transition: box-shadow .25s ease, color .25s ease !important; }
	form#basic-user-avatar-form input[type="file"]::file-selector-button:hover { color: var(--twhq-n900) !important; box-shadow: inset 0 0 0 2px var(--twhq-n900) !important; }
	form#basic-user-avatar-form input[type="submit"] { padding: 11px 26px !important; border: 0 !important; cursor: pointer !important; }
}

/* ==== BRAND FONTS - files live in wp-content/uploads/fonts/ (theme-independent) ==== */

/* Georgia - bold only (headings h1-h3) */
@font-face {
	font-family: 'Georgia';
	font-weight: 700;
	font-style: normal;
	font-display: swap;
	src: url('/wp-content/uploads/fonts/georgia/Georgia-Bold.woff2') format('woff2'), url('/wp-content/uploads/fonts/georgia/Georgia-Bold.woff') format('woff');
}

/* Inter - all text that used Roboto, in its real weights (400 regular, 500 medium, 700 bold ...). */
@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	src: url('/wp-content/uploads/fonts/inter/InterVariable.woff2') format('woff2');
}
@font-face {
	font-family: 'Inter';
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
	src: url('/wp-content/uploads/fonts/inter/InterVariable-Italic.woff2') format('woff2');
}

/* Inter Heading - headings that used Roboto (h4-h6 and a few LearnDash / slider titles).
   Higher contrast with the body copy: every weight shows TWO steps heavier than the CSS asks for -
     Roboto Medium 500 -> Inter Bold 700, SemiBold 600 -> Inter ExtraBold 800, Bold 700+ -> Inter Black 900.
   Light weights (100-400) stay as they are. Uses the Inter Display cut, designed for headings. */
@font-face { font-family: 'Inter Heading'; font-weight: 100 449; font-style: normal; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterVariable.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 100 449; font-style: italic; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterVariable-Italic.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 450 549; font-style: normal; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-Bold.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 450 549; font-style: italic; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-BoldItalic.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 550 649; font-style: normal; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-ExtraBold.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 550 649; font-style: italic; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-ExtraBoldItalic.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 650 900; font-style: normal; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-Black.woff2') format('woff2'); }
@font-face { font-family: 'Inter Heading'; font-weight: 650 900; font-style: italic; font-display: swap; src: url('/wp-content/uploads/fonts/inter/InterDisplay-BlackItalic.woff2') format('woff2'); }