/*WPBakery*/

/* Show "Edit Weberall Block" link on hover when admin is logged in. Weberall Block can be Template/Header/Menu etc. */
.weberall-edit-controls {
    position: absolute;
    z-index: 1002;
    top: calc(40px + 5.5%);
    left: 12%;
    background-color: #50C878;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border-radius: 3px;
    visibility: hidden;
    opacity: 0;
}
/*The following nth-of-type 2 and 3 are used 'Listing / Archive / Related' element when default, initial and other templates are used which takes to each template edit page. It shows the links on top of each other. */
.weberall-edit-controls:nth-of-type(2) {
    top: calc(85px + 5.5%);
}
.weberall-edit-controls:nth-of-type(3) {
    top: calc(130px + 5.5%);
}
.weberall-edit-controls a {
    text-decoration: none !important;
    width: auto !important;
    font-size: 12px !important;
    font-family: "Open Sans",Helvetica,sans-serif;
    color: #fff !important;
    line-height: 16px !important;
    padding: 13px 4px !important;
    display: block;
}
.weberall-edit-controls .weberall-btn-content {
    font-size: 11px;
}
.weberall-edit-controls .weberall-btn-content {
    padding-left: 7px;
}
/* The first selector works for submenus and the second for the rest of blocks. */
.weberall-element-container:hover > .weberall-edit-controls, .weberall-element-container:hover > * > .weberall-edit-controls {
    visibility: visible;
    opacity: 1;
}
.weberall-edit-controls i.vc-composer-icon {
    font-size: 15px;
}
.listing-archive-related, .weberall-next-post-block { /* "LISTING / ARCHIVE / RELATED" element needs position relative to use edit controls popup's position:absolute as this element is inheriting any other type of position to stop the popup appear on top of this element as it shows at the top of the page. */
    position: relative !important;
}



/* Edit with WPBakery Page Builder */

/* "Edit with WPBakery Page Builder" for menu_li element as edit options goes behind row edit options */
.compose-mode .vc_element:hover > .weberall-nav-li ~ .vc_controls, .compose-mode .vc_element:hover > .weberall-advanced-button-container ~ .vc_controls {
    position: absolute;
}