article.post-wrap {
	margin-bottom: 60px;
	.post-media {
		margin: 0px;
	}
	h2.post-title {
		a {
			color: #333;
			font-weight: 700;
			text-transform: none;
			transition: 0.5s all;
			word-wrap: break-word;
			display: block;
			&:hover {
				color: #dabc95;
			}
		}
	}


	.date-cmt {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		flex-wrap: wrap;
		.date {
			span {
				font-size: 14px;
				position: relative;
				padding-right: 15px;
				margin-right: 15px;
				&:before {
					content: '';
					width: 1px;
					height: 15px;
					background: #ccc;
					position: absolute;
					right: 0;
					top: 50%;
					transform: translateY(-50%);
				}
			}
			i {
				line-height: 22px;
			}
	    }
	    .comment {
			a {
				color: #666;
				font-size: 13px;
				transition: 0.5s all;
				&:hover {
					color: #d9a868;
				}
			}
			i {
				line-height: 25px;
			}
		}
		i {
			font-size: 16px;
			padding-right: 10px;
			float: left;

		}
	}

	.post-body {
		.post-excerpt {
			p {
				font-size: 16px;
				margin-bottom: 11px;
				margin-top: 10px;
				line-height: 1.67;
				
			}
			&:after {
				content: "";
				display: block;
				clear: both;
			}
		}
	}

	.post-readmore {
		margin-top: 27px;
		a {
			font-size: 16px;
			font-weight: 700;
			color: #333;
			border-bottom: none;
			text-transform: capitalize;
			transition: 0.5s all;
			&:hover {
				color: #dabc95;
			}
		}
	}

}
//end general blog;


.blog-reon-grid {
	article.post-wrap {
		margin-bottom: 53px;
		.post-media {
			a {
				position: relative;
				display: inline-block;
				.overlay {
					position: absolute;
					left: 0;
					top: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
				}
				i {
					color: #fff;
					font-size: 22px;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translateY(-50%);
					transform: translateX(-50%);
					opacity: 0;
					transition: 0.5s all;
				}
				&:hover {
					img {
						transform: scale(1.02);
						transition: 0.5s all;
					}
					i {
						opacity: 1;
					}
					.overlay {
						opacity: 1;
						background: rgba(0, 0, 0, 0.6);
						transform: scale(1.02);
						transition: 0.5s all;
					}
				}
			}
		}
		.blog-detail {
			padding: 0 30px;
			h2.post-title {
				text-align: center;
			}
			.date-cmt {
				justify-content: center;
			}
			.post-body {
				.post-excerpt {
					p {
						text-align: center;
						margin-bottom: 0px;
					}
				}
			}
		}
	}
	&.blog-reon-grid-v1 {
		article.post-wrap {
			.blog-detail {
				h2.post-title {
					padding: 38px 0 7px;
					a {
						font-size: 22px;
					}
				}
				.post-body {
					.post-excerpt {
						p {
							font-size: 14px;
						}
					}
				}
			}
		}
	}
	&.blog-reon-grid-v2 {
		article.post-wrap {
			.blog-detail {
				h2.post-title {
					padding: 43px 0 11px;
					a {
						font-size: 28px;
					}
				}
				.post-body {
					.post-excerpt {
						p {
							font-size: 15px;
							margin-top: 13px;
						}
					}
				}
			}
		}
	}
}


.blog-reon-sidebar {
	.blog-image {
		margin-bottom: 40px;
		a {
			display: inline-block;
			position: relative;
			color: #fff;
			&:after {
				transition: 0.5s all;
				position: absolute;
				content: "";
				top: 20px;
				left: 20px;
				right: 20px;
				bottom: 20px;
				transition: opacity 0.55s, transform 0.55s;
			}
			&:before {
				transition: 0.5s all;
				position: absolute;
				content: "";
				top: 20px;
				left: 20px;
				right: 20px;
				bottom: 20px;
				transition: opacity 0.55s, transform 0.55s;
			}
			span.overlay {
				transition: 0.5s all;
				content: "";
				width: 100%;
				height: 100%;
				top: 0;
				position: absolute;
				opacity: 0;
			}
			&:hover {
				&:before {
					border-top: 1px solid #fff;
					border-bottom: 1px solid #fff;
				}
				&:after {
					border-right: 1px solid #fff;
					border-left: 1px solid #fff;
				}
				span.overlay {
					opacity: 1;
					background-color: rgba(218, 188, 149, 0.4);
				}
			}
		}
	}
	.blog-detail {
		text-align: left;
		padding: 0px 20px 0 0;
		h2.post-title {
			a {
				font-size: 25px;
			}
		}
		h3 {
			font-size: 25px;
			padding: 38px 0 10px;
		}
		
		.date-cmt {
			justify-content: flex-start;
			padding-top: 3px;
			padding-bottom: 5px;
		}
	}
}
// end blog-reon-sidebar

.reon-detail-blog {
	.post-wrap {
		padding: 0;
		margin-bottom: 71px;
		&.sticky {
			padding: 30px;
		}

		.date-cmt {
			padding-bottom: 30px;
		}
		p {
			margin-bottom: 11px;
			line-height: 1.67;
			font-size: 15px;
			margin-top: 10px;
		}
		figure {
			margin-bottom: 43px;
		}
		.quote {
			border: 1px solid #e5e5e5;
			font-size: 22px;
			font-family: 'Josefin Sans', sans-serif;
			color: #333;
			margin: 38px 0 37px;
			text-align: center;
			padding: 49px 40px 43px;
			line-height: 1.3;
		}
		.date-cmt {
			display: flex;
			align-items: center;
			justify-content: flex-start;
			.date {
				span {
					font-size: 13px;
					position: relative;
					padding-right: 15px;
					margin-right: 15px;
					&:before {
						content: '';
						width: 1px;
						height: 15px;
						background: #ccc;
						position: absolute;
						right: 0;
						top: 50%;
						transform: translateY(-50%);
					}
				}
				i {
					margin-top: 5px;
				}
			}
			.comment {
				a {
					color: #666;
					font-size: 13px;
					&:hover {
						color: #d9a868;
					}
				}
				i {
					margin-top: 3px;
				}
			}
			i {
				font-size: 16px;
				padding-right: 10px;
				float: left;
			}
		}

		.socials {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding-top: 24px;
			border-top: 1px solid #e5e5e5;
			margin-top: 78px;
			font-family: 'Josefin Sans', sans-serif;
			.tags {
				span {
					margin-right: 10px;
				}
				a {
					color: #fff;
					padding: 1px 15px 0;
					margin-right: 1px;
					background: #dabc95;
					font-size: 13px;
					display: inline-block;
					margin-bottom: 5px;
					&:hover {
						color: #dabc95;
						background-color: #f2f2f2 !important;
					}
				}
			}
			.socials-inner {
				min-width: 160px;
				a {
					margin-left: 10px;
					color: #666;
					&:hover {
						color: #dabc95;
					}
				}
			}
		}

		.media {
			display: block;
			border-bottom: 1px solid #e5e5e5;
			padding-bottom: 13px;
			.comment-content {
				.media-left {
					img {
						width: 70px;
						height: 70px;

					}
				}
				.media-body {
					margin: 7px 0 27px 25px;
					.media-heading {
						h5 {
							font-size: 20px;
							span {
								font-family: 'Libre Baskerville', serif;
								font-size: 13px;
								font-weight: 400;
								color: #999;
								padding-left: 14px;
							}
						}
					}
					p {
						margin-bottom: 14px;
					}
					a {
						font-family: 'Josefin Sans', sans-serif;
						font-weight: 700;
						font-size: 14px;
						i {
							padding-right: 10px;
						}
					}
				}
			}
			.media {
				margin-left: 95px;
				border-bottom: none;
			}
		}
		.quote-form {
			h4 {
				padding-top: 42px;
			}
			.form-input {
				margin-bottom: 30px;
				input {
					background: #f2f2f2;
					padding: 16.5px 20px;
					font-size: 14px;
					// @include input-placeholder(#999);
				}
			}
			.form-textarea {
				height: 202px;
				textarea {
					background: #f2f2f2;
					// @include textarea-placeholder(#999);
				}
			}
			.form-bottom {
				padding-top: 50px;
				.btn-small {
					padding: 0px 51.5px;
					cursor: pointer;
					line-height: 55px;
					height: 50px;
				}
			}
		}
	}
}

.sidebar {
	.widget {
		margin-bottom: 60px;
		h4.widget-title {
			border-bottom: none;
			color: #333;
			font-family: 'Josefin Sans', sans-serif;
			padding-bottom: 10px;
			margin-bottom: 35px;
			position: relative;
			font-size: 22px;
			font-weight: 700;
			&:after {
				position: absolute;
				bottom: 0;
				left: 0;
				background: #e5e5e5;
				height: 1px;
				width: 100%;
				content: '';
			}
		}
		&.widget_custom_html  {
			position: relative;
			.search-form {
				width: 100%;
				input.search-field {
					color: #666;
					font-size: 15px;
					font-family: 'Josefin Sans', sans-serif;
					background: #f2f2f2;
					padding: 16.5px 25px;
					font-weight: 400;
					border: 1px solid #e5e5e5;
					outline: none;
					width: 100%;
					line-height: 1;
					&::placeholder{
						color: #999;
					}
					&:focus, &:hover {
						border: 1px solid #e5e5e5;
					}
				}
				.search-submit {
					position: absolute;
					bottom: 4%;
					right: 5%;
					background: transparent;
					border: none;
					line-height: 1.67;
					color: #666;
					font-size: 20px;
					outline: none;
					cursor: pointer;
				}
			}
		}
		&.widget_categories {
			margin-bottom: 0px;
			padding-bottom: 52px;
			
			ul {
				.cat-item {
					margin-top: 0px;
					margin-left: 0px;
					&:first-child {
						border-top: none;
					}
					a {
						color: #666;
						font-size: 16px;
						transition: .5s all;
						&:hover {
							color: #dabc95;
						}
					}
				}
			}
		}
		&.recent-posts-widget-with-thumbnails {
			margin-bottom: 48px;
			ul {
				margin-top: -5px;
				li {
					margin: 0px;
					margin-bottom: 0px;
					a {
						display: block;
						.rpwwt-post-title {
							display: block;
							padding-top: 10px;
							font-size: 17px;
							color: #333;
							font-weight: 600;
							font-family: 'Josefin Sans', sans-serif;
							transition: .5s all;
							&:hover {
								color: #dabc95;
							}
						}
					}
					.rpwwt-post-date {
						font-style: italic;
						font-size: 14px;
						color: #999;
					}
				}
			}
		}
		&.widget_tag_cloud {
			.tagcloud {
				a {
					font-family: 'Josefin Sans', sans-serif;
					color: #666;
					padding: 4.5px 16px;
					font-size: 13px !important;
					border: 1px solid #e5e5e5;
					transition: .5s all;
					&:hover {
						background-color: unset;
						color: #dabc95;
					}
				}
			}
		}
	} 
}
// end sidebar
.content_comments {
	margin-top: -10px;
	.comments {
		h4.number-comments {
			color: #333;
			font-family: 'Josefin Sans', sans-serif;
			font-weight: 700;
			font-size: 30px;
			text-transform: capitalize;
			padding-bottom: 16px;
		}
		ul.commentlists {
			margin-bottom: 17px;
			li.comment {
				.comment_item {
					.comment-author {
						margin-right: 25px;
						img {
							border-radius: 50%;
						}
					}
					.comment-details {
						.author-name {
							margin-bottom: 0px;
							.name {
								color: #333;
								font-size: 20px;
								text-transform: capitalize;
								font-weight: 700;
								padding-right: 0px;
							}
							.date {
								font-size: 13px;
								font-weight: 400;
								color: #999;
								padding-left: 14px;
								display: flex;
								align-items: center;
							}
						}
					}
					.comment-content {
						p {
							font-size: 15px;
							margin-top: 5px;
							margin-bottom: 20px;
							line-height: 1.67;
						}
						.ova_reply {
							display: flex;
						    a {
						    	font-family: 'Josefin Sans', sans-serif;
							    font-weight: 700;
							    font-size: 14px;
							    padding-left: 10px;
							    transition: .5s all;
							    color: #333;
							    &:hover {
							    	color: #dabc95;
							    }
i {
							    	padding-right: 10px;
							    }						    }
						}
					}
				}
			}
			ul.children {
				&:after {
					content: '';
					display: block;
					clear: both;
				}
			}
		}
		.wrap_comment_form {
			span.title-comment {
				font-size: 30px;
				padding: 43px 0 24px;
				color: #333;
				font-family: 'Josefin Sans', sans-serif;
				font-weight: 700;
				text-transform: unset;
				display: block;
				margin-bottom: 0px;
				border-top: 1px solid #e5e5e5;
			}
		}
		.comment-respond {
			
			.comment-form {
				display: flex;
				flex-wrap: wrap;
				textarea.form-control {
					flex: 0 0 100%;
					order: 4;
					min-height: 200px;
				}
				.form-control {
					background-color: #f2f2f2;
					padding: 24.5px 20px;
					border: 1px solid #e5e5e5;
					margin-bottom: 30px;
					border-radius: 0px;
					color: #666;
					&.author, &.email {
						flex: 0 0 calc(33.33% - 30px);
						margin-right: 30px
					}
					&.phone {
						flex: 0 0 33.33%;
					}
				}
				p.form-submit {
					order: 5;
					.submit {
						color: #fff !important;
						background-color: #dabc95 !important;
						font-family: 'Josefin Sans', sans-serif;
						font-size: 15px !important;
						font-weight: 700 !important;
						border-radius: 0px !important;
						border: none !important;
						padding: 0px 51.5px !important;
						cursor: pointer;
						line-height: 55px !important;
						height: 50px;
						&:hover {
							background-color: #f2d1a5 !important;
						}
					}
				}
				p.logged-in-as {
					display: none;
				}
			}
			small {
				display: block;
				clear: both;
				a {
					font-family: 'Josefin Sans', sans-serif;
					font-weight: 700;
					font-size: 14px;
					margin-bottom: 10px;
					display: inline-block;
					transition: .5s all;
					color: #333;
					&:hover {
						color: #dabc95;
					}
				}
			}
		}
		
	}
}
// end comment
.breadcrumb-section {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	&.section-box {
		margin-bottom: 0px;
		padding-top: 105px;
		padding-bottom: 120px;
		.breadcrumb-inner {
			text-align: center;
			width: 50%;
			margin: 0 auto;
			h1 {
				color: #fff;
				font-weight: 400;
				font-size: 65px;
				margin: 0px;
				padding: 0px;
				padding-bottom: 10px;
				word-wrap: break-word;
				@media(max-width: 991.98px){
					font-size: 35px;
				}
			}
			.breadcrumbs-text {
				color: #f2f2f2;
				font-size: 18px;
				font-weight: 400;
			}
		}
		&.breadcrumb-blog {
			margin-bottom: 120px;
		}
	}
	&.single-reon {
		.breadcrumb-inner {
			width: 100%;
			.breadcrumbs-text {
				.date-cmt {
					display: flex;
					justify-content: center;
					.date {
						position: relative;
						i {
							padding-right: 5px;
						}
						span {
							color: #f2f2f2;
							font-size: 18px;
							font-weight: 400;
							padding-right: 15px;
							margin-right: 15px;
							&:before {
								content: '';
								width: 1px;
								height: 15px;
								background: #ccc;
								position: absolute;
								right: 15px;
								top: 20%;
							}
						}
					}
					.comment {
						a {
							color: #f2f2f2;
							font-size: 18px;
							font-weight: 400;
							i {
								padding-right: 5px;
							}
							&:hover {
								color: #d9a868;
							}
						}
					}
				}
			}
		}
	}
}
//end breadcrumb

// style pagination
.blog_pagination {
	margin: 80px 0;
	ul.pagination {
		display: flex;
		justify-content: center;
		li {
			display: inherit;
			&:not(:last-child) {
				margin-right: 10px;
			}

			a {
				margin-right: 0px;
				color: #000;
				font-size: 16px;
				padding: 0px;
				border: 1px solid #e6e6e6;
				border-radius: 0;
				width: 55px;
				height: 55px;
				display: flex;
				justify-content: center;
				align-items: center;
				&:hover, &:focus {
					background-color: unset;
				}
			}
			&.active, &:hover {
				a {
					background-color: #fff;
					border: 2px solid #dabc95;
					color: #dabc95;
				}
			}
			&.next, &.prev {
				a {
					color: rgba(0,0,0,0.3);
					&:hover {
						color: #dabc95;
					}
				}
			}
			.pagi_dots {
				padding: 10px;
			}
		}
	}
}
// end style pagination

@media (max-width: 1200px) {
	ul.commentlists {
		ul.children {
			margin-left: 75px;
		}
	}
	.blog-reon-grid {
		&.blog-reon-grid-v1 {
			article.post-wrap {
				.blog-detail {
					padding: 0px;
				}
			}
		}
	}  
}

@media (max-width: 991px) {
	ul.commentlists {
		ul.children {
			margin-left: 50px;
		}
		header.comment-author {
			width: unset;
		}
	} 

	.blog-reon-grid {
		&.blog-reon-grid-v2 {
			article.post-wrap {
				.blog-detail {
					padding: 0px;
				}
			}
		}
	}  
}

@media (max-width: 768px) {
	.breadcrumb-section.section-box  {
		.breadcrumb-inner {
			width: 100%;
		}
	} 
	.comment-details {
		width: unset;
		float: unset;
	}
	.content_comments {
		.comments {
			.wrap_comment_form {
				.comment-respond {
					.comment-form {
						.form-control {
							&.author, &.email, &.phone {
								margin-right: 0px;
								flex: 0 0 100%;
							}
						}
					}
				}
			}
		}
	}

}
@media (max-width: 576px) {

	.reon-detail-blog {
		.post-wrap {
			.socials {
				flex-direction: column;
				align-items: start;
				.tags {
					padding-bottom: 10px;
				}
			}
		}
	}

	ul.commentlists {
		ul.children {
			margin-left: 20px;
		}
	}
}


.ovatheme_breadcrumbs.ovatheme_breadcrumbs_default + .breadcrumb-section.section-box {
	margin-top: -60px;
}
//style default theme
form.post-password-form {
	input[type=password] {
		width: 100%;
	    max-width: 250px;
	    height: 40px;
	    padding: 6px 12px;
	    background-color: #ebebeb;
	    color: #333;
	    border-radius: 0px;
	    border: none;
	    box-shadow: none;
	}
	input[type=submit] {
		height: 40px;
	    padding-left: 15px;
	    padding-right: 15px;
	    cursor: pointer;
	    background-color: #333;
	    border: 1px solid #333;
	    color: #fff;
	    box-shadow: none;
	    margin-left: -10px;
		padding-bottom: 0px;
		padding-top: 0px;
}
}
.ovatheme_breadcrumbs.ovatheme_breadcrumbs_default {
	+ .breadcrumb-section.section-box, + .reon_404_page .breadcrumb-section.section-box {
		margin-top: -60px;
	}

	
}
.page-not-found {
	&.section-box {
		text-align: center;
	}
}
.blogname {
	text-transform: uppercase;
	font-weight: bold;
}
//end custom style default

.booking_form_1{
	padding: 50px 30px 20px 30px;
	background-color: #fff;
	.select2-container{
		width: 100%!important;
	}
}
.reservation_form_1{
	
	.select2-container{
		width: 100%!important;
	}
}






/* Fix contact form 7 date */
.wpcf7-form-control-wrap.date{
	position: relative;
	&:before{
		position: absolute;
		right: 12px;
		top: -2px;
		content: '\f32f';
		font-family: "Material-Design-Iconic-Font";
	}
	input[type="date"] {
		padding-right: 10px!important;
		&::-webkit-calendar-picker-indicator {
			color: transparent;
			background: transparent;
			z-index: 1;
			height: 50px;
		}
	}
}
.wpcf7-form-control-wrap{
	input{
		height: 50px;
		border: 1px solid #e5e5e5;
	}
	
}
.wpcf7-form{
	.reon-mb{
		margin-bottom: 30px;	
	}
	@media( max-width: 767.98px ){
		[class^='col']{
			padding-left: 0;
			padding-right: 0;
		}	
	}
}

/* Fix select2 */
.select2-container .select2-selection--single{
	min-height: 50px;
	border: 1px solid #e5e5e5;
	border-radius: 0;
	&:foucs{
		outline: none;
	}
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	line-height: 50px;
	color: #666;
	padding-left: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
	right: 10px;
	b{
		border: none;
		&:before{
			font-family: "Material-Design-Iconic-Font";
			content: '\f2f9';
		}	
	}
}


.events-hp-2{
	.item.events-content{
		background-color: #fff;
	}
}

@media( max-width: 767px ){
	.gallery-hp-1 .col{
		padding-left: 0;
		padding-right: 0;
	}
}