/*----------------------------------------------------------------------------*\
    Headhesive Specific Styles
/*----------------------------------------------------------------------------*/

/**
 * Headhesive element clone
 * > `clone` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          clone: 'banner--clone';
 |      }
 |  }
 *
 */
.banner--clone {

    /* Required styles */
    position: fixed;
    top: 0;
    left: 0;
	z-index: 100;

    /* Additional styles */
    background: #ffffff;
	

    /* Translate -100% to move off screen */
    -webkit-transform: translateY(-100%);
        -ms-transform: translateY(-100%);
            transform: translateY(-100%);

    /* Animations */
    -webkit-transition: all 300ms ease-in-out;
       -moz-transition: all 300ms ease-in-out;
            transition: all 300ms ease-in-out;

}

.banner--clone .site-title { }

.banner--clone .main-navigation a { height: 5rem; line-height: 5rem; padding: 0 20px; } 
.banner--clone .main-navigation ul ul a {
    height: 2.75rem !important;
    line-height: 2.75rem !important; 
	width: 200px;
	padding: 0 15px;
	color: #fff;
}

.banner--clone .main-navigation ul ul a:hover {
	color: #fc4852; 
}

.site-header.banner--clone {
	background: #000;
	background: rgba(0,0,0,0.3);
	border-bottom: 1px solid rgba(0, 0, 0, 0.07); 
	-webkit-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.15);
	-moz-box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.15);
	box-shadow: 0 3px 8px -4px rgba(0, 0, 0, 0.15);
}

.banner--clone .sub-menu {
	top: 5em;
}

/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          stick: 'banner--stick';
 |      }
 |  }
 *
 */
.banner--stick {

    /* Translate back to 0%; */
    -webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);
}




/**
 * Headhesive unstick
 * > `unstick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          unstick: 'banner--unstick';
 |      }
 |  }
 *
 */
.banner--unstick {
    /* Not required to use, but could be useful to have */
}