/********************/
/********************/
/********************/
/* recent posts section */
#recent-posts{
  background-color:#5ccaf2;
  border-top: 60px solid #222222;
  outline: 1px solid #222222;
  height:calc(100vh - 60px);
}
#recent-posts .section-content{
  /* min-height:100vh; */
  height: 100%;
  min-height: auto;
  padding-top:100px;
}

.airplane{
  position:absolute;
  top:30px;
  right:30px;
  width:370px;
  height:370px;
  background-image: url("../img/post-section-assets/plane.png");
}
.birds{
  position:absolute;
  bottom:20px;
  left:10vw;
  width:100px;
  height:100px;
  /* background-image: url("../img/post-section-assets/birds.png"); */
  background-image: url("../img/post-section-assets/birds.gif");
}
.single-bird{
  position:absolute;
  bottom:150px;
  right:100px;
  width:50px;
  height:50px;
  background-image: url("../img/post-section-assets/single-bird.gif");
  /* background-image: url("../img/post-section-assets/single-bird.png"); */
}


.fact-scroller-container{
  position:relative;
  max-width:100%;
  margin-top:50px;
}
.fact-scroll-arrow{
  position:absolute;
  top:50%;
  width:50px;
  height:50px;
  /* cursor:pointer; */
  /* cursor: url("../img/ui/finger-pointer-cursor.png"), pointer; */
  cursor: url("../img/ui/mini-pointer-cursor.png"), pointer;
}
.hide.fact-scroll-arrow{
  pointer-events:none;
  opacity:.1;
}
#left-arrow{
  right:calc(100% + 20px);
  transform:translateY(-50%);
  background-image:url("../img/ui/left-arrow-anim.gif");
}
#right-arrow{
  left:calc(100% + 20px);
  transform:translateY(-50%);
  background-image:url("../img/ui/right-arrow-anim.gif");
}

.fact-content-container{
  overflow:hidden;
  max-width:500px;
}
.fact-content{
  display:block;
  width:100%;
  margin-right:50px;
}
.fact-graphic{
  height:300px;
  margin:0 auto;
}
[data-content="1"] .fact-graphic{
  background-image:url("../img/post-section-assets/post-icons/mountain-day.png");
}
[data-content="2"] .fact-graphic{
  background-image:url("../img/post-section-assets/post-icons/cute-whale.png");
}
[data-content="3"] .fact-graphic{
  background-image:url("../img/post-section-assets/post-icons/coral-reef.png");
}
[data-content="3"] .fact-factoid{
  margin-top:20px;
}
[data-content="4"] .fact-graphic{
  background-image:url("../img/post-section-assets/post-icons/hippo.png");
}
.fact-factoid{
  margin-bottom:0;
}

.section-bottom-link{
  margin-top:50px;
}

/* custom desktop */
@media only screen and (max-width:1100px){
  .airplane{
    display:none;
  }
  .single-bird{
    bottom: unset;
    top: 200px;
  }
}

/*tablet*/
@media only screen and (max-width:865px){
  .fact-content-container{
    max-width:400px;
  }
  .fact-graphic{
    height:250px;
  }
  .fact-factoid{
    font-size:15px;
  }
}

/* mobile */
@media only screen and (max-width: 615px){
  .fact-factoid{
    font-size:13px;
  }
}
/*custom mobile*/
@media only screen and (max-width:600px){
  .single-bird{
    top:130px;
    right:60px;
  }
  #recent-posts .section-content{
    min-height:100vh;
    padding:50px 40px;
  }
  .fact-graphic{
    height:200px;
  }
  .fact-scroll-arrow{
    width:35px;
    height:35px;
    top:100px;
  }
  #left-arrow{
    right:unset;
    left:0;
  }
  #right-arrow{
    left:unset;
    right:0;
  }
  #recent-posts .section-bottom-link{
    margin-top: 30px
  }
}


/*extra small custom mobile*/
@media only screen and (max-width:400px){
  #recent-posts{
    border-top-width:80px;
  }
  .birds{
    display:none;
  }
  .single-bird{
    display:none;
  }
}
@media only screen and (max-width:370px){
  #left-arrow{
    left:-20px;
  }
  #right-arrow{
    right:-20px;
  }
}


/* 4k+ resolutions */
@media only screen and (min-width:1800px){
  .airplane{
    top: 6%;
    right: 2%;
    width: 20%;
    height: 40%;
  }
}

/* other sizing */