.elementor-kit-73{--e-global-color-primary:#003D4C;--e-global-color-secondary:#92D6E2;--e-global-color-text:#003D4C;--e-global-color-accent:#B02533;--e-global-color-8109253:#FFFFFF;--e-global-color-60a304bf:#FFF;--e-global-color-9b73db9:#FFFFFF00;--e-global-color-4c81131:#FFF;--e-global-typography-primary-font-family:"Raleway";--e-global-typography-primary-font-size:2.5em;--e-global-typography-primary-font-weight:900;--e-global-typography-primary-line-height:1.25em;--e-global-typography-secondary-font-family:"Raleway";--e-global-typography-secondary-font-size:5em;--e-global-typography-secondary-font-weight:900;--e-global-typography-secondary-text-transform:uppercase;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Crimson Pro";--e-global-typography-text-font-size:1.15em;--e-global-typography-text-font-weight:normal;--e-global-typography-text-font-style:normal;--e-global-typography-accent-font-family:"Raleway";--e-global-typography-accent-font-size:1em;--e-global-typography-accent-font-weight:600;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-text-decoration:none;--e-global-typography-376f102-font-family:"Raleway";--e-global-typography-376f102-font-size:1.5em;--e-global-typography-376f102-font-weight:600;--e-global-typography-35d5b66-font-family:"Crimson Pro";--e-global-typography-35d5b66-font-size:1.25em;--e-global-typography-35d5b66-font-weight:normal;--e-global-typography-747d2a4-font-family:"Raleway";--e-global-typography-747d2a4-font-size:1em;--e-global-typography-747d2a4-font-weight:400;--e-global-typography-747d2a4-text-transform:uppercase;--e-global-typography-11bd516-font-family:"Raleway";--e-global-typography-11bd516-font-size:1.1em;--e-global-typography-11bd516-font-weight:800;--e-global-typography-eaee1fa-font-family:"Raleway";--e-global-typography-eaee1fa-font-size:1.3em;--e-global-typography-eaee1fa-font-weight:600;--e-global-typography-eaee1fa-text-transform:uppercase;--e-global-typography-eaee1fa-font-style:normal;--e-global-typography-3831432-font-family:"Raleway";--e-global-typography-3831432-font-weight:400;--e-global-typography-ed2b76a-font-family:"Crimson Pro";--e-global-typography-ed2b76a-font-size:0.85em;--e-global-typography-ed2b76a-font-weight:400;--e-global-typography-e14e7e8-font-family:"Raleway";--e-global-typography-e14e7e8-font-size:0.9em;--e-global-typography-e14e7e8-font-weight:600;--e-global-typography-e14e7e8-text-transform:uppercase;--e-global-typography-b1d7f3b-font-family:"Raleway";--e-global-typography-b1d7f3b-font-size:1em;--e-global-typography-b1d7f3b-font-weight:400;--e-global-typography-b1d7f3b-font-style:normal;--e-global-typography-20b4326-font-family:"Raleway";--e-global-typography-20b4326-font-size:0.9em;--e-global-typography-20b4326-font-weight:400;--e-global-typography-20b4326-text-transform:uppercase;--e-global-typography-175ae32-font-family:"Raleway";--e-global-typography-175ae32-font-size:1.2em;--e-global-typography-175ae32-font-weight:400;--e-global-typography-175ae32-font-style:normal;--e-global-typography-3d97622-font-family:"Crimson Pro";--e-global-typography-3d97622-font-size:0.9em;--e-global-typography-2b9424d-font-family:"Raleway";--e-global-typography-2b9424d-font-size:1px;--e-global-typography-2b9424d-text-transform:none;--e-global-typography-2b9424d-text-decoration:underline;--e-global-typography-5a4ea84-font-family:"Crimson Pro";--e-global-typography-5a4ea84-font-size:0.7em;--e-global-typography-5a4ea84-font-weight:400;--e-global-typography-5a4ea84-text-transform:capitalize;background-color:var( --e-global-color-4c81131 );color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-73 button,.elementor-kit-73 input[type="button"],.elementor-kit-73 input[type="submit"],.elementor-kit-73 .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );font-style:var( --e-global-typography-accent-font-style );text-decoration:var( --e-global-typography-accent-text-decoration );color:var( --e-global-color-8109253 );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:none;border-radius:0px 0px 0px 0px;padding:20px 60px 20px 60px;}.elementor-kit-73 e-page-transition{background-color:#FFBC7D;}.site-footer{background-color:var( --e-global-color-secondary );}.elementor-kit-73 a{color:#003D4C;text-decoration:underline;}.elementor-kit-73 a:hover{color:#D84D2B;}.elementor-kit-73 h3{color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );text-transform:var( --e-global-typography-secondary-text-transform );font-style:var( --e-global-typography-secondary-font-style );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-73 button:hover,.elementor-kit-73 button:focus,.elementor-kit-73 input[type="button"]:hover,.elementor-kit-73 input[type="button"]:focus,.elementor-kit-73 input[type="submit"]:hover,.elementor-kit-73 input[type="submit"]:focus,.elementor-kit-73 .elementor-button:hover,.elementor-kit-73 .elementor-button:focus{color:var( --e-global-color-8109253 );}.elementor-kit-73 input:not([type="button"]):not([type="submit"]),.elementor-kit-73 textarea,.elementor-kit-73 .elementor-field-textual{font-family:"Poppins", Sans-serif;font-size:14px;text-transform:capitalize;color:#000000;background-color:rgba(255, 255, 255, 0);border-style:solid;border-width:1px 1px 1px 1px;border-color:#000000;border-radius:0px 0px 0px 0px;transition:500ms;}.elementor-kit-73 input:focus:not([type="button"]):not([type="submit"]),.elementor-kit-73 textarea:focus,.elementor-kit-73 .elementor-field-textual:focus{border-style:solid;border-width:1px 1px 1px 1px;border-color:#D84D2B;border-radius:0px 0px 0px 0px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1490px;}.e-con{--container-max-width:1490px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-header .site-branding .site-logo img{width:25%;max-width:25%;}.site-footer .site-branding .site-logo img{width:23%;max-width:23%;}footer .footer-inner .site-navigation a{color:var( --e-global-color-primary );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );line-height:var( --e-global-typography-text-line-height );}.site-footer .copyright p{font-family:"Crimson Pro", Sans-serif;font-size:1em;font-weight:400;}@media(max-width:1024px){.elementor-kit-73{--e-global-typography-primary-font-size:46px;--e-global-typography-primary-line-height:1em;--e-global-typography-secondary-font-size:4em;--e-global-typography-text-font-size:14px;--e-global-typography-text-line-height:22px;--e-global-typography-accent-font-size:16px;--e-global-typography-eaee1fa-font-size:90px;--e-global-typography-eaee1fa-line-height:1em;--e-global-typography-eaee1fa-letter-spacing:1.1px;--e-global-typography-3831432-font-size:16px;--e-global-typography-ed2b76a-font-size:14px;--e-global-typography-ed2b76a-line-height:23px;--e-global-typography-b1d7f3b-font-size:14px;--e-global-typography-20b4326-font-size:16px;--e-global-typography-175ae32-font-size:14px;--e-global-typography-175ae32-line-height:22px;--e-global-typography-3d97622-font-size:13px;--e-global-typography-5a4ea84-font-size:13px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-73 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-73 button,.elementor-kit-73 input[type="button"],.elementor-kit-73 input[type="submit"],.elementor-kit-73 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-73 input:not([type="button"]):not([type="submit"]),.elementor-kit-73 textarea,.elementor-kit-73 .elementor-field-textual{font-size:13px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}footer .footer-inner .site-navigation a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-kit-73{--e-global-typography-primary-font-size:38px;--e-global-typography-secondary-font-size:3em;--e-global-typography-eaee1fa-font-size:65px;--e-global-typography-b1d7f3b-font-size:14px;--e-global-typography-3d97622-font-size:12px;--e-global-typography-5a4ea84-font-size:12px;font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-73 h3{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-73 button,.elementor-kit-73 input[type="button"],.elementor-kit-73 input[type="submit"],.elementor-kit-73 .elementor-button{font-size:var( --e-global-typography-accent-font-size );}.elementor-kit-73 input:not([type="button"]):not([type="submit"]),.elementor-kit-73 textarea,.elementor-kit-73 .elementor-field-textual{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}footer .footer-inner .site-navigation a{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}/* Start custom CSS */:root{ --cl-dark: #073841; /* your deep teal */ --header-h: 88px; /* desktop header height */ } .site-header{ background: transparent; transition: background-color .25s ease, box-shadow .25s ease, backdrop-filter .25s ease; } /* When sticky effect kicks in, add color/blur */ .elementor-sticky--effects .site-header{ background: rgba(7,56,65,.9); /* solid/near-solid */ box-shadow: 0 6px 18px rgba(0,0,0,.12); backdrop-filter: saturate(120%) blur(6px); /* tasteful glass effect */ } /* Mobile header height */ @media (max-width: 767px){ :root{ --header-h: 64px; } } /* ======================================================= Charter Line Foodservice Background Texture Styles ======================================================= */ /* Brand colors */ :root { --cl-dark: #073841; /* deep teal */ --cl-water: #95D7DF; /* light blue */ --cl-white: #ffffff; } /* ------------------------------------------------------- Light Blue – repeating triangles + top fade Add class: bg-light-tris ------------------------------------------------------- */ /* Columnar triangle pattern + top fade (CSS-only) */ .bg-light-tris--columns{ /* size of each triangle column */ --tri-w: 96px; /* width */ --tri-h: 96px; /* height */ background-color: var(--cl-water); /* Top solid → transparent fade of the SAME light blue */ background-image: linear-gradient(to bottom, rgba(149,215,223,1) 0%, rgba(149,215,223,0) 85%), /* Build columns: first make vertical stripes, then cut stripes into triangles with diagonals */ repeating-linear-gradient( to right, rgba(255,255,255,0.18) 0 var(--tri-w), rgba(255,255,255,0.18) var(--tri-w) calc(var(--tri-w) * 2) ), repeating-linear-gradient( 135deg, transparent 0 calc(var(--tri-h) / 2), rgba(255,255,255,0.10) calc(var(--tri-h) / 2) var(--tri-h) ), repeating-linear-gradient( 45deg, transparent 0 calc(var(--tri-h) / 2), rgba(255,255,255,0.10) calc(var(--tri-h) / 2) var(--tri-h) ); background-blend-mode: normal, multiply, normal, normal; background-size: 100% 100%, /* fade */ calc(var(--tri-w) * 2) 100%, /* columns width */ var(--tri-w) var(--tri-h), /* diag A */ var(--tri-w) var(--tri-h); /* diag B */ background-position: top left, 0 0, 0 0, var(--tri-w) 0; /* offset alternate column so triangles stack */ background-repeat: no-repeat, repeat, repeat, repeat; } .bg-light-tris--svg{ --tile: 120; /* base tile size in px; increase for larger triangles */ background-color: var(--cl-water); background-image: /* top fade in same light blue */ linear-gradient(to bottom, rgba(149,215,223,1) 0%, rgba(149,215,223,0) 85%), url("data:image/svg+xml;utf8,\ \ \ \ \ \ \ \ \ \ "); background-size: 100% 100%, calc(var(--tile) * 1px) calc(var(--tile) * 1px); background-position: top left, 0 0; background-repeat: no-repeat, repeat; } /* ------------------------------------------------------- Dark Blue – echoing triangles + top fade Add class: bg-dark-echo ------------------------------------------------------- */ .bg-dark-echo { background-color: var(--cl-dark); background-image: /* top fade overlay */ linear-gradient(to bottom, rgba(0,0,0,0.35), rgba(0,0,0,0) 60%), /* echo triangle layers */ linear-gradient(-45deg, rgba(255,255,255,0.08) 0 45%, transparent 45%), linear-gradient(-45deg, rgba(255,255,255,0.06) 0 60%, transparent 60%), linear-gradient(-45deg, rgba(255,255,255,0.04) 0 75%, transparent 75%); background-repeat: no-repeat, no-repeat, no-repeat, no-repeat; background-size: 100% 100%, 160% 100%, 160% 100%, 160% 100%; background-position: top left, 10% 0, 35% 0, 60% 0; }/* End custom CSS */