/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.153
 Text Domain:  bricks
*/

/**** TYPOGRAPHY *****/
html {
	font-size:16px;
    font-family: 'Open Sauce One', sans-serif;
}
body {
    font-family: 'Open Sauce One', sans-serif !important;
}
.super-hero-text h1 {
	font-size: clamp(7.5rem, 4.8404rem + 8.5106vw, 12.5rem);
  	font-weight:bold;
}
h1.super-hero-text {
	font-size: clamp(7.5rem, 4.8404rem + 8.5106vw, 12.5rem);
  	font-weight:bold;
}
.hero h1 {
	font-size: clamp(2.625rem, 1.6941rem + 2.9787vw, 4.375rem);
}
h1.hero {
	font-size: clamp(2.625rem, 1.6941rem + 2.9787vw, 4.375rem);
}
.hero-md h1 {
	font-size: clamp(2.5rem, 1.8351rem + 2.1277vw, 3.75rem);
}
h1.hero-md {
	font-size: clamp(2.5rem, 1.8351rem + 2.1277vw, 3.75rem);
}
h2 {
	font-size: clamp(2.25rem, 1.7181rem + 1.7021vw, 3.25rem);
}
h3 {
	font-size: clamp(1.875rem, 1.5426rem + 1.0638vw, 2.5rem);
}
h4 {
	font-size: clamp(1.5rem, 1.234rem + 0.8511vw, 2rem);
}
h5 { font-size: 1.25rem; }

p, ul, li, a {
	font-size: clamp(1rem, 0.9335rem + 0.2128vw, 1.125rem);
}
p.p-md {
	font-size:1.5rem;
}
.p-md p {
	font-size:1.5rem;
}

.footer-link {
	color:#A9A9A9;
}
.footer-link:hover {
	color:#fff;
}
.b-footer-link {}
.b-footer-link:hover {
	opacity: 1 !important;
}

.nav-link {
  text-decoration: none; /* Remove default underline */
  position: relative; /* Needed for the underline effect */
  color: inherit; /* Keeps the default text color */
}

.nav-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Adjusts the underline position */
  width: 100%;
  height: 2px; /* Thickness of the underline */
  background: #FF665A;
  transform: scaleX(0); /* Initially hidden */
  transform-origin: left;
  transition: transform 0.2s ease-in-out;
}

.nav-link:hover::after {
  transform: scaleX(1); /* Expands the underline on hover */
}

.nav-link-wh {
  text-decoration: none; /* Remove default underline */
  position: relative; /* Needed for the underline effect */
  color: inherit; /* Keeps the default text color */
}

.nav-link-wh::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px; /* Adjusts the underline position */
  width: 100%;
  height: 2px; /* Thickness of the underline */
  background: #FFF;
  transform: scaleX(0); /* Initially hidden */
  transform-origin: left;
  transition: transform 0.2s ease-in-out;
}

.nav-link-wh:hover::after {
  transform: scaleX(1); /* Expands the underline on hover */
}
.center-txt {
	text-align:center;
}
/********************/
/****** COLORS *******/

.primary {
	color:#FF665A;
}
.white {
	color:#fff;
}

.animate-text {
  font-weight: bold;
  background: linear-gradient(78deg, #FF665A -8.02%, #E89FF4 110.67%);
  background-size: 200% 200%;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientMove 3s infinite linear;
}
@keyframes gradientMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

/*********************/
/**** BUTTONS ****/

.main-btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
  border-radius:60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:35px;
  padding-right:35px;
    background: linear-gradient(78deg, #FF665A -8.02%, #E89FF4 110.67%);
    color: white;
    border: 1px solid transparent;  /* Solid border color */
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    z-index: 1;
}

/* Hover Effect */
.main-btn:hover {
    background: white !important;  /* Button background turns white on hover */
    color: #FF665A;  /* Text color changes */
    border-color: #FF665A;  /* Border remains the same color */
}

.alt-btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    background: transparent;
    color: #FF665A;
  border-radius:60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:35px;
  padding-right:35px;
    border: 1px solid #FF665A;  /* Solid border color */
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    z-index: 1;
}

/* Hover Effect */
.alt-btn:hover {
    background: linear-gradient(78deg, #FF665A -8.02%, #E89FF4 110.67%);  /* Button background turns white on hover */
    color: white;  /* Text color changes */
    border-color: 1px solid transparent;  /* Border remains the same color */
}

.black-btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    background: #272727;
    color: #FFF;
  border-radius:60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:35px;
  padding-right:35px;
    border: 1px solid #272727;  /* Solid border color */
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    z-index: 1;
}

/* Hover Effect */
.black-btn:hover {
    background: transparent; 
    color: #272727;  /* Text color changes */
    border-color: 1px solid #272727;  /* Border remains the same color */
}

.white-btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    background: #FFF;
    color: #FF665A;
  border-radius:60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:35px;
  padding-right:35px;
    border: 1px solid #FFF;  /* Solid border color */
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    z-index: 1;
}

/* Hover Effect */
.white-btn:hover {
    background: transparent; 
    color: #FFF;  /* Text color changes */
    border-color: 1px solid #FFF;  /* Border remains the same color */
}


/****************/
.display-none {
	display:none !important;
}
.no-click {pointer-events:none !important;}
/************ CARDS ***********************/

.glass-card-widget {
	padding:30px;
    background: rgba(255, 255, 255, 0.3);
	border: 0px solid transparent;
  	border-radius:20px;
}

/*******************************************/
/********** GFORM STYLES *******************/

.gform_required_legend {
  display: none !important;
}
.gform_wrapper.gravity-theme .gfield input.large, .gform_wrapper.gravity-theme .gfield select.large {
	background: rgba(255, 255, 255, 0.3) !important;
	color:#fff !important;
  	border: 0px solid transparent !important;
  	border-radius:12px;
}
.gform_wrapper.gravity-theme .gfield textarea.medium {
	background: rgba(255, 255, 255, 0.3) !important;
	color:#fff !important;
  	border: 0px solid transparent !important;
  	border-radius:12px;
}
#gform_submit_button_3 {
    position: relative;
    display: inline-block;
    font-weight: bold;
    background: #272727;
    color: #FFF;
  border-radius:60px;
  padding-top:20px;
  padding-bottom:20px;
  padding-left:35px;
  padding-right:35px;
    border: 1px solid #272727;  /* Solid border color */
    transition: color 0.2s ease-in-out, background 0.2s ease-in-out;
    z-index: 1;
}
#gform_submit_button_3:hover {
    background: transparent; 
    color: #272727;  /* Text color changes */
    border-color: 1px solid #272727;  /* Border remains the same color */
}
/*************** END &************************/

@media (min-width: 991px) {
  .display-tab {
  	display:none !Important;
  }
}