/*
Theme Name: Nicex (Child Theme)
Theme URI: http://madsparrow.us/
Author: Mad Sparrow
Author URI: https://themeforest.net/user/madsparrow
Description: Nicex – brings your site to life with immersive featured images and subtle animations. With a focus on portfolio sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our theme works great in many languages, for any abilities, and on any device.
Tags: one-column, two-columns, right-sidebar, custom-menu, post-formats, sticky-post, translation-ready, page transition
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: nicex
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready
Template: nicex
*/

/* Add your own modification from here
-------------------------------------------------------------- */

.main-header__layout{
    position: relative;
}

.main-header__layout::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:250px;

    background: linear-gradient(
        180deg,
        rgba(0,0,0,.75) 0%,
        rgba(0,0,0,.45) 35%,
        rgba(0,0,0,.20) 65%,
        rgba(0,0,0,0) 100%
    );

    pointer-events:none;
    z-index:-1;
}

::-webkit-scrollbar{
    width:12px;
}

::-webkit-scrollbar-track{
    background:#080a0f;
}

::-webkit-scrollbar-thumb{
    background:
    linear-gradient(
        to bottom,
        rgba(200,240,81,.3),
        rgba(200,240,81,.8)
    );

    border-radius:20px;
    border:4px solid #080a0f;
}

::-webkit-scrollbar-thumb:hover{
    background:
    linear-gradient(
        to bottom,
        #c8f051,
        #d8ff67
    );
}