/* Theme base styles */ /* Tools Any animations, or functions used throughout the project. Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here */ /* feather-icon*/ @font-face { font-family: "feather";font-display:swap;src: url('https://beta.transfunnel.com/hubfs/2023/fonts/feather/feather-icon.eot'); /* IE9*/ src: url('https://beta.transfunnel.com/hubfs/2023/fonts/feather/feather-icon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('https://beta.transfunnel.com/hubfs/2023/fonts/feather/feather-icon.woff') format('woff'), /* chrome, firefox */ url('https://beta.transfunnel.com/hubfs/2023/fonts/feather/feather-icon.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/ url('https://beta.transfunnel.com/hubfs/2023/fonts/feather/feather-icon.svg#feather') format('svg'); /* iOS 4.1- */ } .feather { font-family:"feather"; font-size:16px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-alert-octagon:before { content: "\e81b"; } .icon-alert-circle:before { content: "\e81c"; } .icon-activity:before { content: "\e81d"; } .icon-alert-triangle:before { content: "\e81e"; } .icon-align-center:before { content: "\e81f"; } .icon-airplay:before { content: "\e820"; } .icon-align-justify:before { content: "\e821"; } .icon-align-left:before { content: "\e822"; } .icon-align-right:before { content: "\e823"; } .icon-arrow-down-left:before { content: "\e824"; } .icon-arrow-down-right:before { content: "\e825"; } .icon-anchor:before { content: "\e826"; } .icon-aperture:before { content: "\e827"; } .icon-arrow-left:before { content: "\e828"; } .icon-arrow-right:before { content: "\e829"; } .icon-arrow-down:before { content: "\e82a"; } .icon-arrow-up-left:before { content: "\e82b"; } .icon-arrow-up-right:before { content: "\e82c"; } .icon-arrow-up:before { content: "\e82d"; } .icon-award:before { content: "\e82e"; } .icon-bar-chart:before { content: "\e82f"; } .icon-at-sign:before { content: "\e830"; } .icon-bar-chart-:before { content: "\e831"; } .icon-battery-charging:before { content: "\e832"; } .icon-bell-off:before { content: "\e833"; } .icon-battery:before { content: "\e834"; } .icon-bluetooth:before { content: "\e835"; } .icon-bell:before { content: "\e836"; } .icon-book:before { content: "\e837"; } .icon-briefcase:before { content: "\e838"; } .icon-camera-off:before { content: "\e839"; } .icon-calendar:before { content: "\e83a"; } .icon-bookmark:before { content: "\e83b"; } .icon-box:before { content: "\e83c"; } .icon-camera:before { content: "\e83d"; } .icon-check-circle:before { content: "\e83e"; } .icon-check:before { content: "\e83f"; } .icon-check-square:before { content: "\e840"; } .icon-cast:before { content: "\e841"; } .icon-chevron-down:before { content: "\e842"; } .icon-chevron-left:before { content: "\e843"; } .icon-chevron-right:before { content: "\e844"; } .icon-chevron-up:before { content: "\e845"; } .icon-chevrons-down:before { content: "\e846"; } .icon-chevrons-right:before { content: "\e847"; } .icon-chevrons-up:before { content: "\e848"; } .icon-chevrons-left:before { content: "\e849"; } .icon-circle:before { content: "\e84a"; } .icon-clipboard:before { content: "\e84b"; } .icon-chrome:before { content: "\e84c"; } .icon-clock:before { content: "\e84d"; } .icon-cloud-lightning:before { content: "\e84e"; } .icon-cloud-drizzle:before { content: "\e84f"; } .icon-cloud-rain:before { content: "\e850"; } .icon-cloud-off:before { content: "\e851"; } .icon-codepen:before { content: "\e852"; } .icon-cloud-snow:before { content: "\e853"; } .icon-compass:before { content: "\e854"; } .icon-copy:before { content: "\e855"; } .icon-corner-down-right:before { content: "\e856"; } .icon-corner-down-left:before { content: "\e857"; } .icon-corner-left-down:before { content: "\e858"; } .icon-corner-left-up:before { content: "\e859"; } .icon-corner-up-left:before { content: "\e85a"; } .icon-corner-up-right:before { content: "\e85b"; } .icon-corner-right-down:before { content: "\e85c"; } .icon-corner-right-up:before { content: "\e85d"; } .icon-cpu:before { content: "\e85e"; } .icon-credit-card:before { content: "\e85f"; } .icon-crosshair:before { content: "\e860"; } .icon-disc:before { content: "\e861"; } .icon-delete:before { content: "\e862"; } .icon-download-cloud:before { content: "\e863"; } .icon-download:before { content: "\e864"; } .icon-droplet:before { content: "\e865"; } .icon-edit-:before { content: "\e866"; } .icon-edit:before { content: "\e867"; } .icon-edit-1:before { content: "\e868"; } .icon-external-link:before { content: "\e869"; } .icon-eye:before { content: "\e86a"; } .icon-feather:before { content: "\e86b"; } .icon-facebook:before { content: "\e86c"; } .icon-file-minus:before { content: "\e86d"; } .icon-eye-off:before { content: "\e86e"; } .icon-fast-forward:before { content: "\e86f"; } .icon-file-text:before { content: "\e870"; } .icon-film:before { content: "\e871"; } .icon-file:before { content: "\e872"; } .icon-file-plus:before { content: "\e873"; } .icon-folder:before { content: "\e874"; } .icon-filter:before { content: "\e875"; } .icon-flag:before { content: "\e876"; } .icon-globe:before { content: "\e877"; } .icon-grid:before { content: "\e878"; } .icon-heart:before { content: "\e879"; } .icon-home:before { content: "\e87a"; } .icon-github:before { content: "\e87b"; } .icon-image:before { content: "\e87c"; } .icon-inbox:before { content: "\e87d"; } .icon-layers:before { content: "\e87e"; } .icon-info:before { content: "\e87f"; } .icon-instagram:before { content: "\e880"; } .icon-layout:before { content: "\e881"; } .icon-link-:before { content: "\e882"; } .icon-life-buoy:before { content: "\e883"; } .icon-link:before { content: "\e884"; } .icon-log-in:before { content: "\e885"; } .icon-list:before { content: "\e886"; } .icon-lock:before { content: "\e887"; } .icon-log-out:before { content: "\e888"; } .icon-loader:before { content: "\e889"; } .icon-mail:before { content: "\e88a"; } .icon-maximize-:before { content: "\e88b"; } .icon-map:before { content: "\e88c"; } .icon-maximize:before { content: "\e88d"; } .icon-map-pin:before { content: "\e88e"; } .icon-menu:before { content: "\e88f"; } .icon-message-circle:before { content: "\e890"; } .icon-message-square:before { content: "\e891"; } .icon-minimize-:before { content: "\e892"; } .icon-mic-off:before { content: "\e893"; } .icon-minus-circle:before { content: "\e894"; } .icon-mic:before { content: "\e895"; } .icon-minus-square:before { content: "\e896"; } .icon-minus:before { content: "\e897"; } .icon-moon:before { content: "\e898"; } .icon-monitor:before { content: "\e899"; } .icon-more-vertical:before { content: "\e89a"; } .icon-more-horizontal:before { content: "\e89b"; } .icon-move:before { content: "\e89c"; } .icon-music:before { content: "\e89d"; } .icon-navigation-:before { content: "\e89e"; } .icon-navigation:before { content: "\e89f"; } .icon-octagon:before { content: "\e8a0"; } .icon-package:before { content: "\e8a1"; } .icon-pause-circle:before { content: "\e8a2"; } .icon-pause:before { content: "\e8a3"; } .icon-percent:before { content: "\e8a4"; } .icon-phone-call:before { content: "\e8a5"; } .icon-phone-forwarded:before { content: "\e8a6"; } .icon-phone-missed:before { content: "\e8a7"; } .icon-phone-off:before { content: "\e8a8"; } .icon-phone-incoming:before { content: "\e8a9"; } .icon-phone:before { content: "\e8aa"; } .icon-phone-outgoing:before { content: "\e8ab"; } .icon-pie-chart:before { content: "\e8ac"; } .icon-play-circle:before { content: "\e8ad"; } .icon-play:before { content: "\e8ae"; } .icon-plus-square:before { content: "\e8af"; } .icon-plus-circle:before { content: "\e8b0"; } .icon-plus:before { content: "\e8b1"; } .icon-pocket:before { content: "\e8b2"; } .icon-printer:before { content: "\e8b3"; } .icon-power:before { content: "\e8b4"; } .icon-radio:before { content: "\e8b5"; } .icon-repeat:before { content: "\e8b6"; } .icon-refresh-ccw:before { content: "\e8b7"; } .icon-rewind:before { content: "\e8b8"; } .icon-rotate-ccw:before { content: "\e8b9"; } .icon-refresh-cw:before { content: "\e8ba"; } .icon-rotate-cw:before { content: "\e8bb"; } .icon-save:before { content: "\e8bc"; } .icon-search:before { content: "\e8bd"; } .icon-server:before { content: "\e8be"; } .icon-scissors:before { content: "\e8bf"; } .icon-share-:before { content: "\e8c0"; } .icon-share:before { content: "\e8c1"; } .icon-shield:before { content: "\e8c2"; } .icon-settings:before { content: "\e8c3"; } .icon-skip-back:before { content: "\e8c4"; } .icon-shuffle:before { content: "\e8c5"; } .icon-sidebar:before { content: "\e8c6"; } .icon-skip-forward:before { content: "\e8c7"; } .icon-slack:before { content: "\e8c8"; } .icon-slash:before { content: "\e8c9"; } .icon-smartphone:before { content: "\e8ca"; } .icon-square:before { content: "\e8cb"; } .icon-speaker:before { content: "\e8cc"; } .icon-star:before { content: "\e8cd"; } .icon-stop-circle:before { content: "\e8ce"; } .icon-sun:before { content: "\e8cf"; } .icon-sunrise:before { content: "\e8d0"; } .icon-tablet:before { content: "\e8d1"; } .icon-tag:before { content: "\e8d2"; } .icon-sunset:before { content: "\e8d3"; } .icon-target:before { content: "\e8d4"; } .icon-thermometer:before { content: "\e8d5"; } .icon-thumbs-up:before { content: "\e8d6"; } .icon-thumbs-down:before { content: "\e8d7"; } .icon-toggle-left:before { content: "\e8d8"; } .icon-toggle-right:before { content: "\e8d9"; } .icon-trash-:before { content: "\e8da"; } .icon-trash:before { content: "\e8db"; } .icon-trending-up:before { content: "\e8dc"; } .icon-trending-down:before { content: "\e8dd"; } .icon-triangle:before { content: "\e8de"; } .icon-type:before { content: "\e8df"; } .icon-twitter:before { content: "\e8e0"; } .icon-upload:before { content: "\e8e1"; } .icon-umbrella:before { content: "\e8e2"; } .icon-upload-cloud:before { content: "\e8e3"; } .icon-unlock:before { content: "\e8e4"; } .icon-user-check:before { content: "\e8e5"; } .icon-user-minus:before { content: "\e8e6"; } .icon-user-plus:before { content: "\e8e7"; } .icon-user-x:before { content: "\e8e8"; } .icon-user:before { content: "\e8e9"; } .icon-users:before { content: "\e8ea"; } .icon-video-off:before { content: "\e8eb"; } .icon-video:before { content: "\e8ec"; } .icon-voicemail:before { content: "\e8ed"; } .icon-volume-x:before { content: "\e8ee"; } .icon-volume-:before { content: "\e8ef"; } .icon-volume-1:before { content: "\e8f0"; } .icon-volume:before { content: "\e8f1"; } .icon-watch:before { content: "\e8f2"; } .icon-wifi:before { content: "\e8f3"; } .icon-x-square:before { content: "\e8f4"; } .icon-wind:before { content: "\e8f5"; } .icon-x:before { content: "\e8f6"; } .icon-x-circle:before { content: "\e8f7"; } .icon-zap:before { content: "\e8f8"; } .icon-zoom-in:before { content: "\e8f9"; } .icon-zoom-out:before { content: "\e8fa"; } .icon-command:before { content: "\e8fb"; } .icon-cloud:before { content: "\e8fc"; } .icon-hash:before { content: "\e8fd"; } .icon-headphones:before { content: "\e8fe"; } /* Generic This is where reset, normalize & box-sizing styles go. */ *, *:before, *:after { box-sizing: border-box; } /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * Add the correct box sizing in Firefox. */ hr { box-sizing: content-box; height: 0; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Remove the inheritance of text transform in Edge and Firefox. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * Remove the padding so developers are not caught out when they zero out `fieldset` elements in all browsers. */ legend { padding: 0; } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Objects Non-cosmetic design patterns including grid and layout classes) */ /* CSS variables */ :root { --column-gap: 2.13%; --column-width-multiplier: 8.333; } /* Mobile layout */ .row-fluid { display: flex; flex-wrap: wrap; width: 100%; } .row-fluid .span1, .row-fluid .span2, .row-fluid .span3, .row-fluid .span4, .row-fluid .span5, .row-fluid .span6, .row-fluid .span7, .row-fluid .span8, .row-fluid .span9, .row-fluid .span10, .row-fluid .span11, .row-fluid .span12{ min-height: 1px; width: 100%; } /* Desktop layout */ @media (min-width: 768px) { .row-fluid { flex-wrap: nowrap; justify-content: space-between; } .row-fluid .span1 { width: calc(var(--column-width-multiplier) * 1% * 1 - var(--column-gap) * (11 * var(--column-width-multiplier) / 100)); } .row-fluid .span2 { width: calc(var(--column-width-multiplier) * 1% * 2 - var(--column-gap) * (10 * var(--column-width-multiplier) / 100)); } .row-fluid .span3 { width: calc(var(--column-width-multiplier) * 1% * 3 - var(--column-gap) * (9 * var(--column-width-multiplier) / 100)); } .row-fluid .span4 { width: calc(var(--column-width-multiplier) * 1% * 4 - var(--column-gap) * (8 * var(--column-width-multiplier) / 100)); } .row-fluid .span5 { width: calc(var(--column-width-multiplier) * 1% * 5 - var(--column-gap) * (7 * var(--column-width-multiplier) / 100)); } .row-fluid .span6 { width: calc(var(--column-width-multiplier) * 1% * 6 - var(--column-gap) * (6 * var(--column-width-multiplier) / 100)); } .row-fluid .span7 { width: calc(var(--column-width-multiplier) * 1% * 7 - var(--column-gap) * (5 * var(--column-width-multiplier) / 100)); } .row-fluid .span8 { width: calc(var(--column-width-multiplier) * 1% * 8 - var(--column-gap) * (4 * var(--column-width-multiplier) / 100)); } .row-fluid .span9 { width: calc(var(--column-width-multiplier) * 1% * 9 - var(--column-gap) * (3 * var(--column-width-multiplier) / 100)); } .row-fluid .span10 { width: calc(var(--column-width-multiplier) * 1% * 10 - var(--column-gap) * (2 * var(--column-width-multiplier) / 100)); } .row-fluid .span11 { width: calc(var(--column-width-multiplier) * 1% * 11 - var(--column-gap) * (1 * var(--column-width-multiplier) / 100)); } } .content-wrapper { margin: 0 auto; padding: 0 15px; } /* @media screen and (min-width: 1380px) { .content-wrapper { padding: 0; } } */ .dnd-section > .row-fluid { margin: 0 auto; } .dnd-section .dnd-column { padding: 0 1rem; } @media (max-width: 767px) { .dnd-section .dnd-column { padding: 0; } } /* Elements Base HMTL elements are styled in this section (,

, ,

,