/**
Theme Name: Astra Rocket Child
Author: Marketingflotte
Author URI: https://www.marketingflotte.de
Description: This theme is like a rocket!
Version: 1.2.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-rocket-child
Template: astra
*/


/**
 * Custom Default Styles
 */

 /* Remove left/right padding from global bb row padding styles*/
.fl-row-content-wrap {
    padding-right: 0; padding-left: 0;
}

/* Make textareas only vertical resizable*/
textarea {
    resize: vertical;
}

/* Astra Header Breakpoint Styles (Menu collapsed) */
.ast-header-break-point .ast-above-header-wrap {
    display: none;
}

/* Above header widgets: list-icon default styles */
.above-header-widget .astra-widget-list-icons .list-items-wrapper {
    display: flex;
}

.above-header-widget #astra-widget-list-icons-wrapper .list-items-wrapper li {
    padding: 0 !important; /* Fck it. Why they use double #id selectors ಠ_ಠ */
    margin-right: 1em;
}

.above-header-widget #astra-widget-list-icons-wrapper .list-items-wrapper li:last-child {
    margin-right: 0;
}

.arc-teaserbox .fl-callout-title,
.arc-teaserbox .fl-callout-text-wrap{
    padding: 0 20px;
}



/**
 * Default Responsive Styles - Media Queries from here!
 */

 /* Beaver Builder medium devices ( 768px - 991px )
 * Beaver Builder global small device breakpoint set to 767px!
*/
@media screen and (min-width: 768px) and (max-width: 991px) {

}


 /* Astra Theme medium devices ( - 768px) */
@media screen and (max-width: 768px) {

}


/* Beaver Builder small devices ( 0 - 767px)
 * Beaver Builder global small device breakpoint set to 767px!
*/
@media screen and (max-width: 767px) {
    .fl-col-small:not(.fl-col-small-full-width) {
        max-width: 480px;
    }
}


/* Astra Theme small devices ( 0 - 544px) */
@media screen and (max-width: 544px) {
    /* Remove default extra padding on fixed navbar elements */
    .ast-header-break-point #ast-fixed-header.ast-sticky-shrunk .ast-mobile-menu-buttons,
    .ast-header-break-point #ast-fixed-header.ast-sticky-shrunk .site-branding {
        padding-bottom: 0;
    }
}



/**
 * Custom Site Specific Styles
 */




/**
 * Responsive Styles - Media Queries from here!
 * Watch out! Max-Width Media Queries coming in...
 * Everything outside is general / desktop style
 * as long it is overwritten within a media query!
 */

 /* Header Bar Styles */
.ast-primary-header .site-header-primary-section-left .ast-grid-left-center-section{
	justify-content: flex-start;
}
.ast-primary-header .site-header-primary-section-right .ast-grid-right-center-section{
	justify-content: flex-end;
}



/* Hero Area */
.arc-hero-area{
	position: relative;
}

.arc-hero-area .fl-row-content{
	position: relative;
	z-index: 1001;
}

.arc-hero-area::before, .arc-hero-area::after{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border: 0.275em solid white;
	margin: 1.25em;
	z-index: 10;
}

.arc-hero-area::after{
	border-width: 0.15em;
	margin: 2.5em
}




/*
 * Offcanvas Menu Styles 
 */

/* Position Offcanvas close X */
.ast-mobile-popup-drawer .ast-mobile-popup-header {
    min-height: 84px;
    display: flex;
    align-items: center;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
	margin-right: 0.8em;
	background: var(--ast-global-color-0);
	border-radius: 100%;
	padding: 0.25em;
}

.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close svg{
	width: 1em;
	height: 0.925em;
	transform: translateY(2px);
}




/* Position Offcanvas Logo */
.ast-mobile-popup-content aside:first-child{
	position: absolute;
	top: 0.5em;
	width: 100px;
	left: 50%;
	transform: translatex(-50%);
}




/* Style Offcanvas menu */
.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item.ast-submenu-expanded{
	background: rgba(255,255,255,0.5);
}

.ast-builder-menu-mobile .main-navigation .main-header-menu, .ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{
	background: none;
}

.ast-builder-menu-mobile .main-navigation .main-header-menu .sub-menu{
	font-size: 0.8em;
}

.ast-header-break-point .main-navigation .stack-on-mobile li{
	display: flex;
}




/* Remove default bg styles */
.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item.current-menu-item > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .menu-link, .ast-builder-menu-mobile .main-navigation .menu-item.current-menu-ancestor > .ast-menu-toggle, .ast-builder-menu-mobile .main-navigation .menu-item:hover > .menu-link, .ast-builder-menu-mobile .main-navigation .inline-on-mobile .menu-item:hover > .ast-menu-toggle{
	background: transparent;
}

.ast-builder-menu-mobile .main-navigation .menu-item.menu-item-has-children > .ast-menu-toggle{
	left: 0;
	right: auto;
}

#colophon{
    padding-left: 20px;
    padding-right: 20px;
}

#colophon aside *{
    color: var(--ast-global-color-5);
}

.site-footer-section-3 .footer-widget-area {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.footer-widget-area .widget{
    margin-bottom: 1.66em;
}



/* Arc Heading Icon right gold */
.arc-heading-icon-right-gold .uabb-heading-wrapper .uabb-heading{
	display: flex;
}

.arc-heading-icon-right-gold .uabb-heading-wrapper .uabb-heading::after{
	display: flex;
	height: 2.5em;
	margin-bottom: -1.5em;
	flex: 1 0 2em;
	content: "";
	background: url(https://www.sanct-peter.de/app/uploads/2023/08/wappen_solo_gold.svg) no-repeat center;
	background-size: contain;
	background-position: right;
}



/* Teaser Content Lists */
.arc-teaser-content-list .fl-list .fl-list-item-heading{
	margin-bottom: 0;
}



/* Default Teaser Box 1/3 */
.arc-teaserbox .uabb-infobox-content{
	position: relative;
}

.arc-teaserbox .uabb-infobox-text-wrap{
	padding: 0 2rem 1rem;
}

.arc-teaserbox .uabb-infobox-content .uabb-infobox-title{
	padding: 1.25rem;
	margin: 0;
}

.arc-teaserbox .uabb-imgicon-wrap .uabb-image-content picture{
	display: block;
	max-width: 100%
}

.arc-teaserbox .uabb-imgicon-wrap .uabb-image-content img{
	display: block;
	min-height: 180px;
	max-height: 180px;
	width: 100%;
	object-fit: cover;
	height: 150px !important;
}

.arc-teaserbox .uabb-infobox-text{
	position: relative;
	padding-bottom: 3em;
	min-height: 260px;
}

.arc-teaserbox .uabb-infobox-text::before,
.arc-teaserbox .uabb-infobox-text::after{
	position: absolute;
	display: block;
	content: "";
	background: var(--ast-global-color-0);
	width: 100%;
	height: 1px;
	bottom: 1.5em;
}


.arc-teaserbox .uabb-infobox-text::after{
	position: absolute;
	display: block;
	width: 2.5em;
	height: 2.5em;
	content: "";
	bottom: 1.5em;
	left: 50%;
	transform: translate(-50%, 50%);
	background: url(https://www.sanct-peter.de/app/uploads/2023/08/wappen_solo_gold.svg) no-repeat center;
	background-size: 75%;
	background-color: white;
}

.arc-teaserbox .uabb-infobox-cta-link{
	position: static;
}

.arc-teaserbox .uabb-infobox-cta-link::before{
	position: absolute;
	content: "";
	cursor: pointer;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* Teaserbox 1/2 width */
.arc-teaserbox.arc-teaserbox-1-2 .uabb-imgicon-wrap .uabb-image-content img{
	min-height: 240px;
	max-height: 240px;
	height: 240px !important;
}

.arc-teaserbox-1-2 .uabb-infobox-text{
	position: relative;
	padding-bottom: 3em;
	min-height: 200px;
}


/* Photo Gallery */
.arc-photo-gallery .uabb-photo-gallery img{
	aspect-ratio: 3/2;
	object-fit: cover;
}

.mfp-close{
	font-size: 2.5em;	
}

@media screen and (min-width: 992px){
	.mfp-gallery .mfp-image-holder .mfp-content img{
		max-width: 75vw;
		max-height: 90vh !important;
	}
}

/* CTA Button Primary */
.fl-module-button.arc-cta-btn .fl-button{
	font-size: 1.25em;
	padding: 0.8em 3em;
}

.fl-module-button.arc-cta-btn-primary .fl-button,
.fl-module-button.arc-cta-btn-primary .fl-button:visited, .fl-module-button.arc-cta-btn-primary .fl-button:focus{
	background: var(--ast-global-color-0);
}

.fl-module-button.arc-cta-btn-primary .fl-button:hover{
	background: var(--ast-global-color-1);
}

.fl-module-button.arc-cta-btn-primary .fl-button *,
.fl-module-button.arc-cta-btn-primary .fl-button:focus *,
.fl-module-button.arc-cta-btn-primary .fl-button:visited *{
	color: var(--ast-global-color-4);
}



/* Sticky navbar */
div.arc-sticky-row {
  position: -webkit-sticky; /* Safari */
  position: sticky;
  top: 0;
	z-index: 1001;
}



/* Event Teaser Box */
.arc-event-teaser .uabb-infobox-left-right-wrap .uabb-infobox-content{
	padding: 1em;
}

@media screen and (max-width: 767px){
		.arc-event-teaser .uabb-infobox-left-right-wrap .uabb-image-content, .arc-event-teaser .uabb-infobox-left-right-wrap .uabb-photo-img{
		width: 100%;
	}
}

@media screen and (min-width: 768px){
	.arc-event-teaser .uabb-infobox-left-right-wrap{
		display: flex;
	}
	
	.arc-event-teaser .uabb-infobox-left-right-wrap .uabb-infobox-content{
	padding: 1em 1em 0 0;
}
	
	.arc-event-teaser .uabb-infobox-left-right-wrap .uabb-imgicon-wrap, .uabb-infobox-left-right-wrap .uabb-imgicon-wrap *{
		display: flex;
	}
	
		.arc-event-teaser .uabb-infobox-left-right-wrap img{
		object-fit: cover;
	}
}


/* Global Themer Footer */
.arc-heading-icon-top .uabb-heading::before{
	display: block;
	content: "";
	background: url(https://www.sanct-peter.de/app/uploads/2023/08/wappen_solo_gold.svg) no-repeat center;
	background-size: contain;
	width: 2em;
	height: 2em;
	margin: 0 auto;
	margin-bottom: 0.66em;
}

.arc-testimonial-slider .uabb-testimonials-wrap .uabb-slider-prev .fa, .uabb-testimonials-wrap .uabb-slider-next .fa, .uabb-testimonials-wrap .uabb-slider-prev i, .uabb-testimonials-wrap .uabb-slider-next i{
	width: auto;
	height: auto;
	font-size: 2.5em;
	line-height: 3;
}

.arc-footer-map .fl-map{
	background: var(--ast-global-color-2);
}

.arc-footer-map .fl-map iframe{
	mix-blend-mode: luminosity;
}

.nf-before-form-content .nf-form-fields-required{
	display: none;
}

.uabb-image-content picture{
	display: block;
}




/* Beaver Builder + Astra (custom) medium + large devices ( 768px and up ) */
@media screen and (min-width: 768px) {
    .ast-mobile-popup-drawer .ast-mobile-popup-header {
        position: absolute;
        max-width: 1240px;
        width: 100%;
        left: 50%;
        transform: translateX(-50%);
        min-height: 170px;
        display: flex;
        align-items: center;
    }

    .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close {
        padding: 0.5em;
    }
    
    .ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close svg{
        width: 1.33em;
        height: 1.25em;
        transform: translateY(2px);
    }
    
    .ast-mobile-popup-drawer.active  .ast-desktop-popup-content{
        display: flex !important;
        flex-wrap: wrap;
        max-width: 1240px;
        margin: 0 auto;
        height: 100vh;
    }
    
    .ast-desktop-popup-content aside:nth-child(1){
        width: 100%;
        flex: 1 0 100%;
    }
    
    .ast-desktop-popup-content aside:nth-child(2),
    .ast-desktop-popup-content .ast-builder-menu-mobile {
        flex: 1 1 50%;
    }

    .ast-builder-layout-element[data-section="section-hb-social-icons-3"]{
        flex: 1 1 auto;
        justify-content: center;
    }
    
    .ast-desktop-popup-content > aside, .ast-desktop-popup-content .ast-builder-layout-element{
        padding: 2em;
    }

    .site-below-footer-wrap .site-footer-section:last-child{
        justify-content: flex-end;
    }
}

@media screen and (min-width: 1600px) {
    .ast-mobile-popup-drawer.active  .ast-desktop-popup-content{
        max-width: 1400px;
    }
    
    .ast-desktop-popup-content aside:nth-child(2) {
        flex: 1 1 60%;
    }

    .ast-desktop-popup-content .ast-builder-menu-mobile {
        flex: 1 1 40%;
    }

   .ast-desktop-popup-content .ast-builder-menu-mobile .main-navigation{
        font-size: 2em;
    }

}


/* Beaver Builder + Astra (custom) medium devices ( 768px - 991px ) */
@media screen and (min-width: 768px) and (max-width: 991px) {
    .ast-mobile-popup-content{
        display: none !important;
    }
}


/* Beaver Builder + Astra (custom) small devices ( 0 - 767px) */
@media screen and (max-width: 767px) {
    .ast-mobile-header-wrap .ast-primary-header-bar .ast-builder-social-element .social-item-label{
        display: none;
    }
        .ast-mobile-header-wrap  [data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-toggle-icon .ast-mobile-svg {
            width: 0.9em;
            height: 0.9em;
        }
        
        .ast-mobile-header-wrap  .ast-button-wrap .menu-toggle.main-header-menu-toggle{
            padding: 0.3em;
        }

        .site-footer .site-footer-section .footer-widget-area{
            text-align: center;
        }
    }
    
    
    @media screen and (max-width: 544px){
        .ast-builder-grid-row{
            grid-column-gap: 8px;
        }
        .site-header-section>*{
            padding: 0 4px;
        }
}