:root{
	--primary-color: #FF5349;
	--title-color: #212529;
}
html{
	scroll-behavior: smooth;
}
body{
	color: #7a7a7a;
	font-size: 16px;
	font-weight: normal;
	font-family: 'Play', sans-serif;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6{
	color: var(--title-color);
	font-weight: bold;
}
h1{
	font-size: 36px;
}
h2{
	font-size: 24px;
}
h3{
	font-size: 20px;
}
h4{
	font-size: 18px;
}
h5{
	font-size: 16px;
}
h6{
	font-size: 14px;
}

/* Links
------------------------------------ */
a{
	color: var(--title-color);
	text-decoration: none;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
a:hover,
a:focus,
a:active {
	color: var(--primary-color);
}
img{
	width: 100%;
}
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

/*
==================
 Global
==================
*/

.star-rating i{
    color: #ffb300;
	font-size: 18px;
	margin-right: 2px;
}

/*
==================
 Header
==================
*/
.site-header .top-bar{
	background-color: var(--primary-color);
}
.site-header .top-bar{
	padding: 10px 0;
}
.site-header .top-bar .text-wrapper{
	display: flex;
	justify-content: space-between;
}
.site-header .top-bar .text-wrapper .text-left span,
.site-header .top-bar .text-wrapper .text-left a{
	color: #fff;
	font-size: 14px;
	margin-right: 20px;
}
.site-header .top-bar .text-wrapper .text-left i{
	color: #fff;
	margin-right: 5px;
}
.site-header .top-bar .text-wrapper .text-left{
	display: flex;
}
.site-header .top-bar .text-wrapper .text-right ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.site-header .top-bar .text-wrapper .text-right ul li{
	margin-left: 18px;
}
.site-header .top-bar .text-wrapper .text-right ul li a{
	color: #fff;
}

/* Menu */
.site-header .main-menu{
	display: flex;
	align-items: center;
	position: relative;
}

.site-header .main-menu .manu-wrapper .site-branding{
	text-align: center;
	padding: 20px 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.site-header .main-menu .manu-wrapper .site-branding img{
	height: 65px;
	width: auto;
}
.site-header .main-menu .manu-wrapper .site-branding .site-title{
	margin: 0;
}
.site-header .main-menu .manu-wrapper .site-branding .site-description{
	margin: 0;
}
.site-header .main-menu .main-navigation .header-nav{
	display: flex;
	align-items: center;
	justify-content: center;
}
.site-header .main-menu .manu-wrapper .menu-ul{
	display: flex;
	justify-content: end;
	flex-wrap: wrap;
}
.site-header .main-menu .manu-wrapper .menu-ul ul{
	display: flex;
}
.site-header .main-menu .manu-wrapper .menu-ul li{
	margin-right: 25px;
}
.site-header .main-menu .manu-wrapper .menu-ul li a{
	position: relative;
	display: inline-block;
	color: var(--title-color);
	font-size: 18px;
	font-weight: 600;
	padding: 30px 10px;
}
.site-header .main-menu .manu-wrapper .menu-ul li a::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    border-radius: 50%;
    z-index: -1;
    background-color: var(--primary-color);
    opacity: 0.4;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.site-header .main-menu .manu-wrapper .menu-ul li.current_page_item a:before,
.site-header .main-menu .manu-wrapper .menu-ul li a:hover::before {
    transform: scale(1);
}
.site-header .main-menu .manu-wrapper .menu-ul .current-menu-item a,
.site-header .main-menu .manu-wrapper .menu-ul li a:hover{
	color: var(--primary-color);
}
.site-header .main-menu .manu-wrapper .header-nav .search{
	position: relative;
	margin-left: 20px;
}
.site-header .main-menu .main-navigation .header-nav .search .search-icon i{
	color: #fff;
	font-size: 13px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	background-color: var(--primary-color);
	border-radius: 3px;
	cursor: pointer;
	transition: 0.3s;
}
.site-header .main-menu .main-navigation .header-nav .search .search-icon i:hover{
    background-color: var(--title-color);
}
.site-header .main-menu .manu-wrapper .header-nav .menu-button{
	margin-left: 20px;
}

/* Sub Menu */

.site-header .main-menu .manu-wrapper .menu-ul li.menu-item-has-children>a::after{
	content: "\f107";
	font-family: FontAwesome;
	font-size: 13px;
	margin-left: 5px;
	opacity: 0.5;
}
.site-header .main-menu .manu-wrapper .menu-ul li.menu-item-has-children li.menu-item-has-children>a::after{
	content: "\f105";
	margin-left: 5px;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu{
	position: absolute;
	display: block;
	background-color: #fff;
	width: 270px;
	left: 0;
	top: 130%;
	visibility: hidden;
	opacity: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	z-index: 99999;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.site-header .main-menu .manu-wrapper .menu-ul li:hover .sub-menu{
	top: 100%;
	visibility: visible;
	opacity: 1;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li{
	position: relative;
	margin-right: 0;
	transition: 0.3s;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li:hover{
	margin-left: 15px;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li::before{
	content: "";
	position: absolute;
	height: 1px;
	width: 15px;
	background-color: var(--primary-color);
	top: 50%;
	transform: translateY(-50%);
	opacity: 0;
	transition: 0.1s;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li:hover::before{
	opacity: 1;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li a{
	display: block;
	color: #616161;
	font-size: 16px;
	font-weight: 500;
	padding: 8px 20px;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu .sub-menu{
	left: 100%;
	top: 130%;
	visibility: hidden;
	opacity: 0;
}
.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li:hover .sub-menu{
	top: 0;
	visibility: visible;
	opacity: 1;
}

/* Responsive Menu */

.site-header .main-menu .manu-wrapper .menu-toggle{
	display: none;
}
.site-header .main-menu .manu-wrapper .menu-toggle.times i:before{
	content: '\f00d';
}

@media(max-width: 991px){

	.site-header .top-bar{
		display: none;
	}
	.site-header .main-menu .manu-wrapper .menu-toggle{
		display: inline-block;
		float: right;
		height: 50px;
		width: 50px;
		text-align: center;
		line-height: 50px;
		font-size: 24px;
		cursor: pointer;
	}
	.site-header .main-menu .manu-wrapper .header-nav .search{
		display: none;
	}
	.site-header .main-menu .manu-wrapper .header-nav .menu-button{
		display: none;
	}
	.site-header .main-menu .main-navigation .header-nav {
	    display: none;
	}
	.site-header .main-menu .main-navigation .header-nav{
		position: absolute;
		z-index: 1;
		background-color: #fff;
		width: 100vw;
		left: 0;
		top: 100%;
	}
	.site-header .main-menu .manu-wrapper .header-nav .menu-ul{
		display: block;
		overflow: hidden;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li{
		border-top: 1px solid #ddd;
		margin-right: 0;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li a{
		font-size: 14px;
		font-weight: normal;
		padding: 1em 5%;
	}


	/* Sub Menu */

	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu{
		position: relative;
		float: none;
		visibility: visible;
		opacity: 1;
		width: 100%;
		top: 0;
		box-shadow: none;
		transition: none;
		display: none;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li:hover .sub-menu{
		top: 0;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li:hover{
		margin: 0;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li::before{
		display: none;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu li a{
		display: inline-block;
		font-size: 14px;
		padding: 1em 10%;
	}



	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu .sub-menu{
		left: 0;
		top: 0;
		visibility: visible;
		opacity: 1;
	}
	.site-header .main-menu .manu-wrapper .menu-ul li .sub-menu .sub-menu li a{
		padding: 1em 15%;
	}

}

/*================
 Search Popup
==================*/

.search-window{
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	width: 100%;
	z-index: 99999;
	margin-top: -540px;
	transform: translateY(-100%);
	background-color: rgba(0,0,0,0.90);
	-webkit-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition: all 500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition: all 1500ms cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-webkit-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-moz-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	-o-transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
	transition-timing-function: cubic-bezier(0.860, 0.000, 0.070, 1.000);
}
.search-active .search-window{
	transform: translateY(0%);
	margin-top: 0;
}
.search-window .search-close {
	position: absolute;
	right: 40px;
	top: 40px;
	margin: 0;
	text-align: center;
	cursor: pointer;
	opacity: 0;
	visibility: hidden;
	border: 0;
	padding: 0;
	border-radius: 5px;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
}
.search-active .search-window .search-close{
	visibility: visible;
	opacity: 1;
	-webkit-transition-delay: 1500ms;
	-moz-transition-delay: 1500ms;
	-ms-transition-delay: 1500ms;
	-o-transition-delay: 1500ms;
	transition-delay: 1500ms;
}
.search-window .search-close i{
	display: inline-block;
	color: #ffffff;
	font-size: 24px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	background-color: var(--primary-color);
	border-radius: 5px;
}
.search-window form{
	position: absolute;
	max-width: 700px;
	top: 50%;
	left: 15px;
	right: 15px;
	margin:-35px auto 0;
	transform: scaleX(0);
	transform-origin: center;
	background-color: #111111;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.search-active .search-window form{
	transform: scaleX(1);
	-webkit-transition-delay: 1200ms;
	-moz-transition-delay: 1200ms;
	-ms-transition-delay: 1200ms;
	-o-transition-delay: 1200ms;
	transition-delay: 1200ms;
}
.search-window .form-group{
	position:relative;
	margin:0px; 
	overflow: hidden;
}
.search-window .form-group input[type="text"],
.search-window .form-group input[type="search"]{
	position:relative;
	display: block;
	font-size: 18px;
	line-height: 50px;
	height: 70px;
	width: 100%;
	padding: 10px 170px 10px 30px;
	background-color: #ffffff;
	-webkit-transition:all 500ms ease;
	-moz-transition:all 500ms ease;
	-ms-transition:all 500ms ease;
	-o-transition:all 500ms ease;
	transition:all 500ms ease;
	border: 0;
	outline: 0;
	border-radius: 5px;
}
.search-window .form-group input[type="submit"],
.search-window .form-group button {
	position: absolute;
	right: 0;
	top: 0px;
	height: 70px;
	width: 140px;
	line-height: 70px;
	background: var(--primary-color);
	text-align: center;
	font-size: 24px;
	color: #fff;
	padding: 0;
	cursor: pointer;
	-webkit-transition: all 500ms ease;
	-moz-transition: all 500ms ease;
	-ms-transition: all 500ms ease;
	-o-transition: all 500ms ease;
	transition: all 500ms ease;
	border: none;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.search-window input::placeholder,
.search-window textarea::placeholder{
	color:#000000;
}

/*
==================
Breadcumb
==================
*/
.breadcumb-area{
	position: relative;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}
.breadcumb-area .text-wrapper{
	position: relative;
	background-color: rgba(255, 0, 6, 0.06);
	border: 1px solid rgba(255, 83, 73, 0.5);
	border-radius: 5px;
	padding: 50px;
}
.breadcumb-area h1{
	margin-bottom: 25px;
}
.breadcumb-area ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.breadcumb-area ul li{
	color: var(--primary-color);
	margin: 0 6px;
}

/*=================
 Default Page
==================*/

.default-page{
	padding: 80px 0;
}

/*=================
 Category Page
==================*/

.category-page{
	padding: 100px 0 70px;
}
.category-page .category-box{
	position: relative;
	margin-bottom: 30px;
	height: 450px;
	width: 100%;
}
.category-page .category-box:after {
	content: "";
	position: absolute;
	opacity: 0.8;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#111), to(transparent));
	background-image: -webkit-linear-gradient(transparent, #111);
	background-image: -moz-linear-gradient(transparent, #111), -moz-linear-gradient(transparent, #111);
	background-image: -o-linear-gradient(transparent, #111), -o-linear-gradient(transparent, #111);
	background-image: linear-gradient(transparent, #111), linear-gradient(transparent, #111);
	height: 80%;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 1;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.category-page .category-box:hover:after {
	height: 100%;
	opacity: 1;
}
.category-page .category-box .image{
	height: 100%;
	width: 100%;
	overflow: hidden;
}
.category-page .category-box .image img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.category-page .category-box .image img{
	transform: scale(1);
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.category-page .category-box:hover .image img{
	transform: scale(1.1);
}
.category-page .category-box .item-content {
	bottom: 0;
	left: 0;
	z-index: 3;
	position: absolute;
	padding: 35px;
}
.category-page .category-box .item-content .item-title {
	font-weight: 700;
	font-size: 26px;
	margin-bottom: 5px;
}
.category-page .category-box .item-content .item-title a{
	color: #fff;
}
.category-page .category-box .item-content .sub-title {
	color: #cccccc;
	font-size: 18px;
	display: inline-block;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 15px;
}
.category-page .category-box .item-content .sub-title:before {
	position: absolute;
	content: "";
	height: 2px;
	width: 100%;
	background-color: var(--primary-color);
	bottom: 0;
	left: 0;
	z-index: 2;
}

/*=================
 Category Archive
==================*/

.category-archive{
	padding: 80px 0 60px;
}

/*=================
 Recipe Archive
==================*/

.recipe-archive{
	padding: 80px 0 70px;
}

/*====================
 Recipe Grid Template
=====================*/

.recipe-grid-template{
	padding: 100px 0 70px;
}

/*====================
 Recipe List Template
=====================*/

.recipe-list-template{
	padding: 100px 0 70px;
}

/*=================
 Recipe List Item
==================*/

.recipe-list-item{
	margin-bottom: 30px;
}
.recipe-list-item .image img{
	height: auto;
	width: 100%;
	object-fit: cover;
	border-radius: 5px;
}
.recipe-list-item .content{
	padding: 15px 0 0;
}
.recipe-list-item .content .title {
	margin-bottom: 5px;
}
.recipe-list-item .title a{
	color: var(--title-color);
}
.recipe-list-item .title a:hover{
	color: var(--primary-color);
}
.recipe-list-item .content .book-author {
	margin-bottom: 5px;
}
.recipe-list-item .content .average-rating {
	margin-bottom: 0;
}
.recipe-list-item .content .average-rating .dashicons {
	color: #ffb300;
	font-size: 18px;
}

/*=================
 Recipe Grid Item
==================*/

.recipe-grid-item{
	margin-bottom: 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
}
.recipe-grid-item .image{
	position: relative;
}
.recipe-grid-item .image img{
	height: 320px;
	width: 100%;
	object-fit: cover;
}
.recipe-grid-item .image .prep-time {
	position: absolute;
	top: 10px;
	right: 10px;
	color: #fff;
	font-size: 14px;
	background: rgba(0,0,0,0.5);
	padding: 5px 15px;
}
.recipe-grid-item .content{
	padding: 20px 30px 16px;
}
.recipe-grid-item .content .category{
	margin: 0 0 12px;
	padding: 0;
	list-style: none;
	display: flex;
}
.recipe-grid-item .content .category li{
	margin-right: 10px;
}
.recipe-grid-item .content .category li a{
	color: var(--primary-color);
	font-weight: bold;
}
.recipe-grid-item .content .rating{
	margin-bottom: 5px;
}
.recipe-grid-item .content .rating i{
	color: #ffb300;
}
.recipe-grid-item .content .post-meta{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.recipe-grid-item .content .post-meta ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.recipe-grid-item .content .post-meta ul li{
	margin-right: 10px;
}
.recipe-grid-item .content .post-meta ul li i{
	color: var(--primary-color);
	margin-right: 5px;
}
.recipe-grid-item .content .post-meta .read-more{
	display: inline-block;
}
.recipe-grid-item .content .post-meta .read-more i{
	color: var(--primary-color);
	font-size: 22px;
}

/*=================
 Video Archive
==================*/

.videos-archive{
	padding: 100px 0 70px;
}

/*=================
Contact Page
==================*/

.contact-area .contact-wrapper{
	padding: 80px 0 80px;
}
.contact-area .address-area{
	padding: 64px 60px 69px;
	border: 1px solid rgba(255, 83, 73, 0.5);
	border-radius: 5px;
}
.contact-area .address-area .icon-box{
	margin-bottom: 25px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.contact-area .address-area .icon-box:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.contact-area .address-area .icon-box .title{
	margin-bottom: 20px;
}
.contact-area .address-area .content{
	display: flex;
	align-items: center;
}
.contact-area .address-area .content .icon{
	flex-shrink: 0;
	color: var(--primary-color);
	font-size: 24px;
	height: 50px;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(255, 0, 6, 0.06);
	margin-right: 15px;
}
.contact-area .address-area .content p{
	margin: 0;
}







.contact-area .form-area{
	padding-left: 60px;
}
.contact-area .form-title{
	margin-bottom: 37px;
}
.contact-area .form-area input[type="text"],
.contact-area .form-area input[type="email"]{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	outline: 0;
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 15px;
}
.contact-area .form-area textarea{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	outline: 0;
	width: 100%;
	padding: 15px 20px;
	margin-bottom: 15px;
}
.contact-area .form-area input[type="submit"]{
    color: #fff;
    font-weight: bold;
    border: 0;
    border-radius: 5px;
    background-color: var(--primary-color);
    padding: 15px 30px;
}


.contact-area .google-map{
	line-height: 0;
}

/*
==================
 Blog Global
==================
*/
.entry-title{
	word-wrap: break-word;
}

/*
====================
Archive, Blog List
====================
*/

.blog-list{
	padding: 80px 0 80px;
	background-color: #F6F6F6;
}
.archive .site-main .post:last-child,
.blog-list .site-main .post:last-child{
	margin-bottom: 0;
}
.archive .post,
.blog-list .post{
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	margin-bottom: 40px;
	background-color: #fff;
	transition: all 0.3s ease-in-out 0s;
}
.blog-list .post .post-thumbnail img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.archive .post .blog-content,
.blog-list .post .blog-content{
	padding: 28px 35px 30px;
}
.archive .entry-title a,
.blog-list .entry-title a{
	color: #232323;
	font-size: 30px;
	font-weight: 800;
	transition: 0.3s;
}
.archive .entry-title a:hover,
.blog-list .entry-title a:hover{
	color: var(--primary-color);
}
.archive .post .blog-content .entry-meta .author,
.blog-list .post .blog-content .entry-meta .author{
	position: relative;
	margin: 0 24px 0 0;
}
.archive .post .blog-content .entry-meta .author::after,
.blog-list .post .blog-content .entry-meta .author::after{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	right: -13px;
}
.archive .post .blog-content .entry-meta .meta_comments,
.blog-list .post .blog-content .entry-meta .meta_comments{
	position: relative;
	margin: 0 0 0 24px;
}
.archive .post .blog-content .entry-meta .meta_comments::before,
.blog-list .post .blog-content .entry-meta .meta_comments::before{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	left: -13px;
}
.archive .post .blog-content .entry-title,
.blog-list .post .blog-content .entry-title{
	margin: 11px 0 20px 0;
}
.archive .post .blog-content .entry-content p,
.blog-list .post .blog-content .entry-content p{
	margin: 0;
}

/*
==================
Blog Grid
==================
*/
.blog-grid{
	padding: 100px 0 70px;
}
.blog-grid .post{
	border: 1px solid #e6e6e6;
	margin-bottom: 30px;
	background-color: #fff;
	transition: all 0.3s ease-in-out 0s;
}
.blog-grid .post:hover{
	border-color: transparent;
	box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.blog-grid .post .blog-content{
	padding: 28px 35px 30px;
}
.blog-grid .entry-title a:hover{
	color: var(--primary-color);
}
.blog-grid .post .blog-content .entry-meta i{
	color: var(--primary-color);
	margin-right: 5px;
}
.blog-grid .post .blog-content .entry-meta .author{
	position: relative;
	margin: 0 24px 0 0;
}
.blog-grid .post .blog-content .entry-meta .author::after{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	right: -13px;
}
.blog-grid .post .blog-content .entry-title{
	font-size: 21px;
	font-weight: 800;
	margin: 11px 0 11px 0;
}
.blog-grid .post .blog-content .entry-title a{
	color: #232323;
	transition: 0.3s;
}

/*
==================
Pagination
==================
*/
.bookly-pagination{
	margin-top: 50px;
}
.bookly-pagination .paginations ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
}
.bookly-pagination .paginations ul li{
	margin-right: 7px;
}
.bookly-pagination .paginations ul li a,
.bookly-pagination .paginations ul li span.current{
	display: inline-block;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #fff;
	box-shadow: 0 0 5px rgb(0 0 0 / 20%);
	border-radius: 4px;
}
.bookly-pagination .paginations ul li span.current{
	color: #fff;
	background-color: var(--primary-color);
}


/*
==================
Blog Details
==================
*/
.blog-details{
	padding: 80px 0 80px;
}
.blog-details .type-attachment,
.blog-details .post{
	margin-bottom: 40px;
	background-color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 5px;
	transition: all 0.3s ease-in-out 0s;
}
.blog-details .post-thumbnail img{
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.blog-details .type-attachment .blog-content,
.blog-details .post .blog-content{
	padding: 28px 45px 40px;
}
.blog-details .post .blog-content .entry-header{
	margin-bottom: 20px;
}
.blog-details .post .blog-content .entry-meta i{
	color: var(--primary-color);
	margin-right: 5px;
}
.blog-details .post .blog-content .entry-meta .author{
	position: relative;
	margin: 0 24px 0 0;
}
.blog-details .post .blog-content .entry-meta .author::after{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	right: -13px;
}
.blog-details .post .blog-content .entry-meta .meta_comments{
	position: relative;
	margin: 0 0 0 24px;
}
.blog-details .post .blog-content .entry-meta .meta_comments::before{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	left: -13px;
}
.blog-details .post .blog-content .entry-title{
	font-size: 30px;
	margin-bottom: 15px;
}
.blog-details .post .blog-content blockquote {
	font-size: 18px;
	font-style: italic;
	border-left: 5px solid var(--primary-color);
	padding: 10px 0 10px 30px;
}
.blog-details .post .blog-content blockquote cite{
	position: relative;
	color: var(--title-color);
	padding-left: 20px;
}
.blog-details .post .blog-content blockquote cite::before{
	content: '';
	position: absolute;
	height: 2px;
	width: 12px;
	bottom: 9px;
	left: 0;
	background-color: var(--primary-color);
}
.blog-details .post .blog-content .page-links{
	margin-top: 24px;
}
.blog-details .post .blog-content .page-links span{
	display: inline-block;
	color: #fff;
	font-size: 14px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	background-color: var(--primary-color);
}
.blog-details .post .blog-content .page-links a{
	display: inline-block;
	font-size: 14px;
	height: 30px;
	width: 30px;
	line-height: 30px;
	text-align: center;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}
.blog-details .attachment .blog-content .entry-footer,
.blog-details .post .blog-content .entry-footer{
	border-top: 1px solid #e6e6e6;
	margin: 40px 0 0;
	padding: 40px 0 0;
}
.blog-details .post .blog-content .entry-footer .post-tags a{
	display: inline-block;
	color: #646464;
	border: 1px solid #e6e6e6;
	margin: 0 5px 5px;
	padding: 5px 15px;
	text-align: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.blog-details .post .blog-content .entry-footer .post-tags a:hover{
	color: #fff;
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.blog-details .attachment .blog-content .entry-footer .social-share ul,
.blog-details .post .blog-content .entry-footer .social-share ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
}
.blog-details .attachment .blog-content .entry-footer .social-share ul li,
.blog-details .post .blog-content .entry-footer .social-share ul li{
	margin: 0 5px 5px 0;
}
.blog-details .attachment .blog-content .entry-footer .social-share ul li a,
.blog-details .post .blog-content .entry-footer .social-share ul li a{
	display: inline-block;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	text-align: center;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
.blog-details .attachment .blog-content .entry-footer .social-share ul li a:hover,
.blog-details .post .blog-content .entry-footer .social-share ul li a:hover{
	color: #fff;
	background-color: var(--primary-color);
	border: 1px solid var(--primary-color);
}
.blog-details .post-navigation{
	margin: 0 0 41px;
}
.blog-details .post-navigation .nav-links .nav-previous a,
.blog-details .post-navigation .nav-links .nav-next a{
	font-weight: 600;
}
.blog-details .post-navigation .nav-links .nav-previous a i{
	margin-right: 10px;
}
.blog-details .post-navigation .nav-links .nav-next a i{
	margin-left: 10px;
}
.blog-details .author-bio{
	margin: 0 0 65px;
	padding: 38px 38px 30px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background-color: #fff;
}
.blog-details .author-bio .author-img{
	float: left;
	margin-right: 30px;
}
.blog-details .author-bio .author-img a img{
	border-radius: 8px;
}
.blog-details .author-bio .author-text .media-heading a{
	color: #232323;
	font-weight: 800;
}

.blog-details .comments-area .commment_title h3{
	position: relative;
	display: inline-block;
	margin-bottom: 60px;
}
.blog-details .comments-area .commment_title h3::before{
	content: '';
	position: absolute;
	height: 3px;
	width: 88px;
	background: #aec6ef;
	bottom: -15px;
	left: 0;
}
.blog-details .comments-area .commment_title h3::after{
	content: '';
	position: absolute;
	height: 8px;
	width: 8px;
	border-radius: 50%;
	background: var(--primary-color);
	bottom: -17px;
	left: 0;
	-webkit-animation: MOVE-BG 3s linear infinite alternate;
	-moz-animation: MOVE-BG 3s linear infinite alternate;
	-o-animation: MOVE-BG 3s linear infinite alternate;
	animation: MOVE-BG 3s linear infinite alternate;
	
}
.blog-details .comments-area .form-control{
	height: 54px;
	background-color: #fff;
	padding: 15px 20px;
	border: 1px solid #e6e6e6;
	border-radius: 0;
}
.blog-details .comments-area textarea.form-control{
	height: auto;
	margin-top: 15px;
}

/* Comment Style */

.comments-area{
    margin-top: 37px;
}
.comments-area ol{
	list-style: none;
}
.comments-area .comments-title{
    margin-bottom: 20px;
}
.comments-area .comment-list{
	margin: 0;
	padding: 0;
}
.comments-area .comment-list .comment{
	margin-bottom: 20px;
}
.comments-area .comment-list .comment .children{
	margin-top: 20px;
}
.comments-area .comment-list .comment .comment-author img{
	width: inherit;
}
.comments-area .comment-list .comment .comment-content .stars span{
	color: #ffb300;
	margin-right: 2px;
}
.comments-area .comment-list .comment-body{
	position: relative;
	padding: 45px 45px 27px;
	background-color: #fff;
	border-radius: 7px;
	box-shadow: 0 3px 19px rgb(0 0 0 / 8%);
}
.comments-area .comment-list .comment-body .reply{
	position: absolute;
	top: 45px;
	right: 45px;
}
.comments-area .comment-list .comment-body .reply a{
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #e6e6e6;
	border-radius: 5px;
}
.comments-area .comment-list .comment-body .reply a:hover{
	color: #fff;
	background-color: var(--primary-color);
    border: 1px solid var(--primary-color);
}
.comments-area .comment-list .comment .comment-respond{
	margin-top: 20px;
}

.comments-area .comment-form .form-control{
	margin-bottom: 15px;
}
.comments-area .comment-form button{
	color: #fff;
	border: 0;
	outline: 0;
	margin-top: 30px;
	padding: 10px 20px;
	background-color: var(--primary-color);
	border-radius: 5px;
}

/*
==================
 Book Details
==================
*/

.book-details{
	padding: 80px 0 80px;
}
.book-details .post-thumbnail img{
	border-radius: 5px;
}
.book-details .buy-btn {
	display: inline-block;
	color: #fff;
	background-color: var(--primary-color);
	margin-top: 30px;
	padding: 13px 10px;
	width: 100%;
	text-align: center;
	border-radius: 5px;
	transition: 0.3s;
}
.book-details .buy-btn:hover{
    background-color: var(--title-color);
}
.book-details .entry-header .entry-title{
	font-size: 30px;
}
.book-details .site-main{
	margin-left: 35px;
}
.book-details .average-rating{
	margin-bottom: 20px;
}

/* Author */

.recipe-details .author-bio{
	display: flex;
	align-items: center;
	background-color: #f2f2f2;
	padding: 40px 40px;
	margin: 50px 0 50px;
}
.recipe-details .author-bio .author-img{
	margin-right: 30px;
}
.recipe-details .author-bio .author-text p{
	margin: 0;
}

/*
==================
 Author List
==================
*/

.author-list{
    padding: 80px 0 30px;
}
.author-list .author-box{
    text-align: center;
    margin-bottom: 50px;
}
.author-list .author-box .author-img {
    border: 30px solid rgba(255, 83, 73, 0.1);
    border-radius: 50%;
}
.author-list .author-box .author-img img{
    border-radius: 50%;
}
.author-list .author-box .author-name{
    margin: 20px 0 0;
}

/*
==================
 Video Details
==================
*/

.recipe-details .blog-thumb a{
	position: absolute;
	color: #fff;
	font-size: 30px;
	text-align: center;
	height: 100px;
	width: 100px;
	line-height: 100px;
	border: 2px solid #fff;
	border-radius: 50%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

/*
===================
Search Result Page
===================
*/
.search-result{
	padding: 80px 0;
}
.search-result .site-main .post:last-child{
	margin-bottom: 0;
}
.search-result .post{
	border: 1px solid #e6e6e6;
	border-radius: 7px;
	margin-bottom: 40px;
	background-color: #fff;
	transition: all 0.3s ease-in-out 0s;
}
.search-result .post:hover{
	border-color: transparent;
	box-shadow: 6px 5px 30px rgb(0 0 0 / 12%);
}
.search-result .blog-thumb img{
	border-radius: 5px;
}
.search-result .blog-content{
	padding: 15px 0 0;
}
.search-result .entry-title {
	margin-bottom: 5px;
}
.search-result .entry-title a:hover{
	color: var(--primary-color);
}
.search-result .entry-content .book-author {
	margin-bottom: 5px;
}
.search-result .post .blog-content .entry-meta .author{
	position: relative;
	margin: 0 24px 0 0;
}
.search-result .post .blog-content .entry-meta .author::after{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	right: -13px;
}
.search-result .post .blog-content .entry-meta .meta_comments{
	position: relative;
	margin: 0 0 0 24px;
}
.search-result .post .blog-content .entry-meta .meta_comments::before{
	content: '';
	position: absolute;
	height: 14px;
	width: 1px;
	background-color: #616161;
	bottom: 2px;
	left: -13px;
}
.search-result .post .blog-content .entry-title{
	margin: 11px 0 20px 0;
}
.search-result .post .blog-content .entry-content p{
	margin: 0;
}

/*
==================
404
==================
*/
.four-zero-four{
	padding: 80px 0;
}
.four-zero-four .error-404{
	text-align: center;
	padding: 120px;
	box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
}

/*=================
Footer Area
==================*/

.site-footer .footer-content{
	background-image: url(../images/footer.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.site-footer .copyright{
	background-color: #28292B;
	padding: 25px 0;
	text-align: center;
}
.site-footer .copyright .copyright-text{
	color: #B5B7BA;
	margin: 0;
}












.comments-rating {
	border: none;
	padding: 0;
	margin-left: 0;
}

.comments-rating label {
	display: inline-block;
}

.rating-container {
	font-size: 0;
	display: flex;
	justify-content: flex-end;
	flex-direction: row-reverse;
}

.rating-container * {
	font-size: 1.4rem;
}

.rating-container > input {
	display: none;
}

.rating-container > input + label {
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 0.92em;
	white-space: nowrap;
	cursor: pointer;
	margin: 0;
	font: normal normal normal 18px / 1 FontAwesome;
}

.rating-container > input + label:before {
	display: inline-block;
	text-indent: -9999px;
	content: "\f006";
	color: #888;
}

.rating-container > input:checked ~ label:before,
.rating-container > input + label:hover ~ label:before,
.rating-container > input + label:hover:before {
	content: "\f005";
	color: #ffb300;
	text-shadow: 0 0 1px #333;
}

.rating-container > .star-cb-clear + label {
	text-indent: -9999px;
	width: .5em;
	margin-left: -.5em;
}

.rating-container > .star-cb-clear + label:before {
	width: .5em;
}

.rating-container:hover > input + label:before {
	content: "\f006";
	color: #888;
	text-shadow: none;
}

.rating-container:hover > input + label:hover ~ label:before,
.rating-container:hover > input + label:hover:before {
	content: "\f005";
	color: #ffb300;
	text-shadow: 0 0 1px #333;
}

.comment-respond .rating-container > .star-cb-clear + label, .comment-respond .rating-container > input + label:before {
	text-indent: 9999px;
}

.comment-respond .rating-container > input + label {
	text-indent: -9999px;
}