/*  2. Small - Media Queries
 
 *  CONTENTS
 *  2.4 Embeds and Figures
 
----------------------------------------------------------------------------------------------------------- */

@media ( min-width: 480px ) {



/*  2.4 Site Header
------------------------------------------------------------------------------------------------------- */

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

.nav-toggle {
    right: 2rem;
}

/* USER MENU */

.user-menu-wrapper {
    right: 17.5rem;
}

.user-toggle-label {
    display: block;
    padding-top: 1.5rem;
}


/*  2.5 Page
------------------------------------------------------------------------------------------------------- */

/* SUB PAGE ALT */

.page-template-cover-page .cover-page-title h1 {
    padding: 2.8rem 3.6rem 2.8rem 3.6rem;
}

.page-template-cover-page .cover-page-title h1:before {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    top: 1rem;
}


/*  2.6 Page Templates
------------------------------------------------------------------------------------------------------- */

/* COVER PAGE */

.big-single-header.overlay-header:after {
    margin: 4rem auto 4rem auto;
}

.big-single-header + .wrapper-inner {
    margin-bottom: 6rem;
}

/* RESTRICTED */

.restricted #loginform input[type="text"], 
.restricted #loginform input[type="password"] {
    font-size: 1.6rem;
    padding: 1.9rem 1.6rem 1.9rem 5.8rem;
}

.restricted #loginform .login-username:before, 
.restricted #loginform .login-password:before {
    font-size: 1.9rem;
    width: 5.8rem;
}


/*  2.7 Front Page
------------------------------------------------------------------------------------------------------- */

/* BIG OVERLAY HERO */

.page-template-page-template-accademia-start .big-overlay-header .button {
    margin-top: 1.8rem;
}


/*  2.9 News Archive
------------------------------------------------------------------------------------------------------- */

/* CONTENT PREVIEW */

.preview-inner {
    padding-left: 2rem;
}

.content-preview .byline {
    margin-top: 1rem;
    padding: .9rem 0 .9rem 0;
}

.content-preview a + a {
    margin-left: 2rem;
}

.content-preview .byline .author-link {
    padding-left: 4.2rem;
}

.content-preview .byline .avatar {
    display: block;
}


/*  2.10 News Single
------------------------------------------------------------------------------------------------------- */

.byline {
    margin-top: 1.3rem;
}

article.single-post .author-info,
article.single-post .related-below,
article.single-post .comments-wrapper,
.more-reading {
    border-top: .1rem solid rgba( 221, 221, 221, 1 );
    margin-top: 6rem;
    padding-top: 4rem;
}

/* Author Info */

.author-info .avatar {
    top: 4rem;
}

.author-info h3 {
    font-size: 2.6rem;
}


/* Share Links */

.share-links a {
    min-width: 9.7rem;
    padding: 1.3rem 2rem 1.3rem 3.6rem;
}

.share-links a span {
    display: block;
}


/*  2.13 Blocks
------------------------------------------------------------------------------------------------------- */

/* SUB PAGE NAV */

.sub-page-nav-toggle:before {
    right: 6rem;
}

.sub-page-nav-toggle:after {
    width: 6rem;
}

.sub-page-nav-mobile a {
    padding: 1.8rem 2rem 1.8rem 2rem;
}

/* SMALL PUFF */

.big-puff .puff-inner {
    padding: 3.5rem;
}

/* POSTS ROW */

.front-posts .wrapper-inner + .wrapper-inner {
    margin-top: 2rem;
}

.posts-row p {
    font-size: 1.6rem;
}

@media ( max-width: 700px ) {

    .posts-row-item {
        float: left;
        margin-top: 0;
        width: 47.5%;
    }

    .posts-row-item + .posts-row-item {
        margin-left: 5%;
    }

    .posts-row-item:nth-child(3) {
        display: none;
    }

}



}



/* NEXT SMALL.CSS LEVEL */



@media ( min-width: 600px ) {



/*  News Archive
------------------------------------------------------------------------------------------------------- */

.content-preview .subtitle {
    font-size: 1.4rem;
}

.preview-title {
    font-size: 3.2rem;
}

.preview-thumbnail.image-wrapper .inner {
    padding-bottom: 62.5%;
}

/* FEATURED POST */

.post-grid .row + .row {
    margin-top: 4rem;
}

.post-grid .one-third .post-title {
    font-size: 2.4rem;
}

.post-grid .one-half .post-title {
    font-size: 3.2rem;
}

.post-grid .one-half .overlay-header {
    margin-top: -3rem;
}

/* BIG FEATURED POST */

.big-overlay-header {
    padding: 3rem 5% 3rem 5%;
}

.page-template-page-template-accademia-start .big-overlay-header,
.featured-bg-image + .overlay-header {
    margin-top: -8rem;
}

.big-featured-post .featured-post-title {
    font-size: 4rem;
    margin: 1.4rem 0 1rem 0;
}

.medium-post-excerpt { font-size: 1.1em; }
.big-post-excerpt { font-size: 1.2em; }


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

/* BIG PUFF */

.big-puff .puff-image {
    height: auto;
    position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
    z-index: -1;
}

.big-puff .puff-inner {
    float: right;
    min-width: 36rem;
    padding: 12rem 0 12rem 4rem;
    width: 33%;
}

.big-puff h3,
.big-puff p {
    max-width: 34.8rem;
    width: 90%;
}

.big-puff h3 {
    font-size: 4rem;
}

.big-puff h3,
.big-puff p {
    margin-bottom: 2rem;
}


}



/* NEXT SMALL.CSS LEVEL */



@media ( min-width: 700px ) {


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

h1 {
    font-size: 4rem;
    margin-bottom: 1rem;
}


/*  Front Page
------------------------------------------------------------------------------------------------------- */

.post-grid.wrapper-inner {
    margin-top: 4rem;
}

.big-featured-post + .wrapper-outer {
    padding: 4rem 0 6rem 0;
}


/*  News Archive
------------------------------------------------------------------------------------------------------- */

.preview-inner {
    padding-left: 3.5rem;
}

.pagination {
    margin-top: 4rem;
    padding-top: 3rem;
}


/*  News Single
------------------------------------------------------------------------------------------------------- */

.more-reading {
    padding-bottom: 4rem;
}


}