/*
Theme Name:     Storefront Child Theme
Theme URI:      https://github.com/stuartduff/storefront-child-theme
Author:         Stuart Duff
Author URI:     http://stuartduff.com
Template:       storefront
Description:    This is a blank child theme for WooThemes StoreFront theme
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    storefront
Tags:           black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
*/

/*
 * Eigene Styles
 */

.woocommerce-breadcrumb {
    font-size: 1.1em;
}

div#anfahrt {
    text-decoration: underline;
}

.mobile-menu-toggle {
    position: relative;
    z-index: 9999;
}


/* ==========================================================
   VFloor Storefront Header
   Ersatz für Storefront Header Picker
   ========================================================== */

/*
 * Oberer Header:
 * Logo links, Kontaktinformationen rechts
 */
.site-header > .col-full {
    display: flex !important;
    justify-content: space-between !important;
    align-items: flex-start !important;
    position: relative;
}


/* Logo links */
.site-header .site-branding {
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
    order: 1;
}

.site-header .site-branding a {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}

.site-header .site-branding img,
.site-header .custom-logo-link img,
.site-header img.custom-logo {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* Kontaktblock rechts */
.site-header .top-info {
    float: none !important;
    width: auto !important;
    margin: 0 0 0 auto !important;
    padding: 0 !important;
    text-align: right !important;
    order: 2;
}

.site-header .top-info-text,
.site-header .top-info-text > div {
    text-align: right !important;
}


/* Standard-Suchfeld im schwarzen Header ausblenden */
.site-header .site-search {
    display: none !important;
}


/* ==========================================================
   Navigation
   ========================================================== */

/*
 * Navigation soll unter Logo/Kontaktbereich stehen
 */
.storefront-primary-navigation {
    clear: both;
}

.main-navigation {
    clear: both;
}


/* ==========================================================
   Mobile Darstellung
   ========================================================== */

@media (max-width: 767px) {

    /*
     * Auf Mobilgeräten wieder normale Blockdarstellung
     */
    .site-header > .col-full {
        display: block !important;
    }

    .site-header .site-branding {
        margin-bottom: 20px !important;
    }

    .site-header .top-info {
        margin-left: 0 !important;
        text-align: left !important;
    }

    .site-header .top-info-text,
    .site-header .top-info-text > div {
        text-align: left !important;
    }
}