/*
 Theme Name:   Genesis Block Child
 Theme URI:    https://www.studiopress.com/
 Description:  A simple child theme for Genesis Block Theme by StudioPress
 Author:       StudioPress
 Author URI:   https://www.studiopress.com/
 Template:     genesis-block-theme
 Version:      1.0.0
 Text Domain:  genesis-block-child
*/

/* Add your custom CSS below */


.styled-btn a:after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50px;
  padding: 1px; /* thickness of gradient border */
  background: linear-gradient(90deg, #6232FF, #01FF5E); /* purple to green */
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  pointer-events: none;
}

.styled-btn a {
	position: relative;
	display: block;
	overflow: hidden;
	z-index: 1;
	background: transparent;
}

.styled-btn a::before {
	content: "";
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, #6232FF, #01FF5E);
	opacity: 0;
	transition: opacity 0.2s ease;
	z-index: -1;
}

.styled-btn a:hover::before {
	opacity: 1;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}

p:last-child {
	margin-bottom: 0;
}

.marquee-slider > div:not(.slick-list),
.marquee-slider .slick-slide {
    font-size: 40px;
    line-height: 1.2em;
    color: #FFFBEC;
    font-family: "Big Shoulders Display";
}

.marquee-slider > div:not(.slick-list):after,
.marquee-slider .slick-slide:after{
    content: url(/wp-content/uploads/2025/10/g-icon.png);
    margin: 0 40px;
}

.waitlist-form .gform-theme--foundation .gfield input,
.waitlist-form .gform-theme--foundation .gfield textarea {
    background: transparent;
    border-radius: 50px;
    color: #fff;
    height: 50px;
    line-height: 1;
    padding: 10px 20px;
}

div.waitlist-form .gform_fields {
    gap: 20px;
}

div.waitlist-form .gform-theme--foundation .gform-grid-row {
	row-gap: 20px;
}

.waitlist-form .gform_button {
	visibility: hidden !important;
	pointer-events: none;
	margin-bottom: -100px;
}

.waitlist-form .gform-footer {
	margin: 0 0 -50px;
}

.waitlist-form .gform-theme--foundation .gfield textarea {
    border-radius: 20px;
    padding: 20px;
}

@media screen and (max-width: 767px) {
.marquee-slider > div:not(.slick-list), .marquee-slider .slick-slide {
    font-size: 24px;
    display: flex !important;
    align-items: center;
}

.marquee-slider > div:not(.slick-list):after, .marquee-slider .slick-slide:after {
    margin: 0 5px;
    transform: scale(0.7);
    display: inline-block;
}
}