/*---------------------------------------------------------------------------------

 Theme Name:   First Internet
 Theme URI:    
 Description:  Cussons Baby Indonesia
 Author:       First Internet
 Author URI:   
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/




.forum-archive .et_pb_column_0_tb_header {
	width: 20% !important;
}

.et-cart-info {
	display: none;
}

a.tnk {
	text-decoration: underline;
}

.rta-btn {
	font-style: normal !important;
	text-decoration: none !important;
	background: #1e386a !important;
	color: #ffffff !important;
	padding: 9px 22px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
	border-radius: 50px !important;
	border:none !important;
}

.auth-menu-header .menu-item {
	padding-left: 15px !important;
    padding-right: 15px !important;
}

/*#menu-primary-menu {
	margin-left: -50px;
}*/

#menu-primary-menu .menu-daftar a {
	background-color: #1e386a!important;
    border-radius: 15px;
    color: #ffffff !important;
    padding-left: 19px;
    padding-right: 19px;
    padding-top: 8px;
    margin-top: -10px;
}

.rta-category-menu-header, 
.category-menu-header {
	position: relative;
	top: 0 !important;
}

.rta-category-menu-header ul,
.category-menu-header ul {
	display: flex;
	justify-content: space-between;
}

.rta-category-menu-header li a,
.category-menu-header li a {
	padding: 24px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50px;
	background-color: #1E386A; 
    color: white;
	text-transform: uppercase;
}

.rta-category-menu-header .et-menu a:hover,
.category-menu-header .et-menu a:hover {
	opacity: 1 !important;
}

.rta-category-menu-header ul li a {
	min-width: 130px !important;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px !important;
    padding-left: 10px;
    padding-right: 10px;
    color: #ffffff !important;
}

.rta-category-menu-header ul li {
	padding-left: 5px !important;
    padding-right: 5px !important;
}

#wpforo #wpforo-wrap .wpforo-widget-wrap .wpforo-widget-content li,
.wpforo-widget-wrap .wpforo-widget-content li {
    border-bottom: none !important;
}

#wpforo #wpf-widget-recent-replies .wpforo-list-item-right p.posttitle,
#wpf-widget-recent-replies .wpforo-list-item-right p.posttitle {
	font-size: 32px;
	font-weight: 600;
	padding: 20px 0 20px 0;
}







.rta-prod-beli-di {
	display: inline-block;
}

.rta-prod-beli-di .et_pb_image_wrap {
	background: #ffffff;
	padding: 8px 20px;
}

.rta-footer-menu-mobile .et_pb_menu__menu {
	display: block;
}

.rta-footer-menu-mobile .et_mobile_nav_menu {
	display: none;
}

.wp-pagenavi {
	border-top: none;
}

.wp-pagenavi .pages {
	display: none;
}

/*.wp-pagenavi span.current, .wp-pagenavi a {
    border-right: none;
    margin-right: 8px;
    border: solid 1px #d9d9d9;
    background: #FFFFFF;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 4px 8px;
}

.wp-pagenavi span.current {
	border: 1px solid #1E386A !important;
}*/

.rta-blog-module .et_pb_post .entry-title {
	margin-bottom: 20px !important;
}

.rta-galleries .et_pb_post .entry-title {
	flex-grow: 0 !important;
	margin-bottom: 0px !important;
}

.rta-galleries .et_pb_image_container {
	margin-bottom: 0px;
}

.rta-galleries .post-content-inner {
	margin-bottom: 20px;
}

.rta-main-banner .et_pb_slides .et_pb_slide_0.et_pb_slide .et_pb_slide_description {
	margin-top: -23%;
}

.rta-main-banner .et-pb-controllers {
    bottom: 43%;
}

.rta-main-banner2 .et-pb-controllers {
    bottom: 20%;
}

.rta .et_pb_post .entry-featured-image-url {
	margin-bottom: 0px;
}

@media only screen and (max-width: 980px) {
	body {
		width: 100%;
		overflow-x: hidden;
	}
	.rta-main-banner .et_pb_slides .et_pb_slide_0.et_pb_slide .et_pb_slide_description {
		margin-top: inherit;
	}
	.rta-main-banner2 .et-pb-controllers {
		bottom: 5%;
	}
	.rta-list-product .woocommerce-loop-product__link {
		padding: 10px;
	}
	.rta-list-product .type-product {
		width: 48% !important;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		font-size: 12px !important;
		margin: 0 3px;
	}
	.et-db #et-boc .et-l .et_pb_column .et_pb_row_inner, .et-db #et-boc .et-l .et_pb_row {
		padding: 10px 0;
	}
	.rta-list-product .woocommerce-loop-product__link {
		min-height:270px;
	}
}

.et_pb_module .et_pb_post {
    display: flex;
    flex-direction: column;
}

.et_pb_module .et_pb_post .post-meta {
    order: 1;
}

.rtahome .et_pb_post .post-meta {
	margin-bottom: 30px;
}

.et_pb_module .et_pb_post .entry-title {
    order: 2;
	margin-bottom: 0px;
	flex-grow:1;
}

.et_pb_module .et_pb_post .post-content {
    order: 3;
}

.wpforo-list-item {
    display: flex;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 767px) {
	.wpforo-list-item {
		display: flex;
		flex-direction: column;
	}
	.rta-forum-homepage .wpforo-list-item-right,
	.rta-forum-homepage .wpforo-list-item-left {
		width: 100% !important;
	}
}

.rta-forum-homepage {
	padding:0 !important;
}

.rta-forum-homepage .posttitle {
	font-style: normal;
    font-weight: 100 !important;
    font-size: 18px !important;
    line-height: 24px !important;
    color: #000000;
}

.rta-forum-homepage .wpforo-list-item-left img {
	width: 100% !important;
	height: auto !important;
}

.rta-forum-homepage .wpforo-widget-content .avatar {
	border-radius: inherit !important;
}

.rta-forum-homepage .wpforo-list-item {
	border-top: solid 1px #dedede;
	padding: 20px;
}
.rta-forum-homepage h4 {
	padding-top: 40px;
	padding-left: 35px;
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	line-height: 22px;
	color: rgba(0, 0, 0, 0.8);
}

.rta-forum-homepage .wpforo-widget-wrap {
	border-bottom: solid 1px #dedede;
}

.rta-forum-homepage .widget_wpforo_widget_recent_topics {
	margin-bottom: 3% !important;
}

/**** FORUM POST HOME *****/
.rtaforumhome .forumpost {
	display: flex;
	padding-top: 8px;
    padding-bottom: 1px;
    border-bottom: solid 1px #dedede;
}

.rtaforumhome .posttitle {
	width: 80%;
	margin-right: 10px;
}

.rtaforumhome .posttitle h3 {
	font-size: 18px;
	font-style: normal;
	font-weight: 700;
	line-height: 24px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
}

.rtaforumhome .postdate {
	font-size: 12px;
	color: rgba(0, 0, 0, 0.6);
	margin-bottom: 8px;
}

.rtaforumhome .postmeta {
	display: flex;
	font-size: 16px;
	font-style: normal;
	font-weight: 100;
	line-height: 18px;
	letter-spacing: 0em;
	text-align: left;
	color: #000000;
}

.rtaforumhome .postmeta .postvote {
	margin-right: 10px;
}

.rtaforumhome .postmeta img {
	vertical-align: middle;
}

.rtaforumhome .postimage {
	width: 20%;
}

@media (max-width: 980px) { 
	.rtaforumhome .forumpost {
		flex-direction:column;
		padding-bottom: 10px;
	}

	.rtaforumhome .posttitle {
		width: 100%;
		order: 2;
	}

	.rtaforumhome .postimage {
		order:1;
		width: 100%;
	}
}

.rtaforumhome .postimage img {
	width: 100%;
}

.rta-sub-menu {
	position: absolute;
    width: 100%;
    overflow: hidden;
    overflow-x: scroll;
    height: 40px;
    margin-top: 10px;
}

.rta-sub-menu ul {
    list-style: none;
    width: 1100px;
}

.rta-sub-menu ul li {
	float: left;	
	margin-right: 10px;
}

.rta-sub-menu a {
	display: block;
    min-width: 160px;
    padding: 4px 12px;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    background-color: #1E386A;
    border-radius: 16px;
    color: #ffffff !important;
    text-decoration: none;
}

.rta-artikel-content img {
	width: 100% !important;
    border-radius: 24px;
}

.rta-artikel-content .wp-caption {
	max-width: 100% !important;
	width: 100% !important;
}

/* -------------------------- FORUM */
#bbpress-forums .bbp-search-form {
	display: none;
}

#bbpress-forums {
	font-family: "Nunito";
}

#bbpress-forums ul.bbp-forums,
#bbpress-forums ul.bbp-lead-topic,
#bbpress-forums ul.bbp-replies,
#bbpress-forums ul.bbp-search-results,
#bbpress-forums ul.bbp-topics {
	font-size: initial;
	border: none;
}

#bbpress-forums li.bbp-header {
	font-size: 16px;
    background: #fff;
    border: none;
    border-radius: 16px 16px 0 0;
	padding-left: 20px;
}

#bbpress-forums li.bbp-body ul.forum, #bbpress-forums li.bbp-body ul.topic {
	border: none;
	padding-left: 20px;
}

#bbpress-forums div.odd, #bbpress-forums ul.odd {
	background-color: #ffffff;
}

#bbpress-forums li.bbp-footer {
	background-color: #ffffff;
	border-top: none;
	border-radius: 0 0 16px 16px;
}

#bbpress-forums #favorite-toggle,
#bbpress-forums #subscription-toggle {
	display:none;
}

#bbpress-forums .bbp-template-notice {
	display: none;
}

#bbpress-forums fieldset.bbp-form {
    border: none;
    background-color: #ffffff;
	font-size: initial;
	border-radius: 16px;
}

#bbpress-forums fieldset.bbp-form legend {
	display: none;
}

#bbpress-forums .bbp-submit-wrapper button {
	background: #1E386A;
	box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
	border-radius: 40px;
	font-family: Nunito;
	font-style: normal;
	font-weight: 800;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #FFFFFF;
	padding: 13px 27px;
	min-width: 200px;
	border-color: #1e386a;
}

#bbpress-forums fieldset.bbp-form label {
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: 700;
    color: #1e386a;
}

div.bbp-forum-header,
div.bbp-reply-header,
div.bbp-topic-header {
	border: none;
}

@media (max-width:480px) {
	#bbpress-forums {
		overflow: scroll;
	}
	#bbpress-forums .bbp-forum-topic-count,
	#bbpress-forums .bbp-forum-reply-count,
	#bbpress-forums .bbp-forum-freshness {
		display: none;
	}
	#bbpress-forums .bbp-topic-voice-count,
	#bbpress-forums .bbp-topic-reply-count,
	#bbpress-forums .bbp-topic-freshness {
		display: none;
	}
	li.bbp-forum-info,
	li.bbp-topic-title {
		width: 100%;
	}
	#bbpress-forums div.bbp-the-content-wrapper {
		padding-top: 4%;
	}
}

@media (min-width: 960px) and (max-width: 1100px) {
	.et_pb_fullwidth_menu .et_pb_menu__wrap,
	.et_pb_menu .et_pb_menu__wrap {
		flex-wrap: nowrap;
	}
}

/** blurb hairstory **/

.rta-btn-standard {
	width: 195px;
	height: 40px;
	background: #1E386A;
	box-shadow: 0px 2px 6px rgba(0, 11, 36, 0.24);
	border-radius: 50px;
	font-family: Nunito;
	font-style: normal;
	font-weight: 800;
	font-size: 16px;
	line-height: 22px;
	text-align: center;
	color: #FFFFFF;
	padding: 10px 14px;
}

@media (max-width: 479px) {
	.et-db #page-container .rta-mobile-menu-top .et_pb_column_3_5 {
		width: 90% !important;
	}
	.et-db #page-container .rta-mobile-menu-top .et_pb_column_1_5{
		width: 10px !important;
	}
}

.rta-mobile-menu-top {
	width: 94% !important;
}

.rta-mobile-menu-top .et_pb_column_1_5{
	width: 10px !important;
}

.rta-mobile-menu-top .et_pb_column_3_5 {
	width: 90% !important;
}

.rta-mobile-menu-top .et_pb_text_inner {
	background: #333;
    border-radius: 50%;
    width: 23px;
    height: 23px;
    color: #ffffff;
    padding: 0px 2px 2px 2px;
    text-align: center;
    margin-top: 17px;
}

.menu-masuk {
	padding-left: 40px;
}

.menu-masuk a {
	color: red !important;
	font-weight: 700;
}

@media (max-width: 479px) {
	.menu-masuk a {
    	border-bottom: none !important;
    	margin-top: 20px;
    	color: red !important;
    	font-weight: 700;
	}
	.menu-daftar a {
		margin-top: 20px;
		background: #112233;
    	color: #fff !important;
    	border-radius: 50px;
    	font-weight: 700;
	}
	.menu-masuk,
	.menu-daftar {
    	float: left;
    	width: 50%;
    	text-align: center;
    	border-bottom: none;
	}
}

/** reg **/
.rta-custom-image-gender-picker,
.rta-custom-image-kondisi-picker {
    display: flex;
    justify-content: space-around;
}

.rta-custom-image-gender-picker > div,
.rta-custom-image-kondisi-picker > div {
	font-style: normal;
	font-weight: 600;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	color: #000000;
}

.rta-custom-image-gender-picker > div > div,
.rta-custom-image-kondisi-picker > div > div {
	background: #FFFFFF;
	border: 1px solid #C0C0C0;
	box-sizing: border-box;
	border-radius: 8px;
	padding: 20px;
	padding-top: 10px;
	width: 140px;
	text-align: center;
}

.rta-custom-image-gender-picker > div > div.selected,
.rta-custom-image-kondisi-picker > div > div.selected {
	border: 3px solid #1E386A;
}

#um-submit-btn {
	background: #1E386A;
	box-shadow: 0px 2px 6px rgba(0, 11, 36, 0.24);
	border-radius: 50px !important;
	font-weight: 700 !important;
}

.um-profile img {
	position: relative;
	top: 20px;
	margin: 0 auto !important;
}

/* audio player */
a.plyr__controls__item.plyr__control {
	display: none;
}

/* nama bayi */
.rta_bn_selectnama {
	background-color: #ECF2FF;
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-between;
	width: 90%;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	margin-bottom: 3%;
}

.rta_bn_namadepan,
.rta_bn_namatengah,
.rta_bn_namabelakang {
	width: 100%;
	padding: 10px;
	color: #1e386a;
	font-weight: 700;
	font-size: 14px;
	cursor: pointer;
}

.rta_bn_selectnama .selected {
	background-color: #1E386A;
	color: #ffffff;
	border-radius: 10px;
}

.rta_bn_block_input_nama,
.rta_bn_block_gender,
.rta_bn_block_button {
	width: 70%;
	margin: 0 auto;
}

label.rta_bn_gen_nama,
label.rta_bn_gender {
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	display: block;
	font-weight: 600;
}

input.rta_bn_input_nama {
	background: #FFFFFF;
	border: 1px solid #C0C0C0;
	box-sizing: border-box;
	border-radius: 8px;
	width: 100%;
	height: 28px;
	margin-bottom: 20px;
	padding: 15px;
	font-size: 13px;
}

.rta_bn_div_select_gender {
	display: flex;
	justify-content: space-between;
	margin-bottom: 15%;
}

.rta_bn_select_male,
.rta_bn_select_female {
	width: 47%;
	text-align: center;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	border: 1px solid #C0C0C0;
	box-sizing: border-box;
	border-radius: 8px;
	cursor: pointer;
}

.rta_bn_select_male.selected,
.rta_bn_select_female.selected {
	border-color: #1E386A;
}

.rta_bn_block_button {
	text-align: center;
}

button.rta_bn_generate_nama {
	background: #1E386A;
	box-shadow: 0px 2px 6px rgb(0 11 36 / 24%);
	border-radius: 50px;
	width: 70%;
	margin: 0 auto;
	padding: 10px;
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	color: #FFFFFF;
	border-color: #1E386A;
}

.rta_bn_name_arti,
.rta_bn_name_text {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}
.rta_bn_name_result {
	font-weight: 800;
	font-size: 32px;
	line-height: 44px;
	color: #1E386A;
	padding-bottom: 16px;
	text-transform: capitalize;
}

/** anggaran pendidikan anak **/
.rta_tka_slide_bar,
.rta_apa_slide_bar {
	display: flex;
	justify-content: space-between;
}

.rta_tka_slide_page_1,
.rta_tka_slide_page_2,
.rta_apa_slide_page_1,
.rta_apa_slide_page_2 {
	width: 49%;
	border: solid 5px #c4c4c4;
	border-radius: 10px;
}

.rta_tka_slide_bar .selected,
.rta_apa_slide_bar .selected {
	border-color: #1e386a;
}

.range-wrap {
	position: relative;
	margin: 0 auto 3rem;
}

.range {
	width: 100%;
}

.bubble {
	background: red;
	color: white;
	padding: 4px 12px;
	position: absolute;
	border-radius: 4px;
	left: 50%;
	transform: translateX(-50%);
}

.bubble::after {
	content: "";
	position: absolute;
	width: 2px;
	height: 2px;
	background: red;
	top: -1px;
	left: 50%;
}

.rta_tka_quest_page_1 p,
.rta_tka_quest_page_2 p,
.rta_apa_block_quest_page_2 p,
.rta_apa_block_quest_page_1 p {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
	text-align:left;
}

.rta_tka_quest_page_1 img,
.rta_tka_quest_page_2 img,
.rta_apa_block_quest_page_2 img,
.rta_apa_block_quest_page_1 img {
	margin-top: 20px;
	margin-bottom: 20px;
}

.rta_tka_quest_page_1,
.rta_tka_quest_page_2,
.rta_apa_block_quest_page_2,
.rta_apa_block_quest_page_1 {
	text-align:center;
}

.rta_tka_button_group,
.rta_apa_button_group {
	display: flex;
	justify-content: center;
}

@media only screen and (max-width: 767px) {
	button.rta_bn_generate_nama {
		width: 100%;
	}

	.rta_tka_button_group,
	.rta_apa_button_group {
		flex-direction: column;
		align-items: center;
	}
}

.rta_tka_button_group button,
.rta_apa_button_group button {
	border-color: #1e386a;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	background: #1E386A;
	box-shadow: 0px 2px 6px rgb(0 11 36 / 24%);
	border-radius: 50px;
	padding: 10px 60px;
	cursor: pointer;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
}

input[type=range] {
	background-color: #ddd;
	border-radius: 10px;
}

.rta_tka_result_box_head,
.rta_apa_result_box_head {
	background-color: #1e386a;
	border-radius: 16px;
	width: 80%;
	margin: 0 auto;
	margin-top: 50px;
	margin-bottom: 160px;
	padding: 20px;
}

.rta_tka_result_box_head h3 {
	font-weight: bold;
	font-size: 40px;
	line-height: 55px;
	text-align: center;
	color: #FFFFFF;
	margin-top: 30px;
	margin-bottom: 10px;
}

.rta_tka_result_box_head p,
.rta_apa_result_box_head p {
	font-weight: 600;
	font-size: 24px;
	line-height: 33px;
	text-align: center;
}

.rta_tka_result_box_head p.big,
.rta_tka_result_box_head p.med,
.rta_apa_result_box_head p.big,
.rta_apa_result_box_head p.med {
	font-size: 32px;
	line-height: 43px;
	font-weight: bold;
}

.rta_tka_image_banner,
.rta_apa_image_banner {
	text-align: center;
	position: relative;
	top: -150px;
	width: 80%;
	margin: 0 auto;
	margin-bottom: -80px;
}

.rta_tka_image_banner_text h3,
.rta_apa_image_banner_text h3 {
	font-weight: bold;
	font-size: 32px;
	line-height: 48px;
	color: #1E386A;
}

.rta_tka_image_banner_text p,
.rta_apa_image_banner_text p {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	text-align: center;
	color: #000000;
}

.rta_apa_btn_downloadpdf {
	margin-top: -130px;
}

.rta_tka_btn_downloadpdf button,
.rta_apa_btn_downloadpdf button {
	border-color: #1e386a;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	line-height: 27px;
	background: #1E386A;
	box-shadow: 0px 2px 6px rgb(0 11 36 / 24%);
	border-radius: 50px;
	padding: 10px 60px;
	cursor: pointer;
}

#rta_apa_xpage_resultpdf {
	width: 700px;
}

#rta_apa_xpage_resultpdf .rta_apa_image_banner {
	top: -396px;
	margin-bottom: -329px;
}

#rta_apa_xpage_resultpdf .rta_apa_text1 {
	position: relative;
	top: -410px;
	width: 80%;
	margin: 0 auto;
}

#rta_apa_xpage_resultpdf .rta_apa_text1 {
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}

#rta_apa_xpage_resultpdf .rta_apa_text1 p {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
	margin-bottom: 20px;
}

#rta_apa_xpage_resultpdf .rta_apa_block_q1,
#rta_apa_xpage_resultpdf .rta_apa_block_q2,
#rta_apa_xpage_resultpdf .rta_apa_block_q3,
#rta_apa_xpage_resultpdf .rta_apa_block_q4,
#rta_apa_xpage_resultpdf .rta_apa_block_q5 {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10px;
}

.rta_tka_choice_group {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin-bottom: 20px;
}

.rta_tka_choice_group > div {
	cursor: pointer;
	border: solid 1px #1e386a;
	padding: 5px;
	text-align: center;
	width: 20%;
}

.rta_tka_choice_group > div.selected,
.rta_tka_choice_group > div:hover {
	background-color: #1e386a;
	color: #ffffff;
}

.rta_tka_choice_group > div:first-child {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.rta_tka_choice_group > div.selected:first-child,
.rta_tka_choice_group > div:first-child:hover {
	border-left: solid 1px #1e386a;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
}

.rta_tka_choice_group > div:last-child {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

.rta_tka_choice_group > div.selected:last-child,
.rta_tka_choice_group > div:last-child:hover {
	border-left: solid 1px #1e386a;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
}

@media only screen and (max-width: 767px) {
	.rta_tka_choice_group {
		display: inline-block;
	}
	.rta_tka_choice_group > div {
		float: left;
		width: 47%;
		margin-bottom: 5px;
		margin-right: 5px;
		border-radius: 8px;
	}	
}

.rta_tka_image_banner {
	top: -460px;
	margin-bottom: -440px;
}

.rta_tka_result_block_text {
	width: 76%;
	margin: 0 auto;
	position: relative;
	top: -430px;
	text-align: justify;
}

.rta_tka_result_block_text > p {
	font-weight: 600;
	font-size: 18px;
	line-height: 25px;
	color: #000000;
	margin-bottom: 20px;
}

.rta_tka_result_block_text .rta_tka_result_text > div {
	display: flex;
	justify-content: space-between;
	margin-bottom: 26px;
}

.rta_tka_result_text .t1, .rta_tka_result_text .p1 {
	font-weight: bold;
	font-size: 16px;
	line-height: 22px;
	color: #000000;
}

.et_pb_blog_0_tb_body .entry-featured-image-url img {
	width: auto !important;
	object-fit: cover !important;
}
/*.et_pb_menu .et_pb_menu__wrap {
	justify-content: flex-end !important;
}*/

footer .et_pb_menu .et_pb_menu__wrap {
	justify-content: flex-start !important;
}

.et_pb_search input[type="text"] {
	padding-left: 2.5em;
	background-image: url('data:image/svg+xml;utf8,<svg fill="gray" viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path d="M505 442.7L405.3 343c28.4-34.9 45.7-79.2 45.7-127C451 96.5 354.5 0 231 0S11 96.5 11 216s96.5 216 216 216c47.8 0 92.1-17.3 127-45.7l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0s9.3-24.6 0-34zM231 384c-92.7 0-168-75.3-168-168S138.3 48 231 48s168 75.3 168 168-75.3 168-168 168z"/></svg>');
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 16px 16px;
}

/*=============================================
Telon Oil Plus page
===============================================*/

.entry-featured-image-url img {
	object-fit: cover !important;
}

.video-section .et_pb_video_slider .et_pb_slides {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: transform 0.5s ease;
}

.video-section .et_pb_video_slider .et_pb_slide {
	flex: 0 0 30%;
	transition: transform 0.5s ease, filter 0.5s ease;
	margin: 0 10px;
}

.video-section .et_pb_video_slider .et_pb_slide {
    filter: grayscale(100%);
    opacity: 0.5;
}

.video-section .et_pb_video_slider .et_pb_slide.et-pb-active-slide {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

.video-section .et_pb_video_slider .et-pb-controllers,
.video-section .et_pb_video_slider .et-pb-arrow-next,
.video-section .et_pb_video_slider .et-pb-arrow-prev {
    display: none;
}

.video-section .slick-dots {
    padding: 0 !important;
    bottom: -24px !important;
}

.video-section .slick-prev {
    left: calc(100% - 50% - (20px + 184px / 2)) !important;
}

.video-section .slick-next {
    left: calc(100% - 50% + (20px - -128px / 2)) !important;
}

.video-section .slick-dots li {
	margin: 0 !important;
	width: 10px !important;
    height: 10px !important;
}

.video-section .slick-dots li button {
	width: 10px !important;
    height: 10px !important;
}

.social-links {
	display: flex;
	justify-content: center;
}

.social-links li {
	list-style: none;
}

.social-links a {
	display: inline-flex;
	align-items: center;
	padding: 10px 50px 10px 75px;
	background-color: #1E386A;
	color: white;
	border-radius: 50px;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out;
}

.link-instagram a {
	background-image: url(/wp-content/uploads/2024/05/icon-instagram.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 50px center;
	margin-right: 16px;
}

.link-tiktok a {
	background-image: url(/wp-content/uploads/2024/05/icon-tiktok.png);
	background-repeat: no-repeat;
	background-size: 18px;
	background-position: 50px center;
}

.social-links a:hover {
	background-color: #192f5c;
}



img.sgpb-popup-close-button-1 {
    top: 1% !important;
    right: 19% !important;
}

li.with-icon {
	background-image: url(/wp-content/themes/cbindonesia/assets/icon-baru.png) !important;
	background-repeat: no-repeat !important;
	background-size: 75px !important;
	background-position: 155px 6px;
}

.social-section .section-title .et_pb_text_inner {
    padding-left: 100px;
    padding-right: 100px;
}

.sgpb-theme-1-content.sg-popup-content-tc {
    border-radius: 0 !important;
    padding: 15px !important;
    box-shadow: rgba(0, 0, 0, 0.6) 0 0 0 0 !important;
    border-bottom-width: 0 !important;
    border-bottom-color: #fff !important;
    width: 80% !important;
    max-width: 80% !important;
}

.sgpb-theme-1-content.sg-popup-content-tc ol {
	margin-left: 30px !important;
	list-style: decimal !important;
}

.sgpb-theme-1-content.sg-popup-content-tc h3 {
    font-size: 24px;
    font-weight: 900;
}

.sgpb-theme-1-content.sg-popup-content-tc ol {
	color: #1E386A;
}

.sgpb-theme-1-content.sg-popup-content-tc ol[type="a"] {
    list-style-type: lower-alpha !important;
}

.social-section .et_pb_text_inner ol li {
	list-style-position: outside !important;
}

.video-section .slick-current:hover {
    webkit-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
    transform: scale(1) !important;
}

.view-articles-button {
	width: 29.667%;
}

.animation-section .et_pb_image_11 {
	left: 54% !important;
}

@media (max-width:980px) {
	.et_pb_row {
		width: 85%;
	}
	.view-articles-button {
		width: 100%;
	}

	li.with-icon {
		background-position: 155px 14px;
	}
	.sgpb-theme-1-content.sg-popup-content-tc {
    	width: 90% !important;
   		max-width: 90% !important;
	}
	.animation-section {
		background-size: 100% !important;
        background-position: 50% !important;
	}
	.animation-section .et_pb_image_6 {
	    width: 135px;
	    bottom: 180px;
	    left: 56%;
	    transform: translateX(-50%);
	}

    /*.animation-section .et_pb_text_9 {
        width: 125px;
        top: 196px;
        bottom: auto;
        right: 78px;
        left: auto;
        transform: translateX(0px) translateY(0px);
    }*/
    .animation-section .et_pb_image_11 {
	    width: 155px;
	    z-index: 67;
	    position: absolute !important;
	    top: 175px;
	    bottom: auto;
	    left: 47%;
	    right: auto;
	    text-align: left;
	    margin-left: 0;
	}
	.animation-section h5 {
		font-size: 14px !important;
	}
	.animation-section p {
		font-size: 12px !important;
	}
	.video-section {
		padding-top: 60px !important;
	}
	.video-section .et_pb_image_12 {
    	top: -646px !important;
    	left: -15px !important;
	}
	.video-section .et_pb_image_14 {
        top: -705px !important;
    }
    .video-section .slick-dots li {
		width: 20px !important;
    	height: 20px !important;
	}
    .video-section .slick-dots li button:before {
        font-size: 20px !important;
	}
	.social-section .section-title .et_pb_text_inner {
    	padding-left: 0;
    	padding-right: 0;
	}
	.social-section .et_pb_image_17 {
    	top: -16px;
    	left: -15px;
	}
	.social-links {
	    flex-wrap: wrap;
    	justify-content: center;
	}
	.social-links li {
		margin-bottom: 10px;
	}
	img.sgpb-popup-close-button-1 {
    	right: 3% !important;
	}
	.links-section .et_pb_image_19 {
	    top: -56px;
	    right: -30px;
	}
	.link-instagram a {
		margin-right: 0;
	}
	.links-section .et_pb_promo_description div {
		display: flex;
    	align-items: center;
    	justify-content: flex-start;
	}
	.links-section .et_pb_promo_description {
		padding-bottom: 0;
	}
	.links-section .et_pb_promo_description div p,
	.links-section .et_pb_promo_description div h6 {
		padding-bottom: 0;
	}
	.links-section .et_pb_promo_description div h6 {
		padding-left: 15px;
		color: #000;
	}
	.links-section .et_pb_promo {
		padding: 10px !important;
		height: 93px !important;
	}
	.links-section .et_pb_promo img {
		height: 47px !important;
		width: auto !important;
	}
	.links-section .et_pb_row.et_pb_row_6 {
		padding-top: 20px !important;
	}
}


/*====================================================
Cussons Newborn Landing Page

Dark Brown = #77573C
Brown = #907946
Gold = #C7B172
Light yellow = #F5F6F0
Yellow = #FAF3D4

======================================================*/
html .cussons-newborn {
	--dark-brown: #77573C;
	--brown: #907946;
	--gold: #C7B172;
	--light-yellow: #F5F6F0;
	--yellow: #FAF3D4;
}

.gold {
	color: var(--gold);
}

@media (max-width: 768px) {
	.cussons-newborn .et_pb_row {
		width: 95%;
	}
}

.cussons-newborn h1,
.cussons-newborn h2,
.cussons-newborn h3,
.cussons-newborn h4,
.cussons-newborn p {
	font-family: "Nunito";
	line-height: 120%;
}

.cussons-newborn h1,
.cussons-newborn h2,
.cussons-newborn h3,
.cussons-newborn h4 {
	color: var(--dark-brown);
	padding-bottom: 5px;
}

.cussons-newborn h1 {
	font-size: 18px;
	font-weight: 500;
}

.cussons-newborn h2 {
	font-size: 32px;
	font-weight: 800;
}

.cussons-newborn h3 {
	font-size: 28px;
	font-weight: 800;
}

.cussons-newborn h4 {
	font-size: 20px;
	font-weight: 800;
}

.cussons-newborn .sandwich h5 {
	font-size: 15px;
	font-weight: 700;
	color: var(--gold);
}

.cussons-newborn p {
	font-size: 18px;
	font-weight: 500;
}

.cussons-newborn p.small {
	font-size: 12px;
	font-weight: 500;
}

.cussons-newborn p strong {
	font-weight: 700;
}

.cussons-newborn p.footnote {
	font-size: 12px;
	font-weight: 300;
}

.cussons-newborn p.source {
	font-size: 10px;
	font-weight: 700;
}

.cussons-newborn .quote-section {
    background-image:
    url('./assets/images/radial-blur-left.png'),
    url('./assets/images/radial-blur-right.png');
    background-position: 0 30px, bottom right;
    background-size: auto;
    background-repeat: no-repeat;
    background-attachment: scroll;
}

.cussons-newborn .quote-section {
    position: relative;
}

.cussons-newborn .quote-section::before,
.cussons-newborn .quote-section::after {
    content: '';
    position: absolute;
    z-index: 0;
    background-repeat: no-repeat;
    background-size: auto;
}

.cussons-newborn .quote-section::before {
    background-image: url('./assets/images/baby-bottle-left.png');
    background-position: bottom left;
    opacity: 0.9;
    width: 100%;
    height: 100%;
}

.cussons-newborn .quote-section::after {
    background-image: url('./assets/images/baby-bottle-right.png');
    background-position: right -14px;
    opacity: 0.9;
    width: 100%;
    height: 100%;
}

.cussons-newborn .quote-section .dipi-carousel-item-content {
	padding: 35px !important;
}

.cussons-newborn .quote-section h2.dipi-carousel-item-title {
	font-size: 18px;
	line-height: 21.6px;
	color: var(--gold);
	font-weight: 400;
	text-align: left;
}

@media (max-width: 980px) {
	.cussons-newborn .quote-section h2.dipi-carousel-item-title {
		font-size: 14px !important;
	}
}

.cussons-newborn .quote-section .dipi-carousel-item-desc {
	font-size: 36px;
	color: var(--dark-brown);
	text-align: left;
}

.cussons-newborn .quote-section .swiper-button-next,
.cussons-newborn .quote-section .swiper-button-prev {
	top: inherit !important;
	z-index: 11;
}

.cussons-newborn .quote-section .swiper-button-prev {
	left: 40% !important;
}

.cussons-newborn .quote-section .swiper-button-next {
	right: 40% !important;
}

@media (max-width: 980px) {
	.cussons-newborn .quote-section .swiper-button-prev {
		left: 0% !important;
	}
	.cussons-newborn .quote-section .swiper-button-next {
		right: 0% !important;
	}
}

.cussons-newborn .quote-section .dipi_carousel_0 .swiper-container-horizontal>.swiper-pagination-bullets,
.cussons-newborn .quote-section .dipi_carousel_0 .swiper-pagination-fraction,
.cussons-newborn .quote-section .dipi_carousel_0 .swiper-pagination-custom {
    bottom: -13px !important;
}

.cussons-newborn .et_pb_module.et_pb_icon.et_pb_icon_0.et_animated.et-waypoint.et_is_animating.bounce.infinite.et-animated {
	opacity: 1 !important;
}

.et_pb_button.yellow-button {
	background-color: var(--yellow) !important;
	color: var(--dark-brown) !important;
}

.et_pb_button.yellow-button:hover {
	background-color: var(--brown) !important;
	color: white !important;
}

.sandwich .dipi-tooltip-title {
	display: none;
}

.sandwich .dipi-image-hotspot.dipi-trigger_on_click-on {
    display: flex;
    justify-content: center;
}

.sandwich .dipi-image-hotspot>img {
    width: 399px;
}

.sandwich .et_pb_row.starter-text {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

@media (max-width: 768px) {
	.sandwich .dipi_image_hotspot_child_0 .dipi-tooltip-wrap.dipi-tooltip-wrap,
	.sandwich .dipi_image_hotspot_child_1 .dipi-tooltip-wrap.dipi-tooltip-wrap,
	.sandwich .dipi_image_hotspot_child_2 .dipi-tooltip-wrap.dipi-tooltip-wrap {
    	top: 138% !important;
	}
}


@media (max-width: 768px) {
    .custom-two-columns .et_pb_column {
        width: 50% !important;
        float: left;
        margin-bottom: 0;
    }
    .custom-two-columns .et_pb_column:nth-child(odd) {
        padding-right: 5px !important;
    }

    .custom-two-columns .et_pb_column:nth-child(even) {
        padding-left: 5px !important;
    }
}


.tabs-section .dipi-at-tabs-container {
	-webkit-flex: auto;
	-ms-flex: auto;
	flex: auto;
	max-width: 100%;
	width: 302px;
    margin: 0 auto;
    position: absolute;
    top: 120px;
    right: 0;
    left: 0;
}

.tabs-section .dipi-at-tab-title {
	font-weight: 800 !important;
}

.tabs-section .dipi-at-tab-container {
	padding: 0 5px !important;
}

.tabs-section .text-bubble {
    border: 2px solid #C7B172;
    border-radius: 15px;
    background: #FFFEFB;
    padding: 15px;
    display: flex;
}

.tabs-section .text-bubble .et_pb_text_inner {
    align-content: center;
}

.tabs-section .text-bubble h2 {
    font-size: 40px;
    font-weight: 800;
}

.tabs-section .text-bubble h3 {
    font-size: 20px;
    font-weight: 800;
}

.tabs-section .text-bubble p {
	font-size: 12px;
}

.tabs-section .text-bubble p.small {
	font-size: 10px;
	font-weight: 800;
	color: var(--gold);
}

@media (max-width: 768px) {
	.tabs-section .text-bubble h2 span {
		font-size: 20px !important;
	}
	.tabs-section .text-bubble img.alignleft {
		margin-right: 5px;
	}
	.tabs-section .text-bubble {
	    padding: 10px;
	}
}

.tabs-section .tab-content-section {
	padding-top: 186px !important;
}
@media (max-width: 768px) {
	.tabs-section .dipi-at-tabs-container {
		top: 160px;
	}
	.tabs-section .tab-content-section {
		padding-top: 226px !important;
	}
}

.tabs-section .section-title-off-top {
	position: absolute;
	z-index: 99;
	top: 60px;
	right: 0;
	left: 0;
}

.tabs-section .dipi-at-panels {
	padding-right: 0 !important;
	padding-bottom: 0 !important;
	padding-left: 0 !important;
	margin-top: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 0 !important;
}

.tabs-section .smaller-column {
	width: 25% !important;
}

.tabs-section .larger-column {
	width: 68.81444% !important;
}

.tabs-section ul.with-checkbox {
	margin: 0;
    padding: 10px 0;
}

.tabs-section ul.with-checkbox li {
	background-image: url(/wp-content/themes/cbindonesia/assets/images/checkbox.png) !important;
	background-repeat: no-repeat !important;
	background-size: 14px !important;
	list-style: none;
    margin: 0 0 5px 0;
    padding: 0 0 0 20px;
    font-size: 12px !important;
    color: var(--dark-brown) !important;
}

.tabs-section .pagi-layout .first-column {
	margin-right: 1% !important;
	width: 24.75% !important;
}

.video-section-2 {
	padding-top: 60px !important;
}

.ingredient-carousel-section .swiper-slide-next .dipi-carousel-image img,
.ingredient-carousel-section .swiper-slide-prev .dipi-carousel-image img {
	height: 200px !important;
	width: auto !important;
    margin: 0 auto !important;
    opacity: 0.4;
}

@media (max-width: 768px) {
	.ingredient-carousel-section .swiper-slide-next .dipi-carousel-image img,
	.ingredient-carousel-section .swiper-slide-prev .dipi-carousel-image img {
		height: auto !important;
	}
	.ingredient-carousel-section .swiper-button-prev,
	.ingredient-carousel-section .swiper-button-next {
		top: 487px !important;
	}
}

.ingredient-carousel-section .swiper-slide-prev .dipi-carousel-image img {
	margin-top: 180px !important;
}

.ingredient-carousel-section .swiper-slide-next .dipi-carousel-item-content,
.ingredient-carousel-section .swiper-slide-prev .dipi-carousel-item-content {
	display: none !important;
}

.ingredient-carousel-section .swiper-slide-duplicate-prev,
.ingredient-carousel-section .swiper-slide-duplicate-next {
    opacity: 0 !important;
}

.ingredient-carousel-section .dipi-carousel-item-title {
	display: none;
}

.ingredient-carousel-section .dipi-carousel-item-content {
	padding-top: 0 !important;
	margin-top: -35px;
}

.ingredient-carousel-section .dipi-carousel-item-desc {
	font-weight: 700 !important;
}

.ingredient-carousel-section .dipi_carousel_1 .swiper-button-next,
.ingredient-carousel-section .dipi_carousel_1 .swiper-button-prev {
	top: inherit !important;
	z-index: 999;
}

.ingredient-carousel-section .dipi_carousel_1 .swiper-button-next {
	right: 40% !important;
}

.ingredient-carousel-section .dipi_carousel_1 .swiper-button-prev {
	left: 40% !important;
}

.ingredient-carousel-section .dipi_carousel_1 .swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: -13px !important;
}

.ingredient-carousel-section .dipi_carousel .swiper-container {
	height: 400px;
}

.ingredient-carousel-section .carousel-title {
    position: absolute;
    width: 320px;
}

@media (max-width: 768px) {
	.ingredient-carousel-section .dipi_carousel .swiper-container {
		height: 460px;
	}

	.ingredient-carousel-section .carousel-title {
	    width: 100% !important;
	}

	.ingredient-carousel-section .dipi_carousel_1 .swiper-button-next {
		right: 0% !important;
	}

	.ingredient-carousel-section .dipi_carousel_1 .swiper-button-prev {
		left: 0% !important;
	}
}

.ingredient-carousel-section .swiper-button-next.swiper-button-disabled,
.ingredient-carousel-section .swiper-button-prev.swiper-button-disabled {
	opacity: 1 !important;
}

.section-title-bubbles span {
	background-color: var(--dark-brown);
	padding: 0 10px;
	border-radius: 50px;
	color: var(--light-yellow);
}

.et_pb_button.button-brown {
	background-color: var(--dark-brown) !important;
    border-width: 3px !important;
    border-radius: 50px !important;
    border-color: var(--dark-brown) !important;
    color: #fff !important;
}

.et_pb_button.button-brown:hover {
	background-color: transparent !important;
	border-color: var(--dark-brown) !important;
	color: var(--dark-brown) !important;
}

.blog-sliders .swiper-container {
	overflow: visible !important;
}

.et-menu-nav > ul.et-menu > li > a {
	padding-bottom: 10px !important;
	padding-top: 10px !important;
}




/***********************************
HOME PAGE CAROUSEL SLIDER
************************************/

.home-page-slider .slick-list.draggable {
	width: 100% !important;
}

.home-page-slider .slick-slide .et_pb_section {
	border-radius: 24px;
}

.purple-gradient {
	background: linear-gradient(180deg, #FFFFFF 0%, #D0BEF3 66.19%, #A491C4 103.42%);
}




/***********************************
 * Home Page New Design 2025
***********************************/