#kuma-page {
	max-width: var(--max-width);
	margin: 0 auto;
}





/* ========================================================================== */
/* ILLUSTRATION BLOCK                                                         */
/* ========================================================================== */

.convergence-illustration {
	img {
		width: 100%;
		display: block;
	}
}



/* ========================================================================== */
/* INTRO BLOCK                                                                */
/* ========================================================================== */


.convergence-intro {

	@media (min-width: 700px) {
		display: flex;

		.content,
		.illustration {
			flex: 1;
		}
		.content {
			border-bottom: var(--space-6) solid white;
		}
		.illustration {
			flex: 1;
			position: relative;
			img {
			    position: absolute;
			    width: 100%;
			    height: 100%;
			    object-fit: cover;
			}
		}

	}

	.content {
		padding: var(--space-4);
		background: var(--color-light);
	}
}



/* ========================================================================== */
/* TEXT & CHIMERA BLOCK                                                       */
/* ========================================================================== */


.convergence-text-and-chimera {

	background: var(--color-light);

	.content {
		padding: var(--space-4);
	}

	@media (min-width: 900px) {
		
		.content {
			padding-right: 40%;
			position: relative;

	    .chimera {
	      content: "";
	      position: absolute;
	      top: 0;
	      right: 0;
	      width: 40%;
	      height: 100%;
	      background: var(--color-primary);
	      mask: var(--chimere-1) no-repeat center / 100% 100%;
	      transform: rotate(-5deg) scale(.9);
	      opacity: .7;
	    }

		}



	}
}


/* ========================================================================== */
/* CONTACT FORM BLOCK                                                         */
/* ========================================================================== */


.convergence-contact {
	padding: var(--space-4);
	max-width: 800px;
	margin-inline: auto;

	.sections {
		display: flex;
		flex-direction: column;
		gap: var(--space-3);
	}

	@media (min-width: 700px) {
		.sections {
			flex-direction: row;

		}
	}

}

.convergence-contact-info {
	padding: var(--space-6) var(--space-4);
	max-width: 1000px;
	margin: 0 auto;
}

.convergence-contact-info h1 {
	margin-top: 0;
}

.convergence-contact-info__intro {
	max-width: 70ch;
}

.convergence-contact-info__sections {
	display: grid;
	gap: var(--space-4);
	margin-top: var(--space-4);
}

@media (min-width: 800px) {
	.convergence-contact-info__sections {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

.convergence-contact-info__section h2 {
	margin-top: 0;
}


/* ========================================================================== */
/* PARTNERS BLOCK (logo slider)                                               */
/* ========================================================================== */

  .slider-wrap {
    width: 100%;
    overflow: hidden;
    padding: 2rem 0;
    background: var(--color-light);
  }
  .slider-track {
    display: flex;
    width: max-content;
    animation: marquee 10s linear infinite;
    gap: 16px;
    align-items: center;
  }
  .slider-track:hover {
    animation-play-state: paused;
  }
  .slide-img {
    height: 160px;
    width: auto;
    border-radius: 8px;
    display: block;
    object-fit: cover;
    flex-shrink: 0;
  }
  @media (max-width: 600px) {
    .slide-img { height: 90px; }
    .slider-track { gap: 10px; }
  }
  @keyframes marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }


/* ========================================================================== */
/* PARTNERS BLOCK (people's portrait grid)                                    */
/* ========================================================================== */

.convergence-people {

	margin-block: var(--space-6);

	&.shaded {
		background: var(--color-light);
	}

	.convergence-people__inner {
		max-width: 1200px;
		margin: 0 auto;
	}

	.convergence-section-title {
		margin: 0;
		padding: var(--space-4) var(--space-4) 0;
		text-align: center;
	}

	.people-grid {
		padding: var(--space-4);
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: var(--space-4);
		align-items: start;
		text-align: center;

		@media (min-width: 700px) {
			grid-template-columns: 1fr 1fr 1fr;
		}

		.partner-image {
			position: relative;
		}

		img {
			display: block;
			aspect-ratio: 1;
			width: 100%;
			height: auto;
			object-fit: cover;
		}

		.partner-image--empty {
			display: grid;
			place-items: center;
			aspect-ratio: 1;
			background: var(--color-light);
			font-size: clamp(2.5rem, 8vw, 6rem);
			font-weight: 700;
		}

		h3 {
			margin: 0;
		}

		a {
			position: absolute;
			background: var(--color-primary);
			width: 64px;
			height: 64px;
			bottom: 0;
			right: 0;
			mask: var(--icon-link) no-repeat center / 32px 32px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			transition: 150ms;
		}
		a:hover {
			mask-size: 36px 36px;
			background: var(--color-primary-hover);
		}

	}
}

/* ========================================================================== */
/* FULL WIDTH MAPS BLOCK                                                      */
/* ========================================================================== */

.convergence-full-width-map iframe {
	width: 100%;
	height: 300px;
	border: 0;
	display: block;
}

.convergence-map-placeholder {
	display: grid;
	place-items: center;
	gap: var(--space-3);
	min-height: 300px;
	padding: var(--space-4);
	text-align: center;
	background: var(--color-light);
}

.convergence-map-placeholder p {
	margin: 0;
	max-width: 56ch;
}

.convergence-map-placeholder__link {
	color: inherit;
	text-decoration: underline;
}

/* ========================================================================== */
/* Hero header                                                                */
/* ========================================================================== */

.convergence-large-hero {
	aspect-ratio: 2;
	position: relative;

	img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}

/* ========================================================================== */
/* Presse grid                                                                */
/* ========================================================================== */

.convergence-presse {
	padding: var(--space-7) var(--space-4);
}

.convergence-presse h2 {
	margin: 0 auto var(--space-5);
	max-width: 1200px;
	text-align: center;
}

.presse-grid {
	display: grid;
	grid-template-columns: 1fr;
	gap: var(--space-4);
	max-width: 1200px;
	margin: 0 auto;
}

@media (min-width: 640px) {
	.presse-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 980px) {
	.presse-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.presse-card {
	display: flex;
	flex-direction: column;
	min-height: 100%;
	color: inherit;
	text-decoration: none;
	background: #fff;
	outline-offset: 4px;
}

.presse-card__image {
	aspect-ratio: 1 / 1;
	background: var(--color-light);
	overflow: hidden;
}

.presse-card__image img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 180ms ease;
}

.presse-card:hover .presse-card__image img,
.presse-card:focus-visible .presse-card__image img {
	transform: scale(1.03);
}

.presse-card__body {
	display: grid;
	gap: var(--space-1);
	padding: var(--space-3) 0 0;
}

.presse-card__type {
	font-size: var(--font-size-small);
	font-weight: 700;
	text-transform: uppercase;
}

.presse-card h3 {
	margin: 0;
	font-size: var(--font-size-h3);
}


/* ========================================================================== */
/* Image galeries                                                             */
/* ========================================================================== */

.albums-section {
  padding: var(--space-7) var(--space-4);
}

.albums-section h2 {
  text-align: center;
  margin: 0 0 var(--space-5);
}

.albums-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--space-3);
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 640px) {
  .albums-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

.album-item {
  text-decoration: none;
  color: inherit;
  display: block;
  text-align: center;
  outline-offset: 4px;
}

.album-image {
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}

.album-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.3s ease;
}

.album-item:hover .album-image img {
  transform: scale(1.03);
}

.album-item h3 {
  margin: var(--space-3) 0 0;
  font-size: var(--font-size-h3);
}

.album-desc {
  margin-top: var(--space-1);
  font-size: var(--font-size-small);
}

.cg-lightbox {
  width: min(1100px, calc(100vw - 32px));
  max-width: none;
  max-height: calc(100vh - 32px);
  padding: 0;
  border: 0;
  background: transparent;
  color: #fff;
}

.cg-lightbox::backdrop {
  background: rgb(0 0 0 / 88%);
}

.cg-lightbox__figure {
  display: grid;
  gap: var(--space-3);
  margin: 0;
  place-items: center;
}

.cg-lightbox__image {
  display: block;
  max-width: 100%;
  max-height: calc(100vh - 120px);
  object-fit: contain;
}

.cg-lightbox__caption {
  max-width: 70ch;
  text-align: center;
}

.cg-lightbox__counter {
  position: fixed;
  top: 16px;
  left: 16px;
  z-index: 2;
  color: #fff;
}

.cg-lightbox__close,
.cg-lightbox__nav {
  position: fixed;
  z-index: 2;
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border: 1px solid rgb(255 255 255 / 45%);
  background: rgb(0 0 0 / 55%);
  color: #fff;
  cursor: pointer;
  font: inherit;
}

.cg-lightbox__close {
  top: 16px;
  right: 16px;
  font-size: 32px;
  line-height: 1;
}

.cg-lightbox__nav {
  top: 50%;
  transform: translateY(-50%);
  font-size: 42px;
  line-height: 1;
}

.cg-lightbox__nav--prev {
  left: 16px;
}

.cg-lightbox__nav--next {
  right: 16px;
}

.cg-lightbox__close:hover,
.cg-lightbox__nav:hover,
.cg-lightbox__close:focus-visible,
.cg-lightbox__nav:focus-visible {
  background: var(--color-primary);
}


.convergence-events {
	margin-inline: var(--space-4);;
}

/* ========================================================================== */
/* EventOn custom styles                                                      */
/* ========================================================================== */

/* This section is a hot mess but didn't find a better way to implement this */

/*.evo_boxtop, 
.desc_trig, 
.evcal_list_a,
.eventon_list_event,
.eventon_sorting_section {
	border-radius: 0 !important;
}*/

.evo_cal_above {
	display: none;
}
.evocard_box.getdirection {
	display: none !important;
}

body:not(.single-ajde_events) .eventon_events_list:not(.evo_lightbox) .eventon_list_event {
	width: calc(100% / 3) !important;
}

@media (max-width: 900px) {
	body:not(.single-ajde_events) .eventon_events_list:not(.evo_lightbox) .eventon_list_event {
		width: calc(100% / 2) !important;
	}
}
@media (max-width: 480px) {
	body:not(.single-ajde_events) .eventon_events_list:not(.evo_lightbox) .eventon_list_event {
		width: calc(100% / 1) !important;
	}
}

.ajde_evcal_calendar.color #evcal_list .eventon_list_event a:hover {
	border-left-width: inherit !important;
}
.ajde_evcal_calendar.boxy .eventon_list_event:hover,
.ajde_evcal_calendar.boxy .evoShow_more_events:hover {
    transform: none !important;
}

.eventon_list_row *:not(.fa),
.eventon_events_list *:not(.fa):not(.evolbclose),
.ajde_evcal_calendar *:not(.fa) {
    font-family: inherit !important;
    text-transform: inherit !important;
    font-weight: inherit !important;
    border-radius: 0 !important;
}
.evo_header_title *:not(.fa),
body.evcal_cblock *:not(.fa) {
	text-transform: capitalize !important;
}

#convergence-events-list .evcal_event_title,
#convergence-events-list .date {
	font-weight: bold !important;
	font-size: var(--font-size-h3);
	word-wrap: normal !important;
  overflow: visible !important; 
  white-space: normal !important;
}
#convergence-events-list .month {
	font-weight: bold !important;
	font-size: var(--font-size-body);
}

.eventon_events_list .eventon_list_event .evoet_cx .level_4, .evo_pop_body .evoet_cx .level_4 {
	font-size: var(--font-size-body) !important;
}

.convergence-events .eventon_events_list .eventon_list_event .evoet_cx .level_4 {
	display: none !important;
}
.my_custom_event_excerpt {
	display: none !important;
}
#convergence-events-list .my_custom_event_excerpt {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

/* avoid two rows in event list on smaller screens */
.ajde_evcal_calendar.boxy.boxstyle1.tbg1 #evcal_list .eventon_list_event .desc_trig {
    flex-direction: row;
    flex-wrap: nowrap;
}
#convergence-events-list .ajde_evcal_calendar.boxy.boxstyle1 .eventon_list_event:hover .evo_boxtop {
	opacity: 1;
}
#convergence-events-list .ajde_evcal_calendar.color #evcal_list .eventon_list_event a:hover {
	border-left-width: 0px !important;
}

/* Remove border around image */
#convergence-events-list .eventon_events_list .eventon_list_event .evcal_list_a {
	padding: 10px;
}
#convergence-events-list .ajde_evcal_calendar.boxy.boxstyle1 .evo_boxtop {
	margin: 0 !important;
}
#convergence-events-list .ajde_evcal_calendar.boxy.boxstyle1.tbg1 #evcal_list .eventon_list_event .desc_trig {
	padding-top: 210px !important;
}

/* Make links blue */
.eventon_full_description .eventon_desc_in a {
	text-decoration: underline !important;
	color: blue !important;
}

/* Cusztomize style of filter dropdowns */
#convergence-events-list .eventon_filter .filtering_set_val,
#convergence-events-list .evo_filter_submit,
#convergence-events-list .eventon_filter_dropdown p, 
#convergence-events-list .ajde_evcal_calendar .evo-sort-btn .eventon_sort_line p {
	font-size: var(--font-size-body);
}
#convergence-events-list .evo_filter_submit {
	color: #000 !important;
}
#convergence-events-list .eventon_filter .filtering_set_val {
	background: white;
	border: 1px solid #AAA;
	border-radius: 8px !important;
	color: #000 !important;
}
/* Add a triangle dropdown */
#convergence-events-list .eventon_filter .filtering_set_val::after {
  content: '';
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid #AAA;
  vertical-align: middle;
  margin-left: 6px;
}
