/*
Theme Name: EntertopWP Child Theme
Theme URI: https://www.entertop.com.my
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: Entertop WP
Author URI: https://www.entertop.com.my
template: bb-theme
*/

/* Add your custom styles here... */ 



/* General */


/*For Iphone*/
a[href^=tel] { color: inherit; text-decoration: none; }

html[class *= "pp-modal-active-"] body{
	overflow: hidden;
}

a:hover{transition:0.3s;text-decoration:none;cursor: pointer;}

.justify p, .justify{text-align:justify;}

ul {
	padding-left: 0px;
}

.zindex-0{
	position:relative;
}

.zindex-1{
	position: relative;
	z-index: 1;
}

.zindex-2{
	position: relative;
	z-index: 2;
}

.zindex-3{
	position: relative;
	z-index: 3;
}

.zindex-4{
	position: relative;
	z-index: 4;
}

.zindex-5{
	position: relative;
	z-index: 5;
}


.nolink a, .nolink{
	pointer-events:none !important;
}

.fl-builder-edit .nolink a, 
.fl-builder-edit .nolink{
	pointer-events:all !important;
}


.zoom-in {
	overflow: hidden;
}

.zoom-in .fl-col-content{
	transform: scale(1);
	transition: 0.7s ;
}

.zoom-in:hover > .fl-col-content{
	transform: scale(1.1);
	transition: 0.7s;
}

.map{-webkit-filter: grayscale(100%);
filter: grayscale(100%);}


.nf-form-fields-required {
	display: none !important;
}


#fl-to-top {
	background-color: #fff;
	background-color: #159cd8;
	right: 30px;
}

#fl-to-top:hover {
	background-color: #8a92c3;
}

.fl-builder-edit .overflow-x, .fl-builder-edit .overflow-y{
	overflow: visible;
}

.overflow-x {
	overflow-x: hidden;
}

.overflow-y {
	overflow-y: hidden;
}

.full-height {
	height: 100vh;
}


.general-tabs .pp-tabs-default .pp-tabs-panel, 
.general-tabs .pp-tabs-panels .pp-tabs-panel-content,
.general-tabs .pp-tabs-panels{
  border-radius: 30px !important;
}


.general-tabs .pp-tabs-horizontal .pp-tabs-labels .pp-tabs-label {
	padding: 15px 25px !important;
	border: solid 1px #cba606 !important;
	border-radius: 15px;
	margin: 10px;
}

.general-tabs .pp-tabs-horizontal.pp-tabs-default .pp-tabs-labels {
	display: flex !important;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	margin-bottom: -40px;
}

#star {
  position: absolute;
  right: 0;
  width: 15%;
}

#smile {
  position: absolute;
  left: -32px;
  top: -72px;
}

.about-bg::before {
	content: '';
	display: inline-block;
	width: 250px;
	height: 250px;
	background-image: url('/wp-content/uploads/2024/11/banner-animation.png');
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: absolute;
	right: 0;
	top: 330px;
}


li span.page-numbers, li a.page-numbers {
	border-radius: 50%;
	width: 40px;
	height: 40px;
}



li a.prev.page-numbers, li a.next.page-numbers {
	border-radius: 0;
	width: auto;
	height: auto;
	border:transparent;
}


footer {
	background-color: #fff;
}

/* End General */



/*Post Listing*/

.fl-widget {
	margin-bottom: 20px !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
}

.fl-post-thumb img {
	height: auto !important;
	max-width: 100%;
	width: 600px;
	margin-top: -120px;
}

.fl-post-author, .fl-sep {
	display: none;
}

.widgettitle {
	display: none !important;
}

.row.fl-post-image-beside-wrap {
	display: flex;
	margin-left: 0;
}

.fl-post-thumb {
	margin-bottom: 25px;
	height: 300px;
	overflow: hidden;
	width: 100%;
}

a.tag-cloud-link {
	font-size: 14px !important;
}

.wp-block-categories-list, .wp-block-archives-list, .wp-block-tag-cloud {
	margin-top: -10px !important;
}

/*End Post Listing*/



/*Main Header*/

.main_header .pp-heading-wrapper {
	flex: inherit !important;
}

.main_header .layout-3-wrapper {
	justify-content: center;
}


.announcement, .button-header{
    transition: top 0.3s ease-in-out; /* Specifies smooth transition on 'top' property */
    top: 0; /* Initial position */
}

.fl-theme-builder-header-scrolled .announcement,
.fl-theme-builder-header-scrolled .button-header{
    top: -150px; /* Target position when sticky */
}


.time {
    transition: right 0.3s ease-in-out; /* Specifies smooth transition on 'right' property */
    right: 0; /* Initial position */
    position: relative; /* Ensures position is consistent in both states */
}

.fl-theme-builder-header-scrolled .time {
    right: -450px; /* Target position when sticky */
}

.fl-theme-builder-header-shrink .announcement, .fl-theme-builder-header-shrink .time, .fl-theme-builder-header-shrink .button-header{
	position:absolute;
}

/*End Main Header*/



/*Start Slider*/


/*End Slider*/


@media only screen and (max-width: 1500px) and (min-width: 1200px) {
	
	.main-menu .pp-advanced-menu .menu a {
	font-size: 18px;
	}
	
	.announcement {
	width: 70%;
	}
	
	.button-header {
	width: 30%;
	}
	
#star {
  position: absolute;
  right: 0;
  width: 15%;
  top: 150px;
}
#smile {
	width: 25%;
}

}


/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 980px) {
}


/* Mobile screen size - landscape view */
@media (max-width: 767px) {
   
}

/* Mobile screen size */
@media (max-width: 480px) {
	
	.footer-menu .pp-advanced-menu-horizontal {
	display: flex !important;
	}
      .inner-banner::after {
    display: none;
  }

#smile {
  left: -12px;
  top: -217px;
  width: 35%;
}
}