/****************************
 * Global style
*****************************/
body.top-spacing-default {padding-top:calc(var(--vii-header-height) + 10px);}
@media only screen and (max-width:1180px) {
    body.top-spacing-default {padding-top:calc(var(--vii-header-height) + 20px);}
}

/* 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; background:#fff;}
.site-footer {position:relative; z-index:10;}

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

/* Footer stick to bottom */
html, body {min-height: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;
}
/* keep this due to the header is sticky */
body:before {content:"";}


/****************************
 * Footer
****************************/
/* Footer text and permalink */
.site-footer-content {padding-top:var(--vii-spacing-60);}
.site-footer-content .wpb_text_column a {text-decoration:none;}
.site-footer-content .wpb_text_column a:not([class*="btn_"]):hover,
.site-footer-content .widget_nav_menu ul li a:hover {text-decoration:none; color:var(--vii-color-permalink-highlight);}


/* Footer rows and columns */
.footer-row.vc_row {display:flex; justify-content:space-between;}
.footer-row.vc_row:before, .footer-row.vc_row:after {display:none;}
.footer-row.vc_row > div {width:auto;}

/* Footer logo image */
.footer-logo a {height:58px; display:inline-block;}
.footer-logo a img {height:100%;}

/* Footer nav menu */
.footer-menu .widget_nav_menu ul {margin:0; list-style:none; min-width:180px;}
.footer-menu .widget_nav_menu ul li {margin:0; padding:0 0 0 12px; position:relative;}
.footer-menu .widget_nav_menu ul li:not(:last-child) {margin-bottom:var(--vii-spacing-10);}
.footer-menu .widget_nav_menu ul li:before {
    content:""; position:absolute; top:.75em; left:0;
    width:5px; height:5px; background:var(--vii-color-primary);
}
.footer-menu .widget_nav_menu ul li a {font-size:var(--vii-size-h5); font-weight:700;}

.footer-menu-inline .widget_nav_menu ul {margin:0; list-style:none; display:flex; flex-wrap:wrap; min-width:260px;}
.footer-menu-inline .widget_nav_menu ul li {padding:0;}
.footer-menu-inline .widget_nav_menu ul li:not(:last-child) {margin-right:32px;}

/****************************
 * Editor style
****************************/
/* Force white text color */
.txt_color_white {
    --vii-color-heading:var(--vii-color-white);
    --vii-color-heading-black:var(--vii-color-white);
    --vii-color-permalink:var(--vii-color-white);
    --vii-color-permalink-highlight:var(--vii-color-primary-highlight);
}

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

/* Text size */
.main_content .txt_50px {font-size:var(--vii-size-50); line-height:1.2;}
.main_content .txt_20px {font-size:var(--vii-size-20);}
.main_content .txt_16px {font-size:var(--vii-size-16);}
.main_content .txt_14px {font-size:var(--vii-size-14);}

/* Fonts */
.main_content .txt_font_primary {font-family:var(--vii-font-primary); font-weight:500;}
.main_content .txt_font_primary_bold {font-family:var(--vii-font-primary); font-weight:700;}
.main_content .txt_font_secondary {font-family:var(--vii-font-secondary); font-weight:400;}

/* 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(--vii-spacing-default) !important;}
.margin-bottom-120px {margin-bottom:var(--vii-spacing-120) !important;}
.margin-bottom-70px {margin-bottom:var(--vii-spacing-70) !important;}
.margin-bottom-60px {margin-bottom:var(--vii-spacing-60) !important;}
.margin-bottom-45px {margin-bottom:var(--vii-spacing-45) !important;}
.margin-bottom-30px {margin-bottom:var(--vii-spacing-30) !important;}
.margin-bottom-20px {margin-bottom:var(--vii-spacing-20) !important;}
.margin-bottom-15px {margin-bottom:var(--vii-spacing-15) !important;}
.margin-bottom-10px {margin-bottom:var(--vii-spacing-10) !important;}

.pb_120 {padding-bottom:var(--vii-spacing-120);}
.pt45 {padding-top:var(--vii-spacing-45);}
.pt60 {padding-top:var(--vii-spacing-60);}
.pb60 {padding-bottom:var(--vii-spacing-60);}
.pt20 {padding-top:var(--vii-spacing-20);}


/****************************
 * 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(--vii-color-placeholder);}
body ::-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--vii-color-placeholder);}
body :-ms-input-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--vii-color-placeholder);}
body :-moz-placeholder {font-family:inherit; font-weight:inherit; font-size:inherit; color:var(--vii-color-placeholder);}

/* Loading (woocommerce selectors could be remove) */
.loading {position:relative;}
.loading:before {
    content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:2;
    background-color:rgba(255, 255, 255, 0.3);
}
.loading: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(--vii-color-dark-black);
    border-right-color:var(--vii-color-dark-black);
    animation:spinner .6s linear infinite;
    box-sizing:border-box;
}
@keyframes spinner {
    to {transform:rotate(360deg);}
}

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

/* Background color */
.vii-bg-white {background-color:#fff;}
.vii-bg-gray {background-color:var(--vii-color-gray);}
.vii-bg-primary {background-color:var(--vii-color-primary); color:var(--vii-color-on-primary);}
.vii-bg-light-yellow {background-color:var(--vii-color-light-yellow);}
.vii-bg-dark-black {background-color:var(--vii-color-dark-black); color:var(--vii-color-white);}

/* Background noise */
body.home .site-content,
body.home .vii-bg-light-yellow,
body.home .vii-bg-primary,
body.home .vii-bg-noise {background-image:url(../images/noise-texture-200.png); background-attachment:fixed;}
.vii-bg-noise-after:after,
body:not(.home):after {
    content:""; pointer-events:none; opacity:.5;
    position:fixed; top:0; right:0; bottom:0; left:0; z-index:9999;
    background-image:url(../images/noise-texture-200.png);
}

/* A11y focus */
.a11y-focus:focus-visible {outline:2px solid var(--vii-color-primary); border-radius:3px;}