@import './css/editor-styles.css';

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




/**
 * 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 Header Widgets
 */
.arc-header-widgets {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0;
}

.arc-header-widgets > div {
    padding: 0 .5em;
    line-height: initial;
}

/* Evenly distribute header components, if inline header and header-widgets are active */
.header-main-layout-1.arc-header-widgets-active .ast-flex.main-header-container,
.header-main-layout-3.arc-header-widgets-active .ast-flex.main-header-container {
    justify-content: space-between;
 }

.header-main-layout-1.arc-header-widgets-active .ast-main-header-bar-alignment,
.header-main-layout-3.arc-header-widgets-active .ast-main-header-bar-alignment {
    margin: 0;
}

/* Flexify header components on, if stacked header and header-widgets are active */
.header-main-layout-2.arc-header-widgets-active .ast-flex.main-header-container {
    display: flex;
}

.header-main-layout-2.arc-header-widgets-active .ast-main-header-bar-alignment {
    flex-basis: 100%;
}

/* Rearrange header components on mobile, if stacked header and header-widgets are active */
.ast-header-break-point .header-main-layout-2.arc-header-widgets-active-2 .site-branding {
    order: 0;
}

.ast-header-break-point .header-main-layout-2.arc-header-widgets-active-2 .arc-header-widgets-1 {
    order: 1;
}

.ast-header-break-point .header-main-layout-2.arc-header-widgets-active-2 .arc-header-widgets-2 {
    order: 2;
}

.ast-header-break-point .header-main-layout-2.arc-header-widgets-active-2 .ast-mobile-menu-buttons {
    order: 3;
}

/* Rpositioning bugfix for site-branding on mobile when right inline header layout is active */
.ast-header-break-point .header-main-layout-3.arc-header-widgets-active .site-branding {
    flex: 0;
}




/**
 * Preset for stacked Header with site-branding left and header-widgets right
 * | <logo>.......<widgets> |
 * | <.....navigation.....> |
 */
.header-main-layout-2.arc-header-widgets-active:not(.arc-header-widgets-active-2) .site-branding {
    align-self: flex-start;
    text-align: left;
}

.header-main-layout-2.arc-header-widgets-active:not(.arc-header-widgets-active-2) .arc-header-widgets {
    justify-content: flex-end;
}

body:not(.ast-header-break-point) .header-main-layout-2.arc-header-widgets-active:not(.arc-header-widgets-active-2) .main-navigation,
body:not(.ast-header-break-point) .header-main-layout-2.arc-header-widgets-active:not(.arc-header-widgets-active-2) .main-header-menu {
    display: flex;
    width: 100%;
}

body:not(.ast-header-break-point) .header-main-layout-2.arc-header-widgets-active:not(.arc-header-widgets-active-2) .main-header-menu {
    justify-content: space-between;
}




/**
 * Preset for inline Header with site-branding left and header-widgets right
 * | <logo>.......<widgets> |
 * | <logo>....<navigation> |
 */
body:not(.ast-header-break-point) .header-main-layout-1.arc-header-widgets-active .arc-header-widgets {
    align-self: flex-start;
    position: absolute;
    right: 0;
    
}

.header-main-layout-1.arc-header-widgets-active .ast-main-header-bar-alignment {
    align-self: flex-end;
}

.arc-header-widgets .astra-widget-list-icons {
    display: flex;
    align-items: center;
}

.arc-header-widgets .astra-widget-list-icons .list-items-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    padding-right: 0;
    margin: 0;
}

.arc-header-widgets .astra-widget-list-icons .list-items-wrapper li {
    margin: 0;
    padding: 0 1em;
}

.ast-header-break-point .astra-widget-list-icons .list-items-wrapper li .link-text {
    display: none;
}




/**
 * Mobile Header Widgets list-icon preset
 * | <logo>..<widgets>..<toggle>|
 */
.ast-mobile-menu-buttons .astra-widget-list-icons {
    display: flex;
    align-items: center;
}

.ast-mobile-menu-buttons .astra-widget-list-icons .list-items-wrapper {
    display: flex;
    margin: 0;
    padding: 0;
}

.ast-mobile-menu-buttons .astra-widget-list-icons .list-items-wrapper li {
    margin: 0 !important;
    padding: 0 1.25em 0  0 !important;
}

.ast-mobile-menu-buttons .astra-widget-list-icons .list-items-wrapper li:last-child {
    padding-right: 0.25em !important;
}


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




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

}