/*  4. Large - Media Queries

 *  CONTENTS
 *  4.3 Lists

----------------------------------------------------------------------------------------------------------- */

@media only screen and ( min-width: 1025px ) {


/*  4.1 Document Structure
------------------------------------------------------------------------------------------------------- */

body {
    padding-top: 0;
}

/* WRAPPER PADDING CLASSES */

@media only screen and ( min-height: 728px ) {

    .huge-padding { padding: 16rem 0 16rem 0; }
    
}


/*  4.3 Base Typography
------------------------------------------------------------------------------------------------------- */

h2 {
    font-size: 4.8rem;
}


/*  4.4 Site Header
------------------------------------------------------------------------------------------------------- */

.site-header {
    padding: 3rem 0 3rem 0;
    position: relative;
    z-index: 10;
}

.site-header .wrapper-inner {
    height: auto;
    max-width: 90%;
}

.header-logo {
    display: block;
    margin: 0 0 0 0;
    padding: 0;
    float: left;
}

.header-logo img {
    max-height: 5.8rem;
}

.nav-toggle,
.search-toggle,
.mobile-nav-wrapper {
    display: none;
}

.site-header .primary-nav,
.site-header .header-tools {
    display: block;
}

.header-tools {
    float: right;
}


/* Header Search Cover (merkSearch) */

.autocomplete-search.open {
    right: -1rem;
}

.autocomplete-toggle + .autocomplete-search.open .search-field {
    padding-left: 0;
}


/* Navbar */

.navbar {
    display: block;
}


/*  4.4.1 Light Site Header
------------------------------------------------------------------------------------------------------- */

.light-header {
    background: rgba( 255, 255, 255, 1 );
    border: none;
    border-top: 0.6rem solid rgba( 34, 34, 34, 1 );
    box-shadow: 0 0.2rem 0.5rem rgba( 0, 0, 0, 0.1 );
    text-align: center;
}

body.transparent-header .light-header {
    background: none;
    box-shadow: none;
    position: absolute;
        left: 0;
        right: 0;
        top: 0;
}


/*  4.5 Page
------------------------------------------------------------------------------------------------------- */

section > aside {
    min-height: 1px;
    width: 19.6%;
    float: left;
}

section > .content {
    float: left;
    width: 76.8%;
}

.content + aside,
aside + .content {
    margin-left: 3.6%;
}

.article-inner {
    float: left;
    min-height: 0.1rem;
}

article aside {
    float: right;
    width: 27%;
}

.article-media {
    left: auto;
    margin-left: 0;
    width: 100%;
}

/* COVER PAGE */

.cover-page-title h1 {
    font-size: 5.6rem;
}


/*  4.6 Page Templates
------------------------------------------------------------------------------------------------------- */

/* EMPLOYEES PAGE TEMPLATE */

.employees {
    margin: 8rem 0 0 0;
}

.employees .mobileclear {
    display: none;
}

.employee {
    float: left;
    width: 22.6%;
}

.employee + .employee,
.mobileclear + .employee {
    margin-left: 3.2%;
}


/*  4.7 News
------------------------------------------------------------------------------------------------------- */

/* FEATURED POSTS */

.featured-posts {
    position: static;
    margin: 0 0 0 0;
    width: 100%;
}

.featured-post {
    width: 48.4%;
}

.featured-post + .featured-post {
    margin-left: 3.2%;
}

/* NEWS ARCHIVE */

section > .content.posts {
    width: 69%;
}

section > aside.news-sidebar {
    float: right;
    width: 24.5%;
    margin: 0;
}

/* NEWS SINGLE */

.attachment section > .content,
.single-post section > .content {
    width: 72%;
}

.single-post .article-inner {
    width: 69.5%;
}

.article-header {
    margin-top: 0;
}


/*  4.11 Sidebar
------------------------------------------------------------------------------------------------------- */

.news-sidebar {
    display: block;
}


/*  4.12 Blocks
------------------------------------------------------------------------------------------------------- */

/* SUB PAGE NAV */

.sub-page-nav {
    display: block;
}

.sub-page-nav-mobile {
    display: none;
}

}