/*
 * Sample CSS to add Superfish CSS to themes.
 *
 * Instructions:
 *
 * 1. Change the #block-mainnavigation (below) to the ID of your Superfish block.
 *
 * 2. Add the CSS to your theme, either as a separate CSS file or as a part of
 *    the main CSS file.
 *
 * 3. Note that by removing the .sf-style-none, the style will be applied to
 *    the menu regardless of the "Style" selected in the Superfish block
 *    configuration.
 *
 */

#superfish-main {
  float: right;
}

#superfish-main a {
    color: #fff;
}

#superfish-main-accordion a {
    color: #fff;
}

.menuparent ul {
    background: #003A54;
}

ul.sf-menu .sf-sub-indicator {
    right: unset;
    margin-left: 0.5em;
}

ul.sf-menu .sf-sub-indicator:after {
    content: "▼";
    left: 0;
    line-height: 1;
    position: absolute;
    text-indent: 0;
    top: 0.3em;
    font-size: 0.7em;
    transform: scaleY(0.9);
    /* transform: rotateZ(-90deg); */
}


/* ul.sf-menu li.sfHover > a > .sf-sub-indicator {
    transform: rotateZ(90deg);
} */

@media all and (max-width: 991px) {
    ul.sf-menu a, ul.sf-menu span.nolink {
        padding: 1em 0;
    }

    #block-mainnavigation .sf-depth-2 a, #block-mainnavigation .sf-clone-parent {
        padding-left: 1em;
    }
}