/*
 * =======================================================
 * = Theme Name: Gérôme Levoux Theme
 * = Version: 4.0
 * = Author: Gérôme Levoux / @glevoux
 * = Author URL: http://geromelevoux.fr
 * =======================================================
 */

/*
 * =======================================================
 * = GENERAL
 * =======================================================
 */

/* Font face */
@font-face {
  font-family: 'Lato Light';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/kcf5uOXucLcbFOydGU24WALUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    src: local('Lato Regular'), local('Lato-Regular'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qIIYRU-oROkIk8vfvxw6QvesZW2xOQ-xsNqO47m55DA.woff) format('woff');
}
@font-face {
    font-family: 'Lato Bold';
    font-style: normal;
    font-weight: 700;
    src: local('Lato Bold'), local('Lato-Bold'), url(https://themes.googleusercontent.com/static/fonts/lato/v7/qdgUG4U09HnJwhYI-uK18wLUuEpTyoUstqEm5AMlJo4.woff) format('woff');
}

/* Typo */
.gl {
    font-family: 'Lato';
    font-size: 1.6em;
    vertical-align: middle;
}
.gl-bold {
    color: #fff;
    font-family: 'Lato Bold';
}
.gl-light {
    color: #fff;
    font-family: 'Lato Light';
}

/* Other */
body {
    background-color: #092D47;
}
p {
    margin: 0;
    font-size: 0.9em;
}
.button {
    background-color: transparent;
    border: 2px solid #00c0fc;
}
.button:hover,
.button:focus {
    background-color: #00c0fc;
}




/*
 * =======================================================
 * = CONTENT
 * =======================================================
 */
/*** Featuring ***/
.featuring {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    width: 100%;
    height: 100vh;
}
.featuring .logo {
    width: 150px;
    margin-bottom: 1rem;
}
.featuring h1 {
    font-size: 5em;
}
.featuring .button {
    margin-top: 20px;
    background-color: transparent;
    border: 4px solid #00c0fc;
    font-family: 'Lato Light';
    text-transform: uppercase;
}
.featuring .button .hover {
    display: none;
}
.featuring .button:hover {
    background-color: #00c0fc;
}
.featuring .button:hover .no-hover {
    display: none;
}
.featuring .button:hover .hover {
    display: inline-block;
}
.featuring .button:active,
.featuring .button:focus {
    outline: none;
}





/*
 * =======================================================
 * = FOOTER
 * =======================================================
 */
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px 0;
    color: #092D47;
    background-color: rgba(255, 255, 255, 0.2);
    text-align: center;
}




/*
 * =======================================================
 * = MEDIA QUERIES
 * =======================================================
 */
@media only screen and (max-width: 480px) {
    .featuring h1 {
        font-size: 2.5rem;
    }
    .featuring h2 {
        font-size: 1.4rem;
    } 
}
@media only screen and (min-width: 481px) and (max-width: 40em) {
    .featuring h1.gl-bold {
        font-size: 3rem;
    }
}





/*
 * =======================================================
 * = ICON FONTS
 * =======================================================
 */

/* ================================================================================================================== */

html,
html .halflings {
    -webkit-font-smoothing: antialiased !important;
}

/*!
 *
 *  Project:  GLYPHICONS HALFLINGS
 *  Author:   Jan Kovarik - www.glyphicons.com
 *  Twitter:  @glyphicons
 *
 */
@font-face {
  font-family: 'Glyphicons Regular';
  src: url('../fonts/glyphicons-regular.eot');
  src: url('../fonts/glyphicons-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-regular.woff') format('woff'), url('../fonts/glyphicons-regular.ttf') format('truetype'), url('../fonts/glyphicons-regular.svg#glyphiconsregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
[class^="icon-"]:before, [class*=" icon-"]:before {
    padding: 0 0.1em 0 0;
    font-family: 'Glyphicons Regular';
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
}
a [class^="icon-"], a [class*=" icon-"] {
    display: inline-block;
    text-decoration: inherit;
}
/* makes the font 33% larger relative to the icon container */
.icon-large:before {
    vertical-align: top;
    font-size: 1.3333333333333333em;
}
.btn [class^="icon-"], .btn [class*=" icon-"] {
    /* keeps button heights with and without icons the same */

    line-height: .9em;
}
li [class^="icon-"], li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}
li .icon-large[class^="icon-"], li .icon-large[class*=" icon-"] {
    /* 1.5 increased font size for icon-large * 1.25 width */

    width: 1.875em;
}
li[class^="icon-"], li[class*=" icon-"] {
    margin-left: 0;
    list-style-type: none;
}
li[class^="icon-"]:before, li[class*=" icon-"]:before {
    text-indent: -2em;
    text-align: center;
}
li[class^="icon-"].icon-large:before, li[class*=" icon-"].icon-large:before {
    text-indent: -1.3333333333333333em;
}
.icon-up-arrow:before { content: "\E214"; }
