File: /home/marvidson/public_html/wp-content/plugins/bold-page-builder/css/structure.css
#bt_bb_sectionid {
.inside {
font-size: 12px;
line-height: 1.6;
padding: 0em 0;
margin: 0;
background-color: #fafafa;
overflow: hidden;
&:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
}
}
#bt_bb {
min-height: 4.8em;
> .bt_bb_item_list {
user-select: none;
color: $(fontColor);
> .bt_bb_wrap {
position: relative;
margin: 2em;
&.bt_bb_wrap_drag {
opacity: 0.8;
z-index: 999999;
box-shadow: 0 0 1.3em 0 rgba(0,0,0,.2);
}
> .bt_bb_item {
/* Section, level 0 */
/*margin: 2em 1.5em 2em 1.5em;*/
background-color: #fff;
min-height: 4.8em;
padding-bottom: .001rem;
/*border: 0.1em solid $(innerBorderColor);*/
border-radius: $(borderRadius);
box-shadow: 0 1px 6px 0px rgba(0,0,0,0.15);
> .bt_bb_toolbar {
border-bottom: 1px solid $(rowBorder);
border-radius: $(borderRadiusUp);
margin-bottom: -1px;
}
}
.bt_bb_item {
/* Row, level 1 */
cursor: pointer;
word-wrap: break-word;
border-radius: $(borderRadius);
min-height: 4.3em;
height: 100%;
&.bt_bb_toggled {
box-shadow: none;
}
&.bt_bb_item_alert {
box-shadow: 0 0 5px 1px rgba(255,0,0,.3);
}
&.bt_bb_drag {
opacity: 0.7;
z-index: 999999;
/*border: 0.1em dashed $(accentBright) !important;*/
box-shadow: 0 0 1.3em 0 rgba(0,0,0,0.2);
.bt_bb_toolbar_tools {
opacity: 0;
}
}
&.bt_bb_icon {
padding: 0 0 0 3.2em;
.rtl & {
padding: 0 3.2em 0 0;
}
&:before {
display: block;
position: absolute;
width: 2.4em;
height: 2.4em;
margin: 0;
background-color: $(iconCircle);
text-align: center;
font: normal 1.25em/2.4em bold-builder;
vertical-align: middle;
color: #fff;
border-radius: 50%;
content: ' ';
left: 0.6em;
top: 0.55em;
background-size: cover;
.rtl & {
left: auto;
right: 0.6em;
}
}
&.bt_bb_item_highlight:before {
background-color: $(accentColor) !important;
}
&.bt_bb_icon_bt_content:before {
display: none;
}
&.bt_bb_icon_bt_content {
padding-left: 0;
}
&.bt_bb_icon_bt_bb_accordion:before {
content: '\e901';
}
&.bt_bb_icon_bt_bb_accordion_item:before {
content: '\e901';
}
&.bt_bb_icon_bt_bb_button:before {
content: '\e902';
}
&.bt_bb_icon_bt_bb_countdown:before {
content: '\e903';
}
&.bt_bb_icon_bt_bb_counter:before {
content: '\e904';
}
&.bt_bb_icon_bt_bb_custom_menu:before {
content: '\e905';
}
&.bt_bb_icon_bt_bb_gmaps:before {
content: '\e910';
}
&.bt_bb_icon_bt_bb_gmaps_location:before {
content: '\e90f';
}
&.bt_bb_icon_bt_bb_leaflet_map:before {
content: '\e910';
}
&.bt_bb_icon_bt_bb_leaflet_map_location:before {
content: '\e90f';
}
/*&.bt_bb_icon_bt_bb_grid:before {
content: '\e908';
}*/
&.bt_bb_icon_bt_bb_grid_gallery:before {
content: '\e906';
}
&.bt_bb_icon_bt_header:before {
content: '\e90a';
}
&.bt_bb_icon_bt_bb_icons:before {
content: '\e90b';
}
&.bt_bb_icon_bt_bb_icon:before {
content: '\e90b';
}
&.bt_bb_icon_bt_bb_image:before, &.bt_bb_icon_bt_bb_content_slider_item:before {
content: '\e90c';
}
&.bt_bb_icon_bt_bb_row_inner:before {
content: '\e90d';
}
&.bt_bb_icon_bt_bb_latest_posts:before {
content: '\e90e';
}
&.bt_bb_icon_bt_bb_percentage_bar:before {
content: '\e911';
}
&.bt_bb_icon_bt_bb_price_list:before {
content: '\e912';
}
&.bt_bb_icon_bt_bb_hr:before {
content: '\e914';
}
&.bt_bb_icon_bt_bb_service:before {
content: '\e915';
}
&.bt_bb_icon_bt_bb_clients:before {
content: '\e917';
}
&.bt_bb_icon_bt_bb_slider:before, &.bt_bb_icon_bt_bb_content_slider:before {
content: '\e916';
}
&.bt_bb_icon_bt_bb_tabs:before {
content: '\e919';
}
&.bt_bb_icon_bt_bb_tab_item:before {
content: '\e919';
}
&.bt_bb_icon_bt_bb_text:before {
content: '\e91a';
}
&.bt_bb_icon_bt_bb_twitter:before {
content: '\e91b';
}
&.bt_bb_icon_bt_bb_twitter:before {
content: '\e91b';
}
&.bt_bb_icon_bt_bb_instagram:before {
content: '\e95a';
}
&:any(.bt_bb_icon_bt_bb_separator:before, .bt_bb_icon_bt_cc_separator:before) {
content: '\e914';
}
&.bt_bb_icon_bt_bb_headline:before {
content: '\e90a';
}
&.bt_bb_icon_bt_bb_cost_calculator_simple:before {
content: '\e967';
}
&.bt_bb_icon_bt_bb_cost_calculator:before {
content: '\e967';
opacity: 0.5;
}
&.bt_bb_icon_bt_bb_cc_element:before {
content: '\e967';
}
&.bt_bb_icon_bt_bb_cost_calculator_item:before {
content: '\e902';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_group:before, .bt_bb_icon_bt_cc_group:before) {
content: '\e965';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_multiply:before, .bt_bb_icon_bt_cc_multiply:before) {
content: '\e966';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_text:before, .bt_bb_icon_bt_cc_text:before) {
content: '\e960';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_slider:before, .bt_bb_icon_bt_cc_slider:before) {
content: '\e962';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_switch:before, .bt_bb_icon_bt_cc_switch:before) {
content: '\e961';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_cost_calculator_select:before, .bt_bb_icon_bt_cc_select:before) {
content: '\e964';
opacity: 0.5;
}
&.bt_bb_icon_bt_bb_video:before {
content: '\e956';
}
&.bt_bb_icon_bt_bb_masonry_post_grid:before {
content: '\e955';
opacity: 0.5;
}
&.bt_bb_icon_bt_bb_masonry_image_grid:before {
content: '\e908';
opacity: 0.5;
}
&:any(.bt_bb_icon_bt_bb_raw_content:before, .bt_bb_icon_bt_cc_raw_html:before) {
content: '\e94e';
}
&.bt_bb_icon_bt_bb_progress_bar:before {
content: '\e902';
}
&.bt_bb_icon_bt_bb_google_maps_location:before {
content: '\e90f';
}
&.bt_bb_icon_bt_bb_google_maps:before {
content: '\e910';
}
&.bt_bb_icon_bt_bb_contact_form_7:before {
content: '\e968';
}
&.bt_bb_icon_bt_bb_css_image_grid:before {
content: '\e96a';
}
&.bt_bb_icon_bt_bb_css_post_grid:before {
content: '\e955';
}
&.bt_bb_icon_hero_posts_bt_bb:before,
&.bt_bb_icon_bt_bb_hero_posts:before {
content: '\e908';
}
&.bt_bb_icon_bt_bb_shortcode:before {
content: '\e96d';
}
&.bt_bb_icon_bt_bb_bold_timeline:before {
content: '\e915';
}
}
&.bt_bb_image_preview[style*="url"] {
/*background-position: center;
background-repeat: no-repeat;
background-size: cover;*/
> .bt_bb_toolbar > .bt_bb_preview {
/*background-color: rgba(255,255,255,0.75);*/
/*padding: 0.5em;*/
margin: 0 -5px 0 0;
border-radius: 5px;
}
}
.bt_bb_item {
/* Column, level 2 */
.bt_bb_item {
&:after {
content: ' ';
display: table;
width: 100%;
clear: both;
}
.bt_bb_item {
/* Elements, level 3 */
background-color: #fff;
transition: box-shadow 300ms ease;
&:hover {box-shadow: 0 0 1em 0 rgba(0,0,0,0.2);}
> .bt_bb_toolbar ~ .bt_bb_horizontal[data-reactid] {
margin: 1em 1em 1em 1em;
padding: 1.25em 0;
width: calc(100% - 2em);
background-color: $(paleBgColor);
border-radius: 4px;
border: 1px solid #eee;
.bt_bb_toolbar_tools {
margin: 0 0 0 -10em;
}
}
&.bt_bb_icon > .bt_bb_toolbar ~ .bt_bb_horizontal[data-reactid] {
width: calc(100% + 0.6em);
}
.bt_bb_item[data-base="_content"] {
padding: 0;
&:before {display: none;}
.bt_bb_toolbar { padding-bottom: 0; }
}
}
}
.bt_bb_item .bt_bb_item {
> .bt_bb_toolbar ~ [data-reactid] {
/*margin: 0.2em 0 0 -3.2em;*/
margin: 0.2em 0 0 0;
clear: left;
&:empty {display: none !important;}
}
.bt_bb_item {
> .bt_bb_toolbar ~ [data-reactid] {
margin: 0;
clear: left;
}
.bt_bb_horizontal[data-reactid] {
margin: 1em 0;
}
}
}
.bt_bb_item .bt_bb_item.bt_bb_icon {
> .bt_bb_toolbar ~ [data-reactid] {
margin: .2em 0 1.5em -2em;
.rtl & {
/*margin: 0.2em -3.2em 0 0 ;*/
margin: .2em -2em 1.5em 0;
}
}
}
}
}
.bt_bb_wrap {
margin: 0;
border: none;
.bt_bb_wrap {
background-color: $(paleBgColor);
margin: 0 1em 1em;
border: 0.1em solid $(innerBorderColor);
box-sizing: border-box;
border-radius: $(borderRadius);
&.bt_bb_width.bt_bb_width2 {
width: 16.66%;
}
&.bt_bb_width.bt_bb_width3 {
width: 25%;
}
&.bt_bb_width.bt_bb_width4 {
width: 33.33%;
}
&.bt_bb_width.bt_bb_width8 {
width: 66.66%;
}
&.bt_bb_width.bt_bb_width9 {
width: 75%;
}
.bt_bb_wrap .bt_bb_wrap .bt_bb_wrap {
/*margin: 0 1em 1em -2.2em;*/
margin: 0 1em 1em 1em;
}
}
}
}
}
}
.bt_bb_toolbar {
.bt_bb_preview {
display: block;
line-height: 1.5;
overflow: visible;
width: 100%;
span {
word-break: break-all;
}
.bt_bb_item[data-base="bt_bb_column"] & {
min-height: 2em;
}
.bt_bb_item[data-base="bt_column"] & {
min-height: 2em;
}
.bt_bb_preview_strong {
font-weight: 700;
color: $(accentColor);
font-size: 1.1em;
}
&:empty {display: none;}
&:after {
display: table;
width: 100%;
clear: both;
content: ' ';
}
span {
display: inline-block;
&.bt_bb_preview_name {
position: relative;
font-size: 1.1em;
font-weight: 700;
.bt_bb_item[data-base="bt_bb_section"] > &,
.bt_bb_item[data-base="bt_section"] > & {
padding: 0 0 0 3em;
}
&:before {display: none;}
}
/*&.bt_bb_preview_normal:nth-child(3) {
clear: left;
&:before {display: none;}
}*/
&:not(.bt_bb_icon_preview):empty {display: none;}
&:before {
content: '/';
display: inline-block;
opacity: 0.5;
padding: 0 0.4em;
}
&.bt_bb_preview_strong:before {
color: #444;
font-weight: 400;
}
span:before {
display: none;
}
span.bt_bb_icon_preview {
&.bt_bb_icon_preview_fa {font-family: FontAwesome;}
&.bt_bb_icon_preview_fa5_brands {font-family: FontAwesome5Brands;}
&.bt_bb_icon_preview_fa5_regular {font-family: FontAwesome5Regular;}
&.bt_bb_icon_preview_fa5_solid {font-family: FontAwesome5Solid;}
&.bt_bb_icon_preview_s7 {font-family: Icon7Stroke;}
&:before {
display: block;
content: attr(data-icon-code);
font-family: inherit;
font-size: inherit;
font-weight: normal;
line-height: 1;
opacity: 1;
margin: 0;
padding: 0;
}
}
}
}
}
.bt_bb_horizontal {
display: table;
width: 100%;
height: 100%;
table-layout: fixed;
border-spacing: 1.5em 0;
padding-bottom: 1.5em;
&:empty {
margin-bottom: 0;
}
}
.bt_bb_width {
display: table-cell;
vertical-align: top;
}
.bt_bb_dialog_button.bt_bb_edit.button.button-small.bt_bb_button_export, .bt_bb_dialog_button.bt_bb_edit.button.button-small.bt_bb_button_import {
display: inline-block;
margin: 10px 5px 10px 5px;
}
#bt_bb_dialog .bt_bb_impex_input {
margin: 0px;
}
#bt_bb_dialog .bt_bb_filter {
margin: 0px;
.bt_bb_filter::-webkit-input-placeholder,
.bt_bb_filter::-moz-placeholder,
.bt_bb_filter:-ms-input-placeholder {
font-size: inherit;
}
}
.bt_bb_add_filter_container {
padding: 1em;
}
.bt_bb_add_filter_container .bt_bb_filter {
width: 100%;
font-size: 1.2em;
padding: 0.5em 1em;
border: 1px solid #fff;
transition: all 500ms ease;
}
#bt_bb_dialog.bt_bb_dialog_sc_mapper_container {
width: 900px;
}
.bt_bb_marker, #bt_bb > .bt_bb_item_list > .bt_bb_wrap > .bt_bb_item.bt_bb_marker {
opacity: 1;
&.bt_bb_marker_up {box-shadow: 0 -0.7em 0.8em 0.2em $(dragColor);}
&.bt_bb_marker_down {box-shadow: 0 0.7em 0.8em 0.2em $(dragColor);}
&.bt_bb_marker_left {box-shadow: -0.7em 0 0.2em $(dragColor);}
&.bt_bb_marker_right {box-shadow: 0.7em 0 0.2em $(dragColor);}
&.bt_bb_marker_inside {box-shadow: inset 0 0 3em 0.2em $(dragColor);}
}
.bt_bb_hidden {
height: 0;
overflow: hidden;
}
.bt_bb_hidden div, .bt_bb_hidden span {
position: static !important;
}
.bt_bb_hidden .mce-top-part:before {
display: none;
}
.bt_bb_item_list .bt_bb_wrap .bt_bb_wrap .bt_bb_item[data-container="vertical"] {
height: 100%;
}
.bt_bb_toggled {
overflow: hidden;
background-color: $(foldedColor) !important;
opacity: .5;
height: 39px !important;
}
.bt_bb_toolbar {
background-position: top right;
.rtl & {
background-position: top left;
}
background-repeat: no-repeat;
background-size: 4.5em auto;
}
.bt_bb_dialog_custom_css .bt_bb_dialog_content, .bt_bb_dialog_custom_css .bt_bb_dialog_item {
padding: 0 !important;
}
.bt_bb_custom_css_content {
font-family: monospace;
tab-size: 4;
}