/*
Theme Name:     wmbstyles
Description:    
Author:         webadm wmb
Template:       Divi

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

@font-face {
        font-family: Aller_Std_Rg;
        src: url(font/Aller_Std_Rg.ttf);
}
@font-face {
        font-family: LiberationSans;
        src: url(https://samhaptigatomat.com/wp-content/uploads/font/LiberationSans-Italic.ttf);
}

.mobile_menu_bar:before {color: black !important;}
#main-header .et_mobile_menu {background-color: white !important; border:0px !important;}
#main-header .et_mobile_menu a{color: black !important;}
.related.products {clear: both;}
.et-cart-info{display:none;}

a.mti_filter_option:hover {
    text-decoration: underline !important;
}

.et-social-rss a.icon:before {content: "\e09a" !important;}


/*================home page================*/

.mti_home_cloud.right {
    animation-name: mti_cloud_anim;
    animation-duration: 15s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

.mti_home_cloud.left {
    animation-name: mti_cloud_anim_2;
    animation-duration: 17s;
    animation-iteration-count: infinite;
}

/* Standard syntax */
@keyframes mti_cloud_anim {
  0% { -webkit-transform: translate(8px, 7px) rotate(0deg); }
  10% { -webkit-transform: translate(-6px, -8px) rotate(-1deg); }
  20% { -webkit-transform: translate(-9px, 6px) rotate(1deg); }
  30% { -webkit-transform: translate(6px, 8px) rotate(0deg); }
  40% { -webkit-transform: translate(7px, -7px) rotate(1deg); }
  50% { -webkit-transform: translate(-7px, 8px) rotate(-1deg); }
  60% { -webkit-transform: translate(-9px, 8px) rotate(0deg); }
  70% { -webkit-transform: translate(8px, 8px) rotate(-1deg); }
  80% { -webkit-transform: translate(-7px, -8px) rotate(1deg); }
  90% { -webkit-transform: translate(8px, 8px) rotate(0deg); }
  100% { -webkit-transform: translate(7px, -8px) rotate(-1deg); }
}

/* Standard syntax */
@keyframes mti_cloud_anim_2 {
  0% { -webkit-transform: translate(8px, 7px) rotate(0deg); }
  10% { -webkit-transform: translate(-6px, -8px) rotate(-1deg); }
  20% { -webkit-transform: translate(-9px, 6px) rotate(1deg); }
  30% { -webkit-transform: translate(6px, 8px) rotate(0deg); }
  40% { -webkit-transform: translate(7px, -7px) rotate(1deg); }
  50% { -webkit-transform: translate(-7px, 8px) rotate(-1deg); }
  60% { -webkit-transform: translate(-9px, 8px) rotate(0deg); }
  70% { -webkit-transform: translate(8px, 8px) rotate(-1deg); }
  80% { -webkit-transform: translate(-7px, -8px) rotate(1deg); }
  90% { -webkit-transform: translate(8px, 8px) rotate(0deg); }
  100% { -webkit-transform: translate(7px, -8px) rotate(-1deg); }
}





.mti_home_blog_module.berita_terkini .et_pb_salvattore_content .column.size-1of3 {
    display: inline-block;
    width: 50%;
    margin-right: 0px;
}

.mti_home_blog_module.berita_terkini article.et_pb_post {
    margin: 0px 12% 0px 0px !important;
    padding: 0px;
    /* height: 21em; */
    width: 100%;
}

.mti_home_blog_module.berita_terkini article.et_pb_post .et_pb_image_container {
    margin: 0px 7% 0px 7%;
    float: left;
    width: 30%;
}

.mti_home_blog_module.berita_terkini article.et_pb_post .post-content {
    width: 56%;
    float: right;
    max-height: 7.8em;
    overflow: hidden;
    border-bottom: 1.5px solid #c09841;
    padding-bottom: 1vh;
}

.mti_home_blog_module.berita_terkini article.et_pb_post 
 h2.entry-title {
    font-size: 2.3em !important;
}

.mti_home_blog_module.berita_terkini article.et_pb_post .post-content p {
    font-size: 16px !important;
    line-height: 1.4em;
}

.mti_home_blog_module.berita_terkini p.post-meta {
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-size: 1.8em !important;
    text-align: right;
}
@media screen and (max-width: 980px){
    .mti_home_blog_module.berita_terkini article.et_pb_post 
     h2.entry-title {
        font-size: 1em !important;
    }
    .mti_home_blog_module.berita_terkini p.post-meta {
        font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
        font-size: 10px !important;
        text-align: right;
    }
}

@media screen and (min-width: 768px) and (max-width: 980px){
    .mti_home_blog_module.berita_terkini article.et_pb_post h2.entry-title a {
        font-size: 24px !important;
        line-height: 1.3em;
    }
    .mti_home_blog_module.berita_terkini article.et_pb_post .post-content p {
        font-size: 16px !important;
    }
    .mti_home_blog_module.berita_terkini article.et_pb_post p.post-meta {
        font-size: 18px !important;
    }
}
	
.mti_home_blog_module.berita_terkini p.post-meta span {
    margin-top: 1em !important;
    display: inline-block;
}

.mti_home_blog_module.berita_terkini .column.size-1of2 {
    width: 100% !important;
}

/*================end of home page================*/


/*================product page================*/
.mti_short_description {
    text-align: center;
    color: #966f17;
    font-size: 20px;
    font-weight: 600;
}

@media screen and (max-width: 981px){
    .mti_short_description {
        text-align: center;
        color: #966f17;
        font-size: 14px !important;
        font-weight: 600;
    }
}

@media screen and (max-width: 767px){
    .mti_short_description {
        font-size: 10px !important;
    }
}

.mti_short_description:hover {
text-decoration: underline!important;
    color: #966f18!important;
}

/* Product In Depth */
@media screen and (max-width: 981px){
    .single-product .et_pb_row_5 .et_pb_column_1_3 {
        width: 47.5%!important;
    }
    .single-product .et_pb_row_5 .et_pb_column_1_3:nth-child(odd) {
        margin-right: 5%;
    }
}
@media screen and (max-width: 767px){
    .single-product .et_pb_row_5 .et_pb_column_1_3 {
        width: 100%!important;
    }
}
/* End of Product In Depth */

/*================end of product page================*/



/*================resep page================*/
.mti_resep_details_reseplainnya_blog .et_pb_post .post-content a.more-link {
    background: #966f17;
    color: white !important;
    font-size: 13px;
    font-weight: 700 !important;
    padding: 5px 20px;
    margin-top: 2em !important;
    display: inline-block;
}

/* .mti_resep_details_reseplainnya_blog p.post-meta {display: none;} */
.mti_resep_details_reseplainnya_blog article.et_pb_post .et_pb_image_container {
    margin: 0px;
}

.single-post.post-template-default .mti_custom_post_share {
    display: none;
}

.resep-mti .et_pb_salvattore_content[data-columns]::before {
	content: '3 .column.size-1of3' !important;
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {
	.resep-mti .column.size-1of3 {
	    width: 30%!important;
	}
	.resep-mti .column.size-1of3:not(:last-child) {
	    margin-right: 5%;
	}
}

/* Resep In Depth */
/* @media screen and (max-width: 981px){
    .single-post .et_pb_row .et_pb_column_1_3 {
        width: 47.5%!important;
    }
    .single-post .et_pb_row .et_pb_column_1_3:nth-child(odd) {
        margin-right: 5%;
    }
    .single-post .et_pb_row.et_pb_row_9 {
        width: 93%!important;
        margin-left: 3%;
        padding-top: 0px;
    }
}
@media screen and (max-width: 767px){
    .single-post .et_pb_row .et_pb_column_1_3 {
        width: 100%!important;
    }
} */
/*================end of resep page================*/


/*================news and updates================*/

.single-post.post-template-default.news .mti_custom_post_share {
    display: block;
}

.mti_newsupdate_blog_module.other_news .et_pb_salvattore_content .column.size-1of3 {
    display: inline-block;
    width: 50%;
    margin-right: 0px;
}

.mti_newsupdate_blog_module.other_news article.et_pb_post {
    margin: 0px 12% 0px 0px !important;
    padding: 0px;
    height: 21em;
}

.mti_newsupdate_blog_module.other_news article.et_pb_post .et_pb_image_container {
    margin: 0px 7% 0px 0px;
    float: left;
    width: 37%;
}

.mti_newsupdate_blog_module.other_news article.et_pb_post .post-content {
    width: 56%;
    float: right;
    max-height: 150%;
    overflow: hidden;
    border-bottom: 1px solid #966f18;
    padding-bottom: 8px;
	margin-bottom: 10px;
}

.mti_newsupdate_blog_module.other_news article.et_pb_post 
 h2.entry-title {
    font-size: 2em !important;
}

.mti_newsupdate_blog_module.other_news article.et_pb_post .post-content p {
    font-size: 14px !important;
    line-height: 1.4em;
}

.mti_newsupdate_blog_module.other_news p.post-meta {
    font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
    font-size: 1.2em !important;
}

@media screen and (max-width: 980px){
	.mti_newsupdate_blog_module.other_news article.et_pb_post 
	 h2.entry-title {
		font-size: 24px!important;
	} 
	.mti_newsupdate_blog_module.other_news article.et_pb_post .post-content p {
		font-size: 16px!important;
		line-height: 1.4em;
	}
	.mti_newsupdate_blog_module.other_news p.post-meta {
		font-family: 'Playfair Display',Georgia,"Times New Roman",serif;
		font-size: 18px!important;
		margin-top: 55%;
        margin-left: 44%;
	}
	.mti_newsupdate_blog_module.other_news article.et_pb_post {
		margin: 0px 10% 70% 0px !important;
		padding: 0px;
		height: 11em;
	}
	.page-id-1504 .et_pb_text_0 h5 {
        font-size: 18px;
        width: 50%;
        position: absolute;
        padding-top: 1%;
    }
}

@media screen and (max-width: 768px){
	.mti_newsupdate_blog_module.other_news article.et_pb_post .post-content p {
		font-size: 10px!important;
	}
	.mti_newsupdate_blog_module.other_news article.et_pb_post 
	 h2.entry-title {
		font-size: 16px!important;
		padding-bottom: 10px;
	}
	.mti_newsupdate_blog_module.other_news p.post-meta {
		font-size: 14px!important;
		margin-top: 35%;
	}
}

@media screen and (max-width: 767px){
    .mti_newsupdate_blog_module.other_news article.et_pb_post {
		margin: 0px 10% 15% 0px !important;
	}
}

/*custom filter button*/
.mti_newsupdate_filter_parent {
    position: absolute;
    z-index: 9999999999;
    right: 0px;
    top: 2.5em;
    background-color: rgb(190, 188, 186); 
    background-color: rgba(190, 188, 186, 0.87);
    padding: 1em 1.8em;
    display: none;
}

.mti_newsupdate_filter_parent a.mti_filter_option:nth-child(1) {
    margin-bottom: 0px !important;
    /* display: inline-block; */
}

.mti_newsupdate_filter_parent a.mti_filter_option {
    font-size: 16px;
	font-family: 'Source Sans Pro',Helvetica,Arial,Lucida,sans-serif !important;
	font-weight:600;
	color: #4b4a4a;
    cursor: pointer;
    display: inline-block;
}

.mti_newsupdate_filter_button {
    cursor: pointer;
}

.mti_newsupdate_filter_parent.mti_show {
    display: block;
}

/*================end of news and updates================*/



/*================post page================*/

/*------share social button------*/
@media screen and (min-width: 768px) and (max-width: 1023px){
    .heateor_sss_vertical_sharing.mti_custom_post_share {
        position: absolute;
        top: 50px !important;
        width: 40em !important;
        z-index: 9 !important;
    }
    div.mti_custom_post_share {
        margin: 12% 0% 0% 90%;
    }
    .mti_custom_post_share ul {
        width: 15%;
    }
    .mti_custom_post_share ul li {
        width: 85%!important;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul li {
        text-align: center !important;
        margin-bottom: 1em !important;
        -webkit-box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
        -moz-box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
        box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing {
        width: 100% !important;
        height: 6em !important;
        background: #d5d4d4;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing .heateorSssTotalShareCount {
        margin: 3vw 0vw 1vw;
        font-size: 1.5em!important;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing .heateorSssTotalShareText {
        font-weight: 800;
        text-transform: uppercase;
        font-size: 1em !important;
    }
    
}

@media screen and (max-width: 767px){
    .heateor_sss_vertical_sharing.mti_custom_post_share {
        position: absolute;
        top: 50px !important;
        width: 4em !important;
        z-index: 9 !important;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul li:nth-child(1) {
        border: 1px solid #d5d4d4 !important;
        height: 4em !important;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul li {
        width: 4em;
        text-align: center !important;
        margin-bottom: 1em !important;
        -webkit-box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
        -moz-box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
        box-shadow: 2px 2px 5px 0px rgb(179, 176, 176);
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing {
        width: 100% !important;
        height: 4em !important;
        background: #d5d4d4;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing .heateorSssTotalShareCount {
        margin-top: 2px;
    }
    .heateor_sss_vertical_sharing.mti_custom_post_share ul.heateor_sss_sharing_ul i.heateorSssSharing .heateorSssTotalShareText {
        font-weight: 800;
        text-transform: uppercase;
        font-size: 7px !important;
    }
}


/*------end of share social button------*/

/* Resep In Depth */
@media screen and (max-width: 768px){
    .mob-row .et_pb_column.et_pb_column_1_2 {
        width: 50%!important;
    }
    .mob-row .et_pb_module.et_pb_image {
        margin-bottom: 10px !important;
    }
    .mob-row h2 {
        padding-bottom: 5px !important;
    }
}
/* End of Resep In Depth */

/* Resep Desktop */

@media screen and (min-width: 768px){
    .resep-mti p.post-meta {
        height: 3.7vw !important;
        overflow: hidden !important;
    }
}

/* End of Resep Desktop */

/* Produk Mobile */
@media screen and (max-width: 768px){
    .et-db #et-boc .et-l .et_pb_column.mob-prod {
        width: 32% !important;
    }
    .et-db #et-boc .et-l .et_pb_column.mob-text {
        width: 36% !important;
    }
}
/* End of Produk Mobile */

/* Contact Mobile */
@media screen and (max-width: 768px){
    .mob-sos .et_pb_column_15 {
        width: 60%!important;
    }
}
/* End of Contact Mobile */

/* Search Mobile */
@media screen and (max-width: 768px){
    .search.search-results article.post {
        width: 42%!important;
    }
    .search.search-results h2.entry-title {
        font-size: 14px!important;
        height: 30px !important;
    }
    .search.search-results p.post-meta {
        font-size: 10px!important;
        line-height: 1.3em !important;
        margin-top: 5px !important;
    }
    .search.search-results a.entry-featured-image-url {
        margin-bottom: 10px !important;
    }
}

/* End of Search Mobile */

/*================end of post page================*/