/*
Theme Name: Smash
Version: 1.6
Author: Bonfire Themes
Author URI: http://bonfirethemes.com/
Theme URI: http://bonfirethemes.com/
Description: Multi-layout personal theme for WordPress.
Tags: light, one-column, fluid-layout, responsive-layout, custom-background, custom-menu, featured-images, full-width-template
License: GNU GENERAL PUBLIC LICENSE, Version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*************************************************************
[TABLE OF CONTENTS]

1. General styling
2. Structure
3. Cover layout
4. Classic layout
5. Wide layout
6. Slim layout
7. Stacked layout
8. Grid layout
9. Next page, Prev page (blog index)
10. Next post, Prev post (single.php navigation)
11. Page template Default layout
12. Page template Cover layout
13. Page template Slim layout
14. Video container
15. Posts, pages (titles, entry-content etc)
16. Profile page
17. Contact form
18. Categories + tags at end of post
19. "Jump to top" button
20. Share buttons
21. 404 page
22. Archive pages
23. Comments
24. Comment form
25. Widgets
26. Gallery layouts, columns
27. PhotoSwipe adjustments
28. Shortcode customizations
29. Responsive design adjustments

*************************************************************/

/* GENERAL STYLING
**************************************************/
html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset, figure {
    margin: 0;
    padding: 0;
}

@import url(http://fonts.googleapis.com/css?family=Oswald:400,700,300);

img, fieldset {
    border: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}
body {
    background-color:#12161A;
}
html, body {
    -webkit-text-size-adjust:none;
    height:100%;
}
/* FOOTER */
#footer {
    clear:both;
    padding:0;
}

/* LINKS */
a {
    /* remove the flickering effect of a tapped link when on a touch device */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    
    color:#6E87BA;
    text-decoration: none;
    outline:none;
    
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    transition: all .20s ease;
}
a:hover {
    text-decoration: none;
    
    -webkit-transition: all .20s ease;
    -moz-transition: all .20s ease;
    transition: all .20s ease;
}
/* PARAGRAPH */
p {
    margin: 0 0 1.2em;
    padding: 0;
}
/* SMALL */
small {
    font-size: 13px;
}
/* BLOCKQUOTE */
blockquote {
    padding:20px 25px 5px 25px;
    border:1px dotted #CCDDE5;
}
/* LISTS */
ul, ol { margin-bottom:15px; }
li { margin: 0 0 0 0; padding: 0; }
.entry-content ul li {
    margin:0 12px 0 18px;
    text-align:left;
}
.entry-content ol li {
    margin: 0 12px 0 21px;
    text-align:left;
}
/* HEADINGS */
h1, h2, h3, h4, h5, h6 {
    color:#454545;
    padding:0 0 20px 0;
    font-family:'Oswald';
    font-weight:400;
}
h1 { font-size: 40px; line-height: 40px; }
h2 { font-size: 37px; line-height: 36px; }
h3 { font-size: 34px; line-height: 33px; }
h4 { font-size: 31px; line-height: 29px; }
h5 { font-size: 28px; line-height: 27px; }
h6 { font-size: 25px; line-height: 25px; }
/* DISPLAY NONE */
.display-none { display:none; }
/* POST FORMATTING */
img.alignleft, img.aligncenter, img.alignright, img.alignnone {
    padding:0;margin:0;
}
img.aligncenter {
    margin:0 auto;
    text-align:center;
}
.alignleft {
    float: left;
    margin-right: 30px;
}
.alignright {
    float: right;
    margin-left: 30px;
}
.aligncenter {
    margin: 0 auto;
    display: block;
}
.wp-caption {
    max-width:100%;
    margin:0;
    padding:0;
}

.wp-caption aligncenter {
    margin: 0 auto;
}
.wp-caption img {
    margin: 0;
    padding:0;
}
.wp-caption-text {
    font-size: 14px;
    line-height:16px;
    text-align: center;
    color:#999;
    margin: 5px 0 20px 0;
    min-width:100%;
}
/* CLEAR & ALIGNMENT */
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.textleft { text-align: left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.template-no-title-margin { padding-top:75px !important; }

/* clearfix */
.clearfix:after, #body:after, #footer:after, footer:after, .pagenav:after, #main-nav:after, .menu:after, .gallery:after, #content:after
{ visibility: hidden; display: block; font-size: 0; clear: both; height: 0; }
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, #content
{ display: inline-block; }
/* clearfix for ie7 */
.clearfix, #body, #footer, footer, .pagenav, #main-nav, .menu, .gallery, #content
{ display: block; }
#body { height:100%; }
/* IMG */
img {
    max-width:100%;
    height:auto;
}
/* 404 & archive page background color */
.error404, .page-template-page-archive-php,
.error404 #sitewrap, .page-template-page-archive-php #sitewrap {
}
/* hide #content shadow for 404 & archive pages */
.error404 #content, .page-template-page-archive-php #content {
}
/* IF POST IS MADE STICKY */
article .sticky {
}
/* CUSTOM PLACEHOLDER TEXT COLOR */
::-webkit-input-placeholder { color:#93989B !important; opacity:1; }
:-moz-placeholder { color:#93989B !important; opacity:1; }
::-moz-placeholder { color:#93989B !important; opacity:1; }
:-ms-input-placeholder { color:#93989B !important; opacity:1; }

/* "SHOWING TAGS/CATEGORIES/SEACRH RESULTS/AUTHOR" */
.showing {
    min-height:34px;
    max-width:960px;
    padding:40px 5px 45px 5px;
    margin:0 auto;
    font-size:30px;
    font-family:'Open Sans';
    font-weight:300;
    color:#878F98;
    text-align:center;

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.showing span {
    color:#E5E5E3;
}
/* FRONT PAGE DOTTED BACKGROUND (header) */
/* the dotted background at the top of the front page */
.index-header-dots {
    width:100%;
    height:150px;
    background-image:url(images/dots-white.png);
    background-repeat:repeat-both;
    opacity:.3;
}
/* Retina display .index-header-dots */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.index-header-dots { background-size:10px 10px !important; background-image: url(images/dots-white@2x.png);}
}
/* POST SHORTCODES */
.post-shortcode {
    padding:0;
    max-width:790px;
    margin:0 auto;
}
.post-shortcode-classic {
    padding:0;
    max-width:100%;
    margin:0 auto;
}
.post-shortcode-wide {
    padding-bottom:50px;
    max-width:790px;
    margin:0 auto;
}
/* FEATURED IMAGES */
.featured-image {
    width:100%;
    height:100%;

    /* needed for post title + date could be aligned vertically (single post) */
    display:table;
}
.featured-image-classic img {
    width:100%;
    margin-bottom:-5px;
}
.featured-image-wide { max-width:860px; margin:0 auto 50px auto; }
.featured-image-wide img {
    width:100%;
    margin-bottom:-4px;
}
.no-feat-img-spacer {
    height:62px;
}
.featured-image-profile {
    width:100%;
    height:100%;
    /* needed for post title + date could be aligned vertically */
    display:table;
}
.attachment-post-thumbnail {
    min-width:280px;
    margin:0 auto 0 auto;
    padding:0;
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
/* overlay color for featured image (single post) */
.featured-image-overlay-cover {
    opacity:.45;
    background-color:#000;

    width:100%;
    height:100%;
    top:0;
    position:absolute;
    z-index:10;
/*
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;*/
}
/* Retina display .featured-image-overlay-single */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.featured-image-overlay-cover { background-size:10px 10px !important; /*background-image: url(images/single-dots@2x.png);*/}
}
/* dark page templates background color */
body.page-template-page-dark-php,
body.page-template-page-dark-with-contact-php,
body.page-template-page-dark-full-bg-image-php {
    background-color:#12161A;
}
/* dark page templates text color */
body.page-template-page-dark-php .entry-content,
body.page-template-page-dark-with-contact-php .entry-content,
body.page-template-page-dark-full-bg-image-php .entry-content {
    color:#82888F;
}
.full-bg-color-overlay {
    background-color:#12161A;
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    opacity:.92;
}


/*
STRUCTURE
**************************************************/

.site-logo  { margin-top:18px; }
.site-logo span { font-weight:300; font-size: 10px; text-transform:uppercase; letter-spacing:0; }

.smash-index-padding {
    padding-top:40px;
}
.wrapper-outer {
    height:100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
    
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);
    
    -webkit-transform-origin:top;
    -moz-transform-origin:top;
    transform-origin:top;
}
.wrapper-outer-active-scale {
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    transform: scale(0.85);

    opacity:0.15;
}
#sitewrap {
    padding:0 0 0 0;
    height:100%;
}
#pagewrap {
    width:100%;
    margin:0 auto;
}
.pagewidth {
    max-width:100%;
    position:relative;
    margin:0 auto;
}
#content {
    width:100%;
    height:100%;
    margin:0 auto;
    position:relative;
    z-index:5;
    top:0;
}
#content-index {
    width:100%;
    margin:0 auto;
    position:relative;
    z-index:5;
    top:0;
}


/* COVER LAYOUT
**************************************************/
.custom-fields-cover-wrapper {
    width:100%;
    background-color:#12161A;
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .custom-fields-cover-wrapper */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.custom-fields-cover-wrapper { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.custom-fields-cover-wrapper-inner {
    padding:110px 23px 80px 23px;
    max-width:850px;
    margin:0 auto;
}
.cover-title-meta-wrapper {
    max-width:1100px;
    padding:0 45px 70px 35px;
    margin:0 auto;
}
.cover-title-meta-wrapper-wrapper {
    display:table-cell;
    vertical-align:bottom;
}


/* CLASSIC LAYOUT
**************************************************/
.classic-wrapper {
    width:100%;
    padding:115px 0 30px 0;
    
    background-color:#12161A;
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .classic-wrapper */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.classic-wrapper { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.classic-title-meta-wrapper {
    padding:90px 20px 40px 25px;
    max-width:1050px;
    margin:0 auto;
}
.classic-main-wrapper {
    width:93%;
    margin:0 auto;
    padding-bottom:20px;
}

.classic-main-wrapper-inner {
    max-width:1050px;
    margin:0 auto;
}


/* WIDE LAYOUT
**************************************************/
.wide-wrapper-index {
    width:100%;
    padding:115px 0 0 0;
    
    background-color:#12161A;
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
.wide-wrapper {
    width:100%;
    padding:115px 0 0 0;
    
    background-color:#12161A;
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .wide-wrapper, .wide-wrapper-index */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.wide-wrapper, .wide-wrapper-index { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.wide-title-meta-wrapper {
    padding:90px 20px 40px 25px;
    max-width:1095px;
    margin:0 auto;
}
.wide-main-wrapper {
    width:100%;
    margin:0 auto;
}

.wide-main-wrapper-inner .entry-content {
    max-width:1095px;
}


/* SLIM LAYOUT
**************************************************/
/* overlay color for featured image */
.featured-image-overlay-slim {
    opacity:.45;
    background-color:#000;

    width:100%;
    height:500px;
    top:0;
    position:absolute;
    z-index:10;

    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .featured-image-overlay-slim */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.featured-image-overlay-slim { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.featured-image-slim {
    width:100%;
    height:500px;

    /* needed for post title + date could be aligned vertically (single post) */
    display:table;
}
.custom-fields-slim-wrapper {
    width:100%;
    background-color:#12161A;
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .custom-fields-slim-wrapper */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.custom-fields-slim-wrapper { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.custom-fields-slim-wrapper-inner {
    padding:110px 23px 80px 23px;
    max-width:850px;
    margin:0 auto;
}
.slim-title-meta-wrapper {
    max-width:1100px;
    padding:0 45px 70px 35px;
    margin:0 auto;
}
.slim-title-meta-wrapper-wrapper {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}
/* page title */
.page-title-slim,
.page-title-slim a {
    font-family:'Oswald';
    font-weight:400;
    font-size:50px;
    line-height:60px;
    max-width:1100px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    width:auto;
    margin-top:90px;
    
    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.template-slim-title-meta-wrapper {
    max-width:1100px;
    padding:0 45px 0 35px;
    margin:0 auto;
}
.template-slim-title-meta-wrapper-wrapper {
    display:table-cell;
    vertical-align:middle;
}


/* STACKED LAYOUT
**************************************************/
.smash-stacked-li li:first-child .featured-image-stacked { padding-top:50px; }
.smash-stacked-li li {
    position:relative;
    display:block;
    margin:0;
    overflow:hidden;
    -webkit-backface-visibility: hidden;
}
.smash-stacked-li li .featured-image-stacked {
    width:100%;
    height:500px;
    position:relative;
    z-index:1;
    display:table;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
.smash-stacked-li li:hover .featured-image-stacked {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}
.featured-image-stacked-touch { 
    -webkit-transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    transform: scale(1) !important;
}
.smash-stacked-li li .comment-count-stacked,
.smash-stacked-li li .comment-count-stacked-tooltip,
.smash-stacked-li li .post-title-stacked,
.smash-stacked-li li .post-meta-date-stacked {
    opacity:0;
    
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
}
.smash-stacked-li li:hover .comment-count-stacked,
.smash-stacked-li li:hover .comment-count-stacked-tooltip,
.smash-stacked-li li:hover .post-title-stacked {
    opacity:1;
    
}
.smash-stacked-li li:hover .post-meta-date-stacked {
    opacity:.4;
}

.featured-image-overlay-stacked {
    opacity:0;
    background-color:#000;

    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;

    /*background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
	*/
}
/* Retina display .featured-image-overlay-stacked */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.featured-image-overlay-stacked { background-size:10px 10px !important; /*background-image: url(images/single-dots@2x.png);*/}
}
.smash-stacked-li li:hover .featured-image-overlay-stacked {
    opacity:.6;
    background-image:none;
}

.stacked-title-meta-wrapper-wrapper {
    display:table;
    width:100%;
    height:500px;
    position:absolute;
    top:0;
    z-index:2;
    pointer-events:none;
}
.smash-stacked-li li:first-child .stacked-title-meta-wrapper-wrapper { height:550px; }
.stacked-title-meta-wrapper {
    display:table-cell;
    vertical-align:bottom;
}
.stacked-title-meta {
    max-width:1100px;
    padding:0 45px 70px 35px;
    margin:0 auto;
}

.smash-stacked-bg-active {
    opacity:.5;
    background-image:none;
}
.smash-stacked-active {
    opacity:1 !important;
}
.smash-stacked-active-meta {
    opacity:.4 !important;
}



/* GRID LAYOUT
**************************************************/
.smash-index-li {
    width:1060px;
    margin:0px auto 0 auto;
    text-align:center;
    
    -webkit-transform: translate3d(0,0,0);
}
.smash-index-li li {
    width:240px;
    display:block;
    float:left;
    margin:12px;
    overflow:hidden;
}
.content-wrapper-index {
    height:315px;
}
.content-wrapper-index .post {
    display:table;
    width:100%;
    height:90%;
}
/* featured image (index) */
.featured-image-index {
    text-align:left;
    width:100%;
    height:100%;
    
    /* needed for post title + date could be aligned vertically */
    display:table;
    
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
}

/* featured image overlay (index) */
.featured-image-overlay-index {
    width:100%;
    height:100%;
    margin-bottom:-315px;
    position:relative;
    z-index:10;
    background-color:#080C10;
    opacity:.7;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.smash-index-li:hover .featured-image-overlay-index {
    background-color:#0074A7;
    opacity:.75;
}
/* featured image and featured image overlay hovers (index) */
.smash-index-li:hover .featured-image-index {    
    -webkit-transform: scale(1.07) rotate(-2deg);
    -moz-transform: scale(1.07) rotate(-2deg);
    transform: scale(1.07) rotate(-2deg);

    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
}
/* add grayscale to featured image (index) */
.smash-grayscale {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter:gray;
    -webkit-filter:grayscale(100%);
    
    opacity:1;
}
.smash-index-li:hover .smash-grayscale {
    opacity:1;
}
/* article positioning (index) */
.article-wrapper {
    margin-top:-315px;
    position:relative;
    height:100%;
    text-align:center;
}
/* post date (index) */
.post-meta-date-grid {
    font-family:'Roboto Condensed';
    font-weight:700;
    font-size:10px;
    color:#fff;
    text-transform:uppercase;
    opacity:.35;
    bottom:25px;
    left:0;
    right:0;
    pointer-events:none;
    /* keep the date above featured image overlay */
    position:absolute;
    z-index:11;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.content-wrapper-index:hover .post-meta-date-grid { opacity:.5; }

/* read more (index) */
.more-button-grid {
    font-family:'Roboto Condensed';
    font-weight:400;
    font-size:10px;
    color:#fff;
    opacity:0;
    
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
    
    -webkit-transform: translateY(-7px);
    -moz-transform: translateY(-7px);
    transform: translateY(-7px);
    
    /* keep read more link above featured image overlay */
    position:relative;
    z-index:11;
}
/* read more link behavior on first child + on hover */
.more-button-grid-active,
.content-wrapper-index:hover .more-button-grid {
    opacity:.55;
    
    -webkit-transform: translateY(-2px);
    -moz-transform: translateY(-2px);
    transform: translateY(-2px);
}
/* read more link (mobile) */
.more-button-grid-mobile {
    font-family:'Roboto Condensed';
    font-weight:400;
    font-size:10px;
    color:#fff;
    opacity:.55;
    
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
    
    /* keep read more link above featured image overlay */
    position:relative;
    z-index:11;
}
/* comment count (index) */
.comment-count-grid {
    font-family:'Roboto Condensed';
    font-weight:400;
    font-size:10px;
    color:#fff;
    opacity:.55;
    
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    transition: all .35s ease;
    
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    transform: translateY(-20px);
    
    /* keep read more link above featured image overlay */
    position:relative;
    z-index:11;
}
/* comment count (index) behavior on first child + on hover */
.comment-count-grid-active,
.content-wrapper-index:hover .comment-count-grid {
    opacity:0;

    -webkit-transform: translateY(-12px);
    -moz-transform: translateY(-12px);
    transform: translateY(-12px);
}

@media screen and (max-width: 1080px) { .smash-index-li { width:795px; } }
@media screen and (max-width: 815px) { .smash-index-li { width:530px; } }
@media screen and (max-width: 550px) {
    .smash-index-li { width:85%; }
    .smash-index-li li {
        width:100%;
        margin-top:10px;
        margin-left:auto;
        margin-right:auto;
    }

    .content-wrapper-index:hover .featured-image-index,
    .content-wrapper-index:hover .featured-image-overlay-index {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        transform: scale(1);
    }
}
@media screen and (max-width: 350px) { .smash-index-li { width:90%; } }

/* GRID INTRO + TABS */
/* intro texts */
.grid-intro-wrapper {
    max-width:600px;
    margin:40px auto 45px auto;
    text-align:center;
    padding:0 10px;
}
.grid-intro-small {
    padding-bottom:5px;
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.11em;
    color:#fff;
}
.grid-intro-large {
    font-family:'Roboto';
    font-weight:300;
    font-size:30px;
    line-height:35px;
    color:#787F87;
}
/* the tabs */
.grid-tabs-wrapper {
    max-width:1032px;
    height:38px;
    margin:25px auto 20px auto;
    border-bottom:2px solid #23272A;
}
@media screen and (max-width: 1080px) { .grid-tabs-wrapper { max-width:768px; } }
@media screen and (max-width: 815px) { .grid-tabs-wrapper { max-width:504px; } }
@media screen and (max-width: 550px) { .grid-tabs-wrapper { max-width:452px; } }

.grid-latest-tab,
.grid-handpicked-tab {
    float:right;
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.11em;
    text-transform:uppercase;
    padding:13px 13px 11px 15px;
    cursor:pointer;
    color:#717376;
    
    -webkit-transition: color .25s ease;
    -moz-transition: color .25s ease;
    transition: color .25s ease;
}
.grid-latest-tab:hover,
.grid-handpicked-tab:hover {
    color:#B8BABB;
}
.grid-tab-active,
.grid-tab-active:hover {
    border-bottom:2px solid #FFC11C;
    color:#fff;
}

/* handpicked wrapper */
.grid-handpicked-wrapper {
    margin-bottom:450px;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
/* latest posts wrapper */
.grid-latest-wrapper {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    transform: translateY(0);
}
/* show/hide latest + handpicked loops */
.grid-loop-hide { display:none; }
.grid-loop-opacity { opacity:0;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    transform: translateY(15px);
}


/* NEXT PAGE, PREV PAGE (BLOG INDEX)
**************************************************/
/* wrapper */
.post-nav-wrapper { width:100%; text-align:center; clear:both; }
.post-nav {
    max-width:1020px;
    width:100%;
    margin:30px auto 40px auto;
    height:60px;
    display:inline-block;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
.post-nav-fade {
    opacity:0;
}
.post-nav-hide {
    display:none;
}

/* previous posts */
.post-nav .prev {
    opacity:.15;
    display:block;
    width:125px;
    height:60px;
    margin-left:20px;
    float:left;
    
    -webkit-transition: all .15s ease;
    -moz-transition: all .15s ease;
    transition: all .15s ease;
    
    background: url(images/prev-page.png) no-repeat center center;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .prev { background-size: 113px 44px !important; background: url(images/prev-page@2x.png) no-repeat center center;}
}

/* next posts */
.post-nav .next {
    opacity:.15;
    display:block;
    width:125px;
    height:60px;
    margin-right:20px;
    float:right;
    
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
    
    background: url(images/next-page.png) no-repeat center center;
}
/* Retina display .post-nav .next */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.post-nav .next { background-size: 113px 44px !important; background: url(images/next-page@2x.png) no-repeat center center;}
}
/* post nav hover */
.post-nav .prev:hover, .post-nav .next:hover {
    opacity:0.3;
}


/* NEXT POST, PREV POST (single.php NAVIGATION)
**************************************************/
.post-nav-single a:hover { text-decoration:none; }
/* next post/prev post shared properties */
.post-nav-single .next,
.post-nav-single .prev {
    margin:0;
    width:63px;
    height:25px;

    position:fixed;
    z-index:999;
    top:45%;
    
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.1em;
    
    color:#fff;
    background-color:#FFC11C;

    -webkit-transition:-webkit-transform .5s ease;
    -moz-transition:-moz-transform .5s ease;
    transition:transform .5s ease;
}
.post-nav-single .next i,
.post-nav-single .prev i {
    font-size:12px;
    padding:0 11px;
}
/* next post */
.post-nav-single .next {
    padding:11px 0 0 15px;
    
    right:0;
    -webkit-transform:translateX(80px);
    -moz-transform:translateX(80px);
    transform:translateX(80px);
}
/* previous post */
.post-nav-single .prev {
    text-align:right;
    padding:11px 15px 0 0;

    left:0;
    -webkit-transform:translateX(-80px);
    -moz-transform:translateX(-80px);
    transform:translateX(-80px);
}
/* show the next/prev buttons */
.post-nav-single-active-next {    
    -webkit-transform: translateX(20px) !important;
    -moz-transform: translateX(20px) !important;
    transform: translateX(20px) !important;
}
.post-nav-single-active-prev {
    -webkit-transform: translateX(-20px) !important;
    -moz-transform: translateX(-20px) !important;
    transform: translateX(-20px) !important;
}
.post-nav-single-active-next:hover,
.post-nav-single-active-prev:hover,
.post-nav-single-active-next:hover a,
.post-nav-single-active-prev:hover a {    
    -webkit-transform: translateX(0) !important;
    -moz-transform: translateX(0) !important;
    transform: translateX(0) !important;
    
    -webkit-transition:-webkit-transform .25s ease;
    -moz-transition:-moz-transform .25s ease;
    transition:transform .25s ease;
}


/* PAGE TEMPLATE "DEFAULT" LAYOUT
**************************************************/
/* page title */
.page-title-default,
.page-title-default a {
    font-family:'Oswald';
    font-weight:400;
    font-size:50px;
    line-height:60px;
    max-width:1100px;
    color:#000;
    padding-top:70px;
    text-transform:uppercase;
    text-decoration:none;
    width:auto;
    
    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}


/* PAGE TEMPLATE "COVER" LAYOUT
**************************************************/
.featured-image-template-cover {
    width:100%;
    height:100%;

    /* needed for post title + date could be aligned vertically (single post) */
    display:table;
}
/* overlay color for featured image */
.featured-image-overlay-template-cover {
    opacity:.45;
    background-color:#000;

    width:100%;
    height:100%;
    top:0;
    position:absolute;
    z-index:10;

    /*background-image:url(images/single-dots.png);
    background-repeat:repeat-both;*/
}
/* Retina display .featured-image-overlay-template-cover */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.featured-image-overlay-template-cover { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.template-cover-title-meta-wrapper {
    max-width:1100px;
    padding:0 45px 40px 35px;
    margin:0 auto;
}
.template-cover-title-meta-wrapper-wrapper {
    display:table-cell;
    vertical-align:bottom;
}
/* page title */
.page-title-cover,
.page-title-cover a {
    font-family:'Oswald';
    font-weight:400;
    font-size:50px;
    line-height:60px;
    max-width:1100px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    width:auto;
    
    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}

/* custom fields */
.custom-fields-template-cover-wrapper {
    width:100%;
    background-color:#12161A;
	
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
}
/* Retina display .custom-fields-template-cover-wrapper */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.custom-fields-template-cover-wrapper { background-size:10px 10px !important; background-image: url(images/single-dots@2x.png);}
}
.custom-fields-template-cover-wrapper-inner {
    padding:110px 23px 80px 23px;
    max-width:850px;
    margin:0 auto;
}


/* PAGE TEMPLATE "SLIM" LAYOUT
**************************************************/
/* overlay color for featured image */
.featured-image-overlay-template-slim {
    opacity:.45;
    background-color:#000;

    width:100%;
    height:500px;
    top:0;
    position:absolute;
    z-index:10;
/*
    background-image:url(images/single-dots.png);
    background-repeat:repeat-both;
	*/
}
/* Retina display .featured-image-overlay-template-slim */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.featured-image-overlay-template-slim { background-size:10px 10px !important; /*background-image: url(images/single-dots@2x.png);*/}
}

.featured-image-template-slim {
    width:100%;
    height:500px;

    /* needed for post title + date could be aligned vertically (single post) */
    display:table;
}
/* page title */
.page-title-slim,
.page-title-slim a {
    font-family:'Oswald';
    font-weight:400;
    font-size:50px;
    line-height:60px;
    max-width:1100px;
    color:#fff;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    width:auto;
    margin-top:90px;
    
    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}



/* VIDEO CONTAINER
**************************************************/
.post-video {
    position:relative;
    padding-bottom:55%;
    padding-top:10px;
    height:0;
    overflow:hidden;
    margin:0 0 0 0;
}
.post-video iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}
.video-container {
    position:relative;
    padding-bottom:56%;
    padding-top:10px;
    height:0;
    overflow:hidden;
    margin:0 auto;
    max-width:1050px;
}
.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:0;
}
.video-container:empty {
    display:none;
}
iframe {
}


/* POSTS, PAGES (titles, entry-content etc)
**************************************************/
.content-wrapper {
    max-width:1000px;
    margin:0 auto 30px auto;
    padding:0;
    background-color:#fff;
}
.content-wrapper-cover,
.content-wrapper-template-cover,
.content-wrapper-classic,
.content-wrapper-wide,
.content-wrapper-slim {
    max-width:100%;
    padding:25px 45px 50px 35px;
    background-color:#fff;
}
.content-wrapper-hide {
    opacity:0;
}
.post {
    margin:0 0 0 0;
    padding:0 0 27px 0;
}
.contact-page-wrapper {
    margin:0 0 0 0;
    padding:20px 0 0 0;
}
.entry-content {
    max-width:1100px;
    margin:0 auto;
    font-family:'Source Sans Pro';
    font-weight:300;
    font-size:26px;
    line-height:36px;
    color:#788284;
    text-align:justify;
    padding:17px 0 7px 0;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    -ms-transition: all .5s ease;
    transition: all .5s ease;
}
.entry-content-toggle {
    opacity:0;
}
.entry-content p {
    margin:0 0 20px 0;
    padding:0;    
}
.entry-content span p {
    padding:0;
    margin:0;
}

.entry-content a {
    color:#6E87BA;
    text-decoration:underline;
}
.entry-content a:hover {
    color:#E9826F;
    text-decoration:none;
}
.entry-content img, .excerpt img {
    width:auto;
    padding:0;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.entry-content img a {
}
.entry-content a img:hover {
}

/* mini divider */
.mini-divider {
    border-bottom:2px solid #252525;
    width:45px;
    margin:20px 0 28px 0;
}

/* page wrapper */
.page-wrapper {
    max-width:1000px;
    margin:0 auto -20px auto;
    padding:25px 0 30px 0;
}
.page-end-spacer {
    height:5px;
    display:block;
}
/* post, page titles */
.post-title, .page-title, .post-title a, .page-title a {
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
.post-title a:hover, .page-title a:hover {
    text-decoration:none;
    color:#999;
}
.page-title-centered {
    text-align:left;
}
/* COMMENT COUNT ABOVE TITLE */
.comment-count-cover,
.comment-count-cover a,
.comment-count-classic,
.comment-count-classic a,
.comment-count-wide,
.comment-count-wide a,
.comment-count-slim,
.comment-count-slim a,
.comment-count-stacked,
.comment-count-stacked a {
    font-family:'Oswald';
    font-size:14px;
    font-weight:700;
    text-transform:uppercase;
    color:#fff;
    background-color:#EC3618;
    padding:4px 2px 3px 0;
    margin:0 0 0 3px;
    width:125px;
    text-align:center;
    cursor:pointer;
    
    /* keep the comment count above featured image overlay */
    position:relative;
    z-index:12;
}
.comment-count-slim-center,
.comment-count-slim-center a {
    margin:110px auto 15px auto;
}
.comment-count-cover a:hover,
.comment-count-classic a:hover,
.comment-count-wide a:hover,
.comment-count-slim a:hover,
.comment-count-stacked a:hover {
    text-decoration:none;
}
/* comment count toolip */
.comment-count-cover-tooltip,
.comment-count-classic-tooltip,
.comment-count-wide-tooltip,
.comment-count-slim-tooltip,
.comment-count-stacked-tooltip {
    font-size:18px;
    margin:-11px 0 3px 13px;
    color:#EC3618;

    /* keep the comment count tooltip above featured image overlay */
    position:relative;
    z-index:11;
}
/* POST TITLES */
.post-title-cover,
.post-title-cover a,
.post-title-classic,
.post-title-classic a,
.post-title-wide,
.post-title-wide a,
.post-title-slim,
.post-title-slim a,
.post-title-stacked,
.post-title-stacked a {
    font-family:'Oswald';
    font-weight:400;
    font-size:50px;
    line-height:60px;
    max-width:1100px;
    color:#fff;
    text-transform:uppercase;
    text-decoration:none;
    width:auto;
    
    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
}
/* POST TITLE (Grid) */
.post-title-grid {
    display:table-cell;
    vertical-align:middle;
}
.post-title-grid a {
    font-family:'Roboto Condensed';
    font-weight:700;
    font-size:15px;
    line-height:18px;
    text-transform:uppercase;
    display:block;
    margin:60px 20px 0 20px;
    color:#fff;
    text-align:center;
    text-decoration:none;

    /* keep the post title above featured image overlay */
    position:relative;
    z-index:11;

    -webkit-transition: all .75s ease;
    -moz-transition: all .75s ease;
    transition: all .75s ease;
}
.post-title-grid a:hover {
    color:#fff;
}
/* POST DATES */
.post-meta-date-cover,
.post-meta-date-classic,
.post-meta-date-wide,
.post-meta-date-slim,
.post-meta-date-stacked {
    /* keep the date above featured image overlay */
    position:relative;
    z-index:11;
    margin-top:-20px;
    
    font-family:'Oswald';
    font-weight:700;
    font-size:14px;
    text-transform:uppercase;
    color:#fff;
    opacity:.4;
}
/* separator between posts */
.separator-container {
    padding:5px;
    margin:30px 0 -35px 0;
    max-width:100%;
}
.separator {
    border-bottom:1px solid #E0E0E0;
    margin:0 auto;
    max-width:1000px;
}
/* post navigation */
.link-pages {    
    max-width:1100px;
    margin:10px auto 0 auto;
    font-family:'Source Sans Pro';
    font-weight:300;
    font-size:25px;
    line-height:36px;
    color:#767F81;
}
.link-pages a {
    text-decoration:underline;
}
/* post edit link */
.edit-wrapper {
    width:100%;
    text-align:center;
    padding:30px 0 30px 0;
}
.post-edit-link {
    text-align:center;
    text-decoration:none;
    width:100px;
    font-size:13px;
    font-family:'Montserrat';
    font-weight:700;
    color:#5196D6;
    position:relative;
    z-index:12;
}
.post-edit-link:hover {
    text-decoration:underline;
}


/* PROFILE PAGE
**************************************************/
/* GENERAL/MAIN */
/* overlay color for featured image (single post) */
.featured-image-overlay-profile {
    opacity:.5;
    background-color:#0D1115;

    width:100%;
    height:100%;
    top:0;
    position:absolute;
    z-index:10;
}
/* "let's get started" wrapper */
.cta-profile-wrapper {
    width:100%;
    height:100%;
    top:0;
    left:0;
    position:absolute;
    z-index:10;
}
/* "let's get started" text */
.cta-profile {
    width:100%;
    text-align:center;
    margin-bottom:50px;
    
    position:absolute;
    z-index:12;
    bottom:0;
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    letter-spacing:0.125em;
    opacity:.75;
    color:#fff;
}
.cta-profile i {
    font-size:22px;
    padding-top:5px;
}
/* profile title wrapper */
.profile-title-wrapper {
    display:table-cell;
    vertical-align:middle;
    padding:0 20px;
    text-align:center;
    position:relative;
    z-index:11;
}
/* profile page title */
.page-title-profile {
    max-width:990px;
    margin:40px auto 0 auto;
    font-family:'Montserrat';
    font-weight:700;
    font-size:70px;
    line-height:60px;
    letter-spacing:-0.06em;
    color:#fff;
    padding-bottom:9px;
}
/* profile page sub-title */
.sub-title-profile {
    max-width:990px;
    margin:0 auto;
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:0.305em;
    opacity:.8;
    color:#fff;
}
/* profile page content wrapper */
.content-wrapper-profile {
    background-color:#fff;
}
.content-wrapper-profile .entry-content {
    padding:74px 100px 0 100px;
    max-width:990px;
    
    font-family:'Roboto';
    font-weight:100;
    font-size:30px;
    line-height:38px;
    text-align:center;
    color:#7A8C91;
}
.content-wrapper-profile .entry-content p {
    padding:9px 0;
}

/* PROFILE PAGE GALLERY */
.profile-gallery-heading {
    width:100%;
    height:80px;
    padding-top:70px;
    
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.31em;
    text-align:center;
    color:#A5AFB0;
    background-color:#E6F8FA;
}
.profile-gallery-heading i {
    font-size:22px;
    padding-top:8px;
    opacity:.5;
}
.profile-gallery-wrapper {
    width:100%;
    margin:0;
    padding:0;
    background-color:#00B9F4;
}

/* PROFILE PAGE FACTOIDS */
.profile-factoids-wrapper {
    padding-bottom:33px;
    text-align:center;
    background-color:#556769;
}
.profile-factoids-heading {
    width:100%;
    height:80px;
    padding-top:70px;
    
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.31em;
    color:#fff;
}
.profile-factoids-heading i {
    font-size:22px;
    padding-top:8px;
    opacity:.5;
}
.profile-factoids-question {
    margin-bottom:-3px;
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    color:#89A4A7;
}
.profile-factoids-answer {
    padding-bottom:33px;
    font-family:'Montserrat';
    font-weight:700;
    font-size:13px;
    letter-spacing:.1em;
    color:#fff;
}

/* PROFILE PAGE SOCIAL */
.profile-social-wrapper {
    padding-bottom:80px;
    text-align:center;
    background-color:#FFC11C;
}
.profile-social-heading {
    width:100%;
    height:80px;
    padding-top:70px;
    
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.31em;
    color:#fff;
}
.profile-social-heading i {
    font-size:22px;
    padding-top:8px;
    opacity:.5;
}
.profile-social-buttons-wrapper {
    margin:0 auto;
    width:260px;
}
.profile-social-twitter,
.profile-social-facebook,
.profile-social-googleplus,
.profile-social-pinterest,
.profile-social-instagram,
.profile-social-tumblr,
.profile-social-youtube,
.profile-social-dribbble,
.profile-social-linkedin,
.profile-social-spotify {
    display:inline-block;
    margin:0 0 1px -3px;
    width:60px;
    height:60px;
    color:#fff;
    background-color:#E6AB1D;
    border:2px solid #FFC11C;
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
}
.profile-social-twitter:hover,
.profile-social-facebook:hover,
.profile-social-googleplus:hover,
.profile-social-pinterest:hover,
.profile-social-instagram:hover,
.profile-social-tumblr:hover,
.profile-social-youtube:hover,
.profile-social-dribbble:hover,
.profile-social-linkedin:hover,
.profile-social-spotify:hover {
    border:2px solid #fff;
}
.profile-social-twitter i,
.profile-social-facebook i,
.profile-social-googleplus i,
.profile-social-pinterest i,
.profile-social-instagram i,
.profile-social-tumblr i,
.profile-social-youtube i,
.profile-social-dribbble i,
.profile-social-linkedin i,
.profile-social-spotify i {
    margin-top:22px;
}

/* PROFILE PAGE CONTACT FORM */
.profile-contact-wrapper {
    padding-bottom:80px;
    text-align:center;
}
.profile-contact-heading {
    width:100%;
    height:80px;
    padding-top:70px;
    
    font-family:'Montserrat';
    font-weight:700;
    font-size:11px;
    letter-spacing:.31em;
    color:#C5C8CC;
}
.profile-contact-heading i {
    font-size:22px;
    padding-top:8px;
    opacity:.5;
}
.profile-contact-form-wrapper {
    margin:0 auto;
    width:600px;
}


/* CONTACT FORM
**************************************************/
#contactform-wrapper-wrapper { padding:0 0 80px 0; text-align:left; }
#contactform-wrapper {     width:100%; }
.formstatusok {
    font-size:12px;
    font-family:'Montserrat';
    font-weight:700;
    color:rgba(255,255,255,.8);
    background:#34AE20;
    padding:21px 12px 20px 19px;
}
.formstatuserror {
    font-size:12px;
    font-family:'Montserrat';
    font-weight:700;
    color:rgba(255,255,255,.8);
    background:#B62324;
    padding:21px 12px 20px 19px;
    margin-bottom:25px;
}
.formstatusok i,
.formstatuserror i { margin-right:10px; }
#name-wrapper, #mail-wrapper {
    padding-top:9px;
    display:inline-block;
    width:275px;
}
#name-wrapper {
    margin-right:20px;
}
#mail-wrapper {
    margin-left:20px;
}
#name, #mail {
    width:100%;
    height:19px;
    padding:30px 0 10px 5px;
    border:none;
    border-bottom:2px solid #35393D;
    background:none;
    color:#93989B;
    border-radius:0;
    font-size:16px;
    font-family:'Source Sans Pro';
    font-weight:300;
    margin-bottom:2px;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
#name-mail-wrapper { display:block; }
#message-wrapper {
    display:block;
    max-width:595px;
}
#message {
    width:100%;
    height:29px;
    padding:50px 0 0 5px;
    border:none;
    border-bottom:2px solid #35393D;
    background:none;
    font-size:16px;
    line-height:20px;
    color:#93989B;
    font-family:'Source Sans Pro';
    font-weight:300;
    resize:none;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
#message:hover, #message:focus,
#name:hover, #name:focus,
#mail:hover, #mail:focus {
    border-bottom:2px solid #E73213;
}

/* send message button */
#contact-submit {
    padding:15px 20px 14px 20px;
    margin:28px 0px 15px 15px;
    cursor:pointer;
    border:none;
    font-family:'Montserrat';
    font-weight:400;
    font-size:11px;
    text-decoration:none;

    color:#FEFEFE;
    background-color:#3C3E40;
    float:right;
    
    -webkit-border-radius:1px;
    -moz-border-radius:1px;
    border-radius:1px;
    
    -webkit-appearance: none;
    
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    transition: all .25s ease;
}
#contact-submit:hover {
    background-color:#56927F;
}
/* contact form labels */
label[for=contact-message], label[for=contact-name], label[for=contact-email] {
    color:#8A8E91;
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    letter-spacing:.2em;
    opacity:.8;
    
    margin:22px 0 -15px 5px;
    display:block;
    text-align:left;
}


/* CATEGORIES + TAGS AT END OF POST
**************************************************/
.post-cat,
.post-tag {
    font-size:22px;
    color:#B0B7BD;
}
.post-cat a,
.post-tag a {
    color:#6E87BA;
    text-decoration:none;
}
.post-cat a:hover,
.post-tag a:hover {
    color:#D0AF3D;
    text-decoration:none;
}
/* let's fine tune the positioning */
.post-cat {
    padding-top:16px;
    margin-bottom:-6px;
}


/* "JUMP TO TOP" BUTTON
**************************************************/
.smash-top-share-wrapper {
    max-width:1100px;
    margin:0 auto;
    text-align:right;
}
.jump-to-top-wrapper {
    float:left;
    padding-left:5px;
    margin-top:-1px;
    display:inline-block;
    cursor:pointer;
    height:23px;
    overflow:hidden;
}
.jump-to-top-text {    
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    letter-spacing:.1em;
    position:relative;
    top:-25px;
    padding:5px 0 5px 12px;
    margin-left:6px;
    display:inline-block;
    color:#A1A8B2;
    border-left:1px solid #DFE3EA;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.jump-to-top-wrapper i {
    font-size:21px;
    font-weight:bold;
    color:#A1A8B2;
}
.jump-to-top-arrow {
    display:inline-block;
    -webkit-transform:translateY(0);
    -moz-transform:translateY(0);
    transform:translateY(0);
    margin:0;
    padding:0;
    
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
}
.jump-to-top-wrapper:hover .jump-to-top-arrow {
    -webkit-transform:translateY(-22px);
    -moz-transform:translateY(-22px);
    transform:translateY(-22px);
}
.jump-to-top-wrapper:hover .jump-to-top-text {
    color:#686D72;
}


/* SHARE BUTTONS
**************************************************/
/* if share buttons hidden */
.share-area-spacing { height:28px; }

.bonfire-share-this-post {
    color:#A1A8B2;
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    letter-spacing:.1em;
    position:relative;
    top:-6px;
    cursor:default;

    display:inline-block;
    margin:0 11px 0 0;
    padding:6px 11px 5px 0;
    border-right:1px solid #DFE3EA;
}
.bonfire-share-pinterest,
.bonfire-share-facebook,
.bonfire-share-googleplus,
.bonfire-share-twitter {
    display:inline-block;
    margin:0 4px 0 0;
}
.bonfire-share-facebook {
    position:relative;
    top:-5px;
    display:inline-block;
}


/*
404 PAGE
**************************************************/
.not-found-wrapper {
    margin:0 auto 10px auto;
    padding:10px 30px 0 20px;
    text-align:left;
    font-size:26px;
    line-height:32px;
    font-family:'Open Sans';
    font-weight:300;
    color:#878F98;
}
.not-found-title {
    color:#E5E5E3;
    font-size:30px;
}
.not-found-home-link a {
    color:#E5E5E3;
    text-decoration:underline;
}
.not-found-home-link a:hover {
    text-decoration:none;
}

/* ARCHIVE PAGES
**************************************************/
.archive-title {
    color:#E5E5E3;
    font-size:30px;
    font-family:'Open Sans';
    font-weight:300;
    display:block;
    margin-bottom:8px;
}
.archive-content {
    line-height:32px;
    font-size:26px;
    font-family:'Open Sans';
    font-weight:300;
    padding:10px 20px;
}
.archive-content a {
    color:#878F98;
    text-decoration:none;
}
.archive-content a:hover {
    color:#FAFAFA;
}
.archive-content li {
    list-style-type:none;
    display:inline-block;
    margin:0 5px 15px 0;
    color:#8C999B;
}
.archive-full {
    padding:0 0 5px 0;
}


/*
COMMENTS
**************************************************/
.comments-wrapper {
    max-width:100%;
    margin:0 auto 0 auto;
    padding:0;
}
.commentwrap {
    text-align:left;
    width:100%;
    margin:0 auto;
    padding:0 15px;
    position:relative;
    clear:both;
    max-width:100%;
    z-index:998;
}
.comment-top-dots {
    width:100%;
    height:40px;
    background-image:url(images/dots-white.png);
    background-repeat:repeat-both;
    opacity:.3;
}
/* Retina display .comment-top-dots */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
.comment-top-dots { background-size:10px 10px !important; background-image: url(images/dots-white@2x.png);}
}

/* comment title */
.comment-title, #reply-title {
    margin:0 0 10px;
    padding:0;
}

/* comment pagenav */
.commentwrap .pagenav {
    margin:10px 0;
    border:none;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.commentwrap .pagenav.top {
    margin:0;
    position:absolute;
    top:0;
    right:0;
}

/* commentlist */
.commentlist {
    max-width:980px;
    padding:3px 10px 20px 13px;
    margin:-2px auto 0 auto;
    z-index:998;
}
.commentlist li {
    margin:0;
    padding:5px 0 0 0;
    list-style:none;
    position:relative;
}

/* nested comment */
.children li {
    margin:20px 0 0 50px;
}

/* comment container */
.commentlist .comment-container {
    overflow:hidden;
    margin:22px 5px 80px 3px;
}

/* comment entry */
.commentlist .comment-entry {
    font-family:'Open Sans';
    font-weight:400;
    font-size:16px;
    line-height:25px;
    color:#767F81;
    display:inline-block;
    clear:both;
}

/* comment avatar */
.commentlist .comment-avatar {
    float:left;
}
.commentlist .comment-avatar img {
    width:50px;
    height:50px;
    margin:0 16px 0 0;
    float:left;
}

/* comment author, time */
.commentlist .comment-author,
.commentlist .comment-author a {
    padding:0 0 0 0;
    margin:12px 0 0 0;
    font-family:'Open Sans';
    font-weight:400;
    color:#fff;
    font-size:14px;
    line-height:13px;
}
.commentlist .bypostauthor {
}
/* comment reply button */
.commentlist .comment-reply-link {
    font-family:'Open Sans';
    font-weight:400;
    font-size:12px;
    color:#fff;
    opacity:.5;
    display:inline-block;
    
    -webkit-transition: all 0.15s ease;
    -moz-transition: all 0.15s ease;
    -o-transition: all 0.15s ease;
    -ms-transition: all 0.15s ease;
    transition: all 0.15s ease;
}
.commentlist .comment-reply-link:hover {
    text-decoration:underline;
    opacity:.75;
}


/* COMMENT FORM
**************************************************/
#commentform-fields {
    max-width:700px;
    min-width:200px;
    margin:0 -12px 0 0;
}
#author-wrapper, #email-wrapper, #url-wrapper {
    width:216px;
    display:block;
    float:left;
}
#email-wrapper {
    margin-left:23px;
}
#url-wrapper {
    margin-left:24px;
}

#author, #email, #url {
    width:207px;
    min-width:100px;
    height:32px;
    padding:0 0 1px 8px;
    border:2px solid #35393D;
    background:none;
    color:#949596;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:14px;
    /* remove default round corners in iOS*/
    border-radius:0;
    /* remove default inner shadow in iOS*/
    -webkit-appearance: none;

    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}
#comment:hover, #author:hover, #email:hover, #url:hover,
#comment:focus, #author:focus, #email:focus, #url:focus {
    border:2px solid #E73213;
}

/* comment form labels */
label[for=comment], label[for=author], label[for=email], label[for=url] {
    color:#fff;
    font-family:'Montserrat';
    font-weight:700;
    font-size:10px;
    letter-spacing:.2em;
    opacity:.8;
    
    margin:22px 0 8px 8px;
    display:block;
    text-align:left;
}
#comment {
    width:100%;
    height:125px;
    margin:0 0 10px 0;
    padding:10px 0 6px 11px;
    background:none;
    line-height:20px;
    color:#949596;
    font-family:'Source Sans Pro';
    font-weight:400;
    font-size:16px;
    resize:none;
    position:relative;
    z-index:1;
    border:2px solid #35393D;
    /* remove default round corners in iOS*/
    border-radius:0;
    /* remove default inner shadow in iOS*/
    -webkit-appearance: none;
    
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -ms-transition: all .2s ease;
    transition: all .2s ease;
}

#comments {
    padding:0 0 0 0;
    background-color:#12161A;
}
#respond {
    max-width:683px;
    padding:55px 26px 30px 14px;
    margin:0 auto;
    min-height:35px;
    position:relative;
    clear:both;
    text-align:center;
}
#respond-closed {
    width:100%;
    text-align:center;
    margin:40px 0;
    
    font-family:'Source Sans Pro';
    font-weight:300;
    font-size:22px;
    color:#949596;    
}
#respond #cancel-comment-reply-link {
    display:none;
    bottom:85px;
    left:20px;
    position:absolute;
    width:29px;
    height:28px;
    padding:0;
    margin:10px 0 0 0;
    z-index:5;
    background: url(images/close-reply-icon.png) no-repeat center center;
    background-color:#12161A;
}
/* Retina display #respond #cancel-comment-reply-link */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
#respond #cancel-comment-reply-link { background-size: 16px 9px !important; background: url(images/close-reply-icon@2x.png) no-repeat center center; background-color:#12161A; }
}

.form-submit {
    width:100%;
    text-align:left;
}
#submit {
    padding:15px 22px 14px 24px;
    margin:25px -14px 50px 0;
    cursor:pointer;
    float:right;
    border:none;
    font-family:'Montserrat';
    font-weight:400;
    font-size:11px;
    color:#FEFEFE;
    text-decoration:none;
    background-color:#5FAE94;
    
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    
    -webkit-appearance: none;
}
#submit:hover {
    text-decoration:underline;
}

/* place comment box above the textfields */
#commentform {
    display:table;
    width:100%;
}
#comment-wrapper {
    display:table-header-group;
}
.logged-in-as {
    font-size:10px;
    font-family:'Source Sans Pro';
    font-weight:400;
    text-transform:uppercase;
    position:absolute;
    bottom:2px;
    margin:0;
    color:#ccc;
    display:none;
    height:20px;
}
.logged-in-as a {
    color:#ccc;
}

/* comment HTML tags and attributes */
.comment-tags-attributes {
    font-family:'Source Sans Pro';
    font-size:11px;
    line-height:16px;
    color:rgba(255,255,255,0.15);
    padding:10px 11px 0 9px;
    margin:0 25px;
}


/* WIDGETS
**************************************************/
.smash-canvas-widgets-wrapper .children li { border:none; }
.widget {
    font-family:'Source Sans Pro', arial, tahoma;
    font-weight:300;
    font-size:22px;
    line-height:30px;
    color:#767F81;
    padding:0 10px 20px 10px;
    word-wrap:break-word;
    text-align:left;
}
.widget ul li { list-style:none; margin:0; }
.widget a {
    color:#E9826F;
    text-decoration:underline;
}
.widget a:hover {
    color:#fff;
    text-decoration:none;
}
.widgettitle {
    font-family:'Oswald', arial, tahoma;
    font-weight:700;
    font-size:25px;
    color:#fff;
    text-transform:uppercase;
    line-height:30px;
    margin:20px 0 0 0;
}
.widget select {
    width:100%;
    max-width:1000px;
}
/* recent posts widget */
.widget_recent_entries li {
}
.widget_recent_entries .post-date {
    display:block;
    color:rgba(0,0,0,0.3);
}
/* widget rss */
.widget_rss ul li {
    color:#999;
}
.widget_rss .rss-date {
    display:block;
    color:#E0E0E0;
}
/* widget archives */
.widget_archive ul {
    list-style-type:none;
}
.widget_archive li {
    display:inline;
    margin-right:5px;
    color:#999;
}
/* widget categories */
.widget_categories ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
.widget_categories li {
    display:inline;
    margin-right:5px;
    color:#999;
}
/* widget recent comments */
.widget_recent_comments li {
    color:#999;
}
/* widget meta */
.widget_meta ul {
    list-style-type:none;
    padding:0;
    margin:0;
}
.widget_meta li {
    display:inline;
    margin-right:5px;
}
/* widget calendar */
#wp-calendar { width:100%; color:#757575; }
#wp-calendar caption { color:#999; margin:0 0 10px; }
#wp-calendar tr { text-align:center; }
#wp-calendar .pad { background:none; }
#wp-calendar th { color:#999; }
#wp-calendar tr td { padding:7px 0; background:rgba(0,0,0,0.03); }
/* widget search */
.widget_search #searchform {
    margin:2px 12px 0 0;
}
.widget_search #searchform input {
    width:100%;
    height:40px;
    padding:0 0 0 8px;
    border:0;
    border-bottom:1px solid rgba(0,0,0,0.08);
    font-family:'Source Sans Pro';
    font-weight:300;
}

.widget_search #searchform input::-webkit-input-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input:-moz-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input::-moz-placeholder { color:rgba(0,0,0,0.25); }
.widget_search #searchform input:-ms-input-placeholder { color:rgba(0,0,0,0.25); }

.widget_search #searchform input:hover {
    color:#777;
    border-bottom:1px solid rgba(0,0,0,0.15);
}
.widget_search #searchform input:focus {
    color:#777;
}
/* widget nav menu */
.widget_nav_menu .sub-menu {
    margin:10px 0 0 10px;
    position:static;
}
.widget_nav_menu .menu li a, .widget_nav_menu .menu li.sub a {
    text-decoration:none;
    border:none;
    background:none;
    margin:0 0 5px 0;
}


/* GALLERY LAYOUTS, COLUMNS
**************************************************/
div.gallery { padding:0;}

.entry-content .gallery {
    margin: 0 0 -13px 0;
}

#content .gallery-item img {
    border:0;
}

.gallery-caption {
    color: #615D5D;
}

#content .gallery-columns-1 .gallery-item,
.smash-slideout-content .gallery-columns-1 .gallery-item {
        width: 100% !important;
}
#content .gallery-columns-1 .gallery-item img {
        width: 100%;
        height: auto;
}
#content .gallery-columns-2 .gallery-item,
.smash-slideout-content .gallery-columns-2 .gallery-item {
    width: 48.8% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .gallery-columns-3 .gallery-item,
.smash-slideout-content .gallery-columns-3 .gallery-item {
    width: 32.3% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .gallery-columns-4 .gallery-item,
.smash-slideout-content .gallery-columns-4 .gallery-item {
    width: 24% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-4 .gallery-item img,
.smash-slideout-content .gallery-columns-1 .gallery-item {
    width: 100%;
    height: auto;
}
#content .gallery-columns-5 .gallery-item,
.smash-slideout-content .gallery-columns-5 .gallery-item {
    width: 18.35% !important;
    padding: 0.8%;
    margin:0;
}
#content .gallery-columns-5 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .gallery-columns-6 .gallery-item,
.smash-slideout-content .gallery-columns-6 .gallery-item {
    width: 15.65% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-6 .gallery-item img {
    width: 100%;
    height: auto;
}    
#content .gallery-columns-7 .gallery-item,
.smash-slideout-content .gallery-columns-7 .gallery-item {
    width: 13.25% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-7 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .gallery-columns-8 .gallery-item,
.smash-slideout-content .gallery-columns-8 .gallery-item {
    width: 11.5% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-8 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .gallery-columns-9 .gallery-item,
.smash-slideout-content .gallery-columns-9 .gallery-item {
    width: 10.1% !important;
    padding: 0.5%;
    margin:0;
}
#content .gallery-columns-9 .gallery-item img {
    width: 100%;
    height: auto;
}


/* CLASSIC layout gallery */
#content .classic-main-wrapper .gallery-columns-2 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-2 .gallery-item {
    width: 50% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-2 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-3 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-3 .gallery-item {
    width: 33.3333333333333333333333333% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-3 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-4 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-4 .gallery-item {
    width: 25% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-4 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-5 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-5 .gallery-item {
    width: 20% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-5 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-5 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-6 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-6 .gallery-item {
    width: 16.66666666666667% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-6 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-6 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-7 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-7 .gallery-item {
    width: 14.28571428571429% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-7 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-7 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-8 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-8 .gallery-item {
    width: 12.5% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-8 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-8 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .classic-main-wrapper .gallery-columns-9 .gallery-item,
#content-index .classic-main-wrapper .gallery-columns-9 .gallery-item {
    width: 11.11111111111111% !important;
    padding: 0;
    margin:0;
}
#content .classic-main-wrapper .gallery-columns-9 .gallery-item img,
#content-index .classic-main-wrapper .gallery-columns-9 .gallery-item img {
    width: 100%;
    height: auto;
}

/* WIDE layout gallery */
#content .wide-main-wrapper .gallery-columns-2 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-2 .gallery-item {
    width: 49.4% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-2 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-3 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-3 .gallery-item {
    width: 32.7% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-3 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-4 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-4 .gallery-item {
    width: 24.35% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-4 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-5 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-5 .gallery-item {
    width: 19.375% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-5 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-5 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-6 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-6 .gallery-item {
    width: 16.66666666666667% !important;
    padding: 0;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-6 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-6 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-7 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-7 .gallery-item {
    width: 13.68% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-7 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-7 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-8 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-8 .gallery-item {
    width: 11.87% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-8 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-8 .gallery-item img {
    width: 100%;
    height: auto;
}
#content .wide-main-wrapper .gallery-columns-9 .gallery-item,
#content-index .wide-main-wrapper .gallery-columns-9 .gallery-item {
    width: 10.5% !important;
    padding: 0.3%;
    margin:0;
}
#content .wide-main-wrapper .gallery-columns-9 .gallery-item img,
#content-index .wide-main-wrapper .gallery-columns-9 .gallery-item img {
    width: 100%;
    height: auto;
}

/* PROFILE layout gallery */
/* fix top padding */
.profile-gallery-wrapper .gallery-item img { margin-top:-10px; }
/* 1-9 column img sizes*/
.profile-gallery-wrapper .gallery-columns-2 .gallery-item {
    width: 50% !important;
}
.profile-gallery-wrapper .gallery-columns-2 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-3 .gallery-item {
    width: 33.3333333333333333333333333% !important;
}
.profile-gallery-wrapper .gallery-columns-3 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-4 .gallery-item {
    width: 25% !important;
}
.profile-gallery-wrapper .gallery-columns-4 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-5 .gallery-item {
    width: 20% !important;
    padding: 0;
    margin:0;
}
.profile-gallery-wrapper .gallery-columns-5 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-6 .gallery-item {
    width: 16.66666666666667% !important;
    margin:0;
}
.profile-gallery-wrapper .gallery-columns-6 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-7 .gallery-item {
    width: 14.28571428571429% !important;
}
.profile-gallery-wrapper .gallery-columns-7 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-8 .gallery-item {
    width: 12.5% !important;
}
.profile-gallery-wrapper .gallery-columns-8 .gallery-item img {
    width: 100%;
    height: auto;
}
.profile-gallery-wrapper .gallery-columns-9 .gallery-item {
    width: 11.11111111111111% !important;
}
.profile-gallery-wrapper .gallery-columns-9 .gallery-item img {
    width: 100%;
    height: auto;
}


/* PHOTOSWIPE ADJUSTMENTS
**************************************************/
.wide-main-wrapper .gallery { overflow:hidden; max-width:850px; padding-bottom:2px; }
/* fix for PhotoSwipe fade-in height when body/html have 100% heigh */
.ps-document-overlay  { height: 1000% !important; }
/* fix iOS flicker when scroll begins on thumbnail */
.gallery-item img { -webkit-backface-visibility: hidden; }

.opacity-full { opacity:1; }
.gallery-icon a img {
    border:none !important;
}

.gallery-icon a img {
    position:relative;
    z-index:99999;
    margin:0 0 -5px 0;
    padding:0;
    
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    transition: all .5s ease;
    
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:gray;
    -webkit-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.gallery-icon a img:hover {
    z-index:999999;    

    filter:none;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    -webkit-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 0px 2px 0px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, .5);
    
    opacity:.75;
}
/* classic gallery hover */
.classic-main-wrapper .gallery-icon { overflow:hidden; }
.classic-main-wrapper .gallery-icon a img:hover {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
    
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    
    opacity:1;
}
/* profile gallery hover */
.profile-gallery-wrapper .gallery-icon a img:hover {
    filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter:gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    
    -webkit-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    -moz-box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0);
    
    opacity:.2;
}

/* hide the image description */
.ps-caption { display:none !important; }
/* navigation always visible */
.ps-toolbar { opacity:0.8 !important; }

/* load nav icons from theme */
div.ps-toolbar div div.ps-toolbar-content {
    width:44px;
    height:44px;
    margin:0 auto 0;
    background-image:url(images/icons.png);
    background-repeat:no-repeat;
}
/* adjust toolbar */
div.ps-toolbar { 
    background: #0B0B0B;
    height: 60px;
    padding-top:8px;
    display: table;
    table-layout: fixed;
}
div.ps-toolbar-previous div.ps-toolbar-content { background-position: -48px 0; }
div.ps-toolbar-previous-disabled div.ps-toolbar-content { background-position: -48px -44px; }
div.ps-toolbar-next div.ps-toolbar-content { background-position: -95px 0; }
div.ps-toolbar-next-disabled div.ps-toolbar-content { background-position: -95px -44px; }
div.ps-toolbar-play div.ps-toolbar-content { background-position: -88px 0; }

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
div.ps-toolbar div div.ps-toolbar-content {
    -moz-background-size: 176px 88px;
    -o-background-size: 176px 88px;
    -webkit-background-size: 176px 88px;
    background-size: 176px 88px;
    background-image: url(images/icons@2x.png);
}
}
/* remove border from toolbar */
div.ps-toolbar, div.ps-toolbar-top {
    border: none;
}

/* close button width */
div.ps-toolbar-close {
    width:65px;
}
/* prevbutton width */
div.ps-toolbar-previous {
    width:47px;
}
/* next button width */
div.ps-toolbar-next {
    width:55px;
}
/* hide play button */
div.ps-toolbar-play {
    visibility:hidden;
}


/* SHORTCODE CUSTOMIZATIONS
**************************************************/
/* button font */
.button, .buttonsilver, .buttongreen, .buttonblue, .buttonsalmon, .buttonred, .buttonorange, .buttonpink {
    font-family:'Open Sans';
    font-weight:600;
    padding-top:5px;
    padding-bottom:3px;
}
/* button margin */
.button-wrapper { margin:30px 0; }
/* custom button colors */
.buttonsilver { background-color:#AFB8BD; }
.buttongreen { background-color:#3CC682; }
.buttonblue { background-color:#1FB6DB; }
.buttonsalmon { background-color:#E58073; }
.buttonred { background-color:#D64957; }
.buttonorange { background-color:#E1985F; }
.buttonpink { background-color:#D238A4; }


/* RESPONSIVE DESIGN ADJUSTMENTS
**************************************************/
/* SMASH THEME MAX-WIDTH 1150px */
@media screen and (max-width: 1150px) {
    .classic-title-meta-wrapper, .wide-title-meta-wrapper { padding:50px 50px 40px 50px; }
}

/* SMASH THEME MAX-WIDTH 1000px */
@media screen and (max-width: 1000px) {
    .content-wrapper-cover, .content-wrapper-template-cover, .content-wrapper-classic, .content-wrapper-wide, .content-wrapper-slim { padding:25px 50px 30px 50px; }
    .cover-title-meta-wrapper, .slim-title-meta-wrapper { padding:0 50px 40px 50px; }
    .template-cover-title-meta-wrapper, .template-slim-title-meta-wrapper { padding:0 45px 25px 35px; }
    .comment-count-slim-center, .comment-count-slim-center a { margin:70px auto 15px auto; }

    /* profile page */
    .page-title-profile { font-size:50px; line-height:45px; }
    .content-wrapper-profile .entry-content { font-size:25px; padding:60px 40px 0 40px; }
    
    .post-title-cover, .post-title-cover a,
    .post-title-classic, .post-title-classic a,
    .post-title-wide, .post-title-wide a,
    .post-title-slim, .post-title-slim a,
    .post-title-stacked, .post-title-stacked a { font-size:40px; line-height:47px; }
    .page-title-cover, .page-title-cover a,
    .page-title-cover, .page-title-cover a,
    .page-title-slim, .page-title-slim a,
    .page-title-default, .page-title-default a { font-size:40px; line-height:47px; }
    .post-nav-single .next, .post-nav-single .prev { display:none !important; }    
}

/* SMASH THEME MAX-WIDTH 900px */
@media screen and (max-width: 900px) {
    #commentform-fields { margin:0 0 0 0; }
    #email-wrapper, #url-wrapper { margin-left:0; }
    #author-wrapper, #email-wrapper, #url-wrapper, #author, #email, #url { width:100%; }
    .content-wrapper-cover, .content-wrapper-template-cover, .content-wrapper-classic, .content-wrapper-wide, .content-wrapper-slim { padding:25px 20px 20px 20px; }
    .comment-count-slim-center, .comment-count-slim-center a { margin:50px auto 15px auto; }
    
    .cover-title-meta-wrapper, .slim-title-meta-wrapper { padding:0 20px 20px 20px; }
    .classic-title-meta-wrapper{ padding:35px 30px 20px 35px; }
    .wide-title-meta-wrapper { padding:35px 30px 20px 20px; }
    .post-title-cover, .post-title-cover a,
    .post-title-classic, .post-title-classic a,
    .post-title-wide, .post-title-wide a,
    .post-title-slim, .post-title-slim a,
    .post-title-stacked, .post-title-stacked a { font-size:30px; line-height:35px; }
    .page-title-cover, .page-title-cover a,
    .page-title-slim, .page-title-slim a,
    .page-title-default, .page-title-default a { font-size:30px; line-height:35px; }
    .entry-content { font-size:20px; line-height:27px; }
    .post-cat, .post-tag { font-size:18px; line-height:20px; margin-bottom:0; }     
}

/* SMASH THEME MAX-WIDTH 860px */
@media screen and (max-width: 860px) {
    .featured-image-wide { margin:0 auto; } 
}

/* SMASH THEME MAX-WIDTH 790px */
@media screen and (max-width: 790px) {
    .post-shortcode-wide { padding-bottom:0; }
}

/* SMASH THEME MAX-WIDTH 846px */
@media screen and (max-width: 846px) {
    .custom-fields-cover-wrapper-inner,
    .custom-fields-template-cover-wrapper-inner,
    .custom-fields-slim-wrapper-inner {
        padding-top:88px;
        padding-bottom:40px;
    }
}

/* SMASH THEME MAX-WIDTH 700px */
@media screen and (max-width: 700px) {
    .smash-top-share-wrapper { display:none; }
    /* profile page */
    .page-title-profile { font-size:35px; line-height:35px; }
    .content-wrapper-profile .entry-content { font-size:18px; line-height:30px; padding:40px 20px 0 20px; }
    /* contact form */
    .profile-contact-form-wrapper { width:90%; }
    #name-wrapper, #mail-wrapper { display:block; width:100%; margin:0; }
    #message-wrapper { width:100%; }
}

/* SMASH THEME MAX-WIDTH 425px */
@media screen and (max-width: 425px) {
    .classic-title-meta-wrapper { padding:30px 15px 20px 20px; }
}


.filimon .buttonsilver{min-width: 229px; padding-left: 0px; padding-right: 0px;}
.stacked-title-meta{position: relative;}
.p1{position: absolute; z-index: 1000; right: 0; display: none; margin-right: 10%;}
.watch-action .status{display: none;}
.dimgo{cursor: pointer;}
.action-like .lbg-style3 .lc{color: #ffffff; display: block; font-size: 15px; font-family: 'Oswald', sans-serif; margin: 10px 0 0 0; width: 20px; text-align: center; left: -4px; position: relative;}

.p2{z-index: 11; position: relative; text-align: center;}
.p2 .watch-action{display: inline-block; margin: 20px 0 0 0; float: inherit; width: auto;}

#header-bar .fa-thumb-tack:before{content: "\f004";}
#header-bar .fa-gear:before,#header-bar .fa-cog:before{content: "\f003";}

@media screen and (max-width: 700px) {
    .p1{ display: block;}
}

.p7{font-size: 22px; color: #b28714; margin: 0 0 0 4px;}
.p7:before {content: "\f004";}
.p6{position: absolute; right: 0px; margin: 20px 34px 0 0;}
.featured-post-label{display: none;}
.p7 span{font-size: 15px; font-family: 'Oswald', sans-serif; margin: 0 0px 0 4px;}
.fa-caret-down{padding: 0 0px 0 5px;}
.p5{display: none;}