.elementor-2147 .elementor-element.elementor-element-9734657 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:flex-start;align-items:flex-start;}.elementor-2147 .elementor-element.elementor-element-9734657:not(.elementor-motion-effects-element-type-background), .elementor-2147 .elementor-element.elementor-element-9734657 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#313A44;}.elementor-2147 .elementor-element.elementor-element-9734657 > .elementor-container{min-height:129px;}.elementor-2147 .elementor-element.elementor-element-9734657{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:0px;margin-bottom:0px;padding:0px 0px 5px 0px;z-index:4;}.elementor-2147 .elementor-element.elementor-element-9734657 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-bc-flex-widget .elementor-2147 .elementor-element.elementor-element-eb93022.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2147 .elementor-element.elementor-element-eb93022.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2147 .elementor-element.elementor-element-eb93022.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2147 .elementor-element.elementor-element-eb93022 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:18px;}.elementor-2147 .elementor-element.elementor-element-eb93022 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-2147 .elementor-element.elementor-element-4820c26 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-2147 .elementor-element.elementor-element-4820c26 img{width:100%;max-width:100%;height:10vh;object-fit:contain;object-position:center center;}.elementor-bc-flex-widget .elementor-2147 .elementor-element.elementor-element-f4dc9ea.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea.elementor-column > .elementor-widget-wrap{justify-content:space-between;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:18px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2147 .elementor-element.elementor-element-b400641{width:initial;max-width:initial;text-align:center;}.elementor-2147 .elementor-element.elementor-element-b400641 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:400;color:#FFFFFF;}.elementor-2147 .elementor-element.elementor-element-2dadc0d{width:initial;max-width:initial;text-align:center;}.elementor-2147 .elementor-element.elementor-element-2dadc0d .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:400;color:#FFFFFF;}.elementor-2147 .elementor-element.elementor-element-162a691{width:initial;max-width:initial;text-align:center;}.elementor-2147 .elementor-element.elementor-element-162a691 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:400;color:#FFFFFF;}.elementor-2147 .elementor-element.elementor-element-4b8da2e{width:initial;max-width:initial;text-align:center;}.elementor-2147 .elementor-element.elementor-element-4b8da2e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:400;color:#FFFFFF;}.elementor-2147 .elementor-element.elementor-element-d8e9490{width:initial;max-width:initial;text-align:center;}.elementor-2147 .elementor-element.elementor-element-d8e9490 .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:0.9rem;font-weight:400;color:#FFFFFF;}.elementor-bc-flex-widget .elementor-2147 .elementor-element.elementor-element-83616a2.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-2147 .elementor-element.elementor-element-83616a2.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-2147 .elementor-element.elementor-element-83616a2.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2147 .elementor-element.elementor-element-83616a2 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 71px 168px;}.elementor-2147 .elementor-element.elementor-element-6aadf46{width:initial;max-width:initial;}.elementor-2147 .elementor-element.elementor-element-6aadf46 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-2147 .elementor-element.elementor-element-6aadf46 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:700;color:#9E9E9E;}.elementor-2147 .elementor-element.elementor-element-521a497{width:initial;max-width:initial;}.elementor-2147 .elementor-element.elementor-element-521a497 > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-2147 .elementor-element.elementor-element-521a497 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:700;color:#9E9E9E;}.elementor-2147 .elementor-element.elementor-element-e61c27b{width:initial;max-width:initial;}.elementor-2147 .elementor-element.elementor-element-e61c27b > .elementor-widget-container{margin:0px 0px 0px 5px;}.elementor-2147 .elementor-element.elementor-element-e61c27b .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:700;color:#9E9E9E;}.elementor-2147 .elementor-element.elementor-element-fd9aa6a:not(.elementor-motion-effects-element-type-background), .elementor-2147 .elementor-element.elementor-element-fd9aa6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cbi.com.gt/wp-content/uploads/2025/07/Fondo2-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-2147 .elementor-element.elementor-element-fd9aa6a{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2147 .elementor-element.elementor-element-fd9aa6a > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2147 .elementor-element.elementor-element-3f5564e > .elementor-widget-container{margin:20px 20px 20px 20px;padding:0px 0px 0px 0px;}.elementor-2147 .elementor-element.elementor-element-3f5564e{text-align:center;}.elementor-2147 .elementor-element.elementor-element-3f5564e .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:4.5rem;font-weight:700;letter-spacing:0px;color:#2C3E50;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper{--tw-ibx-position:50;--tw-cbx-bottom-margin:150px;--tw-cbx-text-align:center;--tw-cbx-text-align-alternate:center;--tw-line-width:3px;--tw-line-filling-color:#D4AF37;--tw-ibx-bg:#D4AF37;--tw-ibx-size:50px;--tw-ibx-text-size:20px;--tw-ibx-radius:50;--tw-lbl-gap:6px;--tw-lbl-big-color:#313A44;--tw-lbl-big-size:30px;--tw-lbl-small-color:#313A44;--tw-lbl-small-size:13px;--lbl-bk-color:#FFFFFF;--lbl-bd-style:solid;--lbl-bd-width:2px;--lbl-bd-color:#D4AF37;--lbl-bd-radius:12px 12px 12px 12px;--tw-ybx-bg:#313A44;--tw-ybx-size:100px;--tw-cbx-padding:20px 20px 20px 20px;--tw-cbx-bd-style:solid;--tw-cbx-bd-top-width:5px;--tw-cbx-bd-right-width:0px;--tw-cbx-bd-bottom-width:0px;--tw-cbx-bd-left-width:5px;--tw-cbx-bd-color:#D4AF37 !Important;--tw-cbx-radius:20px 20px 20px 20px;--tw-cbx-radius-left:20px 20px 20px 20px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 > .elementor-widget-container{margin:0px 100px 250px 100px;padding:0px 0px 0px 0px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper, .elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-navigationBar{--tw-line-bg:#313A44;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-label-big,.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae_icon_text{font-family:"Montserrat", Sans-serif;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-label-small{font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-year-text{font-family:"Montserrat", Sans-serif;font-size:30px;font-weight:500;letter-spacing:0px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-navigationBar , .elementor-2147 .elementor-element.elementor-element-8ea37b8 .yearSec{--tw-ybx-bg:#313A44;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-navigationBar{--tw-ibx-bg:#D4AF37;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 nav.twae-navigationBar.style-2 ul.twae-navigation-items li.current:after{background-color:#D4AF37;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 nav.twae-navigationBar.style-2 ul.twae-navigation-items li a.current:before{background-color:#D4AF37;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-navigationBar .current, .elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-horizontal-navigationBar{--tw-ibx-color:#D4AF37;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper .twae-label-content-top{--tw-label-inside-margin:20px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper, .elementor-2147 .elementor-element.elementor-element-8ea37b8-popup .twae-popup-content .twae-media{--tw-cbx-img-align:center;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper, .elementor-2147 .elementor-element.elementor-element-8ea37b8-popup .twae-popup-content .twae-media img{--tw-cbx-img-padding:0px 0px 0px 0px;--tw-cbx-img-margin:0px 0px 0px 0px;--tw-cbx-img-margin-left:0px;--tw-cbx-img-margin-right:0px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae_image_outside{--tw-image-outside-top-margin:0px;--tw-image-outside-bottom-margin:0px;}.elementor-2147 .elementor-element.elementor-element-3d73c368 > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-2147 .elementor-element.elementor-element-3d73c368:not(.elementor-motion-effects-element-type-background), .elementor-2147 .elementor-element.elementor-element-3d73c368 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#313A44;}.elementor-2147 .elementor-element.elementor-element-3d73c368{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:40px 0px 40px 0px;}.elementor-2147 .elementor-element.elementor-element-3d73c368 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2147 .elementor-element.elementor-element-651fb269{text-align:center;}.elementor-2147 .elementor-element.elementor-element-651fb269 img{opacity:1;}.elementor-2147 .elementor-element.elementor-element-86bdf2d:not(.elementor-motion-effects-element-type-background), .elementor-2147 .elementor-element.elementor-element-86bdf2d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#313A44;}.elementor-2147 .elementor-element.elementor-element-86bdf2d{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-2147 .elementor-element.elementor-element-86bdf2d > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2147 .elementor-element.elementor-element-2861f391{text-align:center;}.elementor-2147 .elementor-element.elementor-element-2861f391 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:600;color:#FFFFFF;}@media(min-width:768px){.elementor-2147 .elementor-element.elementor-element-eb93022{width:13.275%;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea{width:63.185%;}.elementor-2147 .elementor-element.elementor-element-83616a2{width:23.206%;}.elementor-2147 .elementor-element.elementor-element-5aa93cb{width:100%;}}@media(min-width:1025px){.elementor-2147 .elementor-element.elementor-element-fd9aa6a:not(.elementor-motion-effects-element-type-background), .elementor-2147 .elementor-element.elementor-element-fd9aa6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}@media(max-width:1024px){.elementor-2147 .elementor-element.elementor-element-9734657 > .elementor-container{min-height:10px;}.elementor-2147 .elementor-element.elementor-element-9734657{padding:3px 3px 3px 3px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper{--tw-ibx-size:38px;--tw-ibx-text-size:18px;--tw-lbl-gap:4px;--tw-lbl-big-size:20px;--tw-lbl-small-size:14px;--tw-ybx-size:66px;}}@media(max-width:767px){.elementor-2147 .elementor-element.elementor-element-4820c26{text-align:center;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea{width:100%;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea.elementor-column > .elementor-widget-wrap{justify-content:center;}.elementor-2147 .elementor-element.elementor-element-f4dc9ea > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-bottom:0px;}.elementor-2147 .elementor-element.elementor-element-b400641 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2147 .elementor-element.elementor-element-b400641{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2147 .elementor-element.elementor-element-2dadc0d > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2147 .elementor-element.elementor-element-2dadc0d{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2147 .elementor-element.elementor-element-162a691 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2147 .elementor-element.elementor-element-162a691{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2147 .elementor-element.elementor-element-4b8da2e > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2147 .elementor-element.elementor-element-4b8da2e{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2147 .elementor-element.elementor-element-d8e9490 > .elementor-widget-container{padding:10px 0px 10px 0px;}.elementor-2147 .elementor-element.elementor-element-d8e9490{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;}.elementor-2147 .elementor-element.elementor-element-83616a2 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-2147 .elementor-element.elementor-element-8ea37b8 .twae-wrapper{--tw-ibx-size:32px;--tw-ibx-text-size:14px;--tw-lbl-gap:2px;--tw-lbl-big-size:18px;--tw-lbl-small-size:14px;--tw-ybx-size:58px;}}/* Start custom CSS for heading, class: .elementor-element-3f5564e */body { font-family: 'Arial', sans-serif; background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%); color: #333; line-height: 1.6; }/* End custom CSS */ /* Start custom CSS for timeline-widget-addon, class: .elementor-element-8ea37b8 *//* ==================================================================== TIMELINE WIDGET PRO CUSTOM CSS - CBI COMPANY HISTORY Created: July 2025 Purpose: Standardize timeline content boxes and optimize image display DESKTOP ONLY - Mobile uses default timeline styling ==================================================================== */ /* ==================================================================== DESKTOP ONLY STYLES - Apply only on screens 769px and larger ==================================================================== */ @media screen and (min-width: 769px) { /* ==================================================================== 1. BASE CONTENT BOX STYLING ==================================================================== */ /* Main content container - makes all timeline boxes uniform size */ #timeline-custom .twae-content { min-height: 300px !important; /* Fixed height for consistency */ max-height: 300px !important; /* Prevents boxes from growing */ width: 350px !important; /* Fixed width for all boxes */ display: flex !important; /* Enables flexible layout */ flex-direction: column !important; /* Stacks image over description */ box-sizing: border-box !important; /* Includes padding in size calculation */ padding: 8px !important; /* Minimal internal spacing */ } /* ==================================================================== 2. LEFT/RIGHT POSITIONING SYSTEM ==================================================================== */ /* Ensures left timeline items stay properly aligned */ #timeline-custom .twae-story-left { justify-content: flex-end !important; /* Aligns content to the right side */ } #timeline-custom .twae-story-left .twae-content { margin-left: auto !important; /* Pushes content toward timeline center */ margin-right: 0px !important; /* No space on right side */ } /* Ensures right timeline items stay properly aligned */ #timeline-custom .twae-story-right { justify-content: flex-start !important; /* Aligns content to the left side */ } #timeline-custom .twae-story-right .twae-content { margin-left: 0px !important; /* No space on left side */ margin-right: auto !important; /* Pushes content toward timeline center */ } /* ==================================================================== 3. DEFAULT PHOTO STYLING (Large Images) ==================================================================== */ /* Default styling for photographs and large images */ #timeline-custom .twae-media { height: 250px !important; /* Large area for photos */ overflow: hidden !important; /* Crops images that exceed bounds */ flex-shrink: 0 !important; /* Prevents compression */ border-radius: 8px !important; /* Rounded corners */ } #timeline-custom .twae-media img { width: 100% !important; /* Fill container width */ height: 100% !important; /* Fill container height */ object-fit: cover !important; /* Crop to fit, maintain aspect ratio */ object-position: center !important; /* Center the image in crop */ } /* ==================================================================== 4. LOGO-SPECIFIC STYLING (Company Logos) ==================================================================== */ /* Timeline Item ID Reference: #twae-8ea338f = 2012 - NUTRIANSA Logo #twae-901b79b = 2017 - Dependable Real Estate Logo #twae-a831586 = 2020 - Ingenio Santa Maria Logo #twae-f5b46c8 = 2021 - Multi Commodities Guatemala Logo #twae-cd8785a = 2022 - Multi Commodities CA Logo #twae-719020a = 2023 - Gateway Logo #twae-c8fa708 = 2023 - MC Terminals Logo #twae-0c45e26 = 2023 - Multi Aditivos Logo */ /* Container styling for company logos */ #twae-8ea338f .twae-media, /* NUTRIANSA */ #twae-901b79b .twae-media, /* Dependable Real Estate logo */ #twae-a831586 .twae-media, /* Ingenio Santa Maria */ #twae-f5b46c8 .twae-media, /* Multi Commodities Guatemala */ #twae-cd8785a .twae-media, /* Multi Commodities CA */ #twae-719020a .twae-media, /* Gateway */ #twae-c8fa708 .twae-media, /* MC Terminals */ #twae-0c45e26 .twae-media /* Multi Aditivos */ { height: 180px !important; /* Smaller height for logos */ background: transparent !important; /* No background color */ display: flex !important; /* Enables centering */ align-items: center !important; /* Centers vertically */ justify-content: center !important; /* Centers horizontally */ padding: 5px !important; /* Minimal padding around logos */ } /* Image styling for company logos */ #twae-8ea338f .twae-media img, #twae-901b79b .twae-media img, #twae-a831586 .twae-media img, #twae-f5b46c8 .twae-media img, #twae-cd8785a .twae-media img, #twae-719020a .twae-media img, #twae-c8fa708 .twae-media img, #twae-0c45e26 .twae-media img { object-fit: contain !important; /* Show full logo without cropping */ max-width: 95% !important; /* Slight margin around logo */ max-height: 95% !important; /* Slight margin around logo */ width: auto !important; /* Maintain aspect ratio */ height: auto !important; /* Maintain aspect ratio */ } /* ==================================================================== 5. INDIVIDUAL ITEM CUSTOMIZATIONS ==================================================================== */ /* TAGSA (2016) - #twae-3de430d - Special sizing for facility photo */ #twae-3de430d .twae-media { height: 270px !important; /* Slightly taller than default */ width: 400px !important; /* Wider than default */ padding-bottom: 8px !important; /* Extra space at bottom */ } /* Dependable Real Estate Logo - Position at bottom */ #twae-901b79b .twae-media { align-items: flex-end !important; /* Move logo to bottom of container */ margin-top: 0px !important; /* No top margin */ } /* Most company logos - Position toward bottom with top margin */ #twae-8ea338f .twae-media, /* NUTRIANSA */ #twae-a831586 .twae-media, /* Ingenio Santa Maria */ #twae-f5b46c8 .twae-media, /* Multi Commodities Guatemala */ #twae-cd8785a .twae-media, /* Multi Commodities CA */ #twae-719020a .twae-media, /* Gateway */ #twae-c8fa708 .twae-media /* MC Terminals */ { align-items: flex-end !important; /* Position logos at bottom */ margin-top: 30px !important; /* Push logos down with top margin */ } /* Multi Aditivos - Special bottom positioning */ #twae-0c45e26 .twae-media { align-items: flex-end !important; /* Position at bottom */ padding-bottom: 15px !important; /* Extra space from very bottom */ } /* ==================================================================== 6. DESCRIPTION AREA MINIMIZATION ==================================================================== */ /* Minimize text description area to maximize image space */ #timeline-custom .twae-description { flex: 0 !important; /* Don't expand to fill space */ padding: 2px 0 !important; /* Minimal vertical padding */ margin: 0 !important; /* No margins */ min-height: 20px !important; /* Minimum space for any text */ } /* ==================================================================== 7. TIMELINE LABEL FONT STYLING ==================================================================== */ /* Apply 20px font size to ALL timeline labels - CLIENT APPROVED */ #timeline-custom .twae-label-small { font-size: 20px !important; /* Client-approved size */ } /* ==================================================================== 8. UNIFORM LABEL BOX SIZING - ALL SAME SIZE ==================================================================== */ /* ALL LABEL BOXES - Standardized to 500px width for uniformity */ #timeline-custom .twae-labels { width: 500px !important; /* Uniform smaller width for all labels */ margin-right: -80px !important; /* Center positioning */ margin-left: -80px !important; /* Center positioning */ text-align: center !important; /* Center text within box */ } /* ==================================================================== 9. TEXT WRAPPING CONTROLS FOR EVEN LINE BREAKS ==================================================================== */ /* Improve text wrapping and line distribution */ #timeline-custom .twae-label-small { word-wrap: break-word !important; /* Allow long words to break */ hyphens: auto !important; /* Enable hyphenation */ text-align: center !important; /* Center align text */ line-height: 1.4 !important; /* Comfortable line spacing */ padding: 8px 12px !important; /* Internal spacing */ } /* Enable better text balancing for more even line distribution */ #timeline-custom .twae-label-small { text-wrap: balance !important; /* Balance text across lines (modern browsers) */ -webkit-text-wrap: balance !important; /* Webkit browsers */ } /* Fallback for browsers that don't support text-wrap: balance */ @supports not (text-wrap: balance) { #timeline-custom .twae-label-small { word-spacing: 0.1em !important; /* Slightly increase word spacing */ letter-spacing: 0.01em !important; /* Slight letter spacing for better distribution */ } } /* ==================================================================== 10. SPECIFIC TEXT ADJUSTMENTS FOR PROBLEM PHRASES ==================================================================== */ /* Target specific timeline items with manual line break adjustments if needed */ /* Example: If you need to force breaks at specific points, you can add: */ /* #twae-3bb8466 .twae-label-small::after { content: "\A"; white-space: pre; } */ /* ==================================================================== COMPLETE TIMELINE ID REFERENCE GUIDE ==================================================================== TIMELINE ITEMS BY YEAR: #twae-15b3f95 = 2001 - Familia Reinford se traslada de Estados Unidos a Guatemala #twae-e3ffb8f = 2011 - Compra de Agropecuaria Markito #twae-8ea338f = 2012 - Nace NUTRIANSA (LOGO) #twae-3de430d = 2016 - Inicia TAGSA como empresa de transporte (PHOTO) #twae-3bb8466 = 2017 - Se adquiere Finca Fuentecita, siendo la primera adquisición de real estate #twae-901b79b = 2017 - Nace Dependable Real Estate (LOGO) #twae-b3c11db = 2017 - Se inicia la comercialización local de granos, maíz y soya #twae-7d722d1 = 2019 - Compra de planta NUTRIANSA (PHOTO) #twae-a831586 = 2020 - Compra de Ingenio Santa María (LOGO) #twae-f5b46c8 = 2021 - Nace MULTI COMMODITIES de Guatemala (LOGO) #twae-cd8785a = 2022 - Nace MULTI COMMODITIES de Centroamérica (LOGO) #twae-942a4ba = 2022 - Logramos nuestro primer barco llamado Anne Mette Bulker de la naviera LAURITZEN #twae-0baeea0 = 2022 - Inauguramos nuestras oficinas centrales en Edificio Forum zona 10 con más de 1,900 mt² #twae-02f370d = 2022 - MULTI COMMODITIES de Centroamérica abre una oficina en Panamá #twae-c90b026 = 2023 - Compra Finca Los Jutes (PHOTO) #twae-719020a = 2023 - Nace GATEWAY (LOGO) #twae-c8fa708 = 2023 - Nace MC TERMINALS (LOGO) #twae-48a44be = 2023 - Primer operación en Puerto Moín Costa Rica de MCCA #twae-9ceba03 = 2023 - Iniciamos operaciones en el Puerto Santo Tomás de Castilla #twae-0c45e26 = 2023 - Nace MULTI ADITIVOS (LOGO) #twae-f810e89 = 2024 - Ampliación de Planta NUTRIANSA en Chimaltenango (PHOTO) #twae-a7a6c9b = 2024 - Iniciamos operaciones en Honduras (PHOTO) #twae-d85f3ea = 2024 - El Consejo Familiar nombra a una Junta Directiva con miembros externos a la familia #twae-9f91703 = 2025 - Compra de Finca Las Canoas (PHOTO) #twae-bcf629a = 2025 - Iniciamos operaciones en El Salvador (PHOTO) ==================================================================== END OF TIMELINE CUSTOM CSS ==================================================================== */ } /* END OF DESKTOP MEDIA QUERY *//* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 900; font-display: auto; src: url('https://cbi.com.gt/wp-content/uploads/2025/07/MONTSERRAT-BOLD.woff') format('woff'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 300; font-display: auto; src: url('https://cbi.com.gt/wp-content/uploads/2025/07/MONTSERRAT-MEDIUM.woff') format('woff'); } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://cbi.com.gt/wp-content/uploads/2025/07/MONTSERRAT-LIGHT.woff') format('woff'); } /* End Custom Fonts CSS */