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





/**
 * 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;
}

.arc-teaserbox:hover .fl-module-content{
    transition: box-shadow 250ms;
}
.arc-teaserbox:hover .fl-module-content{
    box-shadow: 1px 1px 10px 0px rgb(51 51 51 / 66%);
}

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

.arc-teaserbox .fl-callout-title{
    padding-bottom: 20px;
}

@media screen and (min-width: 768px) {
    .arc-teaserbox .fl-callout-title{
        min-height: 4.75em;
    }
}

.arc-teaserbox .fl-callout-photo .fl-photo-img{
    height: 4em;
    object-fit: contain;
}

.arc-teaserbox.arc-teaser-ef .fl-callout-photo{
    background-image: linear-gradient(90deg, #002d59 00%, #792149 100%);
}

.arc-teaserbox.arc-teaser-mg .fl-callout-photo{
    background-image: linear-gradient(90deg, #792149 00%, #792149 100%);
}

.arc-teaserbox.arc-teaser-wp .fl-callout-photo{
    background-image: linear-gradient(90deg, #792149 00%, #ad1917 100%);
}

.arc-teaserbox .fl-button-icon::before{
    padding: .33em .5em;
    color: #fff;
    background-image: linear-gradient(90deg, #002d59 00%, #792149 100%);
}



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

/* Site Identity Styles */
#ast-fixed-header .ast-site-identity{
    justify-content: flex-start;
}

@media screen and (max-width: 767px){
    .site-branding img, 
    .site-header .site-logo-img .custom-logo-link img{
        max-width: 80px;
    }

    #jobs-posts .fl-post-grid-post{
		height: auto !important;
	}

}

@media screen and (min-width: 768px) {
    .ast-logo-title-inline .ast-site-identity{
        justify-content: center;
    }
}
 

/* Mobile Menu Button Styles */
.ast-header-break-point .ast-mobile-menu-buttons .ast-button-wrap .ast-mobile-menu-buttons-minimal{
    font-size: 3em;
}
.ast-mobile-menu-buttons{
	position: absolute;
	right: 0;
}


@media screen and (max-width: 767px){
    .fl-col.arc-50-50-mobile-img .fl-col-content{
        flex-direction: row;
    }
}

@media screen and (min-width: 769px) and (max-width: 1280px){
	#menu-copyright-navigation{
		margin-right: 3em;
	}
}




/**
 * 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 thm*/
/* Astra Theme small devices ( 0 - 544px) */
@media screen and (max-width: 544px) {

}

/*remove X from menu*/
span.ast-nav-close.close {
    display: none;
}

.ast-flyout-menu-enable.ast-header-break-point .main-header-bar-navigation #site-navigation{
    padding: 10px 0 !important;
}