/*********************************** * General ***********************************/ body:not(.single-post) .post-content > p, footer.site-footer > p, .header-wrapper > p {display: none;} @media (min-width: 960px) { #page-header .remove-menu-padding > .row-container > .row-parent > .vc_row:first-child .uncont { padding-top: 0px !important; } } @media (max-width:959px) {.nivo-lightbox-content {overflow: auto; -webkit-overflow-scrolling: touch;}} .nivo-lightbox-theme-default .nivo-lightbox-close {background-position: 0 0 !important;} /*********************************** * Font Size in rem unit ***********************************/ html {font-size: 62.5%;} .fontsize-1_2rem { font-size: 1.2rem; } .fontsize-1_4rem { font-size: 1.4rem; } .fontsize-1_5rem { font-size: 1.5rem; } .fontsize-1_6rem { font-size: 1.6rem; } .fontsize-1_7rem { font-size: 1.7rem; } .fontsize-1_9rem { font-size: 1.9rem; } .fontsize-2_1rem { font-size: 2.1rem; } .fontsize-2_4rem { font-size: 2.4rem; } .fontsize-2_9rem { font-size: 2.9rem; } .fontsize-3_5rem { font-size: 3.5rem; } .fontsize-4_2rem { font-size: 4.2rem; } .fontsize-4_8rem { font-size: 4.8rem; } .fontsize-5_6rem { font-size: 5.6rem; } .fontsize-7rem { font-size: 7.0rem; } .fontsize-10rem { font-size: 10rem; } .fontsize-15rem { font-size: 15rem; } .fontsize-1_2rem_min { font-size: clamp(1.2rem, 1.25vw, 1.8rem); } .fontsize-1_4rem_min { font-size: clamp(1.4rem, 1.458333333vw, 2.1rem); } .fontsize-1_5rem_min { font-size: clamp(1.5rem, 1.5625vw, 2.25rem); } .fontsize-1_6rem_min { font-size: clamp(1.6rem, 1.666666667vw, 2.4rem); } .fontsize-1_7rem_min { font-size: clamp(1.7rem, 1.770833333vw, 2.55rem); } .fontsize-1_9rem_min { font-size: clamp(1.9rem, 1.979166667vw, 2.85rem); } .fontsize-2_1rem_min { font-size: clamp(2.1rem, 2.1875vw, 3.15rem); } .fontsize-2_4rem_min { font-size: clamp(2.4rem, 2.5vw, 3.6rem); } .fontsize-2_9rem_min { font-size: clamp(2.9rem, 3.020833333vw, 4.35rem); } .fontsize-3_5rem_min { font-size: clamp(3.5rem, 3.645833333vw, 5.25rem); } .fontsize-4_2rem_min { font-size: clamp(4.2rem, 4.375vw, 6.3rem); } .fontsize-4_8rem_min { font-size: clamp(4.8rem, 5vw, 7.2rem); } .fontsize-5_6rem_min { font-size: clamp(5.6rem, 5.833333333vw, 8.4rem); } .fontsize-7-10rem_min { font-size: clamp(6.666rem, 6.944444444vw, 10rem); } .fontsize-8-12rem_min { font-size: clamp(8rem, 8.333333333vw, 12rem); } .fontsize-10-15rem_min { font-size: clamp(10rem, 10.41666667vw, 15rem); } /* Tablet Font Size */ @media (max-width: 959px) and (min-width: 570px) { .tablet-fontsize-1_2rem, .tablet-fontsize-1_2rem [class*=fontsize] { font-size: 1.2rem; } .tablet-fontsize-1_4rem, .tablet-fontsize-1_4rem [class*=fontsize] { font-size: 1.4rem; } .tablet-fontsize-1_5rem, .tablet-fontsize-1_5rem [class*=fontsize] { font-size: 1.5rem; } .tablet-fontsize-1_6rem, .tablet-fontsize-1_6rem [class*=fontsize] { font-size: 1.6rem; } .tablet-fontsize-1_7rem, .tablet-fontsize-1_7rem [class*=fontsize] { font-size: 1.7rem; } .tablet-fontsize-1_9rem, .tablet-fontsize-1_9rem [class*=fontsize] { font-size: 1.9rem; } .tablet-fontsize-2_1rem, .tablet-fontsize-2_1rem [class*=fontsize] { font-size: 2.1rem; } .tablet-fontsize-2_4rem, .tablet-fontsize-2_4rem [class*=fontsize] { font-size: 2.4rem; } .tablet-fontsize-2_9rem, .tablet-fontsize-2_9rem [class*=fontsize] { font-size: 2.9rem; } .tablet-fontsize-3_5rem, .tablet-fontsize-3_5rem [class*=fontsize] { font-size: 3.5rem; } .tablet-fontsize-4_2rem, .tablet-fontsize-4_2rem [class*=fontsize] { font-size: 4.2rem; } .tablet-fontsize-4_8rem, .tablet-fontsize-4_8rem [class*=fontsize] { font-size: 4.8rem; } .tablet-fontsize-5_6rem, .tablet-fontsize-5_6rem [class*=fontsize] { font-size: 5.6rem; } .tablet-fontsize-7rem, .tablet-fontsize-7rem [class*=fontsize] { font-size: 7.0rem; } .tablet-fontsize-10rem, .tablet-fontsize-10rem [class*=fontsize] { font-size: 10rem; } .tablet-fontsize-15rem, .tablet-fontsize-15rem [class*=fontsize] { font-size: 15rem; } } /* Mobile Font Size */ @media (max-width: 569px) { .mobile-minifont *[class*="fontsize-"][class*="rem"] > * {font-size: 83.333333%;} .mobile-fontsize-1_2rem, .mobile-fontsize-1_2rem [class*=fontsize] { font-size: 1.2rem; } .mobile-fontsize-1_4rem, .mobile-fontsize-1_4rem [class*=fontsize] { font-size: 1.4rem; } .mobile-fontsize-1_5rem, .mobile-fontsize-1_5rem [class*=fontsize] { font-size: 1.5rem; } .mobile-fontsize-1_6rem, .mobile-fontsize-1_6rem [class*=fontsize] { font-size: 1.6rem; } .mobile-fontsize-1_7rem, .mobile-fontsize-1_7rem [class*=fontsize] { font-size: 1.7rem; } .mobile-fontsize-1_9rem, .mobile-fontsize-1_9rem [class*=fontsize] { font-size: 1.9rem; } .mobile-fontsize-2_1rem, .mobile-fontsize-2_1rem [class*=fontsize] { font-size: 2.1rem; } .mobile-fontsize-2_4rem, .mobile-fontsize-2_4rem [class*=fontsize] { font-size: 2.4rem; } .mobile-fontsize-2_9rem, .mobile-fontsize-2_9rem [class*=fontsize] { font-size: 2.9rem; } .mobile-fontsize-3_5rem, .mobile-fontsize-3_5rem [class*=fontsize] { font-size: 3.5rem; } .mobile-fontsize-4_2rem, .mobile-fontsize-4_2rem [class*=fontsize] { font-size: 4.2rem; } .mobile-fontsize-4_8rem, .mobile-fontsize-4_8rem [class*=fontsize] { font-size: 4.8rem; } .mobile-fontsize-5_6rem, .mobile-fontsize-5_6rem [class*=fontsize] { font-size: 5.6rem; } .mobile-fontsize-7rem, .mobile-fontsize-7rem [class*=fontsize] { font-size: 7.0rem; } .mobile-fontsize-10rem, .mobile-fontsize-10rem [class*=fontsize] { font-size: 10rem; } .mobile-fontsize-15rem, .mobile-fontsize-15rem [class*=fontsize] { font-size: 15rem; } } /*********************************** * Alternate size of one (gutter|padding) *********************************** * * Set Var */ :root {--one-alt: 9px;} /* * Set Style */ .row .uncell.one-block-padding {padding: var(--one-alt);} @media (min-width: 570px) and (max-width: 959px) { .main-container .inverted-device-order .col-one-gutter .row-inner > div:first-child:not([class*=col-md]) {padding-top: var(--one-alt);} } @media (max-width: 570px) { .main-container .inverted-device-order .col-one-gutter .row-inner > div:first-child:not([class*=col-sm]) {padding-top: var(--one-alt);} } @media (min-width: 570px) and (max-width: 959px) { .main-container .col-one-gutter > .cols-md-responsive {margin-left: calc(var(--one-alt) * -1);} .main-container .col-one-gutter > .cols-md-responsive > div[class*=col-md] {padding-left: var(--one-alt);} .main-container .col-one-gutter > .cols-md-responsive > div:not([class*=col-md]) {padding-left: var(--one-alt);} } @media (max-width: 570px) { .main-container .col-one-gutter > .cols-sm-responsive {margin-left: calc(var(--one-alt) * -1);} .main-container .col-one-gutter > .cols-sm-responsive > div[class*=col-sm] {padding-left: var(--one-alt);} .main-container .col-one-gutter > .cols-sm-responsive > div:not([class*=col-sm]) {padding-left: var(--one-alt);} } .main-container .row-container .row-parent .one-internal-gutter .uncont > * {margin-top: var(--one-alt);} .main-container .row-container .row-parent .column_child.one-internal-gutter .uncont > *:not(:first-child) {margin-top: var(--one-alt);} @media (min-width: 960px) { .main-container .row-container .row-child.col-one-gutter > .row-inner, .main-container .row-container .col-one-gutter > .row-inner {margin-left: calc(var(--one-alt) * -1);} } @media (min-width: 960px) { .main-container .row-container .row-child.col-one-gutter > .row-inner > div, .main-container .row-container .col-one-gutter > .row-inner > div {padding-left: var(--one-alt); padding-right: 0px;} } @media (max-width: 959px) { .main-container .row-container .row-child.col-one-gutter > .row-inner > div, .main-container .row-container .col-one-gutter > .row-inner > div {padding-top: var(--one-alt);} .main-container .row-container .row-child.col-one-gutter > .row-inner > div:first-child, .main-container .row-container .col-one-gutter > .row-inner > div:first-child {padding-top: 0px;} } @media (min-width: 960px) { .main-container .row-container .row-child.col-one-gutter > .row-inner {margin-left: calc(var(--one-alt) * -1);} } .main-container .row-container:not(.limit-width) .one-h-padding, .main-container .row-container.boxed-row .one-h-padding {padding-left: var(--one-alt); padding-right: var(--one-alt);} .main-container .row-container .one-top-padding {padding-top: var(--one-alt);} .main-container .row-container .one-bottom-padding {padding-bottom: var(--one-alt);} .main-container .row-container:not(.limit-width) .one-h-margin, .main-container .row-container.boxed-row .one-h-margin {margin-left: var(--one-alt); margin-right: var(--one-alt);} .main-container .row-container .one-top-margin {margin-top: var(--one-alt);} .main-container .row-container .one-bottom-margin {margin-bottom: var(--one-alt);} @media (min-width: 960px) { .main-container .post-body > .row-container .row-child.col-one-gutter > .row-inner, .main-container .post-body > .row-container .col-one-gutter > .row-inner {width: calc(100% + var(--one-alt));} } @media (min-width: 960px) { .main-container .post-body > .row-container .row-child.col-one-gutter > .row-inner {width: calc(100% + var(--one-alt));} } .tab-content > .tab-pane.one-internal-gutter > div > *:not(:first-child) {margin-top: var(--one-alt);} .panel-body.one-internal-gutter > div > *:not(:first-child) {margin-top: var(--one-alt);} /*********************************** * Mobile Horizontal Padding *********************************** * * Set Var */ :root {--mobile-h-padding: 5vw;} /* * Set Style */ @media (max-width: 570px) { .menu-container .logo-container, .mobile-menu-button {padding-left: var(--mobile-h-padding) !important; padding-right: var(--mobile-h-padding) !important;} .main-container .row-container .row-parent, .main-container .row-container .single-h-padding, .main-container .row-container:not(.limit-width).footer-last .no-h-padding {padding-left: var(--mobile-h-padding); padding-right: var(--mobile-h-padding);} .main-container .cols-sm-responsive {margin-left: calc(var(--mobile-h-padding) * -1);} .main-container .cols-sm-responsive > div[class*=col-sm] {padding-left: var(--mobile-h-padding);} .half-block-padding, .single-block-padding, .double-block-padding, .triple-block-padding, .quad-block-padding {padding-left: var(--mobile-h-padding) !important; padding-right: var(--mobile-h-padding) !important;} } /*********************************** * Responsive Vertical Gutter ***********************************/ @media (max-width: 959px) and (min-width: 570px) { .main-container .row-container .row-parent [class*='internal-gutter'].single-internal-gutter-tablet .uncont > * {margin-top: 36px;} .main-container .row-container .row-parent [class*='internal-gutter'].half-internal-gutter-tablet .uncont > * {margin-top: 18px;} .main-container .row-container .row-parent [class*='internal-gutter'].quarter-internal-gutter-tablet .uncont > * {margin-top: 9px;} .main-container .row-container .row-parent [class*='internal-gutter'].no-internal-gutter-tablet .uncont > * {margin-top: 0px;} } @media (max-width: 569px) { .main-container .row-container .row-parent [class*='internal-gutter'].single-internal-gutter-mobile .uncont > * {margin-top: 36px;} .main-container .row-container .row-parent [class*='internal-gutter'].half-internal-gutter-mobile .uncont > * {margin-top: 18px;} .main-container .row-container .row-parent [class*='internal-gutter'].quarter-internal-gutter-mobile .uncont > * {margin-top: 9px;} .main-container .row-container .row-parent [class*='internal-gutter'].no-internal-gutter-mobile .uncont > * {margin-top: 0px;} } /*********************************** * Off Grid ***********************************/ body:not(.vc-safe-mode) .shift_x_half.shift_x_fixed { left: 18px !important; } body:not(.vc-safe-mode) .shift_x_single.shift_x_fixed { left: 36px !important; } body:not(.vc-safe-mode) .shift_x_double.shift_x_fixed { left: 72px !important; } body:not(.vc-safe-mode) .shift_x_triple.shift_x_fixed { left: 108px !important; } body:not(.vc-safe-mode) .shift_x_quad.shift_x_fixed { left: 144px !important; } body:not(.vc-safe-mode) .shift_x_neg_half.shift_x_fixed { left: -18px !important; } body:not(.vc-safe-mode) .shift_x_neg_single.shift_x_fixed { left: -36px !important; } body:not(.vc-safe-mode) .shift_x_neg_double.shift_x_fixed { left: -72px !important; } body:not(.vc-safe-mode) .shift_x_neg_triple.shift_x_fixed { left: -108px !important; } body:not(.vc-safe-mode) .shift_x_neg_quad.shift_x_fixed { left: -144px !important; } body:not(.vc-safe-mode) .shift_y_neg_single.shift_y_fixed { top: -36px !important; } /* version 2.1 (2022.04.07.) */ /* Align content middle in Extended-height Column */ .pos-middle > .unexpand > .uncoltable > .uncell > .uncont { display: flex; flex-flow: column nowrap; justify-content: center; } /*********************************** * Inverted device order with multiple columns ***********************************/ /* Reset */ @media (max-width: 959px) { .main-container .inverted-device-order > .row > .row-inner > div:first-child:not([class*=col-md]) {padding-top: inherit;} .main-container .inverted-device-order > .row > .row-inner > div:nth-child(2):not([class*=col-md]) {display: inherit;padding-top: inherit;} } @media (max-width: 569px) { .main-container .inverted-device-order > .row > .row-inner > div:first-child:not([class*=col-sm]) {padding-top: inherit;} .main-container .inverted-device-order > .row > .row-inner > div:nth-child(2):not([class*=col-sm]) {display: inherit !important;padding-top: inherit;} } @media (min-width: 570px) and (max-width: 959px) { .main-container .inverted-device-order > .col-no-gutter > .row-inner > div:first-child:not([class*=col-md]) {padding-top: inherit;} } @media (max-width: 569px) { .main-container .inverted-device-order > .col-no-gutter > .row-inner > div:first-child:not([class*=col-sm]) {padding-top: inherit;} } @media (min-width: 570px) and (max-width: 959px) { .main-container .inverted-device-order > .col-half-gutter > .row-inner > div:first-child:not([class*=col-md]) {padding-top: inherit;} } @media (max-width: 569px) { .main-container .inverted-device-order > .col-half-gutter > .row-inner > div:first-child:not([class*=col-sm]) {padding-top: inherit;} } @media (min-width: 570px) and (max-width: 959px) { .main-container .inverted-device-order > .col-one-gutter > .row-inner > div:first-child:not([class*=col-md]) {padding-top: inherit;} } @media (max-width: 569px) { .main-container .inverted-device-order > .col-one-gutter > .row-inner > div:first-child:not([class*=col-sm]) {padding-top: inherit;} } /* Re-stylize */ @media (max-width: 569px) { .main-container .inverted-device-order > .row > .row-inner:not(.cols-sm-responsive) { display: flex; flex-flow: column-reverse nowrap; } .main-container .inverted-device-order > .row:not([class*="-gutter"]) > .row-inner > div:not([class*=col-sm]) {padding-top: 36px;} .main-container .inverted-device-order > .col-half-gutter > .row-inner > div:not([class*=col-sm]) {padding-top: 18px;} .main-container .inverted-device-order > .col-one-gutter > .row-inner > div:not([class*=col-sm]) {padding-top: var(--one-alt);} .main-container .inverted-device-order > .row > .row-inner > div:not([class*=col-sm]):last-child {padding-top: 0;} } @media (min-width: 570px) and (max-width: 959px) { .main-container .inverted-device-order > .row > .row-inner:not(.cols-md-responsive) { display: flex; flex-flow: column-reverse nowrap; } .main-container .inverted-device-order > .row:not([class*="-gutter"]) > .row-inner > div:not([class*=col-md]) {padding-top: 36px;} .main-container .inverted-device-order > .col-half-gutter > .row-inner > div:not([class*=col-md]) {padding-top: 18px;} .main-container .inverted-device-order > .col-one-gutter > .row-inner > div:not([class*=col-md]) {padding-top: var(--one-alt);} .main-container .inverted-device-order > .row > .row-inner > div:not([class*=col-md]):last-child {padding-top: 0;} } /* version 2.2 (2022.04.22.) */ /*********************************** * Responsive Vertical Gutter ***********************************/ @media (max-width: 959px) and (min-width: 570px) { .main-container .row-container.no-h-padding-tablet>.row-parent, .main-container .row-container.no-h-padding-tablet>.row[class*="h-padding"] { padding-left: 0; padding-right: 0; } } @media (max-width: 569px) { .main-container .row-container.no-h-padding-mobile>.row-parent, .main-container .row-container.no-h-padding-mobile>.row[class*="h-padding"] { padding-left: 0; padding-right: 0; } }