/**
 * @file
 * Subtheme specific CSS..paragraph--type--projects-wrapper
 */

 :root {
    --color-orange: #EC6608;
    --color-green: #093136;
	--color-blue: #007DA3;
}

@font-face {
	font-family: 'Century Gothic';
	src: url('../fonts/century-gothic-font/CenturyGothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'Georgia';
	src: url('../fonts/Georgia-Font/Georgia.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Tinos';
	src: url('../fonts/tinos/Tinos-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;
}


body, .menu--main, .site-footer,
h3, h4, h5, h6 {
	font-family: 'Century Gothic', sans-serif;
}
h3, h4, h5, h6 {
	font-weight: 600;
}
h2 {
	position: relative;
	padding-bottom: 12px;
	border: none;
}

h2::after {
	content: "";
	display: block;
	width: 65px;
	height: 3px;
	background-color: var(--color-orange);
	position: absolute;
	bottom: 0;
	left: 8px;
	transform: translateX(-10%);
}

h3 {
    font-size: 1.4rem;
    font-family: 'Tinos', sans-serif;
}

.primary .nav-link {
	color: initial;
}

h1,
h2 {
	font-family: 'Tinos', sans-serif;
}

.views-field img {
	width: 100%;
	height: auto;
}

/* .top-header {
	section {
		height: 46px;
		display: flex;
		justify-content: flex-end;
		align-items: center;

		.field--name-body {
			display: flex;
		}
	}
} */

.site-footer {
	
	.nav-link,
	a,
	.nav-link:hover,
	a:hover {
		color: #fff !important;
	}

	.region {
		padding: 0 2.65%;
	}

	.nav {
		margin-top: 6px;
		flex-direction: column;

		.nav-item a {
			padding-inline: 0;
			padding-bottom: 0;
		}
	}

	@media (max-width: 768px) {
		padding: 20px 0 20px;

		.nav-link,
		a {
			padding-inline: 0;
		}

		.region {
			margin-top: 12px;
			padding: 12px;
		}

	}

	h2,
	p {
		color: #fff;
	}

	h2 {
		position: relative;
		display: inline-block;
		padding-bottom: 21px;
		/* Optional: Add some space between the text and the border */
		border: none;
		text-transform: unset;
		font-size: 20px;
	}

	h2::after {
		content: "";
		display: block;
		width: 65px;
		height: 2px;
		background-color: var(--color-blue);
		position: absolute;
		bottom: 0;
		left: 32px;
		transform: translateX(-50%);
	}

	.block {
		margin-top: 0;
		border: none;
		padding: 0;
	}

	p, a {
		font-size: 15px;
	}
}

.site-footer td {
	padding: 4px 20px 4px 0;
}

.blue-button {
	padding: 14px 30px;
	color: #fff !important;
	background: #007481;
	text-decoration: none;

	&:hover {
		background: #007481;
		color: #fff !important;
	}

	&:focus {
		color: #fff !important;
	}
}

@media (max-width: 1400px) {
	.blue-button {
		padding: 14px 20px;
	}

}

.white-button {
	padding: 14px 30px;
	color: #093136 !important;
	background: #fff;
	text-decoration: none;

	&:hover {
		color: #093136 !important;
		background: #fff;
	}

	&:focus {
		color: #093136 !important;
	}
}

@media (max-width: 768px) {
	.white-button {
		padding: 14px 20px;
	}

}
/* 
.dropbutton-widget {
	border: none !important;

	li:hover {
		background: #fff !important;
	}
}

.dropbutton-wrapper.dropbutton-multiple.open {
	top: 14px;
}

.dropdown-language-item,
.dropbutton-toggle button {
	background-color: white !important;
	background-image: unset !important;

}

.block-dropdown-language {
	width: 66px;
	float: right;
	margin-right: 0px;

	@media (max-width: 1024px) {
		margin-right: 40px;
	}

	@media (max-width: 768px) {
		margin-right: 130px;
	}

	@media (max-width: 480px) {
		margin-right: 65px;
	}
}

.collapse:not(.show) {
	display: block !important;
} */

.field--name-field-button-green {
	background-color: #007481;
	padding: 14px 30px;
	display: inline-block;

	a {
		color: #fff !important;
		text-decoration: none;

		&:hover {
			color: #fff !important;
			text-decoration: none;
		}

		&:focus {
			color: #fff !important;
		}
	}
}


/* custom spacing */
.custom-spacing {
	margin-top: 88px;
}

/* custom spacing end */

/* custom padding */
.px-custom {
	padding-left: 2rem !important;
	padding-right: 2rem !important;
}

.py-custom {
	padding-top: 3rem !important;
}

.py-top {
	padding-top: 1.3rem !important;
}

.px-left {
	padding-left: 1.5rem !important;
}

.px-left-second {
	padding-left: 1.2rem !important;
}

.px-left-third {
	padding-left: 4px !important;
}
/* News calendar and research results end */

/* Cookie Banner */
#sliding-popup {
	position: fixed;
	z-index: 9999;
	box-shadow: 0 -4px 6px rgba(0, 0, 0, 0.1);

	.eu-cookie-compliance-banner {
		padding: 20px;
		text-align: center;

		h2 {
			font-size: 18px;
		}

		p {
			font-size: 14px;
			color: #666;
		}
	}

	.eu-cookie-compliance-buttons {
		display: flex;
		justify-content: center;
		gap: 10px;

		.agree-button {
			background-color: #007381;
			color: #fff;
			border: none;
			padding: 10px 15px;
			font-size: 14px;
			cursor: pointer;
			transition: background-color 0.3s ease;

			&:hover {
				background-color: darken(#007381, 10%);
			}
		}

		.decline-button {
			border-radius: 0px;
			border: none;
			padding: 10px 15px;
			font-size: 14px;
			cursor: pointer;
			transition: background-color 0.3s ease;

		}
	}

	.find-more-button {
		background-color: #007381;
		color: #fff;
		border: none;
		padding: 8px 12px;
		font-size: 14px;
		cursor: pointer;
		transition: background-color 0.3s ease;

		&:hover {
			background-color: darken(#007381, 10%);
		}
	}
}

/* Cookie Banner End */

/* Download button */
.download-button {
	background-color: #007481;
	color: #fff !important;
	padding: 14px 30px;
	text-decoration: none;
	display: inline-block;
}

.download-button:hover {
	background-color: #007481;
	color: #fff !important;
}

.download-button:focus {
	color: #fff !important;
}

/* Download button end */

tr td,
tr th {
	padding: 4px 9px;

	@media(max-width:450px) {
		padding: 2px 6px;
	}
}

.contextual-region .contextual .contextual-links a {
	color: #333 !important;
}

.contextual .trigger {
	top: 20px;
}