/*
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;
}

.fl-builder-module-template {
	max-width: 100% !important;
}

.tab-width .pp-tabs-labels {
	width: 50% !important;
}

.fl-theme-builder-header-sticky .menu-item-text {
	color: #000 !important;
}

.fl-theme-builder-header-sticky .menu-item-text:hover, .fl-theme-builder-header-sticky .current_page_item  .menu-item-text{
	color: #cc0001 !important;
}

.fl-theme-builder-header-sticky .pp-menu-toggle::before {
	border-color: #000 !important;
}



table, tr, td {
	border: solid 1px #ccc;
	text-align: left;
	padding: 5px 10px;
}

#fl-to-top {
	background-color: #0a2463 !important;
	right: 40px;
	bottom: 0px;
}

.project-home ul {
	list-style: none;
}

.sub-menu .pp-menu-toggle::before {
	border-color: #000 !important;
}

.float-button-whatsapp {
	position: fixed;
	bottom: 30px;
	right: 45px;
	width: 80px !important;
	z-index: 55;
}

.float-button-whatsapp img {
	object-fit: contain !important;
}


.inner-banner .fl-row-content-wrap::after {
	background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.49) 0%, rgba(0, 0, 0, 0.42) 100%) !important;
}


/* End General */

/*line menu Effect*/
header ul li a::after {
	position: absolute;
	content: "";
	width: 50%;
	height: 3px;
	top: 100%;
	left: 25%;
	background: #fff;
	transition: transform 0.5s;
	transform: scaleX(0);
	transform-origin: right;
}
header ul li a:hover {
  color: #fff;
}
header ul li a:hover::after, header ul li.current_page_item a::after{
  transform: scaleX(1);
  transform-origin: left;
}




/*End menu Effect*/


.pp-has-submenu ul li a::after {
	background: transparent !important;
}

/*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*/


/*Start Slider*/


/*End Slider*/


/*Start Product*/

.first-product-section .pp-infobox-image img {
	height: auto !important;
	width: 80px !important;
}

.first-product-section .pp-infobox-title {
	margin-top: -10px !important;
}





/*End Product*/



@media only screen and (max-width: 1800px) and (min-width: 1200px) {
	
	h2 {
	font-size: 35px;
	}
	
	h4 {
	font-size: 20px;
	}
	
	p {
	font-size: 15px;
	}
	
	.content-width .fl-row-content-wrap {
	padding-right: 50px;
	padding-left: 50px;
	}

	.first-product-section .pp-infobox-title {
	font-size: 20px !important;}
	
	.fifth-product-section .fl-row-content-wrap {
	padding-right: 120px;
	padding-left: 120px;
	}
	
	.header .fl-row-content-wrap {
	padding: 20px 40px;
	}
	
	.product .fl-photo-img-png {
	width: 40% !important;
	}
	
	.cp .fl-row-content-wrap {
	padding-right: 150px;
	padding-left: 150px;
	}
	

}



/* 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) {
	

	.first-product-section .pp-infobox-title {
	font-size: 17px !important;
	}
	
	.first-product-section .pp-infobox-image img {
	height: auto !important;
	width: 60px !important;
	}
	
	.pp-tabs-panel-label {
	display: table;
	width: 100%;
	padding: 10px;
	}
	
	.second-product-section .pp-tab-label-flex {
	display: flex !important;
	flex-wrap: wrap !important;
	justify-content: flex-start !important;
	align-items: stretch !important;
		}
	
	.pp-advanced-menu.off-canvas .menu {
	padding: 10px !important;
	}
	
	.pp-advanced-menu.off-canvas .pp-toggle-arrows .pp-has-submenu-container > a > span{
	padding-left: 0 !important;
		
	}
	.pp-advanced-menu.off-canvas .sub-menu > li > .pp-has-submenu-container > a{
		padding-left:40px !important;
	}
	
	.float-button-whatsapp {
	right: 55px;
	width: 50px !important;
	}
	
    
}

