/* =============================== COUNTRY FACTSHEETS ===================================== */
  
  .country-container {
  display:flex;
  flex-direction: row; 
  flex-wrap: wrap;
  }
  
  .country-card {
  display: flex;
  flex-direction: column;
  text-align:center;
  padding: 20px;
  }
  
  .country-card a {
  color:#004494;
  text-decoration: none;
  padding-top:10px;
  }
  
  .country-card img {
  width:80px;
  }
  
  .btn_explore_map {
	
	font-size:16px!important;
	min-width:100px;
	width:auto;
	background:#025bc2;
	color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	padding:8px 20px;
	text-decoration:none;
	font-weight:bold;
}

.btn_explore_map:hover {
	background: #026be3;
	color: white;
	text-decoration:none;
}

.map-europe {
	background-color:#c8edff;
	margin:auto;
	width:auto;
	z-index:2;
	transform: translateY(-150px);
	margin-bottom:-150px;
	height:1100px;

}
.country {
	fill:#87BFDF;
	fill-opacity:1;
	stroke:#fff;
	stroke-width:0.25;
	z-index:2;
}
.memberstate {
	fill:#004494;
	stroke:#ffffff;
	stroke-width:0.75;
	z-index:1;
	transition: fill 0.2s;
}

.lakes {
	fill:#AEE4FF;
	stroke:#fff;
	stroke-width:0.25;	
}

.memberstate:hover{
	fill:#ffbd15;
	cursor:pointer;
	z-index:2;
}
.memberstate:hover path{
	fill:#ffbd15;
	cursor:pointer;
	z-index:2;
}

.map-mask {
	background-color:#87BFDF;
	width:20%;
	height:1000px;
	position:absolute;
	top:0;
	right:0;
	z-index:3;
	float:right;
	transform: translateY(-50px);
}

.map-mask-transition {
	width:100px;
	height:1000px;
	background:linear-gradient(to right, rgba(0,130,170,0),rgba(135,191,223,1));
	z-index:3;
	float:right;
	position:absolute;
	top:0;
	right:20%;
	transform: translateY(-50px);
}

.map-container {
	background-color:#c8edff;
	width:100%;
	max-width: 100%;
	display:flex;
	flex-wrap:wrap;
	margin:0; padding:0;
	min-height:auto;
	height:auto;
	flex-direction:row;
	position:relative;
	overflow:hidden;
}

.map-headline-separator {
    margin: 30px auto!important;
    width: 95%;
}

.logobtn{
	background-image: url("../CommonImages/eu-logo.png");
	position: absolute;
	top:300px;
	left:10%;
	width:150px;
	height:150px;
	transition: transform .1s;
}

.logobtn:hover {
	transform: scale(1.04);
}


.smallcountry {
	position:absolute;
	top:10px;
	right:10px;
	background-color:#c8edff;
	width:200px;
	height:200px;
	z-index:101;
	border:4px solid white;
	overflow:hidden;
}

.smallcountry span {
	font-size:18px;
	color:#004494;
	font-weight:bold;
	padding:5px;
}

.maltapath:hover {
	fill:#ffbd15;
	cursor:pointer;
	z-index:2;
}

.svg {
margin-left:15px;
margin-top:15px;
}

.factsheets_mobile_view {
	height:auto;
	width:100%;
	display:none;
	
}

.hidden {
	display:none;
}

.country-container {
	margin:30px 10%;
}

.country-container a {
	font-size:18px;
	padding:5px;
	color:#004494;
}

.country-container a:hover {
	background-color:#025bc2;
	color:#fff;
	border-radius:3px;
	text-decoration:none;
}



@media only screen and (min-width: 1300px) and (max-width: 1400px) {
	.map-mask-transition { width:50px; }
}

@media screen and (min-width: 1100px) and (max-width: 1300px){
	.smallcountry { position:absolute; 	width:150px; height:150px; }
	.svg { width:130px; height:130px; }
	.malta { padding-bottom:30px; margin-top:10px; }
	.luxembourg { padding-bottom:30px; margin-top:0px; padding-right:40px; }
	.cyprus { padding-bottom:30px; margin-top:0px; }
	.malta_box { top:145px!important; margin-top:10px; }
	.luxembourg_box { top:290px!important; margin-top:10px; }
	.map-mask-transition { display:none; }
	.map-mask { display:none }
}


@media only screen and (max-width: 1100px) {
	
	.factsheets_mobile_view { display:flex!important; flex-direction:column; justify-content:center; }
	.map-container { display: none!important}
	.btn_explore_map { display: none; }
	.hideable_btn { display:none; }
	.sector-description-container img {padding-right:0px;}
}