/**
 * Supplementary styles
 */
/*
* {
	outline: 1px dotted red;
}
*/

.is-not-production::after {
	position: absolute;
	top: 2px;
	right: 2px;
	z-index: 10000;
	content: 'Note: this is the staging site';
	padding: 2px 7px;
	background-color: hsla(0, 59%, 41%, 0.3);
	color: white;
	font-size: 0.75em;
	line-height: 1.4;
}

/* ===================== GLOBALS ===================== */

/**
 * Global hue values
 * These variables are used only in other HSL declarations (color, background-color, etc.)
 */
:root {
	--hue-red: 0;
	--hue-burnt-umber: 9;
	--hue-orange: 30;
	--hue-yellow: 60;
	--hue-yellow-green: 90;
	--hue-green: 120;
	--hue-green-cyan: 150;
	--hue-cyan: 180;
	--hue-cyan-blue: 210;
	--hue-blue: 240;
	--hue-blue-magenta: 270;
	--hue-magenta: 300;
	--hue-magenta-red: 330;
}

/**
 * Named colours
 */
:root {
	--color-yellow-ochre: hsl(37, 52%, 51%);
	--color-raw-sienna: hsl(16, 42%, 52%);
	--color-burnt-sienna: hsl(6, 50%, 55%);
	--color-raw-umber: hsl(20, 21%, 46%);
	--color-burnt-umber: hsl(var(--hue-burnt-umber), 59%, 34%);
	--color-burnt-orange: hsl(21, 64%, 47%);
}

/**
 * Project-specific hue values
 * For brand and other named colours
 */
:root {
	--hue-cream: 48;
	--hue-terracotta: 15;
}

/* ===================== GLOBAL COLOURS ===================== */

body {
	--primary-h: var(--hue-green);
	--primary-h-brand: var(--hue-green);
	--secondary-h: var(--primary-h);
	--cta-h: var(--primary-h-brand);
	/* --cta-h: var(--primary-h); */
	--cta-s: 70%;
	--cta-l: 50%;
	--bg-primary-s: 0%;
	--bg-primary-l: 93%;
	--bg-secondary-s: 0%;
	--bg-secondary-l: 85%;
	--bg-cta-s: 10%;
	--bg-cta-l: 10%;
	--bg-cta-hover-l: 40%;
	--color-off-white-s: 50%;
	--color-off-white-l: 99%;
	--color-off-white: hsl(var(--primary-h), var(--color-off-white-s), var(--color-off-white-l));
	--color-off-white-2: hsl(var(--primary-h), var(--color-off-white-s), 95%);
	--color-off-black-s: 0%;
	--color-off-black-l: 10%;
	--color-off-black: hsl(var(--primary-h), var(--color-off-black-s), var(--color-off-black-l));
	--primary-gray-s: 0%;
	--color-primary-gray-5: hsl(var(--primary-h), var(--primary-gray-s), 95%);
	--color-primary-gray-10: hsl(var(--primary-h), var(--primary-gray-s), 90%);
	--color-primary-gray-20: hsl(var(--primary-h), var(--primary-gray-s), 80%);
	--color-primary-gray-30: hsl(var(--primary-h), var(--primary-gray-s), 70%);
	--color-primary-gray-40: hsl(var(--primary-h), var(--primary-gray-s), 60%);
	--color-primary-gray-50: hsl(var(--primary-h), var(--primary-gray-s), 50%);
	--color-primary-gray-60: hsl(var(--primary-h), var(--primary-gray-s), 40%);
	--color-primary-gray-70: hsl(var(--primary-h), var(--primary-gray-s), 30%);
	--color-primary-gray-80: hsl(var(--primary-h), var(--primary-gray-s), 20%);
	--color-primary-gray-90: hsl(var(--primary-h), var(--primary-gray-s), 10%);
	--color-primary-gray-95: hsl(var(--primary-h), var(--primary-gray-s), 5%);

	--complementary-h: var(--cta-h);
	--complementary-s: var(--cta-s);
	--complementary-l: var(--cta-l);

	--primary-color: hsl(var(--primary-h), var(--bg-primary-s), 20%);
	--primary-color-brand: hsl(var(--primary-h-brand), var(--bg-primary-s), 20%);
	--primary-bg-color: hsl(var(--primary-h), var(--bg-primary-s), var(--bg-primary-l));
	--primary-bg-color-brand: hsl(var(--primary-h-brand), var(--bg-primary-s), var(--bg-primary-l));
	--primary-link-color: hsl(var(--primary-h), 60%, 30%);
	--primary-link-color-active: hsl(var(--primary-h), 50%, 60%);
	--primary-link-color-visited: hsl(var(--primary-h), 15%, 60%);

	--bg-complementary-l-hover: 20%;
	--color-complementary: var(--color-burnt-umber);
	--color-complementary-2: var(--color-complementary);	/* Variant of --color-complementary, optimised for subheadings & other text */
	--color-complementary-2-brand: var(--color-burnt-umber);

	/**
	 * Physicians section variations
	 */
	--primary-h-physicians: var(--hue-blue-magenta);
	/* --primary-h-physicians: var(--hue-cyan-blue); */
	--color-complementary-2-physicians: hsl(var(--hue-magenta-red), 59%, 34%);

}

.section-physicians {
	--primary-h: var(--primary-h-physicians);
	--color-complementary-2: var(--color-complementary-2-physicians);
}

body,
.site-header,
.site-container > .patient-portal-cta-wrap,
.site-header .site-title a,
.site-header .site-title a:hover,
.site-header .site-title a:focus,
body footer.site-footer {
	--bg-primary-s: 50%;
	--bg-cta-s: 20%;
	--bg-cta-l: 20%;
	--color-off-white-s: 20%;
	--color-off-white-l: 98%;
	--color-off-black-s: 20%;
	--color-off-black-l: 20%;
	--primary-gray-s: 20%;
}

body {
	background-color:	#b3d5b3;
	background-color: hsl(var(--primary-h), 29%, 77%);
}

body .site-header {
	background-color: var(--primary-bg-color);
}

.site-header .site-title a:hover,
.site-header .site-title a:focus {
	background-color: var(--primary-bg-color-brand);
}

.site-container, .site-inner {
	background-color: var(--color-off-white);
}

.footercontainer .footercontent {
	background-color: hsla(120, 40%, 90%, 0.8);
	--bg-secondary-s: 40%;
	background-color: hsla(var(--secondary-h), 40%, 90%, 0.8);
}

.ie .footercontainer .footercontent * {
	color: #194d19;
}

.patient-portal-cta-wrap a,
.site-footer .patient-portal-cta-wrap a,
input[type="submit"],
.site-footer .wrap input[type="submit"]
  {
	color: #fff !important;
	color: var(--color-off-white) !important;
	/* background-color: hsl(var(--cta-h), var(--bg-cta-s), var(--bg-cta-l)); */
	/* background-color: #000; */
	background-color: #8a3324;
	background-color: var(--color-complementary);
	text-decoration: none !important;
}

.site-footer .wrap input[type="submit"] {
	font-size: 16px;
}

.site-footer .wrap .mc4wp-form-fields input[type="submit"] {
	/* background-color: black; */
	background-color: hsl(var(--hue-burnt-umber), 25%, 25%);
}

.patient-portal-cta-wrap a:hover,
.patient-portal-cta-wrap a:focus,
.patient-portal-cta-wrap a:active,
.entry-content .wpcf7-submit:hover,
.entry-content .wpcf7-submit:focus,
.entry-content .wpcf7-submit:active {
	/* background-color: hsl(var(--primary-h), var(--bg-primary-s), var(--bg-cta-hover-l)); */
	/* background-color: hsl(0deg 0% 40%); */
	background-color: #0f570f;
	background-color: hsl(var(--complementary-h), var(--complementary-s), var(--bg-complementary-l-hover));
}

.patient-portal-cta-wrap a:focus {
	outline: 1px solid black;
}

.site-footer .wrap * {
	color: #061306;
	--color-site-footer-l: 5%;
	color: hsl(var(--primary-h), var(--bg-primary-s), var(--color-site-footer-l));
	/* color: hsl(0deg 0% 5%); */
}

.site-footer .wrap a:link {
	text-decoration: underline;
}

.site-footer .wrap a:hover,
.site-footer .wrap a:focus,
.site-footer .wrap a:active {
	text-decoration: none;
	border-bottom-width: 0;
	color: hsl(var(--primary-h), 20%, 70%) !important;
	/* color: hsl(var(--primary-h), var(--bg-primary-s), var(--color-site-footer-l)); */
	/* color: hsl(120, 50%, 5%) */
}

.site-footer .wrap a:visited {
	color: hsl(var(--primary-h), 20%, 40%);
}

.title-area,
.site-footer .site-description {
	color: #8a3324;
	color: var(--color-complementary-2-brand);
}

.entry-title, h2, h3, .h3 {
	color: var(--color-complementary-2);
}

/**
 * Colour of site title, with override to ensure that 'my' and 'advocate' are styled with the colour
 */
.site-title,
.site-title .site-title-my,
.site-title .site-title-md,
.site-title .site-title-advocate,
.site-footer .wrap .footercontainer h2,
.site-footer .wrap .footercontainer h2 * {
	color: #194d19;
	color: var(--primary-color-brand);
	/* color: var(--primary-color); */
}

.site-footer .wrap .footercontainer a[title],
.site-footer .wrap .footercontainer abbr[title] {
	text-decoration-color: var(--color-primary-gray-50);
}

/**
 * Colour background of 'MD' portion of site title
 */
.site-title .site-title-md {
	/* --color-site-title-2-l: 10%; */
	/* color: hsl(var(--primary-h), var(--bg-primary-s), var(--color-site-title-2-l)); */
	background-color: #dcf9dc;
	background-color: hsl(var(--complementary-h), 70%, 92%);
	/* color: green; */
	/* color: hsl(0deg 0% 10%); */
}

.footer-widget-social-media .social-icons li,
.footer-widget-social-media .social-icons a {
	display: block;
}

.footer-widget-social-media .social-icons a:hover .label {
	text-decoration: underline;
}

.footer-widget-social-media .social-icons li {
	width: 100%;
}

.footer-widget-social-media .social-icons .label {
	display: block;
	margin-top: -1em;
	margin-left: 2em;
	float: left;
}

#simple-social-icons-2 ul li a {
	background-color: var(--color-off-white) !important;
	/* background-color: #f5f5f5 !important; */
	border: 0px var(--color-off-white) solid !important;
	/* border: 0px #ffffff solid !important; */
}

#simple-social-icons-2 ul li a:hover,
#simple-social-icons-2 ul li a:focus {
	color: var(--color-off-black) !important;
	/* color: #000000 !important; */
	background-color: var(--primary-link-color-active) !important;
	/* background-color: hsl(var(--primary-h), var(--bg-primary-s), var(--bg-cta-hover-l)) !important; */
	/* background-color: var(--color-off-white) !important; */
	/* background-color: #f5f5f5 !important; */
}

#simple-social-icons-2 ul li a:focus {
	outline: 1px dotted var(--bg-cta-l) !important;
	/* outline: 1px dotted #444444 !important; */
}

/* ===================== TYPOGRAPHY ===================== */

body {
	line-height: 1.65;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
.site-title
{
	font-family: 'Lato', sans-serif;
	font-size: 20px;
}

.home .entry-content {
	font-size: 22px;
}

.has-tagline .site-description {
	font-size: 18px;
	line-height: 1.3;
	font-weight: 500;
}

.site-title {
	font-size: 28px;
	/* font-size: 22px; */
	text-transform: none;
}

.breadcrumb {
	font-size: 16px;
}

.footercontainer .footercontent {
	text-align: left;
	font-size: 16px;
	font-weight: 400;
}

.site-footer h2 {
	font-size: 18px;
}

.site-footer .site-title {
	font-size: 21px;
}

.footer-boilerplate {
	display: block;
}

.footer-boilerplate,
.site-footer .site-credits {
	font-size: 15px;
}

.footer-boilerplate .site-title {
	font-size: 17px;
}

.site-footer .site-description {
	font-size: 17px;
	font-style: italic;
}

.site-footer p {
	line-height: 1.4;
}

/* ===================== LOGO ===================== */

.site-header {
	background-image: url('images/pixabay-tree-2069728-off-black-optimised.svg');
	background-repeat: no-repeat;
}

.ie .site-header {
	background-image: url('images/pixabay-tree-2069728-off-black-optimised-02.svg');
}

.site-header {
	padding-bottom: 0;
}

.site-container .site-header,
.admin-bar .site-container .site-header {
	background-position-x: -30px;
	background-size: 375px;
	/* background-size: 22%; */
	background-position-y: -29px;
	padding-top: 46px;
	/* padding-top: 96px; */
	padding-right: 0;
	padding-left: 0;
}

.ie .site-container .site-header,
.ie .admin-bar .site-container .site-header {
/*
	background-size: auto;
	background-position: bottom left;
*/

}

.site-header .title-area {
	float: none;
	position: relative;
	margin-top: 3em;
	border-bottom-style: solid;
	border-bottom-width: 6px;
	border-bottom-color: brown;
	border-bottom-color: var(--color-complementary-2-brand);
	background-color: #fff;
	background-color: hsla(0deg, 100%, 100%, 0.9);
	padding: 1em 5em 0.3em 1.2em;
}

.title-area:before {
	position: absolute;
	content: '';
	left: 9%;
	bottom: 0;
	width: 100%;
	height: 110%;
	/* z-index: -1; */
	opacity: 0.1;
	/* outline: 1px dotted blue; */
	max-width: 380px;
	top: -14%;
}

.site-title {
	font-size: 28px;
	line-height: 1.1;
}

.entry-content .site-title {
	font-size: inherit;
}

#genesis-mobile-nav-primary {
	margin-right: 15px;
	transition: none;
}

#genesis-mobile-nav-primary,
#genesis-mobile-nav-primary[aria-expanded="false"] {
	margin-top: -80px;
}

#genesis-mobile-nav-primary[aria-expanded="true"] {
	margin-top: -129px;
	/* margin-top: -137px; */
}

.site-title a {
	background-color: inherit;
}

.site-title-formatted > span {
	position: relative;
}

.title-area {
	max-height: 165px;
	overflow: hidden;
}

.site-title .site-title-md {
	margin: 0 -12px 0 -13px;
	/* margin: 0 -11px 0 -12px; */
	padding: 2px 13px 3px 14px;
	/* padding: 2px 12px 3px 13px; */
	font-size: 120%;
}

.entry-content .site-title .site-title-md {
	/* padding: 0 12px 0 13px; */
	padding: 1px 12px 2px 13px;
	font-size: 110%;
}

.site-title .site-title-my,
.site-title .site-title-md,
.site-title .site-title-advocate {
	white-space: nowrap;
}

.site-title .site-title-my {
	z-index: 1;
}

.site-footer .wrap .site-title .site-title-md {
	font-size: 104%;
	margin: 0 -10px 0 -10px;
	padding: 1px 10px 1px 10px;
}

.site-footer .footer-boilerplate .site-title .site-title-md {
	margin: 0 -8px 0 -8px;
	padding: 1px 8px 1px 8px;
	/* outline: 1px solid red; */
}

.genesis-nav-menu a,
.genesis-nav-menu .toggle-header-search {
	font-size: 16px;
}

.footercontainer {
	/* outline: 1px dotted red; */
	position: relative;
	/* margin-bottom: 1em; */
	max-width: 1600px;
	margin: 0 auto 2em auto;
}

.footercontainer::after {
	/* outline: 2px dotted hsla(240, 80%, 50%, 0.9); */
	position: absolute;
	content: '';
	background-image: url('images/sb-fern-3532-silhouette-450.png');
	background-repeat: no-repeat;
	opacity: 0.3;

	background-size: 96%;
	/* background-size: 79%; */
	background-position-x: 75%;
	background-position-y: 121%;

	width: 380px;
	height: 126%;

	right: 18px;
	bottom: 18px;

}

.footercontainer .footer-widget-wrap {
	z-index: 1;
}

/* ===================== LAYOUT ===================== */

.site-container[style] {
	margin-bottom: 0 !important;
}

.site-header {
	border-bottom-width: 0;
}

.site-inner {
	margin-top: 280px;
	/* margin-top: 164px; */
}

.genesis-breadcrumbs-hidden .site-inner {
	margin-top: 220px;
	/* margin-top: 200px; */
}

.genesis-breadcrumbs-visible .site-inner {
	margin-top: 210px;
	/* margin-top: 190px; */
}

.site-title > span {
	display: inline-block;
}

.entry-header::after {
	padding-bottom: 10px;
}

.patient-portal-cta-wrap {
	display: flex;
	justify-content: flex-end;
}

.site-header .patient-portal-cta-wrap {
	margin-top: 0;
	position: absolute;
	top: 42px;
	left: 24px;
}

.breadcrumb {
	margin-bottom: 20px;
}

.entry {
	margin-bottom: 40px;
}

.site-footer .patient-portal-cta-wrap {
	justify-content: flex-start;
}

.patient-portal-cta-wrap p {
	margin: 8px 0 0 0;
}

.patient-portal-cta-wrap a,
.site-footer .patient-portal-cta-wrap a,
.site-footer input[type="submit"]
/* .site-footer .mc4wp-form-fields input[type="submit"] */
{
	display: block;
	border-radius: 6px;
	padding: 6px 27px;
	/* font-family: inherit; */
	font-size: 18px;
	line-height: 1.3;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
}

.nav-primary .toggle-header-search {
	display: none;
}

.site-footer {
	position: static;
	overflow-y: hidden;
	padding-top: 10px;
	background-color: inherit;
}

.footercontainer .footercontent {
	position: relative;
	margin: 0.5em 1em 1em 1em;
	padding: 1em;
	min-height: 4em;
}

.footercontainer .social-icons {
	overflow: hidden;
	margin-top: 1em;
}

.footercontainer .footer-widget h2 ~ h2 {
	margin-top: 0.5em;
}

.footercontainer .footer-widget-wrap {
	/* outline: 1px dotted red; */
}

.footercontainer .footer-widget-wrap:nth-of-type(1) {
	/* outline: 1px solid red; */
	flex-basis: 30%;
}

.footercontainer .footer-widget-wrap:nth-of-type(2) {
	/* outline: 1px solid green; */
	flex-basis: 45%;
}

.footercontainer .footer-widget-wrap:nth-of-type(3) {
	/* outline: 1px solid blue; */
	flex-basis: 25%;
}

.widget.simple-social-icons {
	margin-bottom: 0;
}

/* ===================== HEADINGS, LISTS, BLOCK ELEMENTS ===================== */

.has-tagline .site-description {
	clip: unset;
	width: auto;
	height: auto;
	position: static !important;
	margin-top: 4px;
	margin-bottom: 0;
}

.entry-content h1 {
	font-size: 40px;
}

.entry-content h2,
.site-footer h2,
.entry-content h3,
.entry-content .h3 {
	font-weight: 600;
}

.entry-content h2,
.entry-content .h2 {
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 28px;
}

.site-footer h2 {
	margin-top: 2px;
}

.entry-content h3,
.entry-content .h3 {
	font-size: 24px;
	margin-top: 20px;
	margin-bottom: 6px;
}

.entry-content h4,
.entry-content .h4 {
	margin-top: 15px;
	margin-bottom: 6px;
}

.site-footer .footer-widget-subscribe p {
	margin-bottom: 0.25em;
}

.entry-header::after {
	border-bottom-width: 0;
	margin-bottom: 0;
}

.entry-content p,
.entry-content ol,
.entry-content ul {
	margin-bottom: 20px;
}

.entry-content .nobullets {
	padding-left: 0;
}

.entry-content .bullets {
	list-style: disc;
	padding-left: 1.25em;
}

.entry-content .nobullets li {
	list-style: none;
}

.entry-content .compact li {
	margin-bottom: 0;
}

/**
 * The combined left padding on ol and ol > li
 * must match the combined padding on ul and ul > li
 */
.entry-content ol {
	padding-left: 37px;
}

.entry-content ol li {
	padding-left: 3px;
}

.entry-content li {
	margin-bottom: 10px;
}

.entry-content li ol,
.entry-content li ul {
	margin-top: 2px;
}

.entry-content li li {
	margin-bottom: 5px;
}

/* 'More' links */
p.more {
	padding-top: 3px;
	/* padding-top: 2px; */
}

a.more, .more > a {
	display: block;
	position: relative;
	margin-left: 0.85em;
	/* margin-left: 0.75em; */
	line-height: 1.3;
}

a.more:before, .more > a:before {
	position: absolute;
	top: -0.2em;
	top: 0;
	left: -0.85em;
	/* left: -0.75em; */
	display: inline-block;
	content: '\00BB';	/* Double guillement, right pointing */
	color: #000;
	text-decoration: none !important;
}

a.more.left:before, .more.left > a:before {
	content: '\00AB';	/* Double guillement, left pointing */
}

a.more:hover:before, .more > a:hover:before {
	left: -0.8em;
	/* left: -0.7em; */
}

a.more.left:hover:before, .more.left > a:hover:before {
	left: -1.2em;
}

a.more.after, .more.after > a {
	margin-left: 0;
	margin-right: 1em;
	white-space: nowrap;
}

a.more.after:before, .more.after > a:before {
	content: '';
}

a.more.after:after, .more.after > a:after {
	position: absolute;
	right: -1em;
	content: '\00BB';	/* Double guillement, right pointing */
}

a.more.standard.after:after, .more.standard.after > a:after {
	top: -1px;
}

a.more.after:hover:after, .more.after > a:hover:after {
	right: -1.2em;
}

/* ===================== NAVIGATION MENU(S) ===================== */

.nav-top {
	display: none;
	margin-bottom: -3px;
	padding-left: 20px;
	display: none;
}

.nav-top.expanded {
	display: flex;
}

.nav-top > ul {
	display: flex;
	/* justify-content: end; */
}

.nav-top li:nth-child(3) {
	/* outline: 1px dotted red; */
	margin-left: auto;
	margin-right: 25px;
}

.nav-primary {
	background-color: hsl(var(--primary-h), 45%, 85%);
	/* background-color: hsl(var(--primary-h), 50%, 90%); */
	float: none;
	text-align: left;
}

.nav-primary > .wrap {
	/* width: 680px; */
	margin-left: 0;
}

.genesis-nav-menu a {
	font-size: 19px;
	font-weight: 600;
}

.nav-top .genesis-nav-menu a {
	padding: 20px 35px 15px;
	/* padding: 25px 35px 20px; */
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.genesis-nav-menu > li > a {
	border-bottom: 0px solid transparent;
	/* border-bottom: 4px solid transparent; */
}

.genesis-nav-menu > li > a:hover,
.genesis-nav-menu > li > a:focus {
	color: #3d5c3d;
	color: var(--color-primary-gray-70);
	background-color: #d9f2d9;
	background-color: hsl(var(--primary-h), 43%, 80%);
	/* background-color: hsl(var(--primary-h), 45%, 85%); */
	/* background-color: hsl(var(--primary-h), 50%, 90%); */
	border-color: #293d29;
	border-color: var(--color-off-black);
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .current-page-ancestor > a {
	color: black;
	background-color: hsl(var(--primary-h), 43%, 78%);
}

.section-patients .nav-top .genesis-nav-menu .patients a,
.section-physicians .nav-top .genesis-nav-menu .physicians a,
.nav-top .genesis-nav-menu .current-menu-item > a,
.nav-top .genesis-nav-menu > li > a:hover,
.nav-top .genesis-nav-menu > li > a:focus {
	background-color: hsl(var(--primary-h), 48%, 90%);
}

.genesis-nav-menu > li > a:hover,
.genesis-nav-menu > li > a:focus {
	border-color: var(--color-primary-gray-40);
}

.genesis-nav-menu > .menu-item .sub-menu > .menu-item:first-child,
.genesis-nav-menu > .menu-item > .sub-menu > .menu-item:last-child,
.genesis-nav-menu .sub-menu a {
	/* background-color: #000; */
	color: var(--color-off-white);
	background-color: var(--color-off-black);
	/* background-color: hsl(var(--primary-h), 30%, 30%) !important; */
}

.genesis-nav-menu .sub-menu a {
	font-size: 16px;
	line-height: 1.4;
}

.nav-primary .genesis-nav-menu .sub-menu a:focus,
.nav-primary .genesis-nav-menu .sub-menu a:hover {
	color: var(--color-off-black);
	background-color: var(--color-primary-gray-5);
}

.site-header .genesis-nav-menu .sub-menu li.current-menu-item,
.site-header .genesis-nav-menu .sub-menu li.current-menu-item * {
	/* background-color: blue !important; */
	background-color: var(--color-primary-gray-50) !important;
}

.site-header .genesis-nav-menu .sub-menu .current-menu-item * {
	/* color: yellow !important; */
}

.site-header .genesis-nav-menu .sub-menu .current-menu-item a:hover,
.site-header .genesis-nav-menu .sub-menu .current-menu-item a:focus {
	color: inherit !important;
	cursor: default !important;
}

/**
 * Mobile navigation
 */
@media only screen and (max-width: 1023px) {

	.genesis-nav-menu,
	.section-patients .nav-top .genesis-nav-menu .patients a,
	.section-physicians .nav-top .genesis-nav-menu .physicians a {
		background-color: var(--primary-bg-color);
	}

	.genesis-nav-menu {
		margin-top: -2px;
	}

	.genesis-nav-menu .sub-menu-toggle {
		margin-right: 0.5em;
		padding: 12px 16px;
		font-size: 18px;
	}

	.nav-top {
		background: linear-gradient(0deg, hsl(var(--primary-h), 48%, 85%) 0%, hsl(var(--primary-h), 48%, 90%) 35%);
	}

	.nav-top > .genesis-nav-menu {
		background: transparent !important;
	}

	.js .genesis-nav-menu > .menu-item .sub-menu > .menu-item:first-child,
	.js .genesis-nav-menu > .menu-item > .sub-menu > .menu-item:last-child,
	.js .genesis-nav-menu .sub-menu a {
		color: var(--color-primary-gray-70);
		background-color: hsl(var(--primary-h), 60%, 96%);
	}

	.nav-primary.genesis-responsive-menu .genesis-nav-menu a:hover,
	.nav-primary.genesis-responsive-menu .genesis-nav-menu a:focus,
	.nav-primary.genesis-responsive-menu .genesis-nav-menu .sub-menu a:hover,
	.nav-primary.genesis-responsive-menu .genesis-nav-menu .sub-menu a:focus {
		color: var(--color-primary-gray-70);
	}

	.nav-primary.genesis-responsive-menu .genesis-nav-menu .sub-menu a:hover,
	.nav-primary.genesis-responsive-menu .genesis-nav-menu .sub-menu a:focus {
		background-color: var(--color-off-white);
	}

}

/* ===================== LINKS ===================== */

.entry-content a:link,
.breadcrumb a:link {
	color: #1f7a1f;
	color: var(--primary-link-color);
	text-decoration: underline;
}

.entry-content a:visited,
.breadcrumb a:visited {
	color: #8aa88a;
	color: var(--primary-link-color-visited);
}

.entry-content a:active,
.entry-content a:focus,
.entry-content a:hover,
.breadcrumb a:active,
.breadcrumb a:focus,
.breadcrumb a:hover {
	color: #6c6;
	color: var(--primary-link-color-active);
	text-decoration: none;
}

.entry-content a.underline-switched:link,
.site-footer a.underline-switched:link {
	text-decoration: none;
}

.entry-content a.underline-switched:active,
.entry-content a.underline-switched:focus,
.entry-content a.underline-switched:hover,
.site-footer a.underline-switched:active,
.site-footer a.underline-switched:focus,
.site-footer a.underline-switched:hover {
	text-decoration: underline;
}

.entry-content a.underline-switched[title],
.site-footer a.underline-switched[title]:not(:active):not(:focus):not(:hover) {
	text-decoration: underline dotted;
}

/*
	--primary-link-color-active: hsl(var(--primary-h), 60%, 60%);
	--primary-link-color-visited: hsl(var(--primary-h), 30%, 60%);
*/

/* ================ HOME PAGE =============== */

.home .announcement-text p:first-of-type:has(>strong) {
	/* outline: 2px solid purple; */
	line-height: 1.35;
}

/* ===================== ADMIN BAR ===================== */

.site-header,
.admin-bar .site-header {
	position: fixed;
	top: initial;
	margin-top: -32px;
	padding-top: 32px;
}

.qsvarval-admin-bar-hidden.admin-bar .site-header {
	margin-top: 0;
}

.qsvarval-admin-bar-hidden #wpadminbar {
	position: absolute;
	left: -100000px;
}

.qsvarval-admin-bar-hidden.admin-bar .site-inner {
	/* margin-top: 196px; */
}

#wpadminbarprepend,
#wpadminbarwrap {
	border: 2px solid green;
	position: relative;
	right: 0;
	left: 0;
	height: 32px;
	top: 0;
	width: 100vw !important;
	background: blue;
}

#wpadminbarprepend::after,
#wpadminbarwrap::after {
	content: ' ';
	position: absolute;
	z-index: -1;
	outline: 1px dotted red;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* ================ VIMEO PLAYER BUTTON =============== */

/* ================ SOCIAL WARFARE SHARING WIDGETS =============== */

/* ================ FORMS =============== */

.footer-widget-subscribe input[type="submit"] {
	/* border: 1px solid red; */
}

.mc4wp-form-fields label[class="bold"] > strong,
[for="mc4wp-form-fields-footer-email"] > strong {
	display: block;
	margin: 6px 0;
}

.mc4wp-form input[type="email"],
.footer-widget-subscribe input[type="email"] {
	max-width: 25em;
	margin: 2px 6px 2px 0;
	padding: 6px;
}

.mc4wp-form input[type="submit"],
.footer-widget-subscribe input[type="submit"] {
	display: inline-block;
	margin-top: 6px;
	padding: 6px 20px;
	white-space: nowrap;
}

/* ================ MAILCHIMP =============== */

.mc4wp-form-fields input::placeholder {
	color: hsl(60deg 10% 60%);
}

.mc4wp-form-submitted .mc4wp-response {
	margin-top: 1.25em;
	outline: 1px solid var(--color-primary-gray-40);
	background-color: var(--color-off-white-2);
	background-color: hsl(60, 70%, 95%);
	padding: 0.5em;
}

.mc4wp-form-submitted .mc4wp-response p {
	color: var(--color-off-black);
}

.mc4wp-alert {
	padding: 0.4em 0.8em;
}

.mc4wp-success {
	/* border: 1px solid hsl(60deg 60% 50%); */
	background-color: hsl(60deg 60% 95%);
	color: hsl(60deg 80% 20%);
}

/* ================ LINKS =============== */

.entry-content h2 a {
	color: inherit;
}

.entry-content h2 a:hover {
	text-decoration: underline;
}

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

/**
 * Home page announcement box
 * Heading at top
 * Image of SB on left
 * Announcement on right
 */
.announcement-wrap {
	margin-bottom: 20px;
	padding: 0.5em 1em 0.5em 1em;
	background-color: hsl( var(--hue-burnt-umber), 25%, 87%);
	/* background-color: hsl( var(--hue-burnt-umber), 40%, 43%); */
}

.announcement-wrap,
.announcement-wrap *,
.announcement-wrap .announcement-image a,
.announcement-wrap .announcement-text a,
.announcement-wrap .announcement-text .site-title-formatted * {
	color: hsl( var(--hue-burnt-umber), 90%, 20%);
	/* color: var(--color-off-white); */
}

.announcement-wrap .site-title-md {
	background-color: hsl( var(--hue-burnt-umber), 50%, 60%);
}

.entry-content .announcement-wrap h2 {
	margin-top: 0;
	margin-bottom: 0.5em;
}

.announcement-wrap .wp-block-image {
	margin-bottom: 0;
}

.announcement-wrap li {
	/* outline: 1px dotted var(--color-off-white); */
}

.announcement-wrap .announcement-image a,
.announcement-wrap .announcement-image .announcement-image-label {
	display: block;
}

.announcement-wrap .announcement-image .announcement-image-label {
	margin-top: 6px;
	font-size: 18px;
	line-height: 1.2;
}

@media only screen and (min-width: 480px) {

	.announcement-wrap {
		padding-top: 0.65em;
		/* padding-right: 0; */
		padding-bottom: 1em;
	}

	.announcement-wrap ul {
		display: flex;
		margin-bottom: 0;
	}

	.announcement-wrap li {
		flex-basis: 0;
		margin-bottom: 0;
	}

	.announcement-wrap .announcement-image {
		flex-grow: 4;
	}

	.announcement-wrap .announcement-text {
		flex-grow: 6;
	}

	.announcement-wrap figure {
		padding-right: 1em;
	}

}

/**
 * .site-announcement-box-wrap is a full width banner,
 *  not currently in use
 */
.site-announcement-box-wrap {
	padding: 0.9em 5%;
	background-color: hsl(var(--hue-burnt-umber), 45%, 15%);
	/* background-color: var(--color-primary-gray-70); */
	/* background-color: var(--color-primary-gray-5); */
}

.site-container > .site-announcement-box-wrap {
	/* border: 1px solid red; */
}

.site-container > div:first-of-type.site-announcement-box-wrap {
	/* border: 1px solid yellow; */
	margin-top: 170px;
	margin-bottom: -190px;
}

.site-announcement-box-wrap,
.site-announcement-box-wrap * {
	color: var(--color-off-white);
	/* color: var(--color-primary-gray-5); */
}

.site-announcement-box-wrap .site-title-formatted * {
	color: var(--color-primary-gray-5);
	/* color: var(--color-primary-gray-20); */
}

.site-announcement-box-wrap .site-title-formatted .site-title-md {
	background-color: var(--color-primary-gray-50);
}

.site-announcement-box-content {
	/* background-color: var(--color-primary-gray-10); */
}

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

	.site-container > div:first-of-type.site-announcement-box-wrap {
		margin-top: 200px;
		margin-bottom: -200px;
	}

}

/**
 * General announcement box styles
 */
.announcement {
	margin: 0 0 30px;
	border: 1px solid var(--color-primary-gray-20);
	background-color: var(--color-primary-gray-5);
	padding: 0.5em;
}

.announcement > p,
.site-announcement-box-content > p {
	margin: 0 0 0 0.5em;
}

.site-announcement-box-content > p {
	font-size: 17px;
	line-height: 1.55;
}

.site-announcement-box-wrap .site-title {
	font-size: 20px;
}

/**
 * <a class="mm-site-title site-title mm-site-title-link" href="https://www.menopausemenu.com/">MenopauseMenu</a>
 */
.mm-site-title {
	padding-left: 24px;
	background: url('images/daisy-01-smaller.svg');
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 2px 50%;
	font-weight: 600;
}

.entry-content .mm-site-title.mm-site-title-link {
	text-decoration: none;
	color: inherit !important;
	background-color: hsl(60, 40%, 94%);
}

.entry-content .mm-site-title.mm-site-title-link:active,
.entry-content .mm-site-title.mm-site-title-link:focus,
.entry-content .mm-site-title.mm-site-title-link:hover {
	color: hsl(60, 40%, 20%) !important;
	background-color: hsl(60, 40%, 85%);
	background-size: 20px;
}

/* ================ ADDITIONAL CSS MODIFIERS =============== */

/* ===================== MODIFIERS ===================== */

.deck {
	font-size: 110%;
	line-height: 1.65;
}

.home .deck {
	font-size: 117%;
}

.margin-top-10 {
	margin-top: 10px !important;
}

.margin-top-20 {
	margin-top: 20px !important;
}

.margin-top-30 {
	margin-top: 30px !important;
}

.margin-bottom-10,
.li-margin-bottom-10 li
{
	margin-bottom: 10px !important;
}

.margin-bottom-20 {
	margin-bottom: 20px !important;
}

.margin-bottom-30 {
	margin-bottom: 30px !important;
}

img.img-100, .img-100 > figure > img {
	min-width: 100% !important;
}

.fig-90 > figure {
	width: 90%;
}

a.img {
	line-height: 1;
}

a.img:hover,
a.img:active {
	outline: 1px solid var(--color-off-black);
}

.nowrap {
	white-space: nowrap;
}

.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

.visually-hidden {
	position: absolute;
	overflow: hidden;
	clip: rect(0,0,0,0);
	height: 1px; width: 1px;
	margin: -1px; padding: 0; border: 0;
}

.info-deck > dl dt:nth-of-type(1) {
	/* outline: 1px solid red; */
	padding-top: 0.5em;
}

.info-deck > dl dd:nth-last-of-type(1) {
	/* outline: 1px solid green; */
	padding-bottom: 0.5em;
}

.info-deck {
	outline: 1px solid var(--color-primary-gray-30);
	background-color: #fff;
	padding: 0 1em;
}

.info-deck > dl dt {
	white-space: nowrap;
}

dd {
	margin-left: 0;
}

.info-deck dd {
	font-style: italic;
}

.entry-content .italic {
	font-style: italic;
}

.entry-content .bold {
	font-weight: 600;
}

.entry-content .burnt-umber {
	color: var(--color-burnt-umber);
}

/* ===================== MEDIA QUERIES ===================== */

@media only screen and (min-width: 320px) {

	.site-header .patient-portal-cta-wrap {
		right: 12px;
	}

}

@media only screen and (min-width: 420px) {


}

/**
 * Max-width reluctantly deployed to play nice with native styles
 */
@media only screen and (max-width: 480px) {

	.entry-content > .wp-block-image > figure.alignright {
		max-width: unset;
		margin-top: 0;
		float: none;
	}

}

/**
 * Max-width 600 used by Genesis Atomic Blocks plugin
 */
@media only screen and (min-width: 601px) {

	.page-home .ab-layout-column-wrap {
		max-width: 630px;
	}

	.ab-block-layout-column {
		padding: 20px;
	}

	.ab-block-layout-column h2 {
		margin-top: 0;
	}

	.page-home .wp-block-atomic-blocks-ab-columns.width-max {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw;
		margin-right: -50vw;
	}

	.width-max-01 {
		width: 99vw;
		position: relative;
		left: 49%;
		right: 49%;
		margin-left: -49.1vw;
		margin-right: -49.1vw;
	}

	.page-home .vimeo-player {
		height: 22%;
		width: 100%;
		padding-top: 30%;
	}

	.wp-block-embed-vimeo + p.view-video {
		right: 0;
	}

	dl {
	  display: flex;
	  flex-wrap: wrap;
	  width: 100%;
	}
	dt, dd {
	  padding-top: 0.25em;
	}
	dt {
	  width: 25%;
	}
	dd {
	  display: flex;
	  margin: 0;
	}
	dd + dd {
	  width: 100%;
	  padding-top: 0;
	}
	dt + dd:not(:nth-child(2)),
	dt:first-child + dd:nth-child(2) {
	  width: 75%;
	}
	dd + dd::before {
	  width: 25%;
	  content: "";
	  padding-top: 0
	}

	.info-deck > dl dd:nth-of-type(1)
	{
		/* outline: 1px solid red; */
		padding-top: 0.5em;
	}

	.info-deck > dl dt:nth-last-of-type(1)
	{
		/* outline: 1px solid green; */
		padding-bottom: 0.5em;
	}

}

@media only screen and (min-width: 480px) {

	.genesis-breadcrumbs-hidden .site-inner {
		margin-top: 200px;
	}

	.genesis-breadcrumbs-visible .site-inner {
		margin-top: 190px;
	}

	.site-header .title-area {
		padding-right: 2em;
	}

}

@media only screen and (min-width: 540px) {

}

@media only screen and (min-width: 640px) {

}

@media only screen and (min-width: 768px) {

	.full-path-mockups-header-tests.qs-header-purple-flowers-04 .site-header,
	.full-path-mockups-header-tests.qs-header-purple-flowers-04 .site-footer,
	.randomized-header-image-5-of-7 .site-header,
	.randomized-header-image-5-of-7 .site-footer
	{
		background-size: 60%;
	}

	.site-footer {
		padding-top: 40px;
	}

	.footercontainer {
		margin-bottom: 2em;
	}

	.footercontainer::after {
		/* outline: 4px dotted hsla(120, 60%, 40%, 0.9); */
		right: 30%;
		/* right: 28%; */

		background-size: 100%;
		background-position-y: 0;

		width: 289px;
		height: 110%;

		bottom: 0;

	}

	.footercontainer > .widget {
		display: flex;
		justify-content: center;
	}

	.footercontainer .footercontent {
		flex-basis: 100%;
		flex-grow: 1;
		margin-bottom: 0;
	}

}

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

	.wp-is-logged-in .patient-portal-cta-wrap p {
		/* margin-top: 52px; */
	}

	#wpadminbar {
		display: none;
	}

}

@media only screen and (min-width: 782px) {
/*
	.patient-portal-cta-wrap p {
		margin-top: 0;
	}
*/

}

/*
.site-header {
	outline: 2px solid blue;
}

.site-inner {
	outline: 2px solid red;
}
*/


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

	html[lang], * html[lang] body.admin-bar 													{ /* margin-top: 0 !important; */ }
	html[lang] body.admin-bar:not(.qsvarval-admin-bar-hidden):not(.page-home)		{ /* margin-top: 32px !important; */ }
	html[lang], * html[lang] body 																{ margin-top: 0 !important; }

	body.qsvarval-admin-bar-hidden:not(.page-home) .site-header {
	/* body:not(.page-home) .site-header > .wrap { */
		position: fixed;
/*
		width: 95%;
		max-width: 960px;
		left: 50%;
		transform: translateX(-50%);
*/

	}

	.genesis-breadcrumbs-hidden .site-inner {
		margin-top: 306px;
		/* margin-top: 345px; */
		/* margin-top: 240px; */
	}

	.genesis-breadcrumbs-hidden.home .site-inner {
		margin-top: 286px;
		/* margin-top: 290px; */
		/* margin-top: 220px; */
	}

	.genesis-breadcrumbs-visible .site-inner {
		margin-top: 230px;
	}

	.site-container .site-header,
	.admin-bar .site-container .site-header {
		padding-top: 96px;
		padding-right: 0;
		/* padding-right: 20px; */
	}

	.site-header .title-area {
		float: left;
		margin-top: 2em;
		padding-left: 2.8em;
	}

	.site-header .patient-portal-cta-wrap {
		position: static;
		top: unset;
		right: unset;
		margin-top: 8px;
		/* margin-top: 1em; */
	}

	.site-header .patient-portal-cta-wrap.placeholder {
		min-height: 63.39px;
	}

	.site-header .patient-portal-cta-wrap p {
		margin-top: 16px;
		margin-right: 1em;
		margin-bottom: 12px;
	}

	.site-header .nav-top {
		display: flex;
		margin-top: 12px;
		padding-left: 100px;
	}

	.section-patients .nav-top .genesis-nav-menu .patients a,
	.section-physicians .nav-top .genesis-nav-menu .physicians a {
		position: relative;
		padding-bottom: 11px;
		border-bottom-width: 4px;
		border-bottom-color: var(--primary-color);		
	}

	.section-patients .nav-top .genesis-nav-menu .patients a::before,
	.page-home.section-patients .nav-top .genesis-nav-menu .patients a:hover::before,
	.page-physicians.section-physicians .nav-top .genesis-nav-menu .physicians a:hover::before,
	.section-physicians .nav-top .genesis-nav-menu .physicians a::before {
		/* outline: 1px dotted red; */
		position: absolute;
		left: 14px;
		top: 45%;
		width: 1em;
		color: var(--primary-color);
		font-size: 12px;
		content: '';
		opacity: 0.6;
	}

	.section-patients .nav-top .genesis-nav-menu .patients a:hover::before,
	.section-physicians .nav-top .genesis-nav-menu .physicians a:hover::before {
		content: '\25B6'; /* right pointing triangle */
	}

	.nav-primary > .wrap {
		width: 680px;
		/* margin: 0 auto; */
	}

	.nav-primary > .wrap > .menu-primary {
		margin-left: 526px;
	}

	#genesis-mobile-nav-primary {
		margin-top: unset;
		margin-right: unset;
	}

	.footercontainer::after {
		/* outline: 2px solid hsla(0, 80%, 50%, 0.9); */
		/* right: 3%; */
		right: 34%;
	}

	.footercontainer > .widget {
		padding: 0 10%;
	}

}

@media only screen and (min-width: 1280px) {

	.footercontainer::after {
		/* outline: 2px dotted hsla(0, 80%, 50%, 0.9); */
		/* right: 6%; */
		right: 34%;
		/* right: 37%; */
	}

}

@media only screen and (min-width: 1400px) {

	.footercontainer::after {
		/* outline: 2px dotted hsla(0, 80%, 50%, 0.9); */
		/* right: 6%; */
	}

}

/* ===================== PLUGINS ===================== */

#simple-social-icons-2 ul li a,
#simple-social-icons-2 ul li a:hover,
#simple-social-icons-2 ul li a:focus {
    border-radius: 3px;
    font-size: 16px;
    padding: 8px;
}

/* ===================== TESTS ===================== */

/**
 * Change header to tree to off-black version
 */
.qsvarval-header-tree-color-off-black .site-header {
	background-image: url('images/pixabay-tree-2069728-off-black-optimised-02.svg');
}

.qsvarval-testgroup-02 .footercontainer::before {
	background-image: none;
}

.qsvarval-testgroup-02 .footercontainer::after {
	/* outline: 2px dotted hsla(240, 80%, 50%, 0.9); */
	position: absolute;
	content: '';
	background-image: url('images/sb-fern-3532-silhouette-450.png');
	background-repeat: no-repeat;
	opacity: 0.3;

	background-size: 79%;
	background-position-x: 75%;
	background-position-y: 121%;

	width: 380px;
	height: 126%;

	right: 18px;
	bottom: 18px;

}

.qsvarval-testgroup-02 .footercontainer .footer-widget-wrap {
	z-index: 1;
}

@media only screen and (min-width: 768px) {

	.qsvarval-testgroup-02 .footercontainer::after {
		/* outline: 4px dotted hsla(120, 60%, 40%, 0.9); */

		background-size: 100%;
		background-position-y: 0;

		width: 289px;
		height: 110%;

		bottom: 0;

	}

}

@media only screen (min-width: 1024px) {

	.qsvarval-testgroup-02 .footercontainer::after {
		/* outline: 2px solid hsla(0, 80%, 50%, 0.9); */
		right: 3%;
	}

}

@media only screen (min-width: 1400px) {

	.qsvarval-testgroup-02 .footercontainer::after {
		/* outline: 2px dotted hsla(0, 80%, 50%, 0.9); */
		right: 6%;
	}

}

/**
 * Second test
 * Put fern on body tag
 */
.qsvarval-testgroup-02.qsvarval-version-0202 {
	/* outline: 2px solid red; */
	height: 100vh;
	background-color: blue;
	background-color: hsl(var(--primary-h), 29%, 77%);
}

.qsvarval-testgroup-02.qsvarval-version-0202 .site-footer {
	background-color: transparent;
}

.qsvarval-testgroup-02.qsvarval-version-0202 .footercontainer::after {
	background-image: none;
}

.qsvarval-testgroup-02.qsvarval-version-0202::before {
	/* outline: 2px dotted blue; */
	/* position: absolute; */
	position: fixed;
	content: '';
	background-image: url('images/sb-fern-3532-silhouette-450.png');
	background-repeat: no-repeat;
	opacity: 0.3;
	z-index: -1;

	background-position-x: 100%;

	width: 75%;
	height: 360px;

	right: -30px;
	bottom: 0;
	/* bottom: -83px; */
}


@media only screen and (min-width: 768px) {

	.qsvarval-testgroup-02.qsvarval-version-0202::before {
		/* outline: 2px dotted green; */
		opacity: 0.1;
		/* width: 43%; */
		height: 360px;
		right: 16px;
		/* bottom: 291px; */
		/* bottom: 0; */
	}

}

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

	.qsvarval-testgroup-02.qsvarval-version-0202::before {
		/* outline: 2px dotted red; */
		/* width: 43%; */
		height: 360px;
		right: 16px;
		/* bottom: 291px; */
	}

}

/**
 * Variations
 * qsvar-announcement-box
 * qsvarval-announcement-box-lightbg
 * qs-announcement-box-lightbg
 */
.qsvarval-announcement-box-lightbg .announcement-wrap {
	background-color: hsl( var(--hue-burnt-umber), 25%, 87%);
}

.qsvarval-announcement-box-lightbg .announcement-wrap,
.qsvarval-announcement-box-lightbg .announcement-wrap *,
.qsvarval-announcement-box-lightbg .announcement-wrap .announcement-image a,
.qsvarval-announcement-box-lightbg .announcement-wrap .announcement-text .site-title-formatted * {
	color: hsl( var(--hue-burnt-umber), 90%, 20%);
}

/**
 * KLUDGES
 */
/**
 * Max-width 600 used by Genesis Atomic Blocks plugin
 */
@media (max-width: 600px) {

	.ie .ab-layout-column-wrap {
		/* outline: 1px solid green; */
		display: block;
	}

}

/* Target IE10+ */
/* Note that this can't be inside another media query - use 'and' combination syntax instead */
@media all and (max-width: 600px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.ab-layout-column-wrap {
		display: block;
	}
}

/*
.ie11 div {outline: 1px solid red !important;}
.ie10 div {outline: 1px solid green !important;}
.ie9 div {outline: 4px solid red !important;}
.ie8 div {outline: 4px solid green !important;}
.ie7 div {outline: 4px solid pink !important;}
*/

/**
 * EXPERIMENTS
 */

/**
 * Widgets
 */
/*
.footer-widget {
	outline: 1px dotted red;
}

.footer-widget.test-widget {
	outline: 1px dotted green;
}
*/
.section-test-pages .footer-widget-wrapblock-26,
.section-test-pages .footer-widget-wrapblock-27,
.section-test-pages .footer-widget-wrapblock-28 {
	display: none;
}

/**
 * Workarounds for CSS variables, targeting IE11 or earlier for testing
 * off black	#194d19
 */
.ie div {
	/* outline: 1px dotted purple; */
}

/**
 * TEST
 */
.is-not-production .footercontainer .footer-widget-wrap:nth-of-type(1) {
	/* outline: 1px solid red; */
	flex-basis: 31%;
	/* flex-basis: 30%; */
}

.is-not-production .footercontainer .footer-widget-wrap:nth-of-type(2) {
	/* outline: 1px solid green; */
	flex-basis: 36%;
	/* flex-basis: 45%; */
}

.is-not-production .footercontainer .footer-widget-wrap:nth-of-type(3) {
	/* outline: 1px solid blue; */
	flex-basis: 31%;
	/* flex-basis: 25%; */
}

.footer-widget-v3 ul {
	overflow: hidden;
}

.footer-widget-v3 .social-icons li {
	margin-bottom: 1.25em !important;
}

.footer-widget-social-media .social-icons .social-svg-span {
	font-weight: bold;
}

.footer-widget-social-media .social-icons .label span {
	display: block;
	text-align: left;
	white-space: nowrap;
}

.footer-widget-social-media .social-icons .label .title {
	margin-top: -0.6em;
	font-size: 16px;
	font-weight: bold;
}

.footer-widget-social-media .social-icons .label .handle {
	color: hsl(120deg, 82%, 23%);
	font-size: 14px;
}

/**
 * Social media icon link colours
 */

/**
 * The fill colours of the visible icon inside the svg square, in inactive & hover/active states
 */
.simple-social-icons .ssi-youtube svg[role="img"] {
	fill: red;
}

.simple-social-icons .ssi-linkedin svg[role="img"] {
	fill: white;
}

.simple-social-icons .ssi-youtube a:active svg[role="img"],
.simple-social-icons .ssi-youtube a:hover svg[role="img"],
.simple-social-icons .ssi-linkedin a:active svg[role="img"],
.simple-social-icons .ssi-linkedin a:hover svg[role="img"] {
	fill: black;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-youtube a {
	/* background-color: red !important; */
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-youtube a:active,
#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-youtube a:hover {
	background-color: #fff !important;
	/* background-color: hsl(0, 80%, 94%) !important; */
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-linkedin a {
	/* background-color: #fff !important; */
	background-color: hsl(212, 64%, 42%) !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-linkedin a:active,
#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-linkedin a:hover {
	background-color: #fff !important;
	/* background-color: hsl(212, 64%, 62%) !important; */
}

.footer-widget-social-media .social-icons .social-svg-span {
	color: #fff;
}

.footer-widget-social-media .social-icons .ssi-somedocs .social-svg-span {
	font-family: 'Special Elite', cursive;
	font-size: 18px;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-somedocs a {
	background-color: hsl(63, 83%, 35%) !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-somedocs a:active,
#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-somedocs a:hover {
	background-color: #fff !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-somedocs a:active span,
#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-somedocs a:hover span {
	color: #000 !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-mm a {
	background-image: url('images/daisy-01-smaller.svg');
	background-repeat: no-repeat;
	background-size: 75%;
	background-position-x: 50%;
	background-position-y: 50%;
	background-color: transparent !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-mm a:active,
#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-mm a:hover {
	background-color: hsla(0, 100%, 100%, 0.4) !important;
}

#simple-social-icons-2 .footer-widget-social-media .social-icons .ssi-mm .label {
	margin-top: 0;
}

.footer-widget-book .book-cover {
	outline: 1px solid hsl(120, 20%, 78%);
	margin: 2px 2px 6px 2px;
	height: 100px;
	width: 75px;
	background-color: hsla(0,100%,100%,0.3);
}