section,
.article-sections { 
	font-family: Roobert, sans-serif;
	font-size: 16px;
	font-weight: 400;
	color: var(--hl-dark-green);
	line-height: 1.3;
}

h2.section-title,
.key-contacts-v3.c2025 .header h2 {
	font: inherit;
	font-size: 35px;
	font-weight: 300;
}

h2.section-title {
	margin-bottom: 0.75em;
	color: inherit;
}

img.flag {
	box-shadow: 0 0 2px 1px #000000;
	border-radius: 50%;
}

.breadcrumbs { margin-bottom: 0; }

section.header {
	padding: 30px 0 0 0;
	font-family: Roobert, sans-serif;
	font-weight: 400;
	color: #ffffff;
}

section.header .header-bg {
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	height: calc(100% - 80px);
	background-image: url("/_uploads/afcg/header-bg.jpg");
	background-size: cover;
	background-position: center bottom;
	background-repeat: no-repeat;
	overflow: hidden;
}

section.header .header-bg.desktop {
	display: block;
}

section.header .header-bg.mobile {
	display: none; 
	height: 240px;
}

section.header div.header {
	display: grid;
	grid-template-columns: 430px 1fr;
	gap: 0;
	justify-content: space-between;
	width: 100%;
}

section.header .header-intro {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 30px;
	background-color: var(--hl-dark-green);
	width: 100%;
	color: #ffffff;
	line-height: 1.3;
	/*min-height: 380px;*/
}

section.header .header-intro a.home-link { 
	text-decoration: none;

}

section.header .header-intro a.home-link {
	color: inherit;
	text-decoration: none;
}

section.header .header-intro h1 {
	font-weight: normal;
	font-size: 34px;
	color: var(--hl-light-green);
	line-height: 1.1;
}

section.header .header-intro .intro {
	font-size: 17px;
	padding-right: 0px;
}

section.header .header-buttons { 
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 20px; 
}

section.header .landing-page-buttons a,
section.header .landing-page-buttons button { 
	flex-basis: 43%;
	justify-content: center;
}

section.whats-new .standard-knowhow-panel .inner { 
	background-color: var(--hl-light-taupe);
}

div.key-contacts-v3 {
	margin-top: 30px;
}

section.articles,
section.map-list-view-selector {
	margin-top: 30px;
}

section.map-list-view-selector[data-view='list'] .switch-and-key {
	display: flex; flex-direction: row;
	justify-content: space-between;
}

section.map-list-view-selector[data-view='list'] .map-key.mobile {
	margin: 0;
	display: flex;
}

section.map-list-view-selector[data-view='map'] p.map-view-title {
	display: block;
}

section.map-list-view-selector[data-view='list'] p.list-view-title { display: block; }

section.map-list-views {
	margin-top: 20px;
}

.world-map-container {
	position: relative;
}

.world-map-container .main-vector-map {
	position: relative;
	z-index: 0;
}

.map-key.desktop {
	position: absolute;
	left: 20px;
	bottom: 20px;

	padding: 15px;
	background-color: rgba(var(--hl-light-taupe-rgb), 0.5);
}

.map-key.desktop .map-key-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.map-key.mobile { 
	margin-top: 20px;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;

	display: none;
}

.map-key.mobile p.title { 
	display: none;
	margin: 0;
}

.map-key.mobile .map-key-items {
	display: flex;
	flex-direction: row;
	gap: 20px;
}

.map-key .title { 
	font: inherit;
	font-weight: 500;
	font-size: 17px;
	color: inherit;
	margin-bottom: 0.75em;
}

.map-key-item { 
	display: flex; flex-direction: row;
	gap: 8px;
	font-size: 15px;
}

.map-key-item .indicator { 
	width: 20px; 
	height: 20px; 
	border: 1px solid var(--hl-very-light-taupe);
}

.map-key-item .information {
	padding: 3px;
	font-size: 13px;
	color: #ffffff;
	background-color: var(--hl-dark-green);
	line-height: 1;
	width: 20px;
	height: 20px;
	text-align: center;
	border-radius: 50%;
	cursor: help;
}


.map-key-item-information {
	width: 45vw;
	z-index: 10000;
	font-family: Roobert, sans-serif;
	font-weight: 300;
	font-size: 13px;
	color: var(--hl-dark-green);
	display: none;
	background-color: #ffffff;
	padding: 10px;
	box-shadow: 0 0 5px 0 rgba(var(--hl-dark-green-rgb), 0.8);
}

.map-key-item-information[x-placement='right'] .arrow {
	position: absolute;
	right: calc(100% - 5px);
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	transform: rotate(45deg) translate(-2px, -2px);
	clip-path: polygon(-5px -5px, calc(100% + 5px) calc(100% + 5px), 0 calc(100% + 5px));
	box-shadow: 0 0 5px 0 rgba(var(--hl-dark-green-rgb), 0.8);
}

.map-key-item-information[x-placement='left'] .arrow {
	position: absolute;
	left: calc(100% - 6px);
	width: 10px;
	height: 10px;
	background-color: #ffffff;
	transform: rotate(45deg) translate(0px, -1px);
	clip-path: polygon(-5px -5px, calc(100% + 5px) -5px, calc(100% + 5px) calc(100% + 5px));
	box-shadow: 0 0 5px 0 rgba(var(--hl-dark-green-rgb), 0.8);
}

.map-key-item-information p {
	font-family: inherit;
	color: inherit;
	font-size: 12px;
}

.map-key-item-information p strong {font-weight: 600;}


.map-key-item-information > :last-child { 
	margin-bottom: 0; 
}

.standard-panels .slick-arrow {
	border-color: var(--hl-light-green);
}

div.article-sections {
	padding: 20px 20px 20px 20px;
	background-color: var(--hl-light-taupe);
}

div.article-section { 
	padding: 20px;
	background-color: #ffffff;
}

div.articles-container div.article-container:first-child .article-expander,
div.article-sections-container .article-section-container:first-child .article-section-expander {
	margin-top: 0;
}

button.article-section-expander.standard-expander { 
	background-color: var(--hl-taupe);
}

button.article-section-expander.standard-expander:after,
button.article-section-expander.standard-expander:hover:after {
	background-image: url("/_assets/icon-plus-hl-dark-green.png");
}

button.article-section-expander.standard-expander.expanded:after {
	background-image: url("/_assets/icon-minus-hl-dark-green.png");
}

button.article-section-expander.standard-expander:hover {
	background-color: var(--hl-dark-taupe);
	color: var(--hl-dark-green);
}


.list-view {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.list-view .column {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.list-view .column a {
	position: relative;
	color: #ffffff;
}

.list-view .column a:after { 
	background-image: url("/_assets/btn-arrow-white.png");
}

.list-view .column a:hover { 
	filter: brightness(1.15);
}

div.flag-and-title,
div.icon-and-title {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: center;
	margin-bottom: 20px;
}

div.flag-and-title img.flag { 
	height: 45px;
	width: 45px;
}

div.flag-and-title h2.section-title,
div.icon-and-title h2.section-title {
	margin: 0;
}

section .icon-and-title img {
	height: 40px;
	width: auto;
	flex-shrink: 0;
}

div.question-and-answer .question {
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: start;
	padding: 10px;
	background-color: var(--hl-light-green);
	font-size: 17px;
	font-weight: 600;
}

div.question-and-answer .question .number { 
	font-weight: bold;
}

div.question-and-answer .answer {
	font: inherit;
	color: inherit;
}


section.search-results .standard-knowhow-panel .inner { 
	background-color: var(--hl-light-taupe);
}

section.search-results .standard-knowhow-panel .inner a.action {
	font: inherit;
	color: inherit;
	text-decoration: none;
}

.home-page-article-panel .section-title { 
	height: 45px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	font-size: 12px;
	font-weight: 500;
}

.home-page-article-panel .content .search-context { 
	margin: 0; 
}

.jurisdiction-panel div.jurisdiction {
	font-size: 12px;
	font-weight: 500;
	padding: 10px 20px;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 10px;
}

.jurisdiction-panel div.jurisdiction .flag { 
	width: 25px;
	height: 25px;
}


.compare-select button.standard-expander,
.comparison-view button.standard-expander {
	background-color: var(--hl-dark-green);
	color: #ffffff;
}

.compare-select button.standard-expander:after,
.comparison-view button.standard-expander:after {
	background-image: url("/_assets/icon-arrow-down-hl-light-green.png");
}

.compare-picker {
	background-color: var(--hl-very-light-taupe);
	padding: 25px;
}

.compare-picker p.title,
.select-countries p.title {
	font:inherit;
	color: inherit;
	display: block;
	margin: 0;
}

.compare-picker p.title {
	margin-bottom: 20px;
}

.compare-picker .compare-picker-list {
	column-count: 2;
	column-gap: 20px;
}

.compare-picker .compare-item {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	background-color: var(--hl-light-taupe);
	padding: 8px 10px;
	width: 100%;
	margin: 0 0 5px 0; /* 10px 5px 0;*/
	cursor: move;
	position: relative;
}

.compare-picker .compare-item .flag,
.select-country-option .flag {
	height: 26px;
	width: 26px;
	flex-shrink: 0;
	z-index: 0;
}

.compare-picker .compare-item .name {
	flex-basis: 100%;
	z-index: 0;
}

.compare-picker .compare-item .checkbox {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
	background-color: #ffffff;
	padding: 0;
	border: 0;
	cursor: pointer;
	background-size: 12px;
	background-position: center;
	background-repeat: no-repeat;
	margin: 0;
	z-index: 0;
}

.compare-picker .compare-item .checkbox.selected {
	background-image: url("/_assets/icon-tick-hl-dark-green.png");
}

.compare-item.moving:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px dotted var(--hl-dark-green);
	background-color: rgba(var(--hl-taupe-rgb), 0.1);
}

.move-above:before,
.move-below:after {
	content: "";
	position: absolute;
	width: 100%;
	height: 4px;
	left: 0;
	background-color: var(--hl-light-green);
	z-index: 1;
}

.move-below:after {
	top: calc(100% - 4px);
}

.move-above:before {
	bottom: calc(100% - 4px);
}

.compare-section { 
	font-size: 0;
	overflow-x: scroll !important;
	overflow-y: hidden;
	white-space: nowrap;
	padding: 20px 10px 20px 20px;
	background-color: var(--hl-light-taupe);
	scrollbar-color: var(--hl-dark-green) var(--hl-taupe);
}

.compare-jurisdiction {
	display: none;
	vertical-align: top;
	width: 49.5%;
	min-width: 300px;
	padding-right: 10px;
}

.compare-jurisdiction.visible { 
	display: inline-block;
} 

.compare-jurisdiction .compare-jurisdiction-header {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	font-size: 22px;
	font-weight: 500;
}

.compare-jurisdiction .compare-jurisdiction-header .flag {
	width: 30px;
	height: 30px;
}

section.comparison-view button.question-expander { 
	font: inherit;
	position: relative;
	padding: 10px 50px 10px 15px;
	text-align: left;
	font-size: 16px;
	font-weight: 600;
	display: flex;
	flex-direction: row;
	gap: 20px;
	align-items: start;
	white-space: normal;
	margin-top: 10px;
	background-color: var(--hl-taupe);
	color: inherit;
}

section.comparison-view button.question-expander.expanded { 
	background-color: var(--hl-light-green);
}

section.comparison-view button.question-expander:hover {
	filter: brightness(0.95);
}

section.comparison-view button.question-expander:after {
	content: "";
	position: absolute;
	top: calc(50% - 10px);
	height: 20px;
	width: 20px;right: 15px;

	background-image: url("/_assets/icon-plus-hl-dark-green.png");
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

section.comparison-view button.question-expander.expanded:after {
	background-image: url("/_assets/icon-minus-hl-dark-green.png");
}

section.comparison-view .question-expandable {
	display: none;
	padding: 0;
	background-color: #ffffff;
	font: inherit;
	font-size: 16px;
	color: inherit;
	width: 100%;
}

section.comparison-view .question-expandable .question-answer { 
	padding: 20px;
}

.compare-jurisdiction .question-expandable.expanding {
	display: inline-block;
	height: 1px;
	overflow: hidden;
}

.compare-jurisdiction div.question-expandable.expanding {
	transition: height 0.2s;
}

.compare-jurisdiction .question-expandable.expanded {
	display: inline-block;
	width: 100%;
}

.select-countries {
	background-color: var(--hl-very-light-taupe);
	padding: 25px 25px 15px 25px;
}

.select-countries .header { 
	display: flex; 
	flex-direction:row;
	gap: 20px;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 20px;
}

button.select-option.select-all {
	font: inherit;
	color: inherit;
	display: flex;
	flex-direction: row;
	gap: 12px;
	align-items: center;
	background-color: transparent;
}

.select-option.select-all:after {
	content: "";
	display: inline-block;
	width: 12px;
	height: 12px;
	border: 1px solid var(--hl-dark-green);
	margin-right: 10px;
	background-size: 10px;
	background-position: center;
	background-repeat: no-repeat;
	flex-shrink: 0;
	margin: 0;
}

.select-option.select-all.selected:after {
	background-image: url("/_assets/icon-tick-hl-dark-green.png");
}

.select-countries-options {
	column-count: 2;
	column-gap: 20px;
}

.select-country-option { 
	font: inherit;
	color: inherit;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 14px;
	padding: 8px 10px;
	background-color: var(--hl-taupe);
	margin-bottom: 10px;
	width: 100%;
	text-align: left;
}

.select-country-option:hover {
	filter: brightness(1.05);
}

.select-country-option .name {
	flex-basis: 100%;
}

.select-country-option .indicator {
	display: inline-block;
	width: 20px;
	height: 20px;
	border: 0px solid var(--hl-dark-green);
	background-color: #ffffff;
	flex-shrink: 0;
	background-size: 12px 12px;
	background-position: center;
	background-repeat: no-repeat;
}

.select-country-option.selected .indicator {
	background-image: url("/_assets/icon-tick-hl-dark-green.png");
}


@media (max-width: 1000px) {
	section .standard-toolbar .search-bar-container { 
		display: grid;
		grid-template-areas: "social" "search" "actions";
		grid-template-columns: 1fr;
		gap: 10px;
	}

	section.standard-toolbar .search-bar-container .social-container { 
		grid-area: social;
		justify-self: end;
	}

	section.standard-toolbar .search-bar-container .search-container {
		grid-area: search;
	}

	section.standard-toolbar .search-bar-container .actions-container {
		grid-area: actions;
		justify-self: end;
	}
}


@media (max-width: 640px) {
	section.map-list-view-selector[data-view='list'] .switch-and-key { 
		flex-direction: column; gap: 20px; 
	}
}

@media (max-width: 600px) {
	section.standard-toolbar .search-bar-container .actions-container {
		display: grid;
		grid-template-areas: "first second" "thirdx third";
		grid-template-columns: auto auto;
	}

	section.standard-toolbar .search-bar-container .actions-container > :nth-child(1) {
		grid-area: first;
	}

	section.standard-toolbar .search-bar-container .actions-container > :nth-child(2) {
		grid-area: second;
	}

	section.standard-toolbar .search-bar-container .actions-container > :nth-child(3) {
		grid-area: third;
	}
}

@media (max-width: 520px) {
	.map-key.desktop { display: none; }
	.map-key.mobile { display: flex; }

	section .header .header-bg { 
		height: 275px
	}

	section.header .header-bg.desktop {
		display: none;
	}

	section.header .header-bg.mobile {
		display: block; 
	}

	section.header div.header {
		display: block;
	}

	section.header div.header {
		margin-top: 140px
	}

	section.header .header-buttons a,
	section.header .header-buttons button { 
		font-size: 15px;
		white-space: nowrap;
	}

	.compare-picker .compare-picker-list,
	.select-countries-options {
		column-count: 1;
	}

	.list-view { 
		grid-template-columns: 1fr;
		gap:10px
	}
}

@media (max-width: 470px) {
	section.standard-toolbar .search-bar-container .actions-container > * {
		font-size: 15px;
		gap: 10px;
	}

	section.standard-toolbar .search-bar-container .actions-container > *:before,
	section.standard-toolbar .standard-toolbar-button-icon { 
		width:20px;
		height: 20px;
	}
}