body {
    font-family: "Lato", sans-serif;
    line-height: 1.6em;
    font-size: 16pt;
    font-weight: 300;
    background-color: #222;
    color: #fff;
}

h1 {
    font-weight: 800;
    font-size: 200%;
    line-height: 1.3em;
    padding-bottom: 5px;
}

h2 {
    font-weight: 700;
    font-size:  130%;
    padding: 20px 0;
}

h4 {
    font-weight: 400;
    font-size: 120%;
    padding-bottom:5px;
}

p {
    font-size:85%;
    line-height: 1.3em;
    padding-bottom: 1.3em;
}

header {
    position:fixed;
    top:0;
    left:0;
    right: 0;
    background-color: rgba(255,255,255,0.9);
    border-bottom: 1px solid #fff;
    box-shadow: 0 3px 30px #333;
    backdrop-filter: saturate(50%);
    backdrop-filter: blur(4px);
}

.btnDark {
    background-color: rgba(0,0,0,0.9);
    color: #fff;
    text-decoration: none;
    padding: 10px 25px;
    display: inline-block;
    border-radius: 4px;
    font-weight: 400;
}
    .btnDark:hover {
        background-color:#789;
    }

#headerInner {
    max-width: 1920px;
    margin:0 auto;
}

header .logo {
    height: 60px;
    margin: 15px;
    float: left;
}

#primaryNav {
    float: right;
    margin: 46px 15px 0 15px;
}
    #primaryNav a {
        display: inline-block;
        margin: 0 20px;
        text-decoration: none;
        color:#000;
    }
        #primaryNav a:hover, #primaryNav .router-link-active {
            border-bottom: 2px solid #333;
        }

#main {
    padding-top: 90px;
    padding-bottom: 60px;
    
}

#homeLargeAd {
    height:400px;
    background-color:#789;
    max-width: 1920px;
    margin:0 auto 10px auto;
}
    .adTextArea {
        color:#000;
        padding:40px;
        width: 400px;
        /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0.7+39,0.53+64,0+100 */
        background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0.7) 39%,rgba(255,255,255,0.53) 64%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        height: 320px;
    }
        .adTextArea p {
            font-size: 130%;
        }
#homeFeatures {
    height: 180px;
    max-width: 1920px;
    margin: 0 auto;
}
    #homeFeatures .item {
        width:calc(25% - 2px);
        float: left;
        margin:10px 0;
        border-right: 2px solid rgba(255,255,255,0.2);
        text-align: center;
    }
        #homeFeatures .item h4, #homeFeatures .item p {
            width:200px;
            margin: 0 auto;
        }
        #homeFeatures .item iconify-icon {
            font-size: 200%;
        }
.noBorder {
    border:none !important;
}

.innerContent {
    max-width: 1920px;
    margin-left: auto;
    margin-right: auto;
}

.padded {
    padding: 15px;
}

.viewAllLink {
    float: right;
    color:#fff;
    text-decoration: none;
    font-weight: 300;
    font-size: 16pt;
}
    .viewAllLink:hover {
        text-decoration: underline;
    }

.categoryIcon {
    float: left;
    background-color: #999;
    border-radius: 4px;
    width:calc(33.33% - 30px);
    height: 260px;
    margin: 0 15px;
    position: relative;
}
.categoryLabel {
    position: absolute;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1e1e1e+0,282828+100&0+0,0.74+20,0.91+100 */
    background: linear-gradient(to bottom, rgba(30,30,30,0) 0%,rgba(32,32,32,0.74) 20%,rgba(40,40,40,0.91) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    bottom:0;
    left: 0;
    right: 0;
    height: 80px;
    border-radius: 0 0 4px 4px;
}
    .categoryLabel iconify-icon {
        float: left;
        font-size: 280%;
        padding:10px 15px;
    }
    .categoryLabel div {
        float: left;
        padding-top:10px;
    }
    .categoryLabel h5 {
        font-weight: 400;
    }

footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgba(255,255,255,0.9);
    color:#000;
}