@import url('icons.css');

/** essential for theme/blocks to display properly. */
/* AVOID MODIFYING IF AT ALL POSSIBLE * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * *  */

.header-container{
  top:  0px;
  width: 100%;
  display: block;
  z-index: 20;
}

.align-center{
  text-align: center;
}

.align-left{
  text-align: left;
}

.align-right{
  text-align:  right;
}
.acf-block-preview h1, 
.acf-block-preview h2,
.acf-block-preview h3,
.acf-block-preview h4,
h1,h2,h3,h4{
  margin: 0px 0px;
}

/** General Block settings **/
.acf-block-preview .max-1200,
.max-1200{
    width: 80%;
    max-width: 1200px;
}
.acf-block-preview .block-padding-top-10,
.block-padding-top-10{
  padding-top: 100px;
}
.acf-block-preview .block-padding-bottom-10,
.block-padding-bottom-10{
  padding-bottom: 100px;
}
.acf-block-preview .block-padding-top-7,
.block-padding-top-7{
  padding-top: 70px;
}
.acf-block-preview .block-padding-bottom-7,
.block-padding-bottom-7{
  padding-bottom: 70px;
}
.acf-block-preview .block-padding-top-5,
.block-padding-top-5{
  padding-top: 50px;
}
.acf-block-preview .block-padding-bottom-5,
.block-padding-bottom-5{
  padding-bottom: 50px;
}
.acf-block-preview .block-padding-top-2,
.block-padding-top-2{
  padding-top: 20px;
}
.acf-block-preview .block-padding-bottom-2,
.block-padding-bottom-2{
  padding-bottom: 20px;
}
.acf-block-preview .block,
.block{
  /* background-size: 100% 100%; */
}
.acf-block-preview .block-1-,
.block-1-2,
.acf-block-preview .block-3-6,
.block-3-6{
  width:  49.5%;
  flex-basis:  49.5%;
}
.acf-block-preview .block-1-,
.block-1-3,
.acf-block-preview .block-2-6,
.block-2-6{
  width: 33%;
  flex-basis: 33%;
}
.acf-block-preview .block-2-,
.block-2-3, 
.acf-block-preview .block-4-6,
.block-4-6{
  width: 66%;
  flex-basis: 66%;
}
.acf-block-preview .block-1-4,
.block-1-4{
  width: 25%;
  flex-basis: 25%;
}
.acf-block-preview .block-1-5,
.block-1-5{
  width: 20%;
  flex-basis: 20%;
}
.acf-block-preview .block-1-6,
.block-1-6{
  width: 16.67%;
  flex-basis: 16.67%;
}
.acf-block-preview .block-2-5,
.block-2-5{
  width: 40%;
  flex-basis: 40%;
}
.acf-block-preview .block-3-5,
.block-3-5{
  width: 60%;
  flex-basis: 60%;
}
.acf-block-preview .block-5-6,
.block-5-6{
  width: 83.34%;
  flex-basis: 83.34%;
}
.acf-block-preview .full-width-block,
.full-width-block{
  width: 100%;
  flex-basis: 100%;
}
.acf-block-preview .block.wide,
.block.wide{
  width:  100%;
  max-width:  1100px;
  margin: 0 auto;
}

.acf-block-preview .header-container > div ,
.header-container > div {
    text-align: center;
}

.acf-block-preview .aw_team_wrap.aw_team_top ,
.aw_team_wrap.aw_team_top {
  display: grid;
  grid-template-columns: 100%;
  justify-items: center;
  text-align: center;
}

.acf-block-preview .aw_team_wrap.aw_team_left ,
.aw_team_wrap.aw_team_left {
  display: grid;
  grid-gap: 25px;
  grid-template-columns: auto auto;
  align-items: center;
}

.acf-block-preview .aw_team_wrap ,
.aw_team_wrap {
  padding: 60px 35px;
}

.acf-block-preview .aw_team_wrap .aw_team_avatar img ,
.aw_team_wrap .aw_team_avatar img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.acf-block-preview .aw_team_wrap .aw_team_avatar.circle img ,
.aw_team_wrap .aw_team_avatar.circle img {
  border-radius: 100%;
}
.acf-block-preview .aw_team_wrap .aw_team_info ,
.aw_team_wrap .aw_team_info {
  margin-top: 20px;
}
/**- Product Highlight Block **/
.acf-block-preview .product-highlight,
.product-highlight{
    width: 100%;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #000;
    background-size: contain;
    color:  #fff;
}
.acf-block-preview .product-highlight h2 ,
.product-highlight h2 {
    color: #ed4e39;
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 2px;
    font-weight: 700;
    line-height: .8rem;
}
.acf-block-preview .product-highlight h3 ,
.product-highlight h3 {
    font-weight: 500;
}
.acf-block-preview .product-highlight p,
.product-highlight p{
    font-size: 0.9rem;
    font-weight: 500;
   
    line-height: 1.85em;
}
.acf-block-preview .product-highlight .description,
.product-highlight .description{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.acf-block-preview .product-image,
.product-image{
    display: flex;
    flex-grow: 0;
    align-items: center;
}
@media screen and (max-width: 1280px){
    .product-highlight .grid-container div:last-child.large-6.medium-6.description{
        padding: 0px 5% 0px 0px;
    }
    .product-highlight .grid-container div.large-12.medium-12{
        padding: 0px 10%
    }
}
 /** Hero Block **/
.acf-block-preview .hero ,
.hero {
  width: 100%;
/*   min-height: 380px; */
  background-size: cover;
  align-items: center;
  box-sizing: border-box;
}

.acf-block-preview .hero .preheading ,
.hero .preheading {
  text-transform: uppercase;
}
.acf-block-preview .hero h1 ,
.hero h1 {
  font-weight: 600;
}
.acf-block-preview .hero p ,
.hero p {
  max-width: 85%;
}
.acf-block-preview .hero .video-thumbnail ,
.hero .video-thumbnail {
  position: relative;
}
.acf-block-preview .hero .video-thumbnail .thumb ,
.hero .video-thumbnail .thumb {
  width: 100%;
  max-width: 640px;
  height: auto;
}
.acf-block-preview .hero .video-thumbnail .play-button ,
.hero .video-thumbnail .play-button {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  cursor: pointer;
}
.acf-block-preview .hero:not(.hero-home) ,
.hero:not(.hero-home) {
      /* padding-top: 40px; */
}
.acf-block-preview .hero:not(.hero-home) .grid-container > div ,
.hero:not(.hero-home) .grid-container > div {
    padding-left: 30px;
}

/** Persona Hero **/
.acf-block-preview .persona-hero ,
.persona-hero {
  width: 100%;
  min-height: 380px;
  background-size: cover;
  align-items: center;
  overflow: hidden;
}
.acf-block-preview .persona-hero > div ,
.persona-hero > div {
  color: #FFF;
  align-items: center;
  margin: 0 auto;
  min-height: 380px;
  position: relative;
}

.acf-block-preview .persona-hero .persona-image,
.persona-hero .persona-image{
  height: 100%; 
  position: relative; 
  width: 100%; 
  overflow:hidden; 
}
.acf-block-preview .persona-hero .persona-image img,
.persona-hero .persona-image img{
  position:  relative;
}

.acf-block-preview .persona-hero .preheading ,
.persona-hero .preheading {
  text-transform: uppercase;
}
.acf-block-preview .persona-hero h1 ,
.persona-hero h1 {
  font-weight: 600;
}
.acf-block-preview .persona-hero p ,
.persona-hero p {
  max-width: 85%;
}
.acf-block-preview .persona-hero .video-thumbnail ,
.persona-hero .video-thumbnail {
  position: relative;
}
.acf-block-preview .persona-hero .video-thumbnail .thumb ,
.persona-hero .video-thumbnail .thumb {
  width: 100%;
  max-width: 640px;
  height: auto;
}
.acf-block-preview .persona-hero .video-thumbnail .play-button ,
.persona-hero .video-thumbnail .play-button {
  position: absolute;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  margin: -44px 0 0 -44px;
  cursor: pointer;
}
.acf-block-preview .persona-hero:not(.persona-hero-home) ,
.persona-hero:not(.persona-hero-home) {
      padding-top: 40px;
}
.acf-block-preview .persona-hero:not(.persona-hero-home) .grid-container > div ,
.persona-hero:not(.persona-hero-home) .grid-container > div {
    padding-left: 30px;
}

.acf-block-preview section.intro-video,
section.intro-video {
    margin-top: 50px;
}

  .embed-container,
  .acf-block-preview .embed-container{
    position: relative; 
    width:  100%;
    overflow: hidden;
    height: auto;
  } 
  .persona-hero .embed-container,
  .acf-block-preview .persona-hero .embed-container{
    height:  100%;
  }

  .embed-container iframe,
  .acf-block-preview .embed-container iframe,
  .embed-container object,
  .acf-block-preview .embed-container object,
  .embed-container embed,
  .acf-block-preview .embed-container embed{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .modal.overlay{
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.7);
    padding: 30px;
    box-sizing: border-box;
}

.video-container .icon {
    float: right;
    color: #867d7d;
    margin-top: -30px;
    margin-bottom: 20px;
    margin-right: -20px;
    margin-left: 20px; 
}
/* Social Media */
.social-media{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.social-media li{
    margin-right: 10px;
}
.social-media li:last-child{
    margin-right: 0;
}
.social-media li a{
    display: block;
}

/* Button */
.btn,
.button,
.btn--white,
.btn--primary-outline,
.btn-primary,
.btn-secondary,
.btn-tertiary{
    display: inline-block;
    vertical-align: top;
    transition: background-color 300ms ease, color 300ms ease;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-decoration: none;
}