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

/**
 * Banner
 */

/* Main elem */
.banner {
    background-color: rgba(255,255,255,.9);
    /*border-bottom: 1px solid rgba(255,255,255,0.1);*/
    /*height: 70px;*/
    width: 100%;
    /*color: #fff;*/
	z-index: 9999;
}
/**
 * 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;

    /* Additional styles */
    background-color: rgba(255,255,255,.9);

    /* 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;*/

}


/**
 * Headhesive stick
 * > `stick` class for the cloned element:
 *
 |  var options = {
 |      classes {
 |          stick: 'banner--stick';
 |      }
 |  }
 *
 */
.banner--stick {
	/*border-bottom: 2px solid #ffffff;*/
	/* Shadow menu */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	    -ms-box-shadow: 0 1px 2px rgba(0,0,0,.4);
	        box-shadow: 0 1px 2px rgba(0,0,0,.4);
    /* Translate back to 0%; */
    /*-webkit-transform: translateY(0%);
        -ms-transform: translateY(0%);
            transform: translateY(0%);*/
	z-index: 9999;
}


/**
 * 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 */
	z-index: 1;
}