/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

/**
Use a more readable tab size (opinionated).
*/

html {
	-moz-tab-size: 4;
	-o-tab-size: 4;
	   tab-size: 4;
}

/**
1. Correct the line height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
*/

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/*
Sections
========
*/

/**
Remove the margin in all browsers.
*/

body {
	margin: 0;
}

/**
Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
*/

body {
	font-family:
		system-ui,
		-apple-system, /* Firefox supports this but not yet `system-ui` */
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
}

/*
Grouping content
================
*/

/**
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
*/

hr {
	height: 0; /* 1 */
	color: inherit; /* 2 */
}

/*
Text-level semantics
====================
*/

/**
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr[title] {
	-webkit-text-decoration: underline dotted;
	        text-decoration: underline dotted;
}

/**
Add the correct font weight in Edge and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	text-indent: 0; /* 1 */
	border-color: inherit; /* 2 */
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Remove the inheritance of text transform in Edge and Firefox.
1. Remove the inheritance of text transform in Firefox.
*/

button,
select { /* 1 */
	text-transform: none;
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the inner border and padding in Firefox.
*/

::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
Restore the focus styles unset by the previous rule.
*/

:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
Remove the additional ':invalid' styles in Firefox.
See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
*/

:-moz-ui-invalid {
	box-shadow: none;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*!
Theme Name: Lumbardhi
Theme URI: http://underscores.me/
Author: digitalflow
Author URI: http://digitalflow.systems
Description: Description
Version: 3.0.2
Tested up to: 7.4
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: lumbardhi
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Lumbardhi is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@font-face {
  font-family: Uniform;
  font-stretch: condensed;
  src: url(/wp-content/themes/lumbardhi/fonts/UniformCondensedMedium.otf?88bc2c1c989a0e8d527e2306b949cfda);
}
@font-face {
  font-family: Uniform;
  src: url(/wp-content/themes/lumbardhi/fonts/UniformBold.otf?b7e5be000e2c7d52f015643646604762);
  font-weight: 700;
}
@font-face {
  font-family: Uniform;
  src: url(/wp-content/themes/lumbardhi/fonts/UniformMedium.otf?9a45f168660f760559c7ff6cb04e61c4);
}
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
* {
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  -webkit-margin-start: 0;
          margin-inline-start: 0;
  -webkit-margin-end: 0;
          margin-inline-end: 0;
  -webkit-padding-before: 0;
          padding-block-start: 0;
  -webkit-padding-after: 0;
          padding-block-end: 0;
  -webkit-padding-start: 0;
          padding-inline-start: 0;
  -webkit-padding-end: 0;
          padding-inline-end: 0;
}

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit;
}

html {
  box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #000;
  font-family: skolar-latin, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
}
@media screen and (max-width: 768px) {
  body,
button,
input,
select,
optgroup,
textarea {
    font-size: 0.9rem;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: Uniform, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  clear: both;
}
h1.clean,
h2.clean,
h3.clean,
h4.clean,
h5.clean,
h6.clean {
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
  margin-bottom: 0;
}

p {
  margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
  font-style: italic;
}

blockquote {
  margin: 0 1.5em;
}

address {
  margin: 0 0 1.5em;
}

pre {
  background: #eee;
  font-family: "Courier 10 Pitch", courier, monospace;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;
}

code,
kbd,
tt,
var {
  font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}

abbr,
acronym {
  border-bottom: 1px dotted #666;
  cursor: help;
}

mark,
ins {
  background: #fff9c0;
  text-decoration: none;
}

big {
  font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
  background: #fff;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #eee;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #aaa;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #aaa;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
}

table {
  margin: 0 0 1.5em;
  width: 100%;
}

/* Links
--------------------------------------------- */
a {
  color: #111;
  text-decoration: none;
}
a:visited {
  color: #100;
}
a:hover, a:focus, a:active, a.active {
  color: #57c3c3 !important;
  transition: all 0.3s ease-in-out;
}
a:hover, a:active {
  outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type=button],
input[type=reset],
input[type=submit] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em;
}
button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
  border-color: #ccc #bbb #aaa;
}
button:active, button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
  border-color: #aaa #bbb #bbb;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
  color: #666;
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 3px;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus {
  color: #111;
}

select {
  border: 1px solid #ccc;
}

textarea {
  width: 100%;
}

body, html {
  font-family: Uniform, sans-serif;
}

.site-wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-left: 10%;
  padding-right: 10%;
}
@media (max-width: 1024px) {
  .site-wrapper {
    padding-left: 5%;
    padding-right: 5%;
  }
}
@media (max-width: 768px) {
  .site-wrapper {
    padding-left: 4%;
    padding-right: 4%;
  }
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.site-main {
  position: relative;
}

.main-title {
  font-weight: 700;
  font-size: 2rem;
  margin-bottom: 1rem;
}

.page-main {
  display: flex;
  justify-content: flex-start;
  padding-top: 6rem;
  padding-bottom: 6rem;
  position: relative;
  overflow-x: hidden;
}
.page-main > .content {
  min-width: 65%;
  max-width: 65%;
  padding-right: 5%;
}
@media (max-width: 768px) {
  .page-main > .aside-black {
    background-color: #000;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.page-main > .aside-black a {
  color: #fff !important;
}
.page-main > .aside-black a:hover {
  color: #57c3c3 !important;
}
.page-main > .aside-black a.active {
  color: #57c3c3 !important;
}

.aside-drawer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding-left: 4rem;
  padding-right: 4rem;
  padding-top: 9rem;
  transition: all 0.3s ease-in-out;
  max-width: 40%;
  overflow-y: hidden;
  display: flex;
  flex-direction: column;
  padding-bottom: 4rem;
}
@media (max-width: 768px) {
  .aside-drawer {
    display: none;
  }
}
.aside-drawer .aside-inner-items {
  display: flex;
  flex-direction: column;
  font-size: 1.5rem;
  overflow-y: auto;
  flex: 1;
}
.aside-drawer .aside-inner-items::-webkit-scrollbar {
  width: 4px;
}
.aside-drawer .aside-inner-items .aside_link {
  padding-right: 2.5rem;
  margin-top: 0.7rem;
  margin-bottom: 0.7rem;
}
.aside-drawer .aside-inner-items .aside_link:last-child {
  padding-bottom: 2rem;
}
.aside-drawer a {
  color: #fff;
}
.aside-drawer .aside-chevron-right {
  position: absolute;
  left: 3rem;
  top: 2rem;
  color: #fff;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  transition: all 0.5s ease-in-out !important;
}
.aside-drawer .aside-chevron-right:hover {
  color: #57c3c3;
}
.aside-drawer .aside-chevron-left {
  position: absolute;
  left: 2rem;
  top: 2rem;
  color: #fff;
  height: 4rem;
  width: 4rem;
  cursor: pointer;
  transition: all 0.1s linear !important;
}
.aside-drawer .aside-chevron-left:hover {
  color: #57c3c3;
}

.mobile-draw {
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .mobile-draw {
    display: none;
  }
}

.program_link {
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.program_link:hover {
  color: #57c3c3;
}

.program_link_mobile {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.program_link_mobile:hover {
  color: #57c3c3;
}

.bg-black {
  background-color: #000;
}

.bg-black-70 {
  background-color: #000000aa;
}

.bg-black-95 {
  background-color: #000000ee;
}

.opacity-0 {
  opacity: 0;
  transition: all 0.5s ease-in-out;
}

.opacity-1 {
  opacity: 1;
  transition: all 0.5s ease-in-out;
}

.opacity-0-fast {
  opacity: 0;
  transition: all 0.2s linear;
}

.opacity-1-fast {
  opacity: 1;
  transition: all 0.2s linear;
}

.visibility-hidden {
  visibility: hidden;
}

.visibility-visible {
  visibility: visible;
}

.aside-hidden {
  overflow: hidden;
  transition: all 0.5s ease-in-out;
  max-width: 0%;
}

@media (max-width: 768px) {
  .page-main {
    flex-direction: column;
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .page-main .content {
    width: 100%;
    max-width: 100%;
    padding-right: 0%;
  }
  .page-main > aside {
    padding: 1rem 0;
    border-top: 1px solid #000;
  }
  .page-main > aside .aside_link {
    font-size: 1.2rem;
    margin: 1rem 0;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
  }

  .child-pages {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.background_image_full {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: -1;
  -o-object-fit: cover;
     object-fit: cover;
}

.caption-text-white {
  color: #fff;
}

.program-section {
  margin-top: 50px;
  margin-bottom: 50px;
}
.program-section #focused-program {
  padding: 45px 100px;
  padding-bottom: 0;
  background-color: #c7c5c5;
  margin: 0 100px;
  transition: padding-bottom 0.4s;
}
@media screen and (max-width: 768px) {
  .program-section #focused-program {
    padding: 45px 20px;
    margin: 0 0;
  }
}
.program-section #focused-program .focused-program-title {
  font-size: 2rem;
  line-height: 1.3;
  display: flex;
  padding-bottom: 28px;
  justify-content: space-between;
}
.program-section #focused-program .focused-program-title #toggle-program-info {
  height: 36px;
}
.program-section #focused-program #button-close {
  display: none;
}
.program-section #focused-program.active {
  padding-bottom: 45px;
}
.program-section #focused-program.active #button-close {
  display: block;
}
.program-section #focused-program.active #button-open {
  display: none;
}
.program-section #focused-program.active #focused-program-description {
  max-height: 300px;
  overflow: auto;
}
.program-section #focused-program #focused-program-description {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.7s;
  margin-bottom: 0;
}
.program-section #focused-program-feature {
  margin: 0 100px;
  padding: 45px 100px;
  background-color: #e6e6e6;
}
@media screen and (max-width: 768px) {
  .program-section #focused-program-feature {
    padding: 45px 20px;
    margin: 0 0;
  }
}
.program-section #focused-program-feature .gallery img {
  width: 100%;
}
.program-section #focused-program-feature .program-feature-info {
  display: flex;
  flex-wrap: wrap;
}
.program-section #focused-program-feature .program-feature-info .main-description {
  width: 100%;
  max-width: 50%;
  min-width: 400px;
}
@media screen and (max-width: 700px) {
  .program-section #focused-program-feature .program-feature-info .main-description {
    min-width: 300px;
  }
}
@media screen and (max-width: 600px) {
  .program-section #focused-program-feature .program-feature-info .main-description {
    min-width: unset;
    max-width: unset;
  }
}

.page-images {
  max-height: 45vh;
}
.page-images .sl-images {
  line-height: 1;
  margin-bottom: 0;
  box-sizing: border-box;
  width: auto;
}
.page-images .sl-images img {
  box-sizing: border-box;
  height: 45vh;
  max-height: 45vh;
  min-width: 33.3333vw;
  -o-object-fit: cover;
     object-fit: cover;
}

.film-list {
  margin-top: 5rem;
  display: flex;
  flex-direction: column;
  transition: all 0.3s ease-in-out;
}
.film-list::-webkit-scrollbar {
  width: 4px !important;
}
.film-list span {
  color: #fff;
  font-size: 1.1rem;
  cursor: pointer;
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
}
.film-list span:hover {
  color: #57c3c3;
}

.images-screen {
  height: 100vh;
  min-width: 100%;
  background-color: #fff;
  display: flex;
  overflow-x: auto;
}
.images-screen .image-container-screen {
  height: inherit;
  position: relative;
  width: 100vw;
  height: 100%;
}
.images-screen .image-container-screen img {
  overflow: hidden;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.1s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.images-screen .image-container-screen .img-overlayer {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  bottom: 0px;
  left: 0px;
  padding: 3rem 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.5);
}
.images-screen .image-container-screen .img-overlayer p {
  margin: 0;
  color: #000;
  font-weight: 500;
}
.images-screen .image-container-screen .img-overlayer p.img-overlayer-title {
  text-transform: uppercase;
  font-size: 1.2rem;
  display: block;
}
.images-screen .image-container-screen:hover .img-overlayer {
  opacity: 1;
}

@media (max-width: 768px) {
  .images {
    overflow-x: auto;
  }
  .images .image-container {
    height: inherit;
    position: relative;
    width: 100%;
    min-width: 100%;
    height: 100%;
  }
  .images .image-container .img-overlayer p.img-overlayer-title {
    text-transform: uppercase;
    font-size: 1.1rem;
    display: block;
  }
}
.focused-program-whole {
  display: flex;
  justify-content: space-between;
}
.focused-program-whole .focused-program-writing {
  padding: 4rem 4rem 4rem 0;
}
.focused-program-whole .focused-program-writing h3 {
  font-size: 3rem;
}
.focused-program-whole .focused-program-writing p {
  font-weight: 500;
  font-size: 1.5rem;
  margin-top: 1.2rem;
}
.focused-program-whole .focused-program-aside {
  width: 30%;
  min-width: 30%;
  padding: 9.5rem 0 5rem 0;
  display: flex;
  flex-direction: column;
}
.focused-program-whole .focused-program-aside a {
  font-weight: 600;
  font-size: 1.7rem;
}

.program-bigger {
  overflow: hidden;
  position: relative;
  background-color: #000;
}
.program-bigger .pivot-grab {
  color: #fff;
  position: absolute;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  margin-right: 1rem;
  cursor: pointer;
}
.program-bigger .pivot-grab svg {
  height: 4rem;
  width: 4rem;
}
@media (max-width: 768px) {
  .program-bigger .pivot-grab {
    display: none;
  }
}
.program-bigger .program-image-blurred {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  transform: scale(1.2);
  filter: blur(20px);
  z-index: -1;
}
.program-bigger .program-b-header {
  padding-top: 6rem;
  margin-bottom: 6rem;
}
.program-bigger .program-b-header .program-title {
  font-size: 2.8rem;
  font-weight: 800;
  color: #fff;
  line-height: 1.3;
}
.program-bigger .program-b-content {
  display: flex;
  gap: 3rem;
  padding-bottom: 6rem;
}
.program-bigger .program-b-content .program-b-date {
  width: 40%;
  min-width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.program-bigger .program-b-content .program-b-date p {
  font-size: 2.4rem;
  margin: 0;
  font-weight: 700;
  color: #fff;
  line-height: 1.1;
}
.program-bigger .program-b-content .program-b-date .p-b-dates {
  margin-bottom: 0.5rem;
}
.program-bigger .program-b-content .program-b-date .film-list {
  margin-top: 6rem;
}
.program-bigger .program-b-content .program-b-expl {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 30rem;
}
.program-bigger .program-b-content .program-b-expl::-webkit-scrollbar {
  width: 4px;
}
.program-bigger .program-b-content .program-b-expl p {
  font-size: 1.3rem;
  font-weight: 500;
  color: #fff;
  padding-right: 2rem;
}

.inside-content {
  min-height: 100vh;
  max-width: 100vw;
  background: #fff;
  box-sizing: border-box;
}
.inside-content .inside-picture {
  box-sizing: border-box;
  padding-top: 4rem;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}
.inside-content .inside-picture a {
  margin: 0 auto;
}
.inside-content .inside-picture a img {
  width: 100%;
  max-height: 60vh;
  -o-object-fit: contain;
     object-fit: contain;
}
.inside-content .inside-picture .chev-left {
  height: 5rem;
  width: 5rem;
  position: absolute;
  left: 2rem;
  z-index: 100;
  cursor: pointer;
}
.inside-content .inside-picture .chev-left[aria-disabled=true] {
  opacity: 0;
}
.inside-content .inside-picture .chev-left:hover svg {
  color: #57c3c3;
}
.inside-content .inside-picture .chev-left svg {
  z-index: 100;
  color: #000;
  transition: all 0.3s ease-in-out;
}
.inside-content .inside-picture .chev-right {
  z-index: 100;
  height: 5rem;
  width: 5rem;
  position: absolute;
  right: 2rem;
  cursor: pointer;
}
.inside-content .inside-picture .chev-right[aria-disabled=true] {
  opacity: 0;
}
.inside-content .inside-picture .chev-right:hover svg {
  color: #57c3c3;
}
.inside-content .inside-picture .chev-right svg {
  z-index: 100;
  color: #000;
  transition: all 0.3s ease-in-out;
}
.inside-content .inside-expl {
  box-sizing: border-box;
  padding-top: 5rem;
  padding-bottom: 5rem;
  display: flex;
}
.inside-content .inside-expl .inside-expl-left {
  width: 40%;
}
.inside-content .inside-expl .inside-expl-left p {
  font-size: 2.5rem;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
  padding-right: 4rem;
}
.inside-content .inside-expl .inside-expl-right {
  width: 60%;
}
.inside-content .inside-expl .inside-expl-right p {
  font-weight: 500;
  font-size: 1.2rem;
  padding-right: 2rem;
  margin: 0;
}

@media screen and (max-width: 1280px) {
  .program-bigger .program-b-header .program-title {
    font-size: 2rem;
  }
  .program-bigger .program-b-content .program-b-date p {
    font-size: 2rem;
    line-height: 1.1;
  }
  .program-bigger .program-b-content .program-b-expl p {
    font-size: 1.3rem;
  }

  .program-b-date p {
    font-size: 2rem;
  }

  .program-b-expl p {
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 1024px) {
  .inside-content .inside-picture img {
    max-height: 75vh;
  }
  .inside-content .inside-expl {
    flex-direction: column;
  }
  .inside-content .inside-expl .inside-expl-left {
    width: 100%;
  }
  .inside-content .inside-expl .inside-expl-right {
    margin-top: 2rem;
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .focused-program-whole {
    flex-direction: column;
  }
  .focused-program-whole .focused-program-aside {
    width: 100%;
    min-width: 100%;
    padding: 0px 0 2.5rem 0;
  }

  /* --- Article min-screen styling -- */
  .program-bigger .program-b-header .program-title {
    font-size: 3rem;
  }
  .program-bigger .program-b-content {
    flex-direction: column;
  }
  .program-bigger .program-b-content .program-b-date {
    width: 100%;
    margin-bottom: 1.5rem;
  }
  .program-bigger .program-b-content .program-b-date p {
    font-size: 2rem;
  }
  .program-bigger .program-b-content .program-b-expl {
    width: 100%;
  }
  .program-bigger .program-b-content .program-b-expl p {
    font-size: 1.3rem;
  }

  .program-b-date p {
    font-size: 2rem;
  }

  .program-b-expl p {
    font-size: 1.3rem;
    padding-right: 1rem;
  }
}
@media screen and (max-width: 640px) {
  .focused-program-whole .focused-program-writing {
    padding: 0px;
    padding-top: 1rem;
  }
  .focused-program-whole .focused-program-writing h3 {
    font-size: 2rem;
  }
  .focused-program-whole .focused-program-writing p {
    font-size: 1.1rem;
  }

  .program-bigger .program-b-header .program-title {
    font-size: 2rem;
  }
  .program-bigger .program-b-content .program-b-expl p {
    font-size: 1rem;
  }

  .inside-content .inside-picture {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  .inside-content .inside-picture .chev-right,
.inside-content .inside-picture .chev-left {
    height: 3rem;
    width: 3rem;
    right: 1rem;
  }
  .inside-content .inside-expl {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
  .inside-content .inside-expl .inside-expl-left p {
    font-size: 2rem;
    line-height: 1.1;
    margin-bottom: 1rem;
    padding: 0px;
  }
  .inside-content .inside-expl .inside-expl-right p {
    font-size: 1.2rem;
    padding: 0px;
  }
}
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%;
  background-color: #000;
  align-items: center;
}
.main-navigation ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
  display: flex;
}
.main-navigation ul ul {
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  float: left;
  position: absolute;
  top: 100%;
  left: -999em;
  z-index: 99999;
  display: flex;
  flex-direction: column;
  background-color: #000;
  padding: 2rem 2rem;
  margin-left: -2rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 768px) {
  .main-navigation ul ul {
    border: 2px solid #fff;
  }
}
.main-navigation ul ul ul {
  left: -999em;
  top: 0;
}
.main-navigation ul ul li {
  margin-bottom: 1rem;
  margin-right: 0;
}
.main-navigation ul ul li:last-child {
  margin-bottom: 0;
}
.main-navigation ul ul li a {
  line-height: 1 !important;
}
.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
  display: block;
  left: auto;
}
.main-navigation ul ul li.sub-menu {
  margin-left: 1px;
}
.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
  left: auto;
}
.main-navigation li {
  position: relative;
}
.main-navigation a {
  display: block;
  text-decoration: none;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current-page-ancestor > a,
.main-navigation .current-menu-ancestor > a {
  color: #57C3C3 !important;
  transition: all 0.3s ease-in-out;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
  margin-left: 1px;
  display: block;
}

.toggled .right-side {
  display: none;
}

@media screen and (max-width: 768px) {
  .main-navigation ul {
    display: none;
  }
}

@media screen and (min-width: 871px) {
  .menu-toggle {
    display: none;
  }

  .main-navigation ul {
    display: flex;
  }
}
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em;
}
.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
}
.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  flex: 1 0 50%;
}
.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block;
}

.post {
  margin: 0 0 1.5em;
}

.updated:not(.published) {
  display: none;
}

.page-content,
.entry-summary {
  margin: 1.5em 0 0;
}

.page-links {
  clear: both;
  margin: 0 0 1.5em;
}

.title-block {
  max-width: 60vw;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 2rem;
}
.title-block .post-date {
  display: flex;
  width: 100%;
  justify-content: center;
}
@media (max-width: 768px) {
  .title-block {
    padding-top: 0rem;
    padding-bottom: 0rem;
    margin-bottom: 1rem;
  }
}
.title-block .post-title {
  font-size: 2.6rem;
  text-align: center;
  line-height: 1;
}
@media (max-width: 768px) {
  .title-block .post-title {
    font-size: 1.8rem;
    max-width: 100%;
  }
}
.title-block .post-subtitle {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
  text-align: center;
}
.title-block .post-meta {
  padding: 3rem 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  font-weight: 700;
  font-size: 1.3rem;
}

.article-wrap {
  padding: 7rem 0;
}

.post-thumbnail {
  display: flex;
  justify-content: center;
  overflow: hidden;
}
.post-thumbnail img {
  max-height: 70vh;
  width: auto;
  max-width: 900px;
  margin-bottom: 2rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 768px) {
  .post-thumbnail img {
    max-width: 100%;
  }
}

.tag-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-top: 3rem;
  margin-bottom: 3rem;
  gap: 1rem;
}
.tag-grid .grid-tag-item {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: 100%;
}
.tag-grid .grid-tag-item img {
  max-width: 100%;
}
.tag-grid .grid-tag-item .grid-item-body {
  margin-top: 1rem;
}
.tag-grid .grid-tag-item .grid-item-body a {
  line-height: 1;
  font-size: 2rem;
  font-weight: 700;
}
.tag-grid .grid-tag-item .grid-item-body .grid-item-content {
  padding-top: 1rem;
  max-height: 10rem;
  overflow: hidden;
}
.tag-grid .grid-tag-item .grid-item-body .grid-item-content p {
  text-overflow: ellipsis;
}

.tags-title {
  margin-top: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.tags-title span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

@media (max-width: 768px) {
  .tag-grid {
    grid-template-columns: 1fr;
  }
}
.tags-title {
  display: flex;
  flex-direction: column;
  font-size: 2rem;
}

.page-images {
  position: relative;
}
.page-images .chev-left,
.page-images .chev-right {
  height: 3rem;
  width: 3rem;
  position: absolute;
  z-index: 100;
  cursor: pointer;
  top: 50%;
  margin-top: -1.6rem;
}
.page-images .chev-left[aria-disabled=true],
.page-images .chev-right[aria-disabled=true] {
  opacity: 0;
}
.page-images .chev-left:hover svg,
.page-images .chev-right:hover svg {
  color: #57c3c3;
}
.page-images .chev-left svg,
.page-images .chev-right svg {
  z-index: 100;
  color: #000;
  transition: all 0.3s ease-in-out;
}
.page-images .chev-left {
  left: 2rem;
}
.page-images .chev-right {
  right: 2rem;
}

.single-post article .entry-content {
  max-width: 1100px;
  margin: 0 auto;
}

/* Events
--------------------------------------------- */
.archive.post-type-archive-event {
  overflow: hidden;
}
.archive.post-type-archive-event #events-container-wrapper {
  position: relative;
  margin: 0 10%;
  padding-top: 10rem;
  padding-bottom: 10rem;
}
@media (max-width: 1300px) {
  .archive.post-type-archive-event #events-container-wrapper {
    margin: 0 auto;
  }
}
@media screen and (max-width: 600px) {
  .archive.post-type-archive-event #events-container-wrapper {
    width: 490px;
    padding-top: 5rem;
    padding-bottom: 5rem;
  }
}
@media screen and (max-width: 500px) {
  .archive.post-type-archive-event #events-container-wrapper {
    width: 350px;
  }
}
@media (min-width: 800px) and (max-width: 1024px) {
  .archive.post-type-archive-event #events-container-wrapper {
    width: 700px;
  }
}
@media (min-width: 700px) and (max-width: 800px) {
  .archive.post-type-archive-event #events-container-wrapper {
    width: 700px;
  }
}
@media (min-width: 600px) and (max-width: 700px) {
  .archive.post-type-archive-event #events-container-wrapper {
    width: 590px;
  }
}
.archive.post-type-archive-event .swiper-container {
  width: 100%;
  height: 100%;
}
.archive.post-type-archive-event .swiper-wrapper {
  display: flex;
  align-items: stretch;
  height: auto !important;
}
.archive.post-type-archive-event .swiper-wrapper .event {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-sizing: border-box;
  padding: 2rem 2rem 2rem 2rem;
  background-color: #000;
  transition: all 0.3s ease-in-out;
  height: auto !important;
  min-height: 350px;
}
.archive.post-type-archive-event .swiper-wrapper .event:hover {
  background-color: #57c3c3;
}
.archive.post-type-archive-event .swiper-wrapper .event .entry-header {
  display: block;
  flex-grow: 1;
  margin-bottom: 2rem;
}
.archive.post-type-archive-event .swiper-wrapper .event .entry-header .event-title {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
.archive.post-type-archive-event .swiper-wrapper .event .entry-header .event-title:hover {
  color: #fff !important;
}
.archive.post-type-archive-event .swiper-wrapper .event .event-date,
.archive.post-type-archive-event .swiper-wrapper .event .event-time {
  display: block;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
}
.archive.post-type-archive-event .swiper-button-next,
.archive.post-type-archive-event .swiper-button-prev {
  width: 48px;
  height: 48px;
  background-color: transparent;
  position: absolute;
  top: 50%;
  margin-top: -24px;
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}
.archive.post-type-archive-event .swiper-button-next.swiper-button-disabled,
.archive.post-type-archive-event .swiper-button-prev.swiper-button-disabled {
  color: #222;
}
.archive.post-type-archive-event .swiper-button-prev {
  left: -25px;
}
.archive.post-type-archive-event .swiper-button-next {
  right: -25px;
}

.event-single {
  margin: 5% 0;
}
.event-single .gallery img {
  width: 100%;
  max-height: 70vh;
  -o-object-fit: contain;
     object-fit: contain;
}
.event-single .program-feature-info {
  display: flex;
  flex-wrap: wrap;
  margin-top: 3rem;
}
@media (max-width: 768px) {
  .event-single .program-feature-info {
    flex-direction: column;
  }
}
.event-single .program-feature-info .main-info {
  width: 40%;
  font-size: 2.3rem;
}
.event-single .program-feature-info .main-info h5 {
  padding-right: 3rem;
  font-size: 2.4rem;
  margin-bottom: 1rem;
}
@media (max-width: 768px) {
  .event-single .program-feature-info .main-info h5 {
    padding-right: 0px;
    font-size: 1.8rem;
  }
}
@media (max-width: 768px) {
  .event-single .program-feature-info .main-info {
    width: 100%;
    font-size: 2rem;
  }
}
.event-single .program-feature-info .main-description {
  font-size: 1.3rem;
  width: 60%;
}
@media (max-width: 700px) {
  .event-single .program-feature-info .main-description {
    width: 100%;
    margin-top: 2rem;
  }
}

.calendar {
  padding: 6rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.calendar .month-navigation {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  position: relative;
}
.calendar .month-navigation .navigation-item {
  cursor: pointer;
  color: #000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.calendar .month-navigation .navigation-item:hover {
  color: #57c3c3;
}
.calendar .month-navigation .navigation-item svg {
  height: 60px;
  width: 60px;
}
@media (max-width: 768px) {
  .calendar .month-navigation .navigation-item svg {
    height: 40px;
    width: 40px;
  }
}
.calendar .month-navigation .navigate-ago {
  margin-right: 2rem;
}
.calendar .month-navigation .navigate-after {
  margin-left: 2rem;
}
.calendar .month-navigation h3 {
  font-size: 4rem;
  font-weight: 700;
}
.calendar .calendar-wrapper {
  padding: 1rem;
  position: relative;
}
.calendar .calendar-wrapper .calendar-container {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 1px;
  background-color: #111;
}
.calendar .calendar-wrapper .calendar-container .event-sign {
  border-bottom: 1px solid #57c3c3;
  color: #57c3c3 !important;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance {
  height: 6rem;
  width: 6rem;
  background-color: #000;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 3rem;
  font-weight: 500;
  border-collapse: collapse;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance:hover {
  background-color: #57c3c3;
  color: #000 !important;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-indexed {
  z-index: 100000 !important;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 100%;
  width: 100%;
  background-color: #fff;
  border: 3px solid #000;
  display: flex;
  flex-direction: column;
  padding: 2rem;
  overflow: hidden;
  line-height: normal;
  opacity: 0;
  z-index: -1;
  color: #000;
  cursor: -webkit-grab;
  cursor: grab;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info h3 {
  margin: 0px;
  font-size: 2.5rem;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-date {
  font-weight: 700;
  line-height: 1;
  font-size: 2rem;
  margin-bottom: 1.5rem;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-time {
  font-weight: 700;
  line-height: 1;
  font-size: 2rem;
  margin-top: 1.5rem;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-content {
  overflow-y: auto;
  overflow-x: hidden;
  margin-top: 2rem;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-content p {
  font-size: 1.4rem;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .closeBtn {
  position: absolute;
  top: 0;
  right: 1rem;
  transform: rotate(45deg);
  cursor: pointer;
  z-index: 12;
  transition: all 0.3s ease-in-out;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .closeBtn:hover {
  color: #0eaffa;
}
.calendar .calendar-wrapper .calendar-container .calendar-instance .active {
  opacity: 1;
  z-index: 200;
}

@media (max-width: 768px) {
  .calendar {
    padding: 3rem;
  }
  .calendar .month-navigation h3 {
    font-size: 1rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    font-weight: 700;
    display: flex;
    flex-shrink: 0;
  }
  .calendar .calendar-wrapper {
    padding: 0.6rem;
  }
  .calendar .calendar-wrapper .calendar-container {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    gap: 1px;
    background-color: #111;
  }
  .calendar .calendar-wrapper .calendar-container .event-sign {
    border-bottom: 1px solid #57c3c3;
    color: #57c3c3 !important;
  }
  .calendar .calendar-wrapper .calendar-container .event-date {
    font-size: 1rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance {
    height: 3rem;
    width: 3rem;
    font-size: 1.2rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info {
    padding: 1.6rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info h3 {
    font-size: 1.5rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-date {
    font-size: 1.3rem;
    margin-bottom: 1rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-time {
    font-size: 1.4rem;
    margin-top: 1rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-content {
    margin-top: 1rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .instance-info-content p {
    font-size: 1.2rem;
  }
  .calendar .calendar-wrapper .calendar-container .calendar-instance .instance-info .closeBtn {
    right: 0.4rem;
  }
}
.page-images {
  overflow: hidden;
}

.publications-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  margin-bottom: 3rem;
  gap: 1.5rem;
  position: relative;
}
.publications-grid .pub-announcer {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 4rem;
  background-color: #000;
  padding: 1.4rem 3.5rem;
  z-index: 100;
}
@media (max-width: 768px) {
  .publications-grid .pub-announcer {
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    transform: translate(0, 0);
    top: 5%;
    left: 0%;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
  }
}
@media (max-width: 640px) {
  .publications-grid {
    grid-template-columns: 1fr;
  }
}

.pub-wrapper {
  display: flex;
  flex-direction: column;
  filter: blur(7px);
  position: relative;
  pointer-events: none;
  -webkit-user-select: none;
  /* Safari */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* IE10+/Edge */
  user-select: none;
  /* Standard */
}
.pub-wrapper img.pub-image {
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.pub-wrapper .p-e {
  line-height: 1.1;
}
.pub-wrapper .pub-title {
  margin-bottom: 0.2rem;
  margin-top: 2rem;
}
.pub-wrapper .pub-year {
  margin-top: 0.5rem;
  font-size: 1.6rem;
}
.pub-wrapper .pub-body-wrapper {
  max-height: 50vh;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  padding-top: 1rem;
  margin-top: 0.4rem;
}
.pub-wrapper .pub-body-wrapper::-webkit-scrollbar {
  width: 4px;
}
.pub-wrapper .pub-body-wrapper .pub-body {
  line-height: 1.4;
  padding-right: 10px;
}
.pub-wrapper .pub-image {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  max-height: 60vh;
}

@media (max-width: 768px) {
  .publications-grid .p-e {
    font-size: 1rem;
  }
  .publications-grid .pub-image {
    width: 100%;
    height: auto;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 60vh;
  }
  .publications-grid .pub-year {
    font-size: 1rem;
  }
  .publications-grid .pub-body {
    line-height: 1.4;
  }
}
.padding-wrapper {
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.super {
  z-index: 10000000;
}

/* Comments
--------------------------------------------- */
.comment-content a {
  word-wrap: break-word;
}

.bypostauthor {
  display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em;
}
.widget select {
  max-width: 100%;
}

.lumbardhi-grid-posts {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media (max-width: 768px) {
  .lumbardhi-grid-posts {
    grid-template-columns: 1fr 1fr;
  }
}
.lumbardhi-grid-posts li {
  margin-right: 1rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
  line-height: 1.5;
}
.lumbardhi-grid-posts li:nth-of-type(4n) {
  margin-right: 0;
}
@media (max-width: 768px) {
  .lumbardhi-grid-posts li:nth-of-type(4n) {
    margin-right: 1rem;
  }
  .lumbardhi-grid-posts li:nth-of-type(2n) {
    margin-right: 0;
  }
}

li.post-item, div.inner-post-item {
  display: flex;
  flex-direction: column;
}

div.inner-post-item {
  line-height: 0;
  filter: grayscale(0);
  transition: all 0.3s ease-in-out;
}
div.inner-post-item:hover {
  filter: grayscale(1);
}

.icon-image {
  height: 50px;
  width: 50px;
  cursor: pointer;
}
@media (max-width: 768px) {
  .icon-image {
    height: 40px;
    width: 40px;
  }
}

.post-tag-wrapper {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-top: 1rem;
}

.block-news-title {
  font-size: 1.4rem;
  margin-top: 0.3rem;
  line-height: 1.3;
  color: #000 !important;
}
.block-news-title:hover {
  color: #000 !important;
}
@media (max-width: 768px) {
  .block-news-title {
    font-size: 1.1rem;
  }
}

.lumbardhi-event-posts {
  list-style: none;
  padding: 0;
  overflow-y: auto;
  height: 100%;
  max-height: 100%;
  max-height: 60vh;
}
.lumbardhi-event-posts::-webkit-scrollbar {
  width: 4px;
}
.lumbardhi-event-posts .wrapper {
  min-height: 0px;
  padding-right: 1rem;
}
.lumbardhi-event-posts .wrapper .news {
  padding: 1.5rem 0;
  border-bottom: 1px dashed #000;
}
.lumbardhi-event-posts .wrapper .news a:hover {
  color: #000 !important;
}
.lumbardhi-event-posts .wrapper .news h2 {
  font-size: 1.1rem;
  margin-bottom: 0.7rem;
  font-family: monospace, monospace !important;
}
.lumbardhi-event-posts .wrapper .news p {
  font-size: 1.1rem;
  margin-bottom: 0px;
  font-family: monospace, monospace !important;
}

.front-view {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.front-view .front-default {
  max-width: 70%;
}
@media (max-width: 768px) {
  .front-view .front-default {
    max-width: 100%;
  }
}

.first-posts {
  display: flex;
}
.first-posts .center-post {
  margin-right: 2em;
  line-height: 0;
  width: 100%;
}
.first-posts .center-post img {
  width: 100%;
}
.first-posts .center-post .center-title {
  font-size: 2rem;
  display: block;
  margin-top: 0.5rem;
  line-height: 1.4;
  font-weight: 700;
}
.first-posts .center-post .center-title:hover {
  color: #000 !important;
}
.first-posts .center-post .center-tags {
  display: flex;
  justify-content: flex-end;
}
.first-posts .right-news .right-post {
  display: block;
  margin-bottom: 2em;
  line-height: 0;
  position: relative;
  max-height: 45vw;
}
.first-posts .right-news .right-post:hover .right-overlayer {
  opacity: 0;
}
.first-posts .right-news .right-post .right-overlayer {
  position: absolute;
  background-color: rgba(0, 0, 0, 0.8);
  color: #fff;
  inset: 0;
  display: flex;
  padding: 1rem;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.first-posts .right-news .right-post .right-overlayer span {
  line-height: 1.6;
  text-align: center;
}
.first-posts .right-news .right-post img {
  max-width: 20vw;
  min-height: 100%;
  min-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (max-width: 768px) {
  .full-right {
    margin-left: 0 !important;
  }

  .first-posts {
    flex-direction: column;
  }
  .first-posts .right-news {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .first-posts .right-news .right-post:nth-child(1) {
    margin-right: 1rem;
  }
  .first-posts .center-post {
    margin-right: 0 !important;
    margin-bottom: 2em;
    width: 100%;
  }
  .first-posts .center-post .center-title {
    font-size: 1.4rem;
  }
}
@media (max-width: 1024px) {
  .lumbardhi-event-posts {
    max-height: 30vh;
  }
  .lumbardhi-event-posts .wrapper .news {
    padding: 1.5rem 0;
    border-bottom: 1px dashed #000;
  }
  .lumbardhi-event-posts .wrapper .news h2 {
    font-size: 0.9rem;
  }
  .lumbardhi-event-posts .wrapper .news p {
    font-size: 0.8rem;
  }
}
@media (max-width: 768px) {
  .lumbardhi-event-posts {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}
@media (max-width: 768px) {
  .full-home-header {
    flex-direction: column-reverse;
  }
}
/* Media
--------------------------------------------- */
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
  border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
  display: inline-block;
  max-width: 15rem;
}

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%;
}
.wp-caption img[class*=wp-image-] {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.wp-caption .wp-caption-text {
  margin: 0.8075em 0;
}

.wp-caption-text {
  text-align: center;
}

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em;
}

.gallery-item {
  display: inline-block;
  text-align: center;
  width: 100%;
}

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
  display: block;
}

/* Footer
--------------------------------------------- */
footer.site-footer {
  background-color: #000;
  color: #fff;
  padding: 4rem 0;
}
footer.site-footer a {
  color: #fff;
}
@media screen and (max-width: 768px) {
  footer.site-footer {
    padding: 8rem 0;
  }
}
footer.site-footer .footer-wrapper {
  display: grid !important;
  padding-top: 10px;
  grid-template-columns: 3fr 3fr 1fr;
}
footer.site-footer .footer-wrapper .left-content {
  padding-right: 1rem;
  display: flex;
  flex-direction: column;
  padding-right: 3rem;
}
footer.site-footer .footer-wrapper .left-content p {
  font-size: 1.2rem;
  font-weight: 300;
  margin-bottom: 1rem;
}
footer.site-footer .footer-wrapper .left-content .footer-logo {
  display: flex;
  align-items: flex-end;
  margin-bottom: 1rem;
}
footer.site-footer .footer-wrapper .left-content .footer-logo img {
  max-width: 18rem;
  position: relative;
  left: -5px;
}
footer.site-footer .footer-wrapper .left-content .all-svgs {
  display: flex;
  gap: 1.3rem;
}
footer.site-footer .footer-wrapper .left-content .all-svgs .svg-icons {
  width: 1.6rem;
}
footer.site-footer .footer-wrapper .center-content .par-content {
  margin-top: 2rem;
}
footer.site-footer .footer-wrapper .center-content .par-content:first-of-type {
  margin-top: 0rem;
}
footer.site-footer .footer-wrapper .center-content .par-content p {
  font-size: 1.1rem;
  font-weight: 300;
  margin: 0;
  line-height: 1.5;
}
footer.site-footer .footer-wrapper .center-content .mid-par-content {
  margin-bottom: 2rem;
}
@media (max-width: 768px) {
  footer.site-footer .footer-wrapper .center-content {
    margin-bottom: 4rem;
  }
}
footer.site-footer .footer-wrapper .center-content .rent-box {
  margin-top: 3rem;
  font-size: 1.1rem;
}
footer.site-footer .footer-wrapper .center-content .rent-box a {
  padding: 0.9rem 1.6rem;
  border: 2px solid #eee;
  font-weight: 600;
}
footer.site-footer .footer-wrapper .center-content .rent-box a:hover {
  background-color: #eee;
  color: #000 !important;
}
footer.site-footer .footer-wrapper .sign-up {
  font-size: 1.5rem;
  font-weight: 300;
}
footer.site-footer .footer-wrapper .right-content .newsletter_form {
  margin: 3rem 0;
  display: flex;
  flex-direction: column;
}
footer.site-footer .footer-wrapper .right-content .newsletter_form .newsletter_input {
  width: 24rem;
  outline: none;
  border: none;
  padding: 0.7rem;
  font-size: 1.2rem;
  background-color: #000;
  border-bottom: 2px solid #fff;
  color: #fff;
  font-weight: 300;
  border-radius: 0px;
  font-weight: 500;
}
footer.site-footer .footer-wrapper .right-content .newsletter_form .newsletter_button {
  margin-top: 3rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 0.9rem 1.6rem;
  border: 2px solid #fff;
  font-size: 1.5rem;
  font-weight: 700;
  background-color: transparent;
  color: #fff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  border-radius: 0px;
  line-height: 1.1;
  outline: none;
}
footer.site-footer .footer-wrapper .right-content .newsletter_form .newsletter_button:hover {
  background-color: #fff;
  color: #000;
}

@media (max-width: 768px) {
  footer.site-footer {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  footer.site-footer .footer-wrapper {
    grid-template-columns: 1fr;
  }
  footer.site-footer .footer-wrapper .left-content {
    flex-direction: column;
    margin-bottom: 4rem;
    align-items: flex-start;
    padding-right: 0px;
  }
  footer.site-footer .footer-wrapper .left-content p {
    font-size: 1.2rem;
  }
  footer.site-footer .footer-wrapper .left-content .all-svgs {
    display: flex;
    gap: 1.3rem;
  }
  footer.site-footer .footer-wrapper .left-content .all-svgs .svg-icons {
    width: 1.3rem;
  }
  footer.site-footer .footer-wrapper .center-content {
    padding-left: 0px;
    padding-right: 0px;
  }
  footer.site-footer .footer-wrapper .center-content .par-content p {
    font-size: 1.2rem;
  }
  footer.site-footer .footer-wrapper .right-content {
    margin-top: 4rem;
  }
  footer.site-footer .footer-wrapper .right-content .sign-up {
    font-size: 1.2rem;
  }
  footer.site-footer .footer-wrapper .right-content .newsletter_form .newsletter_input {
    width: 100%;
  }
  footer.site-footer .footer-wrapper .right-content .newsletter_form .newsletter_button {
    font-size: 1.2rem;
  }
}
/* header
--------------------------------------------- */
header.site-header #site-navigation {
  z-index: 20;
  background-color: #000;
  position: relative;
}
header.site-header #site-navigation .mobile-wrapper {
  display: none;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  header.site-header #site-navigation .mobile-wrapper {
    display: flex;
  }
}
header.site-header #site-navigation .mobile-wrapper button.menu-toggle {
  color: #fff;
  background-color: transparent;
  padding: 1rem 0;
  font-size: 1.2rem;
  border: none;
  outline: none;
  font-weight: 700;
  cursor: pointer;
}
header.site-header .header-search {
  padding: 30px 0 20px 0;
}
header.site-header .header-search .site-wrapper {
  display: flex;
}
header.site-header .site-branding {
  display: flex;
  align-items: center;
  border-bottom: 2px solid #000;
}
header.site-header .site-branding .site-logo {
  margin-left: -10px;
}
header.site-header .site-branding .site-logo img {
  height: 3.5rem;
  -o-object-fit: contain;
     object-fit: contain;
}
header.site-header .site-branding a {
  line-height: 0;
}
header.site-header .site-branding #bllogu-logo {
  margin-left: auto;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  header.site-header .site-branding #bllogu-logo a img {
    max-height: 1.2rem;
  }
}
header.site-header .site-branding #bllogu-logo a img {
  width: 7rem;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
header.site-header .site-branding .site-logo {
  line-height: 0px;
  max-height: 5rem;
}
header.site-header .main-navigation .menu > li {
  margin-right: 5rem;
}
header.site-header .main-navigation li.current_page_item > a {
  color: #57c3c3;
}
header.site-header .main-navigation li a {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 2;
}
@media screen and (max-width: 1024px) {
  header.site-header .main-navigation li a {
    font-size: 1.2rem;
  }
}

.page-title {
  padding: 1rem 0;
  border-bottom: 3px solid #000;
}
@media screen and (max-width: 768px) {
  .page-title {
    display: none;
  }
}
.page-title .title {
  color: #000;
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 300;
}

.home .header-search {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 50px;
}
.home .header-search .site-wrapper {
  background: url(https://bllogu.lumbardhi.org/src/assets/shape-placeholder.png);
  height: 100%;
  background-position-y: center;
  background-size: cover;
  background-repeat: no-repeat;
}

@-webkit-keyframes header {
  0% {
    background-position-y: center;
  }
  25% {
    background-position-y: 0%;
  }
  50% {
    background-position-y: center;
  }
  75% {
    background-position-y: 100%;
  }
  100% {
    background-position-y: center;
  }
}

@keyframes header {
  0% {
    background-position-y: center;
  }
  25% {
    background-position-y: 0%;
  }
  50% {
    background-position-y: center;
  }
  75% {
    background-position-y: 100%;
  }
  100% {
    background-position-y: center;
  }
}
@-webkit-keyframes headerHeight {
  0% {
    height: 50px;
  }
  100% {
    height: 300px;
  }
}
@keyframes headerHeight {
  0% {
    height: 50px;
  }
  100% {
    height: 300px;
  }
}
@-webkit-keyframes headerHeightM {
  0% {
    height: 50px;
  }
  100% {
    height: 150px;
  }
}
@keyframes headerHeightM {
  0% {
    height: 50px;
  }
  100% {
    height: 150px;
  }
}
.right-side {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.right-side .lang a {
  display: inline-block;
  font-size: 1.1rem;
  margin-left: 0.5rem;
  font-weight: 700;
  color: #fff;
}
.right-side .search-button {
  height: 1.3rem;
  width: 1.3rem;
  color: #fff;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
}
.right-side .search-button:hover {
  color: #57c3c3;
}
.right-side .search-form {
  background-color: #000;
  margin-right: 0.5rem;
}
.right-side .search-form input {
  background-color: #000;
  outline: none;
  border: none;
  border-bottom: 2px solid #fff;
  border-radius: 0px;
  color: #fff;
}

#desktop-menu {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  transition: all 0.3s ease-in-out;
}

.flex-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 768px) {
  .sub-menu .sub-menu {
    margin-left: 2px;
    border: 2px solid #fff;
  }
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}
.screen-reader-text:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  -webkit-clip-path: none;
          clip-path: none;
  color: #21759b;
  display: block;
  font-size: 0.875rem;
  font-weight: 700;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

/* Do not show the outline on the skip link target. */
#primary[tabindex="-1"]:focus {
  outline: 0;
}

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em;
}

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em;
}

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}

.p-2 {
  padding: 2em;
}

.px-2 {
  padding-left: 2em;
  padding-right: 2em;
}

.py-3 {
  padding-top: 3em;
  padding-bottom: 3em;
}

.py-0 {
  padding-top: 0;
  padding-bottom: 0;
}

.mt-0 {
  margin-top: 0;
}

.my-0 {
  margin-top: 0;
  margin-bottom: 0;
}

html {
  overflow-x: hidden;
}

.could-not-find {
  padding-top: 8rem;
  padding-bottom: 8rem;
}

.ssp-font {
  font-family: "Source Serif Pro", serif;
}

.site-identity {
  position: fixed;
  z-index: 100;
  max-height: 50vh;
  pointer-events: none;
  mix-blend-mode: multiply;
}

.identity-top-left {
  top: 12rem;
  left: 20%;
}

.identity-top-right {
  top: 12rem;
  right: 20%;
}

.identity-center {
  top: 12rem;
  left: 50%;
  transform: translateX(-50%);
}

.identity-bottom-right {
  bottom: 12rem;
  right: 20%;
}