/* Omaha CSO static copy. Base, header and navigation. */ @font-face{font-family:"Montserrat";font-style:normal;font-weight:400 800;font-display:swap;src:url("../fonts/montserrat-normal.woff2") format("woff2")} @font-face{font-family:"Montserrat";font-style:italic;font-weight:400 800;font-display:swap;src:url("../fonts/montserrat-italic.woff2") format("woff2")} *,*::before,*::after{box-sizing:border-box} div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,th,td{margin:0;padding:0} html,body{font-size:100%} html{-webkit-text-size-adjust:100%} body{margin:0;padding:0;position:relative;background:#fff;color:#222;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:400;line-height:1.5;overflow-x:hidden} img{max-width:100%;height:auto;display:inline-block;vertical-align:middle;border:0} a{color:#008CBA;line-height:inherit;text-decoration:none} a:hover,a:focus{color:#0078a0} p{font-family:inherit;font-size:1rem;font-weight:400;line-height:1.6;margin:0 0 1.25rem;text-rendering:optimizeLegibility} h1,h2,h3,h4,h5,h6{color:#222;font-family:"Montserrat",sans-serif;font-style:normal;font-weight:400;line-height:1.4;margin:.2rem 0 .5rem;text-rendering:optimizeLegibility} .hs-1{font-size:2.125rem}.hs-2{font-size:1.6875rem}.hs-3{font-size:1.375rem}.hs-4{font-size:1.125rem}.hs-5{font-size:1.125rem}.hs-6{font-size:1rem} @media (min-width:40.0625em){.hs-1{font-size:2.75rem}.hs-2{font-size:2.3125rem}.hs-3{font-size:1.6875rem}.hs-4{font-size:1.4375rem}} hr{border:solid #ddd;border-width:1px 0 0;clear:both;height:0;margin:1.25rem 0 1.1875rem} em,i{font-style:italic;line-height:inherit} strong,b{font-weight:700;line-height:inherit} small{font-size:60%;line-height:inherit} ul,ol,dl{font-family:inherit;font-size:1rem;line-height:1.6;list-style-position:outside;margin:0 0 1.25rem} ul{margin-left:1.1rem} ol{margin-left:1.4rem} ul li ul,ul li ol,ol li ul,ol li ol{margin-left:1.25rem;margin-bottom:0} button,input,select,textarea{font:inherit} .visually-hidden{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} .skip-link{position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;z-index:200} .skip-link:focus{left:10px;top:10px;width:auto;height:auto;padding:8px 14px;background:#fff;color:#1B365D;font-weight:700;outline:3px solid #1B365D} :focus-visible{outline:3px solid #1B365D;outline-offset:2px} #header :focus-visible,#footer :focus-visible,.darkbluebanner :focus-visible{outline-color:#fff} #header.subheader :focus-visible{outline-color:#1B365D} main:focus{outline:0} main{display:flow-root} [hidden]{display:none!important} /* Grid (Bootstrap grid-only CSS supplies .row/.col-*) */ .row{--bs-gutter-x:0;--bs-gutter-y:0} .ccm-page .row{margin:0 auto;max-width:100%;padding:0} .columns{padding:0 2.5%;display:flow-root} .cols-wrap{display:flex;flex-wrap:wrap} /* Spacers */ .spacer{clear:both;display:block;margin:0;padding:0;width:100%} .spacer[class*="hs-"]{line-height:1.4;margin:.2rem 0 .5rem} .sp-p{font-size:.9em;line-height:1.6;margin-bottom:1.25rem} /* Embed placeholders: visually empty */ .embed-placeholder{display:block;position:relative;width:100%;padding-top:56.25%} .embed-placeholder--tall{padding-top:76.25%} .map-search-placeholder,.site-search-placeholder,.form-placeholder{padding-top:0} .form-placeholder{min-height:1210px} .video-placeholder{font-weight:700;color:#407EC9} /* ---- Header ---- */ .ccm-page{color:#6E6F72} #header{padding:20px;overflow-x:clip;position:relative} .subheader{line-height:1.4;margin:.2rem 0 .5rem;font-weight:400} #header .logo img{height:68px} #header.homeheader{position:relative;height:60vh} #header.homeheader::after{content:"";position:absolute;inset:0;box-shadow:inset 0 214px 178px -93px #000;pointer-events:none;z-index:1} .header-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0} #header.homeheader .logo{position:relative;z-index:2} #header.homeheader .topnav{z-index:2} #header.homeheader #menu-toggle{position:absolute} #header.projectheader{margin-bottom:350px} #header.projectheader.no-image{margin-bottom:50px} .nav-wrap{display:block} #menu-toggle{position:absolute;top:30px;right:36px;width:60px;height:35px;margin:0;padding:0;border:0;background:none;cursor:pointer;z-index:100} #menu-toggle svg{display:block;width:60px;height:35px;overflow:visible} #menu-toggle rect{fill:#fff;transition:all .25s ease-in-out;transform-box:fill-box;transform-origin:center} .subheader #menu-toggle rect{fill:#1B365D} #menu-toggle:hover rect{fill:#EEEEEE} .subheader #menu-toggle:hover rect{fill:#1B365D} #menu-toggle[aria-expanded="true"] rect{fill:#fff} #menu-toggle[aria-expanded="true"]:hover rect{fill:#EEEEEE} #menu-toggle[aria-expanded="true"] .bar1,#menu-toggle[aria-expanded="true"] .bar4{transform:scaleX(0)} #menu-toggle[aria-expanded="true"] .bar2{transform:translateY(0) rotate(45deg)} #menu-toggle[aria-expanded="true"] .bar3{transform:rotate(-45deg)} .topnav{position:absolute;width:80%;min-width:300px;max-width:550px;top:0;right:76px;padding-top:24px} .subheader .topnav{background-color:rgba(255,255,255,.5);border-bottom-left-radius:8px} .nav-main{list-style:none;line-height:1.2em;font-size:.9em;color:#000;margin:0 0 1.25rem 1.1rem;padding:0} .nav-main li{float:left;max-width:133px;width:auto;margin:0 15px 0 0;padding-top:6px;height:70px;position:relative;transition:all 300ms ease-in-out} .nav-main li:first-of-type{display:none} .nav-main a{font-size:1em;font-weight:700;transition:all 300ms ease-in-out} .homeheader .nav-main a,.projectheader .nav-main a{color:#fff} .homeheader .nav-main li:hover,.projectheader .nav-main li:hover{border-top:3px solid #fff} .subheader .nav-main a{color:#0085CA} .subheader .nav-main li:hover{border-top:3px solid #C8102E} /* quick links panel (slides in from the right) */ .menu-panel{display:contents} .quick{position:absolute;right:-414px;top:0;width:220px;padding:20px 40px 20px 20px;background-color:#727A82;transition:all 300ms ease-in-out,visibility 0s linear 300ms;visibility:hidden;z-index:99} .site-nav.open .quick{right:-1px;visibility:visible;transition:all 300ms ease-in-out,visibility 0s} .quick-title{color:#fff;text-transform:uppercase;font-size:1em;font-weight:700;margin:80px 0 0;line-height:1.4} .ccm-page .quick-title{color:#fff;font-size:1em} .ccm-page .quick ul{color:#000} .ccm-page .quick a{color:#fff} .quick ul{list-style:none;margin:0;line-height:1.2em;font-size:.9em;color:#000;padding:0} .quick li{margin:12px 0;text-align:right;border-right:1px solid #fff;padding:5px 10px 5px 0;position:relative;transition:all 300ms ease-in-out} .quick li a{font-weight:400;font-size:.9em} .quick li::after{content:"";border-style:solid;border-width:.25em .25em 0 0;border-color:#fff;display:block;height:.45em;right:-15px;position:absolute;top:.85em;transform:rotate(45deg);width:.45em;transition:all 300ms ease-in-out} .quick li:hover{background:rgba(0,0,0,.2);border-right:2px solid #97D700} .quick li:hover::after{border-color:#97D700} html:not(.js) #menu-toggle{display:none} html:not(.js) .quick{position:static;visibility:visible;width:auto;right:auto} @media (prefers-reduced-motion:reduce){*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}} /* ---- Content (ported from the theme) ---- */ .ccm-page .hs-2{color:#97999B;font-size:1.7em} .ccm-page h1,.ccm-page h2,.ccm-page h3,.ccm-page h4,.ccm-page h5,.ccm-page h6{font-family:"Montserrat",sans-serif;font-style:normal;font-weight:400} .ccm-page .hs-3{font-size:1.1em} .ccm-page .hs-4{font-size:.9em;text-transform:uppercase;font-weight:700} .ccm-page p,.ccm-page ul,.ccm-page ol{color:#000;font-size:.9em} .ccm-page a{font-weight:700;color:#407EC9;transition:background-color .15s,color .15s} .ccm-page a:hover{color:#0085CA} .ccm-page a img{transition:all 300ms ease-in-out} .ccm-page a:hover img{opacity:.8} .ccm-page small{font-size:.8em} .ccm-page p.sub-only{line-height:0} .sub-only sub{line-height:1.6} .ccm-page #subbody ul{list-style:none} .ccm-page #subbody ul li::before{content:"\2022";font-weight:700;display:inline-block;width:1em;margin-left:-1em} .ccm-page main>div>.columns{padding:0} .ccm-page main>div>div .row{padding:26px 10% 38px} .ccm-page main>div>div .columns{padding:0 2.5%} .ccm-page main>div>div .unpadded-row .row,.ccm-page main>div>div .unpadded-row .columns{padding:0} .ccm-page .layoutnopad div.row{padding:0!important} .nopaddingrow .row{padding-top:0!important;padding-bottom:0!important} .nosidepad .row{padding:0!important} .smalltext{font-size:.8em} .fullwidthimg img{width:100%!important;max-width:100%!important} /* buttons */ .ccm-page a.btn,.ccm-page .btn a{padding:10px 20px;color:#fff;text-transform:uppercase;transition:all 300ms ease-in-out;font-weight:400;font-size:1em} a.red-btn,.red-btn a{background-color:#C8102E} a.red-btn:hover,.red-btn a:hover{background-color:#AF031D;color:#fff} a.red-btn,.red-btn a,a.dark-blue-btn,.dark-blue-btn a{font-size:18px;line-height:20px} a.red-btn img,.red-btn a img,a.dark-blue-btn img,.dark-blue-btn a img{height:20px;width:auto} a.red-btn::after,.red-btn a::after,a.dark-blue-btn::after,.dark-blue-btn a::after,a.green-btn::after,.green-btn a::after,.lite-blue-btn a::after,.blue-btn a::after{content:"";border-style:solid;border-width:.25em .25em 0 0;border-color:#fff;display:inline-block;height:.45em;vertical-align:middle;margin-left:10px;width:.45em;transform:rotate(45deg);transition:all 300ms ease-in-out} a.dark-blue-btn,.dark-blue-btn a{background-color:#1B365D} a.dark-blue-btn:hover,.dark-blue-btn a:hover{background-color:#0085CA;color:#fff} a.gray-btn,.gray-btn a{background-color:#6C6C6C} a.gray-btn:hover,.gray-btn a:hover{background-color:#515151;color:#fff} a.blue-btn,.blue-btn a{background-color:#0085CA} a.blue-btn:hover,.blue-btn a:hover{background-color:#1B365D;color:#fff} a.lite-blue-btn,.lite-blue-btn a{background-color:#8BB8E8} a.lite-blue-btn:hover,.lite-blue-btn a:hover{background-color:#0085CA;color:#fff} .blue-btn img{width:auto;max-height:20px} a.green-btn,.green-btn a{background-color:#509E2F;position:relative;padding-right:30px!important} a.green-btn:hover,.green-btn a:hover{background-color:#38801A;color:#fff} .medbluecallout .dark-blue-btn{display:inline-block;margin-bottom:30px} /* callouts */ .litegreencallout,.litebluecallout,.medbluecallout,.litepurplecallout,.graycallout{padding:20px} .litebluecallout{background-color:#DCECFE} .litebluecallout .hs-3,.litebluecallout .hs-4{color:#407EC9} .litegreencallout{background-color:#C6D79D} .litegreencallout .hs-3,.litegreencallout .hs-4{color:#509E2F!important} .medbluecallout{background-color:#96C5FF} .medbluecallout .hs-3,.medbluecallout .hs-4{color:#1B365D!important} .graycallout{background-color:#C4C4C4} .graycallout .hs-3{color:#6C6C6C!important} .litepurplecallout{background-color:#E0C8E9} .litepurplecallout .hs-3,.litepurplecallout .hs-4{color:#93328E!important} .calloutboxesgrid .col-md-6{padding:0 1%!important} .calloutboxesgrid .col-md-6>div{margin-top:20px!important} .medbluecallout ul{width:43%;float:left;display:block!important} .medbluecallout ul:last-of-type{margin-left:6%} .medbluecallout p{display:inline-block} .darkbluebanner{background-color:#1B365D} .darkbluebanner p{color:#fff;margin-bottom:0} .darkbluebanner a{color:#8BB8E8} .green-text .hs-3{color:#97D700!important} .green-text a{color:#509E2F!important} .addresources{background-color:#C5DCF4;padding:10px 20px;color:#1B365D} .addresources .hs-3{text-transform:uppercase;color:#1B365D!important} .addresources ul li{color:#1B365D!important} .addresources ul li a{text-decoration:underline;color:#1B365D!important} .gicallout{background:#23AE49;padding:20px!important;margin-bottom:40px} .gicallout .hs-3,.gicallout p{color:#fff!important} .gicallout .green-btn a{background:#125725!important;width:47%;display:inline-block} .gicallout .green-btn a:hover{background:#063714!important} .additional-resources{padding:0!important} .leftborder{border-left:1px solid gray;padding-left:30px} .leftborder p,.leftborder .sp-p{line-height:normal;margin-bottom:10px} .leftborder .btn a{width:100%;display:inline-block} .leftborder img{border:1px solid #97999B} .leftborder .btn img{border:0} .page-type-projects .hs-2{color:#1B365D!important;font-weight:700} .projectpage .hs-3,#subbody .hs-3{font-weight:700;color:#407EC9;text-transform:uppercase} .gicolumn{padding:0!important;position:absolute;width:70px;left:5%} .page-template-greenproject .hs-2.page-title{padding-top:15px} .green-infra-header{margin:0 auto;width:72%} .green-infra-header strong{color:#509e2f} /* generic page chrome */ #subbody{min-height:40vh;overflow:hidden;padding-bottom:50px;margin-top:42px} #subbannerimage{position:absolute;top:0;left:0;width:45%;z-index:-1;height:100vh} #subpageheaderleft.columns{padding:0 0 0 2.5%;overflow:hidden;max-height:500px} #subpageheaderleft .hero-image-description{margin-top:10px;width:80%} #subpageheaderleft img{width:100%;box-shadow:32px 32px 26px -19px rgba(0,0,0,.26)} #subpagebody{margin-top:100px;background:#fff} .page-template-full-split-whitelogo #subpagebody{margin-top:50px} #subpageheaderright{margin-top:0} .projectimage{position:absolute;top:0;left:0;right:0;width:100%;z-index:-1;height:500px;overflow:hidden} .projectimage img{width:100%;position:absolute;bottom:-20%;right:0;left:0;margin:0 auto} .projectimage::before{content:"";display:block;height:180px;width:100%;position:absolute;z-index:1;top:0;left:0;background:linear-gradient(180deg,#000 0%,rgba(0,0,0,0) 100%)} .ccm-page .hs-1.page-title{font-size:1.7em} /* home */ .page-template-home .columns{padding:0!important} .page-template-home .hs-2{font-weight:700;color:#009CAD} #homeinset{width:50%;margin-left:23%;margin-right:20%;margin-top:-38vh;background:rgba(27,54,93,.9);padding:30px;min-height:440px;position:relative;z-index:3} #homeinsetinner{position:relative} #homeinset #insettext{width:100%} #insettext p:first-of-type{margin-bottom:10px} #insettext p:last-of-type{height:40px} #homeinset #insettext p{color:#fff} #insettext p{font-style:italic;font-size:1em} #insettext a.red-btn,#insettext .red-btn a{float:right;font-style:normal;font-size:.8em} #insettext a{color:#8BB8E8} #insettext .red-btn a{color:#fff} #insetsubtext{width:70%;font-size:.7em} #insetsubtext p{color:#fff;margin-bottom:0} #insetsubtext a{color:#407EC9} #homeinset #insetimage{position:absolute;right:-15%;top:0;max-width:360px;z-index:1} .wavefootertop{z-index:1;position:relative} .wavefootertop img{width:100%;display:block} #homecontent{z-index:2;position:relative} .homecircles{text-align:center;position:relative;display:block;border-radius:5px;padding:20px} .homecircles img,.homecircles span{display:block} .homecircles span{color:#000} .homecircles img{margin:0 auto 10px} .homecircles:hover{background-color:#E8F3FF} .homecircles:hover img{opacity:1} #homelogos .col-md-4{height:90px;position:relative;margin-bottom:20px;text-align:center;padding:0 4%!important} #homelogos img{margin:0 auto 20px;height:60px;width:auto} #callnumbers{text-align:center;margin-top:80px} #callnumbers .row{padding-bottom:0} #callnumbers p{font-size:1.5em;font-weight:700;color:#3877C5} #callnumbers a{color:#3877C5} /* helpers produced by the CMS block styles */ .ta-center{text-align:center} .mt-20{margin-top:20px} .mt-30{margin-top:30px} .pt-10{padding-top:10px} .pull-in{margin-top:-20px;margin-bottom:-15px;margin-left:-20px} .pad-0 .row{padding:30px 0!important} .pad-0 .columns{padding:0!important} .video-caption{font-size:10px;line-height:18px} /* map search block */ #mapsearchsub{background-color:#407EC9} #mapsearchsub .hs-3{color:#1B365D!important} #mapsearchsub p{color:#fff} #mapsearchboxsub{background-color:#8BB8E8;height:130px;padding:20px;margin-bottom:30px} #mapsearchicon{float:left;width:20%;color:#fff} #mapsearchicon span{display:block;font-size:.8em;color:#fff} .map-search-placeholder{float:left;width:75%;margin-top:20px;height:61px} /* interactive map accordions */ .hdr-accordion-set{margin-top:24px} .hdr-accordion .hs-3{font-size:1.4em;margin:0;color:inherit;text-transform:none;font-weight:700} .hdr-accordion{display:flow-root} .hdr-accordion-header{display:block;list-style:none;font-family:"Helvetica Neue",Helvetica,Roboto,Arial,sans-serif;font-size:1rem;line-height:normal;background:#0e8843;color:#fff;cursor:pointer;font-weight:700;margin:6px 0;padding:12px 48px 12px 14px;position:relative;text-align:left;width:100%} .hdr-accordion-header::-webkit-details-marker{display:none} .hdr-accordion-header .hs-3{color:#fff!important;font:inherit;font-weight:700;line-height:normal;margin:0} .acc-2 .hdr-accordion-header{background:#f15927} .acc-3 .hdr-accordion-header{background:#c0772a} .acc-4 .hdr-accordion-header{background:#852987} .hdr-accordion-header:hover{background:#087a39} .acc-2 .hdr-accordion-header:hover{background:#dc4919} .acc-3 .hdr-accordion-header:hover{background:#b1681b} .acc-4 .hdr-accordion-header:hover{background:#7b207d} .hdr-accordion-header::before,.hdr-accordion-header::after{background:#fff;content:"";height:3px;position:absolute;right:15px;top:50%;transform:translateY(-50%);transition:transform .8s;width:16px} .hdr-accordion-header::after{transform:translateY(-50%) rotate(270deg)} .hdr-accordion[open] .hdr-accordion-header::after{transform:translateY(-50%) rotate(0deg)} .hdr-panel{padding:10px 2%} .hdr-panel strong{color:#0e8843} .acc-2 .hdr-panel strong{color:#f15927} .acc-3 .hdr-panel strong{color:#c0772a} .acc-4 .hdr-panel strong{color:#852987} /* construction progress boxes */ .progress-box{background-color:#fff;border:2px solid #58585a;overflow:auto} .progress-box>p{float:left;height:99.5px;margin:0;text-align:center;width:61%} .progress-box>div{float:left;height:100px;margin:0;width:39%} .progress-box>p:first-of-type{background-color:#f0f0f0;position:relative} .progress-box>p:first-of-type img{height:100%!important;left:0;position:absolute;width:auto!important} .progress-box>p:first-of-type::after{content:"";display:inline-block;height:100%;vertical-align:middle} .progress-box>p a{color:#45a6dc;display:inline-block;font-size:1em;line-height:1.2em;margin-left:177px;padding:0 28px;text-align:center;text-decoration:none;transition:color .2s;vertical-align:middle} .progress-box>p a:hover{color:#1370a3} .progress-box>p a span{font-weight:400;color:#58585a;display:block;font-size:.9em;margin-top:4px;line-height:1.2em} .progress-box>div p{margin:14px 14px 4px} .progress-box>div img{height:auto!important;margin-right:14px;vertical-align:middle;width:34px!important} .progress-box>div p>span{font-size:1.2em;font-weight:700;position:relative;vertical-align:middle} .progress-box>div p:last-of-type>span{border:2px solid #fe9b02;display:inline-block;padding:0;position:relative;width:58%} .progress-box>div p>span>span{font-size:.8em;position:relative;padding:0 5px;width:0} .progress-box>div p:last-of-type>span>span{background-color:#ffd79a;display:block;white-space:nowrap} .progress-box>div p:last-of-type>span::before{content:none} /* page list blocks (videos, projects, green infrastructure) */ .ccm-block-page-list-wrapper{position:relative} .ccm-block-page-list-page-entry{margin-bottom:0} .ccm-block-page-list-page-entry-text .ccm-block-page-list-title{font-weight:700} .ccm-block-custom-template-projects .ccm-block-page-list-title{padding:15px 20px;transition:all 300ms ease-in-out} .ccm-block-custom-template-projects .ccm-block-page-list-title:hover{background:#dedede} .ccm-block-page-list-title .hs-3{margin:.2rem 0 .5rem} .categories{width:100%!important;clear:both;display:block;position:relative} .categories .hs-5,.categories ul{float:left} .categories ul.ccm-block-topic-list-list li{float:left;padding:5px 20px 0;margin:0} .categories ul.ccm-block-topic-list-list li::before{display:none!important} .ccm-block-topic-list-wrapper .list-unstyled{padding-left:0;list-style:none} .ccm-block-topic-list-topic-selected{font-weight:700;border-top:#AF031D 3px solid} .videogallery{width:100%;clear:both} .videogallery .ccm-block-page-list-description{font-size:.9em} .videogallery .ccm-block-page-list-pages{display:flex;flex-wrap:wrap;align-items:stretch} .videoitems{width:31%;margin:0 1% 30px;display:flex;flex-direction:column} .videoitems .ccm-block-page-list-page-entry-text{padding:20px;background:#E8F3FF;min-height:250px;flex:1} .videossidebar .videoitems{width:100%} .videossidebar .videoitems .ccm-block-page-list-page-entry-text{min-height:0} .ccm-block-page-list-pages::after{content:"";display:table;clear:both} .pagination{float:left;width:100%;margin:22px 0;padding-left:0;display:block;list-style:none} .pagination li{display:inline} .pagination li::before{content:none!important} .pagination>li>a,.pagination>li>span{position:relative;float:left;padding:8px 16px;line-height:1.42857143;text-decoration:none;color:#3f9edc;background-color:#fff;border:1px solid #ddd;margin-left:-1px;margin:0 3px} .pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:2px;border-bottom-left-radius:2px} .pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:2px;border-bottom-right-radius:2px} .pagination>li>a:hover,.pagination>li>a:focus{color:#2076af;background-color:#eee;border-color:#ddd} .pagination>.active>span{z-index:2;color:#fff;background-color:#3f9edc;border-color:#3f9edc;cursor:default} .pagination>.disabled>span{color:#777;background-color:#fff;border-color:#ddd;cursor:not-allowed} .pagination .sr-only{display:none} .projects-flex-two-column .ccm-block-page-list-pages{display:flex;flex-wrap:wrap} .projects-flex-two-column .ccm-block-page-list-page-entry{width:50%} .ccm-block-page-list-read-more::after{content:"";display:inline-block;width:.4em;height:.4em;border:solid currentColor;border-width:.15em .15em 0 0;transform:rotate(45deg);margin-left:.5em;vertical-align:middle} .ccm-block-page-list-page-entry-horizontal{display:table;width:100%} /* e-learning / search */ #searchResults .searchResult{margin:24px 0 16px} .ccm-page .hs-3 img{vertical-align:middle} /* footer */ .wavefootertop+#footer,#footer{background-color:#1B365D} #footer .row{padding:20px 8% 38px;justify-content:space-between} #footer .columns{display:flow-root} #footer-left p{font-size:.7em} #footer-right{width:400px;max-width:100%} #footer a{color:#8BB8E8} #footer .footertranslate .gt-placeholder,#google_translate_element2{height:42px;overflow:hidden;margin-bottom:20px} .site-search-placeholder{height:37px;margin-bottom:1rem;padding-top:0} .footersublinks ul{list-style:none;text-align:center;width:260px;margin:0 auto 1.25rem;padding:0;font-size:.9em;color:#000} .footersublinks li{float:left;padding:0 10px;border-right:1px solid #8BB8E8;margin-bottom:10px} .footersublinks li:last-of-type{border-right:0} .footersublinks a{font-weight:700} .footercopyright p{clear:both} .copyright{display:inline;font-size:.8em;color:#8BB8E8;padding:0 5px 0 0} .footercopyright p{font-size:.9em;color:#000} /* ---- Responsive ---- */ @media (max-width:1660px){#homeinset{width:60%;margin-left:17%}} @media (max-width:1400px){#homeinset{width:70%;margin-left:13%}#subbannerimage{max-height:600px}.gicolumn{left:4%}.gicallout .green-btn a{width:100%;display:block}} @media (max-width:1190px){#homeinset{min-height:0}#homeinset #insetimage{max-width:300px}#insettext{width:70%;font-size:.9em}#insettext p:first-of-type{margin-bottom:0}#subbannerimage{max-height:none}} @media (max-width:1080px){.homecircles span{font-size:.8em}.progress-box>p a{font-size:.9em}} @media (max-width:990px){ #insetsubtext{width:100%} #homeinset #insettext p{margin-bottom:10px} #homeinset #insetimage{max-width:200px;right:0} #homeinset{margin-left:15%} #homeinset #insettext{width:60%} #insettext a.red-btn,#insettext .red-btn a{float:left} a.red-btn,.red-btn a,a.dark-blue-btn,.dark-blue-btn a{font-size:14px;line-height:16px} a.red-btn img,.red-btn a img,a.dark-blue-btn img,.dark-blue-btn a img{height:30px;width:auto} .gicolumn{left:3%} .projects-flex-two-column .ccm-block-page-list-page-entry{width:100%} } @media (max-width:960px){ .progress-box>p,.progress-box>div{width:100%} .progress-box>p a{font-size:1em} .progress-box>p a span{margin-top:1px} .progress-box>div{height:auto;padding:6px 0 8px} .progress-box>div p{margin:5px 12px} .progress-box>div img{width:24px!important} .progress-box>div p>span{font-size:1em} .progress-box>div p:last-of-type>span{width:75%} .gicallout .green-btn a{width:100%} #subbannerimage{max-height:450px} } @media (max-width:840px){ .form-placeholder{min-height:1258px} #insettext p{font-size:.8em} #insettext a.red-btn,#insettext .red-btn a{padding:5px 10px} #homeinset #insetimage{max-width:160px} .projectimage{height:300px} #header.projectheader{margin-bottom:150px} .page-template-greenproject .hs-2.page-title{padding-top:0} .videogallery .ccm-block-page-list-title .hs-3{font-size:.9em} .videogallery .ccm-block-page-list-description{font-size:.8em!important} .videoitems{width:100%} .videoitems .ccm-block-page-list-page-entry-text{min-height:auto} } @media (max-width:790px){ .ccm-page p{font-size:.8em;line-height:1.5em} .ccm-page .sp-p{font-size:.8em;line-height:1.5em} .ccm-page p.sub-only{line-height:0} .sub-only sub{line-height:19.2px} .ccm-page .hs-3{font-size:1.1em} .ccm-page .hs-4{font-size:1.1em;color:#407EC9} /* menu becomes a single slide-in panel holding the main links and quick links */ .menu-panel{display:block;position:absolute;right:-414px;top:0;width:220px;padding:20px 40px 20px 20px;background-color:#727A82;transition:all 300ms ease-in-out,visibility 0s linear 300ms;visibility:hidden;z-index:99} .site-nav.open .menu-panel{right:-1px;visibility:visible;transition:all 300ms ease-in-out,visibility 0s} .quick{position:static;width:auto;padding:0;background:none;visibility:inherit;transition:none} .site-nav.open .quick{transition:none} .topnav{display:block;position:static;width:auto;min-width:0;max-width:none;padding:0;margin-bottom:30px;background:none!important;border-radius:0} .nav-main{margin:0;font-size:.9em} .nav-main li,.nav-main li:first-of-type{display:block;float:none;max-width:none;margin:10px 0;padding:0;height:auto} .nav-main li:hover{border:0!important} .nav-main a,.homeheader .nav-main a,.projectheader .nav-main a,.subheader .nav-main a{display:block;text-transform:uppercase;padding:10px 15px;color:#fff;border-left:4px solid transparent;transition:.2s linear} .nav-main a:hover{border-left:4px solid #88C340;padding-left:20px} html:not(.js) .menu-panel{position:static;visibility:visible;width:auto} } @media (max-width:768px){ .progress-box>p a{font-size:.9em} .gicolumn{display:none} } @media (max-width:640px){ .ccm-page .hs-1{font-size:1.7em;line-height:1.2em;padding:24px 14px;text-align:center} .ccm-page .hs-2{font-size:1.3em} .projectimage{height:250px} #menu-toggle{top:12px;right:12px;width:45px} #menu-toggle svg{width:45px} .menu-panel{width:260px;padding:20px 60px 20px 20px;right:-438px} .site-nav.open .menu-panel{right:-30px} .nav-main li,.nav-main li:first-of-type{margin:0} .nav-main a{font-size:.8em} .quick-title{margin-top:20px} .quick li a{font-size:.9em} .ccm-page main>div>div .row{padding:25px 3% 12px} #header{padding:7px} #header .logo img{height:48px} #footer-right{padding-top:30px!important;width:100%} #footer-left{text-align:center;padding-bottom:20px} .footersublinks ul{float:left;text-align:left;margin-left:0} #homeinset #insetimage{display:none} #homeinset #insettext{width:100%} #homeinset{width:90%;margin-left:5%;padding:20px;margin-top:-195px} #header.homeheader{height:40vh;} .header-photo{object-position:bottom center} #callnumbers p{font-size:1em} #subpageheaderleft{width:80%;margin-left:10%} #subbannerimage{height:100vh;width:100%} #subpageheaderright{margin-top:40px;background:#fff;padding-top:20px} #subpagebody{margin-top:0} #mapsearchsub .col-md-5 a img{display:none} #mapsearchboxsub{height:60px;padding:10px;margin-bottom:10px} .green-infra-header{width:95%} } @media (max-width:480px){ .form-placeholder{min-height:1300px} .progress-box>p,.progress-box>div{height:auto} .progress-box>p a{font-size:.85em;line-height:1.1em;margin-left:0;padding:14px} .progress-box>p:first-of-type::after{display:none} .progress-box>p:first-of-type img{height:auto!important;left:0;position:static;width:100%!important} } /* green infrastructure project list */ .ccm-block-page-list-wrapper>.ccm-block-page-list-pages:has(.ccm-block-page-list-page-entry-horizontal){margin-left:6%;width:80%} div.ccm-block-page-list-page-entry-horizontal{background:#509e2f;color:#fff;height:auto;margin:0 0 40px 10%;min-height:450px;padding:136px 28px 156px 42%;position:relative;display:block} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail{max-height:380px;left:-10%;max-width:630px;overflow:hidden;position:absolute;top:24px;width:50%} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail img{width:100%} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-title{background:transparent;border:0;left:0;position:absolute;text-align:center;top:20px;width:100%;padding:30px 20px} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-title a{background:#125725;color:#fff!important;display:inline-block;font-size:1.2em;line-height:1.2em;padding:10px 34px} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-text{display:block} .ccm-block-page-list-page-entry-read-more{margin-top:20px} .ccm-block-page-list-page-entry-read-more a{background:#125725;color:#fff!important;padding:8px 14px;position:relative;top:8px} .ccm-block-page-list-page-entry-read-more a:hover{background:#0b471b} .ccm-block-page-list-page-entry-horizontal:nth-of-type(even){margin-left:0;padding:130px 42% 156px 28px} .ccm-block-page-list-page-entry-horizontal:nth-of-type(even) .ccm-block-page-list-page-entry-thumbnail{left:61%} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-description{color:#fff} @media (max-width:1400px){div.ccm-block-page-list-page-entry-horizontal{padding-bottom:70px!important}} @media (max-width:1000px){ .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail{top:16px} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-title{top:0} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-title a{display:block;font-size:.95em;line-height:1.3em;padding:6px} div.ccm-block-page-list-page-entry-horizontal{min-height:300px;padding:98px 28px 0 42%;padding-bottom:48px!important} div.ccm-block-page-list-page-entry-horizontal:nth-of-type(even){margin-left:0;padding:90px 44% 156px 12px} .ccm-block-page-list-description{font-size:.9em} } @media (max-width:660px){ .ccm-block-page-list-wrapper>.ccm-block-page-list-pages:has(.ccm-block-page-list-page-entry-horizontal){margin-left:0;width:90%} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-title{padding:18px 0;position:static} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-page-entry-thumbnail{display:block;margin:0 auto;position:static;width:auto} div.ccm-block-page-list-page-entry-horizontal{margin:0 5% 24px!important;min-height:auto;padding:20px 28px 0!important;padding-bottom:48px!important} .ccm-block-page-list-page-entry-horizontal .ccm-block-page-list-description{font-size:.8em} } .embed-frame{display:block;position:relative;width:100%;padding-top:56.25%} .embed-frame iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0} #mapsearchform{float:left;width:75%;margin-top:20px;height:61px} #fnammapsearch{display:block;width:100%;height:2.3125rem;margin:0 0 1rem;padding:20px;background:#fff url("../images/search.svg") no-repeat 98% 10px;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 2px rgba(0,0,0,.1);color:rgba(0,0,0,.75);font-size:.875rem} .map-page{margin:20px 0 0} .map-frame{display:block;width:100%;height:80vh;min-height:600px;border:0} .map-fallback{margin:10px 20px} @media (max-width:640px){#fnammapsearch{padding:0 0 0 5px}#fnammapsearch::placeholder{font-size:.7em}} /* ---- WCAG 2.1 AA contrast adjustments (smallest change from the original colors) ---- */ .ccm-page a{color:#3877C5} .ccm-page a:hover{color:#007BBB} .projectpage .hs-3,#subbody .hs-3{color:#3877C5} .ccm-page .hs-2{color:#939597} .ccm-page .quick a{color:#fff} .ccm-page .nav-main a{color:#fff} .subheader .nav-main a{color:#007BBB} .ccm-page a.btn,.ccm-page .btn a{color:#fff} a.blue-btn,.blue-btn a{background-color:#007BBB} a.blue-btn:hover,.blue-btn a:hover{background-color:#1B365D} a.dark-blue-btn:hover,.dark-blue-btn a:hover{background-color:#007BBB} a.lite-blue-btn:hover,.lite-blue-btn a:hover{background-color:#007BBB} a.green-btn,.green-btn a{background-color:#438427} a.green-btn:hover,.green-btn a:hover{background-color:#38801A} .litebluecallout .hs-3,.litebluecallout .hs-4{color:#326BB1} .litebluecallout a{color:#326BB1} .litegreencallout .hs-3,.litegreencallout .hs-4{color:#33651E!important} .litegreencallout a{color:#33651E} .litepurplecallout .hs-3,.litepurplecallout .hs-4{color:#91318C!important} .litepurplecallout a{color:#2A5A95} .graycallout .hs-3{color:#515151!important} .addresources a{color:#1B365D!important} .green-infra-header strong{color:#438427} .gicallout{background:#1B8839} .gicallout a{color:#fff} .gicallout .green-btn a{background:#125725!important} .green-text a{color:#438427!important} #insetsubtext a,#insettext a{color:#96C0EA} #insettext a.red-btn,#insettext .red-btn a{color:#fff} .videoitems .ccm-block-page-list-description{color:#5F6064} .video-placeholder{color:#1B365D} #mapsearchsub{background-color:#3877C5} #mapsearchicon span{color:#1B365D} .quick{background-color:#70777F} .progress-box>p a{color:#1F74A4} .hdr-accordion-header{background:#0e8843} .acc-2 .hdr-accordion-header{background:#D7400E} .acc-3 .hdr-accordion-header{background:#A76725} .hdr-accordion-header:hover{background:#087a39} .acc-2 .hdr-accordion-header:hover{background:#C4380C} .acc-3 .hdr-accordion-header:hover{background:#965C20} .acc-2 .hdr-panel strong{color:#D7400E} .acc-3 .hdr-panel strong{color:#A76725} .pagination>li>a,.pagination>li>span{color:#217CB7} .pagination>.active>span{color:#fff;background-color:#217CB7;border-color:#217CB7} .pagination>.disabled>span{color:#767676} @media (max-width:790px){.ccm-page .hs-4{color:#3877C5}.menu-panel{background-color:#70777F}} .ccm-page main>div>.litebluecallout .hs-4{color:#326BB1} .darkbluebanner a{color:#8BB8E8} #subbody .litebluecallout .hs-3,#subbody .videoitems .hs-3{color:#326BB1} .graycallout a{color:#1B365D} div.ccm-block-page-list-page-entry-horizontal{background:#438427} @media (max-width:790px){.ccm-page .nav-main a,.subheader .nav-main a,.homeheader .nav-main a,.projectheader .nav-main a{color:#fff}} @media (max-width:640px){.ccm-page .hs-2{color:#767676}} #callnumbers p{color:#3877C5} /* ---- Content utilities generated from inline styles ---- */ .u1{text-align: center !important} .u2{background-color:#97999B !important} .u3{padding-top:75.0% !important} .u4{padding-top:50.0% !important} .u5{display:inline !important;position:relative !important} .u6{margin-left: 40px !important} .u7{word-wrap: break-word !important} .u8{background-color:#1B365D !important} .u9{margin-bottom:10px !important} .u10{font-size:1em !important} .u11{font-size:1em !important;margin-bottom:0px !important} .u12{background-color:#407EC9 !important} .u13{text-align: right !important} .u14{background-color:#97D700 !important} .u15{background-color:#FF9E1B !important} .u16{background-color:#BA9CC5 !important} .u17{background-color:#509E2F !important} .u18{margin-top: 10px !important;margin-bottom: 10px !important} .u19{position: relative !important;display: inline !important} .u20{font-family: inherit !important;font-size: 0.9em !important} .u21{margin-top: 10px !important;margin-bottom: 10px !important;float: left !important} .u22{font-size:11.0pt !important;font-family: !important} .u23{width: 72px !important;height: 72px !important;float: right !important} .u24{margin: 0px 10px !important;float: left !important} .sp-0{height:0px} .sp-5{height:5px} .sp-10{height:10px} .sp-20{height:20px} .sp-25{height:25px} .sp-30{height:30px} .sp-40{height:40px} .sp-50{height:50px} .sp-80{height:80px} .pct-0{width:0%} .pct-27{width:27%} .pct-44{width:44%} .pct-65{width:65%} .pct-76{width:76%} .pct-96{width:96%} .pct-99{width:99%}