/*
 Theme Name:   GeneratePress Child
 Theme URI:    http://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Thomas Usborne
 Author URI:   http://edge22.com
 Template:     generatepress
 Version:      0.1
 Tags: two-columns, three-columns, one-column, right-sidebar, left-sidebar, fluid-layout, responsive-layout, custom-header, custom-background, custom-menu, custom-colors, sticky-post, threaded-comments, translation-ready, featured-images, theme-options, light, white, dark, black, blue, brown, gray, green, orange, pink, purple, red, silver, tan, yellow
*/

body.home {
    overflow: hidden;
}

.home-page {
	background: #222;
}

.home-logo {
    display: none;
}

@media (min-width: 768px) {
    .home-logo {
        display: block;
        position: absolute;
        top: 80px;
        left: 40px;
        z-index: 1;
        width: 181px;
        height: 221px;
        background: url(./images/logo.png);
    }
}

.top-bar {
    position: fixed;
    z-index: 99;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.4);
}

.top-bar-wrapper {
    max-width: 960px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.top-bar-menu {
    
}

.top-bar-menu a {
    display: inline-block;
    padding: 6px 4px;
    margin: 4px 4px;
    font-size: 16px;
}

@media (min-width: 768px) {
    .top-bar-menu a {
        padding: 6px 20px;
    }
}

.top-bar-menu a:hover, .top-bar-menu a.active {
    color: #ffa737;
}

.top-bar-whatsapp {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(./images/whatsapp.png) 50% 50% transparent no-repeat;
    margin-right: 4px;
}

@media (min-width: 768px) {
    .top-bar-whatsapp {
        margin-right: 20px;
    }
}

.top-bar-instagram {
    display: inline-block;
    vertical-align: top;
    width: 40px;
    height: 40px;
    background: url(./images/instagram.png) 50% 50% transparent no-repeat;
}

.bottom-bar {
    position: fixed;
    z-index: 99;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.3);
}

.bottom-bar-menu {
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.bottom-bar-menu a {
    padding: 12px 8px 12px 40px;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
}

.bottom-bar-menu a:hover {
    color: #ccc;
}

.bottom-bar-menu a.active {
    font-weight: bold;
}

.collection-item {
    display: none;
}

.opened .collection-item {
    display: block;
}

@media (min-width: 768px) {
    .bottom-bar-menu {
        display: flex;
        flex-direction: row;
        text-align: center;
        max-width: 960px;
        margin: 0 auto;
    }

    .bottom-bar-menu a {
        max-width: 160px;
        padding: 8px;
        margin: 8px 4px;
    }

    .collection-menu {
        display: none;
    }
    
    .collection-item {
        display: block;
    }
}

.home-page-content .ms-bullets {
    bottom: 120px !important;
}

.collection-slider {
}

.home-magazine {
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(./images/book-bg.jpg) 50% 50% transparent no-repeat;
}