:root {
   --event-grid-width: 0px;
   --mobil-element-title: 20px;
}

body {
   padding-top: 59px;
}

#contentWrapper {
   -webkit-transition: 0.5s;
   transition: 0.5s;
}

hr {
   border-style: solid;
}

.blurredBackground {
   display: none;
}

.section-header h1 {
   font-size: 16px;
   text-transform: uppercase;
   position: relative;
   margin: 0.3em 0;
   height: 1em;
   max-height: 1em;
   width: 100%;
   text-align: center;
}

/* User module */

#userModuleContent h1 {
   font-family: Assistant-light, sans-serif;
   font-size: 1.4em;
   text-align: center;
   width: 100%;
}

#userModuleContent h4 {
   font-family: var(--font-extralight);
}

/* header */

#header {
   display: none;
   padding: 0px;
   margin-bottom: 0px;
   padding-top: 44px;
}

#header a {
   display: flex;
}

#header img {
   width: 100vw;
}

/* Slideshow container */

.slideshow-container {
   max-width: 100vw;
   position: relative;
   margin: auto;
}

/* Hide the images by default */

.frontCoverSlide {
   display: none;
}

/* Fading animation */

.fade {
   -webkit-animation-name: fade;
   -webkit-animation-duration: 1.5s;
   animation-name: fade;
   animation-duration: 1.5s;
}

@-webkit-keyframes fade {
   from {
      opacity: .4
   }
   to {
      opacity: 1
   }
}

@keyframes fade {
   from {
      opacity: .4
   }
   to {
      opacity: 1
   }
}

#header div.titleWraper {
   position: absolute;
   bottom: 0px;
   left: 0;
   background: rgba(255, 255, 255, 0.3);
   color: black;
   padding: 15px;
   width: 100%;
}

#header div.titleWraper .text {
   margin: 0px;
}

/* Adds */

.addBanner {
   width: 100vw;
   height: 90px;
   overflow: hidden;
   /* background-color: gray; */
   margin: 0;
   /* background: linear-gradient(90deg, gray 1%, transparent 1%) 1px 0, #fff; */
   background-color: gray;
   background-image: linear-gradient(0deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent), linear-gradient(90deg, transparent 24%, rgba(255, 255, 255, .05) 25%, rgba(255, 255, 255, .05) 26%, transparent 27%, transparent 74%, rgba(255, 255, 255, .05) 75%, rgba(255, 255, 255, .05) 76%, transparent 77%, transparent);
   background-size: 50px 50px;
   transition: 1000ms all;
}

.addBox {
   position: absolute;
   top: 60%;
   left: 4%;
   padding: 1rem;
   background-color: #d50000;
   border-radius: 15px;
   cursor: pointer;
}

.addBox:hover {
   -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.51);
   -moz-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.51);
   box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.51);
}

.addBox h1 {
   margin: 0;
}

/* Agenda */

#agenda {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   max-height: unset;
   /* temp */
   display: none;
}

#calendar {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   margin-top: 20px;
   box-sizing: border-box;
}

#calendar>div {
   position: relative;
}

#calendar .section-header {
   display: flex;
   max-height: 1.6em;
   font-family: Assistant-Regular, sans-serif;
   font-size: 16px;
}

#calendar .section-header img {
   display: none;
}

#calendar-search-container {
   padding: 10px 23px;
   box-sizing: border-box;
}

#calendar-search-container input, #yearMonthContainer select {
   font-family: Assistant-ExtraLight;
   font-size: 0.8em;
   border-radius: 50px;
   text-align: -webkit-center;
   text-align: center;
}

#calendar-search-container input#eventSearchInput {
   box-sizing: border-box;
   width: 100%;
   padding: 10px;
}

#yearMonthContainer {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
}

#yearMonthContainer span {
   flex-basis: 50%;
   width: 100%;
   padding: 20px 0px;
   /* border-radius: 50px;
   background: white; */
}

#yearMonthContainer span:first-child {
   padding-right: 10px;
}

#yearMonthContainer span:last-child {
   padding-left: 10px;
}

option[value=''] {
   display: none;
}

#yearMonthContainer select {
   box-sizing: border-box;
   width: 100%;
   padding: 10px;
   -webkit-appearance: none;
   background: white;
}

#yearMonthContainer select:focus {
   outline: none;
}

#calendar-grid {
   display: none;
}

#ad-container {
   flex-basis: 22%;
}

#ad-container img {
   width: 100%;
   max-width: 100%;
}

#calendar-grid>div {
   display: flex;
   flex-wrap: wrap;
   flex-direction: row;
   margin: 23px;
}

#calendar-grid>div>div {
   text-align: center;
   flex-basis: 14.2%;
   height: 2em;
}

#calendar-grid div.day {
   max-width: 14.2%;
   font-size: 1.2vw;
}

#calendar-grid div.dayHeader {
   font-weight: bold;
}

#calendar-grid div.day>div {
   margin: 0px 20%;
   border-radius: 10px;
   cursor: pointer;
}

#calendar-grid div.day.selectedDay>div {
   margin: 0px 20%;
   background: white;
   border-radius: 10px;
   color: black;
   cursor: default;
   pointer-events: none;
}

#calendar-grid div.day span {
   pointer-events: none;
}

#events-grid {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-evenly;
   place-content: start;
   background: white;
   overflow-y: hidden;
   transition: 400ms;
   max-height: 0px;
}

.eventMediaWrapper {
   box-sizing: border-box;
   display: flex;
   position: relative;
}

.eventCategoryLabels {
   display: none;
}

.eventCategoryLabel {
   position: absolute;
   bottom: 0px;
   left: 0px;
   z-index: 6;
   padding: 5px 20px;
   background: white;
   color: black;
   text-transform: uppercase;
   font-family: 'Assistant-ExtraBold';
}

#events-grid>.grid-item {
   z-index: 3;
   flex-basis: 100%;
   display: flex;
   flex-direction: column-reverse;
   margin-bottom: 5px;
   background: black;
}

.event-grid-image {
   width: 100%;
   z-index: 6;
}

.event-grid-data {
   position: relative;
   display: block;
   flex-direction: column;
   flex-wrap: nowrap;
   width: 100%;
   max-width: 100%;
   z-index: 5;
   background: rgba(0, 0, 0, 1);
   padding: 0px 0px;
}

.event-grid-data .grid-item {
   flex-basis: 50%;
   max-height: 50%;
   overflow: auto;
}

.event-date {
   position: absolute;
   bottom: 0;
   left: 5px;
   background: white;
   color: black;
   width: 4.5em;
   height: 4.5em;
   max-height: 100%;
}

.event-grid-data .event-date {
   display: none;
}

.event-date h1 {
   margin-bottom: 5px;
}

.event-date h1, .event-date h3 {
   margin: 0px auto;
   text-align: center;
   font-family: Assistant-ExtraBold, sans-serif;
}

.event-date-front {
   z-index: 6;
   top: 0px;
   width: 2.3em;
   height: 2.32em;
}

.event-date-front h1, .event-date-front h3 {
   font-size: medium;
   font-family: Assistant-Bold, sans-serif;
}

.event-basic-data {
   margin-left: 0;
   padding-left: 20px;
}

.event-basic-data h2 {
   margin-bottom: 20px;
   margin-top: 0;
   font-size: var(--mobil-element-title);
   font-family: Assistant-Light;
}

.event-basic-data h4 {
   margin: 3px auto;
}

.event-basic-data, .event-data-description p {
   padding: 20px;
   padding-top: 10px;
}

.event-data-description p {
   font-size: smaller;
   font-family: Assistant-Light;
   margin: 0;
   padding-top: 0px;
   text-align: justify;
}

.interactiontIcon {
   width: 25px;
   height: 25px;
   margin: 0;
   padding: 5px;
   cursor: pointer;
   position: relative;
   display: inline;
}

.eventShareButtonsWrapper {
   display: inline;
   position: absolute;
   right: 0px;
   top: 13px;
   flex-direction: row-reverse;
   max-width: 35px;
   max-height: 35px;
   overflow: hidden;
   -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;
   transition: all 0.4s;
   /* background: rgba(255, 255, 255, 0); */
}

.eventShareButtonsWrapper.open {
   max-width: 140px;
   /* background: rgba(255, 255, 255, 1); */
}

.event-grid-data-wrapper {
   position: relative;
}

.interactiontIcon.moreIcon {
   position: absolute;
   right: 0;
   bottom: 8px;
}

/* Contenido inteorior eventos */

#eventInnerDataContainer {
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100vw;
   max-width: 100vw;
   height: 100vh;
   max-height: 100vh;
   margin: 0;
   box-sizing: border-box;
   z-index: 1000;
   backdrop-filter: blur(5px);
   --webkit-backdrop-filter: blur(5px);
   overflow: hidden;
}

.event-inner-fixed-container {
   display: none;
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100vw;
   height: 100vh;
   max-width: 100vw;
   max-height: 100vh;
   z-index: 100;
   overflow-y: auto;
}

.event-inner-fixed-container.noInnerContent {
   display: flex;
   align-items: center;
}

.event-inner-container {
   display: -webkit-flex;
   display: flex;
   flex-direction: column;
   position: relative;
   justify-content: center;
   left: 0px;
   width: 100%;
}

.event-inner-container .grid-item {
   display: flex;
   display: block;
   width: 100%;
   color: black;
   box-sizing: border-box;
}

.event-inner-data {
   display: flex;
   flex-direction: column;
   flex-wrap: nowrap;
   overflow: hidden;
}

.event-inner-data .blurredBackground {
   background: white;
}

.grid-item.event-inner-data {
   padding-bottom: 20px;
}

.event-inner-data .grid-item {
   width: 100%;
   height: 100%;
   display: block;
   overflow: hidden;
}

.event-inner-data-image img {
   display: block;
   width: 100%;
   max-width: 100%;
   margin: 0px;
   padding: 0px;
   height: auto;
}

.event-inner-data-title {
   padding-left: 20px;
   padding-right: 20px;
}

.event-inner-data-title h1 {
   margin-top: 20px;
   margin-bottom: 2%;
   font-family: Assistant-Bold, sans-serif;
   font-size: 2em;
}

.event-inner-data-title h2 {
   margin-top: 0;
   margin-bottom: auto;
   font-family: Assistant-Bold, sans-serif;
   font-size: 1em;
}

.grid-item.event-inner-data-info {
   padding-left: 20px;
   padding-right: 20px;
   box-sizing: border-box;
   display: block;
   padding-top: 0%;
}

.grid-item.event-inner-data-info th {
   text-align: justify;
   vertical-align: top;
   font-family: Assistant-Bold;
}

.grid-item.event-inner-data-info td {
   font-family: Assistant-Light;
}

.grid-item.event-inner-data-info .buyTicketsButton {
   margin-top: 4%;
   border-radius: 8px;
   padding: 7px 15px;
   border-style: solid;
   color: white;
   background: black;
   border-color: black;
   font-family: Assistant-SemiBold, sans-serif;
   font-size: medium;
   cursor: pointer;
}

.grid-item.event-inner-content {
   display: block;
   box-sizing: border-box;
   padding-bottom: 3%;
   font-family: Assistant-Light;
   color: white;
   line-height: 1.5;
}

.grid-item.event-inner-content b {
   font-family: Assistant-SemiBold;
}

.grid-item.event-inner-content .blurredBackground {
   background: black;
   z-index: -1;
   position: absolute;
   top: 0;
   left: 0;
}

.event-inner-content-container {
   padding: 20px;
   height: 100%;
   max-height: 100%;
   -ms-overflow-style: scrollbar;
   overflow-y: scroll;
   text-align: justify;
}

.event-inner-content-container img {
   width: 100%;
}

.event-inner-container .blurredBackground {
   display: initial;
}

@media (hover: none) and (pointer: coarse) {
   .event-inner-content-container {
      -webkit-overflow-scrolling: touch;
   }
}

.event-inner-content-container iframe {
   width: 100%;
   width: 100%;
   box-sizing: border-box;
   padding: 3% 10%;
   padding-bottom: 8%;
}

.closeIcon {
   position: fixed;
   width: 2em;
   height: 2em;
}

.event-inner-container .closeIcon {
   top: 1em;
   right: 1em;
   cursor: pointer;
   margin: 0;
   padding: 0;
}

/*************/

/* ARTÍCULOS */

/*************/

#articulos>.section-header {
   flex-direction: column;
   padding: 10px 23px;
   margin: 0;
}

#articles-grid-container {
   display: block;
   width: 100%;
   background: white;
}

#articles-grid-container .grid-item {
   flex-basis: 100%;
   margin-bottom: 5px;
   display: flex;
   flex-direction: column;
}

#articles-grid-container .grid-item * {
   box-sizing: border-box;
}

#articles-section-header-label {
   flex-basis: 100%;
}

#articles-search-bar-cell {
   padding: 0.5em 0;
}

.search-bar * {
   margin: 0;
   font-family: Assistant-ExtraLight;
}

#article-search-bar {
   position: relative;
   font-family: Assistant-ExtraLight;
   font-size: 0.8em;
   border-radius: 50px;
   text-align: -webkit-center;
   text-align: center;
   width: 100%;
   padding: 10px;
}

#articulos>.section-header>.tag-list {
   grid-column-start: 1;
   grid-column-end: 3;
}

#articulos>.section-header>.search-terms {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
}

.searchLink {
   margin: auto;
   position: absolute;
   top: 0;
   bottom: 0;
   right: 0;
   height: 1em;
   margin-right: 0.7em;
   z-index: 3;
}

.searchIcon {
   height: 1em;
   margin: 0em;
   float: right;
}

#articulos .tag-list {
   display: none;
}

.tag-list>h3 {
   display: flex;
   flex-wrap: wrap;
}

.delete-search-term {
   position: absolute;
   right: 0px;
   top: -0.5em;
   width: 1.2em;
   margin: 0px;
   cursor: pointer;
}

.search-term {
   position: relative;
   border-radius: 50px;
   background-color: white;
   color: black;
   margin: 0.5em 0.7em;
   padding: 0.4em 1em;
   font-weight: normal;
   font-size: small;
}

@supports (-ms-ime-align:auto) {
   #articles-grid-container .grid-item {
      max-height: 22.9vw;
   }
}

#articles-grid-container img {
   max-width: 100%;
}

.articleThumbnailfilter {
   position: relative;
   opacity: 1;
   top: 0;
   left: 0;
   width: 100%;
   padding: 20px;
   padding-top: 10px;
   background-color: rgba(0, 0, 0, 1);
   -webkit-transition: all 0.4s ease;
   -moz-transition: all 0.4s ease;
   transition: all 0.4s ease;
}

.articleThumbnailData {
   margin: 0;
   width: 100%;
   color: white;
   text-align: -webkit-center;
   text-align: center;
}

.articleThumbnailData h1 {
   text-transform: uppercase;
   font-size: var(--mobil-element-title);
   font-family: Assistant-Light;
   width: 100%;
   text-align: left;
   margin: 0px;
   margin-bottom: 20px;
}

.articleThumbnailData h2 {
   display: none;
}

.articleThumbnailData h2 .articleTagIcon img {
   width: 1em;
   vertical-align: text-bottom;
}

.articleThumbnailData h2 span, .tag-list h3 span {
   margin-right: 0;
}

.tag-list h3 span {
   font-family: Assistant-Light;
   font-weight: normal;
}

.articleTag {
   cursor: pointer;
}

.articleThumbnailData h2 span:first-child, .tag-list h3 span:first-child {
   margin-right: 0;
}

.tag-list h3 span:first-child {
   font-weight: bold;
}

.articleThumbnailData h2 span:last-child, .tag-list h3 span:last-child {
   margin-right: 0;
}

.articleThumbnailData h4 {
   margin: 0;
   font-size: 1em;
   text-align: justify;
}

.articleThumbnailData hr {
   color: white;
   background-color: white;
   height: 1px;
   border: 1px solid white;
   text-align: center;
   margin: 0;
   width: 100%;
   display: none;
}

.articleThumbnailData hr:first-of-type {
   display: block;
   margin-block-start: 0.5em;
   margin-block-end: 0.5em;
}

.articleThumbnailfilter .bigIcon {
   position: absolute;
   bottom: 12%;
   width: 4%;
   transform: translate(-50%);
   padding-left: 50%;
}