/*
Theme Name: Spectral FSE
Theme URI: https://gracethemes.com/themes/free-gaming-club-wordpress-theme/
Author: Grace Themes
Author URI: https://gracethemes.com/
Description: The Spectral FSE is a Free Gaming Club WordPress Theme for esports, esports website, game, game portal, game studio, game website, gamer, gaming, gaming community, gaming news and tournament gaming. It provides a contemporary and professional architecture that meets the requirements of your gaming stations and parlors. The homepage of the Spectral FSE theme is really striking. Since the homepage is where visitors would land initially, it must be visually appealing. This Free gaming club WordPress theme looks both stunning and professional. This WordPress theme is also optimized for search engines. This Free gaming club WordPress theme is a full-site editing-based theme, and there is no need for coding knowledge to operate it. Anyone can use this theme effortlessly. This WordPress theme is dynamic and adaptable. This theme is simple to use by anyone, regardless of resolution quality. This WordPress theme works on a variety of devices. This means that you can use this theme on any smart device, be it a PC, tablet, laptop, smartphone, or anything else. Additionally, this theme works with numerous SEO plugins, like Rank Math and Yoast SEO.
Version: 1.0
License: GNU General Public License version 2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: spectral-fse
Requires PHP:  5.6
Tested up to: 6.8
Tags:blog, news, one-column, two-columns, right-sidebar, block-styles, custom-colors, editor-style, custom-background, custom-menu, featured-images, template-editing, full-site-editing, block-patterns,  threaded-comments, wide-blocks, translation-ready
Spectral FSE WordPress Theme has been created by Grace Themes(gracethemes.com), 2025.
Spectral FSE WordPress Theme is released under the terms of GNU GPL
*/
body.page-template-front .site-main-header {  
	width:100%; 
	z-index:999;
}
body.page-template-front .site-main-header .logo-wrap-row {  position:absolute; width:100%;}
.site-main-header  .logo-wrap-row{ position:relative;}
.site-main-header{  position:relative;}
.clear{ clear:both; }
.header-nav-bar{ position:relative;}
.header-nav-bar::after {content: ''; position: absolute; right: -49px; top: 0; width: 0; height: 0; border-top: 94px solid #040404; border-right: 50px solid transparent;}
.header-nav-bar::before{content: ''; position: absolute; left: -49px; top: 0; width: 0; height: 0; border-top: 94px solid #040404; border-left: 50px solid transparent;}



/*dropdown menu background color*/
.wp-block-navigation .has-child .wp-block-navigation__submenu-container{ 
	background-color:#191919;
}
.wp-block-navigation .has-child .wp-block-navigation__submenu-container li{ 
	padding:5px 0; 
	border-bottom:1px solid #3c3b3b !important;
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu{ 
	padding-top:30px !important
}
.wp-block-navigation__submenu-container.wp-block-navigation-submenu li ul{ 
	padding-top:0 !important; 
	left:100% !important; 
	right:auto !important;
}
.header-navigation.wp-block-navigation{ padding:5px 0 !important;}
.logo { position: relative;}
.header_right_menu{	position:relative;}

.fse-sections-02{ position:relative !important;}
.welcome-wrap{ position:relative  !important; z-index:9999;}
.aqf-cols{ position:relative;}


/* = Sidebar CSS
----------------------------------------------- */
.st-widgetBX ul.wp-block-latest-posts li{ 
	margin-bottom:20px; 
	min-height:80px;
}
.st-widgetBX ul.wp-block-latest-posts li a.wp-block-latest-posts__post-title{ 
	margin-bottom:5px !important; 
	display:block; 
	line-height:20px;
}

/* = Contact Form 7 CSS
----------------------------------------------- */
.wpcf7{ 
	margin:30px 0 0;padding:0;
}
.wpcf7 input[type="text"], 
.wpcf7 input[type="tel"], 
.wpcf7 input[type="email"]{ 
	width:40%;	
	color:#797979;
	margin-bottom:0;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	height:40px;
	padding:0 15px;
}	
.wpcf7 textarea{
	color:#797979;
	margin-bottom:25px;
	border:1px solid #cccccc;
	box-shadow:inset 1px 1px 2px #ccc;
	padding:10px;
	width:60%;
	height:160px;
	font-size:12px;
}
.wpcf7 input[type="submit"]{
	border-radius:40px;	
	cursor:pointer;
	background-color:#60c19f;
	padding:20px 40px;
	color:#ffffff;
	font-weight:600;
	border:none;
	font-size:16px;
	width:auto;	
	text-transform:uppercase;
}
.wpcf7 input[type="submit"]:hover{
	background-color:#101010;
}



/* = Blog page Design CSS
----------------------------------------------- */
ul.blog-list-style{ 
	margin:0; 
	padding:0; 
}
ul.blog-list-style li{ 
	margin-bottom:40px; 	
	display:flow-root;
}
ul.blog-list-style li .blog-thumbnail{ 
	 width:35% !important; 
	 float:left!important; 
	 margin:0 35px 30px 0!important;
}
ul.blog-list-style li a.wp-block-post-excerpt__more-link{ 
	padding:10px 20px; 
	border-radius:10px
}

ul.blog-list-style li .blog-thumbnail.wp-block-post-featured-image a,
ul.blog-list-style li .blog-thumbnail.wp-block-post-featured-image img{ 
	height:auto;
	border-radius:10px;
}
.wp-block-group.sidebar-blog .st-widgetBX{ 
}
ul.blog-list-style li h3.wp-block-post-title{ display:flex;}


.wp-block-group.PostStyle-1{ 
	display:flow-root;
}
.wp-block-column.fse-page-layout{
	display:flow-root; 
	
}
.elv-missionbx:hover{ background-color:#222f63 !important;}
.elv-missionbx:hover h4, .elv-missionbx:hover p{ color:#fff !important;}


.wp-block-group.st-widgetBX{
	display:flow-root; 
	padding:25px;
	background-color:#f2f6ff;
	border:1px solid #e0e6f4;
	border-radius:15px;
}

.imageBX{}


/* = Footer CSS
----------------------------------------------- */
.site-footer{ 
	position:relative;
}

.spectral_footer_column h3.wp-block-heading{
	position:relative;
}

.spectral_footer_column h3.wp-block-heading::after {  content: ''; width: 20px; height: 3px; background: #4baf4f; position: absolute; left: 0; bottom: 0;}
.column-info span { width: 100%; display: block; margin-bottom: 10px;}

footer.wp-block-template-part{ 
	margin-block-start:0 !important
}

.Footer-QuickLinks{ 
	list-style:none !important; 
	padding:0 !important;
}
.Footer-QuickLinks li{ 
	list-style:none !important; 
	padding:5px 0 5px 20px !important;
	position:relative;
}

.Footer-QuickLinks li:before { 
 	content: ">";
    display: block; 
    width: 0; 
    height: 0;
    position: absolute;
    top: 5px;
    left: 0;
    z-index: 2; 
}


.Footer-QuickLinks li a:hover{ 
	text-decoration:none; 
}
.footer-latest-news li{ 
	margin-bottom:10px;
}
.wp-block-social-links.footer-social li{ 
	border-radius:10px;
}
.wp-block-social-links.footer-social li a{ 
	padding:12px;
}
ul.fs-footer-post{ 
	margin:0; 
	padding:0;
}
ul.fs-footer-post li{ 
	list-style:none; 
	margin-bottom:30px;
}
ul.fs-footer-post li .wp-block-latest-posts__featured-image{ 
	margin-top:6px;
}
ul.fs-footer-post li .wp-block-latest-posts__featured-image img{ 
	border-radius:10px;
}
ul.fs-footer-post li .wp-block-latest-posts__post-title{ 
	margin-bottom:15px; 
	display:block; 
	line-height:22px;
}
ul.fs-footer-post li .wp-block-latest-posts__post-title:hover{ 
	color:#8cc73e;
}
