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

/***** ADD CUSTOM CSS HERE. *****/
.home-banner h1 {
	color:#E3B23C;
	font-family: Chapaza, serif;
	font-size: 40px;
}

h1, h2, h3, h4, h5, h6, .heading-font, .banner h1, .banner h2 {
	font-family: Chapaza, serif !important;
}

.home-rediscover h3, .home-location h3, .home-bukit h3, .home-threats h3, .home-timeline h3, .ctl-wrapper .ctl-vertical-wrapper .ctl-story .ctl-title, .home-gallery h3, .home-friends h3 {
	color:#E3B23C;
	font-family: Chapaza, serif !important;
	font-size: 30px;
}

.home-threats h4 {
	color: #332A24;
	font-weight: 700;
	font-size: 20px;
}
.yellow-text {
	color:#E3B23C;
}
.section7-home h3{
	color:#332A24;
	font-family: Chapaza, serif;
	font-size:30px
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left {
	text-align: right !important;
}

.ctl-wrapper .ctl-title {
	padding-bottom: 0 !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-title, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description p {
	text-align: right;
}

.ctl-labels, .ctl-icondot, .ctl-wrapper .ctl-label-big, .ctl-wrapper .ctl-label-big a {
	display: none !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-timeline:before {
	width: 1px !important;
	left: calc(50% - 1px) !important;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left:before {
	top: 30px;
    right: -39px;
    content: '';
    width: 80px;
    height: 1px;
    background: #000;
    position: absolute;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
	padding-right: 50px;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right:before {
	top: 30px;
    left: -39px;
    content: '';
    width: 80px;
    height: 1px;
    background: #000;
    position: absolute;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-content {
	padding-left: 50px;
}

.home-friends h3, .home-friends h4 {
	color: #6A5548;
}

.home-bukit .box-text, .home-friends .box-text {
	color: #332A24;
	text-shadow: none;
	width: 90%;
	text-shadow: none !important;
	opacity: 0;
}

.home-bukit .box-text h4, .home-friends .box-text h4, .home-bukit .box-text p, .home-friends .box-text p {
	color: #332A24;
	text-shadow: 0 0 0 rgba(227, 178, 60, 0.88);
}

.home-bukit .box:hover .box-text, .home-friends .box:hover .box-text {
	opacity: 1;
}

.home-gallery .flickity-slider .gallery-col {
	padding: 0;
}

.home-gallery .flickity-slider .gallery-col:nth-child(even) {
	transform: scale(0.75);
	transform-origin: bottom;
}

a.button.primary {
	font-weight: 500;
}

.home-threats ul li {
	margin-bottom: 0;
}
/* Mobile-specific styles */
@media only screen and (max-width: 767px) {

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-title, .ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-description p {
	text-align: left;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left:before {
	left: -45px;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-left .ctl-content {
	padding-left: 50px;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right:before {
    left: -45px;
}

.ctl-wrapper .ctl-vertical-wrapper .ctl-story.ctl-story-right .ctl-content {
	padding-left: 50px;
}

}
@media (max-width: 480px) {
	.home-banner h1 {
		font-size: 30px;
	}
}