@import url('https://fonts.googleapis.com/css2?family=Eagle+Lake&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --color-alabaster: rgb(236, 235, 228);
    --color-alabaster-rgb: 236, 235, 228;
    --color-rosy: rgb(204, 153, 141);
    --color-rosy-rgb: 204, 153, 141;
    --bs-link-color-rgb: var(--color-rosy-rgb);
    --swiper-navigation-color: var(--color-rosy);
    --swiper-theme-color: var(--color-rosy);
    --font-title: "Eagle Lake", serif;
    --font-main: "Noto Sans", sans-serif;
}

body {
    font-family: var(--font-main);
    font-optical-sizing: auto;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    background-color: var(--color-alabaster);
    background-image: url(../images/rosybackground.svg);
    background-size: cover;
}
.navbar-brand a.site-title {
    font-family: var(--font-title);
    font-weight: 400;
    font-style: normal;
    color: var(--color-rosy);
    font-size: min(4vw, 2.8rem);
    text-shadow: 1px 1px 0 rgb(163, 122, 112);
}
.navbar-brand a.site-title:hover {
    color: var(--color-rosy);
    text-shadow: 1px 1px 0 rgba(163, 122, 112, .6);
}
header, footer {
	background-color: rgba(200,200,200,.5);
}
header nav.navbar {
    --bs-navbar-padding-y: 0;
}
header nav.navbar > .container {
	background-image: url(../images/profil.png);
	background-position: top right 15px;
	background-size: contain;
	background-repeat: no-repeat;
	min-height: min(250px, 35vw);
}
footer .region-footer {
    justify-content: space-between;
}
footer .navbar-nav {
    flex-direction: row;
}
.field--name-body {
    text-align: justify;
}
.field--name-body p {
    margin-bottom: 1em;
}
.node--type-event > .node__content > .field--name-field-role {
	font-size: 1.3em;
	font-weight: bold;
	font-style: italic;
}
.field--name-field-role {
	display: flex;
	text-transform: lowercase;
}
.helyszin-idopont {
	display: flex;
	/* gap: 1em; */
	justify-content: flex-end;
}
.field--name-field-role .field__item:not(:last-child)::after,
.field--name-field-participants > .field__items > .field__item > .paragraph::before,
.field--name-field-fb-event > .field__items > .field__item > a::before,
.helyszin-idopont .field:not(:last-child)::after {
    content: "~";
    display: inline-block;
    margin: 0 .5em;
    color: var(--color-rosy);
    font-weight: bold;
    font-family: var(--font-title);
}

.field--name-field-participants, .field--name-field-fb-event {
    margin: 2em 0;
}
.field--name-field-participants > .field__items > .field__item {
    margin-top: .5em;
}
.paragraph--type--participation {
	display: flex;
}
.paragraph--type--participation > .field:not(:last-child) {
    margin-right: .5em;
}
.paragraph--type--participation .field--name-field-participant {
    font-weight: bold;
}

@media (min-width: 992px) {
    .navbar-brand img {
        height: 150px;
        margin-right: 2rem;
    }
    .field--name-body {
	    margin: 0 4em;
    }
}
@media (min-width: 1200px) {
    h2, .h2 {
	    font-size: 1.5rem;
    }
}
main > .container {
	background-color: rgba(255,255,255,.75);
	border-color: rgba(200,200,200,.5);
	border-width: 0 15px;
	border-style: solid;
	align-self: stretch;
	border-radius: 0 30px;
    padding: 2em calc(2em - 15px) 2em 2em;
}
main {
	display: flex;
	flex-direction: row;
    flex-grow: 1;
    /*
	align-items: stretch;
	height: 100%; */
}
a {
    text-decoration: none;
}
article.node:not(:last-child)::after {
	content: "";
	width: 100px;
	height: 15px;
	display: block;
	margin: 1em auto;
	background-image: url(../images/wave.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
    opacity: 0.75;
}
.region-sidebar-second > .block > h2, .region-sidebar-second > nav > h2 {
	font-size: 1.3em;
	color: var(--color-alabaster);
	background-color: var(--color-rosy);
	padding: 3px;
    text-align: center;
}
.region-sidebar-second > .block, .region-sidebar-second > nav {
	border-style: solid;
	border-radius: 0 12px;
	border-color: var(--color-rosy);
    margin-bottom: 2em;
}
.region-sidebar-second > .block > div, .region-sidebar-second > nav > ul {
    padding: .5em 1em;
}
.media.media--type-remote-video .media-oembed-content {
	width: 100%;
	aspect-ratio: 16/9;
	height: auto;
}
.swiper-slide .media--type-photo .field--type-image {
	text-align: center;
} 
.navbar-brand .site-slogan {
	display: block;
	font-family: var(--font-title);
	color: var(--color-rosy);
	font-size: min(3vw, 1.3rem);
    text-shadow: 1px 1px 0 rgba(163, 122, 112, .6);
}
.block-system-main-block .view-esemenyek h3 {
    margin-top: 1em;
}
.region-sidebar-second .view-esemenyek .views-row {
    margin-bottom: 1em;
}
.region-sidebar-second .view-esemenyek .views-row .views-field-field-location,
.region-sidebar-second .view-esemenyek .views-row .views-field-field-date {
    font-size: .9em;
}
.region-sidebar-second .view-esemenyek .views-row .views-field-field-date {
    font-weight: bold;
}

@media (max-width: 767.98px) {
    .navbar-brand {
        flex-direction: column;
    }
    .navbar-brand img {
        height: 60px;
        margin: 0;
    }
    main > .container {
        border: 0;
        border-radius: 0;
        padding: 2em calc(2em - 15px);
    }
    main > .container > .row {
        flex-direction: column-reverse;
    }
}