/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*Carousel Slider*/
/* For desktop 3 cells with 1rem gap */
.carousel-cell {
  width: calc(33.333% - 1rem * 2/3);
  margin-right: 1rem;
}

/* For tablet 2 cells with 1rem gap */
@media(max-width:1366px){.carousel-cell {
  width: calc(50% - 1rem * 1/2);
  margin-right: 1rem;
}}

/* For mobile 1 cell with 1rem gap */
@media(max-width:1024px){.carousel-cell {
  width: 100%;
  margin-right: 1rem;
}}

/* Pagination */
.flickity-page-dots {
    width: 100%;
    bottom: -2.5rem;
    padding: 0;
    margin: 0;    
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 0.5rem;
}

.flickity-page-dots .dot {
    width: 0.8rem;
    height: 0.8rem;
    margin: 0;
    background: var(--contrast);
}

/* Navigation */
.flickity-button{
    height: 2.5rem;
    width: 2.5rem;
    background: var(--contrast);
    color: white;
}

.flickity-button:hover{
    background: var(--contrast-2);
}

.flickity-prev-next-button.previous{
    left: 0;
    transform: translateX(-3.5rem) translateY(-50%);
}

.flickity-prev-next-button.next{
    right: 0;
    transform: translateX(3.5rem) translateY(-50%);
}
/*END Carousel Slider*/

/*Underline animiert*/
.underline, .underline:visited {
  text-decoration: none;
  position: relative;
  color: var(--base-2);
}
.main-navigation main-nav ul li[class*="current-menu-"] > a {
  text-decoration: underline;
	text-decoration: underline;
text-decoration-style: solid;
	text-decoration-thickness: 1px;
text-underline-offset: 2.2em;
  position: relative;
  color: var(--base-2);
}
.main-navigation main-nav ul ul li[class*="current-menu-"] > a {
  text-decoration: underline;
	text-decoration: underline;
text-decoration-style: solid;
	text-decoration-thickness: 1px;
text-underline-offset: 0em !important;
  position: relative;
  color: var(--base-2);
}

.underline:after, .underline:visited:after {
  content: '';
  height: 1px;
  position: absolute;
  bottom: 0px;
  left: 50%;
  width: 0%;
  background: var(--base-2);
	transition-property: all;
transition-duration: 0.2s;
transition-timing-function: ease-in-out;
transition-delay: 0s;
}
.underline:hover:after, .underline:visited:hover:after {
  width: 100%;
	left: 0;
}
.underline.block, .underline:visited.block {
  display: block;
  padding: 0.1em;
}
.underline.block:hover, .underline:visited.block:hover {
  background: var(--base-2);}
/*END Underline animiert*/