/*
Theme Name:   Mea IT Services - Astra
Theme URI:    
Description:  Astra Child Theme for #mea Production
Author:       mea IT Services e.U. | Kerstin Greifensteiner
Author URI:   https://mea-it.services
Template:     astra
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  mea-astra
*/

body, html {
    overflow-x: hidden;
}

h1 {
	line-height: 1.2 !important;
}

a:not(.wp-block-button__link) {
	text-decoration: underline;
}

.hidden {
    display: none;
}

.site-branding {
    padding: 0;
}

.wp-block-button__link {
    border: none !important;
}

/* header */

.ast-mobile-header-wrap .ast-primary-header-bar, 
.ast-primary-header-bar .site-primary-header-wrap 
{
    height: 50px !important;
    padding-left: 0;
    max-width: 1290px;
}

.main-header-menu > .menu-item > .menu-link {
    text-transform: uppercase;
    font-size: 20px;
}

.main-header-menu .sub-menu {
    background-color: rgba(255, 255, 255, 0.8);
}

.main-header-menu .sub-menu {
    padding-top: 15px;
    padding-bottom: 15px;
}

.main-header-menu .sub-menu .menu-link {
    font-size: 18px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.main-header-menu .sub-menu .menu-item:hover,
.main-header-menu .sub-menu .menu-item.current_page_item 
{
    background-color: rgb(59, 59, 59, 0.3);
}

/*.main-header-menu .sub-menu .menu-item:hover > .menu-link
{
    color: var(--ast-global-color-2) !important;
}*/

.main-header-menu .menu-link > .icon-arrow {
    display: none !important;
}

.mea-petafloc-header-image {
    position: relative;
}

.mea-petafloc-header-image-overlay {
    position: absolute;
    bottom: 0;
    right: 50px;
}

/* partner logo gallery */
.mea-petafloc-partner-gallery figure {
	margin-bottom: 0 !important;
}

.mea-petafloc-partner-gallery figure > a {
	flex-grow: 0 !important;
	display: flex;
    justify-content: center;
}

/* sticky phone */

.mea-petafloc-phone-div {
    position: absolute;
    left: 0;
}

.mea-petafloc-phone {
    left: auto !important;
}

.mea-petafloc-phone:hover img {
	scale: 1.1;
}

.mea-petafloc-phone img {
	transition: scale 200ms ease-out;
}

/* gallery */

.mea-petafloc-gallery-div,
.mea-petafloc-gallery img,
.mea-petafloc-gallery div
{
    height: 450px;
}

.mea-petafloc-gallery img,
.mea-petafloc-gallery-news img 
{
    object-fit: cover;
}

.mea-petafloc-gallery button.spectra-image-gallery__control-arrows,
.mea-petafloc-gallery-news button.spectra-image-gallery__control-arrows {
    bottom: -24px;
    top: auto;
    background-color: white;
}

.mea-petafloc-gallery button.slick-prev,
.mea-petafloc-gallery-news button.slick-prev {
    left: -55px !important;
}

.mea-petafloc-gallery button.slick-next,
.mea-petafloc-gallery-news button.slick-next {
    bottom: -24px;
    top: auto;
    background-color: white;
    right: auto !important;
    left: 0;
    z-index: 2;
}

.mea-petafloc-gallery .spectra-image-gallery__layout--carousel,
.mea-petafloc-gallery-news .spectra-image-gallery__layout--carousel {
    margin-bottom: 0 !important;
}

.mea-petafloc-gallery-news-div,
.mea-petafloc-gallery-news img,
.mea-petafloc-gallery-news div
{
    height: 450px;
}

.mea-gallery-news-text-content {
    text-align: justify;
}

/* news */

.mea-petafloc-news-text {
    text-align: justify;
}

.mea-petafloc-news-featured-image {
    position: absolute;
}

.mea-petafloc-news-gallery-container {
    align-items: stretch !important;
}

[data-aos^=slide][data-aos^=slide].aos-animate.mea-petafloc-news-featured-image {
    transform: translate3d(87%,0,0);
}

[data-aos=slide-left].mea-petafloc-news-featured-image {
    transform: translate3d(150%,0,0);
}

.wp-block-query-pagination {
    position: relative;
    z-index: 1;
}

.mea-news-latest-three-container {
    display: none;
}

.mea-petafloc-post-loop-template {
    margin: 0 !important;
}

/* transparent logo */

.mea-petafloc-logo-transparent-background,
.mea-petafloc-logo-transparent-background-post-page {
    position: absolute !important;
}

.mea-petafloc-logo-transparent-background {
    bottom: -4.3em;
	pointer-events: none;
}

.mea-petafloc-logo-transparent-background-post-page {
    bottom: -0.2em;
}

/* projects */

#letzte-projekte .mea-petafloc-projekt-img::before {
    top: 9em;
}

#letzte-projekte .mea-petafloc-projekt-img {
    overflow: hidden;
}

/* sub pages */

.mea-post-detail-excerpt {
    display: none;
}

.mea-post-details-container {
    height: 0;
    transition: all 0.5s ease;
    overflow: hidden !important;
}

.mea-hide-show-post-loop-template li {
    display: none;
    padding-bottom: 1rem;
}

.mea-petafloc-post-list  {
    text-align: left !important;
}

/* kurz erklärt */

.mea-petafloc-homepage-list li::marker {
    color: var(--ast-global-color-0);
}

.mea-petafloc-kurz-erklärt p {
    margin-bottom: 0.2em;
}

.mea-petafloc-kurz-erklärt-2 {
    transition-delay: 0.1s !important;
    transition-duration: 0.8s !important;
}

.mea-petafloc-kurz-erklärt-3 {
    transition-delay: 0.2s !important;
    transition-duration: 0.8s !important;
}

.mea-petafloc-kurz-erklärt-4 {
    transition-delay: 0.3s !important;
    transition-duration: 0.8s !important;
}

.mea-petafloc-kurz-erklärt-5 {
    transition-delay: 0.4s !important;
    transition-duration: 0.8s !important;
}

.mea-petafloc-schritte-container p {
    margin-bottom: 0 !important;
}

/* prinzipien */

.mea-petafloc-principles {
    position: absolute;
    margin-top: 21%;
    margin-left: -2%;
}

#mea-petafloc-principle-circle {
    position: relative;
}

/*#mea-petafloc-transparency,
#mea-petafloc-care 
{
    justify-content: start;
}

#mea-petafloc-quality
{
    justify-content: center;
}

#mea-petafloc-punctuality,
#mea-petafloc-reliability
{
    justify-content: end;
}*/

.mea-petafloc-principle-icon-text {
    display: block;
    position: absolute;
    margin-top: -2.5rem;
    overflow: hidden;
    opacity: 0;
    transition: opacity 0.5s cubic-bezier(0.52, 0.11, 1, 0.99);
    transition-delay: 0.2s;
}

.mea-petafloc-principle-icon-text div {
    display: block;

}

@keyframes pulse_infinite {
    0% {
        -webkit-transform: scale(1);
    }
    25% {
        -webkit-transform: scale(1.1);
    }
    50% {
        -webkit-transform: scale(1.2);
    }
    75% {
        -webkit-transform: scale(1.1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

@keyframes pulse_iterations {
    0% {
        -webkit-transform: scale(1);
    }
    1% {
        -webkit-transform: scale(1.1);
    }
    2% {
        -webkit-transform: scale(1.2);
    }
    3% {
        -webkit-transform: scale(1.1);
    }
    4% {
        -webkit-transform: scale(1);
    }
    5% {
        -webkit-transform: scale(1.1);
    }
    6% {
        -webkit-transform: scale(1.2);
    }
    7% {
        -webkit-transform: scale(1.1);
    }
    8% {
        -webkit-transform: scale(1);
    }
    9% {
        -webkit-transform: scale(1.1);
    }
    10% {
        -webkit-transform: scale(1.2);
    }
    11% {
        -webkit-transform: scale(1.1);
    }
    12% {
        -webkit-transform: scale(1);
    }
    13% {
        -webkit-transform: scale(1.1);
    }
    14% {
        -webkit-transform: scale(1.2);
    }
    15% {
        -webkit-transform: scale(1.1);
    }
    16% {
        -webkit-transform: scale(1);
    }
    100% {
        -webkit-transform: scale(1);
    }
}

.mea-petafloc-principle-icon:hover,
.mea-petafloc-principle-icon-pulse 
{
    cursor: pointer;
    -webkit-animation: pulse_infinite 1.5s ease-in;
    -moz-animation: pulse_infinite 1.5s ease-in;
    animation: pulse_infinite 1.5s ease-in;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-iteration-count: infinite;    
}

@media screen and (min-width: 706px) and (max-width: 767px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 17% !important;
        row-gap: 100px;
    }

    .wp-block-uagb-container.mea-petafloc-principles div {
        gap: 350px;
        justify-content: center;
    }
}

@media screen and (min-width: 596px) and (max-width: 706px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 20% !important;
        row-gap: 120px;
    }

    .wp-block-uagb-container.mea-petafloc-principles div {
        gap: 350px;
        justify-content: center;
    }
}

@media screen and (min-width: 549px) and (max-width: 596px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 25% !important;
        row-gap: 120px;
    }

    .wp-block-uagb-container.mea-petafloc-principles div {
        gap: 350px;
        justify-content: center;
    }
}

@media screen and (min-width: 481px) and (max-width: 549px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 35% !important;
        row-gap: 100px;
    }

    .wp-block-uagb-container.mea-petafloc-principles div {
        gap: 50vw;
        justify-content: center;
    }
}

@media screen and (min-width: 400px) and (max-width: 481px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 45% !important;
        row-gap: 100px;
    }

    .wp-block-uagb-container.mea-petafloc-principles div {
        gap: 50vw;
        justify-content: center;
    }
}

@media screen and (min-width: 977px) and (max-width: 1150px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        max-width: 100% !important;
    }
}

@media screen and (min-width: 977px) and (max-width: 991px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 37%;
    }
}

@media screen and (min-width: 991px) and (max-width: 1080px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 32%;
    }
}

@media screen and (min-width: 1080px) and (max-width: 1100px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 29%;
    }
}

@media screen and (min-width: 1100px) and (max-width: 1180px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 27%;
    }
}

@media screen and (min-width: 1181px) and (max-width: 1200px) {
    .wp-block-uagb-container.mea-petafloc-principles {
        margin-top: 25%;
    }
}


/* contact form */
.nf-form-cont label {
    font-weight: 300 !important;
}

.nf-form-cont input, 
.nf-form-cont textarea 
{
    border: none !important;
    color: var(--ast-global-color-2) !important;
}

.nf-form-cont input:focus, 
.nf-form-cont textarea:focus 
{
    background: var(--ast-global-color-4) !important;
}

.nf-form-cont input[type=submit] {
    background-color: var(--ast-global-color-0) !important;
    font-weight: 500;
    line-height: 1em !important;
    padding-top: 5px !important;
    padding-right: 25px !important;
    padding-bottom: 5px !important;
    padding-left: 25px !important;
    height: 25px !important;
    color: white !important;
    cursor: pointer;
}


.nf-form-cont input[type=submit]:hover {
    color: white !important;
    background-color: var(--ast-global-color-2) !important;
}

.nf-form-cont .nf-field-element:has(input[type=submit]) {
    text-align: right;
}

.nf-field-container:has(textarea) {
    margin-bottom: 15px;
    padding-top: 15px;
}

/*.nf-form-cont .one-half.second {
    margin-left: 20px !important;
    width: 46.1% !important;
}*/

/* media queries */
@media screen and (max-width: 500px) {
    .mea-petafloc-phone .uagb-ifb-title-wrap {
        word-wrap: break-word;
    }

    .mea-petafloc-homepage-list {
        margin-left: 2em;
    }

    .mea-petafloc-principles {
        margin-top: -25%;
    }

    .mea-petafloc-logo-transparent-background {
        bottom: -5.2em;
    }

    .mea-petafloc-logo-transparent-background-team {
        bottom: 0 !important;
    }

    .footer-widget-area {
        text-align: left !important;
    }

    .mea-petafloc-schritte-container p {
        font-size: 20px !important;
    }

    .mea-petafloc-schritte-container div {
        align-items: center !important;
    }

    .mea-petafloc-news-featured-image img {
        width: 285px !important;
    }
}

@media screen and (max-width: 976px) {
    [data-aos^=slide][data-aos^=slide].aos-animate.mea-petafloc-news-featured-image {
        transform: translate3d(0,0,0);
    }

    .mea-petafloc-news-featured-image {
        position: relative;
    }
}

@media screen and (min-width: 767px) and (max-width: 976px) {
    .mea-petafloc-principles {
        margin-top: -16%;
    }

    .mea-petafloc-logo-transparent-background {
        bottom: -5.15em;
    }

    .footer-widget-area {
        text-align: left !important;
    }

    .mea-petafloc-news-featured-image {
        position: relative;
        max-width: 100% !important;
    }

    .mea-petafloc-news-featured-image,
    .mea-petafloc-news-featured-image figure {
        height: 300px !important;
    }

    .mea-petafloc-news-featured-image figure {
        width: 70% !important;
    }

    .mea-petafloc-post-loop-template .wp-block-uagb-container.uagb-block-b7b6dd72 {
        padding: 2em;
    }
}

@media screen and (max-width: 767px) {
    .mea-petafloc-footer-logo {
        position: absolute;
        left: 0;
        right: 0;
        top: -9em;
    }

    .ast-primary-header-bar .ast-builder-grid-row {
        grid-column-gap: 10px;
    }

    .mea-petafloc-news-featured-image,
    .mea-petafloc-news-featured-image figure {
        height: 200px !important;
    }
}

/* landscape */
@media screen and (max-height: 450px) {
    #mea-petafloc-principle-circle,
    .mea-petafloc-principles {
        display: none;
    }

    #prinzipien > div > div:nth-child(3) > div {
        min-height: 0;
    }
}

/* Verwendung */

#verwendung ul {
    margin: 0 !important;
}