/****************************
 * Global style
*****************************/
/* Main sections */
.site-sticky {position:fixed; z-index:40; top:0; left:0; right:0;}
.site-header {position:relative; z-index:30;}
.site-content {position:relative; z-index:20;}
.site-footer {position:relative; z-index:10;}

/* Container */
.container, .container-small {
    position:relative; width:100%; max-width:calc(var(--bb-container) + var(--bb-gap-container) * 2);
    margin-right:auto; margin-left:auto;
    padding-right:var(--bb-gap-container); padding-left:var(--bb-gap-container);
}
.container-small {max-width:calc(var(--bb-container-small) + var(--bb-gap-container) * 2);}

/* Footer stick to bottom */
html, body {min-height:var(--bb-100vh);}
body {
    display:-webkit-box; display:-webkit-flex; display:-ms-flexbox; display:flex;
    -webkit-box-orient:vertical; -webkit-box-direction:normal; -webkit-flex-direction:column; -ms-flex-direction:column; flex-direction:column;
    -webkit-box-pack:justify; -webkit-justify-content:space-between; -ms-flex-pack:justify; justify-content:space-between;
}


/* Admin bar */
body.admin-bar [data-menu*="sticky"] {top:32px;}
@media screen and (max-width:782px) {
    html.has-admin-bar {margin-top:0 !important;}
    body.admin-bar [data-menu*="sticky"] {top:46px;}
}

/* Admin bar can cause conflict with Woocommerce Selector (select-2 dropdown) */
/* Move a little bit, equal with wp-admin bar height */
body.admin-bar .select2-container--open .select2-dropdown {margin-top:-32px;}


/****************************
 * Editor style
****************************/
p:empty {display:none;}

/* Button group */
p.bb-button-group {display:flex; flex-wrap:wrap; gap:8px 11px;}
p[style*="text-align:center"].bb-button-group,
p[style*="text-align: center"].bb-button-group {justify-content:center;}

/* Force white text color */
.txt_color_white {
    --bb-color-heading:var(--bb-color-white);
    --bb-color-permalink:var(--bb-color-white);
    --bb-color-permalink-highlight:var(--bb-color-white);
}

/* Button primary with text color white */
.txt_color_white [class*="btn_primary"] {
    --btn-color:#fff;
}


/* Text color */
.main_content .txt_color_primary,
.main_content .txt_color_green {color:var(--bb-color-primary);}

/* Text size */
.main_content .txt_16px {font-size:var(--bb-size-16);}

/* Text alignment */
.txt_inline_block {display:inline-block;}
.txt_right {text-align:right; display:block;}
.txt_center {text-align:center; display:block;}
.txt_italic {font-style:italic;}
.txt_center_justify {text-align:justify; -moz-text-align-last:center; text-align-last:center; display:block;}


/****************************
 * Spacing
****************************/
/* the last element in a text block will have no spacing */
.wpb_text_column :last-child {margin-bottom:0;}

/* Spacing: Custom */
.no-margin-bottom {margin-bottom:0 !important;}
.margin-bottom-default {margin-bottom:var(--bb-spacing-default) !important;}
.margin-bottom-heading {margin-bottom:var(--bb-spacing-heading) !important;}
.margin-bottom-190px {margin-bottom:var(--bb-spacing-190) !important;}
.margin-bottom-85px {margin-bottom:var(--bb-spacing-85) !important;}
.margin-bottom-45px {margin-bottom:var(--bb-spacing-45) !important;}
.margin-bottom-30px {margin-bottom:var(--bb-spacing-30) !important;}
.margin-bottom-20px {margin-bottom:var(--bb-spacing-20) !important;}
.margin-bottom-15px {margin-bottom:var(--bb-spacing-15) !important;}

.pt-default {padding-top:var(--bb-spacing-default);}
.pt-heading {padding-top:var(--bb-spacing-heading);}


/****************************
 * Miscellaneous
****************************/
/* Visibility Classes */
.hidden-mobile, .hidden-tablet-v, .hidden-tablet-h, .hidden-touch-devices {display:block;}
.show-mobile, .show-tablet-v, .show-tablet-h, .show-touch-devices {display:none;}

/* Placeholder */
body ::-webkit-input-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--bb-color-placeholder); transition:var(--bb-transition);}
body ::-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--bb-color-placeholder); transition:var(--bb-transition);}
body :-ms-input-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--bb-color-placeholder); transition:var(--bb-transition);}
body :-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--bb-color-placeholder); transition:var(--bb-transition);}

/* Loading (woocommerce selectors could be remove) */
.loading, .woocommerce .blockUI.blockOverlay, .woocommerce .loader {position:relative;}
.woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before,
.loading:before {
    content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;
    background-color:rgba(255, 255, 255, 0.7);
}
.loading:after,
body .xwc--pf-loader-overlay:after,
.woocommerce .blockUI.blockOverlay:after,
.woocommerce .loader:after {
    --loading-size:35px;
    content:""; position:absolute; top:50%; left:50%; z-index:3;
    width:var(--loading-size); height:var(--loading-size);
    margin:calc(-0.5 * var(--loading-size)) 0 0 calc(-0.5 * var(--loading-size));
    border-radius:50%; border:2px dashed transparent;
    border-bottom-color:var(--bb-color-primary);
    border-right-color:var(--bb-color-primary);
    animation:spinner .6s linear infinite;
    box-sizing:border-box;
}
@keyframes spinner {
    to {transform:rotate(360deg);}
}

/* Full width */
.bb-full-width {margin-left:calc(-1 * var(--bb-gap-side) - 0.5px); margin-right:calc(-1 * var(--bb-gap-side));}

/* Background color */
.bb-bg-gray {background-color:var(--bb-color-gray);}
.bb-bg-primary {background-color:var(--bb-color-primary); color:var(--bb-color-on-primary);}

/* A11y focus */
a:focus-visible,
button:focus-visible,
.a11y-focus:focus-visible {outline:2px solid var(--bb-color-primary); border-radius:3px; transition:none;}

/* disabled focus visible */
.a11y-disable a:focus-visible,
.a11y-disable button:focus-visible,
.a11y-disable:focus-visible {outline:none; border-radius:0;}

/* radius */
.bb-radius {overflow:hidden; border-radius:var(--bb-radius);}

/* text center mobile */
@media only screen and (max-width:767px) {
    .txt-center-mobile {text-align:center;}
}

/* text with blur layer */
.txt-with-blur-layer {position:relative;}
.txt-with-blur-layer:before {
    content:""; pointer-events:none;
    position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);
    width:calc(100% + 2 * var(--bb-gap-container)); height:120%; background:var(--bb-color-dark-blue);
    filter:blur(45px); opacity:.5;
}
.txt-with-blur-layer > * {position:relative; z-index:1;}