/**
 * @file
 * Visual styles for Newsplus's primary menu.
 */
.region-navigation {
    clear: both;
}

.region-navigation .menu a {
    display: block;
    text-decoration: none;
}

/* Primary Menu Toggle */
/* Hide the toggle by default. */
.menu-toggle,
.menu-toggle-target {
    display: none;
}

/* Unhide it for the primary menu. */
.region-navigation .menu-toggle-target {
    display: inherit;
    position: fixed;
    top: 0;
}

.region-navigation .menu-toggle {
    display: none;
}

body:not(:target) .region-navigation .menu-toggle {
    color: #ffffff;
    display: block;
    text-decoration: none;
    padding: 0;
    z-index: 1000;
    height: 93px;
}

body:not(:target) .region-navigation .menu-toggle:after {
    content: "\f0c9";
    font-family: Fontawesome, fantasy;
    font-size: 4rem;
    display: inline-block;
    position: absolute;
    right: 12px; /* LTR */
}

[dir="rtl"] body:not(:target) .region-navigation .menu-toggle:after {
    right: initial;
    left: 10px;
}

body:not(:target) .region-navigation .menu-toggle-target-show:target ~ .menu-toggle,
body:not(:target) .region-navigation .menu-toggle--hide {
    display: none;
}

body:not(:target) .region-navigation .menu-toggle-target-show:target ~ .menu-toggle--hide {
    display: block;
}

body:not(:target) .region-navigation .menu-item {
    height: 0;
    overflow: hidden;
}

body:not(:target) .region-navigation .menu-toggle-target-show:target ~ .menu .menu-item {
    height: auto;
    overflow: visible;
}

/**
 * Media queries for primary menu.
 */
@media all and (min-width: 992px) {
    .region-navigation .menu-item,
    body:not(:target) .region-navigation .menu-item {
        width: auto;
        height: auto;
        overflow: visible;
    }

    .featured .region-navigation .menu-item a:active,
    .featured .region-navigation .menu-item a.is-active {
    }

    body:not(:target) .region-navigation .menu-toggle {
        display: none;
    }

    /* Dropdown menu */
    #superfish-main li > a > i.fa-angle-down {
        position: relative;
        top: 1px;
        left: 2px;
    }
}

#main-navigation ul.menu li a {
    font-size: 15px;
    line-height: 42px;
    color: #ffffff;
    white-space: nowrap;
}

#pre-header ul.menu li a,
#header-top ul.menu li a {
    font-size: 14px;
    padding: 2vw;
    color: #ffffff;
}

#main-navigation ul.menu li.expanded > a:before,
#main-navigation ul.menu li.collapsed > a:before,
#pre-header ul.menu li.expanded > a:before,
#pre-header ul.menu li.collapsed > a:before,
#header-top ul.menu li.expanded > a:before,
#header-top ul.menu li.collapsed > a:before {
    content: "";
}

#main-navigation ul.menu li li,
#pre-header ul.menu li li,
#header-top ul.menu li li {
    margin: 0;
}

/* Remove collapsed & expanded menu arrows */
.region-navigation ul.menu li.menu-item--collapsed > a:before,
.region-navigation ul.menu li.menu-item--expanded > a:before {
    content: ""
}

ul.sf-menu .sf-sub-indicator {
    right: 0.5em;
    top: 51%;
}

@media all and (min-width: 992px) {
    /* Pre header, Header & Main navigation menus*/
    #main-navigation ul.menu li,
    #pre-header ul.menu li,
    #header-top ul.menu li {
        display: inline-block;
        float: none;
    }

    /* Top menus */
    #pre-header ul.menu li {
        padding: 0;
    }
}

@media all and (min-width: 992px) and (max-width: 1199px) {
    #main-navigation ul.menu li a {
        font-size: 15px;
        padding-left: 14px;
        padding-right: 14px;
    }
}

@media all and (min-width: 992px) {
    #main-navigation ul.menu ul.menu,
    #pre-header ul.menu ul.menu,
    #header-top ul.menu ul.menu {
        display: none;
    }
}