/**
Theme Name:  YTPI
Author:      YTPI Internetagentur GmbH
Author URI:  https://www.ytpi.de/
Version:     1.0.0
Text Domain: ytpi
*/

/* Main stylesheet is `./resources/styles/`. Only use this for small fixes and stuff. */

/* utility classes */

.padding-top {
    padding-top: 256px;
}

.padding-bottom {
    padding-bottom: 256px;
}

@media (max-width: 992px) {
    .padding-top {
        padding-top: 128px;
    }

    .padding-bottom {
        padding-bottom: 128px;
    }
}

@media (max-width: 768px) {
    .padding-top {
        padding-top: 64px;
    }

    .padding-bottom {
        padding-bottom: 64px;
    }
}

.serif-font {
    font-family: Petrona, serif !important;
}

/* global stylings */

/*p {*/
/*    font-size:   16px;*/
/*    line-height: 30px;*/
/*}*/

/*h2.elementor-heading-title.elementor-size-default {*/
/*    line-height: 82px;*/
/*}*/

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a {
    transition: 300ms;
    color:      var(--bs-link-color);
}

.elementor-widget-heading .elementor-heading-title[class*=elementor-size-] > a:hover {
    color: var(--bs-highlight-color);
}

/* Buttons */
a.elementor-button.elementor-button-link.elementor-size-sm {

}

/* ------------- global stylings ENDE ------------- */

/*.elementor-element.sticky-container {*/
/*    overflow-y: auto;*/
/*    height:     88vh;*/
/*}*/

/*.card {*/
/*    position: sticky;*/
/*    top:      0;*/
/*}*/

.sticky-container::-webkit-scrollbar {
    display: none;
}

.mega-menu-hover:hover {
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
}

/* Beitrag Archiv Startseite */

.e-loop-item.type-post h3.elementor-heading-title a {
    font-size:   20px;
    line-height: 28px;
    color:       var(--bs-heading-color);
}

/* Klasse für Menü Blur */
.blurred {
    transition:       filter 300ms ease;
    background-color: #eeeeee;
    -webkit-filter:   blur(5px);
    -moz-filter:      blur(5px);
    -o-filter:        blur(5px);
    -ms-filter:       blur(5px);
    filter:           blur(5px);
}

/* Case Studys Sticky/ScrollSnap Sektion */
.sticky-container-outer {
    scroll-snap-type: y mandatory;
}

.scroll-snap-section {
    position:          sticky;
    top:               0;
    min-height:        100vh;
    scroll-snap-align: start;
}

@media (max-width: 992px) {
    .scroll-snap-section {
        top: 88px;
    }
}

@media (max-width: 768px) {
    .scroll-snap-section {
        top: 118px;
    }
}

.scroll-snap-section-engagement {
    position:          sticky;
    top:               150px;
    min-height:        450px;
    scroll-snap-align: start;
}

.scroll-snap-section.scroll-snap-section-invisible {
    position: sticky;
}

.scroll-snap-section-invisible {
    opacity: 1 !important;
}

/* Kundenstimmen Nav Elemente */
/*body .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-prev {*/
/*    left: -20px;*/
/*}*/

/*body .elementor-widget-loop-carousel.elementor-element :is(.swiper,.swiper-container) ~ .elementor-swiper-button-next {*/
/*    right: -20px;*/
/*}*/

/* FAQ */
.elementor-widget-accordion:not(.custom) .elementor-accordion {
    /* border-radius: 1.25rem; */
    border: 1px solid #d9d9d9;
}

.elementor-20873 .elementor-element.elementor-element-ff2ffb3 {
    width: 98%;
}

.elementor.elementor-20873 {
    display:        flex;
    align-items:    center;
    flex-direction: column;
}

.show-case .swiper-pagination {
    display: flex;
}

.show-case .swiper-pagination-bullet {
    flex-grow:     1;
    height:        1rem;
    border-radius: 0;
}

body .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 0 0 0;
}

.elementor-element.elementor-pagination-position-outside .swiper {
    padding-bottom: 60px;
}

.show-case .swiper-pagination {
    text-align: right;
}

/* testimonial slider equal height */
.kundenstimmen-slider .swiper-slide {
    height: auto;
}

.kundenstimmen-slider .elementor-widget-heading {
    margin-top: auto;
}

/* Digiaccess YTPI Barrierefreiheit */
#da-white-label {
	display: none;
}
#da-version-label::before {
	content: 'Barrierefreiheit mit YTPI Barrierefrei Start - ';
}

.dAstylere #dAopener{
 filter: none;
 right: 12px;
}