.bhhelp-image img{
  width: 100%;
}

li.bhhelp-image {
  position: relative;
}

li.bhhelp-wrapper {
  width: 23.6%;
  display: inline-table;
  position: relative;
  margin-right: 1%;
}

.bhhelp-wrapper .category {
  color: white;
  padding: 1%;
  text-align: center;
  position: absolute;
  bottom: -19px;
  width: 98%;
  background-color: #4A4A4A;
}

li.bhhelp-title {
  text-align: center;
  font-size: 15px;
  padding-top: 18px;
}

.hphelp-url { text-align: center; }

.hphelp-url a {
  background-color: red;
  margin: 0 20%;
  text-align: center;
  color: white;
  text-decoration: none;
  font-size: 17px;
  line-height: 200%;
  padding: 3px 15px;
}

input.regular-text.maxwidth {
  width: 100%;
}

.custom-variable-field {
  width: 48%;
  display: inline-block;
}

.bh-help-video-wrapper li {
  border-right: 1px solid #dbdbdb;
  padding: 2px 10px;
  line-height: 250%;
  display: inline;
}

.bh-help-video-wrapper li:last-child {
  border-right: none;
}

.bh-help-video-wrapper li a {
  color: green;
  text-decoration: none;
  font-size: 15px;
}

.bhhelp-wrapper a {
  text-decoration: none;
}


@media all {
  .lightbox { display: none; }
}

@media(max-width: 768px){
  .fl-page h1 span { display: block; }
}


.bh-header-help {
  float: right;
  padding- right: 15px;
  padding-top: 5px;
  margin: 0;
  font-size: 12px;
}

.icon-moon-wrapper {
    text-align: left;
    margin: 5px 0 25px 0;
}













/*** CSS FOR VISUAL EDITOR BUTTON **/

.bhshortcode-popup {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.26);
}

.bhshortcode-body {
    background: white;
    width: 300px;
    margin: 16% auto;
    padding: 15px 15px 30px 15px;
    text-align: center;
    position: relative;
}

.bhshortcode-body .dashicons-no {
    position: absolute;
    right: -2px;
    top: -2px;
}

.bhshortcode-body .dashicons-no {
    position: absolute;
    right: -10px;
    top: -10px;
    background: rgba(0, 0, 0, 0.62);
    border-radius: 50%;
    color: white;
    padding: 2px;
    cursor: pointer;
}

#bh-add-shortcode,
#bh-shortcode-next-step {
    margin-left: 10px;
    height: 26px;
}

.form-section {
  display: none;
}

.form-section.current {
  display: inline;
}

.form-navigation {
    margin: 10px 0 15px 0;
}