@charset "UTF-8";

/* Stylesheet for IMI-Website, ed. 2025
 * Adopting the general design of the new Europa site
 * by Sascha Leib for GROW.E.4
 * File name: local/library.css
 */

 /* MAP Styles */
#map {
	margin-bottom:	2em;
}
#map .column-1-3 {
	position:	relative;
}
#map svg {
	width:		100%;
	height:		auto;
}
#map svg .fill_eu,
#map svg .fill_efta,
#map svg .fill_other,
#map svg .fill_lakes {
	opacity:			1;
	fill:				#ffffff;
	fill-opacity:		1;
	stroke:				#ffffff;
	stroke-width:		1.475;
	stroke-miterlimit:	4;
	stroke-dasharray:	none
	z-index:			1;
}
#map svg .circle_eu {
	fill: #ffffff;
	fill-opacity: 0;
	stroke: #4755A0;
	stroke-width: 12.66;
	stroke-miterlimit: 4;
	stroke-dasharray: none;
	stroke-opacity: 1;
}
#map svg .fill_eu {
	fill: #4755A0;
	cursor: pointer;
}
#map svg .fill_efta {
	fill: #488F8E;
	cursor: pointer;
}
#map svg .fill_non-eu,
#map svg .fill_other {
	fill: #f2f2f2;
	cursor: default;
}
#map svg .fill_lakes {
	fill: #ffffff;
	stroke-width: 0;
}

#map svg .fill_eu:hover,
#map svg .fill_eu:active {
	fill: #7580B9;
	z-index: 99;
}
#map svg .fill_efta:hover,
#map svg .fill_efta:active {
	fill: #74B1B0;
	z-index: 99;
}
#map svg .circle_eu:hover,
#map svg .circle_eu:active {
	stroke: #7580B9;
	z-index: 99;
}

/* Country List */
#sec_map {
	width: 100%;
	padding-bottom: 2em !important;
	border-top: transparent none 0 !important;
}

#sec_map .column-4 ul {
	list-style: none inside none;
	font-size: smaller;
	line-height: 1.25em;
}
#map-list li {
	display: inline-block;
	width: calc(100% - 40px);
	font-size: 9pt;
	line-height: 17px;
	padding:1px 4pt 1px 30px;
	font-size: small;
	font-weight: bold;
	background: rgba(255,255,255,.8) url('/internal_market/_themes/template-2025/img/flags/zz.png') left center no-repeat;
}
#map-list li.flag-at { background-image: url('/internal_market/_themes/template-2025/img/flags/at.png'); }
#map-list li.flag-be { background-image: url('/internal_market/_themes/template-2025/img/flags/be.png'); }
#map-list li.flag-bg { background-image: url('/internal_market/_themes/template-2025/img/flags/bg.png'); }
#map-list li.flag-hr { background-image: url('/internal_market/_themes/template-2025/img/flags/hr.png'); }
#map-list li.flag-cy { background-image: url('/internal_market/_themes/template-2025/img/flags/cy.png'); }
#map-list li.flag-cz { background-image: url('/internal_market/_themes/template-2025/img/flags/cz.png'); }
#map-list li.flag-dk { background-image: url('/internal_market/_themes/template-2025/img/flags/dk.png'); }
#map-list li.flag-ee { background-image: url('/internal_market/_themes/template-2025/img/flags/ee.png'); }
#map-list li.flag-fi { background-image: url('/internal_market/_themes/template-2025/img/flags/fi.png'); }
#map-list li.flag-fr { background-image: url('/internal_market/_themes/template-2025/img/flags/fr.png'); }
#map-list li.flag-de { background-image: url('/internal_market/_themes/template-2025/img/flags/de.png'); }
#map-list li.flag-el { background-image: url('/internal_market/_themes/template-2025/img/flags/el.png'); }
#map-list li.flag-el { background-image: url('/internal_market/_themes/template-2025/img/flags/el.png'); }
#map-list li.flag-hu { background-image: url('/internal_market/_themes/template-2025/img/flags/hu.png'); }
#map-list li.flag-ie { background-image: url('/internal_market/_themes/template-2025/img/flags/ie.png'); }
#map-list li.flag-it { background-image: url('/internal_market/_themes/template-2025/img/flags/it.png'); }
#map-list li.flag-lv { background-image: url('/internal_market/_themes/template-2025/img/flags/lv.png'); }
#map-list li.flag-lt { background-image: url('/internal_market/_themes/template-2025/img/flags/lt.png'); }
#map-list li.flag-lu { background-image: url('/internal_market/_themes/template-2025/img/flags/lu.png'); }
#map-list li.flag-mt { background-image: url('/internal_market/_themes/template-2025/img/flags/mt.png'); }
#map-list li.flag-nl { background-image: url('/internal_market/_themes/template-2025/img/flags/nl.png'); }
#map-list li.flag-pl { background-image: url('/internal_market/_themes/template-2025/img/flags/pl.png'); }
#map-list li.flag-pt { background-image: url('/internal_market/_themes/template-2025/img/flags/pt.png'); }
#map-list li.flag-ro { background-image: url('/internal_market/_themes/template-2025/img/flags/ro.png'); }
#map-list li.flag-sk { background-image: url('/internal_market/_themes/template-2025/img/flags/sk.png'); }
#map-list li.flag-si { background-image: url('/internal_market/_themes/template-2025/img/flags/si.png'); }
#map-list li.flag-es { background-image: url('/internal_market/_themes/template-2025/img/flags/es.png'); }
#map-list li.flag-se { background-image: url('/internal_market/_themes/template-2025/img/flags/se.png'); }
#map-list li.flag-uk { background-image: url('/internal_market/_themes/template-2025/img/flags/uk.png'); }
#map-list li.flag-uk { background-image: url('/internal_market/_themes/template-2025/img/flags/uk.png'); }
#map-list li.flag-is { background-image: url('/internal_market/_themes/template-2025/img/flags/is.png'); }
#map-list li.flag-li { background-image: url('/internal_market/_themes/template-2025/img/flags/li.png'); }
#map-list li.flag-no { background-image: url('/internal_market/_themes/template-2025/img/flags/no.png'); }
#map-list li.eu { background-image: url('/internal_market/_themes/template-2025/img/flags/eu.png'); }

#map-list ul.efta-contacts,
#map-list ul.noneu-contacts,
#map-list ul.ec-contacts { margin-top: .5em; }

#map-list ul li a:link,
#map-list ul li a:visited {
	text-decoration: none;
}

#app-wrapper section {
	padding: 1em .25em .25em .25em;
	border-top: #CCC solid 2px;
	page-break-inside: avoid;
}
#app-wrapper section h3 {
	color: #333;
	padding: .25em 0 .25em 35px;
	margin: 0;
	background: rgba(255,255,255,.8) url('/internal_market/_themes/template-2025/img/flags/zz.png') 3px center no-repeat;
	font-size: 24px;
	line-height: 1.5;
}

#contact_at > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/at.png') !important; }
#contact_be > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/be.png') !important; }
#contact_bg > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/bg.png') !important; }
#contact_hr > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/hr.png') !important; }
#contact_cy > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/cy.png') !important; }
#contact_cz > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/cz.png') !important; }
#contact_dk > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/dk.png') !important; }
#contact_ee > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/ee.png') !important; }
#contact_fi > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/fi.png') !important; }
#contact_fr > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/fr.png') !important; }
#contact_de > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/de.png') !important; }
#contact_el > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/el.png') !important; }
#contact_gr > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/el.png') !important; }
#contact_hu > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/hu.png') !important; }
#contact_ie > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/ie.png') !important; }
#contact_it > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/it.png') !important; }
#contact_lv > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/lv.png') !important; }
#contact_lt > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/lt.png') !important; }
#contact_lu > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/lu.png') !important; }
#contact_mt > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/mt.png') !important; }
#contact_nl > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/nl.png') !important; }
#contact_pl > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/pl.png') !important; }
#contact_pt > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/pt.png') !important; }
#contact_ro > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/ro.png') !important; }
#contact_sk > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/sk.png') !important; }
#contact_si > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/si.png') !important; }
#contact_es > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/es.png') !important; }
#contact_se > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/se.png') !important; }
#contact_uk > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/uk.png') !important; }
#contact_gb > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/uk.png') !important; }
#contact_is > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/is.png') !important; }
#contact_li > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/li.png') !important; }
#contact_no > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/no.png') !important; }
#contact_eu > h3 { background-image: url('/internal_market/_themes/template-2025/img/flags/eu.png') !important; }

#app-wrapper section h4 {
	font-size: 1.25rem;
	font-weight: normal;
	color: #333;
	margin: 12pt 0 8pt 0;
}
#app-wrapper section h5 {
	font-size: 1rem;
	font-weight: normal;
	margin: 12pt 0 6pt 0;
}

/* non-optimal width: hide the map */
@media (max-width: 1180px) {
	
	#sec_map .column-1-3 {
		display: none
	}
	#sec_map .column-4 {
		grid-column: 1 / span 4;
	}
	#sec_map .column-4 ul {
		display: flex;
		flex-wrap: wrap;
	}
	#sec_map .column-4 ul li {
		display: inline-block;
		width: 19%;
		min-width: 10em;
		padding: 4pt 0 4pt 30px;
	}
	#sec_map .column-4 ul.ec-contacts li {
		width: auto;
		min-width: 12em;
	}
}

/* approximately tablet-size */
@media (max-width: 768px) {
	#sec_map.layout-4-columns { display: block; }
	#sec_map .column-1-3 { display: block; }
	#sec_map .column-4 ul {
		display: flex;
		flex-wrap: wrap;
	}
	#sec_map .column-4 ul li {
		width: 9em;
	}
	#sec_map .column-4 ul.ec-contacts li {
		width: 100%;
	}
}

/* print only: */
@media print {
	
	/* no map and overview: */
	#sec_map {
		display: none;
	}
	/* text starts on second page: */
	#app-wrapper > section:nth-of-type(2) {
		page-break-before: avoid !important;
	}
}