/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.shortcut-sidebar {position: fixed;top: 50%;right: 0;z-index: 100;transform: translateY(-50%);}
.shortcut-sidebar .shortcut {clear: both;position: relative;transition: 250ms;opacity: 0;}
.shortcut-sidebar .shortcut.active {z-index:101}
.shortcut-sidebar .shortcut .icon {width: 86px;height: 86px;padding: 25px;float: left;position: relative;z-index: 10;}
.shortcut-sidebar .shortcut .content {float: left;color: #fff;padding: 25px;overflow: hidden; transition: 250ms; transition-delay: 250ms; min-height:86px;}
.shortcut-sidebar .shortcut .content .gform_wrapper ul.gform_fields li.gfield {width: 100% !important;}
.shortcut-sidebar .shortcut .content .gform_wrapper ul.gform_fields li.gfield input {padding: 0;}
.shortcut-sidebar .shortcut h2 {padding-bottom: 0; margin-bottom: 0; color:#fff;}
.shortcut-sidebar .shortcut a { color:#fff;}



@media only screen and (max-width: 980px) {
    .shortcut-sidebar {bottom:0;top:auto;transform: translateY(0);display: flex;left: 0;height: 50px;transition: 300ms;}
    .shortcut-sidebar .shortcut {right:0!important;flex: 1;position: static; height:50px;}
    .shortcut-sidebar .shortcut .icon {width: 100%;padding: 12px;float: none;height: 100%;}
    .shortcut-sidebar .shortcut .icon img {max-height: 100%;width: auto;}
    .shortcut-sidebar .shortcut .content {position: absolute;left:0;width: 100%!important;height: auto!important;}

}