1<!DOCTYPE html> 2<html lang="en-US"> 3<head> 4 <meta charset="UTF-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1"> 6 7 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 8 9 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 10 <title>Trinity Logistics Customer Portal - Log In & Manage Shipping</title> 11 <meta name="description" content="Log in to the Trinity Logistics Customer Portal to see updates on shipments, access documents, pay an invoice online, or request a quote - all in our free Portal!" /> 12 <link rel="canonical" href="https://trinitylogistics.com/customer-login" /> 13 <meta property="og:locale" content="en_US" /> 14 <meta property="og:type" content="article" /> 15 <meta property="og:title" content="Trinity Logistics Customer Portal - Log In & Manage Shipping" /> 16 <meta property="og:description" content="Log in to the Trinity Logistics Customer Portal to see updates on shipments, access documents, pay an invoice online, or request a quote - all in our free Portal!" /> 17 <meta property="og:url" content="https://trinitylogistics.com/customer-login" /> 18 <meta property="og:site_name" content="Trinity Logistics, a Burris Logistics Company" /> 19 <meta property="article:publisher" content="https://www.facebook.com/logisticsleaders/" /> 20 <meta property="article:modified_time" content="2022-12-06T13:00:13+00:00" /> 21 <meta property="og:image" content="https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-1024x456.png" /> 22 <meta name="twitter:card" content="summary_large_image" /> 23 <meta name="twitter:site" content="@Trin_Logistics" /> 24 <meta name="twitter:label1" content="Est. reading time" /> 25 <meta name="twitter:data1" content="4 minutes" /> 26
26<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/trinitylogistics.com\/customer-login","url":"https:\/\/trinitylogistics.com\/customer-login","name":"Trinity Logistics Customer Portal - Log In & Manage Shipping","isPartOf":{"@id":"https:\/\/trinitylogistics.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/trinitylogistics.com\/customer-login#primaryimage"},"image":{"@id":"https:\/\/trinitylogistics.com\/customer-login#primaryimage"},"thumbnailUrl":"https:\/\/trinitylogistics.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-07-at-12.57.29-PM-1024x456.png","datePublished":"2020-07-27T17:58:49+00:00","dateModified":"2022-12-06T13:00:13+00:00","description":"Log in to the Trinity Logistics Customer Portal to see updates on shipments, access documents, pay an invoice online, or request a quote - all in our free Portal!","breadcrumb":{"@id":"https:\/\/trinitylogistics.com\/customer-login#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/trinitylogistics.com\/customer-login"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trinitylogistics.com\/customer-login#primaryimage","url":"https:\/\/trinitylogistics.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-07-at-12.57.29-PM.png","contentUrl":"https:\/\/trinitylogistics.com\/wp-content\/uploads\/2022\/01\/Screen-Shot-2022-01-07-at-12.57.29-PM.png","width":3126,"height":1392},{"@type":"BreadcrumbList","@id":"https:\/\/trinitylogistics.com\/customer-login#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/trinitylogistics.com\/"},{"@type":"ListItem","position":2,"name":"Login-Customers"}]},{"@type":"WebSite","@id":"https:\/\/trinitylogistics.com\/#website","url":"https:\/\/trinitylogistics.com\/","name":"Trinity Logistics, a Burris Logistics Company","description":"","publisher":{"@id":"https:\/\/trinitylogistics.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/trinitylogistics.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/trinitylogistics.com\/#organization","name":"Trinity Logstics","url":"https:\/\/trinitylogistics.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/trinitylogistics.com\/#\/schema\/logo\/image\/","url":"https:\/\/trinitylogistics.com\/wp-content\/uploads\/2020\/07\/trinity-logo-endorse-onlight.png","contentUrl":"https:\/\/trinitylogistics.com\/wp-content\/uploads\/2020\/07\/trinity-logo-endorse-onlight.png","width":767,"height":175,"caption":"Trinity Logstics"},"image":{"@id":"https:\/\/trinitylogistics.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/logisticsleaders\/","https:\/\/x.com\/Trin_Logistics","https:\/\/www.linkedin.com\/organization-guest\/company\/trinity-logistics","https:\/\/www.instagram.com\/trinity_logistics\/?hl=en","https:\/\/www.youtube.com\/c\/Trinitylogistics"]}]}</script>
26 27 <!-- / Yoast SEO plugin. --> 28 29 30<link rel='dns-prefetch' href='//code.jquery.com' /> 31<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 32<link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> 33<link rel='dns-prefetch' href='//unpkg.co' /> 34<link rel='dns-prefetch' href='//use.typekit.net' /> 35<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://trinitylogistics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftrinitylogistics.com%2Fcustomer-login" /> 36<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://trinitylogistics.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Ftrinitylogistics.com%2Fcustomer-login&format=xml" /> 37<style id="wp-img-auto-sizes-contain-inline-css"> 38img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 39/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 40</style> 41<style id="wp-emoji-styles-inline-css"> 42 43 img.wp-smiley, img.emoji { 44 display: inline !important; 45 border: none !important; 46 box-shadow: none !important; 47 height: 1em !important; 48 width: 1em !important; 49 margin: 0 0.07em !important; 50 vertical-align: -0.1em !important; 51 background: none !important; 52 padding: 0 !important; 53 } 54/*# sourceURL=wp-emoji-styles-inline-css */ 55</style> 56<style id="wp-block-library-inline-css"> 57:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
57--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 58 59/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 60</style> 61<style id="wp-block-cover-inline-css"> 62.wp-block-cover,.wp-block-cover-image{align-items:center;background-position:50%;box-sizing:border-box;display:flex;justify-content:center;min-height:430px;overflow:hidden;overflow:clip;padding:1em;position:relative}.wp-block-cover .has-background-dim:not([class*=-background-color]),.wp-block-cover-image .has-background-dim:not([class*=-background-color]),.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]){background-color:#000}.wp-block-cover .has-background-dim.has-background-gradient,.wp-block-cover-image .has-background-dim.has-background-gradient{background-color:transparent}.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before{background-color:inherit;content:""}.wp-block-cover .wp-block-cover__background,.wp-block-cover .wp-block-cover__gradient-background,.wp-block-cover-image .wp-block-cover__background,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover.has-background-dim:not(.has-background-gradient):before{bottom:0;left:0;opacity:.5;position:absolute;right:0;top:0}.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before{opacity:.1}.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before{opacity:.2}.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before{opacity:.3}.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before{opacity:.4}.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before{opacity:.5}.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before{opacity:.6}.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before{opacity:.7}.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before{opacity:.8}.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before{opacity:.9}.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before{opacity:1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-0,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0{opacity:0}
62.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-10,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10{opacity:.1}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-20,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20{opacity:.2}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-30,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30{opacity:.3}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-40,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40{opacity:.4}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-50,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50{opacity:.5}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-60,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60{opacity:.6}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-70,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70{opacity:.7}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-80,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80{opacity:.8}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-90,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90{opacity:.9}.wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__background.has-background-dim.has-background-dim-100,.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100{opacity:1}.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright{max-width:420px;width:100%}.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright{display:flex}.wp-block-cover .wp-block-cover__inner-container,.wp-block-cover-image .wp-block-cover__inner-container{c
62olor:inherit;position:relative;width:100%}.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left{align-items:flex-start;justify-content:flex-start}.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center{align-items:flex-start;justify-content:center}.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right{align-items:flex-start;justify-content:flex-end}.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left{align-items:center;justify-content:flex-start}.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center{align-items:center;justify-content:center}.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right{align-items:center;justify-content:flex-end}.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left{align-items:flex-end;justify-content:flex-start}.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center{align-items:flex-end;justify-content:center}.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right{align-items:flex-end;justify-content:flex-end}.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container{margin:0}.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover-image.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-bottom-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-center-right .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-left .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position.is-position-top-right .wp-block-cover__inner-container{margin:0;width:auto}.wp-block-cover .wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background,.wp-block-cover-image .wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;-o-object-fit:cover;object-fit:cover;outline:none;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background,.wp-block-cover-image .wp-block-cover__embed-background{border:none;bottom:0;box-shadow:none;height:100%;left:0;margin:0;max-height:none;max-width:none;outline:none;padding:0;pointer-events:none;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper,.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper{bottom:0;height:100%;left:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%}.wp-block-cover .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,.wp-block-cover .wp-block-cover__embed-background iframe,.wp-block-cover-image .wp-block-cover__embed-background .wp-block-embed__wrapper iframe,.wp-block-cover-image .wp-block-cover__embed-background iframe{height:100vh;left:50%;min-height:100%;min-width:100%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:100vw}.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:fixed;background-repeat:no-repeat;background-size:cover}@supports (-webkit-touch-callout:inherit){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}@media (prefers-reduced-motion:reduce){.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax,.wp-block-cover__image-background.has-parallax,video.wp-block-cover__video-background.has-parallax{background-attachment:scroll}}.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated,.wp-block-cover__image-background.is-repeated,video.wp-block-cover__video-background.is-repeated{background-repeat:repeat;background-size:auto}.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover{color:#fff}.wp-block-cover-image .wp-block-cover.has-left-content{justify-content:flex-start}.wp-block-cover-image .wp-block-cover.has-right-content{justify-content:flex-end}.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2{margin-left:0;text-align:left}.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2{margin-right:0;text-align:right}.wp-block-cover .wp-block-cover-text,.wp-block-cover-image .wp-block-cover-image-text,section.wp-block-cover-image>h2{font-size:2em;line-height:1.25;margin-bottom:0;max-width:840px;padding:.44em;text-align:center;z-index:1}:where(.wp-block-cover-image:not(.has-text-color)),:where(.wp-block-cover:not(.has-text-color)){color:#fff}:where(.wp-block-cover-image.is-light:not(.has-text-color)),:where(.wp-block-cover.is-light:not(.has-text-color)){color:#000}:root :where(.wp-block-cover h1:not(.has-text-color)),:root :where(.wp-block-cover h2:not(.has-text-color)),:root :where(.wp-block-cover h3:not(.has-text-color)),:root :where(.wp-block-cover h4:not(.has-text-color)),:root :where(.wp-block-cover h5:not(.has-text-color)),:root :where(.wp-block-cover h6:not(.has-text-color)),:root :where(.wp-block-cover p:not(.has-text-color)){color:inherit}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__video-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__embed-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__image-background{z-index:0}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__gradient-background,body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)).has-background-dim:not(.has-background-gradient):before{z-index:1}body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:1}.has-modal-open body:not(.editor-styles-wrapper) .wp-block-cover:not(.wp-block-cover:has(.wp-block-cover__background+.wp-block-cover__inner-container)) .wp-block-cover__inner-container{z-index:auto} 63/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/cover/style.min.css */ 64</style> 65<style id="wp-block-heading-inline-css"> 66h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} 67/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/heading/style.min.css */ 68</style> 69<style id="wp-block-image-inline-css"> 70.wp-block-image>a,.wp-block-image>figure>a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media not (prefers-reduced-motion){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull>a,.wp-block-image.alignwide>a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;backdrop-filter:blur(16px) saturate(180%);background-color:rgba(90,90,90,.25);border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;width:20px;z-index:100}@media not (prefers-reduced-motion){.wp-lightbox-container button{transition:opacity .2s ease}}.wp-lightbox-container button:focus-visible{outline:3px auto rgba(90,90,90,.25);outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:rgba(90,90,90,.25);border:none}.wp-lightbox-overlay{box-sizing:border-box;
70cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .wp-lightbox-close-button{align-items:center;cursor:pointer;display:flex;font-family:inherit;gap:8px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 4px;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .wp-lightbox-close-button:focus,.wp-lightbox-overlay .wp-lightbox-close-button:hover,.wp-lightbox-overlay .wp-lightbox-close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .wp-lightbox-close-button:has(.wp-lightbox-close-text:not([hidden])) .wp-lightbox-close-icon svg{height:1em;width:1em}.wp-lightbox-overlay .wp-lightbox-close-icon svg{display:block}.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{align-items:center;bottom:16px;cursor:pointer;display:flex;font-family:inherit;gap:4px;justify-content:center;line-height:1;min-height:40px;min-width:40px;padding:0 8px;position:absolute;z-index:2000002}.wp-lightbox-overlay .wp-lightbox-navigation-button-next[hidden],.wp-lightbox-overlay .wp-lightbox-navigation-button-prev[hidden]{display:none}@media (min-width:960px){.wp-lightbox-overlay .wp-lightbox-navigation-button-next,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{bottom:50%;transform:translateY(-50%)}}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-next:not(:hover):not(:active):not(.has-background),.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:focus,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:hover,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:not(:hover):not(:active):not(.has-background){background:none;border:none;padding:0 8px}.wp-lightbox-overlay .wp-lightbox-navigation-button-next:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg,.wp-lightbox-overlay .wp-lightbox-navigation-button-prev:has(.wp-lightbox-navigation-text:not([hidden])) .wp-lightbox-navigation-icon svg{display:block;height:1.5em;width:1.5em}.wp-lightbox-overlay .wp-lightbox-navigation-button-prev{left:calc(env(safe-area-inset-left) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-button-next{right:calc(env(safe-area-inset-right) + 16px)}.wp-lightbox-overlay .wp-lightbox-navigation-icon svg{vertical-align:middle}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:2000001}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{visibility:visible}@media not (prefers-reduced-motion){.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}
70@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} 71/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/image/style.min.css */ 72</style> 73<style id="wp-block-paragraph-inline-css"> 74.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} 75/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/paragraph/style.min.css */ 76</style> 77<style id="wp-block-columns-inline-css"> 78.wp-block-columns{box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns{align-items:normal!important}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} 79/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/columns/style.min.css */ 80</style> 81<style id="wp-block-group-inline-css"> 82.wp-block-group{box-sizing:border-box}:where(.wp-block-group.wp-block-group-is-layout-constrained){position:relative} 83/*# sourceURL=https://trinitylogistics.com/wp-includes/blocks/group/style.min.css */ 84</style> 85 86<style id="classic-theme-styles-inline-css"> 87/*! This file is auto-generated */ 88.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 89/*# sourceURL=/wp-includes/css/classic-themes.min.css */ 90</style> 91 92<style id="global-styles-inline-css"> 93:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #1d1d2c;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--purple-dark-2: #632694;--wp--preset--color--aqua: #21a8af;--wp--preset--color--purple-dark: #632695;--wp--preset--color--purple-light: #9e15bf;--wp--preset--color--pink: #b5267b;--wp--preset--color--grey-light: #f7f7f7;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,
930) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-purple-dark-2-color{color: var(--wp--preset--color--purple-dark-2) !important;}.has-aqua-color{color: var(--wp--preset--color--aqua) !important;}.has-purple-dark-color{color: var(--wp--preset--color--purple-dark) !important;}.has-purple-light-color{color: var(--wp--preset--color--purple-light) !important;}.has-pink-color{color: var(--wp--preset--color--pink) !important;}.has-grey-light-color{color: var(--wp--preset--color--grey-light) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-purple-dark-2-background-color{background-color: var(--wp--preset--color--purple-dark-2) !important;}.has-aqua-background-color{background-color: var(--wp--preset--color--aqua) !important;}.has-purple-dark-background-color{background-color: var(--wp--preset--color--purple-dark) !important;}.has-purple-light-background-color{background-color: var(--wp--preset--color--purple-light) !important;}.has-pink-background-color{background-color: var(--wp--preset--color--pink) !important;}.has-grey-light-background-color{background-color: var(--wp--preset--color--grey-light) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-purple-dark-2-border-color{border-color: var(--wp--preset--color--purple-dark-2) !important;}.has-aqua-border-color{border-color: var(--wp--preset--color--aqua) !important;}.has-purple-dark-border-color{border-color: var(--wp--preset--color--purple-dark) !important;}.has-purple-light-border-color{border-color: var(--wp--preset--color--purple-light) !important;}.has-pink-border-color{border-color: var(--wp--preset--color--pink) !important;}.has-grey-light-border-color{border-color: var(--wp--preset--color--grey-light) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
93.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 94:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 95/*# sourceURL=global-styles-inline-css */ 96</style> 97 98<link rel='stylesheet' id='heateor_sss_frontend_css-css' href='https://trinitylogistics.com/wp-content/plugins/sassy-social-share/public/css/sassy-social-share-public.css?ver=3.3.79' media='all' /> 99<style id="heateor_sss_frontend_css-inline-css"> 100.heateor_sss_button_instagram span.heateor_sss_svg,a.heateor_sss_instagram span.heateor_sss_svg{background:radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%)}.heateor_sss_horizontal_sharing .heateor_sss_svg,.heateor_sss_standard_follow_icons_container .heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent}.heateor_sss_horizontal_sharing .heateorSssTCBackground{color:#666}.heateor_sss_horizontal_sharing span.heateor_sss_svg:hover,.heateor_sss_standard_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}.heateor_sss_vertical_sharing span.heateor_sss_svg,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg{color:#fff;border-width:0px;border-style:solid;border-color:transparent;}.heateor_sss_vertical_sharing .heateorSssTCBackground{color:#666;}.heateor_sss_vertical_sharing span.heateor_sss_svg:hover,.heateor_sss_floating_follow_icons_container span.heateor_sss_svg:hover{border-color:transparent;}@media screen and (max-width:783px) {.heateor_sss_vertical_sharing{display:none!important}} 101/*# sourceURL=heateor_sss_frontend_css-inline-css */ 102</style> 103<link rel='stylesheet' id='dry3-main-css' href='https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/build/style.css?ver=3.10' media='all' /> 104<link rel='stylesheet' id='typekit-css' href='https://use.typekit.net/nuw5xhc.css?ver=3.10' media='all' /> 105<link rel='stylesheet' id='slick-css' href='https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css?ver=3.10' media='all' />
106<script id="jquery-js" src="https://code.jquery.com/jquery-3.5.1.min.js?ver=3.5.1"></script>
vendor: 1 bytes, line 106
106
107<script id="tp-js-js-extra"> 108var trustpilot_settings = {"key":"Bfb6SdT2pcnO6GwE","TrustpilotScriptUrl":"https://invitejs.trustpilot.com/tp.min.js","IntegrationAppUrl":"//ecommscript-integrationapp.trustpilot.com","PreviewScriptUrl":"//ecommplugins-scripts.trustpilot.com/v2.1/js/preview.min.js","PreviewCssUrl":"//ecommplugins-scripts.trustpilot.com/v2.1/css/preview.min.css","PreviewWPCssUrl":"//ecommplugins-scripts.trustpilot.com/v2.1/css/preview_wp.css","WidgetScriptUrl":"//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js"}; 109//# sourceURL=tp-js-js-extra 110</script>
vendor: 1 bytes, line 110
110
111<script id="tp-js-js" src="https://trinitylogistics.com/wp-content/plugins/trustpilot-reviews/review/assets/js/headerScript.min.js?ver=1.0'%20async='async"></script>
vendor: 1 bytes, line 111
111
112<script id="dry3-main-js" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/build/bundle.js?ver=3.10"></script>
112 113<link rel="https://api.w.org/" href="https://trinitylogistics.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://trinitylogistics.com/wp-json/wp/v2/pages/10891" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://trinitylogistics.com/xmlrpc.php?rsd" /> 114<link rel='shortlink' href='https://trinitylogistics.com/?p=10891' /> 115<meta name="facebook-domain-verification" content="su4uu8k889ur7f675nv8gc1d7rr0kf" /> 116<meta name="google-site-verification" content="qPnrEjPhS_7WqGNmvBOhZzo3XrcTkY5RH6IU8MhlvL4" /><meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://trinitylogistics.com"><link rel="alternate" href="https://trinitylogistics.com/wp-json/tribe/events/v1/" />
116<script type="text/javascript" src=https://secure.team8save.com/js/203863.js></script>
116 117 <noscript><img src=https://secure.team8save.com/203863.png alt="" style="display:none;" /></noscript> 118
118<script> 119 window.prechatTemplate = { 120 "SubmitLabel": "Start Chat", 121 "fields": { 122 "0": { 123 "error": "Please Enter a valid first name", 124 "fieldId": "first_name", 125 "label": "First Name", 126 "required": "yes", 127 "type": "text" 128 }, 129 "1": { 130 "error": "Please Enter a valid last name", 131 "fieldId": "last_name", 132 "label": "Last Name", 133 "required": "yes", 134 "type": "text" 135 }, 136 "2": { 137 "showEmail": "yes", 138 "error": "Please Enter a valid email", 139 "fieldId": "email", 140 "label": "Email", 141 "required": "yes", 142 "type": "group" 143 }, 144 "3": { 145 "error": "Please Enter a valid Phone Number", 146 "fieldId": "phone", 147 "label": "Phone", 148 "required": "no", 149 "type": "phone" 150 }, 151 152 }, 153 "heading": "Chat with Us", 154 "mainbgColor": "#01b4b9", 155 "maintxColor": "#fff", 156 "textBanner": "We can't wait to talk to you. But first, please take a couple of moments to tell us a bit about yourself." 157 }; 158 window.fcSettings = { 159 onInit: function() { 160 window.fcPreChatform.fcWidgetInit(window.prechatTemplate); 161 } 162 }; 163 window.fcWidgetMessengerConfig = { 164 config: { 165 content: { 166 actions: { 167 tab_chat: "Chat" 168 }, 169 headers: { 170 chat: "Chat With Us" 171 } 172 }, 173 cssNames: { 174 expanded: "custom_fc_expanded", 175 widget: "custom_fc_frame" 176 } 177 } 178 }; 179 </script>
179 180
180<script src="https://snippets.freshchat.com/js/fc-pre-chat-form-v2.js"></script>
180 181
181<script src='//fw-cdn.com/10726908/3526149.js' chat='true'></script>
181 182
182<script> 183 window.addEventListener('load', () => { 184 jQuery(document).on("gform_confirmation_loaded", function (e, form_id) { 185 setTimeout(function () { 186 window.scrollTo({ 187 y: jQuery(`#gf_${form_id}`).offset().top - 300, 188 behavior: 'smooth' 189 }) 190 }, 100); 191 }); 192 }) 193 </script>
193 194 <link rel="icon" href="https://trinitylogistics.com/wp-content/uploads/2026/05/cropped-Trinity-fav-icon-32x32.png" sizes="32x32" /> 195<link rel="icon" href="https://trinitylogistics.com/wp-content/uploads/2026/05/cropped-Trinity-fav-icon-192x192.png" sizes="192x192" /> 196<link rel="apple-touch-icon" href="https://trinitylogistics.com/wp-content/uploads/2026/05/cropped-Trinity-fav-icon-180x180.png" /> 197<meta name="msapplication-TileImage" content="https://trinitylogistics.com/wp-content/uploads/2026/05/cropped-Trinity-fav-icon-270x270.png" /> 198<style id="wp-custom-css"> 199#input_19_47_other{ 200 flex: unset; 201 max-width: 300px; 202} 203 204#field_19_55 .ginput_container, 205#field_19_56 .ginput_container{ 206 display:block; 207} 208/* Smooth page scroll on TX Tech - RC-MC */ 209html { 210 scroll-behavior: smooth; 211} 212 213/* 214 * Trinity Request a Quote - responsive stylesheet revision v6 215 * Add this to the staging theme's Additional CSS area. 216 * All selectors are isolated to the trinity-quote-v5 form class. 217 */ 218 219.trinity-quote-v5_wrapper { 220 --tq-accent: #00b7c6; 221 --tq-border: #173033; 222 --tq-field-gap: 1.35rem; 223 --tq-column-gap: 2rem; 224} 225 226/* Mobile-first foundation */ 227.trinity-quote-v5_wrapper .gform_fields { 228 display: block !important; 229 list-style: none !important; 230 margin: 0 !important; 231 padding: 0 !important; 232} 233 234.trinity-quote-v5_wrapper .gfield { 235 box-sizing: border-box !important; 236 margin: 0 0 var(--tq-field-gap) !important; 237 max-width: none !important; 238 min-width: 0 !important; 239 padding: 0 !important; 240 width: 100% !important; 241} 242 243/* Never override Gravity Forms conditional logic or hidden tracking fields. */ 244.trinity-quote-v5_wrapper .gfield_visibility_hidden, 245.trinity-quote-v5_wrapper .gfield[style*="display: none"], 246.trinity-quote-v5_wrapper .gform_hidden { 247 display: none !important; 248} 249 250.trinity-quote-v5_wrapper fieldset.gfield { 251 border: 0 !important; 252 min-inline-size: 0 !important; 253} 254 255.trinity-quote-v5_wrapper fieldset.gfield > legend { 256 box-sizing: border-box !important; 257 margin: 0 0 0.55rem !important; 258 padding: 0 !important; 259 width: 100% !important; 260} 261 262.trinity-quote-v5_wrapper .gfield_label, 263.trinity-quote-v5_wrapper .gfield_legend { 264 display: block !important; 265} 266 267/* Keep the accessible required indicator visually secondary so longer labels 268 * fit cleanly within their desktop columns. */ 269.trinity-quote-v5_wrapper .gfield_required_text { 270 font-size: 0.65em !important; 271 line-height: 1 !important; 272 margin-left: 0.15em !important; 273 white-space: nowrap !important; 274} 275 276/* Keep every standard control inside the viewport. */ 277.trinity-quote-v5_wrapper .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="submit"]), 278.trinity-quote-v5_wrapper .gfield select, 279.trinity-quote-v5_wrapper .gfield textarea { 280 box-sizing: border-box !important; 281 display: block !important; 282 max-width: 100% !important; 283 min-width: 0 !important; 284 width: 100% !important; 285} 286 287.trinity-quote-v5_wrapper .gfield input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="submit"]), 288.trinity-quote-v5_wrapper .gfield select { 289 min-height: 3rem !important; 290} 291 292.trinity-quote-v5_wrapper .gfield textarea { 293 min-height: 10rem; 294} 295 296/* Gravity Forms address and name fields. These are single-column by default so 297 * Safari never has to shrink or push a subfield beyond the viewport. */ 298.trinity-quote-v5_wrapper .ginput_complex, 299.trinity-quote-v5_wrapper .ginput_container_address, 300.trinity-quote-v5_wrapper .ginput_container_name { 301 display: grid !important; 302 gap: 0.85rem !important; 303 grid-template-columns: minmax(0, 1fr) !important; 304 margin: 0 !important; 305 width: 100% !important; 306} 307 308.trinity-quote-v5_wrapper .ginput_complex > span, 309.trinity-quote-v5_wrapper .ginput_complex > div { 310 box-sizing: border-box !important; 311 display: block !important; 312 float: none !important; 313 margin: 0 !important; 314 max-width: none !important; 315 min-width: 0 !important; 316 padding: 0 !important; 317 width: 100% !important; 318} 319 320.trinity-quote-v5_wrapper .ginput_complex label { 321 display: block !important; 322 margin: 0.25rem 0 0 !important; 323 position: static !important; 324 width: 100% !important; 325} 326 327.trinity-quote-v5_wrapper .gf_clear { 328 display: none !important; 329} 330 331/* Choice controls. The site theme currently gives all inputs width: 100%, 332 * which is the source of the Safari off-screen behavior. */ 333.trinity-quote-v5_wrapper .gfield_radio, 334.trinity-quote-v5_wrapper .gfield_checkbox { 335 display: grid !important; 336 gap: 0.75rem 1.5rem !important; 337 grid-template-columns: minmax(0, 1fr) !important; 338 list-style: none !important; 339 margin: 0 !important; 340 padding: 0 !important; 341 width: 100% !important; 342} 343 344.trinity-quote-v5_wrapper .gchoice { 345 align-items: flex-start !important; 346 display: flex !important; 347 gap: 0.65rem !important; 348 margin: 0 !important; 349 min-width: 0 !important; 350 padding: 0 !important; 351 width: 100% !important; 352} 353 354.trinity-quote-v5_wrapper .gchoice input[type="radio"], 355.trinity-quote-v5_wrapper .gchoice input[type="checkbox"] { 356 appearance: auto !important; 357 -webkit-appearance: auto !important; 358 box-sizing: border-box !important; 359 flex: 0 0 1.125rem !important; 360 height: 1.125rem !important; 361 margin: 0.18rem 0 0 !important; 362 max-width: 1.125rem !important; 363 min-width: 1.125rem !important; 364 padding: 0 !important; 365 position: static !important; 366 transform: none !important; 367 width: 1.125rem !important; 368} 369 370.trinity-quote-v5_wrapper .gchoice label { 371 display: block !important; 372 flex: 1 1 auto !important; 373 margin: 0 !important; 374 max-width: none !important; 375 min-width: 0 !important; 376 padding: 0 !important; 377 position: static !important; 378 text-align: left !important; 379 transform: none !important; 380 width: auto !important; 381} 382 383/* Preserve the original section-heading treatment. */ 384.trinity-quote-v5_wrapper .gsection { 385 border: 0 !important; 386 margin: 2.75rem 0 1.5rem !important; 387 padding: 0 !important; 388 width: 100% !important; 389} 390 391.trinity-quote-v5_wrapper .tq-section .gsection_title { 392 border-bottom: 5px solid var(--tq-accent) !important; 393 display: inline-block !important; 394 margin: 0 !important; 395 padding: 0 0 0.3rem !important; 396} 397 398.trinity-quote-v5_wrapper .tq-subsection { 399 margin: 1.75rem 0 0.75rem !important; 400} 401 402.trinity-quote-v5_wrapper .tq-subsection .gsection_title { 403 border: 0 !important; 404 font-size: 1rem !important; 405 font-weight: 400 !important; 406 letter-spacing: 0.02em; 407 line-height: 1.35 !important; 408 margin: 0 !important; 409 padding: 0 !important; 410 text-transform: uppercase; 411} 412 413/* Invisible layout-only field that begins the lower Company Details row. 414 * It carries no submitted value and remains zero-height at every width. */ 415.trinity-quote-v5_wrapper .tq-layout-break { 416 border: 0 !important; 417 height: 0 !important; 418 margin: 0 !important; 419 min-height: 0 !important; 420 overflow: hidden !important; 421 padding: 0 !important; 422} 423 424.trinity-quote-v5_wrapper .tq-layout-break .gsection_title, 425.trinity-quote-v5_wrapper .tq-layout-break .gsection_description { 426 display: none !important; 427} 428 429/* The service-card cluster becomes one native, touch-friendly dropdown while 430 * retaining the original centered headline. */ 431.trinity-quote-v5_wrapper .tq-service { 432 margin-bottom: 3rem !important; 433 text-align: center; 434} 435 436.trinity-quote-v5_wrapper .tq-service .gfield_label { 437 font-size: clamp(1.75rem, 5vw, 2.5rem) !important; 438 letter-spacing: 0.025em; 439 line-height: 1.15 !important; 440 margin: 0 auto 1rem !important; 441 text-transform: uppercase; 442} 443 444.trinity-quote-v5_wrapper .tq-service .ginput_container { 445 margin: 0 auto !important; 446 max-width: 42rem; 447} 448 449.trinity-quote-v5_wrapper .tq-service select { 450 background-color: #fff; 451 border: 1px solid var(--tq-border) !important; 452 border-radius: 2px; 453 color: inherit; 454 font: inherit; 455 padding: 0.65rem 2.5rem 0.65rem 0.85rem !important; 456} 457 458/* Temperature choices stay compact and horizontal at every width. */ 459.trinity-quote-v5_wrapper .tq-temperature .gfield_radio { 460 align-items: start; 461 display: flex !important; 462 flex-wrap: wrap !important; 463 gap: 0.75rem 1.75rem !important; 464} 465 466.trinity-quote-v5_wrapper .tq-temperature .gchoice { 467 width: auto !important; 468} 469 470/* Gravity Forms places the referral field's Other text control in the same 471 * flex row as its radio and label. Let that final choice wrap, then place the 472 * text control on a properly sized line beneath the label. */ 473.trinity-quote-v5_wrapper .tq-referral-source .gchoice:last-child { 474 flex-wrap: wrap !important; 475} 476 477.trinity-quote-v5_wrapper .tq-referral-source .gchoice:last-child label { 478 flex: 0 1 auto !important; 479} 480 481.trinity-quote-v5_wrapper .tq-referral-source .gchoice:last-child br { 482 display: none !important; 483} 484 485.trinity-quote-v5_wrapper .tq-referral-source .gchoice_other_control { 486 box-sizing: border-box !important; 487 flex: 0 0 calc(100% - 1.775rem) !important; 488 margin: 0.5rem 0 0 1.775rem !important; 489 max-width: 30rem !important; 490 min-height: 3rem !important; 491 width: calc(100% - 1.775rem) !important; 492} 493 494.trinity-quote-v5_wrapper .tq-notes textarea { 495 min-height: 9rem; 496} 497 498.trinity-quote-v5_wrapper .gform_footer { 499 align-items: center; 500 display: flex !important; 501 gap: 0.75rem; 502 margin-top: 2rem !important; 503} 504 505/* Staging appends a second bare button through a legacy PHP filter. */ 506.trinity-quote-v5_wrapper .gform_footer > button:not(.gform_button), 507.trinity-quote-v5_wrapper .gform_footer > input:not(.gform_button) { 508 display: none !important; 509} 510 511/* Desktop composition based on the original form: two address columns beside 512 * a wider shipment-information column. */ 513@media (min-width: 1100px) { 514 /* Desktop keeps the three compact subsection headings in one shared row. */ 515 .trinity-quote-v5_wrapper .tq-mobile-only { 516 display: none !important; 517 } 518 519 .trinity-quote-v5_wrapper .gform_fields {
520 align-items: start !important; 521 column-gap: var(--tq-column-gap) !important; 522 display: grid !important; 523 /* Preserve DOM order. Dense packing moved later company fields into open 524 * cells inside Shipment Details on the public form. */ 525 grid-auto-flow: row !important; 526 grid-template-columns: repeat(12, minmax(0, 1fr)) !important; 527 row-gap: var(--tq-field-gap) !important; 528 } 529 530 .trinity-quote-v5_wrapper .gfield { 531 margin: 0 !important; 532 } 533 534 .trinity-quote-v5_wrapper .tq-service, 535 .trinity-quote-v5_wrapper .tq-contact-name, 536 .trinity-quote-v5_wrapper .tq-section, 537 .trinity-quote-v5_wrapper .tq-layout-break, 538 .trinity-quote-v5_wrapper .tq-email-list, 539 .trinity-quote-v5_wrapper .tq-captcha, 540 .trinity-quote-v5_wrapper .gform_hidden { 541 grid-column: 1 / -1; 542 } 543 544 .trinity-quote-v5_wrapper .tq-service { 545 padding-bottom: 1.75rem !important; 546 } 547 548 .trinity-quote-v5_wrapper .tq-section { 549 margin-top: 2.25rem !important; 550 } 551 552 .trinity-quote-v5_wrapper .tq-section--shipment { 553 margin-top: 0 !important; 554 } 555 556 .trinity-quote-v5_wrapper .tq-subsection { 557 margin: 1rem 0 0 !important; 558 } 559 560 .trinity-quote-v5_wrapper .tq-subsection--origin, 561 .trinity-quote-v5_wrapper .tq-origin { 562 grid-column: 1 / 4; 563 } 564 565 .trinity-quote-v5_wrapper .tq-subsection--destination, 566 .trinity-quote-v5_wrapper .tq-destination { 567 border-left: 1px solid rgba(23, 48, 51, 0.75) !important; 568 grid-column: 4 / 7; 569 padding-left: var(--tq-column-gap) !important; 570 } 571 572 .trinity-quote-v5_wrapper .tq-subsection--shipping, 573 .trinity-quote-v5_wrapper .tq-commodity, 574 .trinity-quote-v5_wrapper .tq-pallet-length, 575 .trinity-quote-v5_wrapper .tq-pallet-count, 576 .trinity-quote-v5_wrapper .tq-notes { 577 border-left: 1px solid rgba(23, 48, 51, 0.75) !important; 578 padding-left: var(--tq-column-gap) !important; 579 } 580 581 .trinity-quote-v5_wrapper .tq-subsection--shipping { 582 grid-column: 7 / 13; 583 } 584 585 .trinity-quote-v5_wrapper .tq-origin, 586 .trinity-quote-v5_wrapper .tq-destination { 587 grid-row: span 4; 588 } 589 590 .trinity-quote-v5_wrapper .tq-commodity { 591 grid-column: 7 / 10; 592 } 593 594 .trinity-quote-v5_wrapper .tq-weight { 595 grid-column: 10 / 13; 596 } 597 598 .trinity-quote-v5_wrapper .tq-pallet-length { 599 grid-column: 7 / 9; 600 } 601 602 .trinity-quote-v5_wrapper .tq-pallet-width { 603 grid-column: 9 / 11; 604 } 605 606 .trinity-quote-v5_wrapper .tq-pallet-height { 607 grid-column: 11 / 13; 608 } 609 610 .trinity-quote-v5_wrapper .tq-pallet-count { 611 grid-column: 7 / 10; 612 } 613 614 .trinity-quote-v5_wrapper .tq-temperature { 615 grid-column: 10 / 13; 616 } 617 618 .trinity-quote-v5_wrapper .tq-notes { 619 grid-column: 7 / 13; 620 } 621 622 .trinity-quote-v5_wrapper .tq-contact-name { 623 grid-column: 1 / -1; 624 } 625 626 .trinity-quote-v5_wrapper .tq-company-email, 627 .trinity-quote-v5_wrapper .tq-company-website { 628 grid-column: 1 / 4; 629 } 630 631 .trinity-quote-v5_wrapper .tq-company-name, 632 .trinity-quote-v5_wrapper .tq-company-phone { 633 grid-column: 4 / 7; 634 } 635 636 .trinity-quote-v5_wrapper .tq-company-address { 637 grid-column: 7 / 13; 638 grid-row: span 2; 639 } 640 641 .trinity-quote-v5_wrapper .tq-contact-name .ginput_container_name, 642 .trinity-quote-v5_wrapper .tq-company-address .ginput_container_address { 643 grid-template-columns: repeat(2, minmax(0, 1fr)) !important; 644 } 645 646 /* The zero-height full-width break above these fields guarantees a new row. 647 * Keep checkboxes on the left and radios on the right. */ 648 .trinity-quote-v5_wrapper .tq-logistics-needs { 649 grid-column: 1 / 7; 650 } 651 652 .trinity-quote-v5_wrapper .tq-referral-source { 653 grid-column: 7 / 13; 654 } 655 656 .trinity-quote-v5_wrapper .tq-logistics-needs .gfield_checkbox, 657 .trinity-quote-v5_wrapper .tq-referral-source .gfield_radio { 658 grid-template-columns: minmax(0, 1fr) !important; 659 } 660} 661 662@media (max-width: 1099px) { 663 /* Mobile uses duplicate display-only headings interleaved with their fields, 664 * so each heading stays attached to the content it describes. */ 665 .trinity-quote-v5_wrapper .tq-desktop-only { 666 display: none !important; 667 } 668 669 .trinity-quote-v5_wrapper .tq-section:first-of-type { 670 margin-top: 0 !important; 671 } 672 673 .trinity-quote-v5_wrapper .tq-company-address .ginput_complex, 674 .trinity-quote-v5_wrapper .tq-contact-name .ginput_complex { 675 grid-template-columns: minmax(0, 1fr) !important; 676 } 677} 678 679 680 681 682 683 684 685 686 687 688/* Custom teal and grey table on Managed Services page - RC-MC */ 689body.page-id-320 table.drybn-nn-capabilities { 690 width: 100%; 691 max-width: 100%; 692 margin: 0; 693 border-collapse: collapse; 694 border-spacing: 0; 695 table-layout: fixed; 696} 697 698body.page-id-320 table.drybn-nn-capabilities thead th { 699 width: 50%; 700 padding: 28px 32px; 701 background-color: #0db3b8 !important; 702 color: #111111 !important; 703 border: 0 !important; 704 font-size: 28px; 705 font-weight: 700; 706 line-height: 1.2; 707 text-align: center; 708 text-transform: uppercase; 709 vertical-align: middle; 710} 711 712body.page-id-320 table.drybn-nn-capabilities tbody td { 713 width: 50%; 714 padding: 24px clamp(24px, 4vw, 64px); 715 background-color: #e5e5e5 !important; 716 color: #111111 !important; 717 border: 1px solid #ffffff !important; 718 font-size: 21px; 719 font-weight: 400 !important; 720 line-height: 1.4; 721 text-align: left; 722 vertical-align: middle;
723 overflow-wrap: anywhere; 724} 725 726body.page-id-320 table.drybn-nn-capabilities tbody td strong { 727 font-weight: 400 !important; 728} 729 730@media (max-width: 767px) { 731 body.page-id-320 table.drybn-nn-capabilities thead th { 732 padding: 18px 12px; 733 font-size: 17px; 734 } 735 736 body.page-id-320 table.drybn-nn-capabilities tbody td { 737 padding: 24px 14px; 738 font-size: 16px; 739 } 740} 741 742 743 744 745 746 747/* Managed Transportation pages bottom CTA background - RC-MC */ 748.mt-pages-bottom-cta-bg-image { 749 background-image: linear-gradient( 750 90deg, 751 rgba(0, 174, 181, 0.68) 0%, 752 rgba(0, 40, 42, 0.78) 55%, 753 rgba(0, 0, 0, 0.82) 100% 754 ), url("/wp-content/uploads/2026/09/Trinity-Image-3png.png"); 755 background-size: cover; 756 background-position: center; 757 background-repeat: no-repeat; 758} 759 760.mt-pages-bottom-cta-bg-image .drybn-nn-section { 761 background-color: transparent !important; 762} 763 764.mt-pages-bottom-cta-bg-image h2, 765.mt-pages-bottom-cta-bg-image a { 766 color: #ffffff !important; 767} 768 769.mt-pages-bottom-cta-bg-image a { 770 font-weight: 700; 771 text-decoration: underline; 772 text-underline-offset: 4px; 773} 774 775 776 777 778 779 780 781 782/* Managed Transportation: One Partner pattern - v1 */ 783.mt-one-partner-pattern { 784 --mt-teal: #00b5bd; 785 --mt-dark: #171717; 786 --mt-card-text: #171717; 787 background: var(--mt-dark); 788 color: #fff; 789 margin-block: 0; 790 padding: clamp(4rem, 7vw, 7.5rem) clamp(1.25rem, 4vw, 3rem); 791} 792 793.mt-one-partner-pattern, 794.mt-one-partner-pattern * { 795 box-sizing: border-box; 796} 797 798.mt-one-partner-pattern .mt-one-partner-inner { 799 width: 100%; 800 max-width: 72.5rem; 801 margin-inline: auto; 802} 803 804.mt-one-partner-pattern .mt-one-partner-title { 805 max-width: none; 806 margin: 0 0 2.5rem; 807 color: var(--mt-teal); 808 font-size: clamp(2rem, 3.25vw, 3rem); 809 font-weight: 700; 810 line-height: 1.1; 811 letter-spacing: 0; 812 text-transform: uppercase; 813} 814 815.mt-one-partner-pattern .mt-one-partner-copy { 816 max-width: 68rem; 817 margin: 0; 818} 819 820.mt-one-partner-pattern .mt-one-partner-copy p { 821 margin: 0 0 1.5rem; 822 color: #fff; 823 font-size: clamp(1rem, 1.3vw, 1.125rem); 824 font-weight: 500; 825 line-height: 1.55; 826} 827 828.mt-one-partner-pattern .mt-one-partner-copy p:last-child { 829 margin-bottom: 0; 830} 831 832.mt-one-partner-pattern .mt-value-cards { 833 display: grid; 834 grid-template-columns: repeat(5, minmax(0, 1fr)); 835 align-items: start; 836 gap: clamp(1rem, 2vw, 1.75rem); 837 width: 100%; 838 margin: clamp(4rem, 7vw, 6.25rem) 0 0; 839} 840 841.mt-one-partner-pattern .mt-value-cards > .wp-block-column { 842 min-width: 0; 843 margin: 0; 844} 845 846.mt-one-partner-pattern .mt-value-card { 847 width: 100%; 848 margin: 0; 849 overflow: hidden; 850 border: 0; 851 border-top: 0.75rem solid var(--mt-teal); 852 border-radius: 0.625rem; 853 background: #fff; 854 color: var(--mt-card-text); 855 box-shadow: none; 856} 857 858.mt-one-partner-pattern .mt-value-card summary { 859 position: relative; 860 display: flex; 861 align-items: center; 862 min-height: 6.25rem; 863 padding: 1.5rem 3.25rem 1.5rem 1.75rem; 864 color: var(--mt-card-text); 865 font-size: clamp(1.05rem, 1.5vw, 1.375rem); 866 font-weight: 700; 867 line-height: 1.2; 868 cursor: pointer; 869 list-style: none; 870} 871 872.mt-one-partner-pattern .mt-value-card summary::-webkit-details-marker { 873 display: none; 874} 875 876.mt-one-partner-pattern .mt-value-card summary::marker { 877 content: ""; 878} 879 880.mt-one-partner-pattern .mt-value-card summary::after { 881 position: absolute; 882 top: 50%; 883 right: 1.5rem; 884 color: var(--mt-teal); 885 content: "+"; 886 font-size: 1.75rem; 887 font-weight: 700; 888 line-height: 1; 889 transform: translateY(-50%); 890} 891 892.mt-one-partner-pattern .mt-value-card[open] summary::after { 893 content: "−"; 894} 895 896.mt-one-partner-pattern .mt-value-card summary:focus-visible { 897 outline: 0.1875rem solid var(--mt-teal); 898 outline-offset: -0.25rem; 899} 900 901.mt-one-partner-pattern .mt-value-card .mt-value-card-copy { 902 margin: -0.25rem 0 0; 903 padding: 0 1.75rem 1.75rem; 904 color: var(--mt-card-text); 905 font-size: 1rem; 906 font-weight: 400; 907 line-height: 1.35; 908} 909 910@media (hover: hover) and (pointer: fine) { 911 .mt-one-partner-pattern .mt-value-card:not([open]):hover > .mt-value-card-copy { 912 display: block; 913 } 914 915 .mt-one-partner-pattern .mt-value-card:not([open]):hover summary::after { 916 content: "−"; 917 } 918} 919 920@media (max-width: 68.75rem) { 921 .mt-one-partner-pattern .mt-value-cards { 922 grid-template-columns: repeat(3, minmax(0, 1fr)); 923 } 924} 925 926@media (max-width: 46.875rem) { 927 .mt-one-partner-pattern .mt-value-cards { 928 grid-template-columns: repeat(2, minmax(0, 1fr)); 929 } 930} 931 932@media (max-width: 35rem) { 933 .mt-one-partner-pattern { 934 padding: 3.5rem 1.25rem; 935 } 936 937 .mt-one-partner-pattern .mt-one-partner-title { 938 margin-bottom: 2rem; 939 } 940 941 .mt-one-partner-pattern .mt-one-partner-copy p { 942 margin-bottom: 1.25rem; 943 } 944 945 .mt-one-partner-pattern .mt-value-cards { 946 grid-template-columns: 1fr; 947 margin-top: 3.5rem; 948 } 949 950 .mt-one-partner-pattern .mt-value-card summary { 951 min-height: 5.25rem; 952 } 953} 954 955 956 957 958 959/* Managed Transportation: static cost comparison - Gutenberg v1 */ 960.mt-cost-static-pattern { 961 --mt-cost-teal: #00b5bd; 962 --mt-cost-black: #171717; 963 --mt-cost-gray: #e5e5e5; 964 --mt-cost-white: #fff; 965 width: 100%; 966 margin-block: 0; 967 padding: clamp(4rem, 7vw, 7rem) clamp(1.25rem, 4vw, 3rem); 968 background: var(--mt-cost-white); 969 color: var(--mt-cost-black); 970} 971 972.mt-cost-static-pattern, 973.mt-cost-static-pattern * { 974 box-sizing: border-box; 975} 976 977.mt-cost-static-pattern .mt-cost-static-inner { 978 width: 100%; 979 max-width: 72.5rem; 980 margin-inline: auto; 981} 982 983.mt-cost-static-pattern .mt-cost-static-title { 984 max-width: none; 985 margin: 0 0 2rem; 986 color: var(--mt-cost-black); 987 font-size: clamp(2rem, 3vw, 2.75rem); 988 font-weight: 700; 989 line-height: 1.1; 990 letter-spacing: 0; 991 text-transform: uppercase; 992} 993 994.mt-cost-static-pattern .mt-cost-static-intro { 995 max-width: 69rem; 996 margin: 0; 997} 998 999.mt-cost-static-pattern .mt-cost-static-intro p { 1000 margin: 0 0 0.75rem; 1001 color: var(--mt-cost-black); 1002 font-size: clamp(1rem, 1.3vw, 1.125rem); 1003 font-weight: 400; 1004 line-height: 1.5; 1005} 1006 1007.mt-cost-static-pattern .mt-cost-static-intro p:last-child { 1008 margin-bottom: 0; 1009} 1010 1011.mt-cost-static-pattern .mt-cost-static-table { 1012 width: 100%; 1013 margin: clamp(3.5rem, 6vw, 5.5rem) 0 0; 1014 overflow: visible; 1015} 1016 1017.mt-cost-static-pattern .mt-cost-static-table table { 1018 width: 100%; 1019 margin: 0; 1020 border: 0; 1021 border-collapse: collapse; 1022 border-spacing: 0; 1023 table-layout: fixed; 1024} 1025 1026.mt-cost-static-pattern .mt-cost-static-table th, 1027.mt-cost-static-pattern .mt-cost-static-table td { 1028 width: 50%; 1029 border: 1px solid var(--mt-cost-white); 1030 font-family: inherit; 1031 text-align: center; 1032 vertical-align: middle; 1033} 1034 1035.mt-cost-static-pattern .mt-cost-static-table th { 1036 padding: 1rem 1.5rem; 1037 font-size: clamp(1.125rem, 1.8vw, 1.5rem); 1038 font-weight: 700; 1039 line-height: 1.2; 1040 text-transform: uppercase; 1041} 1042 1043.mt-cost-static-pattern .mt-cost-static-table th:first-child { 1044 background: var(--mt-cost-teal); 1045 color: var(--mt-cost-black); 1046} 1047 1048.mt-cost-static-pattern .mt-cost-static-table th:last-child { 1049 background: #2a2a2a; 1050 color: var(--mt-cost-white); 1051} 1052 1053.mt-cost-static-pattern .mt-cost-static-table td { 1054 height: 7.5rem; 1055 padding: clamp(1.5rem, 3vw, 2.5rem) clamp(1.5rem, 4vw, 3.5rem); 1056 background: var(--mt-cost-gray); 1057 color: var(--mt-cost-black); 1058 font-size: clamp(1rem, 1.4vw, 1.25rem); 1059 font-weight: 400; 1060 line-height: 1.4; 1061} 1062 1063.mt-cost-static-pattern .mt-cost-static-labels { 1064 display: grid; 1065 grid-template-columns: repeat(2, minmax(0, 1fr)); 1066 gap: 0; 1067 width: 100%; 1068 margin: 1rem 0 0; 1069} 1070 1071.mt-cost-static-pattern .mt-cost-static-labels > .wp-block-column { 1072 margin: 0; 1073} 1074 1075.mt-cost-static-pattern .mt-cost-static-label { 1076 display: flex; 1077 align-items: center; 1078 justify-content: center; 1079 min-height: 3.25rem; 1080 margin: 0; 1081 padding: 0.75rem 1rem; 1082 font-size: 1rem; 1083 font-weight: 700; 1084 line-height: 1; 1085 text-align: center; 1086} 1087 1088.mt-cost-static-pattern .mt-cost-static-label-before { 1089 background: var(--mt-cost-teal); 1090 color: var(--mt-cost-black); 1091} 1092 1093.mt-cost-static-pattern .mt-cost-static-label-after { 1094 background: var(--mt-cost-black); 1095 color: var(--mt-cost-white); 1096} 1097 1098.mt-cost-static-pattern .mt-cost-static-closing { 1099 max-width: 69rem; 1100 margin: clamp(3rem, 5vw, 4.5rem) 0 2rem; 1101 color: var(--mt-cost-black); 1102 font-size: clamp(1rem, 1.25vw, 1.125rem); 1103 font-weight: 600; 1104 line-height: 1.5; 1105} 1106 1107.mt-cost-static-pattern .mt-cost-static-actions { 1108 margin: 0; 1109} 1110 1111.mt-cost-static-pattern .mt-cost-static-button .wp-block-button__link { 1112 min-height: 3.75rem; 1113 padding: 1rem 1.5rem; 1114 border: 0; 1115 border-radius: 0.625rem; 1116 background: #000; 1117 color: var(--mt-cost-white); 1118 font-size: clamp(0.875rem, 1.2vw, 1rem); 1119 font-weight: 700; 1120 line-height: 1.25; 1121 text-align: center; 1122 text-decoration: none; 1123 text-transform: uppercase; 1124} 1125 1126.mt-cost-static-pattern .mt-cost-static-button .wp-block-button__link:hover, 1127.mt-cost-static-pattern .mt-cost-static-button .wp-block-button__link:focus-visible { 1128 background: var(--mt-cost-teal); 1129 color: var(--mt-cost-black); 1130} 1131 1132.mt-cost-static-pattern .mt-cost-static-button .wp-block-button__link:focus-visible { 1133 outline: 3px solid var(--mt-cost-black); 1134 outline-offset: 3px; 1135} 1136 1137@media (max-width: 43.75rem) { 1138 .mt-cost-static-pattern { 1139 padding: 3.5rem 1.25rem; 1140 } 1141 1142 .mt-cost-static-pattern .mt-cost-static-table th { 1143 padding: 0.875rem 0.625rem; 1144 font-size: 0.875rem; 1145 } 1146 1147 .mt-cost-static-pattern .mt-cost-static-table td { 1148 height: auto; 1149 padding: 1.25rem 0.75rem; 1150 font-size: 0.875rem; 1151 line-height: 1.35; 1152 } 1153 1154 .mt-cost-static-pattern .mt-cost-static-label { 1155 min-height: 3rem; 1156 padding-inline: 0.5rem; 1157 font-size: 0.875rem; 1158 } 1159 1160 .mt-cost-static-pattern .mt-cost-static-button, 1161 .mt-cost-static-pattern .mt-cost-static-button .wp-block-button__link { 1162 width: 100%; 1163 } 1164} 1165 1166/* ^^^ABOVE Added 9/8/2026^^^ */ 1167 1168 1169 1170 1171 1172/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::vvvCSS BELOW THIS LINE Added to PROD 9/10/2026 vvv :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/ 1173 1174 1175/* Managed Transportation tradeoffs section - v3 */ 1176.mt-tradeoffs-v3 { 1177 --mt-v3-teal: #16b7be; 1178 --mt-v3-dark: #171717; 1179 --mt-v3-gray: #e6e6e6; 1180 --mt-v3-card-gray: #e2e2e2; 1181 --mt-v3-text: #151515; 1182 margin-block: 0; 1183 color: var(--mt-v3-text); 1184} 1185 1186.mt-tradeoffs-v3, 1187.mt-tradeoffs-v3 * { 1188 box-sizing: border-box; 1189} 1190 1191.mt-tradeoffs-v3 .mt-tradeoffs-v3-inner { 1192 width: calc(100% - 2.5rem); 1193 max-width: 72.5rem; 1194 margin-inline: auto; 1195} 1196 1197/* Dark introductory row */ 1198.mt-tradeoffs-v3 .mt-tradeoffs-v3-problem { 1199 margin-block: 0; 1200 padding-block: clamp(4.5rem, 8vw, 7.5rem); 1201 background: var(--mt-v3-dark); 1202 color: #fff; 1203} 1204 1205.mt-tradeoffs-v3 .mt-tradeoffs-v3-title,
1206.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-title { 1207 margin: 0; 1208 font-size: clamp(2rem, 3.4vw, 3.25rem); 1209 font-weight: 700; 1210 line-height: 1.12; 1211 letter-spacing: 0; 1212 text-transform: uppercase; 1213} 1214 1215.mt-tradeoffs-v3 .mt-tradeoffs-v3-title { 1216 color: #fff; 1217} 1218 1219.mt-tradeoffs-v3 .mt-tradeoffs-v3-intro, 1220.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-intro { 1221 max-width: 68rem; 1222 margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; 1223} 1224 1225.mt-tradeoffs-v3 .mt-tradeoffs-v3-intro p, 1226.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-intro p { 1227 margin: 0 0 1.1rem; 1228 font-size: clamp(1rem, 1.25vw, 1.125rem); 1229 line-height: 1.5; 1230} 1231 1232.mt-tradeoffs-v3 .mt-tradeoffs-v3-intro p { 1233 color: #fff; 1234} 1235 1236.mt-tradeoffs-v3 .mt-tradeoffs-v3-intro p:last-child, 1237.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-intro p:last-child, 1238.mt-tradeoffs-v3 .mt-equation-result p:last-child { 1239 margin-bottom: 0; 1240} 1241 1242/* Native Gutenberg Columns control this row */ 1243.mt-tradeoffs-v3 .mt-tradeoff-columns { 1244 align-items: flex-start; 1245 gap: clamp(1.25rem, 3vw, 2.25rem); 1246 margin: clamp(4rem, 7vw, 6rem) 0 0; 1247} 1248 1249.mt-tradeoffs-v3 .mt-tradeoff-columns > .wp-block-column { 1250 min-width: 0; 1251} 1252 1253/* Uses the same Details card approach as the previous page */ 1254.mt-tradeoffs-v3 .mt-value-card { 1255 width: 100%; 1256 margin: 0; 1257 overflow: hidden; 1258 border: 0; 1259 border-top: 0.75rem solid var(--mt-v3-teal); 1260 border-radius: 0.625rem; 1261 background: #fff; 1262 color: var(--mt-v3-text); 1263 box-shadow: none; 1264} 1265 1266.mt-tradeoffs-v3 .mt-value-card summary { 1267 position: relative; 1268 display: flex; 1269 align-items: center; 1270 min-height: 7.5rem; 1271 padding: 1.75rem 4rem 1.75rem 2rem; 1272 color: var(--mt-v3-text); 1273 font-size: clamp(1.125rem, 1.55vw, 1.375rem); 1274 font-weight: 700; 1275 line-height: 1.2; 1276 cursor: pointer; 1277 list-style: none; 1278} 1279 1280.mt-tradeoffs-v3 .mt-value-card summary::-webkit-details-marker { 1281 display: none; 1282} 1283 1284.mt-tradeoffs-v3 .mt-value-card summary::marker { 1285 content: ""; 1286} 1287 1288.mt-tradeoffs-v3 .mt-value-card summary::after { 1289 position: absolute; 1290 top: 50%; 1291 right: 2rem; 1292 color: var(--mt-v3-teal); 1293 content: "+"; 1294 font-size: 2rem; 1295 font-weight: 700; 1296 line-height: 1; 1297 transform: translateY(-50%); 1298} 1299 1300.mt-tradeoffs-v3 .mt-value-card[open] summary::after { 1301 content: "−"; 1302} 1303 1304.mt-tradeoffs-v3 .mt-value-card summary:focus-visible { 1305 outline: 0.1875rem solid var(--mt-v3-teal); 1306 outline-offset: -0.3125rem; 1307} 1308 1309.mt-tradeoffs-v3 .mt-value-card .mt-value-card-copy { 1310 margin: -0.75rem 0 0; 1311 padding: 0 2rem 2rem; 1312 color: var(--mt-v3-text); 1313 font-size: 1rem; 1314 line-height: 1.45; 1315} 1316 1317@media (hover: hover) and (pointer: fine) { 1318 .mt-tradeoffs-v3 .mt-value-card:not([open]):hover > .mt-value-card-copy { 1319 display: block; 1320 } 1321 1322 .mt-tradeoffs-v3 .mt-value-card:not([open]):hover summary::after { 1323 content: "−"; 1324 } 1325} 1326 1327/* Center CTA row */ 1328.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta { 1329 margin-block: 0; 1330 padding: clamp(3.5rem, 6vw, 5.5rem) 1.25rem; 1331 background: var(--mt-v3-gray); 1332 text-align: center; 1333} 1334 1335.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta-title { 1336 margin: 0; 1337 color: var(--mt-v3-text); 1338 font-size: clamp(1.6rem, 2.6vw, 2.5rem); 1339 font-weight: 700; 1340 line-height: 1.15; 1341 text-transform: uppercase; 1342} 1343 1344.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta-actions { 1345 margin: clamp(1.5rem, 2.5vw, 2rem) 0 0; 1346} 1347 1348.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta-button .wp-block-button__link { 1349 border: 0; 1350 border-radius: 0.625rem; 1351 background: #000; 1352 color: #fff; 1353 padding: 1.15rem 1.75rem; 1354 font-size: clamp(0.875rem, 1.15vw, 1rem); 1355 font-weight: 700; 1356 line-height: 1.2; 1357 text-transform: uppercase; 1358} 1359 1360.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta-button .wp-block-button__link:hover, 1361.mt-tradeoffs-v3 .mt-tradeoffs-v3-cta-button .wp-block-button__link:focus-visible { 1362 background: var(--mt-v3-teal); 1363 color: #000; 1364} 1365 1366/* White solution row */ 1367.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution { 1368 margin-block: 0; 1369 padding-block: clamp(4.5rem, 8vw, 7rem); 1370 background: #fff; 1371 color: var(--mt-v3-text); 1372} 1373 1374.mt-tradeoffs-v3 .mt-tradeoffs-v3-eyebrow { 1375 margin: 0 0 1.25rem; 1376 color: var(--mt-v3-text); 1377 font-size: clamp(1rem, 1.4vw, 1.25rem); 1378 font-weight: 500; 1379 line-height: 1.2; 1380 text-transform: uppercase; 1381} 1382 1383.mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-title { 1384 color: var(--mt-v3-text); 1385} 1386 1387/* Native Gutenberg Columns control this row */ 1388.mt-tradeoffs-v3 .mt-solution-columns { 1389 --mt-v3-equation-gap: 5rem; 1390 align-items: stretch; 1391 gap: var(--mt-v3-equation-gap); 1392 margin: clamp(4rem, 7vw, 6rem) 0 0; 1393} 1394 1395.mt-tradeoffs-v3 .mt-solution-columns > .wp-block-column { 1396 position: relative; 1397 min-width: 0; 1398} 1399 1400.mt-tradeoffs-v3 .mt-solution-columns > .wp-block-column:not(:last-child)::after { 1401 position: absolute; 1402 top: 50%; 1403 right: -2.5rem; 1404 color: var(--mt-v3-teal); 1405 content: "+"; 1406 font-size: clamp(2rem, 3vw, 3rem); 1407 font-weight: 700; 1408 line-height: 1; 1409 transform: translate(50%, -50%); 1410} 1411 1412.mt-tradeoffs-v3 .mt-solution-card { 1413 height: 100%; 1414 margin: 0; 1415 padding: clamp(1.75rem, 2.7vw, 2.5rem); 1416 border-top: 0.75rem solid var(--mt-v3-teal); 1417 border-radius: 0.625rem; 1418 background: var(--mt-v3-card-gray); 1419} 1420 1421.mt-tradeoffs-v3 .mt-solution-card h3 { 1422 margin: 0 0 1.25rem; 1423 color: var(--mt-v3-text); 1424 font-size: clamp(1.125rem, 1.55vw, 1.375rem); 1425 font-weight: 700; 1426 line-height: 1.2; 1427} 1428 1429.mt-tradeoffs-v3 .mt-solution-card p, 1430.mt-tradeoffs-v3 .mt-equation-result p { 1431 color: var(--mt-v3-text); 1432 font-size: clamp(0.95rem, 1.15vw, 1.05rem); 1433 line-height: 1.45; 1434} 1435 1436.mt-tradeoffs-v3 .mt-solution-card p { 1437 margin: 0; 1438} 1439 1440.mt-tradeoffs-v3 .mt-equation-result { 1441 position: relative; 1442 margin: clamp(2rem, 3.5vw, 3rem) 0 0; 1443 padding: clamp(2rem, 3.5vw, 3rem) clamp(2rem, 5vw, 4.5rem) clamp(2rem, 3.5vw, 3rem) clamp(5rem, 8vw, 7rem); 1444 border-top: 0.75rem solid var(--mt-v3-teal); 1445 border-radius: 0.625rem; 1446 background: var(--mt-v3-card-gray); 1447} 1448 1449.mt-tradeoffs-v3 .mt-equation-result::before { 1450 position: absolute; 1451 top: 50%; 1452 left: clamp(2rem, 4vw, 3.5rem); 1453 color: var(--mt-v3-teal); 1454 content: "="; 1455 font-size: clamp(2.5rem, 4vw, 4rem); 1456 font-weight: 700; 1457 line-height: 1; 1458 transform: translateY(-50%); 1459} 1460 1461.mt-tradeoffs-v3 .mt-equation-result p { 1462 margin: 0 0 0.75rem; 1463} 1464 1465/* Optional WPCode scroll animation */ 1466.mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-card,
1467.mt-tradeoffs-v3.mt-v3-motion-ready .mt-equation-result { 1468 opacity: 0; 1469 transform: translateY(1.5rem); 1470} 1471 1472.mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-card { 1473 transition: opacity 0.55s ease, transform 0.55s ease; 1474} 1475 1476.mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-columns > .wp-block-column:nth-child(2) .mt-solution-card { 1477 transition-delay: 0.15s; 1478} 1479 1480.mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-columns > .wp-block-column:nth-child(3) .mt-solution-card { 1481 transition-delay: 0.3s; 1482} 1483 1484.mt-tradeoffs-v3.mt-v3-motion-ready .mt-equation-result { 1485 transition: opacity 0.65s ease, transform 0.65s ease; 1486} 1487 1488.mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-columns.is-visible .mt-solution-card, 1489.mt-tradeoffs-v3.mt-v3-motion-ready .mt-equation-result.is-visible { 1490 opacity: 1; 1491 transform: translateY(0); 1492} 1493 1494@media (max-width: 62.5rem) and (min-width: 48.875rem) { 1495 .mt-tradeoffs-v3 .mt-solution-columns { 1496 --mt-v3-equation-gap: 3rem; 1497 } 1498 1499 .mt-tradeoffs-v3 .mt-solution-columns > .wp-block-column:not(:last-child)::after { 1500 right: -1.5rem; 1501 } 1502} 1503 1504@media (max-width: 48.875rem) { 1505 .mt-tradeoffs-v3 .mt-tradeoffs-v3-title br, 1506 .mt-tradeoffs-v3 .mt-tradeoffs-v3-solution-title br { 1507 display: none; 1508 } 1509 1510 .mt-tradeoffs-v3 .mt-tradeoff-columns, 1511 .mt-tradeoffs-v3 .mt-solution-columns { 1512 margin-top: 3.25rem; 1513 } 1514 1515 .mt-tradeoffs-v3 .mt-value-card summary { 1516 min-height: 5.5rem; 1517 } 1518 1519 .mt-tradeoffs-v3 .mt-solution-columns { 1520 --mt-v3-equation-gap: 3.5rem; 1521 } 1522 1523 .mt-tradeoffs-v3 .mt-solution-columns > .wp-block-column:not(:last-child)::after { 1524 top: auto; 1525 right: 50%; 1526 bottom: -1.75rem; 1527 transform: translate(50%, 50%); 1528 } 1529 1530 .mt-tradeoffs-v3 .mt-equation-result { 1531 margin-top: 2rem; 1532 padding: 5rem 1.75rem 2rem; 1533 } 1534 1535 .mt-tradeoffs-v3 .mt-equation-result::before { 1536 top: 1.5rem; 1537 left: 1.75rem; 1538 transform: none; 1539 } 1540} 1541 1542@media (prefers-reduced-motion: reduce) { 1543 .mt-tradeoffs-v3.mt-v3-motion-ready .mt-solution-card, 1544 .mt-tradeoffs-v3.mt-v3-motion-ready .mt-equation-result { 1545 opacity: 1; 1546 transform: none; 1547 transition: none; 1548 } 1549} 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 1565 1566 1567 1568 1569/* Managed Transportation capabilities carousel section, v1 */ 1570.mt-capabilities-v1 { 1571 --mt-cap-v1-teal: #12b7be; 1572 --mt-cap-v1-dark: #171717; 1573 --mt-cap-v1-gray: #e5e5e5; 1574 --mt-cap-v1-text: #151515; 1575 margin-block: 0; 1576 color: var(--mt-cap-v1-text); 1577} 1578 1579.mt-capabilities-v1, 1580.mt-capabilities-v1 * { 1581 box-sizing: border-box; 1582} 1583 1584.mt-capabilities-v1 .mt-capabilities-v1-inner { 1585 width: calc(100% - 2.5rem); 1586 max-width: 72.5rem; 1587 margin-inline: auto; 1588} 1589 1590/* Dark carousel row */ 1591.mt-capabilities-v1 .mt-capabilities-v1-carousel-section { 1592 margin-block: 0; 1593 padding-block: clamp(4.5rem, 8vw, 7.5rem); 1594 background: var(--mt-cap-v1-dark); 1595 color: #fff; 1596} 1597 1598.mt-capabilities-v1 .mt-capabilities-v1-eyebrow { 1599 margin: 0 0 1.75rem; 1600 color: var(--mt-cap-v1-teal); 1601 font-size: clamp(1.25rem, 2.1vw, 2rem); 1602 font-weight: 500; 1603 line-height: 1.2; 1604 text-transform: uppercase; 1605} 1606 1607.mt-capabilities-v1 .mt-capabilities-v1-title { 1608 max-width: 62rem; 1609 margin: 0; 1610 color: #fff; 1611 font-size: clamp(2rem, 3.6vw, 3.5rem); 1612 font-weight: 700; 1613 line-height: 1.12; 1614 text-transform: uppercase; 1615} 1616 1617.mt-capabilities-v1 .mt-capabilities-v1-intro { 1618 max-width: 64rem; 1619 margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; 1620 color: #fff; 1621 font-size: clamp(1rem, 1.3vw, 1.125rem); 1622 line-height: 1.5; 1623} 1624 1625.mt-capabilities-v1 .mt-capabilities-v1-rule { 1626 width: 100%; 1627 max-width: none; 1628 margin: clamp(4rem, 7vw, 6rem) 0 clamp(3rem, 5vw, 4.5rem); 1629 border: 0; 1630 border-top: 0.1875rem solid var(--mt-cap-v1-teal); 1631 opacity: 1; 1632} 1633 1634.mt-capabilities-v1 .mt-capabilities-carousel, 1635.mt-capabilities-v1 .mt-capabilities-slides, 1636.mt-capabilities-v1 .mt-capabilities-slide { 1637 margin-block: 0; 1638} 1639 1640/* In Gutenberg and with JavaScript unavailable, every slide stays visible. */ 1641.mt-capabilities-v1 .mt-capabilities-slide + .mt-capabilities-slide { 1642 margin-top: 5rem; 1643 padding-top: 5rem; 1644 border-top: 0.125rem dashed rgba(255, 255, 255, 0.3); 1645} 1646 1647/* Frontend JavaScript adds this class after the controls are ready. */ 1648.mt-capabilities-v1 .mt-capabilities-carousel.is-carousel-ready .mt-capabilities-slide { 1649 margin-top: 0; 1650 padding-top: 0; 1651 border-top: 0; 1652} 1653 1654.mt-capabilities-v1 .mt-capabilities-carousel.is-carousel-ready .mt-capabilities-slide[hidden] { 1655 display: none !important; 1656} 1657 1658.mt-capabilities-v1 .mt-capabilities-carousel.is-carousel-ready .mt-capabilities-slide.is-active { 1659 animation: mt-capabilities-v1-fade 280ms ease both; 1660} 1661 1662.mt-capabilities-v1 .mt-capabilities-slide-title { 1663 margin: 0 0 clamp(1.75rem, 3vw, 2.5rem); 1664 color: #fff; 1665 font-size: clamp(1.5rem, 2.5vw, 2.25rem); 1666 font-weight: 500; 1667 line-height: 1.2; 1668} 1669 1670/* These are native Gutenberg Columns. Do not replace their layout model. */ 1671.mt-capabilities-v1 .mt-capabilities-card-row { 1672 align-items: stretch; 1673 gap: clamp(1.25rem, 2.5vw, 2rem); 1674 margin: 0 0 clamp(1.25rem, 2.5vw, 2rem); 1675} 1676 1677.mt-capabilities-v1 .mt-capabilities-card-row > .wp-block-column { 1678 min-width: 0; 1679} 1680 1681.mt-capabilities-v1 .mt-capabilities-card { 1682 min-height: clamp(7.25rem, 11vw, 9rem); 1683 height: 100%; 1684 margin: 0; 1685 padding: clamp(1.5rem, 3vw, 2.5rem); 1686 border-top: 0.75rem solid var(--mt-cap-v1-teal); 1687 border-radius: 0.625rem; 1688 background: #fff; 1689 color: var(--mt-cap-v1-text); 1690} 1691 1692.mt-capabilities-v1 .mt-capabilities-card h4 { 1693 margin: 0; 1694 color: var(--mt-cap-v1-text); 1695 font-size: clamp(1rem, 1.45vw, 1.25rem); 1696 font-weight: 700; 1697 line-height: 1.25; 1698 text-transform: uppercase; 1699} 1700 1701.mt-capabilities-v1 .mt-capabilities-slide-closing { 1702 margin: clamp(1.25rem, 2.5vw, 2rem) 0 0; 1703 color: #fff; 1704 font-size: clamp(0.95rem, 1.2vw, 1.0625rem); 1705 font-weight: 600; 1706 line-height: 1.45; 1707} 1708 1709/* Controls are generated from the number of slide Groups. */
1710.mt-capabilities-v1 .mt-capabilities-carousel-controls { 1711 display: flex; 1712 align-items: center; 1713 justify-content: center; 1714 gap: 1.5rem; 1715 margin-top: clamp(3rem, 5vw, 4.5rem); 1716} 1717 1718.mt-capabilities-v1 .mt-capabilities-carousel-arrow { 1719 position: relative; 1720 width: 2.75rem; 1721 height: 2.75rem; 1722 margin: 0; 1723 padding: 0; 1724 border: 0; 1725 border-radius: 50%; 1726 background: transparent; 1727 color: var(--mt-cap-v1-teal); 1728 cursor: pointer; 1729} 1730 1731.mt-capabilities-v1 .mt-capabilities-carousel-arrow::before { 1732 position: absolute; 1733 top: 50%; 1734 left: 50%; 1735 width: 1rem; 1736 height: 1rem; 1737 border-top: 0.25rem solid currentColor; 1738 border-right: 0.25rem solid currentColor; 1739 content: ""; 1740} 1741 1742.mt-capabilities-v1 .mt-capabilities-carousel-prev::before { 1743 transform: translate(-35%, -50%) rotate(-135deg); 1744} 1745 1746.mt-capabilities-v1 .mt-capabilities-carousel-next::before { 1747 transform: translate(-65%, -50%) rotate(45deg); 1748} 1749 1750.mt-capabilities-v1 .mt-capabilities-carousel-arrow:hover, 1751.mt-capabilities-v1 .mt-capabilities-carousel-arrow:focus-visible { 1752 background: rgba(18, 183, 190, 0.14); 1753} 1754 1755.mt-capabilities-v1 .mt-capabilities-carousel-arrow:focus-visible, 1756.mt-capabilities-v1 .mt-capabilities-carousel-dot:focus-visible { 1757 outline: 0.1875rem solid #fff; 1758 outline-offset: 0.25rem; 1759} 1760 1761.mt-capabilities-v1 .mt-capabilities-carousel-dots { 1762 display: flex; 1763 align-items: center; 1764 justify-content: center; 1765 gap: 1rem; 1766} 1767 1768.mt-capabilities-v1 .mt-capabilities-carousel-dot { 1769 width: 0.875rem; 1770 height: 0.875rem; 1771 margin: 0; 1772 padding: 0; 1773 border: 0; 1774 border-radius: 50%; 1775 background: #858585; 1776 cursor: pointer; 1777} 1778 1779.mt-capabilities-v1 .mt-capabilities-carousel-dot.is-active { 1780 background: #fff; 1781} 1782 1783/* Light CTA row */ 1784.mt-capabilities-v1 .mt-capabilities-v1-cta { 1785 margin-block: 0; 1786 padding: clamp(3.5rem, 6vw, 5.5rem) 1.25rem; 1787 background: var(--mt-cap-v1-gray); 1788 text-align: center; 1789} 1790 1791.mt-capabilities-v1 .mt-capabilities-v1-cta-title { 1792 margin: 0; 1793 color: var(--mt-cap-v1-text); 1794 font-size: clamp(1.7rem, 3vw, 2.75rem); 1795 font-weight: 700; 1796 line-height: 1.15; 1797 text-transform: uppercase; 1798} 1799 1800.mt-capabilities-v1 .mt-capabilities-v1-cta-actions { 1801 margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; 1802} 1803 1804.mt-capabilities-v1 .mt-capabilities-v1-cta-button .wp-block-button__link { 1805 border: 0; 1806 border-radius: 0.625rem; 1807 background: #000; 1808 color: #fff; 1809 padding: 1.2rem 2rem; 1810 font-size: clamp(0.9rem, 1.2vw, 1rem); 1811 font-weight: 700; 1812 line-height: 1.2; 1813 text-transform: uppercase; 1814} 1815 1816.mt-capabilities-v1 .mt-capabilities-v1-cta-button .wp-block-button__link:hover, 1817.mt-capabilities-v1 .mt-capabilities-v1-cta-button .wp-block-button__link:focus-visible { 1818 background: var(--mt-cap-v1-teal); 1819 color: #000; 1820} 1821 1822/* Dark visibility row */ 1823.mt-capabilities-v1 .mt-capabilities-v1-visibility { 1824 margin-block: 0; 1825 padding-block: clamp(4.5rem, 8vw, 7.5rem); 1826 background: var(--mt-cap-v1-dark); 1827 color: #fff; 1828} 1829 1830.mt-capabilities-v1 .mt-capabilities-v1-visibility-title { 1831 margin: 0; 1832 color: #fff; 1833 font-size: clamp(2rem, 3.6vw, 3.5rem); 1834 font-weight: 700; 1835 line-height: 1.12; 1836 text-transform: uppercase; 1837} 1838 1839.mt-capabilities-v1 .mt-capabilities-v1-visibility-copy { 1840 max-width: 67rem; 1841 margin: clamp(1.75rem, 3vw, 2.5rem) 0 0; 1842} 1843 1844.mt-capabilities-v1 .mt-capabilities-v1-visibility-copy p { 1845 margin: 0 0 1rem; 1846 color: #fff; 1847 font-size: clamp(1rem, 1.25vw, 1.125rem); 1848 line-height: 1.5; 1849} 1850 1851.mt-capabilities-v1 .mt-capabilities-v1-visibility-copy p:last-child { 1852 margin-bottom: 0; 1853} 1854 1855/* Native Gutenberg Columns control this row and its mobile collapse. */ 1856.mt-capabilities-v1 .mt-capabilities-v1-visibility-columns { 1857 align-items: stretch; 1858 gap: clamp(1.25rem, 2.5vw, 2rem); 1859 margin: clamp(4rem, 7vw, 6rem) 0 0; 1860} 1861 1862.mt-capabilities-v1 .mt-capabilities-v1-visibility-columns > .wp-block-column { 1863 min-width: 0; 1864} 1865 1866.mt-capabilities-v1 .mt-capabilities-v1-visibility-card { 1867 min-height: clamp(7.25rem, 10vw, 8.5rem); 1868 height: 100%; 1869 margin: 0; 1870 padding: clamp(1.5rem, 2.8vw, 2.25rem); 1871 border-top: 0.75rem solid var(--mt-cap-v1-teal); 1872 border-radius: 0.625rem; 1873 background: #fff; 1874 color: var(--mt-cap-v1-text); 1875} 1876 1877.mt-capabilities-v1 .mt-capabilities-v1-visibility-card h3 { 1878 margin: 0; 1879 color: var(--mt-cap-v1-text); 1880 font-size: clamp(1rem, 1.4vw, 1.25rem); 1881 font-weight: 700; 1882 line-height: 1.25; 1883 text-transform: uppercase; 1884} 1885 1886.mt-capabilities-v1 .mt-capabilities-v1-visibility-closing { 1887 margin: clamp(3.5rem, 6vw, 5rem) 0 0; 1888 color: #fff; 1889 font-size: clamp(1rem, 1.25vw, 1.125rem); 1890 font-weight: 600; 1891 line-height: 1.5; 1892} 1893 1894@keyframes mt-capabilities-v1-fade { 1895 from { 1896 opacity: 0; 1897 transform: translateY(0.5rem); 1898 } 1899 1900 to { 1901 opacity: 1; 1902 transform: translateY(0); 1903 } 1904} 1905 1906@media (max-width: 48.875rem) { 1907 .mt-capabilities-v1 .mt-capabilities-v1-inner { 1908 width: calc(100% - 2rem); 1909 } 1910 1911 .mt-capabilities-v1 .mt-capabilities-v1-carousel-section, 1912 .mt-capabilities-v1 .mt-capabilities-v1-visibility { 1913 padding-block: 4rem; 1914 } 1915 1916 .mt-capabilities-v1 .mt-capabilities-v1-title, 1917 .mt-capabilities-v1 .mt-capabilities-v1-visibility-title { 1918 font-size: clamp(1.85rem, 9vw, 2.6rem); 1919 } 1920 1921 .mt-capabilities-v1 .mt-capabilities-v1-rule { 1922 margin-block: 3rem; 1923 } 1924 1925 .mt-capabilities-v1 .mt-capabilities-card-row { 1926 gap: 1rem; 1927 margin-bottom: 1rem; 1928 } 1929 1930 .mt-capabilities-v1 .mt-capabilities-card { 1931 min-height: 0; 1932 padding: 1.5rem; 1933 } 1934 1935 .mt-capabilities-v1 .mt-capabilities-v1-visibility-columns { 1936 gap: 1rem; 1937 margin-top: 3rem; 1938 } 1939 1940 .mt-capabilities-v1 .mt-capabilities-v1-visibility-card { 1941 min-height: 0; 1942 padding: 1.5rem; 1943 } 1944 1945 .mt-capabilities-v1 .mt-capabilities-v1-visibility-closing { 1946 margin-top: 3rem; 1947 } 1948} 1949 1950@media (prefers-reduced-motion: reduce) { 1951 .mt-capabilities-v1 .mt-capabilities-carousel.is-carousel-ready .mt-capabilities-slide.is-active { 1952 animation: none; 1953 } 1954} 1955 1956 1957 1958 1959 1960 1961 1962 1963 1964/* Managed Transportation case studies section, v1 */ 1965.mt-case-studies-v1 { 1966 --mt-case-v1-teal: #12b7be; 1967 --mt-case-v1-dark: #171717; 1968 --mt-case-v1-gray: #e5e5e5; 1969 --mt-case-v1-text: #151515; 1970 margin-block: 0; 1971 color: var(--mt-case-v1-text); 1972} 1973 1974.mt-case-studies-v1, 1975.mt-case-studies-v1 * { 1976 box-sizing: border-box; 1977} 1978 1979.mt-case-studies-v1 .mt-case-studies-v1-inner { 1980 width: calc(100% - 4rem); 1981 max-width: 50rem; 1982 margin-inline: auto; 1983} 1984 1985/* Dark case study carousel row */ 1986.mt-case-studies-v1 .mt-case-studies-v1-carousel-section { 1987 margin-block: 0; 1988 padding-block: clamp(3.5rem, 5vw, 4.5rem); 1989 background: var(--mt-case-v1-dark); 1990 color: #fff; 1991} 1992 1993.mt-case-studies-v1 .mt-case-studies-carousel, 1994.mt-case-studies-v1 .mt-case-studies-slides, 1995.mt-case-studies-v1 .mt-case-study-slide { 1996 margin-block: 0; 1997} 1998 1999/* In Gutenberg and without JavaScript, every case study remains visible. */ 2000.mt-case-studies-v1 .mt-case-study-slide + .mt-case-study-slide { 2001 margin-top: 5rem; 2002 padding-top: 5rem; 2003 border-top: 0.125rem dashed rgba(255, 255, 255, 0.3); 2004} 2005 2006.mt-case-studies-v1 .mt-case-studies-carousel.is-carousel-ready .mt-case-study-slide { 2007 margin-top: 0; 2008 padding-top: 0; 2009 border-top: 0; 2010} 2011 2012.mt-case-studies-v1 .mt-case-studies-carousel.is-carousel-ready .mt-case-study-slide[hidden] { 2013 display: none !important; 2014} 2015 2016.mt-case-studies-v1 .mt-case-studies-carousel.is-carousel-ready .mt-case-study-slide.is-active { 2017 animation: mt-case-studies-v1-fade 280ms ease both; 2018} 2019 2020.mt-case-studies-v1 .mt-case-study-label { 2021 margin: 0 0 1.5rem; 2022 color: var(--mt-case-v1-teal); 2023 font-size: clamp(1.25rem, 1.8vw, 1.6rem); 2024 font-weight: 500; 2025 line-height: 1.2; 2026 text-transform: uppercase; 2027} 2028 2029/* JavaScript converts the editable slide labels into these tab buttons. */ 2030.mt-case-studies-v1 .mt-case-studies-carousel.is-carousel-ready .mt-case-study-label { 2031 display: none; 2032} 2033 2034.mt-case-studies-v1 .mt-case-studies-tabs { 2035 display: flex; 2036 align-items: center; 2037 gap: clamp(2rem, 4vw, 3.5rem); 2038 margin: 0 0 clamp(2.5rem, 4vw, 3rem); 2039} 2040 2041.mt-case-studies-v1 .mt-case-studies-tab { 2042 margin: 0; 2043 padding: 0; 2044 border: 0; 2045 background: transparent; 2046 color: #fff; 2047 font: inherit; 2048 font-size: clamp(1.25rem, 1.8vw, 1.6rem); 2049 font-weight: 500; 2050 line-height: 1.2; 2051 text-align: left; 2052 text-transform: uppercase; 2053 cursor: pointer; 2054} 2055 2056.mt-case-studies-v1 .mt-case-studies-tab.is-active, 2057.mt-case-studies-v1 .mt-case-studies-tab:hover {
2058 color: var(--mt-case-v1-teal); 2059} 2060 2061.mt-case-studies-v1 .mt-case-studies-tab:focus-visible { 2062 outline: 0.1875rem solid var(--mt-case-v1-teal); 2063 outline-offset: 0.5rem; 2064} 2065 2066.mt-case-studies-v1 .mt-case-study-title { 2067 margin: 0; 2068 color: #fff; 2069 font-size: clamp(2rem, 2.9vw, 2.5rem); 2070 font-weight: 700; 2071 line-height: 1.12; 2072 text-transform: uppercase; 2073} 2074 2075.mt-case-studies-v1 .mt-case-study-intro { 2076 max-width: 65rem; 2077 margin: 1.25rem 0 0; 2078 color: #fff; 2079 font-size: 1rem; 2080 line-height: 1.5; 2081} 2082 2083/* Native Gutenberg Columns control the metric card rows. */ 2084.mt-case-studies-v1 .mt-case-metrics-row { 2085 align-items: stretch; 2086 gap: 1.25rem; 2087 margin: clamp(2.25rem, 4vw, 2.75rem) 0 0; 2088} 2089 2090.mt-case-studies-v1 .mt-case-metrics-row + .mt-case-metrics-row { 2091 margin-top: 1.25rem; 2092} 2093 2094.mt-case-studies-v1 .mt-case-metrics-row > .wp-block-column { 2095 min-width: 0; 2096} 2097 2098.mt-case-studies-v1 .mt-case-metric-card { 2099 display: flex; 2100 align-items: center; 2101 gap: clamp(1.25rem, 2.5vw, 1.75rem); 2102 min-height: 7.5rem; 2103 height: 100%; 2104 margin: 0; 2105 padding: clamp(1.5rem, 2.5vw, 1.75rem); 2106 border-top: 0.625rem solid #fff; 2107 border-radius: 0.625rem; 2108 background: var(--mt-case-v1-teal); 2109 color: #000; 2110} 2111 2112/* Some Trinity templates add this wrapper inside Gutenberg Groups. */ 2113.mt-case-studies-v1 .mt-case-metric-card > .wp-block-group__inner-container { 2114 display: contents; 2115} 2116 2117.mt-case-studies-v1 .mt-count-value { 2118 flex: 0 0 auto; 2119 margin: 0; 2120 color: #000; 2121 font-size: clamp(2.5rem, 3.8vw, 3.25rem); 2122 font-weight: 700; 2123 line-height: 0.95; 2124 white-space: nowrap; 2125} 2126 2127.mt-case-studies-v1 .mt-case-metric-label { 2128 margin: 0; 2129 color: #000; 2130 font-size: clamp(0.95rem, 1.3vw, 1.125rem); 2131 font-weight: 700; 2132 line-height: 1.25; 2133 text-transform: uppercase; 2134} 2135 2136/* Quote */ 2137.mt-case-studies-v1 .mt-case-study-quote { 2138 position: relative; 2139 margin: clamp(2.25rem, 4vw, 2.75rem) 0 0; 2140 padding: 0 0 0 clamp(2.75rem, 4vw, 3.25rem); 2141 border-left: 0.25rem solid var(--mt-case-v1-teal); 2142} 2143 2144.mt-case-studies-v1 .mt-case-study-quote::before, 2145.mt-case-studies-v1 .mt-case-study-quote::after { 2146 position: absolute; 2147 color: var(--mt-case-v1-teal); 2148 font-size: 2.5rem; 2149 font-weight: 700; 2150 line-height: 1; 2151 content: "\201C"; 2152} 2153 2154.mt-case-studies-v1 .mt-case-study-quote::before { 2155 top: -0.15rem; 2156 left: 1.5rem; 2157} 2158 2159.mt-case-studies-v1 .mt-case-study-quote::after { 2160 right: 0; 2161 bottom: 1.75rem; 2162 content: "\201D"; 2163} 2164 2165.mt-case-studies-v1 .mt-case-study-quote-copy { 2166 margin: 0; 2167 padding-right: 2rem; 2168 color: #fff; 2169 font-size: 1rem; 2170 font-weight: 600; 2171 line-height: 1.5; 2172} 2173 2174.mt-case-studies-v1 .mt-case-study-quote-source { 2175 margin: 1rem 0 0; 2176 padding-right: 2rem; 2177 color: var(--mt-case-v1-teal); 2178 font-size: 0.95rem; 2179 font-weight: 700; 2180 line-height: 1.2; 2181 text-align: right; 2182 text-transform: uppercase; 2183} 2184 2185/* What Changed cards */ 2186.mt-case-studies-v1 .mt-case-study-changed-title { 2187 margin: clamp(2.75rem, 4.5vw, 3.25rem) 0 0; 2188 color: #fff; 2189 font-size: clamp(1.75rem, 2.4vw, 2rem); 2190 font-weight: 500; 2191 line-height: 1.2; 2192} 2193 2194.mt-case-studies-v1 .mt-case-change-columns { 2195 align-items: flex-start; 2196 gap: 1.25rem; 2197 margin: 1.5rem 0 0; 2198} 2199 2200.mt-case-studies-v1 .mt-case-change-columns > .wp-block-column { 2201 min-width: 0; 2202} 2203 2204.mt-case-studies-v1 .mt-case-change-card { 2205 width: 100%; 2206 margin: 0; 2207 overflow: hidden; 2208 border: 0; 2209 border-top: 0.625rem solid var(--mt-case-v1-teal); 2210 border-radius: 0.625rem; 2211 background: #fff; 2212 color: var(--mt-case-v1-text); 2213} 2214 2215.mt-case-studies-v1 .mt-case-change-card summary { 2216 position: relative; 2217 display: flex; 2218 align-items: center; 2219 min-height: 5.75rem; 2220 padding: 1.25rem 3.25rem 1.25rem 1.5rem; 2221 color: var(--mt-case-v1-text); 2222 font-size: clamp(1rem, 1.3vw, 1.125rem); 2223 font-weight: 700; 2224 line-height: 1.2; 2225 cursor: pointer; 2226 list-style: none; 2227} 2228 2229.mt-case-studies-v1 .mt-case-change-card summary::-webkit-details-marker { 2230 display: none; 2231} 2232 2233.mt-case-studies-v1 .mt-case-change-card summary::marker { 2234 content: ""; 2235} 2236 2237.mt-case-studies-v1 .mt-case-change-card summary::after { 2238 position: absolute; 2239 top: 50%; 2240 right: 1.5rem; 2241 color: var(--mt-case-v1-teal); 2242 content: "+"; 2243 font-size: 1.75rem; 2244 font-weight: 700; 2245 line-height: 1; 2246 transform: translateY(-50%); 2247} 2248 2249.mt-case-studies-v1 .mt-case-change-card[open] summary::after {
2250 content: "\2212"; 2251} 2252 2253.mt-case-studies-v1 .mt-case-change-card summary:focus-visible { 2254 outline: 0.1875rem solid var(--mt-case-v1-teal); 2255 outline-offset: -0.3125rem; 2256} 2257 2258.mt-case-studies-v1 .mt-case-change-card > p { 2259 margin: -0.75rem 0 0; 2260 padding: 0 1.5rem 1.5rem; 2261 color: var(--mt-case-v1-text); 2262 font-size: 0.95rem; 2263 line-height: 1.45; 2264} 2265 2266@media (hover: hover) and (pointer: fine) { 2267 .mt-case-studies-v1 .mt-case-change-card:not([open]):hover > p { 2268 display: block; 2269 } 2270 2271 .mt-case-studies-v1 .mt-case-change-card:not([open]):hover summary::after { 2272 content: "\2212"; 2273 } 2274} 2275 2276/* Controls generated by the shared carousel JavaScript */ 2277.mt-case-studies-v1 .mt-case-studies-carousel-controls { 2278 display: flex; 2279 align-items: center; 2280 justify-content: center; 2281 gap: 1.5rem; 2282 margin-top: clamp(2rem, 4vw, 2.5rem); 2283} 2284 2285.mt-case-studies-v1 .mt-case-studies-carousel-arrow { 2286 position: relative; 2287 width: 2.75rem; 2288 height: 2.75rem; 2289 margin: 0; 2290 padding: 0; 2291 border: 0; 2292 border-radius: 50%; 2293 background: transparent; 2294 color: var(--mt-case-v1-teal); 2295 cursor: pointer; 2296} 2297 2298.mt-case-studies-v1 .mt-case-studies-carousel-arrow::before { 2299 position: absolute; 2300 top: 50%; 2301 left: 50%; 2302 width: 1rem; 2303 height: 1rem; 2304 border-top: 0.25rem solid currentColor; 2305 border-right: 0.25rem solid currentColor; 2306 content: ""; 2307} 2308 2309.mt-case-studies-v1 .mt-case-studies-carousel-prev::before { 2310 transform: translate(-35%, -50%) rotate(-135deg); 2311} 2312 2313.mt-case-studies-v1 .mt-case-studies-carousel-next::before { 2314 transform: translate(-65%, -50%) rotate(45deg); 2315} 2316 2317.mt-case-studies-v1 .mt-case-studies-carousel-arrow:hover, 2318.mt-case-studies-v1 .mt-case-studies-carousel-arrow:focus-visible { 2319 background: rgba(18, 183, 190, 0.14); 2320} 2321 2322.mt-case-studies-v1 .mt-case-studies-carousel-arrow:focus-visible, 2323.mt-case-studies-v1 .mt-case-studies-carousel-dot:focus-visible { 2324 outline: 0.1875rem solid #fff; 2325 outline-offset: 0.25rem; 2326} 2327 2328.mt-case-studies-v1 .mt-case-studies-carousel-dots { 2329 display: flex; 2330 align-items: center; 2331 justify-content: center; 2332 gap: 1rem; 2333} 2334 2335.mt-case-studies-v1 .mt-case-studies-carousel-dot { 2336 width: 0.875rem; 2337 height: 0.875rem; 2338 margin: 0; 2339 padding: 0; 2340 border: 0; 2341 border-radius: 50%; 2342 background: #858585; 2343 cursor: pointer; 2344} 2345 2346.mt-case-studies-v1 .mt-case-studies-carousel-dot.is-active { 2347 background: #fff; 2348} 2349 2350/* Light CTA row */ 2351.mt-case-studies-v1 .mt-case-studies-v1-cta { 2352 margin-block: 0; 2353 padding-block: clamp(3.5rem, 5vw, 4.5rem); 2354 background: var(--mt-case-v1-gray); 2355 color: var(--mt-case-v1-text); 2356} 2357 2358.mt-case-studies-v1 .mt-case-studies-v1-cta-title { 2359 max-width: 62rem; 2360 margin: 0; 2361 color: var(--mt-case-v1-text); 2362 font-size: clamp(2rem, 2.9vw, 2.5rem); 2363 font-weight: 700; 2364 line-height: 1.15; 2365 text-transform: uppercase; 2366} 2367 2368.mt-case-studies-v1 .mt-case-studies-v1-cta-copy { 2369 max-width: 65rem; 2370 margin: 1.5rem 0 0; 2371 color: var(--mt-case-v1-text); 2372 font-size: 1rem; 2373 line-height: 1.5; 2374} 2375 2376.mt-case-studies-v1 .mt-case-studies-v1-cta-actions { 2377 margin: 2rem 0 0; 2378} 2379 2380.mt-case-studies-v1 .mt-case-studies-v1-cta-button .wp-block-button__link { 2381 border: 0; 2382 border-radius: 0.625rem; 2383 background: #000; 2384 color: #fff; 2385 padding: 1.25rem 1.75rem; 2386 font-size: clamp(0.9rem, 1.25vw, 1.05rem); 2387 font-weight: 700; 2388 line-height: 1.2; 2389 text-transform: uppercase; 2390} 2391 2392.mt-case-studies-v1 .mt-case-studies-v1-cta-button .wp-block-button__link:hover, 2393.mt-case-studies-v1 .mt-case-studies-v1-cta-button .wp-block-button__link:focus-visible { 2394 background: var(--mt-case-v1-teal); 2395 color: #000; 2396} 2397 2398@keyframes mt-case-studies-v1-fade { 2399 from { 2400 opacity: 0; 2401 transform: translateY(0.5rem); 2402 } 2403 2404 to { 2405 opacity: 1; 2406 transform: translateY(0); 2407 } 2408} 2409 2410@media (max-width: 48.875rem) { 2411 .mt-case-studies-v1 .mt-case-studies-v1-inner { 2412 width: calc(100% - 2rem); 2413 } 2414 2415 .mt-case-studies-v1 .mt-case-studies-v1-carousel-section, 2416 .mt-case-studies-v1 .mt-case-studies-v1-cta { 2417 padding-block: 4rem; 2418 } 2419 2420 .mt-case-studies-v1 .mt-case-studies-tabs { 2421 gap: 1.5rem; 2422 margin-bottom: 3rem; 2423 } 2424 2425 .mt-case-studies-v1 .mt-case-studies-tab { 2426 font-size: clamp(1.1rem, 5.5vw, 1.5rem); 2427 } 2428 2429 .mt-case-studies-v1 .mt-case-study-title, 2430 .mt-case-studies-v1 .mt-case-studies-v1-cta-title { 2431 font-size: clamp(1.85rem, 9vw, 2.6rem); 2432 } 2433 2434 .mt-case-studies-v1 .mt-case-metrics-row { 2435 gap: 1rem; 2436 margin-top: 3rem; 2437 } 2438 2439 .mt-case-studies-v1 .mt-case-metrics-row + .mt-case-metrics-row { 2440 margin-top: 1rem; 2441 } 2442 2443 .mt-case-studies-v1 .mt-case-metric-card { 2444 gap: 1.25rem; 2445 min-height: 0; 2446 padding: 1.5rem; 2447 } 2448 2449 .mt-case-studies-v1 .mt-count-value { 2450 font-size: clamp(2.75rem, 15vw, 4rem); 2451 } 2452 2453 .mt-case-studies-v1 .mt-case-metric-label { 2454 font-size: 1rem; 2455 } 2456 2457 .mt-case-studies-v1 .mt-case-study-quote { 2458 margin-top: 3rem; 2459 padding-left: 2rem; 2460 } 2461 2462 .mt-case-studies-v1 .mt-case-study-quote::before { 2463 left: 0.75rem; 2464 } 2465 2466 .mt-case-studies-v1 .mt-case-change-columns { 2467 gap: 1rem; 2468 } 2469 2470 .mt-case-studies-v1 .mt-case-change-card summary { 2471 min-height: 0; 2472 padding-block: 1.5rem; 2473 } 2474} 2475 2476@media (prefers-reduced-motion: reduce) { 2477 .mt-case-studies-v1 .mt-case-studies-carousel.is-carousel-ready .mt-case-study-slide.is-active { 2478 animation: none; 2479 } 2480} 2481 2482 2483 2484 2485 2486 2487 2488/* Managed Transportation supply chain analysis rows, v2 */ 2489 2490.mt-sca-v1 { 2491 --mt-sca-teal: #12b7be; 2492 --mt-sca-dark: #171717; 2493 --mt-sca-gray: #e5e5e5; 2494 --mt-sca-text: #171717; 2495 margin-block: 0; 2496 color: var(--mt-sca-text); 2497} 2498
2499.mt-sca-v1, 2500.mt-sca-v1 * { 2501 box-sizing: border-box; 2502} 2503 2504.mt-sca-v1 .mt-sca-v1-inner { 2505 width: calc(100% - 4rem); 2506 max-width: 58rem; 2507 margin-inline: auto; 2508} 2509 2510 2511/* ---------- Form row ---------- */ 2512 2513.mt-sca-v1 .mt-sca-v1-form-section { 2514 margin-block: 0; 2515 padding-block: clamp(4.5rem, 7vw, 6.25rem); 2516 background: var(--mt-sca-dark); 2517 color: #fff; 2518} 2519 2520.mt-sca-v1 .mt-sca-v1-eyebrow { 2521 margin: 0; 2522 color: var(--mt-sca-teal); 2523 font-size: clamp(1.5rem, 2.5vw, 2rem); 2524 font-weight: 700; 2525 line-height: 1.15; 2526 text-transform: uppercase; 2527} 2528 2529.mt-sca-v1 .mt-sca-v1-title { 2530 max-width: 58rem; 2531 margin: 1.5rem auto 0; 2532 color: #fff; 2533 font-size: clamp(1.75rem, 3vw, 2.25rem); 2534 font-weight: 700; 2535 line-height: 1.18; 2536 text-transform: uppercase; 2537} 2538 2539.mt-sca-v1 .mt-sca-v1-form-shell { 2540 margin: clamp(3rem, 5vw, 4.5rem) 0 0; 2541 padding: clamp(2rem, 4vw, 3.25rem); 2542 border-radius: 0.625rem; 2543 background: #fff; 2544 color: var(--mt-sca-text); 2545} 2546 2547.mt-sca-v1 .mt-sca-v1-form-shell > .wp-block-group__inner-container { 2548 display: contents; 2549} 2550 2551.mt-sca-v1 .gform_wrapper, 2552.mt-sca-v1 .gform_wrapper form, 2553.mt-sca-v1 .gform_wrapper .gform_body { 2554 width: 100%; 2555 margin: 0; 2556} 2557 2558/* This site dequeues the Gravity Forms stylesheet entirely, so GF's own grid 2559 and its gfield--width-* rules do not exist. Both are defined here. The 2560 layout editor still drives the widths, it just needs these rules to mean 2561 anything. */ 2562.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields { 2563 display: grid !important; 2564 grid-template-columns: repeat(12, minmax(0, 1fr)) !important; 2565 align-items: start; 2566 column-gap: 1.25rem; 2567 row-gap: 1.75rem; 2568} 2569 2570.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield { 2571 grid-column: 1 / -1; 2572 align-self: start; 2573 min-width: 0; 2574 margin: 0 !important; 2575 padding: 0 !important; 2576} 2577 2578/* Widths as set in the Gravity Forms layout editor */ 2579.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-full { 2580 grid-column: span 12; 2581} 2582 2583.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-three-quarters { 2584 grid-column: span 9; 2585} 2586 2587.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-two-thirds { 2588 grid-column: span 8; 2589} 2590 2591.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-half { 2592 grid-column: span 6; 2593} 2594
2595.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-third { 2596 grid-column: span 4; 2597} 2598 2599.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gfield--width-quarter { 2600 grid-column: span 3; 2601} 2602 2603 2604/* Section breaks. 2605 2606 Two ways to separate the form's groups, both supported. 2607 2608 1. A Gravity Forms Section field between groups. Gives a real divider and 2609 an optional heading. Leave the title blank for a plain spacer. 2610 2611 2. The class mt-sca-group-start on a field, added under Appearance > 2612 Custom CSS Class. Put it on EVERY field in the row that starts the 2613 group, or that row will fall out of alignment. */ 2614 2615.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gsection { 2616 grid-column: 1 / -1 !important; 2617 margin: clamp(1.75rem, 3vw, 2.75rem) 0 0 !important; 2618 padding: 0 0 0.85rem !important; 2619 border: 0; 2620 border-bottom: 0.125rem solid var(--mt-sca-teal) !important; 2621} 2622 2623.mt-sca-v1 .gform_wrapper.gravity-theme .gsection .gsection_title { 2624 margin: 0; 2625 color: var(--mt-sca-text); 2626 font-size: 1.05rem; 2627 font-weight: 700; 2628 line-height: 1.3; 2629 text-transform: uppercase; 2630} 2631 2632.mt-sca-v1 .gform_wrapper.gravity-theme .gsection .gsection_description { 2633 margin: 0.5rem 0 0; 2634 color: #595959; 2635 font-size: 0.9rem; 2636 line-height: 1.45; 2637} 2638 2639.mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.mt-sca-group-start { 2640 margin-top: clamp(1.75rem, 3vw, 2.75rem) !important; 2641} 2642 2643.mt-sca-v1 .gform_wrapper.gravity-theme fieldset.gfield { 2644 border: 0; 2645 min-inline-size: 0; 2646 margin: 0; 2647 padding: 0; 2648} 2649 2650 2651/* Labels */ 2652 2653.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_label, 2654.mt-sca-v1 .gform_wrapper.gravity-theme legend.gfield_label { 2655 display: block; 2656 width: 100%; 2657 margin: 0 0 0.75rem; 2658 padding: 0; 2659 color: var(--mt-sca-text); 2660 font-size: 0.95rem; 2661 font-weight: 700; 2662 line-height: 1.35; 2663} 2664 2665/* Sub labels under the Name columns */ 2666.mt-sca-v1 .gform_wrapper.gravity-theme .gform-field-label--type-sub { 2667 display: block; 2668 margin: 0.4rem 0 0; 2669 color: #595959; 2670 font-size: 0.8rem; 2671 font-weight: 400; 2672 line-height: 1.2; 2673} 2674 2675.mt-sca-v1 .gform_wrapper.gravity-theme .screen-reader-text { 2676 position: absolute; 2677 width: 1px; 2678 height: 1px; 2679 overflow: hidden; 2680 clip: rect(0 0 0 0); 2681 white-space: nowrap; 2682} 2683 2684/* "(Required)" becomes the teal asterisk from the design */ 2685.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_required_text { 2686 font-size: 0; 2687} 2688 2689.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_required_text::after { 2690 margin-left: 0.2rem; 2691 color: var(--mt-sca-teal); 2692 font-size: 0.95rem; 2693 content: "*"; 2694} 2695 2696.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_required_asterisk { 2697 margin-left: 0.2rem; 2698 color: var(--mt-sca-teal); 2699} 2700 2701 2702/* Inputs and selects */ 2703 2704.mt-sca-v1 .gform_wrapper.gravity-theme input[type="text"], 2705.mt-sca-v1 .gform_wrapper.gravity-theme input[type="email"], 2706.mt-sca-v1 .gform_wrapper.gravity-theme input[type="tel"], 2707.mt-sca-v1 .gform_wrapper.gravity-theme input[type="number"], 2708.mt-sca-v1 .gform_wrapper.gravity-theme input[type="url"], 2709.mt-sca-v1 .gform_wrapper.gravity-theme select, 2710.mt-sca-v1 .gform_wrapper.gravity-theme textarea { 2711 display: block; 2712 width: 100%; 2713 min-height: 3.25rem; 2714 margin: 0; 2715 padding: 0.75rem 1.25rem; 2716 border: 0; 2717 border-radius: 0.75rem; 2718 background-color: var(--mt-sca-gray); 2719 color: #333; 2720 font-family: inherit; 2721 font-size: 1rem; 2722 font-weight: 500; 2723 line-height: 1.3; 2724 box-shadow: none; 2725} 2726 2727.mt-sca-v1 .gform_wrapper.gravity-theme textarea { 2728 min-height: 9rem; 2729 padding-block: 1rem; 2730} 2731 2732.mt-sca-v1 .gform_wrapper.gravity-theme select { 2733 padding-right: 3rem; 2734 appearance: none; 2735 background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='12' viewBox='0 0 18 12'%3E%3Cpath d='M2 2l7 7 7-7' fill='none' stroke='%2312b7be' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); 2736 background-repeat: no-repeat; 2737 background-position: right 1.25rem center; 2738 background-size: 1.125rem auto; 2739} 2740 2741.mt-sca-v1 .gform_wrapper.gravity-theme input::placeholder, 2742.mt-sca-v1 .gform_wrapper.gravity-theme textarea::placeholder { 2743 color: #666; 2744 opacity: 1; 2745} 2746
2747.mt-sca-v1 .gform_wrapper.gravity-theme input:focus, 2748.mt-sca-v1 .gform_wrapper.gravity-theme select:focus, 2749.mt-sca-v1 .gform_wrapper.gravity-theme textarea:focus { 2750 outline: 0.1875rem solid var(--mt-sca-teal); 2751 outline-offset: 0.125rem; 2752} 2753 2754 2755/* Name field. Two even columns regardless of the theme's own grid. */ 2756 2757.mt-sca-v1 .gform_wrapper.gravity-theme .ginput_complex.ginput_container_name { 2758 display: grid !important; 2759 grid-template-columns: repeat(2, minmax(0, 1fr)); 2760 gap: 1rem; 2761 width: 100%; 2762 margin: 0 !important; 2763} 2764 2765.mt-sca-v1 .gform_wrapper.gravity-theme .ginput_container_name > .gform-grid-col { 2766 display: block !important; 2767 float: none !important; 2768 width: 100% !important; 2769 max-width: none !important; 2770 min-width: 0 !important; 2771 margin: 0 !important; 2772 padding: 0 !important; 2773} 2774 2775 2776/* Company Zip Code. Address field with only the ZIP input showing. */ 2777 2778.mt-sca-v1 .gform_wrapper.gravity-theme .ginput_complex.ginput_container_address { 2779 display: block !important; 2780 width: 100%; 2781 margin: 0 !important; 2782} 2783 2784.mt-sca-v1 .gform_wrapper.gravity-theme .ginput_container_address .ginput_address_zip { 2785 display: block !important; 2786 float: none !important; 2787 width: 100% !important; 2788 max-width: 14rem; 2789 margin: 0 !important; 2790 padding: 0 !important; 2791} 2792 2793.mt-sca-v1 .gform_wrapper.gravity-theme .gf_clear, 2794.mt-sca-v1 .gform_wrapper.gravity-theme .gf_clear_complex { 2795 display: none !important; 2796} 2797 2798 2799/* Radio list. Two columns on desktop. */ 2800 2801.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_radio, 2802.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_checkbox { 2803 display: grid !important; 2804 grid-template-columns: repeat(2, minmax(0, 1fr)); 2805 gap: 0.85rem 1.75rem; 2806 width: 100%; 2807 margin: 0; 2808 padding: 0; 2809 list-style: none; 2810} 2811 2812.mt-sca-v1 .gform_wrapper.gravity-theme .gchoice { 2813 display: flex !important; 2814 align-items: flex-start; 2815 gap: 0.65rem; 2816 width: 100%; 2817 min-width: 0; 2818 margin: 0; 2819 padding: 0; 2820} 2821 2822.mt-sca-v1 .gform_wrapper.gravity-theme .gchoice input[type="radio"], 2823.mt-sca-v1 .gform_wrapper.gravity-theme .gchoice input[type="checkbox"] { 2824 flex: 0 0 1.125rem; 2825 width: 1.125rem !important; 2826 min-width: 1.125rem; 2827 max-width: 1.125rem; 2828 height: 1.125rem; 2829 min-height: 0 !important; 2830 margin: 0.2rem 0 0 !important; 2831 padding: 0 !important; 2832 border: 0; 2833 border-radius: 0; 2834 background: none; 2835 appearance: auto; 2836 -webkit-appearance: auto; 2837 accent-color: var(--mt-sca-teal); 2838} 2839 2840.mt-sca-v1 .gform_wrapper.gravity-theme .gchoice label { 2841 flex: 1 1 auto; 2842 min-width: 0; 2843 margin: 0; 2844 padding: 0; 2845 color: var(--mt-sca-text); 2846 font-size: 0.95rem; 2847 font-weight: 400; 2848 line-height: 1.35; 2849 text-align: left; 2850} 2851 2852/* The Other option's text input drops onto its own line under the label */ 2853.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_radio .gchoice:last-child { 2854 flex-wrap: wrap; 2855} 2856 2857.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_radio .gchoice:last-child label { 2858 flex: 0 1 auto; 2859} 2860 2861.mt-sca-v1 .gform_wrapper.gravity-theme .gchoice_other_control, 2862.mt-sca-v1 .gform_wrapper.gravity-theme input[id$="_other"] { 2863 flex: 0 0 calc(100% - 1.775rem); 2864 width: calc(100% - 1.775rem) !important; 2865 margin: 0.5rem 0 0 1.775rem !important; 2866} 2867 2868 2869/* Submit */ 2870 2871.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer, 2872.mt-sca-v1 .gform_wrapper.gravity-theme .gform-footer { 2873 margin: 2.5rem 0 0; 2874 padding: 0; 2875} 2876 2877.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer input[type="submit"], 2878.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer button.gform_button { 2879 min-height: 3.25rem; 2880 margin: 0; 2881 padding: 0.9rem 1.75rem; 2882 border: 0; 2883 border-radius: 0.5rem; 2884 background: #000; 2885 color: #fff; 2886 font-family: inherit; 2887 font-size: 1rem; 2888 font-weight: 700; 2889 line-height: 1.2; 2890 text-transform: uppercase; 2891 cursor: pointer; 2892} 2893 2894.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:hover, 2895.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer input[type="submit"]:focus-visible, 2896.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer button.gform_button:hover, 2897.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer button.gform_button:focus-visible { 2898 background: var(--mt-sca-teal); 2899 color: #000; 2900} 2901 2902/* The theme injects a second, unclassed submit button after the real one */ 2903.mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer > button:not(.gform_button), 2904.mt-sca-v1 .gform_wrapper.gravity-theme .gform-footer > button:not(.gform_button) { 2905 display: none !important; 2906} 2907 2908 2909/* Validation */ 2910
2911.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_validation_message, 2912.mt-sca-v1 .gform_wrapper.gravity-theme .validation_message { 2913 margin-top: 0.5rem; 2914 padding: 0; 2915 border: 0; 2916 background: transparent; 2917 color: #a80000; 2918 font-size: 0.875rem; 2919} 2920 2921.mt-sca-v1 .gform_wrapper.gravity-theme .gform_validation_errors { 2922 margin: 0 0 1.5rem; 2923 border-radius: 0.5rem; 2924} 2925 2926.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_error input, 2927.mt-sca-v1 .gform_wrapper.gravity-theme .gfield_error select { 2928 outline: 0.125rem solid #a80000; 2929 outline-offset: 0.125rem; 2930} 2931 2932.mt-sca-v1 .gform_confirmation_message { 2933 margin: 0; 2934 padding: clamp(1.5rem, 3vw, 2rem); 2935 border-top: 0.75rem solid var(--mt-sca-teal); 2936 border-radius: 0.625rem; 2937 background: #fff; 2938 color: var(--mt-sca-text); 2939 font-size: 1.0625rem; 2940 font-weight: 600; 2941 line-height: 1.5; 2942} 2943 2944 2945/* ---------- Discovery row (unchanged) ---------- */ 2946 2947.mt-sca-v1 .mt-sca-v1-discovery-section { 2948 margin-block: 0; 2949 padding-block: clamp(4.5rem, 7vw, 6.25rem); 2950 background: #fff; 2951 color: var(--mt-sca-text); 2952} 2953 2954.mt-sca-v1 .mt-sca-v1-discovery-title { 2955 margin: 0; 2956 color: var(--mt-sca-text); 2957 font-size: clamp(1.75rem, 3vw, 2.25rem); 2958 font-weight: 500; 2959 line-height: 1.18; 2960 text-transform: uppercase; 2961} 2962 2963.mt-sca-v1 .mt-sca-v1-discovery-copy { 2964 margin: 1.5rem 0 0; 2965 color: var(--mt-sca-text); 2966 font-size: 1rem; 2967 font-weight: 600; 2968 line-height: 1.5; 2969} 2970 2971.mt-sca-v1 .mt-sca-v1-discovery-cards { 2972 display: grid !important; 2973 grid-template-columns: repeat(4, minmax(0, 1fr)); 2974 gap: 1.5rem; 2975 margin: clamp(3rem, 5vw, 3.75rem) 0 0; 2976} 2977 2978.mt-sca-v1 .mt-sca-v1-discovery-cards > .wp-block-column { 2979 min-width: 0; 2980 margin: 0 !important; 2981} 2982 2983.mt-sca-v1 .mt-sca-v1-discovery-card { 2984 display: flex; 2985 align-items: flex-start; 2986 min-height: 12.5rem; 2987 height: 100%; 2988 margin: 0; 2989 padding: 2rem 2.25rem; 2990 border-top: 0.75rem solid var(--mt-sca-teal); 2991 border-radius: 0.625rem; 2992 background: #000; 2993 color: #fff; 2994} 2995 2996.mt-sca-v1 .mt-sca-v1-discovery-card > .wp-block-group__inner-container { 2997 display: contents; 2998} 2999 3000.mt-sca-v1 .mt-sca-v1-discovery-card p { 3001 margin: 0; 3002 color: #fff; 3003 font-size: clamp(1.05rem, 1.4vw, 1.25rem); 3004 font-weight: 700; 3005 line-height: 1.35; 3006} 3007 3008 3009/* ---------- Responsive ---------- */ 3010 3011@media (max-width: 56.25rem) { 3012 .mt-sca-v1 .mt-sca-v1-discovery-cards { 3013 grid-template-columns: repeat(2, minmax(0, 1fr)); 3014 } 3015 3016 .mt-sca-v1 .mt-sca-v1-discovery-card { 3017 min-height: 10rem; 3018 } 3019} 3020 3021@media (max-width: 40rem) { 3022 .mt-sca-v1 .mt-sca-v1-inner { 3023 width: calc(100% - 2rem); 3024 } 3025 3026 .mt-sca-v1 .mt-sca-v1-form-section, 3027 .mt-sca-v1 .mt-sca-v1-discovery-section { 3028 padding-block: 3.5rem; 3029 } 3030 3031 .mt-sca-v1 .mt-sca-v1-title, 3032 .mt-sca-v1 .mt-sca-v1-discovery-title { 3033 font-size: 1.75rem; 3034 } 3035 3036 .mt-sca-v1 .mt-sca-v1-form-shell { 3037 margin-top: 2.5rem; 3038 padding: 1.5rem; 3039 } 3040 3041 /* Every field goes full width, whatever the layout editor set */ 3042 .mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield { 3043 grid-column: 1 / -1 !important; 3044 } 3045 3046 .mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.gsection, 3047 .mt-sca-v1 .gform_wrapper.gravity-theme .gform_fields > .gfield.mt-sca-group-start { 3048 margin-top: 1.5rem !important; 3049 } 3050 3051 .mt-sca-v1 .gform_wrapper.gravity-theme .gfield_radio, 3052 .mt-sca-v1 .gform_wrapper.gravity-theme .gfield_checkbox { 3053 grid-template-columns: minmax(0, 1fr); 3054 } 3055 3056 .mt-sca-v1 .gform_wrapper.gravity-theme .ginput_container_address .ginput_address_zip { 3057 max-width: none; 3058 } 3059 3060 .mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer input[type="submit"], 3061 .mt-sca-v1 .gform_wrapper.gravity-theme .gform_footer button.gform_button { 3062 width: 100%; 3063 } 3064 3065 .mt-sca-v1 .mt-sca-v1-discovery-cards { 3066 grid-template-columns: 1fr; 3067 gap: 1rem; 3068 margin-top: 2.5rem; 3069 } 3070 3071 .mt-sca-v1 .mt-sca-v1-discovery-card { 3072 min-height: 8.5rem; 3073 padding: 1.75rem; 3074 } 3075} 3076 3077@media (prefers-reduced-motion: reduce) { 3078 .mt-sca-v1 *, 3079 .mt-sca-v1 *::before, 3080 .mt-sca-v1 *::after { 3081 scroll-behavior: auto !important; 3082 transition: none !important; 3083 } 3084} 3085 3086 3087 3088#gform_wrapper_36 .gform_page_footer { 3089 display: flex; 3090 flex-wrap: wrap; 3091 align-items: center; 3092 gap: 1rem; 3093} 3094 3095#gform_wrapper_36 .gform_next_button, 3096#gform_wrapper_36 .gform_previous_button { 3097 display: inline-flex; 3098 align-items: center; 3099 justify-content: center; 3100 min-height: 3.25rem; 3101 margin: 0; 3102 padding: 0.9rem 1.75rem; 3103 border: 0.125rem solid #171717; 3104 border-radius: 0.5rem; 3105 background: #171717; 3106 color: #fff; 3107 font-family: inherit; 3108 font-size: 1rem; 3109 font-weight: 700; 3110 line-height: 1.2; 3111 letter-spacing: 0.03rem; 3112 text-transform: uppercase; 3113 cursor: pointer; 3114 appearance: none; 3115 -webkit-appearance: none; 3116} 3117 3118#gform_wrapper_36 .gform_previous_button { 3119 background: transparent; 3120 color: #171717; 3121} 3122 3123#gform_wrapper_36 .gform_next_button:hover, 3124#gform_wrapper_36 .gform_next_button:focus-visible, 3125#gform_wrapper_36 .gform_previous_button:hover, 3126#gform_wrapper_36 .gform_previous_button:focus-visible { 3127 border-color: #12b7be; 3128 background: #12b7be; 3129 color: #000; 3130} 3131 3132 3133/* 2. Radio and checkbox rows. 3134 Without the GF stylesheet the input and its label do not sit together. 3135 This puts the control beside its text. */ 3136 3137#gform_wrapper_36 .gchoice { 3138 display: flex; 3139 align-items: flex-start; 3140 gap: 0.65rem; 3141 margin: 0 0 0.6rem; 3142 padding: 0; 3143} 3144 3145#gform_wrapper_36 .gchoice input[type="radio"], 3146#gform_wrapper_36 .gchoice input[type="checkbox"] { 3147 flex: 0 0 1.125rem; 3148 width: 1.125rem; 3149 height: 1.125rem; 3150 margin: 0.2rem 0 0; 3151 accent-color: #12b7be; 3152} 3153 3154#gform_wrapper_36 .gchoice label { 3155 flex: 1 1 auto; 3156 margin: 0; 3157 line-height: 1.35; 3158 text-align: left; 3159} 3160 3161/* Space before the (Required) tag */ 3162#gform_wrapper_36 .gfield_required { 3163 margin-left: 0.25rem; 3164} 3165 3166 3167/* Center Managed Services FAQs on wide screens - RC-MC */ 3168body.page-id-320 .drybn-nn-section--theme-neutral { 3169 width: 100vw !important; 3170 max-width: none !important; 3171 box-sizing: border-box; 3172 overflow-x: clip; 3173} 3174 3175body.page-id-320 3176.drybn-nn-section--theme-neutral 3177.drybn-nn-section__inner { 3178 width: calc(100% - 40px) !important; 3179 max-width: 800px !important; 3180 margin-left: auto !important; 3181 margin-right: auto !important; 3182} 3183 3184body.page-id-320 3185.drybn-nn-section--theme-neutral 3186.drybn-accordion { 3187 width: 100% !important; 3188 max-width: 600px !important; 3189 margin-left: auto !important; 3190 margin-right: auto !important; 3191} 3192 3193 3194 3195 3196/* ========================================================================= 3197 TRINITY FREIGHT AGENT PROGRAM PAGE ROWS, v1 3198 3199 3200 ========================================================================= */ 3201 3202.fa-program-v1 { 3203 --fa-v1-teal: #12b7be; 3204 --fa-v1-dark: #171717; 3205 --fa-v1-text: #151515; 3206 margin-block: 0; 3207 color: var(--fa-v1-text); 3208} 3209 3210.fa-program-v1, 3211.fa-program-v1 * { 3212 box-sizing: border-box; 3213} 3214 3215.fa-program-v1 .fa-program-v1-inner { 3216 width: calc(100% - 2.5rem); 3217 max-width: 72.5rem; 3218 margin-inline: auto; 3219} 3220 3221 3222/* ------------------------------------------------------------------------- 3223 Dark intro row 3224 ------------------------------------------------------------------------- */ 3225 3226.fa-program-v1 .fa-program-v1-intro { 3227 margin-block: 0; 3228 padding-block: clamp(4.5rem, 8vw, 7.5rem); 3229 background: var(--fa-v1-dark); 3230 color: #fff; 3231} 3232 3233.fa-program-v1 .fa-program-v1-intro-title { 3234 max-width: 62rem; 3235 margin: 0 0 clamp(1.75rem, 3vw, 2.5rem); 3236 color: var(--fa-v1-teal); 3237 font-size: clamp(2rem, 3.4vw, 3.25rem); 3238 font-weight: 700; 3239 line-height: 1.12; 3240 letter-spacing: 0; 3241 text-transform: uppercase; 3242} 3243 3244.fa-program-v1 .fa-program-v1-intro-copy { 3245 max-width: 68rem; 3246 margin: 0; 3247} 3248 3249.fa-program-v1 .fa-program-v1-intro-copy p { 3250 margin: 0 0 1.5rem; 3251 color: #fff; 3252 font-size: clamp(1rem, 1.3vw, 1.125rem); 3253 font-weight: 500; 3254 line-height: 1.55; 3255} 3256 3257.fa-program-v1 .fa-program-v1-intro-copy p:last-child { 3258 margin-bottom: 0; 3259} 3260 3261.fa-program-v1 .fa-program-v1-intro-emphasis { 3262 max-width: 68rem; 3263 margin: clamp(2rem, 3.5vw, 2.75rem) 0 0; 3264 color: var(--fa-v1-teal); 3265 font-size: clamp(1.125rem, 1.6vw, 1.375rem); 3266 font-weight: 700; 3267 line-height: 1.35; 3268} 3269 3270.fa-program-v1 .fa-program-v1-intro-actions { 3271 align-items: stretch; 3272 gap: clamp(1rem, 2vw, 1.5rem); 3273 margin: clamp(2.5rem, 4vw, 3.5rem) 0 0; 3274} 3275 3276/* Primary button. Filled teal, because a black button has too little 3277 contrast on the dark ground used everywhere else on these pages. */ 3278.fa-program-v1 .fa-program-v1-button .wp-block-button__link { 3279 display: inline-block; 3280 min-height: 3.5rem; 3281 padding: 1.15rem 1.75rem; 3282 border: 0.125rem solid var(--fa-v1-teal); 3283 border-radius: 0.625rem; 3284 background: var(--fa-v1-teal); 3285 color: #000; 3286 font-size: clamp(0.875rem, 1.15vw, 1rem); 3287 font-weight: 700; 3288 line-height: 1.2; 3289 text-align: center; 3290 text-decoration: none; 3291 text-transform: uppercase; 3292} 3293 3294.fa-program-v1 .fa-program-v1-button .wp-block-button__link:hover, 3295.fa-program-v1 .fa-program-v1-button .wp-block-button__link:focus-visible { 3296 border-color: #fff; 3297 background: #fff; 3298 color: #000; 3299} 3300 3301/* Secondary button. Outlined. */ 3302.fa-program-v1 .fa-program-v1-button--secondary .wp-block-button__link { 3303 background: transparent; 3304 color: var(--fa-v1-teal); 3305} 3306 3307.fa-program-v1 .fa-program-v1-button--secondary .wp-block-button__link:hover, 3308.fa-program-v1 .fa-program-v1-button--secondary .wp-block-button__link:focus-visible { 3309 border-color: var(--fa-v1-teal); 3310 background: var(--fa-v1-teal); 3311 color: #000; 3312} 3313 3314.fa-program-v1 .fa-program-v1-button .wp-block-button__link:focus-visible { 3315 outline: 0.1875rem solid #fff; 3316 outline-offset: 0.25rem; 3317} 3318 3319 3320/* ------------------------------------------------------------------------- 3321 White subpage menu row 3322 ------------------------------------------------------------------------- */ 3323 3324.fa-program-v1 .fa-program-v1-explore { 3325 margin-block: 0; 3326 padding-block: clamp(4.5rem, 8vw, 7rem); 3327 background: #fff; 3328 color: var(--fa-v1-text); 3329} 3330 3331.fa-program-v1 .fa-program-v1-explore-lead { 3332 max-width: 68rem; 3333 margin: 0; 3334 color: var(--fa-v1-text); 3335 font-size: clamp(1.05rem, 1.4vw, 1.25rem); 3336 font-weight: 600; 3337 line-height: 1.5; 3338} 3339 3340/* Native Gutenberg Columns control this row and its mobile collapse. */ 3341.fa-program-v1 .fa-program-v1-explore-cards { 3342 align-items: stretch; 3343 gap: clamp(1.25rem, 2.5vw, 2rem); 3344 margin: clamp(3rem, 5vw, 4rem) 0 0; 3345} 3346 3347.fa-program-v1 .fa-program-v1-explore-cards > .wp-block-column { 3348 min-width: 0; 3349} 3350 3351.fa-program-v1 .fa-program-v1-explore-card { 3352 display: flex; 3353 flex-direction: column; 3354 height: 100%; 3355 margin: 0; 3356 padding: clamp(1.75rem, 3vw, 2.5rem); 3357 border-top: 0.75rem solid var(--fa-v1-teal); 3358 border-radius: 0.625rem; 3359 background: #000; 3360 color: #fff; 3361} 3362 3363/* Some Trinity templates add this wrapper inside Gutenberg Groups. */ 3364.fa-program-v1 .fa-program-v1-explore-card > .wp-block-group__inner-container { 3365 display: contents; 3366} 3367 3368.fa-program-v1 .fa-program-v1-explore-card-title { 3369 margin: 0 0 1rem; 3370 color: #fff; 3371 font-size: clamp(1.25rem, 1.7vw, 1.5rem); 3372 font-weight: 700; 3373 line-height: 1.2; 3374 text-transform: uppercase; 3375} 3376 3377.fa-program-v1 .fa-program-v1-explore-card-copy { 3378 margin: 0 0 2rem; 3379 color: #fff; 3380 font-size: 1rem; 3381 font-weight: 400; 3382 line-height: 1.5; 3383} 3384 3385/* auto top margin pins the CTA to the bottom so all three line up even when 3386 the copy lengths differ. */ 3387.fa-program-v1 .fa-program-v1-explore-card-link { 3388 margin: auto 0 0; 3389 font-size: 0.95rem; 3390 font-weight: 700; 3391 line-height: 1.25; 3392 text-transform: uppercase; 3393} 3394 3395.fa-program-v1 .fa-program-v1-explore-card-link a { 3396 color: var(--fa-v1-teal); 3397 text-decoration: underline; 3398 text-underline-offset: 0.25rem; 3399} 3400 3401.fa-program-v1 .fa-program-v1-explore-card-link a:hover {
3402 color: #fff; 3403} 3404 3405.fa-program-v1 .fa-program-v1-explore-card-link a:focus-visible { 3406 outline: 0.1875rem solid var(--fa-v1-teal); 3407 outline-offset: 0.25rem; 3408} 3409 3410 3411/* ------------------------------------------------------------------------- 3412 Optional scroll reveal. Inert unless the WPCode snippet is active, because 3413 the snippet is what adds .fa-v1-motion-ready. 3414 ------------------------------------------------------------------------- */ 3415 3416.fa-program-v1.fa-v1-motion-ready .fa-program-v1-explore-card { 3417 opacity: 0; 3418 transform: translateY(1.5rem); 3419 transition: opacity 0.55s ease, transform 0.55s ease; 3420} 3421 3422.fa-program-v1.fa-v1-motion-ready .fa-program-v1-explore-cards > .wp-block-column:nth-child(2) .fa-program-v1-explore-card { 3423 transition-delay: 0.15s; 3424} 3425 3426.fa-program-v1.fa-v1-motion-ready .fa-program-v1-explore-cards > .wp-block-column:nth-child(3) .fa-program-v1-explore-card { 3427 transition-delay: 0.3s; 3428} 3429 3430.fa-program-v1.fa-v1-motion-ready .fa-program-v1-explore-cards.is-visible .fa-program-v1-explore-card { 3431 opacity: 1; 3432 transform: translateY(0); 3433} 3434 3435 3436/* ------------------------------------------------------------------------- 3437 Mobile 3438 ------------------------------------------------------------------------- */ 3439 3440@media (max-width: 48.875rem) { 3441 .fa-program-v1 .fa-program-v1-inner { 3442 width: calc(100% - 2rem); 3443 } 3444 3445 .fa-program-v1 .fa-program-v1-intro, 3446 .fa-program-v1 .fa-program-v1-explore { 3447 padding-block: 4rem; 3448 } 3449 3450 .fa-program-v1 .fa-program-v1-intro-title { 3451 font-size: clamp(1.85rem, 9vw, 2.6rem); 3452 } 3453 3454 .fa-program-v1 .fa-program-v1-intro-emphasis { 3455 margin-top: 2rem; 3456 } 3457 3458 .fa-program-v1 .fa-program-v1-intro-actions { 3459 flex-direction: column; 3460 gap: 1rem; 3461 margin-top: 2.5rem; 3462 } 3463 3464 .fa-program-v1 .fa-program-v1-button, 3465 .fa-program-v1 .fa-program-v1-button .wp-block-button__link { 3466 width: 100%; 3467 } 3468 3469 .fa-program-v1 .fa-program-v1-explore-cards { 3470 gap: 1rem; 3471 margin-top: 3rem; 3472 } 3473 3474 .fa-program-v1 .fa-program-v1-explore-card { 3475 padding: 1.75rem; 3476 } 3477 3478 .fa-program-v1 .fa-program-v1-explore-card-copy { 3479 margin-bottom: 1.5rem; 3480 } 3481} 3482 3483 3484/* ------------------------------------------------------------------------- 3485 Reduced motion 3486 ------------------------------------------------------------------------- */ 3487 3488@media (prefers-reduced-motion: reduce) { 3489 .fa-program-v1.fa-v1-motion-ready .fa-program-v1-explore-card { 3490 opacity: 1; 3491 transform: none; 3492 transition: none; 3493 } 3494} 3495 3496 3497 3498 3499.fa-stories-v1 { 3500 --fa-st-teal: #12b7be; 3501 --fa-st-dark: #171717; 3502 --fa-st-gray: #e5e5e5; 3503 --fa-st-text: #151515; 3504 margin-block: 0; 3505 color: var(--fa-st-text); 3506} 3507 3508.fa-stories-v1, 3509.fa-stories-v1 * { 3510 box-sizing: border-box; 3511} 3512 3513.fa-stories-v1 .fa-stories-v1-inner { 3514 width: calc(100% - 4rem); 3515 max-width: 50rem; 3516 margin-inline: auto; 3517} 3518 3519 3520/* ------------------------------------------------------------------------- 3521 Testimonial row. 3522 Same light gray as the CTA and the footer chevron, so everything below the 3523 hero's diagonal reads as one continuous band down to the point. 3524 ------------------------------------------------------------------------- */ 3525 3526/* The hero and its inner content are each clipped with a diagonal polygon, 3527 and the teal line is the sliver between the two. Below that diagonal the 3528 hero is clipped away, so whatever sits behind it shows through. Painting 3529 main gray fills that wedge and continues the band. 3530 3531 The 1.2rem bottom margin on the hero is zeroed for the same reason. */ 3532body:has(.fa-stories-v1) main.content { 3533 background-color: #e5e5e5; 3534} 3535 3536body:has(.fa-stories-v1) .drybn-lower-level-hero { 3537 margin-bottom: 0; 3538} 3539 3540.fa-stories-v1 .fa-stories-v1-why { 3541 margin-block: 0; 3542 padding-block: clamp(4rem, 6vw, 5.5rem); 3543 background: var(--fa-st-gray); 3544 color: var(--fa-st-text); 3545} 3546 3547.fa-stories-v1 .fa-stories-v1-why-title { 3548 margin: 0; 3549 color: var(--fa-st-text); 3550 font-size: clamp(2rem, 2.9vw, 2.5rem); 3551 font-weight: 700; 3552 line-height: 1.12; 3553 letter-spacing: 0; 3554 text-transform: uppercase; 3555} 3556 3557.fa-stories-v1 .fa-stories-v1-why-copy { 3558 margin: clamp(1.5rem, 2.5vw, 2rem) 0 0; 3559} 3560 3561.fa-stories-v1 .fa-stories-v1-why-copy p { 3562 margin: 0 0 1.1rem; 3563 color: var(--fa-st-text); 3564 font-size: clamp(1rem, 1.25vw, 1.125rem); 3565 line-height: 1.5; 3566} 3567 3568.fa-stories-v1 .fa-stories-v1-why-copy p:last-child { 3569 margin-bottom: 0; 3570} 3571 3572 3573/* ------------------------------------------------------------------------- 3574 Carousel
3575 Driven by the existing shared controller. Without JavaScript, and inside 3576 the Gutenberg editor, every slide stays visible and editable. 3577 ------------------------------------------------------------------------- */ 3578 3579.fa-stories-v1 .fa-stories-carousel, 3580.fa-stories-v1 .fa-stories-slides, 3581.fa-stories-v1 .fa-stories-slide { 3582 margin-block: 0; 3583} 3584 3585.fa-stories-v1 .fa-stories-carousel { 3586 margin-top: clamp(2.5rem, 4vw, 3.25rem); 3587} 3588 3589.fa-stories-v1 .fa-stories-slide + .fa-stories-slide { 3590 margin-top: 4rem; 3591 padding-top: 4rem; 3592 border-top: 0.125rem dashed rgba(0, 0, 0, 0.18); 3593} 3594 3595/* The controller adds this class once its controls are built. */ 3596.fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide { 3597 margin-top: 0; 3598 padding-top: 0; 3599 border-top: 0; 3600} 3601 3602.fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide[hidden] { 3603 display: none !important; 3604} 3605 3606.fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide.is-active { 3607 animation: fa-stories-v1-fade 280ms ease both; 3608} 3609 3610/* The three quotes differ a lot in length. A floor on the active slide stops 3611 the section jumping height as visitors move between them. Raise or lower 3612 this one value if the client adds a much longer or shorter testimonial. */ 3613.fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide { 3614 min-height: clamp(16rem, 26vw, 21rem); 3615} 3616 3617 3618/* Quote, mirroring .mt-case-study-quote */ 3619 3620.fa-stories-v1 .fa-stories-quote { 3621 position: relative; 3622 margin: 0; 3623 padding: 0 0 0 clamp(2.75rem, 4vw, 3.25rem); 3624 border-left: 0.25rem solid var(--fa-st-teal); 3625} 3626 3627.fa-stories-v1 .fa-stories-quote::before, 3628.fa-stories-v1 .fa-stories-quote::after { 3629 position: absolute; 3630 color: var(--fa-st-teal); 3631 font-size: 2.5rem; 3632 font-weight: 700; 3633 line-height: 1; 3634 content: "\201C"; 3635} 3636 3637.fa-stories-v1 .fa-stories-quote::before { 3638 top: -0.15rem; 3639 left: 1.5rem; 3640} 3641 3642.fa-stories-v1 .fa-stories-quote::after { 3643 right: 0; 3644 bottom: 1.75rem; 3645 content: "\201D"; 3646} 3647 3648.fa-stories-v1 .fa-stories-quote-copy { 3649 margin: 0 0 1rem; 3650 padding-right: 2rem; 3651 color: var(--fa-st-text); 3652 font-size: 1rem; 3653 font-weight: 600; 3654 line-height: 1.55; 3655} 3656 3657.fa-stories-v1 .fa-stories-quote-copy:last-of-type { 3658 margin-bottom: 0; 3659} 3660 3661.fa-stories-v1 .fa-stories-quote-source { 3662 margin: 1.25rem 0 0; 3663 padding-right: 2rem; 3664 color: var(--fa-st-teal); 3665 font-size: 0.95rem; 3666 font-weight: 700; 3667 line-height: 1.2; 3668 text-align: right; 3669 text-transform: uppercase; 3670} 3671 3672 3673/* Controls, generated by the shared controller */ 3674 3675.fa-stories-v1 .fa-stories-carousel-controls { 3676 display: flex; 3677 align-items: center; 3678 justify-content: center; 3679 gap: 1.5rem; 3680 margin-top: clamp(2rem, 4vw, 2.5rem); 3681} 3682 3683.fa-stories-v1 .fa-stories-carousel-arrow { 3684 position: relative; 3685 width: 2.75rem; 3686 height: 2.75rem; 3687 margin: 0; 3688 padding: 0; 3689 border: 0; 3690 border-radius: 50%; 3691 background: transparent; 3692 color: var(--fa-st-teal); 3693 cursor: pointer; 3694} 3695 3696.fa-stories-v1 .fa-stories-carousel-arrow::before { 3697 position: absolute; 3698 top: 50%; 3699 left: 50%; 3700 width: 1rem; 3701 height: 1rem; 3702 border-top: 0.25rem solid currentColor; 3703 border-right: 0.25rem solid currentColor; 3704 content: ""; 3705} 3706 3707.fa-stories-v1 .fa-stories-carousel-prev::before { 3708 transform: translate(-35%, -50%) rotate(-135deg); 3709} 3710 3711.fa-stories-v1 .fa-stories-carousel-next::before { 3712 transform: translate(-65%, -50%) rotate(45deg); 3713} 3714 3715.fa-stories-v1 .fa-stories-carousel-arrow:hover, 3716.fa-stories-v1 .fa-stories-carousel-arrow:focus-visible { 3717 background: rgba(18, 183, 190, 0.14); 3718} 3719 3720.fa-stories-v1 .fa-stories-carousel-arrow:focus-visible, 3721.fa-stories-v1 .fa-stories-carousel-dot:focus-visible { 3722 outline: 0.1875rem solid var(--fa-st-dark); 3723 outline-offset: 0.25rem; 3724} 3725 3726.fa-stories-v1 .fa-stories-carousel-dots { 3727 display: flex; 3728 align-items: center; 3729 justify-content: center; 3730 gap: 1rem; 3731} 3732 3733.fa-stories-v1 .fa-stories-carousel-dot { 3734 width: 0.875rem; 3735 height: 0.875rem; 3736 margin: 0; 3737 padding: 0; 3738 border: 0; 3739 border-radius: 50%; 3740 background: #b5b5b5; 3741 cursor: pointer; 3742} 3743 3744.fa-stories-v1 .fa-stories-carousel-dot.is-active { 3745 background: var(--fa-st-dark); 3746} 3747 3748 3749/* ------------------------------------------------------------------------- 3750 Light CTA row 3751 ------------------------------------------------------------------------- */ 3752 3753.fa-stories-v1 .fa-stories-v1-cta { 3754 margin-block: 0; 3755 padding-block: clamp(3.5rem, 5vw, 4.5rem); 3756 background: var(--fa-st-gray); 3757 color: var(--fa-st-text); 3758} 3759 3760/* The CTA sits in a white card with the teal topper, same treatment as the 3761 cards elsewhere in the build. */ 3762.fa-stories-v1 .fa-stories-v1-cta .fa-stories-v1-inner { 3763 max-width: 44rem; 3764 padding: clamp(2rem, 4vw, 3rem); 3765 border-top: 0.75rem solid var(--fa-st-teal); 3766 border-radius: 0.625rem; 3767 background: #fff; 3768} 3769 3770.fa-stories-v1 .fa-stories-v1-cta-title { 3771 margin: 0; 3772 color: var(--fa-st-text); 3773 font-size: clamp(2rem, 2.9vw, 2.5rem); 3774 font-weight: 700; 3775 line-height: 1.15; 3776 text-transform: uppercase; 3777} 3778 3779.fa-stories-v1 .fa-stories-v1-cta-copy { 3780 margin: 1.5rem 0 2rem; 3781 color: var(--fa-st-text); 3782 font-size: 1rem; 3783 line-height: 1.5; 3784} 3785 3786 3787/* ------------------------------------------------------------------------- 3788 Motion 3789 ------------------------------------------------------------------------- */ 3790 3791@keyframes fa-stories-v1-fade { 3792 from { 3793 opacity: 0; 3794 transform: translateY(0.5rem); 3795 } 3796 3797 to { 3798 opacity: 1; 3799 transform: translateY(0); 3800 } 3801} 3802 3803 3804/* ------------------------------------------------------------------------- 3805 Mobile 3806 ------------------------------------------------------------------------- */ 3807 3808@media (max-width: 48.875rem) { 3809 .fa-stories-v1 .fa-stories-v1-inner { 3810 width: calc(100% - 2rem); 3811 } 3812 3813 .fa-stories-v1 .fa-stories-v1-why, 3814 .fa-stories-v1 .fa-stories-v1-cta { 3815 padding-block: 3.5rem; 3816 } 3817 3818 .fa-stories-v1 .fa-stories-v1-cta .fa-stories-v1-inner { 3819 padding: 1.75rem; 3820 } 3821 3822 .fa-stories-v1 .fa-stories-v1-why-title, 3823 .fa-stories-v1 .fa-stories-v1-cta-title { 3824 font-size: clamp(1.85rem, 9vw, 2.6rem); 3825 } 3826 3827 .fa-stories-v1 .fa-stories-carousel { 3828 margin-top: 2.5rem; 3829 } 3830 3831 .fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide { 3832 min-height: 0; 3833 } 3834 3835 .fa-stories-v1 .fa-stories-quote { 3836 padding-left: 2rem; 3837 } 3838 3839 .fa-stories-v1 .fa-stories-quote::before { 3840 left: 0.75rem; 3841 } 3842 3843 .fa-stories-v1 .fa-stories-quote-copy, 3844 .fa-stories-v1 .fa-stories-quote-source { 3845 padding-right: 1.25rem; 3846 } 3847} 3848 3849 3850/* ------------------------------------------------------------------------- 3851 Reduced motion 3852 ------------------------------------------------------------------------- */ 3853 3854@media (prefers-reduced-motion: reduce) { 3855 .fa-stories-v1 .fa-stories-carousel.is-carousel-ready .fa-stories-slide.is-active { 3856 animation: none; 3857 } 3858} 3859 3860 3861 3862 3863 3864.fa-faq-v1 { 3865 --fa-faq-teal: #12b7be; 3866 --fa-faq-gray: #e5e5e5; 3867 --fa-faq-rule: #d4d4d4; 3868 --fa-faq-text: #151515; 3869 margin-block: 0; 3870 color: var(--fa-faq-text); 3871} 3872
3873.fa-faq-v1, 3874.fa-faq-v1 * { 3875 box-sizing: border-box; 3876} 3877 3878.fa-faq-v1 .fa-faq-v1-inner { 3879 width: calc(100% - 4rem); 3880 max-width: 50rem; 3881 margin-inline: auto; 3882} 3883 3884 3885/* ------------------------------------------------------------------------- 3886 Questions row 3887 ------------------------------------------------------------------------- */ 3888 3889.fa-faq-v1 .fa-faq-v1-questions { 3890 margin-block: 0; 3891 padding-block: clamp(4rem, 6vw, 5.5rem); 3892 background: #fff; 3893 color: var(--fa-faq-text); 3894} 3895 3896.fa-faq-v1 .fa-faq-list { 3897 margin-block: 0; 3898 border-top: 1px solid var(--fa-faq-rule); 3899} 3900 3901 3902/* Accordion item */ 3903 3904.fa-faq-v1 .fa-faq-item { 3905 margin: 0; 3906 border: 0; 3907 border-bottom: 1px solid var(--fa-faq-rule); 3908 border-radius: 0; 3909 background: transparent; 3910} 3911 3912.fa-faq-v1 .fa-faq-item summary { 3913 position: relative; 3914 display: block; 3915 margin: 0; 3916 padding: clamp(1.35rem, 2.2vw, 1.75rem) 3.5rem clamp(1.35rem, 2.2vw, 1.75rem) 0; 3917 color: var(--fa-faq-text); 3918 font-size: clamp(1.0625rem, 1.5vw, 1.25rem); 3919 font-weight: 700; 3920 line-height: 1.35; 3921 cursor: pointer; 3922 list-style: none; 3923} 3924 3925.fa-faq-v1 .fa-faq-item summary::-webkit-details-marker { 3926 display: none; 3927} 3928 3929.fa-faq-v1 .fa-faq-item summary::marker { 3930 content: ""; 3931} 3932 3933/* Teal plus, becoming a minus when the item is open. Pinned to the first 3934 line rather than vertically centered, so long questions that wrap keep 3935 the control beside the opening words. */ 3936.fa-faq-v1 .fa-faq-item summary::after { 3937 position: absolute; 3938 top: clamp(1.15rem, 2vw, 1.5rem); 3939 right: 0.5rem; 3940 color: var(--fa-faq-teal); 3941 content: "+"; 3942 font-size: 1.85rem; 3943 font-weight: 700; 3944 line-height: 1; 3945} 3946 3947.fa-faq-v1 .fa-faq-item[open] summary::after { 3948 content: "\2212"; 3949} 3950 3951.fa-faq-v1 .fa-faq-item summary:hover { 3952 color: var(--fa-faq-teal); 3953} 3954 3955.fa-faq-v1 .fa-faq-item summary:focus-visible { 3956 outline: 0.1875rem solid var(--fa-faq-teal); 3957 outline-offset: 0.25rem; 3958} 3959 3960 3961/* Answer */ 3962 3963.fa-faq-v1 .fa-faq-answer { 3964 margin: 0 0 1.1rem; 3965 padding-right: 3.5rem; 3966 color: var(--fa-faq-text); 3967 font-size: clamp(1rem, 1.2vw, 1.0625rem); 3968 font-weight: 400; 3969 line-height: 1.6; 3970} 3971 3972.fa-faq-v1 .fa-faq-item > .fa-faq-answer:first-of-type { 3973 margin-top: -0.35rem; 3974} 3975 3976.fa-faq-v1 .fa-faq-item > .fa-faq-answer:last-child { 3977 margin-bottom: clamp(1.5rem, 2.5vw, 2rem); 3978} 3979 3980 3981/* ------------------------------------------------------------------------- 3982 Closing CTA row 3983 ------------------------------------------------------------------------- */ 3984 3985.fa-faq-v1 .fa-faq-v1-cta { 3986 margin-block: 0; 3987 padding-block: clamp(3.5rem, 5vw, 4.5rem); 3988 background: var(--fa-faq-gray); 3989 color: var(--fa-faq-text); 3990} 3991 3992.fa-faq-v1 .fa-faq-v1-cta-title { 3993 margin: 0; 3994 color: var(--fa-faq-text); 3995 font-size: clamp(2rem, 2.9vw, 2.5rem); 3996 font-weight: 700; 3997 line-height: 1.15; 3998 letter-spacing: 0; 3999 text-transform: uppercase; 4000} 4001 4002.fa-faq-v1 .fa-faq-v1-cta-copy { 4003 margin: 1.5rem 0 2rem; 4004 color: var(--fa-faq-text); 4005 font-size: 1rem; 4006 line-height: 1.5; 4007} 4008 4009.fa-faq-v1 .fa-faq-v1-cta-contact { 4010 margin: 2rem 0 0; 4011 color: var(--fa-faq-text); 4012 font-size: 1rem; 4013 line-height: 1.6; 4014} 4015 4016.fa-faq-v1 .fa-faq-v1-cta-contact a { 4017 color: var(--fa-faq-text); 4018 font-weight: 700; 4019 text-decoration: underline; 4020 text-underline-offset: 0.25rem; 4021 overflow-wrap: anywhere; 4022} 4023 4024.fa-faq-v1 .fa-faq-v1-cta-contact a:hover { 4025 color: var(--fa-faq-teal); 4026} 4027 4028.fa-faq-v1 .fa-faq-v1-cta-contact a:focus-visible { 4029 outline: 0.1875rem solid var(--fa-faq-teal); 4030 outline-offset: 0.25rem; 4031} 4032 4033 4034/* ------------------------------------------------------------------------- 4035 Mobile 4036 ------------------------------------------------------------------------- */ 4037 4038@media (max-width: 48.875rem) { 4039 .fa-faq-v1 .fa-faq-v1-inner { 4040 width: calc(100% - 2rem); 4041 } 4042 4043 .fa-faq-v1 .fa-faq-v1-questions, 4044 .fa-faq-v1 .fa-faq-v1-cta { 4045 padding-block: 3.5rem; 4046 } 4047 4048 .fa-faq-v1 .fa-faq-item summary { 4049 padding-right: 2.5rem; 4050 } 4051 4052 .fa-faq-v1 .fa-faq-item summary::after { 4053 right: 0; 4054 font-size: 1.6rem; 4055 } 4056 4057 .fa-faq-v1 .fa-faq-answer { 4058 padding-right: 0; 4059 } 4060 4061 .fa-faq-v1 .fa-faq-v1-cta-title { 4062 font-size: clamp(1.85rem, 9vw, 2.6rem); 4063 } 4064} 4065 4066 4067.fa-support-v1 { 4068 --fa-sup-teal: #12b7be; 4069 --fa-sup-dark: #171717; 4070 --fa-sup-gray: #e5e5e5; 4071 --fa-sup-text: #151515; 4072 margin-block: 0; 4073 color: var(--fa-sup-text); 4074} 4075 4076.fa-support-v1, 4077.fa-support-v1 * { 4078 box-sizing: border-box; 4079} 4080 4081.fa-support-v1 .fa-support-v1-inner { 4082 width: calc(100% - 2.5rem); 4083 max-width: 72.5rem; 4084 margin-inline: auto; 4085} 4086 4087 4088/* Dark card row */ 4089 4090.fa-support-v1 .fa-support-v1-counton { 4091 margin-block: 0; 4092 padding-block: clamp(4rem, 7vw, 6rem); 4093 background: var(--fa-sup-dark); 4094 color: #fff; 4095 scroll-margin-top: 6rem; 4096} 4097 4098.fa-support-v1 .fa-support-cards { 4099 align-items: flex-start; 4100 gap: clamp(1.25rem, 2.5vw, 2rem); 4101 margin: 0; 4102} 4103 4104.fa-support-v1 .fa-support-cards > .wp-block-column { 4105 min-width: 0; 4106} 4107 4108.fa-support-v1 .fa-support-card { 4109 width: 100%; 4110 margin: 0; 4111 overflow: hidden; 4112 border: 0; 4113 border-top: 0.75rem solid var(--fa-sup-teal); 4114 border-radius: 0.625rem; 4115 background: #fff; 4116 color: var(--fa-sup-text); 4117} 4118 4119.fa-support-v1 .fa-support-card summary { 4120 position: relative; 4121 display: flex; 4122 align-items: center; 4123 min-height: 6.5rem; 4124 padding: 1.5rem 3.25rem 1.5rem 1.75rem; 4125 color: var(--fa-sup-text); 4126 font-size: clamp(1.05rem, 1.45vw, 1.3rem); 4127 font-weight: 700; 4128 line-height: 1.2; 4129 cursor: pointer; 4130 list-style: none; 4131} 4132 4133.fa-support-v1 .fa-support-card summary::-webkit-details-marker { 4134 display: none; 4135} 4136 4137.fa-support-v1 .fa-support-card summary::marker { 4138 content: ""; 4139} 4140 4141.fa-support-v1 .fa-support-card summary::after { 4142 position: absolute; 4143 top: 50%; 4144 right: 1.5rem; 4145 color: var(--fa-sup-teal); 4146 content: "+"; 4147 font-size: 1.75rem; 4148 font-weight: 700; 4149 line-height: 1; 4150 transform: translateY(-50%); 4151} 4152 4153.fa-support-v1 .fa-support-card[open] summary::after {
4154 content: "\2212"; 4155} 4156 4157.fa-support-v1 .fa-support-card summary:focus-visible { 4158 outline: 0.1875rem solid var(--fa-sup-teal); 4159 outline-offset: -0.25rem; 4160} 4161 4162.fa-support-v1 .fa-support-card-copy { 4163 margin: -0.25rem 0 0; 4164 padding: 0 1.75rem 1.75rem; 4165 color: var(--fa-sup-text); 4166 font-size: 0.95rem; 4167 font-weight: 400; 4168 line-height: 1.45; 4169} 4170 4171@media (hover: hover) and (pointer: fine) { 4172 .fa-support-v1 .fa-support-card:not([open]):hover > .fa-support-card-copy { 4173 display: block; 4174 } 4175 4176 .fa-support-v1 .fa-support-card:not([open]):hover summary::after { 4177 content: "\2212"; 4178 } 4179} 4180 4181 4182/* Team photo and quote */ 4183 4184.fa-support-v1 .fa-support-v1-team { 4185 margin-block: 0; 4186 padding-block: clamp(4rem, 7vw, 6rem); 4187 background: #fff; 4188 color: var(--fa-sup-text); 4189} 4190 4191.fa-support-v1 .fa-support-v1-team-title { 4192 margin: 0; 4193 color: var(--fa-sup-text); 4194 font-size: clamp(2rem, 2.9vw, 2.5rem); 4195 font-weight: 700; 4196 line-height: 1.15; 4197 text-transform: uppercase; 4198} 4199 4200.fa-support-v1 .fa-support-team-row { 4201 align-items: center; 4202 gap: clamp(1.75rem, 4vw, 3.5rem); 4203 margin: clamp(2.5rem, 4vw, 3.5rem) 0 0; 4204} 4205 4206.fa-support-v1 .fa-support-team-row > .wp-block-column { 4207 min-width: 0; 4208} 4209 4210.fa-support-v1 .fa-support-team-image { 4211 margin: 0; 4212} 4213 4214.fa-support-v1 .fa-support-team-image img { 4215 display: block; 4216 width: 100%; 4217 height: auto; 4218 border-radius: 0.625rem; 4219} 4220 4221.fa-support-v1 .fa-support-quote { 4222 position: relative; 4223 margin: 0; 4224 padding: 0 0 0 clamp(2.75rem, 4vw, 3.25rem); 4225 border-left: 0.25rem solid var(--fa-sup-teal); 4226} 4227 4228.fa-support-v1 .fa-support-quote::before, 4229.fa-support-v1 .fa-support-quote::after { 4230 position: absolute; 4231 color: var(--fa-sup-teal); 4232 font-size: 2.5rem; 4233 font-weight: 700; 4234 line-height: 1; 4235 content: "\201C"; 4236} 4237 4238.fa-support-v1 .fa-support-quote::before { 4239 top: -0.15rem; 4240 left: 1.5rem; 4241} 4242 4243.fa-support-v1 .fa-support-quote::after { 4244 right: 0; 4245 bottom: -0.5rem; 4246 content: "\201D"; 4247} 4248 4249.fa-support-v1 .fa-support-quote-copy { 4250 margin: 0; 4251 padding-right: 2rem; 4252 color: var(--fa-sup-text); 4253 font-size: clamp(1rem, 1.3vw, 1.125rem); 4254 font-weight: 600; 4255 line-height: 1.55; 4256} 4257 4258 4259/* CTA row */ 4260 4261.fa-support-v1 .fa-support-v1-cta { 4262 margin-block: 0; 4263 padding-block: clamp(3.5rem, 5vw, 4.5rem); 4264 background: var(--fa-sup-gray); 4265 color: var(--fa-sup-text); 4266} 4267 4268.fa-support-v1 .fa-support-v1-cta-lead { 4269 max-width: 58rem; 4270 margin: 0 0 2rem; 4271 color: var(--fa-sup-text); 4272 font-size: clamp(1.35rem, 2.2vw, 1.85rem); 4273 font-weight: 700; 4274 line-height: 1.3; 4275} 4276 4277 4278/* Mobile */ 4279 4280@media (max-width: 48.875rem) { 4281 .fa-support-v1 .fa-support-v1-inner { 4282 width: calc(100% - 2rem); 4283 } 4284 4285 .fa-support-v1 .fa-support-v1-counton, 4286 .fa-support-v1 .fa-support-v1-team, 4287 .fa-support-v1 .fa-support-v1-cta { 4288 padding-block: 3.5rem; 4289 } 4290 4291 .fa-support-v1 .fa-support-cards { 4292 gap: 1rem; 4293 } 4294 4295 .fa-support-v1 .fa-support-card summary { 4296 min-height: 5.25rem; 4297 } 4298 4299 .fa-support-v1 .fa-support-v1-team-title { 4300 font-size: clamp(1.85rem, 9vw, 2.6rem); 4301 } 4302 4303 .fa-support-v1 .fa-support-team-row { 4304 gap: 2rem; 4305 margin-top: 2.5rem; 4306 } 4307 4308 .fa-support-v1 .fa-support-quote { 4309 padding-left: 2rem; 4310 } 4311 4312 .fa-support-v1 .fa-support-quote::before { 4313 left: 0.75rem; 4314 } 4315 4316 .fa-support-v1 .fa-support-quote-copy { 4317 padding-right: 1.25rem; 4318 } 4319} 4320 4321 4322.fa-adv-v1 { 4323 --fa-adv-teal: #12b7be; 4324 --fa-adv-dark: #171717; 4325 --fa-adv-gray: #e5e5e5; 4326 --fa-adv-text: #151515; 4327 margin-block: 0; 4328 color: var(--fa-adv-text); 4329} 4330 4331.fa-adv-v1, 4332.fa-adv-v1 * { 4333 box-sizing: border-box; 4334} 4335 4336.fa-adv-v1 .fa-adv-v1-inner { 4337 width: calc(100% - 2.5rem); 4338 max-width: 72.5rem; 4339 margin-inline: auto; 4340} 4341 4342.fa-adv-v1 h2 { 4343 margin: 0; 4344 font-size: clamp(2rem, 3vw, 2.6rem); 4345 font-weight: 700; 4346 line-height: 1.15; 4347 letter-spacing: 0; 4348 text-transform: uppercase; 4349} 4350 4351 4352/* Built on Experience, white. 4353 White rather than dark because the hero ends in a diagonal teal slash and a 4354 straight dark edge butted against it read badly. */ 4355 4356.fa-adv-v1 .fa-adv-v1-scale { 4357 margin-block: 0; 4358 padding-block: clamp(4rem, 7vw, 6rem); 4359 background: #fff; 4360 color: var(--fa-adv-text); 4361 scroll-margin-top: 6rem; 4362} 4363 4364.fa-adv-v1 .fa-adv-v1-scale-title { 4365 color: var(--fa-adv-text); 4366} 4367 4368.fa-adv-v1 .fa-adv-v1-scale-copy { 4369 max-width: 62rem; 4370 margin: clamp(1.5rem, 2.5vw, 2rem) 0 0; 4371 color: var(--fa-adv-text); 4372 font-size: clamp(1rem, 1.25vw, 1.125rem); 4373 line-height: 1.55; 4374} 4375 4376.fa-adv-v1 .fa-adv-stats { 4377 align-items: stretch; 4378 gap: clamp(1.25rem, 2.5vw, 2rem); 4379 margin: clamp(2.5rem, 4vw, 3.5rem) 0 0; 4380} 4381 4382.fa-adv-v1 .fa-adv-stats > .wp-block-column { 4383 min-width: 0; 4384} 4385 4386.fa-adv-v1 .fa-adv-stat { 4387 display: flex; 4388 flex-direction: column; 4389 justify-content: center; 4390 height: 100%; 4391 margin: 0; 4392 padding: clamp(1.75rem, 3vw, 2.25rem); 4393 border-top: 0.75rem solid var(--fa-adv-teal); 4394 border-radius: 0.625rem; 4395 background: var(--fa-adv-gray); 4396 color: var(--fa-adv-text); 4397} 4398 4399.fa-adv-v1 .fa-adv-stat > .wp-block-group__inner-container { 4400 display: contents; 4401} 4402 4403.fa-adv-v1 .fa-adv-stat-value { 4404 margin: 0 0 0.5rem; 4405 color: var(--fa-adv-text); 4406 font-size: clamp(1.85rem, 3vw, 2.5rem); 4407 font-weight: 700; 4408 line-height: 1; 4409 text-transform: uppercase; 4410} 4411 4412.fa-adv-v1 .fa-adv-stat-label { 4413 margin: 0; 4414 color: var(--fa-adv-text); 4415 font-size: clamp(0.95rem, 1.2vw, 1.0625rem); 4416 font-weight: 500; 4417 line-height: 1.35; 4418} 4419 4420.fa-adv-v1 .fa-adv-logos { 4421 margin: clamp(3rem, 5vw, 4rem) 0 0; 4422} 4423 4424 4425/* More Solutions, white */ 4426 4427.fa-adv-v1 .fa-adv-v1-solutions { 4428 margin-block: 0; 4429 padding-block: clamp(4rem, 7vw, 6rem); 4430 background: #fff; 4431 color: var(--fa-adv-text); 4432} 4433 4434.fa-adv-v1 .fa-adv-v1-solutions-copy { 4435 max-width: 62rem; 4436 margin: clamp(1.5rem, 2.5vw, 2rem) 0 0; 4437} 4438 4439.fa-adv-v1 .fa-adv-v1-solutions-copy p { 4440 margin: 0 0 1.1rem; 4441 font-size: clamp(1rem, 1.25vw, 1.125rem); 4442 line-height: 1.55; 4443} 4444 4445.fa-adv-v1 .fa-adv-v1-solutions-copy p:last-child { 4446 margin-bottom: 0; 4447} 4448 4449.fa-adv-v1 .fa-adv-modes { 4450 margin: clamp(2.5rem, 4vw, 3.5rem) 0 0; 4451} 4452 4453 4454/* Shared image treatment for the two artwork slots */ 4455 4456.fa-adv-v1 .fa-adv-logos img, 4457.fa-adv-v1 .fa-adv-modes img { 4458 display: block; 4459 width: 100%; 4460 height: auto; 4461 border-radius: 0.625rem; 4462} 4463 4464 4465/* What Sets Trinity Apart, dark, 2x2 */ 4466 4467.fa-adv-v1 .fa-adv-v1-apart { 4468 margin-block: 0; 4469 padding-block: clamp(4rem, 7vw, 6rem); 4470 background: var(--fa-adv-dark); 4471 color: #fff; 4472} 4473 4474.fa-adv-v1 .fa-adv-v1-apart-title { 4475 color: #fff; 4476} 4477 4478.fa-adv-v1 .fa-adv-v1-apart-lead { 4479 max-width: 62rem; 4480 margin: clamp(1.25rem, 2vw, 1.75rem) 0 0; 4481 color: #fff; 4482 font-size: clamp(1.05rem, 1.35vw, 1.2rem); 4483 font-weight: 600; 4484 line-height: 1.5; 4485} 4486 4487.fa-adv-v1 .fa-adv-apart-row { 4488 align-items: stretch; 4489 gap: clamp(1.25rem, 2.5vw, 2rem); 4490 margin: clamp(2.5rem, 4vw, 3rem) 0 0; 4491} 4492 4493.fa-adv-v1 .fa-adv-apart-row + .fa-adv-apart-row { 4494 margin-top: clamp(1.25rem, 2.5vw, 2rem); 4495} 4496 4497.fa-adv-v1 .fa-adv-apart-row > .wp-block-column { 4498 min-width: 0; 4499} 4500 4501.fa-adv-v1 .fa-adv-apart-card { 4502 height: 100%; 4503 margin: 0; 4504 padding: clamp(1.75rem, 3vw, 2.5rem); 4505 border-top: 0.75rem solid var(--fa-adv-teal); 4506 border-radius: 0.625rem; 4507 background: #fff; 4508 color: var(--fa-adv-text); 4509} 4510 4511.fa-adv-v1 .fa-adv-apart-card-title { 4512 margin: 0 0 1rem; 4513 color: var(--fa-adv-text); 4514 font-size: clamp(1.15rem, 1.6vw, 1.375rem); 4515 font-weight: 700; 4516 line-height: 1.2; 4517 text-transform: uppercase; 4518} 4519 4520.fa-adv-v1 .fa-adv-apart-card-copy { 4521 margin: 0; 4522 color: var(--fa-adv-text); 4523 font-size: 1rem; 4524 font-weight: 400; 4525 line-height: 1.55; 4526} 4527 4528 4529/* Mid-page CTA, white, image left and copy right */ 4530 4531.fa-adv-v1 .fa-adv-v1-talk { 4532 margin-block: 0; 4533 padding-block: clamp(3.5rem, 5vw, 4.5rem); 4534 background: #fff; 4535 color: var(--fa-adv-text); 4536} 4537 4538.fa-adv-v1 .fa-adv-talk-row { 4539 align-items: center; 4540 gap: clamp(1.75rem, 4vw, 3.5rem); 4541 margin: 0; 4542} 4543 4544.fa-adv-v1 .fa-adv-talk-row > .wp-block-column { 4545 min-width: 0; 4546} 4547 4548.fa-adv-v1 .fa-adv-talk-image { 4549 margin: 0; 4550} 4551 4552.fa-adv-v1 .fa-adv-talk-image img { 4553 display: block; 4554 width: 100%; 4555 height: auto; 4556 border-radius: 0.625rem; 4557} 4558 4559/* Smaller than the full-width headings, since this one sits in a half column */ 4560.fa-adv-v1 .fa-adv-v1-talk-title { 4561 font-size: clamp(1.6rem, 2.3vw, 2.1rem); 4562} 4563 4564.fa-adv-v1 .fa-adv-v1-talk-copy { 4565 margin: 1.25rem 0 1.75rem; 4566 font-size: 1rem; 4567 line-height: 1.55; 4568} 4569 4570 4571/* Final CTA, gray */ 4572 4573.fa-adv-v1 .fa-adv-v1-cta { 4574 margin-block: 0; 4575 padding-block: clamp(3.5rem, 5vw, 4.5rem); 4576 background: var(--fa-adv-gray); 4577 color: var(--fa-adv-text); 4578} 4579 4580.fa-adv-v1 .fa-adv-v1-cta-copy { 4581 max-width: 58rem; 4582 margin: 1.5rem 0 2rem; 4583 font-size: 1rem; 4584 line-height: 1.55; 4585} 4586 4587 4588/* Footer chevron. 4589 4590 The theme carves the V out of the black footer with a white clip-path 4591 pseudo-element. Recoloring it to the CTA gray lets that band run straight 4592 into the point instead of breaking to white. 4593 4594 :has() scopes this to any page using the fa-adv CTA, so it applies to the 4595 other Agent pages automatically. If :has() is a problem, swap the selector 4596 for body.page-id-17081 and add IDs as pages go live. */ 4597 4598 4599body:has(.fa-stories-v1-cta) .drybn-chevron--footer::before, 4600body:has(.fa-faq-v1-cta) .drybn-chevron--footer::before, 4601body:has(.fa-support-v1-cta) .drybn-chevron--footer::before, 4602body:has(.fa-adv-v1-cta) .drybn-chevron--footer::before { 4603 background-color: #e5e5e5; 4604} 4605 4606body:has(.fa-stories-v1-cta) main.content, 4607body:has(.fa-faq-v1-cta) main.content, 4608body:has(.fa-support-v1-cta) main.content, 4609body:has(.fa-adv-v1-cta) main.content { 4610 margin-bottom: 0; 4611} 4612 4613/* Mobile */ 4614 4615@media (max-width: 48.875rem) { 4616 .fa-adv-v1 .fa-adv-v1-inner { 4617 width: calc(100% - 2rem); 4618 } 4619 4620 .fa-adv-v1 .fa-adv-v1-scale, 4621 .fa-adv-v1 .fa-adv-v1-solutions, 4622 .fa-adv-v1 .fa-adv-v1-apart, 4623 .fa-adv-v1 .fa-adv-v1-talk, 4624 .fa-adv-v1 .fa-adv-v1-cta { 4625 padding-block: 3.5rem; 4626 } 4627 4628 .fa-adv-v1 h2 { 4629 font-size: clamp(1.85rem, 8.5vw, 2.5rem); 4630 } 4631 4632 .fa-adv-v1 .fa-adv-stats, 4633 .fa-adv-v1 .fa-adv-apart-row { 4634 gap: 1rem; 4635 margin-top: 2.5rem; 4636 } 4637 4638 .fa-adv-v1 .fa-adv-apart-row + .fa-adv-apart-row { 4639 margin-top: 1rem; 4640 } 4641 4642 .fa-adv-v1 .fa-adv-stat { 4643 padding: 1.75rem; 4644 } 4645 4646 .fa-adv-v1 .fa-adv-apart-card { 4647 padding: 1.75rem; 4648 } 4649 4650 .fa-adv-v1 .fa-adv-logos, 4651 .fa-adv-v1 .fa-adv-modes { 4652 margin-top: 2.5rem; 4653 } 4654 4655 .fa-adv-v1 .fa-adv-talk-row { 4656 gap: 2rem; 4657 } 4658 4659 .fa-adv-v1 .fa-adv-v1-talk-title { 4660 font-size: clamp(1.6rem, 7.5vw, 2.1rem); 4661 } 4662} 4663</style> 4664 4665 <!-- TrustBox script -->
4666<script type="text/javascript" src="//widget.trustpilot.com/bootstrap/v5/tp.widget.bootstrap.min.js" async></script>
4666 4667<!-- End TrustBox script --> 4668 4669
4669<script type="text/javascript" src="https://secure.lack4skip.com/js/203804.js" ></script>
4669 4670<noscript><img src="https://secure.lack4skip.com/203804.png" style="display:none;" /></noscript> 4671 4672<!-- JSJD 2022 Google Tag Manager -->
4673<script>
vendor: 327 bytes, lines 4673-4677
4673(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4674new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4675j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4676'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4677})(window,document,'script','dataLayer','
4677GTM-P2S98MK
vendor: 3 bytes, line 4677
4677');
4677</script>
4677 4678<!-- End JSJD 2022 Google Tag Manager --> 4679 4680 <!-- Google Tag Manager --> 4681
4681<script>
vendor: 331 bytes, lines 4681-4685
4681(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 4682 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 4683 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 4684 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 4685 })(window,document,'script','dataLayer','
4685GTM-T849K3
vendor: 3 bytes, line 4685
4685');
4685</script>
4685 4686 <!-- End Google Tag Manager --> 4687 4688<style id="core-block-supports-inline-css"> 4689.wp-container-core-columns-is-layout-8f761849{flex-wrap:nowrap;} 4690/*# sourceURL=core-block-supports-inline-css */ 4691</style> 4692 4693</head> 4694<body class="wp-singular page-template-default page page-id-10891 wp-theme-dry3 wp-child-theme-trinity-logistics-theme tribe-no-js"> 4695 4696<!-- JSJD 2022 Google Tag Manager (noscript) --> 4697<noscript><iframe src=https://www.googletagmanager.com/ns.html?id=GTM-P2S98MK 4698height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 4699<!-- JSJD 2022 End Google Tag Manager (noscript) --> 4700 4701 <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 4701-4702
4701 4702 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
4702GTM-T849K3
vendor: 85 bytes, lines 4702-4704
4702" 4703 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 4704
4704<!-- End Google Tag Manager (noscript) --> 4705 4706 <div class="site-container"> 4707 <header class="site-header"> 4708 <div class="site-header__overlay"> 4709 <div class="site-header__content"> 4710 <div class="drybn-topbar"> 4711 <div class="drybn-topbar__overlay"> 4712 <div class="drybn-topbar__content"> 4713 <div class="drybn-topbar__menu"> 4714 <span class="drybn-topbar__menu-item mobile-hidden--small"> 4715 <a href="/request-a-quote"><u>Online Quote</u></a> 4716 </span> 4717 <span class="desktop-hidden"><span class="drybn-topbar__menu-item"> 4718 <a href="tel:8666035679"> 4719 Phone Quote <i class="fas fa-phone"></i> <span class="mobile-hidden">866-603-5679</span> 4720 </a> 4721 </span></span> 4722 <span class="mobile-hidden"><a class="drybn-topbar__menu-item" href="tel:8008463400"> 4723 Contact<span class="mobile-hidden"> Us:</span> <span class="desktop-hidden"><i class="fas fa-phone"></i></span> 800-846-3400 </a></span> 4724 <div class="drybn-topbar-login"> 4725 <div class="drybn-topbar-login-toggle">Login</div> 4726 <div class="drybn-topbar-login__menu"> 4727 <a href="https://trinitylogistics.com/customer-login/">Customer</a> 4728 <a href="https://trinitylogistics.com/carriers-login/">Carriers</a> 4729 <a href="http://logistics.banyantechnology.com/index.aspx?strBrand=TrinityLogistics">Banyan LTL</a> 4730 </div> 4731</div> 4732 <a class="drybn-topbar-search-toggle"> 4733 <i class="fas fa-search"></i> 4734 </a> 4735 </div> 4736 <div class="drybn-topbar-search"> 4737 <form action="https://trinitylogistics.com/" method="get" class="drybn-topbar-search__form"> 4738 <input name="s" type="text" id="search-param" placeholder="e.g. services"> 4739 <input type="submit" id="submit"> 4740 </form> 4741</div> 4742 4743 </div> 4744 </div> 4745</div> <div class="drybn-banner"> 4746 <div class="drybn-banner__overlay"> 4747 <div class="drybn-banner__content"> 4748 <a href="https://trinitylogistics.com" class="drybn-banner__logo"> 4749 <img src="https://trinitylogistics.com/wp-content/uploads/2022/01/TRINITY_LOGO_HEX_ENDORSE_ONLIGHT.svg" alt="Trinity Logistics, a Burris Logistics Company"> 4750 </a> 4751 4752 <nav class="drybn-banner__items"> 4753 4754 4755 <div class="drybn-banner__item"> 4756 <span class="drybn-banner__item-title">Shippers</span> 4757 <div class="drybn-banner__dropdown" id="shippers"> 4758 4759 4760 4761 <div class="dropdown-group__container"> 4762 <h3 class="dropdown-group__heading"><a href="https://trinitylogistics.com/shippers/modes" target="">Modes</a></h3> 4763 <ul class="dropdown-group"> 4764 <li scheme="truckload"> 4765 <a href="https://trinitylogistics.com/shippers/modes/truckload" target=""> 4766 Truckload </a> 4767 </li> 4768 <li scheme="less-than-truckload-ltl"> 4769 <a href="https://trinitylogistics.com/shippers/modes/less-than-truckload-ltl" target=""> 4770 Less-than-truckload (LTL) </a> 4771 </li> 4772 <li scheme="warehousing"> 4773 <a href="https://trinitylogistics.com/shippers/modes/warehousing" target=""> 4774 Warehousing </a> 4775 </li> 4776 <li scheme="managed-transportation"> 4777 <a href="https://trinitylogistics.com/shippers/modes/managed-services" target=""> 4778 Managed Transportation </a> 4779 </li> 4780 <li scheme="intermodal"> 4781 <a href="https://trinitylogistics.com/shippers/modes/intermodal" target=""> 4782 Intermodal </a> 4783 </li> 4784 <li scheme="drayage"> 4785 <a href="https://trinitylogistics.com/shippers/modes/drayage" target=""> 4786 Drayage </a> 4787 </li> 4788 <li scheme="expedited"> 4789 <a href="https://trinitylogistics.com/shippers/modes/expedited" target=""> 4790 Expedited </a> 4791 </li> 4792 <li scheme="international-shipments"> 4793 <a href="https://trinitylogistics.com/shippers/modes/international" target=""> 4794 International Shipments </a> 4795 <ul class="ddg-ggc"> 4796 <li class="ddg-ggci"> 4797 <a href="https://trinitylogistics.com/cross-border-shipping" target=""> 4798 - Cross Border Shipping </a> 4799 </li> 4800 </ul> 4801 </li> 4802 </ul> 4803 </div> 4804 <div class="dropdown-group__container"> 4805 <h3 class="dropdown-group__heading"><a href="https://trinitylogistics.com/shippers/industries" target="">Industries</a></h3> 4806 <ul class="dropdown-group"> 4807 <li > 4808 <a href="https://trinitylogistics.com/shippers/industries/food-and-beverage" target=""> 4809 Food and Beverage </a> 4810 <ul class="ddg-ggc"> 4811 <li class="ddg-ggci"> 4812 <a href="https://trinitylogistics.com/seafood-shipping" target=""> 4813 - Seafood Shipping </a> 4814 </li> 4815 </ul> 4816 </li> 4817 <li > 4818 <a href="https://trinitylogistics.com/shippers/industries/chemical" target=""> 4819 Chemical </a> 4820 </li> 4821 <li > 4822 <a href="https://trinitylogistics.com/shippers/industries/construction-and-manufacturing" target=""> 4823 Construction and Manufacturing </a> 4824 <ul class="ddg-ggc"> 4825 <li class="ddg-ggci"> 4826 <a href="https://trinitylogistics.com/building-materials" target=""> 4827 - Shipping Building Materials </a> 4828 </li> 4829 </ul> 4830 </li> 4831 <li > 4832 <a href="https://trinitylogistics.com/shippers/industries/a
4832dditional-industries" target=""> 4833 Additional Industries </a> 4834 </li> 4835 </ul> 4836 </div> 4837 4838 </div> 4839 </div> 4840 4841 <div class="drybn-banner__item"> 4842 <span class="drybn-banner__item-title">Carriers</span> 4843 <div class="drybn-banner__dropdown" id="carriers"> 4844 4845 4846 <ul class="dropdown-group dropdown-group--horizontal"> 4847 4848 <li> 4849 <a href="https://trinitylogistics.com/carriers/access-our-load-board" target=""> 4850 Access Our Load Board 4851 </a> 4852 </li> 4853 <li> 4854 <a href="https://trinitylogistics.com/carriers/carrier-perks-benefits" target=""> 4855 Carrier Perks & Benefits 4856 </a> 4857 </li> 4858 <li> 4859 <a href="https://trinitylogistics.com/verify-your-trinity-load" target=""> 4860 Verify Your Trinity Load 4861 </a> 4862 </li> 4863 <li> 4864 <a href="https://eaglebusinesscredit.ac-page.com/cashway-main-landing-page-trinity?utm_source=website&utm_medium=button&utm_campaign_name=fy2026_ebc_cashway_campaign" target=""> 4865 Fund Your Business 4866 </a> 4867 </li> 4868 </ul> 4869 4870 </div> 4871 </div> 4872 4873 <div class="drybn-banner__item"> 4874 <span class="drybn-banner__item-title">Agents</span> 4875 <div class="drybn-banner__dropdown" id="agents"> 4876 4877 4878 <ul class="dropdown-group dropdown-group--horizontal"> 4879 4880 <li> 4881 <a href="https://trinitylogistics.com/freight-agent-program" target=""> 4882 Agent Program 4883 </a> 4884 </li> 4885 <li> 4886 <a href="https://trinitylogistics.com/freight-agent-support" target=""> 4887 Agent Support 4888 </a> 4889 </li> 4890 <li> 4891 <a href="https://trinitylogistics.com/freight-agent-program-faqs" target=""> 4892 Agent FAQs 4893 </a> 4894 </li> 4895 <li> 4896 <a href="https://trinitylogistics.com/grow-your-freight-agent-business" target=""> 4897 Benefits & Growth 4898 </a> 4899 </li> 4900 <li> 4901 <a href="https://trinitylogistics.com/agents-who-made-the-move" target=""> 4902 Agent Stories 4903 </a> 4904 </li> 4905 <li> 4906 <a href="https://trinitylogistics.com/freight-agent-interest-form" target=""> 4907 Become An Agent 4908 </a> 4909 </li> 4910 </ul> 4911 4912 </div> 4913 </div> 4914 4915 <div class="drybn-banner__item"> 4916 <span class="drybn-banner__item-title">Join Us</span> 4917 <div class="drybn-banner__dropdown" id="join-us"> 4918 4919 4920 <ul class="dropdown-group dropdown-group--horizontal"> 4921 4922 <li> 4923 <a href="https://trinitylogistics.com/join-us/become-a-team-member" target=""> 4924 Become A Team Member 4925 </a> 4926 </li> 4927 <li> 4928 <a href="https://trinitylogistics.com/join-us/join-our-carrier-network" target=""> 4929 Join Our Carrier Network 4930 </a> 4931 </li> 4932 </ul> 4933 4934 </div> 4935 </div> 4936 4937 <div class="drybn-banner__item"> 4938 <span class="drybn-banner__item-title">Insights</span> 4939 <div class="drybn-banner__dropdown" id="insights"> 4940 4941 4942 <ul class="dropdown-group dropdown-group--horizontal"> 4943 4944 <li> 4945 <a href="https://trinitylogistics.com/technology" target=""> 4946 Technology 4947 </a> 4948 </li> 4949 <li> 4950 <a href="https://trinitylogistics.com/insights/blog" target=""> 4951 Blog 4952 </a> 4953 </li> 4954 <li> 4955 <a href="https://trinitylogistics.com/insights/case-studies" target=""> 4956 Case Studies 4957 </a> 4958 </li> 4959 <li> 4960 <a href="https://trinitylogistics.com/insights/white-papers" target=""> 4961 White Papers 4962 </a> 4963 </li> 4964 </ul> 4965 4966 </div> 4967 </div> 4968 4969 <div class="drybn-banner__item"> 4970 <span class="drybn-banner__item-title">Who We Are</span> 4971 <div class="drybn-banner__dropdown" id="who-we-are"> 4972 4973 4974 <ul class="dropdown-group dropdown-group--horizontal"> 4975 4976 <li> 4977 <a href="https://trinitylogistics.com/who-we-are/trinity-fou
4977ndation" target=""> 4978 Trinity Foundation 4979 </a> 4980 </li> 4981 <li> 4982 <a href="https://trinitylogistics.com/locations" target=""> 4983 Locations 4984 </a> 4985 </li> 4986 <li> 4987 <a href="https://trinitylogistics.com/who-we-are/about-us" target=""> 4988 About Us 4989 </a> 4990 </li> 4991 <li> 4992 <a href="https://trinitylogistics.com/who-we-are/leadership" target=""> 4993 Leadership 4994 </a> 4995 </li> 4996 </ul> 4997 4998 </div> 4999 </div> 5000 5001 </nav> 5002 5003 <button class="drybn-hamburger"> 5004 <div class="drybn-hamburger__container"> 5005 <div class="bar"></div> 5006 <div class="bar"></div> 5007 <div class="bar"></div> 5008 </div> 5009 <p class="sr-only">Menu</p> 5010</button> 5011 5012 </div> 5013 </div> 5014</div> </div> 5015 </div> 5016</header> 5017 <div class="drybn-mobile-menu"> 5018 <div class="drybn-mobile-menu__row"> 5019 <div class="drybn-mobile-menu__item" id="mobile-shippers"> 5020 <button class="drybn-mobile-menu__item-title">Shippers</button> 5021 <div class="drybn-mobile-menu__dropdown"> 5022 <h3 class="drybn-mobile-menu__dropdown-heading"><a href="https://trinitylogistics.com/shippers/modes" target="">Modes</a></h3> 5023 <ul class="drybn-mobile-menu__dropdown-group"> 5024 <li> 5025 <a href="https://trinitylogistics.com/shippers/modes/truckload" target="">Truckload</a> 5026 5027 </li> 5028 <li> 5029 <a href="https://trinitylogistics.com/shippers/modes/less-than-truckload-ltl" target="">Less-than-truckload (LTL)</a> 5030 5031 </li> 5032 <li> 5033 <a href="https://trinitylogistics.com/shippers/modes/warehousing" target="">Warehousing</a> 5034 5035 </li> 5036 <li> 5037 <a href="https://trinitylogistics.com/shippers/modes/managed-services" target="">Managed Transportation</a> 5038 5039 </li> 5040 <li> 5041 <a href="https://trinitylogistics.com/shippers/modes/intermodal" target="">Intermodal</a> 5042 5043 </li> 5044 <li> 5045 <a href="https://trinitylogistics.com/shippers/modes/drayage" target="">Drayage</a> 5046 5047 </li> 5048 <li> 5049 <a href="https://trinitylogistics.com/shippers/modes/expedited" target="">Expedited</a> 5050 5051 </li> 5052 <li> 5053 <a href="https://trinitylogistics.com/shippers/modes/international" target="">International Shipments</a> 5054 5055 <ul> 5056 <li> 5057 <a href="https://trinitylogistics.com/cross-border-shipping" target=""> 5058 Cross Border Shipping </a> 5059 </li> 5060 </ul> 5061 </li> 5062 </ul> 5063 <h3 class="drybn-mobile-menu__dropdown-heading"><a href="https://trinitylogistics.com/shippers/industries" target="">Industries</a></h3> 5064 <ul class="drybn-mobile-menu__dropdown-group"> 5065 <li> 5066 <a href="https://trinitylogistics.com/shippers/industries/food-and-beverage" target="">Food and Beverage</a> 5067 5068 <ul> 5069 <li> 5070 <a href="https://trinitylogistics.com/seafood-shipping" target=""> 5071 Seafood Shipping </a> 5072 </li> 5073 </ul> 5074 </li> 5075 <li> 5076 <a href="https://trinitylogistics.com/shippers/industries/chemical" target="">Chemical</a> 5077 5078 </li> 5079 <li> 5080 <a href="https://trinitylogistics.com/shippers/industries/construction-and-manufacturing" target="">Construction and Manufacturing</a> 5081 5082 <ul> 5083 <li> 5084 <a href="https://trinitylogistics.com/building-materials" target=""> 5085 Shipping Building Materials </a> 5086 </li> 5087 </ul> 5088 </li> 5089 <li> 5090 <a href="https://trinitylogistics.com/shippers/industries/a
5090dditional-industries" target="">Additional Industries</a> 5091 5092 </li> 5093 </ul> 5094 </div> 5095 </div> 5096 <div class="drybn-mobile-menu__item" id="mobile-carriers"> 5097 <button class="drybn-mobile-menu__item-title">Carriers</button> 5098 <div class="drybn-mobile-menu__dropdown"> 5099 5100 <ul class="drybn-mobile-menu__dropdown-group"> 5101 <li> 5102 <a href="https://trinitylogistics.com/carriers/access-our-load-board" target="">Access Our Load Board</a> 5103 </li> 5104 5105 5106 <li> 5107 <a href="https://trinitylogistics.com/carriers/carrier-perks-benefits" target="">Carrier Perks & Benefits</a> 5108 </li> 5109 5110 5111 <li> 5112 <a href="https://trinitylogistics.com/verify-your-trinity-load" target="">Verify Your Trinity Load</a> 5113 </li> 5114 5115 5116 <li> 5117 <a href="https://eaglebusinesscredit.ac-page.com/cashway-main-landing-page-trinity?utm_source=website&utm_medium=button&utm_campaign_name=fy2026_ebc_cashway_campaign" target="">Fund Your Business</a> 5118 </li> 5119 5120 5121 </ul> 5122 </div> 5123 </div> 5124 </div> 5125 <div class="sub-menu__links hidden"></div> 5126 <div class="drybn-mobile-menu__row"> 5127 <div class="drybn-mobile-menu__item" id="mobile-agents"> 5128 <button class="drybn-mobile-menu__item-title">Agents</button> 5129 <div class="drybn-mobile-menu__dropdown"> 5130 5131 <ul class="drybn-mobile-menu__dropdown-group"> 5132 <li> 5133 <a href="https://trinitylogistics.com/freight-agent-program" target="">Agent Program</a> 5134 </li> 5135 5136 5137 <li> 5138 <a href="https://trinitylogistics.com/freight-agent-support" target="">Agent Support</a> 5139 </li> 5140 5141 5142 <li> 5143 <a href="https://trinitylogistics.com/freight-agent-program-faqs" target="">Agent FAQs</a> 5144 </li> 5145 5146 5147 <li> 5148 <a href="https://trinitylogistics.com/grow-your-freight-agent-business" target="">Benefits & Growth</a> 5149 </li> 5150 5151 5152 <li> 5153 <a href="https://trinitylogistics.com/agents-who-made-the-move" target="">Agent Stories</a> 5154 </li> 5155 5156 5157 <li> 5158 <a href="https://trinitylogistics.com/freight-agent-interest-form" target="">Become An Agent</a> 5159 </li> 5160 5161 5162 </ul> 5163 </div> 5164 </div> 5165 <div class="drybn-mobile-menu__item" id="mobile-join-us"> 5166 <button class="drybn-mobile-menu__item-title">Join Us</button> 5167 <div class="drybn-mobile-menu__dropdown"> 5168 5169 <ul class="drybn-mobile-menu__dropdown-group"> 5170 <li> 5171 <a href="https://trinitylogistics.com/join-us/become-a-team-member" target="">Become A Team Member</a> 5172 </li> 5173 5174 5175 <li> 5176 <a href="https://trinitylogistics.com/join-us/join-our-carrier-network" target="">Join Our Carrier Network</a> 5177 </li> 5178 5179 5180 </ul> 5181 </div> 5182 </div> 5183 </div> 5184 <div class="sub-menu__links hidden"></div> 5185 <div class="drybn-mobile-menu__row"> 5186 <div class="drybn-mobile-menu__item" id="mobile-insights"> 5187 <button class="drybn-mobile-menu__item-title">Insights</button> 5188 <div class="drybn-mobile-menu__dropdown"> 5189 5190 <ul class="drybn-mobile-menu__dropdown-group"> 5191 <li> 5192 <a href="https://trinitylogistics.com/technology" target="">Technology</a> 5193 </li> 5194 5195 5196 <li> 5197 <a href="https://trinitylogistics.com/insights/blog" target="">Blog</a> 5198 </li> 5199 5200 5201 <li> 5202 <a href="https://trinitylogistics.com/insights/case-studies" target="">Case Studies</a> 5203 </li> 5204 5205 5206 <li> 5207 <a href="https://trinitylogistics.com/insights/white-papers" target="">White Papers</a> 5208 </li> 5209 5210 5211 </ul> 5212 </div> 5213 </div> 5214 <div class="drybn-mobile-menu__item" id="mobile-who-we-are"> 5215 <button class="drybn-mobile-menu__item-title">Who We Are</button> 5216 <div class="drybn-mobile-menu__dropdown"> 5217 5218 <ul class="drybn-mobile-menu__dropdown-group"> 5219 <li> 5220 <a href="https://trinitylogistics.com/who-we-are/trinity-fou
5220ndation" target="">Trinity Foundation</a> 5221 </li> 5222 5223 5224 <li> 5225 <a href="https://trinitylogistics.com/locations" target="">Locations</a> 5226 </li> 5227 5228 5229 <li> 5230 <a href="https://trinitylogistics.com/who-we-are/about-us" target="">About Us</a> 5231 </li> 5232 5233 5234 <li> 5235 <a href="https://trinitylogistics.com/who-we-are/leadership" target="">Leadership</a> 5236 </li> 5237 5238 5239 </ul> 5240 </div> 5241 </div> 5242 </div> 5243 <div class="sub-menu__links hidden"></div> 5244 </div> 5245 5246 <main role="main" class="content"> 5247 5248 5249 <div class="drybn-lower-level-hero low-level-hero--default"> 5250 <div class="drybn-lower-level-hero__overlay"> 5251 <div class="drybn-lower-level-hero__content"> 5252 5253 <div class="drybn-lower-level-hero__media "> 5254 5255 <div class="headline--mobile"> 5256 <h1 class="headline">TECHNOLOGY ON DEMAND</h1> 5257 <p class="subhead"></p> 5258 </div> 5259 5260 <img decoding="async" src="https://trinitylogistics.com/wp-content/uploads/2022/01/Trinity_Spinnato_Sfrd_Day1_4531_2021-04-20-scaled-e1641579241732.jpg" alt="Trinity Hero"> 5261 </div> 5262 5263 <div class="drybn-lower-level-hero__side "> 5264 <div class="drybn-lower-level-hero__kicker"> 5265 5266 <h1 class="headline headline--desktop">TECHNOLOGY ON DEMAND</h1> 5267 <p class="subhead"></p> 5268 <div class="drybn-lower-level-hero__inner-blocks"> 5269 <div class="acf-innerblocks-container"> 5270 5271<p class="wp-block-paragraph">With Trinity’s Customer Portal, there’s no need to wonder where your freight is. You can log in and see shipment updates right from your dashboard, access documents on demand, view and pay your invoices online, or easily request quotes on upcoming shipments – all in our free portal. </p> 5272 5273 5274 5275<p class="wp-block-paragraph">If you have a username and password, click log in below. If you need to create an account, please click sign up and follow the steps below to create an account.</p> 5276 5277 5278 5279 5280<div class="drybn-button-group "> 5281 <div class="acf-innerblocks-container"> 5282 5283<a href="https://customers.trinitylogistics.com/login" class="btn custom-button--default" target="_self">Log In</a> 5284 5285 5286 5287 5288<a href="https://customers.trinitylogistics.com/login" class="btn custom-button--default" target="_self">Sign Up</a> 5289 5290 5291</div> 5292</div> 5293</div> 5294 </div> 5295 5296 </div> 5297 </div> 5298 </div> 5299 </div> 5300</div> 5301 5302 5303<div class="drybn-section drybn-section--top-style-slant drybn-section--bottom-style-straight drybn-section--theme-neutral" > 5304 <div class="drybn-section__overlay"> 5305 <div class="drybn-section__content"> 5306 <div class="acf-innerblocks-container"> 5307 5308<h3 class="wp-block-heading">See how easy it is to stay on top of your shipments.</h3> 5309 5310 5311 5312<p class="has-text-align-left wp-block-paragraph">With Trinity’s Customer Portal, there’s no need to wonder where your freight is. You can log in and see tracking updates, access invoices and documents on demand, or easily request quotes on upcoming shipments- all in our free portal. Create an account in three easy steps and start experiencing the Trinity Customer Portal today. </p> 5313 5314 5315 5316 5317<div class="drybn-button-group "> 5318 <div class="acf-innerblocks-container"> 5319 5320<div class="wp-block-group"><div class="wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow"> 5321<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex"> 5322<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"> 5323<p class="wp-block-paragraph">First, select “login” at the top of this page. Feel free to bookmark the login page for easier future access.</p> 5324 5325 5326 5327<div class="wp-block-cover is-light has-custom-content-position is-position-top-left" style="min-height:469px;aspect-ratio:unset;"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img fetchpriority="high" decoding="async" width="1024" height="456" class="wp-block-cover__image-background wp-image-13872" alt="" src="https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-1024x456.png" data-object-fit="cover" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-1024x456.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-300x134.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-768x342.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-1536x684.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.29-PM-2048x912.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> 5328<p class="has-large-font-size wp-block-paragraph">To register for the Customer Portal, select “Create Account” on the login page.</p> 5329</div></div> 5330</div> 5331</div> 5332</div></div> 5333 5334 5335 5336<div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex"> 5337<div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow" style="flex-basis:100%"> 5338<div class="wp-block-cover is-light has-custom-content-position is-position-top-left"><span aria-hidden="true" class="wp-block-cover__background has-background-dim"></span><img decoding="async" width="1024" height="456" class="wp-block-cover__image-background wp-image-13873" alt="" src="https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-1024x456.png" data-object-fit="cover" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-1024x456.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-300x134.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-768x342.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-1536x684.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/Screen-Shot-2022-01-07-at-12.57.40-PM-2048x912.png 2048w" sizes="(max-width: 1024px) 100vw, 1024px" /><div class="wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow"> 5339<p class="has-large-font-size wp-block-paragraph">Enter your email address, account number from your Trinity invoice, and a recent Shipment ID to gain access. </p> 5340</div></div> 5341</div> 5342</div> 5343 5344 5345 5346<p class="wp-block-paragraph">Check out some of the features and read more below. </p> 5347 5348</div> 5349</div> 5350 5351 5352<h2 class="wp-block-heading">gET QUICK UPDATES VIA YOUR DASHBOARD</h2> 5353 5354 5355 5356<figure class="wp-block-image size-large"><img decoding="async" width="1024" height="505" src="https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot-1024x505.png" alt="" class="wp-image-13875" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot-1024x505.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot-300x148.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot-768x379.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot-1536x758.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/6.15.2021.Dashboard-Screenshot.png 1909w" sizes="(max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">The Customer Portal Dashboard shows shipments by status, open invoices, total invoices, and shipments by mode. </figcaption></figure> 5357 5358 5359 5360<h2 class="wp-block-heading">EASILY REQUEST A QUOTE</h2> 5361 5362 5363 5364<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="767" src="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-1024x76
53647.png" alt="" class="wp-image-13876" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-1024x767.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-300x225.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-768x575.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-1536x1150.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-request-quote-2048x1533.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Easily request a quote on any shipment directly through the portal.</figcaption></figure> 5365 5366 5367 5368<h2 class="wp-block-heading">TRACK YOUR SHIPMENTS</h2> 5369 5370 5371 5372<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="591" src="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-1024x591.png" alt="" class="wp-image-13877" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-1024x591.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-300x173.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-768x444.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-1536x887.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-shipments-tracking-2048x1183.png 2048w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Follow your shipments as they make their way to their destination on the Shipments screen.</figcaption></figure> 5373 5374 5375 5376<figure class="wp-block-image size-full is-resized"><img decoding="async" src="https://trinitylogistics.com/wp-content/uploads/2020/10/trackingdetailsmap.jpg" alt="" class="wp-image-13324" width="626" srcset="https://trinitylogistics.com/wp-content/uploads/2020/10/trackingdetailsmap.jpg 582w, https://trinitylogistics.com/wp-content/uploads/2020/10/trackingdetailsmap-300x147.jpg 300w" sizes="(max-width: 582px) 100vw, 582px" /><figcaption class="wp-element-caption">Follow your shipments on a map with live GPS tracking.</figcaption></figure> 5377 5378 5379 5380<h2 class="wp-block-heading">VIEW LTL RATES INSTANTLY</h2> 5381 5382 5383 5384<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="801" src="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote-1024x801.png" alt="" class="wp-image-13878" srcset="https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote-1024x801.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote-300x235.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote-768x600.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote-1536x1201.png 1536w, https://trinitylogistics.com/wp-content/uploads/2022/01/customer-portal-ltl-quick-quote.png 2008w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Get instant LTL rate quotes and book your shipment right through the portal.</figcaption></figure> 5385 5386 5387 5388<h2 class="wp-block-heading">VIEW AND PAY INVOICES</h2> 5389 5390 5391 5392<figure class="wp-block-image size-full"><img loading="lazy" decoding="async" width="624" height="236" src="https://trinitylogistics.com/wp-content/uploads/2022/12/dashboard.png" alt="" class="wp-image-14498" srcset="https://trinitylogistics.com/wp-content/uploads/2022/12/dashboard.png 624w, https://trinitylogistics.com/wp-content/uploads/2022/12/dashboard-300x113.png 300w" sizes="auto, (max-width: 624px) 100vw, 624px" /><figcaption class="wp-element-caption">Pay your invoices with our online bill pay options. Using a secure partner, you can manage your credit card payments including automatic payments.</figcaption></figure> 5393 5394 5395 5396<figure class="wp-block-image size-large"><img loading="lazy" decoding="async" width="1024" height="591" src="https://trinitylogistics.com/wp-content/uploads/2022/12/invoice-1024x591.png" alt="" class="wp-image-14499" srcset="https://trinitylogistics.com/wp-content/uploads/2022/12/invoice-1024x591.png 1024w, https://trinitylogistics.com/wp-content/uploads/2022/12/invoice-300x173.png 300w, https://trinitylogistics.com/wp-content/uploads/2022/12/invoice-768x443.png 768w, https://trinitylogistics.com/wp-content/uploads/2022/12/invoice.png 1430w" sizes="auto, (max-width: 1024px) 100vw, 1024px" /><figcaption class="wp-element-caption">Easily view and download your invoices.</figcaption></figure> 5397 5398</div> 5399 </div> 5400 </div> 5401</div> 5402 5403 5404<a href="https://customers.trinitylogistics.com/login" class="btn custom-button--default" target="_self">Log In to Trinity's Customer Portal</a> 5405 5406 5407 5408 5409<a href="https://customers.trinitylogistics.com/login" class="btn custom-button--default" target="_self">Sign Up for Trinity's Customer Portal</a> 5410 5411 5412 5413 </main> 5414 5415 <footer class="site-footer"> 5416 <div class="site-footer__overlay">
5417 <div class="site-footer__content"> 5418 <div class="drybn-chevron--footer"> 5419 <div class="drybn-chevron__overlay"> 5420 <div class="drybn-chevron__content"> 5421 5422 </div> 5423 </div> 5424</div> <div class="drybn-social"> 5425 <div class="drybn-social__overlay"> 5426 <div class="drybn-social__content"> 5427 <div class="drybn-social__heading"> 5428 <h3>Follow Us</h3> 5429 </div> 5430 <div class="drybn-social__container"> 5431 <div class="horizontal-rule"></div> 5432 5433 <div class="drybn-social__icons"> 5434 5435 5436 5437 <a href="https://www.facebook.com/logisticsleaders/" target="_blank" class="drybn-social__link drybn-social__link--facebook" rel="noopener"> 5438 <img class="drybn-social__icon" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/source/images/facebook.svg" alt="Facebook"> 5439 </a> 5440 5441 5442 <a href="https://www.linkedin.com/organization-guest/company/trinity-logistics" target="_blank" class="drybn-social__link drybn-social__link--linkedin" rel="noopener"> 5443 <img class="drybn-social__icon" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/source/images/linkedin.svg" alt="LinkedIn"> 5444 </a> 5445 5446 5447 <a href="https://www.instagram.com/trinity_logistics/?hl=en" target="_blank" class="drybn-social__link drybn-social__link--instagram" rel="noopener"> 5448 <img class="drybn-social__icon" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/source/images/instagram.svg" alt="Instagram"> 5449 </a> 5450 5451 5452 <a href="https://www.youtube.com/channel/UCcmyiwmPuS3vcbDeSJWRq0w" target="_blank" class="drybn-social__link drybn-social__link--youtube" rel="noopener"> 5453 <img class="drybn-social__icon" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/source/images/youtube.svg" alt="YouTube"> 5454 </a> 5455 5456 5457 <a href="https://trinitylogistics.com/insights/blog/" target="_blank" class="drybn-social__link drybn-social__link--blog" rel="noopener"> 5458 <img class="drybn-social__icon" src="https://trinitylogistics.com/wp-content/themes/trinity-logistics-theme/assets/source/images/blog.svg" alt="Blog"> 5459 </a> 5460 </div> 5461 5462 <div class="horizontal-rule"></div> 5463 </div> 5464 </div> 5465 </div> 5466</div> <div class="drybn-footer-menu"> 5467 <div class="drybn-footer-menu__overlay"> 5468 <div class="drybn-footer-menu__content"> 5469 5470 <div class="footer__group"> 5471 5472 <div class="footer__logo"> 5473 <img src="https://trinitylogistics.com/wp-content/uploads/2022/01/TRINITY_LOGO_HEX_ENDORSE_ONDARK_1.svg" alt="Trinity Logistics, a Burris Logistics Company"> 5474 </div> 5475 5476 <p class="footer__intro">Trinity Logistics ranks among the top 25 Freight Brokerage companies in the U.S. with a wide network of authorized carriers and a full suite of transportation solutions.</p> 5477 5478 <div class="footer__category "> 5479 <h3 class="footer__category--heading">Customer Service</h3> 5480 <ul class="link-items"> 5481 5482 <li> 5483 <a href="tel:8668746489">1-866-TRINITY</a> 5484 </li> 5485 5486 </ul> 5487 </div> 5488 <div class="footer__category "> 5489 <h3 class="footer__category--heading">Request a Shipping Quote</h3> 5490 <ul class="link-items"> 5491 5492 <li> 5493 <a href="tel:8666035679">1-866-603-5679</a> 5494 </li> 5495 5496 </ul> 5497 </div> 5498 <div class="footer__category "> 5499 <h3 class="footer__category--heading">New Carriers</h3> 5500 <ul class="link-items"> 5501 5502 <li> 5503 <a href="tel:8003196968">1-800-319-6968</a> 5504 </li> 5505 5506 </ul> 5507 </div> 5508 </div> 5509 <div class="footer__group"> 5510 5511 5512 <div class="footer__category mobile-hidden"> 5513 <h3 class="footer__category--heading">Modes</h3> 5514 <ul class="link-items"> 5515 5516 <li> 5517 <a href="https://trinitylogistics.com/shippers/modes/truckload">Truckload</a> 5518 </li> 5519 5520 5521 <li> 5522 <a href="https://trinitylogistics.com/shippers/modes/less-than-truckload-ltl">Less-than-truckload (LTL)</a> 5523 </li> 5524 5525 5526 <li> 5527 <a href="https://trinitylogistics.com/shippers/modes/warehousing">Warehousing</a> 5528 </li> 5529 5530 5531 <li> 5532 <a href="https://trinitylogistics.com/shippers/modes/managed-services">Managed Transportation</a> 5533 </li> 5534 5535 5536 <li> 5537 <a href="https://trinitylogistics.com/shippers/modes/intermodal">Intermodal</a> 5538 </li> 5539 5540 5541 <li> 5542 <a href="https://trinitylogistics.com/shippers/modes/drayage">Drayage</a> 5543 </li> 5544 5545 5546 <li> 5547 <a href="https://trinitylogistics.com/shippers/modes/expedited">Expedited</a> 5548 </li> 5549 5550 5551 <li> 5552 <a href="https://trinitylogistics.com/shippers/modes/international">International Shipments</a> 5553 </li> 5554 5555 </ul> 5556 </div> 5557 <div class="footer__category mobile-hidden"> 5558 <h3 class="footer__category--heading">Industries</h3> 5559 <ul class="link-items"> 5560 5561 <li> 5562 <a href="https://trinitylogistics.com/shippers/industries/food-and-beverage">Food and Beverage</a> 5563 </li> 5564 5565 5566 <li> 5567 <a href="https://trinitylogistics.com/shippers/industries/chemical">Chemical</a> 5568 </li> 5569 5570 5571 <li> 5572 <a href="https://trinitylogistics.com/shippers/industries/construction-and-manufacturing">Construction and Manufacturing</a> 5573 </li> 5574 5575 5576 <li> 5577 <a href="https://trinitylogistics.com/shippers/industries/a
5577dditional-industries">Additional Industries</a> 5578 </li> 5579 5580 </ul> 5581 </div> 5582 <div class="footer__category mobile-hidden"> 5583 <h3 class="footer__category--heading">Carriers</h3> 5584 <ul class="link-items"> 5585 5586 <li> 5587 <a href="https://trinitylogistics.com/carriers/access-our-load-board">Access Our Load Board</a> 5588 </li> 5589 5590 5591 <li> 5592 <a href="https://trinitylogistics.com/carriers/carrier-perks-benefits">Carrier Perks & Benefits</a> 5593 </li> 5594 5595 5596 <li> 5597 <a href="https://eaglebusinesscredit.ac-page.com/cashway-main-landing-page-trinity?utm_source=website&utm_medium=button&utm_campaign_name=fy2026_ebc_cashway_campaign">Fund Your Business</a> 5598 </li> 5599 5600 </ul> 5601 </div> 5602 </div> 5603 <div class="footer__group"> 5604 5605 5606 <div class="footer__category mobile-hidden"> 5607 <h3 class="footer__category--heading">Join Us</h3> 5608 <ul class="link-items"> 5609 5610 <li> 5611 <a href="https://trinitylogistics.com/join-us/become-a-team-member">Become A Team Member</a> 5612 </li> 5613 5614 5615 <li> 5616 <a href="https://trinitylogistics.com/?page_id=332">Join Our Freight Agent Network</a> 5617 </li> 5618 5619 5620 <li> 5621 <a href="https://trinitylogistics.com/join-us/join-our-carrier-network">Join Our Carrier Network</a> 5622 </li> 5623 5624 </ul> 5625 </div> 5626 <div class="footer__category mobile-hidden"> 5627 <h3 class="footer__category--heading">Insights</h3> 5628 <ul class="link-items"> 5629 5630 <li> 5631 <a href="https://trinitylogistics.com/technology">Technology</a> 5632 </li> 5633 5634 5635 <li> 5636 <a href="https://trinitylogistics.com/insights/blog">Blog</a> 5637 </li> 5638 5639 5640 <li> 5641 <a href="https://trinitylogistics.com/insights/case-studies">Case Studies</a> 5642 </li> 5643 5644 5645 <li> 5646 <a href="https://trinitylogistics.com/insights/white-papers">White Papers</a> 5647 </li> 5648 5649 </ul> 5650 </div> 5651 <div class="footer__category mobile-hidden"> 5652 <h3 class="footer__category--heading">Who We Are</h3> 5653 <ul class="link-items"> 5654 5655 <li> 5656 <a href="https://trinitylogistics.com/locations">Locations</a> 5657 </li> 5658 5659 5660 <li> 5661 <a href="https://trinitylogistics.com/who-we-are/about-us">About Us</a> 5662 </li> 5663 5664 5665 <li> 5666 <a href="https://trinitylogistics.com/who-we-are/trinity-foundation">Trinity Foundation</a> 5667 </li> 5668 5669 </ul> 5670 </div> 5671 </div> 5672 </div> 5673 </div> 5674</div> <div class="drybn-footer-bottom-bar"> 5675 <div class="drybn-footer-bottom-bar__overlay"> 5676 <div class="drybn-footer-bottom-bar__content"> 5677 5678 <ul id="menu-bottom-menu" class="links"><li id="menu-item-542" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-542"><a href="https://trinitylogistics.com/site-policies">Privacy policy</a></li> 5679<li id="menu-item-16897" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-16897"><a href="https://trinitylogistics.com/cookie-policy">Cookie policy</a></li> 5680<li id="menu-item-533" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-533"><a href="https://trinitylogistics.com/eeoc-statement">EEOC Statement</a></li> 5681<li id="menu-item-534" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-534"><a href="https://trinitylogistics.com/termsofservice">Terms of Service</a></li> 5682<li id="menu-item-528" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-528"><a href="https://trinitylogistics.com/responsible-care">Responsible Care</a></li> 5683<li id="menu-item-10887" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-10887"><a href="https://trinitylogistics.com/contact-us">Contact</a></li> 5684<li id="menu-item-543" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-543"><a href="https://trinitylogistics.com/sitemap">Site Map</a></li> 5685<li id="menu-item-550" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-550"><a href="https://trinitylogistics.com/non-disclosure-agreement">NDA</a></li> 5686</ul> <div class="signature"> 5687 <p>2026 © Trinity Logistics - A <a href="https://oneburris.com/" target="_blank" rel="noopener noreferrer">Burris Logistics Company</a></p> 5688 <a href="https://mirandacreative.com/">Miranda Creative</a> 5689 </div> 5690 </div> 5691 </div> 5692</div> 5693
5693<script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script>
5693 5694
5694<script type="text/javascript"> 5695 ttd_dom_ready( function() { 5696 if (typeof TTDUniversalPixelApi === 'function') { 5697 var universalPixelApi = new TTDUniversalPixelApi(); 5698 universalPixelApi.init("1yqqhzf", ["enrmdv6"], "https://insight.adsrvr.org/track/up"); 5699 } 5700 }); 5701 </script>
5701 5702
5702<script type="text/javascript" src="//cdn.rlets.com/capture_configs/779/27f/9ab/fbe47d08f08aaaf80a52f00.js" async="async"></script>
5702 5703 </div> 5704 </div> 5705</footer> </div> 5706
5706<script type="speculationrules"> 5707{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/trinity-logistics-theme/*","/wp-content/themes/dry3/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 5708</script>
5708 5709
5709<script> 5710 ( function ( body ) { 5711 'use strict'; 5712 body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); 5713 } )( document.body ); 5714 </script>
5714 5715
5715<script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"}};/* ]]> */ </script>
5715<script>/* Managed Transportation tradeoffs reveal - v3 */ 5716document.addEventListener('DOMContentLoaded', function () { 5717 var sections = document.querySelectorAll('.mt-tradeoffs-v3'); 5718 5719 if (!sections.length || !('IntersectionObserver' in window)) { 5720 return; 5721 } 5722 5723 sections.forEach(function (section) { 5724 var columns = section.querySelector('.mt-solution-columns'); 5725 var result = section.querySelector('.mt-equation-result'); 5726 5727 if (!columns || !result) { 5728 return; 5729 } 5730 5731 section.classList.add('mt-v3-motion-ready'); 5732 5733 var observer = new IntersectionObserver(function (entries) { 5734 entries.forEach(function (entry) { 5735 if (!entry.isIntersecting) { 5736 return; 5737 } 5738 5739 columns.classList.add('is-visible'); 5740 5741 window.setTimeout(function () { 5742 result.classList.add('is-visible'); 5743 }, 700); 5744 5745 observer.disconnect(); 5746 }); 5747 }, { 5748 threshold: 0.2, 5749 rootMargin: '0px 0px -10% 0px' 5750 }); 5751 5752 observer.observe(columns); 5753 }); 5754});</script>
5754<script>/* Trinity Managed Transportation shared carousels, v3 */ 5755document.addEventListener('DOMContentLoaded', function () { 5756 var carouselNumber = 0; 5757 var reduceMotion = window.matchMedia( 5758 '(prefers-reduced-motion: reduce)' 5759 ).matches; 5760 5761 function animateCounter(counter) { 5762 if (counter.getAttribute('data-mt-counted') === 'true') { 5763 return; 5764 } 5765 5766 var finalText = counter.textContent.trim(); 5767 var match = finalText.match( 5768 /^([^0-9-]*)(-?\d[\d,]*(?:\.\d+)?)(.*)$/ 5769 ); 5770 5771 if (!match) { 5772 return; 5773 } 5774 5775 var prefix = match[1]; 5776 var numericText = match[2].replace(/,/g, ''); 5777 var suffix = match[3]; 5778 var targetValue = Number(numericText); 5779 var decimalPlaces = 5780 numericText.indexOf('.') === -1 5781 ? 0 5782 : numericText.split('.')[1].length; 5783 5784 if (!Number.isFinite(targetValue)) { 5785 return; 5786 } 5787 5788 counter.setAttribute('data-mt-counted', 'true'); 5789 counter.setAttribute('aria-label', finalText); 5790 5791 if (reduceMotion) { 5792 counter.textContent = finalText; 5793 return; 5794 } 5795 5796 var duration = 1200; 5797 var startTime = null; 5798 5799 function updateCounter(timestamp) { 5800 if (startTime === null) { 5801 startTime = timestamp; 5802 } 5803 5804 var progress = Math.min( 5805 (timestamp - startTime) / duration, 5806 1 5807 ); 5808 5809 var easedProgress = 1 - Math.pow(1 - progress, 3); 5810 var currentValue = targetValue * easedProgress; 5811 5812 counter.textContent = 5813 prefix + 5814 currentValue.toFixed(decimalPlaces) + 5815 suffix; 5816 5817 if (progress < 1) { 5818 window.requestAnimationFrame(updateCounter); 5819 } else { 5820 counter.textContent = finalText; 5821 } 5822 } 5823 5824 window.requestAnimationFrame(updateCounter); 5825 } 5826 5827 function animateSlideCounters(slide) { 5828 slide 5829 .querySelectorAll('.mt-count-value') 5830 .forEach(function (counter) { 5831 animateCounter(counter); 5832 }); 5833 } 5834 5835 function initializeCarousel(config) { 5836 document 5837 .querySelectorAll(config.carouselSelector) 5838 .forEach(function (carousel) { 5839 if ( 5840 carousel.getAttribute( 5841 'data-mt-carousel-initialized' 5842 ) === 'true' 5843 ) { 5844 return; 5845 } 5846 5847 var slidesContainer = carousel.querySelector( 5848 config.slidesContainerSelector 5849 ); 5850 5851 if (!slidesContainer) { 5852 return; 5853 } 5854 5855 /* 5856 * Supports themes that add wrapper elements 5857 * inside Gutenberg Groups. 5858 */ 5859 var slides = Array.prototype.filter.call( 5860 slidesContainer.querySelectorAll( 5861 config.slideSelector 5862 ), 5863 function (slide) { 5864 return ( 5865 slide.closest( 5866 config.slidesContainerSelector 5867 ) === slidesContainer 5868 ); 5869 } 5870 ); 5871 5872 if (!slides.length) { 5873 return; 5874 } 5875 5876 carouselNumber += 1; 5877 5878 var currentIndex = 0; 5879 var carouselIsVisible = false; 5880 var touchStartX = 0; 5881 var touchStartY = 0; 5882 var controls = document.createElement('div'); 5883 var previousButton = 5884 document.createElement('button'); 5885 var dots = document.createElement('div'); 5886 var nextButton = 5887 document.createElement('button'); 5888 var dotButtons = []; 5889 var tabButtons = []; 5890 var tabs = null; 5891 5892 carousel.setAttribute( 5893 'data-mt-carousel-initialized', 5894 'true' 5895 ); 5896 carousel.setAttribute('role', 'region'); 5897 carousel.setAttribute( 5898 'aria-roledescription', 5899 'carousel' 5900 ); 5901 carousel.setAttribute( 5902 'aria-label', 5903 config.ariaLabel 5904 ); 5905 carousel.setAttribute('tabindex', '0'); 5906 5907 if ( 5908 config.tabsClass && 5909 config.labelSelector 5910 ) { 5911 tabs = document.createElement('div'); 5912 tabs.className = config.tabsClass; 5913 tabs.setAttribute('role', 'tablist'); 5914 tabs.setAttribute( 5915 'aria-label', 5916 config.tabsAriaLabel 5917 ); 5918 } 5919 5920 controls.className = config.controlsClass; 5921 controls.setAttribute( 5922 'aria-label', 5923 'Carousel controls' 5924 ); 5925
5926 previousButton.type = 'button'; 5927 previousButton.className = 5928 config.arrowClass + 5929 ' ' + 5930 config.previousClass; 5931 previousButton.setAttribute( 5932 'aria-label', 5933 'Show previous slide' 5934 ); 5935 5936 dots.className = config.dotsClass; 5937 dots.setAttribute('role', 'group'); 5938 dots.setAttribute( 5939 'aria-label', 5940 'Choose a slide' 5941 ); 5942 5943 nextButton.type = 'button'; 5944 nextButton.className = 5945 config.arrowClass + 5946 ' ' + 5947 config.nextClass; 5948 nextButton.setAttribute( 5949 'aria-label', 5950 'Show next slide' 5951 ); 5952 5953 slides.forEach(function (slide, slideIndex) { 5954 var slideId = 5955 'mt-carousel-' + 5956 carouselNumber + 5957 '-slide-' + 5958 (slideIndex + 1); 5959 5960 var dot = document.createElement('button'); 5961 5962 slide.id = slideId; 5963 slide.setAttribute('role', 'group'); 5964 slide.setAttribute( 5965 'aria-roledescription', 5966 'slide' 5967 ); 5968 slide.setAttribute( 5969 'aria-label', 5970 'Slide ' + 5971 (slideIndex + 1) + 5972 ' of ' + 5973 slides.length 5974 ); 5975 5976 dot.type = 'button'; 5977 dot.className = config.dotClass; 5978 dot.setAttribute( 5979 'aria-label', 5980 'Show slide ' + (slideIndex + 1) 5981 ); 5982 5983 dot.addEventListener( 5984 'click', 5985 function () { 5986 showSlide(slideIndex); 5987 } 5988 ); 5989 5990 dotButtons.push(dot); 5991 dots.appendChild(dot); 5992 5993 if (tabs) { 5994 var label = slide.querySelector( 5995 config.labelSelector 5996 ); 5997 5998 var tab = 5999 document.createElement('button'); 6000 6001 tab.type = 'button'; 6002 tab.className = config.tabClass; 6003 tab.setAttribute('role', 'tab'); 6004 tab.setAttribute( 6005 'aria-controls', 6006 slideId 6007 ); 6008 6009 tab.textContent = label 6010 ? label.textContent.trim() 6011 : 'Slide ' + (slideIndex + 1); 6012 6013 tab.addEventListener( 6014 'click', 6015 function () { 6016 showSlide(slideIndex); 6017 } 6018 ); 6019 6020 tabButtons.push(tab); 6021 tabs.appendChild(tab); 6022 } 6023 }); 6024 6025 function showSlide( 6026 requestedIndex, 6027 focusTab 6028 ) { 6029 currentIndex = 6030 (requestedIndex + slides.length) % 6031 slides.length; 6032 6033 slides.forEach( 6034 function (slide, slideIndex) { 6035 var isActive = 6036 slideIndex === currentIndex; 6037 6038 slide.hidden = !isActive; 6039 slide.classList.toggle( 6040 'is-active', 6041 isActive 6042 ); 6043 6044 slide.setAttribute( 6045 'aria-hidden', 6046 isActive ? 'false' : 'true' 6047 ); 6048 6049 if ('inert' in slide) { 6050 slide.inert = !isActive; 6051 } 6052 6053 dotButtons[ 6054 slideIndex 6055 ].classList.toggle( 6056 'is-active', 6057 isActive 6058 ); 6059 6060 dotButtons[ 6061 slideIndex 6062 ].setAttribute( 6063 'aria-current', 6064 isActive ? 'true' : 'false' 6065 ); 6066 6067 if (tabButtons.length) { 6068 tabButtons[ 6069 slideIndex 6070 ].classList.toggle( 6071 'is-active', 6072 isActive 6073 ); 6074 6075 tabButtons[ 6076 slideIndex 6077 ].setAttribute( 6078 'aria-selected', 6079 isActive ? 'true' : 'false' 6080 ); 6081 6082 tabButtons[ 6083 slideIndex 6084 ].setAttribute( 6085 'tabindex', 6086 isActive ? '0' : '-1' 6087 ); 6088 } 6089 } 6090 ); 6091 6092 if ( 6093 config.animateCounters && 6094 carouselIsVisible 6095 ) { 6096 animateSlideCounters( 6097 slides[currentIndex] 6098 ); 6099 } 6100 6101 if ( 6102 focusTab && 6103 tabButtons.length 6104 ) { 6105 tabButtons[currentIndex].focus(); 6106 } 6107 } 6108 6109 previousButton.addEventListener( 6110 'click', 6111 function () { 6112 showSlide(currentIndex - 1); 6113 } 6114 ); 6115 6116 nextButton.addEventListener( 6117 'click', 6118 function () { 6119 showSlide(currentIndex + 1); 6120 } 6121 ); 6122 6123 carousel.addEventListener( 6124 'keydown', 6125 function (event) { 6126 if (event.key === 'ArrowLeft') { 6127 event.preventDefault(); 6128 showSlide( 6129 currentIndex - 1, 6130 true 6131 ); 6132 } 6133 6134 if (event.key === 'ArrowRight') { 6135 event.preventDefault(); 6136 showSlide( 6137 currentIndex + 1, 6138 true 6139 ); 6140 } 6141 } 6142 ); 6143 6144 carousel.addEventListener( 6145 'touchstart', 6146 function (event) { 6147 if (!event.touches.length) { 6148 return; 6149 } 6150 6151 touchStartX = 6152 event.touches[0].clientX; 6153 6154 touchStartY = 6155 event.touches[0].clientY; 6156 }, 6157 { passive: true } 6158 ); 6159 6160 carousel.addEventListener( 6161 'touchend', 6162 function (event) { 6163 if (!event.changedTouches.length) { 6164 return; 6165 } 6166 6167 var changeX = 6168 event.changedTouches[0].clientX - 6169 touchStartX; 6170 6171 var changeY = 6172 event.changedTouches[0].clientY - 6173 touchStartY; 6174 6175 if ( 6176 Math.abs(changeX) < 50 || 6177 Math.abs(changeX) <= 6178 Math.abs(changeY) 6179 ) { 6180 return; 6181 } 6182 6183 showSlide( 6184 changeX > 0 6185 ? currentIndex - 1 6186 : currentIndex + 1 6187 ); 6188 }, 6189 { passive: true } 6190 ); 6191 6192 if (tabs) { 6193 slidesContainer.insertAdjacentElement( 6194 'beforebegin', 6195 tabs 6196 ); 6197 } 6198 6199 controls.appendChild(previousButton); 6200 controls.appendChild(dots); 6201 controls.appendChild(nextButton); 6202 6203 slidesContainer.insertAdjacentElement( 6204 'afterend', 6205 controls 6206 ); 6207 6208 if (slides.length === 1) { 6209 controls.hidden = true; 6210 6211 if (tabs) { 6212 tabs.hidden = true; 6213 } 6214 } 6215 6216 showSlide(0);
6217 6218 carousel.classList.add( 6219 'is-carousel-ready' 6220 ); 6221 6222 carousel.setAttribute( 6223 'data-carousel-number', 6224 String(carouselNumber) 6225 ); 6226 6227 if (config.animateCounters) { 6228 if ('IntersectionObserver' in window) { 6229 var observer = 6230 new IntersectionObserver( 6231 function (entries) { 6232 entries.forEach( 6233 function (entry) { 6234 if (!entry.isIntersecting) { 6235 return; 6236 } 6237 6238 carouselIsVisible = true; 6239 6240 animateSlideCounters( 6241 slides[currentIndex] 6242 ); 6243 6244 observer.disconnect(); 6245 } 6246 ); 6247 }, 6248 { 6249 threshold: 0.2, 6250 rootMargin: 6251 '0px 0px -10% 0px' 6252 } 6253 ); 6254 6255 observer.observe(carousel); 6256 } else { 6257 carouselIsVisible = true; 6258 6259 animateSlideCounters( 6260 slides[currentIndex] 6261 ); 6262 } 6263 } 6264 }); 6265 } 6266 6267 initializeCarousel({ 6268 carouselSelector: 6269 '.mt-capabilities-v1 .mt-capabilities-carousel', 6270 slidesContainerSelector: 6271 '.mt-capabilities-slides', 6272 slideSelector: 6273 '.mt-capabilities-slide', 6274 ariaLabel: 6275 'Managed Transportation capabilities', 6276 controlsClass: 6277 'mt-capabilities-carousel-controls', 6278 arrowClass: 6279 'mt-capabilities-carousel-arrow', 6280 previousClass: 6281 'mt-capabilities-carousel-prev', 6282 nextClass: 6283 'mt-capabilities-carousel-next', 6284 dotsClass: 6285 'mt-capabilities-carousel-dots', 6286 dotClass: 6287 'mt-capabilities-carousel-dot', 6288 animateCounters: false 6289 }); 6290 6291 initializeCarousel({ 6292 carouselSelector: 6293 '.mt-case-studies-v1 .mt-case-studies-carousel', 6294 slidesContainerSelector: 6295 '.mt-case-studies-slides', 6296 slideSelector: 6297 '.mt-case-study-slide', 6298 ariaLabel: 6299 'Managed Transportation case studies', 6300 tabsClass: 6301 'mt-case-studies-tabs', 6302 tabsAriaLabel: 6303 'Choose a case study', 6304 tabClass: 6305 'mt-case-studies-tab', 6306 labelSelector: 6307 '.mt-case-study-label', 6308 controlsClass: 6309 'mt-case-studies-carousel-controls', 6310 arrowClass: 6311 'mt-case-studies-carousel-arrow', 6312 previousClass: 6313 'mt-case-studies-carousel-prev', 6314 nextClass: 6315 'mt-case-studies-carousel-next', 6316 dotsClass: 6317 'mt-case-studies-carousel-dots', 6318 dotClass: 6319 'mt-case-studies-carousel-dot', 6320 animateCounters: true 6321 }); 6322 initializeCarousel({ 6323 carouselSelector: 6324 '.fa-stories-v1 .fa-stories-carousel', 6325 slidesContainerSelector: 6326 '.fa-stories-slides', 6327 slideSelector: 6328 '.fa-stories-slide', 6329 ariaLabel: 6330 'Freight Agent testimonials', 6331 controlsClass: 6332 'fa-stories-carousel-controls', 6333 arrowClass: 6334 'fa-stories-carousel-arrow', 6335 previousClass: 6336 'fa-stories-carousel-prev', 6337 nextClass: 6338 'fa-stories-carousel-next', 6339 dotsClass: 6340 'fa-stories-carousel-dots', 6341 dotClass: 6342 'fa-stories-carousel-dot', 6343 animateCounters: false 6344 }); 6345}); 6346 6347 </script>
6347<script id="tec-user-agent-js" src="https://trinitylogistics.com/wp-content/plugins/the-events-calendar/common/build/js/user-agent.js?ver=da75d0bdea6dde3898df"></script>
vendor: 1 bytes, line 6347
6347
6348<script id="heateor_sss_sharing_js-js-before"> 6349function heateorSssLoadEvent(e) {var t=window.onload;if (typeof window.onload!="function") {window.onload=e}else{window.onload=function() {t();e()}}}; var heateorSssSharingAjaxUrl = 'https://trinitylogistics.com/wp-admin/admin-ajax.php', heateorSssCloseIconPath = 'https://trinitylogistics.com/wp-content/plugins/sassy-social-share/public/../images/close.png', heateorSssPluginIconPath = 'https://trinitylogistics.com/wp-content/plugins/sassy-social-share/public/../images/logo.png', heateorSssHorizontalSharingCountEnable = 0, heateorSssVerticalSharingCountEnable = 0, heateorSssSharingOffset = -10; var heateorSssMobileStickySharingEnabled = 0;var heateorSssCopyLinkMessage = "Link copied.";var heateorSssUrlCountFetched = [], heateorSssSharesText = 'Shares', heateorSssShareText = 'Share';function heateorSssPopup(e) {window.open(e,"popUpWindow","height=400,width=600,left=400,top=100,resizable,scrollbars,toolbar=0,personalbar=0,menubar=no,location=no,directories=no,status")} 6350//# sourceURL=heateor_sss_sharing_js-js-before 6351</script>
vendor: 1 bytes, line 6351
6351
6352<script id="heateor_sss_sharing_js-js" src="https://trinitylogistics.com/wp-content/plugins/sassy-social-share/public/js/sassy-social-share-public.js?ver=3.3.79"></script>
vendor: 1 bytes, line 6352
6352
6353<script id="font-awesome-js" src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/7.0.1/js/all.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6353
6353
6354<script id="slick-js" src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6354
6354
6355<script id="jquery-mousewheel-js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mousewheel/3.1.13/jquery.mousewheel.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6355
6355
6356<script id="raphael-js" src="https://cdnjs.cloudflare.com/ajax/libs/raphael/2.3.0/raphael.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6356
6356
6357<script id="jquery-mapael-js" src="https://cdnjs.cloudflare.com/ajax/libs/jquery-mapael/2.2.0/js/jquery.mapael.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6357
6357
6358<script id="jquery-mapael-map-us-states-js" src="https://cdn.jsdelivr.net/gh/neveldo/mapael-maps@master/usa/usa_states.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6358
6358
6359<script id="gsap-js" src="https://unpkg.co/gsap@3/dist/gsap.min.js?ver=3.10"></script>
vendor: 1 bytes, line 6359
6359
6360<script id="wp-emoji-settings" type="application/json"> 6361{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://trinitylogistics.com/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 6362</script>
vendor: 1 bytes, line 6362
6362
6363<script type="module"> 6364/*! This file is auto-generated */ 6365var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 6366//# sourceURL=https://trinitylogistics.com/wp-includes/js/wp-emoji-loader.min.js 6367</script>
6367 6368</body> 6369</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.