/*=====================================
MODAL-PINS.JS STYLING
=====================================*/

.cbPin {
    z-index: 4;
    position: absolute;
    top: 10%;
    left: 50%;
    font-size: 30px;
}

.cbPinlabel {
  position: absolute;
  background: white;
  width: 20rem;
  border-radius: .5rem;
  padding: 1rem;
  top: calc(100% + 1rem);
  left: 50%;
  transform: translate(-50%);
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
  text-align: center;
  font-size: 14px;
  max-width: 200px;
}

.cbPinlabel:before {
   content: "";
   display: block;
   width: 0;
   height: 0;
   border-left: 12px solid transparent;
   border-bottom: 12px solid #ffffff;
   border-right: 12px solid transparent;
   position: absolute;
   top: -12px;
   left:50%;
   margin-left:-12px;
}

.cbPin.rc-edit .cbPinlabel,
.cbPin:hover .cbPinlabel {
   opacity:1;
   visibility:visible;
}
.cbPintitle{
   font-weight:700;
   color:black!important;
}
.cbPintext{
   color:black!important;
}