/*
Theme Name: Vibenews Child
Theme URI: http://gossipthemes.com/vibenews
Author URI: http://gossipthemes.com
Template: vibenews
Description: Make your modifications to Vibenews in this child theme.
Version: 2.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: vibenews-child
Tags: two-columns, three-columns, four-columns, right-sidebar, custom-menu, featured-images, full-width-template
*/


/* =Theme customization starts here
------------------------------------------------------- */

#main-content.main-container.theme-page-spacing {
    padding-top: 30px;
}
.nav-menu-wrapper .mainmenu li ul.sub-menu {
display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    max-width: 2000px !important;
    margin-left: -500px !important;
    padding: 10px !important;
    border-radius: 10px !important;
}


#settingsbtn, #crossbtn {
    width:35px;
    height: 35px;
    border-radius:50%;
    border: none;
    background-color: #e52020;
    color: white;
    font-size:20px;
    cursor: pointer;
    box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    transition: background-color 0.3s, transform 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: unset;
	
}

#settingsbtn:hover, #crossbtn:hover {
    background-color: #c51c1c;
    transform: scale(1.1);
}

.theme-logo-area {
    display: flex!important;
    align-items: center;
    justify-content: flex-start;
    padding-left: 0;
    margin-left: 0;
}
 .theme-logo-area .custom-logo {
    height: 50px; /*Logo size */
    width: auto;
    margin: 0; /* No margin */ 
} 


 .theme-navigation-area {
    display: flex;
    align-items: center;
    margin-left: 30px; /* only small fixed gap from logo */
} 
 

.theme-navigation-area ul {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}


.containslogo {
    width: 20%!important;
} 

@media(min-width:992px){
	.containslogo {
	margin-left: 0% !important;
} 
}

.header_search_wrap {
    display:none;
}
.icofont-search-1 {
	display:none;
}

/* Make header a flex container */
#theme-header-two {
    display: flex;
    align-items: center;
    justify-content: space-between; 
    flex-wrap: wrap;
    padding: 10px 20px;
}

/* Logo area styling */
#theme-header-two .theme-logo-area {
    display: flex;
    align-items: center;
    margin-right: 30px;
	background-color:#000;
}

/* Logo size */
#theme-header-two .theme-logo-area .custom-logo {
    height: 50px;
    width: auto;
}

/* Navigation menu styling */
#theme-header-two .theme-navigation-area {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

/* Navigation list styling */
#theme-header-two .theme-navigation-area ul {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Navigation links */
#theme-header-two .theme-navigation-area ul li a {
    text-decoration: none;
    padding: 10px;
    display: block;
  
}

a:hover {
    color: #e52020 !important; 
}

.nav-menu-wrapper .mainmenu li ul.sub-menu:hover{
	color:#e52020 !important;
}


/* Make header a flex container */
#theme-header-one {
    display: flex;
    align-items: center;
    justify-content: space-between; /* or flex-start if you want items tight to the left */
    flex-wrap: wrap; /* helps on smaller screens */
	width: 100%!important;
}

/* Logo area styling */
#theme-header-one .theme-logo-area {
    display: flex;
    align-items: center;
    margin-right: 30px;
}

/* Logo size */
#theme-header-one .theme-logo-area .custom-logo {
    height: 50px;
    width: auto;
}

/* Navigation menu styling */
#theme-header-one .theme-navigation-area {
    display: flex;
    align-items: center;
    flex-grow: 1;
}

/* Navigation list styling */
#theme-header-one .theme-navigation-area ul {
    display: flex;
    gap: 30px;
    list-style: none;
    margin: 0;
    padding: 0px;
}

/* Navigation links */
#theme-header-one .theme-navigation-area ul li a {
    text-decoration: none;
    padding: 10px;
    display: block;
}


 #theme-header-one {
  width: 100% !important;
  margin: 0 auto !important;
}

#theme-header-one .theme-logo-area {
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important;
}
.nav-menu-wrapper .mainmenu li ul.sub-menu li:hover > a {
  color: #e52020  !important;
}
p {
    color: #ddd;
}
ul.slicknav_nav 
{display: flex;
    flex-direction: column;
	}
	ul.sub-menu.slicknav_hidden{
	display:flex !important;
	flex-direction:column !important;
}
.theme-amp-logo-left {
    display: none !important;
}
/* .likhun-dark .nav-menu-wrapper .mainmenu li ul.sub-menu {
  background-color: #000 !important;
  color: #fff !important;
}
 */
.likhun-dark .nav-menu-wrapper .mainmenu li ul.sub-menu,
.likhun-dark .nav-menu-wrapper .mainmenu li ul.sub-menu a {
  background-color: #000 !important;
  color: #fff !important;
}