/*
 Theme Name:   Theme PG-Illertissen
 Description:  Anpassungen des Themes für pg-illertissen.de
 Author:       David Neuhaeusler
 Author URI:   https://edv-neuhaeusler.de
 Template:     Avada
 Version:      1.0.0
*/

.fusion-tabs.clean.gottesdienste > div.tab-content {
    margin-top: 0px;
}

.kita-don-bosco-green {
	background-color: #009770 !important;
}

.kita-don-bosco-blue:hover {
	background-color: #f9de10 !important;
}

div.kita-don-bosco.fusion-layout-column {
	max-width: 400px;
}

div .kita-don-bosco .flip-box-inner-wrapper {
	aspect-ratio: 4 / 3;
}

div .kita-don-bosco .fusion-flip-boxes .fusion-column {
	margin-top: 0;
}

.kita-st-martin-blue {
	background-color: #2063b1 !important;
}

.kita-st-martin-blue:hover {
	background-color: #f9de10 !important;
}

.kita-st-antonius-blue {
	background-color: #2a92d3 !important;
}

.kita-st-antonius-blue:hover {
	background-color: #f9de10 !important;
}

.fusion-person, .fusion-builder-row fusion-builder-row-inner {
	max-width:400px; 
	/*left: 50%;
    transform: translateX(-50%);*/
}

.person-image-container, .person-shortcode-image-wrapper img {
	max-height: 400px; 
	width: 100%;
	object-fit: cover;
}

.img-display-none .fusion-gallery {
	display: none;
}

/* Gallery thumbnail navigation */
.gallery-thumbnail-navigation img {
	opacity: 0.3; /* highlight active thumbnail */
}

.gallery-thumbnail-navigation img:hover {
  opacity: 0.5;
  cursor: pointer;
}

.gallery-thumbnail-navigation img.active {
  opacity: 1;
}

/* BILDERGALERIE: Position the image container (needed to position the left and right arrows) */
.customContainer {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	margin-bottom: 10px;
    box-sizing: border-box;
}

.slideShowContainer {
	display: flow-root;
  	position: relative;
	width: 70%;
	max-height: 420px;
	max-width: 420px;
}

.thumbnail-rueckblick {
	width: 30%;
	margin: 0 10px 0 10px;
}

@media (max-width: 800px) {
	.veranstaltungPost,
	.slideShowContainer,
	.thumbnail-rueckblick {
    	width: 100%;
	}
}

/* Hide the images by default */
.galerie-rueckblick .fusion-image-carousel {
	max-height: 450px;
	max-width: 450px;
	width: 100%;
	overflow: hidden;
	margin-left: 50%;
    transform: translateX(-50%);
}

.galerie-rueckblick img {
	max-height: 1000px;
}

.galerie-rueckblick .fusion-image-carousel img {
	object-fit: cover; 
	aspect-ratio: 1 / 1;
}

/* Veranstaltungsliste: Loader */
.veranstaltungsliste {
  height: 350px;
  max-height: 350px;
  overflow-y: auto;
  overflow-x: hidden;
}

.loader,
.loader:before,
.loader:after {
  border-radius: 50%;
  width: 2em;
  height: 2em;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation: load7 1.8s infinite ease-in-out;
  animation: load7 1.8s infinite ease-in-out;
}
.loader {
  color: #ffc006;
  font-size: 10px;
  margin: 80px auto;
  position: relative;
  text-indent: -9999em;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  content: '';
  position: absolute;
  top: 0;
}
.loader:before {
  left: -3.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 3.5em;
}
@-webkit-keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
@keyframes load7 {
  0%,
  80%,
  100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}

/* Veranstaltungen */
.fusion-events-shortcode {
	display: block;
    flex-wrap: wrap;
	align-items: center;
    box-sizing: border-box;
}

.fusion-events-shortcode {
	margin-bottom: 20px;
}

.fusion-events-shortcode {
	width: 100%;
}

.fusion-events-shortcode .fusion-one-fourth .tribe-events-event-image {
	overflow: hidden;
	position: relative;
    margin: 5px;
}


.fusion-events-shortcode .tribe-events-event-image {
	max-width: 100%;
	max-height: 100%;
	display: block;
	height: auto !important;
	aspect-ratio: 2/3;
}