/**
 * Default styles used site-wide
 *
 * Site Colours
 * ---
 * 
 */

:root {
	--indigo: #250e3f; 
	--indigo-hover: #481B7B; 
	--indigo-rga: 37, 14, 63;
	--teal: #006c63;
	--teal-hover: #00A799;
	--teal-rga: 0, 108, 99;
	--orange: #ee7127;
	--orange-hover: #ff8e43;
	--orange-rga: 238, 113, 39;
	--mist: #ded2c9;
	--mist-rga: 222, 210, 201;
	--cream: #f5f0e4;
	--cream-rga: 245, 240, 228;
	--white: #FFFFFF;
	--text: #343E3B;
	--grey-bg-text: var(--text);
	--primary-font: "Inter", sans-serif;
	--secondary-font: larken, sans-serif;

	--h1-font: var( --secondary-font );
	--h1-font-weight: 100;

	--h2-font: var( --secondary-font );
	--h2-font-size: 2.2em;
	--h2-font-weight: 300;

	--h3-font: var( --secondary-font );
	--h3-font-size: 2em;
	--h3-font-weight: 300;

	--dark-bg: var( --indigo );
	--grey-bg: var( --mist );
	
	--primary: var( --indigo );
	--secondary: var( --teal );

	--link-colour: var(--teal);
	--link-hover-colour: var(--teal);

	--bttn-radius: 10px;
	--border-radius: 20px;

	--bttn-bg: var( --indigo );
	--bttn-bg-hover: rgba( var(--indigo-rga), .5);
	--bttn-text: var( --white );
	--bttn-text-hover: var( --white );

	--secondary-bttn-bg: var(--teal) ;
	--secondary-bttn-text: var(--white);
	--secondary-bttn-bg-hover: rgba( var(--teal-rga), .5);
	--secondary-bttn-text-hover: var(--white);

	--tertiary-bttn-bg: var(--orange) ;
	--tertiary-bttn-text: var(--white);
	--tertiary-bttn-bg-hover: rgba( var(--orange-rga), .5);
	--tertiary-bttn-text-hover: var(--white);

	--container-width: 1800px;
	--small-container-width: 1200px;
	--spacer: 40px;
	--padding: 2em;
	--small-padding: 1em;
}
@media only screen and (max-width: 768px) {
	:root {
		--spacer: 20px;
	}
}

/** General */
	html {
		width: 100%;
		/* scroll-behavior: smooth; */
	}
	body, select, input, textarea {
		font: 16px / 1.4em var(--primary-font);
		font-variant-ligatures: none;
		letter-spacing: -0.007em;
		color: var(--text);
	}
	.container {
		width: 100%;
		max-width: 1800px;
		margin: 0px auto;
		padding: 0 clamp(50px, 2%, 999em);
		position: relative;
		z-index: 5;
	}
	.container.short {
		max-width: var(--small-container-width);
	}
	@media only screen and (max-width: 768px) {

		.container {
			padding-left: 2em;
			padding-right: 2em;
		}
		body, select, input, textarea {
			font: 14px / 1.4em var(--primary-font);
		}

	}
	body > main {
		overflow: hidden;
	}
	.bfi-icon {
		display: inline-block;
		width: 1em;
		height: 1em;
		vertical-align: sub;
	}
		
		.bfi-icon .icon-inner {
			display: block;
			width: 100%;
			height: 100%;
			text-indent: 0;
		}

		.bfi-icon svg {
			width: 100%;
			height: 100%;
			fill: currentColor;
			overflow: hidden;
		}

	section {
		width: 100%;
		clear: both;
		padding: 4em 0;
		scroll-margin-top: 135px;
	}
	section.padding-top-0,
	section.padding-top-bottom-0 {
		padding-top: 0;
	}
	section.padding-bottom-0,
	section.padding-top-bottom-0 {
		padding-bottom: 0;
	}

	@media only screen and (max-width: 959px) {
		
		section {
			padding: 2em 0;
		}

	}

	/* If dark theme */
	section.base-bg,
	section div.base-bg {
		background-color: var(--dark-bg, #132a37);
	}
		section.base-bg h1, 
		section div.base-bg h1, 
		section.base-bg h2, 
		section div.base-bg h2, 
		section.base-bg h3, 
		section div.base-bg h3, 
		section.base-bg h4, 
		section div.base-bg h4, 
		section.base-bg h5, 
		section div.base-bg h5, 
		section.base-bg h6, 
		section div.base-bg h6, 
		section.base-bg p, 
		section div.base-bg p, 
		section.base-bg label, 
		section div.base-bg label, 
		section.base-bg li,
		section div.base-bg li {
			color: var(--cream, #FFFFFF);
		}
		section.base-bg input[type=file],
		section div.base-bg input[type=file] {
			color: var(--cream, #FFFFFF);
		}

	/* If grey theme */
		section.secondary-bg,
		section div.secondary-bg {
			background-color: var(--grey-bg, #f1f1f1);
		}
			section.secondary-bg p, 
			section div.secondary-bg p, 
			section.secondary-bg label, 
			section div.secondary-bg label, 
			section.secondary-bg li, 
			section div.secondary-bg li {
				color: var(--grey-bg-text, #444444);
			}
			section.secondary-bg input[type=file],
			section div.secondary-bg input[type=file] {
				color: var(--grey-bg-text, #444444);
			}

	/* If grey theme */
		section.cream-bg,
		section div.cream-bg {
			background-color: var(--cream, #f1f1f1);
		}
			section.cream-bg p, 
			section div.cream-bg p, 
			section.cream-bg label, 
			section div.cream-bg label, 
			section.cream-bg li, 
			section div.cream-bg li {
				color: var(--grey-bg-text, #444444);
			}
			section.cream-bg input[type=file],
			section div.cream-bg input[type=file] {
				color: var(--grey-bg-text, #444444);
			}

	/* If white theme */
		section.white,
		section div.white {
			background-color: #FFF;
		}
			section.white p, 
			section div.white p, 
			section.white label, 
			section div.white label, 
			section.white li, 
			section div.white li {
				color: var(--grey-bg-text, #444444);
			}
			section.white input[type=file],
			section div.white input[type=file] {
				color: var(--grey-bg-text, #444444);
			}

	/** Shape BG */
	@keyframes backgroundScroll {
		0% {
		background-position: 0 0;
	  }
		100% {
		/* pattern bg texture is 1000x1000px */
		background-position:0 -1000px;
	  }
	}
		.coloured,
		.transparent {
			position: relative;
			overflow: hidden;
		}
		.coloured::before,
		.transparent::before {
			content: '';
			display: block;

			opacity: 1;
			position: absolute;
			height: 150%;
			width: 150%;
			top: -25%;
			left: -25%;

			background-attachment: fixed;
			background-position: top center;
			background-size: cover;
			
			animation: backgroundScroll 80s linear infinite;
			transform: rotate(10deg) scale(1);
			transform-origin: center center;
		}
		.coloured::before {
			background-image: url(/images/coloured-shapes-bg.svg);
		}
		.transparent::before {
			background-image: url(/images/transparent-shapes-bg.svg);
		}
	section ion-icon,
	section .bfi-icon {
		width: 1.4em;
		height: 1.4em;
		vertical-align: sub;
	}

	body .fancybox-toolbar button {
		padding: 10px !important;
	}
	body .fancybox-toolbar button:hover {
		padding: 10px !important;
		color: #FFF !important;
	}
	
	main * {
		scroll-margin-top: 4em;
	}
	@media (max-width: 768px) {
		main * {
			scroll-margin-top: 2em;
		}
	}

	.smoke-screen {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 1;
		top: 0;
		left: 0;
		background-color: var(--smokescreen, rgba(0,0,0,.25));
		background-image: linear-gradient(to top, var(--smokescreen, rgba(0,0,0,.25)) 0%,rgba(0,0,0,0) 75%);
	}


/** Fonts */
	h1, h2, h3, h4, h5, h6 {
		margin: .6em 0 .3em;
		color: var(--indigo);
		padding: 0;
	}
	h1, .h1 {
		font-size: var(--h1-font-size, 2em);
		font-family: var(--h1-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h1-font-weight, 700);
		line-height: var(--h1-line-height, 1.4);
	}
	h2, .h2 {
		font-size: var(--h2-font-size, 1.8em);
		font-family: var(--h2-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h2-font-weight, 700);
		line-height: var(--h2-line-height, 1.4);
	}
	h3, .h3 {
		font-size: var(--h3-font-size, 1.6em);
		font-family: var(--h3-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h3-font-weight, 700);
		line-height: var(--h3-line-height, 1.4);
	}
	h4, .h4 {
		font-size: var(--h4-font-size, 1.4em);
		font-family: var(--h4-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h4-font-weight, 600);
		line-height: var(--h4-line-height, 1.4);
	}
	h5, .h5 {
		font-size: var(--h5-font-size, 1.2em);
		font-family: var(--h5-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h5-font-weight, 600);
		line-height: var(--h5-line-height, 1.4);
	}
	h6, .h6 {
		font-size: var(--h6-font-size, 1em);
		font-family: var(--h6-font, var(--primary-font, Helvetica, Helvetica Neue, Arial, sans-serif) );
		font-weight: var(--h6-font-weight, 500);
		line-height: var(--h6-line-height, 1.4);
	}
	h1 + p, h2 + p, h3 + p, h4 + p {
		margin-top: 0;
	}
	p {
		font-size: 1em;
		line-height: var(--p-line-height, 2em);
		margin: 1em 0;
		padding: 0;
	}

	p.display { 
		font-size: var(--display-font-size, 1.8em);
		line-height: var(--display-line-height, 1.4);
	}
	p.display-sml {
		font-size: var(--display-font-size-mobile, 1.2em);
	}

	@media (max-width: 768px) {
		p.display {
			font-size: var(--display-small-font-size, 1.5em);
		}
		p.display-sml {
			font-size: var(--display-small-font-size-mobile, 1.1em);
		}
	}
	
	a,
	.woocommerce a {
		color: var(--link-colour, #f16529);
		text-decoration: var(--link-decoration, underline);
	}
	a:hover,
	.woocommerce a:hover {
		color: var(--link-hover-colour, #f16529);
		text-decoration: var(--link-hover-decoration, none);
	}

	pre {
		font-size: 1em;
		margin: 2.5rem 0;
		padding: 1.5em;
		background: #000;
		color: #008000;
		border-radius: 5px;
	}
	blockquote {
		border-color: #49176d;
		border-style: solid;
		border-width: 0 0 0 0.2rem;
		border-radius: 5px 0 0 5px;
		color: inherit;
		font-size: 1em;
		margin: 2em 0;
		padding: .1em 0 .1em 1em;
	}
		blockquote p {
			margin: .8em 0;
		}
	hr {
		width: 100%;
		margin: 3em auto;
		background: var(--teal, #f1f1f1);
		border: none;
		height: 5px;
		position: relative;
		border-radius: 5px;
		max-width: 1400px;
	}
	acronym[title],
	abbr[title] {
		text-decoration: none;
		cursor: help;
		border-bottom: 2px dotted #682f91;
	}
	mark {
		background: #682f91;
		color: #fff;
		padding: 0 7px;
	}

/** Forms */

	button, input, textarea, select {
		vertical-align: middle;
	}

	section label {
		color: var(--primary, #132a37);
		letter-spacing: -0.01px;
		font-weight: 500;
		display: block;
		margin-bottom: .3em;
		font-size: 13px;
	}
	section input[type=email],
	section input[type=password],
	section input[type=search],
	section input[type=search],
	section input[type=tel],
	section input[type=text],
	section input[type=url],
	section input[type=number],
	section input[type=date],
	section textarea,
	section textarea.input-text,
	section select,
	body.woocommerce div.product form.cart .variations select	{
		width: 100%;
		box-shadow: none;
		border: 2px solid var(--grey-bg, #f1f1f1);
		background-color: #fff;
		margin-bottom: 1.3em;
		font-weight: 400;
		padding: 0.5em 2em;
		line-height: 2;
		color: var(--text);
		font-size: 1em;
		border-radius: var(--bttn-radius);
		transition: all .3s;
		max-width: 100%;
	}
	section input[type=email]:hover,
	section input[type=password]:hover,
	section input[type=search]:hover,
	section input[type=search]:hover,
	section input[type=tel]:hover,
	section input[type=text]:hover,
	section input[type=url]:hover,
	section input[type=number]:hover,
	section input[type=date]:hover,
	section textarea:hover,
	section textarea.input-text:hover,
	section select:hover {
		box-shadow: 0 0 0 4px rgba(var(--mist-rga), .5);
	}
	section input[type=email]:focus,
	section input[type=password]:focus,
	section input[type=search]:focus,
	section input[type=search]:focus,
	section input[type=tel]:focus,
	section input[type=text]:focus,
	section input[type=url]:focus,
	section input[type=number]:focus,
	section input[type=date]:focus,
	section textarea:focus,
	section textarea.input-text:focus,
	section select:focus {
		outline: none;
		border-color: var(--indigo, #f16529);
		background: #FFF;
	}
	section input[type=email]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=password]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=search]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=search]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=tel]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=text]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=url]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=number]:not(:placeholder-shown):not(:focus):invalid,
	section input[type=date]:not(:placeholder-shown):not(:focus):invalid,
	section textarea:not(:placeholder-shown):not(:focus):invalid,
	section textarea.input-text:not(:placeholder-shown):not(:focus):invalid,
	section select:not(:placeholder-shown):not(:focus):invalid {
		outline: none;
		border-color: #e3060a;
		background: #fdeeee;
		background-image: url(/images/icons/error-icon.png);
		background-repeat: no-repeat;
		background-position: 98% center;
	}
	section textarea,
	section textarea.input-text {
		height: 150px;
		line-height: 1.5em;
	}
	input.checkbox, 
	input.radio {
		width: auto !important;
		background: transparent; /* ie6 */
		border: none !important; /* ie6 */
		margin: 0 10px 0 0;
	}

	/** Gravity forms */

		/** Consent label */
		section .ginput_container_consent {
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			gap: 0 .5em;
			cursor: pointer;
		}
			section .ginput_container_consent label {
				margin: 0;
			}
	
		/** 50% inputs */
		@media (max-width: 767px) {
			section .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full), 
			section .gform_wrapper.gravity-theme .ginput_complex:not(.ginput_container_address) span:not([style*="display:none"]):not(.ginput_full)~span:not(.ginput_full) {
				padding: 0;
				flex: 0 0 100%;
			}
		}

		/** Radio */
		section .gform_wrapper.gravity-theme .gfield_radio .gchoice {
			padding: 3px 0;
		}
		section .gform_wrapper.gravity-theme .gfield .gfield_radio input,
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input {
			display: none;
		}
		section .gform_wrapper.gravity-theme .gfield .gfield_radio input + label,
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input + label {
			display: flex;
			flex-flow: row wrap;
			align-items: center;
			gap: 8px;
			cursor: pointer;
		}
		section .gform_wrapper.gravity-theme .gfield .gfield_radio input + label::before,
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input + label::before {
			display: inline-block;
			content: '';
			width: 18px;
			height: 18px;
			border: 2px solid var(--grey-bg, #f1f1f1);
			border-radius: 50%;
			transition: all .3s;
		}
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input + label::before {
			border-radius: 3px;
		}
		section .gform_wrapper.gravity-theme .gfield .gfield_radio input + label:hover::before,
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input + label:hover::before {
			border-color: var(--indigo, #f1f1f1);
		}
		section .gform_wrapper.gravity-theme .gfield .gfield_radio input:checked + label::before,
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input:checked + label::before {
			border-color: var(--indigo, #f1f1f1);
			background-color: var(--indigo, #f1f1f1);
		}
		section .gform_wrapper.gravity-theme .gfield .ginput_container_consent input:checked + label::before {
			background-image: url(/images/icons/check.png);
			background-size: 100%;
		}

		section .gform_wrapper.gravity-theme .gform_previous_button.button {
			background-color: transparent;
			color: var(--indigo);
		}

		/** Percentage */
			section .gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
				background-color: var(--orange);
			}
	

/** Buttons */
	button:last-child, 
	input[type="button"]:last-child, 
	input[type="reset"]:last-child, 
	input[type="submit"]:last-child, 
	.button:last-child,
	.make-button > a:last-child,
	body.woocommerce-page .button:last-child {
		margin-right: 0;
	}
	button::after, 
	input[type="button"]::after, 
	input[type="reset"]::after, 
	input[type="submit"]::after, 
	.button::after,
	.make-button > a::after,
	body.woocommerce-page .button::after,
	body.woocommerce-page button.button.alt::after {
		display: none;	
	}
		button ion-icon, 
		input[type="button"] ion-icon, 
		input[type="reset"] ion-icon, 
		input[type="submit"] ion-icon, 
		.button ion-icon,
		.make-button > a ion-icon,
		body.woocommerce-page .button ion-icon,
		button .bfi-icon, 
		input[type="button"] .bfi-icon, 
		input[type="reset"] .bfi-icon, 
		input[type="submit"] .bfi-icon, 
		.button .bfi-icon,
		.make-button > a .bfi-icon,
		body.woocommerce-page .button .bfi-icon {
			margin-left: 10px;
		}

	/** Primary */
		button, 
		input[type="button"], 
		input[type="reset"], 
		input[type="submit"], 
		.button,
		.make-button > a,
		body.woocommerce-page .button,
		body.woocommerce-page a.button,
		body.woocommerce-page .woocommerce a.button,
		body.woocommerce-page .woocommerce .button,
		body.woocommerce-page button.button.alt {
			border: 2px solid var(--bttn-bg, var(--primary, #f16529));
			background: var(--bttn-bg, var(--primary, #f16529));
			color: var(--bttn-text, #FFF);
			font-size: 1em;
			line-height: 2;
			border-radius: var(--bttn-radius, 50px);
			box-shadow: none;
			text-decoration: none;
			max-width: 100%;
			padding: 0.5em 2em; // horizontal at least twice as big as vertical
			cursor: pointer;
			text-shadow: none;
			display: inline-block;
			margin: 0 1em 1em 0;
			font-weight: 600;
			text-align: center;
			letter-spacing: 0;
			white-space: nowrap;
			transition: all .3s;
		}
		button.outline, 
		input[type="button"].outline, 
		input[type="reset"].outline, 
		input[type="submit"].outline, 
		.button.outline,
		.make-button > a.outline,
		body.woocommerce-page a.button.outline,
		body.woocommerce-page .button.outline,
		body.woocommerce-page .woocommerce a.button.outline,
		body.woocommerce-page .woocommerce .button.outline,
		body.woocommerce-page .button.outline.alt {
			background: transparent;
			color: var(--bttn-bg, var(--primary, #f16529));
		}
		button.borderless, 
		input[type="button"].borderless, 
		input[type="reset"].borderless, 
		input[type="submit"].borderless, 
		.button.borderless,
		.make-button > a.borderless,
		body.woocommerce-page a.button.borderless,
		body.woocommerce-page .button.borderless,
		body.woocommerce-page .woocommerce a.button.borderless,
		body.woocommerce-page .woocommerce .button.borderless,
		body.woocommerce-page .button.borderless.alt,
		.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon {
			border-color: transparent;
			background: transparent;
			color: var(--bttn-bg, var(--primary, #f16529));
			text-decoration: underline;
			border-radius: 0;
			padding-left: 0;
			padding-right: 0;

		}
		button:hover, 
		input[type="button"]:hover, 
		input[type="reset"]:hover, 
		input[type="submit"]:hover, 
		.button:hover,
		.make-button > a:hover,
		body.woocommerce-page .button:hover,
		body.woocommerce-page a.button:hover,
		body.woocommerce-page .woocommerce a.button:hover,
		body.woocommerce-page .woocommerce .button:hover,
		body.woocommerce-page button.button.alt:hover,
		.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon:hover {
			text-decoration: none;
			border-radius: var(--bttn-radius, 50px);
			letter-spacing: 0;
			color: var(--bttn-text, var(--primary, #f16529));
			box-shadow: 0 0 0 4px var( --bttn-bg-hover );
		}
		button.outline:hover, 
		input[type="button"].outline:hover, 
		input[type="reset"].outline:hover, 
		input[type="submit"].outline:hover, 
		.button.outline:hover,
		.make-button > a.outline:hover,
		body.woocommerce-page a.button.outline:hover,
		body.woocommerce-page .button.outline:hover,
		body.woocommerce-page .woocommerce a.button.outline:hover,
		body.woocommerce-page .woocommerce .button.outline:hover,
		body.woocommerce-page .button.outline.alt:hover {
			color: var(--bttn-bg, var(--primary, #f16529));
		}
		button.borderless:hover, 
		input[type="button"].borderless:hover, 
		input[type="reset"].borderless:hover, 
		input[type="submit"].borderless:hover, 
		.button.borderless:hover,
		.make-button > a.borderless:hover,
		body.woocommerce-page .button.borderless:hover,
		body.woocommerce-page a.button.borderless:hover,
		body.woocommerce-page .woocommerce a.button.borderless:hover,
		body.woocommerce-page .woocommerce .button.borderless:hover,
		body.woocommerce-page button.borderless.button.alt:hover {
			color: var(--bttn-bg, var(--primary, #f16529));
			text-decoration: none;
			border-color: transparent;
			background-color: transparent;
			box-shadow: none;
		}

	/** White */
		button.white, 
		input[type="button"].white, 
		input[type="reset"].white, 
		input[type="submit"].white, 
		.button.white,
		.make-button > a.white,
		body.woocommerce-page .button.white,
		body.woocommerce-page a.button.white,
		body.woocommerce-page .woocommerce a.button.white,
		body.woocommerce-page .woocommerce .button.white,
		body.woocommerce-page button.button.alt.white {
			border: 2px solid #FFF;
			background: #FFF;
			color: var(--indigo);
		}
		button.white.outline, 
		input[type="button"].white.outline, 
		input[type="reset"].white.outline, 
		input[type="submit"].white.outline, 
		.button.white.outline,
		.make-button > a.white.outline,
		body.woocommerce-page .button.white.outline,
		body.woocommerce-page a.button.white.outline,
		body.woocommerce-page .woocommerce a.button.white.outline,
		body.woocommerce-page .woocommerce .button.white.outline,
		body.woocommerce-page button.button.alt.white.outline {
			background: transparent;
			color: #FFF;
		}
		button.white.borderless, 
		input[type="button"].white.borderless, 
		input[type="reset"].white.borderless, 
		input[type="submit"].white.borderless, 
		.button.white.borderless,
		.make-button > a.white.borderless,
		body.woocommerce-page .button.white.borderless,
		body.woocommerce-page a.button.white.borderless,
		body.woocommerce-page .woocommerce a.button.white.borderless,
		body.woocommerce-page .woocommerce .button.white.borderless,
		body.woocommerce-page button.button.alt.white.borderless {
			background-color: transparent;
			border-color: transparent;
			color: #FFF;
		}
		button.white:hover, 
		input[type="button"].white:hover, 
		input[type="reset"].white:hover, 
		input[type="submit"].white:hover, 
		.button.white:hover,
		.make-button > a.white:hover,
		body.woocommerce-page .button.white:hover,
		body.woocommerce-page a.button.white:hover,
		body.woocommerce-page .woocommerce a.button.white:hover,
		body.woocommerce-page .woocommerce .button.white:hover,
		body.woocommerce-page button.button.alt.white:hover {
			box-shadow: 0 0 0 4px rgba(255,255,255,.5);
		}
		button.white.borderless:hover, 
		input[type="button"].white.borderless:hover, 
		input[type="reset"].white.borderless:hover, 
		input[type="submit"].white.borderless:hover, 
		.button.white.borderless:hover,
		.make-button > a.white.borderless:hover,
		body.woocommerce-page .button.white.borderless:hover,
		body.woocommerce-page a.button.white.borderless:hover,
		body.woocommerce-page .woocommerce a.button.white.borderless:hover,
		body.woocommerce-page .woocommerce .button.white.borderless:hover,
		body.woocommerce-page button.button.alt.white.borderless:hover {
			color: #FFF;
			text-decoration: none;
			border-color: transparent;
			background-color: transparent;
			box-shadow: none;
		}

	/** Secondary */
		button.secondary, 
		input[type="button"].secondary, 
		input[type="reset"].secondary, 
		input[type="submit"].secondary, 
		.button.secondary,
		.make-button > a.secondary,
		body.woocommerce-page .button.secondary,
		body.woocommerce-page a.button.secondary,
		body.woocommerce-page .woocommerce a.button.secondary,
		body.woocommerce-page .woocommerce .button.secondary,
		body.woocommerce-page button.button.alt.secondary {
			border-color: var(--secondary-bttn-bg, var(--secondary, #216085));
			background: var(--secondary-bttn-bg, var(--secondary, #216085));
			color: var(--secondary-bttn-text, #fff);
		}
		button.secondary.outline, 
		input[type="button"].secondary.outline, 
		input[type="reset"].secondary.outline, 
		input[type="submit"].secondary.outline, 
		.button.secondary.outline,
		.make-button > a.secondary.outline,
		body.woocommerce-page .button.secondary.outline,
		body.woocommerce-page a.button.secondary.outline,
		body.woocommerce-page .woocommerce a.button.secondary.outline,
		body.woocommerce-page .woocommerce .button.secondary.outline,
		body.woocommerce-page button.button.alt.secondary.outline {
			background: transparent;
			color: var(--secondary-bttn-bg, var(--secondary, #f16529));
		}
		button.secondary.borderless, 
		input[type="button"].secondary.borderless, 
		input[type="reset"].secondary.borderless, 
		input[type="submit"].secondary.borderless, 
		.button.secondary.borderless,
		.make-button > a.secondary.borderless,
		body.woocommerce-page .button.secondary.borderless,
		body.woocommerce-page a.button.secondary.borderless,
		body.woocommerce-page .woocommerce a.button.secondary.borderless,
		body.woocommerce-page .woocommerce .button.secondary.borderless,
		body.woocommerce-page button.button.alt.secondary.borderless {
			background-color: transparent;
			border-color: transparent;
			color: var(--secondary-bttn-bg, var(--secondary, #f16529));
		}
		button.secondary:hover, 
		input[type="button"].secondary:hover, 
		input[type="reset"].secondary:hover, 
		input[type="submit"].secondary:hover, 
		.button.secondary:hover,
		.make-button > a.secondary:hover,
		body.woocommerce-page .button.secondary:hover,
		body.woocommerce-page a.button.secondary:hover,
		body.woocommerce-page .woocommerce a.button.secondary:hover,
		body.woocommerce-page .woocommerce .button.secondary:hover,
		body.woocommerce-page button.button.alt.secondary:hover {
			box-shadow: 0 0 0 4px var( --secondary-bttn-bg-hover );
		}
		button.secondary.borderless:hover, 
		input[type="button"].secondary.borderless:hover, 
		input[type="reset"].secondary.borderless:hover, 
		input[type="submit"].secondary.borderless:hover, 
		.button.secondary.borderless:hover,
		.make-button > a.secondary.borderless:hover,
		body.woocommerce-page .button.secondary.borderless:hover,
		body.woocommerce-page a.button.secondary.borderless:hover,
		body.woocommerce-page .woocommerce a.button.secondary.borderless:hover,
		body.woocommerce-page .woocommerce .button.secondary.borderless:hover,
		body.woocommerce-page button.button.alt.secondary.borderless:hover {
			color: var(--secondary-bttn-bg, #fff);
			text-decoration: none;
			border-color: transparent;
			background-color: transparent;
			box-shadow: none;
		}

	/** Tertiary */
		button.tertiary, 
		input[type="button"].tertiary, 
		input[type="reset"].tertiary, 
		input[type="submit"].tertiary, 
		.button.tertiary,
		.make-button > a.tertiary,
		body.woocommerce-page .button.tertiary,
		body.woocommerce-page a.button.tertiary,
		body.woocommerce-page .woocommerce a.button.tertiary,
		body.woocommerce-page .woocommerce .button.tertiary,
		body.woocommerce-page button.button.alt.tertiary {
			border-color: var(--tertiary-bttn-bg, var(--tertiary, #216085));
			background: var(--tertiary-bttn-bg, var(--tertiary, #216085));
			color: var(--tertiary-bttn-text, #fff);
		}
		button.tertiary.outline, 
		input[type="button"].tertiary.outline, 
		input[type="reset"].tertiary.outline, 
		input[type="submit"].tertiary.outline, 
		.button.tertiary.outline,
		body.woocommerce-page .button.tertiary.outline,
		body.woocommerce-page a.button.tertiary.outline,
		body.woocommerce-page .woocommerce a.button.tertiary.outline,
		body.woocommerce-page .woocommerce .button.tertiary.outline,
		body.woocommerce-page button.button.alt.tertiary.outline {
			background: transparent;
			color: var(--tertiary-bttn-bg, var(--tertiary, #f16529));
		}
		button.tertiary.borderless, 
		input[type="button"].tertiary.borderless, 
		input[type="reset"].tertiary.borderless, 
		input[type="submit"].tertiary.borderless, 
		.button.tertiary.borderless,
		.make-button > a.tertiary.borderless,
		body.woocommerce-page .button.tertiary.borderless,
		body.woocommerce-page a.button.tertiary.borderless,
		body.woocommerce-page .woocommerce a.button.tertiary.borderless,
		body.woocommerce-page .woocommerce .button.tertiary.borderless,
		body.woocommerce-page button.button.alt.tertiary.borderless {
			background-color: transparent;
			border-color: transparent;
			color: var(--tertiary-bttn-bg, var(--secondary, #f16529));
		}
		button.tertiary:hover, 
		input[type="button"].tertiary:hover, 
		input[type="reset"].tertiary:hover, 
		input[type="submit"].tertiary:hover, 
		.button.tertiary:hover,
		.make-button > a.tertiary:hover,
		body.woocommerce-page .button.tertiary:hover,
		body.woocommerce-page a.button.tertiary:hover,
		body.woocommerce-page .woocommerce a.button.tertiary:hover,
		body.woocommerce-page .woocommerce .button.tertiary:hover,
		body.woocommerce-page button.button.alt.tertiary:hover {
			box-shadow: 0 0 0 4px var( --tertiary-bttn-bg-hover );
		}
		button.tertiary.borderless:hover, 
		input[type="button"].tertiary.borderless:hover, 
		input[type="reset"].tertiary.borderless:hover, 
		input[type="submit"].tertiary.borderless:hover, 
		.button.tertiary.borderless:hover,
		body.woocommerce-page .button.tertiary.borderless:hover,
		body.woocommerce-page a.button.tertiary.borderless:hover,
		body.woocommerce-page .woocommerce a.button.tertiary.borderless:hover,
		body.woocommerce-page .woocommerce .button.tertiary.borderless:hover,
		body.woocommerce-page button.button.alt.tertiary.borderless:hover {
			color: var(--tertiary-bttn-bg, #fff);
			text-decoration: none;
			border-color: transparent;
			background-color: transparent;
			box-shadow: none;
		}

	button.disabled, 
	input[type="button"].disabled, 
	input[type="reset"].disabled, 
	input[type="submit"].disabled, 
	.button.disabled,
	.make-button > a.disabled,
	body.woocommerce-page .button.disabled,
	body.woocommerce-page a.button.disabled,
	body.woocommerce-page .woocommerce a.button.disabled,
	body.woocommerce-page .woocommerce .button.disabled,
	body.woocommerce-page button.button.alt.disabled,
	
	button:disabled, 
	input[type="button"]:disabled, 
	input[type="reset"]:disabled, 
	input[type="submit"]:disabled, 
	.button:disabled,
	.make-button > a:disabled,
	body.woocommerce-page .button:disabled,
	body.woocommerce-page a.button:disabled,
	body.woocommerce-page .woocommerce a.button:disabled,
	body.woocommerce-page .woocommerce .button:disabled,
	body.woocommerce-page button.button.alt:disabled {
		cursor: not-allowed;
		/* filter: brightness(.8); */
		opacity: .5;
	}
	button.disabled:hover, 
	input[type="button"].disabled:hover, 
	input[type="reset"].disabled:hover, 
	input[type="submit"].disabled:hover, 
	.button.disabled:hover,
	.make-button > a.disabled:hover,
	body.woocommerce-page .button.disabled:hover,
	body.woocommerce-page a.button.disabled:hover,
	body.woocommerce-page .woocommerce a.button.disabled:hover,
	body.woocommerce-page .woocommerce .button.disabled:hover,
	body.woocommerce-page button.button.alt.disabled:hover,
	
	button:disabled:hover, 
	input[type="button"]:disabled:hover, 
	input[type="reset"]:disabled:hover, 
	input[type="submit"]:disabled:hover, 
	.button:disabled:hover,
	.make-button > a:disabled:hover,
	body.woocommerce-page .button:disabled:hover,
	body.woocommerce-page a.button:disabled:hover,
	body.woocommerce-page .woocommerce a.button:disabled:hover,
	body.woocommerce-page .woocommerce .button:disabled:hover,
	body.woocommerce-page button.button.alt:disabled:hover {
		box-shadow: none;
	}

/** Old form rules */
	.button.button-blank {
		border: 2px solid var(--bttn-bg, var(--primary, #f16529));
		background: transparent;
	}
	.button.button-blank:hover {
		border-color: var(--bttn-bg);
		background: var(--bttn-bg);
		color: var(--bttn-text, var(--primary, #f16529));
	}
	a:focus, button:focus, .button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus {
		outline: none;
	}

/** Contact form 7 */
	.wpcf7 form .wpcf7-response-output {
		margin: 1em 0.5em 1em;
		padding: 0.5em 1em;
		background-color: #fff;
		border-radius: 0.4em;
		font-size: 0.9em;
	}
	#gform_wrapper_65 input[type="submit"]{
		word-wrap: break-word;
		white-space: normal;
		line-height: 1.5;
	}

/** Social media */
	ul.social-media {
		margin: 0;
		padding: 0;
		list-style: none;
		display: flex;
		justify-content: flex-start;
	}
	
		ul.social-media li {
			display: block;
			margin-right: 24px;
			transition: all .3s;
		}
		ul.social-media li:last-child {
			margin-right: 0;
		}

			ul.social-media li a {
				display: block;
				color: #FFF;
				transition: all .5s;
			}
			ul.social-media li a ion-icon,
			ul.social-media li a .bfi-icon {
				color: #FFF;
				font-size: 2em;
			}

/** Table */
	table {
		width: 100%;
		margin: 1em 0;
		border-color: #e6e6e6;
		border-style: solid;
		border-width: 1px;
	}
	.woocommerce table.shop_table {
		background: #FFF;
	}
		table th, 
		table td {
			text-align: left;
			vertical-align: top;
			border-color: #e6e6e6;
			border-style: solid;
			border-width: 1px;
			padding: 20px 15px;
		}
		table th {
			background-color: #f8f8f8;
		}
			table.woocommerce-product-attributes p {
				margin: 0;
			}


/** Image */
	.alignleft {
		margin: 1em 1em 1em 0;
		max-width: 50%;
	}

	.alignright {
		margin: 1em 0 1em 1em ;
		max-width: 50%;
	}

	.wp-caption {
		width: auto !important;
		position: relative;
		padding: 0;
	}

		.wp-caption .wp-caption-text {
			position: absolute;
			bottom: 0;
			left: 0;
			padding: .5em 1em;
			margin: 0;
			background: rgba(var(--primary, #132a37), 0.7);
			color: #FFF;
		}

/** Show me the hooks */
	.showing-you-the-hooks {
		border: 2px dashed red;
		padding: 3px 5px;
		font-size: 12px;
		line-height: 1em;
		position: relative;
		z-index: 10000;
		display: inline-block;
		text-align: center;
	    place-self: center;
	}

/** Fleible content */
	.flexible-content .container {
		display: flex;
	}
	.title_introduction .container {
		flex-direction: column;
	}
	.buttons-component.flexible-content .container .buttons {
		width: 100%;
		justify-content: center;
		margin: 0;
	}
	@media (max-width: 500px) {
		
		.buttons a.button {
			width: 100%;
		}

	}

		.flexible-content .container > h2,
		.flexible-content .container > .h2 {
			width: 100%;
			margin: 0 auto 1em;
			text-align: center;
		}

		.flexible-content .container .intro {
			width: 100%;
			/* max-width: 1000px; */
			margin: 0 auto 2em;
			text-align: center;
		}

		.flexible-content .container > h2 + .intro {
			margin-top: -1em;
		}
		
		.flexible-content .container div > p:first-of-type {
			margin-top: 0;
		}

		.flexible-content .container .buttons {
			display: flex;
			flex-flow: row wrap;
			gap: var(--small-padding);
			margin-top: 2em;
		}

			.flexible-content .container .buttons .button {
				margin: 0;
			}
			

	.flexible-content.button-component .container {
		justify-content: center;
	}

	.flexible-content.button-component .container .buttons {
		justify-content: center;
		margin: 0;
	}

/** Woocommerce */
	.notice-bar {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: center;
		background: var(--orange);
		color: #FFF;
		font-size: 2em;
		font-weight: 600;
		padding: 1em 0;
		margin: 0;
	}

		.notice-bar p {
			margin: 0;
		}

/** Owl Carousel Pagination */
	.owl-carousel.include-pagination .owl-dots {
		text-align: center;
		height: 16px;
		margin: 1em 0;
	}
	.owl-carousel.include-pagination .owl-dot {
		border: 4px solid #333;
		background-color: transparent;
		width: 15px;
		height: 15px;
		border-radius: 50%;
		display: inline-block;
		margin: 0 5px;
		opacity: .1;
		transition: all 0.5s;
	}
	.owl-carousel.include-pagination:hover .owl-dot {
		opacity: .7;
	}
	.owl-carousel.include-pagination .owl-dot:hover {
		opacity: 1;
	}
	.owl-carousel.include-pagination .owl-dot.active {
		border-color: #333;
		background: #333;
	}


/** Owl carousel new styles */

	/** Arrows */
		.owl-carousel.include-nav {
			/* padding: 0 40px; */
		}
			.owl-carousel .owl-nav {
				display: none;
			}

			.owl-carousel.include-nav .owl-nav {
				display: block;
				margin: 0;
				width: 100%;
				z-index: 100;
			}

			.owl-carousel.include-nav .owl-prev, 
			.owl-carousel.include-nav .owl-next {
				text-indent: -999em;
				width: 30px;
				height: 30px;
				position: absolute;
				top: calc(50% - 15px);
				z-index: 250;
				transition: all 0.5s;
				background-size: contain;
				background-repeat: no-repeat;
				opacity: .1;
				background-color: var(--orange);
				background-size: 8px;
			}
		.owl-carousel.include-nav:hover .owl-prev, 
		.owl-carousel.include-nav:hover .owl-next {
			opacity: .7;
		}

		.owl-carousel.include-nav.include-pagination .owl-prev, 
		.owl-carousel.include-nav.include-pagination .owl-next {
			margin-top: -16px;
		}
		.owl-carousel.include-nav .owl-prev {
			background-image: url('/images/icons/prev.svg');
			background-position: center;
			left: 5px;
		}
		.owl-carousel.include-nav .owl-next {
			background-image: url('/images/icons/next.svg');
			background-position: center;
			right: 5px;
		}
		.owl-carousel.include-nav .owl-prev:hover, 
		.owl-carousel.include-nav .owl-next:hover {
			opacity: 1;
		}

	/** Pagination / Dots */
		.owl-carousel.include-pagination .owl-controls {
			width: 100%;
		}
		.owl-carousel.include-pagination .owl-dots {
			display: flex;
			align-items: center;
			justify-content: center;
			gap: 0 1em;
			height: 30px;
			margin: 1em 0 0;
		}

			.owl-carousel.include-pagination .owl-dot {
				border: none;
				background: rgba(var(--orange-rga), 1);
				width: 20px;
				height: 20px;
				border-radius: 50% 0;
				transition: all .3s;
			}
			/* .owl-carousel.include-pagination .owl-dot:nth-child(5n + 1){
				transform: rotate(-120deg);
			}
			.owl-carousel.include-pagination .owl-dot:nth-child(5n + 2){
				transform: rotate(-90deg);
			}
			.owl-carousel.include-pagination .owl-dot:nth-child(5n + 3){
				transform: rotate(0deg);
			}
			.owl-carousel.include-pagination .owl-dot:nth-child(5n + 4){
				transform: rotate(-50deg);
			}
			.owl-carousel.include-pagination .owl-dot:nth-child(5n + 5){
				transform: rotate(40deg);
			} */
			.owl-carousel.include-pagination .owl-dot.active {
				border-color: rgba(var(--orange-rga), 1);
				background: rgba(var(--orange-rga), 1);
				opacity: 1;
			}

/** Fancybox Carousel */

	/** Arrows */
		.f-carousel__nav {
			display: none;
		}
		.include-nav .f-carousel__nav {
			display: block;
		}
			.include-nav .f-carousel__nav .f-button {
				padding: 0;
				--f-button-color: #fff;
				background: rgba(var(--orange-rga), .3);
				transition: all .3s;
			}
			.include-nav .f-carousel__nav .f-button.is-next {
				right: 10px;
			}
			.include-nav .f-carousel__nav .f-button.is-prev {
				left: 10px;
			}
			.include-nav .f-carousel__nav .f-button:hover {
				background: rgba(var(--orange-rga), 1);
				border-radius: 0;
				box-shadow: none;
			}

	/** Pagination / Dots */
		section .f-carousel__dots {
			display: none;
		}
		section .include-pagination .f-carousel__dots {
			display: flex;
		}

			.f-carousel.has-dots {
				margin: 1em 0 0;
			}
			.f-carousel__dots {
				gap: 0 1rem;
			}

				.f-carousel__dots li {
					transition: all .3s;
				}
					.f-carousel__dots li button {
						--f-carousel-dot-width: 20px;
						--f-carousel-dot-height: 20px;
						--f-carousel-dot-radius: 50% 0;
						--f-carousel-dot-color: rgba(255,255,255,1);
						--f-carousel-dot-opacity: .3;
						--f-carousel-dot-hover-opacity: 0.7;
						transition: all .3s;
					}
					.f-carousel__dots li button:hover {
						box-shadow: none;
					}
					.f-carousel__dots li.is-current button {
					--f-carousel-dot-opacity: 1;
					}




	

/** Learndash Grid */
	/* Lesson headers */
	article .learndash-wrapper .ld-item-list.ld-lesson-list .ld-lesson-section-heading {
		font-weight: 800;
		color: var(--indigo);
		margin: 2em 0 0;
	}
	.simple-text-block .ld-course-list-items {
		--grid-columns: 1;
		display: grid;
		grid-template-columns: repeat(var(--grid-columns), 1fr);
		gap: var(--spacer);
	}
	@media (min-width: 600px) {
		.simple-text-block .ld-course-list-items {
			--grid-columns: 2;
		}
	}
	@media (min-width: 900px) {
		.simple-text-block .ld-course-list-items {
			--grid-columns: 12;
		}
	}
	@media (min-width: 1300px) {
		.simple-text-block .ld-course-list-items {
			--grid-columns: 8;
		}
	}

		.simple-text-block .ld-course-list-items .ld_course_grid {
			position: relative;
			grid-column: span 1;
			height: 400px;
			border-radius: var(--border-radius);
			overflow: hidden;
		}
		@media (min-width: 900px) {
			.simple-text-block .ld-course-list-items .ld_course_grid {
				grid-column: span 4;
			}
		}
		@media (min-width: 1300px) {
			.simple-text-block .ld-course-list-items .ld_course_grid {
				grid-column: span 2;
			}
		}

			.simple-text-block .ld-course-list-items .ld_course_grid article {
				display: flex;
				flex-direction: column;
				height: 100%;
				padding: 1em;
			}

				.simple-text-block .ld-course-list-items .ld_course_grid article .ribbon {
					position: absolute;
					top: 1em;
					left: 1em;
					z-index: 10;
					color: #FFF;
					font-weight: 600;
					letter-spacing: 0.03em;
					padding: .5em 1em;
					font-size: .8em;
					background-color: var(--orange);
					border-radius: 8px;
				}

				.simple-text-block .ld-course-list-items .ld_course_grid article > a {
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
				}
				.simple-text-block .ld-course-list-items .ld_course_grid article > a::before {
					display: block;
					content: '';
					width: 100%;
					height: 75%;
					position: absolute;
					bottom: 0;
					left: 0;
					background: rgb(var(--indigo-rga));
					background: linear-gradient(0deg, rgba(var(--indigo-rga), 1) 10%, rgba(var(--indigo-rga), 0) 100%);
					border-radius: 0 0 var(--border-radius) var(--border-radius);
					transition: all .5s;
					z-index: 8;
				}
				.simple-text-block .ld-course-list-items .ld_course_grid article:hover > a::before {
					height: 100%;
				}

					.simple-text-block .ld-course-list-items .ld_course_grid article > a img {
						width: 100%;
						height: 100%;
						object-fit: cover;

					}
				
				.simple-text-block .ld-course-list-items .ld_course_grid article .caption {
					position: relative;
					z-index: 10;
					margin-top: auto;
					text-align: left;
				}

					.simple-text-block .ld-course-list-items .ld_course_grid article .caption h3 {
						position: relative;
						color: #FFF;
						margin: auto 0 0;
						padding: 0;
						transition: all .3s;
						font-size: 1.6em;
						z-index: 10;
						line-height: 1.1;
						font-weight: 100;
					}
					.simple-text-block .ld-course-list-items .ld_course_grid article .caption .entry-content {
						display: none;
					}
					.simple-text-block .ld-course-list-items .ld_course_grid article .caption .ld_course_grid_button a {
					    display: flex;
						align-items: center;
						justify-content: space-between;
						color: #FFF;
						font-weight: 700;
						margin: .25em 0 0;
						transition: all .3s;
						text-decoration: none;
					}
					.simple-text-block .ld-course-list-items .ld_course_grid article:hover .caption .ld_course_grid_button a {
						margin-top: 1.25em;
					}
					
		.simple-text-block .learndash-pager {
			margin: 2em 0 0;
			padding: 0;
		}

		/** LearnDash 3.0 */
		.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon,
		.learndash-wrapper #ld-profile button.ld-icon-search.ld-icon:hover {
			margin-right: .25rem;
			border: 0;
			text-decoration: none;
			color: var(--bttn-bg, var(--primary, #f16529));
		    box-shadow: none;
		}

		.et_pb_widget.widget_ldcoursenavigation {
			display: block;
			margin: 4em 0;
			display: none;
		}


			.learndash-wrapper .ld-course-navigation .ld-status-icon {
				flex: 0 0 20px;
				height: 20px;
			}

			.learndash-wrapper .ld-status-icon .ld-icon:before {
				font-size: .8em;
			}


			.learndash-wrapper .ld-course-navigation .ld-course-navigation-actions {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 0 1em;
			}
			
			.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview {
				display: flex;
				align-items: center;
				justify-content: space-between;
			}

				.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button,
				.learndash-wrapper .ld-course-navigation .ld-lesson-item-preview .ld-expand-button:focus,
				.learndash-wrapper .ld-course-navigation .ld-course-navigation-actions .ld-expand-button,
				.learndash-wrapper .ld-course-navigation .ld-course-navigation-actions .ld-expand-button:focus {
					justify-content: flex-start;
					flex-basis: auto;
					width: auto;
					padding: 5px 10px;
					outline: 2px solid var(--bttn-bg-hover);
					outline-offset: 0;
				}

			article.type-sfwd-courses .post-meta,
			/* article.type-sfwd-lessons .post-meta, */
			article.type-sfwd-topic .post-meta {
				display: none;
			}
				


/** Locked content */
	.locked {
		position: absolute;
		content: '';
		top: 0;
		left: 0;

		width: 100%;
		height: 100%;
		padding: 2em;
		text-align: center;
		
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;

		z-index: 99;
		background-color: rgba(56, 46, 66, .8);
		border-radius: var(--border-radius);
		backdrop-filter: blur(2.5px);
	}	

		.locked img,
		.owl-carousel .owl-item .locked img {
			height: 56px !important;
			width: 37px !important;
			margin: 0 0 1em !important;
			object-fit: none !important;
			border-radius: initial !important;
			flex: none !important;
		}

		.locked .button {
			margin: 0 !important;
			font-size: .8em !important;
		}

	
/** Front-end messages */
.fep-field .mce-toolbar .mce-btn button {
	padding: 2px 3px !important;
}
body #fep-content .tmce-active .switch-tmce, body #fep-content .wp-switch-editor {
	padding: 3px 8px 4px !important;
}
.fep-field .mce-toolbar .mce-btn button:hover {
	background-color: transparent !important;
	border: none !important;
}
.fep-field .mce-toolbar .mce-btn[aria-label="LearnDash Shortcodes"] P{
	display: none;
}
input.fep-messagebox-search-form-field,
input.fep-announcementbox-search-form-field,
input.fep-directory-search-form-field {
	box-sizing: border-box;
}

body #fep-notification-bar {
	display: flex;
	align-items: center;
	flex-flow: row nowrap;
	justify-content: flex-start;
	background: rgba(41,29,49, 0.6);
	border: none;
	position: fixed;
	bottom: 2em;
	right: 2em;
	width: auto;
	color: #FFF;
	transition: all .3s;
}
body #fep-notification-bar.fep-hide {
	display: none;
}
body #fep-notification-bar:hover {
	background: rgba(41,29,49, 1);
}
	body #fep-notification-bar p::before {
		display: inline-block;
		content: '';
		width: 20px;
		height: 20px;
		vertical-align: middle;
		margin-right: 10px;
		background: url(/images/icons/unread-message.svg) center no-repeat;
		background-size: cover;
	}
	body #fep-notification-bar a {
		color: #FFF;
		text-decoration: underline;
	}
	body #fep-notification-bar a:hover {
		text-decoration: none;
	}
	body #fep-notification-bar .fep-notice-dismiss,
	body #fep-notification-bar .fep-notice-dismiss:hover {
		display: block;
		position: initial;
		padding: 0 !important;
		color: #FFF;
		right: inherit;
		top: inherit;
		margin: 0 0 0 10px;
		font-size: 1.5em;
		line-height: 1;
		background-color: transparent !important;
	}
	

body #fep-header {
	border: none;
	margin: 0 0 2em;
}
	body #fep-header > div {
		display: flex;
		justify-content: flex-start;
		align-items: center;
	}

		body #fep-header .avatar {
			margin: 0;
		}

		body #fep-header .fep-header-avatar {
			display: flex;
			justify-content: flex-start;
			margin-right: 1.5em;
		}
		body.woocommerce-account #fep-header .fep-header-avatar,
		body.woocommerce-account #fep-header .fep-header-welcome {
			display: none;
		}
	
	body #fep-header > div > div {
		text-align: left;
	}

	body #fep-menu {
		display: flex;
		justify-content: flex-start;
		margin: 1em 0 0;
	}

		body #fep-menu .fep-button, 
		body #fep-menu .fep-button-active {
			cursor: pointer;
			color: #49176d;
			font-weight: 600;
			font-size: 0.938em;
			padding: 0.8em 1.3em;
			border: none;
			border-radius: 0;
			margin: 0 0.8em 0 0;
			background: #FFF;
			background-color: transparent;
			border: 2px solid #e2dfe6;
			border-bottom: none;
		}
		body #fep-menu .fep-button-active {
			background: #f1eff3;
			border-color: #f1eff3;
		}
		body #fep-menu .fep-button:hover {
			font-size: 0.938em;
		}

	body #fep-content {
		border: none;
		margin: 0;
		padding: 2em;
		text-align: left;
		background: #f1eff3;
	}

		body #fep-content ul.token-input-list-facebook {
			width: 100%;
			margin: 0 0 1em;
			font: 16px/1.4em futura-pt, Helvetica, Helvetica Neue, Arial, sans-serif;
			padding: 0.2em 1.2em;
			box-shadow: none;
			border: 2px solid #f5f1ed;
			background-color: #fff;
			margin-bottom: 1.3em;
			font-weight: 400;
			border-radius: 3px;
		}
		body #fep-content ul.token-input-list-facebook:hover {
			border-color: #999;
		}
		body #fep-content ul.token-input-list-facebook.token-input-focused-facebook {
			outline: none;
			border-color: #212930;
			background: #FFF;
		}

		body #fep-content .html-active .switch-html, 
		body #fep-content .tmce-active .switch-tmce,
		body #fep-content .wp-switch-editor {
			border-radius: 0;
			text-transform: initial;
		}

		.fep-form-field-announcement_roles .fep-field {
			display: flex;
			flex-flow: row wrap;
			align-items: center;
		}
			.fep-form-field-announcement_roles .fep-field label {
				margin: 0 1em .5em 0;
				display: flex;
				align-items: center;
			}

				.fep-form-field-announcement_roles .fep-field label input {
					margin: 0 5px 0 0;
				}

		body #fep-content .fep-button {
			float: right;
			border: 2px solid #4abccc;
			background: #4abccc;
			color: #FFF;
			font-size: 0.875em;
			padding: 1.375em 2.188em;
			letter-spacing: 0.0025em;
			border-radius: 50px;
			margin: 1em auto 0;
		}

		body #fep-content p, 
		body #fep-content form {
			margin: 0;
		}

		body #fep-content .fep-form-field.fep-form-field-fep_upload {
			margin: 1em 0 0;
			display: flex;
			justify-content: space-between;
		}

			body #fep-content .fep-form-field.fep-form-field-fep_upload .fep-field {
				width: 100%;
				display: flex;
				flex-flow: column;
			}

				body #fep-content .fep-form-field.fep-form-field-fep_upload .fep-field .fep-attachment-field-div {
					display: flex;
					justify-content: space-between;
					align-items: center;
					margin: 0 0 10px;
				}

					body #fep-content .fep-form-field.fep-form-field-fep_upload .fep-field .fep-attachment-field-div a.fep-attachment-field-a {
						width: 12px;
						height: 12px;
						display: block;
						text-indent: -999em;
						background: url(/images/icons/cross.svg) center no-repeat;
						background-size: contain;
					}
					body #fep-content .fep-form-field.fep-form-field-fep_upload .fep-field .fep-attachment-field-div a.fep-attachment-field-a:hover {
						opacity: .7;
					}

				body #fep-content .fep-form-field.fep-form-field-fep_upload .fep-field #fep-attachment-field-add {
					text-align: center;
					margin: 0em auto 0;
					float: none;
					width: auto;
					border: 2px solid #4abccc;
					background: #4abccc;
					color: #FFF;
					font-size: 0.875em;
					padding: .7em 1.3em;
					letter-spacing: 0.0025em;
					border-radius: 50px;
					box-shadow: none;
					text-decoration: none;
					max-width: 100%;
					cursor: pointer;
					text-shadow: none;
					display: inline-block;
					text-transform: uppercase;
				}
		
		body #fep-content .fep-action-table {
			margin: 0 0 1.3em;
		}

			body #fep-content .fep-action-table > div {
				display: flex;
				align-items: center;
				justify-content: center;
			}

				body #fep-content .fep-action-table > div > div {
					width: auto;
					margin: 0 1em 0 0;
					max-width: 25%;
				}
					body #fep-content .fep-action-table .fep-bulk-action select,
					body #fep-content .fep-action-table .fep-filter select {
						margin: 0;
					}

					body #fep-content .fep-action-table button {
						margin: 0;
						padding: .7em 1.5em;
					}
				body #fep-content .fep-action-table .fep-filter {
					float: right;
					margin: 0 0 0 auto;
				}

				body #fep-content #fep-box-content-main label,
				body #fep-content .fep-directory-table label {
					display: flex;
					align-items: center;
					text-transform: initial;
					font-size: 11px;
					margin: 0 0 5px;
					padding: 0 10px;
					cursor: pointer;
				}

					body #fep-content #fep-box-content-main label input[type="checkbox"],
					body #fep-content .fep-directory-table label input[type="checkbox"] {
						margin: 0 8px 0 0 ;
					}
				
				body #fep-content #fep-box-content-main #fep-table .fep-table-row,
				body #fep-content .fep-directory-table #fep-table .fep-table-row {
					padding: 10px;
					display: flex;
					align-items: center;
					background: #FEFEFE;
				}
				body #fep-content #fep-box-content-main #fep-table .fep-table-row:nth-child(even).
				body #fep-content .fep-directory-table #fep-table .fep-table-row:nth-child(even) {
					background: #f5f5f5;
				}
					body #fep-content .fep-avatar-p {
						height: 50px;
						margin: 0 0 0 1em;
					}

						body #fep-content .fep-avatar-p .fep-avatar-1, 
						body #fep-content .fep-avatar-p .fep-avatar-2, 
						body #fep-content .fep-avatar-more-60, 
						body #fep-content .fep-avatar-group-60 {
							height: 50px;
							width: 50px;
							background-size: contain;
						}

						body #fep-content .fep-column-title {
							width: 100%;
						}

						body #fep-content .fep-unread-class {
							background-color: #8F286D;
							padding: 3px 10px;
							height: auto;
							border-radius: 12px;
							top: 0;
							margin: 0 0 0 1em;
							box-shadow: none;
							line-height: 1.8;
							letter-spacing: 0.04em;
						}

						body #fep-content .fep-form-settings label {
							display: flex;
							align-items: center;
							text-transform: initial;
							font-size: 11px;
							margin: 0 0 5px;
							cursor: pointer;
						}
						body #fep-content .fep-form-settings .fep-form-field-allow_ann {
							margin: 0 0 2em;
						}
						body #fep-content .fep-form-settings label[for=blocked_users] {
							margin: 0;
						}

							body #fep-content .fep-form-settings label input[type="checkbox"] {
								margin: 0 8px 0 0 ;
							}
					body #fep-content .fep-directory-table .fep-column-block_unblock {
						margin-left: auto;
					}
						body #fep-content .fep-directory-table .fep-column-block_unblock a,
						body #fep-content .fep-directory-table .fep-column-send_message a {
							border: 2px solid #4abccc;
							background: #4abccc;
							color: #FFF;
							font-size: 0.875em;
							padding: .4em 1em;
							letter-spacing: 0.0025em;
							border-radius: 50px;
							box-shadow: none;
							text-decoration: none;
							max-width: 100%;
							cursor: pointer;
							text-shadow: none;
							display: inline-block;
							margin: 0;
							font-weight: 700;
							-webkit-transition: all .5s;
							-moz-transition: all .5s;
							-ms-transition: all .5s;
							-o-transition: all .5s;
							transition: all .5s;
						}
						body #fep-content .fep-directory-table .fep-column-send_message a {
							margin: 0 0 0 1em;
						}

				body #fep-content .fep-per-message {
					border: none;
					background: #FFF;
					padding: 0;
					margin: 0;
				}

					body #fep-content .fep-per-message .fep-message-title {
						background: #49176d;
						color: #FFF;
						border-radius: 0;
						margin: 0;
						padding: 10px 20px;
					}

					body #fep-content .fep-per-message .fep-announcement-content {
						padding: 20px;
					}

					body #fep-content-single #fep-content-single-sidebar {
						padding: 0;
						flex: 20%;
						min-width: 150px;
						margin: 0 2em 0 0;
					}

					body .fep-message .fep-per-message-top .fep-message-title-heading {
						background: transparent;
						border: none;
						font-size: 1em;
						padding: 0;
						font-weight: 400;
						line-height: 1.3;
					}
					body .fep-message .fep-per-message-top .fep-message-title-heading:first-child {
						flex: 100%;
						line-height: 1.214;
						color: #49176d;
						font-weight: 600;
						font-size: 2em;
						margin: 0;
					}
					body #fep-content-single .fep-per-message {
						background: transparent;
					}
					body #fep-content-single .fep-message-content {
						background: #FFF;
						padding: 20px;
						margin: 0 0 1.25em;
					}

						body #fep-content-single .fep-message-content hr {
							height: 2px;
							background: #EEE;
							margin: 10px 0;
						}
						body #fep-content-single .fep-message-content .fep-read-receipt-individual {
							color: #AAA;
							font-size: 12px;
							line-height: 1.2;
						}

						body #fep-content-single .fep-form-field-message_content {
							margin: 2em 0 0;
						}

						body #fep-content .fep-message-toggle-all {
							margin: 0 0 1.5em;
							padding: .7em 1.5em;
						}

						body #fep-content .fep-attachments {
							border-top: 2px solid #EEE;
							padding: 10px 0 0;
							margin-top: 10px;
						}

							body #fep-content .fep-attachments .fep-attachment {
								display: flex;
								align-items: center;
								font-size: 13px;
							}

/** WPBDP Listing */
.wpbdp-listing .listing-thumbnail img {
	object-fit: contain;
}
										
@media only screen and (max-width: 850px) {
	
	body #fep-menu {
		margin: 1em 0 0;
		flex-flow: row wrap;
	}

		body #fep-menu .fep-button, 
		body #fep-menu .fep-button-active {
			border: 2px solid #e2dfe6;
			margin-bottom: 1em;
		}
		body #fep-menu .fep-button-active {
			background: #f1eff3;
			border-color: #f1eff3;
		}

}

@media only screen and (max-width: 650px) {
	body #fep-content {
		padding: 2em 1em;
	}

		body #fep-content #fep-box-content-main #fep-table .fep-table-row, 
		body #fep-content .fep-directory-table #fep-table .fep-table-row {
			flex-flow: row wrap;
		}

			body #fep-content #fep-box-content-main #fep-table .fep-table-row .fep-column-name, 
			body #fep-content .fep-directory-table #fep-table .fep-table-row .fep-column-name {
				flex: 0 calc(90% - 65px);
			}

			body #fep-content .fep-directory-table .fep-column-block_unblock,
			body #fep-content .fep-directory-table .fep-column-send_message {
				margin: 0;
				width: 49%;
			}
			body #fep-content .fep-directory-table .fep-column-block_unblock {
				margin-right: 1%;
			}
			body #fep-content .fep-directory-table .fep-column-send_message {
				margin-left: 1%;
			}

				body #fep-content .fep-directory-table .fep-column-block_unblock a,
				body #fep-content .fep-directory-table .fep-column-send_message a {
					width: 100%;
					text-align: center;
					margin: 1em 0 0 0;
				}

	body #fep-content .fep-action-table > div {
		flex-flow: row wrap;
	}

	body #fep-content .fep-action-table .fep-bulk-action,
	body #fep-content .fep-action-table .fep-filter {
		max-width: 150px;
	}

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

	body #fep-menu .fep-button, body #fep-menu .fep-button-active {
		margin: 0 0 1em;
	}

	#fep-menu-toggle-button {
		margin-bottom: 1em;
		cursor: pointer;
		color: #4abccc;
		font-weight: 600;
		font-size: 0.938em;
		padding: 0.8em 1.3em;
		border: none;
		border-radius: 0;
		margin: 0 0.8em 0 0;
		background: #FFF;
		background-color: transparent;
		border: 2px solid #4abccc;
		transition: all .3s;
	}
	#fep-menu-toggle-button.fep-menu-toggle-expanded {
		background: #4abccc;
		color: #FFF;
	}

	body #fep-menu.fep-menu-toggle {
		display: none;
	}

	body #fep-content {
		margin-top: 1em;
	}

}
@media only screen and (max-width: 479px) {
	
	body #fep-content .fep-directory-table .fep-column-block_unblock, 
	body #fep-content .fep-directory-table .fep-column-send_message {
		margin: 0;
		width: 100%;
	}
	body #fep-content .fep-action-table .fep-bulk-action, 
	body #fep-content .fep-action-table .fep-filter,
	body #fep-content .fep-action-table > div > div {
		width: 100%;
		margin: 0;
		max-width: initial;
	}
	body #fep-content .fep-action-table .fep-bulk-action {
		margin-bottom: 1em;
	}
	body #fep-content .fep-action-table .fep-filter {
		margin-top: 1em;
	}

}
	
	body #fep-footer {
		border: none;
		padding: 2em 0 0;
		display: none;
	}



.banner-video-box + .caption .buttons {
	margin-top: 4em;
}

