/*
 Theme Name:   Financity Child
 Theme URI:    http://demo.goodlayers.com/financity
 Description:  Goodlayers Financity Child Theme
 Author:       Goodlayers
 Author URI:   http://goodlayers.com
 Template:     financity
 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:  financity-child

 START YOUR CHILD THEME CSS HERE
*/

/* MOBILE ONLY */
@media only screen and (max-width: 767px) {
	.gdlr-core-ilightbox { pointer-events: none; }
}

/* MOBILE ONLY - 1000PX */
@media only screen and (max-width: 999px) {
.financity-top-bar-right-text { display: none!important; }
}

/* EVENT TOPLINE MENU */

/* CONTAINER */
.menu-all-events-container {
    position: relative;
    display: inline-block;
	min-width: 200px;
}

/* HIDE DROPDOWN EXCEPT FIRST ITEM */
.menu-all-events-container .menu {
    position: absolute;
    top: -27px;
    left: 0;
    z-index: 1000;
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
}

/* SHOW ONLY FIRST ITEM */
.menu-all-events-container .menu-item { display: none; }

/* FIRST ITEM STYLING */
.menu-all-events-container .menu-item:first-child {
    display: block; 
    cursor: pointer;
    background-color: transparent;
    padding: 0;
    border: none;
    position: relative;
}

.menu-all-events-container .menu-item:first-child:hover { background: transparent; }

/* Add a downward triangle as the menu indicator */
.menu-all-events-container .menu-item:first-child a::after {
    content: '\25BC'; /* Downward arrow triangle */
    font-size: 10px;
    margin-left: 8px;
    display: inline-block;
    vertical-align: middle;
}
.menu-all-events-container.active .menu { background-color: #f4f4f4; }

/* When active, show all menu items */
.menu-all-events-container.active .menu-item { display: block; }

/* TOP ITEM - ACTIVE */
.menu-all-events-container.active .menu-item:first-child { background-color: #f0f0f0; }

/* Style for individual menu items */
.menu-all-events-container .menu-item a {
    text-decoration: none;
    display: block;
    padding: 10px;
    color: #636363!important;
}

.menu-all-events-container .menu-item a:hover {
    background-color: #e8e8e8; 
	color: #1375a1!important;
}