/**
Theme Name: Astra Rocket Child
Author: Marketingflotte
Author URI: https://www.marketingflotte.de
Description: This theme is like a rocket!
Version: 1.3.1
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
*/




/**
 * Global CSS variables
 */
 :root {
    --primary-color-light: var(--ast-global-color-1);
    --primary-color: var(--ast-global-color-0);
    --primary-color-dark: var(--ast-global-color-2);

    --secondary-color-light: var(--ast-global-color-4);
    --secondary-color: var(--ast-global-color-3);
    --secondary-color-dark: var(--ast-global-color-5);

    --body-color: var(--ast-global-color-6);
    --bg-color: var(--ast-global-color-7);
    --body-color-alt: var(--ast-global-color-8);

    --btn-font: inherit;
    --btn-background: grey;
    --btn-hover: var(--ast-global-color-7);
}




/**
 * Global Typo Styles for better vertical rythm
 */
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 0;
}

.entry-content h1 + p,
.entry-content h2 + p,
.entry-content h3 + p,
.entry-content h4 + p,
.entry-content h5 + p,
.entry-content h6 + p {
    margin-top: 1em;
}

p:last-child,
.entry-content p:last-child  {
    margin-bottom: 0;
}




/**
 * Global Button Styles (Tiny MCE / PageBuilder)
 */
.fl-builder-content a.fl-button,
.fl-module.arc-btn a.fl-button,
.fl-module.arc-btn .uabb-creative-button-wrap a.uabb-button,
button.arc-btn,
a.arc-btn {
    border: none;
    border-radius: 3px;
    color: white;
    background: var(--btn-background);
    cursor: pointer;
    font-family: var(--btn-font);
    font-size: 1.1em;
    padding: .66em 1.125em;
    margin-bottom: .5em;
    text-transform: inherit;
    text-align: center;
    vertical-align: baseline;
    line-height: 1;
    white-space: no-wrap;
}

.fl-builder-content a.fl-button,
.fl-module.arc-btn a.fl-button *,
.fl-module.arc-btn .uabb-creative-button-wrap a.uabb-button * {
    color: inherit;
}

 /* Primary Button Styles */
.fl-builder-content a.fl-button,
.fl-module.arc-btn-primary a.fl-button,
.fl-module.arc-btn-primary .uabb-creative-button-wrap a.uabb-button,
button.arc-btn-primary,
a.arc-btn-primary {
    background: var(--primary-color);
    color: var(--bg-color);
}

.fl-builder-content a.fl-button:hover,
.fl-module.arc-btn-primary a.fl-button:hover,
.fl-module.arc-btn-primary .uabb-creative-button-wrap a.uabb-button:hover,
button.arc-btn-primary:hover,
a.arc-btn-primary:hover {
    background: var(--primary-color-dark);
}

 /* Secondary Button Styles */
.fl-module.arc-btn-secondary a.fl-button,
.fl-module.arc-btn-secondary .uabb-creative-button-wrap a.uabb-button,
button.arc-btn-secondary,
a.arc-btn-secondary {
    background: var(--secondary-color);
    color: var(--bg-color);
}

.fl-module.arc-btn-secondary a.fl-button:hover,
.fl-module.arc-btn-secondary .uabb-creative-button-wrap a.uabb-button:hover,
button.arc-btn-secondary:hover,
a.arc-btn-secondary:hover {
    background: var(--secondary-color-dark);
}
#menu-copyright-navigation {
    margin: 0;
    text-align: right;
}
@media (max-width: 768px) {
    #menu-copyright-navigation {
        text-align: center;
    }
}
#menu-copyright-navigation li {
    display: inline;
    margin: 0 10px;
}
._brlbs-content-blocker {
    text-align: center;
}

/**
 * Container max-width utility classes
 */
 @media (min-width: 576px) {
    .container-max-sm .fl-row-content {
        max-width: 540px;
    }
}

@media (min-width: 768px) {
    .container-max-md .fl-row-content {
        max-width: 720px;
    }
}

@media (min-width: 992px) {
    .container-max-lg .fl-row-content {
        max-width: 960px;
    }
}

@media (min-width: 1200px) {
    .container-max-xl .fl-row-content {
        max-width: 1180px;
    }
}




/**
 * 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;
}
.ast-primary-header-bar, .main-header-bar.ast-sticky-active {
    box-shadow: 0px 3px 6px #00000029;
}
.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
    line-height: inherit;
}
.ast-builder-menu-1 .current-menu-ancestor > .menu-link {
    color: #fff !important;
}
.ast-builder-menu-1 .menu-item.current-menu-item > .menu-link {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.ast-builder-menu-1 .sub-menu .menu-item.current-menu-item > .menu-link {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.arc-teaserbox .fl-callout-title,
.arc-teaserbox .fl-callout-text-wrap{
    padding: 0 20px;
}
.teaser {
    transition: transform .2s;
}
.teaser:hover, .teaser:focus, .teaser:active {
    transform: scale(1.02);
}
.fl-builder-edit .teaser:hover, .fl-builder-edit .teaser:focus, .fl-builder-edit .teaser:active,
.teaser.team:hover, .teaser.team:focus, .teaser.team:active {
    transform: scale(1);
}
.teaser:hover .uabb-infobox-text p:last-child {
    background: var(--btn-hover);
}
.teaser .uabb-infobox-text p:last-child, .teaser .uabb-infobox-text p:last-child a {
    background: var(--primary-color);
    color: var(--secondary-color);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    display: inline;
    padding: 10px 25px;
}
.teaser.team .uabb-infobox-text p:last-child {
    background: transparent;
    color: inherit;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    display: static;
    padding: 0;
}
.teaser .uabb-image.uabb-image-crop-circle {
    background: url(/app/themes/astra-rocket-child/img/teaser_img_bg.png);
    background-position: center;
    padding: 23px;
    background-size: contain;
    background-repeat: no-repeat
}
.teaser .uabb-infobox-title-wrap .uabb-infobox-title {
    min-height: 50px;
}
.teaser {
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
    .teaser .uabb-infobox-text p:first-child {
        min-height: 150px;
    }
    .teaser.ueber-uns-teaser .uabb-infobox-text p:first-child {
        min-height: 185px;
    }
    .teaser.team .uabb-infobox-text p:first-child {
        min-height: 80px;
    }
}

.teaser.team a {
    color: #fff;
}

.ast-site-title-wrap {
    display: none;
}
#mittendrin img {
    position: relative;
    z-index: 1;
}
ul.list_white, ul.list_blue {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
ul.list_white li {
    background: url(/app/themes/astra-rocket-child/img/list_white.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    margin-bottom: 10px;
}
ul.list_blue li {
    background: url(/app/themes/astra-rocket-child/img/list_blue.png);
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 35px;
    margin-bottom: 10px;
}
.fl-accordion .fl-accordion-button-label, .fl-accordion .fl-accordion-button-icon {
    text-decoration: none !important;
}
.fl-accordion-button-label {
    outline: 0 !important;
}
.fl-accordion p {
    margin-bottom: .6em;
}
#footer_menu {
    line-height: 30px;
}


/**
 * 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!
 */

 /* 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) {

}


/* Astra Theme small devices ( 0 - 544px) */
@media screen and (max-width: 544px) {

}