/* ================================================================================
Fonts
*/

@font-face {
    font-family: 'ClearviewTextBold';
    src: url('./res/clvtext-bold-webfont.eot');
    src: url('./res/clvtext-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('./res/clvtext-bold-webfont.woff') format('woff'),
         url('./res/clvtext-bold-webfont.ttf') format('truetype'),
         url('./res/clvtext-bold-webfont.svg#ClearviewTextBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClearviewTextMedium';
    src: url('./res/clvtext-medium-webfont.eot');
    src: url('./res/clvtext-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('./res/clvtext-medium-webfont.woff') format('woff'),
         url('./res/clvtext-medium-webfont.ttf') format('truetype'),
         url('./res/clvtext-medium-webfont.svg#ClearviewTextMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ClearviewTextBook';
    src: url('./res/clvtext-book-webfont.eot');
    src: url('./res/clvtext-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('./res/clvtext-book-webfont.woff') format('woff'),
         url('./res/clvtext-book-webfont.ttf') format('truetype'),
         url('./res/clvtext-book-webfont.svg#ClearviewTextBook') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'FuturaCondensedBoldXR';
    src: url('./res/FuturaStd-CondensedBold.otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FucXed';
    src: url('./res/fucxedcaps-v2-webfont.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text Regular';
    src: url('./res/wlp2gwHKFkZgtmSR3NB0oRJfbwhTIfFd3A.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Crimson Text Bold';
    src: url('./res/wlppgwHKFkZgtmSR3NB0oRJX1C1GDNNQ9rJPfw.woff2') format("woff2");
    font-weight: normal;
    font-style: normal;
}


/*!* latin *!*/
/*@font-face {*/
/*  font-family: 'Crimson Text';*/
/*  font-style: normal;*/
/*  font-weight: 400;*/
/*  src: local('Crimson Text Regular'), local('CrimsonText-Regular'), url(https://fonts.gstatic.com/s/crimsontext/v9/wlp2gwHKFkZgtmSR3NB0oRJfbwhTIfFd3A.woff2) format('woff2');*/
/*  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/
/*!* latin *!*/
/*@font-face {*/
/*  font-family: 'Crimson Text';*/
/*  font-style: normal;*/
/*  font-weight: 700;*/
/*  src: local('Crimson Text Bold'), local('CrimsonText-Bold'), url(https://fonts.gstatic.com/s/crimsontext/v9/wlppgwHKFkZgtmSR3NB0oRJX1C1GDNNQ9rJPfw.woff2) format('woff2');*/
/*  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;*/
/*}*/

/* ================================================================================
Livery
*/

html { font-size: 62.5%; }
body { font-size: 1em; }

.xr {
	text-align: center;
    margin: 50px 0 0 0;
    padding: 0;
    background-color: #fdf9f8;
}

#headline {
    font-family: "FucXed", "FuturaCondensedBoldXR", "ClearviewTextBold", "Lucida Grande", Lucida, Verdana, sans-serif;
    text-align: center;
	/*height: 100%;*/
    white-space: nowrap;
    /*height: 120em;  !* TBD- This should not be necessary; y-overflow should be visible *!*/
    overflow-x: hidden;
    overflow-y: visible;
    cursor: hand;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
     user-select: none;
}

#logo {
    cursor: hand;
    max-height:80vh;
    max-width:90vw;
    padding-bottom: 2.0em;
}

#company {
    font-size: 7.5em;
    cursor: hand;
    cursor: pointer;
}

#company > #name {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: darkslategray;
}

#company > #long {
    color: #003867;
}

#tagline {
    line-height: 1.25em;
    font-style: italic;
    cursor: hand;
    color: #a9a9a9;
    font-family: 'Crimson Text', 'Crimson Text Regular', sans-serif;
    font-size: 2.0em;
}

/* ================================================================================
Testing
*/

.test1, .test2, .test4, .test5, .test6, .test7, .test8, .test9 {
	text-align: center;
    margin: 0;
    padding: 0;
}

.test5, .test7, .tardis {
    background-color: #003D6B;
}

.test6, .test8, .tflll-back {
    background-color: #002043;
}

.test1, .test2, .test3, .test4, .white {
    background-color: white;
}

.test1 #logo, .test2 #logo, .test3 #logo, .test4 #logo, .test5 #logo, .test6 #logo, .test7 #logo, .test8 #logo, .test9 #logo {
    text-align: center;
	width: 100%;
}
.test9 #tagline {
    font-variant:small-caps;
    letter-spacing:10px;
    color: white;
}


/* ================================================================================
General
*/

a, a:visited { text-decoration: none; }
a, a:hover { text-decoration: none; }
a:link, a:visited, a:active, a:hover { color: gray; }

/* ================================================================================
Behaviors
*/

.fadeOn {
    transition: opacity 1s linear;
    -webkit-transition: opacity 1s linear;
    -moz-transition: opacity 1s linear;
    -o-transition: opacity 1s linear;
    opacity: 1;
}

.fadeIn {
    transition: opacity 3s linear;
    -webkit-transition: opacity 3s linear;
    -moz-transition: opacity 3s linear;
    -o-transition: opacity 3s linear;
    opacity: 1;
}

.fadeOut {
    transition: opacity 8s linear;
    -webkit-transition: opacity 8s linear;
    -moz-transition: opacity 8s linear;
    -o-transition: opacity 8s linear;
    opacity: 0;
}

.halo {
    transition: text-shadow 0.5s linear;
    -webkit-transition: text-shadow 0.5s linear;
    -moz-transition: text-shadow 0.5s linear;
    -o-transition: text-shadow 0.5s linear;
    text-shadow: gray 0 0 8px;
}

.nohalo {
    transition: text-shadow 0.5s linear;
    -webkit-transition: text-shadow 0.5s linear;
    -moz-transition: text-shadow 0.5s linear;
    -o-transition: text-shadow 0.5s linear;
    text-shadow: black 0 0 8px;
}