@charset "UTF-8";

/* Stylesheet for SOLVIT, ed. 2025
 * Adopting the general design of the new Europa site
 * by Sascha Leib for GROW.E.4
 * File name: local/contact.css
 */

/* map styles */
#svg-map .fill_eu,
#svg-map .fill_efta,
#svg-map .fill_non-eu,
#svg-map .fill_other,
#svg-map .fill_lakes {
	opacity: 1;
	fill: #ffffff;
	fill-opacity: 1;
	stroke: #ffffff;
	stroke-width: 1.475;
	stroke-miterlimit: 4;
	stroke-dasharray: none
	z-index: 1;
}
#svg-map .circle_eu {
	fill: #ffffff;
	fill-opacity: 0;
	stroke: #4073af;
	stroke-width: 12.66;
	stroke-miterlimit: 4;
	stroke-dasharray: none;
	stroke-opacity: 1;
}
#svg-map .fill_eu {
	fill: #4073af;
}
#svg-map .fill_efta {
	fill: #87a7cd;
}
#svg-map .fill_other {
	fill: #f2f2f2;
}
#svg-map .fill_lakes {
	fill: #ffffff;
	stroke-width: 0;
}

#svg-map .fill_eu:hover,
#svg-map .fill_efta:hover,
#svg-map .fill_non-eu:hover {
	fill: #004494;
	z-index: 99;
}	
#svg-map .circle_eu:hover,
#svg-map .circle_eu:active {
	stroke: #004494;
	z-index: 99;
}

#inpageNav h2 {
	display: none;
}
#inpageList {
	padding: 0; margin: 0;
}
#inpageList li {
	padding: 0; margin: 0;
	margin-inline-start: 0;
	font-size: 14px;
	line-height: 16px;
}
#inpageList li a:link {
	padding: 3pt 1px 3pt 35px;
	background: rgba(255,255,255,.8) url('../../img/flags/zz.png') 3px center no-repeat;
	border-radius: 2pt;
}
#app-wrapper h3 {
	color: #333;
	padding: .5em 0 .5em 35px;
	margin: 0;
	background: rgba(255,255,255,.8) url('../../img/flags/zz.png') 3px center no-repeat;
}
#app-wrapper h4 {
	font-size: 1.25rem;
	line-height: 1.5em;
	margin: 0;
}
#inpageNav li a[href="#contact_at"], #contact_at h3 { background-image: url('../../img/flags/at.png') !important; }
#inpageNav li a[href="#contact_be"], #contact_be h3 { background-image: url('../../img/flags/be.png') !important; }
#inpageNav li a[href="#contact_bg"], #contact_bg h3 { background-image: url('../../img/flags/bg.png') !important; }
#inpageNav li a[href="#contact_hr"], #contact_hr h3 { background-image: url('../../img/flags/hr.png') !important; }
#inpageNav li a[href="#contact_cy"], #contact_cy h3 { background-image: url('../../img/flags/cy.png') !important; }
#inpageNav li a[href="#contact_cz"], #contact_cz h3 { background-image: url('../../img/flags/cz.png') !important; }
#inpageNav li a[href="#contact_dk"], #contact_dk h3 { background-image: url('../../img/flags/dk.png') !important; }
#inpageNav li a[href="#contact_ee"], #contact_ee h3 { background-image: url('../../img/flags/ee.png') !important; }
#inpageNav li a[href="#contact_fi"], #contact_fi h3 { background-image: url('../../img/flags/fi.png') !important; }
#inpageNav li a[href="#contact_fr"], #contact_fr h3 { background-image: url('../../img/flags/fr.png') !important; }
#inpageNav li a[href="#contact_de"], #contact_de h3 { background-image: url('../../img/flags/de.png') !important; }
#inpageNav li a[href="#contact_el"], #contact_el h3 { background-image: url('../../img/flags/el.png') !important; }
#inpageNav li a[href="#contact_gr"], #contact_gr h3 { background-image: url('../../img/flags/el.png') !important; }
#inpageNav li a[href="#contact_hu"], #contact_hu h3 { background-image: url('../../img/flags/hu.png') !important; }
#inpageNav li a[href="#contact_ie"], #contact_ie h3 { background-image: url('../../img/flags/ie.png') !important; }
#inpageNav li a[href="#contact_it"], #contact_it h3 { background-image: url('../../img/flags/it.png') !important; }
#inpageNav li a[href="#contact_lv"], #contact_lv h3 { background-image: url('../../img/flags/lv.png') !important; }
#inpageNav li a[href="#contact_lt"], #contact_lt h3 { background-image: url('../../img/flags/lt.png') !important; }
#inpageNav li a[href="#contact_lu"], #contact_lu h3 { background-image: url('../../img/flags/lu.png') !important; }
#inpageNav li a[href="#contact_mt"], #contact_mt h3 { background-image: url('../../img/flags/mt.png') !important; }
#inpageNav li a[href="#contact_nl"], #contact_nl h3 { background-image: url('../../img/flags/nl.png') !important; }
#inpageNav li a[href="#contact_pl"], #contact_pl h3 { background-image: url('../../img/flags/pl.png') !important; }
#inpageNav li a[href="#contact_pt"], #contact_pt h3 { background-image: url('../../img/flags/pt.png') !important; }
#inpageNav li a[href="#contact_ro"], #contact_ro h3 { background-image: url('../../img/flags/ro.png') !important; }
#inpageNav li a[href="#contact_sk"], #contact_sk h3 { background-image: url('../../img/flags/sk.png') !important; }
#inpageNav li a[href="#contact_si"], #contact_si h3 { background-image: url('../../img/flags/si.png') !important; }
#inpageNav li a[href="#contact_es"], #contact_es h3 { background-image: url('../../img/flags/es.png') !important; }
#inpageNav li a[href="#contact_se"], #contact_se h3 { background-image: url('../../img/flags/se.png') !important; }
#inpageNav li a[href="#contact_is"], #contact_is h3 { background-image: url('../../img/flags/is.png') !important; }
#inpageNav li a[href="#contact_li"], #contact_li h3 { background-image: url('../../img/flags/li.png') !important; }
#inpageNav li a[href="#contact_no"], #contact_no h3 { background-image: url('../../img/flags/no.png') !important; }
#inpageNav li a[href="#contact_eu"], #contact_eu h3 { background-image: url('../../img/flags/eu.png') !important; }

/* extra space before Iceland: */
#inpageNav dd a[href="#contact_is"] {
	margin-top: 1em;
}

/* map layout */
#main-content {
	min-height: 900px;
}
#main-content .layout-4-columns {
	grid-template-columns: [map-colum] 4fr [clist] 8rem;
	column-gap: .5rem;
}
#main-content .column-1-3 {
	grid-column: 1 / span 1;
}
#main-content .column-4 {
	grid-column: 2 / span 1;
}
@media (max-width: 1160px) {
	#main-content .layout-4-columns {
		grid-template-columns: [map-colum] 3fr [clist] 2fr;
	}
	#inpageNav ul { columns: 2; }
	#inpageNav ul li { padding: .4em .25em; }
}
@media (max-width: 850px) {
	#main-content .layout-4-columns {
		grid-template-columns: [map-colum] 0 [clist] auto;
	}
	#main-content .column-1-3 { display: none; }
	#inpageNav ul { columns: 3; }
}
@media (max-width: 768px) {
	#main-content .layout-4-columns {
		grid-template-columns: calc(100% - 1em);
	}
}
@media (max-width: 550px) {
	#inpageNav ul { columns: 2; }
}
@media (max-width: 360px) {
	#inpageNav ul { columns: 1; }
}

/* print only: */
@media print {
	/* text starts on second page: */
	#app-wrapper > article {
		page-break-inside: avoid;
	}
}