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


/**
 * Global CSS variables (copied from editor.css)
 * @import got to many performance issues
 */
 :root {
    /* Darken/Lighten 25% */
   --primary-color-light: #E73D2C;
   --primary-color: #C00D0D;
   --primary-color-dark: #900909;

   --secondary-color-light: #ffaf36;
   --secondary-color: #F39200;
   --secondary-color-dark: #b66d00;

   --tertiary-color-light: #e1e35c;
   --tertiary-color: #D8DB26;
   --tertiary-color-dark: #a3a51b;

   --body-color: #1A1D20;
   --body-color-alt: #fff;
   --heading-font: "Neucha", serif;

   --btn-font: "Raleway", sans-serif;
   --btn-background: var(--primary-color);
   --btn-color: var(--body-color-alt);
}


/**
 * 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: 1024px) {
    .container-max-lg .fl-row-content {
        max-width: 960px;
    }
}

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



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

/* Injected <picture> Element Block Size Fix */
picture {
    display: inline-block;
}

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

#astra-widget-list-icons-wrapper .list-items-wrapper li {
    padding: 0 !important;
    margin-right: 1em;
} 

#astra-widget-list-icons-wrapper .list-items-wrapper li:hover .icon svg {
    fill: var(--primary-color);
}

#astra-widget-list-icons-wrapper .list-items-wrapper li .link-text{
    display: none;
}

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


/*
 * Default Arc Hero Slider (BB Content Slider Module)
*/
#ast-desktop-header .site-header-primary-section-right {
    align-items: flex-end;
}
#arc-hero-slider .fl-content-slider,
#arc-hero-slider .fl-slide {
    min-height: 45vh;
}

#arc-hero-slider .fl-slide,
#arc-hero-slider .fl-slide-foreground,
#arc-hero-slider .fl-slide-content-wrap{
    display: flex;
}
#arc-hero-slider .fl-slide-bg-link {
    background-color: rgba(0, 0, 0, 0.25);
}

#arc-hero-slider .fl-slide-content-wrap {
    align-items: center;
}

@media screen and (max-width: 767px) {
    #arc-hero-slider .fl-slide,
    #arc-hero-slider .fl-slide .fl-slide-foreground,
    #arc-hero-slider .fl-slide .fl-slide-foreground .fl-slide-content-wrap,
    #arc-hero-slider .fl-slide .fl-slide-foreground .fl-slide-content {
        width: 100%;
        flex-direction: column;
    }

    #arc-hero-slider .fl-slide .arc-display-font {
        font-size: 1.66em !important;
        line-height: 1.2 !important;
    }

    #arc-hero-slider .fl-slide .arc-sub-headline {
        font-size: 1.33em !important;
        line-height: 1.2 !important;
        color: var(--primary-color-light);
    }

    #arc-hero-slider .fl-slide .fl-button-wrap {
        text-align: center;
    }

    #arc-hero-slider .fl-slide .fl-button {
        font-size: 1em;
    }
    
    #arc-hero-slider .fl-slide .fl-slide-foreground {
        margin-top: -25%;
    }
}


/*
 * Default Arc Hero Area (BB Row)
 * Blog Hero Area (Astra Header Layouts)
*/
#arc-hero-area .fl-row-content-wrap {
    min-height: 16em;
}

@media screen and (min-width: 768px) {
    #arc-hero-area .fl-row-content-wrap {
        min-height: 22em;
    }
}

@media screen and (min-width: 1024px) {
    #arc-hero-area .fl-row-content-wrap {
        min-height: 28em;
    }

}


/*
 * Arc Entry Section (Column)
 */
.arc-entry-section > div {
    box-shadow: rgba(26, 29, 32, 0.33) 0px -4px 6px -4px;
    background-image: linear-gradient(rgb(255, 255, 255) 66%, rgba(255, 255, 255, 0) 100%);
    margin: -18% 8% 0;
    padding: 1em;
}

@media screen and (max-width: 767px) {
    .fl-col.arc-entry-section .fl-col-content{
        margin: -28% 5% 0;
        padding: 0;
    }
}

.single-post #primary .fl-row-content-wrap {
    padding: 2em 0;
}

.single-post #primary {
    box-shadow: rgba(26, 29, 32, 0.33) 0px -4px 6px -4px;
    background-image: linear-gradient(rgb(255, 255, 255) 66%, rgba(255, 255, 255, 0) 100%);
}

@media screen and (max-width: 767px) {
    .single-post .fl-row.arc-entry-section > div {
        margin: -25% 2% 0;
        padding: 0;
    }
}


/*
 * Arc Magazine Section
 */
@media screen and (min-width: 1600px) {
    .arc-magazine-section {
        font-size: 1.15em;
    }
}


/*
 * Arc Image Seperator
 */
@media screen and (max-width: 1024px) {
    body:not(.fl-builder-edit) .arc-img-separator {
        display: none !important;
    }
}


/* Arc Infolist (UABB Infolist) */
.arc-info-list .uabb-info-list {
    display: flex;
    justify-content: center;
}

.arc-info-list .uabb-info-list > ul {
    display: inline-flex;
    justify-content: space-between;
}

.arc-info-list .uabb-info-list > ul li {
    display: flex;
    flex: 1 1 0;
}

.arc-info-list  .uabb-info-list-content-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

@media screen and (max-width: 767px) {
    .arc-info-list .uabb-info-list > ul {
        flex-direction: column;
    }
}


/*
 * UABB Gallery Box Shadow line-height visible fix
 * Limit img in lightbox to 80% width on desktop
*/
.uabb-photo-gallery-link > a {
    line-height: 0;
}

.mfp-close {
    font-size: 44px;
    font-weight: bold;
    margin: 0.33em;
}

@media screen and (min-width: 768px) {
    img.mfp-img {
        max-width: 80%;
    }
}


/*
 * Arc Responsive Table (Table in Text Module) 
*/

table.arc-table { 
    width: 100%; 
    border-collapse: collapse; 
  }
  /* Zebra striping */
  table.arc-table tr:nth-of-type(odd) { 
    background: #efefef; 
  }
  table.arc-table th { 
    background: #333; 
    color: white; 
    font-weight: bold; 
  }
  table.arc-table td,
  table.arc-table th { 
    padding: .5em; 
    border: 1px solid #ccc; 
    text-align: left; 
  }

@media screen and (max-width: 767px)  {

	/* Force table to not be like tables anymore */
    table.arc-table.arc-table-responsive,
    table.arc-table.arc-table-responsive thead,
    table.arc-table.arc-table-responsive tbody,
    table.arc-table.arc-table-responsive th,
    table.arc-table.arc-table-responsive td,
    table.arc-table.arc-table-responsive tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	table.arc-table.arc-table-responsive thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	table.arc-table.arc-table-responsive tr {
        border: 1px solid #ccc;
    }
}


/* Arc Teaserbox (BB Textbox) */
.fl-col-group-equal-height .fl-module-callout.arc-teaserbox,
.fl-col-group-equal-height .fl-module-callout.arc-teaserbox .fl-module-content,
.fl-col-group-equal-height .fl-module-callout.arc-teaserbox .fl-callout,
.fl-col-group-equal-height .fl-module-callout.arc-teaserbox .fl-callout-content,
.fl-col-group-equal-height .fl-module-callout.arc-teaserbox .fl-callout-text-wrap  {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
}
.fl-module-callout.arc-teaserbox .fl-module-content {
    box-shadow: rgba(26, 29, 32, 0.33) 1px 1px 6px 0px;
}

.fl-module-callout.arc-teaserbox .fl-module-content {
    box-shadow: rgba(26, 29, 32, 0.33) 1px 1px 6px 0px;
}

.fl-module-callout.arc-teaserbox .fl-callout-title {
    padding-left: 1em;
    padding-right: 1em;
}

.fl-module-callout.arc-teaserbox .fl-callout-text-wrap {
    padding: 0 1em 1em;
    justify-content: space-between;
}

/* Arc Logobar (UABB Advanced Icons) */
.fl-module-advanced-icon.arc-logo-bar .adv-icon-wrap.adv-icon-horizontal {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}

@media screen and (max-width: 767px) {
    .fl-module-advanced-icon.arc-logo-bar .adv-icon-wrap.adv-icon-horizontal {
        flex-wrap: wrap;
    }
    .fl-module-advanced-icon.arc-logo-bar .adv-icon-wrap.adv-icon-horizontal .adv-icon-link {
        flex-basis: 50%;
    }
}

/* Arc Teaserbox with round images and shadow(BB Textbox) */
.fl-module-callout.arc-box-shadow-hover:hover .fl-photo-img{
    box-shadow: 1px 1px 8px 1px rgb(51 51 51 / 80%);
}


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

}


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

}


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

}