/*
Theme Name: Hub Child
Theme URI: http://hub.liquid-themes.com/
Author: Liquid Themes
Author URI: https://themeforest.net/user/liquidthemes
Template: hub
Description: Smart, Powerful and Unlimited Customizable WordPress Theme.
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: hub-child
Tags: responsive, retina, rtl-language-support, blog, portfolio, custom-colors, live-editor
*/


/* Chrome, Edge, Safari */
::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

/* Scrollbar Track */
::-webkit-scrollbar-track {
    background: #f3f3f3;
    border-radius: 50px;
}

/* Scrollbar Thumb */
::-webkit-scrollbar-thumb {
    background: linear-gradient( 180deg, #E61E6E, #ff4f95
    );

    border-radius: 50px;
    border: 2px solid #f3f3f3;
    transition: all 0.3s ease;
}

/* Hover Effect */
::-webkit-scrollbar-thumb:hover {
    background: linear-gradient( 180deg, #ff4f95, #E61E6E);
    box-shadow: 0 0 10px rgba(230,30,110,0.35),
                0 0 20px rgba(230,30,110,0.15);
}

/* Side Drawer nav-trigger bar style */

.nav-trigger.style-2 .bar {
    width: 40px;
    height: 4px;
    border-radius: 80px;
    cursor: pointer;
    z-index:999;
}

.nav-trigger.style-2 .bar:first-child:before,
.nav-trigger.style-2 .bar:nth-child(2):before {
    height: 4px;
    border-radius: 80px;
}

.nav-trigger.style-2 .bar:before, 
.nav-trigger.style-2 .bar:after {
    width : 40px; 
    height: 4px; 
    border-radius: 80px; 
    
}

.nav-trigger.style-2 .bar:last-child:before, 
.nav-trigger.style-2 .bar:last-child:after {
    transform-origin: 60%;
}

/* Side Drawer style*/
.ld-sd-wrap {
    padding: 40px !important;
}

/* Hide Sticky Bar while Side Drawer is open */

.lqd-stickybar-wrap{
    z-index:0 !important;
}

/* 1. Remove default bullets from your specific list class */
ul.custom-icon-list {
    list-style: none;
    padding-left: 3.5rem !important;
}

/* 2. Add the icon before each list item */
ul.custom-icon-list li::before {
    content: "\f058"; 
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    width: 1.5em;
    margin-left: -1.5em;
    color: #E61E6E; 
    vertical-align: middle;
}