/* NEW */
        *,
        *:before,
        *:after {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        body {
            position: absolute;
            top: 0; 
            left: 0;
            height: 100%; 
            width: 100%;
        }
        #page {
            height: 100%;
        }
        img {
            max-width: 100%;
        }
        a {
            cursor: pointer;
        }
        .grid .content {
            max-width: 100%;
        }
        .header-image-wrapper {
            height: auto;
        }
        .header-image.cover {
            padding-top: 35%;
            height: 0;
        }
        .body-wrapper {
            position: relative;
            width: 100%;
            min-height: 65%;
            max-width: 1360px;
            margin: 0 auto;
        }
        .exposed-nav-wrapper {
            position: absolute;
            left: 0;
            top: 0;
            width: 20%;
            max-width: 272px;
            height: 100%;
            /*padding-left: 4%;*/
        }
        .exposed-nav-wrapper .nav-logo,
        .exposed-nav-wrapper .nav-menu,
        .exposed-nav-wrapper .connect {
            padding-left: 15%;
        }
        .exposed-nav-wrapper li {
            display: block;
            text-align: left;
            margin: 15px 0 0 0;
        }
        .exposed-nav-wrapper li a {
            display: block;
            font-size: 21px;
            line-height: 1em;
            
            -webkit-transition: color .5s ease;
            -moz-transition: color .5s ease;
            -ms-transition: color .5s ease;
            -o-transition: color .5s ease;
            transition: color .5s ease;
        }

        .nav-logo {
            display: block;
            width: 60%;
            max-width: 150px;
        }
        .nav-menu {
            text-transform: uppercase;
        }
        #social {
            padding-right: 25%;
            text-align: center;
        }
        .connect [class*="icon-"],
        .post-controls > ul > li {
            display: inline-block;
            position: relative;
            height: 38px;
            width: 38px;
            margin: 0 2px 8px 2px;
            
            text-decoration: none;
            font-size: 20px;  
            text-indent: -9999px;
            border-radius: 50%;
        }
        .post-controls > ul > li { 
            margin: 10px 10px 8px 10px;
        }
        .connect [class*="icon-"]:after,
        .post-controls [class*="icon-"]:before,
        .post-controls svg,
        .post-controls li .like_button{
            display: inline-block;
            position: absolute;
            height: 1em;
            width: 100%;
            top: 0; right: 0; bottom: 0; left: 0;
            margin: auto;
            
            text-align: center;
            text-indent: 0;
        	font-family: 'bk-icons';
        	speak: none;
        	font-style: normal;
        	font-weight: normal;
        	font-variant: normal;
        	text-transform: none;
        	line-height: 1;
        
        	/* Better Font Rendering =========== */
        	-webkit-font-smoothing: antialiased;
        	-moz-osx-font-smoothing: grayscale;
        }
        .post-controls li .reblog_button,
        .post-controls li .like_button,
        .post-controls li .reblog_button:hover,
        .post-controls li .like_button:hover {
            opacity: 1;
        }
        .connect .icon-instagram:after {
            content: "\e600";
            font-size: 1.2em;
        }
        .connect .icon-bk:after {
            content: "\e601";
            top: .1em;
            font-size: 1.2em;
        }
        .connect .icon-facebook:after {
            content: "\e602";
            font-size: 1.2em;
        }
        .connect .icon-google:after {
	        content: "\e603";
	        top: .2em;
	        font-size: 1.2em;
        }
        .connect .icon-linkedin:after {
	        content: "\e605";
        }
        .connect .icon-twitter:after {
            content: "\e608";
        }
        .connect .icon-tube:after {
	        content: "\e609";
	        font-size: 1.3em;
        }
        .post-controls [class*="icon-"]:before{
            font-family: "optica-icons";
            content: "\e602";
        }
        .post-notes {
            padding: 9px 15px;
            border-radius: 19px;
        }
        .post-notes a {
            font-size: 18px;
            line-height: 1em;
        }
        .connect [class*="icon-"],
        .post-notes,
        .post-controls > ul > li {
            -webkit-transition: background .5s ease;
            -moz-transition: background .5s ease;
            -ms-transition: background .5s ease;
            -o-transition: background .5s ease;
            transition: background .5s ease;
        }
        .post-controls > ul > li { 
            margin-top: 0;
        }
        .pop-menu li {
            text-indent: 0;
            text-align: left;
        }
        
        .search-header,
        .index-page.grid #posts.exposed-nav,
        .touch:not(.slender) #posts.exposed-nav,
        .grid #posts.exposed-nav.content,
        .index-page.grid.no-results #posts.exposed-nav.masonry {
            position: relative;
            top: 0;
            left: 20%;
            width: 80%;
            float: left;
            padding: 0;
        }
        .index-page.grid #posts,
        .index-page.grid.no-results #posts.masonry {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            float: left;
            padding: 0;
        }
        .index-page.grid #posts article.entry {
            width: 48%;
            margin: 0 1% 20px;
        }
        .index-page.grid .snacktivist .post-wrapper{
            border: none;
            background: transparent;
        }
        .index-page.slender #posts article.entry {
            margin: 0 1% 20px;
        }
        .index-page.slender #posts article.entry .post-footer,
        .touch .post-footer {
            padding-top: 15px;
        }
        .index-page.grid .entry .attribution-tags,
        .attribution-tags {
            clear: both;
        }
        .index-page.grid .entry.photo .panel,
        .index-page.grid .entry.photoset .panel{
            position: absolute;
            z-index: 7;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            opacity: 0;
            
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }
        .index-page.grid .entry.photo:hover .panel,
        .index-page.grid .entry.photoset:hover .panel{
            display: block;
            opacity: 1;
        }
        .index-page.grid .entry.photo .post-footer,
        .index-page.grid .entry.photoset .post-footer{
            display: table;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            text-align: center;
        }
        .overlay-link {
            .display: none;
        }
        .index-page.grid .entry.photo .overlay-link,
        .index-page.grid .entry.photoset .overlay-link{
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            
            -webkit-transition: all .5s ease;
            -moz-transition: all .5s ease;
            -ms-transition: all .5s ease;
            -o-transition: all .5s ease;
            transition: all .5s ease;
        }
        .index-page.grid .snacktivist .overlay-link {
            border-radius: 35px;
        }
        .index-page.grid .entry.photo:hover .overlay-link,
        .index-page.grid .entry.photoset:hover .overlay-link{
            display: block;
            opacity: 0.9;
        }

        .index-page.grid .entry.photo .post-footer-content,
        .index-page.grid .entry.photoset .post-footer-content{
            display: table-cell;
            position: relative;
            vertical-align: middle;
            pointer-events: none;
        }
        .post-footer {
            height: auto;
        }
        .permalink .post-footer,
        .entry:not(.photo):not(.photoset) .post-footer {
            padding-top: 15px;
        }
        .index-page.grid .entry .post-footer .meta
        .post-footer .date-notes li {
            float: none;
            display: inline-block;
            vertical-align: middle;
        }
        .post-footer .date-notes .post-date {
            line-height: 38px;
        }
        .post-footer .attribution-tags {
            margin-top: 10px;
        }
        .post-footer .attribution-tags ul {
            margin-top: 12px;
        }
        .caption {
            clear: both;
            margin: 0 20px;
        }
        .meta {
            display: inline-block;
        }
        .post-controls {
            float: right;
            display: inline-block;
        }
        .index-page.grid .entry.photo .caption,
        .index-page.grid .entry.photoset .caption{
            position: relative;
            width: 75%;
            margin: 0 auto;
            text-align: left;
            margin-bottom: 15px;
        }
        .index-page.grid .entry.photo .caption,
        .index-page.grid .entry.photoset .caption,
        .index-page.grid .entry.photo .attribution-tags li a,
        .index-page.grid .entry.photoset .attribution-tags li a{
            font-size: 14px;
            line-height: 1.2em;
        }
        .index-page.grid .entry .attribution-tags {
            margin: 10px 20px;
        }
        .index-page.grid .entry.photo .caption + .attribution-tags,
        .index-page.grid .entry.photoset .caption + .attribution-tags,
        .index-page.grid .entry.photo .attribution-tags,
        .index-page.grid .entry.photoset .attribution-tags{
            position: relative;
            width: 75%;
            margin: 0 auto;
        }
        .index-page.grid .entry.photo .attribution-tags li a, 
        .index-page.grid .entry.photoset .attribution-tags li a {
            -webkit-transition: color .5s ease;
            -moz-transition: color .5s ease;
            -ms-transition: color .5s ease;
            -o-transition: color .5s ease;
            transition: color .5s ease;
        }
        .answer .attribution-tags {
            display: none;
        }
        .post-date {
            display: none;
        }

        .index-page.grid .entry.photo .post-controls > ul,
        .index-page.grid .entry.photoset .post-controls > ul{
            margin-top: 15px;
            float: none;
        }
        .index-page.grid .entry.photo .meta,
        .index-page.grid .entry.photoset .meta,
        .index-page.grid .entry.photo .post-controls,
        .index-page.grid .entry.photoset .post-controls{
            position: relative;
            display: block;
            text-align: center;
            float: none;
        }
        .index-page.grid .entry.photo .meta > ul, 
        .index-page.grid .entry.photo .post-controls > ul,
        .index-page.grid .entry.photo .attribution-tags > ul,
        .index-page.grid .entry.photoset .meta > ul, 
        .index-page.grid .entry.photoset .post-controls > ul,
        .index-page.grid .entry.photoset .attribution-tags > ul {
            display: inline-block;
            pointer-events: auto;
        }
        .index-page.grid .entry.photo .post-footer .date-notes li,
        .index-page.grid .entry.photoset .post-footer .date-notes li{
            display: block;
            float: none;
        }
        .index-page.grid #posts.masonry {
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
        }
        .index-page.grid .quote .post,
        .quote .post {
            padding: 50px;
            text-align: center;
        }
        .quote .post > blockquote {
            position: relative;
            display: inline-block;
            font-size: 54px;
            line-height: 1em;
            text-transform: uppercase;
        }
        .quote .post > blockquote span {
            position: relative;
            z-index: 2;
        }
        .quote .post > blockquote:before,
        .quote .post > blockquote:after {
            font-size: 1.5em;
            line-height: 0;
            position: relative;
            z-index: 5;
        }
        .quote .post .source {
            display: inline-block;
        }
        .permalink .entry.singleton {
            max-width: 702px;
            margin: 45px auto 0;
        }
        .permalink .photo .photo-wrapper-inner {
            padding-top: 0;
        }
        .permalink .post-wrapper,
        .entry.text:not(.not-page) .post-wrapper {
            margin-top: -45px;
            border: none;
            background: transparent;
        }
        .entry.text:not(.not-page) .post-wrapper h2 {
            float: left;
            margin-bottom: 20px;
            text-transform: uppercase;
            font-size: 42px;
        }
        .entry.text:not(.not-page) .post-wrapper .body-text {
            clear: both;
        }
        .submit-wrap {
            width: 100%;
        }
        .submit-wrap .submit-text{
            font-size:18px;
            line-height: 1.2em;
        }
        .submit-wrap .submit-caption {
            font-weight: bold;
            font-size:14px;
            line-height: 1.2em;
        }
        .submit-wrap .form-title {
            text-transform: uppercase;
            font-weight: bold;
            font-size: 18px;
        }
        .submit-wrap.no-cols {
            max-width: 75%;
            max-width: 702px;
        }
        .submit-wrap [class*="col-"] {
            float: left;
            width: 50%;
        }
        .submit-wrap .col-2.with-img {
            padding: 0 20px;
        }
        #footer {
            clear: both;
        }
        #footer .copyright {
            clear: both;
            width: 100%;
            text-align: center;
            padding: 15px 0;
        }
        #footer .copyright p {
            margin: 0;
            font-size: 14px;
            line-height: 1.5em;
        }
        
        .slender .exposed-nav-wrapper {
            position: relative;
            text-align: center;
            width: 80%;
            margin: 0 auto;
        }
        .slender .exposed-nav-wrapper .nav-logo,
        .slender .exposed-nav-wrapper .nav-menu,
        .slender .exposed-nav-wrapper .connect {
            padding-left: 0;
        }
        .slender .nav-logo {
            margin: 5px auto;
        }
        .slender .exposed-nav-wrapper li {
            display: inline-block;
            margin: 10px 5px;
        }
        .slender #social {
            padding: 0;
        }
        .slender .entry .post {
            margin-bottom: 0;
        }
        .slender .entry .panel {
            opacity: 1;
            z-index: 2;
        }
        .slender .entry .post-footer {
            opacity: 1;
            z-index: 2;
        }
        .slender .entry .post-footer section {
            display: block;
            text-align: center;
            float: none;
        }
        .slender .entry .post-footer section.meta > ul,
        .slender .entry .post-footer section.post-controls > ul{
            display: inline-block;
            margin: 0;
            float: none;
        }
        .slender .entry .post-footer .meta .date-notes li {
            display: block;
        }
        .slender .entry .post-footer .attribution-tags {
            clear: both;
        }