File: //proc/self/cwd/wp-content/plugins/bold-page-builder/css/front_end/sections.css
.bt_bb_wrapper {
overflow: hidden;
position: relative;
}
.bt_bb_section {
position: relative;
/* Height, vertical aligment & boxed */
&.bt_bb_full_screen > .bt_bb_port {min-height: 100vh;}
> .bt_bb_port {
display: flex;
flex-flow: row nowrap;
.rtl {
flex-flow: row-reverse nowrap;
}
justify-content: center;
align-items: center;
.bt_bb_cell {
position: relative;
}
}
&.bt_bb_vertical_align_bottom > .bt_bb_port {align-items: flex-end;}
&.bt_bb_vertical_align_top > .bt_bb_port {align-items: flex-start;}
/* /Height and vertical aligment */
/* Background image */
&[style*="background-image"] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
/* Overlay */
&[class*="bt_bb_background_overlay"] {
&:before {
content: ' ';
pointer-events: none;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
}
.bt_bb_cell {
position: relative;
z-index: 1;
}
}
&[class*="dark_stripes"]:before {
background-image: linear-gradient(
to right top,
transparent 33%,
rgba(0,0,0,0.75) 33%,
rgba(0,0,0,0.75) 66%,
transparent 66%
);
background-size: 3px 3px;
background-repeat: repeat;
}
&[class*="light_stripes"]:before {
background-image: linear-gradient(
to right top,
transparent 33%,
rgba(255,255,255,0.5) 33%,
rgba(255,255,255,0.5) 66%,
transparent 66%
);
background-size: 3px 3px;
background-repeat: repeat;
}
&[class*="light_solid"]:before { background-color: rgba(255,255,255,1); }
&[class*="dark_solid"]:before { background-color: rgba(0,0,0,1); }
&[class*="dark_gradient"]:before { background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 75%, rgba(0,0,0,1) 100%); }
&[class*="light_gradient"]:before { background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 25%, rgba(255,255,255,0) 75%, rgba(255,255,255,1) 100%); }
/* /Overlay */
/* Spacing */
&.bt_bb_top_spacing_extra_small > .bt_bb_port {padding-top: 0.5em;}
&.bt_bb_top_spacing_small > .bt_bb_port {padding-top: 1em;}
&.bt_bb_top_spacing_normal > .bt_bb_port {padding-top: 2em;}
&.bt_bb_top_spacing_medium > .bt_bb_port {padding-top: 4em;}
&.bt_bb_top_spacing_large > .bt_bb_port {padding-top: 8em;}
&.bt_bb_top_spacing_extra_large > .bt_bb_port {padding-top: 16em;}
&.bt_bb_bottom_spacing_extra_small > .bt_bb_port {padding-bottom: 0.5em;}
&.bt_bb_bottom_spacing_small > .bt_bb_port {padding-bottom: 1em;}
&.bt_bb_bottom_spacing_normal > .bt_bb_port {padding-bottom: 2em;}
&.bt_bb_bottom_spacing_medium > .bt_bb_port {padding-bottom: 4em;}
&.bt_bb_bottom_spacing_large > .bt_bb_port {padding-bottom: 2em;}
&.bt_bb_bottom_spacing_extra_large > .bt_bb_port {padding-bottom: 16em;}
/* Background video MP4 */
&.bt_bb_video {
overflow: hidden;
padding-bottom: 0;
> video {
display: block;
position: absolute;
z-index: 1;
left: 0;
right: 0;
bottom: 0;
top: 0;
min-width: 100%;
max-width: inherit;
min-height: 100%;
transform: none;
}
.bt_bb_port {
position: relative;
z-index: 2;
}
}
}
/* Row / Grid related */
.bt_bb_row {
margin: 0 -$(horizontalPadding)px;
.bt_bb_column {
display: flex;
flex-flow: column nowrap;
/*.bt_bb_layout_boxed & {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
}*/
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
&.bt_bb_vertical_align_top {justify-content: flex-start;}
&.bt_bb_vertical_align_middle {justify-content: center;}
&.bt_bb_vertical_align_bottom {justify-content: flex-end;}
&[style*="background-image"] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
&.bt_bb_padding_double {
.bt_bb_column_content {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
}
}
&.bt_bb_padding_text_indent {
.bt_bb_column_content {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
> .bt_bb_image {
margin-left: -$(horizontalPadding)px;
margin-right: -$(horizontalPadding)px;
img {
display: block;
width: 100%;
height: auto;
}
}
}
}
.bt_bb_column_content {
width: 100%;
}
}
}
.bt_bb_row_inner {
margin: 0 -$(horizontalPadding)px;
.bt_bb_column_inner {
display: flex;
flex-flow: column nowrap;
/*.bt_bb_layout_boxed & {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
}*/
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
&.bt_bb_vertical_align_top {justify-content: flex-start;}
&.bt_bb_vertical_align_middle {justify-content: center;}
&.bt_bb_vertical_align_bottom {justify-content: flex-end;}
&[style*="background-image"] {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
&.bt_bb_padding_double {
.bt_bb_column_inner_content {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
}
}
&.bt_bb_padding_text_indent {
.bt_bb_column_inner_content {
padding-left: $(horizontalPadding)px;
padding-right: $(horizontalPadding)px;
> .bt_bb_image {
margin-left: -$(horizontalPadding)px;
margin-right: -$(horizontalPadding)px;
img {
display: block;
width: 100%;
height: auto;
}
}
}
}
.bt_bb_column_inner_content {
width: 100%;
}
}
}
.bt_bb_column,.bt_bb_column_inner {
:rightAlignSelector { text-align: right; }
:leftAlignSelector { text-align: left; }
:centerAlignSelector {text-align: center; }
}
.bt_bb_cell {
width: 100%;
.bt_bb_layout_boxed & {
width: $(gutterWidth)px;
max-width: calc(100% - math($(horizontalPadding) * 2)px);
}
}
@for i in 600, 700, 800, 900, 1000, 1100, 1200, 1300, 1400, 1500, 1600 {
.bt_bb_layout_boxed_#(i) .bt_bb_cell {
width: #(i)px;
max-width: calc(100% - math($(horizontalPadding) * 2)px);
}
}
.bt_bb_row {
&.bt_bb_column_gap_extra_small {
max-width: calc(100% + 0.5em);
margin-left: -0.25em;
margin-right: -0.25em;
.bt_bb_column {
padding-left: 0.25em;
padding-right: 0.25em;
}
}
&.bt_bb_column_gap_small {
max-width: calc(100% + 1em);
margin-left: 0.5em;
margin-right: -0.5em;
.bt_bb_column {
padding-left: 0.5em;
padding-right: 0.5em;
}
}
&.bt_bb_column_gap_normal {
max-width: calc(100% + 2em);
margin-left: -1em;
margin-right: -1em;
.bt_bb_column {
padding-left: 1em;
padding-right: 1em;
}
}
&.bt_bb_column_gap_medium {
max-width: calc(100% + 4em);
margin-left: -2em;
margin-right: -2em;
.bt_bb_column {
padding-left: 2em;
padding-right: 2em;
}
}
&.bt_bb_column_gap_large {
max-width: calc(100% + 8em);
margin-left: -4em;
margin-right: -4em;
.bt_bb_column {
padding-left: 4em;
padding-right: 4em;
}
}
}
@for i in 0, 5,10,15,20,25,30,35,40,45,50,60,70,80,90,100 {
.bt_bb_row {
&.bt_bb_column_gap_#(i) {
max-width: calc(100% + math(#(i) * 2)px);
margin-left: -#(i)px;
margin-right: -#(i)px;
.bt_bb_column {
padding-left: #(i)px;
padding-right: #(i)px;
&.bt_bb_padding_double {
.bt_bb_column_content {
padding-left: math(#(i) * 2)px;
padding-right: math(#(i) * 2)px;
}
}
}
}
}
}
@for i in 0, 5,10,15,20,25,30,35,40,45,50,60,70,80,90,100 {
.bt_bb_row_inner {
&.bt_bb_column_inner_gap_#(i) {
max-width: calc(100% + math(#(i) * 2)px);
margin-left: -#(i)px;
margin-right: -#(i)px;
.bt_bb_column_inner {
padding-left: #(i)px;
padding-right: #(i)px;
&.bt_bb_padding_double {
.bt_bb_column_inner_content {
padding-left: math(#(i) * 2)px;
padding-right: math(#(i) * 2)px;
}
}
}
}
}
}
html:not( .bt_bb_touch ) .bt_bb_parallax {
min-height: 650px;
transition-property: background-position;
transition-duration: 0;
transition-delay: 0;
background-attachment: fixed;
transform: translate3d(0px, 0px, 0px);
-moz-transform: none;
html[data-useragent*="Edge"] & {
transform: none;
}
.bt_bb_section[style*="background-image"]& { /*background-size: 100% auto;*/ }
}
.bt_bb_section.bt_bb_bottom_spacing_large > .bt_bb_port {
padding-bottom: 2em !important;
}