/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


/* Menu underline hover effect */
.elementskit-navbar-nav > li > a {
    position: relative;
    display: inline-block;
}

.elementskit-navbar-nav > li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -0px;
    width: 0;
    height: 1px;
    background: #CE1C24;
    transition: width 0.3s ease;
}

.elementskit-navbar-nav > li > a:hover::after,
.elementskit-navbar-nav > li.current-menu-item > a::after,
.elementskit-navbar-nav > li.current-menu-ancestor > a::after {
    width: 100%;
}



/* banner Gradient and grid */


.hero-section{
    position: relative;
    overflow: hidden;
}

.hero-section::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;

    background-image:
        /* Grid */
        linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px),

        /* Left overlay */
        linear-gradient(90deg,
            rgba(8,10,12,.98) 0%,
            rgba(8,10,12,.92) 25%,
            rgba(8,10,12,.70) 50%,
            rgba(8,10,12,.35) 75%,
            rgba(8,10,12,.10) 100%),

        /* Bottom overlay */
        linear-gradient(180deg,
            rgba(8,10,12,.30) 0%,
            rgba(8,10,12,0) 35%,
            rgba(8,10,12,.65) 100%);

    background-size:
        56px 56px,
        56px 56px,
        cover,
        cover;
}

.hero-section > .e-con-inner{
    position: relative;
    z-index: 2;
}

/* stickey header */

.header-sticky{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: rgba(15,17,19,.95);
}


/* Red Color Border */

.blueprint-frame{
    position: relative;
/*     border: 1px solid rgba(255,255,255,.12);
 */
    background:
        /* Top Left */
        linear-gradient(#CE1C24,#CE1C24) top left/15px 1px no-repeat,
        linear-gradient(#CE1C24,#CE1C24) top left/1px 15px no-repeat,

        /* Bottom Right */
        linear-gradient(#CE1C24,#CE1C24) bottom right/15px 1px no-repeat,
        linear-gradient(#CE1C24,#CE1C24) bottom right/1px 15px no-repeat;
}