/*COLORS Montserrat #1F2b4a -dkblue- #238FBE -ltblue- text must be bold. #e03c31 -red- text must be bold #13958d -teal- text must be bold #689400 -green- text must be bold #DB6300 -orange- text must be bold #9D8558 -gold- text must be bold #EB0071 - ltberry #A50050 - dkberry / berry #83bd41 - ltgreen #000 - black #efefef - GRAY BG #002449 - LOGO BLUE #004677 - CONTENT BLUE #009DDB - BRIGHT BLUE #0092CC - UPDATED BRIGHT BLUE (20250421) #f2f2f2 - NEW GRAY/SILVER */ .banner{overflow:hidden;background-color:#002449;background-size:cover;} .banner .bg{width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;position:relative;} .banner .wrapper{/*background-color:rgba(31,43,74,.95);*/background-color:transparent;padding:32px 0;text-align:left;color:#fff;} .banner h1{font-size:3rem;font-family:Montserrat;font-weight:300;line-height:1.25;text-transform:uppercase;overflow:visible;} .banner h1.long{font-size:2.688rem;} .banner h2{font-size:1.25rem;color:#fff;line-height:1.25;margin-bottom:4px;font-family:Montserrat;max-width:800px;font-weight:500;} .banner h1 + h2{font-size:1.5rem;} .banner p{font-size:1.188rem;max-width:760px;margin-bottom:0px;font-weight:300;} .banner.l2 .bg {/*padding-top: 176px;*/padding-top:112px;} .banner.l2.rlogo .col_two_third{position:relative;} .banner.l2.rlogo .col_two_third:after{content:'';display:block;width:2px;height:75%;position:absolute;right:-48px;top:12.5%;background-color:#fff;} .banner.l2.rlogo .bulogo{margin-bottom:0px;padding-right:0px;padding-left:48px;position: relative;top: 50%;transform: translateY(-50%);} .banner.l2.rlogo .bulogo svg{fill:#fff;} .banner.l2.rlogo h2{font-size:1.5rem;} .banner.l2.rlogo .col_one_third { width: 25.63%; height:100%; position:relative;;} .banner.l2.rlogo .col_two_third { width: 70.33%; height:100%;} .banner.l2 .bg {background-image:url(../img/banners/banner-services.png) !important;} /* IDC-CWS change m7/08/2025 */ .banner.l4{background-image:url(../img/banners/banner-solutions.png) !important;padding-top:112px;height:auto;overflow:visible;} .banner.l4 .wrapper{background-color:transparent;padding:0px;} .banner.l4 .wrapper .container .logo:first-child{float:left;max-height: 159px;} .banner.l4 .wrapper .container .logo:first-child:after{content:'';display:inline-block;width:2px;height:80px;margin: 0 32px;position:relative;top:-40px;background-color:#fff;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:2rem;text-transform:none;line-height:40px;padding:40px 0;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;} .banner.l4 .wrapper .container .logo:first-child svg{height: 160px;padding: 45px 0px;} .banner.l4 .wrapper .container > h1:first-child{padding:32px 0;} /* IDC commented */ /* .banner.l4 h1{line-height:160px;} */ .banner.l4 h1.multiline{font-size:2.625rem;line-height:50px;padding:30px 0;} .banner.l4.lp{padding-top:90px;height:250px;} .banner.l4.lp h1{line-height: 42px;margin-top:48px;text-transform:none;} .banner.l4.lp span {font-size: 1.375rem;} /*LEVEL 3 BANNERS DECIDE IF TO LAZYLOAD OR NOT*/ .banner.l3 .bg{padding-top:112px;} .banner.green .bg{background-image:url(../img/banners/banner-marketing.png) !important;} .banner.orange .bg{background-image:url(../img/banners/banner-solutions.png) !important;} .banner.ltblue .bg{background-image:url(../img/banners/banner-supplychain.png) !important;} .banner.gold .bg{background-image:url(../img/banners/banner-contact.png) !important;} .banner.berry .bg{background-image:url(../img/banners/banner-print.png) !important;} .banner.red .bg{background-image:url(../img/banners/banner-about.png) !important;} .banner.teal .bg{background-image:url(../img/banners/banner-packaging.png) !important;} .banner.gold{color:#bea473;} /*BUSINESS UNIT LOGOS*/ .bulogo{width:100%;margin-bottom:32px;max-width:286px;float:right;padding-right:48px;} .bulogo:after{content:'';display:block;clear:both;float:none;} .bulogo svg{fill:#002449;width:100%;} /* body.green .bulogo svg .st0{fill:#004677;} body.berry .bulogo svg .st0{fill:#004677;} body.ltblue .bulogo svg .st0{fill:#004677;} body.ltblue .bulogo svg .st1{fill:#FDBC3B;} body.gold .bulogo svg .st0{fill:#004677;} body.red .bulogo svg .st0{fill:#004677;} body.teal .bulogo svg .st0{fill:#004677;} body.orange .bulogo svg .st0{fill:#004677;} */ #content img.headshot {border: 2px solid #004677;border-radius: 50%;max-width: 192px;display:block;margin:0px auto;} #content img.headshot.green{border-color:#004677;} #content img.headshot.berry{border-color:#004677;} #content img.headshot.ltberry{border-color:#004677;} #content img.headshot.ltblue{border-color:#004677;} #content img.headshot.gold{border-color:#004677;} #content img.headshot.red{border-color:#004677;} #content img.headshot.teal{border-color:#004677;} #content img.headshot.orange{border-color:#004677;} #content .bulogo+.sidenav ul li:first-child a{ border-top:1px Solid #004677; padding-top:8px; clear:both } /* body.green #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.berry #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.ltblue #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.gold #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.red #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.teal #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } body.orange #content .bulogo+.sidenav ul li:first-child a{ border-color:#004677 } */ /*##################################################################################################################################################################################### #### SECONDARY NAV ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.secondary{width:100%;background-color:#f2f2f2;text-align:left;} nav.secondary{background: linear-gradient(90deg, rgba(166,221,242,1) 0%, rgba(203,237,239,1) 15%, rgba(242,242,242,1) 47.5%, rgba(242,242,242,1) 52.5%, rgba(203,237,239,1) 85%, rgba(166,221,242,1) 100%);} nav.secondary ul, nav.secondary ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.secondary ul li{display:inline-block;} nav.secondary ul li a sup{position:absolute;} /* IDC 08/01/2025 font weight change */ nav.secondary ul li a{display:block;color:#004677;text-decoration:none;line-height:48px;font-weight:normal;font-size:1.188rem;position:relative;transition:all .25s ease-in-out;margin:0 12px;} nav.secondary ul li a span{display:none;} nav.secondary ul li a:after{content:'';height:1px;display:block;background-color:#009DDB;width:0%;position:absolute;bottom:8px;left:50%;} nav.secondary ul li a:after{transition:all .25s ease-in-out;} nav.secondary ul li a:hover:after{width:100%;left:0;} nav.secondary ul li a.current:after{width:100%;left:0;} nav.secondary.sticky{position:fixed;top:92px;left:0px;z-index:998;box-shadow:0px 8px 16px rgba(0,0,0,.35);} nav.secondary div ul:first-child li:first-child{position:relative;text-transform:uppercase;} nav.secondary div ul:first-child li:first-child a{margin-left:0px;} /*nav.secondary div ul:first-child li:first-child:after{content:'';display:block;position:absolute;top:18px;left:100%;width: 0px;height: 0px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #009DDB;z-index:1;}*/ nav.secondary div ul:first-child li:first-child:after{content:'>';display:block;position:absolute;top:14px;left:100%;height:8px;width:14px;} nav.secondary div ul:first-child li:first-child:after{content:url('data:image/svg+xml,');} nav.secondary div ul:first-child li:first-child + li{padding-left:16px;} body.green nav.secondary ul li a:hover, body.green nav.secondary ul li a.current{color: #004677;} body.berry nav.secondary ul li a:hover, body.berry nav.secondary ul li a.current {color: #004677;} body.ltblue nav.secondary ul li a:hover, body.ltblue nav.secondary ul li a.current{color: #004677;} body.gold nav.secondary ul li a:hover, body.gold nav.secondary ul li a.current {color: #004677;} body.red nav.secondary ul li a:hover, body.red nav.secondary ul li a.current{color: #004677;} body.teal nav.secondary ul li a:hover, body.teal nav.secondary ul li a.current{color: #004677;} body.orange nav.secondary ul li a:hover, body.orange nav.secondary ul li a.current{color: #004677;} nav.secondary ul li ul{display:none;} /*UPDATE FOR EXPANDABLE STICKY MENU*/ nav.secondary ul.expandable + ul{display:none;} nav.secondary ul.expandable + ul li:first-child a{padding-left:0px;text-transform:none;} /* IDC KM 20250711 font-family removed [Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"]*/ nav.secondary ul.expandable li.expandSecondaryNav a{background-color:#004677;height:24px;line-height:24px;font-weight:bold;text-align:center;border-radius:2px;color:#fff;position:relative;top:-2px;width:128px;font-size:0.875rem;text-align:center;text-transform:uppercase;} nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#009DDB;color:#fff;} nav.secondary ul.expandable li.expandSecondaryNav a:after{display:none;} /* body.teal nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} body.ltblue nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} body.red nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} body.berry nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} body.green nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} body.orange nav.secondary ul.expandable li.expandSecondaryNav a:hover{background-color:#004677;color:#fff;} */ nav.secondary ul.expandable + ul li.rowbreak a {padding-left:0px;} /* nav.secondary ul.expandable + ul li.rowbreak:before{content:'';clear:both;display:block;width:500px;} nav.secondary ul.expandable + ul li.rowbreak + li a {padding-left:0px;} */ /*##################################################################################################################################################################################### #### CRUMB BAR ########################################################################################################################################################################### ####################################################################################################################################################################################*/ nav.crumb{background-color:#fff;} /* IDC CODE - 20250806 */ nav.crumb .wrapper.dkblue{background-color: #002449;} nav.crumb .wrapper.dkblue ul li{color: #fff;} nav.crumb .wrapper.dkblue ul li a{color: #fff;} nav.crumb .wrapper.dkblue ul li:after{color: #fff;} nav.crumb ul, nav.crumb ul li{display:block;list-style:none;padding:0;margin:0;line-height:1;} nav.crumb ul li{display:inline-block;color:#555555;line-height:48px;font-size:0.875rem;} nav.crumb ul li a{color:#002449;text-decoration:none;} nav.crumb ul li a:hover{text-decoration:underline;} nav.crumb ul li:after {content: '/';color: rgba(0,0,0,1);display: inline-block;margin: 0px 8px;} nav.crumb ul li:last-child:after{display:none;} /*##################################################################################################################################################################################### #### CONTENT ELEMENTS ########################################################################################################################################################################### ####################################################################################################################################################################################*/ #content ul.ltblue li:before{background-color:#004677;border-color:#004677;} #content ul.dkblue li:before{background-color:#004677;border-color:#004677;} #content ul.teal li:before{background-color:#004677;border-color:#004677;} #content ul.red li:before{background-color:#004677;border-color:#004677;} #content ul.gold li:before{background-color:#004677;border-color:#004677;} #content ul.orange li:before{background-color:#004677;border-color:#004677;} #content ul.green li:before{background-color:#004677;border-color:#004677;} #content ul.white li:before{background-color:#fff;border-color:#fff;} #content ul.berry li:before{background-color:#004677;border-color:#004677;} #content ul.ltberry li:before {background-color: #004677;border-color: #004677;} #content p.nobottommargin, #content h2.nobottommargin, #content h3.nobottommargin, #content h4.nobottommargin, #content h5.nobottommargin{margin-bottom:0px;} #content ul.col3 li{display:inline-block;width:33%;} #content ul.col3 li.extend{width:66%;} #content ol{padding:0px;padding-left:20px;} #content ol > li{padding-left:12px;font-size:1.188rem;margin-bottom:8px;} #content ol > li:last-child{margin-bottom:0px;} #content .overlap.nopadding{padding-top:0;} .overlap blockquote{font-size:1.188rem;color:#fff;padding:0px 20px 0px 34px;text-align:left;position:relative;} .overlap blockquote + p{padding-left:32px;} /*.overlap blockquote:before{content: "\201C";color:#fff;display:block;font-size:100px;width:60px;height:60px;text-align:right;position:relative;left:-60px;top:15px;} */ /*.overlap blockquote:before{content: "\201C";color:#fff;display:block;font-size:6.25rem;width:60px;height:60px;position:absolute;top:-42px;left:0;/*text-align:right;position:absolute;left:-60px;top:15px;} /* IDC CODE - 5/02/2025 color change */ #content .overlap blockquote:before{display:block;width:25px;height:49px;left:0;top:0;position:absolute;} #content .overlap blockquote:before{content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 124 118.1'%3E%3Cpath style='fill:%23ffffff;' d='M71.8,118.1V61.8c-0.2-8.1,0.9-15.7,3.5-22.8c2.6-7.1,6.2-13.4,10.9-18.8c4.7-5.4,10.2-9.9,16.7-13.4 C109.3,3.3,116.4,1,124,0v24.3c-9.3,3.2-15.7,7.9-19.1,14.2c-3.4,6.3-5.2,13.9-5.2,23H124v56.7L71.8,118.1L71.8,118.1z M0,118.1 V61.8C-0.2,53.7,1,46.1,3.5,39c2.6-7.1,6.2-13.4,10.9-18.8c4.7-5.4,10.2-9.9,16.7-13.4C37.6,3.3,44.7,1,52.3,0v24.3 c-9.3,3.2-15.7,7.9-19.1,14.2c-3.4,6.3-5.2,13.9-5.2,23h24.3v56.7L0,118.1L0,118.1z'/%3E%3C/svg%3E"); } #content .overlap blockquote:after{content:'”'} /* IDC CODE - 24/4/2025 color change*/ .overlap blockquote.berry:before{color:#ffffff;} .overlap blockquote.ltberry:before{color:#ffffff;} .overlap blockquote.dkblue:before{color:#ffffff;} .overlap blockquote.red:before{color:#ffffff;} .overlap blockquote.ltblue:before{color:#ffffff;} .overlap blockquote.teal:before{color:#ffffff;} .overlap blockquote.orange:before{color:#ffffff;} .overlap blockquote.gold:before{color:#ffffff;} .overlap blockquote.ltgreen:before{color:#ffffff;} @media (max-width: 420px) { /* IDC commented */ /*.overlap blockquote{padding:0px;} .overlap blockquote:before{font-size:5rem;left:-56px;} */ .overlap blockquote.small{font-size:1.313rem;} #content .overlap blockquote + p{padding-left:0px;margin-top:16px;} } /*##################################################################################################################################################################################### #### BUTTONS ########################################################################################################################################################################### ####################################################################################################################################################################################*/ a.button:focus, a.button:active{outline:0;} a.button{outline:0;display: inline-block;text-decoration:none;font-size: 1.175rem;text-transform: uppercase;font-family: Montserrat;padding: 0 1.5rem;line-height: 3rem;letter-spacing: 2px;transition: all .25s ease-in-out;color: #fff;text-align:center;font-weight:700;} /* IDC CODE - 24/4/2025 */ #content p a.button, a.button{background-color:#fff;color:#004677;border:2px solid #004677;transition:all .25s ease-in-out;line-height: 1.25;padding: 16px 32px;} /* IDC CODE - 23/4/2025 line hight change newsroom page*/ .newsroom a.button {line-height: 1.5rem;} #content #packaging-solutions p a.button {line-height: 1.25;padding: 16px 48px;} #content p a.button:hover, #content p a.button:focus, a.button:hover,a.button:focus{background-color:#004677;color:#fff;} #content .overlap .wrapper p a.button{background-color:transparent;color:#fff;border:2px solid #fff;transition:all .25s ease-in-out;} #content .overlap .wrapper p a.button:hover, #content .overlap .wrapper p a.button:focus{background-color:#fff;color:#002449;} /* IDC CODE */ body.berry #content ul.sidetabs li p a:hover {color: #fff;} /* a.button.dkblue{background-color:#009DDB;} a.button.red{background-color:#009DDB;} a.button.ltblue{background-color:#009DDB;} a.button.teal{background-color:#009DDB;} a.button.orange{background-color:#009DDB;} a.button.gold{background-color:#009DDB;} a.button.green{background-color:#009DDB;} a.button.berry{background-color:#009DDB;} */ /* IDC CODE changes - removed !important */ a.button.white{background-color:#fff;color: #004677} /* a.button{margin:4px;margin-top:8px;margin-left:0px;transition:all .25s ease-in-out;position:relative;border:0px Solid red;z-index:99;} a.button:hover,a.button:focus{border:4px Solid red;margin:0px;margin-top:4px;transition:all .25s ease-in-out;margin-left:-4px;} */ /* a.button.hgreen{border-color:#009DDB;} a.button.horange{border-color:#009DDB;} a.button.hteal{border-color:#009DDB;} a.button.hred{border-color: #009DDB;} a.button.hwhite{border-color:#fff;} a.button.hdkblue{border-color:#009DDB;} a.button.hberry{border-color:#009DDB;} a.button.hgold{border-color:#009DDB;} a.button.hltblue{border-color:#009DDB;} */ iframe{border: 0;margin: 0;background-color: transparent;} .ctafooter iframe, iframe.mainform, iframe.pardot{height:725px !important;overflow:hidden;} /* ASK AN EXPERT / CHAT FLOATING BUTTON */ .askbox{cursor:pointer;text-decoration:none;width:300px;position:fixed;bottom:32px;right:48px;min-height:48px;z-index:999;border:4px Solid #004677;transition:all .25s ease-in-out;} .askbox.chat{width:224px;} #content .askbox img{cursor:pointer;display:block;max-width:80px;margin:0px auto;border-radius:50%;position:absolute;bottom:-20px;left:-42px;border:4px Solid #004677 ;transition:all .25s ease-in-out;} .askbox .asktitle{background-color:#004677;color:#fff;min-height:40px;padding-left:48px;transition:all .25s ease-in-out;} #content .askbox .asktitle h3{line-height:40px;color:#fff;font-size:1.5rem;margin:0px;font-weight:bold;margin-bottom:0;padding-top:0px;} #content .askbox .asktitle h3 + strong{display:block;font-size:1.188rem;color:#ffffff;height:0px;overflow:hidden;opacity:0;line-height:24px;width:0px;transition:all .5s ease-in-out;margin-top:-5px;} #btnAsk, #btnChat{text-decoration:none;display:block;width:64px;height:50px;position:absolute;top:-24px;right:-32px;} #btnAsk:after, #btnChat:after{content:'?';display:block;width:64px;height:44px;line-height:40px;position:absolute;top:0px;right:0px;text-align:center;color:#fff;font-size:1.75rem;padding-top:0px;font-weight:bold;font-family:Montserrat;transition:all .25s ease-in-out;} #btnAsk svg,#btnChat svg{fill:#004677;} #btnChat:after{content:'+';display:block;line-height:44px;font-size:2rem;} .askbox #btnAsk svg{transition:all .25s ease-in-out;} .askbox #btnAsk:after{transition:all .25s ease-in-out;} .askbox.invert #btnAsk svg{fill:#FFF;} .askbox.invert #btnAsk:after{color:#FFF;} .askbox.invert #btnAsk:after{color:#004677;} .askbox:hover .asktitle{background-color:#004677 !important;} .askbox:hover{border-color:#004677 !important;} .askbox:hover img{border-color:#004677 !important;} .askbox.invert:hover .asktitle{background-color:#fff !important;} .askbox.invert:hover{border-color:#fff !important;} .askbox.invert:hover img{border-color:#fff !important;} #content .askbox.invert:hover .asktitle h3{color:#004677;} /* DELETE THIS LATER body.green #content .askbox{border-color:#004677;} body.green #content .askbox .asktitle{background-color:#004677;} body.green #content .askbox img{border-color:#004677;} body.green .askbox:hover #btnAsk svg{fill:#004677;} body.berry #content .askbox{border-color:#004677;} body.berry #content .askbox .asktitle{background-color:#004677;} body.berry #content .askbox img{border-color:#004677;} body.berry .askbox:hover #btnAsk svg{fill:#004677;} body.ltblue #content .askbox{border-color:#004677;} body.ltblue #content .askbox .asktitle{background-color:#004677;} body.ltblue #content .askbox img{border-color:#004677;} body.ltblue .askbox:hover #btnAsk svg{fill:#004677;} body.teal #content .askbox{border-color:#004677;} body.teal #content .askbox .asktitle{background-color:#004677;} body.teal #content .askbox img{border-color:#004677;} body.teal .askbox:hover #btnAsk svg{fill:#004677;} body.orange #content .askbox{border-color:#004677;} body.orange #content .askbox .asktitle{background-color:#004677;} body.orange #content .askbox img{border-color:#004677;} body.orange .askbox:hover #btnAsk svg{fill:#004677;} body.gold #content .askbox{border-color:#004677;} body.gold #content .askbox .asktitle{background-color:#004677;} body.gold #content .askbox img{border-color:#004677;} body.gold .askbox:hover #btnAsk svg{fill:#004677;} body.red #content .askbox{border-color:#004677;} body.red #content .askbox .asktitle{background-color:#004677;} body.red #content .askbox img{border-color:#004677;} body.red .askbox:hover #btnAsk svg{fill:#004677;} body.red #content .askbox #btnChat:hover:after{color:#004677;} */ .askform{background-color:#fff;display:block;height:0px;overflow:hidden;box-sizing:border-box;transition:all .5s ease-in-out;padding:0px 24px;} .askbox.active .askform{height:500px;padding:24px;padding-bottom:56px;} .askbox.active #btnAsk:after{content:'-';margin-top:-2px;} .askbox.active #btnChat:after{content:'-';margin-top:-2px;} .askbox.active{width:476px;} #content .askbox.active .asktitle h3 + strong{height:26px;opacity:1;width:100%;} #content .askbox.active img{max-width:88px;left:-48px;bottom:-18px;} /*VERTICAL DIVIDERS*/ .col_half.dividerright{border-right:1px Solid #009DDB;padding-right:8%;} .col_half.dividerright + .col_half.col_last{padding-left:4%;border:none;} .col_two_third.dividerright{border-right:1px Solid #009DDB;padding-right:8%;} .col_two_third.dividerright + .col_one_third{padding-left:4%;} .col_three_fifth.dividerright{border-right:1px Solid #009DDB;padding-right:8%;} .col_three_fifth.dividerright + .col_two_fifth{padding-left:4%;} .col_three_fourth.dividerright{border-right:1px Solid #009DDB;padding-right:8%;} .col_three_fourth.dividerright + .col_one_fourth{padding-left:4%;} .col_one_third.dividerright{border-right:1px Solid #009DDB;padding-right:8%;} .col_one_third.dividerright + .col_two_third{padding-left:4%;} .col_one_third.dividerright + .col_one_third{padding-left:4%;} .col_one_third.dividerright.small{padding-right:2%;margin-right:2%;padding-left:2%;} .col_one_third.dividerright.small + .col_one_third.col_last{padding-left:2%;padding-right:2%;} .section.dkblue p{color:#fff;} /* IDC - All light gray borders should be changed to 1px in size and made #009DDB - BRIGHT BLUE. */ #content hr {border: none;display: block;width: 100%;margin: 32px auto;background-color: #009DDB;height: 1px;clear: both;} /*HIDE POTENTIAL CONNECT BUTTONS*/ #content .ctafooter p strong.arrow{display:none;} /*ASK AN EXPERT FORM*/ #expertform img{display:block;height:96px;width:96px;border-radius: 50%;border: 4px Solid #004677;float:left;margin-right:16px;} #expertform h3{margin-bottom:4px;line-height:1;padding-top:15px} #expertform h3 + strong{font-size:1.5rem;} #expertform img.green {border-color:#004677;} #expertform img.berry {border-color:#004677;} #expertform img.teal {border-color:#004677;} #expertform img.ltblue {border-color:#004677;} #content .col_one_third img:first-child{margin-bottom:1rem;} #content .col_one_third p:last-child{margin-bottom:0;} .vcenter {position: absolute;top: 50%;transform: translateY(-50%);} @media (max-width: 1150px) { .banner h1.long{margin-top:28px;width:75%;font-size:2.625rem;line-height:1.25;} } @media (max-width: 1112px) { nav.secondary .container,nav.crumb .container{padding-left:32px;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:1.5rem;line-height:36px;padding:44px 0;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;padding:40px 0;} } @media (max-width: 1024px) { nav.secondary ul li a:after{display:none;} nav.secondary ul li a{margin:0;} .banner.l2 .bg{padding-top:0px;top:0px !important;} .banner.l3 .bg{padding-top:32px;top:0px !important;} nav.crumb{display:none;} .banner h1.long{margin-top:0px;width:100%;} .banner h1{font-size:2.625rem;} .banner h2{font-size:1.5rem;} /* IDC -CWS M7/08/2025 */ .banner.l4{padding:0px;height:auto;top:0px !important;overflow:visible;} .banner.l4 .wrapper .container .logo:first-child{height:128px;} .banner.l4 .wrapper .container .logo:first-child img{height:100%;} .banner.l4 .wrapper .container .logo:first-child + h1{font-size:1.5rem;line-height:36px;padding:28px 0;} .banner.l4 .wrapper .container .logo:first-child:after{top:-24px;} .banner.l4 .wrapper .container .logo.singleline:first-child + h1{line-height:80px;padding:24px 0;} .banner.l4{position:relative;} .banner.l4 .wrapper, .banner.l4 .wrapper .container{height:100%;position:relative;} .banner.l4 h1:first-child{line-height:1.25;display:block;font-size:2.25rem;position: relative;top: 50%;transform: perspective(1px) translateY(-50%);} #content .askbox{display:none;} #content .askbox.chat{display:block;} nav.secondary {display:block;height:48px;overflow:hidden;position:relative;} nav.secondary .container{padding:0px;} /* IDC code 08/01/2025 content text changed*/ nav.secondary ul:before{display:block;content:'Learn more';height:48px;color:#004677;font-size:1.188rem;line-height:48px;text-align:left;font-weight:bold;cursor:pointer;padding:0 32px;} /* IDC code 08/01/2025 color change*/ nav.secondary:after{content:'\25BC';display:block;height:48px;width:48px;position:absolute;top:0px;right:16px;font-size:1.25rem;line-height:48px;text-align:center;color:#E93D58;pointer-events:none;} nav.secondary.active:after{content:'\25B2';} nav.secondary ul li a{line-height:1.5;display:block;width:100%;padding-left:32px;padding-top:10px;padding-bottom:10px;} nav.secondary ul li:first-child, nav.secondary ul li:first-child + li, nav.secondary ul li{display:block;margin:0px;padding:0;font-weight:normal;border:none;line-height:48px;float:none;text-transform:capitalize;border-top:2px Solid #fff;} nav.secondary > .container > ul > li:first-child > a{text-transform:uppercase;} nav.secondary ul li:first-child ul li > a{text-transform:capitalize;} nav.secondary.active{height:auto !important;} nav.secondary ul li:first-child a{padding-left:32px;} nav.secondary ul.expandable + ul li.rowbreak a {padding-left:32px;} nav.secondary ul li a.current + ul{display:block;} nav.secondary ul li a.current + ul:before{display:none;} /*nav.secondary ul li a.current + ul li a{padding-left:48px;}*/ nav.secondary ul li a.current + ul li ul a{padding-left:72px;} nav.secondary div ul:first-child li:first-child a {padding-right: 0;padding-left: 32px;} nav.secondary div ul:first-child li:first-child+li {padding-left: 0;} nav.secondary.sticky {position: relative;top: auto;left: auto;z-index: 0;box-shadow: none;} nav.secondary ul.expandable + ul li:first-child a{padding-left:32px;text-transform:none;} nav.secondary ul.expandable li.expandSecondaryNav{display:none;} nav.secondary ul.expandable + ul{display:block;} nav.secondary ul.expandable + ul:before{display:none;} nav.secondary ul li ul{padding-left:16px;text-transform:none;} nav.secondary ul li ul li a{text-transform:none !important;} nav.secondary ul.expandable + ul br{display:none;} #content .section .container .col_two_third.dividerright {padding-right: 4%;} #content .section .container .col_two_third.dividerright+.col_one_third.col_last{padding-left:0%;} nav.secondary{background:#f2f2f2;} nav.secondary ul:before{background: linear-gradient(90deg, rgba(166,221,242,1) 0%, rgba(203,237,239,1) 15%, rgba(242,242,242,1) 47.5%, rgba(242,242,242,1) 52.5%, rgba(203,237,239,1) 85%, rgba(166,221,242,1) 100%);} } @media (max-width: 865px){ .imgleft .col_half{ width: 30.63%; } .imgleft .col_half.col_last{ width: 65.33%; } .imgright .col_half{ width: 65.33%; } .imgright .col_half.col_last{ width: 30.63%; } .ctafooter .col_one_third, .ctafooter .col_two_third {float: none;width: 100%;margin: 0;clear: both;} .banner.l4 .wrapper .container .logo:first-child:after {top: -12px;} } @media (max-width: 760px) { .w600 {max-width: 100%;} .container .col_one_third.col_last .sidenav{display:none;} .banner h1, .banner h1.long{font-size:2rem;} nav.secondary div ul:first-child li:first-child a{padding-right:0px;padding-left:16px;} nav.secondary ul:before, nav.secondary ul li:first-child a, nav.secondary ul li a{padding-left:16px;} nav.secondary ul.expandable + ul li.rowbreak a {padding-left:16px;} nav.secondary ul li a.current + ul{display:block;} /*nav.secondary ul li ul li:first-child a, nav.secondary ul li ul li a{padding-left:32px;}*/ nav.secondary ul li ul:before{display:none;} /*nav.secondary ul li a.current + ul li a{padding-left:32px;}*/ nav.secondary ul li a.current + ul li ul a{padding-left:48px;} nav.secondary ul.expandable + ul li:first-child a{padding-left:16px;text-transform:none;} #content .col_half, #content .col_three_fourth, #content .col_one_fourth{display:block;float:none;width:100%;clear:both;margin-right:0px;margin-bottom:32px;height:auto !important;} #content .col_half.col_last{margin-bottom:0px;} #content .col_half ul:last-child{margin-bottom:0px;} .imgright .container, .imgright.container{display:flex;flex-direction: column-reverse;} .imgright .container img, .imgright.container img{display:block;margin-bottom:32px;} .imgright > .col_three_fifth:first-child, .imgright > .col_three_fifth:first-child + .col_two_fifth{display:block;float:none;margin:0px;padding:0px;width:100%;} #content .imgright .col_half{margin-bottom:0px;overflow:hidden;} #content .col_half p:last-child{margin-bottom:0px;} .banner.l2.rlogo .container{display:flex;flex-direction: column-reverse;} .banner.l2.rlogo .container .col_two_third:after{display:none;} .banner.l2.rlogo .container .col_one_third, .banner.l2.rlogo .col_two_third{float:none;margin:0px;padding:0px;display:bock;clear:both;width:100%;height:auto !important;} .banner.l2.rlogo .container .bulogo{float:none;padding-left:0px;position: static;top:0;transform:none;max-width:200px;margin-bottom:16px;} #content .section .container .col_one_third, #content .section .container .col_two_third{width:100%;display:block;float:none;clear:both;margin-bottom:0;margin-bottom:2rem;height:auto !important;border-right:none !important;} #content .section .container .col_last{margin-bottom:0px !important;} .col_half.dividerright{padding-right:0px;border-right:none;} .col_half.dividerright + .col_half.col_last, .col_two_third.dividerright + .col_one_third{padding-left:0px;} .col_three_fifth.dividerright{width:100%;clear:both;float:none;margin-bottom:32px;border-right:none;height:auto !important;} .col_three_fifth.dividerright + .col_two_fifth{width:100%;clear:both;float:none;margin-bottom:0px;padding-left:0px;height:auto !important;} #content .imgintro .container .col_two_third + .col_one_third.col_last {display: none;} #content .logointro .container .col_two_third.dividerright + .col_one_third.col_last{display: none;} .tcenter{text-align:left;} .vcenter{position:static;top:auto;transform:none;} .container+.container {margin-top: 32px;} .mnobottommargin{margin-bottom:0px !important;} #content .section:not(:first-child) .col_two_fifth, #content .section:not(:first-child) .col_three_fifth {width: 100%;float: none;clear: both;margin: 0px;} .section:not(:first-child) .csitem {margin-bottom: 32px!important;} .banner.l4 h1:first-child {line-height: 1.25;display: block;font-size: 2rem;position: static;transform: none;padding-top: 12px;} } @media (max-width: 560px){ .ctafooter iframe, iframe.mainform{height:1100px !important;} #content .askbox.active img{display:none;} #content .askbox.active .asktitle {padding:4px 12px 4px 12px;} #content .askbox.active #btnAsk{right:-8px;} #content .askbox.active{right:16px;width:calc((100%) - 32px);height:auto;} #content .askbox.active .asktitle h3 + strong{overflow:inherit;height:auto;display:inline;} #content .askbox.active .askform{padding-left:12px;padding-right:12px;} #content .askbox.active .asktitle h3{line-height:32px;} #expertform.ctafooter img{display:none;} #expertform.ctafooter h3+strong{font-size:1.25rem;display:block;border-bottom:2px Solid #CCC;padding-bottom:8px;margin-bottom:16px;} } @media (max-width: 435px){ .ctafooter iframe, iframe.mainform{height:1200px !important;} } @media (max-width: 760px){ /*NEED TO KEEP AN EYE ON THIS*/ #content .section:first-child:not(.imgintro):not(.logointro):not(.mnav) .col_two_third{width:100%;float:none;clear:both;margin:0px;padding-right:0px;border-right:0px; height:auto !important;} #content .section:first-child:not(.imgintro):not(.logointro):not(.mnav) .col_two_third + .col_one_third.col_last{width:100%;float:none;clear:both;margin:0px;margin-top:32px; height:auto !important;} } /*##################################################################################################################################################################################### #### POTENTIAL LEVEL 3 CODE ########################################################################################################################################################### #####################################################################################################################################################################################*/ .sidenav.alt{margin-top:16px;padding-top:16px;} #content .sidenav ul, #content.sidenav ul li{margin:0px;padding:0px;display:block;list-style:none;} #content .sidenav ul li{margin-bottom:6px;} /*#content .sidenav ul li:before{display:none;}*/ #content .sidenav ul li a{transition:all .25s ease-in-out;color:#004677;} /* #content .sidenav ul li a:before {display: block;content: '\25b8';color: #004677;position: absolute;margin-left: -24px;transition: all .25s ease-in-out;top:0px;} */ #content .sidenav:not(.alt) ul li:first-child{padding-left:0px;} #content .sidenav:not(.alt) ul li:first-child a{font-size:1.375rem;text-decoration:none;text-transform:uppercase !important;margin-bottom:8px;font-family:Montserrat;display:block;font-weight:600;letter-spacing:.5px;} #content .sidenav:not(.alt) ul li:first-child a:before{display:none;} #content .sidenav:not(.alt) ul li:first-child:before{display:none;} #content .sidenav ul li a:hover:before{transform:scale(1.5);} /* IDC CODE - 23/4/2025 commented code uncommented */ body.gold #content .sidenav ul li a{color:#004677;} body.gold #content .sidenav ul li a.current{color:#002449;text-decoration:none;} body.gold #content .sidenav ul li a:before{color:#002449;} body.gold #content .sidenav ul li a:hover{text-decoration:none;} /* IDC CODE - 24/4/2025 */ body.gold #content .sidenav ul li:first-child a{border-bottom:none;} body.gold #content .sidenav ul li:first-child a.current{color:#004677;} /* body.gold #content .sidenav ul li a{color:#004677;} body.gold #content .sidenav ul li a.current{color:#004677;} body.gold #content .sidenav ul li a:before{color:#004677;} body.gold #content .sidenav ul li a:hover{text-decoration:none;} body.gold #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.gold #content .sidenav ul li:first-child a.current{color:#004677;} body.green #content .sidenav ul li a{color:#004677;} body.green #content .sidenav ul li a.current{color:#004677;} body.green #content .sidenav ul li a:before{color:#004677;} body.green #content .sidenav ul li a:hover{text-decoration:none;} body.green #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.green #content .sidenav ul li:first-child a.current{color:#004677;} body.red #content .sidenav ul li a{color:#004677;} body.red #content .sidenav ul li a.current{color:#004677;} body.red #content .sidenav ul li a:before{color:#004677;} body.red #content .sidenav ul li a:hover{text-decoration:none;} body.red #content .sidenav:not(.alt) ul li:first-child a{border-bottom:2px Solid #004677;} body.red #content .sidenav:not(.alt) ul li:first-child a.current{color:#004677;} body.red #content .sidenav.alt{border-top:2px Solid #004677;} body.dkblue #content .sidenav ul li a{color:#004677;} body.dkblue #content .sidenav ul li a.current{color:#004677;} body.dkblue #content .sidenav ul li a:before{color:#004677;} body.dkblue #content .sidenav ul li a:hover{text-decoration:none;} body.dkblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.dkblue #content .sidenav ul li:first-child a.current{color:#004677;} body.ltblue #content .sidenav ul li a{color:#004677;} body.ltblue #content .sidenav ul li a.current{color:#004677;} body.ltblue #content .sidenav ul li a:before{color:#004677;} body.ltblue #content .sidenav ul li a:hover{text-decoration:none;} body.ltblue #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.ltblue #content .sidenav ul li:first-child a.current{color:#004677;line-height:25px;} body.teal #content .sidenav ul li a{color:#004677;} body.teal #content .sidenav ul li a.current{color:#004677;} body.teal #content .sidenav ul li a:before{color:#004677;} body.teal #content .sidenav ul li a:hover{text-decoration:none;} body.teal #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.teal #content .sidenav ul li:first-child a.current{color:#004677;} body.orange #content .sidenav ul li a{color:#004677;} body.orange #content .sidenav ul li a.current{color:#004677;} body.orange #content .sidenav ul li a:before{color:#004677;} body.orange #content .sidenav ul li a:hover{text-decoration:none;} body.orange #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.orange #content .sidenav ul li:first-child a.current{color:#004677;} body.berry #content .sidenav ul li a{color:#004677;} body.berry #content .sidenav ul li a.current{color:#004677;} body.berry #content .sidenav ul li a:before{color:#004677;} body.berry #content .sidenav ul li a:hover{text-decoration:none;} body.berry #content .sidenav ul li:first-child a{border-bottom:2px Solid #004677;} body.berry #content .sidenav ul li:first-child a.current{color:#004677;} */ @media (max-width: 1000px) { #content ul.col3.large li{display:inline-block;width:49%;} #content ul.col3.large li.extend{width:100%;} .stack1000.col_one_fourth{width:48%;} .stack1000.col_one_fourth:first-child + .col_one_fourth{margin-right:0px;margin-bottom:16px;} .stack1000.col_one_fourth:first-child{margin-bottom:16px;} } @media (max-width: 800px){ #content .section:first-child .container .col_three_fourth:first-child { width: 100%;float: none;margin: 0;} #content ul.col3 li{display:inline-block;width:49%;} #content ul.col3 li.extend{width:100%;} } @media (max-width: 760px){ .mwhite{background-color:#fff !important;} #content .section .container .mgray{background-color:#f2f2f2;display: block;width: calc((100%) - -32px);position: relative;left: -16px;padding: 32px 16px;} } @media (max-width: 600px){ #content .stack600.col_one_fourth{width:48%;float:left;clear:none;margin-right:4%;} #content .stack600.col_one_fourth:first-child + .col_one_fourth{margin-right:0px;margin-bottom:16px;} #content .stack600.col_one_fourth:first-child{margin-bottom:16px;} #content ul.col3.large li{display:block;width:100%;} #content ul.col3.large li.extend{width:100%;} #content ul.col3 li{display:block !important;width:100% !important;} #content ul.col3 li.extend{width:100% !important;} } @media (max-width: 420px){ #content .stack600.col_one_fourth{width:100%;float:none;margin-bottom:16px;} #content .stack600.col_one_fourth.col_last{margin-bottom:0px;} } /*FOR RESOURCES FEED*/ #content ul.resource-feed{width:calc((100%) + 32px);position:relative;left:-16px;} /*UNIVERSAL SIZING*/ #content ul.resource-feed li{width:calc((25%) - 32px);margin:0px 16px 32px 16px;float:Left;} /*UNIVERSAL SIZING*/ #content ul.resource-feed{display:block;padding:0;margin:0;list-style:none;} #content ul.resource-feed:after{content:'';clear:both;float:none;display:block;} /* IDC CODE - 24/4/2025 */ #content ul.resource-feed li{/*width:25%;float:left;margin-right:2%;margin-bottom:23px;*/box-shadow: 1px 1px 5px #0003;display:block;padding:0;list-style:none;border:1px Solid #ccc;background-color:#fff;} #content ul.resource-feed li:before{display:none;} #content ul.resource-feed article{display:block;position:relative;height:100%;padding-bottom:36px;} #content ul.resource-feed article a{display:block;text-decoration:none;} /* IDC CODE - 24/4/2025 */ #content ul.resource-feed article p.restype{display:block;color:#002449;font-size:.95em;margin-bottom:5px;font-weight:600;padding:0 8px;} #content ul.resource-feed article h3 {display:block;font-size:1.188rem;font-weight:300;color:#004677;padding:0 8px;margin-bottom:16px;text-decoration:none;padding-top:0px;} #content ul.resource-feed article h3 a{display:block;color:#004677;text-decoration:none;} #content ul.resource-feed article h3 a:hover{display:block;color:#004677;text-decoration:underline;} /* IDC CODE - 24/4/2025 */ #content ul.resource-feed article a.readmore{position:absolute;bottom:0px;left:0px;width:100%;text-decoration:none;} /* IDC CODE - 24/4/2025 */ #content ul.resource-feed article a.readmore{display:block;background-color:#f2f2f2;padding:0px 8px;line-height:32px;font-size:.95rem;font-weight:bold; color:#004677; margin-bottom:0px;transition:all .25s ease-in-out;} #content ul.resource-feed article a.readmore:hover{color:#002449;} #content ul.resource-feed article a.readmore:after{content:'\25b8';position:absolute;top:0px;right:8px;font-size:1.25em;display:block;line-height:32px;} #content ul.resource-feed article a img{display:block;width:100%;margin-bottom:8px;} #content ul.resource-feed.col3 li{width:calc((33.3%) - 32px);} @media (max-width: 1024px){ #content ul.resource-feed li{width:calc((33.3%) - 32px) !important;} } @media (max-width: 760px){ #content ul.resource-feed li{width:calc((50%) - 32px) !important;} } @media (max-width: 500px){ #content ul.resource-feed{width:100% !important;left:auto;} #content ul.resource-feed li{width:100% !important;float:none;height:auto !important;margin:0px 0px 32px 0px;} } /*STANDARDIZE BUTTON TO 100% WIDTH*/ @media (max-width: 500px){ #content a.button{width:100%;padding:16px 8px;text-align:center;line-height:1.25;} } /*quick fix for captionbox*/ .overlap-careers .vcenter{ position: static; top: auto; transform:none; }