/****************************************
 Toggle UI
****************************************/

#toggles {
	display: none;
	list-style: none;
	counter-reset: toggles-counter;
}

#toggles hr {
	margin: 25px 0px 20px 0px;
}

#toggles li {
	position: relative;
	counter-increment: toggles-counter;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0px 0px 15px 0px;
}

#toggles select {
	display: block;
}

#toggles li::before {
	position: absolute;
	top: 0px; right: 102%;
	content: counter(toggles-counter) ". ";
}

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

.toggle-body-back-img-1-bottom {
	background-image: url('../common/body-background-15.jpg');
	background-size: 115% 4000px;
	background-position: 0% -2000px;
}

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

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

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


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

.toggle-body-back-noscroll {
	background-attachment: fixed;
}

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

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

.toggle-h1-plain {
	margin-bottom: 20px;
	padding-bottom: 0px;
}

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

.toggle-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;
}

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

.toggle-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;
}

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

.toggle-h1-painting,
.toggle-h1-back,
.toggle-h1-back-border,
.toggle-h1-back-drop {
	margin-top: 15px;
	margin-bottom: 40px;
	padding-bottom: 0px;
}

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

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

.toggle-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); 
}

.toggle-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);
	/*border: 1px solid rgba(80,96,128,0.5);
	border-radius: 7px;*/
}

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

.toggle-h2-1, 
.toggle-h2-2 {
	padding-top: 10px;
}

.toggle-h2-1::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;
}

.toggle-h2-1::after {
	border: none;
}

.toggle-h2-2::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;
}
.toggle-h2-2::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;
}

.toggle-h2-3::after {
	border-width: 0;
}

/****************************************
 Main heading single/multi-line
****************************************/

h1:nth-child(1) { display: block; }
h1:nth-child(2) { display: none; }
h1:nth-child(3) { display: none; }

h1:nth-child(1).toggle-h1-content-1 { display: none; }
h1:nth-child(2).toggle-h1-content-1 { display: block; }
h1:nth-child(3).toggle-h1-content-1 { display: none; }

h1:nth-child(1).toggle-h1-content-2 { display: none; }
h1:nth-child(2).toggle-h1-content-2 { display: none; }
h1:nth-child(3).toggle-h1-content-2 { display: block; }

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

.toggle-side-column-bgcolor {
	background-color: white;
}

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

.toggle-layout-block-shadow-off {
	box-shadow: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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