.role-administrator .wrap--header,
.role-administrator .wrap--content,
.role-editor .wrap--header,
.role-editor .wrap--content {
    position:relative;    
    display:block;
}

/*changes in bananas*/
/*show border around paragraph on hover*/
.bananas-field-paragraph-wrapper.editor-permissions:hover {
  border: 3px solid rgba(240, 185, 60, 1);
  background-color:rgba(240, 185, 60, 0.1);
  z-index:6000;
  position:relative;
  border-collapse:collapse;
  margin:-3px;
    outline:none;

}
.bananas-field-paragraph-wrapper.paragraph-wrapper--widget.editor-permissions:hover,
.bananas-field-paragraph-wrapper.paragraph-wrapper--component.editor-permissions:hover{
  border: 3px solid rgba(250, 135, 35, 1);
  background-color:rgba(250, 135, 35, 0.1);
  outline-offset: 0px;
  z-index:1000;
  position:relative;
    border-collapse:collapse;
  margin:-3px;
  outline:none;

}

.bananas-field-paragraph-wrapper.paragraph-wrapper--column.editor-permissions:hover{
  border: 3px solid rgba(250, 110, 80, 1);
  background-color:rgba(250, 110, 80, 0.1);
  outline:none;
  outline-offset: 23px;
  z-index:4000;
  position:relative;
    border-collapse:collapse;
  margin:-3px;

}
.bananas-field-paragraph-wrapper.paragraph-wrapper--row.editor-permissions:hover {
  border: 3px solid rgba(0, 180, 190, 1);
  background-color:rgba(0, 180, 190, 0.1);
  outline-offset: 46px;
  z-index:3000;
  position:relative;
    border-collapse:collapse;
  margin:-3px;
  outline:none;

}
.bananas-field-paragraph-wrapper.paragraph-wrapper--section.editor-permissions:hover{
  border: 3px solid rgba(95, 165, 90, 1);
  background-color:rgba(95, 165, 90, 0.1);
  outline-offset: 67px;
  z-index:2000;
  position:relative;
    border-collapse:collapse;
  margin:-3px;
  outline:none;

}


.bananas-field-paragraph-wrapper .paragraph-type {
    top: 0px;
    left: 0px;
    
 }
 
 .bananas-field-paragraph-wrapper.paragraph-wrapper--section > .paragraph-bananas-actions > .paragraph-type {top:-68px;left:-3px;}
.bananas-field-paragraph-wrapper.paragraph-wrapper--row > .paragraph-bananas-actions > .paragraph-type {top:-46px;left:-3px}
.bananas-field-paragraph-wrapper.paragraph-wrapper--column > .paragraph-bananas-actions > .paragraph-type {top:-23px;left:-3px}
.bananas-field-paragraph-wrapper.paragraph-wrapper--component > .paragraph-bananas-actions > .paragraph-type {bottom:-22px;left:-3px;top:auto;}
.bananas-field-paragraph-wrapper.paragraph-wrapper--widget > .paragraph-bananas-actions > .paragraph-type {bottom:-22px;left:-3px;top:auto;}


/*temporary disabled megamenus for first round of editing website via backoffice*/
/*#megamenu {display:none;}*/