/*
 Theme Name:   Infinite Child
 Theme URI:    http://demo.goodlayers.com/infinite
 Description:  Goodlayers Infinite Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     infinite
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, right-sidebar, responsive-layout
 Text Domain:  infinite-child

 START YOUR CHILD THEME CSS HERE
*/

/* =================================================
   Header: black by default, white on scroll
   ================================================= */

/* Default: black header background */
.infinite-header-wrap .infinite-header-background {
    background-color: #000000 !important;
    opacity: 1 !important;
    transition: background-color 0.4s ease, opacity 0.4s ease;
}

/* Default: white nav text on black */
.infinite-header-wrap .infinite-navigation a,
.infinite-header-wrap .sf-menu > li > a {
    color: #ffffff !important;
}

/* On scroll: white header background */
.infinite-header-wrap.scrolled .infinite-header-background {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

/* Hide the page title wrapper and content container on the homepage */
.front-page .infinite-page-title-wrap,
.home .infinite-page-title-wrap,
.front-page .infinite-content-container,
.home .infinite-content-container {
    display: none !important;
}

/* On scroll: black nav text on white */
.infinite-header-wrap.scrolled .infinite-navigation a,
.infinite-header-wrap.scrolled .sf-menu > li > a {
    color: #000000 !important;
}