/* 768 ONLY ---------- */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    #cover-content #recent-posts {
        width: 100%
    }
    #cover-content #tertiary {
        width: 100%;
        margin: 40px 0 0 0;
    }
    #cover-content #tertiary #columns {
        float: left;
        width: 48%
    }
    #cover-content #tertiary #qanda {
        float: right;
        width: 48%;
        margin-left: 0;
        margin-right: 1.04167%
    }
    #single-content #main {
        width: 72.9167%/*SAME AS grid_9*/
    }
    #single-content #secondary,
    #single-content #tertiary {
        width: 22.9167%
    }
    #events-content #main {
        width: 72.9167%/*SAME AS grid_9*/
    }
    #events-content #secondary,
    #events-content #tertiary {
        width: 22.9167%
    }
    #archive-content #main {
        width: 72.9167%/*SAME AS grid_9*/
    }
    #archive-content #secondary,
    #archive-content #tertiary {
        width: 22.9167%
    }
    /*Make sparkbeat hieght same as carousel*/
    #blog-feed li .post-title {
        padding: 5px 0 5px 25px;
        background-position: 2px -595px
    }
    /* Old Related Posts Code
.related {margin:0 0 0 10px;}
ul.related-posts li {width:31.4%;}
ul.related-posts li .post-title {font-size:11px; margin:5px 11px 5px 0}*/
}


/*=====================================================================================================================================
 RELATED POSTS
=====================================================================================================================================*/

.related .mini-title {
    margin-bottom: 10px;
}

.related-posts .post-thumb {
    display: none;
}

.related-posts li {
    font-size: 16px;
}


/*=====================================================================================================================================
 WRAPPERS
=====================================================================================================================================*/

.container_wide {
    margin: 0 auto;
}

.container_12 {
    margin: 0 auto;
}


/*=====================================================================================================================================
 TOP-TRIM
=====================================================================================================================================*/

#top-trim #nav {
    display: block
}

#menu-btn,
#mobile-menu {
    display: none
}

#top-trim ul#nav {
    float: right;
    list-style-type: none;
    margin: 0;
}

#top-trim ul#nav li {
    float: left;
    margin: 0
}

#top-trim ul#nav li a {
    display: block;
    padding: 6px 10px;
    color: #EEEEEE;
    font: 11px/20px Verdana, sans-serif;
    height: 18px;
    text-decoration: none;
    border-left: 1px dashed #999;
}

#top-trim ul#nav li a:last-child {
    border-right: 1px dashed #999
}

#top-trim ul#nav li a:hover {
    background: #6dc59b
}


/*=====================================================================================================================================
 SIGNUP-PANEL
=====================================================================================================================================*/

#signup-panel {}

#signup-panel #panel {
    display: none;
    height: 180px;
    background-color: #6dc59b;
    overflow: hidden;
}

#signup-panel #panel .subscription-form {}

#signup-panel #panel .subscription-form h3 {
    padding: 20px 0 15px 0;
    font: normal 30px/1.3em 'Museo300', sans-serif;
    color: #000
}

#signup-panel #panel .subscription-form p.description {
    font: 14px/1.3em 'MuseoSans500', sans-serif;
    color: #000
}

#signup-panel #panel .subscription-form label {
    font: 12px/1.3em 'MuseoSans500', sans-serif;
    color: #000;
}

#signup-panel #panel .subscription-form input {
    width: 96%;
    height: auto
}

#signup-panel #panel .subscription-form input[type=text] {
    font-size: 16px;
    height: 28px
}

#signup-panel #panel .subscription-form input[type=submit] {
    font: 14px/1.3em 'MuseoSans500', sans-serif;
    margin-top: 18px;
}

#newsletter-btn {
    display: block;
    float: right;
    width: 150px;
    height: 60px;
    background-position: 99px 6px;
    background-color: #6dc59b;
    border-bottom: #1px solid 090;
}

#newsletter-btn:hover {
    border-bottom: 4px solid #6F6;
}

#newsletter-btn a {
    padding: 0 60px 0 10px;
    width: 80px;
    height: 60px;
    font: 13px/1.2em 'Museo300', sans-serif;
    color: #333;
    display: block;
    vertical-align: middle
}

#newsletter-btn a:hover {
    text-decoration: none
}

#newsletter-btn a#close {
    line-height: 60px
}

#newsletter-btn a#open {
    line-height: 16px;
    padding: 4px 60px 0 10px
}


/*=====================================================================================================================================
 HEADER
=====================================================================================================================================*/

#header {}

#home-btn {
    float: left;
    width: 380px;
    margin: 45px 0 20px 0;
}

#main-nav {
    margin-bottom: 0;
}

#header .follow-sparksheet {
    display: block;
    position: absolute;
    right: -3px;
    top: 80px;
    list-style-type: none;
    margin: 0
}


/*=====================================================================================================================================
 MAIN-NAV
=====================================================================================================================================*/

#main-nav #mobile-search {
    display: block
}

#main-nav a {
    font-size: 14px;
    padding: 15px 13px 11px 13px;
}

#main-nav a.home-link {
    padding-left: 20px;
}


/* SEARCH */

#main-nav ul {
    float: left;
    width: 60%
}

#main-nav ul #search-btn {
    display: none
}

#main-nav #mobile-search {
    float: right;
    width: 40%;
    text-align: right;
}

#main-nav #mobile-search #search {
    text-align: right;
}


/*=====================================================================================================================================
 INDEX
=====================================================================================================================================*/


/*CAROUSEL*/

#featured-2 {
    height: 420px;
    margin-bottom: 0
}

#featured-2 .post-thumb {
    display: block;
    float: right;
    width: 31.94%;
    margin: 0 3px 0 10px;
}

#featured-2 .post-thumb img:hover {
    background: #e1024b;
}


/*RECENT*/

#recent-posts {}

#recent-posts article {
    margin-bottom: 35px;
    overflow: hidden;
}

#recent-posts article .post-title a {
    font: 24px/1.2em 'museo-sans-1', 'museo-sans-2', sans-serif;
    margin-bottom: .2em
}

#recent-posts article .post-thumb {
    display: block;
    float: right;
    margin: 0 5px 5px 5px
}

#recent-posts article .post-excerpt {
    font: 16px/1.5em 'MuseoSlab500', serif;
    margin-bottom: 1em;
}


/*=====================================================================================================================================
 COLUMNS
=====================================================================================================================================*/

#columns-header {
    background: url('../img/columns-bg.jpg') 0 0 no-repeat #FFF;
}


/*=====================================================================================================================================
 ABOUT-US PAGE
=====================================================================================================================================*/

#sparksheet-team li {
    clear: none;
}

#sparksheet-team li p .bio-pic {
    float: none;
}


/*=====================================================================================================================================
 Q+A
=====================================================================================================================================*/

#qanda-header {
    background: url('../img/qanda-bg.jpg') 0 0 no-repeat #FFF
}

#qanda-content .qanda-post .post-thumb {
    float: none;
    width: 100%;
}


/*=====================================================================================================================================
 BLOG/SPARKBEAT
=====================================================================================================================================*/

#blog-header {
    background: url('../img/sparkbeat-bg.jpg') 0 0 no-repeat #FFF
}

#blog-content #main .sparkbeat-post-date {
    float: left;
}

#blog-content #main .post-content {
    float: right;
    width: 76.25%;
    padding-right: 5%;
    /* same as grid_10 */
}


/*=====================================================================================================================================
 ARCHIVE
=====================================================================================================================================*/

#archives-header {
    background: url('../img/archives-bg.jpg') 0 0 no-repeat #FFF
}

.archive-posts {}

.archive-posts article {
    margin-bottom: 3em
}

.archive-posts article .post-title a {
    font: 24px/1.2em 'museo-sans-1', 'museo-sans-2', sans-serif;
    margin-bottom: .2em
}

.archive-posts article .post-thumb {
    display: block;
    float: right;
    margin: 0 0 5px 5px
}

.archive-posts article .post-excerpt {
    font: 16px/1.5em 'MuseoSlab500', serif;
    margin-bottom: 1em;
}

#archive-content .pop-tags ul {
    column-count: 1;
    column-gap: 20px;
    -moz-column-count: 1;
    -moz-column-gap: 20px;
    -webkit-column-count: 1;
    -webkit-column-gap: 20px;
}

#archive-content #main .post {
    padding-right: 5%
}


/*=====================================================================================================================================
 EVENTS
=====================================================================================================================================*/

#events-header {
    background: url('../img/events-bg.jpg') 0 0 no-repeat #FFF
}


/*=====================================================================================================================================
 SINGLE
=====================================================================================================================================*/

#single-content #main {
    margin-bottom: 0
}

#single-content #main .post,
#single-feature-content #main .post {
    padding-right: 5%
}

#single-content {
    /* background:url("../img/dash-vert.png") repeat-y scroll 73.7% 0 #FFFFFF */
}

.single h1.post-title {
    font-size: 36px
}

.single .post .post-dek {
    font-size: 22px;
    line-height: 1.5em;
}

.single .post-content p,
.single .post-content li {
    font-size: 16px
}

.single .post-content blockquote p {
    font-size: 24px
}

#single-feature-content {
    /* background:url("../img/dash-vert.png") repeat-y scroll 73.9% 0 #FFFFFF */
}

#single-feature-content #main .post-title {
    display: none
}

#single-feature-content .alignright {
    float: right;
    max-width: 50%;
    margin-left: 2%;
}

#single-feature-content .alignleft {
    float: left;
    max-width: 50%;
    margin-right: 2%;
}

.feature-article-title {
    font-size: 36px;
}


/*=====================================================================================================================================
 SHARE BAR
=====================================================================================================================================*/

.fixed-social-share {
    background-color: #ffffff;
    padding: 11px 6px;
}

.fixed-social-share li {
    margin-right: 2px;
}

.fixed-social-share ul span {
    height: 30px;
    width: 30px;
}

.fixed-social-share li.facebook span {
    background-position: 0px -694px;
}

.fixed-social-share li.twitter span {
    background-position: -44px -694px;
}

.fixed-social-share li.linkedin span {
    background-position: -88px -694px;
}

.fixed-social-share li.email-share span {
    background-position: -132px -694px;
}


/*=====================================================================================================================================
 COMMENTS
=====================================================================================================================================*/

.single #comments {
    padding-right: 10px;
}


/*=====================================================================================================================================
 FOOTER
=====================================================================================================================================*/

#pages-and-categories {
    padding-left: 10%;
}


/*#pages-and-categories #page-links {float: left;}*/


/*#pages-and-categories #page-links:nth-child(1) {margin-right: 28%;}*/


/*#pages-and-categories #page-links:nth-child(2) {margin-top: 36px;}*/

#footer #page-links ul li,
#footer #category-links ul li {
    padding-right: 20px;
    padding-bottom: 17px;
    width: auto;
}


/* Using padding to widen the tap area */


/*=====================================================================================================================================
 SHEET EFFECT
=====================================================================================================================================*/

.container_wide {
    margin: 0 auto;
    background: #FFF;
    box-shadow: 0 2px 4px #EEE;
    -moz-box-shadow: 0 2px 4px #EEE;
    -webkit-box-shadow: 0 2px 4px #EEE;
}

.container_wide {
    position: relative;
    margin: 0 auto;
    background-color: #fff;
    /* RG: "Tone it down"
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.2), inset 0 0 50px rgba(0, 0, 0, 0.1);
	*/
}

.container_wide:before,
.container_wide:after {
    position: absolute;
    width: 40%;
    height: 10px;
    content: ' ';
    left: 12px;
    bottom: 20px;
    background: transparent;
    -webkit-transform: skew(-5deg) rotate(-5deg);
    -moz-transform: skew(-5deg) rotate(-5deg);
    -ms-transform: skew(-5deg) rotate(-5deg);
    -o-transform: skew(-5deg) rotate(-5deg);
    transform: skew(-5deg) rotate(-5deg);
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    z-index: -1;
}

.container_wide:after {
    left: auto;
    right: 12px;
    -webkit-transform: skew(5deg) rotate(5deg);
    -moz-transform: skew(5deg) rotate(5deg);
    -ms-transform: skew(5deg) rotate(5deg);
    -o-transform: skew(5deg) rotate(5deg);
    transform: skew(5deg) rotate(5deg);
}


/*=====================================================================================================================================
 FOR JETPACK CAROUSEL ON GALLERIES IN ARTICLES
=====================================================================================================================================*/

.jp-carousel-wrap .jp-carousel-close-hint {
    right: 58px;
    /*	top: 8px;
	width: 35px;*/
}

.jp-carousel-wrap.jp-carousel-light .jp-carousel-close-hint span {
    font: 400 70px/0.47 "Helvetica Neue", sans-serif !important;
    background-color: transparent;
    /*	height: 33px;
	width: 33px;*/
}