/* This makes it so iPhones don’t dork up the font size in landscape mode */
* {
	margin:0;
	padding:0;
}
html {
	-moz-text-size-adjust: none;
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
body{
	display: flex;
	flex-direction: column;
	min-height: 100svh;
	padding: 0;
	margin: 0;
}

.main-footer {
	background-color: #3C3C3B;
}


.eu-logos .logo-prtr {
	max-height: 100px;
	width: auto;
	margin: 10px;
}

.eu-logos .logo-nml {
	max-height: 45px;
	width: auto;
	margin: 10px;
}
.eu-logos .logo-mintur {
	max-height: 40px;
	width: auto;
	margin: 10px;
}
.eu-logos .goib-logo {
	max-height: 50px;
	width: auto;
	margin: 10px;
}

.eu-logos .fmt-logo {
	max-height: 30px;
	width: auto;
	margin: 10px;
}

.footer-bottom-links a {
	color: rgba(255,255,255,.5);
	text-decoration: none;
	transition: color 0.3s ease;
}
.footer-bottom-links a:hover {
	color: rgba(255,255,255,.75);
}

.card-hoverable {
	cursor: pointer;
	transition: transform 0.2s;
  }
  .card-hoverable:hover {
	transform: scale(1.05);
  }
	.card-hoverable i {
	  font-size: 2.5rem;
	  color: #0d6efd;
	}
	.card-title {
	  margin-top: 0.1rem;
	  font-weight: bold;
	}
	.card-link {
	  text-decoration: none;
	  color: inherit;
	}
	

	.dashboard-container {
	  border: 1px solid #ddd;
	  border-radius: 8px;
	  padding: 20px;
	  background-color: #fff;
	  max-width: 1000px;
	  margin: 20px auto;
	}
	.dashboard-title {
	  font-weight: bold;
	  text-align: center;
	  margin-bottom: 20px;
	}
	.kpi-value {
	  font-size: 1.2rem;
	  font-weight: bold;
	}
	.kpi-increment.positive {
	  color: #4CAF50;
	}
	.kpi-increment.negative {
	  color: #f44336;
	}
	.kpi-period {
	  font-size: 0.9rem;
	  color: #888;
	}
	.kpi-source {
	  font-size: 0.8rem;
	  color: #aaa;
	}


	
	

	.section-title {
		color: #ffffff;
		padding: 0px;
		margin-bottom: 30px;
		position: relative;
		z-index: 1;
	}
	.divider {
		position: relative;
		height: 3.5em;
		background: linear-gradient(135deg, #4caf50, #81c784);
		margin-bottom: -30px;
		display: flex;
		align-items: center;
	}
	.section-title {
		color: #ffffff;
		margin-left: 2%;
		margin-top: 1.5%;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.2);
	}
	.divider svg {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 30px;
	}
	.section-content {
		position: relative;
		z-index: 2;
		padding-top: 30px;
	}


	  .carousel-item {
		padding: 10px;
	  }
	  .card-img-top {
	  width: 100%;
	  height: 18em;
	  object-fit: cover;
	  }

	.blue-consell {
		background-color: #0E3366;
	}
	
	.txt-blue-consell {
		color: #0E3366;
	}

	.post-card {
		height: 100%; /* Ensure cards are the same height */
	  }
	  .card-img {
		object-fit: cover;
		height: 100%; /* Maintain uniform height for images */
		max-height: 200px; /* Adjust max height as needed */
	  }
	  .tag {
		display: inline-block;
		padding: 0.25em 0.5em;
		background-color: #f0f0f0a2;
		border-radius: 0.25rem;
		margin-right: 0.25rem;
		font-size: 0.85rem;
	  }

	  .txt-dark-blue {
		color: #050447;
	  }

	  .link {
        text-decoration: none;
	    color: #050447;
        font-weight: bold;
    }