/* Make header shrink on scroll */

.site-header {
    transition: height 500ms, background 500ms;
}

.site-header.tiny {
	height: 55px;
}

.site-header.tiny .widget-area {
	padding-top: 0;
}

.site-header.tiny .site-title > a {
	height: 40px;
	background-size: contain;
}

.site-header.tiny .genesis-nav-menu a {
    padding: 5px 18px;
}


/* Extra Helpers for Page Builder */

.top-bottom-small {
	margin-top: 40px;
	margin-bottom: 40px;
}

.top-bottom-medium {
	margin-top: 100px;
	margin-bottom: 100px;
}

.top-bottom-large {
	margin-top: 200px;
	margin-bottom: 200px;
}

.transparent-white {
	background: rgba(255,255,255,.8);
}

.transparent-black {
	background: rgba(0,0,0,.8);
}



/* Animation Effects */

/*animation element*/

.animation-element {
  opacity: 0;
  position: relative;
}
/*animation element sliding left*/

.animation-element.slide-left, .animation-element.slide-right {
  opacity: 0;
  -moz-transition: all 500ms linear;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear;
  -moz-transform: translate3d(-100px, 0px, 0px);
  -webkit-transform: translate3d(-100px, 0px, 0px);
  -o-transform: translate(-100px, 0px);
  -ms-transform: translate(-100px, 0px);
  transform: translate3d(-100px, 0px, 0px);
}

.animation-element.slide-right {
  -moz-transform: translate3d(100px, 0px, 0px);
  -webkit-transform: translate3d(100px, 0px, 0px);
  -o-transform: translate(100px, 0px);
  -ms-transform: translate(100px, 0px);
  transform: translate3d(100px, 0px, 0px);
}

.animation-element.slide-left.in-view, .animation-element.slide-right.in-view {
  opacity: 1;
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}