/*
Theme Name: Beaver Builder Child Theme
Theme URI: https://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: https://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here...Remember to change the Version number above! */ 
@font-face {
  font-family: "Inter";
  src: url("/wp-content/themes/bb-theme-child/fonts/Inter-Variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

@font-face {
  font-family: "Inter";
  src: url("/wp-content/themes/bb-theme-child/fonts/InterItalic-VariableItalic.woff2") format("woff2");
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
}



.hero-cta > div  {
  background: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.3);
  position: relative;
  overflow: hidden;
  isolation: isolate;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 0 0 1px rgba(16, 24, 40, 0.05), 0 2px 4px rgba(16, 24, 40, 0.04), 0 24px 48px -12px rgba(16, 24, 40, 0.22), 0 48px 96px -24px rgba(16, 24, 40, 0.18);
}

.hero-cta > div::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.8),
    transparent
  );
}

.hero-cta > div::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.8),
    transparent,
    rgba(255, 255, 255, 0.3)
  );
}


@media (max-width: 2169px) { .hero-section>div { background-position-x: right, -20%, center !important; background-size: contain, contain, cover !important; background-repeat: no-repeat, no-repeat, no-repeat !important; } }
@media (max-width: 2069px) { .hero-section>div { background-position-x: right, -25%, center !important; } }
@media (max-width: 1969px) { .hero-section>div { background-position-x: right, -30%, center !important; } }
@media (max-width: 1869px) { .hero-section>div { background-position-x: right, -50%, center !important; } }
@media (max-width: 1769px) { .hero-section>div { background-position-x: right, -85%, center !important; } }
@media (max-width: 1669px) { .hero-section>div { background-position-x: right, -90%, center !important; } }
@media (max-width: 1569px) { .hero-section>div { background-position-x: right, -170%, center !important; } }
@media (max-width: 1469px) { .hero-section>div { background-position-x: right, -490%, center !important; } }
@media (max-width: 1369px) { .hero-section>div { background-position-x: right, 9999px , center !important; background-size: cover !important; } }




@media (min-width: 2189px) { .hero-icon-text { background-color: transparent !important; } }