/* ==========================================================================
   Global styles
   ========================================================================== */

/*
h1, h2, h3, h4, h5, h6, p, ol, ul, li { font-family: 'Open Sans', sans-serif; }
p, ol, ul, li { font-size: 16px; line-height: 24px; font-weight: 300; }
p.lead { color: #ff755a; }

a { color: #626c72; }
a:hover { transition: all 0.35s ease-in-out; color: #626c72; text-decoration: none; }

h1 { font-weight: 800; font-size: 40px; margin: 0; text-shadow: 0 1px 1px rgba(0,0,0,.4); }
h2 { font-size: 37px; font-weight: 400; letter-spacing: -1px; line-height: 46px; }
h3 { font-size: 34px; font-weight: 300; letter-spacing: -1px; line-height: 34px; }
h4 { letter-spacing: -1px; color: #31363a; font-weight: bold; }

*/




/*
 * Component:       Docs
 * Description:     Defines styles for the UIkit documentation
 ========================================================================== */


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

/*

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

@font-face {
    font-family: 'ProximaNovaBold';
    src: url('../fonts/proximanova-bold-webfont.eot');
    src: url('../fonts/proximanova-bold-webfont.eot?#iefix') format('embedded-opentype'),
        url('../fonts/proximanova-bold-webfont.woff') format('woff'),
        url('../fonts/proximanova-bold-webfont.ttf') format('truetype'),
        url('../fonts/proximanova-bold-webfont.svg#ProximaNovaBold') format('svg');
}

.uk-article-lead {
  margin-top: -20px;
}



body, h1, h2, h3, h4, h5, h6,
.uk-navbar-nav > li > a { font-family: "ProximaNovaLight", "Helvetica Neue", Helvetica, Arial, sans-serif; }

strong, b { font-family: "ProximaNovaBold", "Helvetica Neue", Helvetica, Arial, sans-serif; }




*/

.scrollToTop, a.scrollToTop {
    width:35px;
    height:30px;
    border-radius: 4px;
    text-align:center;
    background: rgba(40,40,40,0.85);
    font-weight: bold;
    font-size: 19px;
    color: #FFFFFF;
    text-decoration: none;
    position:fixed;
    bottom:20px;
    right:20px;
    display:none;
    z-index: 2000;
    padding-top: 8px;
}
.scrollToTop:hover{
    text-decoration:none;
    color: #ececec;
}




.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }