
/* Bar - Header - Expanded
==================================*/

.expanded .bar.bar-header,
.bar.bar-header.expanded {
    height: 75px;
}

.expanded.bar.bar-header .title,
.bar.bar-header.expanded .title {
    bottom: 0;
    top: initial;
    padding-left: 16px;
}

.expanded .bar.bar-header .title.fab-left,
.bar.bar-header.expanded .title.fab-left {
    bottom: 0;
    left: 90px;
    position: absolute;
    right: initial;
    top: initial;
}
.expanded .bar.bar-header .title.fab-right,
.bar.bar-header.expanded .title.fab-right {
    bottom: 0;
    left: 4px;
    position: absolute;
    top: initial;
    right: initial;
}
.expanded .bar.bar-header + .button-fab,
.bar.bar-header.expanded + .button-fab {
    top: 50px;
}
.expanded .bar.bar-header.push-down,
.bar.bar-header.expanded.push-down {
    height: 44px;
    overflow: hidden;
}
.expanded .bar.bar-header,
.bar.bar-header.expanded {
    -webkit-transition: height 1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: height 1s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.expanded .bar.bar-header + .button-fab,
.bar.bar-header.expanded + .button-fab {
    -webkit-transition: all 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 1.1s cubic-bezier(0.55, 0, 0.1, 1);
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
}
.expanded .bar.bar-header.push-down + .button-fab,
.bar.bar-header.expanded.push-down + .button-fab {
    top: 0;
    -webkit-transform: translate3d(-100px, -100px, 0) scale(2.5);
    transform: translate3d(-100px, -100px, 0) scale(2.5);
}
.expanded .bar.bar-header.push-down .title,
.bar.bar-header.expanded.push-down .title {
    opacity: 0;
    filter: alpha(opacity=0);
    left: initial;
    right: initial;
}
.expanded .bar.bar-header .title,
.bar.bar-header.expanded .title {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transition: all 2s cubic-bezier(0.55, 0, 0.1, 1);
    transition: all 2s cubic-bezier(0.55, 0, 0.1, 1);
}

.expanded .bar.bar-header .title, .bar.bar-header.expanded .title {
    bottom: 0;
    left: 42px !important;
    top: initial;
}
.expanded.has-header-fab-left .bar.bar-header .title, .bar.bar-header.expanded.has-header-fab-left .title {
    left: 76px !important;
}
