/**
 * CAP 2026 foundation styles.
 * Bootstrap handles the outer layout; cap-* classes own the visual identity.
 * Replace approximate screenshot colors with the designer's brand palette.
 */
:root {
	--cap-teal: #123c40;
	--cap-teal-dark: #103538;
	--cap-green: #518d12;
	--cap-blue: #0754ac;
	--cap-cyan: #16c5e6;
	--cap-text: #173b42;
	--cap-surface: #f0f7fc;
	--cap-container: 1280px;
	--cap-radius: 16px;
	--bs-link-color-rgb: #051E6B;
}
html {
	background: #fff;
}
body {
	color: var(--cap-text);
	background: #fff;
	/*background: linear-gradient(0deg,rgba(255, 255, 255, 1) 0%, rgba(240, 240, 240, 1) 100%);*/
	font-family: "Montserrat", "Instrument Sans","Sofia Sans", sans-serif;
}
a {
	text-decoration: none;
}
.w-33 {
	width: 33%;
}
.cap26-eu-header {
	background: #fff;
}
.cap26-container {
	width: min(calc(100% - 2rem), var(--cap-container));
	margin-inline: auto;
}

.cap26-eu-header {
	padding-block: .75rem;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #e5ebec;
	font-size: .8125rem;
}

.cap26-header {
	padding-block: 1.25rem;
}

.cap26-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1rem;
}

.cap26-navigation {
	width: min(calc(100% - 2rem), var(--cap-container));
    margin: 0 auto;
	position: relative;
	padding: 0.5rem 0.25rem;
	background: var(--cap-teal);
	border-radius: .75rem .75rem 0 0;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28 106, 175, 14, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
	border-color: rgb(106, 175, 14);
}

.navbar-brand {
	display: flex;
	align-items: center;
	font-size: 2.5rem;
	white-space: wrap;
	line-height: normal;
}
@media (max-width: 576px) {
	.navbar-brand {
		font-size: 1.5rem;
	}
}
.navbar-brand img {
	margin-right: 2rem;
}

.cap26-branding {
	width: 100%;
	display: flex;
}

.navbar-nav {
	flex-direction: row;
	gap: 1rem;
}
.navbar-nav .nav-link,
.navbar-nav, 
.navbar-nav .nav-link.show {
	color: #fff;
	border-radius: .75rem;
}
.nav-link.active {
	background: #58920C;
	background: linear-gradient(0deg,rgba(67, 112, 6, 1) 0%, rgba(106, 175, 14, 1) 100%);
}
.block-language {
	background: var(--cap-teal);
	border-radius: .75rem .75rem;
	margin: auto 0 auto auto;
}
.block-language a {
	color: #FFF;
	text-decoration: none; 
}

.cap26-main {
	min-height: 40vh;
	min-height: 80vh;
	padding-block: 0 4rem;
}
.home-block-head {
	position: relative;
}
.home-block-head img { 
	width: 100%;
	height: auto; 
}
.home-block-head h2 { 
	position: absolute; 
	left: 2rem; 
	color: #fff;
	max-width: 11rem;
}
.home-block-head h2 a {
	color: #fff;
}
.home-card-inner {
	background: #edf6fd;
	border-radius: 1rem;
}

.home-card-inner-img img {
	max-width: 130px;
}

.home-card-inner-text h3 {
	font-size: 1.5rem;
}

.inactive img {
	opacity: 0.5;
}

.cap26-footer {
	background: var(--cap-teal);
	color: #fff;
	padding-block: 2.5rem;
}

.cap26-footer a {
	color: #fff;
}

.cap26-footer__grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 2rem;
}

@media (max-width: 767.98px) {
	.cap26-footer__grid {
		grid-template-columns: 1fr;
	}
}

.responsive-image img {
	width: 100% ! important;
	height: auto ! important;
}

.page-view-frontpage #main-content > .row > .col-12 {
	margin-top: 0;
	width: 100%;
}

.page-view-frontpage #block-cap26-page-title {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}
.page-view-frontpage #block-cap26-content > .content {
	display: flex;
	align-items: center;
	padding: 3rem;
	min-height: 300px;
	background: #E6E8E6 url(/sites/default/files/2026-09/home_banner.webp) no-repeat center;
	background-size: cover;
	border-radius: 0 0 1rem 1rem;
}

.views-field-field-wnd-subtype {
	margin-bottom: 1rem;
}
.views-field-field-wnd-subtype .field-content {
	display: inline-block;
	color: #fff;
	padding: 0.1rem 1rem;
	background: #58920C;
    background: linear-gradient(0deg, rgba(67, 112, 6, 1) 0%, rgba(106, 175, 14, 1) 100%);
	border-radius: 1rem;
}
.view-frontpage .views-field-title h2 a {
	color: var(--cap-text);
	font-size: 2rem;
	font-weight: bold;
}
.views-field-field-body {
	width: 50%;
	margin-bottom: 1rem;
}
/*.views-field-view-node,*/
.btn-primary {
	background: #58920C;
    background: linear-gradient(0deg, rgba(67, 112, 6, 1) 0%, rgba(106, 175, 14, 1) 100%);
	border-radius: 1rem;
	border: none;
}

.carousel-inner {
	display: flex;
}
.carousel-item { 
	display: block; 
	margin-right: 0; 
	flex: 0 0 calc(100%/4); 
}
.card {
	margin: 0 0.5rem;
}

/* lang switcher */

/*.language-switcher-language-url span.nav-link::before {
	content: "";
	display: inline-block;
	width: 32px;
	height: 22px;
	flex: 0 0 32px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.language-switcher-language-url span[data-drupal-language="en"]::before {
	background-image: url("../images/flags/en.svg");
}

.language-switcher-language-url span[data-drupal-language="bg"]::before {
	background-image: url("../images/flags/bg.svg");
}

.language-switcher-language-url span[data-drupal-language="hr"]::before {
	background-image: url("../images/flags/hr.svg");
}

.language-switcher-language-url span[data-drupal-language="hu"]::before {
	background-image: url("../images/flags/hu.svg");
}*/

/* possible junk */
.language-switcher-language-url .content {
	padding: 5px;
}
.language-switcher-language-url nav.links {
	display: flex;
	align-items: center;
	gap: 0;
	background: #123f41;
	border-radius: 4px;
	overflow: hidden;
}

.language-switcher-language-url span.nav-link {
	display: flex;
	align-items: center;
	gap: 0.3rem;
	padding: 0;
	margin: 0 7px;
}

.language-switcher-language-url a.language-link {
	display: flex;
	gap: 0.3rem;
	padding: 0.2rem;
	color: #fff;
	text-decoration: none;
	font-size: 0.8rem;
	line-height: 1;
}

.language-switcher-language-url a.language-link.is-active {
	background: #5f9815;
}

/* end lang switcher */
/* podcast */

/* past campaigns */
.past-campaigns {
	position: relative;
	display: flex;
	align-items: center;
	gap: 1rem;
}

.past-campaigns__track {
	display: flex;
	gap: 10px;
	overflow-x: auto;
	scroll-behavior: smooth;
	scroll-snap-type: x proximity;
	scrollbar-width: none;
	flex: 1;
}

.past-campaigns__track .card {
    flex: 0 0 calc((100% - 40px)/4);
    flex-direction: row;
	scroll-snap-align: start;
	margin: 0;
}
.past-campaigns__track .card img {
	max-width: 100%;
	height: auto;
}
.card-img, .card-img-bottom, .card-img-top {
	width: 150px;
	aspect-ratio: 1;
	margin: auto;
	padding: 1.5rem;
}
.past-campaigns__track .card-body {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	padding: 0.5rem;
}
.past-campaigns__track .card-text {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	align-items: center;
}

.past-campaigns__track .card-title {
	color: var(--cap-text);
}

.past-campaigns__track::-webkit-scrollbar {
	display: none;
}

.past-campaigns__scroll {
	position: absolute;
	top: -60px;
	/* width: 44px; */
	/* height: 44px; */
	padding: 10px 20px;
	font-size: 2rem;
	line-height: 30px; 
}
.card-text .btn-primary,
.past-campaigns__scroll {
	color: var(--cap-text);
	text-align: center;
	border: 1px solid #5f9815;
	background: #F1F6EA;
	border-radius: 50%;
	cursor: pointer;
	transition: background 0.25s ease-in-out;
}
.past-campaigns__scroll--prev { right: 70px; }
.past-campaigns__scroll--next { right: 5px; }

.past-campaigns__scroll:hover,
.card-text .btn-primary:hover {
	background: #5f9815;
}

.past-campaigns__scroll:disabled {
	opacity: 0.3;
	cursor: default;
}

.past-campaigns .card-text {
	font-weight: 700;
	color: #488e0a;
}

.card-text .btn-primary {
	padding: 5px 10px;
	font-size: 1rem;
	line-height: 15px; 
}

@media (max-width: 992px) {
	.past-campaigns__track .card { flex-direction: column; }
	.card-img, .card-img-bottom, .card-img-top { padding: 0.5rem; }
	.past-campaigns__track h5.card-title { font-size: 1rem; }
}

/* end past campaigns */

/* webform */
.webform-type-textarea label {
	font-size: calc(1.275rem + .3vw);
}
@media (min-width: 1200px) {
	.webform-type-textarea label {
		font-size: 1.5rem;
	}
}
.form-control {
	width: auto;
}

.webform-submission-form #edit-actions--2 {
	text-align: center;
}

/* end webform */

/* social profiles */
#social_profiles {
	min-width: 9rem;
}
#social_profiles .fa-svg-icon {
	width: 2rem;
	height: 2rem;
	display: inline-block;
}
/* end social profiles */

/* node tweaks */
h1.title {
	font-weight: 700;
}

.node__content .field--name-field-image img {
	border-radius: 1rem;
	margin-right: 1.5rem;
}

.node--type-word-number-of-the-day.node--view-mode-teaser .field--name-title h2 {
	padding-top: 0;
}

@media (max-width: 960px) {
	.disclaimer { order: 6!important; }
	.eu-top-header { flex-wrap: wrap; }
}

.node__content img {
	max-width: 100%;
	height: auto;
}
/* end node tweaks */

/* views */
.views-view-responsive-grid__item img {
	width: 100%;
	height: auto;
}
/* end views */

.view-filters .d-flex {
	align-items: stretch;
}
.view-filters .d-flex .form-wrapper {
	display: flex;
	align-items: center;
	padding: 0 1rem;
	background: var(--cap-teal);
	border-radius: 0 .75rem .75rem 0;
}
.view-filters .d-flex .form-actions {
	align-self: auto;
}
.view-filters .form-item-field-season-value {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding: 1rem 0 1rem 1rem;
	color: #FFF;
	background: var(--cap-teal);
    border-radius: .75rem 0 0 .75rem;
}

/* rate widget */
div.fivestar > form > table > tbody > tr > td.rating-table-td {
    padding: 0 0 1.5rem 1.5rem;
}
.rating-table {
	background: #edf6fd;
	border-radius: 1rem;
}
.rating-table tr {
	background: none;
}
.rating-table div.form-item {
	margin-right: 0.5rem;
	font-size: 1.5rem;
}
/* end rate */