File: /var/www/html/triad-infosec/wp-content/plugins/fusion-builder/front-end/css/builder.css
.fusion-builder-live .fusion-child-sortables {
padding: 10px 20px;
}
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-multi-child-desc,
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-multi-child-button {
display: none;
}
.fusion-builder-live .fusion-child-sortables.has-dynamic-data .fusion-builder-sortable-children {
margin-top: 70px;
}
.fusion-builder-live .fusion-child-sortables.has-dynamic-data-no-children .fusion-builder-sortable-children {
display: none;
}
.fusion-builder-live .fusion-builder-all-elements-container,
.fusion-builder-live .fusion-builder-column-layouts-container {
position: relative;
}
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs,
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs {
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
scrollbar-width: thin;
margin-bottom: 0;
}
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar,
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar {
width: 6px;
}
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar-track,
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar-track {
background: var(--scroll-bg);
}
.fusion-builder-live .fusion-builder-all-elements-container .fusion-tabs::-webkit-scrollbar-thumb,
.fusion-builder-live .fusion-builder-column-layouts-container .fusion-tabs::-webkit-scrollbar-thumb {
background: var(--scroll-accent);
}
.fusion-builder-live .fusion-global span.fusion-global-tooltip {
background: var(--gray-dark);
position: absolute;
left: 50%;
margin: 0 auto;
color: var(--white);
font-size: 14px;
padding: 10px 20px;
border-radius: 5px;
font-weight: 200;
top: -50px;
white-space: nowrap;
display: none;
z-index: 9999;
transform: translateX(-50%);
}
.fusion-builder-live .fusion-global span.fusion-global-tooltip:before {
content: "\f0d7";
font-family: fusion-builder-icons;
width: 100%;
text-align: center;
position: absolute;
left: 0;
bottom: -10px;
font-size: 30px;
color: var(--gray-dark);
transition: color 0.1s ease;
}
.fusion-builder-live .fusion-global:hover span.fusion-global-tooltip {
display: block;
}
.fusion-builder-live .fusion-global:hover h4.fusion-page-layout-title:before,
.fusion-builder-live .fusion-global:hover h4.fusion_module_title:before {
color: var(--blue);
}
.fusion-builder-live .fusion-global h4.fusion-page-layout-title,
.fusion-builder-live .fusion-global h4.fusion_module_title {
position: relative;
width: 100%;
line-height: 16px;
}
.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
.fusion-builder-live .fusion-global h4.fusion_module_title:before {
content: "\f0ac";
font-family: fusion-builder-icons;
font-size: 16px;
color: var(--gray-light);
vertical-align: middle;
}
.ltr.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
.ltr.fusion-builder-live .fusion-global h4.fusion_module_title:before {
margin-right: 0.5em;
}
.rtl.fusion-builder-live .fusion-global h4.fusion-page-layout-title:before,
.rtl.fusion-builder-live .fusion-global h4.fusion_module_title:before {
margin-left: 0.5em;
}
.fusion-builder-live .fusion-global h4.fusion-page-layout-title .fusion-global-tooltip-wrapper,
.fusion-builder-live .fusion-global h4.fusion_module_title .fusion-global-tooltip-wrapper {
position: absolute;
width: 15px;
height: 16px;
top: 0;
}
.fusion-builder-live .fusion-builder-all-modules {
margin: 0;
padding: 10px 5px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
clear: both;
}
.fusion-builder-live .fusion-builder-all-modules li {
border: 1px solid var(--border-color);
background-color: var(--white);
text-align: center;
position: relative;
list-style-position: inside;
list-style-type: none;
cursor: pointer;
padding: 0 10px;
box-sizing: border-box;
margin: 7.5px;
width: 120px;
min-height: 110px;
align-items: center;
display: inline-flex;
justify-content: center;
flex-grow: 1;
border-radius: 4px;
transition: all 0.1s ease;
}
.fusion-builder-live .fusion-builder-all-modules li.spacer {
visibility: hidden;
height: 0 !important;
min-height: 0 !important;
margin-top: 0;
margin-bottom: 0;
padding: 0;
}
.fusion-builder-live .fusion-builder-all-modules li .fusion-module-icon,
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title:before {
transition: all 0.1s ease;
}
.fusion-builder-live .fusion-builder-all-modules li:hover {
border: 1px solid var(--blue);
}
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion-module-icon,
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules li:hover .fusion_module_title:before {
color: var(--blue);
}
.fusion-builder-live .fusion-builder-all-modules li .fusion-module-icon {
display: block;
width: auto;
height: auto;
font-size: 30px;
margin-bottom: 16px;
color: var(--gray-light);
transition: all 0.3s ease;
}
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title {
color: var(--gray-dark);
font-size: 14px;
font-weight: 400;
transition: all 0.1s ease;
}
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_title:before {
transition: all 0.1s ease;
}
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_label {
display: none;
}
.fusion-builder-live .fusion-builder-all-modules li .fusion_module_description {
display: none;
}
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li,
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li {
width: 300px;
text-align: left;
min-height: 70px;
padding: 0 25px;
justify-content: left;
cursor: pointer;
}
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li .fusion_module_title:before,
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li .fusion_module_title:before {
font-size: 25px;
right: 0;
}
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-special-list li .fusion_module_title .fusion-global-tooltip-wrapper,
.fusion-builder-live .fusion-builder-all-modules li.fusion-builder-library-list li .fusion_module_title .fusion-global-tooltip-wrapper {
width: 25px;
height: 25px;
right: 0;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element {
position: relative;
border-color: var(--border-color) !important;
background-color: var(--white) !important;
box-shadow: none !important;
cursor: auto;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion_module_title {
opacity: 0.5;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator .fusion-tooltip,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element .fusion-tooltip,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion-tooltip {
display: flex;
align-items: center;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 0;
color: var(--gray);
font-size: 14px;
padding: 10px;
border-radius: 5px;
font-weight: 200;
transition: opacity 0.2s ease 0.2;
text-align: center;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion_module_title,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion_module_title {
opacity: 0;
color: var(--gray);
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion-module-icon,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion-module-icon,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-module-icon {
color: var(--gray-light);
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-element-generator:hover .fusion-tooltip,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-disabled-element:hover .fusion-tooltip,
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-tooltip {
opacity: 1;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element {
cursor: pointer;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element .fusion_module_title {
opacity: 1;
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion_module_title {
opacity: 0;
color: var(--gray);
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-module-icon {
color: var(--gray-light);
}
.fusion-builder-live .fusion-builder-all-modules .fusion-builder-custom-tooltip-element:hover .fusion-tooltip {
opacity: 1;
}
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li {
border: 1px solid var(--border-color);
margin: 10px;
background-color: var(--white);
text-align: left;
position: relative;
list-style-position: inside;
padding-left: 20px;
padding-right: 20px;
list-style-type: none;
cursor: pointer;
box-sizing: border-box;
display: flex;
border-radius: 4px;
width: calc((100% - 60px ) / 3);
height: 54px;
min-height: 54px !important;
max-height: 54px !important;
transition: border-color 0.1s ease;
}
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover {
border-color: var(--blue);
}
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover h4 .fusion-page-layout-title:before,
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li:hover h4 .fusion_module_title:before {
color: var(--blue);
}
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li.fusion-global h4:before {
content: "\f0ac";
font-family: fusion-builder-icons;
font-size: 16px !important;
margin-right: 10px;
margin-left: 1px;
color: var(--gray-light);
vertical-align: middle;
}
.fusion-builder-live .fusion-builder-all-modules.fusion-builder-library-list li h4 {
line-height: 16px;
color: var(--gray) !important;
}
.fusion-builder-live .fusion-builder-sortable-children {
margin: 0;
padding: 0;
list-style: none;
}
.fusion-builder-live .fusion-builder-sortable-children .ui-sortable-placeholder {
background: var(--gray-bg) !important;
border: 1px dashed var(--border-color) !important;
visibility: visible !important;
box-shadow: none;
padding-left: 0;
padding-right: 0;
animation: none;
display: block;
height: 38px;
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle,
.fusion-builder-live .fusion-builder-sortable-children li {
border: 1px solid var(--border-color);
box-sizing: border-box;
box-shadow: 0 0 0 1px 2px 0 rgba(22, 29, 37, 0.1);
width: 100%;
border-radius: 4px;
margin: 0 0 10px;
cursor: move;
background-color: var(--white);
padding-left: 0;
line-height: 1.4;
margin-left: 0 !important;
text-align: right;
transition: box-shadow 100ms;
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle:hover,
.fusion-builder-live .fusion-builder-sortable-children li:hover {
box-shadow: 0 1px 3px 0 rgba(22, 29, 37, 0.14);
color: var(--gray);
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls,
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls {
display: inline-flex;
align-items: stretch;
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a,
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a {
padding: 0.9em;
display: block;
width: auto;
text-align: center;
text-decoration: none;
color: var(--gray-light);
box-sizing: content-box;
transition: color 0.1s ease;
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a:not(.fusion-builder-multi-setting-remove):hover,
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a:not(.fusion-builder-multi-setting-remove):hover {
color: var(--blue);
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .fusion-builder-controls a.fusion-builder-multi-setting-remove:hover,
.fusion-builder-live .fusion-builder-sortable-children li .fusion-builder-controls a.fusion-builder-multi-setting-remove:hover {
color: var(--failure);
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle .multi-element-child-name,
.fusion-builder-live .fusion-builder-sortable-children li .multi-element-child-name {
font-weight: 600;
padding: 0.7em 0.8em 0.7em 1em;
float: left;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
font-family: var(--family-stack);
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.ui-sortable-helper,
.fusion-builder-live .fusion-builder-sortable-children li.ui-sortable-helper {
transition: none;
}
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.fusion-dynamic-child .fusion-builder-multi-setting-remove,
.fusion-builder-live .fusion-builder-sortable-children li.fusion-dynamic-child .fusion-builder-multi-setting-remove,
.fusion-builder-live .fusion-builder-sortable-children .fusion-menu-item-handle.fusion-dynamic-child .fusion-builder-multi-setting-clone,
.fusion-builder-live .fusion-builder-sortable-children li.fusion-dynamic-child .fusion-builder-multi-setting-clone {
display: none;
}
.fusion-builder-live .fusion-builder-sortable-children li {
display: flex;
justify-content: space-between;
}
.fusion-builder-live .fusion-builder-add-predefined-multi-child,
.fusion-builder-live .fusion-builder-add-multi-child,
.fusion-builder-live .fusion-builder-add-multi-gallery-images {
display: flex;
align-items: center;
justify-content: center;
background: var(--blue);
padding: 8px 15px;
color: var(--white);
font-weight: 600;
border-radius: 3px;
font-family: var(--family-stack);
line-height: 26px;
clear: both;
margin-bottom: 20px;
margin-top: 30px;
width: 100%;
text-align: center;
text-decoration: none;
font-size: 14px;
transition: background-color 0.1s ease;
}
.fusion-builder-live .fusion-builder-add-predefined-multi-child .fusiona-plus,
.fusion-builder-live .fusion-builder-add-multi-child .fusiona-plus,
.fusion-builder-live .fusion-builder-add-multi-gallery-images .fusiona-plus,
.fusion-builder-live .fusion-builder-add-predefined-multi-child .add-sortable-child-text,
.fusion-builder-live .fusion-builder-add-multi-child .add-sortable-child-text,
.fusion-builder-live .fusion-builder-add-multi-gallery-images .add-sortable-child-text {
padding-right: 2.5px;
padding-left: 2.5px;
}
.fusion-builder-live .fusion-builder-add-predefined-multi-child:hover,
.fusion-builder-live .fusion-builder-add-multi-child:hover,
.fusion-builder-live .fusion-builder-add-multi-gallery-images:hover {
background-color: var(--blue-hover);
}
.fusion-builder-live .fusion-builder-add-predefined-multi-child,
.fusion-builder-live .fusion-builder-add-multi-gallery-images {
margin-top: 0;
}
.fusion-builder-live .fusion-builder-dialog .fusion-builder-main-settings .fusion-builder-all-elements-container {
padding: 0;
}
.fusion-builder-live.fusion-hide-all-tooltips .awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:after,
.fusion-builder-live.fusion-hide-all-tooltips .awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:before {
display: none;
}
.fusion-page-layout.fusion-resource {
height: auto !important;
flex-wrap: wrap;
max-height: none !important;
padding: 20px !important;
}
.fusion-page-layout.fusion-resource h4 {
margin-top: 0;
}
.fusion-page-layout.fusion-resource img {
max-width: 100%;
}
.fusion-page-layout.fusion-resource .fusion-builder-layout-button-load-dialog {
position: relative;
}
.fusion-page-layout.fusion-resource .fusion-builder-layout-button-load-dialog:hover .fusion-builder-load-template-dialog-container {
opacity: 1;
pointer-events: auto;
bottom: 75%;
}
#fusion-builder-layouts-studio-trigger .fusiona-avada-logo {
margin-right: 5px;
}
@keyframes rotate-logo {
0% {
transform: translate(-50%, -50%);
}
50% {
transform: translate(-50%, -50%) rotate(180deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
#fusion-builder-fusion_template-studio .studio-wrapper {
margin: 0 -20px;
}
.fusion-tab-content .studio-wrapper aside,
.fusion-builder-layouts-tab .studio-wrapper aside {
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
scrollbar-width: thin;
}
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar,
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar {
width: 6px;
}
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar-track,
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar-track {
background: var(--scroll-bg);
}
.fusion-tab-content .studio-wrapper aside::-webkit-scrollbar-thumb,
.fusion-builder-layouts-tab .studio-wrapper aside::-webkit-scrollbar-thumb {
background: var(--scroll-accent);
}
.fusion-tab-content .studio-wrapper section,
.fusion-builder-layouts-tab .studio-wrapper section {
flex-grow: 1;
background: var(--gray-bg);
width: calc(100% - 240px);
overflow-x: hidden;
overflow-y: auto;
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
scrollbar-width: thin;
padding-bottom: 50px;
}
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar,
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar {
width: 6px;
}
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar-track,
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar-track {
background: var(--scroll-bg);
}
.fusion-tab-content .studio-wrapper section::-webkit-scrollbar-thumb,
.fusion-builder-layouts-tab .studio-wrapper section::-webkit-scrollbar-thumb {
background: var(--scroll-accent);
}
.fusion-tab-content .awb-studio-not-reg,
.fusion-builder-layouts-tab .awb-studio-not-reg {
margin: 1em 15.4px;
color: var(--gray-dark);
}
.awb-import-options {
position: absolute;
left: 0;
right: 0;
bottom: 0;
background: var(--white);
border-top: 1px solid var(--border-color);
padding: 0;
z-index: 10;
width: 240px;
display: flex;
white-space: nowrap;
align-items: center;
justify-content: space-between;
overflow: hidden;
transition: width 0.2s;
transition-timing-function: ease-in-out;
}
.awb-import-options button {
background: transparent;
border: none;
padding: 19px 0;
font-size: 14px;
font-weight: 700;
color: var(--gray-dark);
cursor: pointer;
min-width: 240px;
font-family: "Noto Sans";
transition: color 0.1s ease-in-out;
}
.awb-import-options button:hover {
color: var(--blue);
}
.awb-import-options button .icon {
margin-right: 10px;
}
.awb-import-options .awb-import-options-group {
display: flex;
align-items: center;
padding: 0 20px;
column-gap: 30px;
margin: 0 auto;
opacity: 0;
transition: opacity 0.4s ease 0s;
}
.awb-import-options .awb-import-options-group .awb-import-option {
display: flex;
align-items: center;
column-gap: 15px;
}
.awb-import-options .awb-import-options-group .awb-import-option.awb-import-position {
display: none;
}
.awb-import-options .awb-import-options-group .awb-import-option label {
font-size: 0.85em;
color: var(--gray-light);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
}
.awb-import-options .awb-import-options-group .awb-import-option input {
cursor: pointer;
}
.awb-import-options .awb-import-options-group .awb-import-option input:hover ~ label i {
color: var(--gray-dark);
transition: all 0.1s ease-in-out;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button {
display: flex;
height: 40px;
background: var(--gray-bg);
border-radius: 4px;
font-size: 16px;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item {
width: 45px;
position: relative;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
position: relative;
color: var(--gray-light);
font-size: 1em;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label i {
font-size: 1.14em;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label:before {
content: attr(data-tooltip);
top: -33px;
background: var(--gray-dark);
color: var(--white);
border: 1px solid var(--gray-dark);
white-space: nowrap;
padding: 0.8em;
font-size: 0.65em;
text-transform: uppercase;
border-radius: 0.35em;
margin: 0;
z-index: 999999;
pointer-events: none;
left: 50%;
transform: translateX(-50%);
position: absolute;
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) 0.2s;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item label:after {
content: "";
border: 5px solid transparent;
border-top-color: var(--gray-dark);
z-index: 2;
pointer-events: none;
position: absolute;
top: -3px;
left: 50%;
transform: translateX(-50%);
opacity: 0;
visibility: hidden;
transition: all 0.2s cubic-bezier(0.21, 0.6, 0.35, 1) 0.2s;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
opacity: 0;
z-index: 10;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input:checked ~ label {
background: var(--blue);
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item input:checked ~ label i {
color: var(--white) !important;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:first-child label {
border-radius: 4px 0 0 4px;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:last-child label {
border-radius: 0 4px 4px 0;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:before {
top: -41px;
opacity: 1;
visibility: visible;
}
.awb-import-options .awb-import-options-group .awb-import-option .awb-option-button .awb-option-item:hover label:after {
top: -8px;
opacity: 1;
visibility: visible;
}
.awb-import-options a.awb-import-studio-item-in-preview {
background-color: var(--blue);
color: var(--white);
text-decoration: none;
font-size: 16px;
font-weight: 700;
padding: 10px 20px;
border-radius: 5px;
margin-right: 40px;
transition: all 0.4s ease-in-out;
opacity: 0;
display: none;
}
.awb-import-options a.awb-import-studio-item-in-preview:hover {
background-color: var(--blue-hover);
}
.awb-import-options .fusion-studio-preview-back {
display: none;
background: transparent;
border: none;
padding: 19px 0;
font-size: 14px;
font-weight: 700;
color: var(--blue);
cursor: pointer;
min-width: 240px;
font-family: var(--family-stack);
transition: color 0.1s ease-in-out;
}
.awb-import-options .fusion-studio-preview-back:hover {
color: var(--blue-hover);
}
.awb-import-options .fusion-studio-preview-back i {
margin-right: 10px;
}
.awb-import-options.open {
width: 100%;
overflow: visible;
}
.awb-import-options.open .awb-import-options-group,
.awb-import-options.open .awb-import-studio-item-in-preview {
opacity: 1;
}
.awb-import-options.open button {
color: var(--blue);
}
.awb-import-options.open .fusion-studio-preview-back {
display: block;
}
.awb-import-options.open .awb-import-options-toggle {
display: none;
}
.fusion-builder-layouts-tab .studio-wrapper .awb-import-options .awb-import-options-group .awb-import-position {
display: flex;
}
.fusion-builder-main-settings,
.fusion-builder-all-elements-container,
.fusion_builder_modal_settings {
height: inherit;
}
.fusion-builder-main-settings .fusion-tabs,
.fusion-builder-all-elements-container .fusion-tabs,
.fusion_builder_modal_settings .fusion-tabs,
.fusion-builder-main-settings .fusion-tab-content,
.fusion-builder-all-elements-container .fusion-tab-content,
.fusion_builder_modal_settings .fusion-tab-content,
.fusion-builder-main-settings .fusion-builder-column-layouts-container,
.fusion-builder-all-elements-container .fusion-builder-column-layouts-container,
.fusion_builder_modal_settings .fusion-builder-column-layouts-container,
.fusion-builder-main-settings .fusion-layout-tabs,
.fusion-builder-all-elements-container .fusion-layout-tabs,
.fusion_builder_modal_settings .fusion-layout-tabs,
.fusion-builder-main-settings .fusion-builder-layouts-tab,
.fusion-builder-all-elements-container .fusion-builder-layouts-tab,
.fusion_builder_modal_settings .fusion-builder-layouts-tab {
height: inherit;
}
.studio-wrapper {
margin: 0;
display: flex;
height: inherit;
position: relative;
}
.studio-wrapper aside {
padding: 20px;
min-width: 240px;
}
.studio-wrapper aside ul {
margin: 0;
padding: 0 0 40px 0;
list-style: none;
position: sticky;
top: 20px;
}
.studio-wrapper aside ul li {
display: flex;
justify-content: space-between;
border-radius: 6px;
padding: 11px 16px;
font-weight: bold;
font-size: 14px;
line-height: 18px;
color: var(--gray-dark);
cursor: pointer;
margin-bottom: 1px;
transition: all 0.3s ease-in-out;
}
.studio-wrapper aside ul li span {
color: var(--gray-light);
}
.studio-wrapper aside ul li:hover,
.studio-wrapper aside ul li.current {
background: var(--gray-bg);
color: var(--blue);
}
.studio-wrapper aside ul li:hover span,
.studio-wrapper aside ul li.current span {
color: var(--blue);
}
.studio-wrapper section {
flex-grow: 1;
background: var(--gray-bg);
width: calc(100% - 240px);
}
.studio-wrapper section .fusion-loader {
display: block;
background: var(--gray-bg);
z-index: 12554;
}
.studio-wrapper section ul {
list-style: none;
margin: 0;
padding: 20px 30px;
overflow: hidden;
column-count: 3;
column-gap: 20px;
width: 100%;
}
.studio-wrapper section ul > li {
background: var(--white);
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.1);
border-radius: 2px;
border: 2px solid transparent;
text-align: center;
width: 100%;
margin: 10px 0;
display: inline-block;
transition: all 0.3s ease-in-out;
cursor: pointer;
opacity: 1;
position: relative;
}
.studio-wrapper section ul > li:not(.awb-demo-page-link):hover {
border-color: var(--blue) !important;
}
.studio-wrapper section ul > li.hidden {
opacity: 0;
transform: translate3d(0, 40px, 0);
transition: all 0.3s ease-in-out;
}
.studio-wrapper section ul > li .preview {
position: relative;
background: var(--gray-bg);
}
.studio-wrapper section ul > li .preview:after {
font-family: fusion-builder-icons !important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
z-index: 0;
content: "\e971";
position: absolute;
top: 50%;
left: 50%;
font-size: 3em;
color: var(--success);
transform: translate(-50%, -50%);
}
.studio-wrapper section ul > li .preview.lazy-load img {
opacity: 0;
}
.studio-wrapper section ul > li .preview.lazy-loaded img {
opacity: 1;
}
.studio-wrapper section ul > li .preview.lazy-loaded:after {
display: none;
}
.studio-wrapper section ul > li img {
max-width: 100%;
height: auto;
transition: opacity 0.3s ease-in;
}
.studio-wrapper section ul > li .bar {
border-top: 1px solid var(--border-color);
font-weight: 600;
font-size: 14px;
line-height: 18px;
letter-spacing: -0.01em;
color: var(--gray-dark);
height: 50px;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 15px;
}
.studio-wrapper section ul > li .bar .fusion_module_title {
font-size: 13px;
white-space: nowrap;
overflow: hidden;
display: block;
text-overflow: ellipsis;
text-align: left;
padding-right: 0.5em;
}
.studio-wrapper section ul > li .bar .fusion-module-right {
display: flex;
}
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item {
position: relative;
}
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item .fusiona-plus {
width: 30px;
height: 30px;
font-size: 13px;
background: var(--gray-light);
display: flex;
padding: 1px 0 0 0;
box-sizing: border-box;
justify-content: center;
align-items: center;
border-radius: 100%;
color: var(--white);
transition: all 0.3s ease-in-out;
}
.studio-wrapper section ul > li .bar .fusion-module-right .awb-import-studio-item .fusiona-plus:hover {
background: var(--blue);
}
.studio-wrapper.fusion-studio-preview-active aside,
.studio-wrapper.fusion-studio-preview-active section {
display: none;
}
.studio-wrapper.fusion-studio-preview-active iframe {
width: 100%;
padding: 15px;
margin-bottom: 60px;
}
.studio-wrapper.fusion-studio-preview-active.loading section {
display: block;
}
.studio-wrapper.fusion-studio-preview-active.loading section .studio-imports {
display: none;
}
.studio-wrapper.fusion-studio-preview-active .awb-import-options .awb-import-studio-item-in-preview {
display: flex;
}
@media only screen and (min-width: 1900px) {
.studio-wrapper section ul {
column-count: 4;
}
}
@media only screen and (max-width: 800px) {
.studio-wrapper section ul {
column-count: 1;
}
}
.awb-sites-wrapper {
margin: 0 -20px;
}
.awb-sites-wrapper .site-details {
padding: 20px 30px;
}
.awb-sites-wrapper .studio-imports .bar .fusion_module_title {
text-align: center !important;
width: 100%;
}
.awb-sites-wrapper .studio-imports > li:hover {
border-color: var(--blue) !important;
}
.awb-sites-wrapper .awb-page-wrap {
display: flex;
align-items: flex-start;
}
.awb-sites-wrapper .awb-page-wrap img {
max-width: 100%;
height: auto;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages {
margin: 0 1.5em 0 0;
padding: 0;
background: var(--white);
flex-grow: 1;
column-count: 1;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li {
border-radius: 0;
display: flex;
padding: 0.5em 1em;
align-items: center;
margin: 0;
text-align: left;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li span {
flex: 1;
font-weight: bold;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .button {
background: var(--blue);
border-color: var(--blue);
color: var(--white);
visibility: hidden;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li:hover .button {
visibility: visible;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .awb-sites-preview {
margin-right: 3em;
word-spacing: 0.4em;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li .awb-sites-preview:hover {
color: var(--blue-hover);
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li.hidden {
display: none;
}
.awb-sites-wrapper .awb-page-wrap .awb-website-pages > li:not(:last-child) {
border-bottom: 1px solid var(--gray-bg);
}
.awb-sites-wrapper .vs-hidden {
visibility: hidden;
}
.awb-sites-wrapper .hidden {
display: none;
}
.awb-sites-wrapper .awb-sites-navigation {
display: flex;
justify-content: space-between;
align-items: center;
padding: 1em 0;
border-bottom: 1px solid var(--border-color);
}
.awb-sites-wrapper .fusion-builder-layouts-header-info {
margin: 1.5em 0;
}
.awb-sites-wrapper .fusion-builder-layout-info {
color: var(--gray);
}
.awb-sites-wrapper a {
color: var(--gray);
text-decoration: none;
}
.awb-sites-wrapper .awb-sites-title {
font-weight: bold;
color: var(--gray-dark);
}
.awb-sites-wrapper .awb-sites-back {
text-transform: uppercase;
font-weight: 600;
}
.awb-sites-wrapper .awb-sites-back span {
margin-right: 0.5em;
}
.awb-sites-wrapper .awb-sites-next {
background: var(--gray-bg);
color: var(--gray-dark);
padding: 0.4em 0.8em;
border-radius: 0.35em;
}
.awb-sites-wrapper .awb-sites-search-wrapper {
background-color: var(--gray-bg);
display: flex;
align-items: center;
padding: 0.35em 0.45em;
border-radius: 0.35em;
}
.awb-sites-wrapper .awb-sites-search-wrapper input {
background: transparent;
border: none;
box-shadow: none;
color: var(--gray);
min-height: 30px;
width: 100%;
padding: 0 0.25em;
outline: none;
}
.awb-sites-wrapper .awb-sites-search-wrapper span {
flex: 1 0 1em;
padding: 0 0.25em;
}
.awb-sites-wrapper .awb-sites-search-wrapper input::placeholder,
.awb-sites-wrapper .awb-sites-search-wrapper span {
color: var(--gray-light);
}
.awb-sites-wrapper .awb-sites-heading-secondary {
text-transform: uppercase;
color: var(--gray);
margin-top: 2.3em;
}
@media all and (max-width: 1340px) {
.awb-import-options .awb-import-options-group .awb-import-option label {
display: none;
}
.awb-import-options .fusion-studio-preview-back {
min-width: 140px;
}
}
.fusion-builder-live .fusion-builder-column-layouts li {
max-width: 200px;
width: 100%;
border: 1px dashed var(--border-color);
padding: 15px;
min-height: 20px;
display: block;
}
.fusion-builder-live .fusion-builder-column-layouts li .fusion-builder-column-previews {
display: flex;
align-items: center;
justify-content: center;
}
.fusion-builder-live .fusion-builder-column-layouts li .fusion-builder-column-sizes {
padding-top: 12px;
font-size: 12px;
font-weight: 700;
}
.fusion-builder-live .fusion-builder-column-layouts li .fusion_builder_layout_column {
height: 18px;
text-align: center;
padding: 15% 0;
display: inline-block;
float: left;
background: var(--gray-light);
color: var(--gray-light);
margin-right: 4%;
font-size: 12px;
box-sizing: content-box;
line-height: 18px;
border-radius: 4px;
transition: background-color 0.1s ease;
}
.fusion-builder-live .fusion-builder-column-layouts li .fusion_builder_layout_column:last-child {
margin-right: 0;
}
.fusion-builder-live .fusion-builder-column-layouts li:hover {
border: 1px solid var(--blue);
color: var(--blue);
}
.fusion-builder-live .fusion-builder-column-layouts li:hover .fusion_builder_layout_column {
background: var(--blue);
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-empty-section {
font-size: 24px;
line-height: 30px;
top: 50%;
margin-top: -15px;
text-align: center;
display: block;
width: 100%;
position: absolute;
color: rgba(0, 0, 0, 0.4);
}
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_1,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_fullwidth {
width: 100%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_1,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_1 {
width: 100%;
margin-left: 0;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_6,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_6 {
width: 13.3333%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-5_6,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_5_6 {
width: 82.6666%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_5,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_5 {
width: 16.8%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-2_5,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_2_5 {
width: 37.6%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-3_5,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_3_5 {
width: 58.4%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-4_5,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_4_5 {
width: 79.2%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_4,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_4 {
width: 22%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-3_4,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_3_4 {
width: 74%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_3,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_3 {
width: 30.6666%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-2_3,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_2_3 {
width: 65.3333%;
}
.fusion-builder-live .fusion-builder-column-layouts .fusion-builder-column-1_2,
.fusion-builder-live .fusion-builder-column-layouts .fusion_builder_column_layout_1_2 {
width: 48%;
}
.fusion-builder-live .fusion-builder-column-layouts .submit-columns {
float: right;
margin-left: 1em;
}
.fusion-builder-live .fusion-builder-column-layouts .column-bg-color {
position: absolute;
width: 0;
height: 0;
right: -1px;
bottom: -1px;
border-style: solid;
border-width: 0 0 16px 16px;
}
.fusion-builder-live [id$="fusion_shortcodes_text_mode"],
.fusion-builder-live [id$="fusion_shortcodes_text_mode"]:hover {
padding: 5px 8px !important;
color: var(--success);
}
.fusion-builder-live .mce-btn[aria-label="Avada Builder Element Generator"] i:before {
content: "\e971";
font-family: "fusion-builder-icons";
font-size: 18px;
color: var(--success);
}
/* Studio Import Modal */
.awb-admin-modal-wrap {
position: fixed;
top: 40%;
transform: translateY(-50%);
left: 0;
right: 0;
max-width: 600px;
margin: auto;
overflow: visible;
box-sizing: border-box;
z-index: 99999;
}
.awb-admin-modal-wrap.demo-import-in-progress .demo-update-form-wrap {
pointer-events: none;
}
.awb-admin-modal-inner {
max-height: 100%;
overflow-y: hidden;
border-radius: 5px;
background: var(--white);
}
.awb-admin-modal-content {
padding: 30px 20px;
border-left: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
color: var(--gray-dark);
}
.awb-admin-modal-content:after {
content: "";
display: table;
clear: both;
}
@media screen and (min-height: 851px) {
.awb-admin-modal-inner .demo-modal-thumbnail {
height: 300px;
}
}
.awb-admin-modal-corner-close {
display: block;
position: absolute;
top: -10px;
right: -10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
text-decoration: none;
color: var(--gray);
border-radius: 50%;
border: 1px solid var(--border-color);
background-color: var(--white);
}
.awb-admin-modal-corner-close:focus {
outline: none;
box-shadow: none;
}
.awb-admin-modal-corner-close .dashicons {
display: flex;
align-items: center;
justify-content: center;
width: 30px;
height: 30px;
font-size: 22px;
}
.awb-admin-modal-wrap .awb-studio-modal-title {
display: flex;
align-items: center;
margin: 0 -7.5px 20px -7.5px;
}
.awb-admin-modal-wrap .awb-studio-modal-title i {
margin: 0 7.5px;
color: var(--blue);
}
.awb-admin-modal-wrap .awb-studio-modal-title span {
margin: 0 7.5px;
}
.awb-admin-modal-wrap .awb-studio-modal-text {
line-height: 1.7;
}
.awb-admin-modal-status-bar {
height: 55px;
background-color: var(--blue);
position: relative;
}
.awb-admin-modal-status-bar-label {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
color: var(--white);
text-transform: capitalize;
}
.awb-admin-modal-status-bar-progress-bar {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
background-color: var(--blue-active);
}
.awb-modal-overlay {
width: 100%;
height: 100%;
position: fixed;
z-index: 9999;
background-color: rgba(0, 0, 0, 0.8);
top: 0;
left: 0;
}
.fusion-builder-module-settings .fusion-multiple-image-container {
display: flex;
flex-wrap: wrap;
margin: 10px -5px;
}
.fusion-builder-module-settings .fusion-multi-image {
align-items: center;
display: flex;
position: relative;
float: left;
margin: 5px;
padding: 5px;
border: 1px solid var(--border-color);
width: 100px;
}
.fusion-builder-module-settings .fusion-multi-image img {
max-height: 100%;
max-width: 100%;
aspect-ratio: 1.33333333;
object-fit: cover;
}
.fusion-builder-module-settings .fusion-multi-image-remove {
position: absolute;
top: 0;
right: 0;
background: var(--white);
color: var(--gray-dark);
cursor: pointer;
}
.fusion-builder-module-settings .fusion-multi-image-remove:hover {
color: var(--failure);
}
.fusion-builder-main-settings .fusion-builder-chart-button {
display: inline-block;
background: var(--blue);
padding: 8px 15px;
color: var(--white);
font-weight: 600;
border-radius: 3px;
font-family: var(--family-stack);
line-height: 26px;
clear: both;
margin-bottom: 20px;
margin-top: 20px;
width: 100%;
text-align: center;
text-decoration: none;
font-size: 14px;
transition: background-color 0.1s ease;
}
.fusion-builder-main-settings .fusion-builder-chart-button:hover {
background: var(--blue-hover);
}
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-column,
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-row {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
width: auto;
}
.fusion-builder-main-settings .fusion-builder-chart-button.fusion-table-builder-add-column {
margin-left: 10px;
margin-right: 10px;
}
.fusion-builder-main-settings .fusion-table-builder-chart {
/* Display color pickers based on selected chart type */
/* Styling */
}
.fusion-builder-main-settings .fusion-table-builder-chart#fusion-table-builder-chart-edit-table {
padding-bottom: 0;
}
.fusion-builder-main-settings .fusion-table-builder-chart#fusion-table-builder-chart-edit-table .fusion-builder-option {
border-bottom: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart,
.fusion-builder-main-settings .fusion-table-builder-chart input {
font-family: var(--family-stack);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info {
padding-top: 40px;
padding-bottom: 50px;
text-align: center;
border-bottom: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info h2 {
display: inline-block;
margin-left: 15px;
margin-right: 15px;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info .fusion-builder-chart-button {
background-color: var(--blue);
color: var(--white);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-layouts-header-info .fusion-builder-chart-button:hover {
background-color: var(--blue-hover);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-chart-bar {
padding-bottom: 40px;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table th {
font-weight: 400;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table .fusion-builder-option input {
margin-bottom: 0;
outline: none;
background: var(--white);
color: var(--gray-dark);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(2),
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(3),
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX thead tr:nth-child(4) {
display: table-row;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-2,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-3,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .th-4,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-2,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-3,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showX .td-4 {
display: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(2),
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(3),
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY thead tr:nth-child(4) {
display: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-2,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-3,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .th-4,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-2,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-3,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table.showY .td-4 {
display: table-cell;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder {
/* Color picker */
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table-wrap {
margin-top: 70px;
padding-left: 40px;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table {
margin-right: auto;
margin-left: auto;
border-collapse: collapse;
border-spacing: 0;
border-bottom: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table th,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table td {
border-top: 1px solid var(--border-color);
border-right: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tr:first-child .th-1 {
border-top: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tr:nth-child(2) .th-1,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table tbody {
border-left: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table input {
text-align: center;
border: none;
box-shadow: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha {
position: relative;
display: inline-block;
margin-right: 5px;
margin-left: 5px;
margin-top: 3px;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened {
overflow: visible;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened .fusion-builder-option-container {
display: block;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha.fusion-color-picker-opened.fusion-color-picker-flip .fusion-builder-option-container {
right: -10px;
left: auto;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-holder {
clear: both;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-container .iris-picker {
margin-top: 0;
border-left: none;
border-right: none;
border-bottom: none;
border-top: 1px solid var(--border-color);
width: 300px !important;
height: 170px !important;
box-shadow: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha input.button.button-small.wp-picker-clear,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-color-result {
display: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option.colorpickeralpha .wp-picker-input-wrap {
display: block !important;
width: 100% !important;
float: left;
position: relative;
margin-left: 0;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option-container {
position: absolute;
top: 30px;
left: -10px;
background: #fff;
z-index: 2;
box-shadow: 0 0 50px rgba(0, 0, 0, 0.3);
min-width: 300px;
border-radius: 5px;
display: none;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-option-container .fusion-builder-colorpicker-title {
display: block;
padding-left: 12px;
height: 37px;
line-height: 37px;
font-size: 11px;
color: var(--gray-light);
font-weight: 700;
letter-spacing: 1px;
text-align: left;
text-transform: uppercase;
background-color: var(--gray-bg);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker {
display: inline-block;
width: 25px;
height: 25px;
padding: 6px 5px 6px 7px;
border-radius: 50%;
margin-left: auto;
margin-right: auto;
background-size: 40%;
background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAAHnlligAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAHJJREFUeNpi+P///4EDBxiAGMgCCCAGFB5AADGCRBgYDh48CCRZIJS9vT2QBAggFBkmBiSAogxFBiCAoHogAKIKAlBUYTELAiAmEtABEECk20G6BOmuIl0CIMBQ/IEMkO0myiSSraaaBhZcbkUOs0HuBwDplz5uFJ3Z4gAAAABJRU5ErkJggg==");
text-decoration: none;
text-align: center;
color: var(--white);
font-size: 0.8em;
position: relative;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:before {
content: "";
display: block;
width: 25px;
height: 25px;
position: absolute;
background-color: inherit;
top: -1px;
left: -1px;
z-index: 1;
border-radius: 50%;
border: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span {
position: relative;
opacity: 0;
transition: opacity 0.1s ease;
pointer-events: none;
display: block;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span:before {
content: attr(aria-label);
top: -30px;
background: var(--gray-dark);
color: var(--white);
border: 1px solid var(--gray-dark);
white-space: nowrap;
padding: 10px;
font-size: 11px;
font-family: var(--family-stack);
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.05em;
border-radius: 4px;
margin: 0;
z-index: 200;
transition: all 0.2s ease 0.2s;
position: absolute;
left: 50%;
transform: translateX(-50%);
opacity: 0;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker span:after {
content: "";
border: 5px solid transparent;
border-top-color: var(--gray-dark);
top: 2px;
z-index: 2;
transition: all 0.2s ease 0.2s;
position: absolute;
left: 50%;
transform: translateX(-50%);
opacity: 0;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span {
opacity: 1;
z-index: 2;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span:before {
opacity: 1;
top: -50px;
transition: all 0.2s ease 0.2s;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-open-colorpicker:hover span:after {
top: -17px;
opacity: 1;
transition: all 0.2s ease 0.2s;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-color-picker-opened .fusion-builder-open-colorpicker span {
opacity: 1;
z-index: 2;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-colorpicker-icon {
border-radius: 0;
position: absolute;
top: 37px;
right: 0;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input.fusion-builder-color-picker-hex,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input.color-picker-placeholder {
border: none;
height: 40px;
border-radius: 5px;
text-align: left;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr > th,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > tbody > tr > td {
vertical-align: middle;
text-align: center;
padding: 0;
position: relative;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th {
height: 50px;
font-weight: 400;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr > th:first-child {
height: 35px;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > .th-2,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:nth-child(2) > th:first-child {
font-size: 12px;
text-transform: uppercase;
color: var(--gray-light);
letter-spacing: 1px;
font-weight: 700;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-2,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-3,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-4 {
min-width: 110px;
padding-left: 5px !important;
padding-right: 5px !important;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th input {
height: 48px;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 > div,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 > div.option-field {
clear: both;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 div.option-field .wp-picker-active {
float: left;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 input {
padding: 5px;
width: 50px;
height: 30px;
border: 1px solid var(--border-color);
background-color: var(--gray-bg);
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 input,
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table > thead > tr:first-child > th.th-1 strong {
display: inline-block;
margin-left: 2px;
margin-right: 2px;
}
.fusion-builder-main-settings .fusion-table-builder-chart.fusion-table-builder input {
height: 47px;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-column-options {
position: absolute;
top: -40px;
left: 0;
width: 100%;
padding: 6px 0;
text-align: center;
font-size: 16px;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-column-options .fusion-builder-table-delete-column {
cursor: pointer;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row {
display: block;
margin: 0;
position: absolute;
top: 50%;
left: -33px;
transform: translateY(-50%);
cursor: pointer;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-column {
transition: color 0.1s ease;
color: var(--gray-dark);
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-row:hover,
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-table-delete-column:hover {
color: var(--failure);
}
.fusion-builder-main-settings .fusion-table-builder-chart .option-field .fusion-colorpicker-container {
padding: 12px;
}
.fusion-builder-main-settings .fusion-table-builder-chart .option-field .fusion-colorpicker-container .wp-picker-input-wrap .wp-picker-clear {
position: absolute;
top: 4px;
right: 6px;
letter-spacing: 1px;
text-transform: uppercase;
color: var(--gray-light);
font-size: 11px;
height: 28px;
line-height: 28px;
border-radius: 4px;
background: var(--gray-bg);
display: block;
}
.fusion-builder-main-settings .fusion-table-builder-chart .fusion-builder-option .fusion-builder-option-container .fusion-colorpicker-container .fusion-colorpicker-icon {
border-radius: 0;
position: absolute;
top: 0;
right: 0;
left: auto;
box-shadow: rgba(0, 0, 0, 0.14) 1px 1px 4px 1px;
color: var(--white);
background: var(--blue);
}
.fusion-builder-main-settings .rtl .fusion-table-builder-chart.fusion-table-builder .fusion-builder-table {
margin-left: 0;
margin-right: 20px;
}
.fusion-builder-main-settings .rtl .fusion-table-builder-chart .fusion-builder-table-delete-row {
left: auto;
right: -35px;
}
.fusion-builder-option .fusion-dynamic-selection {
display: none;
}
.fusion-builder-option .fusion-dynamic-content {
display: none;
}
.fusion-builder-option .fusion-dynamic-content .fusion-builder-option {
width: 100%;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper {
padding: 0;
border: 1px solid var(--border-color);
border-radius: 4px !important;
box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.06);
background: var(--white);
transition: 0.2s all;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper:hover {
box-shadow: 0 1px 4px 2px rgba(0, 0, 0, 0.08);
transition: 0.2s all;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title {
margin: 0;
padding: 10px;
position: relative;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title h3 {
display: inline-block;
margin: 0 !important;
text-transform: capitalize;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove,
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-toggle-icon {
cursor: pointer;
font-size: 14px;
color: var(--gray-light);
max-width: 20px;
width: 100%;
text-align: center;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove:hover,
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-toggle-icon:hover {
color: var(--blue);
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-trash-o:hover {
color: var(--failure);
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-close-fb {
font-size: 11px;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-title .dynamic-remove.fusiona-close-fb:hover {
color: var(--blue);
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields {
padding: 30px 20px;
padding-top: 0;
margin: 0;
list-style: none;
display: none;
background: var(--gray-bg);
border-top: 1px solid var(--border-color);
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields .fusion-form-radio-button-set.ui-buttonset a.ui-button:not(.ui-state-active) {
background-color: var(--white);
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li {
margin: 26px 0 0 0;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-field input {
margin: 0;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-details h3 {
margin: 0 0 12px 0;
line-height: 1;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .option-details .description {
font-size: 12px;
color: var(--gray-light);
margin: 0 0 12px 0;
display: block;
}
.fusion-builder-option .fusion-dynamic-content .dynamic-wrapper .dynamic-param-fields > li .fusion-builder-option .select2-container .select2-selection {
box-shadow: 0 0 1px rgba(102, 113, 123, 0.26);
}
.fusion-builder-option[data-dynamic="true"] .fusion-dynamic-content {
display: block;
}
.fusion-builder-option[data-dynamic="true"] > .option-field.fusion-builder-option-container {
display: none;
}
.fusion-builder-option[data-dynamic-selection="true"] .fusiona-dynamic-data::before {
content: "\e904";
}
.fusion-builder-option[data-dynamic-selection="true"] > .option-field.fusion-builder-option-container,
.fusion-builder-option[data-dynamic-selection="true"] .fusion-dynamic-content {
display: none;
}
.fusion-builder-option[data-dynamic-selection="true"] .fusion-dynamic-selection {
display: block;
}
.fusion-builder-main-settings .fusion-widget-settings-form {
/** wp editor **/
/** text field **/
/** select field **/
/** label **/
}
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside {
margin: -24px -20px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form {
margin-bottom: 0;
}
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields .tribe > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields .tribe > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control .tribe > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content .tribe > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > div:not(.tribe),
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > div:not(.tribe),
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > div:not(.tribe),
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > div:not(.tribe),
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > p,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > p {
margin: 0;
padding: 24px 20px;
border-top: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields .tribe > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields .tribe > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control .tribe > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content .tribe > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > div:not(.tribe):first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > div:not(.tribe):first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > div:not(.tribe):first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > div:not(.tribe):first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .text-widget-fields > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .custom-html-widget-fields > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .media-widget-control > p:first-child,
.fusion-builder-main-settings .fusion-widget-settings-form .widget-inside .form .widget-content > p:first-child {
border-top: none;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media {
background: var(--white);
border: 1px solid var(--border-color);
padding: 6px;
height: auto;
line-height: normal;
font-weight: 600;
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media .wp-media-buttons-icon {
color: var(--blue);
margin: 0 3px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-media-buttons .add_media .wp-media-buttons-icon:before {
content: "\f03e";
font-family: "Font Awesome 5 Free";
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-tools .wp-editor-tabs .wp-switch-editor {
background: var(--white);
padding: 6px 15px;
border-radius: 4px 4px 0 0;
border-bottom: 0;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap.html-active .wp-editor-tabs .switch-html {
background: var(--gray-bg);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap.tmce-active .wp-editor-tabs .switch-tmce {
background: var(--gray-bg);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container {
border: 1px solid var(--border-color);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container:before {
box-shadow: none;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container {
border-bottom: none;
background: var(--gray-bg);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-listbox {
background: transparent;
border: none;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-listbox button {
color: var(--gray-dark);
border: 1px solid var(--border-color);
border-radius: 4px !important;
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
background: var(--white);
position: relative;
padding: 4px 8px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox) {
border-radius: 4px;
width: 28px;
height: 28px;
border: none;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox) button {
width: 100%;
height: 100%;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget:not(.mce-listbox):hover {
background: var(--white);
box-shadow: none;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn {
width: 43px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn button {
width: 28px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn .mce-open {
width: 15px;
padding: 0;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn .mce-open .mce-caret {
margin: 2px 1px 0 1px;
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-splitbtn:hover .mce-open {
border-left-color: var(--border-color);
}
.fusion-builder-main-settings .fusion-widget-settings-form .wp-editor-wrap .wp-editor-container .mce-container-body .mce-container .mce-container-body .mce-container .mce-widget.mce-active {
background: var(--blue) !important;
color: var(--white);
}
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"] {
height: 40px;
padding: 0 12px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 13px;
font-weight: 400;
color: var(--gray-dark);
background: var(--white);
outline: 0;
width: 100%;
font-family: var(--family-stack);
transition: border-color 0.1s ease;
}
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]:focus,
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]:hover {
border-color: var(--blue);
}
.fusion-builder-main-settings .fusion-widget-settings-form input[type="text"]::placeholder {
color: var(--gray-light);
}
.fusion-builder-main-settings .fusion-widget-settings-form select {
border: 1px solid var(--border-color);
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
cursor: pointer;
width: 100%;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
font-size: 13px;
font-weight: 400;
line-height: 40px;
color: var(--gray-dark);
border-radius: 4px;
min-height: 40px;
position: relative;
transition: all 0.1s ease;
-moz-appearance: none;
-webkit-appearance: none;
outline: none;
background: var(--white) url("data:image/svg+xml,%3Csvg width='9' height='5' viewBox='0 0 9 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.87498 0.399963L4.49998 3.02496L7.12498 0.399963L8.17498 0.924964L4.49998 4.59996L0.824982 0.924964L1.87498 0.399963Z' fill='%2393999F'/%3E%3C/svg%3E%0A") no-repeat right 12px top 50%;
}
.fusion-builder-main-settings .fusion-widget-settings-form label {
font-size: 14px;
line-height: 18px;
margin: 0 0 12px;
color: var(--gray-dark);
font-weight: bold;
display: block;
}
.awb-builder-nav-wrapper {
display: none;
height: 100%;
}
.awb-builder-nav-wrapper:first-child:last-child {
display: block;
}
.awb-navigator-toggle-containers {
display: inline-block;
transition: transform 250ms ease, padding-top 250ms ease, color 250ms ease;
color: var(--gray-dark);
margin-inline-end: 6px;
vertical-align: middle;
}
.awb-navigator-toggle-containers.awb-navigator-toggle-is-collapsed {
transform: rotate(-180deg);
padding-top: 0.1em;
}
.awb-navigator-toggle-containers:hover {
color: var(--blue);
}
/* Main Lists */
.awb-builder-nav {
overflow: auto;
height: 100%;
max-height: calc(100vh - 107px);
color: var(--gray-dark);
scrollbar-color: var(--scroll-accent) var(--scroll-bg);
scrollbar-width: thin;
margin-inline-end: 1px;
}
.awb-builder-nav::-webkit-scrollbar {
width: 6px;
}
.awb-builder-nav::-webkit-scrollbar-track {
background: var(--scroll-bg);
}
.awb-builder-nav::-webkit-scrollbar-thumb {
background: var(--scroll-accent);
}
.awb-builder-nav__empty-message-wrapper {
height: 100%;
display: flex;
align-items: center;
}
.awb-builder-nav__empty-message-wrapper > div {
width: 100%;
}
.awb-builder-nav__empty-icon {
text-align: center;
margin-bottom: 0.7em;
}
.awb-builder-nav__empty-icon i {
background: #198fd9;
padding: 15px;
font-size: 18px;
border-radius: 4px;
color: white;
margin: 0 auto;
display: inline-block;
box-shadow: 0 0 4px 1px rgb(0 0 0%);
}
.awb-builder-nav__empty-message-title {
font-size: 15px;
margin-bottom: 1em;
text-align: center;
font-weight: bold;
}
.awb-builder-nav__empty-message {
font-size: 13px;
text-align: center;
}
.awb-builder-nav__list-main,
.awb-builder-nav__list-submenu {
list-style-type: none;
min-height: 2px;
transition: min-height 250ms ease;
}
.awb-builder-nav__list-main {
padding: 0;
}
.awb-builder-nav__list-submenu {
padding-left: 0;
padding-right: 0;
position: relative;
}
.awb-builder-nav__list-item--collapsed:not(.awb-builder-nav__list-item--collapsing) > .awb-builder-nav__list-submenu {
display: none;
}
.awb-builder-nav__list-item--collapsed:not(.awb-builder-nav__list-item--collapsing) > .awb-builder-nav__add-inside {
display: none;
}
.awb-builder-nav__list-item--collapsed > .awb-builder-nav__item-header .awb-builder-nav__collapse-btn i {
transform: rotateZ(-90deg);
margin-inline-start: 1px;
}
/* No children styling. */
.awb-builder-nav__list-item:not(.awb-builder-nav__list-item--no-children) > .awb-builder-nav__add-inside {
display: none !important;
}
.awb-builder-nav__list-item--no-children-expanded > .awb-builder-nav__list-submenu {
min-height: 10px;
}
/* List Item styling. */
.awb-builder-nav__item-header,
.awb-builder-nav__add-inside {
display: flex;
align-items: baseline;
cursor: pointer;
padding-inline-start: 10px;
margin-inline-end: 1px;
}
.awb-builder-nav__item-header:hover,
.awb-builder-nav__add-inside:hover {
color: var(--blue);
background-color: var(--light-blue);
}
.awb-builder-nav__item-header:hover .awb-builder-nav__collapse-btn,
.awb-builder-nav__add-inside:hover .awb-builder-nav__collapse-btn {
color: var(--blue);
}
.awb-builder-nav__item-header--container,
.awb-builder-nav__item-header--special-container,
.awb-builder-nav__item-header--column {
font-weight: 600;
}
.awb-builder-nav__add-inside {
display: block;
font-size: 13px;
line-height: 1.8;
opacity: 0.8;
}
.awb-builder-nav__add-inside .awb-builder-nav__item-icon,
.awb-builder-nav__add-inside .awb-builder-nav__add-inside-text {
display: inline-flex;
}
.awb-builder-nav__item-icon {
margin-inline-end: 8px;
min-width: 26px;
display: flex;
justify-content: center;
}
.awb-builder-nav__item-name {
line-height: 2.2;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.awb-builder-nav__item-header--container .awb-builder-nav__item-name,
.awb-builder-nav__item-header--special-container .awb-builder-nav__item-name,
.awb-builder-nav__item-header--column .awb-builder-nav__item-name {
line-height: 2.4;
}
.awb-builder-nav__collapse-btn {
font-size: 1rem;
cursor: pointer;
-webkit-appearance: none;
background-color: transparent;
flex-shrink: 0;
border: 0;
text-align: center;
width: 26px;
margin-inline-end: 8px;
padding: 0;
align-self: stretch;
color: var(--gray-dark);
}
.awb-builder-nav__collapse-btn:hover {
background-color: var(--awb-builder-nav__item-hover-bg);
}
.awb-builder-nav__collapse-btn i {
display: block;
transition: transform 250ms ease, margin 250ms ease;
}
.awb-builder-nav__btn-spacer {
width: 26px;
margin-inline-end: 8px;
background-color: transparent;
flex-shrink: 0;
}
.awb-builder-nav__list-item--element .awb-builder-nav__btn-spacer {
display: none;
width: 0;
margin-inline-end: 0;
}
.awb-builder-nav__item-actions {
margin-inline-start: auto;
align-self: stretch;
display: none;
font-size: 14px;
padding-inline-end: 8px;
}
.awb-builder-nav__item-actions button {
background-color: transparent;
-webkit-appearance: none;
cursor: pointer;
border: 0;
color: var(--blue);
width: 26px;
padding: 0;
font-size: 13px;
text-align: center;
}
.awb-builder-nav__item-actions button:hover {
background-color: var(--awb-builder-nav__item-hover-bg);
}
.awb-builder-nav__item-header:hover .awb-builder-nav__item-actions {
display: flex;
}
.awb-builder-nav__item-header--column,
.awb-builder-nav__add-inside--container {
padding-inline-start: 24px;
}
.awb-builder-nav__item-header--element,
.awb-builder-nav__add-inside--column {
padding-inline-start: 62px;
}
.awb-builder-nav__item-header--nested-row {
padding-inline-start: 62px;
}
.awb-builder-nav__item-header--nested-column,
.awb-builder-nav__add-inside--nested-row {
padding-inline-start: 82px;
}
.awb-builder-nav__list-item--nested-column .awb-builder-nav__item-header--element,
.awb-builder-nav__list-item--nested-column .awb-builder-nav__add-inside--nested-column {
padding-inline-start: 120px;
}
/* Sortable placeholder */
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-name {
min-height: 3px;
background-color: #198fd9;
border-radius: 4px;
width: calc(100% - 20px);
margin-inline-start: -26px;
}
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-header--element .awb-builder-nav__item-name {
margin-inline-start: 0;
}
.awb-builder-nav__sortable-placeholder .awb-builder-nav__item-header--nested-row .awb-builder-nav__item-name {
margin-inline-start: -34px;
}
.awb-builder-nav__list-item.awb-builder-nav__item-is-placeholder {
opacity: 0.7;
background-color: rgba(25, 143, 217, 0.12);
}
.awb-builder-nav__list-item.awb-builder-nav__item-is-placeholder.awb-builder-nav__item-is-placeholder-over {
opacity: 1;
background-color: rgba(25, 143, 217, 0.15);
}
/* Loading Spinner */
.awb-builder-nav__loading-spinner-wrapper {
display: flex;
justify-content: center;
height: 100%;
align-items: center;
padding-bottom: 30%;
}
.awb-builder-nav__loading-spinner {
width: 60px;
height: 60px;
animation: awb-navigator-loading 1.2s infinite linear;
}
.awb-builder-nav__loading-spinner svg path {
fill: url("#SVG-loader-gradient-nav");
stroke: none !important;
}
/* RTL Styles */
.rtl .awb-builder-nav__list-item--collapsed > .awb-builder-nav__item-header .awb-builder-nav__collapse-btn i {
transform: rotateZ(90deg);
}
@keyframes awb-navigator-loading {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
#fusion-visibility-large {
width: 60px;
text-align: center;
padding: 8px 5px;
border: 1px solid var(--border-color);
border-radius: 4px;
font-size: 14px;
font-weight: 400;
color: var(--gray-dark);
background: var(--white);
outline: 0;
box-shadow: inset 0 0 1px rgba(102, 113, 123, 0.16);
cursor: not-allowed;
}
li[data-direction="row"] + li .fusion-form-radio-button-set a > span {
transform: rotate(-90deg);
}
li[data-direction="row"] + li.radio-buttonset a > span {
transform: rotate(-90deg);
}
.fusion-mapping > span {
display: none;
}
.fusion-mapping > span:first-child:last-child {
display: block;
}
.fusion-mapping > div {
margin: 10px 0 20px 0;
}
.fusion-mapping > div.hidden {
display: none;
}
.fusion-mapping > div .fusion-select-wrapper {
position: relative;
}
.fusion-mapping > div .fusion-select-wrapper:hover .fusiona-arrow-down {
color: var(--gray-dark);
}
.fusion-mapping > div .fusion-select-wrapper .fusiona-arrow-down {
display: block;
position: absolute;
top: 50%;
right: 12px;
transform: translateY(-50%);
pointer-events: none;
font-size: 14px;
line-height: 1;
color: var(--gray-light);
}
.fusion-mapping > div label {
margin-bottom: 3px;
display: block;
text-transform: capitalize;
}
.fusion-mapping > div select {
border: 1px solid var(--border-color);
box-shadow: 0 1px 1px rgba(102, 113, 123, 0.08);
cursor: pointer;
width: 100%;
max-width: 100%;
padding-left: 12px;
padding-right: 12px;
font-size: 13px;
font-weight: 400;
line-height: 40px;
color: var(--gray-dark);
border-radius: 4px;
min-height: 40px;
background: var(--white);
position: relative;
transition: all 0.1s ease;
-moz-appearance: none;
-webkit-appearance: none;
outline: 0;
}
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="align_self"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="hide_on_mobile"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-type="column_width"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing_small"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_spacing_medium"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="order_small"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="order_medium"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin_small"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="dimension_margin_medium"],
.post-card-editing [data-element="fusion_builder_column"] [data-option-id="render_logics"] {
display: none !important;
}