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

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

.banner--clone .logo{
	font-size:20px;
}
.banner--clone .nav {
    height: 40px;
    padding: 0;
    margin: 15px 0 0;
    float: right;
}
    /* Nav item */
.banner--clone .nav__item {
        height: 40px;
        line-height: 40px;
        padding: 0;
        margin-left: 10px;
        display: inline-block;
    }
    /* Nav item button */
.banner--clone .nav__item--btn {
        display: inline-block;
        padding: 0 10pxi;
        font-size: 14px;
        line-height: 38px;
        padding: 0 20px;
        width: auto;
    }

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