/**
 * @author Chris Board - Boardies IT Solutons
 * @description Creates a 3-dot context menu on tables, <p> tags and heading tags (e.g. h1, h2 etc).
 * @copyright (c) Boardies IT Solutions - December 2017
 */

.context-menu, td.context-menu, p.context-menu, h1.context-menu, h2.context-menu, h3.context-menu, h4.context-menu, h5.context-menu
{
    cursor: pointer;
}

section.pre-bnr p.context-menu.share {
  width:40px;
  text-align:center;
}
section.pre-bnr p.context-menu:hover {
  color:gray;
}
body.bc-white-nav section.pre-bnr p.context-menu:hover {
  color:rgba(255,255,255,.7);
}
div.cmenu-wrap {
  position:relative;
  display:inline-block;
}
.context-menu.caret-down::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    content: "\f107";
    padding-left: 5px;
    cursor: pointer;
    pointer-events: all;
}
.context-menu.share::after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 600;
    font-style: normal;
    content: "\f1e0";
    cursor: pointer;
    pointer-events: all;
  font-size:18px;
}
span.context-menu {
  position:relative;
  display:inline-block;
}
.context-menu.info-sign::before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-style: normal;
    content: "\f05a";
    padding-left: 5px;
    cursor: pointer;
    pointer-events: all;
}
.context-menu.abstract.info-sign {
  width:25px;
}
.context-menu.abstract.info-sign::before {
  font-size:1.4rem;
  position:absolute;
  top:0;
  right:0;
  line-height:24px;
}

td.context-menu:after
{
    float: right;
}

p.contextMenu:after > span
{
    margin: 0 !important;
    padding: 0 !important;
}

h1.context-menu:after,h2.context-menu:after,h3.context-menu:after,h4.context-menu:after,h5.context-menu:after
{
    margin-left: 30px;
}

.context-menu-container
{
background-color: white;
    z-index: 1000 !important;
    position: absolute;
    display: none;
    min-width: 90px;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.context-menu-container .cm-title {
    display: block;
    line-height: 2rem;
    color: black;
    font-size: .8rem;
    padding: 0 15px;
    font-weight: bold;
}
.context-menu-container ul
{
    margin: 0;
    padding: 0 0 5px 0;
    list-style-type: none;
}

.context-menu-container ul > li {
  padding: 0;
  cursor: pointer;
  line-height:2.0rem;
}
.context-menu-container ul > li a,
.context-menu-container ul > li span {
  padding: 0 15px;
  display:block;
  font-size: 0.8rem;
  color:black;
  width:100%;
}
.context-menu-container ul > li a.curr {
  color:gray;
}

.context-menu-container ul > li a:hover {
    background-color: #e3e3e3;
  text-decoration:none;
}
.context-menu-container ul > li a.curr:hover {
    background-color: white;
  cursor:not-allowed;
}


/* Pre-banner > Share */

#context-menu-share ul li a {
  min-width:120px;
  position:relative;
  padding:0 15px 0 60px;
  line-height:35px;
}
#context-menu-share ul li a img {
  position:absolute;
  top:5px;
  left:15px;
  width:25px;
  height:25px;
}