/*
Theme Name: meses-ceres
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
/*GLOBAL*/

/*Mobile Menu*/
.sidebar-menu-ceres .html_topbar_right {
	margin-top: 25px!important;
	padding: 0px!important;
}

.sidebar-menu-ceres .html_topbar_right a {
	padding: 0px;
}

#close-menu-mobile-ceres {
	    z-index: 999999;
    position: absolute;
    top: 35px;
}

/*div.social-icons follow-icons {
	margin-left: 0px!important;
}*/



div.sidebar-menu-ceres {
    -webkit-overflow-scrolling: touch;
    position: absolute;
    transition: transform .2s;
    width: 100%;
    transform: translateY(-490px);
    transition: transform 1s;
    z-index: 999999;
    background: #eeebe5;
        padding: 0px 25px 32px 25px;
}
/*.accordion-ceres {
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}*/

/*.active-ceres, .accordion-ceres:hover {
  background-color: #ccc;
}*/

/*.accordion-ceres:after {
  content: '\002B';
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}*/

/*.active-ceres:after {
  content: "\2212";
}*/

/*.panel-ceres {
  padding: 0 18px;
  background-color: #eeebe5;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.mobile-sidebar-ceres .nav.nav-vertical li {
	border: none!important;
}

.mobile-sidebar-ceres .nav.nav-vertical li a {
	margin-bottom: 0px;
}

.logo-ceres-mobile {
	position: absolute;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}

.logo-ceres-mobile a {
	position: relative;
	display: inline-block;
	z-index: 9;
	top: 10px;

}

.sidebar-menu .html_topbar_right {
	padding-top: 0px!important;
}*/

/*End*/
.list-product-satuan:last-child {
	padding-right: 150px;
}
.cky-revisit-bottom-left {
	display: none!important;
}
.buttonnewsletterceres input {
	padding-left: 23px;
}
.top-radius a {
	border-radius: 16px 16px 0px 0px;
}
.bottom-radius a {
	border-radius: 0px 0px 16px 16px;
}
.desc-faq {
	max-width: 65%;
}
.desc-privacy {
	max-width: 90%;
}
.h3-artikel {
	font-size: 23px;
	font-weight: 600;
	line-height: 28px;
}
.accordion .accordion-inner {
	border-left: 10px solid
}
.icon-angle-down:before {
	border: 1px solid #ffffff;
    padding: 10px;
    border-radius: 100px;
    display: flex;
    height: 40px;
    width: 40px;
    align-items: center;
    background: #ffffff;
    color: #6A3315;
}
.accordion-title.plain.active .icon-angle-down:before {
		background-color: #6A3315;
		color: #ffffff;
}
.accordion-title {
	background: #EEEBE5;
	padding: 38px;
	margin-bottom: 6px;
}
.accordion-title.active {
	margin-bottom: 0px;
}
.accordion-title {
	border-top: unset!important;
}
.accordion-title.active {
	background: #EEEBE5;
}
.accordion-title:hover {
	color: #6A3315!important;
}
.accordion-inner {
	background: #F6F6F6;
	padding: 32px;
}
.accordion .toggle {
	right: 5%;
	left: unset!important;
	top: 30%;
}
.list-product-satuan img {
	height: 250px;
	width: 250px;
}
.header.show-on-scroll:not(.stuck), .header.header-full-width:not(.stuck) {
    left: auto!important;
    right: auto!important;
}
.header.header-full-width, .header.show-on-scroll, .header.header-full-width {
    position: absolute!important;
}
/*.header.header-full-width .header-bg-color, .header.header-full-width .header-bg-image, .header.header-full-width .header-bottom, .header.header-full-width .header-wrapper {
    background-color: transparent;
    background-image: none!important;
    box-shadow: none;
}*/
#footer {
	height: unset!important;
}

.heading-sup {
	vertical-align: bottom;
   	position: relative;
   	top: -10px;
}
.heading-sup-1 {
	vertical-align: bottom;
  	position: relative;
  	top: -25px;
}
.heading-sup-2 {
	vertical-align: bottom;
  	position: relative;
  	top: -18px;
}
.heading-sup-3 {
	vertical-align: bottom;
   	position: relative;
   	top: -5px;
}
.desc-sup {
	vertical-align: bottom;
   position: relative;
   top: -5px;
}
}
.hidden-desktop {
	display: none!important;
}
/* Main Menu */
#logo {
    width: 100px!important;
    margin: 0px;
}
.container, .container-width, .full-width .ubermenu-nav, .row, .row.row-collapse {
    max-width: 1312px;
}

.nav-left {
    justify-content: flex-start;
    padding-top: 0px;
}

.header-full-width .container {
    max-width: 1312px!important;
	align-items: center;
}
.black {
	color: #1B0D05!important;
}
.brown {
	color: #6A3315!important;
}
.white {
	color: #ffffff!important;
}
.margin16 {
	margin: 16px 0px;
}
.emoji-banner {
	width: 64px;
	height: 64px;
}
.btn-underline {
	font-size: 23px;
	line-height: 28px;
	font-weight: 700;
}
.icon-btn-right {
	height: 23px;
    position: relative;
    bottom: 2px;
}

/* Cerita Ceres */
.row-cerita-ceres {
	height: 625px;
}

.column-left-cerita-ceres {
	position: absolute;
    left: 0;
    flex-basis: 52.5%;
    max-width: 52.5%;
    z-index: 9;
}

.column-right-cerita-ceres { 
position: absolute;
	right: 0;
}
	

/*MENU*/
.header-nav-main a:hover {
	color: #6A3315!important;
}
.header-nav-main .active a {
	color: #6A3315!important;
}
.stuck .header-main .nav > li > a {
    line-height: 16px!important;
}
.nav-right {
    justify-content: start;
    margin-left: 77px;
    align-items: center;
    padding-top: 0px;
}
#header .top-divider {
	display: none;
}

ul.nav-right li.menu-item {
	margin-left:0px;
	margin-right:128px;
}
.header-wrapper.stuck {
	background: linear-gradient(180deg, rgba(238,235,229,1) 0%, rgba(238,235,229,0.8848331568955707) 50%, rgba(238,235,229,0.8540208319655987) 60%, rgba(238,235,229,0.7447771344866072) 70%, rgba(238,235,229,0.6495390392485119) 80%, rgba(238,235,229,0.5038807759431898) 90%, rgba(238,235,229,0) 100%);
	box-shadow: none;
}

.header-wrapper.stuck .top-divider {
	display: none;
}
.heading-h1 {
	font-size: 64px!important;
}
.heading-h1-artikel {
	font-size: 63px!important;
	line-height: 72px;
	font-weight: 900;
	padding-top: 6px;
	margin-bottom: 34px;
}
.heading-detail-event {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
	max-width: 70%;
	margin: auto;
	padding-bottom: 16px;
}
.heading-h1-detail-resep {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
	max-width: 50%;
	margin: auto;
	padding-bottom: 44px;
	margin-top: 80px;
}
.heading-h1-page-produk {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
	margin-bottom: 64px;
}
.heading-h1-page-produk-2 {
	font-size: 64px!important;
	line-height: 52px;
	font-weight: 900;
	margin-bottom: 16px;
}
.heading-h1-page-artikel {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
	margin-bottom: 16px;
}
.heading-h1-produk {
	font-size: 64px!important;
	line-height: 72px;
	margin-bottom: 14px;
}
.heading-h1-produk-2 {
	font-size: 45px!important;
	line-height: 52px;
	margin-bottom: 16px;
}
.heading-h1-story {
	font-size: 45px!important;
	font-weight: 800;
	line-height: 52px;
	margin-bottom: 16px;
}
.heading-h1-page-cerita {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
}
.heading-h1-faq {
	font-size: 64px!important;
	line-height: 72px;
	font-weight: 900;
	margin-bottom: 16px;
	margin-top: 64px;
}
.heading-h2 {
	font-size: 32px!important;
	font-weight: 700;
}
.heading-h2-event {
	font-size: 32px!important;
	font-weight: 700;
	line-height: 38px!important;
}
.judul-di-detail-event {
	font-size: 32px!important;
	font-weight: 700;
	line-height: 38px!important;
	margin-bottom: 16px;
}
.heading-h2-resep {
	font-size: 32px!important;
	font-weight: 600;
	line-height: 38px;
	margin-bottom: 16px;
}
.heading-h2-sejarah {
	font-size: 32px!important;
	font-weight: 700;
	line-height: 38px;
	margin-bottom: 16px!important;
}
.heading-h2-produk {
	font-size: 32px!important;
	font-weight: 800;
}
.heading-h2-varian-produk {
	font-size: 32px!important;
	font-weight: 800;
	line-height: 52px;
}
.heading-h3 {
	font-size: 23px!important;
	font-weight: 800;
}
.heading-h3-produk {
	font-size: 23px!important;
	font-weight: 800;
	margin-bottom: 13px;
}
.heading-h3-detail-produk {
	font-size: 23px!important;
	font-weight: 600;
	line-height: 28px;
	margin-bottom: 22px;
}
.heading-h3-desc {
	font-size: 23px!important;
	font-weight: 600;
	line-height: 28px;
}
.heading-h3-detail-gizi-produk {
	font-size: 23px!important;
	font-weight: 500;
	line-height: 28px;
	margin-bottom: 22px;
}
.heading-h4 {
	font-size: 16px!important;
	font-weight: 600;
}
.heading-h4-detail-resep {
	font-size: 16px!important;
	font-weight: 600;
	line-height: 32px;
}
.heading-h4-event {
	font-size: 16px!important;
	font-weight: 600;
	line-height: 18px;
}
.heading-h4-faq {
	font-size: 16px!important;
	font-weight: 600;
	line-height: 18px;
	margin-bottom: 80px;
}
.heading-h4-detail-produk {
	font-size: 16px!important;
	font-weight: 600;
	line-height: 23px;
}
.heading-h4-cerita {
	font-size: 16px!important;
	font-weight: 800;
	line-height: 18px;
}
.heading-h5 {
	font-size: 11px!important;
	font-weight: 600;
}
.heading-h5-footer {
	font-size: 12px!important;
	font-weight: 600;
	line-height: 25px;
}
.nav-spacing-xlarge>li {
	margin : 0% 7%;
}
.nav li:last-child {
	margin-right : 8%!important;
}
/*.nav li:first-child {
	margin-left : 8%!important;
}*/
.header-nav #menu-item-385 {
	margin-right: 20%;
}
.nav-column>li>a, .nav-dropdown>li>a, .nav-vertical-fly-out>li>a, .nav>li>a {
	color : #1E1E1E;
}
.header-main .nav > li > a {
	font-weight: 800;
	color: #1B0D05;
	font-size: 16px;
}
.header-social-icons .social-icons {
	background: rgba(224, 224, 224, 0.4);
	margin-top: 7px;
  padding: 12px 23px; 
  border-radius: 100px;
}
.header-bg-image, .header-bg-color {
/*	background: linear-gradient(180deg, #EEEBE5 30.63%, rgba(238, 235, 229, 0) 60%);*/
	background: transparent;
}
.header a.icon:not(.button) {
    margin-left: 0;
    margin-right: 16px;
    font-size: 16px;
}
.header a.icon:not(.button):last-child {
    margin-right: 0;
}
.section-artikel-home {
	padding-bottom: 60px!important;
}
/*FOOTER*/
#footer {
	border-radius: 32px 32px 0px 0px;
	margin-top: -3%;
}
.header-social-icons .social-icons i, .footer-ceres .social-icons {
	color : #1E1E1E;
	font-size: 22px;
}
.absolute-footer {
	display : none;
}
.footer-menu a {
	color : #1E1E1E;
}
.footer-ceres {
	border-radius : 30px 30px 0px 0px;
	padding-bottom: 0px!important;
}
/*HOME*/
.banner-home-slider .text-box-content .text-inner {
	margin-left: 15px;
}
.bg-artikel-kiri .col-inner {
	border-radius: 32px;
}
.bg-artikel-kiri img {
	border-radius: 18px;
}
.thumbnail-artikel-home img {
	border-radius: 32px;
}
.btn-event-home {
	margin: 20px 0px 0px 105px;
}
.banner-resep-home .bg-fill {
	border-radius: 30px;
}
/* KREASI RESEP */
.unduh-resep {
	/*margin-right: 35px;
	margin-left: 35px;*/
}
.resep-pdf {
	padding: 22px 32px;
	border-radius: 32px;
}
.bg-active-unduh .font-button-unduh {
	color: #ffffff!important;
}
.bg-active-unduh {
	background: #6A3315;
}
.btn-unduh-resep .img-unduh {
	height: 32px;
}
.btn-unduh-resep {
	width: 33%;
	position: relative;
	top: 16px;
}
.btn-unduh-resep:hover {
	background: #6A3315;
}
.btn-unduh-resep:hover .font-button-unduh {
	color: #ffffff!important;
}
.btn-lihat-resep {
	width: 33%;
	position: relative;
	top: 18px;
}
.heading-bahan {
	font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
    margin-bottom: 12px;
}
.heading-pembuatan {
	font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
    margin-bottom: 12px; 
    max-width: 50%;
}
.padding-bahan {
	padding-left: 80px; padding-bottom: 0px;
}
.padding-peralatan {
	padding-bottom: 0px;
}
.padding-pembuatan {
	padding-left: 80px;
}
.row-list-page-resep {
	margin-bottom: 64px;
}
.langkah-kiri ol li {
	padding-left: 26px;
}
.slider-kreasi-resep .col-inner {
	padding-top: 0px!important;
}
.section-kreasi-resep .flickity-page-dots {
	bottom: -30px;
}
.produk-home img {
	width: 250px;
	height: 250px;
}
.bg-event-banner-kanan {
	background-color: #F9F6F4;
	border-radius: 0px 30px 30px 0px;
}
.btn-home {
	font-size: 23px;
    line-height: 28px!important;
}
.btn-banner-produk {
	border-radius: 100px!important;
    padding: 16px 32px 16px 32px;
    font-size: 16px;
    line-height: 18px;
    font-weight: 600;
}
.slider-produk .col .col-inner {
	margin-right: 100px!important;
}
.icon-tanggal {
	width: 16px;
	height: 16px;
}

.bg-artikel-kiri .icon-tanggal {
	border-radius: unset;
}
.btn-filter-resep {
	color: #1B0D05!important;
}
.margin-footer-menu-ceres p{
	margin-bottom: 8px;
}
.buttonnewsletterceres input[type="email"] { 
	background: white;
}
.submitnewsletterceres input[type=submit] {     
	text-transform: capitalize; font-size: 11px;
	padding: 5px 20px;
	font-weight: 700;
}
.btn-filter-resep span {
	font-weight: 700;
}

.stack-ceres a {
	--stack-gap: 80px!important;
}
.detail-ukuran-produk {
	padding: 10px 20px;
    background: #F5F5F3;
    border-radius: 100px;
    margin-right: 8px;
}
.detail-produk-right {
	margin-top: 6%;
}
.section-2-detail-produk {
	background-image: url('https://ceresmeses.co.id/wp-content/uploads/2023/02/Roti-meses-1-scaled.jpg');
  	background-repeat: no-repeat;
  	background-size: 215px;
    background-position: right;
    border-radius: 38px 38px 0px 0px;
    margin-top: -30px;
    z-index: 1;
    background-position-y: 130px;
}
.section-2-detail-produk-festive {
	background-image: url('https://ceresmeses.co.id/wp-content/uploads/2023/03/Roti-meses-1-1.png');
  	background-repeat: no-repeat;
  	background-size: 215px;
    background-position: right;
    border-radius: 38px 38px 0px 0px;
    margin-top: -30px;
    z-index: 1;
    background-position-y: 130px;
}
.section-resep-detail-produk {
	background-image: url('https://ceresmeses.co.id/wp-content/uploads/2023/02/Donat-meses-1.jpg');
  	background-repeat: no-repeat;
  	background-size: contain;
    background-position-y: -355px;
}
.bg-kreasi-resep-produk .img-inner {
  	position: absolute;
    left: -3%;
    right: 55%;
    bottom: -380px;
}
.col-resep-produk {
	margin: 0% 12%;
}
.slider-style-container .flickity-slider>:not(.is-selected), .slider-style-focus .flickity-slider>:not(.is-selected), .slider-style-shadow .flickity-slider>:not(.is-selected) {
	opacity: unset!important;
}
.varian-history .flickity-button-icon {
	background-color: #EEEBE5;
    color: white;
}
.bg-cerita-home {
	background-image: url('https://ceresmeses.co.id/wp-content/uploads/2023/03/Sejarah-Kami-1920_832.png');
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
/*PAGE ABOUT*/
.bg-about {
    margin-top: -30px;
    z-index: 1;
    border-radius: 32px 32px 0px 0px;
    background-image: url('https://ceresmeses.co.id/wp-content/uploads/2023/02/Artboard-1-3-scaled.jpg');
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
}
.bg-about .section-bg {
	border-radius: 32px 32px 0px 0px;
}
/*.img-story img {
	width: 461px;
}*/
.img-year img {
	width: 	220px;
}
/*TABLE GIZI*/
.table-gizi .wptb-table-head {
	background-color: #EEEBE5!important;
}
.table-gizi .wptb-table-head .wptb-cell {
	padding: 64px 42px 13px 42px!important;
}
.table-gizi tr:nth-child(2) .wptb-cell {
	padding: 32px 42px 16px 42px!important;
	background-color: #EEEBE5!important;
}
.table-gizi tr:nth-child(3) .wptb-cell, .table-gizi tr:nth-child(4) .wptb-cell, .table-gizi tr:nth-child(5) .wptb-cell, .table-gizi tr:nth-child(6) .wptb-cell,.table-gizi tr:nth-child(7) .wptb-cell, .table-gizi tr:nth-child(8) .wptb-cell, .table-gizi tr:nth-child(9) .wptb-cell {
	padding: 16px 42px 16px 42px!important;
	background-color: #EEEBE5!important;
}
.table-gizi tr:nth-child(10) .wptb-cell {
	padding: 0px 42px 64px 42px!important;
	background-color: #EEEBE5!important;
}
.slick-list {
	overflow: visible!important;
}
.slick-dots li {
	margin-left: 0px!important;
	margin-right: 10px!important;
	width: 13px!important;
	height: 13px!important;
}
.slick-dots li button {
	width: 13px!important;
	height: 13px!important;
}
.flickity-page-dots .dot.is-selected {
    background: #6A3315;
    color: #6A3315;
}
.flickity-page-dots .dot {
    border: 3px solid #6A3315;
}
.varian-history .flickity-prev-next-button.previous {
	left: -64px!important;
}
.varian-history .flickity-prev-next-button.next {
	right: -64px!important;
	z-index: 99;
}
.resep-produk {
	margin : 0 12% 80px 12%;
}
.recepts-ceres-produk .recept{
  height: 436px;
  padding: 69px;
  border-radius: 32px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.recepts-ceres-produk .recept > div {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin-left: auto;
  padding-right: 90px;
}
.recepts-ceres-produk .recept::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 30px;
  background: linear-gradient(270deg, rgba(249, 246, 244, 0.9) 42.95%, rgba(249, 246, 244, 0) 72.21%);
}
/*PAGE KREASI RESEP*/
.font-button-unduh {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	display: contents;
	color: #1B0D05;
}
.heading-h1-kreasi-resep {
	font-size: 64px!important;
	font-weight: 900;
	line-height: 72px;
	margin-bottom: 32px;
	margin-top: 54px; 
}
.bg-page-kreasi-resep {
    margin-top: -30px;
    z-index: 1;
    border-radius: 32px 32px 0px 0px;
    background-color: #ffffff;
}
.bg-page-kreasi-resep .recept{
  height: 400px;
  padding: 30px;
  border-radius: 30px;
  position: relative;
  background-size: cover;
  background-position: center right;
}
.bg-page-kreasi-resep .recept > div {
  position: relative;
  z-index: 2;
  max-width: 330px;
  margin-left: 55%;
}
.bg-page-kreasi-resep img.new {
  position: absolute;
  top: 0;
  right: 0;
}
.bg-page-kreasi-resep .recept::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 30px;
  background: linear-gradient(270deg, rgba(249, 246, 244, 0.9) 42.95%, rgba(249, 246, 244, 0) 72.21%);
}
.bg-page-kreasi-resep ul.filter {
  display: inline-flex;
  list-style: none;
}
.bg-page-kreasi-resep ul.filter li {
	font-weight: 700;
   	padding: 0px;
    margin-left: 0px;
    margin-right: 79px;
}

.bg-page-kreasi-resep ul.filter li a.active {
  	background-color: #6A3315;
	font-weight: 700;
    color: white;
    padding: 8px 16px;
    border-radius: 100px;
}
.icon-filter-resep {
	position: relative;
    bottom: 2px;
	height: 7px;
    margin-right: 10px;
}
.bg-page-kreasi-resep ul.filter li a {
  	color: #1B0D05;
}
.section-event-kreasi-resep {
	padding-bottom: 120px!important;
}
/*DETAIL KREASI RESEP*/
#banner-detail-resep {
  padding-top: 100%;
}
#banner-detail-resep .bg.bg-loaded {
  background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/02/Banner-1-1920_1080-1-1-1-scaled.jpg);
}
#banner-detail-resep .bg {
  background-position: 50% 98%;
}
#banner-detail-resep .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-detail-resep .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section-detail-resep, #section-detail-event, #section-detail-artikel {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section-detail-resep .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section-detail-resep .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section-content-detail-resep {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section-content-detail-resep .section-bg.bg-loaded {
  background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/02/kiwihug-cqhXfrRHCPo-unsplash-2.png);
}
#section-content-detail-resep .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section-content-detail-resep .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
.bg-content-detail-resep {
	background: #EEEBE5;
	margin-top: -3%;
	z-index: 99;
	border-radius: 32px;
}
.bg-content-detail-resep img:last-child {
	border-radius: 32px;
}
.detail-menit-resep { 
	border: 3px solid #C8B497;
    padding: 15px;
    max-width: 20%;
    border-radius: 32px;
    margin: auto;
    font-size: 16px!important;
    font-weight: 600;
}
.heading-card-resep {
    font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
    margin-bottom: 25px;
}
.heading-card-resep {
    font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
    margin-bottom: 25px;
}
.menit-card-resep {
	margin-bottom: 97px;
}
.kemasan-card-resep {
	width: 106px;
  position: relative;
  left: 20%;
  top: -50px;
}
.tanggal-card-resep {
	font-size: 11px!important;
	line-height: 12px;
  	font-weight: 500;
  	margin-bottom: 6px;
}
.badges-new {
	width: 80px;
  position: relative;
  bottom: 390px;
  left: 270px;
}
.margin-btn-resep-produk {
	margin-bottom: 83px;
}
.list-recepts-produk {
	margin-bottom: 10px;
}
.bagikan-resep {
	color: #1B0D05!important;
}
.bg-active-bagikan .btn-bagikan {
	color: #ffffff!important;
}
/*PAGE EVENT*/
#banner-detail-event {
	padding-top: 816px!important;
}
.event-card {
/*	margin-top: 64px;*/
}
.card-title-artikel {
    margin-top: 30px!important;
    margin-left: 30px!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;	
}
.card-desc-artikel {
    margin-top: 20px!important;
    margin-left: 30px!important;
    margin-bottom: 27px!important;	
    text-align: left;
    max-width: 80%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-tanggal-artikel {
	margin-left: 30px!important;
}
/*END PAGE EVENT*/
/*DETAIL SINGLE EVENT*/
#section-content-detail-event {
	border-radius: 32px;
    background: #ffffff;
    margin-top: -2%;
    z-index: 1;
}
.heading-detail-event {
	margin-top: 46px;
}
.heading-h1-page-event {
	font-size: 64px!important;
    line-height: 72px;
    font-weight: 900;
    max-width: 50%;
    margin: auto;
    padding-bottom: 16px;
}
.subheading-detail-event {
	margin-bottom: 50px;
	font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
}
.description-detail-event {
	font-size: 16px!important;
    font-weight: 600;
    line-height: 22px;
    max-width: 90%;
}
.detail-kanan-event {
	margin-left: 80px;
}
.detail-tanggal-event {
	margin-bottom: 32px;
}
.lokasi-event {
	font-size: 23px;
	font-weight: 800;
	line-height: 28px;
	margin-bottom: 16px;
	max-width: 70%;
}
.detail-lokasi-event {
	font-size: 16px!important;
    font-weight: 600;
    line-height: 18px;
    max-width: 80%;
    margin-bottom: 64px;
}
.gambar-lokasi {
	border-radius: 32px;
}
.img-thumbnail-event img{
	height: 512px;
}
#section-detail-event .bg-loaded {
	background-position: center;
}
.img-thumbnail-page-event {
	height: 512px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 32px 0px 0px 32px;
}
/*END SINGLE EVENT*/
/*PAGE ARTIKEL*/
.artikel-event-title {
	font-size: 32px;
	line-height: 38px;
	font-weight: 700;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.artikel-event-desc {
	font-size: 17px;
	line-height: 18px;
	font-weight: 600;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.section-2-page-artikel {
    border-radius: 38px 38px 0px 0px;
    margin-top: -30px;
    z-index: 1;
}
.section-top-post {
    border-radius: 38px 38px 0px 0px;
    margin-top: -30px;
    z-index: 1;
}
.card-berita-ceres {
	margin-top: 25px;
	margin-left: 15px!important;
}
.title-card-berita-ceres {
	font-size: 23px;
	line-height: 28px;
	font-weight: 800;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.desc-card-berita-ceres {
	max-width: 85%;
	font-size: 16px!important;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.bg-artikel-kiri .card-top-post {
	background-color:rgb(255, 255, 255); 
	padding: 30px 30px 35px 30px; 
	height: 678px;
}
.card-top-post-title {
	font-size: 32px!important;
    font-weight: 700;
    line-height: 38px!important;
    margin-top : 50px!important; 
    margin-bottom: 8px!important;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.card-top-post-title-kanan {
	font-size: 32px!important;
   	font-weight: 700;
    line-height: 38px!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 8px;
}
.card-top-post-desc {
	font-size: 16px!important;
    font-weight: 600;
    line-height: 18px;
    text-align: left;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
} 
.card-top-post-date {
	font-size: 11px!important;
    font-weight: 600;
    margin-top: 29px!important;
    margin-bottom: 29px!important;
    text-align: left;
}
.thumbnail-card-top-pos img {
	border-radius: 32px;
}
.card-top-post-kanan {
	margin-top: 12px;
}
.card-top-post-desc-kanan {
	font-size: 16px!important;
    font-weight: 600;
    line-height: 18px;
    margin-bottom: 18px!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.thumbnail-artikel-page img {
	height: 276px;
	width: auto;
} 
/*END PAGE ARTIKEL*/
/*Detail Artikel*/
.section-slider-artikel {
	padding-left: unset!important;
	padding-right: unset!important;
}
.artikel-berkreasi-ala-ceres .flickity-prev-next-button.previous {
	left: -6%!important;
}
.artikel-berkreasi-ala-ceres .flickity-prev-next-button.next {
	right: -6%!important;
}
.artikel-berkreasi-ala-ceres .flickity-slider .img-inner img {
	height: 266px;
	width: 266px;
}
.sugestion-card-artikel img {
	height: 397px;
    width: auto;
}
#banner-detail-artikel {
	padding-top: 1024px!important;
}
#banner-detail-artikel .bg.bg-loaded {
  background: #C8B497;
}
 #text-box-detail-artikel .text-inner {
  padding: 0px 0px 0px 0px;
}
#text-box-detail-artikel {
  width: 80%;
}
#text-box-detail-artikel .text-box-content {
  font-size: 100%;
}
.heading-banner-detail-artikel {
	font-size: 64px!important;
    line-height: 72px;
    font-weight: 900;
    max-width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px!important;
}
.thumbnail-detail-artikel img {
	height: 647px;
	width: auto;
}
.bg-content-detail-artikel {
	margin-top: -26%;
}
#section-content-detail-artikel {
	background: #EEEBE5;
}
.tanggal-publish-detail-artikel {
	font-size: 23px;
	line-height: 28px;
	font-weight: 800;
	margin-top: 32px;
	margin-bottom: 32px;
}
.sub-heading-detail-artikel {
    font-size: 45px;
    line-height: 52px;
    font-weight: 600;
    max-width: 70%;
    margin-left: 12.5%;
    margin-bottom: 54px;
    margin-top: 34px;
}
.description-artikel {
	font-size: 16px;
	line-height: 18px;
	font-weight: 500;
	margin-left: 12.5%;
    max-width: 75%;
}
.tgl-artikel {
	position: relative;
    top: 2px;
    margin-left: 3px;
}
.img-bagikan {
	height: 32px;
	width: 32px;
}
.btn-bagikan {
	font-size: 16px;
	font-weight: 600;
	line-height: 18px;
	margin-left: 3px;
	position: relative;
}
.btn-bagikan-event {
	background: #EEEBE5; 
	width: 55%; 
	border: 1px solid #EEEBE5!important;
}
.box-share-event {
	width: 44%!important;
}
.btn-bagikan-white {
	color: #ffffff;
}
.img-addtoany-asclar {
/*	border: 1px solid;*/
  	border-radius: 32px;
  	padding: 16px 32px;
}
.btn-melihat {
	border: 1px solid;
  border-radius: 32px;
  padding: 0px 32px;
  display: flex;
  text-align: center;
  align-items: center;
}
.bg-active-bagikan {
	background: #6A3315;
}
.pvc_stats {
    padding: unset!important; 
}
.margin-btn-melihat {
	margin-right: 8px;
}
.margin-btn-bagikan {
	margin-left: 8px;
}
.btn-melihat-artikel .pvc_stats .pvc-stats-icon {
    background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Vector-1.png);
}
.btn-melihat-artikel span {
	color: #ffffff!important;
}
.row-action-detail-artikel {
	padding-bottom: 0px;
    display: inline-flex;
    justify-content: center;
}
.pvc_stats span {
	color: #000000;
	font-weight: 600;
	font-size: 16px;
	line-height: 18px;

}
/*End Detail Artikel*/
.pvc_stats .pvc-stats-icon {
    vertical-align: middle;
    width: 32px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 22px;
    background-position: center;
    background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Vector-2.png);
}
body .pvc_stats .pvc-stats-icon.large svg {
    display: none;
}
/*PAGINATION*/
.pagination-dekstop {
	text-align: center;
	display: inline-flex;
    align-items: center;
    margin: 0 41.5%;
    background-color: #EEEBE5;
	border-radius: 100px;
}
.pagination-dekstop a {
	color: #C8B497;
}
.page-numbers {
	padding: 12px 24px;
/*	background-color: #EEEBE5;*/
}
.pagination-dekstop .prev.page-numbers, .pagination-dekstop .next.page-numbers {
	display: inline-flex;
    height: 45px;
    width: 45px;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
}
.pagination-dekstop .page-numbers.current {
	background-color: #6A3315;
    border-radius: 100px;
    display: inline-flex;
    height: 47px;
    width: 47px;
    align-items: center;
    justify-content: center;
    color: #EEEBE5;
}
.pagination-dekstop .prev.page-numbers {
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Path-Stroke.png);
}
.pagination-dekstop .next.page-numbers {
    background-repeat: no-repeat;
    background-size: 10px;
    background-position: center;
    background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Path-Stroke-2.png);
}
/*END PAGINATION*/
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

	.recepts-ceres-produk .slider-wrapper .flickity-prev-next-button, .section-3-detail-produk .slider-wrapper .flickity-prev-next-button {
		display: flex!important;
	}
	.recepts-ceres-produk .flickity-button-icon {
		background-color: #EEEBE5;
    	color: white;
	}
	.btn-slider-mobile .flickity-button-icon {
	    background-color: #EEEBE5;
	    color: white;
	}
	.emoji-banner {
		width: 32px;
		height: 32px;
	}
	.hidden-mobile {
		display: none!important;
	}
	#logo img {
		height: 50px;
	}
	.padding-mobiles16 {
		padding-left: 16px;
		padding-right: 16px;
	}
	.btn-underline {
		font-size: 14px;
	}
	.subheading-detail-event {
		font-size: 16px!important;
		line-height: 18px!important;
		font-weight: 600;
	}
	.subheading-detail-event-2 {
		max-width: 65%;
    	margin: auto;
	}
	.judul-di-detail-event {
		font-size: 16px!important;
		font-weight: 800;
		line-height: 18px!important;
		margin-bottom: 8px;
	}
	.heading-detail-event {
		font-size: 32px!important;
		line-height: 38px;
		font-weight: 800;
		max-width: 98%;
	}
	.heading-h1-mobile {
		font-size: 32px;
		line-height: 38px;
		font-weight: 800;
	}
	.heading-h2-mobile {
		font-size: 23px;
		line-height: 28px;
		font-weight: 800;
	}
	.heading-h2-mobile-event-home {
		font-size: 23px;
		line-height: 28px;
		font-weight: 800;
		max-width: 90%;
	}
	.heading-h3-mobile {
		font-size: 16px;
		line-height: 18px;
		font-weight: 800;
		margin-bottom: 14px;
	}
	.heading-h3-mobile-2 {
		font-size: 16px;
		line-height: 18px;
		font-weight: 600;
	}
	.heading-h3-mobile-3 {
		font-size: 16px;
		line-height: 18px;
		font-weight: 600;
	}
	.heading-h3-mobile-4 {
		font-size: 16px;
		line-height: 18px;
		font-weight: 800;
	}
	.heading-h3-desc {
		font-size: 16px!important;
		font-weight: 600;
		line-height: 18px;
	}
	.heading-h4-mobile {
		font-size: 14px;
		line-height: 18px;
		font-weight: 600;
	}
	.heading-h4-mobile-2 {
		font-size: 14px;
		line-height: 18px;
		font-weight: 800;
	}
	.description-mobile {
		font-size: 14px!important;
		font-weight: 600;
		line-height: 18px;
		margin-bottom: 14px;
	}
	.description-mobile-2 {
		font-size: 10px!important;
		font-weight: 600;
		line-height: 12px;
	}
	.heading-card-resep {
    font-size: 16px!important;
    font-weight: 600;
    line-height: 18px!important;
    margin-bottom: 9px;
    max-width: 75%;
	}
	.menit-card-resep {
		margin-bottom: 15px;
		font-size: 11px;
		line-height: 12px;
		font-weight: 600;
	}
	.menit-card-resep-page {
		margin-bottom: 15px;
		font-size: 11px;
		line-height: 12px;
		font-weight: 600;
	}
	.kemasan-card-resep {
		width: 44px;
	  position: relative;
	  left: 9%;
	  top: 0px;
	}
	.btn-mobile {
		font-size: 14px!important;
		font-weight: 800;
	}
	.btn-mobile-produk {
		font-size: 14px;
		line-height: 18px;
		font-weight: 600;
		display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 16px 32px;
	}
	.img-produk-mobile img {
		height: 250px;
		width: 250px;
	}
	.padding-mobile {
		padding : 0px 30px
	}
	.icon-btn-right {
    height: 14px;
    position: relative;
    bottom: 2px;
	}
	.btn-card-resep {
		font-size: 14px;
		line-height: 18px;
	}
	.section-cerita-mobile-home {
		border-radius: 0 0 16px 16px;
		z-index: 2;
	}
	.section-bg-cerita-mobile-home {
		margin-top: -3%;
	}
/*PAGE CERITA MESES*/
	.m-bg-about {
		margin-top: -10%;
	}
	.m-bg-about .banner.has-hover {
		border-radius: 16px 16px 0px 0px;
	}
	.m-bg-about .bg.fill.bg-fill.bg-loaded {
		border-radius: 16px 16px 0px 0px;
	}
	.produk-home img {
	    width: 150px;
	    height: 150px;
	}
/*END PAGE CERITA MESES*/
/*PAGE PRODUK*/
.detail-ukuran-produk {
	padding: 5px 10px;
	background: #F5F5F3;
	border-radius: 100px;
	margin-right: 15px;
}
.bg-kreasi-resep-produk .img-inner {
	position: absolute;
	left: -10%;
	right: 85%;
	bottom: 120px;
}
.section-2-detail-produk {
  	background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/02/Roti-meses-1-1.jpg);
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: right;
	z-index: 1;
	background-position-y: 150px;
	border-radius: unset;
	margin-top: unset;
}
.section-2-detail-produk-festive {
  	background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Roti-meses-1.png);
	background-repeat: no-repeat;
	background-size: 90px;
	background-position: right;
	z-index: 1;
	background-position-y: 150px;
	border-radius: unset;
	margin-top: unset;
}
.margin-btn-resep-produk {
	margin-bottom: 10px;
}
.list-recepts-produk {
	margin-bottom: 30px;
}
.resep-produk {
	margin : unset;
}
.recepts-ceres-produk .recept {
	padding: 50px 0px 0px 200px;
    height: 215px;
    margin: 0px 16px;
}
.recepts-ceres-produk .recept::before {
    right: 15px;
}
.recepts-ceres-produk .recept > div {
  padding-right: unset;
  margin-left: -10%;
}
.badges-new {
  width: 40px;
  position: relative;
  bottom: 180px;
  left: 70%;
}
/*END PAGE PRODUK*/
/*PAGE EVENT*/
#banner-detail-event {
	padding-top: 276px!important;
}

.event-card {
	margin-top: 32px;
}
.bg-event-banner-kanan .icon-box-img img {
	padding-top: unset!important;
}
.event-card .bg-event-banner-kanan {
	margin-right: 15px!important;
    margin-left: 15px!important;
    margin-top: -5%!important;
}
.bg-event-banner-kanan {
	background-color: #F9F6F4;
	border-radius: 0px 0px 16px 16px;
}
.bg-event-banner-kanan .bg-event-title {
	margin: 60px 0px 14px 30px;
	background-color: #EEEBE5;
	border-radius: 100px;
	width: 80%;
}
.bg-event-banner-kanan .event-card-desc {
	margin: 10px 30px 14px 30px;
    max-width: 100%;
}
.bg-event-banner-kanan .btn-card-event{
	margin: 0px 0px 0px 30px;
}
.bg-event-banner-kanan .event-card-title {
	margin: 0px 0px 0px 30px;
}
.bg-artikel-kiri img {
	padding: 15px;
	border-radius: 28px;
}
.bg-artikel-kiri-event img {
	padding-top: 15px;
	border-radius: 28px;
}
.card-tanggal-artikel {
	margin-bottom: 30px!important;
}
.description-detail-event {
	font-size: 14px!important;
    font-weight: 600;
    line-height: 15px;
    max-width: 100%;
}
.detail-kanan-event {
	margin-left: unset;
}
.judul-di-detail-event-2 {
	margin-bottom: 24px;
}
.lokasi-event {
	font-size: 16px;
	line-height: 18px;
	font-weight: 800;
/*	margin-left: 45px;*/
}
.detail-lokasi-event {
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
/*	margin-left: 45px;*/
	margin-bottom: 40px;
}
.heading-h1-page-event {
	font-size: 32px!important;
	line-height: 38px;
	font-weight: 800;
	max-width: 80%;
	padding-bottom: 0px;
}
#section-content-detail-event {
	border-radius: 16px 16px 0px 0px;
    margin-top: -10%;
    z-index: 1;
    background: #EEEBE5;
}
#section-detail-resep-video {
	background: #EEEBE5;
} 
.mobile-center {
	text-align: center;
}
.btn-melihat {
	padding: 0px 24px;
}
/*END PAGE EVENT*/
/*SECTION ARTIKEL*/
.section-top-post {
	border-radius: 16px 16px 0px 0px;
}
.bg-artikel-kiri .card-top-post { 
	padding: unset; 
}
.bg-artikel-kiri-top-pos .card-top-post {
	border-radius: 16px;
}
.card-top-post-title {
	font-size: 16px!important;
    font-weight: 800;
    line-height: 18px!important;
    margin-top : 17px!important;
    margin-bottom: 8px!important;
    margin-left: 10px; 
    text-align: left;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.card-top-post-desc {
	font-size: 14px!important;
    font-weight: 600;
    line-height: 15px!important;
    margin-left: 10px;
    max-width: 75%;
    -webkit-line-clamp: 3;
}
.bg-artikel-kiri .card-top-post {
	height: unset;
}
.thumbnail-card-top-pos img {
    /*height: 140px;
    width: auto;*/
    border-radius: 16px;
}
.thumbnail-card-top-pos {
	width: 190px;
    height: 140px;
}
.card-top-post-title-kanan {
	font-size: 16px!important;
    font-weight: 800;
    line-height: 18px!important;
     -webkit-line-clamp: 1;
/*    height: 35px;*/
}
.card-top-post-kanan {
	margin-top: 15px;
	padding-left: 5px;
}
.card-top-post-desc-kanan {
	font-size: 14px!important;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 8px!important;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.card-berita-ceres-mobile {
    width: 90%;
    margin: auto;
}
.card-berita-ceres-mobile .img-inner {
	text-align: center;
}
.card-berita-ceres-mobile img {
    border-radius: 16px;
}
.title-card-berita-ceres {
	font-size: 16px;
    line-height: 18px;
    font-weight: 800;
    margin-left: 20px;
    max-width: 70%;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.desc-card-berita-ceres {
	font-size: 14px!important;
    font-weight: 600;
    line-height: 15px;
    margin-bottom: 16px;
    margin-left: 20px;
    max-width: 80%;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.date-card-berita-ceres {
	font-size: 11px!important;
    font-weight: 600;
    margin-left: 20px;
}
.bg-card-event-mobile img {
	border-radius: 16px;
    height: 234px;
}
.text-box-detail-artikel {
	top: 100px;
}  
/*END SECTION ARTIKEL*/
/*CARD EVENT MOBILE*/
.top-card-event-mobile {
	background-color: rgb(255, 255, 255);
    margin: 0 15px 28px 15px;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
    border-radius: 16px;
}
.bottom-card-event-mobile .icon-box {
	margin: 32px 0px 12px 15px;
	background: #EEEBE5;
	border-radius: 100px;
	width: 90%;
}
.event-card-mobile-title {
	font-size: 16px;
	line-height: 18px;
	font-weight: 800;
	margin: 0px 0px 8px 15px;
	max-width: 85%;
}
.event-card-mobile-desc {
	font-size: 14px;
	line-height: 15px;
	font-weight: 600;
	margin: 0px 0px 12px 15px;
	max-width: 80%;
}
.event-card-mobile-button {
	margin: 0px 0px 0px 15px;
}
/*END CARD EVENT MOBILE*/
/*DETAIL ARTIKEL MOBILE*/
.bg-content-detail-artikel {
	margin-top: -30%;
}
#text-box-detail-artikel {
  width: 100%;
}
.heading-banner-detail-artikel {
	font-size: 23px!important;
    line-height: 28px;
    font-weight: 800;
    max-width: 90%;
    margin-bottom: 8px!important;
}
.tanggal-publish-detail-artikel {
	font-size: 16px;
	line-height: 18px;
	font-weight: 800;
	margin-top: 8px!important;
	margin-bottom: 8px!important;
}
.icon-tanggal {
	padding: unset!important;
}
.img-bagikan {
	height: 16px;
	width: 16px;
}
.btn-bagikan {
    font-size: 11px;
    font-weight: 600;
    line-height: 12px;
}
.img-addtoany-asclar {
    border-radius: 100px;
    padding: 8px 16px;
}
.pvc_stats .pvc-stats-icon {
    width: 16px;
    height: 14px;
}
.pvc_stats span {
    font-size: 11px;
    line-height: 12px;
    font-weight: 600;
}
#banner-detail-artikel {
	padding-top: 400px!important;
	background: #C8B497;
}
.sub-heading-detail-artikel {
    font-size: 23px;
    line-height: 28px;
    font-weight: 600;
    max-width: 100%;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 16px;
    margin-top: unset;
}
.thumbnail-detail-artikel img {
    width: 95%;
    height: auto;
    margin-top: 35px;
}
.description-artikel {
    font-size: 14px;
    line-height: 15px;
    font-weight: 500;
    margin-left: 15px;
    margin-right: 15px;
    max-width: 100%;
}
.card-desc-artikel-detail {
    margin-top: 20px!important;
    margin-left: 30px!important;
    margin-bottom: 27px!important;
    text-align: left;
    max-width: 80%;
}
.button-addtoany-asclar-detail-artikel {
	  height: 50px!important;
	  width: 27%!important;
}
.button-addtoany-asclar-detail-artikel .addtoany_shortcode {
	top: 19px!important;
}
/*END DETAIL ARTIKEL MOBILE*/
/*KREASI RESEP MOBILE*/
.btn-unduh-resep:focus {
	background: #6A3315;
}
.btn-unduh-resep:focus .font-button-unduh {
	color: #ffffff!important;
}
.bg-page-kreasi-resep {
    margin-top: unset;
    border-radius: unset;
}
.heading-h1-kreasi-resep {
	font-size: 32px!important;
	font-weight: 800;
	line-height: 38px;
	margin-bottom: 24px;
	margin-top: 42px; 
}
.heading-h2-resep {
	font-size: 16px!important;
	font-weight: 800;
	line-height: 18px;
	margin-bottom: 16px;
}
.bg-page-kreasi-resep ul.filter li {
	margin-right: 12px;
}
.icon-filter-resep {
	margin-right: 5px!important;
}
.bg-page-kreasi-resep .recept {
	height: 215px;
}
.row-list-page-resep {
	margin-bottom: unset;
}
.kemasan-card-resep-page {
	left: 6%;
}
#banner-detail-resep-mobile {
  padding-top: 400px;
}
#banner-detail-resep-mobile .bg.bg-loaded {
  background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Frame-457.png);
}
#banner-detail-resep-mobile .bg {
  background-position: 51% 40%;
}
#banner-detail-resep-mobile .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#banner-detail-resep-mobile .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
#section-detail-resep-mobile {
  padding-top: 0px;
  padding-bottom: 0px;
}
#section-detail-resep-mobile .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section-detail-resep-mobile .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
.bg-content-detail-resep {
    margin-top: -12%;
    border-radius: 16px;
    margin-left: 15px;
    margin-right: 15px;
}
.heading-h1-detail-resep {
	font-size: 32px!important;
	line-height: 38px;
	font-weight: 800;
	max-width: 75%;
	padding-bottom: 40px;
	margin-top: 25px;
}
.detail-menit-resep { 
    padding: 7px;
    max-width: 40%;
    border-radius: 16px;
    font-size: 11px!important;
    font-weight: 600;
}

.heading-bahan {
	font-size: 16px!important;
    font-weight: 800;
    line-height: 18px!important;
    margin-bottom: 8px;
}
.padding-bahan {
	padding-left: 43px;
	margin-top: 40px;
}
.padding-peralatan {
	padding-right: 43px;
	margin-top: 40px;
}
.heading-h4-detail-resep {
    font-size: 14px!important;
    font-weight: 600;
    line-height: 15px;
}
.padding-pembuatan {
	padding-left: 43px;
	padding-bottom: 0px;
	margin-bottom: 16px;
}
.heading-pembuatan {
	font-size: 16px!important;
    font-weight: 800;
    line-height: 18px!important;
    margin-bottom: 16px; 
    max-width: 100%;
}
.heading-h4-detail-resep p {
	margin-bottom: 0px;
}
.btn-unduh-resep .img-unduh {
	height: 14px;
}
.font-button-unduh {
	font-size: 11px;
	font-weight: 600;
	line-height: 12px;
}
.btn-unduh-resep {
	top: 8px;
}
/*.unduh-resep {
	margin: 0px 20px;
}*/
.btn-bagikan-artikel {
	padding: 12px 24px!important;
}
.btn-bagikan-event {
	margin-left: 33%;
	margin-right: 33%;
	width: unset;
}
.box-share-event {
	width: 92%!important;
	height: 50px!important;
}
.box-share-event .addtoany_shortcode {
	top: 19px!important;
}
/*END KREASI RESEP MOBILE*/
.header-social-icons .social-icons {
     background: unset; 
     margin-top: unset; 
     padding: unset; 
     border-radius: unset; 
     text-align: center;
/*     margin-left: 7%;*/
}
.header-social-icons .social-icons i, .footer-ceres .social-icons {
	font-size: 26px;
}
#footer {
    border-radius: 16px 16px 0px 0px;
  }
.mfp-content {
	background-color: #EEEBE5!important;
}
.accordion .toggle {
    right: 0%;
    left: unset!important;
    top: 28%;
}
.submitnewsletterceres input[type=submit] {
    text-transform: capitalize;
    font-size: 11px;
    padding: 6px;
    font-weight: 700;
    position: relative;
    left: 60%;
    width: 40%!important;
}
.card-top-post-date {
	margin-left: 10px;
}
#banner-detail-resep-mobile .bg.bg-loaded {
  background-image: url(https://ceresmeses.co.id/wp-content/uploads/2023/03/Rectangle-9-1.png);
}
.addtoany-resep {
	right: 30px;
}
.divider-artikel-kanan {
	padding-left: 0px;
	padding-right: 0px;
	max-width: 30%!important;
}
.col-berita-ceres {
	max-width: 70%!important;
}
.mfp-content {
	width: 100%!important;
}
.garis-menu-mobile {
	width: 35px;
}
.logo-menu-mobile {
	width: 60px;
    margin: auto;
}
.nav li:last-child {
	margin-right: unset!important;
}
.mobile-sidebar li a {
	font-size: 16px;
	line-height: 18px;
	font-weight: 800!important;
	margin-bottom: 14px;
	padding: 0px;
}
#menu-item-2210{
	margin-top: 48px;
}
.off-canvas .nav-vertical>li>a {
    padding-bottom: unset;
    padding-top: unset;
}
.icon-angle-down:before {
    height: 24px;
    width: 24px;
}
.toggle i {
	font-size: unset;
}
.accordion-title {
	padding: 16px;
	padding-right: 80px;
}
.icon-angle-down:before {
	padding: 6px;
}
.heading-sup-2 {
	vertical-align: bottom;
  	position: relative;
  	top: -8px;
}
.flickity-prev-next-button.previous {
    left: 13%;
}
.flickity-prev-next-button.next {
    right: 12%;
}
.mfp-content {
	height: 57.5%;
}
.sidebar-menu .current-menu-item a {
	color: #6A3315!important;
	text-decoration: underline 4px;
	text-underline-offset: 8px;
	margin-bottom: 28px;
}
.off-canvas-left .mfp-content {
	transform: translateY(-490px);
	transition: transform 1s;
}
/*.mfp-container[data-title] {
	transform: translateY(490px);
	transition: transform 1s;
}*/
.mfp-close {
	top: 35px;
    left: 18px;
    color: #6A3315!important;
}
.mfp-ready .mfp-close {
    opacity: 1;
    mix-blend-mode: normal;
}
.h3-artikel {
	font-size: 16px;
	line-height: 18px;
}
/*PAGINATION*/
.pagination-dekstop {
	margin: 0 19%;
}
.page-numbers {
	padding: 8px 16px;
}
.pagination-dekstop .next.page-numbers {
    background-size: 7px;
}
.pagination-dekstop .prev.page-numbers {
    background-size: 7px;
}
.page-numbers {
	font-size: 16px;
}
/*ENDPAGINATION*/
.artikel-event-title {
	font-size: 16px;
	line-height: 18px;
	font-weight: 700;
	margin-left: 30px!important;
}
.artikel-event-desc {
	font-size: 11px;
	line-height: 12px;
	font-weight: 600;
	margin-left: 30px!important;
	margin-top: 20px!important;
	margin-bottom: 20px!important;
	max-width: 80%;
}
.heading-detail-event {
	margin-top: 10px;
}
.resep-pdf {
	padding: 8px 16px;
}
.btn-lihat-resep {
	top: 7px;
}
.mobile-3-artikel .col:nth-child(1) , .mobile-3-artikel .col:nth-child(2) {
	padding-bottom: 8px!important;
}
.form-flat-left {
	max-width: 68%!important;
	z-index: 2!important;
}
.form-flat-right {
	z-index: 1!important;
}

.header-social-icons .social-icons a {
	margin-right: 15px;
}

}

@media only screen and (min-width: 1024px) {
	.wrapper-mobile-menu-ceres {
		display: none;
	}
}
@media only screen and (max-width: 1367px) {
	#intro.show img.meses {
	  transform: translateY(-50px);
	}
}