/******************************************************************
  Template Name: Foodeiblog
  Description:  Foodeiblog Blog HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/

/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Instagram Section
8.  About Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/

/*----------------------------------------*/
/* Template default CSS
/*----------------------------------------*/

html,
body {
	height: 100%;
	font-family: "Nunito Sans", sans-serif;
	-webkit-font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	color: #111111;
	font-weight: 400;
	font-family: "Unna", serif;
}

h1 {
	font-size: 70px;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 30px;
}

h4 {
	font-size: 24px;
}

h5 {
	font-size: 18px;
}

h6 {
	font-size: 16px;
}

p {
	font-size: 14px;
	font-family: "Nunito Sans", sans-serif;
	color: #444444;
	font-weight: 400;
	line-height: 26px;
	margin: 0 0 15px 0;
}

img {
	max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
	outline: none;
}

a:hover,
a:focus {
	text-decoration: none;
	outline: none;
	color: inherit;
}

ul,
ol {
	padding: 0;
	margin: 0;
}

/*---------------------
  Helper CSS
-----------------------*/

.section-title {
	margin-bottom: 70px;
	text-align: center;
}

.section-title.normal-title {
	text-align: left;
}

.section-title.normal-title h3:after {
	margin: 0;
}

.section-title h3 {
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	position: relative;
}

.section-title h3:after {
	position: absolute;
	left: 0;
	bottom: -30px;
	right: 0;
	height: 13px;
	width: 83px;
	background-image: url(../img/line.png);
	content: "";
	margin: 0 auto;
}

.set-bg {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
}

.spad {
	padding-top: 100px;
	padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
	color: #fff;
}

/* buttons */

.primary-btn {
	display: inline-block;
	font-size: 14px;
	padding: 8px 25px 6px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 700;
	border: 1px solid #f4952f;
}


.site-btn {
	font-size: 15px;
	color: #ffffff;
	font-weight: 800;
	text-transform: uppercase;
	display: inline-block;
	padding: 13px 26px 12px;
	background: #f4952f;
	border: none;
}

/* Preloder */

#preloder {
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 999999;
	background: #000;
}

.loader {
	width: 40px;
	height: 40px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -13px;
	margin-left: -13px;
	border-radius: 60px;
	animation: loader 0.8s linear infinite;
	-webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

@-webkit-keyframes loader {
	0% {
		-webkit-transform: rotate(0deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}

	50% {
		-webkit-transform: rotate(180deg);
		border: 4px solid #673ab7;
		border-left-color: transparent;
	}

	100% {
		-webkit-transform: rotate(360deg);
		border: 4px solid #f44336;
		border-left-color: transparent;
	}
}

.spacial-controls {
	position: fixed;
	width: 111px;
	height: 91px;
	top: 0;
	right: 0;
	z-index: 999;
}

.spacial-controls .search-switch {
	display: block;
	height: 100%;
	padding-top: 30px;
	background: #323232;
	text-align: center;
	cursor: pointer;
}

.search-model {
	display: none;
	position: fixed;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background: #000;
	z-index: 99999;
}

.search-model-form {
	padding: 0 15px;
}

.search-model-form input {
	width: 500px;
	font-size: 40px;
	border: none;
	border-bottom: 2px solid #333;
	background: 0 0;
	color: #999;
}

.search-close-switch {
	position: absolute;
	width: 50px;
	height: 50px;
	background: #333;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	font-size: 28px;
	line-height: 28px;
	top: 30px;
	cursor: pointer;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

/*---------------------
  Header
-----------------------*/
.header__top {
	background: #f5f5f5;
	position: fixed;
	/* Membuat header tetap di tempat */
	top: 0;
	left: 0;
	width: 100%;
	/* Mengatur lebar agar mengikuti layar */
	z-index: 100;
	/* Supaya header berada di atas konten lain */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	/* Menambahkan bayangan agar lebih jelas */
}

.container {
	padding-top: 20px;
	/* Menambahkan padding agar konten di bawah header tidak tertutup */
}

.header__menu ul li {
	margin-right: 20px;
}

.header__menu ul li a {
	padding: 5px 0;
	/* Sesuaikan padding sesuai desain */
}

.header__humberger {
	font-size: 14px;
	padding: 10px 0 11px;
}


.header__humberger {
	font-size: 14px;
	color: #111111;
	padding: 10px 0 11px;
}

.header__humberger i {
	cursor: pointer;
}

.header__menu {
	text-align: center;
}

.header__menu ul li {
	list-style: none;
	display: inline-block;
	margin-right: 40px;
}

.header__menu ul li:last-child {
	margin-right: 0;
}

.header__menu ul li.active>a {
	color: #f4952f;
}

.header__menu ul li.active>a:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.header__menu ul li:hover .header__megamenu__wrapper {
	top: 42px;
	opacity: 1;
	visibility: visible;
}

.header__menu ul li:hover>a {
	color: #f4952f;
}

.header__menu ul li:hover>a:after {
	opacity: 1;
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}

.header__menu ul li:hover .dropdown__menu {
	opacity: 1;
	visibility: visible;
	top: 41px;
}

.header__menu ul li.dropdown {
	position: relative;
}

.header__menu ul li .dropdown__menu {
	position: absolute;
	left: 0;
	top: 62px;
	width: 180px;
	background: #222222;
	z-index: 9;
	text-align: left;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	opacity: 0;
	visibility: hidden;
	padding: 10px 0;
}

.header__menu ul li .dropdown__menu li {
	display: block;
	margin-right: 0;
}

.header__menu ul li .dropdown__menu li a {
	color: #ffffff;
	padding: 5px 0;
	padding-left: 20px;
	text-transform: capitalize;
}

.header__menu ul li .dropdown__menu li a:hover {
	color: #f4952f;
}

.header__menu ul li .dropdown__menu li a:after {
	display: none;
}

.header__menu ul li a {
	font-size: 15px;
	color: #111111;
	font-weight: 700;
	font-family: "Unna", serif;
	text-transform: uppercase;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	padding: 10px 0;
	display: block;
}

.header__menu ul li a:after {
	position: absolute;
	left: 0;
	bottom: 1px;
	width: 100%;
	height: 2px;
	background: #f4952f;
	content: "";
	opacity: 0;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
}

.header__megamenu__wrapper {
	position: absolute;
	left: -175px;
	right: -176px;
	top: 62px;
	z-index: 9;
	background: #ffffff;
	padding: 30px;
	padding-bottom: 25px;
	max-width: 1170px;
	margin: 0 auto;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-box-shadow: 0px 5px 15px rgba(20, 14, 5, 0.15);
	box-shadow: 0px 5px 15px rgba(20, 14, 5, 0.15);
}

.header__megamenu {
	margin-right: -30px;
}

.header__megamenu__item {
	width: calc(20% - 30px);
	float: left;
	margin-right: 30px;
}

.header__megamenu__item .header__megamenu__item--pic {
	height: 132px;
	position: relative;
	margin-bottom: 15px;
}

.header__megamenu__item .header__megamenu__item--pic .label {
	font-size: 12px;
	color: #111111;
	font-weight: 700;
	text-transform: uppercase;
	background: #ffffff;
	padding: 2px 5px 1px;
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 10px;
}

.header__megamenu__item .header__megamenu__item--text {
	text-align: left;
}

.header__megamenu__item .header__megamenu__item--text h5 a {
	line-height: 20px;
	color: #111111;
}

.header__search {
	display: flex;
	justify-content: center;
	margin: 10px;
}

.header__search input {
	padding: 8px;
	margin-left: 0;
	width: 200px;
	border: 1px solid #000000;
	border-radius: 5px;
	font-size: 13px;
}

.header__search button {
	padding: 5px 10px;
	margin-left: 2px;
	border: none;
	border-radius: 5px;
	background-color: #f7ad23;
	color: rgb(0, 0, 0);
	cursor: pointer;
	font-size: 13px;
}

.header__search button:hover {
	background-color: #dd9a1c;
}

mark {
	background-color: rgb(255, 217, 0);
	/* Warna latar belakang untuk highlight */
}

.search-results {
	position: absolute;
	top: 60px;
	left: 30%;
	/* Set posisi ke tengah halaman */
	width: 180%;
	/* Atur lebar 80% dari layar */
	transform: translateX(-50%);
	/* Geser ke kiri untuk membuat elemen lebih proporsional */
	background-color: white;
	border: 1px solid #ccc;
	z-index: 1000;
	max-height: 400px;
	overflow-y: auto;
	padding: 10px;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}


.search-result-item {
	display: flex;
	/* Flexbox untuk menata gambar dan teks di satu baris */
	align-items: center;
	padding: 10px;
	border-bottom: 1px solid #eee;
	cursor: pointer;
}

.result-image {
	width: 100px;
	height: 50px;
	object-fit: cover;
	/* Agar gambar tetap proporsional */
	margin-right: 10px;
	/* Jarak antara gambar dan teks */
	border-radius: 5px;
}

.result-text {
	flex: 1;
	/* Membuat teks mengisi sisa ruang */
}

.search-result-item h4 {
	font-size: 20px;
	/* Ukuran font judul */
	margin: 0 0 5px 0;
}

.search-result-item p {
	font-size: 13px;
	/* Ukuran font deskripsi */
	color: #555;
	/* Warna teks deskripsi */
	margin: 0;
}


.search-result-item:hover {
	background-color: #f0eeee;
	/* Warna latar saat hover */
}



/* Tampilan untuk tablet (lebar 768px sampai 1024px) */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.header__search {
		justify-content: flex-end;
	}

	.header__search input {
		width: 100px;
	}

	.header__search button {
		font-size: 10px;
		padding: 5px 10px;
	}
}




.header__btn {
	text-align: right;
	padding: 130px 0 56px;
}

.header__logo {
	padding: 50px 0 40px;
	text-align: center;
}

.header__logobali {
	padding: 70px 0 0;
}

.header__wrapper {
	display: flex;
	align-items: center;
	/* Agar vertikalnya sejajar */
	justify-content: space-between;
	/* Menjaga jarak antar elemen */
	padding: 20px 0;
	/* Tambahkan padding jika diperlukan */
}

.header__logo a {
	display: inline-block;
}

.header__social {
	text-align: right;
	padding: 63px 0;
}

.header__social a {
	font-size: 14px;
	color: #111111;
	display: inline-block;
	margin-right: 10px;
}

.header__social a:last-child {
	margin-right: 0;
}

.humberger__menu__overlay {
	position: fixed;
	left: 0;
	right: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.7);
	z-index: 98;
	visibility: hidden;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}

.humberger__menu__overlay.active {
	visibility: visible;
}

.humberger__menu__wrapper {
	width: 400px;
	background: #111111;
	position: fixed;
	height: 100%;
	overflow-y: auto;
	z-index: 99;
	padding: 50px 50px 60px 50px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	left: -400px;
}

.humberger__menu__wrapper.show__humberger__menu__wrapper {
	opacity: 1;
	left: 0;
}

.humberger__menu__logo {
	margin-top: 40px;
	margin-bottom: 15px;
}

.humberger__menu__nav {
	display: none;
}

.slicknav_menu {
	background: transparent;
	padding: 0;
	margin-bottom: 35px;
}

.slicknav_btn {
	display: none;
}

.slicknav_nav {
	display: block !important;
}

.slicknav_nav li a {
	font-size: 15px;
	color: #ffffff;
	font-family: "Unna", serif;
	text-transform: uppercase;
	-webkit-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	padding: 10px 0;
	margin: 0;
}

.slicknav_nav li a:hover {
	background: transparent;
	color: #f4952f;
	text-decoration: underline;
}

.slicknav_nav ul {
	margin: 0;
}

.slicknav_nav .slicknav_row:hover {
	border-radius: 0;
	background: transparent;
	color: #f4952f;
}

.slicknav_nav .slicknav_row:hover a {
	color: #f4952f;
}

.slicknav_nav .slicknav_row,
.slicknav_nav a {
	padding: 5px 0;
	margin: 2px 0;
}

.humberger__menu__title h6 {
	color: #ffffff !important;
	opacity: 1 !important;
}

.humberger__menu__about {
	margin-bottom: 50px;
}

.humberger__menu__about img {
	min-width: 100%;
	margin-bottom: 20px;
}

.humberger__menu__about h6 {
	color: #ffffff;
	opacity: 0.5;
}

.humberger__menu__about p {
	color: #ffffff;
	opacity: 0.5;
	margin-bottom: 25px;
}

.humberger__menu__about .humberger__menu__about__social a {
	background: #363636 !important;
}

.humberger__menu__about .humberger__menu__about__social a:hover {
	background: #f4952f !important;
}

.humberger__menu__about .humberger__menu__about__social a i {
	color: #ffffff;
	opacity: 0.7;
}

.humberger__menu__subscribe .humberger__menu__title {
	margin-bottom: 20px !important;
}

.humberger__menu__subscribe p {
	color: #ffffff;
	opacity: 0.7;
}

.humberger__menu__subscribe form input {
	background: transparent;
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form input::-webkit-input-placeholder {
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form input::-moz-placeholder {
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form input:-ms-input-placeholder {
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form input::-ms-input-placeholder {
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form input::placeholder {
	color: #ffffff !important;
	opacity: 0.5 !important;
}

.humberger__menu__subscribe form label {
	color: #ffffff !important;
	opacity: 0.7 !important;
}

/*---------------------
  Hero
-----------------------*/

.hero__inside__item {
	position: relative;
	height: 633px;
	margin-bottom: 11px;
	margin-right: 11px;
}

/* Agar link tetap berwarna putih dan tidak berubah */
.hero__inside__item__text h5 a,
.hero-link h5 {
	color: white !important;
	text-decoration: none;
	/* Menghilangkan underline pada link */
}

.hero__inside__item__text h5 a:hover,
.hero-link:hover h5 {
	color: #f2f2f2 !important;
	/* Mengatur warna saat hover */
}

.hero__inside__item__text h5 a:visited,
.hero-link:visited h5 {
	color: white !important;
	/* Pastikan warna tetap putih setelah link dikunjungi */
}

.hero__inside__item__text h5 a:active,
.hero-link:active h5 {
	color: white !important;
	/* Pastikan warna tetap putih saat link di-klik */
}

/* Optional: Set padding atau margin untuk .hero-link agar klik lebih nyaman */
.hero-link {
	display: block;
	text-decoration: none;
	color: inherit;
	/* Agar mewarisi warna elemen */
}

/* Agar link tetap berwarna putih dan tidak berubah */
.hero__inside__item__text h4 a,
.hero-link h5 {
	color: white !important;
	text-decoration: none;
	/* Menghilangkan underline pada link */
}

.hero__inside__item__text h4 a:hover,
.hero-link:hover h4 {
	color: #f2f2f2 !important;
	/* Mengatur warna saat hover */
}

.hero__inside__item__text h4 a:visited,
.hero-link:visited h4 {
	color: white !important;
	/* Pastikan warna tetap putih setelah link dikunjungi */
}

.hero__inside__item__text h5 a:active,
.hero-link:active h4 {
	color: white !important;
	/* Pastikan warna tetap putih saat link di-klik */
}

/* Optional: Set padding atau margin untuk .hero-link agar klik lebih nyaman */
.hero-link {
	display: block;
	text-decoration: none;
	color: inherit;
	/* Agar mewarisi warna elemen */
}

.hero__slider {
	overflow: hidden;
}

.hero__slider.owl-carousel .owl-nav button {
	height: 50px;
	width: 50px;
	background: rgba(0, 0, 0, 0.3);
	line-height: 54px;
	text-align: center;
	font-size: 30px;
	color: #ffffff;
	position: absolute;
	left: 30px;
	top: 50%;
	-webkit-transform: translateY(-25px);
	-ms-transform: translateY(-25px);
	transform: translateY(-25px);
}

.hero__slider.owl-carousel .owl-nav button.owl-next {
	left: auto;
	right: 30px;
}

.hero__item {
	margin-right: -11px;
}

.hero__inside__item--wide .hero__inside__item--meta {
	height: 110px;
	width: 110px;
	padding-top: 27px;
	margin-right: 30px;
}

.hero__inside__item--wide .hero__inside__item--meta span {
	font-size: 42px;
	line-height: 24px;
}

.hero__inside__item--wide .hero__inside__item--meta p {
	font-size: 24px;
	line-height: 24px;
}

.hero__inside__item--wide .hero__inside__item--text {
	overflow: hidden;
}

.hero__inside__item--wide .hero__inside__item--text .label {
	margin-bottom: 5px;
}

.hero__inside__item--wide .hero__inside__item--text .label li {
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #f4952f;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
}

.hero__inside__item--wide .hero__inside__item--text .label li:last-child {
	margin-right: 0;
}

.hero__inside__item--wide .hero__inside__item--text .label li:last-child:after {
	display: none;
}

.hero__inside__item--wide .hero__inside__item--text .label li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
	color: #ffffff;
	opacity: 0.3;
}

.hero__inside__item--wide .hero__inside__item--text h4 {
	font-size: 26px;
	color: #ffffff;
	line-height: 34px;
}

.hero__inside__item--wide .hero__inside__item--text .widget li {
	list-style: none;
	display: inline-block;
	margin-right: 25px;
	font-size: 12px;
	color: #c4c4c4;
	position: relative;
}

.hero__inside__item--wide .hero__inside__item--text .widget li span {
	color: #ffffff;
}

.hero__inside__item--wide .hero__inside__item--text .widget li:after {
	position: absolute;
	right: -18px;
	top: -1px;
	content: "|";
	color: #ffffff;
	opacity: 0.3;
}

.hero__inside__item--wide .hero__inside__item--text .widget li:last-child {
	margin-right: 0;
}

.hero__inside__item--wide .hero__inside__item--text .widget li:last-child:after {
	display: none;
}

.hero__inside__item--small {
	height: 311px;
}

.hero__inside__item__text {
	position: absolute;
	left: 0;
	bottom: 20px;
	width: 100%;
	padding: 0 30px;
}

.hero__inside__item--meta {
	background: rgba(0, 0, 0, 0.3);
	display: inline-block;
	height: 65px;
	width: 65px;
	text-align: center;
	padding-top: 14px;
	float: left;
	margin-right: 20px;
}

.hero__inside__item--meta span {
	font-size: 26px;
	color: #ffffff;
	font-weight: 900;
	line-height: 18px;
}

.hero__inside__item--meta p {
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	text-transform: uppercase;
	opacity: 0.5;
	margin-bottom: 0;
	line-height: 15px;
}

.hero__inside__item--text {
	overflow: hidden;
}

.hero__inside__item--text .label {
	margin-bottom: 5px;
}

.hero__inside__item--text .label li {
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #f4952f;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
}

.hero__inside__item--text .label li:last-child {
	margin-right: 0;
}

.hero__inside__item--text .label li:last-child:after {
	display: none;
}

.hero__inside__item--text .label li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
	color: #ffffff;
	opacity: 0.3;
}

.hero__inside__item--text h5 {
	font-size: 20px;
	color: #ffffff;
	line-height: 26px;
}

.hero__inside__item--text h4 {
	font-size: 30px;
	color: #ffffff;
	line-height: 26px;
}

/*---------------------
  Categories
-----------------------*/

.categories {
	padding-top: 90px;
}

.categories.categories-grid {
	padding-top: 0;
}

.categories.categories-grid .categories__grid__post {
	border-top: 1px solid #ebebeb;
	padding-top: 50px;
}

.categories.categories-grid .categories__post {
	padding-top: 0;
}

.categories__item {
	height: 270px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 30px;
}

.categories__item:hover .categories__hover__text {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}

.categories__item .categories__hover__text {
	background: #ffffff;
	display: inline-block;
	padding: 15px 20px 10px;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.categories__item .categories__hover__text h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
}

.categories__item .categories__hover__text p {
	color: #888888;
	font-weight: 600;
	margin-bottom: 0;
}

.categories__post {
	padding-top: 40px;
}

.categories__post__item {
	margin-bottom: 45px;
}

.categories__post__item.categories__post__item--large {
	margin-bottom: 55px;
}

.categories__post__item.categories__post__item--large .categories__post__item__pic {
	height: 533px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__label--large {
	margin-bottom: 10px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text h3 a {
	font-size: 26px;
	line-height: 34px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text p {
	font-size: 15px;
	margin-bottom: 21px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social {
	margin-top: 25px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social span {
	font-size: 14px;
	color: #888888;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 25px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social a {
	margin-right: 20px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social a:last-child {
	margin-right: 0;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social a i {
	color: #111111;
	margin-right: 5px;
}

.categories__post__item.categories__post__item--large .categories__post__item__text .post__social a span {
	margin-right: 0;
}

.categories__post__item__pic {
	position: relative;
	margin-bottom: 25px;
	height: 506px;
}

.categories__post__item__pic.small__item {
	height: 253px;
}

.categories__post__item__pic.smaller__large {
	height: 380px;
}

.categories__post__item__pic .post__meta {
	background: #ffffff;
	display: inline-block;
	height: 65px;
	width: 65px;
	text-align: center;
	padding-top: 18px;
	position: absolute;
	left: 20px;
	top: 20px;
}

.categories__post__item__pic .post__meta h4 {
	font-size: 26px;
	color: #111111;
	font-weight: 900;
	line-height: 14px;
	font-family: "Nunito Sans", sans-serif;
}

.categories__post__item__pic .post__meta span {
	font-size: 12px;
	color: #888888;
	font-weight: 600;
	text-transform: uppercase;
}

.categories__post__item__text {
	text-align: center;
}

.categories__post__item__text .post__label--large li {
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #f4952f;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
}

.categories__post__item__text .post__label--large li:last-child {
	margin-right: 0;
}

.categories__post__item__text .post__label--large li:last-child:after {
	display: none;
}

.categories__post__item__text .post__label--large li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
	color: #cccccc;
}

.categories__post__item__text .post__label {
	font-size: 12px;
	color: #f4952f;
	text-transform: uppercase;
	font-weight: 700;
	margin-bottom: 10px;
}

.categories__post__item__text h3 {
	margin-bottom: 5px;
}

.categories__post__item__text h3 a {
	color: #111111;
	line-height: 29px;
	letter-spacing: 0.5px;
	font-size: 22px;
	display: block;
}

.categories__post__item__text h3 a:hover {
	text-decoration: underline;
}

.categories__post__item__text .post__widget {
	margin-bottom: 10px;
}

.categories__post__item__text .post__widget li {
	list-style: none;
	display: inline-block;
	margin-right: 25px;
	font-size: 12px;
	color: #888888;
	position: relative;
}

.categories__post__item__text .post__widget li span {
	color: #111111;
}

.categories__post__item__text .post__widget li:after {
	position: absolute;
	right: -18px;
	top: -1px;
	content: "|";
	color: #cccccc;
}

.categories__post__item__text .post__widget li:last-child {
	margin-right: 0;
}

.categories__post__item__text .post__widget li:last-child:after {
	display: none;
}

.categories__post__item__text p {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 21px;
}

.categories__post__item__small {
	background: #f5f5f5;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 25px;
	position: relative;
	padding-top: 60px;
	margin-bottom: 60px;
}

.categories__post__item__small img {
	position: absolute;
	left: 30px;
	top: 30px;
}

.categories__post__item__small p {
	font-size: 15px;
	color: #000000;
	letter-spacing: 0.5px;
	font-weight: 600;
}

.categories__post__item__small .posted__by {
	font-size: 15px;
	color: #f4952f;
	font-weight: 600;
	text-align: right;
}

.categories__post__item__plain {
	height: 506px;
	position: relative;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 60px;
}

.categories__post__item__plain:after {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000000;
	content: "";
	opacity: 0.6;
	z-index: -1;
}

.categories__post__item__plain .post__meta {
	background: rgba(0, 0, 0, 0.3);
	display: inline-block;
	height: 65px;
	width: 65px;
	text-align: center;
	padding-top: 18px;
}

.categories__post__item__plain .post__meta h4 {
	font-size: 26px;
	color: #ffffff;
	font-weight: 900;
	line-height: 14px;
	font-family: "Nunito Sans", sans-serif;
}

.categories__post__item__plain .post__meta span {
	font-size: 12px;
	color: #ffffff;
	font-weight: 600;
	opacity: 0.5;
	text-transform: uppercase;
}

.categories__post__item__plain .categories__post__item__text ul {
	margin-top: 20px;
	margin-bottom: 5px;
}

.categories__post__item__plain .categories__post__item__text h3 a {
	color: #ffffff;
}

.categories__post__item__plain .post__social {
	margin-top: 10px;
}

.categories__post__item__plain .post__social span {
	font-size: 14px;
	color: #ffffff;
	opacity: 0.5;
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 25px;
}

.categories__post__item__plain .post__social a {
	margin-right: 20px;
}

.categories__post__item__plain .post__social a:last-child {
	margin-right: 0;
}

.categories__post__item__plain .post__social a i {
	color: #ffffff;
	opacity: 0.7;
	margin-right: 5px;
}

.categories__post__item__plain .post__social a span {
	margin-right: 0;
}

.load__more__btn a {
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	color: #111111;
	text-transform: uppercase;
	padding: 12px 125px 10px;
	background: #ebebeb;
}

/*---------------------
  Categories Grid
-----------------------*/

.breadcrumb__text {
	margin-bottom: 46px;
}

.breadcrumb__text h2 {
	color: #000000;
	margin-bottom: 5px;
	font-family: 'Times New Roman', Times, serif
}

.breadcrumb__text h2 span {
	color: #f4952f;
}

.breadcrumb__text .breadcrumb__option a {
	display: inline-block;
	font-size: 16px;
	color: #111111;
	margin-right: 14px;
	position: relative;
}

.breadcrumb__text .breadcrumb__option a:after {
	position: absolute;
	right: -12px;
	top: 0;
	content: "/";
}

.breadcrumb__text .breadcrumb__option span {
	font-size: 16px;
	color: #888888;
}

/*---------------------
  Categories Grid
-----------------------*/

.categories__list__post__item {
	margin-bottom: 50px;
}

.categories__list__post__item .categories__post__item__pic {
	height: 253px;
	margin-bottom: 0;
}

.categories__list__post__item .categories__post__item__text {
	text-align: left;
}


.categories__pagination a {
	display: inline-block;
	background: #f2f2f2;
	color: #444444;
	font-size: 16px;
	font-weight: 600;
	text-transform: uppercase;
	padding: 12px 18px 10px;
	margin-right: 6px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.categories__pagination a:hover {
	color: #ffffff;
	background: #f4952f;
}

.categories__pagination a:last-child {
	color: #f4952f;
	margin-right: 0;
}

.categories__pagination a:last-child:hover {
	color: #ffffff;
}

.sidebar__about__item {
	margin-bottom: 60px;
}

.sidebar__about__item img {
	min-width: 100%;
	margin-bottom: 20px;
}

.sidebar__about__item h6 {
	font-size: 15px;
	color: #000000;
	font-family: "Nunito Sans", sans-serif;
	font-weight: bold;
}

.sidebar__about__item p {
	font-size: 14px;
	color: #000000;
	font-family: "Nunito Sans", sans-serif;
	text-align: justify;
	margin-top: 3%;
}

.sidebar__about__item h6 span {
	color: #f4952f;
}

.sidebar__item__title,
.humberger__menu__title {
	margin-bottom: 30px;
}

.sidebar__item__title h6,
.humberger__menu__title h6 {
	display: inline-block;
	font-size: 15px;
	color: #111111;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

.sidebar__item__title h6:after,
.humberger__menu__title h6:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background: #f4952f;
	opacity: 0.3;
	content: "";
}

.sidebar__follow__item {
	margin-bottom: 60px;
}

.sidebar__item__follow__links a,
.humberger__menu__about .humberger__menu__about__social a {
	display: inline-block;
	font-size: 16px;
	color: #111111;
	height: 46px;
	width: 46px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.sidebar__item__follow__links a:last-child,
.humberger__menu__about .humberger__menu__about__social a:last-child {
	margin-right: 0;
}

.sidebar__item__follow__links a:hover,
.humberger__menu__about .humberger__menu__about__social a:hover {
	background: #f4952f;
	color: #ffffff;
}

.sidebar__feature__item {
	margin-bottom: 60px;
}

.sidebar__feature__item__large {
	height: 200px;
	position: relative;
	margin-bottom: 30px;
}

.sidebar__feature__item__large .sidebar__feature__item__large--text {
	position: absolute;
	left: 0;
	width: 100%;
	padding: 0 20px;
	bottom: 15px;
}

.sidebar__feature__item__large .sidebar__feature__item__large--text span {
	font-size: 12px;
	color: #f4952f;
	font-weight: 700;
	text-transform: uppercase;
}

.sidebar__feature__item__large .sidebar__feature__item__large--text h5 a {
	color: #ffffff;
	line-height: 23px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.sidebar__feature__item__list__single {
	margin-bottom: 30px;
}

.sidebar__feature__item__list__single:last-child {
	margin-bottom: 0;
}

.sidebar__feature__item__list__single .post__meta {
	background: #f5f5f5;
	display: inline-block;
	height: 65px;
	width: 65px;
	text-align: center;
	padding-top: 18px;
	float: left;
	margin-right: 20px;
}

.sidebar__feature__item__list__single .post__meta h4 {
	font-size: 26px;
	color: #111111;
	font-weight: 900;
	line-height: 14px;
	font-family: "Nunito Sans", sans-serif;
}

.sidebar__feature__item__list__single .post__meta span {
	font-size: 12px;
	color: #888888;
	font-weight: 600;
	opacity: 0.5;
	text-transform: uppercase;
}

.sidebar__feature__item__list__single .post__text {
	overflow: hidden;
}

.sidebar__feature__item__list__single .post__text span {
	font-size: 12px;
	color: #f4952f;
	font-weight: 700;
	text-transform: uppercase;
}

.sidebar__feature__item__list__single .post__text h5 {
	margin-top: 5px;
}

.sidebar__feature__item__list__single .post__text h5 a {
	color: #111111;
	line-height: 23px;
	font-weight: 700;
	letter-spacing: 0.5px;
}

.sidebar__item__banner {
	margin-bottom: 60px;
}

.sidebar__item__banner img {
	min-width: 100%;
}

.sidebar__item__categories {
	margin-bottom: 60px;
}

.sidebar__item__categories ul li {
	list-style: none;
}

.sidebar__item__categories ul li a {
	color: #444444;
	font-size: 15px;
	font-weight: 600;
	padding-bottom: 6px;
	border-bottom: 1px solid #ebebeb;
	margin-bottom: 6px;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	display: block;
}

.sidebar__item__categories ul li a:hover {
	color: #f4952f;
}

.sidebar__item__categories ul li a span {
	float: right;
	font-weight: 400;
}

.sidebar__item__categories ul li.p-left {
	margin-left: 20px;
}

.sidebar__item__categories ul li:last-child {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
}

.sidebar__subscribe__item p,
.humberger__menu__subscribe p {
	font-size: 15px;
}

.sidebar__subscribe__item form .email-input,
.humberger__menu__subscribe form .email-input {
	height: 46px;
	width: 100%;
	padding-left: 15px;
	border: 1px solid #e1e1e1;
	font-size: 15px;
	color: #888888;
	margin-bottom: 20px;
}

.sidebar__subscribe__item form .email-input::-webkit-input-placeholder,
.humberger__menu__subscribe form .email-input::-webkit-input-placeholder {
	color: #888888;
}

.sidebar__subscribe__item form .email-input::-moz-placeholder,
.humberger__menu__subscribe form .email-input::-moz-placeholder {
	color: #888888;
}

.sidebar__subscribe__item form .email-input:-ms-input-placeholder,
.humberger__menu__subscribe form .email-input:-ms-input-placeholder {
	color: #888888;
}

.sidebar__subscribe__item form .email-input::-ms-input-placeholder,
.humberger__menu__subscribe form .email-input::-ms-input-placeholder {
	color: #888888;
}

.sidebar__subscribe__item form .email-input::placeholder,
.humberger__menu__subscribe form .email-input::placeholder {
	color: #888888;
}

.sidebar__subscribe__item form label,
.humberger__menu__subscribe form label {
	position: relative;
	font-size: 15px;
	color: #888888;
	padding-left: 20px;
	margin-bottom: 15px;
	display: block;
	cursor: pointer;
}

.sidebar__subscribe__item form label .checkmark,
.humberger__menu__subscribe form label .checkmark {
	position: absolute;
	left: 0;
	top: 6px;
	height: 10px;
	width: 10px;
	border: 1px solid #e1e1e1;
}

.sidebar__subscribe__item form label input,
.humberger__menu__subscribe form label input {
	position: absolute;
	visibility: hidden;
	display: none;
}

.sidebar__subscribe__item form label input:checked~span,
.humberger__menu__subscribe form label input:checked~span {
	background: #f4952f;
	border-color: #f4952f;
}

/*---------------------
Blog Tumbnail Section
-----------------------*/
.recipe-thumbnails {
	padding: 50px 0;
	/* Jarak atas dan bawah section */
}

.recipe__item {
	background-color: #fff;
	/* Warna latar belakang */
	border-radius: 8px;
	/* Sudut border yang membulat */
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	/* Bayangan lembut */
	overflow: hidden;
	/* Menghindari elemen yang keluar dari box */
	transition: transform 0.3s;
	/* Efek transisi saat hover */
}

.recipe__item:hover {
	transform: translateY(-5px);
	/* Efek sedikit naik saat hover */
}

.recipe__pic {
	overflow: hidden;
	/* Menghindari gambar keluar dari box */
}

.recipe-image {
	width: 100%;
	/* Mengatur gambar agar memenuhi lebar box */
	height: auto;
	/* Memastikan gambar proporsional */
	display: block;
	/* Memastikan tidak ada ruang di bawah gambar */
}

.recipe__text {
	padding: 15px;
	/* Jarak dalam box untuk teks */
	text-align: center;
	/* Rata tengah teks */
}

.recipe__text h3 {
	margin: 10px 0 5px;
	/* Jarak antara judul dan deskripsi */
	font-size: 20px;
	/* Ukuran font judul */
	color: #333;
	/* Warna teks judul */
}

.recipe__text p {
	margin: 0;
	/* Menghapus margin default untuk paragraf */
	color: #666;
	/* Warna teks deskripsi */
	font-size: 14px;
	/* Ukuran font deskripsi */
}


/*---------------------
    About Section
-----------------------*/

.about__pic__item_duo {
	margin: 20px 0;
	/* Jarak atas dan bawah */
}

.recipe-image {
	display: block;
	/* Menjadikan gambar sebagai blok */
	margin: 0 auto;
	/* Mengatur margin kiri dan kanan otomatis untuk memusatkan */
	width: 40%;
	max-width: 100%;
	/* Mengatur ukuran maksimum gambar untuk responsif */
	height: auto;
	/* Mempertahankan proporsi gambar */
	border-radius: 10px;
	/* Sudut melengkung */
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
	/* Efek bayangan */
}


.about__text {
	text-align: justify;
	/* Mengatur teks ke tengah */
	margin-bottom: 20px;
	/* Jarak bawah */
}

.recipe-description {
	font-size: 16px !important;
	/* Ganti dengan ukuran font yang diinginkan */
	color: #000000;
	/* Warna teks deskripsi */
	margin: 15px 10% 0 0;
	/* Jarak atas dan bawah */
}

.recipe__box {
	border: 1px solid #ddd;
	/* Border untuk box */
	border-radius: 5px;
	/* Sudut melengkung */
	padding: 15px;
	/* Jarak di dalam box */
	margin: 20px 30% 20px 0;
	background-color: #fff;
	/* Warna latar belakang */
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	/* Efek bayangan */
	padding-right: 10%;
}

h4 {
	font-weight: bold;
	font-size: 26px;
	/* Ukuran font untuk subjudul */
	margin-bottom: 10px;
	/* Jarak bawah subjudul */
	color: #000000;
	/* Warna subjudul */
}

h2 {
	font-size: 32px;
	/* Ukuran font untuk subjudul */
	margin-bottom: 10px;
	/* Jarak bawah subjudul */
	color: #000000;
	/* Warna subjudul */
	text-align: center;
}

h3 {
	font-size: 20px;
	/* Ukuran font untuk subjudul */
	margin-bottom: 10px;
	/* Jarak bawah subjudul */
	color: #000000;
	/* Warna subjudul */
}

ul {
	padding-left: 20px;
	/* Jarak kiri untuk daftar */
}

ul li {
	margin-bottom: 8px;
	/* Jarak antar item dalam daftar */
	color: #000000;
	/* Warna teks daftar */
	font-size: 15px;
	/* Ukuran font untuk item list */
}



/*---------------------
    About Section
-----------------------*/

.single-post {
	padding-top: 0;
}

.single-post__hero {
	height: 960px;
}

.single-post__title {
	background: #ffffff;
	-webkit-box-shadow: -1px 5px 5px rgba(20, 14, 5, 0.1);
	box-shadow: -1px 5px 5px rgba(20, 14, 5, 0.1);
	padding: 50px;
	padding-right: 40px;
	position: relative;
	margin-top: -105px;
	margin-bottom: 50px;
}

.single-post__title__meta {
	background: #f2f2f2;
	height: 110px;
	width: 110px;
	text-align: center;
	padding-top: 28px;
	float: left;
	margin-right: 30px;
}

.single-post__title__meta h2 {
	font-size: 42px;
	color: #111111;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 900;
	line-height: 28px;
}

.single-post__title__meta span {
	font-size: 24px;
	color: #888888;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 2px;
	display: block;
}

.single-post__title__text {
	overflow: hidden;
}

.single-post__title__text .label li {
	list-style: none;
	display: inline-block;
	margin-right: 18px;
	color: #f4952f;
	font-size: 12px;
	text-transform: uppercase;
	position: relative;
	font-weight: 700;
}

.single-post__title__text .label li:last-child {
	margin-right: 0;
}

.single-post__title__text .label li:last-child:after {
	display: none;
}

.single-post__title__text .label li:after {
	position: absolute;
	right: -14px;
	top: -2px;
	content: "|";
	color: #d7d7d7;
}

.single-post__title__text h4 {
	font-size: 26px;
	color: #111111;
	line-height: 34px;
}

.single-post__title__text .widget li {
	list-style: none;
	display: inline-block;
	margin-right: 25px;
	font-size: 12px;
	color: #888888;
	position: relative;
}

.single-post__title__text .widget li span {
	color: #111111;
}

.single-post__title__text .widget li:after {
	position: absolute;
	right: -18px;
	top: -1px;
	content: "|";
	color: #d7d7d7;
}

.single-post__title__text .widget li:last-child {
	margin-right: 0;
}

.single-post__title__text .widget li:last-child:after {
	display: none;
}

.single-post__social__item {
	position: absolute;
	top: 40px;
	left: -70px;
}

.single-post__social__item ul li {
	list-style: none;
}

.single-post__social__item ul li a {
	display: inline-block;
	font-size: 16px;
	color: #111111;
	height: 46px;
	width: 46px;
	background: #f2f2f2;
	line-height: 46px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-bottom: 10px;
}

.single-post__social__item ul li a:last-child {
	margin-right: 0;
}

.single-post__social__item ul li a:hover {
	background: #f4952f;
	color: #ffffff;
}

.single-post__top__text,
.single-post__middle__text {
	margin-bottom: 25px;
}

.single-post__top__text p,
.single-post__middle__text p {
	font-size: 15px;
}

.single-post__recipe__details {
	border: 1px solid #e1e1e1;
	margin-bottom: 30px;
}

.single-post__recipe__details__option {
	background: #f5f5f5;
	border-bottom: 1px solid #e1e1e1;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 20px;
}

.single-post__recipe__details__option ul {
	overflow: hidden;
}

.single-post__recipe__details__option ul li {
	list-style: none;
	float: left;
	margin-right: 48px;
}

.single-post__recipe__details__option ul li:last-child {
	margin-right: 0;
}

.single-post__recipe__details__option ul li h5 {
	text-transform: uppercase;
	margin-bottom: 5px;
}

.single-post__recipe__details__option ul li h5 i {
	font-size: 16px;
	margin-right: 5px;
}

.single-post__recipe__details__option ul li span {
	font-size: 14px;
	color: #888888;
}

.single-post__recipe__details__option ul li .primary-btn i {
	margin-right: 5px;
}

.single-post__recipe__details__indegradients {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #e1e1e1;
}

.single-post__recipe__details__indegradients h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.single-post__recipe__details__indegradients ul li {
	list-style: none;
	font-size: 15px;
	color: #444444;
	line-height: 30px;
	position: relative;
	padding-left: 20px;
}

.single-post__recipe__details__indegradients ul li:before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 3px;
	width: 3px;
	background: #111111;
	content: "";
}

.single-post__recipe__details__direction {
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 15px;
}

.single-post__recipe__details__direction h5 {
	font-size: 20px;
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.single-post__recipe__details__direction ul li {
	list-style: none;
	font-size: 15px;
	color: #444444;
	line-height: 30px;
	position: relative;
	padding-left: 20px;
}

.single-post__recipe__details__direction ul li span {
	font-size: 15px;
	color: #111111;
	opacity: 0.7;
	position: absolute;
	left: 0;
	top: 0;
}

.single-post__middle__text {
	margin-bottom: 20px;
}

.single-post__middle__text p {
	font-size: 15px;
}

.single-post__quote {
	padding-left: 75px;
	position: relative;
	margin-bottom: 20px;
}

.single-post__quote::before {
	position: absolute;
	left: 0;
	top: 3px;
	background-image: url(../img/categories/single-post/quote-left.png);
	height: 55px;
	width: 55px;
	content: "";
}

.single-post__quote p {
	font-size: 24px;
	color: #111111;
	line-height: 30px;
	margin-bottom: 10px;
	font-family: "Unna", serif;
}

.single-post__quote span {
	font-size: 15px;
	color: #888888;
	text-transform: uppercase;
}

.single-post__desc {
	margin-bottom: 25px;
}

.single-post__desc p {
	font-size: 15px;
}

.single-post__desc h4 {
	color: #111111;
	text-transform: uppercase;
	margin-bottom: 12px;
}

.single-post__more__details {
	margin-bottom: 20px;
}

.single-post__more__details img {
	min-width: 100%;
}

.single-post__more__details p {
	font-size: 15px;
	margin-bottom: 0;
}

.single-post__last__text {
	margin-bottom: 25px;
}

.single-post__last__text p {
	font-size: 15px;
}

.single-post__last__text p:first-child {
	margin-bottom: 10px;
}

.single-post__tags {
	margin-bottom: 50px;
}

.single-post__tags a {
	display: inline-block;
	font-size: 13px;
	color: #444444;
	background: #f2f2f2;
	padding: 8px 16px 6px;
	letter-spacing: 1px;
	margin-right: 10px;
}

.single-post__tags a:last-child {
	margin-right: 0;
}

.single-post__next__previous {
	margin-bottom: 60px;
}

.single-post__previous,
.single-post__next {
	display: block;
}

.single-post__previous h6,
.single-post__next h6 {
	font-size: 15px;
	color: #111111;
	text-transform: uppercase;
	font-weight: 600;
	font-family: "Nunito Sans", sans-serif;
	margin-bottom: 25px;
}

.single-post__previous h6 span,
.single-post__next h6 span {
	font-size: 23px;
	color: #444444;
	position: relative;
	top: 4px;
}

.single-post__previous__meta,
.single-post__next__meta {
	height: 65px;
	width: 65px;
	background: #f5f5f5;
	text-align: center;
	padding-top: 20px;
	float: left;
	margin-right: 20px;
}

.single-post__previous__meta h4,
.single-post__next__meta h4 {
	font-size: 26px;
	font-family: "Nunito Sans", sans-serif;
	font-weight: 900;
	line-height: 12px;
}

.single-post__previous__meta span,
.single-post__next__meta span {
	font-size: 12px;
	color: #888888;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 2px;
}

.single-post__previous__text,
.single-post__next__text {
	overflow: hidden;
}

.single-post__previous__text span,
.single-post__next__text span {
	font-size: 12px;
	color: #f4952f;
	text-transform: uppercase;
	font-weight: 700;
}

.single-post__previous__text h5,
.single-post__next__text h5 {
	line-height: 23px;
	margin-top: 5px;
}

.single-post__next {
	text-align: right;
}

.single-post__next__meta {
	float: right;
	margin-right: 0;
	margin-left: 20px;
}

.single-post__author__profile {
	padding: 30px;
	background: #f5f5f5;
	margin-bottom: 50px;
}

.single-post__author__profile__pic {
	float: left;
	margin-right: 30px;
}

.single-post__author__profile__pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.single-post__author__profile__text {
	overflow: hidden;
}

.single-post__author__profile__text h4 {
	text-transform: uppercase;
}

.single-post__author__profile__text p {
	font-size: 15px;
}

.single-post__author__profile__text .single-post__author__profile__social a {
	display: inline-block;
	font-size: 16px;
	color: #111111;
	height: 36px;
	width: 36px;
	background: #e1e1e1;
	line-height: 36px;
	text-align: center;
	margin-right: 6px;
	margin-top: 5px;
}

.single-post__author__profile__text .single-post__author__profile__social a:last-child {
	margin-right: 0;
}

.single-post__comment {
	margin-bottom: 20px;
}

.widget__title {
	margin-bottom: 40px;
}

.widget__title h4 {
	display: inline-block;
	color: #111111;
	text-transform: uppercase;
	position: relative;
	z-index: 1;
}

.widget__title h4:after {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 50%;
	width: 100%;
	background: #f4952f;
	opacity: 0.3;
	content: "";
}

.single-post__comment__item {
	margin-bottom: 10px;
}

.single-post__comment__item.single-post__comment__item--reply {
	padding-left: 120px;
}

.single-post__comment__item__pic {
	float: left;
	margin-right: 25px;
}

.single-post__comment__item__pic img {
	height: 90px;
	width: 90px;
	border-radius: 50%;
}

.single-post__comment__item__text {
	overflow: hidden;
	position: relative;
}

.single-post__comment__item__text h5 {
	text-transform: uppercase;
	margin-bottom: 4px;
}

.single-post__comment__item__text span {
	font-size: 12px;
	color: #888888;
	display: block;
	margin-bottom: 10px;
}

.single-post__comment__item__text p {
	font-size: 15px;
}

.single-post__comment__item__text ul {
	position: absolute;
	top: 0;
	right: 0;
}

.single-post__comment__item__text ul li {
	list-style: none;
	margin-right: 15px;
	display: inline-block;
}

.single-post__comment__item__text ul li a {
	font-size: 18px;
	color: #444444;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
}

.single-post__comment__item__text ul li a:hover {
	color: #f4952f;
}

.single-post__comment__item__text ul li:last-child {
	margin-right: 0;
}

.single-post__leave__comment form .input-list {
	margin-right: -20px;
}

.single-post__leave__comment form .input-list input {
	height: 46px;
	width: calc(33.33% - 20px);
	background: transparent;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #444444;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-right: 16px;
}

.single-post__leave__comment form .input-list input:last-child {
	color: #444444;
}

.single-post__leave__comment form textarea {
	height: 190px;
	width: 100%;
	background: transparent;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #444444;
	padding-top: 12px;
	padding-left: 20px;
	margin-bottom: 14px;
	resize: none;
}

.single-post__leave__comment form textarea:last-child {
	color: #444444;
}

.single-post__leave__comment form button {
	width: 100%;
}


/*---------------------
  Footer
-----------------------*/

.footer {
	background: #f5f5f5;
	padding-top: 20px;
}

.footer__instagram {
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}

.footer__instagram__item {
	height: 305px;
	margin-right: -10px !important;
	margin-left: -10px !important;
	margin-bottom: 10px;
}

.footer__instagram__avatar {
	display: inline-block;
	padding: 20px 30px;
	background: #ffffff;
	position: absolute;
	height: 90px;
	width: 240px;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-120px, -50px);
	-ms-transform: translate(-120px, -50px);
	transform: translate(-120px, -50px);
	z-index: 1;
}

.footer__instagram__avatar .footer__instagram__avatar--pic {
	float: left;
	margin-right: 15px;
}

.footer__instagram__avatar .footer__instagram__avatar--pic img {
	height: 50px;
	width: 50px;
	border-radius: 50%;
}

.footer__instagram__avatar .footer__instagram__avatar--text {
	overflow: hidden;
}

.footer__instagram__avatar .footer__instagram__avatar--text h5 {
	font-size: 20px;
	color: #111111;
	font-weight: 700;
	margin-bottom: 5px;
}

.footer__instagram__avatar .footer__instagram__avatar--text span {
	font-size: 14px;
	color: #888888;
}

.footer__text {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}

.footer__logo {
	margin-bottom: 10px;
	width: 40%;
	height: auto;
}


.footer__text .footer__logo a {
	display: inline-block;
}

.footer__text p {
	font-size: 15px;
	margin-bottom: 30px;
}

.footer__text .footer__social a {
	display: inline-block;
	font-size: 16px;
	color: #111111;
	height: 46px;
	width: 46px;
	background: #e7e7e7;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	-webkit-transition: all, 0.3s;
	-o-transition: all, 0.3s;
	transition: all, 0.3s;
	margin-right: 6px;
}

.footer__text .footer__social a:last-child {
	margin-right: 0;
}

.footer__text .footer__social a:hover {
	background: #f4952f;
	color: #ffffff;
}

.footer__copyright {
	font-size: 15px;
	color: #444444;
	border-top: 1px solid #e1e1e1;
	text-align: center;
	padding: 30px 0 25px;
}

/*---------------------
    About Section
-----------------------*/

.about {
	padding-bottom: 90px;
	padding-top: 0;
}

.about__pic {
	margin-right: -10px;
}

.about__pic__item__large {
	margin-bottom: 10px;
}

.about__pic__item__large img {
	min-width: 100%;
}

.about__pic__item {
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.about__pic__item img {
	min-width: 100%;
}

.about__text {
	border-top: 1px solid #ebebeb;
	padding-top: 40px;
}

.about__right__text h2 {
	margin-bottom: 15px;
	font-family: 'Times New Roman', Times, serif;
}

.about__right__text p {
	font-size: 15px;
	color: #000000;
}

.about__right__text ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

.about__right__text ul li {
	list-style: none;
	font-size: 15px;
	color: #000000;
	line-height: 30px;
	position: relative;
	padding-left: 20px;
}

.about__right__text ul li:before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 3px;
	width: 3px;
	background: #444444;
	content: "";
}

.about__right__text .about__right__text__social {
	margin-top: 30px;
}

.about__right__text .about__right__text__social a {
	display: inline-block;
	font-size: 14px;
	color: #444444;
	background: #ebebeb;
	height: 46px;
	width: 46px;
	margin-right: 6px;
	line-height: 46px;
	text-align: center;
}

.about__right__text .about__right__text__social a:last-child {
	margin-right: 0;
}

/*---------------------
  Contact
-----------------------*/

.contact {
	padding-top: 0;
}

.contact__text {
	padding-top: 30px;
	border-top: 1px solid #ebebeb;
}

.contact__map {
	height: 350px;
	-webkit-box-shadow: 0px 5px 5px rgba(20, 14, 5, 0.1);
	box-shadow: 0px 5px 5px rgba(20, 14, 5, 0.1);
	margin-bottom: 30px;
}

.contact__map iframe {
	width: 100%;
}

.contact__widget ul li {
	list-style: none;
	margin-bottom: 20px;
}

.contact__widget ul li i {
	height: 50px;
	width: 50px;
	border: 1px solid #e1e1e1;
	font-size: 18px;
	color: #f4952f;
	line-height: 50px;
	text-align: center;
	display: inline-block;
	margin-right: 16px;
}

.contact__widget ul li span {
	display: inline-block;
	font-size: 14px;
	color: #444444;
}

.contact__form .contact__form__title h2 {
	text-transform: uppercase;
	margin-bottom: 18px;
}

.contact__form .contact__form__title p {
	font-size: 15px;
	margin-bottom: 20px;
}

.contact__form form input {
	height: 46px;
	width: 100%;
	background: transparent;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #444444;
	padding-left: 20px;
	margin-bottom: 20px;
}

.contact__form form input:last-child {
	color: #444444;
}

.contact__form form textarea {
	height: 180px;
	width: 100%;
	background: transparent;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #444444;
	padding-top: 12px;
	padding-left: 20px;
	margin-bottom: 14px;
	resize: none;
}

.contact__form form textarea:last-child {
	color: #444444;
}

.contact__form form button {
	width: 100%;
}

/*---------------------
  Sign In
-----------------------*/

.fixed-position {
	overflow: hidden;
}

.signin {
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 9;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow-y: auto;
}

.signin__content {
	width: 640px;
	text-align: center;
	margin: 80px 0 50px;
}

.signin__content p {
	font-size: 16px;
	color: #ffffff;
	letter-spacing: 1px;
	margin-bottom: 25px;
}

.signin__form {
	background: #ffffff;
}

.signin__form .nav-tabs {
	border-bottom: none;
}

.signin__form .nav-item {
	width: 50%;
	float: left;
	margin-bottom: 0;
}

.signin__form .nav-item .nav-link {
	font-size: 16px;
	color: #111111;
	text-transform: uppercase;
	border: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	letter-spacing: 1px;
}

.signin__form .nav-item .nav-link.active {
	background: #f2f2f2;
}

.signin__form__text {
	padding: 50px;
	padding-top: 38px;
}

.signin__form__text p {
	font-size: 15px;
	color: #111111;
	margin-bottom: 15px;
}

.signin__form__text form input {
	height: 46px;
	width: 100%;
	background: transparent;
	border: 1px solid #e1e1e1;
	font-size: 14px;
	color: #444444;
	padding-left: 20px;
	margin-bottom: 20px;
}

.signin__form__text form input:last-child {
	color: #444444;
}

.signin__form__text form label {
	position: relative;
	font-size: 15px;
	color: #444444;
	padding-left: 20px;
	margin-bottom: 30px;
	display: block;
	cursor: pointer;
	margin-left: 20px;
	text-align: left;
	margin-bottom: 20px;
}

.signin__form__text form label input:checked~.checkmark {
	color: #f4952f;
}

.signin__form__text form label .checkmark {
	position: absolute;
	left: 0;
	top: 6px;
	height: 10px;
	width: 10px;
	border: 1px solid #e1e1e1;
	border-radius: 2px;
}

.signin__form__text form label input {
	position: absolute;
	visibility: hidden;
	display: none;
}

.signin__form__text form label input:checked~span {
	background: #f4952f;
	border-color: #f4952f;
}

.signin__form__signup__social {
	margin-bottom: 20px;
}

.signin__form__signup__social a {
	display: inline-block;
	font-size: 16px;
	color: #ffffff;
	height: 46px;
	width: 46px;
	background: #f2f2f2;
	border-radius: 50%;
	line-height: 46px;
	text-align: center;
	margin-right: 6px;
}

.signin__form__signup__social a.facebook {
	background: #1369c2;
}

.signin__form__signup__social a.twitter {
	background: #24c9ec;
}

.signin__form__signup__social a.google {
	background: #d41623;
}

.signin__form__signup__social a:last-child {
	margin-right: 0;
}

.divide {
	font-size: 15px;
	color: #111111;
	margin-bottom: 15px;
}

.signin__logo {
	margin-bottom: 10px;
}

/*---------------------
  404
-----------------------*/

.section-404 {
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	left: 0;
	top: 0;
	padding: 0 15px;
	z-index: 99;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow-y: auto;
}

.text-404 {
	text-align: center;
}

.text-404 h1 {
	font-size: 200px;
	font-weight: 700;
	color: #ffffff;
	line-height: 192px;
}

.text-404 h3 {
	color: #ffffff;
	margin-bottom: 8px;
}

.text-404 p {
	font-size: 15px;
	color: #c4c4c4;
	margin-bottom: 35px;
}

.text-404 form {
	width: 470px;
	position: relative;
	margin: 0 auto;
}

.text-404 form input {
	width: 100%;
	height: 46px;
	background: #f4952f;
	border: none;
	padding-left: 20px;
	font-size: 15px;
	color: #ffffff;
}

.text-404 form input::-webkit-input-placeholder {
	color: #ffffff;
}

.text-404 form input::-moz-placeholder {
	color: #ffffff;
}

.text-404 form input:-ms-input-placeholder {
	color: #ffffff;
}

.text-404 form input::-ms-input-placeholder {
	color: #ffffff;
}

.text-404 form input::placeholder {
	color: #ffffff;
}

.text-404 form button {
	font-size: 16px;
	color: #ffffff;
	background: transparent;
	border: none;
	position: absolute;
	right: 15px;
	top: 0;
	height: 46px;
}

/*---------------------
  Typography
-----------------------*/

.typography {
	padding-top: 0;
}

.typography__text {
	border-top: 1px solid #ebebeb;
	padding-top: 50px;
}

.typography__text p {
	font-size: 15px;
}

.typography__top__text {
	margin-bottom: 25px;
}

.typography__top__text h3 {
	text-transform: uppercase;
	margin-bottom: 20px;
}

.typography__desc {
	margin-bottom: 30px;
}

.typography__desc img {
	min-width: 100%;
}

.typography__desc p {
	margin-bottom: 10px;
}

.typography__desc p:last-child {
	margin-bottom: 0;
}

.typography__desc h2 {
	margin-bottom: 10px;
}

.typography__desc h3 {
	margin-bottom: 12px;
}

.typography__desc h4 {
	margin-bottom: 18px;
}

.typography__desc .large-h5 {
	font-size: 20px;
	margin-bottom: 18px;
}

.typography__desc h5 {
	margin-bottom: 20px;
}

.typography__desc h6 {
	margin-bottom: 18px;
}

.typography__last__text {
	margin-bottom: 35px;
}

.typography__text__list p {
	margin-bottom: 8px;
}

.typography__text__list h3 {
	text-transform: uppercase;
	margin-bottom: 8px;
}

.typography__text__list ul {
	margin-bottom: 8px;
	padding-left: 30px;
}

.typography__text__list ul li {
	list-style: none;
	font-size: 15px;
	color: #444444;
	line-height: 30px;
	position: relative;
	padding-left: 24px;
}

.typography__text__list ul li.p-left {
	margin-left: 30px;
}

.typography__text__list ul li:before {
	position: absolute;
	left: 0;
	top: 13px;
	height: 3px;
	width: 3px;
	background: #111111;
	content: "";
}

.typography__text__list--unorder {
	margin-bottom: 30px;
}

.typography__text__list--order ul li span {
	position: absolute;
	left: 0;
	top: 0;
}

.typography__text__list--order ul li:before {
	display: none;
}

/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
	.container {
		max-width: 1170px;
	}
}

/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.header__menu ul li {
		margin-right: 34px;
	}

	.single-post__recipe__details__option ul li {
		margin-right: 8px;
	}

	.header__menu ul li:hover .header__megamenu__wrapper {
		top: 42px;
		opacity: 1;
		visibility: visible;
	}

	.header__megamenu__wrapper {
		max-width: 950px;
	}

	.signin {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.footer__instagram__item {
		height: 180px;
	}
}

/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.header__megamenu__wrapper {
		max-width: 730px;
	}

	.header__menu ul li {
		margin-right: 10px;
	}

	.header__logo {
		padding: 80px 50px 0 0;
		width: 160%;
		align-items: center;
	}

	/* Mengatur container utama dari header (navbar) */
	.header__container {
		display: flex;
		justify-content: space-between;
		/* Membagi elemen secara horizontal */
		align-items: center;
		/* Sejajarkan elemen secara vertikal */
		padding: 10px 5px;
		/* Tambahkan padding agar elemen tidak menempel di tepi */
		background-color: #fff;
		/* Sesuaikan dengan warna background header */
	}

	/* Mengatur menu navigasi */
	.header__menu ul {
		list-style: none;
		display: flex;
		gap: 1px;
		/* Jarak antara item menu */
	}

	.header__menu ul li .dropdown__menu {
		display: none;
		/* Sembunyikan dropdown awalnya */
		position: absolute;
		/* Membuat dropdown melayang */
		top: 100%;
		/* Agar dropdown muncul di bawah item menu */
		left: 0;
		background-color: #000000;
		/* Sesuaikan dengan warna background */
		padding: 10px 0;
		min-width: 50px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
		z-index: 10;
	}

	.header__menu ul li .dropdown__menu li {
		display: block;
	}

	.header__menu ul li .dropdown__menu li a {
		padding: 5px;
		display: block;
		color: #fdfdfd;
		text-decoration: none;
	}

	.header__menu ul li:hover .dropdown__menu {
		display: block;
		/* Tampilkan dropdown saat hover */
	}

	.header__menu ul li {
		position: relative;
	}

	.header__menu ul li a {
		text-decoration: none;
		color: #000;
		/* Warna teks menu */
		font-size: 12px;
		padding: 10px 5px;
	}

	/* Mengatur bagian pencarian */
	.header__search {
		display: flex;
		align-items: center;
		/* Menyelaraskan input dan button secara vertikal */
	}

	.header__search input {
		padding: 8px;
		width: 100px;
		border: 1px solid #000000;
		border-radius: 5px;
		font-size: 13px;
	}

	.header__search button {
		padding: 8px 10px;
		margin-left: 10px;
		border: none;
		border-radius: 5px;
		background-color: #f7ad23;
		color: rgb(0, 0, 0);
		cursor: pointer;
		font-size: 13px;
	}

	.header__search button:hover {
		background-color: #dd9a1c;
	}

	.header__btn {
		align-items: right;
		padding: 130px 0 56px 50px;
	}

	.search-results {
		position: absolute;
		top: 60px;
		left: 5%;
		/* Mengatur posisi ke tengah */
		width: 700%;
		transform: translateX(-80%);
		/* Agar posisi tetap di tengah */
		max-height: 600px;
		padding: 10px;
		box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
	}

	.search-result-item {
		padding: 8px;
		display: flex;
		/* Memastikan gambar dan teks tetap sejajar */
		align-items: center;
		border-bottom: 1px solid #eee;
	}

	.result-image {
		width: 100px;
		height: 70px;
		margin-right: 10px;
		border-radius: 5px;
	}

	.result-text h4 {
		font-size: 18px;
		font-family: 'Times New Roman', Times, serif;
		margin: 0 0 4px 0;
	}

	.result-text p {
		font-size: 12px;
		color: #555;
		margin: 0;
	}

	.categories__item {
		height: 330px;
	}

	.sidebar__item__follow__links a,
	.humberger__menu__about .humberger__menu__about__social a {
		margin-bottom: 10px;
	}

	.single-post__recipe__details__option ul li {
		margin-right: 35px;
	}

	.single-post__social__item {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 25px;
	}

	.single-post__social__item ul li {
		display: inline-block;
		margin-right: 6px;
	}

	.single-post__more__details img {
		margin-bottom: 25px;
	}

	.about__right__text {
		padding-top: 30px;
	}

	.signin {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.footer__instagram__item {
		height: 180px;
	}
}

/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
	.single-post__social__item {
		position: relative;
		top: 0;
		left: 0;
		margin-bottom: 25px;
	}

	.single-post__social__item ul li {
		display: inline-block;
		margin-right: 6px;
	}

	.single-post__more__details img {
		margin-bottom: 25px;
	}

	.about__right__text {
		padding-top: 30px;
	}

	.contact__form {
		padding-top: 15px;
	}

	.header__menu ul {
		display: none;
	}

	/* Hiding the menu list */
	.header__menu {
		display: none;
		/* Menyembunyikan menu */
	}

	.header__search {
		margin: 10px;
		/* Menambahkan margin pada search bar */
	}

	.header__search input {
		width: calc(100% - 50px);
		/* Adjusted width for mobile */
	}

	.header__search button {
		width: 50px;
		/* Lebar button yang lebih besar di mobile */
	}

	.header__humberger {
		text-align: left;
		padding: 20px 15px 5px 0;
	}

	.header__btn,
	.header__logobali {
		display: none;
	}

	.header__wrapper {
		display: block;
		/* Pada tampilan kecil, elemen ditumpuk */
		text-align: left;
		/* Agar elemen terpusat di tampilan mobile */
	}

	.header__logo {
		padding: 80px 0 20px;
		align-items: center;
		width: 70%;
	}

	.header__social {
		text-align: center;
		padding: 0 0 15px;
	}

	.search-results {
		position: absolute;
		top: 50px;
		left: 40%;
		width: 140%;
		transform: translateX(-50%);
		max-height: 600px;
		padding: 8px;
		box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
	}

	.search-result-item {
		padding: 6px;
		flex-direction: column;
		align-items: flex-start;
		border-bottom: 1px solid #eee;
	}

	.result-image {
		width: 35%;
		height: auto;
		margin: 0 0 8px 0;
		border-radius: 5px;
	}

	.result-text {
		flex: none;
		text-align: left;
	}

	.search-result-item h4 {
		font-size: 16px;
		font-family: 'Times New Roman', Times, serif;
		margin: 0 0 4px 0;
	}

	.search-result-item p {
		font-size: 12px;
		color: #555;
		margin: 0;
	}

	.sidebar__item {
		padding-top: 50px;
	}

	.categories__list__post__item .categories__post__item__pic {
		margin-bottom: 30px;
	}

	.single-post__recipe__details__option {
		padding-bottom: 5px;
	}

	.single-post__recipe__details__option ul li {
		margin-bottom: 15px;
	}

	.signin__content {
		width: 450px;
		text-align: center;
	}

	.typography__desc img {
		margin-bottom: 30px;
	}

	.single-post__leave__comment form .input-list {
		margin-right: 0;
	}

	.single-post__leave__comment form .input-list input {
		width: 100%;
		margin-right: 0;
	}

	.search-model-form input {
		width: 100%;
	}

	.single-post__hero {
		height: 700px;
	}

	.signin {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start;
	}

	.footer__instagram__item {
		height: 180px;
	}
}

/* Small Device = 320px */

@media only screen and (max-width: 479px) {
	.humberger__menu__wrapper {
		width: 300px;
		padding: 50px 30px 60px 30px;
	}

	.hero__inside__item--meta {
		float: none;
		margin-bottom: 10px;
	}

	.sidebar__item__follow__links a,
	.humberger__menu__about .humberger__menu__about__social a {
		margin-bottom: 10px;
	}

	.load__more__btn a {
		padding: 12px 80px 10px;
	}

	.single-post__title__meta {
		float: none;
		margin-right: 0;
	}

	.single-post__title__text {
		overflow: visible;
		padding-top: 20px;
	}

	.single-post__recipe__details__option ul li {
		float: none;
		margin-right: 0;
	}

	.single-post__tags a {
		margin-bottom: 10px;
	}

	.single-post__previous,
	.single-post__next {
		margin-bottom: 30px;
	}

	.single-post__author__profile__pic {
		float: none;
		margin-right: 0;
	}

	.single-post__author__profile__text {
		overflow: visible;
		padding-top: 30px;
	}

	.single-post__comment__item__text ul {
		position: relative;
	}

	.single-post__comment__item.single-post__comment__item--reply {
		padding-left: 0;
	}

	.signin__content {
		width: 300px;
	}

	.signin__form__text {
		padding: 30px;
	}

	.text-404 form {
		width: 100%;
	}

	.single-post__comment__item__pic {
		float: none;
		margin-bottom: 15px;
	}

	.search-model-form {
		width: 100%;
	}

	.search-model-form input {
		width: 100%;
		font-size: 18px;
	}

	.text-404 h1 {
		font-size: 100px;
		line-height: 100px;
	}
}