/*LOGO */
@import url(https://fonts.googleapis.com/css?family=Alegreya+Sans+SC:700);
@import url(https://fonts.googleapis.com/css?family=Gravitas+One);

.smallLogo, .mediumLogo, .largeLogo, .xlLogo {
    line-height: 100%;
    white-space: nowrap;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.smallLogo > span, .mediumLogo > span, .largeLogo > span, .xlLogo > span {display: table;width: 100%;}
.smallLogo > span > span, .mediumLogo > span > span, .largeLogo > span > span, .xlLogo > span > span {display: table-cell !important;}
.smallLogo > span > span:first-child, .mediumLogo > span > span:first-child, .largeLogo > span > span:first-child, .xlLogo > span > span:first-child {text-align: right;padding-right: 0.1em;}
.smallLogo > span > span:last-child, .mediumLogo > span > span:last-child, .largeLogo > span > span:last-child, .xlLogo > span > span:last-child {width: 1%;white-space: nowrap; padding-left:0.2em;padding-right: 0.2em;}

.smallLogo {
    font-size: 8px;
    width: 150px;
}

.mediumLogo {
    font-size: 12px;
    width: 180px;
}

.largeLogo {
    font-size: 16px;
    width: 240px;
}

.xlLogo {
    font-size: 24px;
    width: 360px;
}

    .smallLogo span, .mediumLogo span, .largeLogo span, .xlLogo span {
        padding: 0;
        margin: 0;
    }

.crewHD > span > span:last-child {
    color: var(--crewMain);
    background-color: var(--crewSec);
}

.timeHD > span > span:last-child {
    color: var(--timeMain);
    background-color: var(--timeSec);
}

.bidHD > span > span:last-child {
    color: var(--bidMain);
    background-color: var(--bidSec);
}

.smallLogo > span, .mediumLogo > span, .largeLogo > span, .xlLogo > span {
    /* display: block; */
}

    .smallLogo > span > span, .mediumLogo > span > span, .largeLogo > span > span, .xlLogo > span > span {
        font-family: 'BankGothic Md BT','Alegreya Sans SC';
        color: #1b19cb;
        text-decoration: none;
        font-size: 2.75em;
        margin-bottom: 1px;
        display: inline-block;
    }

.timeHD > span > span:first-child {
    color: var(--timeSec);
}

.bidHD > span > span:first-child {
    color: var(--bidSec);
}
.crewHD > span > span:first-child {
    color: var(--crewSec);
}

        .smallLogo > span > span:last-child, .mediumLogo > span > span:last-child, .largeLogo > span > span:last-child, .xlLogo > span > span:last-child {
            font-family: Elephant,'Gravitas One';
            font-size: 2.75em;
            display: inline-block;
            line-height: 100%;
            margin-bottom: 1px;
            /* width: 100%; */
            text-align: left;
        }

    .smallLogo > span:last-child, .mediumLogo > span:last-child, .largeLogo > span:last-child, .xlLogo > span:last-child {
        text-align: right;
        display: block;
        margin-top: 0;
        line-height: 120%;
        font-family: Cambria;
        color: #1b19cb;
        text-decoration: none;
        padding-top: 0;
        font-size: 1em;
        border-top: 3px solid #1b19cb;
        width: 100%;
    }

.smallLogo.timeHD > span:last-child, .mediumLogo.timeHD > span:last-child, .largeLogo.timeHD > span:last-child, .xlLogo.timeHD > span:last-child {
    border-top: 3px solid var(--timeSec);
}
.smallLogo.crewHD > span:last-child, .mediumLogo.crewHD > span:last-child, .largeLogo.crewHD > span:last-child, .xlLogo.crewHD > span:last-child {
    border-top: 3px solid var(--crewSec);
}
.smallLogo.bidHD > span:last-child, .mediumLogo.bidHD > span:last-child, .largeLogo.bidHD > span:last-child, .xlLogo.bidHD > span:last-child {
    border-top: 3px solid var(--bidSec);
}

        a > span.smallLogo, a > span.smallLogo *, a > span.inlineLogo *, a > span.mediumLogo *, a > span.largeLogo * {
            cursor: pointer !important;
        }

.inlineLogo {
    text-indent: 0;
    white-space: nowrap;
    padding: 0;
    background: none;
}

    .inlineLogo span {
        padding: 0;
    }

        .inlineLogo span:first-child {
            font-family: 'BankGothic Md BT','Alegreya Sans SC';
            color: #1b19cb;
            text-decoration: none;
            margin-bottom: 0;
            display: inline-block;
            text-indent: initial;
        }

    .inlineLogo.crewHD span:last-child {
        color: var(--crewMain);
        background-color: var(--crewSec);
    }

    .inlineLogo.timeHD span:last-child {
        color: var(--timeMain);
        background-color: var(--timeSec);
    }

    .inlineLogo.bidHD span:last-child {
        color: var(--bidMain);
        background-color: var(--bidSec);
    }

    .inlineLogo span:last-child {
        font-family: Elephant,'Gravitas One';
        display: inline-block;
        line-height: 100%;
        margin-bottom: 0;
        padding-right: 5px;
        margin-left: 2px;
    }
/*.inlineLogo span:first-child {color:inherit;}*/ /*NAVIGATION*/