/****************************************
 Background image
****************************************/

.config-back-img-none {
	background-image: none !important;
}

.config-back-img-1 {
	background-image: url('../../common/body-background-22.jpg');
	background-size: 100vw 120vh;
}

.config-back-img-1-light {
	background-image: url('../../common/body-background-22.jpg');
	background-size: 120vw 120vh;
	background-position-x: -20vw;
}

.config-back-img-1-zoom {
	background-image: url('../../common/body-background-22.jpg');
	background-size: 250vw 250vh;
}

/* .config-back-img-1-old-1 {
	background-image: url('../../common/body-background-18.jpg');
	background-size: 100vw 220vh;
}

.config-back-img-1-old-2 {
	background-image: url('../../common/body-background-19.jpg');
	background-size: 100vw 100vh;
}

.config-back-img-1-old-4 {
	background-image: url('../../common/body-background-20.jpg');
	background-size: 100vw 100vh;
}

.config-back-img-1-old-5 {
	background-image: url('../../common/body-background-21.jpg');
	background-size: 100vw auto;
} */

.config-back-img-2 {
	background-image: url('../../common/body-background-17.jpg');
	background-size: 115% 190vh;
}

.config-back-img-2-sat {
	background-image: url('../../common/body-background-15.jpg');
	background-size: 115% 190vh;
}

.config-back-img-2-sat-blur {
	background-image: url('../../common/body-background-16.jpg');
	background-size: 115% 190vh;
}

.config-back-img-2-sat-zoom {
	background-image: url('../../common/body-background-15.jpg');
	background-size: 115% 300vh;
	background-position: 0 0;
}

/*.config-back-img-2-sat-zoom -2 {
	background-image: url('../../common/body-background-15.jpg');
	background-size: 115% 4000px;
	background-position: 0% -2000px;
}*/

/****************************************
 Background image scroll
****************************************/

.config-back-scroll-off {
	background-attachment: fixed;
}

/****************************************
 Main heading styles
****************************************/

h1::before,
h1::after {
	pointer-events: none;
}

.config-h1-plain::after,
.config-h1-line-above::after,
.config-h1-painting::after,
.config-h1-back::after,
.config-h1-back-border::after,
.config-h1-back-drop::after {
	border: none;
}

.config-h1-plain {
	padding: 0;
}

.config-h1-line-above {
	padding: 12px 0px 3px 0px;
}

.config-h1-line-above::before {
	content: "";
	position: absolute;
	top: 0; right: 0px; bottom: 0px; left: -15px;
	border-top: 3px solid var(--header-text-3);
	border-radius: 15px 0 0 0;
}

.config-h1-line-above-below {
	padding: 12px 0px 15px 0px;
}

.config-h1-line-above-below::before {
	content: "";
	position: absolute;
	top: 0; right: 0px; bottom: 0px; left: -15px;
	border-top: 3px solid var(--header-text-3);
	border-radius: 15px 0 0 0;
}

.config-h1-line-above-below::after {
	border-bottom-width: 3px;
}

.config-h1-painting,
.config-h1-back,
.config-h1-back-border,
.config-h1-back-drop {
	padding: 0;
}

.config-h1-painting::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10px; right: -15px; bottom: -10px; left: -15px;
	background-image: url('../../common/header-back-6.jpg');
	background-size: 1200px 320px;
	background-position: -30px 0px;
}

.config-h1-back::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10px; right: -15px; bottom: -10px; left: -15px;
	background-color: rgb(240, 245, 249);
}

.config-h1-back-border::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10px; right: -15px; bottom: -10px; left: -15px;
	border: 1px solid var(--header-text-3);
	background-color: rgb(249, 251, 252);
}

.config-h1-back-drop::before {
	content: "";
	position: absolute;
	z-index: -1;
	top: -10px; right: -15px; bottom: -10px; left: -15px;
	background-color: rgb(249, 251, 252);
	box-shadow: 0px 4px 10px -2px rgba(80,96,128,0.3);
}

/****************************************
 Sub-heading style
****************************************/

.config-h2-plain::after {
	border-width: 0;
}

.config-h2-above,
.config-h2-both {
	padding-top: 10px;
}

.config-h2-above::before {
	content: "";
	position: absolute;
	top: 0; right: 0px; bottom: 0px; left: -10px;
	border-top: 2px solid var(--header-text-3);
	border-radius: 15px 0 0 0;
}

.config-h2-above::after {
	border: none;
}

.config-h2-both::before {
	content: "";
	position: absolute;
	top: 0; right: 0px; bottom: 0px; left: -10px;
	border-top: 2px solid var(--header-text-3);
	border-radius: 15px 0 0 0;
}

.config-h2-both::after {
	content: "";
	position: absolute;
	top: 0; right: -10px; bottom: 0px; left: 0px;
	border-bottom: 2px solid var(--header-text-3);
	border-radius: 0 0 10px 0;
}

/****************************************
 Page column layout
****************************************/

#body-columns.config-side-col-multiple {
	align-items: flex-start;
}

.side-column-item.config-side-col-multiple:last-child {
	flex-grow: 0;
}

/* #body-columns.side-col-last-block-stretch {
	align-items: stretch;
}

.side-col-last-block-stretch.side-column-item {
	flex-grow: 0;
}

.side-col-last-block-stretch.side-column-item:last-child {
	flex-grow: 1;
} */

/* #body-columns.config-side-col-single {
	align-items: stretch;
} */

#side-column.config-side-col-single {
	background-color: white;
	box-shadow: 0px 0px 15px -2px rgba(80,96,128,0.9);
}

.config-side-col-single.side-column-item {
	background-color: unset;
	border-bottom: 2px solid var(--header-text-1);
	margin: 30px 30px 0px 30px;
	padding: 0px 0px 30px 0px;
}

.config-side-col-single:last-child {
	border-bottom: none;
}

.config-side-col-single.side-column-item > *:first-child {
	margin-top: 0;
}

.config-side-col-single.side-column-item > *:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.config-side-col-single.side-column-item.layout-block-shadow {
	box-shadow: none;
}

/****************************************
 Side column background colour
****************************************/

.config-side-column-bgcolor-white {
	background-color: white !important;
}

.config-side-column-bgcolor-blue {
	background-color: rgb(249, 251, 252) !important;
}

/****************************************
 Layout block drop shadow
****************************************/

/* .config-layout-block-shadow-off {
	box-shadow: none;
} */

/****************************************
 Menu selected item tab
****************************************/

@media (min-width: 1240px) {
	/* .config-menu-tab-2.menu-item-selected {
		background-image: url('../../common/menu-tab-12.png');
		background-position: -40px 0px;
	}

	.config-menu-tab-2.menu-item-selected::before {
		background-image: url('../../common/menu-tab-12.png');
		background-position: 0px 0px;
		left: -40px;
		width: 40px;
	}

	.config-menu-tab-2.menu-item-selected::after {
		background-image: url('../../common/menu-tab-12.png');
		background-position: -260px 0px;
		right: -40px;
		width: 40px;
	}

	.config-menu-tab-3.menu-item-selected {
		background-image: url('../../common/menu-tab-13.png');
		background-position: -40px 0px;
	}

	.config-menu-tab-3.menu-item-selected::before {
		background-image: url('../../common/menu-tab-13.png');
		background-position: 0px 0px;
		left: -40px;
		width: 40px;
	}

	.config-menu-tab-3.menu-item-selected::after {
		background-image: url('../../common/menu-tab-13.png');
		background-position: -260px 0px;
		right: -50px;
		width: 50px;
	} */

	.config-menu-tab-4.menu-item-selected {
		background-image: url('../../common/menu-tab-14.png');
		background-position: -40px 0px;
	}

	.config-menu-tab-4.menu-item-selected::before {
		background-image: url('../../common/menu-tab-14.png');
		background-position: 0px 0px;
		left: -40px;
		width: 40px;
	}

	.config-menu-tab-4.menu-item-selected::after {
		background-image: url('../../common/menu-tab-14.png');
		background-position: -260px 0px;
		right: -50px;
		width: 50px;
	}

	/* .config-menu-tab-5.menu-item-selected {
		background-image: url('../../common/menu-tab-15.png');
		background-position: -40px 0px;
	}

	.config-menu-tab-5.menu-item-selected::before {
		background-image: url('../../common/menu-tab-15.png');
		background-position: 0px 0px;
		left: -40px;
		width: 40px;
	}

	.config-menu-tab-5.menu-item-selected::after {
		background-image: url('../../common/menu-tab-15.png');
		background-position: -260px 0px;
		right: -50px;
		width: 50px;
	}

	.config-menu-tab-6.menu-item {
		height: 85px;
	}

	.config-menu-tab-6.menu-item-selected {
		background-image: url('../../common/menu-tab-16.png');
		background-position: -50px 0px;
	}

	.config-menu-tab-6.menu-item-selected::before {
		background-image: url('../../common/menu-tab-16.png');
		background-position: 0px 0px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-6.menu-item-selected::after {
		background-image: url('../../common/menu-tab-16.png');
		background-position: -270px 0px;
		right: -50px;
		width: 50px;
	}

	.config-menu-tab-7.menu-item-selected {
		background-image: url('../../common/menu-tab-17.png');
		background-position: -50px 0px;
	}

	.config-menu-tab-7.menu-item-selected::before {
		background-image: url('../../common/menu-tab-17.png');
		background-position: 0px 0px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-7.menu-item-selected::after {
		background-image: url('../../common/menu-tab-17.png');
		background-position: -270px 0px;
		right: -80px;
		width: 80px;
	}

	.config-menu-tab-8.menu-item-selected {
		background-image: url('../../common/menu-tab-18.png');
		background-position: -50px -5px;
		height: 85px;
		box-sizing: padding-box;
	}

	.config-menu-tab-8.menu-item-selected::before {
		background-image: url('../../common/menu-tab-18.png');
		background-position: 0px -5px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-8.menu-item-selected::after {
		background-image: url('../../common/menu-tab-18.png');
		background-position: -270px -5px;
		right: -50px;
		width: 50px;
	} */

	.config-menu-tab-9.menu-item-selected {
		background-image: url('../../common/menu-tab-19.png');
		background-position: -50px -5px;
		height: 85px;
		box-sizing: padding-box;
	}

	.config-menu-tab-9.menu-item-selected::before {
		background-image: url('../../common/menu-tab-19.png');
		background-position: 0px -5px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-9.menu-item-selected::after {
		background-image: url('../../common/menu-tab-19.png');
		background-position: -270px -5px;
		right: -50px;
		width: 50px;
	}

	/* .config-menu-tab-10.menu-item-selected {
		background-image: url('../../common/menu-tab-20.png');
		background-position: -50px -5px;
		height: 85px;
		box-sizing: padding-box;
	}

	.config-menu-tab-10.menu-item-selected::before {
		background-image: url('../../common/menu-tab-20.png');
		background-position: 0px -5px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-10.menu-item-selected::after {
		background-image: url('../../common/menu-tab-20.png');
		background-position: -270px -5px;
		right: -50px;
		width: 50px;
	} */

	.config-menu-tab-11.menu-item-selected {
		background-image: url('../../common/menu-tab-21.png');
		background-position: -50px -5px;
		height: 85px;
		box-sizing: padding-box;
	}

	.config-menu-tab-11.menu-item-selected::before {
		background-image: url('../../common/menu-tab-21.png');
		background-position: 0px -5px;
		left: -50px;
		width: 50px;
	}

	.config-menu-tab-11.menu-item-selected::after {
		background-image: url('../../common/menu-tab-21.png');
		background-position: -270px -5px;
		right: -50px;
		width: 50px;
	}
}

/****************************************
 Menu back-to-top icon
****************************************/

.config-menu-top-static.icon-top:hover {
	background-image: url("../../common/icon-top.gif");
}

.config-menu-top-static.icon-top span,
.config-menu-top-hover-1-tip.icon-top span,
.config-menu-top-hover-2-tip.icon-top span {
	display: block;
}

.config-menu-top-hover-1.icon-top:hover,
.config-menu-top-hover-1-tip.icon-top:hover {
	background-image: url("../../common/icon-top-hover-1.gif");
}

.config-menu-top-hover-2.icon-top:hover,
.config-menu-top-hover-2-tip.icon-top:hover {
	background-image: url("../../common/icon-top-hover-2.gif");
}

/* <option value="config-menu-top-static">Static + tool tip</option>
<option value="config-menu-top-hover-1">Hover anim 1</option>
<option value="config-menu-top-hover-1-tip">Hover anim 1 + tool tip</option>
<option value="config-menu-top-hover-2" selected>Hover anim 2 (default)</option>
<option value="config-menu-top-hover-2-tip">Hover anim 2 + tool tip</option> */


/****************************************
 Bullet style
****************************************/

.config-bullet-2::before {
	content: "\2937"; /* curved down then right arrow */
}

.config-bullet-3::before {
	content: "\21AA"; /* ↪ */
}

.config-bullet-4::before {
	content: "\21B3"; /* ↳ */
}

.config-bullet-5::before {
	content: "\21D2"; /* ⇒ */
}

.config-bullet-6::before {
	content: "\27A4"; /* ➤ */
	font-size: 0.9em;
}

.config-bullet-7::before {
	content: "--";
}