/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


li {
    list-style: square;
}

::marker {
    color: #C2D840;
    font-size: 18px;
}

.site-bullet-points li {
    margin-bottom: 25px;
    line-height: 26px;
}


.post-content>.fusion-flex-container,
#more-info-section {
/*     padding: 40px 0 30px 0; */
	padding-top: 40px;
	padding-bottom: 30px;
}
.post-content>.fusion-flex-container.has-mask-background.fusion-parallax-none, .fusion-footer-widget-area>.fusion-flex-container.has-mask-background.fusion-parallax-none.inner-custom-width, #more-info-section {
    padding-top: 4.2em;
}
.fusion-flex-container .fusion-title {
    line-height: 1;
    margin-top: 0 !important;
}

/* GLOBAL  */
.title-lines .fusion-title-heading {
    display: inline-block;
    position: relative;
}

.title-lines .fusion-title-heading:before,
.title-lines .fusion-title-heading:after {
    position: absolute;
    content: '';
    width: 128px;
    height: 100%;
}

.title-lines .fusion-title-heading:before {
    left: -150px;
    top: 0;
    background: url(/wp-content/uploads/2023/12/before-title.svg);
    background-repeat: no-repeat;
    background-position: 0px 26px;
    background-size: 128px;
}

.title-lines .fusion-title-heading:after {
    top: 0;
    background: url(/wp-content/uploads/2023/12/after-title.svg);
    background-repeat: no-repeat;
    background-position: 0px 26px;
    left: calc(100% + 20px);
    background-size: 24px;
}

.title-lines-center .fusion-title-heading:after {
    top: 0;
    background: url(/wp-content/uploads/2024/01/new-right-line.svg);
    background-repeat: no-repeat;
    background-position: 0px 26px;
    background-size: 128px;
}

/* VIDEO SLIDER */
.clark-video-slider .tparrows:before {
    font-size: 30px !important;
}

/* MORE INFO ICONS BANNER  */

.icon-box-banner {
    padding: 30px !important;
}

.icon-box-banner .fusion_builder_column {
    margin-bottom: 0;
}

.icon-box-banner .fusion_builder_column .content-box-wrapper {
    padding: 20px;
}

.icon-box-banner .content-box-wrapper .heading-with-icon {
    margin-bottom: 0;
}

/* success message */
.form-submission-notices .fusion-alert.alert-success.success {
    background-color: #b6d600 !important;
    color: #000 !important;
    border-color: #000 !important;
}

.fusion-alert .alert-icon,
.fusion-alert .fusion-alert-content {
    color: #000 !important;
}

.fusion-alert.alert-danger.error {
    background-color: #db4b68 !important;
    color: #000 !important;
    border-color: #000 !important;
}

.single-post .fusion-page-title-bar .fusion-fullwidth {
    padding-top: 30px;
}

@media (min-width: 1024px) {

    .single-post .fusion-page-title-bar .fusion-fullwidth {
        padding-top: 70px;
    }
}

/* popup container  */

a.awb-image-hotspots-hotspot {
    background: transparent;
	font-weight: 600;
}
a.awb-image-hotspots-hotspot:hover {
    background: transparent;
}

a.awb-image-hotspots-hotspot {
  --awb-hotspot-hover-background-color: transparent !important; /* Removes the bg on icon after hover */
}
.sub-head{
  color: #000000 !important;
 font-weight: 600 !important;
}
.visit-btn{
	background-color: #c1dc28 !important;
	color:black !important;
	border: none !important;
	
}

li {
  list-style-type: none; /* Removes the default marker (bullet or number) */
}

.fa-map-marker-alt:before{
	font-size: 20px;
}

.power-heading{
	padding-top: 50px;
}

.checklist-items{
	display: flex !important;
	gap: 14px !important;
}

/* map marker */
img.custom-icon {
    width: 20px;
}

/* map marker replaced */
.home-map a> .fa-map-marker-alt::before {
    content: "" !important; 
    display: inline-block  !important;
    width: 28px; 
    height: 28px; 
    background-image: url("https://clarktheforkliftdev.mediawebdev.com/wp-content/uploads/2024/11/map-pin.png");
    background-size: contain; 
    background-repeat: no-repeat;
    vertical-align: middle;
}

i.fa-map-marker-alt.fas.icon {
    margin-right: 10px;
    margin-top: 6px !important;
}

i.fas.fa-phone-alt.icon {
    margin-right: 10px;
}
/*  marker trigger text*/
.home-map a > .fa-map-marker-alt {
    position: absolute !important;
    left: -5px !important;
    transform: translate(-50%, -50%) !important;
}
@media (max-width: 768px) { 
		/*  marker trigger media view*/
  .home-map a > .fa-map-marker-alt {
     transform: translate(-50%, -60%) !important;
  }

	.post-content>.fusion-flex-container, #more-info-section{
		padding-bottom: 0px !important;
	}
    
a.awb-image-hotspots-hotspot {
    font-size: 12px;
}
}
@media (max-width: 550px) {
    .home-map a> .fa-map-marker-alt::before{
            width: 20px;
            height: 20px;
    }
     .home-map a > .fa-map-marker-alt {
     transform: translate(-20%, -60%) !important;
  }
    a.awb-image-hotspots-hotspot {
    font-size: 8px;
}
}
/* footer hover */
.fusion-text.fusion-text-23.fusion-live-editable.medium-editor-element {
    cursor: pointer !important;
}

.fusion-text.fusion-text-23.fusion-live-editable.medium-editor-element:hover{
    color: #b6d600 !important;
}

ul#menu-global-affiliates.awb-menu__main-ul_column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: inherit;
}
@media (min-width: 768px) {
	ul#menu-global-affiliates.awb-menu__main-ul_column .awb-menu__main-li {
    width: 50%;
}
}


/* Responsive styling for smaller screens */
@media (max-width: 550px) {
  .popover {
    top: auto;
    bottom: -30%; /* Position it below the target */
    transform: translateY(10px); /* Adjust as needed */
  }

  .popover::after {
    top: -10px; /* Move arrow to the top */
    bottom: auto;
    border-color: transparent transparent #ffffff transparent; /* Adjust colors */
  }
  .power-heading{
	padding-top: 0px;
}
}
#powerTip{
    background-color: white !important;
	border: 1px solid #c2d840 !important;
	    max-width: 370px !important;
         width: 100% !important;
}
#powerTip.n:before {
    border-top: 10px solid rgb(255 255 255) !important;
}
#powerTip.s:before {
    border-bottom: 10px solid #ffffff !important;
}
#powerTip.e:before {
    border-right: 10px solid #ffffff !important;
}
#powerTip.w:before {
    border-left: 10px solid #ffffff !important;
    right: -10px
}
#powerTip.ne:before,#powerTip.nw:before {
    border-top: 10px solid #ffffff;
    border-top: 10px solid rgb(255 255 255);
}
@media (max-width: 550px) {
	#powerTip.s, #powerTip.nw{
      inset: 285px 100px auto 40px !important;
		
}
	#powerTip.n:before {
    display: none !important;
	}
	#powerTip.s:before {
		display: none !important;
	}
	#powerTip.e:before {
		display: none !important;
	}
	#powerTip.w:before {
		display: none !important;
	}
	#powerTip.ne:before,#powerTip.nw:before {
    display: none !important;
}
}

.home-map.tips  {
/*     position: relative; */
}

.home-map.tips::after {
    content: attr(id);  /* Initially empty */
    position: absolute;
    top: 0;
    left: 12px;
    color: black;
    border-radius: 5px;
    white-space: nowrap;
    z-index: 10;
    transition: opacity 0.3s ease;
    font-weight: 600;
    font-size: 14.8px;
}
@media (max-width: 822px) { 
	.home-map.tips::after {
		display: none !important;
	}
	.point_style img {
		top: -22px !important;
		left: -15px !important;
	}
    .fusion-social-links .fusion-social-networks.color-type-custom.boxed-icons .fusion-social-network-icon {
        padding: 10px 10px !important;
    }
	
  }

@media (max-width: 550px)  {
	.home-map.tips::after {
		display: none !important;
	}
	#powerTip{
	     max-width: 330px !important;
         width: 100% !important;
}
    .fusion-social-links .fusion-social-networks.color-type-custom.boxed-icons .fusion-social-network-icon {
        padding: 5px 10px !important;
    }
	
	
/* 	.point_style img {
    top: -24px !important;
    left: -15px !important;
} */
}
#Global\ Headquarters.home-map.tips::after{
   left: auto;
    right: 12px !important; /* Align to the right */
}
#Singapore.home-map.tips::after {
   top: -8px !important;
   left: auto;
   right: 12px !important; /* Align to the right */
}
@media screen and (max-width: 1024px) and (orientation: landscape) {
    .home-map.tips::after {
      display: none !important;
    }
}
/* checklist content format */
.checklist {
    text-align: left;
    padding: 10px;
  }
  .checklist-item {
    display: flex;
  }
  .visit-btn {
    margin-top: 16px;
  }
/* qr page button shadow */
a.fusion-button.button-flat.fusion-button-default-size.button-custom.fusion-button-default.button-2.fusion-button-default-span.fusion-button-default-type {
    box-shadow: 8px 9px 8px rgb(0 0 0 / 83%), -2px -2px 9px rgb(255 255 255 / 29%) !important;
}

/*global affilates popup */
.fusion-li-item {
  position: relative; /* Ensure proper positioning for the popover */
}

.fusion-li-item:hover::after {
  content: ""; /* Default content for hover */
  position: absolute;
  bottom: calc(70% + 10px); /* Position the popover above the item */
  left: 0; /* Center the popover relative to the item */
  transform: translateX(-40%); /* Adjust for horizontal centering */
  background-color: rgb(255, 255, 255); /* White background */
  border: 1px solid #b6d600 !important; /* Green border */
  color: #000000;
  font-family:"Barlow";
  font-size: 14px;
  padding: 10px;
  border-radius: 5px; /* Rounded corners */
  z-index: 5;
  width: 250px; /* Fixed width for consistency */
  text-align: center;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for effect */
	font-weight: 600;
}

.fusion-li-item:hover::before {
  content
      : "";
  position: absolute;
  bottom: 72%; /* Place arrow slightly below the popover box */
  left: 13px; 
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff; /* Arrow's border color (matches border) */
  z-index: 400;
 
}

/* Add specific content for each <li> */
.fusion-checklist .fusion-li-item:nth-child(1):hover::after {
  content: "CLARK Material Handling Company North America";
}
.fusion-checklist .fusion-li-item:nth-child(2):hover::after {
  content: "CLARK Material Handling Company Europe, Middle East, Africa";
}
.fusion-checklist .fusion-li-item:nth-child(3):hover::after {
  content: "CLARK Material Handling Company Brazil";
}
.fusion-checklist .fusion-li-item:nth-child(4):hover::after {
  content: "CLARK Material Handling Company Central and South America";
}
.fusion-checklist .fusion-li-item:nth-child(5):hover::after {
  content: "CLARK Material Handling Company China";
}
.fusion-checklist .fusion-li-item:nth-child(6):hover::after {
  content: "CLARK Material Handling Company South Korea";
}
.fusion-checklist .fusion-li-item:nth-child(7):hover::after {
  content: "CLARK Material Handling Company Vietnam";
}
.fusion-checklist .fusion-li-item:nth-child(8):hover::after {
  content: "CLARK Material Handling Company Australia and South Pacific";
}
@media screen and (max-width: 768px){
	.fusion-li-item:hover::after {
		    transform: translateX(0) !important;

	}
}