/*
 Theme Name:     Dynamic Divi Child Theme for Bright Home
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Dynamic Divi Child Theme Divi Child Theme - Bright Home
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */
<!--/* Tooltip container */-->
   .tooltip {
      position: relative;
      display: inline;
      /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    }
 
    
    /* Tooltip text */
    .tooltip .tooltiptext {
      visibility: hidden;
      width: 160px;
      background-color: rgb(204, 229, 255);
      color: rgb(8, 0, 0);
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
     
      /* Position the tooltip text - see examples below! */
      position: absolute;
      z-index: 1;
      top: 100%;
  	  left: 50%;
  	  margin-left: -60px;
    }
    
    /* Show the tooltip text when you mouse over the tooltip container */
    .tooltip:hover .tooltiptext {
      visibility: visible;
    }

<!--/* Tooltip container Decktop */-->
    #desktop .tooltip {
      position: relative;
      display: inline;
      /*border-bottom: 1px dotted black; /* If you want dots under the hoverable text */
    }


    /* Tooltip text */
    #desktop .tooltip .tooltiptext {
      visibility: hidden;
      width: 160px;
      background-color: rgb(204, 229, 255);
      text-align: center;
      padding: 5px 0;
      border-radius: 6px;
    
      /* Position the tooltip text */      
      
      position: absolute;
      z-index: 1;
      top: 100%;
      left: 50%;
      margin-left: -60px;    
    }
    /* Position the tooltip Top arrow*/
    #desktop .tooltip .tooltiptext::after {
      content: "";  
      position: absolute;
      bottom: 100%;  /* At the top of the tooltip */
      left: 50%;
      margin-left: -5px;
      border-width: 5px;
      border-style: solid;
      border-color: transparent rgb(204, 229, 255) transparent transparent;
    }
    /* Show the tooltip text when you mouse over the tooltip container */
    #desktop .tooltip:hover .tooltiptext {
      visibility: visible;
    }