/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 1.0.0
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Hide Down Arrows ------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------------------------------------------- */

.hero-down-arrow{
  visibility: hidden !important;
}

/* ----------------------------------------------------------------------------------------------------------------------- */
/* Site Flyout Styles ---------------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------------------------------- */
.site-flyout {
  bottom: 60px;
  color: #fff;
  left: -440px;
  position: fixed;
  transition: left 1s cubic-bezier(0.165, 0.84, 0.44, 1);
  width: 440px;
  z-index: 100;
}

.site-flyout-description{
  width: 220px; 
  display: flex; 
  flex-direction: column; 
  justify-content: space-between; 
  background-color: #efebe1;
  color: #333333;
  height: 262px;
  margin-top: 24px;
  padding-left: 10px;
  padding-right: 10px;
}

.site-flyout-description button{
  font-family: 'Gelasio', sans-serif;
}

.site-flyout.init {
  left: 0;
}

.site-flyout.collapsed,
.site-flyout.collapsed.init {
  left: -440px;
}

.site-flyout-text {
  padding-left: 13px;
  text-align: right;
  place-content: center;
}


@media (max-width: 1366px) {
  .site-flyout {
    width: 300px;
    font-size: 13px !important;
  }

  .site-flyout-description button{
    font-size: 12px !important;
    padding: 4px 12px !important;
  }

  .site-flyout-description{
    height: 172px;
    line-height: 18px !important;
    padding-right: 8px;
    padding-left: 12px;
  }

  .site-flyout.collapsed,
  .site-flyout.collapsed.init,
  .site-flyout:not(.init) {
    left: -300px;
  }

  body.well-past-intro .site-flyout {
    opacity: 0;
    visibility: hidden;
  }
}