/*
Theme Name: NFM Webzine
Theme URI: http://webzine.nfm.go.kr/
Author: Design Intro
Author URI: http://gointro.com/nw/
Description: 2020 National Folk Museum of Korea Webzine Theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: National Folk Museum, NFM, Webzine
Text Domain: nfm webzine

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.
*/

@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 100;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Thin.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 300;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Light.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 400;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Regular.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 500;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Medium.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 700;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Bold.otf) format('opentype');}
@font-face {font-family: 'Noto Sans KR';font-style: normal;font-weight: 900;src: url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff2) format('woff2'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.woff) format('woff'),url(//fonts.gstatic.com/ea/notosanskr/v2/NotoSansKR-Black.otf) format('opentype');}


html, body {
	max-width: 100%;
	overflow-x: hidden;
}
body {
	width: 100%;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family : 'Noto Sans KR';
	overflow: hidden;
}
body, p, span, a, h1, h2, h3, h4, h5, h6, ul, li, div {
    word-break: keep-all;
}
img {
	display: block;
	max-width: 100%;
	height: auto;
}
a {
	color: rgb(86, 85, 85);
}
a:hover {
	color: rgb(86, 85, 85);
	text-decoration: none;
}
input:focus {
	outline: none;
}
.container {
	max-width: 1170px;
	padding-left: 0;
	padding-right: 0;
	margin: 0 auto;
}
/***************************	header	***************************/

.webzine-header {
	width: 100%;
	text-align: center;
	z-index: 10;
}
.webzine-header .top-banner {
	position: relative;
	max-width: 1170px;
	margin: 0 auto;
}
.webzine-header .top-banner .banner {
	float: left;
	width: 50%;
}
.webzine-header .top-banner .banner-close {
	position: absolute;
	top: 20px;
	right: 20px;
}
.webzine-header .top-banner::after {
	content: " ";
	display: block;
	clear: both;
}
.webzine-header .header {
	position: relative;
	max-width: 1170px;
	height: 130px;
	margin: 0 auto 10px;
	background-color: #fff;
}
.webzine-header .logo {
	position: absolute;
	left: 16.3%;
	bottom: 0;
}
.webzine-header .search-wrap {
	position: absolute;
	display: inline-block;
	left: calc(22% + 232px);
	bottom: 8px;
}
.search-wrap .search-input {
	width: 265px;
	height: 32px;
	padding-left: 10px;
	color: rgb(81, 81, 83);
	border: 3px solid rgb(219, 217, 214);
	border-radius: 16px;
}
.search-wrap .search-btn {
	color: rgb(219, 217, 214);
	border: none;
	background-color: transparent;
	vertical-align: bottom;
}
.search-wrap .search-btn:focus {
	outline: none;
}
.webzine-header .btn-pdf-link {
	position: absolute;
	right: calc(4.8% + 136px);
	bottom: 8px;
}
.webzine-header .btn-museum-link {
	position: absolute;
	right: 4.3%;
	bottom: 8px;
}

@media screen and (max-width: 1170px) {
	.webzine-header .logo {
		left: 6%;
	}
	.webzine-header .search-wrap {
		left: 38%;
	}
	.webzine-header .btn-pdf-link ,
	.webzine-header .btn-museum-link {
		top: 15px;
		bottom: auto;
	}
}

@media screen and (max-width: 778px) {	
	.webzine-header .top-banner .banner {
		float: left;
		width: 100%;
		margin-top: -1px;
	}
	.webzine-header .top-banner .banner-close img {
		width: 50%;
	}
	.webzine-header .header {
		height: 165px;
	}
	.webzine-header .logo {
		bottom: 53px;
		left: calc(50% - 100px);
	}
	.webzine-header .logo img {
		width: 200px;
	}
	.webzine-header .search-wrap {
		left: 0;
		width: 100%;
	}
	.webzine-header .search-wrap input {
		width: calc(100% - 75px);
	}
	.webzine-header .btn-pdf-link {
		right: 105px;
		width: 80px;
	}
	.webzine-header .btn-museum-link {
		right: 15px;
		width: 80px;
	}
}

/***************************	footer	***************************/

.webzine-footer {
	margin-top: 60px;
	border-top: 1px solid rgb(107, 102, 100);
}
.webzine-footer .guide {
	margin-top: 10px;
	margin-bottom: 16px;
	text-align: center;
}
.webzine-footer .guide a {
	padding: 0 18px;
	font-size: 12px;
	color: rgb(81, 81, 84);
}
.webzine-footer .guide span {
	font-size: 12px;
}
.webzine-footer .footer {
	padding-bottom: 33px;
	color: #fff;
	background-color: rgb(171, 171, 175);
	text-align: center;
}
.webzine-footer .footer .title {
	font-size: 27px;
	font-weight: 700;
	padding-top: 25px;
	padding-bottom: 12px;
	margin: 0;
}
.webzine-footer .footer .desc {
	font-size: 12px;
	margin: 0;
}
.webzine-footer .footer .desc .devide {
	margin: 0 3px;
	font-size: 10px;
}
.webzine-footer .footer .desc .devide {
	margin: 0 3px;
	font-size: 10px;
}
.webzine-footer .footer .desc .paragraph {
	margin-right: 10px;
}

@media screen and (max-width: 778px) {	
	.webzine-footer .footer .desc .paragraph {
		display: block;
		margin: 0 auto;
	}
}

/***************************	index.php	***************************/

.main-banner-wrap .banner-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 0;
}
.main-banner-wrap .banner-list .banner {
	margin-bottom: 0.5%;
}
.main-banner-wrap .banner-list .banner.large {
	width: 66.5%;
}
.main-banner-wrap .banner-list .banner.small {
	width: 33%;
}
.main-banner-wrap.top .banner-list .banner:nth-child(2n) {
	margin-left: 0.5%;
}
.main-banner-wrap .title-wrap {
	position: relative;
	padding-top: 55px;
	padding-bottom: 32px;
}
.main-banner-wrap .title-wrap .title-img {
	margin: 0 auto;
}
.main-banner-wrap .title-wrap .more-link {
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.main-banner-wrap.middle .banner-list .banner:nth-child(3n - 1),
.main-banner-wrap.middle .banner-list .banner:nth-child(3n) {
	margin-left: 0.5%;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap {
	text-align: center;
	border: 1px solid rgb(175, 170, 168);
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap p {
	margin: 25px;
	font-size: 22px;
	font-weight: 700;
	color: rgb(81, 81, 84);
	text-align: center;
	line-height: 29px;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap input {
	width: 88%;
	height: 40px;
	font-size: 16px;
	border: 1px solid rgb(81, 81, 84);
	text-align: center;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap input::placeholder {
	color: rgb(170, 174, 174);
	text-align: center;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap button,
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap input[type=button] {
	width: 80px;
	height: 80px;
	margin-top: 17px;
	margin-bottom: 40px;
	font-size: 15px;
	color: #fff;
	background-color: rgb(81, 81, 84);
	border: none;
	border-radius: 40px;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap {
	width: 88%;
	padding: 0;
	margin: 0 auto;
	border-top: 1px dashed  rgb(81, 81, 84);
	list-style: none;
}
.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap li {
	display: inline-block;
	margin: 15px 3.5%;
}
.main-banner-wrap .slider {
	position: relative;
}
.main-banner-wrap.folk .banner-list {
	margin-left: -3px;
	margin-right: -3px;
}
.main-banner-wrap.folk .banner-list .banner {
	margin-left: 3px;
	margin-right: 3px;
}
.main-banner-wrap .slider .slider-arrow .prev,
.main-banner-wrap .slider .slider-arrow .next   {
	position: absolute;
	top: calc(50% - 27px);
	width: 36px;
	z-index: 1;
}
.main-banner-wrap .slider .slider-arrow .prev {
	left: 3px;
}
.main-banner-wrap .slider .slider-arrow .next {
	right: 3px;
}
.main-banner-wrap.last-view .banner-list {
	margin-left: -2.5px;
	margin-right: -2.5px;
}
.main-banner-wrap .banner-list .ebook {
	margin-left: 2.5px;
	margin-right: 2.5px;
}

@media screen and (max-width: 1170px) {
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap p {
		margin: 5%;
		font-size: 1.9vw;
		line-height: 2.5vw;
	}
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap button,
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap input[type=button] {
		width: calc(100vw / 15);
		height: calc(100vw / 15);
		margin-top: 5%;
		margin-bottom: 5%;
		font-size: 0.5rem;
	}
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap li img {
		height: 2vw;
		max-height: 100%;
	}
}

@media screen and (max-width: 778px) {	
	.main-banner-wrap .banner-list .banner.large {
		width: 100%;
	}
	.main-banner-wrap .banner-list .banner.small,
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap {
		width: 49.75%;
	}
	.main-banner-wrap.top .banner-list .banner:nth-child(2n) {
		margin-left: 0;
	}
	.main-banner-wrap.top .banner-list .banner:nth-child(3) {
		margin-left: 0.5%;
	}
	.main-banner-wrap.middle .banner-list .banner:nth-child(3n - 1),
	.main-banner-wrap.middle .banner-list .banner:nth-child(3n) {
		margin-left: 0;
	}
	.main-banner-wrap.middle .banner-list .banner:nth-child(2n) {
		margin-left: 0.5%;
	}
	.main-banner-wrap .title-wrap {
		padding-top: 30px;
		padding-bottom: 15px;
	}
	.main-banner-wrap .title-wrap .title-img {
		height: 35px;
	}
	.main-banner-wrap .title-wrap .more-link {
		right: 15px;
		bottom: 15px;
	}
	.main-banner-wrap .title-wrap .more-link img {
		width: 35px;
	}
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap button,
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap input[type=button] {
		width: 12.5vw;
		height: 12.5vw;
		border-radius: 6.5vw;
	}
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap li {
		margin: 5% 2% 0;
	}
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap li img {
		height: 5vw;
	}
	.main-banner-wrap.folk .banner-list {
		margin-left: -0.25vw;
		margin-right: -0.25vw;
	}
	.main-banner-wrap.folk .banner-list .banner {
		margin-left: 0.25vw;
		margin-right: 0.25vw;
	}
}
@media screen and (max-width: 450px) {	
	.main-banner-wrap.middle .banner-list .banner.subscribe-wrap .sns-wrap li {
		margin: 4% 2% 0;
	}
}

/***************************	single.php	***************************/

.single-title-wrap {
	position: relative;
	margin-top: 15px;
	background: #000;
}
.single-title-wrap img {
	max-width: 1170px;
    width: 100%;
    opacity: 0.7;
    height: 450px;
    object-fit: cover;
}
.single-title-wrap .section,
.single-title-wrap .title {
	/* position: absolute;
	left: 50px; */
	color: #fff;
	text-shadow: 0 0 5px #00000085;
}
.single-title-wrap .section {
	top: 50px;
	font-size: 15px;
	font-weight: 700;
}
.single-title-wrap .title {
	top: 100px;
	font-size: 48px;
	    margin-bottom: 5px;
}
.single-content {
	/* max-width: 790px; */
	margin: 50px auto 70px;
	color: rgb(86, 85, 85);
}
.single-content .summary-wrap {
	margin-bottom: 80px;
	font-size: 19px;
	font-weight: 700;
	line-height: 35px;
}
.single-content .content-wrap {
	margin-bottom: 50px;
	font-size: 16px;
	line-height: 29px;
	text-align: justify;
}
.single-content .content-wrap .su-column-inner {
	text-align: left;
}
.single-content .more-info-wrap, 
.single-content .comments-wrap {
	border: 1px solid rgb(86, 85, 85);
}
.single-content .more-info-wrap {
	padding: 25px 35px 35px 20px;
	margin-bottom: 50px;
}
.single-content .more-info-wrap .title {
	margin-bottom: 15px;
	font-size: 15px;
	font-weight: 700;
	line-height: 23px;
}
.single-content .more-info-wrap .title img {
	display: inline-block;
	margin-right: 10px;
}
.single-content .more-info-wrap .more-info-content {
	margin-left: 40px;
}
.single-content .more-info-wrap .more-info-content .dictionary-wrap {
	padding-bottom: 28px;
	border-bottom: 1px solid rgb(86, 85, 85);
}
.single-content .more-info-wrap .more-info-content .dictionary-word {
	padding: 3px 20px;
	font-size: 13px;
	border: 1px solid rgb(86, 85, 85);
	border-radius: 14px;
}
.single-content .more-info-wrap .more-info-content .related-content-wrap {
	padding-left: 20px;
	margin-top: 15px;
	margin-bottom: 0;
}
.single-content .more-info-wrap .more-info-content .related-content-wrap .related-post {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 29px;
}
.single-content .tag-wrap {
	margin-bottom: 10px;
}
.single-content .tag-wrap .sns-share {
	display: inline-block;
	margin-right: 5px;
}
.single-content .tag-wrap .tags .tag {
	display: inline-block;
	margin-right: 10px;
	color: rgb(86, 85, 85);
	font-size: 15px;
	font-weight: 700;
	line-height: 23px;
}

@media screen and (max-width: 850px) {	
	/*.single-content {
		margin: 50px 30px 70px;
	}*/
}
@media screen and (max-width: 778px) {	
	.single-title-wrap .section {
		top: 20px;
		left: 20px;
	}
	.single-title-wrap .title {
		top: 50px;
		left: 20px;
		font-size: 26px;
	}
	.single-content .content-wrap {
		text-align: left;
	}
}

/***************************	search.php	***************************/

.search-result-wrap {
	margin: 75px 0;
}
.search-result-wrap .keyword-wrap {
	padding-bottom: 0px;
	margin-bottom: 10px;
	font-family: "Noto Serif KR", sans-serif;
	font-weight: 700;
	text-align: center;
}
.search-result-wrap .keyword-wrap .keyword {
	padding-top: 20px;
	margin-bottom: 20px;
	border-top: 1px solid rgb(213, 213, 215);
	font-size: 58px;
	line-height: 65px;
}
.search-result-wrap .keyword-wrap .description {
	font-size: 27px;
	line-height: 40px;
}
.search-result-wrap .folk-story-list, 
.search-result-wrap .ebook-list, 
.search-result-wrap .post-list {
	margin: 0;
	padding: 0;
	font-family: "Noto Serif KR", sans-serif;
	font-weight: 700;
	text-align: center;
}
.search-result-wrap .folk-story-list, 
.search-result-wrap .ebook-list, 
.search-result-wrap .post-list::after {
	content: '';
	display: block;
	clear: both;
}
.search-result-wrap .post-list {
	column-width:288px;
	column-gap: 6px;
}
.search-result-wrap .post-list .post {
	width: 288px;
	margin-bottom: 6px;
}
.search-result-wrap .ebook-list {
	column-width:calc(20% - 4px);
	column-gap: 30px;
}
.search-result-wrap .ebook-list .ebook {
	width: calc(20% - 4px);
	margin-bottom: 30px;
}
.search-result-wrap .ebook-list .ebook-title {
	margin: 10px 0;
	font-size: 24px;
}
.search-result-wrap .folk-story-list {
	column-width:calc(33.33% - 4px);
	column-gap: 6px;
}
.search-result-wrap .folk-story-list .folk-story {
	width: calc(33.33% - 4px);
	margin-bottom: 6px;
}
.img-overlay {
	position: absolute;
    left: 50px;
	top: 100px;
	    margin-right: 80px;
}

@media screen and (max-width: 1170px) {
	.search-result-wrap .post-list {
		column-width:calc(33% - 4px);
	}
	.search-result-wrap .post-list .post {
		width: calc(33% - 4px);
	}
}

@media screen and (max-width: 935px) {
	.search-result-wrap .ebook-list {
		column-width:calc(25% - 3.75px);
	}
	.search-result-wrap .ebook-list .ebook {
		width: calc(25% - 3.75px);
	}
	.search-result-wrap .folk-story-list {
		column-width:calc(50% - 3px);
	}
	.search-result-wrap .folk-story-list .folk-story {
		width: calc(50% - 3px);
	}
}

@media screen and (max-width: 778px) {	
	.search-result-wrap .post-list {
		column-width:calc(50% - 3px);
	}
	.search-result-wrap .post-list .post {
		width: calc(50% - 3px);
	}
}

@media screen and (max-width: 700px) {
	.search-result-wrap .ebook-list {
		column-width:calc(33.33% - 3.33px);
	}
	.search-result-wrap .ebook-list .ebook {
		width: calc(33.33% - 3.33px);
	}
}

@media screen and (max-width: 500px) {	
	.search-result-wrap .post-list {
		column-width:100%;
	}
	.search-result-wrap .post-list .post {
		width: 100%;
	}
	.search-result-wrap .ebook-list {
		column-width:calc(50% - 2.5px);
	}
	.search-result-wrap .ebook-list .ebook {
		width: calc(50% - 2.5px);
	}
}

/***************************	page-contact.php	***************************/

.contact-wrap {
	padding-top: 35px;
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	border-top: 1px solid #ebebeb;
}
.contact-wrap .left-wrap,
.contact-wrap .center-wrap,
.contact-wrap .right-wrap {
	width: calc(100% / 3);
	text-align: center;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
}
.contact-wrap .left-wrap img,
.contact-wrap .center-wrap img {
	width: 100%;
}
.contact-wrap .left-wrap {
	border-left: 1px solid #222;
}
.contact-wrap .left-wrap p {
	display: inline-block;
	padding: 0 20px 20px;
	margin-top: 70px;
	color: #222;
	font-size: 26px;
	text-align: center;
	border-bottom: 1px solid #222;
}
.contact-wrap .right-wrap {
	padding: 50px 50px 0; 
	border-right: 1px solid #222;
}
.contact-wrap .right-wrap input,
.contact-wrap .right-wrap textarea {
	padding: 14px 15px;
	margin: 0 0 15px;
	width: 100%;
	color: #222;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}
.contact-wrap .right-wrap input {
	height: 40px;
}
.contact-wrap .right-wrap input.wpcf7-not-valid {
	-moz-box-shadow: 0 0 3px #cb2027;
	-webkit-box-shadow: 0 0 3px #cb2027;
	box-shadow: 0 0 3px #cb2027;
}
.contact-wrap .right-wrap textarea {
	height: 110px;
}
.contact-wrap .right-wrap .wpcf7-submit {
	color: #fff;
	font-weight: 700;
	background: #b5a188;
	line-height: 1;
}
.contact-wrap span.wpcf7-not-valid-tip {
	display: none;
}
.contact-wrap div.wpcf7-response-output {
	padding: 0;
	margin: 10px;
	font-size: 12px;
	border: none;
}

@media screen and (max-width: 1170px) {
	.contact-wrap .left-wrap,
	.contact-wrap .center-wrap {
		width: 50%;
	}
	.contact-wrap .center-wrap {
		border-right: 1px solid #222;
	}
	.contact-wrap .right-wrap {
		width: 100%;
		border-top: none;
		border-left: 1px solid #222;
	}
}

@media screen and (max-width: 550px) {
	.contact-wrap .left-wrap,
	.contact-wrap .center-wrap {
		width: 100%;
	}
	.contact-wrap .center-wrap {
		border-right: 1px solid #222;
	}
}

/***************************	comments.php	***************************/

.comments-wrap .comment-button {
    display: block;
    padding: 20px;
    border-bottom: 1px solid rgb(86, 85, 85);
}
.comments-wrap .comment-list {
    padding: 0 20px;
    margin-bottom: 0;
    list-style: none;
}
.comments-wrap .comment-list li {
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgb(86, 85, 85);
}
.comments-wrap .comment-list .comment .comment-body {
    position: relative;
    padding-left: 76px;
    padding-bottom: 10px;
    font-size: 12px;
}
.comments-wrap .comment-list .comment .comment-body p {
    margin-top: 5px;
    word-break: break-all;
}
.comments-wrap .comment-list .comment .comment-body .comment-author .photo {
    width: 56px;
    position: absolute;
    left: 0;
    top: 0;
}
.comments-wrap .comment-list .comment .comment-body .comment-author .fn {
    color: rgb(86, 85, 85);
    font-weight: 700;
    font-style: normal;
}
.comments-wrap .comment-list .comment .comment-body .comment-meta {
    position: absolute;
    left: 76px;
    bottom: 0px;
    font-size: 9px;
}
.comments-wrap .comment-list .comment .comment-body .reply {
    position: absolute;
    right: 10px;
    top: 0px;
}
.comments-wrap .comment-list .comment .comment-body .reply .comment-reply-link {
    color: #fff;
    font-size: 11px;
}
.comments-wrap .comment-list .comment .comment-body .reply .comment-reply-link:hover {
    color: rgb(86, 85, 85);
}
.comments-wrap .comment-respond {
    padding: 0 20px;
}
.comments-wrap .comment-respond input,
.comments-wrap .comment-respond textarea {
	padding: 14px 15px;
	margin: 0 0 15px;
	width: 100%;
	color: #222;
	font-size: 12px;
	border: 1px solid #e5e5e5;
}
.comments-wrap .comment-respond input{
	height: 40px;
}
.comments-wrap .comment-respond .comment-reply-title {
    padding-top: 20px;
    font-size: 16px;
}
.comments-wrap .comment-respond .comment-reply-title small {
    margin-left: 20px;
}
.comments-wrap .comment-respond .comment-form .logged-in-as {
    font-size: 12px;
}
.comments-wrap .comment-respond .comment-form .logged-in-as a {
    color: rgb(86, 85, 85);
    font-size: 13px;
    font-weight: 700;
}
.comments-wrap .comment-respond .comment-form .comment-notes {
    font-size: 12px;
}
.comments-wrap .form-submit {
    padding: 0 20px;
    margin: 20px auto;
}
.comments-wrap .form-submit .submit {
    padding: 9px 0;
    width: 100%;
    font-size: 12px;
    color: #fff;
    background-color: rgb(86, 85, 85);
}
.comments-wrap .comment-form .comment-author, 
.comments-wrap .comment-form .comment-email {
    display: inline-block;
    width: calc(50% - 3px);
    margin-top: 10px;
}
.comments-wrap .comment-form .comment-email {
    margin-left: 2px;
}
.comments-wrap .comment-form-cookies-consent {
    padding: 0 20px;
    font-size: 12px;
}

@media screen and (max-width: 778px) {
	.comments-wrap .comment-author, 
	.comments-wrap .comment-email {
	    width: 100%;
	}
}

/***************************	plugin tag	***************************/

.subscribe-wrap .es_lablebox {
	display: none;
}
.subscribe-wrap .es_msg, 
.subscribe-wrap .es_button,
.subscribe-wrap .es_textbox {
	padding-top: 0;
	padding-bottom: 0;
}
.container .tribe-events-page-title {
	margin-top: 50px;
}
.container .tribe-events-notices,
.container #tribe-events .tribe-events-button {
	display: none;
}
.tribe-events-month-event-title ul {
	list-style: none;
	padding-left: 0;
}
.tribe-events-month-event-title ul li {
	margin-top: 10px;
	word-break: break-word;
}

.single-content .content-wrap figure {
	text-align: center;
}
.single-content .content-wrap figure figcaption {
	font-size: 11px;
	font-weight: 500;
}
.single-content .content-wrap img {
	display: inline-block;
}
.single-content .vc_column-inner .wpb_single_image {
    margin-bottom: 0;
}
.single-content .content-wrap .wpb_content_element {
    margin-bottom: 0;
}
.single-content .content-wrap .rsDefault .rsGCaption {
	font-size: 15px;
}
.image-section.circle img{
	border-radius:50%;
}
.image-section .image-desc{
	font-size: 13px;
	text-align: center;
}
.image-section > .image-grid {
    margin-bottom:15px;
}
.image-section > .image-grid > .image-item {
    padding:0;
    float:none;
    display:inline-block;
}

.image-section.full-size {
    margin:17px 0;
}
.image-section > .image-grid > .image-item .wp-caption .wp-caption-text {
    text-align:center;
    padding:15px 0 0;
}
.wp-caption {
    position: relative;
    max-width: 100%;
}
.wp-caption .wp-caption-text {
    display: block;
    margin: 0;
    font-weight: 400;
    font-size: 13px;
    line-height: 18px;
    color: #767676;
    padding: 13px 0 26px;
}
span.small-top-text {
    font-size: 12px;
    vertical-align: top;
}
.alignright img, .alignleft img, .aligncenter img {
    width: 100%;
    max-width: 100%;
}
@media screen and (min-width:64.0625em) {
    .image-section > .image-grid > .image-item:first-child{
       margin-right:14px;
    }
}
@media screen and (min-width:40.0625em) {
    .image-section > .image-grid > .image-item:first-child{
        /*padding-right:9px;*/
       margin-right:11px;
    }
    .image-section > .image-grid > .image-item:last-child{
        /*padding-left:9px;*/
    }
    .image-section > .image-grid > .image-item.large-7 {
        max-width:61.66%;
        flex : 0 0 61.66%;
        width:60.51%;
    }
    .image-section > .image-grid > .image-item.large-6 {
        width:48.845%;
    }
    .image-section > .image-grid > .image-item.large-5 {
        width:37.16%;
    }
    
    .custome_style-posts {
    	margin-left:-5px !important;
    	margin-right:-5px !important;
    }
    .alignleft {
	    float: left;
	    margin: 6px 50px 6px 0;
	}
}
@media screen and (max-width:40em) {
    .image-section > .image-grid > .image-item:first-child{
       margin-bottom:18px;
    }
    .image-section > .image-grid > .image-item:last-child{
        margin-bottom:0;
    }
    div.3-list > img{
		width:98% !important;
		display:block !important;
	}
}