/*
 Theme Name:   Fabius WP Child
 Theme URI:    https://demo.cocobasic.com/fabius-wp
 Description:  Fabius WP Child Theme
 Author:       CocoBasic
 Author URI:   https://cocobasic.com/
 Tags: grid-layout, four-columns, custom-colors, featured-images, threaded-comments, translation-ready, theme-options
 Template:     fabius-wp
 Text Domain:  fabius-wp-child
*/


#toggle:before,
#toggle:after {
    content: '';
    height: 3px;
    width: 100%;
	position:absolute;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: -webkit-transform 0.25s;
    -webkit-transition: all 0.25s;
    transition: all 0.25s;
    top: 10px;
    background-color: #fff;
	z-index: 5;
}

#toggle:after {
    -webkit-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
}

#toggle:hover:after {
    -webkit-transform: translate3d(0, 9px, 0);
    transform: translate3d(0, 9px, 0);
}

#toggle.on:after {
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    width: 26px;
}

body #toggle.on:before, #toggle.on:after, .menu-line:after {
	background-color: #fff;
}

.portfolio-menu {
    position: absolute;
    /*top: 100%;
    left: 0;*/
    z-index: 9999;
	display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    /*display: none;  Initially hidden */
}
.portfolio-menu.open {
    display: block; /* Shown when toggled */
}

@media screen and (max-width: 1024px) {
    .portfolio-menu {
        margin-right: 25px !important;
    }
}