.card,.header-bar{box-shadow:0 3px 1px 0 rgba(0,0,0,.1)}*{border:0;line-height:1em;margin:0;outline:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}aside:after,div:after,dl:after,figure:after,footer:after,form:after,header:after,main:after,ol:after,section:after,ul:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}a{text-decoration:none}a:hover{text-decoration:underline}.card-main-btn:hover,.link-list a,.profile-list li a:hover{text-decoration:none}a:focus{outline:#333 solid 1px}hr{border:2px solid #f2f4f6}.clear{clear:both}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.header,.header .logo,.nav-link,.wrapper{position:relative}.desktop-only{display:block}@media (max-width:980px){.desktop-only{display:none}}::-moz-selection{background:#f16529;color:#fff;text-shadow:none}::selection{background:#f16529;color:#fff;text-shadow:none}body,html{height:100%}body{background-color:#3a99d7;font-family:jaf-facitweb,serif;font-weight:300}header,section{display:block}.wrapper{margin:0 auto;max-width:1200px}.page-wrap{min-height:100%;margin-bottom:-70px}.page-wrap:after{content:"";display:block;height:70px}.header{background-image:-moz-radial-gradient(center,contain ellipse,rgba(255,255,255,.6) 20%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0));background-image:-webkit-radial-gradient(center,contain ellipse,rgba(255,255,255,.6) 20%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0));background-image:radial-gradient(center,contain ellipse,rgba(255,255,255,.6) 20%,rgba(255,255,255,.2) 70%,rgba(255,255,255,0));background-position:center -100px;background-repeat:no-repeat;background-size:800px 450px;margin:-40px auto 0;overflow:hidden;padding-top:50px}.header .logo{display:inline-block;left:50%;margin:0 0 0 -123px}.header .subtitle,.header .title{color:#fff;margin:0;padding:0 20px;position:relative;text-align:center}.header .title{font-size:4em;font-weight:700;margin-bottom:10px}.header .subtitle{font-size:1.5em;font-weight:300;line-height:1.2em;margin-bottom:40px;text-transform:lowercase}.card .title,.card h3,.nav-link{text-transform:uppercase}@media (max-width:980px){.header .title{font-size:3em}.header .subtitle{margin-bottom:20px}}@media (max-width:660px){.header .title{margin-top:20px;font-size:2em}.header .subtitle{font-size:1.2em}}@media (max-width:320px){.header .title{font-size:1.6em}.header .subtitle{font-size:1em}}.header-bar{background-color:rgba(22,100,151,.8);text-align:left;margin-bottom:40px}.header-bar .logo{float:left;margin-left:20px;padding:10px 20px;width:95px}.menu-button{display:none}.nav{padding-top:23px}.nav,.nav-item{float:left;list-style:none}.nav-item{height:.9em;overflow:hidden;padding:0 15px}.nav-link{color:#fff;display:block;font-size:.9em;line-height:.9em;-webkit-transition:-webkit-transform .3s linear;-moz-transition:-moz-transform .3s linear;transition:transform .3s linear}.card-main-btn,.link-list a{-moz-transition:background .3s;-ms-transition:background .3s;-o-transition:background .3s}.nav-link::before{color:#fff;content:attr(title);font-weight:700;position:absolute;top:105%;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.nav-active .nav-link,.nav-link:focus,.nav-link:hover{-webkit-transform:translateY(-105%);-moz-transform:translateY(-105%);transform:translateY(-105%);text-decoration:none}.nav-active .nav-link::before{color:#4DB7FC;font-weight:400}@media (max-width:980px){.header-bar .logo{border:none;display:block;float:none;margin-left:0;text-align:center}.menu-button{background-color:rgba(22,100,151,.8);display:block;position:absolute;top:10px;right:10px;padding:10px;margin:-4px 0 0}.menu-button span{width:25px;background:#fff;height:6px;display:block;margin:3px}.nav{padding-top:0}.nav,.nav-item{float:none;list-style:none;text-align:center}.nav-item{overflow:hidden;height:50px;background:rgba(22,100,151,.8)}.nav-item:not(:first-child){border-top:1px solid #1c6ea2}.nav-link{height:50px;line-height:3.4em;font-size:1em}.nav-link::before{content:''}.nav-link:focus,.nav-link:hover{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@media (max-width:1100px){.nav-item{padding:0 10px}}.search-box{float:right;padding-top:2px;width:260px;margin-right:23px}.search-box *{line-height:normal;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}@media (max-width:980px){.search-box{float:none;margin:10px auto 0;width:320px}}.gsc-search-box{margin-bottom:0!important}.gsst_a{padding-top:7px!important}.gsc-input{color:#434a54!important;font-family:Raleway,sans-serif!important;font-size:1em!important}.gsc-orderby-label,.gsc-selected-option{line-height:2.4em!important}.gsc-results .gsc-cursor-box .gsc-cursor-page{display:inline-block!important}.card-container{margin:0 auto;max-width:100%;padding:0 40px 40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px}.layout-home{-webkit-column-count:3;-moz-column-count:3;column-count:3}.layout-community{margin:0 auto;max-width:100%;-webkit-column-count:10;-moz-column-count:10;column-count:10;-webkit-column-gap:5px;-moz-column-gap:5px;column-gap:5px}.card .description,.card p{color:#434a54;margin-top:0}@media (max-width:980px){.layout-community{-webkit-column-count:3;-moz-column-count:3;column-count:3}}.layout-archive{-webkit-column-count:2;-moz-column-count:2;column-count:2}.layout-assets{-webkit-column-count:3;-moz-column-count:3;column-count:3}.layout-assets.card-container{padding-bottom:0}@media (max-width:980px){.layout-archive{-webkit-column-count:1;-moz-column-count:1;column-count:1}.card-container{padding:0 20px;-webkit-column-gap:20px;-moz-column-gap:20px;column-gap:20px;-webkit-column-count:2;-moz-column-count:2;column-count:2}}@media (max-width:660px){.card-container{-webkit-column-count:1;-moz-column-count:1;column-count:1}}.card{background:#fff;border-radius:5px;margin-bottom:50px;overflow:hidden;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid}.card:after{content:""}.card h3{border-bottom:1px solid #f2f4f6;color:#434a54;font-size:1.1em;font-weight:600;line-height:1.5em;margin:0;padding:10px 20px 5px;text-align:center}.card p{font-size:1em;line-height:1.4em}.card .title{color:#434a54;font-size:.9em;font-weight:600;line-height:1.3em;margin-bottom:3px}.card .description{font-size:.9em}@media (max-width:980px){.card{margin-bottom:20px}}.card-story{padding:0 20px}.card-story h3{font-size:1.2em}.card-story p{padding:10px 0}.card-story .description p{padding:5px 0}.card-story .description a{color:#3a99d7}.card-story .description img{max-width:100%}.card-story .title{margin:10px 0 0;display:inline-block}.card-main-btn,.story-image{margin-left:-20px;margin-right:-20px}.story-image{display:block;overflow:hidden}.story-image img{width:100%}.card-main-btn{background:#166497;color:#fff;display:block;font-size:.9em;line-height:1em;padding:10px 0;text-align:center;text-transform:lowercase;-webkit-transition:background .3s;transition:background .3s}.card-main-btn:hover{background:rgba(22,100,151,.9)}.card-story table{width:100%;margin-bottom:20px;font-size:1.2em}@media (max-width:480px){.card-story table{font-size:.9em}}.card-story td,.card-story th{padding:12px 15px;text-align:left;border-bottom:1px solid #E1E1E1}.card-story td:first-child,.card-story th:first-child{padding-left:0}.card-story td:last-child,.card-story th:last-child{padding-right:0}.link-list{list-style:none;margin:0;padding:0}.link-list li{border-bottom:1px solid #f2f4f6}.link-list .icon{float:left;margin:0 .8em 0 1.3em}.link-list a{display:block;padding:1em 0;-webkit-transition:background .3s;transition:background .3s}.download-all-assets-section .card-download-button,.tag-list li a{-webkit-transition:background .3s;-moz-transition:background .3s;-ms-transition:background .3s;-o-transition:background .3s}.link-list a:hover{background:#f2f2f2}.link-list p{margin:0 20px 0 87px}.profile-list{list-style:none;margin:0 auto;text-align:center;width:100%}.profile-list li{display:inline-block;padding:3px 0;min-width:50px}.profile-list li a{display:inline-block;padding:5px;margin:3px}.profile-list .picture{left:0;overflow:hidden;top:0;border:5px solid #EEE}.profile-list .name{color:#434a54;margin-top:0;text-align:center}.card-swag .description a,.profile-list li:last-child .name{color:#3a99d7}.profile-list li:last-child .name:hover{text-decoration:underline}.layout-single .title:hover,.tag-list li a:hover{text-decoration:none}.card-what .description{padding:20px}.card-about h3,.card-asset h3,.card-swag h3{font-size:1.2em}.card-about p,.card-asset p,.card-swag p{padding:0}.layout-archive .card-about .description,.layout-archive .card-swag .description{padding:10px 20px}.card-swag .description img{max-width:100%;padding:0 20px}.card-asset .card-main-btn,.card-swag .card-main-btn{text-transform:none;padding:15px 0}.card-asset .link-list{border-top:1px solid #f2f4f6;overflow:hidden}.card-asset .link-list li{text-align:center}.card-asset .link-list a{color:#434a54}.card-asset .link-list .col{float:left;width:50%}.card-asset .story-image{width:65%;margin:0 auto}.card-colors-container{margin:0 auto;max-width:100%;padding:0 40px 40px;-webkit-column-gap:40px;-moz-column-gap:40px;column-gap:40px;-webkit-column-count:1;-moz-column-count:1;column-count:1}@media (max-width:980px){.card-colors-container{padding:0 20px 20px}}.card-colors{padding:5px;margin:0}.card-colors .title{margin:10px 0 15px 10px;text-align:center}.card-color{float:left;width:25%;text-align:center;height:180px;padding:80px 0;color:#fff}.card-color.card-color-3A99D7{background-color:#3A99D7}.card-color.card-color-FF5C03{background-color:#FF5C03}.card-color.card-color-166497{background-color:#166497}.card-color.card-color-434A54{background-color:#434A54}.status-table{margin:.5em auto;width:100%}.status-table a{display:block}.status-table td{font-size:.6em;height:32px;text-align:center;text-transform:uppercase;width:45px}.status-table .icon-status{height:23px;margin:0 auto;width:27px}.status-table .icon-status-green{background:#5bee00}.status-table .icon-status-red{background:#ff5c03}.status-table .icon-status-yellow{background:#ffea03}.layout-archive .title,.layout-single .title{color:#434a54;font-size:1.2em;font-weight:600;text-transform:none;padding-top:10px}.card-articles .post-author,.card-articles .post-date,.card-articles .post-location{font-size:.9em}.card-story .post-author,.card-story .post-date,.card-story .post-location{display:inline-block;font-size:.9em;padding-bottom:0;padding-left:0;padding-right:0;text-transform:uppercase;margin:0 15px 0 0}.card-story .post-info{margin-bottom:5px}.layout-archive .description,.layout-single .description{font-size:.9em;padding:0 0 10px}.card-story .post-author{color:#434a54}.card-story .post-author a{color:#ff5c03;display:inline}.card-story .post-date,.card-story .post-location{color:#9c9c9c;padding-left:0;text-transform:none}.card-announcement a,.card-story .post-edit,.card-story .post-edit a{color:#ff5c03}.card-story .post-edit{font-size:.9em}.card-story .description .read-more{color:#ff5c03;margin:5px 0 10px;display:inline-block}.card-announcement{margin:0 40px 40px;padding:0 20px}@media (max-width:980px){.card-announcement{margin:0 20px 20px;padding:0 15px}}.card-announcement .icon-wrapper{float:left;height:48px;padding:12px;width:48px;border-radius:50%}.card-announcement .icon-wrapper span{font-size:24px;color:#fff;text-align:center}.card-announcement-rss p{padding:25px 0 0}@media (max-width:480px){.card-announcement-rss p{padding:17px 0 0;font-size:.9em}}.card-announcement-rss .icon-wrapper{background:#FAA21B;margin:10px 15px 10px 0}.card-announcement-assets p,.card-announcement-swags p{padding:15px 0}.card-announcement-assets .icon-wrapper,.card-announcement-swags .icon-wrapper{margin:15px 15px 15px 0}.card-announcement-swags .icon-wrapper{background:#5ACD49}.card-announcement-assets .icon-wrapper{background:#975FDC}.download-all-assets-section{text-align:center;margin-bottom:55px}.download-all-assets-section .card-download-button{background:#166497;font-weight:700;color:#fff;font-size:.9em;line-height:1.2em;padding:25px 55px;text-align:center;margin:5px 20px 7px;text-decoration:none;text-transform:uppercase;width:40%;display:inline-block;border-radius:5px;box-shadow:0 3px 1px 0 rgba(0,0,0,.1);transition:background .3s}.download-all-assets-section .card-download-button:hover{background:rgba(22,100,151,.9)}@media (max-width:660px){.download-all-assets-section{padding:0 20px;margin-bottom:15px}.download-all-assets-section .card-download-button{margin:0 0 10px;width:100%;display:block}}.pagination ul{font-size:1.1em;margin:20px 0 40px;text-align:center}.pagination li{border-radius:5px;color:#fff;display:inline-block;padding:5px;text-transform:lowercase}.pagination li.active{background:#166497}.pagination li.disabled{color:#166497}.pagination a{color:#fff}.layout-single{margin:0 auto;padding:0 40px}.layout-single .single-content,.layout-single .single-sidebar{float:left}.layout-single .single-content{margin-right:5%;width:65%}.layout-single .single-sidebar{width:30%}.layout-single .title{font-size:1.6em;margin:20px 0 0;padding-top:0;padding-bottom:0}.layout-single .description ol>li,.layout-single .description p,.layout-single .description ul>li{font-size:1.3em;line-height:1.7em;margin-bottom:10px}@media (max-width:480px){.layout-single .description ol>li,.layout-single .description p,.layout-single .description ul>li{font-size:1em}}.layout-single .description li>ol,.layout-single .description li>ul{font-size:14px}.layout-single .description ol,.layout-single .description ul{margin:10px 20px 0 40px}.layout-single .description h1,.layout-single .description h2,.layout-single .description h3,.layout-single .description h4,.layout-single .description h5,.layout-single .description h6{margin:20px 0 10px;text-align:left;padding-left:0}#disqus_thread a{color:#3a99d7}@media (max-width:980px){.layout-single{padding:0 20px}.layout-single .single-content,.layout-single .single-sidebar{float:none;width:100%}.layout-single .single-content{margin-right:0}}.iframe-wrap{height:0;margin-bottom:18px;overflow:hidden;padding-bottom:56.25%;padding-top:30px;position:relative}.iframe-wrap iframe{height:100%;left:0;position:absolute;top:0;width:100%}.card-author{padding:20px}.card-author .author-avatar{border-radius:50%;float:left}.card-author .author-name{font-size:1.2em;margin-left:100px;margin-top:15px}.card-author .author-bio{font-size:.9em;margin-top:10px}.card-author .author-twitter{font-size:.9em;margin-left:100px}.card-author .author-twitter a{color:#ff5c03}.tag-title{color:#fff;margin-left:40px;margin-bottom:30px;font-weight:400}.tag-title span{font-weight:700}.tag-list li{border-bottom:1px solid #f2f4f6}.tag-list li a{color:#434a54;display:block;font-size:.9em;padding:15px 0 15px 20px;transition:background .3s}.tag-list li a:hover{background:#f2f2f2}.tag-list li .icon{color:#9c9c9c;margin-right:3px}.card-comments{padding:20px}.aux-nav{background:rgba(22,100,151,.8)}.aux-nav ul:first-child{width:20%}.aux-nav ul{float:left;width:15%;list-style:none;padding:20px 170px}.aux-nav ul li:first-child{text-transform:uppercase;padding-bottom:10px}.aux-nav ul li{color:#67C1FC;font-size:1em;line-height:1.4em}.aux-nav ul li a,.aux-nav ul li p{color:#fff;text-transform:none}.aux-nav ul li p{font-size:.9em;line-height:1.4em}@media (max-width:980px){.aux-nav ul:first-child{width:40%}.aux-nav ul{padding:20px;width:20%}}@media (max-width:660px){.aux-nav ul:first-child{float:none;width:100%}.aux-nav ul{float:left;width:33%;padding:20px}}@media (max-width:480px){.aux-nav ul{float:none;padding:20px;width:100%}.aux-nav ul li:first-child{display:block}.aux-nav ul li{display:inline-block}.aux-nav ul li:not(:last-child):after{content:"\2022";font-size:14px;padding:0 5px}.aux-nav ul li:first-child:after{content:" "}}.credits{min-height:70px;background-color:#fff;padding:20px 0;text-align:center}.credits p{float:left;margin:0 0 0 40px}.credits-link{color:#3a99d7}.credits-link:hover{text-decoration:underline}.credits .love{color:#e74c3c;display:inline-block;font-size:1.4em;position:relative;top:.2em;-webkit-transform:scale(.9);-moz-transform:scale(.9);transform:scale(.9);-webkit-animation:love .5s infinite linear alternate-reverse;-moz-animation:love .5s infinite linear alternate-reverse;animation:love .5s infinite linear alternate-reverse}@-webkit-keyframes love{to{-webkit-transform:scale(1.2)}}@-moz-keyframes love{to{-moz-transform:scale(1.2)}}@keyframes love{to{transform:scale(1.2)}}.social-buttons{float:right;list-style:none;text-align:right;margin-right:40px}.social-buttons li{display:inline-block;margin-left:5px;overflow:hidden}.tweet-btn{width:100px}.fb-btn{width:85px}.gplus-btn{width:70px}.github-btn{width:85px}@media (max-width:980px){.social-buttons{display:none}.credits p{float:none;text-align:center;margin:0;line-height:1.5em}}@media (max-width:320px){.credits p{font-size:.9em}}#resources .icon-github{color:#434a54}#resources .icon-eleio{height:.9em;width:.9em;background:url(../img/icon-eleio.png) center center no-repeat;display:inline-block;background-size:cover}@font-face{font-family:WebComponentsOrg;src:url(../font/WebComponentsOrg.eot);src:url(../font/WebComponentsOrg.eot?#iefix) format('embedded-opentype'),url(../font/WebComponentsOrg.woff) format('woff'),url(../font/WebComponentsOrg.ttf) format('truetype'),url(../font/WebComponentsOrg.svg#WebComponentsOrg) format('svg');font-weight:400;font-style:normal}[class*=" icon-"],[class^=icon-]{font-family:WebComponentsOrg;font-style:normal;font-variant:normal;font-weight:400;line-height:1;speak:none;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-dollar:before{content:"\e605"}.icon-tag:before{content:"\e600"}.icon-clock:before{content:"\e60c"}.icon-location:before{content:"\e601"}.icon-arrow-right:before{content:"\e603"}.icon-pencil:before{content:"\e602"}.icon-rss:before{content:"\ea94"}.icon-mic:before{content:"\e91e"}.icon-image:before{content:"\e90d"}.icon-github:before{content:"\f113"}.card-package-install code{display:flex;color:#949494;margin-bottom:5px;margin-top:5px;padding:7px}.card-story .description .card-download-button{background:#3A99D7;font-weight:700;color:#fff;display:block;font-size:.9em;line-height:1em;padding:15px 55px;text-align:center;-webkit-transition:background .3s;-moz-transition:background .3s;-ms-transition:background .3s;-o-transition:background .3s;transition:background .3s;margin:5px auto 7px;text-decoration:none}.card-story .description .card-download-button:hover{background:#E44D26}.filesize{display:block;text-align:center;color:#b3b3b3;margin:2px;font-size:13px}.tag-list li span{color:#9c9c9c;margin-right:3px}.card-container-about{padding-bottom:40px}.card-about{margin-bottom:0}.card-community{padding:0 20px;text-align:left;margin:0 40px 40px}.card-community p{font-size:.9em;margin:10px 0}@media (max-width:980px){.card-community{margin:0 20px 40px}}