.fiftyfive-titlebar-main {

    width: 100%;
    height: 55px;

    background-color: rgb(2, 50, 3);

    transition-duration: 0.25s;

    z-index: 99999;

    overflow: hidden;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */

    cursor: default;
}

.fiftyfive-titlebar-main.fixed {
    
    position: fixed;
    left: 0;
    top: 0;
}

.admin-bar .fiftyfive-titlebar-main.fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {
    .admin-bar .fiftyfive-titlebar-main.fixed {
        top: 46px;
    }
}

.fiftyfive-titlebar-main.search {

    height: 110px;

    transition-duration: 0.25s;
}


.fiftyfive-titlebar-main-shim {

    width: 100%;
    height: 55px;

    transition-duration: 0.25s;

    z-index: 99999;

    overflow: hidden;
    background-color: rgba(0, 0, 0, 0.85);
}

.fiftyfive-titlebar-main-shim.fixed {

    position: fixed;
    left: 0;
    top: 0;
}

.admin-bar .fiftyfive-titlebar-main-shim.fixed {
    top: 32px;
}

@media screen and (max-width: 782px) {

    .admin-bar .fiftyfive-titlebar-main-shim.fixed {

        top: 46px;
    }
}

.fiftyfive-titlebar-main-shim.search {

    height: 110px;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-main-shim.onmain {

    display: none !important;
}


.fiftyfive-titlebar-main .ffpart-inner {

    max-width: 960px;

    margin: 0 auto;
    height: 55px;

    display: flex;
    flex-direction: column;
}

.fiftyfive-titlebar-main .ffpart-inner.centered {

    align-items: center;
}


.fiftyfive-titlebar-main .ffpart-container {

    display: flex;
    flex-direction: row;
}


.fiftyfive-titlebar-main .ffpart-logo {

    width: 0;
    height: 50px;

    transition-duration: 0.25s;

    overflow: hidden;
}

.fiftyfive-titlebar-main .ffpart-logo div {

    background-image: url("../images/smalllogo.svg");
    background-position: 0 50%;
    background-repeat: no-repeat;
    background-size: auto 25px;

    height: 50px;
    width: 200px;
}

.fiftyfive-titlebar-main .ffpart-logo.partial-show {

    width: 28px;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-main .ffpart-logo.full-show {

    width: 200px;

    transition-duration: 0.25s;
}


.fiftyfive-titlebar-main .ffpart-content {

    flex: 1;

    background-color: rgb(2, 50, 3);

    display: inline-block;

    padding: 0 10px 0;

    position: relative;
}


.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu {

    margin: -1px 0 0;

    padding: 20px 0 17px;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu.hide {

    transition-duration: 0.25s;

    opacity: 0;
    visibility: collapse;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu a {

    color: white;
    text-decoration: none;

    padding: 20px 5px 12px;

    margin-right: 5px;

    cursor: pointer;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu a.active > span {

    font-weight: normal;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu a:hover {
    
    text-decoration: underline;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu a.last {
    
    margin-right: 0;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-menu a span {

    font-size: 18px;
    font-weight: 300;
}


.fiftyfive-titlebar-main .ffpart-content > .ffpart-more {

    height: 55px;

    position: absolute;

    left: 0;
    top: 0;

    width: 100%;

    opacity: 0;
    visibility: collapse;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-main .ffpart-content > .ffpart-more.show {

    opacity: 1;
    visibility: visible;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-main .ffpart-searchbox {

    height: 55px;
    background-color: rgba(0, 0, 0, 0.15);
}

.fiftyfive-titlebar-main .ffpart-searchbox > .ffpart-inner {

    max-width: 980px;

    margin: 0 auto;
}


/* overrides */


.fiftyfive-titlebar-main.university {

    background-color: rgba(2, 50, 3, 0.65) !important;
}

.fiftyfive-titlebar-main.menagerie {

    background-color: rgba(1, 26, 58, 0.65) !important;
}

.fiftyfive-titlebar-main.sports {

    background-color: rgba(178, 156, 62, 0.85) !important;
}

.fiftyfive-titlebar-main.opinion {

    background-color: rgba(105, 36, 16, 0.65) !important;
}


.fiftyfive-titlebar-main.university.opaque {

    background-color: rgba(2, 50, 3, 1) !important;
}

.fiftyfive-titlebar-main.menagerie.opaque {

    background-color: rgba(1, 26, 58, 1) !important;
}

.fiftyfive-titlebar-main.sports.opaque {

    background-color: rgba(178, 156, 62, 1) !important;
}

.fiftyfive-titlebar-main.opinion.opaque {

    background-color: rgba(105, 36, 16, 1) !important;
}


.fiftyfive-titlebar-main.in-category {

    background-color: transparent;

    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(60%);
    backdrop-filter: blur(10px) saturate(30%) brightness(60%);
}

.fiftyfive-titlebar-main.in-single {

    background-color: transparent;

    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(60%);
    backdrop-filter: blur(10px) saturate(30%) brightness(60%);
}


.fiftyfive-titlebar-main .ffpart-content.in-category {

    background-color: transparent;
}

.fiftyfive-titlebar-main .ffpart-content.in-single {

    background-color: transparent;
}


/* specific styles */

.fiftyfive-titlebar-category {

    color: white;

    font-size: 20px;

    line-height: 50px;

    padding-left: 5px;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */

    cursor: default;
}

.fiftyfive-titlebar-category > .ffpart-heading {

    font-weight: 600;

    margin-right: 5px;
}

.fiftyfive-titlebar-category > .ffpart-trailing {

    font-weight: 300;
}


.fiftyfive-titlebar-single {

    color: white;

    font-size: 20px;

    line-height: 50px;

    padding-left: 5px;

    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* IE/Edge */
    user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */

    cursor: default;

    font-weight: 300;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fiftyfive-titlebar-single > .ffpart-heading {

    font-weight: 600;

    margin-right: 5px;
}


/* MOBILE VERSION */

.fiftyfive-titlebar-mobile-main {

    position: fixed;

    left: 0;
    top: 0;

    width: 100%;
    height: 55px;

    background-color: rgb(2, 50, 3);

    z-index: 99999;
}

.admin-bar .fiftyfive-titlebar-mobile-main {
    top: 32px;
}

@media screen and (max-width: 782px) {

    .admin-bar .fiftyfive-titlebar-mobile-main {

        top: 46px;
    }
}

.fiftyfive-titlebar-mobile-main .ffpart-inner {

    display: flex;
    flex-direction: row;

    padding-left: 20px;
}

.fiftyfive-titlebar-mobile-main .ffpart-content {

    flex: 1;
}

.fiftyfive-titlebar-mobile-main .ffpart-pullover {

    padding-top: 5px;

    width: 55px;
    height: 50px;

    text-align: center;
}

.fiftyfive-titlebar-mobile-main .ffpart-pullover:active {

    background-color: rgba(255, 255, 255, 0.25);
}

.fiftyfive-titlebar-mobile-main .ffpart-pullover > span {

    line-height: 50px;

    color: white;

    font-size: 30px;
}

.fiftyfive-titlebar-mobile-main .ffpart-logo {

    width: 0;
    height: 55px;

    transition-duration: 0.25s;

    overflow: hidden;
}

.fiftyfive-titlebar-mobile-main .ffpart-logo div {

    background-image: url("../images/smalllogo.svg");
    background-position: left calc(50% - 2.5px);
    background-repeat: no-repeat;
    background-size: auto 25px;

    height: 55px;
    width: 200px;
}

.fiftyfive-titlebar-mobile-main .ffpart-logo.partial-show {

    width: 28px;

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-mobile-main .ffpart-logo.full-show {

    width: 200px;

    transition-duration: 0.25s;
}


.fiftyfive-titlebar-mobile-pulldown {

    position: fixed;

    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    background-color: rgb(11, 53, 5);

    z-index: 100000;

    display: flex !important;
    flex-direction: column;

    visibility: hidden;
    transform: translateY(-100%);

    transition-duration: 0.25s;
}

.fiftyfive-titlebar-mobile-pulldown.show {

    visibility: visible;
    transform: translateY(0);

    transition-duration: 0.25s;
}


.fiftyfive-titlebar-mobile-pulldown .ffpart-content {

    flex: 1;
    overflow-y: auto;
}


.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-header {

    display: flex;

    background-color: rgba(0, 0, 0, 0.25);
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-header .ffpart-logo {

    background: url(../images/LogoWhite.svg) no-repeat center;
    background-size: 40px 40px;

    width: 55px;
    height: 55px;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-header .ffpart-close {

    padding-top: 5px;

    width: 55px;
    height: 50px;

    color: white;

    font-size: 30px;

    line-height: 50px;
    text-align: center;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-header .ffpart-close:active {

    background-color: rgba(255, 255, 255, 0.25);
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-header .ffpart-search {

    flex: 1;

    padding: 0 5px 0;
}


.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-body {

    padding-top: 20px;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-body > a {

    display: block;

    height: 55px;

    line-height: 55px;

    color: white;

    text-decoration: none;
    text-align: center;

    font-size: 18px;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-content .ffpart-body > a:active {

    background-color: rgba(255, 255, 255, 0.25);
}


.fiftyfive-titlebar-mobile-pulldown .ffpart-footer {

    background-color: rgb(242, 242, 242);
    color: rgb(2, 50, 3);

    padding: 10px 20px 10px;
}


.fiftyfive-titlebar-mobile-pulldown .ffpart-footer .ffpart-icon {

    float: left;

    margin-right: 10px;

    font-size: 25px;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-footer .ffpart-text {

    float: left;

    font-size: 14px;

    padding-top: 5px;
}

.fiftyfive-titlebar-mobile-pulldown .ffpart-footer .ffpart-text a {

    color: rgb(2, 50, 3);

    text-decoration: none;
}

/* overrides */

.fiftyfive-titlebar-mobile-main.university {

    background-color: rgba(2, 50, 3, 0.65) !important;
}

.fiftyfive-titlebar-mobile-main.menagerie {

    background-color: rgba(1, 26, 58, 0.65) !important;
}

.fiftyfive-titlebar-mobile-main.sports {

    background-color: rgba(178, 156, 62, 0.85) !important;
}

.fiftyfive-titlebar-mobile-main.opinion {

    background-color: rgba(105, 36, 16, 0.65) !important;
}

.fiftyfive-titlebar-mobile-main.in-category {

    background-color: transparent;

    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(60%);
    backdrop-filter: blur(10px) saturate(30%) brightness(60%);
}

.fiftyfive-titlebar-mobile-main.in-single {

    background-color: transparent;

    -webkit-backdrop-filter: blur(10px) saturate(30%) brightness(60%);
    backdrop-filter: blur(10px) saturate(30%) brightness(60%);
}


.fiftyfive-titlebar-mobile-pulldown.university {

    background-color: rgb(2, 50, 3) !important;
}

.fiftyfive-titlebar-mobile-pulldown.menagerie {

    background-color: rgb(1, 26, 58) !important;
}

.fiftyfive-titlebar-mobile-pulldown.sports {

    background-color: rgb(178, 156, 62) !important;
}

.fiftyfive-titlebar-mobile-pulldown.opinion {

    background-color: rgb(105, 36, 16) !important;
}