/**
 * Table of Contents:
 *
 * 2.0 - Global
 * 2.5 - WP Blocks 
 * 3.0 - Layout
 * 4.0 - Header
 * 5.0 - Content
 * 6.0 - Comments
 * 7.0 - Sidebars & Widgets
 * 8.0 - Footer
 * 9.0 - Misc
 * 10.0 - Includes
 * 11.0 - Page Templates
 * 12.0 - Plugins
 * 13.0 - Post & Page Contents
 * ------------------------------------------------------------------------------
 */


@import url("style-root.css");


.accent-colour,
.accent-color{
	color: var(--accent-colour);
}
.accent-colour-bg,
.accent-color-bg{
	background-color: var(--accent-colour);
}
.accent-colour-border,
.accent-color-border{
	border-color: var(--accent-colour);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadeIn {
	from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Firefox < 16 */
@-moz-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}

/* Internet Explorer */
@-ms-keyframes fadeOut {
	from { opacity: 1; }
    to   { opacity: 0; }
}

/* Opera < 12.1 */
@-o-keyframes fadeOut {
    from { opacity: 1; }
    to   { opacity: 0; }
}


/**
 * 2.0 Global
 * ------------------------------------------------------------------------------
 */

html { 
	font-size: var(--global-font-size);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	scroll-behavior: smooth;
    width: auto !important; 
}

body { 
	color: var(--site-font-colour);
	font-family: var(--site-font-family);
	font-size: 1rem;
	font-weight: var(--global-font-weight);
  	position: relative;
  	overflow-y: scroll;
    width: 100% !important; 
    overflow-x: hidden !important;
    background-color: var(--site-bg-colour);
    background-attachment: fixed;
}

#site-bg-grad{
    position: fixed;
    top:0;
    left:0;
    height:100vh;
    width: 100%;
    background: radial-gradient(circle, var(--site-bg-colour) 0%, var(--site-bg-colour-grad, var(--site-bg-colour)) 100%);
    z-index: -1;
}

#site-bg-image{
    position: absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    z-index: -1;
    background-image: var(--site-bg-image, var(--site-bg-image-stock));
    background-repeat: var(--site-bg-image-repeat);
    background-attachment: var(--site-bg-image-attachment);
    background-position: var(--site-bg-image-position);
    background-size: var(--site-bg-image-size);
    opacity: var(--site-bg-image-opacity);
    mix-blend-mode: var(--site-bg-image-blend-mode);
}

#site-bg-video,
#site-bg-video-sm-screens{
    position: fixed;
    top:0;
    left:0;
    height:100vh;
    width: 100%;
    z-index: -1;
}

#site-bg-overlay{
    position: fixed;
    top:0;
    left:0;
    height:100vh;
    width: 100%;
    background-color: var(--site-bg-image-overlay-colour, var(--site-bg-colour));
    background: radial-gradient(circle, var(--site-bg-image-overlay-colour, var(--site-bg-colour)) 0%, var(--site-bg-image-overlay-colour-grad, var(--site-bg-image-overlay-colour, var(--site-bg-colour))) 100%);
    opacity: var(--site-bg-image-overlay-opacity);
    mix-blend-mode: var(--site-bg-image-overlay-blend-mode);
    z-index: -1;
}

#site-wrapper{
    width: 100%;
    overflow-x: hidden !important;
}

/* Embeds: make sure embeds fit their containers. */
embed,
iframe,
object,
video {
	max-width: 100%;
	width: 100%;
	outline: none !important;
}

/**
 * Forms
 */

label {
	display: inline-block;
	margin-bottom: 5px;
	max-width: 100%;
}

/* Make sure select fit its container. */
select {
	max-width: 100%;
}

input,
textarea,
select {
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	background-color: #f8f8f8;
	background-image: none;
	display: block;
	height: auto;
	line-height: 1.5;
	padding: 6px 16px;
	font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
}


/* Set width of input fields. */
input[type="email"],
input[type="password"],
input[type="search"],
input[type="text"],
input[type="url"],
textarea,
textarea.form-control {
	width: 100%;
}

/* Set custom background of input and textarea fields. */
input,
textarea,
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
input.form-control,
select.form-control,
textarea.form-control,
.woocommerce form .form-row .input-text, 
.woocommerce form .form-row select,
.select2-container .select2-dropdown,
.select2-container .select2-selection {
	font-size: var(--forms-font-size) !important;
	color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour))) !important;
	background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour))) !important;
	font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
	border: 1px solid var(--forms-border-colour, var(--accent-colour)) !important;
}

.select2-container--default .select2-selection--single{
	background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour))) !important;
}

.select2-container .select2-selection--single .select2-selection__rendered{
	color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour))) !important;
}

.select2-container .select2-selection--single .select2-selection__arrow b{
	background-color: #ffffff;
}

.select2-container--default .select2-results__option[aria-selected="true"], 
.select2-container--default .select2-results__option[data-selected="true"]{
	background-color: transparent !important;
}

input[type="file"]{
	color: var(--main-content-font-colour, var(--site-font-colour));
}

input:focus,
textarea:focus,
select:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
input.form-control:focus,
textarea.form-control:focus,
select.form-control:focus,
.form-control:focus,
.woocommerce form .form-row .input-text:focus, 
.woocommerce form .form-row select:focus,
.select2-container .select2-dropdown:focus,
.select2-container .select2-selection:focus {
	background-color: var(--forms-bg-colour-focus, var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)))) !important;
    border-color: var(--forms-border-colour-focus, var(--accent-colour-hover, var(--accent-colour))) !important;
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour))) !important;
    outline: 0;
    box-shadow: none;
}

input,
textarea,
select {
	-webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
	-moz-box-shadow:    inset 0 0px 0px rgba(0, 0, 0, .075);
	box-shadow:         inset 0 0px 0px rgba(0, 0, 0, .075); 
}

input:focus,
textarea:focus,
select:focus {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

::-webkit-input-placeholder,
	 :-ms-input-placeholder,
		 ::-moz-placeholder,
			  ::placeholder {
	color: var(--forms-font-colour, var(--site-font-colour));
	opacity: 1;
}

input[disabled],
textarea[disabled],
select[disabled],
input[readonly],
textarea[readonly],
select[readonly],
fieldset[disabled] {
	background-color: #eeeeee;
	opacity: 1;
}

input[disabled],
textarea[disabled],
select[disabled],
fieldset[disabled] {
	cursor: not-allowed;
}

/* input {
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
} */

select{
	padding: .375rem .75rem;
}

input[type="radio"],
input[type="checkbox"],
input[type="file"],
input[type="submit"] {
	display: inline;
	width: auto;
	height: auto;
}

input[type="radio"]{
	margin-right: 5px;
}

textarea{
	height: auto;
	padding: .375rem .75rem;
}

/* file upload */
input[type="file"]::file-selector-button {
    font-size: var(--main-content-font-size);
    font-weight: var(--main-content-font-weight, var(--global-font-weight));
    color: var(--button-font-colour);
    border-radius: 4px;
    cursor: pointer;
    background-color: var(--button-colour, var(--accent-colour));
	border: 1px solid var(--button-colour, var(--accent-colour));
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

/* file upload button hover state */
input[type="file"]::file-selector-button:hover {
    outline: 0px !important;
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-font-colour-hover) !important;
}

/* file upload button active state */
input[type="file"]::file-selector-button:active {
    outline: 0px !important;
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-font-colour-hover) !important;
}

/* Forms: buttons. */
button[type="submit"],
input[type="submit"],
.reply a {
	webkit-border-radius: var(--buttons-border-radius) !important;
	  -moz-border-radius: var(--buttons-border-radius) !important;
		   border-radius: var(--buttons-border-radius) !important;
	-ms-touch-action: manipulation;
	touch-action: 	  manipulation;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	-webkit-user-select: none;
	-moz-user-select: 	 none;
	-ms-user-select: 	 none;
	user-select: 		 none;
	background-image: none;
	border: 1px solid transparent;
    border-style: solid;
	cursor: pointer;	
	display: inline-block;
	line-height: 1.5;
	margin-bottom: 0;
	padding: 6px 16px;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

button[type="submit"]:hover,
input[type="submit"]:hover,
button[type="submit"]:focus,
input[type="submit"]:focus,
button[type="submit"]:active:focus,
input[type="submit"]:active:focus,
.reply a:hover,
.reply a:focus,
.reply a:active:focus,
button[type="submit"]:active,
input[type="submit"]:active,
.reply a:active {
	outline: 0;
	text-decoration: none;
	background-image: none;
}

button[type="submit"]:active,
input[type="submit"]:active,
.reply a:active {
	-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
	box-shadow: 		inset 0 3px 5px rgba(0, 0, 0, .125);
}

button[type="submit"].disabled,
input[type="submit"].disabled {
	-webkit-box-shadow: none;
	box-shadow: 		none;
	cursor: not-allowed;
	filter: alpha(opacity=65);
	opacity: .65;
}

button[type="submit"],
input[type="submit"] {
	font-size: var(--button-font-size) !important;
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
	color: var(--button-font-colour) !important;
	background-color: var(--button-colour, var(--accent-colour)) !important;
	border-color: var(--button-colour, var(--accent-colour)) !important;
}

button[type="submit"]:focus,
input[type="submit"]:focus,
button[type="submit"]:hover,
input[type="submit"]:hover,
button[type="submit"]:active,
input[type="submit"]:active{
	background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	color: var(--button-font-colour-hover) !important;
}

.reply a {
	font-size: var(--button-font-size) !important;
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
	color: var(--button-font-colour) !important;
	background-color: var(--button-colour, var(--accent-colour)) !important;
	border-color: var(--button-colour, var(--accent-colour)) !important;
}

.reply a:focus,
.reply a:hover,
.reply a:active {
	background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	color: var(--button-font-colour-hover) !important;
}



button[type="submit"].disabled,
button[type="submit"].disabled:hover,
button[type="submit"].disabled:focus,
button[type="submit"].disabled:active,
input[type="submit"].disabled,
input[type="submit"].disabled:hover,
input[type="submit"].disabled:focus,
input[type="submit"].disabled:active {
	background-color: filter: brightness(0.85);
	border-color: filter: brightness(0.85);
}

/* Forms: remove box-shadow from buttons. */
button[type="submit"],
input[type="submit"],
.reply a {
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
}

button[type="submit"]:focus,
input[type="submit"]:focus{
	-webkit-box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
	-moz-box-shadow:    0 0 0 0.2rem rgba(0,123,255,.25);
	box-shadow:         0 0 0 0.2rem rgba(0,123,255,.25);
}

/* Forms: search. */
input[type="search"] {
	-webkit-appearance: textfield;
}

.search-form label {
	font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	margin-bottom: 0;
}


input[type=checkbox] {
    -moz-appearance:none;
    -webkit-appearance:none;
    -o-appearance:none;
    outline: none;
    content: none;
    border: 0px;
    display:inline-block;
    visibility: hidden;
}

input[type=checkbox]:before {
    font-family: "Font Awesome 6 Free"; 
    font-weight: 900;
    content: "\f00c";
    font-size: 0.7rem;
    color: transparent !important;
    background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)));
    display: flex;
    justify-content:center;
    align-items:center;
    width: 1rem;
    height: 1rem;
    border: 1px solid var(--forms-border-colour, var(--accent-colour));
    visibility: initial;
}

input[type=checkbox]:checked:before {
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour))) !important;
    background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)));
}


/* Make search form and search button inline. */
@media (min-width: 768px) {
	form.search-form input.search-field,
	form.search-form input.search-submit {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
}

/* Set search field width in widget container. */
.widget-container .search-form label {
	display: inline;
}

.widget-container form.search-form input.search-field {
	width: calc(100% - 120px);
}

/* Forms: password protected. */
@media (min-width: 768px) {
	form.post-password-form input[type="password"],
	form.post-password-form submit {
		display: inline-block;
		vertical-align: middle;
		width: auto;
	}
}

.post-password-form{
	text-align: center;
	margin-top: 50px;
}

b, strong{
	font-weight: var(--global-font-weight-bold) !important;
}

/**
 * Images
 */
 
img.wp-smiley,
.rsswidget img {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;	
	border: 0;
	margin: 0;
	padding: 0;
}

/* Images: caption. */
.wp-caption {
	background-color: transparent;
	border: none;
    max-width: 96%;
    text-align: center;
}

.wp-caption img {
	margin: 0;
	padding: 0;
}

.wp-caption-text {
	font-size: 1rem;
	font-style: italic;
	margin: 0;
}

/* Images: gallery. */
.gallery {
	margin-bottom: 40px !important;
}

.gallery-item {
	display: inline-block;
	margin-bottom: 0;
	margin-top: 0 !important;
	padding: 2%;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

figure.gallery-item {
	margin: 0;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-icon img {
	margin: 0 auto;
}

.gallery-icon img { 
	border: none !important;
}

.gallery-caption {
	color: var(--main-content-font-colour, var(--site-font-colour));
	display: block;
	padding: 5px 0;
}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
	visibility: hidden;
}

/* Images: post thumbnails. */
.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 20px;
}

.post-thumbnail img {
	display: block;
	margin: 0 auto;
	width: 100%;
}

.alignnone.wp-post-image { 
	margin-bottom: 20px;
}


/* wp-block-image margin fix */
.wp-block-image{
	margin-top: 0;
	margin-bottom: 0;
}
figure.wp-block-image{
	margin-top: 0;
	margin-bottom: 0;
}



/**
 * Screen readers
 */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.screen-reader-text:focus {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	-moz-box-shadow:	0 1px 0 rgba(120, 200, 230, 0.5) inset;
	box-shadow:			0 1px 0 rgba(120, 200, 230, 0.5) inset;
	background-color: #21759b;
	border-color: #21759B #21759B #1E6A8D;
	border-style: solid;
	border-width: 1px;	
	clip: auto;
	color: #ffffff;
	display: block;
	font-size: 0.75rem;
	height: 30px;
	line-height: 28px;
	padding: 0 12px 2px;
	position: absolute;
	left: 5px;
	top: 5px;
	text-decoration: none;
	text-transform: none;
	width: auto;
	z-index: 100000;
}

/**
 * Tables
 */

@media print {
	table {
		border-collapse: collapse !important;
	}

	table td,
	table th {
		background-color: #ffffff !important;
	}
}

table {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}

.wp-block-table td, .wp-block-table th{
	border: 0;	
}

table > thead > tr > th,
table > tbody > tr > th,
table > tfoot > tr > th,
table > thead > tr > td,
table > tbody > tr > td,
table > tfoot > tr > td {
	border-top: 1px solid #dddddd;
	line-height: 1.5;
	padding: 8px;
	vertical-align: top;
}

table > thead > tr > th {
	border-bottom: 2px solid #dddddd;
	vertical-align: bottom;
}

table > caption + thead > tr:first-child > th,
table > colgroup + thead > tr:first-child > th,
table > thead:first-child > tr:first-child > th,
table > caption + thead > tr:first-child > td,
table > colgroup + thead > tr:first-child > td,
table > thead:first-child > tr:first-child > td {
	border-top: 0px !important;
}

table > tbody + tbody {
	border-top: 2px solid #dddddd;
}

table {
	background-color: transparent;
}

th {
	text-align: left;
}

.wp-block-table table > thead > tr > th,
.wp-block-table table > tbody > tr > th,
.wp-block-table table > tfoot > tr > th,
.wp-block-table table > thead > tr > td,
.wp-block-table table > tbody > tr > td,
.wp-block-table table > tfoot > tr > td{
	position: relative;
}

.wp-block-table table > thead > tr > th:before,
.wp-block-table table > tbody > tr > th:before,
.wp-block-table table > tfoot > tr > th:before,
.wp-block-table table > thead > tr > td:before,
.wp-block-table table > tbody > tr > td:before,
.wp-block-table table > tfoot > tr > td:before{
	content:'';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	border-top: 1px solid var(--accent-colour) !important;
	opacity: 0.05;
}

.wp-block-table table > thead > tr:first-child > th:before,
.wp-block-table table > tbody > tr:first-child > th:before,
.wp-block-table table > tfoot > tr:first-child > th:before,
.wp-block-table table > thead > tr:first-child > td:before,
.wp-block-table table > tbody > tr:first-child > td:before,
.wp-block-table table > tfoot > tr:first-child > td:before{
	content:none;
}



/**
 * Text elements
 */

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
}

a {
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
	color: var(--accent-colour);
	text-decoration: none;
	outline: none !important;
	cursor: pointer;

}

a:hover,
a:focus,
a:active {
	color: var(--accent-colour-hover);
	text-decoration: none;
	outline: none !important;
}

a img {
	border: none;
	text-decoration: none;
}

i,
.fa{
	color: var(--accent-colour);
}


abbr,
acronym {
	border-bottom: 1px dotted;
	cursor: help;
}

address {
	font-style: normal;
	line-height: 1.5;
	margin-bottom: 20px;
}

blockquote {
	border-left: 1px solid var(--accent-colour);
	font-size: 1.2em;
	margin: 0 0 20px;
	padding: 10px 20px;
	quotes: none;
	display: inline-block;
	position: relative;
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}

blockquote span{
	position: absolute;
	bottom: -20px;
	right: 0px;
}

blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
	margin-bottom: 0;
}

caption {
	color: var(--main-content-font-colour, var(--site-font-colour));
	padding-bottom: 8px;
	padding-top: 8px;
	text-align: left;
}

cite {
	font-style: italic;
}

code {
	-webkit-border-radius: 4px;
	-moz-border-radius:	   4px;
	border-radius:		   4px;
	background-color: #f9f2f4;
	color: #c7254e;
	font-size: 0.875rem;
	padding: 2px 4px;
}

del {
	text-decoration: line-through;
}

dl {
	margin-bottom: 20px;
	margin-top: 0;
}

dt {
	font-weight: var(--global-font-weight-bold);
}

dd {
	margin-left: 0;
}

em {
	font-style: italic;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 0.5rem;
}

h1{
	font-family: var(--h1-font, var(--headings-font-family));
	font-size: var(--h1-font-size);
	line-height: var(--h1-line-height);
	font-weight: var(--h1-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h1-colour, var(--site-font-colour));
}
h2{
	font-family: var(--h2-font, var(--headings-font-family));
	font-size: var(--h2-font-size);
	line-height: var(--h2-line-height);
	font-weight: var(--h2-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h2-colour, var(--site-font-colour));
}
h3{
	font-family: var(--h3-font, var(--headings-font-family));
	font-size: var(--h3-font-size);
	line-height: var(--h3-line-height);
	font-weight: var(--h3-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h3-colour, var(--site-font-colour));
}
h4{
	font-family: var(--h4-font, var(--headings-font-family));
	font-size: var(--h4-font-size);
	line-height: var(--h4-line-height);
	font-weight: var(--h4-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h4-colour, var(--site-font-colour));
}
h5{
	font-family: var(--h5-font, var(--headings-font-family));
	font-size: var(--h5-font-size);
	line-height: var(--h5-line-height);
	font-weight: var(--h5-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h5-colour, var(--site-font-colour));
}
h6{
	font-family: var(--h6-font, var(--headings-font-family));
	font-size: var(--h6-font-size);
	line-height: var(--h6-line-height);
	font-weight: var(--h6-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--h6-colour, var(--site-font-colour));
}

@media screen and (max-width: 768px) {
	h1{
		font-size: var(--h1-font-size-sm);
	}
	h2{
		font-size: var(--h2-font-size-sm);
	}
	h3{
		font-size: var(--h3-font-size-sm);
	}
	h4{
		font-size: var(--h4-font-size-sm);
	}
	h5{
		font-size: var(--h5-font-size-sm);
	}
	h6{
		font-size: var(--h6-font-size-sm);
	}
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: 	content-box;
	box-sizing: 		content-box;
	border: 0;
	border-top: 1px solid #eeeeee;
	height: 0;
	margin-bottom: 20px;
	margin-top: 20px;
}

i {
	font-style: italic;
}

img {
	vertical-align: middle;
}

/* Images: make sure images are scaled correctly. */
img {
	height: auto;
	max-width: 100%;
}

ins {
	background-color: #fff6bf;
	text-decoration: none;
}

kbd {
	-webkit-border-radius: 3px;
	-moz-border-radius:	   3px;
	border-radius:		   3px;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
	-moz-box-shadow:	inset 0 -1px 0 rgba(0, 0, 0, .25);
	box-shadow:			inset 0 -1px 0 rgba(0, 0, 0, .25);
	background-color: #2f2f2f;
	color: #ffffff;
	font-size: 0.875rem;
	padding: 2px 4px;
}

kbd kbd {
	-webkit-box-shadow: none;
	-moz-box-shadow:	none;
	box-shadow:			none;
	font-size: 1rem;
	font-weight: var(--global-font-weight-bold);
	padding: 0;
}

p {
	margin: 0 0 10px;
}

pre {
	-webkit-border-radius: 4px;
	-moz-border-radius:	   4px;
	border-radius:		   4px;
	background-color: #f5f5f5;
	border: 1px solid #cccccc;
	color: var(--site-font-colour);
	display: block;
	font-size: 0.75rem;
	line-height: 1.5;
	margin: 0 0 10px;
	padding: 9.5px;
	word-break: break-all;
	word-wrap: break-word;
}

ul,
ol {
	margin-bottom: 10px;
	margin-top: 10px;
	padding-left: 1.4rem;
}

ul ul,
ol ul,
ul ol,
ol ol {
	margin-bottom: 10px;
}

ol ol {
	list-style: upper-alpha;
}

ol ol ol {
	list-style: lower-roman;
}

ol ol ol ol {
	list-style: lower-alpha;
}

.small, small{
	font-weight: inherit;
}




/* -------------------------------------------------------------------------- */

/*	2.5 WordPress Blocks from TwentyTwenty
/* -------------------------------------------------------------------------- */


/* Block Colors ------------------------------ */

.has-text-color a {
	color: inherit;
}

/* CUSTOM COLORS */

:root .has-accent-color {
	color: #cd2653;
}

:root .has-accent-background-color {
	background-color: #cd2653;
	color: #fff;
}

:root .has-primary-color {
	color: #000;
}

:root .has-primary-background-color {
	background-color: #000;
	color: #f5efe0;
}

:root .has-secondary-color {
	color: #6d6d6d;
}

:root .has-secondary-background-color {
	background-color: #6d6d6d;
	color: #fff;
}

:root .has-subtle-background-color {
	color: #dcd7ca;
}

:root .has-subtle-background-background-color {
	background-color: #dcd7ca;
	color: #000;
}

:root .has-background-color {
	color: #f5efe0;
}

:root .has-background-background-color {
	background-color: #f5efe0;
	color: #000;
}


/* Block Typography Classes ------------------ */

.has-text-align-left {

	/*rtl:ignore*/
	text-align: left;
}

.has-text-align-center {
	text-align: center;
}

.has-text-align-right {
	text-align: right;
}

.has-drop-cap:not(:focus)::first-letter {
	font-size: 5.1rem;
	font-weight: bolder;
	margin: 0.05em 0.1em 0 0;
}

.has-drop-cap:not(:focus)::first-letter::after {
	content: "";
	display: table;
	clear: both;
}

.has-drop-cap:not(:focus)::after {
	padding: 0;
}


/* Block Font Families ----------------------- */

.has-drop-cap:not(:focus)::first-letter,
.entry-content .wp-block-archives,
.entry-content .wp-block-categories,
.entry-content .wp-block-cover-image,
.entry-content .wp-block-latest-comments,
.entry-content .wp-block-latest-posts,
.entry-content .wp-block-pullquote,
.entry-content .wp-block-quote.is-large,
.entry-content .wp-block-quote.is-style-large {
	font-family: ;
}

@supports ( font-variation-settings: normal ) {

	.has-drop-cap:not(:focus)::first-letter,
	.entry-content .wp-block-archives,
	.entry-content .wp-block-categories,
	.entry-content .wp-block-latest-posts,
	.entry-content .wp-block-latest-comments,
	.entry-content .wp-block-cover-image p,
	.entry-content .wp-block-pullquote {
		font-family: ;
	}
}

/* Block Font Sizes -------------------------- */

.entry-content .has-small-font-size {
	font-size: 0.842em;
}

.entry-content .has-normal-font-size,
.entry-content .has-regular-font-size {
	font-size: 1em;
}

.entry-content .has-medium-font-size {
	font-size: 1.1em;
	line-height: 1.45;
}

.entry-content .has-large-font-size {
	font-size: 1.25em;
	line-height: 1.4;
}

.entry-content .has-larger-font-size {
	font-size: 1.5em;
	line-height: 1.3;
}


/* Block: Base Margins ----------------------- */

*[class*="_inner-container"] > *:first-child {
	margin-top: 0;
}

*[class*="_inner-container"] > *:last-child {
	margin-bottom: 0;
}

.wp-block-archives:not(.alignwide):not(.alignfull),
.wp-block-categories:not(.alignwide):not(.alignfull),
.wp-block-code,
.wp-block-columns:not(.alignwide):not(.alignfull),
.wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.wp-block-media-text:not(.alignwide):not(.alignfull),
.wp-block-preformatted,
.wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.wp-block-quote,
.wp-block-quote.is-large,
.wp-block-quote.is-style-large,
.wp-block-verse,
.wp-block-video:not(.alignwide):not(.alignfull) {
	/* margin-bottom: 3rem; */
	/* margin-top: 3rem; */
}


/* Block: Shared Nesting Alignment Resets ---- */

[class*="__inner-container"] .wp-block-group:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright),
[class*="__inner-container"] .wp-block-cover:not(.alignfull):not(.alignwide):not(.alignleft):not(.alignright) {
	margin-left: auto;
	margin-right: auto;
	max-width: 58rem;
}


/* Block: Shared Widget Styles --------------- */

.wp-block-archives,
.wp-block-categories,
.wp-block-latest-posts,
.wp-block-latest-comments {
	list-style: none;
	margin-left: 0;
}

.wp-block-archives ul,
.wp-block-categories ul,
.wp-block-latest-posts ul,
.wp-block-latest-comments ul {
	list-style: none;
}

.entry-content .wp-block-archives > li,
.entry-content .wp-block-categories > li,
.entry-content .wp-block-latest-posts > li,
.entry-content .wp-block-latest-comment > li {
	margin-left: 0;
}

.entry-content .wp-block-archives > li:last-child,
.entry-content .wp-block-categories > li:last-child,
.entry-content .wp-block-latest-posts > li:last-child,
.entry-content .wp-block-latest-comment > li:last-child {
	margin-bottom: 0;
}

.entry-content .wp-block-archives *,
.entry-content .wp-block-categories *,
.entry-content .wp-block-latest-posts *,
.entry-content .wp-block-latest-comments * {
	font-family: inherit;
}

.entry-content .wp-block-archives li,
.entry-content .wp-block-categories li,
.entry-content .wp-block-latest-posts li {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.wp-block-archives a,
.wp-block-categories a,
.wp-block-latest-posts a,
.wp-block-latest-comments a {
	font-weight: bolder;
	text-decoration: none;
}

.wp-block-archives a:hover,
.wp-block-categories a:hover,
.wp-block-latest-posts a:hover,
.wp-block-latest-comments a:hover,
.wp-block-archives a:focus,
.wp-block-categories a:focus,
.wp-block-latest-posts a:focus,
.wp-block-latest-comments a:focus {
	text-decoration: underline;
}

.wp-block-latest-posts a,
.wp-block-latest-comments__comment-meta {
	font-weight: bolder;
	letter-spacing: -0.025em;
	line-height: 1.25;
}

.wp-block-latest-comments__comment-date,
.wp-block-latest-posts__post-date {
	color: #6d6d6d;
	font-size: 0.7em;
	font-weight: bolder;
	letter-spacing: normal;
	margin-top: 0.15em;
}


/* Block: Shared Media Styles ---------------- */

.wp-block-embed figcaption,
.wp-block-image figcaption {
	color: #6d6d6d;
	font-size: 1rem;
	margin-bottom: 1rem;
	margin-top: 1rem;
	font-style: italic;
}

/* Block: Audio ------------------------------ */

.wp-block-audio audio {
	width: 100%;
}





/* Block: Columns ---------------------------- */

.wp-block-columns.alignfull,
.alignfull:not(.has-background) .wp-block-columns {
	padding-left: 2rem;
	padding-right: 2rem;
}

.wp-block-column {
	margin-bottom: 3.2rem;
}

.wp-block-column > *:first-child {
	margin-top: 0;
}

.wp-block-column > *:last-child {
	margin-bottom: 0;
}

/* Block: Cover ------------------------------ */

.wp-block-cover-image .wp-block-cover__inner-container,
.wp-block-cover .wp-block-cover__inner-container {
	width: calc(100% - 4rem);
	padding: 2rem 0;
}

.wp-block-cover-image .wp-block-cover-image-text,
.wp-block-cover-image .wp-block-cover-text,
.wp-block-cover-image h2,
.wp-block-cover .wp-block-cover-image-text,
.wp-block-cover .wp-block-cover-text,
.wp-block-cover h2 {
	max-width: 100%;
	padding: 0;
}

.wp-block-cover-image h2,
.wp-block-cover h2 {
	font-size: 3.2rem;
}

/* Block: Embed ------------------------------ */

/* Block: File ------------------------------- */

.wp-block-file {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.wp-block-file a:not(.wp-block-file__button) {
	font-weight: bolder;
	text-decoration: none;
}

.wp-block-file a:not(.wp-block-file__button):not(:last-child) {
	margin-right: 1rem;
}

.wp-block-file a:not(.wp-block-file__button):focus,
.wp-block-file a:not(.wp-block-file__button):hover {
	text-decoration: underline;
}

.wp-block-file .wp-block-file__button {
	font-size: 1.5rem;
	padding: 1em 1.25em;
}

.wp-block-file a.wp-block-file__button:visited {
	opacity: 1;
}

.wp-block-file a.wp-block-file__button:active,
.wp-block-file a.wp-block-file__button:focus,
.wp-block-file a.wp-block-file__button:hover {
	opacity: 1;
	text-decoration: underline;
}


/* Block: Gallery ---------------------------- */

.wp-block-gallery ul {
	list-style: none;
	margin: 0 0 -1.6rem 0;
}

figure.wp-block-gallery.alignnone,
figure.wp-block-gallery.aligncenter {
	margin-bottom: 3rem;
	margin-top: 3rem;
}

figure.wp-block-gallery.alignleft {
	margin: 0.3rem 2rem 2rem 0;
}

figure.wp-block-gallery.alignright {
	margin: 0.3rem 0 2rem 2rem;
}

figure.wp-block-gallery.alignwide {
	margin-bottom: 4rem;
	margin-top: 4rem;
}

figure.wp-block-gallery.alignfull {
	margin-bottom: 5rem;
	margin-top: 5rem;
}

/* Block: Group ------------------------------ */

.wp-block-group.has-background {
	padding: 2rem;
	margin-bottom: 0;
	margin-top: 0;
}

.wp-block-group__inner-container {
	margin: 0 auto;
}

.wp-block-group__inner-container,
.entry-content .wp-block-group p {
	max-width: 100%;
}

.alignfull:not(.has-background) > .wp-block-group__inner-container > p:not(.has-background-color) {
	padding-left: 2rem;
	padding-right: 2rem;
}

/* Block: Image ------------------------------ */

/* Block: Media And Text --------------------- */

.wp-block-media-text .wp-block-media-text__content {
	padding: 3rem 2rem;
}

.wp-block-media-text .wp-block-media-text__content p {
	max-width: none;
}

.wp-block-media-text__content > *:first-child {
	margin-top: 0;
}

.wp-block-media-text__content > *:last-child {
	margin-bottom: 0;
}

/* Block: Pullquote -------------------------- */

/* STYLE: DEFAULT */

.wp-block-pullquote {
	padding: 0;
	position: relative;
}

.wp-block-pullquote.alignleft,
.wp-block-pullquote.alignright {
	max-width: calc(100% - 4rem);
}

.wp-block-pullquote::before {
	background: #fff;
	border-radius: 50%;
	color: #cd2653;
	content: "”";
	display: block;
	font-size: 6.2rem;
	font-weight: bolder;
	line-height: 1.2;
	margin: 0 auto 1.5rem auto;
	text-align: center;
	height: 4.4rem;
	width: 4.4rem;
}

.reduced-spacing .wp-block-pullquote::before {
	border: 0.1rem solid currentColor;
	font-size: 5.9rem;
}

.wp-block-pullquote blockquote {
	border: none;
	margin: 0;
	padding: 0;
}

.wp-block-pullquote blockquote p {
	font-family: inherit;
	font-size: 2.8rem;
	font-weight: bolder;
	line-height: 1.178571429;
	letter-spacing: -0.041785714em;
	max-width: 100%;
}

.wp-block-pullquote p:last-of-type {
	margin-bottom: 0;
}

.wp-block-pullquote cite {
	color: #6d6d6d;
	font-size: 1.6rem;
	font-weight: var(--global-font-weight);
	margin-top: 1.2rem;
}

.wp-block-pullquote.alignleft p,
.wp-block-pullquote.alignright p {
	font-size: 2.8rem;
}

.wp-block-pullquote.alignleft {
	text-align: left;
}

.wp-block-pullquote.alignright {
	text-align: right;
}

.wp-block-pullquote.alignleft::before {
	margin-left: 0;
}

.wp-block-pullquote.alignright::before {
	margin-right: 0;
}

/* STYLE: SOLID BACKGROUND COLOR */

.wp-block-pullquote.is-style-solid-color {
	padding: 3rem 2rem;
}

.wp-block-pullquote.is-style-solid-color::before {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before,
.wp-block-pullquote.is-style-solid-color.alignright::before {
	transform: translateY(-50%);
}

.wp-block-pullquote.is-style-solid-color.alignleft::before {
	left: 2rem;
}

.wp-block-pullquote.is-style-solid-color.alignright::before {
	left: auto;
	right: 2rem;
}

.wp-block-pullquote.is-style-solid-color blockquote {
	max-width: 100%;
	text-align: inherit;
}

.wp-block-pullquote.is-style-solid-color cite {
	color: inherit;
}

/* Block: Separator  ------------------------- */

hr.wp-block-separator {
	margin: 3rem 0;
}

/* STYLE: WIDE */

.wp-block-separator.is-style-wide {
	max-width: calc(100vw - 4rem);
	position: relative;
	width: 100%;
}

/* STYLE: DOTS */

.wp-block-separator.is-style-dots::before {
	background: none;
	color: inherit;
	font-size: 3.2rem;
	font-weight: bolder;
	height: auto;
	letter-spacing: 1em;
	padding-left: 1em;
	position: static;
	transform: none;
	width: auto;
}

.wp-block-separator.is-style-dots::after {
	content: none;
}


/* Block: Search ----------------------------- */

.wp-block-search .wp-block-search__input {
	width: auto;
}

/* Block: Table ------------------------------ */

.wp-block-table{
	width: 100%;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
	background: #dcd7ca;
}

figure.wp-block-table.is-style-stripes {
	border-bottom: none;
}

.wp-block-table.is-style-stripes table {
	border-collapse: inherit;
}

/* Block: Quote ------------------------------ */

.wp-block-quote p,
.wp-block-quote cite {
	text-align: inherit;
}

.wp-block-quote[style="text-align:center"] {
	border-width: 0;
	padding: 0;
}

.wp-block-quote[style="text-align:right"] {

	/*rtl:begin:ignore*/
	border-width: 0 0.2rem 0 0;
	padding: 0 2rem 0 0;

	/*rtl:end:ignore*/
}

/* STYLE: LARGE */

.wp-block-quote.is-large,
.wp-block-quote.is-style-large {
	border: none;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
}

.wp-block-quote.is-large p,
.wp-block-quote.is-style-large p {
	font-family: inherit;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: bolder;
	letter-spacing: -0.02em;
	line-height: 1.285;
}

.wp-block-quote.is-large cite,
.wp-block-quote.is-large footer,
.wp-block-quote.is-style-large cite,
.wp-block-quote.is-style-large footer {
	font-size: 1.6rem;
	text-align: inherit;
}

/* Block: Widget Latest Comments ------------- */

.entry-content .wp-block-latest-comments li {
	margin: 2rem 0;
}

.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
	margin-left: 5.5rem;
}

.entry-content .wp-block-latest-comments a {
	text-decoration: none;
}

.entry-content .wp-block-latest-comments a:hover,
.entry-content .wp-block-latest-comments a:focus {
	text-decoration: underline;
}

.wp-block-latest-comments__comment {
	font-size: inherit;
}

.wp-block-latest-comments__comment-date {
	margin-top: 0.4em;
}

.wp-block-latest-comments__comment-excerpt p {
	font-size: 0.7em;
	margin: 0.9rem 0 2rem 0;
}

/* Block: Widget Latest Posts ---------------- */

.wp-block-latest-posts.is-grid li {
	border-top: 0.2rem solid #dcd7ca;
	margin-top: 2rem;
	padding-top: 1rem;
}

.wp-block-latest-posts.has-dates {
	list-style: none;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li {
	margin-top: 1.5rem;
}

.wp-block-latest-posts.has-dates:not(.is-grid) li:first-child {
	margin-top: 0;
}

/* -------------------------------------------------------------------------- */

/*	END WordPress Blocks from TwentyTwenty
/* -------------------------------------------------------------------------- */





/**
 * 3.0 Layout
 * ------------------------------------------------------------------------------
 */

.container {
	width: 100%;
	max-width: var(--site-boxed-width);
	clear: both;
}

.container:before,
.container:after {
}

.row:before,
.row:after {
}


/**
 * 4.0 Header
 * ------------------------------------------------------------------------------
 */

/* Bootstrap: compatibility with .navbar. */
.site-header {
	border: 0px;
	margin-bottom: 20px;
	min-height: 1px;
	position: relative;
}

#header.site-header {
	margin-bottom: 0;
}

/* Bootstrap: compatibility with navbar-static-top. */
.site-header {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
}

#header.site-header.navbar-static-top {
	border-width: 0;
}

#header {
	background-color: transparent;
	position: relative;
	width: 100%;
	padding: 0;
	z-index: 100;
    display: block;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    background-image: var(--header-bg-image);
    background-repeat: var(--header-bg-image-repeat);
    background-attachment: var(--header-bg-image-attachment);
    background-position: var(--header-bg-image-position);
    background-size: var(--header-bg-image-size);
}

.floating-header #header,
.floating-header-default-pages #header{
	position: absolute;
	top: 0;
	background-color: transparent;
	background-image: initial;
}


#header:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: var(--header-bg-colour-opacity);
	background-color: var(--header-bg-colour, var(--site-bg-colour));
}

.floating-header #header:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: var(--header-bg-colour-opacity-hero);
	background-color: var(--header-bg-colour-hero, var(--site-bg-colour));
}

#header:after{
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 1px solid var(--header-border-colour);
	opacity: var(--header-border-colour-opacity);
}

.floating-header #header:after{
	content: '';
	position: absolute;
	width: 100%;
	border-bottom: 1px solid var(--header-border-colour-hero);
	opacity: var(--header-border-colour-opacity-hero);
}

#header .container{
	position: relative;
}

#header.full-screen-width .container{
	width: 100%;
	max-width: 100%;
}

.sitewide-notice{
	display: block;
	width: 100%;
	background-color: #000000;
	padding: 10px 15px 10px 15px;
	color: #ffffff;
	text-align: center;
	border-radius: 0 !important;
	margin-bottom: 0 !important;
	font-size: var(--sitewide-notice-font-size);
	color: var(--sitewide-notice-font-colour);
	background-color: var(--sitewide-notice-bg-colour);
}

.sitewide-notice .widget-title{
	margin-bottom: 0.5rem;
	font-weight: bolder;
	color: var(--sitewide-notice-font-colour);
}

.sitewide-notice.alert p:last-of-type{
	margin-bottom: 0;
}

.sitewide-notice.alert a{
	color: var(--sitewide-notice-font-colour);
	text-decoration: underline;
	font-weight: var(--global-font-weight);
}

.sitewide-notice.alert strong a{
	font-weight: bolder !important;
}

.sitewide-notice.alert-dismissible .close,
.sitewide-notice.alert-dismissible .close:hover{
	position: absolute;
	top: 0;
	right: 10px;
	padding: 5px 10px 5px 10px;
	color: var(--sitewide-notice-font-colour) !important;
}

.floating-header #header{
    color: #ffffff;
}

.floating-header #header a{
    color: var(--header-social-colour-hero);
}

.floating-header #header a:hover{
    color: var(--header-social-colour-hover-hero, var(--accent-colour-hover));
}

.site-brand{
	width: auto;
	max-width: 70%;
	height: auto;
	text-align: center;
	padding: 15px 15px 5px 15px;
	line-height: 1.1;
	min-height: 1px !important;
	margin-left: auto;
	margin-right: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	z-index: 2;
	overflow: hidden;
	background-color: var(--site-logo-bg-colour);
}



.site-brand:after,
.site-brand:before {
	display: table;
	content: " ";
}

.site-brand:after {
	clear: both;
}


#header .site-logo{
	width: var(--site-logo-width);
	max-width: 100%;
	margin-top: 0px;
	padding-bottom: 0px;
}



/* Small screens */
@media screen and (max-width: 576px){


	
}




.logo-hero-sticky{
	width: 0px !important;
	height: 0px;
	opacity: 0;
}

.sticky.transition-header .logo-hero-sticky{
	display: block;
	opacity: 1;
	width: var(--site-logo-width-sticky, var(--site-logo-width)) !important;
}

.sticky.transition-header .logo-hero,
.sticky.transition-header .logo-default{
	display: none;
}

#header.sticky.small-header .site-logo{
    width: var(--site-logo-width-sticky, var(--site-logo-width));
    height: auto;
}




/* If you add color value to .site-title or .site-description you must also 
change default-text-color in inc/custom-header.php file. */
.site-title {
	display: block;
	line-height: 1;
	margin: 0;
	margin-top: var(--title-margin-top);
	margin-bottom: var(--title-margin-bottom);
}
.site-title a{
	display: inline;
	position: relative;
	text-decoration: none;
	float: initial;
	-webkit-transition: color 0s ease-out;
       -moz-transition: color 0s ease-out;
        -ms-transition: color 0s ease-out;
         -o-transition: color 0s ease-out;
            transition: color 0s ease-out;
}
.site-title,
.site-title a{
	text-decoration: none;
	font-family: var(--title-font, var(--headings-font-family));
	font-size: var(--title-font-size);
	font-weight: var(--title-font-weight, var(--h1-font-weight, var(--global-font-weight)));
	color: var(--title-font-colour, var(--site-font-colour)) !important;
	text-transform: var(--site-title-capitalize);
}

.site-title a:hover,
.site-title a:focus,
.site-title a:active{
    text-decoration: none;
    font-size: var(--title-font-size);
    font-weight: var(--title-font-weight, var(--h1-font-weight, var(--global-font-weight)));
    color: var(--title-font-colour, var(--site-font-colour)) !important;
    text-transform: var(--site-title-capitalize);
}


.floating-header .site-title,
.floating-header .site-title a,
.floating-header .site-title a:hover,
.floating-header .site-title a:focus,
.floating-header .site-title a:active{
	color: var(--title-font-colour-hero) !important;
}




.site-description {
	color: var(--site-description-font-colour, var(--site-font-colour));
	font-size: var(--site-description-font-size);
	font-weight: var(--site-description-font-weight, var(--global-font-weight));
	line-height: 1;
	margin: -5px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	margin-bottom: var(--nbmp-site-description-margin-bottom);
}

.floating-header .site-description {
	color: var(--site-description-font-colour-hero, var(--site-description-font-colour, var(--site-font-colour)));
}

.floating-header #header.sticky.transition-header .site-description,
.floating-header #header.sticky.small-header .site-description,
.floating-header-default-pages #header.sticky.transition-header .site-description,
.floating-header-default-pages #header.sticky.small-header .site-description{
	color: var(--site-description-font-colour-sticky, var(--site-description-font-colour-hero, var(--site-description-font-colour, var(--site-font-colour))));
}


/* Header Top Right */
#header-top-right{
	position: absolute;
	top: 20px;
	right: 15px;
	z-index: 2;
}

#header-top-right ul{
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

#header-top-right li{
	display: inline-block;
	list-style:none;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 0px;
	vertical-align: middle;
}

#header-top-right li [class*="sr-icon-"]::before{
	display: flex;
	align-items: center;
	justify-content: center;
}

#header-top-right i,
#header-top-right a{
	color: var(--header-social-colour, var(--accent-colour));
	font-size: 1rem; 
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}
#header-top-right i:hover,
#header-top-right i:active,
#header-top-right i:focus,
#header-top-right a:hover,
#header-top-right a:active,
#header-top-right a:focus{
	color: var(--header-social-colour-hover, var(--accent-colour-hover));
}

.floating-header #header-top-right i,
.floating-header #header-top-right a{
    color: var(--header-social-colour-hero);
}

.floating-header #header-top-right i:hover,
.floating-header #header-top-right i:active,
.floating-header #header-top-right i:focus,
.floating-header #header-top-right a:hover,
.floating-header #header-top-right a:active,
.floating-header #header-top-right a:focus,
.floating-header #header-top-right a:hover i,
.floating-header #header-top-right a:active i,
.floating-header #header-top-right a:focus i{
    color: var(--header-social-colour-hover-hero, var(--accent-colour-hover));
}

.floating-header #header.sticky.transition-header #header-top-right i,
.floating-header #header.sticky.transition-header #header-top-right a,
.floating-header-default-pages #header.sticky.transition-header #header-top-right i,
.floating-header-default-pages #header.sticky.transition-header #header-top-right a{
	color: var(--header-social-colour, var(--accent-colour));
}

.floating-header #header.sticky.small-header #header-top-right i:hover,
.floating-header #header.sticky.small-header #header-top-right i:active,
.floating-header #header.sticky.small-header #header-top-right i:focus,
.floating-header #header.sticky.small-header #header-top-right a:hover,
.floating-header #header.sticky.small-header #header-top-right a:active,
.floating-header #header.sticky.small-header #header-top-right a:focus,
.floating-header #header.sticky.small-header #header-top-right a:hover i,
.floating-header #header.sticky.small-header #header-top-right a:active i,
.floating-header #header.sticky.small-header #header-top-right a:focus i,
.floating-header-default-pages #header.sticky.small-header #header-top-right i:hover,
.floating-header-default-pages #header.sticky.small-header #header-top-right i:active,
.floating-header-default-pages #header.sticky.small-header #header-top-right i:focus,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:hover,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:active,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:focus,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:hover i,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:active i,
.floating-header-default-pages #header.sticky.small-header #header-top-right a:focus i{
	color: var(--header-social-colour-sticky-hover, var(--accent-colour));
}

.sticky.transition-header #header-top-right i:hover,
.sticky.transition-header #header-top-right i:active,
.sticky.transition-header #header-top-right i:focus,
.sticky.transition-header #header-top-right a:hover,
.sticky.transition-header #header-top-right a:active,
.sticky.transition-header #header-top-right a:focus,
.sticky.transition-header #header-top-right a:hover i,
.sticky.transition-header #header-top-right a:active i,
.sticky.transition-header #header-top-right a:focus i{
	color: var(--header-social-colour-sticky-hover, var(--accent-colour));
}

#header-top-right img{
	height: 2rem
}

.logo-left-nav-center #header-top-right{
	top: 0;
	bottom: 0;
}
.logo-left-nav-center #header-top-right{
	display: flex;
	align-items: center;
}





/* Header Top Left */
.header-top-left{
	position: absolute;
	top: 20px;
	left: 15px;
}

.floating-header .header-top-left{
	color: var(--header-top-left-colour-hero, var(--site-font-colour));
}

.floating-header .header-top-left a{
	color: var(--header-top-left-links-colour-hero, var(--accent-colour));
}

.floating-header .header-top-left a:hover{
	color: var(--header-top-left-links-colour-hero-hover, var(--accent-colour-hover));
}

.floating-header #header.sticky.transition-header .header-top-left, 
.floating-header #header.sticky.small-header .header-top-left,
.floating-header-default-pages #header.sticky.transition-header .header-top-left, 
.floating-header-default-pages #header.sticky.small-header .header-top-left{
	position: absolute;
    top: 0px;
    bottom: 0px;
    left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: var(--header-top-left-colour-sticky, var(--site-font-colour));
}

.floating-header #header.sticky.transition-header .header-top-left a,
.floating-header #header.sticky.small-header .header-top-left a,
.floating-header-default-pages #header.sticky.transition-header .header-top-left a,
.floating-header-default-pages #header.sticky.small-header .header-top-left a{
	color: var(--header-top-left-links-colour-sticky, var(--accent-colour));
}

.floating-header #header.sticky.transition-header .header-top-left a:hover,
.floating-header #header.sticky.small-header .header-top-left a:hover,
.floating-header-default-pages #header.sticky.transition-header .header-top-left a:hover,
.floating-header-default-pages #header.sticky.small-header .header-top-left a:hover{
	color: var(--header-top-left-links-colour-sticky-hover, var(--accent-colour-hover));
}





/**
 * Sidebar header
 */

.sidebar-header {
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}

@media screen and (min-width: 768px) {
	.sidebar-header {
		float: left;
		width: 66.66666667%;
	}
}

.sidebar-header aside {
	float: right;
}

.sidebar-header .widget-container {
	margin-bottom: 10px;
}

/**
 * Sticky header
 */

.floating-header #header.sticky.transition-header,
.floating-header-default-pages #header.sticky.transition-header
{
	position: fixed;
	opacity: 0;
	-webkit-transition: all 0s ease-out;
	   -moz-transition: all 0s ease-out;
	    -ms-transition: all 0s ease-out;
	     -o-transition: all 0s ease-out;
	        transition: all 0s ease-out;
}

.floating-header #header.sticky.small-header,
.floating-header-default-pages #header.sticky.small-header{
	position: fixed !important;
	opacity: 1;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.floating-header #header.sticky.small-header:before,
.floating-header #header.sticky.small-header .navigation .menu .sub-menu:before,
.floating-header-default-pages #header.sticky.small-header:before,
.floating-header-default-pages #header.sticky.small-header .navigation .menu .sub-menu:before{
	background-color: var(--header-bg-colour-sticky, var(--header-bg-colour-hero, var(--header-bg-colour, var(--site-bg-colour))));
	opacity: var(--header-bg-colour-opacity-sticky);
}

.floating-header #header.sticky.transition-header .site-brand .site-title,
.floating-header #header.sticky.transition-header .site-brand .site-title a,
.floating-header #header.sticky.transition-header .site-brand .site-title a:hover,
.floating-header #header.sticky.transition-header .site-brand .site-title a:active,
.floating-header #header.sticky.transition-header .site-brand .site-title a:focus,
.floating-header #header.sticky.small-header .site-brand .site-title,
.floating-header #header.sticky.small-header .site-brand .site-title a,
.floating-header #header.sticky.small-header .site-brand .site-title a:hover,
.floating-header #header.sticky.small-header .site-brand .site-title a:active,
.floating-header #header.sticky.small-header .site-brand .site-title a:focus,
.floating-header-default-pages #header.sticky.transition-header .site-brand .site-title,
.floating-header-default-pages #header.sticky.transition-header .site-brand .site-title a,
.floating-header-default-pages #header.sticky.transition-header .site-brand .site-title a:hover,
.floating-header-default-pages #header.sticky.transition-header .site-brand .site-title a:active,
.floating-header-default-pages #header.sticky.transition-header .site-brand .site-title a:focus,
.floating-header-default-pages #header.sticky.small-header .site-brand .site-title,
.floating-header-default-pages #header.sticky.small-header .site-brand .site-title a,
.floating-header-default-pages #header.sticky.small-header .site-brand .site-title a:hover,
.floating-header-default-pages #header.sticky.small-header .site-brand .site-title a:active,
.floating-header-default-pages #header.sticky.small-header .site-brand .site-title a:focus{
    color: var(--title-font-colour-sticky, var(--title-font-colour-hero)) !important;
    font-size: var(--title-font-size-sticky, var(--title-font-size)) !important;
}

.floating-header #header.sticky.transition-header .sitewide-notice,
.floating-header #header.sticky.small-header .sitewide-notice,
.floating-header-default-pages #header.sticky.transition-header .sitewide-notice,
.floating-header-default-pages #header.sticky.small-header .sitewide-notice{
    display: none;
}




/* Header - Logo Left, Nav Right */
#header.logo-left-nav-right #header-top-right{
	display: none !important;
}
#header.logo-left-nav-right .site-brand{
	margin: 0;
	padding: 15px;
}


#header.logo-left-nav-right #navbar-navigation{
	flex-basis: 0;
}

#header.logo-left-nav-right #navbar-navigation ul.menu{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	height: 100%;
	align-items:center;
	padding: 0 15px 0 15px;
}

.floating-header #header.logo-left-nav-right.transition-header .site-brand, 
.floating-header #header.logo-left-nav-right.small-header .site-brand,
.floating-header-default-pages #header.logo-left-nav-right.transition-header .site-brand, 
.floating-header-default-pages #header.logo-left-nav-right.small-header .site-brand{
	display: block;
}


/* Header - Logo Left, Nav Center */
#header.logo-left-nav-center .site-brand{
	margin: 0;
	padding: 15px;
}

#header.logo-left-nav-center #navbar-navigation{
	flex-basis: content;
	position: absolute;
	height: 100%;
}

#header.logo-left-nav-center #navbar-navigation ul.menu{
	display: flex;
	flex-direction: row;
	justify-content: center;
	height: 100%;
	align-items:center;
	padding: 0px !important;
}

.floating-header #header.logo-left-nav-center.transition-header .site-brand, 
.floating-header #header.logo-left-nav-center.small-header .site-brand,
.floating-header-default-pages #header.logo-left-nav-center.transition-header .site-brand, 
.floating-header-default-pages #header.logo-left-nav-center.small-header .site-brand{
	display: block;
}




.logo-left-nav-center .header-top-left,
.logo-left-nav-right .header-top-left {
	display: none;
}

/**
 * Navigation
 */

/* Site Wide Navigation 
   ========================================================================== */

#navbar-navigation{
	padding: 0;
	z-index: 1;

}

#menu-main-menu{
    position: relative;
}

#menu-main-menu:before{
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
    top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
			transform: translateX(-50%);
	border-top: 1px solid var(--nav-border-colour);
	opacity: var(--nav-border-colour-opacity);
	background-color: var(--header-bg-colour, var(--site-bg-colour));
}

.floating-header #menu-main-menu:before{
	opacity: var(--nav-border-colour-opacity-hero);
	border-top: 1px solid var(--nav-border-colour-hero);
}

.navigation ul.menu,
.navigation div.menu > ul {
	list-style: none;
	padding-left: 0;
	margin: 0;
	float: none;
    position: relative;
	width: 100%;
	font-size: var(--main-menu-font-size);
	font-weight: var(--main-menu-font-weight, var(--global-font-weight));
	text-align: center;
}

.navigation .menu > li {
	position: relative;
	display: inline-block;
}

.navigation .menu > li > a {
	text-decoration: none;
	display: block;
	padding: 10px;
	position: relative;
	margin: 0;
	color: var(--main-menu-colour, var(--site-font-colour));
	font-size: var(--main-menu-font-size);
	font-weight: var(--main-menu-font-weight, var(--global-font-weight));
	letter-spacing: var(--main-menu-letter-spacing);
	padding-left: var(--main-menu-item-spacing);
	padding-right: var(--main-menu-item-spacing);
	line-height: var(--main-menu-line-height);
	text-transform: var(--main-menu-text-transform);
}

.navigation .menu > li > a i{
	color: var(--main-menu-colour, var(--site-font-colour));
}

.navigation .menu .sub-menu {
	-webkit-background-clip: padding-box;
	background-clip: 		 padding-box;
	-webkit-box-shadow: 0 8px 15px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow:	0 8px 15px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 		0 8px 15px 0 rgba(0, 0, 0, 0.1);
	background-color: rgba(255,255,255,0);
	clip: rect(1px, 1px, 1px, 1px);
	list-style: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	text-align: left;
	z-index: 100;
  	transform: translateY(20px);
  	opacity: 0;
  	-webkit-transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
	-moz-transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    -ms-transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
    -o-transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  	transition: all 200ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
  	/* border-bottom-right-radius: var(--buttons-border-radius);
	border-bottom-left-radius: var(--buttons-border-radius); */
}

.navigation .menu .sub-menu:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--header-bg-colour, var(--site-bg-colour));
	opacity: var(--main-menu-submenu-bg-colour-opacity, var(--header-bg-colour-opacity));
}

.floating-header .navigation .menu .sub-menu:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: var(--header-bg-colour-hero, var(--header-bg-colour, var(--site-bg-colour)));
	opacity: var(--main-menu-submenu-bg-colour-opacity-hero);
}

.navigation .menu .sub-menu ul {
	left: 100%;
	top: 0;
}

.navigation .menu .sub-menu li {
	display: block;
	position: relative;
}

.navigation .menu .sub-menu li:not(:last-child):after{
	content:'';
	position: absolute;
	bottom: 0;
	left:1em;
	right:1em;
	border-bottom: solid 1px var(--main-menu-colour, var(--site-font-colour));
	opacity: 0.1;
}

.navigation .menu .sub-menu > li > a {
	clear: both;
	display: flex;
	align-items: center;
	line-height: 1.5;
	padding: 0.875em 1em;
	white-space: nowrap;
	text-transform: uppercase;
	text-decoration: none;
	background-color: transparent;
	letter-spacing: 2px;
}

.navigation .menu .sub-menu > li > a.nav-expand{
	justify-content: space-between;
}

.navigation .menu .sub-menu > li > a.nav-expand:after {
	flex: 0 1 auto;
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	content: '\f054';
	font-size: 0.5rem;
	margin-left: 0.5em;
}

.navigation ul.menu li:hover > ul,
.navigation .menu ul li:hover > ul,
.navigation ul.menu .focus > ul,
.navigation .menu .focus > ul {
	clip: inherit;
	height: inherit;
	min-width: var(--sub-menu-width);
    transform: translateY(0);
    opacity: 1;

}

.navigation .menu .current-menu-item > a{
	color: var(--main-menu-colour, var(--site-font-colour));
}

.navigation .menu > li > a:hover,
.navigation .menu > li > a:focus,
.navigation .menu > li > a:active,
.navigation .menu .current-menu-item > a:hover,
.navigation .menu .current-menu-item > a:focus,
.navigation .menu .current-menu-item > a:active{
	color: var(--main-menu-colour-hover, var(--accent-colour-hover));
}

.navigation .menu > li > a:hover i,
.navigation .menu > li > a:focus i,
.navigation .menu > li > a:active i{
	color: var(--main-menu-colour-hover, var(--accent-colour-hover));
}

.navigation .menu .sub-menu > li > a{
	color: var(--main-menu-colour-submenu-hero, var(--main-menu-colour, var(--site-font-colour)));
	letter-spacing: var(--main-menu-letter-spacing);
	text-transform: var(--main-menu-text-transform);
	padding: var(--main-menu-item-spacing) 1em;
}

.navigation .menu .sub-menu > li > a:hover,
.navigation .menu .sub-menu > li > a:focus,
.navigation .menu .sub-menu > li > a:active,
.navigation .menu .sub-menu > .current-menu-item > a:hover,
.navigation .menu .sub-menu > .current-menu-item > a:focus,
.navigation .menu .sub-menu > .current-menu-item > a:active{
	color: var(--main-menu-colour-submenu-hero-hover, var(--main-menu-colour-hover, var(--accent-colour-hover)));
}


/* Floating Header Navigation 
   ========================================================================== */



.floating-header #menu-main-menu:before{
	display: none;
	border-top: 1px solid #000000;
	opacity: 0;
}



/**
 * Navigation: #navbar-navigation.
 */

#navbar-navigation {
	height: auto;
	overflow: visible !important;
	padding-bottom: 0;
	clear: both;
	float: none;
	justify-content: center;
	-webkit-box-shadow: none;
	-moz-box-shadow:	none;
	box-shadow:			none;
	border-top: 0;
	width: 100%;
	display: block;
	overflow-x: visible;
}

/**
 * Navigation: .menu-navigation
 */

.menu-navigation {
	clear: both;
	width: 100%;
}

/**
 * Navigation: small screens
 *************************************/


#nav-bg-full-screen-overlay{
    position: fixed;
    top: 0;
    z-index: 99999999999;
    height: 0;
    width: 0;
    display: block;
}

#nav-bg-full-screen-overlay div{
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.nav-is-toggled #nav-bg-full-screen-overlay{
    display: block;
    height: 100%;
    width: 100%;
}

.nav-is-toggled #nav-bg-full-screen-overlay div{
    opacity: 1;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.toggle-wrapper{
    position: absolute;
    top: 0;
    right: 5px;
    height: 50px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: none;
}

#toggle-open.toggle-wrapper{
    bottom: 0;
    height: auto;
}

#toggle-close.toggle-wrapper{
    z-index: 1;
}

.mobile-menu-flyout-left .toggle-wrapper{
    left: 5px;
    right: initial;
}

.hide-logo-everywhere #toggle-open.toggle-wrapper{
    bottom: auto;
    height: auto;
    min-height: 50px;
}

.navigation-toggle { 
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    user-select: none;
    clip: auto;
    cursor: pointer;
    max-width: none;
    min-height: 1px;
    overflow: visible;
    text-decoration: none;
    white-space: nowrap;
    outline: none !important;
    -webkit-border-radius: 4px;
    -moz-border-radius:    4px;
    border-radius:         4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing:    border-box;
    box-sizing:         border-box;
    background-color: transparent;
    border: 0px solid #dddddd;
    color: #fff;
    content: attr(data-open);
    font-size: 1.5rem;
    line-height: 1;
    text-align: center;
}

.navigation-toggle .icon-bar {
    background-color: var(--main-menu-toggle-colour, var(--main-menu-colour, var(--site-font-colour)));
    -webkit-border-radius: 2px;
    -moz-border-radius:    2px;
    border-radius:         2px;
    display: block;
    width: 20px;
    height: 2px;
    -webkit-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
       -moz-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
        -ms-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
         -o-transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
            transition: all 300ms cubic-bezier(0.39, 0.575, 0.565, 1) !important;
}

.floating-header .navigation-toggle .icon-bar {
    background-color: var(--main-menu-toggle-colour-hero, var(--main-menu-colour-hero, var(--main-menu-colour, var(--site-font-colour))));
}

.floating-header #header.transition-header .navigation-toggle .icon-bar,
.floating-header #header.small-header .navigation-toggle .icon-bar,
.floating-header-default-pages #header.transition-header .navigation-toggle .icon-bar,
.floating-header-default-pages #header.small-header .navigation-toggle .icon-bar{
    background-color: var(--main-menu-toggle-colour-sticky, var(--main-menu-colour-sticky, var(--main-menu-colour-hero, var(--main-menu-colour, var(--site-font-colour)))));
    -webkit-transition: background-color 0s ease-out;
       -moz-transition: background-color 0s ease-out;
        -ms-transition: background-color 0s ease-out;
         -o-transition: background-color 0s ease-out;
            transition: background-color 0s ease-out;
}

.navigation-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
}

.toggle-wrapper.toggle-close .navigation-toggle{
    position: relative;
    top: -3px;
}

.toggle-wrapper.toggle-close .icon-bar{
    background-color: var(--main-menu-toggle-colour-open, var(--main-menu-colour-sm-screens, var(--main-menu-colour, var(--site-font-colour))));
}

.toggle-wrapper.toggle-close .icon-bar:nth-of-type(2){
    -webkit-transform: rotate(45deg); /* WebKit */
	   -moz-transform: rotate(45deg); /* Mozilla */
	     -o-transform: rotate(45deg); /* Opera */
	    -ms-transform: rotate(45deg); /* Internet Explorer */
	        transform: rotate(45deg); /* CSS3 */
    margin: 0;
    position: relative;
    top: 4px;
    left: 0px;
}

.toggle-wrapper.toggle-close .icon-bar:nth-of-type(3){
    display: none;
}

.toggle-wrapper.toggle-close .icon-bar:last-of-type{
    -webkit-transform: rotate(-45deg); /* WebKit */
	   -moz-transform: rotate(-45deg); /* Mozilla */
	     -o-transform: rotate(-45deg); /* Opera */
	    -ms-transform: rotate(-45deg); /* Internet Explorer */
	        transform: rotate(-45deg); /* CSS3 */
    margin: 0;
    position: relative;
    top: 2px;
    left: 0px;
}

.toggle-wrapper.toggle-close{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.toggle-wrapper.toggle-close:hover{
    -webkit-transform: rotate(90deg); /* WebKit */
	   -moz-transform: rotate(90deg); /* Mozilla */
	     -o-transform: rotate(90deg); /* Opera */
	    -ms-transform: rotate(90deg); /* Internet Explorer */
	        transform: rotate(90deg); /* CSS3 */

	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}


.nav-drill-wrapper {
    display: none;
    position: fixed;
    z-index: 999999999991;
    top: 0px;
    right: 0;
    bottom: 0;
    width: var(--mobile-menu-width);
    max-width: 100%;
    background-color: var(--site-bg-colour);
    padding-top: 50px;
    overflow-y: hidden;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.nav-drill-wrapper {
    transform: translateX(100%);
    background-repeat: no-repeat;
    background-size: cover;
    background-position:  center center;
    background-image: var(--menu-bg);
}

.nav-drill-wrapper:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: var(--main-menu-bg-colour-sm-screens-opacity);
    background-color: var(--main-menu-bg-colour-sm-screens, var(--header-bg-colour, var(--site-bg-colour)));
    display: block;
    z-index: -1;
}

.nav-drill-wrapper-inner{
    position: absolute;
    top:50px;
    bottom:0;
    width: 100%;
    overflow-x: hidden;
}

.nav-drill-wrapper-inner.vertical-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	top: 0px;
}

.nav-drill-wrapper-inner.vertical-center .sub-menu{
	display: flex;
	justify-content: center;
	flex-direction: column;
}

.mobile-menu-flyout-left .nav-drill-wrapper{
    transform: translateX(-100%);
    right: initial;
    left: 0;
}

.nav-is-toggled #mobile-nav-menu {
    transform: translateX(0);
}

.nav-drill-wrapper .nav-wrapper{
    width: 100%;
    overflow-y: auto;
}

.nav-drill-wrapper .nav-drill {
    display: flex;
    width: 100%;
    max-width: 100%;
}

.nav-drill-wrapper .nav-items {
    flex: 0 0 100%;
    padding: 0;
    list-style-type: none;
    margin:0 !important;
}

.nav-drill-wrapper .menu-item:not(:last-child) {
    border-bottom: solid 0px rgba(0, 0, 0, .03);
}

.nav-drill-wrapper .nav-link {
    display: flex;
    padding: var(--main-menu-item-spacing-sm-screens) 1em;
    color: var(--main-menu-colour-sm-screens, var(--main-menu-colour, var(--site-font-colour)));
    font-size: var(--main-menu-font-size-sm-screens);
    line-height: var(--main-menu-line-height);
    font-weight: var(--main-menu-font-weight, var(--global-font-weight));
    text-transform: var(--main-menu-text-transform);
    letter-spacing: var(--main-menu-letter-spacing);
    justify-content: var(--mobile-menu-text-alignment);
}

.nav-drill-wrapper .current-menu-item .nav-link{
	color: var(--main-menu-colour-sm-screens, var(--main-menu-colour, var(--site-font-colour)));
}
.nav-drill-wrapper .nav-link:hover,
.nav-drill-wrapper .nav-link:focus,
.nav-drill-wrapper .nav-link:active,
.nav-drill-wrapper .current-menu-item .nav-link:hover, 
.nav-drill-wrapper .current-menu-item .nav-link:focus, 
.nav-drill-wrapper .current-menu-item .nav-link:active{
    color: var(--main-menu-colour-sm-screens-hover, var(--main-menu-colour-hover, var(--accent-colour-hover)));
}

.nav-drill-wrapper .sub-menu {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: translateX(100%);
    background-color: var(--main-menu-bg-colour-sm-screens, var(--header-bg-colour, var(--site-bg-colour)));
    transition: 0.3s;
    visibility: hidden;
    margin: 0 !important;
    list-style-type: none;
    padding: 0;
}
.nav-drill-wrapper .sub-menu .menu-item:not(:last-child) {
    border-bottom: solid 0px rgba(0, 0, 0, .03);
}
.nav-drill-wrapper .sub-menu .nav-link {
    background-color: rgba(0, 0, 0, 0);
}
.nav-drill-wrapper .sub-menu .nav-back-link {
    display: flex;
    align-items: center;
    background-color: rgba(0, 0, 0, .05) !important;
    opacity: 0.8;
    justify-content: left;
}
.nav-drill-wrapper .menu-item-has-children .nav-expand {
    display: flex;
    justify-content: var(--mobile-menu-text-alignment, space-between);
    cursor: pointer;
}
.nav-drill-wrapper .menu-item-has-children .nav-expand::after {
    flex: 0 1 auto;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f054';
    font-size: 0.5rem;
    margin-left: 0.5em;
}
.nav-drill-wrapper .sub-menu .nav-back-link::before {
    margin-right: 0.5em;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    content: '\f053';
    font-size: 0.5rem;
}
.nav-drill-wrapper .sub-menu .nav-back-link{
    justify-content: var(--mobile-menu-text-alignment, left);
}
.nav-drill-wrapper .sub-menu .nav-back-link::after {
    content: '';
    display: none;
}
.nav-drill-wrapper .menu-item-has-children.active > .sub-menu {
    transform: translateX(0);
    visibility: visible;
}
.nav-drill-wrapper .menu-item-has-children .sub-menu{

}

.nav-drill-wrapper .menu-item-has-children .sub-menu .nav-link {
    background-color: rgba(0, 0, 0, 0);
}
.nav-drill-wrapper .mobile-menu-bottom{
    padding: 15px;
}



.logo-center-nav-left-right{
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.logo-center-nav-left-right .nav-left,
.logo-center-nav-left-right .nav-right{
    flex: 1;
}

.logo-center-nav-left-right #navbar-navigation-left .menu,
.logo-center-nav-left-right #navbar-navigation-right .menu{
	display: flex;
	justify-content: space-evenly;
}

.logo-center-nav-left-right .logo-center .site-brand{
    max-width: 100%;
}

.logo-center-nav-left-right #navbar-navigation-left.align-next-to-logo .menu{
	justify-content: end;
}

.logo-center-nav-left-right #navbar-navigation-right.align-next-to-logo .menu{
	justify-content: start;
}


/**
 * 5.0 Content
 * ------------------------------------------------------------------------------
 */

#content{
	margin-top: 0px;
	clear: both;
	font-size: var(--main-content-font-size);
	font-weight: var(--main-content-font-weight, var(--global-font-weight));
	color: var(--main-content-font-colour, var(--site-font-colour));
	position: relative;
	/*z-index: 2;*/
}

#content a{
	color: var(--content-link-colour, var(--accent-colour));
}

#content a:hover,
#content a:focus,
#content a:active{
	color: var(--content-link-colour-hover, var(--accent-colour-hover));
}

.floating-header #content{
	margin-top: 0px;
}

.floating-header-default-pages #content{
	margin-top: var(--content-margin-top-floating-header-lg-screens-page, var(--content-margin-top-floating-header-lg-screens-global));
}

.blog.floating-header-default-pages #content{
	margin-top: var(--content-margin-top-floating-header-lg-screens-blog-list, var(--content-margin-top-floating-header-lg-screens-global));
}

#content > .container {
	background-color: transparent;
}

/* Default #main spacing */
#main{
	padding: 15px;
	position: relative;
	background-color: transparent;
	width: 100%;
	z-index: 0;
}

#main:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: var(--content-bg-colour);
	opacity: var(--content-bg-opacity);
	z-index: -1;
}

/* Blog list page #main spacing */
.blog #main{
	min-height: 600px;
	width: 100%;
	float: initial;
}

.blog #main:before {
	display: none;
}

/* Layout: 1 column. */
.one-column #main {
	float: left;
	width: 100%;
}

.floating-header #main{
	padding-top: 15px;
}

/* Blog Layout: 1 column. */
.blog.one-column #main, 
.archive.one-column #main {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.woocommerce.one-column #main{
	max-width: 100%;
}

/* Bootstrap: one column fix. */
.layout-wide.one-column #main {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
}

@media screen and (min-width: 768px) {
	/* Layout: 2 columns left sidebar. */
	.two-columns-left-sidebar #main {
		width: 75%;
	}

	/* Layout: 2 columns right sidebar. */
	.two-columns-right-sidebar #main {
		width: 75%;
	}
}

.error404 #main {
	float: left;
	width: 100%;	
}

/* Blog Posts widths #main */
.single-post.layout-boxed #main{
	margin-left: auto;
	margin-right: auto;
	max-width: 100%;
}

.single-post.layout-boxed.one-column .site-content .container {
	width: 100%;
	max-width: var(--blog-post-boxed-width);
	clear: both;
}

#main article {
	word-wrap: break-word;
	position: relative;
}

article.hentry {
	clear: both;
}

.sticky {}

/**
 * Blog Page
 */

/* Remove margin bottom from page header on Blog Page. */
.blog .page-header {
	margin-bottom: 0;
}

/* Hide page-header on selected Pages. */
.blog .page-header,
.single-post .entry-header .meta-comments {
	display: none;
}

.blog article,
.archive article{
	padding: 15px;
	position: relative;
	margin-bottom: 15px;
}

.blog article .overlay,
.archive article .overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: 0.1;
}

.blog article .article-inner,
.archive article .article-inner{
	position: relative;
}

.blog article .entry-header,
.archive article .entry-header{
	margin-top: 10px;
	margin-bottom: 15px;
	text-align: center;
	font-size: 1.5rem;
}

.blog .meta-date{
	font-size: 1.2rem;
}

.single-post .meta-date{
	display: block;
	margin-top: 10px;
	margin-bottom: 10px;
}

.single-post .meta-author{
	display: block;
	margin-bottom: 10px;
}

.blog-intro{
	margin-bottom: 30px;
}

.blog-intro .entry-title{
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
}

.blog-list-container{
	padding-left: 23px;
	padding-right: 23px;
}

.blog-list-container .row .col-12{
	padding-left: 8px !important;
	padding-right: 8px !important;
}

/**
 * Home Page
 */
 
/* Remove margin bottom from article on Home Page. */
body.home.page article.hentry {
	margin-bottom: 0;
}

/**
 * Pages
 */

.page-header {
	margin-bottom: 20px;
}

/* Bootstrap: page header fix. */
.page-header{
	color: var(--main-content-font-colour, var(--site-font-colour));
	margin-top: 25px;
	margin-bottom: 40px;
	text-align: center;
}

.page-title {
	margin-top: 25px;
	margin-bottom: 40px;
	text-align: center;
}

.page-content {
	font-size: var(--main-content-font-size);
}



/**
 * Entries
 */

.entry-header {
	margin-top: 25px;
	margin-bottom: 40px;
	text-align: center;
}

.entry-title {
	margin-bottom: 0.3em;
	margin-top: 0;
}

.entry-header .entry-title a {
	color: var(--main-content-font-colour, var(--site-font-colour));
}


.entry-header .entry-title a:hover,
.entry-header .entry-title a:focus,
.entry-header .entry-title a:active,
.entry-header .entry-title a:visited {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.entry-header a {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.entry-header a:hover,
.entry-header a:focus,
.entry-header a:active,
.entry-header a:visited {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.entry-summary {
	font-size: var(--main-content-font-size);
}

.read-more {
	word-break: break-all;
}

.entry-content {
	font-size: var(--main-content-font-size);
	font-weight: var(--main-content-font-weight, var(--global-font-weight));
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.entry-footer {
	clear: both;
	color: var(--main-content-font-colour, var(--site-font-colour));
	font-size: var(--main-content-font-size);
	margin-top: 20px;
	display: none; /** hide edit link at bottom of pages **/
}

.entry-footer a,
.entry-footer a:visited {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.meta-author {
	margin-right: 0px;
}

.meta-categories {
	margin-right: 10px;
}

.meta-date {
	margin-right: 0px;
}

.meta-format {
	margin-right: 10px;
}

.format-aside .meta-format,
.format-audio .meta-format,
.format-chat .meta-format,
.format-gallery .meta-format,
.format-image .meta-format,
.format-link .meta-format,
.format-quote .meta-format,
.format-status .meta-format,
.format-video .meta-format {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.meta-tags {
	margin-right: 10px;
}

.edit-link {
	white-space: nowrap;
}

.meta-dimensions {
	margin-right: 10px;
}

.author-info {
	padding: 20px 0 0;
}

.author-avatar img.avatar {
	margin: 5px 20px 20px 0;
}

h2.author-title {
	font-size: 1.25rem;
	margin-top: 0;
}

.author-bio {}

/**
 * Post formats
 */

/* Post format: image. */
.format-image .entry-summary {
	display: block;
}

/* Post format: quote. */
.format-quote .entry-summary blockquote,
.format-quote .entry-content blockquote {
    margin: 0;
}

/* Post format: status. */
.format-status .entry-summary,
.format-status .entry-content {
    font-style: italic;
}

/**
 * Page links
 */

div.page-links {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
	display: inline-block;
	font-size: 1.25rem;
	margin: 20px 0;
	padding-left: 0;
}

div.page-links span.page-links-prep,
div.page-links a,
div.page-links > span.page-numbers {
	display: inline;
}

div.page-links > span,
div.page-links a {
	background-color: transparent;
	border: none;
	color: var(--main-content-font-colour, var(--site-font-colour));
	float: left;
	line-height: 1.5;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}

div.page-links > span.page-numbers {
	background-color: transparent;
	border: none;
	color: var(--main-content-font-colour, var(--site-font-colour));
	float: left;
	line-height: 1.5;
	margin-left: -1px;
	padding: 6px 16px;
	position: relative;
	text-decoration: none;
}

div.page-links span.page-links-prep {
	margin-left: 0;
}

div.page-links a:hover,
div.page-links span.page-numbers:hover,
div.page-links a:focus,
div.page-links span.page-numbers:focus {
	background-color: transparent;
	border-color: transparent;
	color: var(--main-content-font-colour, var(--site-font-colour));
}

div.page-links > span.page-numbers,
div.page-links > span.page-numbers:hover,
div.page-links > span.page-numbers:focus {
	background-color: transparent;
	border: none;
	border-color: transparent;
	color: var(--main-content-font-colour, var(--site-font-colour));
	cursor: default;
	font-weight: bolder;
	z-index: 2;
}

div.page-links span.page-links-prep {
	color: var(--main-content-font-colour, var(--site-font-colour));
	font-size: 1rem;
	font-weight: bolder;
	line-height: 1.9;
	padding-left: 0;
	text-transform: lowercase;
}

/**
 * Post navigation
 */

.post-navigation .nav-links,
.image-navigation .nav-links,
.comment-navigation .nav-links {
	margin-top: 40px;
	margin-bottom: 40px;
	margin-left: -15px;
	margin-right: -15px;
	padding-left: 0;
	text-align: left;
}

.post-navigation .nav-links div,
.image-navigation .nav-links div,
.comment-navigation .nav-links div {
	display: inline;
}

.post-navigation .nav-links a,
.image-navigation .nav-links a,
.comment-navigation .nav-links a {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
	background-color: transparent;
	border: none;
	color: var(--main-content-font-colour, var(--site-font-colour));
	display: inline-block;
}

.post-navigation .nav-links a:hover,
.post-navigation .nav-links a:focus,
.image-navigation .nav-links a:hover,
.image-navigation .nav-links a:focus,
.comment-navigation .nav-links a:hover,
.comment-navigation .nav-links a:focus {
	color: var(--main-content-font-colour, var(--site-font-colour));
	text-decoration: none;
}

.post-navigation .nav-links .nav-next a,
.image-navigation .nav-links .nav-next a,
.comment-navigation .nav-links .nav-next a {
	float: right;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 50%;
}

.nav-next{
	text-align: right;
}


.post-navigation .nav-links .nav-previous a,
.image-navigation .nav-links .nav-previous a,
.comment-navigation .nav-links .nav-previous a {
	float: left;
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	width: 50%;
}

.post-navigation .nav-links:before,
.post-navigation .nav-links:after,
.image-navigation .nav-links:before,
.image-navigation .nav-links:after,
.comment-navigation .nav-links:before,
.comment-navigation .nav-links:after {
	content: " ";
	display: table;
}

.post-navigation .nav-links:after,
.image-navigation .nav-links:after,
.comment-navigation .nav-links:after {
	clear: both;
}

.post-navigation .nav-links .meta-nav,
.image-navigation .nav-links .meta-nav,
.comment-navigation .nav-links .meta-nav {
	display: block;
	font-weight: bolder;
}

.post-navigation .nav-links a .meta-nav,
.image-navigation .nav-links a .meta-nav,
.comment-navigation .nav-links a .meta-nav {
	color: var(--main-content-font-colour, var(--site-font-colour));
	text-transform: lowercase;
}

.post-navigation .nav-links .post-title,
.image-navigation .nav-links .post-title,
.comment-navigation .nav-links .post-title {
	font-size: 1.2rem;
	line-height: 1.1;
}
@media all and (max-width: 500px) and (min-width: 0px) {
  	.post-navigation .nav-links .post-title,
	.image-navigation .nav-links .post-title,
	.comment-navigation .nav-links .post-title {
		font-size: 1.25rem;
	}
}

/**
 * Posts pagination
 */

.pagination {
	-webkit-border-radius: 0;
	-moz-border-radius:	   0;
	border-radius:		   0;
	clear: both;
	display: block;
	margin: 20px 0;
	overflow: hidden;
	padding-left: 0;
}

.pagination .nav-links {
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.pagination a.prev.page-numbers,
.pagination a.next.page-numbers {
	color: var(--main-content-font-colour, var(--site-font-colour));
	font-size: 1rem;
	font-weight: bolder;
	text-transform: lowercase;
}

.pagination a.prev.page-numbers:hover,
.pagination a.prev.page-numbers:focus,
.pagination a.next.page-numbers:hover,
.pagination a.next.page-numbers:focus {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.pagination a.prev.page-numbers {
	padding-left: 0;
}

.pagination a.next.page-numbers {
	padding-right: 0;
}

.pagination a,
.pagination span.page-numbers.current {
	display: inline;
}

.pagination a {
	background-color: transparent;
	border: none;
	color: var(--main-content-font-colour, var(--site-font-colour));
	float: left;
	line-height: 1.5;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}

.pagination span.page-numbers.current,
.pagination span.page-numbers.dots {
	background-color: transparent;
	border: none;
	float: left;
	line-height: 1.5;
	margin-left: -1px;
	padding: 6px 12px;
	position: relative;
	text-decoration: none;
}

.pagination span.page-numbers.dots {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.pagination a:first-child,
.pagination span:first-child {
	margin-left: 0;
}

.pagination a:hover,
.pagination span:hover,
.pagination a:focus,
.pagination span:focus {
	background-color: transparent;
	border-color: transparent;
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.pagination span.page-numbers.current,
.pagination span.page-numbers.current:hover,
.pagination span.page-numbers.current:focus {
	background-color: transparent;
	border-color: transparent;
	color: var(--main-content-font-colour, var(--site-font-colour));
	cursor: default;
	font-weight: bolder;
	z-index: 2;
}


/**
 * 6.0 Comments
 * ------------------------------------------------------------------------------
 */

#comments {
	margin-top: 20px;
	margin-bottom: 20px;
}

.comment-list {
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
}

.comment-list .bypostauthor {}

.comment-list li.comment {
	margin: 0;
	padding: 0;
}

.comment-list .comment-body {
	border-top: 1px solid #cccccc;
	padding: 20px 0;
}

.comment-list .avatar {
	-webkit-border-radius: 50%;
	-moz-border-radius:	   50%;
	border-radius:		   50%;
	float: left;
	margin: 0 20px 0 0;
	position: relative;
	left: 0;
	top: 3px;
	width: 64px;
	height: 64px;
}

.comment-author .fn a.url,
.comment-author .fn a.url:visited {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.comment-author .fn a.url:hover,
.comment-author .fn a.url:focus {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.comment-author cite.fn  {
	font-style: normal;
	word-wrap: break-word;
}

.comment-author .says {
	color: var(--main-content-font-colour, var(--site-font-colour));
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
}

.comment-meta {
	margin: 0 0 20px;
}

.comment-meta:before,
.comment-meta:after {
	content: " ";
	display: table;
}

.comment-meta:after {
	clear: both;
}

.comment-list .comment-form {
	margin-bottom: 20px;
}

/* Some styles for xhtml support. */
.comment-meta.commentmetadata {
	padding-left: 20px;
}

.comment-body > p {
	padding-left: 20px;
}

.comment-metadata {
	font-size: 0.875rem;
}

.comment-metadata a,
.comment-metadata a:visited {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.comment-metadata a:hover,
.comment-metadata a:focus {
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.comment-metadata .edit-link {
	margin-left: 10px;
}

.comment-content {
	margin-bottom: 20px;
	word-wrap: break-word;
}

.comment-reply-title {
	font-size: 1.25rem;
	font-weight: bolder;
}

.comment-reply-title small a {
	border: 0;
	float: right;
	overflow: hidden;
	width: 26px;
	height: 32px;
}

.comment-reply-title small a:hover {
	text-decoration: none;
}

.comment-reply-title small a:before {
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-size: 1rem;
	font-style: normal;
	font-weight: var(--main-content-font-weight, var(--global-font-weight));
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}

.comment-reply-title small a:before {
	content: "\0000D7";
	font-size: 2rem;
	position: relative;
	top: -1px;
}

.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0 0 0 64px;
}

.no-comments {}

/**
 * Comments form
 */
 
#respond label {
	display: inline-block;
}

#respond .required {
	color: red;
}

#respond input,
#respond input[type=text] {
	max-width: none;
	display: inline-block;
	margin-right: 10px;
}

#respond textarea {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

#respond input[type="submit"] {
	width: auto;
}

#respond .form-allowed-tags code {
	white-space: normal;
}

.comment-form-author {
	float: left;
    min-height: 1px;
	padding-left: 0;
    padding-right: 2%;
	position: relative;
	width: 33.33333333%;
}

.comment-form-email {
	float: left;
    min-height: 1px;
	padding-left: 0;
    padding-right: 2%;
	position: relative;
	width: 33.33333333%;
}

.comment-form-url{
	float: left;
    min-height: 1px;
	padding-left: 0;
    padding-right: 0;
	position: relative;
	width: 33.33333333%;
}

.comment-form .form-submit {
	clear: both;
}


/**
 * 7.0 Sidebars & Widgets
 * ------------------------------------------------------------------------------
 */

#sidebar-primary, 
.sidebar, 
#sidebar {
	padding-top: 25px;
	font-size: var(--sidebar-font-size);
	font-weight: var(--sidebar-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--sidebar-font-colour, var(--site-font-colour));
}

#sidebar-primary {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

#sidebar-primary a, 
.sidebar a, 
#sidebar a{
	color: var(--sidebar-link-colour, var(--accent-colour));
}

#sidebar-primary a:hover, .sidebar a:hover, #sidebara a:hover,
#sidebar-primary a:focus, .sidebar a:focus, #sidebar a:focus,
#sidebar-primary a:active, .sidebar a:active, #sidebar a:active{
	color: var(--sidebar-link-colour-hover, var(--accent-colour-hover));
}

#sidebar-primary h1, .sidebar h1, #sidebar h1, 
#sidebar-primary h2, .sidebar h2, #sidebar h2, 
#sidebar-primary h3, .sidebar h3, #sidebar h3, 
#sidebar-primary h4, .sidebar h4, #sidebar h4, 
#sidebar-primary h5, .sidebar h5, #sidebar h5, 
#sidebar-primary h6, .sidebar h6, #sidebar h6{
	font-family: var(--sidebar-headings-font, var(--headings-font-family));
	font-size: var(--sidebar-headings-font-size);
	font-weight: var(--sidebar-headings-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--sidebar-headings-font-colour, var(--site-font-colour));
}

@media screen and (min-width: 768px) {
	/* Layout: 2 columns left sidebar. */
	.two-columns-left-sidebar #sidebar-primary {
		width: 25%;
		-ms-flex-order: -1;
		order: -1;
	}

	/* Layout: 2 columns right sidebar. */
	.two-columns-right-sidebar #sidebar-primary {
		width: 25%;
	}
}

@media all and (max-width: 767px) and (min-width: 0px) {
  	.two-columns-left-sidebar #sidebar-primary,
  	.two-columns-right-sidebar #sidebar-primary{
		display: none;
	}
}

.widget-title,
.widgettitle {
	font-size: 1.25rem;
	font-weight: bolder;
	margin-bottom: 10px;
}

.widget-container {
	margin-bottom: 30px;
	word-wrap: break-word;
}

.widget_archive ul,
.widget_categories ul,
.widget_links ul,
.widget_meta ul,
.widget_nav_menu ul,
.widget_pages ul,
.widget_recent_comments ul,
.widget_recent_entries ul {
	margin-left: 20px;
	padding: 0;
}

/**
 * Blogroll
 */

.linkcat {
	margin: 0 0 20px;
}

.blogroll a img {
	max-width: 100%;
}

/**
 * Calendar
 */

@media print {
	#wp-calendar {
		border-collapse: collapse !important;
	}

	#wp-calendar td,
	#wp-calendar th {
		background-color: #ffffff !important;
	}

	/* Calendar: bordered. */
	#wp-calendar th,
	#wp-calendar td {
		border: 1px solid #dddddd !important;
	}
}

#wp-calendar {
	margin-bottom: 20px;
	max-width: 100%;
	width: 100%;
}

#wp-calendar > thead > tr > th,
#wp-calendar > tbody > tr > th,
#wp-calendar > tfoot > tr > th,
#wp-calendar > thead > tr > td,
#wp-calendar > tbody > tr > td,
#wp-calendar > tfoot > tr > td {
	border-top: 1px solid #dddddd;
	line-height: 1.5;
	padding: 8px;
	vertical-align: top;
}

#wp-calendar > thead > tr > th {
	border-bottom: 2px solid #dddddd;
	vertical-align: bottom;
}

#wp-calendar > caption + thead > tr:first-child > th,
#wp-calendar > colgroup + thead > tr:first-child > th,
#wp-calendar > thead:first-child > tr:first-child > th,
#wp-calendar > caption + thead > tr:first-child > td,
#wp-calendar > colgroup + thead > tr:first-child > td,
#wp-calendar > thead:first-child > tr:first-child > td {
	border-top: 0;
}

#wp-calendar > tbody + tbody {
	border-top: 2px solid #dddddd;
}

#wp-calendar {
	background-color: #ffffff;
}

/* Calendar: bordered. */
#wp-calendar {
	border: 1px solid #dddddd;
}

#wp-calendar > thead > tr > th,
#wp-calendar > tbody > tr > th,
#wp-calendar > tfoot > tr > th,
#wp-calendar > thead > tr > td,
#wp-calendar > tbody > tr > td,
#wp-calendar > tfoot > tr > td {
	border: 1px solid #dddddd;
}

#wp-calendar > thead > tr > th,
#wp-calendar > thead > tr > td {
	border-bottom-width: 2px;
}

/* Calendar: center text */
#wp-calendar thead th,
#wp-calendar tbody td {

	text-align: center;
}

/* Calendar: set color for td.pad */
#wp-calendar tbody td.pad {
	background: none;
}

/* Calendar: align next link */
#wp-calendar tfoot #next {
	text-align: right;
}
 
/** 
 * Menu
 */

.widget_nav_menu ul {
	list-style: none;
}

.widget_nav_menu ul.sub-menu {
	margin-left: 20px;
	padding-left: 0;
}

/**
 * Pages
 */

.widget_pages ul {
	list-style: none;
}

.widget_pages ul.children {
	margin-left: 20px;
	padding-left: 0;
}

/**
 * Recent comments
 */

img.avatar {
	float: left;
}

/**
 * RSS
 */

.widget_rss ul {
	list-style: none;
	padding: 0;
}

.widget_rss li {
	margin-bottom: 20px;
}

.widget_rss li:last-child {
	margin-bottom: 0;
}

.rss-date {
	color: var(--main-content-font-colour, var(--site-font-colour));
	display: block;
}

.widget-container.widget_rss li cite {
	color: var(--main-content-font-colour, var(--site-font-colour));
	display: block;
}


/**
 * 8.0 Footer
 * ------------------------------------------------------------------------------
 */

#footer-seperator div{
	max-width: 100%;
	margin: 15px auto;
	height: 1px;
	border-top: 1px solid var(--accent-colour);
	display: none;
}

#footer-seperator.seperator-none{
	display: none;
}

#footer-seperator.seperator-sm div{
	width: 200px;
	display: block;
}

#footer-seperator.seperator-md div{
	width: 600px;
	display: block;
}

#footer-seperator.seperator-lg div{
	width: 1170px;
	display: block;
}

#footer{
	background-color: rgba(0,0,0,0);
	padding-bottom: 10px;
	position: relative;
  	padding-top: 20px;
  	padding-bottom: 40px;
  	font-size: var(--footer-content-font-size);
  	font-weight: var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
  	color: var(--footer-content-font-colour, var(--site-font-colour));
  	
}

#footer #footer-bg-image{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: var(--footer-bg);
	background-repeat: var(--footer-bg-image-repeat);
  	background-attachment: var(--footer-bg-image-attachment);
  	background-position: var(--footer-bg-image-position); 
  	background-size: var(--footer-bg-image-size);
  	opacity: var(--footer-bg-image-opacity);
  	mix-blend-mode: var(--footer-bg-image-blend-mode);
}

#footer #footer-bg-overlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--footer-overlay);
	opacity: var(--footer-overlay-opacity);
	mix-blend-mode: var(--footer-overlay-blend-mode);
}

#footer:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100%;
	border-top: 1px solid var(--footer-border-colour);
	border-bottom: 1px solid var(--footer-border-colour-bottom);
	opacity: var(--footer-border-colour-opacity);
}
 
#footer h1{
	font-family: var(--footer-h1-font, var(--headings-font-family));
	font-size: var(--footer-h1-font-size);
	line-height: var(--footer-h1-line-height);
	font-weight: var(--footer-h1-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h1-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}
#footer h2{
	font-family: var(--footer-h2-font, var(--headings-font-family));
	font-size: var(--footer-h2-font-size);
	line-height: var(--footer-h2-line-height);
	font-weight: var(--footer-h2-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h2-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}
#footer h3{
	font-family: var(--footer-h3-font, var(--headings-font-family));
	font-size: var(--footer-h3-font-size);
	line-height: var(--footer-h3-line-height);
	font-weight: var(--footer-h3-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h3-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}
#footer h4{
	font-family: var(--footer-h4-font, var(--headings-font-family));
	font-size: var(--footer-h4-font-size);
	line-height: var(--footer-h4-line-height);
	font-weight: var(--footer-h4-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h4-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}
#footer h5{
	font-family: var(--footer-h5-font, var(--headings-font-family));
	font-size: var(--footer-h5-font-size);
	line-height: var(--footer-h5-line-height);
	font-weight: var(--footer-h5-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h6-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}
#footer h6{
	font-family: var(--footer-h6-font, var(--headings-font-family));
	font-size: var(--footer-h6-font-size);
	line-height: var(--footer-h6-line-height);
	font-weight: var(--footer-h6-font-weight, var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight))));
	color: var(--footer-h6-colour, var(--footer-content-font-colour, var(--main-content-font-colour, var(--site-font-colour))));
}

@media screen and (max-width: 768px) {
	#footer h1{
		font-size: var(--footer-h1-font-size-sm);
	}
	#footer h2{
		font-size: var(--footer-h2-font-size-sm);
	}
	#footer h3{
		font-size: var(--footer-h3-font-size-sm);
	}
	#footer h4{
		font-size: var(--footer-h4-font-size-sm);
	}
	#footer h5{
		font-size: var(--footer-h5-font-size-sm);
	}
	#footer h6{
		font-size: var(--footer-h6-font-size-sm);
	}
}

#footer a{
	color: var(--footer-link-colour, var(--accent-colour));
}

#footer a:hover,
#footer a:focus,
#footer a:active{
	color: var(--footer-link-colour-hover, var(--accent-colour-hover));
}

#footer .container {
	background-color: transparent;
	padding-top: 20px;
	position: relative;
	z-index: 1
}

#sidebar-footer{
	width: 100%;
	display: flex;
	flex-direction: row;
}

#sidebar-footer .widget-container {
	min-height: 1px;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
	display: inline-block;
	width: 25%;
}

#footer #sidebar-footer .menu{
	margin-top: 0px;
}

#footer #sidebar-footer .menu li{
	display: inline-block;
	margin-right: 15px;
	font-weight: var(--footer-content-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	font-size: 1.25rem;
}

#footer #sidebar-footer .menu li:last-child{
	margin-right: 0px;
}

#footer #sidebar-footer h3,
#footer #sidebar-footer ul{
	text-align: center;
}

#footer .widget-container{
	margin-bottom: 0px;
}

#footer .menu{
	list-style-type: none;
	margin-left: 0px;
}

#footer .social-links{
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}

#footer .social-links ul{
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
}

#footer .social-links li{
	display: inline-block;
	list-style:none;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 10px;
	vertical-align: top;
}

#footer .social-links i,
#footer .social-links svg{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    font-size: var(--social-font-size);
    color: var(--social-colour, var(--accent-colour));
}

#footer .social-links i:hover,
#footer .social-links svg:hover{
	color: var(--social-colour-hover, var(--accent-colour-hover));
}

#footer .social-links img{
	height: var(--social-font-size);
}

/**
 * Colophon
 */
#colophon{
	text-align: center;
	border-top: 1px solid rgba(0,0,0,0);
	position: relative;
}

#colophon .container {
	background-color: #transparent;
	padding-top: 20px;
}

.sidebar-colophon {
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
	width: 100%;
}

ul.footer-navigation{
	padding-left: 15px;
	padding-right: 15px;
	margin: 0;
	width: 100%;
}

ul.footer-navigation li{
	list-style: none;
	padding-left: 4px;
	padding-right: 4px
}

#footer .copyright,
#footer .company,
#footer .designed-by{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	font-size: 0.875rem;
	text-align: center;
}

ul.keyword-landing-pages li{
	list-style: none;
	padding-left: 5px;
	padding-right: 5px;
	margin-right: 5px;
	position: relative;
}

ul.keyword-landing-pages li:after{
	content: '|';
	position: absolute;
	right: -4px;
}

ul.keyword-landing-pages li:last-of-type{
	margin-right: 0px;
}

ul.keyword-landing-pages li:last-of-type:after{
	content:'';
}

.keywords{
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	font-size: 0.75em;
	width: 100%;
	margin-bottom: 20px;
}


.banners{
	padding-top: 100px;
	padding-bottom: 30px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.banners ul{
	list-style-type: none;
	text-align: center;
	padding: 0;
	margin-bottom: 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.banners ul li{
	margin: 5px;
	max-width: 100%;
	overflow: hidden;
}
.banners-widget{
	margin-bottom: 20px;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0 15px;
}

#footer .designed-by a{
	color: var(--footer-content-font-colour, var(--site-font-colour));
}
#footer .designed-by a:hover{
	color: var(--footer-link-colour-hover, var(--accent-colour-hover));
}

/**
 * 9.0 Misc
 * ------------------------------------------------------------------------------
 */

/**
 * Custom
 */

.box-container {
	margin-bottom: 40px;
}

.section-container {
	padding-bottom: 40px;
	padding-top: 40px;
}

/* Fix section container padding */
section.container{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/**
 * Customizer
 */

.custom-background #header,
.custom-background #content,
.custom-background #footer,
.custom-background #colophon {
	background-color: transparent !important;
}

/**
 * Multisite
 */

#content.widecolumn {
	margin: 0 auto;
	width: 80%;
}

.mu_register .mu_alert {
	margin-top: 20px;
}

/* wp-signup.php */
.mu_register {
	width: 100% !important;
}

.mu_register #setupform input {
	width: auto;
}

/* wp-activate.php */

/**
 * Print
 */

@media print {
	body {
		background: none !important;
	}

	ol,
	ul {
		list-style: none !important;
		padding: 0 !important;
	}
		
	#wrapper {
		clear: both !important;
		display: block !important;
		float: none !important;
		position: relative !important;
	}

	#header {
		display: none !important;
		visibility: hidden !important;
	}
		
	#main {
		float: left !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 685px !important;
	}
		
	.page-title {
		font-size: 21pt !important;
	}
	
	.page-content {
		font-size: 14pt !important;
		line-height: 1.6em !important;
	}
	
	.page-links {
		display: none !important;
		visibility: hidden !important;
	}
	
	.entry-title {
		font-size: 21pt !important;
	}

	.meta-comments { 
		display: none !important;
		visibility: hidden !important;
	}

	.entry-content {
		font-size: 14pt !important;
		line-height: 1.6em !important;
	}

	.wp-caption p {
		font-size: 11pt !important;
	}

	.edit-link {
		display: none !important;
		visibility: hidden !important;
	}
	
	.post-navigation {
		display: none !important;
		visibility: hidden !important;
	}
		
	#comments {
		display: none !important;
		visibility: hidden !important;
	}

	#respond {
		display: none !important;
		visibility: hidden !important;
	}

	#reply-title {
		display: none !important;
		visibility: hidden !important;
	}

	#commentform {
		display: none !important;
		visibility: hidden !important;
	}
	
	.sidebar {
		display: none !important;
		visibility: hidden !important;
	}

	#sidebar-primary {
		display: none !important;
		visibility: hidden !important;
	}
		
	#footer {
		display: none !important;
		visibility: hidden !important;
	}
}

/**
 * 10.0 Includes
 * ------------------------------------------------------------------------------
 */

/**
 * Meta box site layout
 */

@media screen and (min-width: 768px) {
	/* Layout wide */
	body.layout-wide #wrapper {
		max-width: 100%;
	}
}

/* Set 100% width for content container */
body.layout-wide div#content > .container {
	width: 100%;
	max-width: 100%;
}

/**
 * Plugins: WooCommerce [https://wordpress.org/plugins/woocommerce/]
 */

/* Bootstrap: make WooCommerce buttons alike Bootstrap buttons */
.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.wc-block-components-button {
	-ms-touch-action: manipulation;
	touch-action: 	  manipulation;
	-webkit-user-select: none;
	-moz-user-select: 	 none;
	-ms-user-select: 	 none;
	user-select: 		 none;
	border: 1px solid transparent;
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	line-height: 1.5;
	padding: 6px 16px !important;
	text-align: center;
	vertical-align: middle;
	text-transform: uppercase;
	webkit-border-radius: var(--buttons-border-radius) !important;
	  -moz-border-radius: var(--buttons-border-radius) !important;
		   border-radius: var(--buttons-border-radius) !important;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.woocommerce #respond input#submit, 
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button,
.wc-block-components-button{
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--button-font-colour);
	background-color: var(--button-colour, var(--accent-colour));
	border-color: var(--button-colour, var(--accent-colour));
}

.wc-block-components-button .wc-block-components-button__text{
	color: var(--button-font-colour);
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover,
.wc-block-components-button:hover {
	background-color: var(--button-colour-hover, var(--accent-colour-hover));
	border-color: var(--button-colour-hover, var(--accent-colour-hover));
	color: var(--button-font-colour-hover);
}

.wc-block-components-button:hover .wc-block-components-button__text{
	color: var(--button-font-colour-hover);
}

.woocommerce #respond input#submit.alt,
.woocommerce a.button.alt,
.woocommerce button.button.alt,
.woocommerce input.button.alt {
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--button-font-colour);
	background-color: var(--button-colour, var(--accent-colour));
	border-color: var(--button-colour, var(--accent-colour));
}

.woocommerce #respond input#submit.alt:hover,
.woocommerce a.button.alt:hover,
.woocommerce button.button.alt:hover,
.woocommerce input.button.alt:hover {
	background-color: var(--button-colour-hover, var(--accent-colour-hover));
	border-color: var(--button-colour-hover, var(--accent-colour-hover));
	color: var(--button-font-colour-hover);
}

.woocommerce #respond input#submit.disabled, 
.woocommerce #respond input#submit:disabled, 
.woocommerce #respond input#submit:disabled[disabled], 
.woocommerce a.button.disabled, 
.woocommerce a.button:disabled, 
.woocommerce a.button:disabled[disabled], 
.woocommerce button.button.disabled, 
.woocommerce button.button:disabled, 
.woocommerce button.button:disabled[disabled], 
.woocommerce input.button.disabled, 
.woocommerce input.button:disabled, 
.woocommerce input.button:disabled[disabled]{
	background-color: filter: brightness(85%);
	border-color: filter: brightness(85%);
	color: var(--button-font-colour);
}

.woocommerce #respond input#submit.disabled:hover, 
.woocommerce #respond input#submit:disabled:hover, 
.woocommerce #respond input#submit:disabled[disabled]:hover, 
.woocommerce a.button.disabled:hover, 
.woocommerce a.button:disabled:hover, 
.woocommerce a.button:disabled[disabled]:hover, 
.woocommerce button.button.disabled:hover, 
.woocommerce button.button:disabled:hover, 
.woocommerce button.button:disabled[disabled]:hover, 
.woocommerce input.button.disabled:hover, 
.woocommerce input.button:disabled:hover, 
.woocommerce input.button:disabled[disabled]:hover{
	background-color: filter: brightness(0.85);
	border-color: filter: brightness(0.85);
	color: var(--button-font-colour);
}

.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) #respond input#submit.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button.alt:disabled[disabled]:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt.disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled:hover, 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled], 
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce #respond input#submit.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce a.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce button.button.alt:disabled[disabled]:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt.disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled:hover, 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled], 
:where(body:not(.woocommerce-block-theme-has-button-styles)) .woocommerce input.button.alt:disabled[disabled]:hover{
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--button-font-colour) !important;
	background-color: var(--button-colour, var(--accent-colour)) !important;
	border-color: var(--button-colour, var(--accent-colour)) !important;
}

/* Fix checkout button width on cart page */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
	display: inline-block;
}

.woocommerce .woocommerce-breadcrumb,
.woocommerce .woocommerce-breadcrumb a{
	color: var(--main-content-font-colour, var(--site-font-colour));
}

.woocommerce div.product .product_title{
	text-align: left;
}

/* Fix WooCommerce Bootstrap 4.3 compatability issues */
.woocommerce .col2-set .col-1, 
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, 
.woocommerce-page .col2-set .col-2{
	padding-left: 0;
	padding-right: 0;
	max-width: 100%;
	display: block;
}

.woocommerce form .form-row{
	display: block;
}

h3#order_review_heading{
	margin-top: 30px;
}

.woocommerce ul.order_details{
	padding-left: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

.woocommerce ul.order_details.bacs_details{
	justify-content: start;
}

.woocommerce ul.order_details li{
	margin-bottom: 10px;
}

.woocommerce-thankyou-order-received{
	text-align: center;
	margin-bottom: 30px;
}

.woocommerce #terms{
	position: relative;
}

.select2-results__options,
.select2-container--default .select2-results__option--highlighted[aria-selected], 
.select2-container--default .select2-results__option--highlighted[data-selected]{
	color: var(--main-content-font-colour, var(--site-font-colour));
}
.select2-container--default .select2-selection--single{
	background-color: #f8f8f8;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment{
	background-color: rgba(235,233,235,0.2);
}

#coupon_code{
	width: 120px !important;
}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img{
	width: 90px;
}

/* Fix description tab on product pages so it matches background colour */
.woocommerce div.product .woocommerce-tabs ul.tabs li.active{
	background: var(--content-bg-colour, var(--site-bg-colour));
	border-bottom-color: var(--content-bg-colour, var(--site-bg-colour));
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::before {
    box-shadow: 2px 2px 0 var(--content-bg-colour, var(--site-bg-colour));
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active::after {
    box-shadow: -2px 2px 0 var(--content-bg-colour, var(--site-bg-colour));

}
.woocommerce div.product .woocommerce-tabs ul.tabs li{
	background-color: rgba(0, 0, 0, .1);
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::before {
	box-shadow: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after {
	box-shadow: none;
}

/* Custom checkout payment icons */
.customized_payment_icon{
	height: 1rem !important;
}


section.related{
	clear: both;
}

section.related h2{
	text-transform: capitalize;
}

.woocommerce-error{
	padding-left: 50px;
}

.woocommerce-error li, 
.woocommerce-info li, 
.woocommerce-message li{
	margin-left: 35px !important;
}

.woocommerce-error::before, 
.woocommerce-info::before, 
.woocommerce-message::before{
	top: initial;
}

.woocommerce-bacs-bank-details{
	margin-top: 20px;
}

.woocommerce-notices-wrapper{
	margin-bottom: 15px;
}

#primary{
	width: 100%;
}

.checkout-notice{
	color: red;
    margin-bottom: 30px;
    font-weight: bolder;
    padding: 1rem 2rem;
    background-color: #f7f6f7;
    border-top: 3px solid var(--accent-colour);
    display: flex;
    align-items: center;
    justify-content: center;
}

.wcpa_cart_meta_item-value{
	font-weight: var(--main-content-font-weight, var(--global-font-weight));
}

.woocommerce-product-details__short-description{
	margin-bottom: 15px;
}

.woocommerce a.remove{
	line-height: 0.8;	
}

/* Custom product class .no-image */
.single-product .product.no-image .woocommerce-product-gallery{
	display: none;
}
.single-product .product.no-image .summary{
	float: none !important;
	margin-left: auto;
	margin-right: auto;
	width: 800px !important;
	max-width: 100%;
}

.woocommerce form .form-row label.checkbox, 
.woocommerce-page form .form-row label.checkbox{
	display: flex;
	align-items: center;
}

.woocommerce .quantity .qty{
	padding-right: 0;
	padding-left: 0;
}

.pswp{
	z-index: 9999999999;
}

.woocommerce-cart-form__cart-item .product-name a{
	font-weight: 500;
}


.wcpa_cart_meta .wcpa_cart_meta_item .wcpa_cart_meta_item-label{
	font-weight: 500;
}

button.reset_variations{
	padding: 0;
	border: 0;
	background: transparent;
}

/**
 * 11.0 Page Templates
 * ------------------------------------------------------------------------------
 */


/* iFrame Page Content Contact Form
   ========================= */

iframe#contact-form{
	width: 100%;
	height: 1000px;
}

@media all and (max-width: 798px) and (min-width: 0px) {
  	iframe#contact-form{
		height: 1200px;
	}
}

@media all and (max-width: 350px) and (min-width: 0px) {
  	iframe#contact-form{
		height: 1300px;
	}
}

#mauticform_contactform_submit{
	margin-top: 15px;
}



/* Page-narrow spacing
   ========================= */

.narrow{
	width: 900px !important;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	float: initial !important;
}

/* Floating Header Page Template
   ========================= */
.page-template-floating-header #main{
	padding-top: 0 !important;
}

/* Full Page Template
   ========================= */

.page-template-full-page #main,
.page-template-full-page-floating-header #main{
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.page-template-full-page #main .entry-content,
.page-template-full-page-floating-header #main .entry-content{
	margin-bottom: 0 !important;
}


/* Disclaimer Page
   ========================= */


.page-template-disclaimer #header,
.page-template-disclaimer #footer-wrapper,
.page-template-disclaimer-alt-1 #header,
.page-template-disclaimer-alt-1 #footer-wrapper{
	display: none;
}

.page-template-disclaimer #content,
.page-template-disclaimer-alt-1 #content{
	padding: 0 !important;
	margin-top: 0 !important;
}

.page-template-disclaimer .hero:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--disclaimer-background-image-overlay-colour, var(--site-bg-image-overlay-colour, var(--site-bg-colour)));
    background: radial-gradient(circle, var(--disclaimer-background-image-overlay-colour, var(--site-bg-image-overlay-colour, var(--site-bg-colour))) 0%, var(--disclaimer-background-image-overlay-colour, var(--site-bg-image-overlay-colour-grad, var(--site-bg-image-overlay-colour, var(--site-bg-colour)))) 100%);
    opacity: var(--disclaimer-background-image-overlay-colour-opacity, var(--site-bg-image-overlay-opacity));

}

.page-template-disclaimer .hero-inner{
	padding: 15px;
}

.page-template-disclaimer-alt-1 .container{
	width: 100%;
}

.disclaimer{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: fit-content;
	padding: 30px;
	text-align: center;
	margin: 30px 15px 30px 15px;
	position: relative;
}

.disclaimer-inner{
	width: 100%;
	max-width: 540px;
}

.disclaimer::before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	opacity: var(--disclaimer-background-colour-opacity);
	z-index: -1;
	background-color: var(--disclaimer-background-colour);
}

.disclaimer .site-brand{
	width: auto;
	height: auto;
	text-align: center;
	max-width: inherit;
	padding-bottom: 15px;
	line-height: 20px;
	margin: 0 auto 0 auto;
}

.disclaimer .site-logo{
	width: var(--disclaimer-logo-width, var(--site-logo-width));
	margin-top: 0px;
	padding-bottom: 0px;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;

}

.disclaimer .site-title,
.disclaimer .site-title a,
.disclaimer .site-title a:hover,
.disclaimer .site-title a:active,
.disclaimer .site-title a:focus{
    color: var(--disclaimer-site-title-colour, var(--site-font-colour)) !important;
    font-size: var(--disclaimer-disclaimer-title-size, var(--title-font-size));
}

.disclaimer h1,
.disclaimer h2,
.disclaimer h3,
.disclaimer h4,
.disclaimer h5,
.disclaimer h6{
	clear: both;
	margin-top: 0;
	color: var(--disclaimer-title-colour, var(--site-font-colour));
}

.disclaimer p{
	color: var(--disclaimer-font-colour, var(--site-font-colour));
}
.disclaimer .enter-buttons{
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
}
.disclaimer .enter,
.disclaimer .leave{
	text-transform: uppercase;
	color: var(--disclaimer-button-font-colour, var(--accent-colour)) !important;
}

.disclaimer .btn-default{
    color: var(--disclaimer-button-font-colour, var(--button-font-colour)) !important;
    background-color: var(--disclaimer-button-colour, var(--button-colour, var(--accent-colour))) !important;
    border-color: var(--disclaimer-button-colour, var(--button-colour, var(--accent-colour))) !important;
}

.disclaimer .btn-default:hover,
.disclaimer .btn-default:active,
.disclaimer .btn-default:focus{
    color: var(--disclaimer-button-font-colour-hover, var(--disclaimer-button-font-colour, var(--button-font-colour-hover))) !important;
    background-color: var(--disclaimer-button-colour-hover, var(--disclaimer-button-colour, var(--button-colour-hover, var(--button-colour, var(--accent-colour))))) !important;
    border-color: var(--disclaimer-button-colour-hover, var(--disclaimer-button-colour, var(--button-colour-hover, var(--button-colour, var(--accent-colour))))) !important;
}



.disclaimer .btn-outline-primary{
    color: var(--disclaimer-button-font-colour, var(--button-outline-colour, var(--accent-colour))) !important;
    background-color: transparent !important;
    border-color: var(--disclaimer-button-colour, var(--button-outline-colour, var(--accent-colour))) !important;
}

.disclaimer .btn-outline-primary:hover,
.disclaimer .btn-outline-primary:active,
.disclaimer .btn-outline-primary:focus{
    color: var(--disclaimer-button-font-colour-hover, var(--button-outline-font-colour-hover)) !important;
    background-color: var(--disclaimer-button-colour-hover, var(--disclaimer-button-colour, var(--button-outline-colour, var(--accent-colour)))) !important;
    border-color: var(--disclaimer-button-colour-hover, var(--disclaimer-button-colour, var(--button-outline-colour, var(--accent-colour)))) !important;
}



/* Disclaimer Alt 1
   ========================= */
.page-template-disclaimer-alt-1 .sr-flex-column-and-image{
	height: 100vh;
}

.page-template-disclaimer-alt-1 .sr-flex-column-and-image .row{
	padding: 0;
}

@media all and (min-width: 992px) {
	.page-template-disclaimer-alt-1 .disclaimer-wrapper{
		height: 100vh;
	}
}

@media all and (max-width: 991px) and (min-width: 0px) {
	.page-template-disclaimer-alt-1 .sr-flex-column-and-image{
		height: auto
	}
	.page-template-disclaimer-alt-1 .flex-bg-image{
		height: 50vh;
	}
}

/* Blank, No Header, No Footer
   ========================= */

.page-template-blank #header,
.page-template-blank #footer-wrapper,
.page-template-no-header #header,
.page-template-no-header-page-title #header,
.page-template-no-header-footer #header,
.page-template-no-header-footer #footer-wrapper,
.page-template-no-header-footer-page-title #header,
.page-template-no-header-footer-page-title #footer-wrapper{
	display: none;
}





/* Scroll to Top Button
   ========================= */

#scroll-to-top {
	opacity: 0;
	width: 45px;
	position: fixed; 
	bottom: -200px; 
	right: 20px; 
	z-index: 99; 
	border: none; 
	outline: none; 
	color: white; 
	cursor: pointer;
	padding: 10px 15px;
	border-radius: 10px;
	font-size: 18px;
	overflow: hidden;
	-webkit-transition: opacity 0.3s ease-out;
       -moz-transition: opacity 0.3s ease-out;
        -ms-transition: opacity 0.3s ease-out;
         -o-transition: opacity 0.3s ease-out;
            transition: opacity 0.3s ease-out;
}

#scroll-to-top:before{
	content:'';
	background-color: var(--site-font-colour);
	opacity: 0.1;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}


#scroll-to-top i{
	color: var(--accent-colour);
	position: relative;
}

#scroll-to-top.show{
	opacity: 0.5;
	bottom: 20px; /* Place the button at the bottom of the page */
}

#scroll-to-top:hover {
  	opacity: 1;
}





/**
 * 12.0 Plugins
 * ------------------------------------------------------------------------------
 */

/* Contact Form 7 
   ========================= */

.wpcf7 {
	width: 100% !important;
}

span.wpcf7-form-control-wrap{
	width: 100% !important;
}

.wpcf7 label{
	width: 100%;
}

.wpcf7 textarea{
	width: 100%;
}

.wpcf7 div{
	margin-bottom: 10px;
}

.wpcf7 p{
	margin-bottom: 5px;
}

.wpcf7 input[type="file"]{
	border: 0px;
	box-shadow: none;
	-webkit-box-shadow: none;
	background: transparent !important;
}

.acceptance-terms{
	font-size: 0.75rem;
	display: inline-block;
}

.terms-box{
	width: 100%;
	height: 200px;
	overflow-y: scroll;
	border: 1px solid #cccccc;
}

div.wpcf7-response-output{
	margin-top: 0 !important;
	margin-left: auto !important;
	margin-right: auto !important;
    font-size: 1rem;
    display: inline-block;
    position: relative;
    left: 50%;
	-webkit-transform: translateX(-50%);
  	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}

 #colophon div.wpcf7-response-output{
 	position: relative;
    left: 0%;
	-webkit-transform: translateX(0%);
  	-ms-transform: translateX(0%);
	transform: translateX(0%);
 }

.wpcf7 .ajax-loader{
	display: block;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
	margin: 5px 0 0 0;
}

div.wpcf7-display-none{
	opacity: 0;
}

div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{
	opacity: 1;
}

.wpcf7-select,
.wpcf7-date{
	width: 100%;
}

ul.time-select{
	list-style: none;
	margin: 0;
	padding: 0;
}
ul.time-select li{
	display: inline-block;
}

ul.time-select li select {
    width: 70px;
}

.wpcf7-spinner{
	display: none;
}

.wpcf7-list-item{
	margin: 0;
}

.wpcf7-list-item-label{
	margin-right: 1rem;
}

.wpcf7-form .row{
	padding-left: 0;
	padding-right: 0;
}

[data-class="wpcf7cf_group"], 
.wpcf7cf_remove, .wpcf7cf_add{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.wpcf7-date{
	min-height:38px;
}

/* FooGallery Justified 
   ========================= */

.foogallery .fg-caption{
	background-color: rgba(0,0,0,.3) !important;
}
.foogallery.fg-light-overlays .fg-caption{
	background-color: rgba(255,255,255,.3) !important;
}
.fbx-show .fbx-caption{
	display: none !important;
}

.foogallery.fg-hover-zoomed .fg-item:focus-within .fg-image, .foogallery.fg-hover-zoomed .fg-item:hover .fg-image{
    transform: scale(1.05) !important;
}



/* WOW
   ========================= */

.wow {
      visibility: hidden;
    }

/* WP Customer Reviews
   ========================= */

div.wpcr3_review div.wpcr3_review_title{
	font-size: 1.5rem;
}

div.wpcr3_review blockquote.wpcr3_content{
	width: 100%;
	max-width: 100%;
	margin: 0;
	padding: 0;
	text-align: left;
	position: relative;
	left: 0;
	-webkit-transform: translateX(0%);
  	-ms-transform: translateX(0%);
	transform: translateX(0%);
	margin-top: 10px;
	margin-bottom: 10px;
}

div.wpcr3_review blockquote.wpcr3_content p{
	font-size: 1rem;
}

div.wpcr3_review blockquote.wpcr3_content:before,
div.wpcr3_review blockquote.wpcr3_content:after{
	content: '';
}

div.wpcr3_rating_style1_base{
	padding-right: 0px;
}





/* Login Page
   ========================= */

body.login{
  	display: flex;
   	justify-content: center;
   	align-items: center;
   	flex-direction:  column;
}

body.login #wp-auth-check-wrap #wp-auth-check {
    max-height: 515px!important;
}

body.login .interim-login #login_error, 
body.login .interim-login.login .message {
    margin: 0px;
}

body.login #login{
  	padding: 0% 0 0;
   	position: relative;
   	padding-bottom: 5px;
   	margin-left: 0 !important;
   	margin-right: 0 !important;
   	margin-top: 0 !important;
   	margin-bottom: 0 !important;
   	box-shadow: 0 3px 9px rgba(0,0,0,.13);
   	position: relative;
   	z-index: 1;
  	background-color: initial;
}

body.login #login:before{
	content: '';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: var(--content-bg-colour, var(--site-bg-colour));
	opacity: var(--content-bg-opacity);
	z-index: -1;
}

body.login #login h1{
	margin-left: 15px;
	margin-right: 15px;
}

body.login #login h1 a {
	background-image: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    height: auto;
    width: auto;
    margin: 20px auto 10px auto;
    text-indent: 0;
    font-size: var(--title-font-size);
    outline: none !important;
    box-shadow: none !important;
    text-transform: var(--site-title-capitalize);
    font-weight: var(--title-font-weight, var(--h1-font-weight, var(--global-font-weight)));
}

body.login #login h1.site-title a,
body.login #login h1.site-title a:hover,
body.login #login h1.site-title a:focus,
body.login #login h1.site-title a:visited{
	color: var(--title-font-colour-login, var(--site-font-colour)) !important;
    outline: none !important;
    box-shadow: none !important;
    text-transform: var(--site-title-capitalize);
}

body.login #login_error, .login .message, .login .success{
  	background-color: initial;
}

body.login form{
    box-shadow: none;
    padding: 26px 24px 26px;
    margin-top: 0px;
    border: 0px;
    background-color: initial;
}

body.login form input{
  	box-shadow: none !important;
}

body.login form .input, 
body.login input[type="password"], 
body.login input[type="text"]{
    font-size: var(--forms-font-size);
    color: var(--forms-font-colour, var(--site-font-colour));
    background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)));
    font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    border: 1px solid var(--forms-border-colour, var(--accent-colour));
}

body.login form .input:focus, 
body.login input[type="password"]:focus, 
body.login input[type="text"]:focus{
	background-color: var(--forms-bg-colour-focus, var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour))));
    border-color: var(--forms-border-colour-focus, var(--accent-colour-hover, var(--accent-colour)));
    outline: 0;
}

body.login .button.wp-hide-pw{
    display: flex;
    justify-content: center;
    align-items: center;
}

body.login .wp-cancel-pw>.dashicons, 
body.login .wp-hide-pw>.dashicons{
    position: initial;
}

body.login.wp-core-ui .button-primary,
body.login.wp-core-ui .button-secondary{
    line-height: 1.5;
    min-height: 1rem;
	font-size: var(--button-font-size) !important;
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
	color: var(--button-font-colour) !important;
	background-color: var(--button-colour, var(--accent-colour)) !important;
	border-color: var(--button-colour, var(--accent-colour)) !important;
	webkit-border-radius: var(--buttons-border-radius) !important;
	  -moz-border-radius: var(--buttons-border-radius) !important;
		   border-radius: var(--buttons-border-radius) !important;
}

body.login.wp-core-ui .button-secondary{
    height: 100%;
}

body.login.wp-core-ui .button-primary.focus, 
body.login.wp-core-ui .button-primary.hover, 
body.login.wp-core-ui .button-primary:focus, 
body.login.wp-core-ui .button-primary:hover,
body.login.wp-core-ui .button-secondary:hover,
body.login.wp-core-ui .button-secondary:focus,
body.login.wp-core-ui button::-moz-focus-inner, 
body.login.wp-core-ui input[type="button"]::-moz-focus-inner, 
body.login.wp-core-ui input[type="reset"]::-moz-focus-inner, 
body.login.wp-core-ui input[type="submit"]::-moz-focus-inner{
	outline: 0px !important;
	background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	border-color: var(--accent-colour) !important;
	border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
	color: var(--button-font-colour-hover) !important;
}

body.login .language-switcher{
	margin: 10px 0 0 0;
	position: relative;
	z-index: 1;
	display:none;
}

body.login #backtoblog a, .login #nav a{
	color: var(--content-link-colour, var(--accent-colour));
}

body.login #backtoblog a:hover, 
body.login #nav a:hover, 
body.login h1 a:hover{
	color: var(--content-link-colour-hover, var(--accent-colour-hover));
}



/**
 * 13.0 Custom CSS For Specific Post & Page Contents
 * ------------------------------------------------------------------------------
 */


/* Newsletter Subscribe Form
   ========================= */

.newsletter-subscribe{
	width: 100%;
	max-width: 520px;
	margin: 10px auto 10px auto;
	text-align: center;
	padding: 0 15px 0 15px;
}


/* Mautic
   ========================= */

#mauticform_subscribe_error,
.mauticform-errormsg{
	color: #dc3545;
}
#mauticform_subscribe_message{
	color: #28a745;
}


/* Flex site layout
   ========================= */

#site-wrapper{
	display: flex;
  	min-height: 100vh;
  	flex-direction: column;
}

#header{
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
}

#content{
	display: flex;
  	flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1 0 auto;
	-ms-flex: 1 0 auto;
	flex: 1 0 auto;
	width: 100%;
	flex-direction: column;
    overflow: hidden;
}

#footer-wrapper{
	-webkit-box-flex: 0;
	-webkit-flex: none;
	-ms-flex: none;
	flex: none;
	position: relative;
	z-index: 2;
}



/* Paid Membership Pro
   ========================= */

.pmpro_login_wrap{
	width: 500px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}
form.pmpro_form .input, form.pmpro_form textarea, form.pmpro_form select, #loginform input[type="text"], #loginform input[type="password"]{
	max-width: 100%;
}
.pmpro_content_message{
	text-align: center;
}

/* Newsletter Plugin
   ========================= */
.tpn input.tnp-submit,
.tnp-subscription-minimal input.tnp-submit{
	padding: 6px 16px !important;
	line-height: 1.5 !important;
	font-size: var(--button-font-size);
	font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
	color: var(--button-font-colour);
	background-color: var(--button-colour, var(--accent-colour));
	border-color: var(--button-colour, var(--accent-colour));
}

.tpn input.tnp-submit:hover,
.tnp-subscription-minimal input.tnp-submit:hover{
	background-color: var(--button-colour-hover, var(--accent-colour-hover));
	border-color: var(--button-colour-hover, var(--accent-colour-hover));
	color: var(--button-font-colour-hover);
}

.tnp-subscription-minimal form{
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	margin-top: 5px !important;
}
.tnp-subscription-minimal input{
	margin-bottom: 10px !important;
}
.tnp-subscription-minimal input.tnp-submit{
	width: auto !important;
	display: inline-block !important;
}


/* Cookie Notice & Compliance for GDPR / CCPA - Fix
   ========================= */
.cookie-notice-container{
	z-index: 101 !important;
}

/* WP Social Chat - Fix
   ========================= */
#qlwapp.qlwapp-middle-left, #qlwapp.qlwapp-bottom-left, #qlwapp.qlwapp-middle-right, #qlwapp.qlwapp-bottom-right{
	z-index: 100 !important;
}

/* Password Protected Plugin
   ========================= */
.login-password-protected #login{
	position: relative;
	z-index: 1;
	width: auto !important;
}

.ppw-ppf-desc{
	margin-bottom: 15px;
}

.ppw-ppf-field-container{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ppw-input{
	display: flex;
	justify-content: center;
}
.ppw-pwd-label,
.ppw-pcp-password-label{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 0;
}

.ppw-password-input{
	margin-left: 5px;
	margin-right: 5px;
}

.ppw-headline{
	font-weight: bolder;
	margin-bottom: 1rem;
}

.ppw-description{
	margin-bottom: 1rem;
}



/* WordPress Shortcodes
   ========================= */
.wp-block-latest-posts__featured-image{
	margin-bottom: 0.5rem;
}
.wp-block-latest-posts__post-excerpt{
	margin-top: 0;
}




/* WooCommerce Product Add-ons
   ========================= */

.wc-pao-addons-container{
	margin-top: 30px;
}

.wc-pao-addon-name{
	font-weight: bolder;
}

.wc-pao-addon-description{
	font-style: italic;
}


/* Woocommerce Custom Product Addons
   ========================= */

.wcpa_form_item label{
	font-weight: bolder;
}

.wcpa_form_item .wcpa_helptext{
	display: block;
	margin-bottom: 5px !important;
	font-size: 1rem !important;
	font-style: italic !important;
}

.wcpa_checkbox label{
	font-weight: var(--main-content-font-weight, var(--global-font-weight));
}

.wcpa_paragraph_block.list{
	margin-left: 20px;
}

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

.wcpa_price_summary{
	font-size: 1.25rem;
}


/* WordPress Latest Posts Shortcode
   ========================= */
.wp-block-latest-posts__featured-image img{
	width: 100%;
}

/* Twitter Feed
   ========================= */
.ctf-fixed-height{
	padding: 15px;
}


/* Site Reviews
   ========================= */
aside .glsr-review{
    border-color: var(--accent-colour) !important;
}
aside .glsr-review:before{
    color: var(--accent-colour);
}



/* Block: Button ----------------------------- */

body .wp-block-button,
body .wp-block-button,
body .wp-block-button{
    margin-bottom: 0.5rem;
}

body #content a.wp-block-button__link:not(.has-text-color),
body .footer a.wp-block-button__link:not(.has-text-color),
body #sidebar a.wp-block-button__link:not(.has-text-color){
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    color: var(--button-font-colour);
    background-color: var(--button-colour, var(--accent-colour));
    border-color: var(--button-colour, var(--accent-colour));
}

body #content a.wp-block-button__link:not(.has-text-color):hover,
body .footer a.wp-block-button__link:not(.has-text-color):hover,
body #sidebar a.wp-block-button__link:not(.has-text-color):hover,
body #content a.wp-block-button__link:not(.has-text-color):active,
body .footer a.wp-block-button__link:not(.has-text-color):active,
body #sidebar a.wp-block-button__link:not(.has-text-color):active,
body #content a.wp-block-button__link:not(.has-text-color):focus,
body .footer a.wp-block-button__link:not(.has-text-color):focus,
body #sidebar a.wp-block-button__link:not(.has-text-color):focus{
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    color: var(--button-font-colour-hover);
    background-color: var(--button-colour-hover, var(--accent-colour-hover));
    border-color: var(--button-colour-hover, var(--accent-colour-hover));
}

body #content .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color),
body .footer .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color),
body #sidebar .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color){
    color: var(--button-colour, var(--accent-colour));
    border-color: var(--button-colour, var(--accent-colour));
    background-color: transparent !important;
}

body #content .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):hover,
body #content .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):active,
body #content .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):focus,
body .footer .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):hover,
body .footer .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):active,
body .footer .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):focus,
body #sidebar .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):hover,
body #sidebar .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):active,
body #sidebar .wp-block-button.is-style-outline a.wp-block-button__link:not(.has-text-color):focus{
    color: var(--button-font-colour) !important;
    border-color: var(--button-colour, var(--accent-colour));
    background-color: var(--button-colour, var(--accent-colour)) !important;
}


.is-style-outline .has-text-color{
    color: initial;
}


/* Buttons  */

.btn{
    line-height: 1.5;
    padding: 6px 16px !important;
    outline: 0px !important;
    box-shadow: none !important;
    position: relative;
    font-size: var(--button-font-size);
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    text-decoration: none;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
    text-shadow: none !important;
}

.btn:hover,
.btn:active,
.btn:focus,
.btn:active:hover,
.btn:active:focus{
    outline: 0px !important;
    box-shadow: none !important;
    cursor: pointer;
    text-decoration: none;
}

.btn-primary,
.btn-default{
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
    color: var(--button-font-colour) !important;
    background-color: var(--button-colour, var(--accent-colour)) !important;
    border-color: var(--button-colour, var(--accent-colour)) !important;
    text-decoration: none;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:active:hover,
.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active, 
.btn-primary:not(:disabled):not(.disabled):active, 
.show>.btn-primary.dropdown-toggle,
.btn-default:hover,
.btn-default:active,
.btn-default:focus,
.btn-default:active:hover,
.btn-default:active:focus,
.btn-default:not(:disabled):not(.disabled).active, 
.btn-default:not(:disabled):not(.disabled):active, 
.show>.btn-default.dropdown-toggle{
    outline: 0px !important;
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-font-colour-hover) !important;
    text-decoration: none;
}


.btn-outline-primary{
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
    color: var(--button-colour, var(--accent-colour)) !important;
    background-color: transparent !important;
    border-color: var(--button-colour, var(--accent-colour)) !important;
    text-decoration: none;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
}

.btn-outline-primary i{
	color: var(--button-colour, var(--accent-colour)) !important;
	font-size: 0.8rem;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.button.btn-outline-primary{
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
    color: var(--button-outline-colour, var(--accent-colour)) !important;
    background-color: transparent !important;
    border-color: var(--button-outline-colour, var(--accent-colour)) !important;
    text-decoration: none;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
}

.button.btn-outline-primary i{
	color: var(--button-outline-colour, var(--accent-colour)) !important;
	font-size: 0.8rem;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.button.btn-outline-primary:before{
	background-color: transparent !important;
}

.btn-outline-primary:hover,
.btn-outline-primary:active,
.btn-outline-primary:focus,
.btn-outline-primary:active:hover,
.btn-outline-primary:active:focus{
    outline: 0px !important;
    background-color: var(--button-outline-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-outline-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-outline-font-colour-hover) !important;
    text-decoration: none;
}

.btn-outline-primary:hover i,
.btn-outline-primary:active i,
.btn-outline-primary:focus i,
.btn-outline-primary:active:hover i,
.btn-outline-primary:active:focus i{
	color: var(--button-outline-font-colour-hover) !important;
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.btn-outline-primary:not(:disabled):not(.disabled).active, 
.btn-outline-primary:not(:disabled):not(.disabled):active, 
.show>.btn-outline-primary.dropdown-toggle{
    outline: 0px !important;
    background-color: var(--button-outline-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-outline-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-outline-font-colour-hover) !important;
    text-decoration: none;
}

.button{
    line-height: 1.5;
    padding: 6px 16px !important;
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
    color: var(--button-font-colour) !important;
    background-color: var(--button-colour, var(--accent-colour)) !important;
    border-color: var(--button-colour, var(--accent-colour)) !important;
    border-style: solid;
    text-decoration: none;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.button:hover,
.button:active,
.button:focus,
.button.is-checked{
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-font-colour-hover) !important;
    box-shadow: none;
    text-decoration: none;
}

.button:before{
    background-color: var(--button-colour, var(--accent-colour)) !important;
    -webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.button:before:hover,
.button:before:active,
.button:before:focus{
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
}






/* Noptin Forms Fix 
   ========================= */


.noptin-optin-form-wrapper{
    background-color: transparent !important;
}

.noptin-field-email input[type="email"],
.noptin-field-email input[type="text"],
.noptin-field-email input[type="url"], 
.noptin-field-email textarea {
    font-size: var(--forms-font-size);
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour)));
    background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)));
    font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    border: 1px solid var(--forms-border-colour, var(--accent-colour));
}

.noptin-field-email input[type="email"]:focus,
.noptin-field-email input[type="text"]:focus,
.noptin-field-email input[type="url"]:focus, 
.noptin-field-email textarea{
    background-color: var(--forms-bg-colour-focus, var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour))));
    border-color: var(--forms-border-colour-focus, var(--accent-colour-hover, var(--accent-colour)));
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour)));
    outline: 0;
    box-shadow: none;
}

.noptin-form-submit:hover,
.noptin-form-submit:focus,
.noptin-form-submit:active{
    box-shadow: none !important;
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field{
    font-size: var(--forms-font-size);
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour)));
    background-color: var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour)));
    font-weight: var(--forms-font-weight, var(--main-content-font-weight, var(--global-font-weight)));
    border: 1px solid var(--forms-border-colour, var(--accent-colour));
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field:focus{
    background-color: var(--forms-bg-colour-focus, var(--forms-bg-colour, var(--content-bg-colour, var(--site-bg-colour))));
    border-color: var(--forms-border-colour-focus, var(--accent-colour-hover, var(--accent-colour)));
    color: var(--forms-font-colour, var(--main-content-font-colour, var(--site-font-colour)));
    outline: 0;
    box-shadow: none;
}

.noptin-form-submit{
    padding: 6px 16px !important;
    font-size: var(--button-font-size) !important;
    font-weight: var(--button-font-weight, var(--main-content-font-weight, var(--global-font-weight))) !important;
    color: var(--button-font-colour) !important;
    background-color: var(--button-colour, var(--accent-colour)) !important;
    border-color: var(--button-colour, var(--accent-colour)) !important;
    webkit-border-radius: var(--buttons-border-radius) !important;
      -moz-border-radius: var(--buttons-border-radius) !important;
           border-radius: var(--buttons-border-radius) !important;
    flex: 0 !important
}

.noptin-form-submit:hover,
.noptin-form-submit:focus,
.noptin-form-submit:active{
    outline: 0px !important;
    background-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    border-color: var(--accent-colour) !important;
    border-color: var(--button-colour-hover, var(--accent-colour-hover)) !important;
    color: var(--button-font-colour-hover) !important;
}

.noptin-form-footer .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden) .noptin-form-field{
    min-height: auto !important;
}

.newsletter-subscribe .noptin-inpost-main-wrapper{
    max-width: 100% !important;
}

.newsletter-subscribe .noptin-inpost-main-wrapper .noptin-optin-form-wrapper{
    margin: 0;
}

.newsletter-subscribe .noptin-form-header{
    padding: 0;
}

.noptin-form-header .noptin-form-description{
	margin-top: 0 !important;
}

.newsletter-subscribe .noptin-form-footer{
    width: 100%;
    max-width: 520px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
}

.newsletter-subscribe .noptin-form-new-line .noptin-form-fields{
    display: flex !important;
    justify-content: center !important;
    flex-wrap: wrap !important;
    gap:0;
    flex-direction: row;
}

.newsletter-subscribe .noptin-form-new-line .noptin-form-fields .noptin-form-field-wrapper:nth-child(odd){
    width: 48%;
    margin-right: 2%;
    margin-bottom: 10px;
}

.newsletter-subscribe .noptin-form-new-line .noptin-form-fields .noptin-form-field-wrapper:nth-child(even){
    width: 48%;
    margin-left: 2%;
    margin-bottom: 10px;
}

.newsletter-subscribe .noptin-form-new-line .noptin-form-field-email{
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 10px;
}

.newsletter-subscribe .noptin-form-new-line .noptin-form-field-submit{
	margin:0 !important;
	width: auto !important;
}

.newsletter-subscribe .noptin-form-new-line .noptin-optin-field-wrapper-email .noptin-optin-form-wrapper {
    width: 100% !important;
}

.newsletter-subscribe .noptin-form-new-line .noptin-optin-field-wrapper-email .noptin-optin-form-wrapper input{
    width: 100% !important;
}


@media only screen and (min-width: 497px) {
    .newsletter-subscribe .noptin-form-new-line .noptin-optin-form.noptin-form-single-line .noptin-form-fields .noptin-optin-field-wrapper:not(.noptin-optin-field-wrapper-hidden){
        margin-right: 4px;
    }
}

.noptin-form-single-line .noptin-form-field-wrapper.noptin-optin-field-submit{
	display: flex !important;
	margin-top: 0 !important;
}


/* Product Addons Plugin 
   ========================= */

.wcpa_option_price{
	margin-left: 5px;
}

/* Passster Password Plugin 
   ========================= */
.passster-form{
	margin: auto;
}
.passster-form .ps-form-headline{
	color: var(--h2-colour, var(--site-font-colour));
}