/* Menu icon styles */

.menu-icon-wrapper {
    position: relative;
    display: inline-block;
    width: 34px;
    height: 34px;
    margin: 20px 0px;
    pointer-events: none;
    /*transition: 0.1s;*/
}

    .menu-icon-wrapper.scaled {
        -webkit-transform: scale(0.5);
        -ms-transform: scale(0.5);
        transform: scale(0.5);
    }

    .menu-icon-wrapper svg {
        position: absolute;
        top: -33px;
        left: -33px;
        -webkit-transform: scale(0.1);
        -ms-transform: scale(0.1);
        transform: scale(0.1);
        -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
        transform-origin: 0 0;
    }

        .menu-icon-wrapper svg path {
            stroke: #6EC6D9;
            stroke-width: 20px;
            stroke-linecap: round;
            stroke-linejoin: round;
            fill: transparent;
        }

    .menu-icon-wrapper .menu-icon-trigger {
        position: relative;
        width: 100%;
        height: 100%;
        cursor: pointer;
        pointer-events: auto;
        background: none;
        border: none;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
    }

        .menu-icon-wrapper .menu-icon-trigger:hover,
        .menu-icon-wrapper .menu-icon-trigger:focus {
            outline: none;
        }