/* blog detail page css */
figure {
    margin: 0 0 1rem;
}
.site__content {font-family: Verdana, sans-serif;-webkit-font-smoothing: antialiased;}
.main-post-content {position: relative;min-height: calc(100vh + 55px);color: #111;}
.hero {position: relative;margin-bottom: 40px;width: 100%;overflow: hidden;}
.main-post-content article {overflow: auto;}
.article-title {font-family: 'Playfair Display', serif;word-spacing: -.25px;letter-spacing: -.4px;font-weight: bold;}
h1.article-title{font-weight: 400;font-size: 40px;line-height: 54px;color: #111;margin: 0 0 26px;}
.article-meta-section {display: flex;flex-direction: column;padding-bottom: 12px;border-bottom: 1px solid #d7dbe3;margin-bottom: 32px;}
.article-author {font-family: Verdana, sans-serif;line-height: 1.6;font-size: 14px;display: flex;align-items: center;border-bottom: 1px solid #d7dbe3;color: #111;}
.article-author .author {margin-bottom:5px;}
.article-author .author span {color: #bfa16b;font-weight: bold;}
.article-comment-section {display: flex;padding-top: 4px;flex-direction: column;}
.content-share {margin-top: 3.2em;}
.content-share li {display: inline;margin-right: 14px;vertical-align: middle;}
.content-share .post-categories li {display: inline-block;margin: 0;}
.content-share .post-categories li a {background-color: #fff;transition: all .25s ease-in-out;border: 1px solid #000;font-weight: 700;display: block;font-size: 14px;line-height: 28px;padding: 8px 13px 7px;color: #111;}
.content-share .post-categories li a:hover {background-color: #000;color: #fff;}
.article-share {display: inline-block;}
.article-share:hover a, .article-share a {transition: opacity .4s ease-in-out;}
.article-share:hover a {opacity: .4}
.article-share:hover a:hover {opacity: 1;transition: opacity .4s ease-in-out}
.comment-cta {padding-left: 0;border-top: none;margin: 0;position: relative;}
.comment-count-box, .comment-btn-link {display: inline-block;margin-right: 12px;}
.comment-count-box a {line-height: 1.33333;font-size: 14px;position: relative;display: block;overflow: visible;min-width: 48px;padding: 6px 11px 7px;background: #bfa16b;border-radius: 4px;color: #fff;font-weight: 700;text-align: center;text-transform: uppercase;transition: background-color .15s ease-in-out;}
.comment-count-box a:after {position: absolute;bottom: -10px;left: 10px;width: 0;height: 0;border-width: 10px 10px 0 0;border-style: solid;border-color: #bfa16b transparent transparent;content: "";transition: border-color .15s ease-in-out;}
.comment-btn-link a {padding: 0;border: none;margin: 0;background: none;border-radius: 0;color: #bfa16b;cursor: pointer;font: inherit;outline: none;outline-offset: 0;text-align: left;text-decoration: none;line-height: 1;font-size: 14px;min-width: 140px;}
.article-excerpt {word-spacing: -.25px;letter-spacing: -.04px;font-size: 18px;margin: 0 auto 24px;line-height: 1.6;}
.article-excerpt,.content-block {width: 100%;max-width: 716px;}
.article-content {margin-bottom: 60px;}
.article-excerpt p,.article-content p,.article-content ul li,.article-content ul li p{font-size: 16px !important;line-height: 1.6;word-spacing: -.25px;letter-spacing: -.04px;}
.article-excerpt p a,.article-content p a,.article-content ul li a {font-size: 16px !important;border-bottom: 1px solid #000;}
.article-content p a:hover,.article-excerpt p a:hover,.article-content ul li a:hover {color:#bfa16b;border-color:#bfa16b;}
.content-block {margin: 1.4em auto;}
.content--text {overflow: initial;}
.content--count-1 {margin-top: 0;}
.article-excerpt+.article-content .content--count-1 {margin-top: 24px;}
.article-content *+* {margin-top: 1.52em;}
.article-content *+* li {margin-top: .52em;}
.article-content h2 {font-size: 22px;line-height: 26px;font-weight: bold;text-align: left;}
.article-content h3 {font-size: 18px;line-height: 30px;font-weight: bold;line-height: 1.3;text-align: left;}
.article-content h4 {font-size: 16px;line-height: 26px;font-weight: bold;line-height: 1.2;}
.article-content h3 + p,.article-content h4 + p {margin-top: 0.25rem !important;}
.article-content blockquote {position: relative;font-size: 24px;line-height: 34px;margin: 56px 0;padding-left: 44px;text-align: left;max-width: 594px}
.article-content ul {padding: revert;list-style-type: disc;margin-bottom: 10px;}

.content-row {max-width: 1000px;width: 100%;margin: 2.65em auto 1.6em;}
.content-row:after, .content-row:before {display: table;content: "";line-height: 0;}
.content-row:after {clear: both;}
.content-half {float: left;width: 50%;margin: 0;padding: 0 20px 0 0;}
.content-half {padding: 0 0 0 20px;}
.content--fullscren-img {max-width: none;width: 100%;margin: 1.8em 0 1.3em;padding: 0;}
.content--fullscren-img img {min-width: 100%;}
.content--big-img {width: 100%;max-width: 837px;margin: 2.65em auto 1.6em}
.content--big-img img {min-width: 100%}

.article-content blockquote:before {content: "";position: absolute;top: -2px;left: 0;width: 34px;height: 29px;background: url(/images/Blog-img/quote.svg);background-repeat: no-repeat}

@media only screen and (max-width: 767px) {
	.hero {
        margin-bottom: 26px;
    }
    h1.article-title {
        font-size:26px;
        line-height: 35px;
        margin: 0 auto 12px;text-align:left;
    }
	.article-meta-section {
        margin: 0 0 24px;
    }
	.article-author, .comment-cta {
        padding: 0 20px 24px;
        margin: 0 -20px;
    }
	.content-share {
        margin-top: 15px;
    }
	.article-comment-section .content-share .article-share {
        margin-top: 15px;
    }
	.article-excerpt p,.article-content p,.article-content ul li,.article-content ul li p{
        font-size: 14px !important;
    }
	.article-excerpt p a,.article-content p a,.article-content ul li a {font-size: 14px !important;}
	.article-content h2 {
        font-size: 18px;
        line-height: 26px;
    }
	.article-content h3 {
        font-size: 16px;
        line-height: 22px;
    }
	.article-content h4 {
        font-size: 14px;
        line-height: 22px;
    }
}

@media only screen and (max-width: 768px) {
.article-content blockquote {font-size:20px;line-height: 28px;margin: 38px 0 32px}
.content-half {
width:100%;
float: none;
margin-bottom: 2em;
padding: 0
}

.content-half {
padding: 0;
margin-bottom: 0
}
}

@media only screen and (max-width: 768px) {
.article-content blockquote:before {top:-4px;width: 33px;height: 28px;background-size: 100% 100%}
}

@media only screen and (max-width: 768px) {
.content--big-img {margin:1em auto 1.6em}
}


@media only screen and (min-width: 768px) {
.comment-cta:before {position: absolute;top: 8px;left: -16px;height: 24px;border-left: 1px solid #d7dbe3;content: "";}
}
@media only screen and (min-width: 1024px) {
.article-title {max-width: 1168px;padding: 0;}
.article-meta-section {padding: 0;margin-right: auto;margin-left: auto;flex-direction: row;align-items: center;justify-content: space-between;padding-bottom: 32px;}
.article-author {padding: 0;border: 0;}
.article-comment-section {padding-top: 16px;flex-direction: row;align-items: center;justify-content: space-between;}
.article-comment-section .content-share {margin: 0;padding: 0;display: flex;align-items: center;justify-content: space-between;}
.article-comment-section .content-share .article-share {margin-left: 15px;margin-right: 15px;}
}