.side-nav-wrap,
.side-nav-wrap * {
    box-sizing: border-box;
}
.side-nav-wrap {
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    margin-top: 30px;
}
.side-nav-toggle {
    cursor: pointer;
    border: 1px solid #232d4b;
    height: 2.75rem;
    width: 2.75rem;
    border: none;
    background: none;
    /* padding-left: 2px; */
}
.side-nav-toggle:focus {
    outline: 0.125rem solid #25cad3;
}
.side-nav-toggle-wrap {
    padding: 12px 2px 0 2px;
}
.side-nav-wrap .side-nav-toggle {
    display: flex;
    align-items: center;
    justify-content: center;
}
#sidebar {
	background-color: #ffffff;
	margin: 0;
    padding: 0;
    position: relative;
}
#sidebar .gutter {
    position: relative;
    padding: 20px 10px;
    overflow: hidden;
}
/* #sidebar .gutter.shown {
    display: block;
    width: 14rem;
} */
.side-nav-wrap .snt-icon {
    position: absolute;
    opacity: 0;
    z-index: -1;
    width: inherit;
    height: inherit;
}
.side-nav-wrap .snt-icon.btn-icon-shown {
    opacity: 1.0;
    z-index: 1;
}

#navSide {
    min-width: 214px;
    max-width: 100%;
}
#subNav li,
.side-nav h2 {
    padding: 3px;
}
#subNav li {
    line-height: 1.5;
}
#featuredLinks {
    width: 215px;
}
/* #sidebar .gutter,
.content {
    -webkit-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -moz-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -ms-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
     -o-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
} */
#sidebar .gutter.animate,
.content.animate {
    -webkit-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -moz-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    -ms-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
     -o-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
    transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
}
main .gutter {
    margin-left: 1rem;
}
@media all and (width <= 984px) {
    #sidebar .gutter,
    #sidebar .gutter.shown,
    #sidebar .gutter #navSide {
        width: 100%;
        width: auto;
    }
    #sidebar .gutter {
        height: 0px;
        display: inline-block;
    }
    #sidebar .gutter.shown {
        height: 100%;
    }
    /* #sidebar .gutter,
    .content {
        -webkit-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -moz-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -ms-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -o-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
    } */
    #sidebar .gutter.animate {
        -webkit-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -moz-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -ms-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -o-transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        transition: height 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
    }
    #container {
        flex-direction: column;
    }
    .side-nav {
        margin-left: 0;
    }
    .side-nav-wrap {
        margin: 0 8px;
        flex-direction: row;
    }
    main .gutter {
        margin-left: 0;
    }
}
@media all and (width > 984px) {
    #sidebar .gutter {
        width: 0px;
    }
    #sidebar .gutter.animate {
        -webkit-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -moz-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -ms-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        -o-transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795); 
        transition: width 300ms cubic-bezier(0.675, 0.170, 0.245, 0.795);
        /* overflow:hidden; */
    }
    #sidebar .gutter.shown {
        display: block;
        width: 14rem;
    }
}