/* ------------------------------------------------------------------------- *
 *  6.10 - Single Post
 * ------------------------------------------------------------------------- */
.post-top-meta {
    font-size: 13px;
    color: #a29ca2;
    padding: 10px 30px;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.post-top-meta .breadcrumb {
    float: left;
}

.post-top-meta .post-date {
    float: right;
    padding-left: 5px;
    font-size: 12px;
}

/*.post-top-meta .breadcrumb:before {
    content: '';
    border-style: solid;
    border-color: #e5e5e5 transparent transparent #e5e5e5;
    border-width: 6px 8px;
    position: absolute;
    bottom: -12px;
    left: 31px;
}
*/
/*
.post-top-meta .breadcrumb:after {
    content: '';
    border-style: solid;
    border-color: #fff transparent transparent #fff;
    border-width: 5px 7px;
    position: absolute;
    bottom: -10px;
    left: 32px;
}
*/
.post-top-meta .breadcrumb-item:after {
    color: #b9b9b9;
    content: '\f105';
    font-family: 'FontAwesome';
    padding: 0 8px;
    margin-right: -4px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.post-top-meta .breadcrumb-item.home-breadcrumb a {
    color: #a29ca2;
}

.post-top-meta .breadcrumb-item:last-child:after {
    display: none;
}

.post-header {
    padding-bottom: 10px;
    border-bottom: none;
}

.post-header figure.thumb {
    max-height: 450px;
    overflow: hidden;
}

.post-header figure.thumb .no-thumbnail-wrapper i {
    margin-top: 15%;
}

figure.featured-image {
    position: relative;
    overflow: hidden;
}

.post-header figure.featured-image {
    height: 450px;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}

@media (max-width: 768px) {
    .post-header figure.featured-image {
        height: 200px;
        background-position: top center;
    }
}

.post-header-wedge {
    height: 100%;
    /*0*/
    overflow: hidden;
    padding-bottom: 50%;
    position: absolute;
    background: transparent url('public/img/post-header-wedge.svg') left top no-repeat;
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: top;
    background-size: auto auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 0% 100%;
    display: block;
    bottom: -1px;
    left: -1px;
    width: 100%;
}

.post-header h1 {
    white-space: pre-wrap;
    font-size: 3em;
    line-height: 1.38;
    position: absolute;
    left: 15px;
    top: 30%;
    width: 50%;
}

span.heroheadline {
    display: inline;
    background-color: #fff;
    -webkit-box-decoration-break: clone;
    margin: 0;
    padding-top: 3px;
}

@media (max-width: 768px) {
    .post-header h1 {
        position: relative;
        width: 100%;
    }

    span.heroheadline {
        display: block;
    }
}

.post-header h2 {
    font-size: 2em;
}

.post-header .article-meta {
    margin-top: 2em;
    line-height: 1.4em;
}

.article-region {
    background: #fff;
    padding-right: 0.25em;
}

.article-region a:hover {
    text-decoration: underline;
}

.article-author {
    background: #fff;
    padding-right: 0.5em;
}


.post-header-container {
    margin: 30px 0;
}

.page-header-container {
    text-align: center;
    margin: 50px 20px;
}

.post-header .post-title {
    font-weight: normal;
}

.post-header .post-bottom-meta {
    color: #a29ca2;
}

.post .post-bottom-meta .post-author {
    font-weight: normal;
}

.post .post-bottom-meta .post-author a {
    font-weight: bolder;
}

.post .post-bottom-meta .post-total-comment a {
    color: #a29ca2;
}

.post .post-bottom-meta span,
.post .post-bottom-meta time {
    margin-right: 1em;
}

.post .post-bottom-meta span:before,
.post .post-bottom-meta time:before {
    color: #b9b9b9;
    font-family: 'FontAwesome';
    margin-right: 8px;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.post .post-bottom-meta .post-author:before {
    content: "\f007";
    font-weight: normal;
}

.post .post-bottom-meta .post-date:before {
    content: "\f017";
}

.post .post-bottom-meta .post-total-comment:before {
    content: "\f0e5";
}

.post .featured {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

/* Article Single */

.single .article-content img {
    width: auto;
    max-width: 100%;
}


.article-content .topic-tag {
    background: #bfe5e8;
    position: relative;
    width: auto;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin: 0 7px 7px 7px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 1px;
    color: rgb(18, 0, 43);
    font-weight: 400;
}

.article-content .topic-tag:after {
    /* the arrow on left side positioned using left property */
    position: absolute;
    content: '';
    height: 14px;
    width: 14px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #bfe5e8;
    left: -7px;
    /*-6*/
    top: 3px;
    /*2*/
}

.article-content .topic-tag:before {
    /* the circle on the left */
    position: absolute;
    content: '';
    height: 4px;
    width: 4px;
    border-radius: 50%;
    background-color: #fff;
    left: 0px;
    top: 8px;
    z-index: 2;
}

.article-content .article-tags a,
.article-content .article-tags a:link {
    text-decoration: none;
}

.article-content .article-tags a:hover .topic-tag {
    background: #009aa3;
    color: #fff;

    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}

.article-content .article-tags a:hover .topic-tag:after {
    /* the arrow on left side positioned using left property */
    background: #009aa3;

    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}




/* Article Sharer */
.article-sharer {
    background: #fff;
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
}

.article-sharer-placeholder {
    height: 45px;
}

.article-sharer.fixed {
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 2;
    margin-left: 0;
    border: none;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07);
    width: 100% !important;
    /*new*/
    height: 45px;
    /*new*/
    padding: 0 5px;
}

.article-sharer.fixed .row {
    max-width: 1520px;
    margin: 0 auto;
}


.article-sharer.fixed .share-text {
    padding-left: 0;
}

.container-fluid.fixed {
    max-width: none;
}


.article-sharer.fixed .socials-share {
    background: #fff;
}

.article-sharer.fixed .socials-share a.fb-share {
    margin-left: 3.5em;
}

.dummy-share-block {
    height: 45px;
    /*61*/
    width: 100%;
    display: none;
    position: relative;
    content: " ";
}

.dummy-share-block.fixed {
    display: block;
}

.socials-share {
    padding: 0;
    padding-right: 10px;
    margin: 0;
    height: 40px;
    float: right;
}

.socials-share a {
    display: inline-block;
    height: 40px;
    width: 40px;
    margin-right: 5px;
}

.socials-share a.fb-share {
    margin-left: 3.5em;
}

@media (max-width: 768px) {
    .socials-share a {
        height: 25px;
        width: 25px;
        margin: 5px !important;
    }
}

.article-sharer.fixed .socials-share {
    padding: 0 30px 0 0;
}

.share-text {
    font-size: 1em;
    position: absolute;
    display: inline-block;
    top: 0.5em;
    color: #a5dbdf;



}


a svg #facebook,
a svg #icon-fb,
a svg #icon-twitter,
a svg #icon-mail,
a#shorturl svg #icon-link,
a#shorturl svg #icon-link {
    fill: #bfe5e8;
}

a svg:hover #facebook,
a svg:hover #icon-fb,
a svg:hover #icon-twitter,
a svg:hover #icon-mail,
a#shorturl.zeroclipboard-is-hover svg #icon-link,
a#shorturl.zeroclipboard-is-hover svg #icon-link {
    fill: #009aa3;
    /*695e69*/
}


a svg #facebook,
a svg #icon-fb,
a svg #icon-twitter,
a svg #icon-mail,
a#shorturl.zeroclipboard-is-hover svg #icon-link {
    transition: 200ms;
    transition-timing-function: ease-in-out;
    -webkit-transition: 200ms;
    -webkit-transition-timing-function: ease-in-out;
}





.featured img {
    width: 100%;
}

.article-content {
    padding: 0 0 30px 0;
    color: #12002b;
    /*#474747*/
    line-height: 1.8em;
    background: transparent;
}

.article-content h2,
.article-content h3,
.article-content h4 {
    /* margin-top:1em;*/
    color: #00344d;
    letter-spacing: -0.01em;
}



.article-content.intro-text>p:first-child,
.article-content p.intro-text {
    font-size: 1.4em;
    line-height: 1.5em;
    color: #222;
    letter-spacing: -0.008em;
}

.article-content.dropcap>p:first-child:first-letter,
.article-content p.dropcap:first-letter,
.dropcaps {
    float: left;
    margin: 0.04em 0.2em 0 0.1em;
    color: #ef4135;
    font-size: 3.375em;
    line-height: 1em;
}


.article-content a,
.article-content a:link {
    color: #00344d;
    text-decoration: underline;
}

.article-content a:visited {
    color: #12002b;
}

.article-content a:hover,
.article-content a:active {
    color: #009aa3;
    text-decoration: none;
}



.article-content blockquote {
    font-size: 1.45em;
    font-style: italic;
    line-height: 1.5em;
    color: #009aa3;
    letter-spacing: -0.008em;
    margin: 1em 0;
    padding-left: 1em;
    border-left: 4px solid #bfe5e8;
}

.article-content blockquote p {
    line-height: 1.5em;
}

.article-content blockquote span.credit {
    font-size: 0.725em;
    line-height: 1.2em;
    margin-top: 0.5em;
    display: block;
    font-style: normal;
    text-align: right;
}

.article-content blockquote a,
.article-content blockquote a:link {
    color: #009aa3;
    text-decoration: underline;
}

.article-content blockquote a:hover {
    color: #00344d;
    text-decoration: underline;
}


.article-content blockquote.pullquote-left {
    clear: left;
    border: none;
    padding: 0;
    float: left;
    max-width: 35%;
    padding: 0;
    margin: 0.4em 1.2em 0.4em 0;
}

.article-content blockquote.pullquote-right {
    clear: right;
    border: none;
    padding: 0;
    float: right;
    max-width: 35%;
    padding: 0;
    margin: 0.4em 0 0.4em 1.2em;
}

.article-content ul,
ol {
    margin-left: 1.5em;
}

.article-content li {
    margin-bottom: 0.65em;
    font-size: 1.125em;
    line-height: 1.65em;

}


.article-content ul {
    list-style: square;
}

.article-content ol {
    list-style: decimal;
}

ul.fa-ul {
    list-style: none;
    padding-left: 0.5em;
}

li .fa-li {
    top: 8px;
    font-size: 8px;
    left: -25px;
}

.fa-ul li .fa {
    margin-left: -1.5em;
}

.article-content dt {
    font-weight: 600;
}

.article-content dd {
    margin-bottom: 20px;
}

.article-content em,
.article-content cite {
    font-style: italic;
}

.article-content ins {
    background: #fcf8e3;
}

.article-content sub,
.article-content sup {
    font-size: 62.5%;
}

.article-content sub {
    vertical-align: sub;
}

.article-content sup {
    vertical-align: super;
}


/* Table */
.article-content table {
    width: 100%;
    margin: 1em 0 30px;
    line-height: normal;
    color: #5e5e5e;
}

.article-content tr {
    border-bottom: 1px solid #e5e5e5;
}

.article-content thead tr {
    border-bottom: 2px solid #e5e5e5;
}

.article-content th,
.article-content td {
    font-size: 0.85em;
    padding: 8px 20px;
    text-align: left;
    border-left: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
}

.article-content th {
    color: #333;
    font-weight: bold;
    vertical-align: middle;
}

.article-content tbody tr:last-child,
.article-content th:first-child,
.article-content td:first-child,
.article-content th:last-child,
.article-content td:last-child {
    border: 0;
}

/* Post Media */
.article-tags {
    font-size: 11px;
    line-height: 1.8em;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin: 4em 0 2em;
    padding-top: 1em;
}

.article-tags:nth-of-type(2) {
    margin-top: 2em;
}


/* Author Box */
.author-box {
    margin-top: 20px;
}

.author-image {}

.author-image img {
    width: 100%;
    height: auto;
    /*max-width: 90px;*/
}

.author-content {
    padding: 20px 40px 25px 15px;

}

.author-title {
    color: #a29ca2;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin: 0 0 0.5em;
}

.author-name {
    font-size: 24px;
    line-height: 1.6em;
    margin: 0;
}

.author-description {
    line-height: 1.4em;
    margin-top: 0.25em;
}

.author-socials {}

.author-socials a {
    font-size: 24px;
    margin-right: 10px;
    display: inline-block;
    color: #8b838b;
    /*#474747*/
    -webkit-transition: color 0.5s ease;
    -o-transition: color 0.5s ease;
    transition: color 0.5s ease;
}

.author-socials .link:hover {
    color: #47b957;
}

.author-socials .facebook:hover {
    color: #2980b9;
}

.author-socials .twitter:hover {
    color: #00bff0;
}

.author-socials .linkedin:hover {
    color: #0087c3;
}

.author-socials .google-plus:hover {
    color: #e74c3c;
}

.author-link {
    font-size: 18px;
    margin-left: 10px;
}

/* Prev & Next Post */
.prevnext-post {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    margin-top: -1px;
}

.prevnext-post .post {
    display: table-cell;
    width: 50%;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 10px 30px 50px;
    min-width: 475px;
}

@media (max-width: 1599px) {
    .prevnext-post .post {
        min-width: 415px;
    }
}

.prevnext-post .post:hover {
    background: #fbfbfb;
}

.prevnext-post .next-post {
    border-left: 1px solid #e5e5e5;
}

.prevnext-post .post-title {
    font-size: 16px;
    margin: 10px 0 0;
}

.prevnext-post .caption {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #979797;
    text-transform: uppercase;
}

/* Popup Post */
.popup-post {
    position: fixed;
    background: #fff;
    width: 300px;
    bottom: -150px;
    right: 15px;
    z-index: 9;
    border-radius: 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    padding: 5px 15px 15px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s linear;
    -o-transition: all .5s linear;
    transition: all .5s linear;
}

.popup-post.active {
    opacity: 1;
    visibility: visible;
    bottom: 15px;

    -webkit-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
}

.popup-heading {
    color: #695e69;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.15em;
    font-weight: bold;
}

.popup-content {
    margin-top: 10px;
}

.popup-content .thumb {
    float: left;
    margin-right: 10px;
}

.popup-content img {
    max-width: 60px;
}

.popup-content .post-title {
    font-size: 14px;
    margin: 0;
}

.popup-close {
    color: #a29ca2;
    position: absolute;
    right: 10px;
    top: 5px;
    font-size: 12px;
}

.ideas-frm-wrapper {
    position: relative;
    background-color: #a5d1ce;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
}

/* Aside Post */
.aside-post {
    float: right;
    font-size: 13px;
    width: 30%;
    margin: 1.2em -5% 1em 2em;
}

.aside-heading {
    font-size: 13px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 0 0 10px;
}

.aside-post img {
    float: left;
    margin-right: 1em;
    max-width: 50px;
}

.aside-post .post-title {
    color: #180718;
    /*#474747*/
    border-top: 1px solid #e5e5e5;
    padding: 5px 0;
    display: block;
}

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

/* jOwlGallery: Image Gallery */
.gallery-slider-wrapper {
    background: #111;
    margin: 1em auto 1em -5%;
    width: 110%;
}

.owl-jowlgallery {
    position: relative;
    padding: 10px;
}

.owl-jowlgallery .slide {
    width: 100%;
    height: 450px;
    max-height: 450px;
    text-align: center;
}

.owl-jowlgallery img,
.owl-jowlgallerythumbnail img {
    width: auto;
    height: auto;
}

.owl-jowlgallery a:hover img {
    cursor: zoom-in;
}

.owl-jowlgallerythumbnail {
    padding: 0;
}

.owl-jowlgallerythumbnail .slide-thumbnail {
    max-height: 65px;
    text-align: center;
    margin: 0;
    /*changed 0 5px*/
    padding: 0;
    /*new*/
    cursor: pointer;
}

.owl-jowlgallerythumbnail img {
    opacity: 0.7;
    -webkit-transition: opacity .3s linear;
    -o-transition: opacity .3s linear;
    transition: opacity .3s linear;
}

.owl-jowlgallerythumbnail .active img,
.owl-jowlgallerythumbnail .owl-item:hover img {
    opacity: 1;
}


.mfp-figure figcaption {
    margin: 0
}

/* Content Slider */
.content-slider-items {
    -webkit-transition: height .5s linear;
    -o-transition: height .5s linear;
    transition: height .5s linear;
}

.content-slider-item {
    display: none;
}

.content-slider-item.active {
    display: block;
}

/* Multimedia Embed */
.video-container {
    line-height: 0;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    width: 100%;
}

.video-container {
    height: 0;
    overflow: hidden;
    padding-bottom: 56%;
    position: relative;
}

.video-container iframe,
.video-container object,
.video-container embed,
.video-container video {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* 404 */
.page-404 .article-content {
    text-align: center;
}

.search-404 form [name='s'] {
    width: 50%;
    min-width: 220px;
    padding-left: 2.5em;
    position: relative;
}

.search-404 form:before {
    color: #B8B8B8;
    content: "\f002";
    font-family: FontAwesome;
    display: inline-block;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: -2em;
    margin-left: 12px;
    position: relative;
    z-index: 2;
}

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

.container-404 h3 {
    margin: 3em;
}

/* ------------------------------------------------------------------------- *
 *  6.11 - Single Resource
 * ------------------------------------------------------------------------- */

.section.res-single .res-content {
    background: #fff;
}

.rescontent {
    padding: 0 3em 2em 1em;
}

.rescontent p {
    font-size: 1.125em;
    line-height: 1.5em;
}

.rescontent p:last-of-type {
    margin-bottom: 2em;
}



.res-side {
    background: #d9c8cf;
    padding-top: 25px;
    padding-bottom: 35px;
    color: #62173a;
}

.res-side-inner {
    padding-right: 25px;
    padding-left: 25px;
}

.res-side img {
    margin-bottom: 20px;
}

.res-side img.rescover,
img.rescover {
    box-shadow: 1px 1px 10px 1px rgba(98, 23, 58, 0.35);
}


.res-side p {
    margin: 0.5em 0 0.25em 0;
}

.res-side a {
    color: #12002b;
}

.res-side a:hover {
    color: #12002b;
    text-decoration: underline;
}

.res-side .topic-tag {
    font-size: 75%;
}

.res-side #supported-by {
    padding: 5px 25px 15px 25px;
    background: #d7c4cf;
}

.res-side #supported-by .support-logo img {
    display: inline-block;
    margin: 6px 6px 6px 0;
}

#supported-by .support-meta {
    color: #12002b;
}


h1.resource-title {
    font-size: 2.5em;
    margin: 1em 0 0 0;
    /*margin: 0.5em 0;
    line-height: 1.25;
    letter-spacing: -0.02em;*/
}

h2.resource-title {
    font-size: 2.25em;
    margin: 0 0 0.5em 0;
    line-height: 1.35;

    /*font-size: 1.5em;
    margin: 0.5em 0 0.85em 0;
    line-height: 1.35;*/
}




/* ------------------------------------------------------------------------- *
 *  6.11 - Single Publication
 * ------------------------------------------------------------------------- */

.section.pub-single {
    margin-top: 20px;
}

.pub-single-big {
    background: #edb400;
}

.pub-single-big img {
    z-index: 0;
}


.pub-single-left {
    width: 75%;
    float: left;
}

.pub-single-right {
    width: 25%;
    float: left;
}


.pub-single-header {
    background: #fff;
    padding: 15px 20px;
    margin: 15px;
    position: absolute;
    bottom: 0;
}

.pub-single-header h1,
.pub-single-header h2 {
    margin: 0 0 0.25em 0;
}

.pub-single-content {
    padding: 20px 20px 20px 20px;
}

.pub-single-content .pub-tag {
    font-size: 20px;
    padding: 10px;
    margin-bottom: 15px;
}

.pub-single-content h4 {
    font-size: 0.9em;
    font-style: italic;
    margin: 0.75em 0 0.25em 0;
    line-height: 1.34;
}

.pub-single-content p {
    margin: 0.5em 0 0.25em 0;
    font-size: 0.9em;
    line-height: 1.4;
}

.pub-single-content .topic-tag {
    font-size: 75%;
}

/* Research for Ideas on Single Resources Pages */
.research_for_ideas {
    margin-bottom: 0;
    padding-bottom: 0;
}

.research_for_ideas #research_for_ideas_button {
    margin-top: 20px;
}

/* ------------------------------------------------------------------------- *
 *  6.12 - Comments
 * ------------------------------------------------------------------------- */
.comment-heading,
.comment-reply-title {
    font-size: 24px;
    margin-top: 0;
    margin-bottom: 40px;
}

.commentlist #respond {
    padding: 0;
    padding-bottom: 10px;
}

.commentlist,
.pinglist {
    margin-bottom: 20px;
}

.commentlist li,
.pinglist li {
    clear: both;
    padding-left: 70px;
    font-size: 14px;
    line-height: 1.7em;
    position: relative;
}

.commentlist .comment-body,
.pinglist li {
    clear: both;
    margin-bottom: 20px;
}

.commentlist .comment-author,
.commentlist .comment-meta,
.commentlist .comment-awaiting-moderation {
    font-size: 13px;
    display: inline-block;
    line-height: 22px;
}

.commentlist .comment-author {
    margin-right: 6px;
    margin-bottom: 10px;
}

.commentlist .fn,
.pinglist .ping-link {
    color: #180718;
    /*#474747*/
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
}

.commentlist .says {
    display: none;
}

.commentlist .avatar {
    border-radius: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.commentlist .bypostauthor>.comment-body>.comment-author>.fn:before {
    font-family: 'FontAwesome';
    content: "\f007";
    margin-right: 5px;
    color: #a29ca2;
    font-weight: normal;
}

.commentlist .comment-meta:before,
.pinglist .ping-meta:before {
    color: #ccc;
    content: "\f017";
    font-family: FontAwesome;
    font-size: 10px;
    margin-right: 3px;
    vertical-align: 4%;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.commentlist .comment-meta a,
.pinglist .ping-meta {
    color: #a29ca2;
    font-size: 12px;
}

.commentlist .reply a {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size: 11px;
}

.commentlist .reply a:before {
    color: #ccc;
    content: '\f112';
    font-family: 'FontAwesome';
    margin-right: 5px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.comment-awaiting-moderation {
    color: #24a5db;
    font-style: normal;
}

/* Pings */
.pinglist li {
    padding-left: 0;
}

.pinglist .ping-meta {
    font-size: 13px;
    line-height: 22px;
}

/* Comment text */
.commentlist .comment-body p {
    clear: both;
    margin-top: 0;
}

.commentlist .comment-body strong {
    font-weight: bold;
}

.commentlist .comment-body em {
    font-style: italic;
}

.commentlist .comment-body ol li {
    list-style: decimal;
    margin-left: 2em;
    padding: 0;
}

.commentlist .comment-body ul li {
    list-style: square;
    margin-left: 2em;
    padding: 0;
}

/* child comment */
.commentlist .children {
    border-left: 1px dashed #e5e5e5;
    padding-left: 15px;
}

.commentlist .children li:before {
    width: 20px;
    height: 0;
    border-top: 1px dashed #e5e5e5;
    content: '';
    position: absolute;
    top: 26px;
    left: -15px;
}

/* Comments nav */
.comments-nav {
    margin-bottom: 20px;
    padding: 10px 0;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
}

.comments-nav a {
    font-weight: 600;
}

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

.comments-nav .nav-next {
    float: right;
}

/* Comments Form */
.logged-in-as,
.comment-notes,
.form-allowed-tags {
    display: none;
}

#respond {
    position: relative;
}

.comment-reply-title {
    margin-bottom: 30px;
}

#comment-form-header {
    margin-bottom: 30px;
}

li #reply-title {
    font-size: 0;
    margin: 0 !important;
    padding: 0;
    height: 0;
    border-top: 0;
}

#cancel-comment-reply-link {
    bottom: 30px;
    line-height: 33px;
    display: block;
    font-size: 12px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

#cancel-comment-reply-link:hover {
    color: #777;
}

.comment-reply-subtitle {
    margin-bottom: 0
}

#commentform .comment-field {
    margin: 0 0 20px;
}

#commentform .comment-field input[type="text"],
#commentform .comment-field input[type="email"],
#commentform .comment-field input[type="url"] {
    width: 100%;
}

#commentform label {
    padding: 6px 0;
    font-weight: 600;
    display: block;
}

#commentform input[type="text"],
#commentform textarea {
    max-width: 100%;
    width: 100%;
}

#commentform textarea {
    height: 100px;
}

#commentform p.form-submit {
    margin-top: 20px;
}

.form-allowed-tags {
    font-size: 12px;
    margin-bottom: 20px;
}

.logged-in #reply-title {
    margin-bottom: 20px;
}

.logged-in #commentform p.comment-form-comment {
    margin-top: 10px;
}

.logged-in #commentform p.comment-form-comment label {
    display: none;
}


.comment-navigation {
    border-top: 1px solid #E5E5E5;
    overflow: hidden;
    font-size: 13px;
    text-transform: lowercase;
}

.comment-navigation span {
    padding-right: 3px;
    padding-left: 5px;
}

.comment-navigation .alignleft,
.comment-navigation .alignright {
    margin-top: 15px;
}

/* ------------------------------------------------------------------------- *
 *  6.12 - Author
 * ------------------------------------------------------------------------- */
.author .author-box {
    border-top: 0;
    background: #fff;
}

.author .author-socials {
    top: 9px;
}

.archive-tabs {
    padding-top: 0;
}

.archive-tabs-header {
    margin: 0 -30px 0px;
    margin: 0;
    position: relative;
}

.archive-tabs-header ul {
    display: inline-block;
    margin: 0 30px;
    margin: 0;
}

.archive-tabs.section {
    padding-bottom: 0;
}

.archive-tabs-header li {
    display: inline-block;
}

.archive-tabs-header a {
    display: block;
    padding: 10px;
    position: relative;
    font-weight: bold;
    font-size: 12px;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    -webkit-transition: color 0.3s ease;
    -o-transition: color 0.3s ease;
    transition: color 0.3s ease;
}

.archive-tabs-header li:hover a {
    color: #180718;
    /*#474747*/
}

.archive-tabs-header .active a {
    color: #180718;
    /*#474747*/
    margin-bottom: -1px;
    border-bottom: 2px solid #474747;
}

.reversed-post {
    background: #00344d;
    color: #fff;
}

.reversed-content {
    padding-right: 15px;
    padding-bottom: 15px;
}

.reversed-content h1,
.reversed-content h2,
.reversed-content p,
.reversed-content .post-meta {
    color: #fff;
}

.reversed-content h1 {
    font-size: 2.85em;
    line-height: 1.125;
    padding-top: 30px;
}

.reversed-content a {
    color: #d0cdd0;
}

.reversed-content a:hover {
    color: #ffffff;
}

.reversed-content a.articlepost,
a.articlepost {
    display: block;
}