$color_3: #1f1f1f;

.widget {
	.contact-list {
		list-style: outside none none;
		margin: 20px 0;
		padding: 0;
		>li {
			margin-bottom: 10px;
			list-style: outside none none;
		}
	}
}
.contact-list {
	list-style: outside none none;
	margin: 20px 0;
	padding: 0;
	>li {
		margin-bottom: 10px;
		list-style: outside none none;
	}
	i.fa {
		color: $color_3;
		display: inline-block;
		font-size: 18px;
		margin-right: 7px;
	}
}
.map_canvas {
	height: 500px;
}
.map-gray {
	iframe {
		filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
		filter: gray;
		-webkit-filter: grayscale(99%);
		-webkit-backface-visibility: hidden;
	}
}
.box-map {
	line-height: 1;
	padding: 20px 0 20px 20px;
	text-align: center;
	width: 100%;
	>img {
		max-width: 400px;
		max-height: 200px;
	}
	>h3 {
		font-size: 16px;
		color: $color_3;
		letter-spacing: 3px;
		margin: 10px 0 10px;
		text-transform: uppercase;
	}
}
form {
	input {
		-moz-box-sizing: border-box;
		background: #fff;
		border: none;
		border: 1px solid #ddd;
		box-sizing: border-box;
		color: $color_6;
		line-height: inherit;
		padding: 6px 13px;
		padding-left: 30px;
		width: 100%;
		max-height: 150px;
		border-radius: 0;
		background: #fdfdfd;
		font-size: 15px;
		transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		&:focus {
			border-color: var(--color-main);
			box-shadow: 0 0 25px rgba( 0, 0, 0, 0.1 );
		}
	}
	textarea {
		-moz-box-sizing: border-box;
		background: #fff;
		border: none;
		border: 1px solid #ddd;
		box-sizing: border-box;
		color: $color_6;
		line-height: inherit;
		padding: 6px 13px;
		padding-left: 30px;
		width: 100%;
		max-height: 150px;
		border-radius: 0;
		background: #fdfdfd;
		font-size: 15px;
		transition: all 500ms ease;
		-webkit-transition: all 500ms ease;
		-ms-transition: all 500ms ease;
		-o-transition: all 500ms ease;
		&:focus {
			border-color: var(--color-main);
			box-shadow: 0 0 25px rgba( 0, 0, 0, 0.1 );
		}
	}
}
.comment-respond {
	form {
		input {
			border: 1px solid #ddd;
			padding-left: 10px;
			max-height: 160px;
			&:focus {
				border-color: var(--color-main);
			}
			&::placeholder {
				color: $gray-dark;
			}
		}
		textarea {
			border: 1px solid #ddd;
			padding-left: 10px;
			max-height: 160px;
			&:focus {
				border-color: var(--color-main);
			}
			&::placeholder {
				color: $gray-dark;
			}
		}
	}
	p {
		position: relative;
	}
}
#MyContactForm {
	text-align: left;
	p {
		span {
			display: block;
			letter-spacing: 2px;
			text-transform: uppercase;
		}
		label {
			cursor: text;
			display: block;
			margin: 0;
			position: relative;
			top: 0;
			width: 100%;
		}
	}
}
input:focus {
		border-color: $border_color_2;
}
textarea:focus {
		border-color: $border_color_2;
		outline: none;
}
textarea::-webkit-input-placeholder {
	color: $color_4;
}
textarea:-moz-placeholder {
	color: $color_4;
}
textarea::-moz-placeholder {
	color: $color_4;
}
textarea:-ms-input-placeholder {
	color: $color_4;
}
#form-wrapper {
	#MyContactForm {
		.error {
			bottom: 12px;
			color: $color_5;
			font-family: inherit;
			font-size: 12px;
			font-weight: normal;
			left: auto;
			font-style: italic;
			letter-spacing: 0;
			position: absolute;
			right: 20px;
			text-transform: capitalize;
			width: auto;
		}
	}
}

.content-btn {
	color: var(--color-main);
	width: auto;
	border: 1px solid var(--color-main);
	display: inline-block;
	font-size: 14px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	-webkit-transition-duration: 1.0s;
	transition-duration: 1.0s;
	padding: 8px 20px;


	&:hover {
		color: $color-white;
	}
	&::before {
		background: #eee none repeat scroll 0 0;
		border-radius: 200px;
		content: "";
		display: block;
		height: 200px;
		left: -50%;
		margin-top: -100px;
		position: absolute;
		top: 50%;
		width: 200px;
		opacity: 0.3;
		z-index: -1;
		transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-webkit-transition: all 0.4s ease-out 0s;
		transition: all 0.4s ease-out 0s;
		-webkit-transition-duration: 0.8s;
		transition-duration: 0.8s;
		background: #fff none repeat scroll 0 0;
		border-radius: 200px;
		content: "";
		opacity: 0.3;
		display: block;
		height: 200px;
		left: -50%;
		margin-top: -100px;
		position: absolute;
		top: 50%;
		width: 200px;
		z-index: -1;
		transform: scale(0);
		-ms-transform: scale(0);
		-webkit-transform: scale(0);
		-webkit-transition: all 0.4s ease-in 0s;
		transition: all 0.4s ease-in 0s;
		transition-delay: 0.3s;
	}
}

.slider-btn {
	&:hover {
		&::before {
			opacity: 1;
			transform: scale(4);
			-ms-transform: scale(4);
			-webkit-transform: scale(4);
		}
	}
}

.tcg-comment{
	span.your-name {
		display: inline-block;
		width: 32.9%;

	}
	span.your-email {
		display: inline-block;
		width: 32.9%;

	}
	span.cell-phone {
		display: inline-block;
		width: 32.9%;

	}
	span.subject {
		display: inline-block;
		width: 49%;

	}

	.comment-form-email {

		width: 32.9%;
		display: inline-block;
		padding-right: 1%;
	}
	.comment-form-author {

		width: 32.9%;
		display: inline-block;
		padding-right: 1%;
	}
	.comment-form-comment {

		margin-top: 30px;
		margin-bottom: 20px;
	}
	.comment-form-url {

		width: 32.9%;
		display: inline-block;
		padding-right: 1%;
		padding-right: 0;
	}

}

/*-------------------------------------  Post Style 1  -----------------------------------------*/ 

.post-style-1{
	padding-bottom:0;
	p {
		margin: 0 0 20px;
	}
	a.colored{
		color:var(--color-main);
	}
	.entry-title {
		display: block;
		font-size: 42px;
		margin: 0 0 20px;
		position: relative;
		font-weight: 700;
		-webkit-transition: 100ms linear all;
		transition: 100ms linear all;
		text-align: center;
	}

	.post-detail > li{
		margin-right: 35px;
		color: #333;
		&.post-cat{
			text-transform: uppercase;
			font-weight: 700;
			border-right: 1px solid #dee2e6;
			padding-right: 20px;
			margin-right: 20px;
			a{
				color:var(--color-main);
			}
		}
		&.post-date{
			margin-right: 0;
		}
		&.post-auth .lnr-user{
			background-color: var(--color-main);
			border-color: var(--color-main);
			width: 22px;
			height: 22px;
			color: #fff;
			font-size: 10px;
			line-height: 21px;
		}

		i{
			color: initial;
			font-size: 14px;
		}
		a{
			color: #333;
		}
	}
	.attachment-post-thumbnail{
		border-radius: 15px;
		width: 1320px;
		height: 90vh;
		object-fit: cover;
		margin-top: 60px;
		margin-bottom: 40px;
	}

	.wp-caption{
		border: none;
	}

	.post-bottom{
		border: none;
		flex-wrap: wrap; 
		.tags-bottom a{
			color: #666;
			padding: 6px 18px;
			font-size: 12px;
			letter-spacing: 0;
			display: inline-block;
			margin-bottom: 12px;
			border-radius: 50px;
			border-radius: 7px;
			background-color: var(--color-gray);
			margin-left: 5px;
			&:hover{
				color:#fff;
				background-color: var(--color-main);
			}
		}

		.share-box {
			.share-text{
				text-transform: capitalize;
			}
			a{
				margin-left: 5px;
				position: relative;
				display: inline-block;
				height: 30px;
				width: 30px;
				line-height: 30px;
				border-radius: 50%;
				text-align: center;
				color: #fff;
				&:hover{
					color:#fff;
				}
			}
		}
	}

	.tcg-author-info{
		display: flex;
		padding: 40px;
		background: var(--color-gray);
		border-radius: 15px;
		.tcg-author-avatar{
			max-width: 80px;
			-webkit-flex-shrink: 0;
			-ms-flex-negative: 0;
			flex-shrink: 0;
			img{
				border-radius: 50%;
			}
		}
		.tcg-author-info-content{
			-webkit-flex-basis: 100%;
			-ms-flex-preferred-size: 100%;
			flex-basis: 100%;
			margin-left: 30px;
			.tcg-author-info-title{
				margin-bottom: 18px;
				.tcg-author-name{
					a{
						color:#111;
						text-transform: capitalize;
						font-size: 18px;
						font-weight: 700;
						line-height: 1.3;
					}
				}
				.tcg-author-role{
					font-size: 12px;
					display: block;
					margin-top: 4px;
					text-transform: uppercase;
				}
			}
			.tcg-author-info-text{
				margin-bottom: 0;
				color:#111;
			}
			.tcg-author-social{
				margin-top: 20px;
				a{
					font-size: 14px;
					margin-right: 7px;
					background: #ebebeb;
					color: #000;
					border-radius: 50px;
					display: inline-block;
					height: 30px;
					width: 30px;
					line-height: 30px;
					text-align: center;
					&:hover{
						background: var(--color-main);
						color: #fff;

					}
				}
			}
		}
	}

	.tcg-comment{
		margin-top: 50px;
		.comment-body{
			border-radius: 10px;
			border: 1px solid #e9e9e9;
			background: none;
			.comment-reply-link{
				font-size: 12px;
				border-radius: 35px;
				padding: 0 16px;
				line-height: 30px;
				display: inline-block;
				font-weight: 500;
				background: none;
				border: 1px solid var(--color-main);
				color: var(--color-main);
				&:hover{
					background: var(--color-main);
					color: #fff;

				}
			}
		}
	}
	.related-bottom{
		background: var(--color-gray);
    	padding: 60px 0; 
	}
}