.nav-menu > li a{
    color:#fff;
    text-decoration: none;
    font-weight: bold;
    font-size:1em;
    margin:0px 10px;
}

.nav-menu >  li a:hover{
    color:#fff;
    text-decoration: none;
}

.mobile-nav{
    display: inline-block;
    float:right;
    font-size: 30px;
}

.mobile-nav img{
    width:49px;
    height:49px;
}

.tablet-nav{
    display: none;
    margin:0;
    padding:0;
    font-size: 30px;
}
.primary-sidebar{
    text-align: right;
}

/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
    cursor: pointer !important;
}

a:visited {
    color: #000;
    text-decoration: none;
}

a:hover,
a:focus,
a:active {
    color: #000;
    text-decoration: underline;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
#site-navigation {
    display: none;
}

#site-navigation.no-hidden {
    display: block;
}

.main-navigation {
    clear: both;
    display: block;
    float: left;
    width: 100%;
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0;
}

.main-navigation ul li {
    position: relative;
    display:block;
    clear:both;
    margin:0px 5px;
    cursor: pointer;
}

.main-navigation a {
    display: block;
    text-decoration: none;
    color:var(--cibse-color-black);
    font-weight:bold;
}


.main-navigation ul ul {
    box-shadow: 0 3px 3px rgb(0, 0, 0);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
    float: left;
    position: absolute;
    top: 1.5em;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation ul ul a {
    width: 200px;
}

.main-navigation ul ul li {

}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
    left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a {
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
    display: block;
}
.mobile-nav{
    margin:0;
}

/*Footer primary menu*/
#primary-menu{
    margin-top:10px;
}

.footer-primary-menu-container{
    margin-top: 10px;
}

.footer-primary-menu-container .menu-footer-nav {
    margin:0;
    padding:0;
    margin:auto;
}

.footer-primary-menu-container .menu-footer-nav li {
    display:block;
    list-style: none;
}

.footer-primary-menu-container .menu-footer-nav li a{
    display: block;
    color:var(--cibse-color-black);
    font-weight:bold;
}

.footer-primary-menu-container .menu-footer-nav .sub-menu{
    margin:0;
    padding:0;
    display:none;
}

.footer-primary-menu-container .menu-footer-nav .sub-menu li a{
    font-weight:normal;
}

/* Footer secondary menu */
.copyr{
    font-size: 0.8rem;
    color:var(--cibse-color-black);
}

.footer-secondary-menu-container{
    margin-top: 20px;
    text-align: center;
}

.footer-secondary-menu-container .menu-footer-second-nav{
    margin-top:50px;
    margin:0;
    padding:0;
}

.footer-secondary-menu-container .menu-footer-second-nav li{
    display:block;
    list-style: none;
}

.footer-secondary-menu-container .menu-footer-second-nav li a{
    display: block;
    color:var(--cibse-color-black);
    font-size: 0.8rem;
}

/* media queries */
@media screen and (min-width: 48em) {

    /* header */
    header .brand-img,
    #colophon img.footer-sec-img {
        width:261px!important;
    }
    #primary-menu{
        height: 20px;
    }
    /*#primary-menu ul.sub-menu{
    padding:0;
    margin:0;
    box-shadow: none;
    background: transparent;
    width: 100px;
    }
     #primary-menu .menu-item-has-children .sub-menu:first-child{
         background-color: red;
         color: green;
     }
    #primary-menu ul.sub-menu > li{
    width: 25%;
    background: transparent;
    display:inline-block;
    margin:0;
    padding:10px 0px 0px 0px;
    }
    #primary-menu ul.sub-menu > li a{
    color:#000;
    background: transparent;
    }*/
    .mobile-nav{
        display: none;
    }
    .menu-toggle {
        display: none;
    }
    .main-navigation ul{
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }
    .main-navigation ul li {
        flex: 1 1 auto;
        text-align: center;
    }
    .main-navigation ul li a {
        display:inline;
    }
    .main-navigation ul li a:hover,
    .main-navigation ul li.menu-item-selected a,
    .main-navigation ul li.current-menu-item a{
        border-bottom: 1px solid var(--cibse-border-color);
        padding-bottom: 6px;
    }
    .tablet-nav{
        display: block;
        float: right;
        margin-bottom:18px;
    }
    .search-input{
        width:278px;
        -moz-border-radius:0px; /* Firefox */
        -webkit-border-radius: 0px; /* Safari, Chrome */
        -khtml-border-radius: 0px; /* KHTML */
        border-radius: 0px; /* CSS3 */
    }

    /* footer */
    #menu-menu-secondary-navigation{
        display: inline;
    }

    .footer-secondary-menu-container .menu-footer-second-nav li {
        display:inline-block;
        margin:0px 5px;
    }

}

@media screen and (min-width: 64em) {
    /* header */
    #site-navigation {
        display: block;
    }
    #primary-menu{
        display:flex;
    }
    .tablet-nav{
        display:none;
    }
    .main-navigation ul{
        display:flex;
    }
    .main-navigation ul li + li {
        border-left: 1px solid var(--cibse-border-color);
    }

    /* footer */
    .footer-primary-menu-container .menu-footer-nav{
        padding-top:20px;
        border-top: 1px solid var(--cibse-border-color);
        text-align: justify;
    }

    .footer-primary-menu-container .menu-footer-nav > li{
        display:inline-block;
        vertical-align:top;
    }

    .footer-primary-menu-container .menu-footer-nav:after {
        content: '';
        width: 100%; /* Ensures justification for single lines */
        display: inline-block;
    }
    .footer-primary-menu-container .menu-footer-nav .sub-menu{
        display: block!important;
    }


}

/* end media queries */
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%;
}

.cpd-main .cpd-year-menu ul{
    width: 100%;
    text-align: left;
    margin:20px 0px 0px 0px;
    padding:0;
}
.cpd-main .cpd-year-menu li{
    display: inline;
    margin:0;
    padding:0px 10px 0px 0px;
    font-weight: bold;
    font-size: 16px;
}
.cpd-main .cpd-year-menu li a{
    margin-left: 5px;
}
/*--------------------------------------------------------------
# CPD Show Results Page
--------------------------------------------------------------*/
.cpd-show-results-page .green, .cpd-show-results-page .red{
    background-color: #fff;
    margin:5px 0px;
    border:1px solid #000;
    padding:5px;
    display: inline-block;
    float: left;
    clear: left;
}
.cpd-show-results-page .scores-header{
    background-color: #fff;
    margin:5px 0px;
    border:1px solid #000;
    padding:5px;
    display: inline-block;
    float: left;
    clear: left;
    font-weight: bold;
}
.cpd-show-results-page .cell-completed{
    width: 120px;
    display: inline-block;
    padding-left: 30px;
}
.cpd-show-results-page .scores-header .cell-completed{
    margin-left: 25px;
    border-left:1px solid #000;
}
.cpd-show-results-page .scores-header .cell-date,.cpd-show-results-page .scores-header .cell-res,.cpd-show-results-page .scores-header .cell-completed {
    padding-left: 5px;
}
.cpd-show-results-page .cell-date{
    width: 100px;
    display: inline-block;
    border-right:1px solid #000;
}
.cpd-show-results-page .cell-date a{
    font-weight: bold;
}
.cpd-show-results-page .cell-res{
    width: 30px;
    display: inline-block;
    text-align: center;
}
.cpd-show-results-page .res-color{
    width: 25px;
    display: inline-block;
}
.cpd-show-results-page .red .res-color{
    background-color: #f00;
}
.cpd-show-results-page .green .res-color{
    background-color: #0f0;
}
.cpd-show-results-page .results-menu{
    margin-bottom: 10px;
}
.cpd-show-results-page .results-menu a{
    color:#19a0d8;
    font-weight: bold;
    margin-right: 5px;
}
@media screen and (min-width: 35.5em) {
    .cpd-show-results-page .cell-completed{
        width: 200px;
    }
    .cpd-show-results-page .cell-date{
        width: 150px;
    }
    .cpd-show-results-page .cell-res{
        width: 50px;
    }
    .cpd-show-results-page .scores-header .cell-date,.cpd-show-results-page .scores-header .cell-res,.cpd-show-results-page .scores-header .cell-completed {
        padding-left: 10px;
    }
}

/* HUB LINKS */

.hub-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hub-links a {
    font-weight: 700;
}

@media screen and (min-width: 48em) {

    .hub-links {
        margin: 20px 0;
    }

    .hub-links ul {
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
    }

    .hub-links li {
        flex: 1 1 auto;
        text-align: center;
    }

    .hub-links li + li {
        border-left: 1px solid var(--cibse-border-color);
    }

    .hub-links a {
        padding-bottom: 1px;
        border-bottom: 1px solid #fff;
    }

    .hub-links a:active,
    .hub-links a:focus,
    .hub-links a:hover,
    .hub-links a.hovered {
        border-color: var(--cibse-border-color);
        text-decoration: none;
    }

}