.elementor-872 .elementor-element.elementor-element-cadf76e{--display:flex;--padding-top:1px;--padding-bottom:1px;--padding-left:1px;--padding-right:1px;}.elementor-872 .elementor-element.elementor-element-cadf76e:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-cadf76e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-872 .elementor-element.elementor-element-38100b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-872 .elementor-element.elementor-element-38100b8:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-38100b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-872 .elementor-element.elementor-element-1128824{padding:0px 0px 10px 0px;}.elementor-872 .elementor-element.elementor-element-9daa1df{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-872 .elementor-element.elementor-element-9daa1df:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-9daa1df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-872 .elementor-element.elementor-element-1cd84b8{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:30px;--padding-bottom:0px;--padding-left:20px;--padding-right:0px;}.elementor-872 .elementor-element.elementor-element-1cd84b8:not(.elementor-motion-effects-element-type-background), .elementor-872 .elementor-element.elementor-element-1cd84b8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#000000;}.elementor-872 .elementor-element.elementor-element-ae09ffc{padding:0px 0px 10px 0px;}@media(max-width:1024px){.elementor-872 .elementor-element.elementor-element-38100b8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}.elementor-872 .elementor-element.elementor-element-1cd84b8{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--flex-wrap:wrap;}}@media(max-width:767px){.elementor-872 .elementor-element.elementor-element-38100b8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-872 .elementor-element.elementor-element-1cd84b8{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}}/* Start custom CSS for html, class: .elementor-element-0ebe5c6 *//* =========================================================
   BLAHFACE FITNESS
   ========================================================= */

.BFFITNESS-page{
  --cyan:#00e5ff;
  --gold:#e8b94b;
  --red:#970018;
  --text:#f3f3f7;
  width:100%;
  max-width:100%;
  margin:0;
  background:#02070a;
  color:var(--text);
  overflow:hidden;
}

.BFFITNESS-page *{
  box-sizing:border-box;
}


/* =========================================================
   HERO
   ========================================================= */

.BFFITNESS-hero{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#000;
}

.BFFITNESS-hero-picture{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
}

.BFFITNESS-hero-image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
}

.BFFITNESS-hero-shade{
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(
    90deg,
    rgba(0,0,0,.96) 0%,
    rgba(0,0,0,.78) 28%,
    rgba(0,0,0,.20) 54%,
    rgba(0,0,0,.02) 100%
  );
}

.BFFITNESS-hero-content{
  position:relative;
  z-index:2;
  width:min(44%,560px);
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:50px 0 30px 6%;
}

.BFFITNESS-breadcrumb{
  position:absolute;
  top:25px;
  left:6%;
  display:flex;
  align-items:center;
  gap:9px;
  color:#b8bec6;
  font-size:14px;
}

.BFFITNESS-breadcrumb a{
  color:#fff;
  text-decoration:none;
}

.BFFITNESS-breadcrumb a:hover{
  color:var(--cyan);
}

.BFFITNESS-hero h1{
  margin:0;
  color:#fff;
  font-size:clamp(64px,8vw,118px);
  line-height:.9;
  font-weight:800;
  letter-spacing:-5px;
  background:linear-gradient(
    180deg,
    #fff 20%,
    #dffcff 53%,
    #00dcea 73%,
    #f1c658 96%
  );
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
}

.BFFITNESS-tagline{
  margin-top:28px;
  color:var(--cyan);
  font-size:clamp(18px,2vw,29px);
  line-height:1.35;
  letter-spacing:.24em;
  font-weight:400;
}

.BFFITNESS-gold-line{
  width:82px;
  height:3px;
  margin:28px 0;
  background:linear-gradient(
    90deg,
    var(--gold),
    #7f6324
  );
}

.BFFITNESS-hero-content>p{
  max-width:430px;
  margin:0;
  color:#f0f0f2;
  font-size:18px;
  line-height:1.55;
}

.BFFITNESS-mantra{
  margin-top:30px;
  color:var(--cyan);
  font-size:12px;
  font-weight:700;
  letter-spacing:.18em;
  white-space:nowrap;
}

.BFFITNESS-mantra span{
  margin:0 10px;
  color:#7d8a8e;
}


/* =========================================================
   FITNESS CARDS
   ========================================================= */

.BFFITNESS-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:14px;
  width:min(1180px,calc(100% - 70px));
  margin:28px auto 45px;
}

.BFFITNESS-card{
  min-height:150px;
  display:flex;
  align-items:center;
  gap:14px;
  padding:22px 18px;
  border:1px solid rgba(0,229,255,.72);
  border-radius:18px;
  background:
    radial-gradient(
      circle at 100% 50%,
      rgba(0,229,255,.11),
      transparent 55%
    ),
    linear-gradient(
      135deg,
      #071216,
      #03080a
    );
  box-shadow:inset 0 0 25px rgba(0,229,255,.04);
  transition:
    transform .25s ease,
    border-color .25s ease,
    box-shadow .25s ease;
}

.BFFITNESS-card:hover{
  transform:translateY(-3px);
  border-color:var(--gold);
  box-shadow:0 10px 28px rgba(0,0,0,.30);
}

.BFFITNESS-card-icon{
  flex:0 0 55px;
  width:55px;
}

.BFFITNESS-card-icon svg{
  display:block;
  width:50px;
  height:50px;
  fill:none;
  stroke:var(--cyan);
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}

.BFFITNESS-card-icon-gold svg{
  stroke:var(--gold);
}

.BFFITNESS-card-text{
  min-width:0;
}

.BFFITNESS-card-text h3{
  margin:0 0 7px;
  color:#fff;
  font-size:15px;
  line-height:1.2;
  font-weight:700;
}

.BFFITNESS-card-text p{
  margin:0;
  color:#d8d8de;
  font-size:13px;
  line-height:1.4;
}


/* =========================================================
   GENERAL SECTIONS
   ========================================================= */

.BFFITNESS-section{
  width:min(1180px,calc(100% - 70px));
  margin:0 auto 54px;
}

.BFFITNESS-section h2{
  display:inline-block;
  margin:0;
  color:#fff;
  font-size:clamp(28px,3vw,42px);
  line-height:1.1;
  font-weight:700;
}

.BFFITNESS-section h2 span{
  color:var(--cyan);
}

.BFFITNESS-heading-line{
  display:inline-block;
  width:120px;
  height:2px;
  margin:0 0 9px 18px;
  background:linear-gradient(
    90deg,
    var(--gold),
    transparent
  );
}


/* =========================================================
   FEATURED VIDEOS
   ========================================================= */

.BFFITNESS-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:22px;
}

.BFFITNESS-video-card{
  min-width:0;
}

.BFFITNESS-video{
  position:relative;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  border:1px solid rgba(0,229,255,.72);
  border-radius:18px;
  background:#000;
}

.BFFITNESS-video iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}

.BFFITNESS-video-card h3{
  margin:11px 0 5px;
  color:#fff;
  font-size:18px;
  line-height:1.3;
  font-weight:600;
}

.BFFITNESS-youtube-link{
  display:inline-block;
  margin-top:7px;
  color:#8e919b;
  font-size:12px;
  text-decoration:none;
}

.BFFITNESS-youtube-link:hover{
  color:var(--cyan);
}


/* =========================================================
   ARTICLES
   ========================================================= */

.BFFITNESS-news-list{
  margin-top:20px;
  border-top:1px solid rgba(0,229,255,.22);
}

.BFFITNESS-news-row{
  display:grid;
  grid-template-columns:74px minmax(0,1fr);
  gap:20px;
  padding:20px 0;
  border-bottom:1px solid rgba(0,229,255,.22);
}

.BFFITNESS-news-number{
  display:flex;
  align-items:flex-start;
  justify-content:center;
  color:var(--cyan);
  font-size:35px;
  line-height:1;
  font-weight:400;
  text-shadow:0 0 15px rgba(0,229,255,.28);
  border-right:1px solid rgba(0,229,255,.55);
}

.BFFITNESS-news-content{
  min-width:0;
}

.BFFITNESS-news-headline{
  display:block;
  color:#fff;
  font-size:17px;
  line-height:1.4;
  font-weight:700;
  text-decoration:none;
}

.BFFITNESS-news-headline:hover{
  color:var(--cyan);
}

.BFFITNESS-news-headline span{
  color:#b7b7c0;
  font-weight:400;
}

.BFFITNESS-news-content p{
  margin:5px 0 0;
  color:#d0d0d6;
  font-size:15px;
  line-height:1.5;
}

.BFFITNESS-news-content p strong{
  color:var(--red);
  font-weight:700;
}

.BFFITNESS-news-note{
  margin:16px 0 0;
  color:#8f909b;
  font-size:12px;
  line-height:1.5;
}

.BFFITNESS-news-note strong{
  color:var(--red);
  font-weight:700;
}


/* =========================================================
   EXPLORE HEALTH & WELLNESS
   ========================================================= */

.BFFITNESS-explore{
  width:min(1180px,calc(100% - 70px));
  margin:15px auto 35px;
  padding:20px 0;
  border-top:1px solid rgba(255,255,255,.13);
  border-bottom:1px solid rgba(255,255,255,.13);
}

.BFFITNESS-explore-title{
  margin-bottom:13px;
  color:#fff;
  font-size:14px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.BFFITNESS-explore-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.BFFITNESS-explore-links a{
  padding:8px 15px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  color:#bdbdc7;
  font-size:13px;
  text-decoration:none;
  transition:.2s ease;
}

.BFFITNESS-explore-links a:hover{
  border-color:var(--cyan);
  color:#fff;
}

.BFFITNESS-explore-links .BFFITNESS-explore-active{
  border-color:var(--cyan);
  background:rgba(0,229,255,.09);
  color:#fff;
}


/* =========================================================
   TABLET
   ========================================================= */

@media(max-width:1024px){

  .BFFITNESS-hero{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:16/9;
  }

  .BFFITNESS-hero-image{
    object-position:center;
  }

  .BFFITNESS-hero-content{
    width:47%;
    padding-left:62px;
  }

  .BFFITNESS-breadcrumb{
    left:62px;
  }

  .BFFITNESS-hero h1{
    font-size:72px;
    letter-spacing:-3px;
  }

  .BFFITNESS-tagline{
    font-size:19px;
  }

  .BFFITNESS-hero-content>p{
    font-size:16px;
  }

  .BFFITNESS-cards{
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:calc(100% - 90px);
    margin-left:62px;
    margin-right:28px;
  }

  .BFFITNESS-section,
  .BFFITNESS-explore{
    width:auto;
    margin-left:62px;
    margin-right:28px;
  }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media(max-width:767px){

  .BFFITNESS-page{
    padding-left:30px;
  }

  .BFFITNESS-hero{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:9/16;
  }

  .BFFITNESS-hero-picture{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
  }

  .BFFITNESS-hero-image{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center top;
  }

  .BFFITNESS-hero-shade{
    background:linear-gradient(
      180deg,
      rgba(0,0,0,.03) 0%,
      rgba(0,0,0,.02) 43%,
      rgba(0,0,0,.43) 61%,
      rgba(0,0,0,.90) 77%,
      rgba(0,0,0,.98) 100%
    );
  }

  .BFFITNESS-hero-content{
    width:100%;
    height:100%;
    justify-content:flex-end;
    padding:0 22px 26px;
  }

  .BFFITNESS-breadcrumb{
    top:16px;
    left:20px;
    font-size:12px;
    gap:6px;
  }

  .BFFITNESS-hero h1{
    font-size:54px;
    letter-spacing:-2px;
  }

  .BFFITNESS-tagline{
    margin-top:12px;
    font-size:14px;
    line-height:1.4;
    letter-spacing:.18em;
  }

  .BFFITNESS-gold-line{
    width:60px;
    margin:15px 0;
  }

  .BFFITNESS-hero-content>p{
    max-width:100%;
    margin:0;
    font-size:14px;
    line-height:1.5;
  }

  .BFFITNESS-mantra{
    margin-top:16px;
    font-size:9px;
    line-height:1.5;
    letter-spacing:.10em;
    white-space:normal;
  }

  .BFFITNESS-mantra span{
    margin:0 5px;
  }

  .BFFITNESS-cards{
    grid-template-columns:1fr;
    width:auto;
    margin:18px 16px 38px;
  }

  .BFFITNESS-card{
    min-height:112px;
    padding:17px;
  }

  .BFFITNESS-card-icon{
    flex-basis:48px;
    width:48px;
  }

  .BFFITNESS-card-icon svg{
    width:43px;
    height:43px;
  }

  .BFFITNESS-section,
  .BFFITNESS-explore{
    width:auto;
    margin-left:16px;
    margin-right:16px;
  }

  .BFFITNESS-section{
    margin-bottom:42px;
  }

  .BFFITNESS-section h2{
    font-size:28px;
  }

  .BFFITNESS-heading-line{
    width:60px;
    margin-left:10px;
  }

  .BFFITNESS-video-grid{
    grid-template-columns:1fr;
    gap:27px;
  }

  .BFFITNESS-video{
    border-radius:15px;
  }

  .BFFITNESS-video-card h3{
    font-size:16px;
  }

  .BFFITNESS-news-row{
    grid-template-columns:46px minmax(0,1fr);
    gap:12px;
    padding:18px 0;
  }

  .BFFITNESS-news-number{
    font-size:25px;
  }

  .BFFITNESS-news-headline{
    font-size:15px;
  }

  .BFFITNESS-news-content p{
    font-size:13px;
  }

  .BFFITNESS-explore{
    margin-bottom:25px;
    padding:17px 0;
  }

  .BFFITNESS-explore-links{
    gap:7px;
  }

  .BFFITNESS-explore-links a{
    padding:7px 11px;
    font-size:12px;
  }

}/* End custom CSS */