/*
Theme Name: Colectivo Futuro
Theme URI: http://underscores.me/
Author: Arash Fattahi Acosta and Meta Matic
Author URI: http://cargocollective.com/afattahi/
Description: This is the main theme for Colectivo Futuro's website.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: colectivo-futuro
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

 colectivo-futuro is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.

Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Reset
2.0 Typography
3.0 Elements
4.0 Forms
5.0 Accesibility
6.0 Clearings
7.0 Navigation
    7.1 Links
    7.2 Header
        7.2.1 Header Menus
        7.2.2 CF Home Button
        7.2.3 Main Navigation Menu
        7.2.4 Header Search
        7.2.5 Optional Banner At The Beginning Of The Site
    7.3 Footer
8.0 Home Section
    8.1 Index Box - Top Articles
    8.2 Aside and About Home Section
9.0 Category Pages
10.0 Content
    10.1 Individual Articles
        10.1.1 Main Title
        10.1.2 Featured Images - Jumbotron
        10.1.3 Article Introduction
        10.1.4 Article Main Content
        10.1.5 Blockquotes
        10.1.6 Next and Previous Navigation Buttons
        10.1.7 Archive and Related Articles Widget Section
        10.1.8 Media
        10.1.9 Captions
        10.1.10 Galleries
        10.1.11 Meta Info
        10.1.12 Comments
11.0 Search Widget
12.0 Asides
13.0 Search Results and 404 Page
14.0 Infinite Scroll
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Reset
--------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
}

html {
    font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
    overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
    -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
    -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
    box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
}
*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff; /* Fallback for when there is no custom background color defined. */
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
    display: block;
}

ol,
ul {
    list-style: none;
}

table { /* tables still need 'cellspacing="0"' in the markup */
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    font-weight: normal;
    text-align: left;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    outline: 0;
}

a img {
    border: 0;
}

/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/
@font-face {
    font-family: EB Garamond;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Garamond-BE-Regular.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: EB Garamond Small Caps;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Garamond-BE-Regular-Small-Caps-Oldstyle-Figures.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: EB Garamond Condensed;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Garamond-BE-Condensed.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Imago;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Berthold-Imago-Book.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Imago Medium;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Berthold-Imago-Medium.ttf);  
    font-weight: normal;  
}

@font-face {
    font-family: Imago Light;  
    src: url(/wp-content/themes/colectivo-futuro/fonts/Berthold-Imago-Light.ttf);  
    font-weight: normal;  
}

body,
button,
input,
select,
textarea {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    font-size: 1.6rem;
    color: #000;	
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    font-family: 'Imago', sans-serif;
    color: #000;
}

b,
strong {
    font-weight: 700;
}

/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
    background-color: #ccc;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    max-width: 100%; /* Adhere to container width. */
    height: auto; /* Make sure images are scaled correctly. */
}

figure {
    margin: 5em auto 4em auto;
}

table {
    width: 100%;
    margin: 0 0 1.5em;
}

th {
    font-weight: bold;
}

/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {
    margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
    vertical-align: baseline; /* Improves appearance and consistency in all browsers */
    font-size: 100%; /* Corrects font size not being inherited in all browsers */
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 0.3em 0.6em 0.4em;
    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: 1px solid #000000;
    font-family: 'EB Garamond Small Caps', serif;
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    line-height: 1;
    color: #000;
    background: #fff;
    cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
    -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    background: #fff;
    text-decoration: underline;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    background: #fff;
    text-decoration: underline;
    outline: none;
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0; /* Addresses excess padding in IE8/9 */
}

input[type="search"] {
    -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
    box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
    -webkit-appearance: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    padding: 8px;
    border: 1px solid #ccc;
    font-family: 'Imago', sans-serif;
    color: #333;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    color: #111;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {
    padding: 3px;
}

textarea {
    width: 100%;
    padding-left: 3px;
    overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
    vertical-align: top; /* Improves readability and alignment in all browsers */
}


/*--------------------------------------------------------------
5.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {
    position: absolute !important;
    right: 0;
    height: 1px;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
    display: block;
    top: 5px;
    left: 5px;
    z-index: 100000; /* Above WP toolbar */
    width: auto;
    height: auto;
    padding: 15px 23px 14px;
    border-radius: 3px;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #21759b;
    line-height: normal;
    text-decoration: none;
    background-color: #f1f1f1;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
}

/*--------------------------------------------------------------
6.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
    display: table;
    content: "";
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
    clear: both;
}

/*--------------------------------------------------------------
7.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.1 Links
--------------------------------------------------------------*/
a {
    text-decoration: none;
    color: #000;
}

a:visited {
    color: #000;
}

a:hover,
a:focus,
a:active {
    text-decoration: underline;
}

/*--------------------------------------------------------------
7.2 Header
--------------------------------------------------------------*/
/*--------------------------------------------------------------
7.2.1 Header Menus
--------------------------------------------------------------*/
.nav-menu-container {
    display: block;
    position: fixed;
    z-index: 4;
    clear: both;
    float: left;
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #000;   
    font-family: 'EB Garamond Small Caps', serif;
    text-transform: lowercase;
    background: rgba(255, 255, 255, 0.89);
}

/*--------------------------------------------------------------
7.2.2 CF Home button
--------------------------------------------------------------*/

.menu-cfhome ul {
    float: left;
    margin: 0;
    padding: 0.45em 0 0 0.5em; 
    list-style: none;
}

/*--------------------------------------------------------------
7.2.3 Main Navigation Menu
--------------------------------------------------------------*/

.main-navigation ul {
    position: relative;
    float: right;
    margin: 0;
    list-style: none;
}

.main-navigation li {
    display: inline-block;
    position: relative;
    float: left;
    border-right: 1px solid #000;
}

.main-navigation li:first-child {
    border-left: 1px solid #000;
}

.main-navigation a {
    display: block;
    padding: 0.4em 0.6em 0.5em;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
}
.main-navigation a, x:-moz-any-link, x:default {
    font-size: 13px;
    font-size: 1.3rem;
}

.main-navigation ul ul {
    display: none;
    position: absolute;
    left: 0;
    z-index: 99999;
    float: left;
    margin-top: -1px;
    margin-left: -1px;
    padding: 0;
    border: 1px solid #000;
    background: rgba(255, 255, 255, 0.89);
    
}
.main-navigation ul ul, x:-moz-any-link, x:default {
    margin-top: 0;
}

.main-navigation ul ul li,
.main-navigation ul ul li:first-child {
    border: none;
}

.main-navigation ul ul a {
    width: 150px;
}

.main-navigation .current-menu-item > a,
.main-navigation .current-menu-item > a:hover,
.main-navigation ul li.current-category-parent > a {
    color: #fff;
    background: #000;
}

/* Small menu */
.menu-toggle {
    display: none;
}

@media screen and (max-width: 1023px) {
    .nav-menu-container {
        position: relative;
        min-height: 50px;
        height: auto;
        padding: 0.6em 0;   
    }

    .menu-cfhome ul {
        padding-top: 0.5em;
    }

    .menu-toggle {
        display: block;
        float: right;
        width: 30px;
        padding: 0.35em 2em 0 0;
        border: none;
        color: transparent;
        white-space: nowrap; 
        overflow: hidden; 
    }

    .menu-toggle:before {
        font-family: 'Fontawesome';
        font-size: 22px;
        font-size: 2.2rem;
        color: #000;
        -webkit-font-smoothing: antialiased;
        content: '\f0c9';
    }
    
        
    .main-navigation.toggled .nav-menu {
            display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
            display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
            display: -ms-flexbox;      /* TWEENER - IE 10 */
            display: -webkit-flex;     /* NEW - Chrome */
            display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
            -webkit-box-flex-wrap: wrap;
            -moz-box-flex-wrap: wrap;
            -webkit-flex-wrap: wrap;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap; 
            -webkit-box-flex-direction: column;
            -moz-box-flex-direction: column;
            -webkit-flex-direction: column;
            -ms-flex-direction: column;
            flex-direction: column;
            float: right;
            border: none;

    }
        
    .main-navigation ul {
        display: none;
        width: 149px;
        padding-top: 2em;
    }

    .main-navigation li {
        border: none;
    }

    .main-navigation li:first-child {
        border: none;
    }      

    .main-navigation li a {
        padding: 0.5em 0;
        border: none;
        text-align: right;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .main-navigation ul ul {
        display: block;
        position: relative;
        float: right;
        margin: 0;
        border: none;
        background: #fff;
    }

    .main-navigation ul ul a { 
        width: 150px; 
    }

    .main-navigation .current-menu-item > a,
    .main-navigation .current-menu-item > a:hover,
    .main-navigation ul li.current-category-parent > a {
        color: #000;
        background: #fff;
    }      
}

/*--------------------------------------------------------------
7.2.4 Header Search
--------------------------------------------------------------*/

.search-toggle {
    float: right;
    width: 30px;
    height: 30px;
    padding: 0.5em 1em 0.5em 0.6em;
    font-size: 13px;
    font-size: 1.3rem;
    cursor: pointer;
}

.search-box-wrapper {
    display: none;
    position: fixed;
    z-index: 2;
    width: 100%;
    background: transparent;
}

.search-box {
    padding: 2.45em 1.8em 0;
    background: transparent;
}

.search-box .search-field {
    max-width: 471px;
    width: 100%;
    padding: 0.2em 0.6em 0.3em;
    border: solid 1px #000;
    float: right;
    font-family: 'EB Garamond Small Caps', serif;
    font-size: 14px;
    font-size: 1.4rem;
    text-transform: lowercase;
    background: rgba(255, 255, 255, 0.89);
    outline: none;
}

.search-box .search-field, x:-moz-any-link, x:default {
    max-width: 440px;
}

@media screen and (max-width: 1023px) {
    .search-toggle {
        font-size: 18px;
        font-size: 1.8rem;
        margin: 0;
        padding: 0.2em 0 0;
    }
    
    .search-box-wrapper {
        position: absolute;
    }
    
    .search-box {
        padding: 3.8em 0.8em 0 2em;
        background: transparent;
    }
    
    .search-box, x:-moz-any-link, x:default {
        padding-top: 3.9em;
    }
}

.error404 .search-submit,
.search .search-submit,
.search-box .search-submit { 
    display: none; 
}


/* Header responsive */
@media screen and (max-width: 1023px) {
    .site-branding {
        padding: 0; 
    }

    .title-box {
        max-width: 100%;
        margin: 0;
        padding: 2em;
        border: none;
    }
}


/*--------------------------------------------------------------
7.2.5 Optional banner at the beggining of the site
--------------------------------------------------------------*/
.header-image img {
    display: block;
    margin: 0;
}

.header-background-image {
    background: no-repeat center;
    background-size: cover!important;
    -moz-background-size: cover!important;
    -webkit-background-size: cover!important;
}

/*.header-background-image .title-box {
    background: #fff;
    background: rgba(255, 255, 255, 0.2);
}

.site-branding {
    padding: 3em 0;
    text-align: center;
    background: #fff;
    background: rgba(0, 0, 0, 0.5);
}

.site-title {
    padding-bottom: 0.5em;
    font-family: 'EB Garamond', serif;
    font-size: 40px;
    font-size: 4.5rem;
    font-weight: 700;
    text-transform: uppercase;
    line-height: normal;
}

.site-description {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 100;
}

.title-box {
    max-width: 100px;
    width: 75%;
    margin: 0;
    padding: 0;
}

.site-branding a { 
    text-decoration: none; 
}*/


/*--------------------------------------------------------------
7.3 Footer
--------------------------------------------------------------*/

.site-footer {
    position: relative;
    clear: both;
    width: 100%;
    height: 30px;
    border-top: 1px solid #000;
    background: #fff;
}

.site-info {
    display: inline-block;
    position: relative;
    padding: 0.3em 0 0 0.8em;
    margin: 0;
    font-family: 'Imago', sans-serif;
    font-size: 10px;
    font-size: 1rem;
    color: #000;
    text-align: left;
    
}

.menu-social ul {
    float: right;
    margin-right: 0.4em;
    text-align: center;
    list-style: none;
}

.menu-social ul li {
    display:  inline-block;
    position: relative;
    height: 28px;
    padding: 0.3em 0.6em 0;
    margin: 0;
    border-left: 1px solid #000;
}

.menu-social li a:before {
    display: inline-block;
    vertical-align: top;
    font-family: 'Fontawesome';
    font-size: 20px;
    font-size: 2rem;
    color: #000;
    -webkit-font-smoothing: antialiased;
    content: '\f0c0';
}

.menu-social li a[href*="facebook.com"]::before { content: '\f09a'; }

.menu-social li a[href*="twitter.com"]::before { content: '\f099'; }

.menu-social li a[href*="dribbble.com"]::before { content: '\f17d'; }

.menu-social li a[href*="plus.google.com"]::before { content: '\f0d5'; }

.menu-social li a[href*="pinterest.com"]::before { content: '\f0d2'; }

.menu-social li a[href*="github.com"]::before { content: '\f09b'; }

.menu-social li a[href*="tumblr.com"]::before { content: '\f173'; }

.menu-social li a[href*="youtube.com"]::before { content: '\f167'; }

.menu-social li a[href*="flickr.com"]::before { content: '\f16e'; }

.menu-social li a[href*="vimeo.com"]::before { content: '\f194'; }

.menu-social li a[href*="instagram.com"]::before { content: '\f16d'; }

.menu-social li a[href*="linkedin.com"]::before { content: '\f0e1'; }

.menu-social li a[href*="soundcloud.com"]::before { content: '\f1be'; }

.menu-social li a[href*="mixcloud.com"]::before { content: '\f289'; }

.menu-social li a[href*="feedburner.com"]::before { content: '\f143'; }

@media screen and (max-width: 1023px) {
    .menu-social ul {
        display: block;
        position: relative;
        top: 0;
        clear: both;
        width: 100%;
        margin: auto;
        padding-bottom: 2em;
    }
    
    .menu-social ul li {
        padding: 0.15em 0.6em 0;
        border-left: none;
        border-right: 1px solid #000;
    }
    
    .menu-social li:first-child {
        border-left: 1px solid #000;
    }
    
    .menu-social li a:before {
        font-size: 24px;
        font-size: 2.4rem;
    }
    
    .site-info {
        display: block;
        clear: both;
        padding-bottom: 4em;
        margin: auto;
        text-align: center;
    }
}

/*--------------------------------------------------------------
8.0 Home Section
--------------------------------------------------------------*/
/*--------------------------------------------------------------
8.1 Index Box - Top Articles
--------------------------------------------------------------*/
.index-box {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 1000px;
    width: 100%;
    height: auto;
    margin: 4em auto 0;
    padding: 0;
    background: #fff;
}

.index-box, x:-moz-any-link, x:default {
    display: initial;
}

@media screen and (max-width: 1023px) {
    .index-box {
        margin: 0 auto;
    }
}

.home-index-box-individual {
    position: relative;
    min-width: 300px;
    max-width: 1000px;
    width: 100%;
    min-height: 90px;
    max-height: 300px;
    height: 100%;
    margin: 0 auto;
    padding: 0;
}

.home-index-box-individual img {
    display: block;
}

.home-index-box-individual-text-box {
    display: table;
    position: relative;
    z-index: 1;
    max-width: 1000px;
    width: auto;
    height: 40px;
    margin-top: -40px;
    background-color: rgba(0, 0, 0, .7);
}

.home-index-box-individual-text-box h1 {
    padding: 0.45em 0.7em 0;
    font-family: 'Imago', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 300;
    text-transform: lowercase;
    background-size: contain;
    overflow: hidden;
    white-space: nowrap;
}

.home-index-box-individual-text-box h1 a {
    color: #eee;
}

.home-index-box-individual-text-box h1 a:hover {
    text-decoration: none;
}

@media screen and (max-width: 499px) {
    .home-index-box-individual-text-box h1 a {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/*--------------------------------------------------------------
8.2 Aside and About Home Section
--------------------------------------------------------------*/
.index-aside-container {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-justify-content: space-between;
    -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    width: 1000px;
    margin: 3em auto 0;   
}

.index-aside-individual-box {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;    
    -webkit-box-align-items: flex-end;
    -moz-box-align-items: flex-end;
    -webkit-align-items: flex-end;
    -ms-align-items: flex-end;
    align-items: flex-end;
    width: 500px;
    margin-bottom: 2.6em;
}

.index-aside-individual-box h2, 
.index-aside-individual-box h2 a,
.index-about-footer span {
    font-family: 'Imago', sans-serif;
    font-size: 15px;
    font-size: 1.5rem;
    font-weight: 400;
    color: #000;
}

.index-aside-individual-box-text {
    width: 290px;
    padding-left: 0.5em;
    padding-bottom: 0.1em;
}

.index-aside-individual-box-text a {
    font-family: 'Imago', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 400;
    color: #cb7200;
}

.index-aside-individual-box-text a:hover {
    text-decoration: none;
}

#index-aside-individual-box-text-arrow {
    font-size: 12px;
    font-size: 1.2rem;
    color: #000;
}

.index-aside-container p,
.index-about-footer p {
    margin: 0;
    font-family: 'Imago', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    color: #999;
}

.index-about-footer {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    max-width: 1000px;
    width: 100%;
    margin: 0 auto 3em;
}

.index-about-footer p {
    text-align: justify;
}

@media screen and (max-width: 1023px) {  
    .index-aside-individual-box {
        -webkit-box-flex-direction: column;
        -moz-box-flex-direction: column;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 2.8em;
    } 

    .index-aside-individual-box-text {
        width: 170px;
        padding: 0;
    }
    
    .index-about-footer {
        padding: 0 0.5em;
    }
}

@media screen and (min-width: 800px) and (max-width: 1023px) {
    .index-aside-container {
        width: 800px;
    }

    .index-aside-individual-box {
        -webkit-box-align-items: flex-start;
        -moz-box-align-items: flex-start;
        -webkit-align-items: flex-start;
        -ms-align-items: flex-start;
        align-items: flex-start;
        width: 200px;
    } 
}

@media screen and (max-width: 799px) {
    .index-aside-individual-box div {
        margin: 0 auto;
    }
}

@media screen and (min-width: 500px) and (max-width: 799px) {
    .index-aside-container {
        max-width: 600px;
        width: 100%;
    }
    
    .index-aside-individual-box {
        width: 250px;
    }
}

@media screen and (max-width: 499px) {
    .index-aside-container {
        max-width: 200px;
        width: 100%;
    }
    
    .index-aside-individual-box {
        width: 200px;
    }
}

/*--------------------------------------------------------------
9.0 Category Pages
--------------------------------------------------------------*/

.category-index-header {
    max-width: 1000px;
    width: 100%;
    margin: 3.3em auto 0;
}

.category-index-header h1 {
    font-family: 'EB Garamond Small Caps', serif;
    text-transform: lowercase;
    font-size: 20px;
    font-size: 2rem;   
}

.category-index-description {
    width: 25%;
    margin-top: 1em;
    margin-bottom: 1em;
    font-family: 'EB Garamond', serif;
    font-size: 12px;
    font-size: 1.2rem;
}

.category-index-box-container {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    max-width: 1015px;
    max-width: 101.5rem;
    height: auto;
    width: 100%;
    margin: 1.2em auto 3em;
    padding-left: 0.45em;
}

.category-index-box-individual {
    position: relative;
    z-index: 0;
    margin-top: -0.5em;
    padding: 0;
}

.category-index-box-individual-text-box {
    position: absolute;
    width: 8em;
    height: 8em;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: -15em;
    margin-left: 1em;
    padding-right: 1rem;
    z-index: 1;
}

.category-index-box-individual-text-box h1 {
    padding-top: 0.4em;
    padding-left: 0.63em;
    font-family: 'Imago Light', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 300;
}

@media screen and (min-width: 510px) and (max-width: 1023px) {
    .category-index-header {
        max-width: 510px;
        max-width: 51rem;
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .category-index-header h1 {
        padding-bottom: 1em;
    }
    
    .category-index-description {
        width: 50%;
        margin: auto;    
    }
    
    .category-index-box-container {
        max-width: 510px;
        max-width: 51rem;
    }
}

@media screen and (max-width: 509px) {
    .category-index-header {
        max-width: 210px;
        width: 100%;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    
    .category-index-header h1 {
        padding-bottom: 1em;
    }

    .category-index-description {
        width: 100%;
        margin: auto;
    }

    .category-index-box-container {
        max-width: 210px;
        max-width: 21rem;
        margin-top: 4em;
    }
    .category-index-box-individual {
        margin-bottom: 0;
    }
    .category-index-box-individual-text-box {
        margin-top: -12.1em;
    }
}

/*--------------------------------------------------------------
10.0 Content
--------------------------------------------------------------*/
.site-content {
    background: #fff; 
    background: hsl(0, 0%, 100%);
}
.single .site-content,
.page .site-content { 
    background: #fff; 
    background: hsl(0, 0%, 100%);
}

.site-content .widget-area {
    float: none;
    clear: both;
    background: #fff;
    background: hsl(0, 0%, 100%);
}

.entry-header,
.entry-content,
.entry-meta,
.entry-footer,
.tag-links,
.post-navigation,
.comments-area,
.paging-navigation {
    position: relative;
    
}

.content-area, x:-moz-any-link, x:default {
    margin-top: 4em;
}

@media screen and (max-width: 1023px) {
    .content-area, x:-moz-any-link, x:default {
        margin-top: 0;
    }
}

/*--------------------------------------------------------------
10.1 Individual Articles
--------------------------------------------------------------*/

/*--------------------------------------------------------------
10.1.1 Main title
--------------------------------------------------------------*/
.entry-title-with-jumbotron {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding-top: 7em;
}

.entry-title-with-jumbotron h1 {
    padding-left: 0.48em;
    padding-bottom: 0.1em;
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    font-size: 63px;
    font-size: 6.3rem;
    line-height: 1.1;
    color: #222;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: contain;
    
}

@media screen and (max-width: 1023px) {
    .entry-title-with-jumbotron {
        padding: 0 1em;   
    }
    
    .entry-title-with-jumbotron h1 {
        padding: 0 0.2em;
        text-align: center;
    }   
}

@media screen and (min-width: 801px) and (max-width: 1023px) {
    .entry-title-with-jumbotron {
        padding-top: 6em;
    }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    .entry-title-with-jumbotron {
        padding-top: 4.7em;
    }
    .entry-title-with-jumbotron h1 {
        font-size: 55px;
        font-size: 5.5rem;
    }
}

@media screen and (min-width: 501px) and (max-width: 640px) {
    .entry-title-with-jumbotron {
        padding-top: 3.2em;
    }
    
    .entry-title-with-jumbotron h1 {
        font-size: 50px;
        font-size: 5rem;
    }
}

@media screen and (max-width: 500px) {
    .entry-title-with-jumbotron {
        padding-top: 3.2em;
    }
    
    .entry-title-with-jumbotron h1 {
        font-size: 40px;
        font-size: 4rem;
    }
}

/*--------------------------------------------------------------
10.1.2 Featured Images (Jumbotron)
--------------------------------------------------------------*/

.jumbotron-image {
    top: 0;
    left: 0;
    z-index: -1;
    height: 400px;
}

index-archive-jumbotron-image {
    z-index: -1;
    height: auto;
}

@media screen and (min-width: 641px) and (max-width: 800px) {
    .jumbotron-image {
        height: 300px;
    }
}

@media screen and (max-width: 640px) {
    .jumbotron-image {
        height: 250px;
    }
}

/*--------------------------------------------------------------
10.1.3 Article Introduction
--------------------------------------------------------------*/

.interview-intro-container {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-justify-content: flex-start;
    -moz-box-justify-content: flex-start;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding-bottom: 2em;
   
}

.interview-intro-container, x:-webkit-any-link, x:default {
    flex-wrap: nowrap;
}

.interview-intro-container ul {
    max-width: 300px;
    width: 100%;
    padding-right: 1.5em;
    text-align: right;
    list-style: none;
}

.interview-intro-container ul li {
    font-family: 'Imago', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.2;
}

.interview-intro-container ul li:first-child {
    margin-top: 0.35em;
    padding-bottom: 2.2em;
    font-family: 'EB Garamond', serif;
    text-transform: uppercase;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
}

.interview-intro-container ul li a {
    font-size: 16px;
    font-size: 1.6rem;
    text-decoration: none;
    color: #000;
}

.interview-intro-container ul li a:hover {
    text-decoration: underline;
}

.interview-intro-container section,
section.feature-introduction {
    max-width: 600px;
    width: 100%;
    font-family: 'Imago Light', sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
    color: #999;
    line-height: 1.26;
    text-align: justify;
    text-justify: inter-word;
}

.interview-intro-container section {
    margin: 0;
}

.feature-introduction {
    margin: 0 auto 2em;
}

.interview-intro-container section a,
section.feature-introduction a {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 300;
}

.interview-intro-container section span,
.feature-introduction span {
    font-weight: 700;
}

p.interview-question {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 1.5em 0 0;
    font-family: 'EB Garamond Small Caps', serif;
    font-size: 18px;
    font-size: 1.8rem;
    letter-spacing: 0.1rem;
    color: #000 !important; 
}

@media screen and (max-width: 1023px) {
    .interview-intro-container {
        -webkit-flex-wrap: wrap;
    }
    
    .interview-intro-container ul {
        max-width: 600px;
        margin: auto;
        padding: 0 2em 1em;
        text-align: center;
    }
    
    .interview-intro-container section,
    section.feature-introduction,
    p.interview-question {
        margin: 0 auto;
        padding: 0 1em;
    }    
}

@media screen and (min-width: 501px) and (max-width: 603px) { 
    .interview-intro-container ul li,
    .interview-intro-container ul li a {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.43;
    }
    
    .interview-intro-container ul li:first-child,
    p.interview-question {
        font-size: 16px;
        font-size: 1.6rem;
    }
    
    .interview-intro-container section,
    section.feature-introduction,
    .interview-intro-container section a,
    .feature-introduction a {
        font-size: 20px;
        font-size: 2rem;
    }    
}

@media screen and (max-width: 500px) {
    .interview-intro-container ul li,
    .interview-intro-container ul li a {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.7;
    }

    .interview-intro-container ul li:first-child,
    p.interview-question {
        font-size: 14px;
        font-size: 1.4rem;
    }
   
    .interview-intro-container section,
    section.feature-introduction,
    .interview-intro-container section a,
    .feature-introduction a {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.4;
    }
}

.feature-sub-title {
    max-width: 1000px;
    width: 100%;
    padding-left: 21.5em;
    padding-bottom: 1.5em;
}

h2.feature-sub-title a {
    font-family: 'EB Garamond Small Caps', serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #000;
}

/*--------------------------------------------------------------
10.1.4 Article Main Content
--------------------------------------------------------------*/

.entry-content a { 
    font-family: 'Imago Light', sans-serif;
    font-size: 19px;
    font-size: 1.9rem;
    color: #cb7200;
}

.entry-content a:hover {
    text-decoration: none;
}

.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6 {
    margin-bottom: 0.4em;
}

.entry-content h1 {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
    text-transform: uppercase;
}

.entry-content h2 {
    font-family: 'Imago', sans-serif;
    font-weight: 700;
    font-size: 20px;
    font-size: 2rem;
}

.entry-content h3 {
    font-family: 'EB Garamond Small Caps', serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
}

.entry-content h4 {
    font-family: 'Imago', sans-serif;
    font-weight: 400;
    font-size: 20px;
    font-size: 2rem;
}

.entry-content h5 {
    font-family: 'EB Garamond', serif;
    font-weight: 400;
    font-size: 19px;
    font-size: 1.9rem;
}

.entry-content h6 {
    font-family: 'Imago', sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.8rem;
}

.entry-content ul,
.entry-content ol {
    font-size: 20px;
    font-size: 2rem;
    color: #000;
}

.entry-content p {
    max-width: 600px;
    width: 100%;
    margin: 1em auto;
    font-size: 20px;
    font-size: 2rem;
    color: #5e5e5e;
    line-height: 1.6;
}

.entry-content blockquote p {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;    
    padding: 2em 0;
    font-family: 'EB Garamond Condensed', serif;
    font-size: 38px;
    font-size: 3.8rem;
    color: #000;
    text-transform: uppercase;
    line-height: 1.2;
    text-align: center;
}

@media screen and (max-width: 1023px) {
    .entry-content p {
        padding: 0 1em;
    }
    
    .entry-content blockquote p {
        padding: 2em 1em;
    }
}

@media screen and (min-width: 604px) and (max-width: 640px) {
    .entry-content p,
    .entry-content a {
        font-size: 18px;
        font-size: 1.8rem;
    }
    
    .entry-content blockquote p {
        font-size: 30px;
        font-size: 3rem;
    }
}

@media screen and (max-width: 603px) {
    .entry-content p,
    .entry-content a {
        font-size: 17px;
        font-size: 1.7rem;
    }
    
    .entry-content blockquote p {
        font-size: 30px;
        font-size: 3rem;
    }
}

/*--------------------------------------------------------------
10.1.5 Blockquotes
--------------------------------------------------------------*/


blockquote em { 
    font-weight: 700; 
}

blockquote cite {
    display: block;
    margin-top: 2em;
    margin-left: 5%;
    font-family: 'Imago', sans-serif;
    font-size: 12px;
    font-size: 1.2rem;
    font-weight: 700;
    text-align: right;
    text-transform: none;
    line-height: 1.5;
    
}

/* Blockquotes responsive */
/* Optional rules that set blockquotes to full width on smaller screens */



/*--------------------------------------------------------------
10.1.6 Next and Previous Navigation Buttons
--------------------------------------------------------------*/
.post-navigation {
    max-width: 1010px;
    width: 100%;
    margin: 0 auto;
}

.nav-links {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-flex-direction: row;
    -moz-box-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    height: 63px;
    padding-top: 0.5em;
    -webkit-box-justify-content: space-between;
    -moz-box-justify-content: space-between;
    -webkit-justify-content: space-between;
    -ms-justify-content: space-between;
    justify-content: space-between;
    font-size: 14px;
    font-size: 1.4rem;
    color: #000;
    border-top: 1px solid #000;
}

.nav-links, x:-webkit-any-link, x:default {
    flex-wrap: nowrap;
}

.nav-links .nav-previous,
.nav-links .nav-next {
    max-width: 300px;
    width: 100%;
}

.nav-links .nav-previous {
    float: left;
}

.nav-links .nav-next {
    float: right;
    text-align: right;
}

.nav-links h1 {
    font-family: 'Imago Medium';
}

.nav-links .nav-indicator {
    font-family: 'Imago Light', sans-serif;
}

@media screen and (max-width: 1023px) {
    .post-navigation {
        padding: 0 1em;
    }
}

@media screen and (min-width: 375px) and (max-width: 499px) {
    .nav-links {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 374px) {
   .nav-links {
        font-size: 11px;
        font-size: 1.1rem;
    }
}

/*--------------------------------------------------------------
10.1.7 Archive and Related Articles Widget Section
--------------------------------------------------------------*/
.widget {
    margin: 2em auto 5em;   
    font-family: 'Imago', sans-serif;
}

.widget-title {
    margin: 0 auto 2em;
    font-size: 20px;
    font-size: 2.0rem;
    font-weight: 400;
    text-align: center;
}

.rpwe-ul {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    max-width: 1010px;
    width: 100%;
    height: 300px;
    -webkit-box-flex-direction: column;
    -moz-box-flex-direction: column;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align-items: flex-start;
    -moz-box-align-items: flex-start;
    -webkit-align-items: flex-start;
    -ms-align-items: flex-start;
    align-items: flex-start;
    margin: 0 auto;
}

.rpwe-li {
    max-width: 245px;
    max-width: 24.5rem;
    width: 100%;
    height: 60px;
    font-size: 14px;
    font-size: 1.4rem;
    list-style-type: none;
}

.rpwe-block a {
    display: inline !important;
    text-decoration: none;
}

.rpwe-block h3 {
    clear: none;
    margin: 0;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    background: none;
}

.rpwe-time {
    color: #bbb;
    font-size: 11px;
    font-size: 1.1rem;
    text-transform: lowercase;
}

@media screen and (min-width: 533px) and (max-width: 1023px) {
    .widget {
        margin: 3em auto;
    }
    
    .widget-title {
        margin-bottom: 1.5em;    
    }
    .rpwe-ul {
        max-width: 500px;
        width: 100%;
        height: 500px;
    }
    
    .rpwe-li {
        padding: 0 10px;
        max-width: 245px;
        width: 100%;
        height: 50px;
    }
    
    .rpwe-li:nth-child(-n+10) {
        text-align: right;
    }
    
    .rpwe-block h3 {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

@media screen and (max-width: 532px) {
    .widget {
        margin: 2em auto;
    }
    
    .widget-title {
        margin-bottom: 1.5em;    
    }
    
    .rpwe-ul {
        max-width: 300px;
        width: 100%;
        height: 1040px;
        margin: auto;
        text-align: center;
    }
    
    .rpwe-li {
        max-width: 300px;
        width: 100%;
        height: 50px;
        margin: auto;
        
    }
    
    .rpwe-block h3 {
        margin: auto;
        font-size: 11px;
        font-size: 1.1rem;
        text-align: center;
    }
}


/* Make sure select elements fit in widgets */
.widget select {
    max-width: 100%;
}

/*--------------------------------------------------------------
10.1.8 Media
--------------------------------------------------------------*/

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    border: none;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
10.1.9 Captions
--------------------------------------------------------------*/

.wp-caption {
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    max-width: 100%;
    margin: 0 auto;     
}

.wp-caption-text {
    margin-bottom: 2em;
    font-family: 'Imago', sans-serif;
    font-size: 11px;
    font-size: 1.1rem;
    text-align: center;
}

/*--------------------------------------------------------------
10.1.10 Galleries
--------------------------------------------------------------*/

.gallery {
    margin-bottom: 1.5em;
}

.gallery-item {
    display: inline-block;
    vertical-align: top;
    width: 100%;
    text-align: center;
}

.gallery-columns-2 .gallery-item {
    max-width: 50%;
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
    max-width: 25%;
}

.gallery-columns-5 .gallery-item {
    max-width: 20%;
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%;
}

.gallery-caption {
    display: block;
}

/*--------------------------------------------------------------
10.1.11 Meta Info
--------------------------------------------------------------*/
.category-list {
    margin: 1.3em 0 1em;
    font-family: 'Imago', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.category-list a {
    color: #333;
}

.category-list a:hover {
    color: #000;
}

.entry-meta,
.entry-footer {
    margin: 0;
    padding: 0;
}

.entry-footer ul,
.entry-footer li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.sticky {
    display: block;
}

.byline,
.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 1.5em 0 0;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
10.1.12 Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}


/*--------------------------------------------------------------
11.0 Search Widget
--------------------------------------------------------------*/

.widget_search .search-submit {
    display: none;
}
/*--------------------------------------------------------------
12.0 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
    display: none;
}

/*--------------------------------------------------------------
13.0 Search Results and 404 Page
--------------------------------------------------------------*/

.search-results-index-box {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
    -webkit-box-flex-wrap: wrap;
    -moz-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
    max-width: 1000px;
    width: 100%;
    margin: 4em auto;
    padding: 0;
    background: #fff;
}

.search-results-page-header {
    width: 70%;
    margin: 3em auto 0;
}

.search-results-individual-container {
    max-width: 1000px;
    width: 80%;
    margin: 2em auto 3em;
    padding: 0;
    border-bottom: 1px solid #000;
    text-align: center;
}

.search-results-page-header h1 {
    font-family: 'Imago', sans-serif;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 700;  
}

.search-results-entry-header h1 {
    font-family: 'EB Garamond', serif;
    font-size: 30px;
    font-size: 3rem;
}

.search-results-entry-content {
    width: 70%;
    margin: 3em auto 0;
}

.search-results-entry-content p {
    font-family: 'EB Garamond', serif;
    font-size: 16px;
    font-size: 1.6rem;
}

.search-results-recent-posts-header {
    width: 100%;
}

.search-results-recent-posts-header h1 {
    width: 48%;
    margin: 3em auto;
    padding-top: 2em;
    font-family: 'Imago', sans-serif;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 700;
}

.search-results-entry-footer {
    padding-bottom: 0.8em;
    font-family: 'Imago', sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: 400;
}

.search-results-entry-footer a {
    font-weight: 700;
}


/*--------------------------------------------------------------
14.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {
    display: block;
}