@charset "UTF-8";

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

	Theme Name: Overture
	Description: The umphte-dumptheenth redesign of the website.
	Author: Anders Norén
	Author URI: http://www.andersnoren.se

-----------------------------------------------------------------------------------

	0.	CSS Reset
	1.	Document Setup
	2.  Structure
	3.	Header
    4.	Front Page
    5.  Blog
	6.  Single Post
    7.	Post Content
    8.  Themes Archive
	9.  Single Theme
    9.  Themes Archive
	10. Archive & Search
	11.	About Me
    12. Footer
	13. Carbon Ads
    14. Media Queries

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


/* -------------------------------------------------------------------------------- */
/*	0.	CSS Reset
/* -------------------------------------------------------------------------------- */


html, body { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	border: 0;
    font-family: inherit;
    font-size: 100%;
	font-style: normal;
    font-weight: normal;
	line-height: 1;
    margin: 0;
    padding: 0;
	text-align: left;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

ol, ul { list-style: none; }

blockquote:before, blockquote:after { content: ""; }

a { outline: none; }

input[type=search] {
      -moz-appearance: none;
   -webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}


/* -------------------------------------------------------------------------------- */
/*	1.	Document Setup
/* -------------------------------------------------------------------------------- */


html { font-size: 62.5%; /* 1rem = 10px */ }

body {
    background: #f1f1f1;
	border: none;
	color: #2d2d2d;
	font-family: Industry, Arial, sans-serif;
        -moz-font-feature-settings:     'liga=1'; 
        -moz-font-feature-settings:     'liga';
        -ms-font-feature-settings:      'liga'; 
        -o-font-feature-settings:       'liga'; 
        -webkit-font-feature-settings:  'liga'; 
    font-feature-settings:              'liga';
	font-size: 2.2rem;
    margin: 0;
    padding: 0;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

body a,
body a:hover {
	color: #2d2d2d;
	text-decoration: none;
}

* {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
	box-sizing: border-box;
}

img {
	display: block;
	height: auto;
    max-width: 100%;
}

.clear { clear: both; }

::selection {
	background: #000;
	color: #fff;
}

::-webkit-input-placeholder { color: #A9A9A9; }
:-ms-input-placeholder { color: #A9A9A9; }


/* Transitions -------------------------------- */


a,
.archive-theme h3,
.post-image.post-link p {
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition:    all 0.1s ease-in-out;
        -ms-transition:     all 0.1s ease-in-out;
        -o-transition:      all 0.1s ease-in-out;
	transition:             all 0.1s ease-in-out;
}

.main-menu a,
.social-buttons a,
.button,
.to-content,
.to-content .arrow-container,
.to-content span,
.others a,
.others span {
        -webkit-transition: all 0.2s ease-in-out;
        -moz-transition:    all 0.2s ease-in-out;
        -ms-transition:     all 0.2s ease-in-out;
        -o-transition:      all 0.2s ease-in-out;
	transition:             all 0.2s ease-in-out;
}

.site-overview a:before,
.toggle,
.nav-toggle:before,
.nav-toggle:after,
.post-sorting p > a:after,
.post-sorting p > a.active:after,
.question.clickable:after,
.theme-image p,
.theme-image img {
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition:    all 0.3s ease-in-out;
        -ms-transition:     all 0.3s ease-in-out;
        -o-transition:      all 0.3s ease-in-out;
	transition:             all 0.3s ease-in-out;
}


/* -------------------------------------------------------------------------------- */
/*	2.	Structure
/* -------------------------------------------------------------------------------- */


.section {
	display: block;
	padding: 10rem 0;
	position: relative;
    width: 100%;
}

.section.no-padding { padding: 0; }
.section.no-top-padding { padding-top: 0; }
.section.no-bottom-padding { padding-bottom: 0; }

.screen-height { height: 100vh; }

.bg-white { background: #fff; }
.bg-graphite { background-color: #3d3d3d; }
.bg-dark { background-color: #2d2d2d; }

.bg-image {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
    position: relative;
}

.bg-attached { background-attachment: fixed; }
.mobile .bg-attached { background-attachment: scroll; }

.cover:before {
    content: "";
	position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        top: 0;
}

.section-inner {
    margin: 0 auto;
	max-width: 124rem;
	position: relative;
    width: 87%;
}

.section-inner.thin { max-width: 70rem; }

.big-title,
.large-title,
.medium-title,
.small-title,
.mini-title {
    line-height: 1.1;
	font-weight: 900;
}

.big-title    { font-size: 6.4rem; }
.large-title  { font-size: 4.8rem; }
.medium-title { font-size: 3.9rem; }
.small-title  { font-size: 3.2rem; }
.mini-title   { font-size: 2.2rem; }


/* Buttons ------------------------------------ */


.button-container.center { text-align: center; }

.button,
button,
input[type="button"] {
    background: #2d2d2d;
    border: none;
    color: #fff;
    cursor: pointer;
	display: inline-block;
    font-family: Industry, Arial, sans-serif;
	font-size: 2rem;
	font-weight: 700;
    min-width: 18rem;
    padding: 2rem 3rem 1.9rem 3rem;
	text-align: center;
    text-transform: uppercase;
}

.button:hover,
button:hover,
input[type="button"]:hover {
	background: #4d4d4d;
	color: #fff;
}

.button + .button,
button + button,
input[type="button"] + input[type="button"] { 
    margin-left: 2rem; 
}

.button.gold { background: #a08f68; }
.button.gold:hover { background: #73684b; }

.button.inactive { background: #c1c1c1; }

.button.inactive:hover { cursor: help; }


/* Social Buttons ----------------------------- */


.social-buttons li { display: inline-block; }
.social-buttons li + li { margin-left: 0.3rem; }

.social-buttons a {
    background: #a08f68;
    border-radius: 99rem;
    color: #fff;
    display: block;
    font-size: 1.8rem;
    height: 4.1rem;
    position: relative;
    width: 4.1rem;
}

.social-buttons span {
    display: block;
    position: absolute;
        left: 0;
        right: 0;
        top: 1.2rem;
    text-align: center;
    width: 100%;
}

.social-buttons a:hover {
    background: #867757;
    color: #fff;
}

.social-buttons.stroke a {
    background: transparent;
    border: .1rem solid #a08f68;
    color: #a08f68;
}

.social-buttons.stroke a:hover {
    background: #a08f68;
    color: #fff;
}


/* Grid Items --------------------------------- */


.one-fifth,
.one-fourth,
.one-third,
.one-half,
.two-thirds,
.three-fifths,
.three-fourths { 
    float: left; 
}
    
.one-fifth      { width: 16%;    }
.one-fourth     { width: 21.25%; }
.one-third      { width: 30%;    }
.one-half       { width: 47.5%;  }
.two-thirds     { width: 65%;    }
.three-fifths   { width: 58%;    }
.three-fourths  { width: 74.05%; }

.one-fifth,
.one-fourth,
.one-third,
.two-thirds,
.one-half,
.three-fifths,
.three-fourths { 
    margin-left: 5%; 
}

.one-fifth:first-child,
.one-fourth:first-child,
.one-third:first-child,
.one-half:first-child,
.two-thirds:first-child,
.three-fifths:first-child,
.three-fourths:first-child { 
    margin-left: 0; 
}


/* -------------------------------------------------------------------------------- */
/*	3.	Header
/* -------------------------------------------------------------------------------- */


.bg-image .header { 
    background:    -moz-linear-gradient( top, rgba( 20, 20, 20, 0.7 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    background: -webkit-linear-gradient( top, rgba( 20, 20, 20, 0.7 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    background:   linear-gradient( to bottom, rgba( 20, 20, 20, 0.7 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    position: absolute;
        left: 0;
        right: 0;
        top: 0;
    z-index: 1000;
}

.site-title { float: left; }

.bg-image .site-title { text-shadow: 0 0 0.5rem rgba( 0, 0, 0, 0.15 ); }


/* Navigation --------------------------------- */


.nav-toggle,
.mobile-menu-container { 
    display: none; 
}

.main-menu { float: right; }
.main-menu li { float: left; }
.main-menu li + li { margin-left: 5.5rem; }

.main-menu a { color: #9d9d9d; }

.main-menu .current-menu-item a,
.single-post .main-menu li:nth-child(2) a,
.category .main-menu li:nth-child(2) a,
.tag .main-menu li:nth-child(2) a,
.main-menu a:hover {
	color: #2d2d2d;
}

.bg-image .header .main-menu a { 
    color: rgba( 255, 255, 255, 0.5 ); 
    text-shadow: 0 0 0.5rem rgba( 0, 0, 0, 0.15 );
}

.bg-image .header .site-title a,
.bg-image .header .main-menu .current-menu-item a,
.single-post .bg-image .header .main-menu li:nth-child(2) a,
.bg-image .header a:hover {
    color: #fff;
}


/* -------------------------------------------------------------------------------- */
/*	4.	Front Page
/* -------------------------------------------------------------------------------- */


.introduction p {
    line-height: 1.125;
    max-width: 100%;
	width: 80rem;
}

.introduction a,
.introduction a:hover { 
    color: #a08f68; 
}

.introduction a:hover { text-decoration: underline; }


/* Site Overview ---------------------------- */


.site-overview a {
        -ms-align-items: center;
        -webkit-align-items: center;
    align-items: center;
    color: #fff;
        display: -ms-flexbox;
        display: -webkit-flex;
    display: flex;
        -webkit-flex-flow: column;
        -ms-flex-flow: column;
    flex-flow: column;
    height: 50rem;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
    justify-content: center;
    position: relative;
}

.site-overview a:before { background: rgba( 29, 29, 29, 0.7 ); }

.site-overview .blog-link   { background-image: url( 'assets/images/blog-link-bg.jpg' ); }
.site-overview .themes-link { background-image: url( 'assets/images/themes-link-bg.jpg' ); }
.site-overview .about-link  { background-image: url( 'assets/images/about-link-bg.jpg' ); }

.site-overview h3,
.site-overview p {
    max-width: 90%;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1rem 0.2rem rgba( 0, 0, 0, 0.1 );
    width: 25rem;
    z-index: 1;
}

.site-overview h3:after {
    background: #a08f68;
    content: "";
    display: block;
    height: 0.2rem;
    margin: 2.4rem auto 3rem auto;
    width: 6rem;
}

.site-overview p {
    font-family: 'abril-titling', Georgia, serif;
    line-height: 1.3;
}

.site-overview a:hover { color: #fff; }
.site-overview a:hover:before { background: rgba( 45, 45, 45, 0.9 ); }


/* -------------------------------------------------------------------------------- */
/*	5.	Blog
/* -------------------------------------------------------------------------------- */


.post-sorting { 
    float: left;
    width: 22.5%;
}

.posts {
    float: right;
    width: 72.5%;
}


/* Post Sorting ---------------------------- */


.post-sorting > .categories,
.post-sorting > .tags,
.post-sorting > .months { 
    border-bottom: .1rem solid #dcdcdc; 
}

.post-sorting > div:first-child { border-top: .1rem solid #dcdcdc; }

.post-sorting p > a {
    color: #a08f68;
    display: block;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 2rem 0 1.8rem;
    position: relative;
    text-transform: uppercase;
}

.post-sorting p > a:hover { color: #a08f68; }

.post-sorting p > a:after {
    content: "\f107";
    display: block;
    font-family: 'FontAwesome';
    font-size: 2rem;
    margin-top: -1.1rem;
    position: absolute;
        right: 0;
        top: 50%;
}

.post-sorting p > a.active:after {
        -moz-transform: rotate( 180deg );
        -webkit-transform: rotate( 180deg );
    transform: rotate( 180deg );
}

.post-sorting ul { 
    display: none;
    padding-bottom: 2rem; 
}

.post-sorting li {
    color: #9d9d9d;
    display: block;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
}

.post-sorting li + li { margin-top: 1.1rem; }
.post-sorting .months li + li { margin-top: 0.3rem; }

.post-sorting .months li { height: 2.7rem; }

.post-sorting li a { 
    color: #4d4d4d; 
    display: block;
    padding-right: 3rem;
    position: relative;
    z-index: 5;
}

.post-sorting li a:hover,
.post-sorting li.current-cat a { 
    text-decoration: underline; 
}

.post-sorting li span {
    position: absolute;
        right: 0;
        top: 0;
}


/* Featured Post ---------------------------- */


.featured-posts { padding-bottom: 6rem; }

.featured-posts .first-featured {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
    flex-grow: 1;
    float: left;
    width: 62%;
}

.featured-posts .second-featured {
        -webkit-flex-grow: 1;
        -moz-flex-grow: 1;
        -ms-flex-positive: 1;
    flex-grow: 1;
    float: right;
    width: 34.4%;
}

.featured-post {
        -webkit-box-align: end;
        -moz-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
    align-items: flex-end;
        display: -ms-flexbox;
        display: -webkit-flex;
	display: flex;
        -ms-flex-pack: left;
        -ms-justify-content: left;
        -webkit-justify-content: left;
    justify-content: left;
    position: relative;
    -webkit-font-smoothing: antialiased;
}

.featured-post { min-height: 50rem; }

.featured-bg.cover:before {
    background: rgba( 0, 0, 0, 0.5 );
    background:    -moz-linear-gradient( top,       rgba( 20, 20, 20, 0.25 ) 0%, rgba( 20, 20, 20, 0.8 ) 100% );
    background: -webkit-linear-gradient( top,       rgba( 20, 20, 20, 0.25 ) 0%, rgba( 20, 20, 20, 0.8 ) 100% );
    background:         linear-gradient( to bottom, rgba( 20, 20, 20, 0.25 ) 0%, rgba( 20, 20, 20, 0.8 ) 100% );
}

.featured-post .post-inner {
        -webkit-align-self: flex-end;
        -ms-flex-item-align: flex-end;
    align-self: flex-end;
        -webkit-box-flex: 0;
        -moz-box-flex: 0;
        -webkit-flex: 0 1 auto;
        -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    max-width: 100%;
    padding: 0 4rem 4rem 4rem;
    position: relative;
    text-shadow: 0 0.1rem 0.1rem rgba( 0, 0, 0, 0.3 ); 
    width: 62rem;
}

.featured-post .post-categories,
.featured-post .post-date { 
    font-size: 1.8rem; 
}

.featured-post .post-title { margin: 1rem 0 1.1rem 0; }

.featured-post .post-title a { color: #fff; }
.post-title a:hover { text-decoration: underline; }


/* Puff Post ------------------------------- */


.puff-post {
    border-top: .1rem solid #dcdcdc;
    float: left;
    padding-top: 2rem;
    width: 47.5%;
}

.puff-post:nth-child(2) { float: right; }

.puff-post .post-image {
    display: block;
    float: left;
    width: 48%;
}

.puff-post .post-header {
    float: right;
    width: 48%;
}

.puff-post .post-categories,
.puff-post .post-date {
    font-size: 1.4rem;
}

.puff-post .post-title { margin: 0.6rem 0 0.9rem 0; }



/* Big Puff Post --------------------------- */


.big-puff-post {
    margin: 6rem 0;
    padding: 24rem 0 5rem 0;
    position: relative;
}

.big-puff-post:before { background: rgba( 29, 29, 29, 0.75 ); }

.big-puff-post .post-header {
    max-width: 100%;
    position: relative;
    width: 54rem;
    z-index: 10;
}

.big-puff-post .post-categories,
.big-puff-post .post-date {
    font-size: 2rem;
}

.big-puff-post .post-title { margin: 1.5rem 0 2rem 0; }
.big-puff-post .post-title a { color: #fff; }



/* Archive Post ---------------------------- */


.archive-post {
    border-top: .1rem solid #dcdcdc;
    margin-top: 6rem;
    padding-top: 3rem;
}

.archive-post:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.archive-post .post-image {
    display: block;
    float: left;
    height: auto;
    width: 52%;
}

.archive-post .post-image.fallback,
.post-image.post-link {
    background: #cdcdcd;
    overflow: hidden;
    padding-bottom: 29.25%;
    position: relative;
}

.archive-post .post-header {
    float: right;
    width: 44%;
}

.archive-post .post-categories,
.archive-post .post-date {
    font-size: 1.8rem;
}

.archive-post .post-categories { margin-bottom: 1rem; }
.archive-post .post-title { margin-bottom: 1rem; }
.archive-post .post-excerpt { margin-bottom: 1.7rem; }

.post-excerpt { font-family: 'abril-titling', Georgia, serif; }

.archive-post .post-excerpt {
    font-size: 2rem;
    line-height: 1.4;
}


/* Format Link -------------------------------- */


.post-image.post-link {
    background: #2d2d2d;
    position: relative;
}

.post-image.post-link .border {
    border: .2rem solid #3d3d3d;
    content: "";
    display: block;
    position: absolute;
        bottom: 2rem;
        left: 2rem;
        right: 2rem;
        top: 2rem;
    z-index: 5;
}

.post-image.post-link .border:before,
.post-image.post-link .border:after {
    background: #2d2d2d;
    content: "";
    display: block;
    z-index: 10;
}

.post-image.post-link .border:before {
    position: absolute;
        bottom: -1rem;
        left: 4rem;
        right: 4rem;
        top: -1rem;
}

.post-image.post-link .border:after {
    position: absolute;
        bottom: 4rem;
        left: -1rem;
        right: -1rem;
        top: 4rem;
}

.post-image.post-link p {
    color: #fff;
    margin-top: -1rem;
    position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    text-align: center;
    z-index: 15;
}

.post-image.post-link:hover p { color: #a08f68; }


/* Pagination --------------------------------- */


.pagination .section-inner {    
    border-top: .1rem solid #dcdcdc;
    line-height: 1;
    padding: 5rem 0;
    text-align: center;
}

.pagination .page-numbers {
    display: inline-block;
    padding: 0.8rem 2rem 0.5rem 2.3rem;
}

.pagination .page-numbers + .page-numbers { border-left: 0.1rem solid #ddd; }

.pagination .prev + .page-numbers { border: none; }

.pagination .dots { color: #9d9d9d; }

.pagination .prev,
.pagination .next {
    border: none !important;
    padding: 1rem 0;
    position: absolute;
}

.pagination .prev { left: 0; }
.pagination .next { right: 0; }

.pagination .current,
.pagination a:hover {
    color: #a08f68;
}


/* -------------------------------------------------------------------------------- */
/*	6.	Single Post
/* -------------------------------------------------------------------------------- */


/* Post Structure --------------------------------- */


.bg-container { overflow: hidden; }

.single-cover-image { 
    height: 86.5vh; 
    min-height: 30rem;
}

.single-cover-image img { visibility: hidden; }

.single.has-featured-image .post .post-inner {
    margin-top: -10rem;
    position: relative;
}

.single.has-featured-image .post .post-inner:before {
    background: #f1f1f1;
    content: "";
    display: block;
    height: 16rem;
    position: absolute;
        left: -5rem;
        right: -5rem;
        top: -5rem;
}


/* Post Header --------------------------------- */


.single-post .post-header { 
    margin-bottom: 6rem;
    position: relative;
}

.post-categories {
    font-weight: 700;
    text-transform: uppercase;
}

.post-categories,
.post-categories a {
    color: #a08f68;
}

.post-date { font-weight: 500; }

.post-date,
.post-date a {
    color: #9d9d9d;
}

.post-categories a:hover,
.post-date a:hover {
    text-decoration: underline;
    color: inherit;
}

.single-post .post-meta { font-size: 2rem; }

.single-post .post-header .post-categories { 
    font-size: 2rem;
    margin-bottom: 1.8rem; 
}

.single-post .post-header .post-meta { 
    float: left;
    margin-top: 3.4rem; 
}

.single-post-link {
    font-weight: 500;
    position: absolute; 
        right: 0;
        top: .3rem;
}

.single-post-link a,
.single-post-link a:hover {
    color: #9d9d9d; 
}

.single-post-link a:hover { text-decoration: underline; }

.single-post-link .fa {
    font-size: 2.3rem;
    margin: -1rem 0 0 0;
    position: absolute;
        left: -3rem;
        top: 50%;
}

.single-post .post-excerpt {
    font-size: 3rem;
    line-height: 1.33;
    margin-top: 2.5rem;
}


/* Post Share ---------------------------------- */


/* Post Share Top */

.post-share-top {
    float: right;
    margin-top: 1.9rem;
}

.post-share-top li {
    display: block;
    float: left;
}

.post-share-top li + li {
    border-left: 0.1rem solid #dcdcdc;
    margin-left: 0.5rem;
    padding-left: 0.5rem;
}

.post-share-top a {
    color: #9d9d9d;
    display: block;
    font-size: 2.3rem;
    height: 4.4rem;
    padding-top: 1.2rem;
    text-align: center;
    width: 4.6rem;
}

.post-share-top a:hover { color: #a08f68; }

/* Post Share Bottom */

.post-share-bottom { margin-top: 5rem; }


/* Read Next Section ---------------------------------- */


.read-next-section .section-inner {
        display: -ms-flex;
        display: -webkit-flex;
    display: flex;
}

.read-next-section .featured-post { 
    margin-right: 5%; 
    width: 100%;
}

.read-next-section .featured-post .post-inner {
    max-width: 50rem;
    width: 100%;
}

/* Most Popular */

.most-popular {
    counter-reset: list;
    width: 35%;
}

.featured-post + .most-popular { min-width: 43.4rem; }

.most-popular-title {
    border-top: .2rem solid #2d2d2d;
    font-size: 1.4rem;
    font-weight: 700;
    padding: 1.2rem 0;
    text-transform: uppercase;
}

.most-popular li { counter-increment: list; }
.most-popular li + li { margin-top: 2rem; }

.most-popular li a { display: block; }

.popular-title {
    border-top: .1rem solid #ddd;
    font-family: 'abril-titling', Georgia, serif;
    font-size: 2.2rem;
    float: left;
    line-height: 1.15;
    padding: 0.8rem 0 0 6rem;
    position: relative;
    width: 64%;
}

.popular-title:before {
    color: #a08f68;
    content: counter( list ) '.';
    font-size: 4.8rem;
    position: absolute;
        left: 0;
        top: 0.8rem;
}

.most-popular li a:hover .popular-title { text-decoration: underline; }

.popular-image,
.most-popular .fallback-image {
    display: block;
    float: right;
    width: 31%;
}

.most-popular .fallback-image { 
    background: #ddd;
    padding-bottom: 18%;
}

.most-popular .post-link.post-image {
    display: block;
    float: right;
    margin: 0;
    padding-bottom: 20%;
    width: 31%;
}

.most-popular .post-link.post-image .border {
    bottom: 1rem;
    left: 1rem;
    right: 1rem;
    top: 1rem;
}

.most-popular .post-link .border:before {
    left: 1.5rem;
    right: 1.5rem;
}

.most-popular .post-link .border:after {
    bottom: 1.5rem;
    top: 1.5rem;
}

.most-popular .post-link span {
    color: #9d9d9d;
    display: block;
    font-size: 2.2rem;
    margin-top: -0.8rem;
    position: absolute;
        left: 0;
        right: 0;
        top: 50%;
    text-align: center;
    z-index: 1000;
}


/* -------------------------------------------------------------------------------- */
/*	7.	Post Content
/* -------------------------------------------------------------------------------- */


.post-content { 
    font-family: 'abril-text', Georgia, serif; 
    font-size: 2.2rem;
}

.post-content a { color: #a08f68; }

.post-content a:hover {
	color: #a08f68;
    text-decoration: underline;
}

.post-content p {
        -webkit-hyphens: auto;
        -moz-hyphens: auto;
        -ms-hyphens: auto;
    hyphens: auto;
}

.post-content p,
.post-content blockquote,
.post-content ul,
.post-content ol,
.post-content address,
.post-content dl,
.post-content pre {
	line-height: 1.6;
	margin-bottom: 3rem;
}

.post-content > *:first-child { margin-top: 0; }
.post-content *:last-child { margin-bottom: 0; }

.post-content h1, 
.post-content h2, 
.post-content h3, 
.post-content h4, 
.post-content h5, 
.post-content h6 {
	font-family: Industry, Arial, sans-serif;
    font-weight: 700;
	line-height: 1.1;
    margin: 7rem 0 3rem 0;
}

.post-content h1 {
	font-size: 5.2rem;
	font-weight: 900;
}

.post-content h2 {
	font-size: 4.4rem;
	font-weight: 900;
}

.post-content h3 { font-size: 3.6rem; }

.post-content h4 { font-size: 3rem; }

.post-content h5 { font-size: 2.4rem; }

.post-content h6 {
	font-size: 1.8rem;
    letter-spacing: .1rem;
	text-transform: uppercase;
}

.post-content h1 + h1, .post-content h1 + h2, .post-content h1 + h3, .post-content h1 + h4, .post-content h1 + h5, .post-content h1 + h6,
.post-content h2 + h1, .post-content h2 + h2, .post-content h2 + h3, .post-content h2 + h4, .post-content h2 + h5, .post-content h2 + h6,
.post-content h3 + h1, .post-content h3 + h2, .post-content h3 + h3, .post-content h3 + h4, .post-content h3 + h5, .post-content h3 + h6,
.post-content h4 + h1, .post-content h4 + h2, .post-content h4 + h3, .post-content h4 + h4, .post-content h4 + h5, .post-content h4 + h6,
.post-content h5 + h1, .post-content h5 + h2, .post-content h5 + h3, .post-content h5 + h4, .post-content h5 + h5, .post-content h5 + h6,
.post-content h6 + h1, .post-content h6 + h2, .post-content h6 + h3, .post-content h6 + h4, .post-content h6 + h5, .post-content h6 + h6 {
	margin-top: 3rem;
}


/* Blockquotes */


.post-content blockquote {
    background: #fff;
    border: .1rem solid #cdcdcd;
    padding: 3rem 3rem 3rem 9rem;
	position: relative;
}

.post-content blockquote:before {
    color: #a08f68;
	content: '”';
	display: block;
	font-family: Georgia, serif;
	font-size: 7.2rem;
	font-weight: 700;
    line-height: 1;
    position: absolute;
        left: 0;
        top: 3rem;
	text-align: center;
    width: 9rem;
}

.post-content blockquote p {
    font-style: italic;
    line-height: 1.5;
	margin: 0 0 2rem 0;
}

.post-content blockquote cite {
	display: block;
	font-family: Industry, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: 700;
    margin-top: 1.1em;
}

.post-content blockquote cite:before { content: "— "; }

.post-content blockquote.pull {
    background: none;
    border: none;
	float: right;
    margin: 1rem -25% 2rem 4rem;
	padding: 0;
    position: relative;
    width: 50%;
}

.post-content blockquote.pull:before { content: none; }

.post-content blockquote.pull p {
    color: #1d1d1d;
	font-family: 'abril-display', 'abril-text', serif;
	font-size: 3rem;
	font-style: normal;
	font-weight: 800;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
    hyphens: none;
    line-height: 1.3;
    position: relative;
    z-index: 100;
}

.post-content blockquote.pull cite {
    color: #2d2d2d;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: 0;
}


/* Blockquotes /End */


.post-content hr {
    background: #ddd;
    border: none;
	height: .2rem;
	margin: 5rem auto;
    width: 12.8rem;
}

em, q { font-style: italic; }

.post-content strong em,
.post-content em strong {
	font-style: italic;
	font-weight: 700;
}

abbr, acronym { cursor: help; }

code, kbd, pre {
	background: #eee;
	font-family: Menlo, Monaco, monospace;
    font-size: 0.85em;
}

.post-content .highlight {
	background: #fcf8a5;
	display: inline;
	padding: .2rem .3rem;
    width: auto;
}

.post-content kbd,
.post-content code {
    border-radius: .3rem;
	padding: .5rem;
}

.post-content dl { line-height: 1.6; }

.post-content dl dt { font-weight: bold; }

.post-content ul,
.post-content ol {
	margin-left: 2.5rem;
}

.post-content ul { list-style: disc; }
.post-content ul ul { list-style: circle; }
.post-content ul ul ul { list-style: square; }

.post-content ol { list-style: decimal; }
.post-content ol ol { list-style: lower-alpha; }
.post-content ol ol ol { list-style: lower-roman; }

.post-content ul ul,
.post-content ul ol,
.post-content ol ul,
.post-content ol ol {
	margin-bottom: 0;
}

.post-content li {
	margin-bottom: 1rem;
	line-height: 1.5;
}

.post-content ol > li:last-child,
.post-content ul > li:last-child {
	margin-bottom: 0;
}

.post-content ol > li:first-child,
.post-content ul > li:first-child {
	margin-top: 1rem;
}

.post-content address {
	background: #F1F1F1;
    padding: 3% 3.5%;
}

.post-content pre {
    background: #fff;
    border: .1rem solid #dcdcdc;
    font-size: 1.8rem;
	line-height: 1.4;
	padding: 2% 2.5%;
        white-space: -moz-pre-wrap;
        white-space: -pre-wrap;
        white-space: -o-pre-wrap;
    white-space: pre-wrap;
	word-wrap: break-word;
}


/* Post Media --------------------------------- */


.post-content .wp-caption,
.post-content iframe {
    display: block;
	margin-bottom: 3rem;
    max-width: 100%;
    position: relative;
}

.post-content .embed-youtube {
    margin-left: -40vw;
    position: relative;
        left: 50%;
    width: 80vw;
}

.post-content .embed-youtube iframe { margin: 2rem auto; }

.post-content .alignnone {
    margin: 8rem 0 8rem 50%;
    max-width: none;
    overflow: hidden;
    position: relative;
        left: -50vw;
    width: 100vw;
}

.post-content .alignnone img {
    max-width: 100%;
    width: 100%;
}

.post-content .alignleft,
.post-content .alignright {
	margin-bottom: 3rem;
	max-width: 50%;
}

.post-content .wp-caption .alignleft,
.post-content .wp-caption .alignright {
	margin-bottom: 0;
}

.post-content .alignleft {
	float: left;
    margin-left: -16.67%;
	margin-right: 4rem;
}

.post-content .alignright {
	float: right;
	margin-left: 4rem;
    margin-right: -16.67%;
}

.post-content img.aligncenter { margin-bottom: 3rem; }

.post-content .aligncenter,
.post-content .aligncenter img {
	margin-left: auto;
	margin-right: auto;
}

.post-content .wp-caption-text {
    color: #666;
	font-family: Industry, Arial, sans-serif;
	font-size: 1.4rem;
    font-weight: 500;
	line-height: 1.3;
    margin-top: 2rem;
    text-align: center;
        -webkit-hyphens: none;
        -moz-hyphens: none;
        -ms-hyphens: none;
    hyphens: none;
    
}

@media ( min-width: 600px ) {

    .post-content .alignnone .wp-caption-text {
        background: #1d1d1d;
        color: #fff;
        padding: 1.5rem;
        position: absolute;
            bottom: 2rem;
            left: 2rem;
        text-align: left;
        max-width: 28rem;
        -webkit-font-smoothing: antialiased;
        z-index: 100;
    }

}


/* Post gallery --------------------------------------- */


.gallery {
	display: block;
	margin-bottom: 3rem;
	max-width: 100%;
}

.gallery-images {
    overflow: hidden;
	position: relative;
}

.gallery-thumbnails {
	display: none; /* set to visible in global.js */
	margin: 2rem 0 0 0;
	text-align: center;
}

.gallery-thumbnail {
	display: inline-block;
    max-width: 20%;
	width: 7.5rem;
}

.gallery-thumbnail a {
	display: block;
	opacity: 0.5;
}

.gallery-thumbnail.active a,
.gallery-thumbnail a:hover { 
    opacity: 1; 
}


/* -------------------------------------------------------------------------------- */
/*	8.	Themes Archive
/* -------------------------------------------------------------------------------- */


.themes-introduction h3 {
    line-height: 1.125;
    max-width: 100%;
    width: 84rem;
}


/* Download Count ----------------------------- */


.download-count { z-index: 999; }

.download-count:before {
    background: #f1f1f1;
    content: "";
    display: block;
    position: absolute;
        bottom: 57.5%;
        left: 0;
        right: 0;
        top: 0;
}

.download-count .number,
.download-count p {
    display: inline;
    line-height: 0.9;
}

.download-count .number {
    color: #a08f68;
    font-size: 17.5vw;
    font-weight: 900;
}

.download-count p {
    color: #2d2d2d;
    font-size: 2.5vw;
    margin-left: 2.5vw;
}

@media ( min-width: 1440px ) {

    .download-count .number { font-size: 25.6rem; }

    .download-count p { 
        font-size: 3.2rem; 
        margin-left: 3.7rem;
    }

}


/* Themes List -------------------------------- */


.themes-list { 
    margin-top: -2.5rem;
    padding-bottom: 5rem; 
}

.themes-list .section-inner {
        display: -ms-flexbox;
        display: -webkit-flex;
    display: flex;
        -webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
    flex-wrap: wrap;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
    justify-content: space-between;
}

.themes-list .archive-theme,
.themes-list .flex-corrector {
	display: block;
        -ms-flex-basis: 30%;
        -webkit-flex-basis: 30%;
    flex-basis: 30%;
    max-width: 30%;
    min-height: .1rem;
}

.archive-theme { margin-bottom: 5rem; }

.archive-theme img { width: 100%; }

.archive-theme .theme-header {
	margin-top: 2.6rem;
    position: relative;
}

.premium-theme .theme-header {
    padding-right: 10.7rem;
}

.archive-theme .theme-header h3,
.archive-theme .theme-header p {
    font-size: 2.2rem;
    text-align: right;
}

.archive-theme h3 {
    color: #2d2d2d;
	font-weight: 700;
}

.archive-theme p {
    color: #9d9d9d;
    margin-top: 0.7rem;
}

.archive-theme:hover h3 {
    color: #a08f68;
}

.archive-theme .price {
    color: #a08f68;
    font-weight: 400;
}

@media ( min-width: 600px ) {

    .archive-theme .price {
        border-left: .1rem solid #cdcdcd;
        float: right;
        font-size: 3.6rem;
        padding:  1.1rem 0 0.9rem 2rem;
        position: absolute;
            right: 0;
            top: -0.6rem;
    }
}


/* Donate Block -------------------------------- */


.donate-block {
        -ms-flex-basis: 65%;
        -webkit-flex-basis: 65%;
    flex-basis: 65%;
    margin-bottom: 5rem;
    padding: 6rem 6rem 6rem 0;
    position: relative;
    max-width: 65%;
}

.donate-block-inner {
    float: right;
    max-width: 100%;
    position: relative;
    width: 46.2rem;
    z-index: 100;
}

.donate-block:before {
    background: #2d2d2d;
    content: "";
    display: block;
    position: absolute;
        bottom: 0;
        left: -9999rem;
        right: 35%;
        top: 0;
}

.donate-block-inner {
    text-align: right;
    z-index: 100;
}

.donate-block h3,
.donate-block div,
.donate-block p {
    text-align: right;
}

.donate-block h3 {
    color: #fff;
    font-size: 4rem;
    line-height: 1.15;
}

.donate-block h3 + p {
    color: #9d9d9d;
    font-size: 2.4rem;
    line-height: 1.4;
    margin: 2.25rem 0 3rem;
}

.donate-block .footnote {
    color: #6d6d6d;
    font-size: 1.6rem;
    font-weight: 500;
    position: absolute;
        bottom: 8%;
        right: 6rem;
    z-index: 1000;
}


/* FAQ -------------------------------- */


.faq .mobile-title { display: none; }

.faq-wrapper { margin-top: 5rem; }

.faq-item { 
    border-top: .1rem solid #cdcdcd;
    padding-top: 2.5rem;
    width: 100%;
}

.faq-item + .faq-item { margin-top: 5rem; }

.faq-item a,
.faq-item a:hover { 
    color: #a08f68; 
}

.faq-item a:hover { text-decoration: underline; }

.question {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.3;
}

.question.clickable {
    cursor: pointer;
    padding-right: 4rem;
    position: relative;
}

.question.clickable:after {
    color: #9d9d9d;
    content: "\f107";
    display: block;
    font-family: FontAwesome;
    font-size: 2.4rem;
    margin-top: -1.6rem;
    position: absolute;
        right: 0;
        top: 50%;
}

.question.clickable.active:after {
        -moz-transform: rotate( 180deg );
        -webkit-transform: rotate( 180deg );
    transform: rotate( 180deg );
}

.answer {
    font-family: 'abril-text', Georgia, serif;
    font-size: 1.8rem;
    line-height: 1.5;
    margin-top: 1.7rem;
}


/* -------------------------------------------------------------------------------- */
/*	9.	Single Theme
/* -------------------------------------------------------------------------------- */


.single-theme-header .section-inner { position: static; }

.theme-title,
.theme-subtitle,
.single-theme-header .button-container {
    text-align: center;
}

.theme-subtitle {
    font-weight: 400;
    line-height: 1.3;
    margin: 3rem auto 4.5rem auto;
    max-width: 100%;
    width: 84rem;
}

/* Themes Images ------------------------------ */


.theme-images { overflow: hidden; }

.theme-images .section-inner { 
    position: relative; 
    text-align: center;
    width: 93.75%;
}

.theme-image {
    background: #d1d1d1;
    padding-top: 3.6rem;
    border-radius: .4rem .4rem 0 0;
    box-shadow: 0 0 2rem rgba( 19, 19, 19, 0.05 );
    max-width: 60%;
    position: relative;
    width: 62rem;
}

.theme-image-1,
.theme-image-3 {
    position: absolute;
        bottom: -20%;
}

.theme-image-2 {
    display: block;
    margin: 0 auto;
    max-width: 70%;
    position: relative;
    z-index: 100;
}

.theme-image-1 { left: 0; }
.theme-image-3 { right: 0; }

.theme-image img { display: block; }

.theme-image .buttons,
.theme-image .buttons:before,
.theme-image .buttons:after {
    background: #a08f68;
    border-radius: 999rem;
    display: block;
    height: 1.2rem;
    position: absolute;
        left: 1.2rem;
        top: 1.2rem;
    width: 1.2rem;
}

.theme-image .buttons:before,
.theme-image .buttons:after {
    background: #b1b1b1;
    content: "";
    top: 0;
}

.theme-image .buttons:before { left: 1.9rem; }
.theme-image .buttons:after { left: 3.8rem; }

.theme-image a {
    background: #2d2d2d;
    display: block;
}

.theme-image p {
    color: #fff;
    font-family: 'abril-text';
    font-size: 2.6rem;
    font-style: italic;
    font-weight: 400;
    margin-top: -1.2rem;
    opacity: 0;
    position: absolute;
        left: 0;
        right: 0;
        top: 54%;
    text-align: center;
    z-index: 100;
}

.theme-image a:hover p { 
    margin-top: 0;
    opacity: 1; 
}

.theme-image a:hover img { opacity: 0.2; }


/* Theme Share -------------------------------- */


.theme-share.social-buttons a {
    font-size: 2rem;
    height: 4.5rem;
    width: 4.5rem;
}

.theme-share a span {
    top: 1.2rem;
}


/* Theme Features ----------------------------- */


.theme-feature {
	display: inline-block;
	margin: 5rem 5% 0 0;
    padding-left: 9rem;
    position: relative;
    vertical-align: top;
    width: 47%;
}

.theme-feature:nth-child(2n) { margin-right: 0; }

.theme-feature:nth-child(1),
.theme-feature:nth-child(2) { margin-top: 0; }

.theme-feature > .fa,
.theme-feature .responsive {
    position: absolute;
        left: 0;
        top: 0;
}

.theme-feature .fa {
    color: #a08f68;
    font-size: 5.6rem;
}

.theme-feature .responsive .fa-mobile { font-size: 4.6rem; }
.theme-feature .responsive .fa + .fa { margin-left: 0.4rem; }

.theme-feature p {
    color: #5d5d5d;
    font-size: 2rem;
    line-height: 1.35;
}

.theme-feature strong {
    color: #2d2d2d;
	display: block;
    font-size: 2.6rem;
    font-weight: 400;
    margin-bottom: 1.5rem;
}

.theme-feature p { line-height: 1.5; }


/* Theme Info --------------------------------- */


.theme-meta.section { padding: 5rem 0 4.6rem 0; }

.theme-meta-container { float: left; }

.theme-meta .item {
	display: inline-block;
	vertical-align: top;
}

.theme-meta .item + .item { margin-left: 5rem; }

.theme-meta .item h6 {
    color: #9d9d9d;
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 1.1rem;
    text-transform: uppercase;
}

.theme-meta .item p {
	color: #fff;
    font-size: 2rem;
    line-height: 1;
}

.theme-meta .item p a,
.theme-meta .item p a:hover { 
    color: #fff; 
}

.theme-meta .item p a:hover { text-decoration: underline; }

.theme-meta .item p a { display: block; }

.theme-meta .item .fa { 
    color: #6d6d6d;
    font-size: 1.9rem; 
    position: relative;
        top: -0.2rem;
}

.theme-meta .item .fa + .fa { margin-left: 0.4rem; }


/* Theme Share */


.theme-share { float: right; }


/* WordPress.com Version ---------------------- */


.wp-com h3 {
    color: #2d2d2d;
    font-weight: 400;
    line-height: 1.3;
    text-align: center;
}

.wp-com a,
.wp-com a:hover {
    color: #a08f68;
}

.wp-com a:hover { text-decoration: underline; }


/* Related Themes ----------------------------- */


.theme-features + .related-themes { border-top: .1rem solid #ececec; }

.related-themes .archive-theme { margin-bottom: 0; }


/* -------------------------------------------------------------------------------- */
/*	10.	Archive & Search
/* -------------------------------------------------------------------------------- */


.archive-title {
    color: #a08f68;
	font-size: 6.4rem;
}

.archive-title span {
    color: #9d9d9d;
    font-size: 0.5em;
}


/* Search ------------------------------------- */


.no-results p + p { margin-top: 2rem; }


/* -------------------------------------------------------------------------------- */
/*	11.	About Me
/* -------------------------------------------------------------------------------- */


body.page-template-template-about-me { background: #2d2d2d; }

.to-content {
    background:    -moz-linear-gradient( bottom, rgba( 20, 20, 20, 0.75 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    background: -webkit-linear-gradient( bottom, rgba( 20, 20, 20, 0.75 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    background:   linear-gradient( to top,       rgba( 20, 20, 20, 0.75 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    color: #fff;
    display: block;
    font-size: 3.2rem;
    height: 12rem;
    margin-top: -12rem;
    padding-top: 6rem;
    position: relative;
    text-align: center;
    text-shadow: 0 0.1rem 0 rgba( 0, 0, 0, 0.25 );
    z-index: 3;
}

.to-content span { display: inline-block; }

.to-content:hover { 
    color: #fff; 
    padding-top: 6.5rem;
}

.front-about { 
    background: #f1f1f1;
    z-index: 4; 
}

.front-about .section-inner + .section-inner {
    border-top: .1rem solid #cdcdcd;
    margin-top: 10rem;
    padding-top: 10rem;
}

.front-about h3 {
    line-height: 1.125;
    max-width: 100%; 
    width: 81rem;
}

.front-about h3 a,
.front-about h3 a:hover {
    color: #a08f68;
}

.front-about h3 a:hover { text-decoration: underline; }


/* About Structure ----------------------------------- */


.front-about .anders-image {
    float: left;
    width: 30%;
}

.photo-credit {
    color: #6d6d6d;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: 2rem;
}

.photo-credit a,
.photo-credit a:hover {
    color: #6d6d6d;
}

.photo-credit a:hover { text-decoration: underline; }

.front-about .post-content {
    float: right;
    padding-left: 16%;
    position: relative;
    width: 65%;
}

.front-about .post-content h4 {
    color: #9d9d9d;
    font-size: 2rem;
    font-weight: 700;
    margin: 0.8rem 0 0 0;
    position: absolute;
        left: 0;
    text-align: right;
    width: 18.75%;
}


/* Projects ----------------------------------- */


.projects h3 { color: #fff; }

.projects li {
    border-top: .1rem solid #5d5d5d;
	margin-top: 6rem;
	padding-top: 2rem;
	position: relative;
}

.projects li:after {
    clear: both;
	content: " ";
    display: table;
}

.projects p {
    color: #fff;
	float: left;
    font-weight: 500;
	line-height: 1.4;
    vertical-align: top;
}

.projects p + p { margin-left: 5%; }

.projects .year {   
    color: #a08f68;
	width: 10%;
}

.projects .title { width: 30%; }

.projects .description { 
    color: #9d9d9d;
    width: 45%; 
}

.projects a,
.projects a:hover { 
    color: #fff;
}

.projects a:hover { text-decoration: underline; }


/* -------------------------------------------------------------------------------- */
/*	12.	Footer
/* -------------------------------------------------------------------------------- */


.footer,
.footer a {
    color: #9d9d9d;
}

.widget-title {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
}

.widget-title:after {
    background: #a08f68;
    content: "";
    display: block;
    height: 0.1rem;
    margin: 1.5rem 0 3rem 0;
    width: 4rem;
}

/* Latest Tweet */

.latest-tweet {
    float: left;
    max-width: 60%;
    width: 59rem;
}

.tweet-content {
    font-size: 3rem;
    line-height: 1.3;
    margin-bottom: 3rem;
}

.tweet-content a {
        -ms-word-break: break-all;
    word-break: break-all;
}

.tweet-content a,
.tweet-meta a:nth-child(1) { 
    color: #a08f68;
}

.tweet-content a:hover,
.tweet-meta a:nth-child(1):hover {
    color: #a08f68;
    text-decoration: underline;
}

.tweet-meta {
    color: #6d6d6d;
    font-size: 1.8rem;
    line-height: 1.1;
}

.tweet-meta > span { margin: 0 0.5rem; }

.tweet-meta a:nth-child(3) { color: #6d6d6d; }

.tweet-meta a:nth-child(3):hover { 
    color: #6d6d6d; 
    text-decoration: underline;
}

/* Others */

.others {
    float: right;
    max-width: 35%;
    width: 37.3rem;
}

.others li + li { margin-top: 1rem; }

.others a {
    display: block;
    height: 4rem;
    padding: 1rem 0 0 5.5rem;
    position: relative;
}

.others span {
    border: .1rem solid #a08f68;
    border-radius: 99rem;
    color: #a08f68;
    display: block;
    height: 4rem;
    margin-top: -2rem;
    position: absolute;
        left: 0;
        top: 50%;
    width: 4rem;
}

.others span:before {
    display: block;
    font-size: 1.8rem;
    padding-top: 1rem;
    position: relative;
        right: 0rem;
    text-align: center;
}

.others .social-facebook span:before,
.others .social-instagram span:before {
    padding-top: 1.1rem;
}

.others a:hover { color: #a08f68; }

.others a:hover span {
    background: #a08f68;
    color: #fff;
}

img#wpstats { display: none !important; } /* silly wp stats */


/* Credits ----------------------------------- */


.credits {
    border-top: .1rem solid #3d3d3d;
    margin-top: 10rem;
    padding: 5rem 0;
}

.credits p {
    float: left;
    font-size: 1.8rem;
}

.credits p + p { float: right; }

.credits p a + a { display: none; }

.credits a:hover { color: #a08f68; }


/* -------------------------------------------------------------------------------- */
/*	13.	Carbon Ads
/* -------------------------------------------------------------------------------- */


#carbonads {
    max-width: 100%;
    width: 20.8rem;
}

#carbonads:after {
    clear: both;
    content: " ";
    display: table;
}

.carbon-img { display: block; }

.carbon-img img { margin-left: auto; }

.carbon-text {
    color: #2d2d2d;
    display: block;
    font-size: 1.6rem;
    line-height: 1.4;
    margin: 1.3rem 0 0.8rem;
    text-align: right;
}

.carbon-text:hover { text-decoration: underline; }

.carbon-poweredby {
    color: #9d9d9d;
    display: block;
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
    text-align: right;
}

.carbon-poweredby:hover { 
    color: #9d9d9d;
    text-decoration: underline; 
}


/* Carbon Blog -------------------------------------------- */


.post-sorting #carbonads {
    float: right;
    margin-top: 4rem;
    max-width: 100%;
}


/* Carbon Single Post ------------------------------------- */


.single-post #carbonads {
    position: absolute;
        top: 15rem;
        right: 5rem;
}


/* Carbon Theme Archive ----------------------------------- */


.themes-introduction #carbonads {
    position: absolute;
        bottom: -15rem;
        right: 0;
    z-index: 1000;
}


/* Carbon Single Theme ------------------------------------ */


.single-theme-header #carbonads {
    position: absolute;
        bottom: -4rem;
        right: 3.125%;
}

@media ( min-width: 1337px ) {

    .single-theme-header #carbonads {
        margin-right: -62rem;
        right: 50%;
    }

}


/* -------------------------------------------------------------------------------- */
/*	14.	Media Queries
/* -------------------------------------------------------------------------------- */


@media ( max-width: 1270px ) {


    /*	X.	Carbon Ads
    /* ------------------------------------- */
    
    .single-post #carbonads { display: none; }


}


@media ( max-width: 1100px ) {


    /*	X.	Post Content
    /* ------------------------------------- */
    
    .post-content blockquote.pull { 
        margin-right: 0;
        max-width: 60%;
    }
    
    .post-content .alignleft { margin-left: 0; }
    .post-content .alignright { margin-right: 0; }


    /*	X.	Carbon Ads
    /* ------------------------------------- */

    #carbonads { 
        min-height: 10rem;
        padding-left: 14.5rem;
        position: relative;
        width: 38rem; 
    }
    
    .carbon-img {
        position: absolute;
            left: 0;
            top: 0;
    }
    
    .carbon-text,
    .carbon-poweredby {
        text-align: left;
    }
    
    .carbon-text { margin-top: 0; }
    
    /* Carbon Blog */
    
    .post-sorting #carbonads { padding-left: 0; }
    
    .post-sorting #carbonads .carbon-img { position: static; }
    
    .post-sorting .carbon-text,
    .post-sorting .carbon-poweredby {
        text-align: right;
    }
    
    .post-sorting .carbon-text { margin-top: 1.3rem; }
    
    /* Carbon Theme Archive */

    .themes-introduction #carbonads { 
        margin: 5.5rem 0 -5.5rem;
        position: relative; 
            bottom: auto;
            right: auto;
    }
    
    /* Carbon Single Theme */
    
    .single-theme-header #carbonads {
        display: block;
        margin: 6rem auto -6rem auto;
        position: relative;
            bottom: auto;
            right: auto;
    }


}


@media ( max-width: 1000px ) {

    
    /*	X.	Single Post
    /* ------------------------------------- */

    .featured-post + .most-popular { min-width: 50%; }
    
    
    /*	X.	Post Content
    /* ------------------------------------- */
    
    .post-content .embed-youtube {
        margin-left: -50vw;
        width: 100vw;
    }


    /*	X.	Themes Archive
    /* ------------------------------------- */

    .themes-list .archive-theme {
            -ms-flex-basis: 47.5%;
            -webkit-flex-basis: 47.5%;
        flex-basis: 47.5%;
        max-width: 47.5%;
    }
    
    .themes-list .flex-corrector { display: none; }

    .donate-block {
            -ms-flex-basis: 100%;
            -webkit-flex-basis: 100%;
        flex-basis: 100%;
        max-width: 100%;
        padding: 4rem 4rem 4rem 0;
    }

    .donate-block .footnote { 
        margin-top: 4rem;
        font-size: 1.4rem;
        position: relative;
            bottom: 0;
            right: 0;
    }

    
}



@media ( max-width: 800px ) {


    body { font-size: 2rem; }


    /*	X.	Structure
    /* ------------------------------------- */

    .section { padding: 8rem 0; }
    
    .front-about .section-inner + .section-inner {
        padding-top: 8rem;
        margin-top: 8rem;
    }
    
    .credits { margin-top: 8rem; }
    
    /* Titles */

    .big-title { font-size: 5.6rem; }
    .large-title { font-size: 4rem; }
    .medium-title { font-size: 3.2rem; }


    /*	X.	Header
    /* ------------------------------------- */
    
    .bg-image .header { 
        background: rgba( 0, 0, 0, 0.25 );
        background:    -moz-linear-gradient( top, rgba( 20, 20, 20, 0.5 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
        background: -webkit-linear-gradient( top, rgba( 20, 20, 20, 0.5 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
        background:   linear-gradient( to bottom, rgba( 20, 20, 20, 0.5 ) 0%, rgba( 20, 20, 20, 0 ) 100% );
    }

    .main-menu { display: none; }

    /* Nav Toggle */
    
    body.mobile-menu-visible { overflow-y: hidden; }

    .nav-toggle {
        display: block;
        height: 4rem;
        margin-top: -2.2rem;
        position: absolute; 
            right: 0;
            top: 50%;
        width: 4rem;
        z-index: 10000;
    }

    .nav-toggle .bar {
        background: #2d2d2d;
        height: .2rem;
        margin-left: -1.3rem;
        position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transition: opacity 0.2s linear 0.2s, background 0.2s linear 0.2s, margin 0.2s linear 0.2s, -webkit-transform 0.2s linear 0s;
            -moz-transition:    opacity 0.2s linear 0.2s, background 0.2s linear 0.2s, margin 0.2s linear 0.2s, -moz-   transform 0.2s linear 0s;
            -o-transition:      opacity 0.2s linear 0.2s, background 0.2s linear 0.2s, margin 0.2s linear 0.2s, -o-     transform 0.2s linear 0s;
        transition:             opacity 0.2s linear 0.2s, background 0.2s linear 0.2s, margin 0.2s linear 0.2s,         transform 0.2s linear 0s;
        width: 2.6rem;
    }
    
    .bg-image .nav-toggle .bar { 
        background: #fff; 
        box-shadow: 0 0 0.5rem rgba( 0, 0, 0, 0.15 );
    }

    .nav-toggle .bar:nth-child(1) { margin-top: -0.7rem; }
    .nav-toggle .bar:nth-child(2) { margin-top: 0; }
    .nav-toggle .bar:nth-child(3) { margin-top: 0.7rem; }

    .nav-toggle:hover { cursor: pointer; }

    .nav-toggle.active .bar {
        background: #a08f68;
        box-shadow: none;
            -webkit-transition: opacity 0.2s linear 0s, margin 0.2s linear 0s, -webkit-transform 0.2s linear 0.2s;
            -moz-transition:    opacity 0.2s linear 0s, margin 0.2s linear 0s, -moz-   transform 0.2s linear 0.2s;
            -o-transition:      opacity 0.2s linear 0s, margin 0.2s linear 0s, -o-     transform 0.2s linear 0.2s;
        transition:             opacity 0.2s linear 0s, margin 0.2s linear 0s,         transform 0.2s linear 0.2s;
    }

    .nav-toggle.active .bar:nth-child(1),
    .nav-toggle.active .bar:nth-child(3) { 
        margin-top: 0; 
    }

    .nav-toggle.active .bar:nth-child(1) {
            -webkit-transform: rotate( 45deg );
            -moz-transform: rotate( 45deg );
        transform: rotate( 45deg );
    }

    .nav-toggle.active .bar:nth-child(2) { opacity: 0; }

    .nav-toggle.active .bar:nth-child(3) {
            -webkit-transform: rotate( -45deg );
            -moz-transform: rotate( -45deg );
        transform: rotate( -45deg );
    }

    /* Mobile menu */

    body.mobile-menu-visible {
        height: 100%;
        overflow: hidden;
    }

    .mobile-menu-container {
        display: none;
        position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            top: 0;
        z-index: 9999;
    }

    .mobile-menu-container .section-inner {
        margin-top: -20.2rem;
        opacity: 0;
        position: absolute;
            left: 0;
            right: 0;
            top: 50%;
    }
    
    .mobile-menu-container .section-inner,
    .mobile-menu-container.active .section-inner {
            -webkit-transition: opacity 0.5s ease-in-out;
            -moz-transition:    opacity 0.5s ease-in-out;
            -ms-transition:     opacity 0.5s ease-in-out;
            -o-transition:      opacity 0.5s ease-in-out;
        transition:             opacity 0.5s ease-in-out;
    }
    
    .mobile-menu-container.active .section-inner { opacity: 1; }

    .mobile-menu:after {
        background: #4d4d4d;
        content: "";
        display: block;
        height: .2rem;
        margin: 6rem auto;
        width: 8rem;
    }

    .mobile-menu li,
    .mobile-menu-container .social-buttons {
        text-align: center;
    }

    .mobile-menu li + li { margin-top: 4rem; }

    .mobile-menu a {
        color: #fff;
        font-size: 3.2rem;
    }

    .mobile-menu a:hover { color: #fff; }
    
    .category .mobile-menu li:nth-child(2) a,
    .tag .mobile-menu li:nth-child(2) a,
    .mobile-menu .current-menu-item a,
    .single-post .mobile-menu li:nth-child(2) a { 
        color: #a08f68; 
    }

    .mobile-menu-container .social-buttons li + li { margin-left: 1rem; }
    
    .mobile-menu-container .social-buttons li span { top: 1.1rem; }


    /*	X.	Front Page
    /* ------------------------------------- */
    
    .site-overview a {
        float: none;
        height: 28rem;
        width: 100%;
    }
    
    .site-overview a + a { margin: 5% 0 0 0; }
    
    .site-overview h3, 
    .site-overview p {
        width: 23rem;
    }
    
    .site-overview h3:after { margin: 1.8rem auto 2.3rem auto; }
    
    
    /*	X.	Blog
    /* ------------------------------------- */
    
    .archive-title { font-size: 4.8rem; }
    
    /* Featured Posts */
    
    .section.featured-posts,
    .post-sorting {
        margin-bottom: 5rem;
        padding-bottom: 0;
    }
    
    .featured-post .post-inner { padding: 0 5% 7.5% 5%; }
    
    .featured-posts .first-featured {
        float: none;
        width: 100%;
    }
    
    .featured-posts .second-featured { display: none; }
    
    /* Post Sorting */
    
    .post-sorting { display: none; }
    
    /* Puff Post */
    
    .big-puff-post { padding: 8rem 0; }
    
    /* Archive Post */
    
    .posts {
        float: none;
        width: 100%;
    }
    
    .archive-post {
        margin-top: 4rem;
        padding-top: 4rem;
    }
    
    
    /*	X.	Single Post
    /* ------------------------------------- */
    
    .single-cover-image { height: auto; }
    
    .single-cover-image img {
        height: auto;
        min-height: 50vh;
        width: 100%;
    }
    
    .single.no-top-padding.has-post-thumbnail { padding-top: 5rem; }
    
    .single.has-featured-image .post .post-inner { margin-top: 0; }
    .single.has-featured-image .post .post-inner:before { content: none; }
    
    .single-post .post-excerpt { margin-top: 2rem; }
    
    /* Read Next Section */
    
    .read-next-section .section-inner { display: block; }
    
    .read-next-section .featured-post {
        margin: 0 0 4rem 0;
        width: 100%;
    }
    
    .read-next-section .most-popular {
        min-width: 0;
        width: 100%;
    }


    /*	X.	Themes Archive
    /* ------------------------------------- */

    .themes-introduction #carbonads { margin: 4rem 0 -4rem; }

    /* FAQ */

    .faq .desktop-title { display: none; }
    .faq .mobile-title { display: block; }

    .faq .one-third {
        float: none;
        margin: 0;
        width: 100%;
    }

    .faq-item { padding: 2.5rem 0; }

    .faq-item + .faq-item { margin: 0; }
    
    .faq-wrapper .one-third:nth-child(3) .faq-item:last-child { padding-bottom: 0; }
    
    
    /*	X.	Single Theme
    /* ------------------------------------- */ 
    
    .single-theme-header #carbonads { margin: 6rem auto -5.5rem auto; }
    
    .theme-feature {
        display: block;
        margin-right: 0;
        width: 100%;
    }
    
    .theme-feature:nth-child(2) { margin-top: 5rem; }
    
    
    /*	X.	About Me
    /* ------------------------------------- */
    
    .front-about .anders-image {
        float: none;
        height: 50vh;
        margin-bottom: 4rem;
        overflow: hidden;
        width: 100%;
    }
    
    .front-about .anders-image img {
        margin-top: -2rem;
        max-width: 100%;
        width: 100%;
    }
    
    .front-about .post-content {
        float: none;
        padding-left: 25%;
        width: 100%;
    }
    

    /*	X.	Pagination
    /* ------------------------------------- */
    
    .pagination .section-inner { padding: 0; }
    
    .pagination .page-numbers { display: none; }
    
    .pagination .page-numbers.next,
    .pagination .page-numbers.prev {
        display: block;
        padding: 4rem 0;
        position: static;
    }
    
    .pagination .page-numbers.next { 
        float: right; 
        padding-left: 4rem; 
    }
    
    .pagination .page-numbers.prev { 
        float: left; 
        padding-right: 4rem; 
    }


    /*	X.	Footer
    /* ------------------------------------- */

    .tweet-content {
        font-size: 2.4rem;
        margin-bottom: 2rem;
    }
    
    .tweet-meta { font-size: 1.6rem; }

    .others { width: 18rem; }
    

}


@media ( max-width: 700px ) {


    /*	X.	Single Theme
    /* ------------------------------------- */
    
    .theme-meta.section { padding: 4rem 0; }
    
    .theme-meta .published .item:first-child { display: none; }
    .theme-meta .published .item:first-child + .item { margin-left: 0; }


}


@media ( max-width: 625px ) {


    /* Archive Post */
    
    .archive-post {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
    }
    
    .archive-post .post-image,
    .archive-post .post-header {
        float: none;
        width: 100%;
    }
    
    .archive-post .post-image { margin-bottom: 1.75rem; }
    
    .archive-post .post-image.fallback { display: none; }
    
    .archive-post .post-image.post-link { padding-bottom: 56.25%; }
    
    .archive-post .post-categories { font-size: 1.6rem; }
    .archive-post .post-date { font-size: 1.6rem; }


}


@media ( max-width: 600px ) {


    body { font-size: 1.8rem; }


    /*	X.	Structure
    /* ------------------------------------- */

    .section { padding: 6rem 0; }
    
    .front-about .section-inner + .section-inner {
        margin-top: 6rem;
        padding-top: 6rem;
    }
    
    .credits { margin-top: 6rem; }
    
    /* Titles */
    
    .big-title { font-size: 4.8rem; }
    .large-title,
    .medium-title,
    .small-title { font-size: 2.6rem; }
    .mini-title { font-size: 2rem; }
    
    /* Buttons */
    
    .button {
        font-size: 1.6rem;
        min-width: 0;
        padding: 1.5rem 1.9rem 1.4rem 1.9rem;
    }
    
    .button + .button { margin-left: 0.5rem; }
    
    .button span { display: none; }
    
    
    /*	X.	Header
    /* ------------------------------------- */
    
    .site-title { font-size: 2rem; }
    
    .mobile-menu-container .section-inner { margin-top: -16rem; }
    
    .mobile-menu li + li { margin-top: 3rem; }
    
    .mobile-menu a { font-size: 2.8rem; }
    
    .mobile-menu:after { margin: 4rem auto; }
    
    
    /*	X.	Front Page
    /* ------------------------------------- */    
    
    .site-overview a { height: 22rem; }
    
    .site-overview h3,
    .site-overview p {
        width: 20rem;
    }
    
    .site-overview h3:after { margin-bottom: 2rem; }
    
    
    /*	X.	Blog
    /* ------------------------------------- */
    
    .archive-title { font-size: 3.6rem; }
    
    /* Featured Posts */
    
    .blog .featured-posts { margin-bottom: 0; }
    
    .featured-post { min-height: 30rem; }
    
    .featured-post .post-categories { font-size: 1.8rem; }
    .featured-post .post-date { font-size: 1.6rem; }
    
    /* Puff Post */
    
    .puff-post {
        margin-top: 2.5rem;
        padding-top: 2.5rem;
    }
    
    .puff-post .post-image,
    .puff-post .post-header { 
        float: none;
        width: 100%;
    }
    
    .puff-post .post-image { margin-bottom: 1rem; }
    
    /* Big Puff Post */
    
    .big-puff-post { 
        margin: 4rem 0;
        padding: 26% 0 9.75%; 
    }
    
    .big-puff-post .post-title { margin: 1rem 0 1.5rem 0; }
    
    .big-puff-post .post-categories { font-size: 1.8rem; }
    .big-puff-post .post-date { font-size: 1.6rem; }
    
    
    /*	X.	Single Post
    /* ------------------------------------- */
    
    .single-post .post-header { margin-bottom: 5rem; }
    
    .single-post .post-header .post-meta { margin-top: 2.9rem; }
    
    .post-share-top { margin-top: 1.4rem; }
    
    .single-post-link {
        display: block;
        margin-top: 1.6rem;
        position: relative;
            right: 0;
            top: 0;
    }
    
    .single-post-link .fa {
        font-size: 1.8rem;
        left: 0; 
        margin-top: -0.9rem;
    }
    
    .single-post-link a { 
        border-top: .1rem solid #cdcdcd;
        border-bottom: .1rem solid #cdcdcd;
        display: block;
        padding: 1.6rem 0 1.5rem 2.6rem; 
        position: relative;
    }
    
    .post-share-bottom { margin-top: 3.5rem; }
    
    
    /*	X.	Post Content
    /* ------------------------------------- */
    
    .post-content { font-size: 1.8rem; }
    
    .post-content p,
    .post-content blockquote,
    .post-content ul,
    .post-content ol,
    .post-content address,
    .post-content dl,
    .post-content pre {
        line-height: 1.6;
        margin-bottom: 2rem;
    }
    
    .post-content h1, 
    .post-content h2, 
    .post-content h3, 
    .post-content h4, 
    .post-content h5, 
    .post-content h6 {
        margin: 5rem 0 2rem;
    }

    .post-content h1 { font-size: 4rem; }
    .post-content h2 { font-size: 3.6rem; }
    .post-content h3 { font-size: 3.2rem; }
    .post-content h4 { font-size: 2.8rem; }
    .post-content h5 { font-size: 2.4rem; }
    .post-content h6 { font-size: 1.6rem; }

    .post-content h1 + h1, .post-content h1 + h2, .post-content h1 + h3, .post-content h1 + h4, .post-content h1 + h5, .post-content h1 + h6,
    .post-content h2 + h1, .post-content h2 + h2, .post-content h2 + h3, .post-content h2 + h4, .post-content h2 + h5, .post-content h2 + h6,
    .post-content h3 + h1, .post-content h3 + h2, .post-content h3 + h3, .post-content h3 + h4, .post-content h3 + h5, .post-content h3 + h6,
    .post-content h4 + h1, .post-content h4 + h2, .post-content h4 + h3, .post-content h4 + h4, .post-content h4 + h5, .post-content h4 + h6,
    .post-content h5 + h1, .post-content h5 + h2, .post-content h5 + h3, .post-content h5 + h4, .post-content h5 + h5, .post-content h5 + h6,
    .post-content h6 + h1, .post-content h6 + h2, .post-content h6 + h3, .post-content h6 + h4, .post-content h6 + h5, .post-content h6 + h6 {
        margin-top: 2rem;
    }
    
    .post-content hr { margin: 5rem auto 5rem auto; }
    
    .post-content blockquote.pull { display: none; }
    
    /* Post Media */
    
    .post-content .alignnone { margin: 4rem 0 4rem 50%; }
    
    .post-content .alignnone .wp-caption-text {
        margin-left: auto;
        margin-right: auto;
        max-width: 87%;
        text-align: left;
    }
    
    .post-content .alignleft,
    .post-content .alignright {
        margin-bottom: 2rem;
    }
    
    .post-content .alignleft { margin-right: 3rem; }
    .post-content .alignright { margin-left: 3rem; }
    
    
    /*	X.	Theme Archive
    /* ------------------------------------- */
    
    .themes-introduction #carbonads { margin: 3rem 0 -2.5rem; }
    
    .premium-theme .theme-header { padding-right: 0; }
    
    .themes-list { padding-bottom: 4rem; }
    
    .archive-theme .price { 
        font-weight: 500;
        margin-left: 0.1rem; 
    }
    
    .faq-wrapper { margin-top: 3rem; }
    
    
    /*	X.	Single Theme
    /* ------------------------------------- */
    
    .theme-subtitle {
        font-size: 2.4rem;
        margin: 1.6rem 0 2rem;
    }
    
    .single-theme-header #carbonads { margin: 4.5rem auto -1.5rem auto; }
    
    /* Theme Meta */
    
    .theme-meta.section { padding: 3.1rem 0 2.8rem; }
    
    .theme-meta-container {
        float: none;
        text-align: center;
    }
    
    .theme-meta h6,
    .theme-meta p {
        text-align: center;
    }
    
    .theme-share { display: none; }
    
    /* Theme Image */
    
    .theme-image p { 
        font-size: 2.2rem; 
        margin-top: -1.1rem;
    }
    
    .theme-image p span { display: none; }
    .theme-image a:hover p { margin-top: 0.3rem; }
    
    /* Related Themes */
    
    .related-themes .archive-theme { width: 47.5%; }
    
    .related-themes .archive-theme:nth-child(3) { display: none; }
    
    
    /*	X.	About Me
    /* ------------------------------------- */
    
    .front-about .post-content { padding-left: 0; }
    
    .front-about .post-content h4 {
        margin: 4rem 0 1rem 0;
        position: static;
        text-align: left;
        width: 100%;
    }
    
    /* Personal Projects */
    
    .projects li {
        font-size: 1.8rem;
        margin-top: 3rem;
        padding-top: 1.5rem;
    }
    
    .projects .year,
    .projects .title {
        display: inline;
        font-weight: 700;
        width: auto;
    }
    
    .projects .title { margin-left: 1rem; }
    
    .projects .description {
        margin: 1rem 0 0 0; 
        width: 100%;
    }
    
    
    /*	X.	Footer
    /* ------------------------------------- */
    
    .latest-tweet,
    .others {
        float: none;
        max-width: 100%;
        width: 100%;
    }

    .others { margin-top: 6rem; }
    
    .others li { display: inline-block; }
    .others li + li { margin: 0 0 0 0.5rem; }
    
    .others a { 
        padding: 0;
        text-indent: -9999rem;
        width: 4rem;
    }
    
    .others a span { text-indent: 0; }
    
    /* Credits */
    
    .credits { padding: 4rem 0; }
    
    .credits p { font-size: 1.6rem; }


}


@media ( max-width: 500px ) {


    /*	X.	Structure
    /* ------------------------------------- */
    
    /* Titles */
    
    .big-title { font-size: 3.4rem; }


    /*	X.	Front Page
    /* ------------------------------------- */
    
    .site-overview a { height: 20rem; }
    
    
    /*	X.	Blog
    /* ------------------------------------- */
    
    .archive-post .post-excerpt {
        font-size: 1.8rem;
    }
    
    /* Pagination */
    
    .pagination .page-numbers.next, 
    .pagination .page-numbers.prev {
        padding-bottom: 3rem;
        padding-top: 3.1rem;
    }


    /*	X.	Single Post
    /* ------------------------------------- */
    
    .single.no-top-padding.has-post-thumbnail { padding-top: 4rem; }
    
    .single-post .post-header { margin-bottom: 3rem; }
    
    .single-post .post-header .post-categories { 
        font-size: 1.8rem;
        margin-bottom: 1.5rem; 
    }
    
    .single-post .post-excerpt { 
        font-size: 2.2rem; 
        margin-top: 1.5rem;
    }
    
    .single-post .post-header .post-meta { 
        font-size: 1.6rem;
        margin-top: 2.2rem; 
    }
    
    .single-post .single-post-link { font-size: 1.6rem; }
    
    .post-share-top { margin-top: 1.2rem; }
    
    .post-share-top a {
        font-size: 1.6rem;
        height: 3.2rem;
        padding-top: 1rem;
        width: 3.2rem;
    }
    
    .post-share-bottom { margin-top: 2.5rem; }
    
    /* Most Popular */
    
    .most-popular li { 
        min-height: 7rem;
        overflow: hidden; 
        padding-right: 8.5rem;
        position: relative;
    }
    
    .popular-title { 
        font-size: 2rem; 
        padding-left: 4.5rem;
        width: 100%;
    }
    
    .popular-title:before { font-size: 4rem; }
    
    .popular-image,
    .most-popular .fallback-image {
        height: 7rem;
        position: absolute;
            right: 0;
            top: 0;
        width: 7rem;
    }
    
    .popular-image {
        overflow: hidden;
        text-align: center;
    }
    
    .popular-image img {
        display: block;
        height: 7rem;
        max-width: none;
        margin-left: 25%;
        position: relative;
            right: 50%;
        width: auto;
    }
    
    .most-popular .fallback-image { height: 7rem; }
    
    .most-popular .post-image.post-link {
        height: 7rem;
        position: absolute;
            right: 0;
            top: 0;
        width: 7rem;
    }
    
    .most-popular .post-image.post-link .border:before {
        left: 1rem;
        right: 1rem;
    }
    
    .most-popular .post-image.post-link .border:after {
        bottom: 1rem;
        top: 1rem;
    }
    
    
    /*	X.	Post Content
    /* ------------------------------------- */
    
    .post-content .embed-youtube iframe { margin: 0 auto; }
    

    /*	X.	Themes Archive
    /* ------------------------------------- */
    
    .themes-introduction { padding-bottom: 4rem; }
    
    .archive-theme,
    .donate-block {
        margin-bottom: 2rem;
    }
    
    .archive-theme .theme-header { margin-top: 1.4rem; }
    
    .archive-theme .theme-header h3, 
    .archive-theme .theme-header p { 
        font-size: 1.8rem; 
    }
    
    .archive-theme .theme-header p { margin-top: 0.5rem; }
    
    /* Donate Block */
    
    .donate-block h3 { font-size: 3.2rem; }
    
    .donate-block h3 + p { 
        font-size: 2rem; 
        margin: 1.25rem 0 2rem;
    }
    
    
    /*	X.	Single Theme
    /* ------------------------------------- */
    
    .theme-meta.section { padding: 2.7rem 0 2.4rem; }
    
    .theme-meta .item p { font-size: 1.8rem; }
    
    .not-published .item:nth-child(2) { display: none; }
    
    /* Theme Image */
    
    .theme-image { 
        max-width: 75%;
        padding-top: 2.3rem; 
    }
    
    .theme-image-2 { max-width: 80%; }
    
    .theme-image .buttons { top: 0.7rem; }
    
    .theme-image .buttons,
    .theme-image .buttons:before,
    .theme-image .buttons:after {
        height: 1rem;
        left: 0.7rem;
        width: 1rem;
    }
    
    .theme-image .buttons:before { left: 1.4rem; }
    .theme-image .buttons:after { left: 2.8rem; }
    
    /* Theme Feature */
    
    .theme-feature,
    .theme-feature:nth-child(2) {
        margin-top: 3rem;
    }
    
    .theme-feature { padding-left: 6.6rem; }
    
    .theme-feature .fa { font-size: 4rem; }
    .theme-feature .responsive .fa-mobile { font-size: 3.2rem; }
    
    .theme-feature strong { 
        font-size: 2rem; 
        margin-bottom: 1rem;
    }
    
    .theme-feature p { font-size: 1.8rem; }
    
    
    /*	X.	Footer
    /* ------------------------------------- */
    
    .widget-title { font-size: 1.4rem; }
    
    .widget-title:after { margin: 1.2rem 0 2.4rem 0; }
    
    .tweet-content { 
        font-size: 2rem; 
        line-height: 1.35;
    }
    
    .tweet-meta { 
        font-size: 1.5rem; 
        margin-bottom: 1.5rem;
    }
    
    .credits p { font-size: 1.4rem; }


}



@media ( max-width: 420px ) {


    /*	X.	Structure
    /* ------------------------------------- */

    .big-title { font-size: 3.2rem; }
    
    .section { padding: 5rem 0; }
    
    .front-about .section-inner + .section-inner {
        margin-top: 3.5rem;
        padding-top: 3.5rem;
    }
    
    .credits { margin-top: 5rem; }
    
    
    /*	X.	Blog
    /* ------------------------------------- */
    
    .archive-post .post-image.post-link .border:before {
        left: 3rem;
        right: 3rem;
    }
    
    .archive-post .post-image.post-link .border:after {
        bottom: 3rem;
        top: 3rem;
    }
    
    .post-image.post-link p { margin-top: -0.9rem; }
    
    .featured-post .post-inner { padding-bottom: 6%; }
    
    .featured-post .post-title { margin: 0.8rem 0 0.8rem 0; }
    
    
    /*	X.	Single Post
    /* ------------------------------------- */
    
    .single.no-top-padding.has-post-thumbnail { padding-top: 3.5rem; }
    
    .single-post .post-header .post-categories { 
        font-size: 1.6rem; 
        margin-bottom: 1.2rem;
    }
    
    .single-post .post-excerpt { font-size: 2rem; }
    
    .single-post .post-header .post-meta { margin-top: 1.8rem; }
    
    .post-share-top { margin-top: 0.8rem; }


    /*	X.	Post Content
    /* ------------------------------------- */
    
    .post-content h1 { font-size: 3.6rem; }
    .post-content h2 { font-size: 3.2rem; }
    .post-content h3 { font-size: 2.8rem; }
    .post-content h4 { font-size: 2.4rem; }
    .post-content h5 { font-size: 2.2rem; }
    .post-content h6 { font-size: 1.6rem; }
    
    .post-content blockquote { padding: 2rem; }
    .post-content blockquote:before { content: none; }
    
    .post-content .alignleft,
    .post-content .alignright {
        float: none;
        margin: 3rem auto 2.6rem auto;
        max-width: 100%;
    }
    
    .post-content .alignleft img,
    .post-content .alignright img {
        margin: 0 auto;
    }
    
    .post-content .wp-caption-text { margin-top: 1.5rem; }


    /*	X.	Themes Archive
    /* ------------------------------------- */
    
    .carbon-text { font-size: 1.4rem; }
    
    .download-count .number { font-size: 22vw; }
    
    .download-count p { 
        display: block;
        font-size: 1.4rem; 
        font-weight: 500;
        text-align: right;
    }
    
    .themes-list { padding-bottom: 2.5rem; }
    
    .donate-block h3 { font-size: 2.9rem; }
    
    .donate-block h3 + p { font-size: 1.8rem; }
    
    .donate-block p span { display: none; }
    
    .question { font-size: 1.8rem; }
    
    
    /*	X.	Single Theme
    /* ------------------------------------- */
    
    .theme-subtitle { font-size: 2.2rem; }
    
    
    /*	X.	Footer
    /* ------------------------------------- */
    
    .others { margin-top: 5rem; }
    
    .credits { padding: 3rem 0; }


}


@media ( max-width: 350px ) {


    /*	X.	Single Post
    /* ------------------------------------- */

    .single-post-link a { padding: 1.4rem 0 1.2rem 2.6rem; }
    

    /*	X.	Theme Archive
    /* ------------------------------------- */
    
    #carbonads { padding-left: 11.5rem; }
    
    .carbon-img img { width: 10rem; }
    
    .carbon-text { font-size: 1.3rem; }
    
    .carbon-poweredby { font-size: 1.1rem; }
    
    .archive-theme .theme-header h3, 
    .archive-theme .theme-header p {
        font-size: 1.6rem;
    }

    /* Donate Block */

    .donate-block { padding: 3rem 3rem 3rem 0; }

    .donate-block h3 { font-size: 2.5rem; }
    
    .donate-block .footnote { margin-top: 3rem; }
    

    /*	X.	Footer
    /* ------------------------------------- */
    
    .tweet-meta a span { display: none; }
    
    .tweet-content { font-size: 2rem; }
    
    .credits p + p a { display: none; }
    .credits p a + a { display: inline; }


}