/* Flexible Content Popup Icon Styles */
[data-name='layout_editor'] .acf-actions .acf-fc-popup,
[data-name='flexible_content_editor'] .acf-actions .acf-fc-popup {
    visibility: hidden;
}

[data-name='layout_editor'] .values .acf-fc-popup,
[data-name='flexible_content_editor'] .values .acf-fc-popup {
    visibility: visible;
}

.acf-tooltip.acf-fc-popup {
    width: 80% !important;
    height: auto !important;
    top: 25% !important;
    padding: 1rem;
    border-radius: 10px;
    box-shadow: 1px 1px 3px 2px #000;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    display: block !important;
    position: fixed !important;
    background: #333739 !important;
    z-index: 9999;
}

.acf-tooltip.acf-fc-popup:before {
    content: '';
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: rgba(0, 0, 0, 0.15);
}

.acf-tooltip.acf-fc-popup ul {
    columns: 3;
    -webkit-columns: 3;
    -moz-columns: 3;
}

.acf-tooltip.acf-fc-popup ul li {
    border: none !important;
}

.acf-tooltip.acf-fc-popup ul li a {
    padding: 0.75rem;
    font-size: 1.4rem;
}

.acf-fc-popup li a:before {
    font: normal 26px/1 'dashicons';
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.75rem;
}

body.hide-popup .acf-fc-popup {visibility: hidden !important;}

/* Flexible Content Field Area Icons Styles */
.layout .layout {
    display: table;
    width: 100%;
}

.layout [data-toggle='open'] {
    display: block;
}

.layout .acf-fc-layout-handle {
    height: auto !important;
    display: block !important;
    width: auto !important;
}

[data-name='flexible_content_editor'] > .acf-input > .acf-flexible-content > .values > .layout > .acf-fc-layout-handle {
    color: rgba(0, 0, 0, 0) !important;
}

.layout .acf-fc-layout-handle span {
    width: auto;
}

.layout .acf-fc-layout-handle span:before {
    font: normal 24px/0.9 'dashicons' !important;
    display: inline-block !important;
    margin-left: -4px;
    visibility: visible;
    vertical-align: middle;
}

.layout .layout .acf-fc-layout-handle .acf-fc-layout-order {
    visibility: hidden;
}

.layout.-collapsed .acf-fc-layout-handle {
    display: table-cell !important;
    height: 60px !important;
    font-size: 1.05rem;
    color: #444;
    text-align: center;
    vertical-align: middle;
    width: 100% !important;
}

.layout.-collapsed .acf-fc-layout-handle span {
    float: none;
    margin: auto;
    display: inline;
    margin-right: -3px;
}

.layout.-collapsed .acf-fc-layout-handle span:before {
    display: inline-block;
    font: normal 24px/1 'dashicons' !important;
    color: #444;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    vertical-align: middle;
    position: absolute;
    transform: translateX(-22px) translateY(-2px);
    -moz-transform: translateX(-22px) translateY(-2px);
    -webkit-transform: translateX(-22px) translateY(-2px);
}

/* Icon Definitions for Various Fields */
.acf-fc-popup [data-layout='wp_query']:before,
.layout [data-layout='wp_query'] .acf-fc-layout-handle span:before {
    content: '\f325';
}

.acf-fc-popup [data-layout='meta']:before,
.layout [data-layout='meta'] .acf-fc-layout-handle span:before,
.acf-fc-popup [data-layout='query_filter']:before,
.layout [data-layout='query_filter'] .acf-fc-layout-handle span:before {
    content: '\f536';
}

.acf-fc-popup [data-layout='code']:before,
.layout [data-layout='code'] .acf-fc-layout-handle span:before {
    content: '\f308';
}

.acf-fc-popup [data-layout='featured_image']:before,
.layout [data-layout='featured_image'] .acf-fc-layout-handle span:before {
    content: '\f306';
}

.acf-fc-popup [data-layout='post_title']:before,
.layout [data-layout='post_title'] .acf-fc-layout-handle span:before {
    content: '\f537';
}

.acf-fc-popup [data-layout='excerpt']:before,
.layout [data-layout='excerpt'] .acf-fc-layout-handle span:before {
    content: '\f122';
}

.acf-fc-popup [data-layout='social_sharing']:before,
.layout [data-layout='social_sharing'] .acf-fc-layout-handle span:before {
    content: '\f237';
}

.acf-fc-popup [data-layout='field_content']:first-of-type:before,
.layout [data-layout='field_content'] .acf-fc-layout-handle span:first-of-type:before {
    content: '\f502';
}

.acf-fc-popup [data-layout='standard_content']:before,
.layout [data-layout='standard_content'] .acf-fc-layout-handle span:before {
    content: '\f476';
}

.acf-fc-popup [data-layout='tabs']:before,
.layout [data-layout='tabs'] .acf-fc-layout-handle span:before {
    content: '\f318';
}

.acf-fc-popup [data-layout='accordions']:before,
.layout [data-layout='accordions'] .acf-fc-layout-handle span:before {
    content: '\f163';
}

.acf-fc-popup [data-layout='panels']:before,
.layout [data-layout='panels'] .acf-fc-layout-handle span:before {
    content: '\f138';
}

.acf-fc-popup [data-layout='popups']:before,
.layout [data-layout='popups'] .acf-fc-layout-handle span:before {
    content: '\f504';
}

.acf-fc-popup [data-layout='progress_bar']:before,
.layout [data-layout='progress_bar'] .acf-fc-layout-handle span:before {
    content: '\f344';
}

.acf-fc-popup [data-layout='gallery']:before,
.layout [data-layout='gallery'] .acf-fc-layout-handle span:before {
    content: '\f306';
}

.acf-fc-popup [data-layout='oembed']:before,
.layout [data-layout='oembed'] .acf-fc-layout-handle span:before {
    content: '\f236';
}

.acf-fc-popup [data-layout='map']:before,
.layout [data-layout='map'] .acf-fc-layout-handle span:before {
    content: '\f230';
}

.acf-fc-popup [data-layout='slider']:before,
.layout [data-layout='slider'] .acf-fc-layout-handle span:before {
    content: '\f169';
}

.acf-fc-popup [data-layout='parallax_area']:before,
.layout [data-layout='parallax_area'] .acf-fc-layout-handle span:before {
    content: '\f155';
}

.acf-fc-popup [data-layout='table']:before,
.layout [data-layout='table'] .acf-fc-layout-handle span:before {
    content: '\f509';
}

.acf-fc-popup [data-layout='spacer']:before,
.layout [data-layout='spacer'] .acf-fc-layout-handle span:before {
    content: '\f211';
}

.acf-fc-popup [data-layout='post_manager']:before,
.layout [data-layout='post_manager'] .acf-fc-layout-handle span:before {
    content: '\f123';
}

.acf-fc-popup [data-layout='recent_posts']:before,
.layout [data-layout='recent_posts'] .acf-fc-layout-handle span:before {
    content: '\f109';
}

.acf-fc-popup [data-layout='widget_area']:before,
.layout [data-layout='widget_area'] .acf-fc-layout-handle span:before {
    content: '\f111';
}

/* Query Filter Elements */
.acf-fc-popup [data-layout='search']:before,
.layout [data-layout='search'] .acf-fc-layout-handle span:before {
    content: '\f179';
}

.acf-fc-popup [data-layout='date']:before,
.layout [data-layout='date'] .acf-fc-layout-handle span:before {
    content: '\f508';
}

.acf-fc-popup [data-layout='taxonomy']:before,
.layout [data-layout='taxonomy'] .acf-fc-layout-handle span:before {
    content: '\f203';
}

.acf-fc-popup [data-layout='sorting']:before,
.layout [data-layout='sorting'] .acf-fc-layout-handle span:before {
    content: '\f503';
}

.acf-fc-popup [data-layout='reset']:before,
.layout [data-layout='reset'] .acf-fc-layout-handle span:before {
    content: '\f531';
}
