:root, [data-bs-theme=light] { --bs-primary: rgba(167, 9, 25, 1); --bs-primary-contrast: rgba(255, 255, 255, 1); --bs-primary-rgb: 167, 9, 25; --bs-secondary: rgba(242, 242, 242, 1); --bs-secondary-contrast: rgba(48, 47, 48, 1); --bs-secondary-rgb: 242, 242, 242; --bs-tertiary: rgba(0, 0, 0, 1); --bs-tertiary-contrast: rgba(0, 0, 0, 1); --bs-tertiary-rgb: 0, 0, 0; --bs-success: rgba(78, 136, 87, 1); --bs-success-contrast: rgba(255, 255, 255, 1); --bs-success-rgb: 78, 136, 87; --bs-success-bg-subtle: rgba(78, 136, 87, 1); --bs-danger: rgba(189, 61, 75, 1); --bs-danger-contrast: rgba(255, 255, 255, 1); --bs-danger-rgb: 189, 61, 75; --bs-danger-bg-subtle: rgba(189, 61, 75, 1); --bs-warning: rgba(236, 199, 60, 1); --bs-warning-contrast: rgba(255, 255, 255, 1); --bs-warning-rgb: 236, 199, 60; --bs-warning-bg-subtle: rgba(236, 199, 60, 1); --bs-info: rgba(122, 198, 237, 1); --bs-info-contrast: rgba(255, 255, 255, 1); --bs-info-rgb: 122, 198, 237; --bs-info-bg-subtle: rgba(122, 198, 237, 1); --bs-body-bg: rgba(255, 255, 255, 1); --bs-font-serif: Neutraface Text, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; --bs-font-sans-serif: Neutraface Text, system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; --bs-container: 1520px; --bs-container-xxl: 1520px; --bs-container-xl: 1520px; --bs-container-lg: 1520px; --bs-container-md: 1520px; --bs-container-sm: 1520px; --bs-section-padding-block: 64px; @media (max-width: 767px) { --bs-section-padding-block: 32px; } --bs-h1-color: #000000; --bs-h1-text-transform: none; --bs-h1-font-size: 56px; @media (max-width: 991px) { --bs-h1-font-size: 44px; } @media (max-width: 575px) { --bs-h1-font-size: 32px; } --bs-h2-color: #000000; --bs-h2-text-transform: none; --bs-h2-font-size: 48px; @media (max-width: 991px) { --bs-h2-font-size: 38px; } @media (max-width: 575px) { --bs-h2-font-size: 28px; } --bs-h3-color: #000000; --bs-h3-text-transform: none; --bs-h3-font-size: 40px; @media (max-width: 991px) { --bs-h3-font-size: 32px; } @media (max-width: 575px) { --bs-h3-font-size: 24px; } --bs-h4-color: #000000; --bs-h4-text-transform: none; --bs-h4-font-size: 24px; @media (max-width: 991px) { --bs-h4-font-size: 22px; } @media (max-width: 575px) { --bs-h4-font-size: 20px; } --bs-h5-color: #000000; --bs-h5-text-transform: none; --bs-h5-font-size: 20px; @media (max-width: 991px) { --bs-h5-font-size: 18px; } @media (max-width: 575px) { --bs-h5-font-size: 16px; } --bs-h6-color: #000000; --bs-h6-text-transform: none; --bs-h6-font-size: 18px; @media (max-width: 991px) { --bs-h6-font-size: 17px; } @media (max-width: 575px) { --bs-h6-font-size: 16px; } --bs-body-color: #302f30; --bs-body-font-size: 16px; @media (max-width: 991px) { --bs-body-font-size: 15px; } @media (max-width: 575px) { --bs-body-font-size: 14px; } --bs-body-font-weight: Regular; --bs-body-text-align: LEFT; --bs-body-line-height: 1.5; --bs-links-color: #302f30; --bs-link-color-rgb: 48, 47, 48; --bs-links-hover-color: rgba(48, 47, 48, 1); --bs-link-hover-color-rgb: 48, 47, 48; --bs-link-hover-opacity: 1.0; --bs-link-color: #302f30; --bs-link-color-rgb: 48, 47, 48; --bs-link-font-weight: bold; --bs-link-font-style: normal; --bs-link-text-decoration: underline; --bs-link-hover-color: #302f30; --bs-link-hover-color-rgb: 48, 47, 48; --bs-link-hover-color-opacity: 1.0; --bs-btn-primary-color: rgba(255, 255, 255, 1); --bs-btn-primary-background: rgba(167, 9, 25, 1); --bs-btn-primary-border-color: rgba(167, 9, 25, 1); --bs-btn-primary-hover-color: rgba(48, 47, 48, 1); --bs-btn-primary-hover-background: rgba(255, 255, 255, 1); --bs-btn-primary-hover-border-color: rgba(167, 9, 25, 1); --bs-btn-primary-focus-outline-color: rgba(48, 47, 48, 1); --bs-btn-primary-active-color: rgba(48, 47, 48, 1); --bs-btn-primary-active-background: rgba(255, 255, 255, 1); --bs-btn-primary-active-border-color: rgba(167, 9, 25, 1); --bs-btn-primary-disabled-color: rgba(255, 255, 255, 1); --bs-btn-primary-disabled-background: rgba(167, 9, 25, 1); --bs-btn-primary-disabled-border-color: rgba(167, 9, 25, 1); --bs-btn-primary-disabled-opacity: 30%; --bs-btn-secondary-color: rgba(48, 47, 48, 1); --bs-btn-secondary-background: rgba(255, 255, 255, 1); --bs-btn-secondary-border-color: rgba(167, 9, 25, 1); --bs-btn-secondary-hover-color: rgba(255, 255, 255, 1); --bs-btn-secondary-hover-background: rgba(167, 9, 25, 1); --bs-btn-secondary-hover-border-color: rgba(167, 9, 25, 1); --bs-btn-secondary-focus-outline-color: rgba(48, 47, 48, 1); --bs-btn-secondary-active-color: rgba(255, 255, 255, 1); --bs-btn-secondary-active-background: rgba(167, 9, 25, 1); --bs-btn-secondary-active-border-color: rgba(167, 9, 25, 1); --bs-btn-secondary-disabled-color: rgba(48, 47, 48, 1); --bs-btn-secondary-disabled-background: rgba(255, 255, 255, 1); --bs-btn-secondary-disabled-border-color: rgba(167, 9, 25, 1); --bs-btn-secondary-disabled-opacity: 30%; --bs-btn-tertiary-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-background: rgba(255, 255, 255, 1); --bs-btn-tertiary-border-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-hover-color: rgba(255, 255, 255, 1); --bs-btn-tertiary-hover-background: rgba(48, 47, 48, 1); --bs-btn-tertiary-hover-border-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-focus-outline-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-active-color: rgba(255, 255, 255, 1); --bs-btn-tertiary-active-background: rgba(48, 47, 48, 1); --bs-btn-tertiary-active-border-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-disabled-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-disabled-background: rgba(255, 255, 255, 1); --bs-btn-tertiary-disabled-border-color: rgba(48, 47, 48, 1); --bs-btn-tertiary-disabled-opacity: 30%; --bs-btn-success-color: rgba(255, 255, 255, 1); --bs-btn-success-background: rgba(0, 133, 62, 1); --bs-btn-success-border-color: rgba(0, 133, 62, 1); --bs-btn-success-hover-color: rgba(255, 255, 255, 1); --bs-btn-success-hover-background: rgba(0, 133, 62, 0.8); --bs-btn-success-hover-border-color: rgba(0, 133, 62, 0); --bs-btn-success-focus-outline-color: rgba(0, 133, 62, 0.5); --bs-btn-success-active-color: rgba(255, 255, 255, 1); --bs-btn-success-active-background: rgba(0, 133, 62, 1); --bs-btn-success-active-border-color: rgba(0, 133, 62, 1); --bs-btn-success-disabled-color: rgba(255, 255, 255, 1); --bs-btn-success-disabled-background: rgba(0, 133, 62, 1); --bs-btn-success-disabled-border-color: rgba(0, 133, 62, 1); --bs-btn-success-disabled-opacity: 65%; --bs-btn-danger-color: rgba(255, 255, 255, 1); --bs-btn-danger-background: rgba(213, 45, 26, 1); --bs-btn-danger-border-color: rgba(213, 45, 26, 1); --bs-btn-danger-hover-color: rgba(255, 255, 255, 1); --bs-btn-danger-hover-background: rgba(213, 45, 26, 0.8); --bs-btn-danger-hover-border-color: rgba(213, 45, 26, 0); --bs-btn-danger-focus-outline-color: rgba(213, 45, 26, 0.5); --bs-btn-danger-active-color: rgba(255, 255, 255, 1); --bs-btn-danger-active-background: rgba(213, 45, 26, 1); --bs-btn-danger-active-border-color: rgba(213, 45, 26, 1); --bs-btn-danger-disabled-color: rgba(255, 255, 255, 1); --bs-btn-danger-disabled-background: rgba(213, 45, 26, 1); --bs-btn-danger-disabled-border-color: rgba(213, 45, 26, 1); --bs-btn-danger-disabled-opacity: 65%; --bs-btn-warning-color: rgba(48, 47, 48, 1); --bs-btn-warning-background: rgba(243, 156, 18, 1); --bs-btn-warning-border-color: rgba(243, 156, 18, 1); --bs-btn-warning-hover-color: rgba(48, 47, 48, 1); --bs-btn-warning-hover-background: rgba(243, 156, 18, 0.8); --bs-btn-warning-hover-border-color: rgba(243, 156, 18, 0); --bs-btn-warning-focus-outline-color: rgba(243, 156, 18, 0.5); --bs-btn-warning-active-color: rgba(48, 47, 48, 1); --bs-btn-warning-active-background: rgba(243, 156, 18, 1); --bs-btn-warning-active-border-color: rgba(243, 156, 18, 1); --bs-btn-warning-disabled-color: rgba(48, 47, 48, 1); --bs-btn-warning-disabled-background: rgba(243, 156, 18, 1); --bs-btn-warning-disabled-border-color: rgba(243, 156, 18, 1); --bs-btn-warning-disabled-opacity: 65%; --bs-btn-info-color: rgba(48, 47, 48, 1); --bs-btn-info-background: rgba(122, 198, 237, 1); --bs-btn-info-border-color: rgba(122, 198, 237, 1); --bs-btn-info-hover-color: rgba(48, 47, 48, 1); --bs-btn-info-hover-background: rgba(122, 198, 237, 0.8); --bs-btn-info-hover-border-color: rgba(122, 198, 237, 0); --bs-btn-info-focus-outline-color: rgba(122, 198, 237, 0.5); --bs-btn-info-active-color: rgba(48, 47, 48, 1); --bs-btn-info-active-background: rgba(122, 198, 237, 1); --bs-btn-info-active-border-color: rgba(122, 198, 237, 1); --bs-btn-info-disabled-color: rgba(48, 47, 48, 1); --bs-btn-info-disabled-background: rgba(122, 198, 237, 1); --bs-btn-info-disabled-border-color: rgba(122, 198, 237, 1); --bs-btn-info-disabled-opacity: 65%; --bs-btn-sm-padding: 8px 8px; --bs-btn-sm-font-size: 14px; --bs-btn-md-padding: 12px 12px; --bs-btn-md-font-size: 16px; --bs-btn-lg-padding: 16px 16px; --bs-btn-lg-font-size: 20px; --bs-border-width: 2px; --bs-border-radius: 0px; --bs-label-color: #302f30; --bs-form-accent: rgba(167, 9, 25, 1); --bs-form-accent-contrast: rgba(255, 255, 255, 1); --bs-form-accent-focus-outline-color: rgba(167, 9, 25, 0.2); --bs-form-check-bg-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); --bs-form-indeterminate-bg-svg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); --bs-input-border-width: 1px; --bs-input-border-color: rgba(48, 47, 48, 1); --bs-input-border-radius: 0px; } h1,.h1 { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } h2,.h2 { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } h3,.h3 { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } h4,.h4 { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } h5,.h5 { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } h6,.h6 { font-weight: 400; font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; font-style: normal; } body { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif; } a { font-style: normal; font-weight: bold; text-decoration: underline; } .form-label { font-family: 'Neutraface Text', system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif} .fancybox__container { --f-button-color: var(--bs-secondary-contrast); --f-button-bg: var(--bs-secondary); --f-arrow-color: var(--bs-secondary-contrast); --f-arrow-bg: var(--bs-secondary); } .f-button { border: var(--bs-border-width) solid var(--bs-btn-secondary-border-color); } .f-button:not([aria-disabled]):hover { color: var(--bs-btn-secondary-hover-color); background: var(--bs-btn-secondary-hover-background); border-color: var(--bs-btn-secondary-hover-border-color); } .f-button:not([aria-disabled]):active { background-color: var(--bs-btn-active-bg); border-color: var(--bs-btn-active-border-color); color: var(--bs-btn-active-color); } img, svg { max-width: 100%; } body { font-size: var(--bs-body-font-size); color: var(--bs-body-color); text-align: var(--bs-body-text-align); line-height: var(--bs-body-line-height); } h1 { font-size: var(--bs-h1-font-size); color: var(--bs-h1-color); text-transform: var(--bs-h1-text-transform); } h2 { font-size: var(--bs-h2-font-size); color: var(--bs-h2-color); text-transform: var(--bs-h2-text-transform); } h3 { font-size: var(--bs-h3-font-size); color: var(--bs-h3-color); text-transform: var(--bs-h3-text-transform); } h4 { font-size: var(--bs-h4-font-size); color: var(--bs-h4-color); text-transform: var(--bs-h4-text-transform); } h5 { font-size: var(--bs-h5-font-size); color: var(--bs-h5-color); text-transform: var(--bs-h5-text-transform); } h6 { font-size: var(--bs-h6-font-size); color: var(--bs-h6-color); text-transform: var(--bs-h6-text-transform); } a { color: var(--bs-links-color); &:hover { color: var(--bs-links-hover-color); --bs-link-opacity: var(--bs-link-hover-opacity); text-decoration: none; } } p:last-child { margin-bottom: 0; } .text-primary { color: var(--bs-primary) !important; } .bg-primary { background: var(--bs-primary) !important; } .text-bg-primary { background: var(--bs-primary) !important; color: var(--bs-primary-contrast) !important; } .bg-text-primary { background: var(--bs-primary) !important; color: var(--bs-primary-contrast) !important; } .alert-primary { --bs-alert-color: var(--bs-primary-contrast); --bs-alert-bg: var(--bs-primary); --bs-alert-border-color: var(--bs-primary); } .text-secondary { color: var(--bs-secondary) !important; } .bg-secondary { background: var(--bs-secondary) !important; } .text-bg-secondary { background: var(--bs-secondary) !important; color: var(--bs-secondary-contrast) !important; } .bg-text-secondary { background: var(--bs-secondary) !important; color: var(--bs-secondary-contrast) !important; } .alert-secondary { --bs-alert-color: var(--bs-secondary-contrast); --bs-alert-bg: var(--bs-secondary); --bs-alert-border-color: var(--bs-secondary); } .text-tertiary { color: var(--bs-tertiary) !important; } .bg-tertiary { background: var(--bs-tertiary) !important; } .text-bg-tertiary { background: var(--bs-tertiary) !important; color: var(--bs-tertiary-contrast) !important; } .bg-text-tertiary { background: var(--bs-tertiary) !important; color: var(--bs-tertiary-contrast) !important; } .alert-tertiary { --bs-alert-color: var(--bs-tertiary-contrast); --bs-alert-bg: var(--bs-tertiary); --bs-alert-border-color: var(--bs-tertiary); } .text-success { color: var(--bs-success) !important; } .bg-success { background: var(--bs-success) !important; } .text-bg-success { background: var(--bs-success) !important; color: var(--bs-success-contrast) !important; } .bg-text-success { background: var(--bs-success) !important; color: var(--bs-success-contrast) !important; } .alert-success { --bs-alert-color: var(--bs-success-contrast); --bs-alert-bg: var(--bs-success); --bs-alert-border-color: var(--bs-success); } .text-danger { color: var(--bs-danger) !important; } .bg-danger { background: var(--bs-danger) !important; } .text-bg-danger { background: var(--bs-danger) !important; color: var(--bs-danger-contrast) !important; } .bg-text-danger { background: var(--bs-danger) !important; color: var(--bs-danger-contrast) !important; } .alert-danger { --bs-alert-color: var(--bs-danger-contrast); --bs-alert-bg: var(--bs-danger); --bs-alert-border-color: var(--bs-danger); } .text-warning { color: var(--bs-warning) !important; } .bg-warning { background: var(--bs-warning) !important; } .text-bg-warning { background: var(--bs-warning) !important; color: var(--bs-warning-contrast) !important; } .bg-text-warning { background: var(--bs-warning) !important; color: var(--bs-warning-contrast) !important; } .alert-warning { --bs-alert-color: var(--bs-warning-contrast); --bs-alert-bg: var(--bs-warning); --bs-alert-border-color: var(--bs-warning); } .text-info { color: var(--bs-info) !important; } .bg-info { background: var(--bs-info) !important; } .text-bg-info { background: var(--bs-info) !important; color: var(--bs-info-contrast) !important; } .bg-text-info { background: var(--bs-info) !important; color: var(--bs-info-contrast) !important; } .alert-info { --bs-alert-color: var(--bs-info-contrast); --bs-alert-bg: var(--bs-info); --bs-alert-border-color: var(--bs-info); } :root { --container-padding: 4rem; @media (min-width: 1280px) { --container-padding: 6rem; } } .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { --bs-gutter-x: var(--container-padding); --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm { max-width: var(--bs-container-sm); } } @media (min-width: 768px) { .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md { max-width: var(--bs-container-md)}; } } @media (min-width: 992px) { .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md, .container-lg { max-width: var(--bs-container-lg); } } @media (min-width: 1200px) { .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: var(--bs-container-xl); } } @media (min-width: 1400px) { .dnd-section:not([class$="-force-full-width-section"]) .dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { max-width: var(--bs-container-xxl); } } @supports not selector(:has(.container)) { #main-content > .container-fluid > .row-fluid-wrapper > .row-fluid > .span12 > .dnd-section[class*="vertical-alignment"] > .row-fluid { max-width: var(--bs-container-xxl); margin-left: auto; margin-right: auto; } } .dnd-section[class$="-force-full-width-section"] :is(.container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { max-width: 100%; } #main-content > .container-fluid { padding: 0; } .dnd-section { padding-top: var(--bs-section-padding-block); padding-bottom: var(--bs-section-padding-block); } .row-fluid { display: flex; flex-wrap: wrap; column-gap: 1.5rem; row-gap: 0rem; } .span1 { flex: 8.333333; max-width: 8.333333%; } .span2 { flex: 16.666667; max-width: 16.666667%; } .span3 { flex: 25.000000; max-width: 25.000000%; } .span4 { flex: 33.333333; max-width: 33.333333%; } .span5 { flex: 41.666667; max-width: 41.666667%; } .span6 { flex: 50.000000; max-width: 50.000000%; } .span7 { flex: 58.333333; max-width: 58.333333%; } .span8 { flex: 66.666667; max-width: 66.666667%; } .span9 { flex: 75.000000; max-width: 75.000000%; } .span10 { flex: 83.333333; max-width: 83.333333%; } .span11 { flex: 91.666667; max-width: 91.666667%; } .span12 { flex: 100.000000; max-width: 100.000000%; } @media (max-width: 1199px) { .span10 { max-width: 100%; width: 100%; flex: unset; } .span11 { max-width: 100%; width: 100%; flex: unset; } .span12 { max-width: 100%; width: 100%; flex: unset; } .span1 { max-width: unset; } .span2 { max-width: unset; } } @media (max-width: 991px) { .span7 { max-width: 100%; width: 100%; flex: unset; } .span8 { max-width: 100%; width: 100%; flex: unset; } .span9 { max-width: 100%; width: 100%; flex: unset; } .span10 { max-width: 100%; width: 100%; flex: unset; } .span11 { max-width: 100%; width: 100%; flex: unset; } .span12 { max-width: 100%; width: 100%; flex: unset; } .span1 { max-width: unset; } .span2 { max-width: unset; } .span3 { max-width: unset; } .span4 { max-width: unset; } .span5 { max-width: unset; } } @media (max-width: 767px) { .span4 { max-width: 100%; width: 100%; flex: unset; } .span5 { max-width: 100%; width: 100%; flex: unset; } .span6 { max-width: 100%; width: 100%; flex: unset; } .span7 { max-width: 100%; width: 100%; flex: unset; } .span8 { max-width: 100%; width: 100%; flex: unset; } .span9 { max-width: 100%; width: 100%; flex: unset; } .span10 { max-width: 100%; width: 100%; flex: unset; } .span11 { max-width: 100%; width: 100%; flex: unset; } .span12 { max-width: 100%; width: 100%; flex: unset; } .span1 { max-width: unset; } .span2 { max-width: unset; } .span3 { max-width: unset; } .span4 { max-width: unset; } .span5 { max-width: unset; } .span6 { max-width: unset; } .span7 { max-width: unset; } .span8 { max-width: unset; } } @media (max-width: 575px) { .span1 { max-width: 100%; width: 100%; flex: unset; } .span2 { max-width: 100%; width: 100%; flex: unset; } .span3 { max-width: 100%; width: 100%; flex: unset; } .span4 { max-width: 100%; width: 100%; flex: unset; } .span5 { max-width: 100%; width: 100%; flex: unset; } .span6 { max-width: 100%; width: 100%; flex: unset; } .span7 { max-width: 100%; width: 100%; flex: unset; } .span8 { max-width: 100%; width: 100%; flex: unset; } .span9 { max-width: 100%; width: 100%; flex: unset; } .span10 { max-width: 100%; width: 100%; flex: unset; } .span11 { max-width: 100%; width: 100%; flex: unset; } .span12 { max-width: 100%; width: 100%; flex: unset; } .span1 { max-width: unset; } .span2 { max-width: unset; } .span3 { max-width: unset; } .span4 { max-width: unset; } .span5 { max-width: unset; } .span6 { max-width: unset; } .span7 { max-width: unset; } .span8 { max-width: unset; } .span9 { max-width: unset; } .span10 { max-width: unset; } .span11 { max-width: unset; } } @supports selector(:has(.container)) { #main-content .dnd-section:not([class$="-force-full-width-section"]) :is(.dnd-module > [class*="widget-type-"], .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { --bs-gutter-x: 0; max-width: initial; } .dnd-section { padding-block: initial; } .dnd-section:has(.hs_cos_wrapper_type_module[class*="widget-type-"]) { padding-top: var(--bs-section-padding-block); padding-bottom: var(--bs-section-padding-block); } .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has(.dnd-module > div > :not([class*="-module"]), .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl) { --bs-gutter-x: var(--container-padding); --bs-gutter-y: 0; width: 100%; padding-right: calc(var(--bs-gutter-x) * .5); padding-left: calc(var(--bs-gutter-x) * .5); margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has( .dnd-module > div > :not([class*="-module"]), .container, .container-sm ) { max-width: var(--bs-container-sm); } } @media (min-width: 768px) { .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has( .dnd-module > div > :not([class*="-module"]), .container, .container-sm, .container-md ) { max-width: var(--bs-container-md); } } @media (min-width: 992px) { .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has( .dnd-module > div > :not([class*="-module"]), .container, .container-sm, .container-md, .container-lg ) { max-width: var(--bs-container-lgsm); } } @media (min-width: 1200px) { .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has( .dnd-module > div > :not([class*="-module"]), .container, .container-sm, .container-md, .container-lg, .container-xl ) { max-width: var(--bs-container-xl); } } @media (min-width: 1400px) { .dnd-section:not([class$="-force-full-width-section"]) > .row-fluid:has( .dnd-module > div > :not([class*="-module"]), .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl ) { max-width: var(--bs-container-xxl); } } } .btn, .hs-button, input[type='submit'] { display: inline-flex; align-items: center; justify-content: center; gap: 0.2rem; border-width: var(--bs-border-width); border-style: solid; border-radius: var(--bs-border-radius); white-space: nowrap; padding: var(--bs-btn-md-padding); font-size: var(--bs-btn-md-font-size); & > svg, & > img, & > i, &:is(svg), &:is(img), &:is(i) { pointer-events: none; flex-shrink: 0; width: 1rem; height: 1rem; } } .btn-group-sm > .btn, .btn-sm { padding: var(--bs-btn-sm-padding); font-size: var(--bs-btn-sm-font-size); } .btn-group-lg > .btn, .btn-lg { padding: var(--bs-btn-lg-padding); font-size: var(--bs-btn-lg-font-size); } .btn-primary, .hs-button, input[type='submit'] { --bs-btn-active-color: var(--bs-btn-primary-active-color); --bs-btn-active-bg: var(--bs-btn-primary-active-background); --bs-btn-active-border-color: var(--bs-btn-primary-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-primary-focus-outline-color); color: var(--bs-btn-primary-color); background: var(--bs-btn-primary-background); border-color: var(--bs-btn-primary-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-primary-hover-color); background: var(--bs-btn-primary-hover-background); border-color: var(--bs-btn-primary-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-primary-focus-outline-color); } &:active { color: var(--bs-btn-primary-active-color); background: var(--bs-btn-primary-active-background); border-color: var(--bs-btn-primary-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-primary-disabled-color); background: var(--bs-btn-primary-disabled-background); border-color: var(--bs-btn-primary-disabled-border-color); opacity: var(--bs-btn-primary-disabled-opacity); } } .btn-secondary { --bs-btn-active-color: var(--bs-btn-secondary-active-color); --bs-btn-active-bg: var(--bs-btn-secondary-active-background); --bs-btn-active-border-color: var(--bs-btn-secondary-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-secondary-focus-outline-color); color: var(--bs-btn-secondary-color); background: var(--bs-btn-secondary-background); border-color: var(--bs-btn-secondary-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-secondary-hover-color); background: var(--bs-btn-secondary-hover-background); border-color: var(--bs-btn-secondary-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-secondary-focus-outline-color); } &:active { color: var(--bs-btn-secondary-active-color); background: var(--bs-btn-secondary-active-background); border-color: var(--bs-btn-secondary-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-secondary-disabled-color); background: var(--bs-btn-secondary-disabled-background); border-color: var(--bs-btn-secondary-disabled-border-color); opacity: var(--bs-btn-secondary-disabled-opacity); } } .btn-tertiary { --bs-btn-active-color: var(--bs-btn-tertiary-active-color); --bs-btn-active-bg: var(--bs-btn-tertiary-active-background); --bs-btn-active-border-color: var(--bs-btn-tertiary-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-tertiary-focus-outline-color); color: var(--bs-btn-tertiary-color); background: var(--bs-btn-tertiary-background); border-color: var(--bs-btn-tertiary-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-tertiary-hover-color); background: var(--bs-btn-tertiary-hover-background); border-color: var(--bs-btn-tertiary-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-tertiary-focus-outline-color); } &:active { color: var(--bs-btn-tertiary-active-color); background: var(--bs-btn-tertiary-active-background); border-color: var(--bs-btn-tertiary-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-tertiary-disabled-color); background: var(--bs-btn-tertiary-disabled-background); border-color: var(--bs-btn-tertiary-disabled-border-color); opacity: var(--bs-btn-tertiary-disabled-opacity); } } .btn-success { --bs-btn-active-color: var(--bs-btn-success-active-color); --bs-btn-active-bg: var(--bs-btn-success-active-background); --bs-btn-active-border-color: var(--bs-btn-success-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-success-focus-outline-color); color: var(--bs-btn-success-color); background: var(--bs-btn-success-background); border-color: var(--bs-btn-success-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-success-hover-color); background: var(--bs-btn-success-hover-background); border-color: var(--bs-btn-success-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-success-focus-outline-color); } &:active { color: var(--bs-btn-success-active-color); background: var(--bs-btn-success-active-background); border-color: var(--bs-btn-success-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-success-disabled-color); background: var(--bs-btn-success-disabled-background); border-color: var(--bs-btn-success-disabled-border-color); opacity: var(--bs-btn-success-disabled-opacity); } } .btn-danger { --bs-btn-active-color: var(--bs-btn-danger-active-color); --bs-btn-active-bg: var(--bs-btn-danger-active-background); --bs-btn-active-border-color: var(--bs-btn-danger-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-danger-focus-outline-color); color: var(--bs-btn-danger-color); background: var(--bs-btn-danger-background); border-color: var(--bs-btn-danger-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-danger-hover-color); background: var(--bs-btn-danger-hover-background); border-color: var(--bs-btn-danger-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-danger-focus-outline-color); } &:active { color: var(--bs-btn-danger-active-color); background: var(--bs-btn-danger-active-background); border-color: var(--bs-btn-danger-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-danger-disabled-color); background: var(--bs-btn-danger-disabled-background); border-color: var(--bs-btn-danger-disabled-border-color); opacity: var(--bs-btn-danger-disabled-opacity); } } .btn-warning { --bs-btn-active-color: var(--bs-btn-warning-active-color); --bs-btn-active-bg: var(--bs-btn-warning-active-background); --bs-btn-active-border-color: var(--bs-btn-warning-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-warning-focus-outline-color); color: var(--bs-btn-warning-color); background: var(--bs-btn-warning-background); border-color: var(--bs-btn-warning-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-warning-hover-color); background: var(--bs-btn-warning-hover-background); border-color: var(--bs-btn-warning-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-warning-focus-outline-color); } &:active { color: var(--bs-btn-warning-active-color); background: var(--bs-btn-warning-active-background); border-color: var(--bs-btn-warning-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-warning-disabled-color); background: var(--bs-btn-warning-disabled-background); border-color: var(--bs-btn-warning-disabled-border-color); opacity: var(--bs-btn-warning-disabled-opacity); } } .btn-info { --bs-btn-active-color: var(--bs-btn-info-active-color); --bs-btn-active-bg: var(--bs-btn-info-active-background); --bs-btn-active-border-color: var(--bs-btn-info-active-border-color); --bs-btn-focus-box-shadow: 0 0 0 0.25rem var(--bs-btn-info-focus-outline-color); color: var(--bs-btn-info-color); background: var(--bs-btn-info-background); border-color: var(--bs-btn-info-border-color); transition: none; text-decoration: none; &:hover, &:focus-visible { color: var(--bs-btn-info-hover-color); background: var(--bs-btn-info-hover-background); border-color: var(--bs-btn-info-hover-border-color); } &:focus-visible { outline: 0; box-shadow: 0 0 0 0.25rem var(--bs-btn-info-focus-outline-color); } &:active { color: var(--bs-btn-info-active-color); background: var(--bs-btn-info-active-background); border-color: var(--bs-btn-info-active-border-color); } &:disabled, &.disabled { color: var(--bs-btn-info-disabled-color); background: var(--bs-btn-info-disabled-background); border-color: var(--bs-btn-info-disabled-border-color); opacity: var(--bs-btn-info-disabled-opacity); } } /* bootstrap copy-pastes */ input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number'])::-webkit-file-upload-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number'])::-webkit-date-and-time-value { min-width: 85px; height: 1.5em; margin: 0; } input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number'])::-webkit-datetime-edit { display: block; padding: 0; } input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number']):hover:not(:disabled):not([readonly])::-webkit-file-upload-button { background-color: var(--bs-secondary-bg); } @media (prefers-reduced-motion: reduce) { input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number'])::-webkit-file-upload-button { -webkit-transition: none; transition: none; } } input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number']) { display: block; width: 100%; padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: var(--bs-body-color); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-clip: padding-box; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; &[type=file] { overflow: hidden; &:not(:disabled):not([readonly]) { cursor: pointer; } } &:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } &::placeholder { color: var(--bs-secondary-color); opacity: 1; } &:disabled { background-color: var(--bs-secondary-bg); opacity: 1; } &::file-selector-button { padding: 0.375rem 0.75rem; margin: -0.375rem -0.75rem; -webkit-margin-end: 0.75rem; margin-inline-end: 0.75rem; color: var(--bs-body-color); background-color: var(--bs-tertiary-bg); pointer-events: none; border-color: inherit; border-style: solid; border-width: 0; border-inline-end-width: var(--bs-border-width); border-radius: 0; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { transition: none; &::file-selector-button { transition: none; } } &:hover:not(:disabled):not([readonly])::file-selector-button { background-color: var(--bs-secondary-bg); } } input:is([type='checkbox'], [type='radio']) { --bs-form-check-bg: var(--bs-body-bg); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-form-check-bg); background-image: var(--bs-form-check-bg-image); background-position: 50%; background-repeat: no-repeat; background-size: contain; border: var(--bs-border-width) solid var(--bs-border-color); flex-shrink: 0; width: 1em !important; height: 1em !important; margin-top: .25em; -webkit-print-color-adjust: exact; vertical-align: top; color-adjust: exact; print-color-adjust: exact; &[type=checkbox] { border-radius: .25em; &:checked { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3E%3C/svg%3E"); } &:indeterminate { background-color: #0d6efd; border-color: #0d6efd; --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3E%3C/svg%3E") } } &[type=radio] { border-radius: 50%; :checked { --bs-form-check-bg-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='2' fill='%23fff'/%3E%3C/svg%3E"); } } &:active { filter: brightness(90%); } &:focus { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0; } &:disabled { filter: none; opacity: .5; pointer-events: none; & ~.form-check-label,.form-check-input[disabled]~.form-check-label { cursor: default; opacity: .5; } } } .form-check input:is([type='checkbox'], [type='radio']) { float: left; margin-left: -1.5em; } :is(select):-moz-focusring { color: transparent; text-shadow: 0 0 0 var(--bs-body-color); } :is(select) { --bs-form-select-bg-img: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E"); -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: var(--bs-body-bg); background-image: var(--bs-form-select-bg-img),var(--bs-form-select-bg-icon,none); background-position: right .75rem center; background-repeat: no-repeat; background-size: 16px 12px; border: var(--bs-border-width) solid var(--bs-border-color); border-radius: var(--bs-border-radius); color: var(--bs-body-color); display: block; font-size: 1rem; font-weight: 400; line-height: 1.5; padding: .375rem 2.25rem .375rem .75rem; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; width: 100%; &:focus { border-color: #86b7fe; box-shadow: 0 0 0 .25rem rgba(13,110,253,.25); outline: 0 } &[multiple], &[size]:not([size="1"]) { background-image: none; padding-right: .75rem; } &:disabled { background-color: var(--bs-secondary-bg); } } @media (prefers-reduced-motion:reduce) { :is(select) { transition: none; } } /* custom overrides */ .form-label { color: var(--bs-label-color); } input:is([type='text'], [type='email'], [type='password'], [type='search'], [type='tel'], [type='url'], [type='number']), :is(select), input:is([type='checkbox'], [type='radio']) { border-color: var(--bs-input-border-color); border-width: var(--bs-input-border-width); border-radius: var(--bs-input-border-radius); margin-bottom: 1rem; &[type=checkbox] { border-radius: var(--bs-input-border-radius); } &:focus { border-color: var(--bs-form-accent); box-shadow: 0 0 0 .25rem var(--bs-form-accent-focus-outline-color); } } input:is([type='checkbox'], [type='radio']) { &:checked, &[type="checkbox"]:indeterminate { background-color: var(--bs-form-accent); border-color: var(--bs-form-accent); } &[type="checkbox"] { &:checked { --bs-form-check-bg-image: var(--bs-form-check-bg-svg); } &:indeterminate { --bs-form-check-bg-image: var(--bs-form-indeterminate-bg-svg); } } &:focus { border-color: var(--bs-form-accent); box-shadow: 0 0 0 .25rem var(--bs-form-accent-focus-outline-color); } } .form-range { &::-webkit-slider-thumb { background: var(--bs-form-accent); } &::-moz-range-thumb { background: var(--bs-form-accent); } &:focus { outline: 0; &::-webkit-slider-thumb { box-shadow: 0 0 0 .25rem var(--bs-form-accent-focus-outline-color); } &::-moz-range-thumb { box-shadow: 0 0 0 .25rem var(--bs-form-accent-focus-outline-color); } } } .form-range::-webkit-slider-thumb:active { background: var(--bs-form-accent); opacity: .7; } .form-range::-moz-range-thumb:active { background: var(--bs-form-accent); opacity: .7; } .progress-bar { --bs-progress-bar-color: var(--bs-form-accent-contrast); --bs-progress-bar-bg: var(--bs-form-accent); } /* Hide the "dots" from a default