/* STICKY VIDEO */
.video.stuck:before{content: ''; background: url(../../../../../drag-4-1.svg); width: 26px; height: 26px; background-size: 26px; display: inline-block; border-radius: 1px; padding: 0px; background-repeat: no-repeat; background-position: center; position: relative; top: 8px; left: -29px;}
/*.video-content{min-height:490px;}*/
.video iframe {
  max-width: 100%;
  max-height: 100%;
  margin-top: 7px;
      aspect-ratio: 16/9;
}
.video.stuck .closevideo{width: 30px; height: 30px; display: inline-block; position: absolute; top: -12px; background: url(../../../../../close-icon-1.svg); right: -12px; background-color: #fff; display: inline-block; z-index: 999; position: absolute; cursor: pointer; background-size: 17px; background-repeat: no-repeat; background-position: center; border-radius: 50%; border: 1px solid #979797;}
.video.stuck {
  position: fixed;
  bottom: 50%;
  right: 20px;
  transform: translateY(100%);
  width: 472px;
  height: 260px;
  animation: fade-in-up .25s ease forwards;
  z-index:99;
}
}

.social-share-area {
  margin: 1.5rem auto;
  max-width: 735px;
  text-align: right;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: nowrap;

}
/*.social-share-area{padding-left:20px;}*/
.social-share-area {
  max-width: 860px;
  margin: 0 auto;
  padding-left: 3.5rem;
  padding-right: 3.5rem;
}
.social-share-area ul{display:block;list-style:none;}
.social-share-area ul li{display:inline-block;list-style:none;margin-right:5px;}
.social-share-area ul li a{}

@media( pointer:coarse) {
  .social-share-area ul li {
    margin-right: 30px;
  }
  .social-share-area li a img {
    width: 45px;
  }
}

@media( max-width:899px) {
  .social-share-area {
    padding-left: 1.1rem;
    padding-right: 1.1rem;
  }
}

@media( max-width:767px) {
  .social-share-area ul li {
    margin-right: 20px;
  }
  .social-share-area li a img {
    width: 45px;
  }
}

/* layout styles */
#hero{
  background-image:url('../../../../../../../landing.redwoodlogistics.com/hubfs/Redwood%20Website%202022/0.0%20Homepage/grey-banner-1.png');
  background-size: cover;
}

.post-header {
  --post-header-container-width: 860px;
  --post-header-expanded-width: 1200px;
  /* padding-top: 2em;*/
  padding-bottom: 2em;
}

@media (min-width: 900px) {
  .post-header--two-column {
    align-items: center;
    display: grid;
    gap: clamp(2rem, 3vw, 4rem);
    grid-template-columns: repeat(2, 1fr);
    margin: 0 auto;
    /*max-width: var(--site-width);*/
    padding-left: var(--site-gutter);
    padding-right: var(--site-gutter);
  }
}

/*.video-content iframe {pointer-events:none;}*/
/* no image styles */

.post-header--no-image {
  padding-bottom: 0;
}

.post-header--no-image .post-header__content {
  padding-bottom: 2em;
  padding-top: 2em;
}

#hero.post-header--no-image {
  background-size: 200%;
  background-position-x: right;
  /* take of gray section when no image */
  background-image: none; 
}

@media (min-width: 768px) {
  .post-header--no-image {
    /* margin-bottom: -3em; */
  }
}
/* XS */
@media (max-width: 767px){
  .img-redwood{margin-top:30px;}
  .social-share-area{padding-bottom:20px;}
  .video-content .video:focus{outline:none;background:transparent;}
  .post-header__content{padding-right:0px !important;padding-left:0px !important;}
  .video-content{position: fixed; top: 0; bottom: 0; right: 0; left: 0; display: block; z-index: 1; background: #ffffffe0; width: 100%; height: 100%; margin: auto; padding: 15px; display: table;}
  .video-content .video {display: flex; vertical-align: middle;width: 100%;height: 100%;position:relative;}
  .video-content .video iframe{height:290px !important;margin:auto;}
  .video-content .video:after{
        content: '';
    width: 30px;
    background-image: url(../../../../../close-icon-1.svg);
    height: 30px;
    background-color: #fff;
    display: inline-block;
    z-index: 999;
    position: absolute;
    top: calc(50% - 160px);
    right: calc(0px + 0px);
    cursor: pointer;
    background-size: 17px;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
    border: 1px solid #979797;
  }
.video.stuck{
  width:90% !important;
  height: 180px;
    right: 20px;
    transform: translateY(0%);
  bottom: 0;
  }
  .img-redwood:after{background-size: 70px !important;}

}
/* image */
.post-header__image {
  border-radius: 0;
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.post-header__image--stacked {
  margin: 0 auto;
  max-width: var(--post-header-expanded-width);
  width: calc(100% - var(--site-gutter) -  var(--site-gutter));
}

.post-header__image--expanded-image {
  border-radius: 0;
  max-width: none;
  padding: 0;
}

@media (max-width: 899px) {
  .post-header--two-column {
    padding: 0 1rem;
  }

  .post-header__image--two-column {
    border-radius: 0;
  }
}

/* text */
.post-header__content {
  margin: 0 auto;
  max-width: var(--post-header-container-width);
  padding: 0 var(--site-gutter);
}

@media (min-width: 900px) {
  .post-header--two-column .post-header__content {
    margin: 0;
    padding: 0;
  }
}