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

.gc8_nav_back_button_container {
    text-align: center;
}
.gc8_menu_parent_label {
    text-align: center;
}

.gc8_nav_menu_has_childnodes .ast-arrow-svg {
    transform: rotate(270deg);
}
.gc8_nav_menu_has_childnodes .ast-icon {
    display: inline-block;
    font-size: inherit;
    position: absolute;
    cursor: pointer;
    right: calc( 20px - 0.907em);
    padding: 0 0.907em;
}
.gc8_nav_back_button_container .ast-arrow-svg {
    transform: rotate(90deg);
}

.gc8_nav_slider {
    
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 1;
}

/* slide initial settings */
.gc8_nav_slider_left {
    transform: translateX(-100%);
    z-index: 5;
}
.gc8_nav_slider_right {
    transform: translateX(100%);
    z-index: 5;
}
.gc8_nav_slider_main {
    z-index: 4;
}

/* slide left animation */
.gc8_nav_slider_left_animate {
    transition: transform .5s ease;
    transform: translateX(0%);
}
.gc8_nav_slider_main_left_animate {
    transition: transform .5s ease;
    transform: translateX(100%);
}

/* slide right animation */
.gc8_nav_slider_right_animate {
    transform: translateX(0%);
    transition: transform .5s ease;
}
.gc8_nav_slider_main_right_animate {
    transform: translateX(-100%);
    transition: transform .5s ease;
}