/*
Theme Name: Genesis Block Theme Child
Author: Lit Shots
Description: Child theme for the Genesis Block Theme
Version: 1.0
Template: genesis-block-theme

This is the child theme for Genesis Block Theme theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/

/* Global Styles removed with Functions added here manually */

.dimmer-overlay {
  position: fixed; /* Fixed position to cover the whole screen */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.7); /* Semi-transparent black */
  opacity: 0; /* Initially invisible */
  visibility: hidden; /* Hide it from screen readers and pointer events */
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 100; /* Ensure it is above the main content */
}
.site-header:hover ~ .dimmer-overlay {
  opacity: 1; /* Makes the overlay visible and covers the content */
  visibility: visible;
}
.site-header {
  z-index: 200; /* Ensure navigation stays on top of the overlay */
  position: relative; /* z-index only works on positioned elements */
}


body {
	overflow: visible;
}
header.site-header {
	position: sticky !important;
    top: 0;
	background: #FFFFFF; 
	border-bottom-width: 3px;
  border-bottom-color: #eb008b;
	border-bottom-style: solid;
}
.pink {
	color: #eb008b !important;
}
.green {
	color: #83DC00 !important;
}
.blue {
	color: #0084ff !important;
}
.orange {
	color: #ffa800 !important;
}
.wp-block-column:has(.bubblepop) {
  position: relative;
	overflow: hidden;
}
h1, h2, h3, h4 {
	font-family: "Fugaz One", sans-serif;
  font-weight: 400;
  font-style: normal;
	color: #000000;
}
h1 {
	text-transform: uppercase;
}
.site-content p,
.site-content ul,
.site-content ul li {
	font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 300;
  font-style: normal;
	color: #000000;
}
.main-navigation {
	text-transform: uppercase !important;
	font-family: "Work Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
	color: #000000;
}
.main-navigation .btn a {
	color: #ffffff !important;
  background-color: #eb008b !important;
  padding-left: 20px;
  padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: 700;
}
.main-navigation .btn a:hover {
	color: #ffffff !important;
  background-color: #000000 !important;
}
.uppercase {
	text-transform: uppercase !important;
}
.custom-logo-link img {
	width: 125px
}
.entry-content a {
	text-decoration-inset: calc(0.07em * 10);
  transition: 300ms ease;
	box-shadow: none !important;
	text-decoration: underline !important;
}
.entry-content a:hover {
	text-decoration-inset: 0.046em 0.009em;
	box-shadow: none !important;
}
@keyframes fizzup {
  0% {bottom: -100px;}
  25%{margin-left:10px;}
  50%{margin-left:-10px;}
  75%{margin-left:10px;}
  100% {margin-left:-10px;bottom: 800px;opacity: 0;}
}
@-webkit-keyframes fizzup {
  0% {bottom: -100px;}
  25%{margin-left:10px;}
  50%{margin-left:-10px;}
  75%{margin-left:10px;}
  100% {margin-left:-10px;bottom: 800px;opacity: 0;}
}
.fizz {
  float: left;
  background-color: white;
  border-radius: 50%;
  position: absolute;
  bottom: -100px;
  animation-name: fizzup;
  animation-timing-function: ease-in-out;
	opacity: .15;
  animation-iteration-count: infinite;
  -webkit-animation-name: fizzup;
  -webkit-animation-timing-function: ease;
  -webkit-animation-iteration-count: infinite;
}
.page-id-34 h1 {
  -webkit-animation: glow 1s ease-in-out infinite alternate;
  -moz-animation: glow 1s ease-in-out infinite alternate;
  animation: glow 1s ease-in-out infinite alternate;
}
@-webkit-keyframes glow {
  from {
    text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #e60073, 0 0 40px #e60073, 0 0 50px #e60073, 0 0 60px #e60073, 0 0 70px #e60073;
  }
  to {
    text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
  }
}
.page-id-113 .featured-post figure {
	display: contents;
}
.wp-block-post-template h2 a {
	color: #000000;
	text-decoration: none !important;
	text-transform: uppercase;
}