/*
Theme Name: Gay Games
Theme URI: #
Author: gaygames
Author URI: #
Description: A standards-compliant Gay Games WordPress starter theme with theme.json support for the block editor, translation-ready, and built following WordPress Theme Review guidelines.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: gay games
Tags: gay-games, blog, two-columns, right-sidebar, accessibility-ready, translation-ready

This theme, like WordPress, is licensed under the GPL.
*/

/*
 * This file intentionally contains only the header above.
 * Actual styles live in assets/css/main.css and are loaded via wp_enqueue_style()
 * in inc/enqueue.php — never hardcode <link> tags or inline styles in templates.
 */

@import url('./assets/css/font.css');

.is-layout-flex > :is(*, div) {
    margin: revert-layer;
}

:root :where(.is-layout-flex) {
    gap: revert-layer;
}

html {
	scroll-behavior: smooth;
}
  
body {
	background: var(--secondary-color);
	font-family: 'HelveticaNeue', sans-serif;
}

.container {
	max-width: 1608px;
	padding: 0px 15px;
	margin: auto !important;
}

ul li{
	list-style-type: none;
}

.fixed-header {
	top: 0;
	left: 0;
	right: 0;
	z-index: 999;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
}

@keyframes sticky {
	0% {
		top: -200px;
	}
	100% {
		top: 0;
	}
}

.menu-line,
.menu-line::before,
.menu-line::after {
	content: "";
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background: #000;
	transition: all 0.3s ease;
}

.menu-line {
	top: 50%;
	transform: translateY(-50%);
}

.menu-line::before {
  	top: -8px;
}

.menu-line::after {
  	top: 8px;
}

.menu-open .menu-line {
  	background: transparent;
}

.menu-open .menu-line::before {
	transform: rotate(45deg);
	top: 0;
}

.menu-open .menu-line::after {
	transform: rotate(-45deg);
	top: 0;
}

.filter-btn.active{
    background:#ff7a00;
    color:#fff;
	border: none !important;
}


@media (max-width: 550px) {
	.countdown-box{
		margin-top: 470px !important;
	}
}
@media (max-width: 450px) {
	.countdown-box{
		margin-top: 400px !important;
	}
}
@media (max-width: 400px) {
	.countdown-box{
		margin-top: 360px !important;
	}
}