/*
Theme Name: Liftoff
*/

.fa::before {
  display: inline-block;
  font-family: FontAwesome;
  font-feature-settings: normal;
  font-kerning: auto;
  font-language-override: normal;
  font-size: inherit;
  font-size-adjust: none;
  font-stretch: normal;
  font-style: normal;
  font-synthesis: weight style;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-align: right;
  text-rendering: auto;
  transform: translate(0px, 0px);
}

.lf-block--page-section > .acf-innerblocks-container > *.has-bone-background-color{
  width: 100%;
  max-width: 100%;   
}


/* nav fix */
@media screen and (min-width:960px){
  .page-template-template-mobileheroes header.lf-nav.light .main-nav > li > a,
	.single-blog header.lf-nav.light .main-nav > li > a,
	.single-hero header.lf-nav.light .main-nav > li > a{
    text-align: center;
  }
  .page-template-template-mobileheroes header.lf-nav.light #header-get-started,
	.single-blog header.lf-nav.light #header-get-started,
	.single-hero header.lf-nav.light #header-get-started {
    white-space: nowrap;
  }
  body.page-template-template-mobileheroes header.lf-nav .desktop-nav .wp-block-button,
	body.single-hero header.lf-nav .desktop-nav .wp-block-button,
	body.single-blog header.lf-nav .desktop-nav .wp-block-button{
    margin-left: 30px;
  }
  body.page-template-template-mobileheroes header.lf-nav .desktop-nav .main-nav,
	.single-blog header.lf-nav .desktop-nav .main-nav,
	.single-hero header.lf-nav .desktop-nav .main-nav {
    gap:10px;
  }
}
@media screen and (min-width:1120px){
  .page-template-template-mobileheroes header.lf-nav.light .main-nav > li > a,
	.single-blog header.lf-nav.light .main-nav > li > a,
	.single-hero header.lf-nav.light .main-nav > li > a{
    text-align: left;
  }
  body.page-template-template-mobileheroes header.lf-nav .desktop-nav .wp-block-button,
	.single-blog header.lf-nav .desktop-nav .wp-block-button,
	.single-hero header.lf-nav .desktop-nav .wp-block-button{
    margin-left: 68px;
  }
  body.page-template-template-mobileheroes header.lf-nav .lf-nav--desktop-link-area,
	body.single-blog header.lf-nav .lf-nav--desktop-link-area,
	body.single-hero header.lf-nav .lf-nav--desktop-link-area{
    grid-column:4/13;
  }
  body.page-template-template-mobileheroes header.lf-nav .lf-nav--desktop-logo-area,
	body.single-hero header.lf-nav .lf-nav--desktop-logo-area,
	body.single-blog header.lf-nav .lf-nav--desktop-logo-area{
    grid-column:1/4;
  }
  body.page-template-template-mobileheroes header.lf-nav .desktop-nav .main-nav,
	.single-blog header.lf-nav .desktop-nav .main-nav,
	.single-hero header.lf-nav .desktop-nav .main-nav{
    gap:34px;
  }
}

@media screen and (max-width:639px){
  /* icon size update */
  body .lf-card-persona .top-section img{
    width: calc(100% - 48px);
    height: calc(100% - 48px);
  }
}

/* video hero*/
.hero-video video{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.lf-block--hero-2 .lf-block__hero-2-image-container.hero-video{
  position: relative;  
}
@media screen and (max-width:767px){
  .lf-block--hero-2 .lf-block__hero-2-image-container.hero-video-mobile{
    height: 0;
    position: relative;
    padding-bottom: 74.65%;
  }
  .hidden-mobile{
    display: none;
  }
  .hidden-desktop{
    display: block;
  }
}
@media screen and (min-width:768px){
  .hidden-desktop{
    display: none;
  }
  .lf-block--hero-2 .lf-block__hero-2-image-container.hero-video.has-pumpkin-background-color{
    background-color:transparent;
  }
  .lf-block--hero-2 .lf-block__hero-2-image-container.hero-video{
    height:0;  
    background-color:transparent;
    padding-bottom: 41.92%;
  }
}

@media screen and (max-width:767px){
  body .lf-block--wide-card-group > .acf-innerblocks-container:has(> *:last-child:nth-child(odd)) > *{
    width: calc(50% - 12px);
  }
  body .lf-card-persona::before{
    background-color: transparent;
  }
  body .lf-card-persona .top-section img {
    top: 46px;
  }
  body .lf-card-persona .top-section{
    min-height:210px;
  }
  body .lf-card-persona .top-section .tag{
    font-size: 9px;
  }
  body .lf-card-persona{
    padding-left: 6px;
    padding-right: 6px;
    padding-bottom: 5px;
  }
}
body .has-periwinkle-background-color{
  background-color: #555FFF !important;
}