/* New styles for LVAC.COM - Paulo dos Santos */
@font-face {
  font-family: 'BebasNeuewebfont';
  src: url('../fonts/BebasNeuewebfont.eot');
  src: url('../fonts/BebasNeuewebfont.woff') format('woff');
}

@font-face {
font-family: 'MedinoRegular';
src: url('../fonts/Medino-Regular.woff');
src: url('../fonts/Medino-Regular.woff2') format('woff');
}

@import url('https://fonts.googleapis.com/css2?family=Merriweather:ital,wght@0,400;0,700;1,400&display=swap');

* {
scroll-behavior: smooth;
}

h6, .h6 {
font-size: 13px;
}

.new-red {
color: rgb(186, 29, 34);
}

a.new-red {
  color: rgb(186, 29, 34);
}

a.new-red:hover {
  color: #fff;
}

.success {
color: rgb(38, 160, 76);
}

.b_text-dark {
color: #262626;
}

.cursor-pointer {
  cursor: pointer !important;
}

.bg-gray-1 {
background-color: rgb(247, 247, 247);
}

.bg-gray-2 {
background-color: rgb(236, 236, 236);
}

.bg-gray-3 {
background-color: rgb(222, 222, 222);
}

.bg-gray-4 {
background-color: rgb(210, 210, 210);
}

.bg-gray-5 {
background-color: rgb(204, 204, 204);
}

.bg-green-1 {
  background-color: rgb(196, 218, 203);
}

.bg-yellow-1 {
  background-color: rgb(225, 216, 169);
}

/* Prefixing classes used in Bootstrap 4 and 5 for now to prevent issues because BS3 is still used in many places */
.b_bg-white {
  background-color: #fff !important;
}

.b_p-0 {
  padding: 0 !important;
}

.b_p-1 {
  padding: 0.25rem !important;
}

.b_p-2 {
  padding: 0.5rem !important;
}

.b_p-3 {
  padding: 1rem !important;
}

.b_m-0 {
  margin: 0 !important;
}

.b_m-3 {
  margin: 1rem !important;
}

.b_m-4 {
  margin: 1.5rem !important;
}

.b_mb-0 {
  margin-bottom: 0 !important;
}

.b_mb-1 {
  margin-bottom: 0.25rem !important;
}

.b_mb-3 {
  margin-bottom: 1rem !important;
}

.b_mb-4 {
  margin-bottom: 1.5rem !important;
}

.b_mb-5 {
  margin-bottom: 3rem !important;
}

.b_row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.b_col-2 {
  flex: 0 0 16.666667%;
  max-width: 16.666667%;
}

.b_col-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.b_col-6, .b_col-sm-6 {
  flex: 0 0 50%;
  max-width: 50%;
}

.b_col-8, .b_col-sm-8 {
flex: 0 0 66.666667%;
max-width: 66.666667%;
}

.b_col-12 {
flex: 0 0 100%;
max-width: 100%;
}

.b_col-sm-3 {
  flex: 0 0 25%;
  max-width: 25%;
}

.b_col-sm-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%;
}

.b_w-10 {
  width: 10% !important;
}

.b_w-50 {
  width: 50% !important;
}

.b_w-75 {
  width: 75% !important;
}

.b_w-100 {
  width: 100% !important;
}

.b_d-block {
  display: block !important;
}


.b_d-inline-block {
  display: inline-block !important;
}

.b_d-table {
  display: table !important;
}

.b_d-table-cell {
  display: table-cell !important;
  vertical-align: middle;
}

.b_justify_center {
  justify-content: center;
}

.box-outline {
  border: 3px solid #b0b0b0;
  padding: 20px;
  width: 100%;
  margin-bottom: 20px;
}

/* Navbar */

header h5 {
  margin: 0;
}

.navbar-user-icon img {
margin: 2rem 10px 0 10px;
height: 34px;
}

.navbar-right sub {
display: block;
position: relative;
bottom: -74px;
width: 48px;
text-align: center;
}

.navbar-toggle.navbar-user-icon {
border: none !important;
background-color: transparent !important;
margin: 0.7rem 0 0 0 !important;
}

.navbar-toggle.navbar-user-icon img {
margin: 0;
}

/* Home Page */
.front_page_button_margin_top {
  margin-top: 20px;
}

.fbt-left {
  border-right: 1px solid #ccc;
}

.fbt-right {
  border-right: 1px solid transparent;
}

/* Membership Lengths */
.membership-lengths {
  text-align: center;
}

.membership-lengths ul {
  font-family: "Ubuntu",sans-serif;
  font-weight: 600;
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1.25;
}

.membership-lengths ul li {
  list-style: none;
}

/* variable bg-interior heroes */
.compare-gym-memberships .bg-interior,
.compare-gyms .bg-interior,
.about-lvac-memberships .bg-interior,
.learn-about-lvac-memberships .bg-interior {
  padding-bottom: 0;
  height: 200px;
}

.compare-gym-memberships h1,
.compare-gyms h1,
.about-lvac-memberships h1,
.learn-about-lvac-memberships h1 {
  font-size: 3.5rem;
  font-family: 'BebasNeuewebfont', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  color: #fff;
  text-align: center;
  margin-top: -280px;
  margin-bottom: 140px;
}

.bebas {
  font-family: 'BebasNeuewebfont', Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}

.font-xxl {
  font-size: 6rem;
}

/* BOLV 2023 */
.bolv2023 {
background: rgb(174,126,46);
background: linear-gradient(90deg, rgba(180,38,43,1) 0%, rgba(215,29,36,1) 35%, rgba(137,24,26,1) 100%);
color: #fff !important;
padding: 1.5rem;
text-shadow: none;
font-size: 2rem;
position: relative;
border: 2px solid #fff;
/* margin-top: 15vw; */
display: block;
}

.bolv2023:hover {
background: rgb(174,126,46);
background: linear-gradient(90deg, rgba(180,38,43,1) 0%, rgba(215,29,36,1) 35%, rgba(137,24,26,1) 100%);
color: #fff;
border: 4px solid #fff;
}


/* The flip box container - set the width and height to whatever you want. We have added the border property to demonstrate that the flip itself goes out of the box on hover (remove perspective if you don't want the 3D effect */
.flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-bottom: 100% !important;
  perspective: 100000px; /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.8s;
  transform-style: preserve-3d;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-box:hover .flip-box-inner {
  transform: rotateY(180deg);
}

/* Position the front and back side */
.flip-box-front, .flip-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the back side */
.flip-box-back {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  text-transform: uppercase;
  transform: rotateY(180deg);
}

.flip-box-back p {
  font-size: 1.25rem;
  font-weight: bold;
  display: block;
  margin-top: -100px;
}

/* Digital Magazine only styles - scoped by the .page-id-21033 class */

.page-id-21033 .mnt {
  perspective: 1px;
  transform-style: preserve-3d;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  margin-left: -5px;
}

.page-id-21033 .wrap {
  background-color: #fff;
  width: 100%;
  padding: 0 10%;
  font-size: 1.5em;
  line-height: 1.25;
}

.page-id-21033 .wrap p, .page-id-21033 .wrap ul, .page-id-21033 .wrap ol, .page-id-21033 .wrap h1, .page-id-21033 .wrap h2, .page-id-21033 .wrap h3, .page-id-21033 .wrap h4, .page-id-21033 .wrap h5, .page-id-21033 .wrap h6, .page-id-21033 .wrap .bti {
  font-family: 'Merriweather', serif;
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
  line-height: 1.25;
} 

.page-id-21033 .row {
  max-width: 2000px;
}

.page-id-21033 .b_row {
  margin-right: 0;
  margin-left: 0;
}

.page-id-21033 .hero-area {
  position: relative;
  z-index: -1;
  height: 100vh;
  transform: translateZ(-1px) scale(2);
  background: url(https://www.lvac.com/wp-content/uploads/2023/07/womens-health-hero-image.jpg);
  background-size: cover;
  background-position: top;
  margin-top: -10rem;
}

.page-id-21033 .h1, .page-id-21033 .bg-interior {
  display: none;
}

.page-id-21033 .hero-text {
  font-size: 10em;
  font-family: "MedinoRegular", serif;
  position: relative;
  top: -400px;
  color: #fff;
  text-align: center;
  margin-bottom: -290px;
}

.page-id-21033 h2 {
  text-align: center;
  text-transform: capitalize;
  font-size: 2em;
}

.page-id-21033 h3 {
  text-align: left;
  color: #000;
  font-weight: normal;
  padding: 0;
  text-transform: capitalize;
  font-size: 2.2em;
}

.page-id-21033 h4 {
  text-align: left;
  color: #ba1d22;
  letter-spacing: 0.25em;
  font-weight: normal;
  font-size: 1.25em;
}

.page-id-21033 h5 {
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  font-size: 1.25em;
  padding-top: 1.8em;
}

.page-id-21033 h6 {
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  margin-bottom: 0;
  font-size: 1em;
  padding-top: 1.8em;
}

.page-id-21033 em {
  color: #000;
}

.page-id-21033 hr {
  width: 60%;
  margin-top: 3em;
  margin-bottom: 3em;
  max-width: 700px;
}

.page-id-21033 .main ul, .page-id-21033 .main ol {
  padding-top: 1.8em;
}

.page-id-21033 .main ol li {
  font-weight: 500;
  padding: 1em 0;
}

.page-id-21033 .main ul.dm-index {
  text-align: center;
  padding: 0;
}

.page-id-21033 .main ul.dm-index li {
  list-style: none;
  font-size: 1.5em;
  margin-bottom: 0.5em;
}

.page-id-21033 .main ul.dm-index li small {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  font-size: 0.5em;
}

.page-id-21033 .sub-hero {
  /* background: #333; */
  margin: 4em calc(50% - 50vw);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-id-21033 .intermission {
  margin: 3em calc(50% - 50vw) 1.5em;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}

.page-id-21033 .sub-hero > div {
  flex: 1 1 30%; 
  /* height: 100px; */
  color: #fff;
  max-width: 2000px;
}

 .page-id-21033 .sub-hero > img, .page-id-21033 .intermission > img {
      max-width: 2000px;
 }

 .page-id-21033 .filter-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  padding-bottom: 100% !important;
 
}

/* This container is needed to position the front and back side */
.page-id-21033 .filter-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: ease-in-out 0.2s;
  filter: saturate(1);
  color: #f00 !important;
  text-shadow: none !important;
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.page-id-21033 .filter-box:hover .filter-box-inner {
  filter: saturate(0);
}

/* Position the front and back side */
.page-id-21033 .filter-box-front, .filter-box-back {
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden; /* Safari */
  backface-visibility: hidden;
}

/* Style the back side */
.page-id-21033 .filter-box-back {
  color: #fff;
  text-shadow: 1px 1px 0 #000;
  transform: rotateY(0deg);
  
}

.page-id-21033 .filter-box-back p {
  opacity: 0;
  font-size: 1.25rem;
  font-weight: bold;
  display: block;
  margin-top: -300px;
  padding: 0 10%;
}

.page-id-21033 .filter-box:hover p  {
  transition: ease-in-out 0.2s;
  opacity: 1;
}

.page-id-21033 .bti  {
  display: inline-block;
  padding-top: 1em;
}

@media (max-width: 1600px) {
  .page-id-21033 .filter-box-back p, .page-id-21033 .filter-box:hover p  {
    font-size: 0.9rem;
  }

  .page-id-21033 .hero-area {
    height: 80vh;
  }

  .page-id-21033 .hero-text {
    font-size: 8em;
    margin-top: 60px;
  }
}

@media (max-width: 1050px) {
  .page-id-21033 .filter-box-back p, .page-id-21033 .filter-box:hover p  {
    font-size: 1rem;
  }

  .page-id-21033 .hero-text {
    font-size: 5em;
    margin-top: 140px;
  }
}

@media (max-width: 991px) {
  header.banner .logo>img {
    margin: 1.25rem 0 1rem 0.75rem;
  }

  header.banner .logo>img {
    height: 26px;
  }
  
  .bolv2023 {
    padding: 1rem;
    font-size: 0.9rem;
    top: 10px;
    border: 2px solid #fff !important;
  }
}

@media (min-width: 480px) and (max-width: 940px) {
  .page-id-21033 .b_col-sm-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 479px) {
  .page-id-21033 .filter-box-back p, .page-id-21033 .filter-box:hover p  {
    font-size: 1.25rem;
    opacity: 1;
  }

  .page-id-21033 .hero-text {
    font-size: 4em;
    margin-top: 190px;
  }

  .page-id-21033 .hero-area {
    display: block !important;
  }

  .page-id-21033 .b_row {
    margin-right: -15px;
    margin-left: -15px;
  }
}



/* Digital Magazine only styles end */


@media (max-width: 767px) {

  /* Membership Lengths */

  .membership-lengths ul {
      font-size: 20px;
  }

}

@media (max-width: 501px) {

  /* Home Page */

  .fbt-left {
      margin-top: 40px;
      border-right: 1px solid transparent;
  }

}


@media (max-width: 479px) {

  /* Prevent default hero hiding to some pages */
  .compare-gym-memberships .hero-area,
  .compare-gyms .hero-area,
  .about-lvac-memberships .hero-area,
  .learn-about-lvac-memberships .hero-area {
      display: block !important;
  }

  .b_col-sm-3, .b_col-sm-4, .b_col-sm-6, .b_col-sm-8 {
      position: relative;
      width: 100%;
      min-height: 1px;
      padding-right: 15px;
      padding-left: 15px;
      flex: none;
      max-width: 100%;
  }

}