@font-face {
	font-family: 'Objective-Bold';
	src: url("../fonts/Objective-Bold.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Objective-Medium';
	src: url("../fonts/Objective-Medium.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Poppins-Bold';
	src: url("../fonts/Poppins-Bold.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

body{
	background: #FFE1E0;
}

h1{
	font-family: 'Poppins-Bold';
	font-size: 40px;
	color: #680D9C;
	line-height: 3rem;
}

h5{
	font-family: 'Poppins-Bold';
	font-size: 20px;
	color: #680D9C;
}

h6{
	font-family: 'Poppins-Bold';
	font-size: 14px;
	color: #680D9C;
}

p{
	font-family: 'Objective-Medium';
	font-size: 13px;
	color: #680D9C;
}

li{
	font-family: 'Objective-Medium';
	font-size: 13px;
	color: #680D9C;
}

.blockpink li{
	font-size: 11px;
}

.btn{
	font-family: 'Objective-Bold';
	font-size: 14px;
	color: #680D9C;
	background:#FF59B2; 
	border-radius:20px; 
	padding:10px 20px; 
	color:#fff;
}

.mobile-text-right {
	text-align: center !important;
}

.talent-cta {
	padding-bottom: 0 !important; 
	height:500px; 
	overflow:hidden;
}

/* Burger */
.burger-btn{
	position: fixed;
	top: 20px;
	left: 20px;
	z-index: 1051;
	width: 40px;
	height: 40px;
	background: transparent;
	border: none;
	padding: 0;
	outline: none;
	cursor: pointer;
}

.burger-btn span{
	display: block;
	width: 30px;
	height: 4px;
	margin: 6px auto;
	background: #fff;
	border-radius: 3px;
	transition: all .3s ease;
}

/* Animasi menjadi X */
.burger-btn.active span:nth-child(1){
	height: 1px;
	transform: translateY(8px) rotate(45deg);
	background: #680D9C;
}

.burger-btn.active span:nth-child(2){
	opacity: 0;
}

.burger-btn.active span:nth-child(3){
	height: 1px;
	transform: translateY(-8px) rotate(-45deg);
	background: #680D9C;
}

/* Sidebar */
#sidebar{
	position: fixed;
	top: 0;
	left: -350px;
	width: 350px;
	background: #FFBFC3;
	z-index: 1050;
	transition: .35s;
	padding: 30px;
	box-shadow: 3px 0 15px rgba(0,0,0,.15);
	font-family: 'Objective-Medium';
}

#sidebar.open{
	left: 0;
}

#sidebar ul li{
	margin-bottom: 20px;
}

#sidebar a{
	color: #680D9C;
	font-size: 18px;
	text-decoration: none;
}

#sidebar a:hover{
	color: #FF59B2;
}

/* Overlay */
#menuOverlay{
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,.5);
	opacity: 0;
	visibility: hidden;
	transition: .3s;
	z-index: 1049;
}

#menuOverlay.show{
	opacity: 1;
	visibility: visible;
}

@media (max-width: 575px) {
	#sidebar{
		left: -100%;
		width: 100%;
	}	
	
	h1{
		font-size: 16px;
		line-height: 1;
	}
	
	h5{
		font-size: 14px;
	}

	h6{
		font-size: 12px;
	}

	p{
		font-size: 11px;
	}

	li{
		font-size: 10px;
	}
	
	.blockpink li{
		font-size: 10px;
	}
	
	.btn{
		font-size: 11px;
		padding:5px 10px; 
	}
	.mobile-shift-left {
		margin-left: -40px;
	}
	.mobile-text-right {
		text-align: right !important;
	}
	.talent-cta {
		height:auto; 
	}
}