body, html, .ccm-page h1, .ccm-page h2,.ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6 {
font-family: realist, sans-serif;
font-style: normal;
font-weight: 100;
}
body, html:not(.ccm-edit-mode) { overflow-x: hidden; }
html, body {
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.ccm-page .accessibilty-hide { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.ccm-page .row { margin: 0 auto; max-width: 90%; }
.ccm-page a { transition: background-color .15s, color .15s; }
.resp-container {
position: relative;
overflow: hidden;
padding-top: 40%;
}
.resp-iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
#homepage-alert {position:relative;}
#homeethreelogo {position:absolute;bottom:-120px;right:-3px;z-index:1}
#homeethreelogo a img { -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.ccm-page a:hover img { opacity:0.8; }
.fullwidthimg img {width:100%;}
.default-rainbow { background-color: #09a; background-image: linear-gradient( to right, #09a, #92c83e ); }
#header-row ul li:last-of-type {background-color:#008CBA; margin-right:0px;padding-left:10px;padding-right:10px}
#header-row ul li:first-of-type {display:none}
#header-row ul li:last-of-type:hover {background-color:#152260}
#header-row ul li:last-of-type:hover a {color:white;}
#header-row ul li:nth-last-child(2) a:after {display:none}
#header-row ul li:nth-last-child(2) {margin-right:0px;}
a.bluebtn {padding:20px 10px;display:block;background-color:#152260;text-align:center;color:white;text-transform:uppercase; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
a.bluebtn:hover {background-color:#172C8F;}
a.teal-btn, .teal-btn a { background-color: #09a; width: auto; display: inline-block; margin: 20px 0; padding: 6px 18px;color:white; text-transform:uppercase; }
a.teal-btn:hover,.teal-btn a:hover { background-color: #006e7a; }
a.green-btn, .green-btn a { background-color: #92c83e; width: auto; display: inline-block; margin: 20px 0; padding: 6px 18px;color:white; text-transform:uppercase; }
a.green-btn:hover,.green-btn a:hover { background-color: #45B757; }
a.purple-btn, .purple-btn a { background-color: #152260; width: auto; display: inline-block; margin: 20px 0; padding: 6px 18px;color:white; text-transform:uppercase; }
a.purple-btn:hover,.purple-btn a:hover { background-color: #172C8F; }
a.teal-btn.stay-blue { background-color: #152260; margin: 0; }
a.teal-btn.stay-blue:hover { background-color:#172C8F; }
/* Header & Footer */
.subnav .nav { margin: 0; text-align: right; }
.subnav .nav li { display: inline-block; margin: 0 16px; }
.subnav .nav li a { color: #fff; display: block; font-size: .8em; padding: 5px 8px; position: relative; text-transform: uppercase; }
.subnav .nav li a:hover { color: #152260; }
.subnav .nav li a:after { background-color: #fff; border-radius: 100%; content: ""; height: 8px; left: 100%; margin-top: -4px; margin-left: 12px; position: absolute; top: 50%; width: 8px; }
.subnav .nav li:last-of-type a:after { display: none; }
#header { box-shadow: 0 4px 6px 0 #bbb; }
#header > a >img { height: 60px; margin: 8px 0 6px; padding: 8px 32px; }
#mobile-menu-button { cursor: pointer; display: none; font-size: 1.6em; margin: 14px 2px 0; }
#menu { float: right; margin-right: 36px; }
#menu .nav { display: inline-block; height: 74px; line-height: 64px; margin: 0; }
#menu .nav > li { display: inline-block; margin: 0 8px; position: relative; }
#menu .nav > li:first-of-type { display: none; }
#menu .nav > li a { color: #152260; display: block; font-weight: 700; height: 100%; padding: 6px 24px; position: relative; }
#menu .nav > li a i { display: none; }
#menu .nav > li:hover > a { background-color: #ededed; }
#menu .nav > li.nav-path-selected > a:after { background-color: #09a; bottom: 0; content: ""; height: 8px; left: 0; position: absolute; width: 100%; }
#menu .nav > li > ul { background-color: #fff; box-shadow: 0 5px 8px -5px #777; left: -9999px; list-style-type: none; margin: 0; opacity: 0; position: absolute; width: 214px; z-index: 2; }
#menu .nav > li:hover > ul { left: 0; opacity: 1; transition: left 0s, opacity .2s; }
#menu .nav > li:last-of-type ul { left: auto; right: 9999px; }
#menu .nav > li:last-of-type:hover ul { right: 0px; transition: right 0s, opacity .2s; }
#menu .nav > li > ul > li a { border-bottom: 1px solid #e2e3e6; font-size: .8em; font-weight: 400; padding: 8px 14px; }
#menu .nav > li > ul > li a:hover { background-color: #e2e3e6; }
#footer { background-color: #152260; color: #fff; }
#footer-top {min-height:100px;}
#footer-top { padding: 12px 32px 0; overflow: hidden;}
#footer-top .footer-middle p {font-size: 1.5em;
font-style: italic;}
#footer-top p { display: inline-block; line-height: 1.4em; padding: 12px 0 4px 56px; position: relative; }
#footer-top p.middlelogothanks {padding-top:25px}
#footer-top .footer-left img { left: 0; position: absolute; top: 12px; width: 44px; }
#footer-top .footer-right {text-align:right;}
#footer-top .footer-right p { padding: 8px 14px 0; }
#footer-top .newfooterlogo {padding-top:0px;margin-bottom:10px}
#footer-top .footer-middle p.middlelogothanks {padding-left:0;}
#footer-top .newfooterlogo img {position:relative;height:auto;width:auto;top:0;padding-top:10px;}
#footer-top .footer-right p.spsalogofooter {padding-right:56px;padding-top:15px}
#footer-top .footer-right p.spsalogofooter img {width:auto!important}
#footer-top span { color: #fff; display: block; font-weight: 700; }
#footer-top .footer-middle {text-align:center;}
#footer-top .footer-middle img {width:80%}
#footer .subnav { padding-bottom: 3px; position: relative; }
#footer .subnav .nav { clear: both; text-align: center; }
#employee-email { color: #fff; font-size: .9em; left: 35px; position: absolute; top: 8px; }
/* Row/Column Setup */
.ccm-page { color: #152260; }
.ccm-page h1 { background-color: #152260; color: #fff; font-weight: 700; margin: 0; padding: 38px 7%; }
.ccm-page h2 { border-bottom: 6px solid #09a; color: #152260; display: inline-block; font-size: 1.6em; font-weight: 700; line-height: 1.2em; margin-bottom: 18px; }
.ccm-page h3 { color:#09a; font-size: 1.3em; font-weight: 600; text-transform: uppercase; }
.ccm-page h4 { color: #152260; font-size: 1.3em; font-weight: 700; line-height: 1.3em; margin-bottom: 2px; }
.ccm-page > div > .columns { padding: 0; }
.ccm-page > div > div .row { padding: 56px 8% 68px; }
.ccm-page > div > div .columns { padding: 0 1.75%; }
.ccm-page .row { max-width: 100%; padding: 0; }
.ccm-page > div > div .gray-row { background-color: #f3f4f7; } /* padding: 36px 0 22px; */
.ccm-page > div > div .blue-row { background-color: #152260; color: #fff; }
.ccm-page .blue-row h2 { color: #fff; }
.ccm-page > div > div .teal-row { background-color: #09a; color: #fff; }
.ccm-page .teal-row h2 { border-bottom-color: #fff; color: #fff; }
.ccm-page .teal-row h3 { color: #fff; }
.ccm-page > div > div .faded-purple-row { background-color: #555d8f; color: #fff; text-align: center; }
.ccm-page .teal-row h2 { border-bottom-color: #fff; color: #fff; }
.ccm-page > div > div .unpadded-row .row,
.ccm-page > div > div .unpadded-row .columns { padding: 0; }
.ccm-page > div > div .lone-title .row { padding-bottom: 0; }
.ccm-page fieldset { border: 0; margin-top: 38px; padding: 0; }
.ccm-page label { color: 152260; font-weight: 700; margin-bottom: 3px; }
.ccm-page .ccm-dashboard-express-form input[type="text"],
.ccm-page .ccm-dashboard-express-form input[type="email"],
.ccm-page .ccm-dashboard-express-form textarea { background-color: #eaebee; border: 0; box-shadow: none; resize: none; }
.ccm-page form button[type="submit"] { background-color: #152260; color: #fff; float: right; font-family: realist; padding: 6px 28px; transition: background-color .2s; }
.ccm-page form button[type="submit"]:hover { background-color: #0b1649; }
.ccm-page small { font-size: .8em; }
.ccm-page .layoutnopad div.row {padding: 0px!important;}
/* Homepage */
.page-template-home h1, .page-template-homenew h1 { background-color: transparent; padding: 0 !important; }
.page-template-home h2, .page-template-homenew h2 { border: 0; }
.page-template-home .row, .page-template-homenew .row { max-width: 100%; padding: 0 !important; }
.page-template-home .columns, .page-template-homenew .columns { padding: 0 !important; }
.page-template-homenew #footer .subnav {padding-bottom:4px;}
.page-template-homenew #footer .subnav .nav {clear:none;text-align:right;float:right;display:inline-block;}
.page-template-homenew #footer p.footeraddress {display:inline-block;font-size:.8em;margin-left:20px; margin-top: 6px;
margin-bottom: 0;}
.page-template-homenew #footer p.footeraddress span {text-transform:uppercase;font-weight:bold;margin-right:8px;margin-left:5px;}
#imagebanner .columns { overflow: hidden; position: relative; }
#imagebanner img { width: 100%; }
#imagebanner .columns h1 { color: #fff; font-weight: 700; letter-spacing: .04em; position: absolute; text-align: center; top: 140px; width: 100%;font-size: 1.7em; }
#imagebanner .columns h1 span { display: block; font-size: .8em; font-weight: 400; }
#imagebanner .columns p { margin: 0; }
#imagebanner .columns p:last-of-type { background-color: #09a; border-radius: 50% 50% 0 0; bottom: -10px; box-shadow: 0 -4px 14px -4px #333; color: #fff;
font-size: 1.5em; left: -5%; line-height: 1.3em; padding: 64px 500px 110px; position: absolute; text-align: center; width: 110%; }
#imagebanner .columns p:last-of-type span { display: block; font-weight: 700; margin-bottom: 14px; }
#homedata { box-shadow: 0 -8px 8px -8px #777; padding: 0 4%; position: relative; }
#homedata .medium-4 { color: #152260; height: 260px; padding: 0 46px 24px !important; text-align: center; }
#homedata .medium-4 h2 { color: #152260; font-size: 1.2em; font-weight: 700; margin: 12px 0 2px; }
#homedata .medium-4 p { font-size: 1.2em; line-height: 1.4em; }
#homedata .medium-4 p:first-of-type { margin: -60px 0 4px; }
#homedata .medium-4 img { width: 150px; }
#homedata .medium-4 p:last-of-type { margin: 0 auto; width: 74%; }
.homepage-header { box-shadow: 0 -8px 8px -8px #777; height: 46px; position: relative;}
.homepage-header h2 { background-color: #92c83e; border: 0; color: #fff; display: block; font-size: 1.3em; height: 100%; letter-spacing: .09em; line-height: 48px; margin: 0; text-align: center; }
.homepage-header p { background-color: #d7d8db; color: #152260; font-size: 1.3em; font-weight: 700; height: 100%; line-height: 46px; margin: 0; padding: 0 34px; position: relative; }
.homepage-header p span { color: #152260; }
#ride-graphic p { margin: 0; }
#ride-graphic ul { display: none; }
#totallogo {width:500px!important;margin-top:40px}
/* Subpages */
#subbody { min-height: 80%; overflow: auto; }
.simple-accordion-title-shell p.panel-title {font-weight:bold;}
.icon-box { padding: 0 6%; }
.ccm-page > div > div .icon-box .columns { background-color: #e3e4e7; min-height:335px; margin: 0 2%; padding: 24px 38px; width: 29.333333%; }
.icon-box p:first-of-type { margin-bottom: 6px; text-align: center; }
.icon-box p img { height: 164px; margin: -70px auto 0; width: auto; }
.icon-box p:last-of-type { padding: 0 8px 14px; }
/*-------*/
.ccm-page > div > div .mission-icon-box .columns { background-color: #f6f7f8; height: 440px; }
.mission-icon-box h3 { color: #152260; font-size: 1.2em; font-weight: 700; height: 48px; line-height: 1.3em; margin-bottom: 14px; padding: 0 67px; text-align: center; }
.mission-icon-box h3:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.mission-icon-box h3 span { display: inline-block; vertical-align: middle; }
/*-------*/
.what-we-take-icon-box { padding: 0; }
.what-we-take-icon-box p:first-of-type { margin-bottom: 14px; }
.ccm-page > div > div .what-we-take-icon-box .row { padding: 70px 6% 0; }
.ccm-page > div > div .what-we-take-icon-box .columns { background-color: #e3e4e7; margin: 0 1%; min-height: auto; padding: 0; width: 18%; }
.what-we-take-icon-box p img { display: block; height: 110px; margin: -40px auto -4px; }
.what-we-take-icon-box h2 { border: 0; color: #152260; font-size: 1.3em; margin-bottom: 8px; padding: 0 14px; text-align: center; width: 100%; }
.what-we-take-icon-box p { line-height: 1.4em; padding: 0 18px 4px !important; }
.shrinkable span {min-height:110px;display:inline-block;}
.what-we-take-icon-box p .wwt-blue-button { background-color: #152260; box-shadow: 0 5px 9px -5px #555; color: #fff; display: block; font-size: .9em; line-height: 1.3em; margin-bottom: 28px; padding: 8px 14px; text-align: center;margin-top: 15px; }
.what-we-take-icon-box p .wwt-blue-button:hover { background-color: #0d259a; }
.ccm-page > div > div .dont-take-icon-box .row { padding: 40px 19% 90px; }
.ccm-page > div > div .dont-take-icon-box .columns { margin: 0 1%; padding: 0; width: 31.33333%; }
.dont-take-icon-box p img { height: 130px; margin: -45px auto -16px; }
/*-------*/
.ccm-page > div > div .new-wwt-icon-box .row { padding: 70px 10% 0; }
.ccm-page > div > div .new-wwt-icon-box .columns { margin: 0 2%; padding: 0 14px 0 94px; width: 29.3333%; }
.new-wwt-icon-box p img { position: absolute; left: 0; margin-left: -22px; margin-top: -14px; }
.new-wwt-icon-box h2 { margin-bottom: 3px; text-align: left; }
.new-wwt-icon-box p { margin: 0 0 11px; padding: 2px 8px !important; }
.new-wwt-icon-box p a.moreless { background-color: transparent; box-shadow: none; color: #09a; font-weight: 700; padding: 0; text-align: left; text-transform: uppercase; }
.new-wwt-icon-box p a.moreless:hover { background-color: transparent; color: #007683; }
.new-wwt-icon-box.dt-icon-box p img { height: auto; margin-top: -23px; margin-left: -34px; width: 110px; }
.ccm-page > div > div .what-we-take-page .dt-icon-box .row { padding-bottom: 70px; }
/*-------*/
.ccm-page > div > div .landfill-expansion-icon-box .columns { background-color: transparent; margin: 0 1%; padding: 0 12px; text-align: center; width: 23%; }
.landfill-expansion-icon-box h3 { color: #fff; line-height: 1.3em; margin: 18px 0 2px; }
.landfill-expansion-icon-box p img { height: 110px; }
/*-------*/
.ccm-page > div > div .employment-details .row { padding: 0 1%; }
.ccm-page > div > div .employment-details .columns { background-color: #fff; margin: 0 2%; padding: 0 16px 40px; text-align: center; width: 29.3333%; }
.employment-details p img { height: 120px; margin: -50px 0 14px; }
.mission-top-row { font-size: 1.2em; padding-top: 20px; }
.mission-top-row p { font-size: 1em; }
.ccm-page > div > div .timeline-row .row { padding: 0; }
.timeline-row .row > div:first-of-type { padding: 56px 8% 0; }
.ccm-page > div > div .timeline-row .row .columns:last-of-type { background-color: #152660; background-image: linear-gradient(to bottom, #152260, #076f90); color: #fff; padding: 0; }
.timeline { height: 1520px; position: relative; }
.timeline h2 { background-color: #09a; border: 0; color: #fff; font-size: 1.3em; letter-spacing: .15em; margin: 0; padding: 8px; text-align: center; width: 100%; }
.timeline:before { background-color: #fff; content: ""; height: 80%; left: 50%; margin-left: -2px; position: absolute; top: 6%; width: 4px; }
.timeline:after { border-left: 4px dashed #83b4c6; content: ""; left: 50%; margin-left: -2px; margin-top: 35px; position: absolute; top: 85%; height: 9%; width: 4px; }
.timeline ul { height: 74%; margin: 0; position: absolute; top: 6%; width: 100%; }
.timeline li { font-size: .8em; left: 50%; line-height: 1.2em; list-style-type: none; margin: 0 30px; position: absolute; width: 30%; }
.timeline li span { display: block; font-size: 1.5em; font-weight: 700; line-height: 1.3em;}
.timeline li:before { background-color: #fff; border-radius: 50%; content: ""; height: 20px; margin: 0 20px; position: absolute; right: 100%; top: 0; width: 20px; }
.timeline li.left { left: auto; right: 50%; text-align: right; }
.timeline li.left:before { right: auto; left: 100%; }
.timeline li:nth-of-type(2) { top: 7%; }
.timeline li:nth-of-type(3) { top: 12%; }
.timeline li:nth-of-type(4) { top: 19%; }
.timeline li:nth-of-type(4):before { display: none; }
.timeline li:nth-of-type(5) { top: 22%; }
.timeline li:nth-of-type(6) { top: 30%; }
.timeline li:nth-of-type(7) { top: 35%; }
.timeline li:nth-of-type(8) { top: 43%; }
.timeline li:nth-of-type(9) { top: 50%; }
.timeline li:nth-of-type(10) { top: 68%; }
.timeline li:nth-of-type(11) { top: 74%; }
.timeline li:nth-of-type(12) { top: 85%; }
.timeline li:nth-of-type(12):before { display: none; }
.timeline li:nth-of-type(13) { top: 92%; }
.timeline li:nth-of-type(14) { top: 98%; }
.timeline li:nth-of-type(15) { top: 103%; }
.timeline li:nth-of-type(16) { top: 108%; }
.regional-landfill-page .timeline-row .row .columns:last-of-type { background-color: #f3f4f7 !important; background-image: none !important; height: 500px; padding: 50px 4% 50px !important; }
.regional-landfill-page .timeline-row .row .columns:last-of-type h3,
.regional-landfill-page .timeline-row .row .columns:last-of-type li { color: #152260; font-weight: 700; }
.regional-landfill-page .timeline-row ul { margin-left: 40px; }
.ccm-edit-mode .timeline ul { position: static; }
.ccm-edit-mode .timeline li { position: static; }
.unpadded-row img[alt*="Learning from the Past"] { width: 100%; }
.transfer-station-operations ul { list-style-type: none; }
.transfer-station-operations li { float: left; line-height: 1.3em; margin: 18px 3%; padding-left: 74px; position: relative; width: 27.3333%; }
.transfer-station-operations li:nth-of-type(4) { clear: both; }
.transfer-station-operations img { left: -18px; position: absolute; top: 0; width: 70px; }
.ccm-page > div > div .transfer-station-top-row .row { background-color: #fff; padding-bottom: 8px; }
.transfer-station-top-row p { font-size: 1.3em; font-weight: 700; }
.our-facilities-top-row p { font-size: 1.3em; }
.ccm-page > div > div .our-facilities-top-row .row .columns:first-of-type { padding-top: 40px; }
.ccm-page > div > div .our-facilities-top-row .row .columns:last-of-type { background-image: none; background-color: #45B757; padding: 28px 4% 18px; text-align: center; }
.ccm-page > div > div .board-of-directors .row { padding-bottom: 20px; }
.board-of-directors .medium-3 { background-color: #f3f4f7; color: #152260; min-height: 506px; margin: 0 2%; padding: 0 !important; text-align: center; width: 21%; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;}
.board-of-directors .medium-3:hover {background-color:#09a;}
.board-of-directors .medium-3:hover a span, .board-of-directors .medium-3:hover p a, .board-of-directors .medium-3:hover p {color:white;}
.board-of-directors .medium-3:hover {background-color:#09a;}
.board-of-directors .medium-3 img { max-width: 2000px; width: 100%; }
.board-of-directors .medium-3 span { color: #09a; display: block; font-weight: 700; line-height: 1.3em; padding-bottom: 12px; }
.board-of-directors .medium-3 p:last-of-type { font-size: 1.2em; line-height: 1.4em; padding: 0 16px; }
.board-of-directors ul li { color: #152260; display: inline-block; font-size: 1.2em; margin: 0 28px 18px 0; }
.board-of-directors .teal-board a {color:white}
.board-of-directors span a {color:#09a; }
.board-of-directors a { color:#152260; line-height: .6em; }
.medium-3 .teal-board { background-color: #09a; color: #fff; overflow: auto; }
.medium-3 .teal-board span { color: #fff; }
.ccm-page > div > div .leadership .row { padding: 75px 11% 30px; }
.leadership .row .columns { padding-left: 280px !important; position: relative; }
.leadership .row .columns p:first-of-type { left: 0; position: absolute; width: 220px; }
.what-we-take-header { height: 60px; margin-bottom: 10px; overflow: auto; }
.what-we-take-header.nobotpad {margin-bottom: 0px; }
.what-we-take-header p { float: left; font-size: .9em; height: 100%; margin: 0; width: 29%; }
.what-we-take-header p:last-of-type { width: 42%; }
.what-we-take-header p a { background-color: #a9aec5; color: #fff; display: block; font-weight: 700; height: 100%; line-height: 60px; text-align: center; }
.what-we-take-header p a span { font-weight: 400; }
.what-we-take-header p:hover a { background-color: #8f95b1; }
.what-we-take-header p:nth-of-type(2) a { background-color: #5b6593; }
.what-we-take-header p:nth-of-type(2) a:hover { background-color: #485281; }
.what-we-take-header p:last-of-type a { background-color: #09a; line-height: 1.3em; padding: 11px 22px; text-align: left; }
.what-we-take-header p:last-of-type a:hover { background-color: #007f8d; }
.what-we-take-icon-box .igSpacer { background-color: #fff; height: 64px !important; }
.odor-control-header { display: table; width: 100%; }
.remainder-of-text { display: none; }
.what-we-take-icon-box p a.moreless { margin: 16px 0 3px; }
.moreless.less { display: none; }
.expanded .moreellipses { display: none; }
.expanded .remainder-of-text { display: inline; }
.expanded .moreless.less { display: block; }
.expanded .moreless.more { display: none; }
.new-wwt-icon-box p a.moreless { margin-top: 0; }
.new-wwt-icon-box p a.moreless.less { margin: 12px 0; }
.landfill-expansion-header { height: auto; margin: 0; }
.landfill-expansion-header .row { display: table; width: 100%; }
.landfill-expansion-header .medium-12 { display: table-row; float: none; width: 100%; }
.landfill-expansion-header p { display: table-cell; float: none; width: auto !important; }
.landfill-expansion-header p a { background-color: #152260; padding: 14px 0 !important; line-height: 1.4em !important; width: 100%; }
.landfill-expansion-header p a:hover { background-color: #0c184e; }
.landfill-expansion-header p:last-of-type a { background-color: #a9aec5; text-align: center; }
.landfill-expansion-header p:last-of-type a:hover { background-color: #8f95b1; }
.our-partners-page .medium-3 img { display: block; height: 150px; margin: 0 auto; width: auto; }
.cac-meeting-resources .simple-accordion-title-shell { background-color: #fff; }
.cac-meeting-resources h2 { border: none; color: #09a; }
.cac-meeting-resources .open h2 { color: #152260; }
.cac-meeting-resources ul { padding-left: 36px; }
.cac-meeting-resources .simple-accordion-group.closed .simple-accordion-title-shell > *:before { color: #152260; content: "\f055"; }
.cac-meeting-resources .simple-accordion-group.open .simple-accordion-title-shell > *:before { content: "\f056"; }
.what-we-take-header { background-color: #09a; height: auto; margin: 0; padding: 0 16px; }
.what-we-take-header .row { display: table; width: 100%; }
.what-we-take-header .medium-12 { display: table-row; float: none; width: 100%; }
.what-we-take-header p { display: table-cell; float: none; width: auto !important; }
.what-we-take-header p a { background-color: #09a !important; border-right: 1px solid #fff; margin: 9px 0; padding: 5px 0 !important; line-height: 1.4em !important; width: 100%; }
.what-we-take-header p a:hover { background-color: #015e68 !important; }
.what-we-take-header p:last-of-type a { border: 0; text-align: center; }
.ccm-page > div > div .hazardous-waste-page .row { padding: 14px 8% 30px; }
.ccm-page > div > div .hazardous-waste-page .gray-row { padding: 30px 0 0; }
.ccm-page > div > div .hazard-bottom-row .row { padding: 0 8% 34px; }
.hazard-bottom-row .medium-3 { border-right: 1px solid #152260; height: 310px; margin-bottom: 24px; }
.hazard-bottom-row .medium-3:last-of-type { border: 0; }
.hazard-bottom-row h3 { margin: 20px 0 0; }
.facility-locations { border-left: 1px solid #152260; padding-left: 6%; }
.facility-locations h3 span { display: block; margin-bottom: 40px; }
.facility-locations p,
.facility-locations ul { display: inline-block; margin: 0 4% 0 1%; vertical-align: top; width: 44%; }
.facility-locations ul { margin: 0; }
.facility-locations hr { border-color: #152260; }
.our-landfill h2 { background-color: #92c83e; border: 0; box-shadow: 0 -4px 8px -4px #777; color: #fff; display: block; font-size: 1.3em; letter-spacing: .14em; margin: 0; padding: 12px 0; text-align: center; }
.our-landfill p { margin: 0; }
.our-landfill ul { margin: 30px 0 0; text-align: center; }
.our-landfill ul li { display: inline-block; margin: 0 12px; }
.our-landfill ul li a { border-bottom: 0 solid #09a; display: block; transition: border .15s; }
.our-landfill ul li a.selected { border-bottom-width: 3px; }
.our-landfill h3 { display: none;}
.our-landfill img { width: 100%; }
.our-landfill img.hidden { display: none; }
.our-landfill img.hidden.showing { display: block; }
img[src*="underconstruction"] { display: block; margin: 60px auto; width: 80%; }
.search-page-search-bar input[type="submit"] { background-color: #09a; border: 0; color: #fff; font-family: realist; font-size: 1em; font-weight: 700; margin-bottom: 26px; padding: 6px 14px; }
.transfer-stations a { color: #152260; }
/* Jobs page type */
.page-template-job h2 {color: #152260;font-weight:600;}
.page-template-job h3 {color: #152260;font-weight:600;}
.page-template-job h4 {text-transform:uppercase; color:#0099AA; font-weight:600; }
#applynow {padding:30px;background-color:#F3F4F7;}
#functions.row {max-width:100%!important;background-color:#F3F4F7;padding:30px 10%;margin-top:20px;}
#functions table{border:none;border-spacing:0px;}
#functions table th {background-color:#152260;color:white;height:70px;}
#functions table tr td { color: #152260; padding:1rem}
.page-template-job #subbody {padding-bottom:0px;}
#jobdetails {margin-bottom:30px;}
#jobdetails h5 {margin:0px;font-size:.8em; text-transform:uppercase;color: #0099AA; font-weight:700}
#jobdetails p {margin:0px;font-size:.9em;}
#jobdetails hr {margin: .5rem 0 .7rem;}
#ccm-layouts-edit-mode .row { max-width: 100% !important; padding: 0; }
#ccm-layouts-edit-mode .row .columns { max-width: 100%; padding: 0 0.9375em; }
@media screen and (max-width: 2060px) {
.board-of-directors .medium-3 { min-height: 576px;}
}
@media screen and (max-width: 1600px) {
#imagebanner .columns h1 {top: 90px;}
}
@media screen and (max-width: 1560px) {
#imagebanner .columns h1 { top: 80px; }
#imagebanner .columns p:last-of-type { padding: 64px 300px 110px; }
#homedata .medium-4 p { font-size: 1.1em; line-height: 1.3em; }
#homedata .medium-4 p:last-of-type { width: 90%; }
.mission-icon-box h3 { padding: 0; }
.mission-icon-box p:last-of-type { line-height: 1.4em; }
.timeline { height: 1640px; }
.board-of-directors .medium-3 { min-height: 460px; }
/* .what-we-take-header { height: 54px; } */
.what-we-take-header p { font-size: .8em; }
.what-we-take-header p a { line-height: 54px; }
.landfill-expansion-header { height: auto;}
.landfill-expansion-header p:last-of-type a { line-height: 1.4em; }
.what-we-take-icon-box h2 { font-size: 1.1em; padding: 0 8px; }
.regional-landfill-page .timeline-row .row .columns:last-of-type { height: 650px; padding: 20px 4% 20px 3% !important; }
}
@media screen and (max-width: 1450px) {
#totallogo {width:380px!important;margin-top:40px;}
}
@media screen and (max-width: 1300px) {
#imagebanner .columns h1 { font-size: 2.1em; top: 50px; }
#imagebanner .columns p:last-of-type { font-size: 1.2em; }
#homedata .medium-4 { font-size: .9em; }
#homedata .medium-4 p { line-height: 1.3em; }
.homepage-header { font-size: .85em; }
.mission-icon-box p:last-of-type { font-size: .9em;}
.ccm-page > div > div .icon-box .columns {min-height:235px;}
.history-top-row img { margin-top: 40px; }
.board-of-directors .medium-3 { min-height: 400px; }
.board-of-directors .medium-3 p:last-of-type { font-size: 1.1em; }
/* .what-we-take-header { height: auto; margin-bottom: 60px; } */
/* .what-we-take-header p { height: 54px; width: 50%; } */
.what-we-take-header p a { line-height: 1.2em !important; padding: 5px 18px !important; }
.our-partners-page .medium-3 { font-size: .8em; }
.our-partners-page .medium-3 img { height: 106px; }
#footer-top .footer-left p { font-size:.9em; }
.what-we-take-header p:last-of-type { width: 100%; }
.what-we-take-header p:last-of-type a { text-align: center; }
.landfill-expansion-header { margin-bottom: 0; }
.landfill-expansion-header p { height: auto; }
.what-we-take-icon-box p img { height: 80px; margin-bottom: -14px; }
.what-we-take-icon-box h2 { font-size: 1em; }
.what-we-take-icon-box p { font-size: .8em; line-height: 1.2em; }
.landfill-expansion-icon-box h3 { font-size: 1em; }
.landfill-expansion-icon-box p { font-size: .95em; line-height: 1.2em; }
.landfill-expansion-icon-box p img { height: 84px; }
.new-wwt-icon-box p img { height: auto; width: 80px; }
.ccm-page > div > div .new-wwt-icon-box .row { padding: 32px 10% 0; }
.ccm-page > div > div .new-wwt-icon-box .columns { margin: 0 2.5% 28px; min-height: auto; padding: 0 18px 0 64px; width: 28.3333%; }
.new-wwt-icon-box p:first-of-type { margin-bottom: 3px; }
.new-wwt-icon-box p { margin-bottom: 6px; }
.shrinkable span {min-height: 70px; }
.timeline { height: 1840px; }
.cac-meeting-resources h2 { font-size: 1.3em;}
.page-template-homenew #footer .subnav {height:60px;text-align: center;}
.page-template-homenew #footer .subnav .nav {float:none;text-align:center}
.page-template-homenew p#backgroundbannerimg img{height:600px}
.page-template-homenew #imagebanner .columns h1 {top: 100px;}
}
@media screen and (max-width: 1175px) {
#footer-top .footer-middle p {font-size: 1.2em;}
#totallogo {width:300px!important;margin-top:40px;}
}
@media screen and (max-width: 1100px) {
#header > a > img { height: 42px; margin: 6px 0 4px; padding: 5px 18px; }
#menu { margin-right: 14px; }
#menu .nav { height: 52px; line-height: 54px; }
#menu .nav > li { margin: 0 4px; }
#menu .nav > li a { font-size: .85em; padding: 0 14px; }
#menu .nav > li.nav-path-selected > a:after { height: 6px; }
#employee-email { display: block; padding: 8px 0; position: static; text-align: center; }
#imagebanner .columns h1 { font-size: 1.8em; top: 40px; }
#imagebanner .columns p:last-of-type { line-height: 1.4em; padding: 48px 240px 86px; }
#homedata .medium-4 { font-size: .9em; height: 254px; padding: 0 24px 0 !important; }
#homedata .medium-4 p:first-of-type { margin-top: -48px; margin-bottom: 12px; }
#homedata .medium-4 img { width: 120px; }
#homedata .medium-4 p:last-of-type { font-size: 1em; }
.employment-details p img { height: 90px; margin: -24px 0 6px; }
.ccm-page > div > div .new-wwt-icon-box .row { padding: 32px 6% 0; }
.ccm-page > div > div .row { padding: 36px 4% 44px; }
.ccm-page h1 { font-size: 2.2em; padding: 24px 4%; }
.mission-icon-box h3 { font-size: 1.1em; padding: 0 16px; }
.ccm-page > div > div .mission-icon-box .columns { height: 390px; padding: 14px 20px; }
.new-wwt-icon-box.dt-icon-box p img { height: auto; margin-top: -18px; margin-left: -34px; width: 98px; }
.timeline-row .row > div:first-of-type { padding: 30px 4% 0; }
.timeline { height: 1720px; }
.timeline li { font-size: .75em; }
.timeline li:nth-of-type(12) { top: 85%; }
.our-partners-page .medium-3 img { height: 84px; }
.facility-locations p,
.facility-locations ul { font-size: .85em; }
.regional-landfill-page .medium-7,
.regional-landfill-page .medium-5 { width: 100%; }
.regional-landfill-page .medium-7 { margin-bottom: 28px; }
.regional-landfill-page .timeline-row .row .columns:last-of-type { height: auto; }
.our-facilities-top-row p { font-size: 1.1em; }
.hazard-bottom-row .medium-3 { font-size: .9em; height: 300px; }
.hazard-bottom-row .medium-3 p { line-height: 1.3em; }
#totallogo {width:280px!important;margin-top:40px;}
.page-template-homenew p#backgroundbannerimg img{height:500px}
}
@media screen and (max-width: 987px) {
#footer-top .footer-middle p {font-size: 1em;}
}
@media screen and (max-width: 960px) {
#imagebanner .columns h1 { font-size: 1.5em; top: 36px; }
#imagebanner .columns p:last-of-type { font-size: 1em; line-height: 1.4em; padding: 48px 190px 86px; }
.homepage-header { font-size: .7em; }
#ride-graphic p { overflow-x: auto; }
#ride-graphic p img { max-width: 8000px; width: 1100px; }
.resp-container { padding-top: 48%; }
.icon-box p img { height: 110px; margin-top: -50px; }
.icon-box p:last-of-type { line-height: 1.2em; padding: 0 4px 10px; }
.mission-icon-box h3 { font-size: 1em; padding: 0 8px; }
.history-top-row .medium-6 { width: 100%; }
.history-top-row img { display: block; margin: 20px auto 20px; width: 60%; }
.board-of-directors .medium-3 { min-height: 460px; }
.board-of-directors .medium-3 p:last-of-type { font-size: 1em; }
.drop-early .columns { width: 100%; }
.employment-details p img { height: 90px; margin: -24px 0 6px; }
.mission-top-row { font-size: 1em; padding-top: 16px; }
.mission-top-row p { font-size: 1em; }
#totallogo {width:250px!important;margin-top:30px}
.what-we-take-icon-box p img { height: 70px; margin-top: -30px; }
.ccm-page > div > div .what-we-take-icon-box .row { padding: 0 6%; }
.ccm-page > div > div .what-we-take-icon-box .columns { height: auto; margin: 0 1% 60px; width: 98%; }
.new-wwt-icon-box p img { height: auto; margin-left: -10px; margin-top: -12px; width: 70px; }
.ccm-page > div > div .new-wwt-icon-box .row { padding: 32px 7% 0; }
.ccm-page > div > div .new-wwt-icon-box .columns { margin: 0 2.5% 28px; padding: 0 18px 0 64px; width: 28.3333%; }
.hazardous-waste-page .medium-3 { border: 0; height: auto; width: 50%; }
.hazardous-waste-page .medium-3:first-of-type { margin-bottom: 30px; }
.hazardous-waste-page .medium-3:nth-of-type(3) { clear: both; }
.ccm-page > div > div .what-we-take-icon-box .columns { height: auto; min-height: auto; }
.landfill-expansion-header p a { font-size: .85em; padding: 9px 0 7px !important; }
.timeline { height: 1940px; }
.timeline li:nth-of-type(12) { top: 87%; }
.transfer-station-operations img { width: 50px; }
.transfer-station-operations li { font-size: .9em; line-height: 1.1em !important; padding-left: 46px; }
}
@media screen and (max-width: 885px) {
#footer-top .footer-left p { font-size:.6em; }
#totallogo {width:200px!important;margin-top:30px}
.page-template-homenew p#backgroundbannerimg img{height:450px}
}
@media screen and (max-width: 790px) {
.subnav .nav li { margin: 1px 2px; }
.subnav .nav li a { font-size: .75em; letter-spacing: .03em; line-height: 1.35em; }
.subnav .nav li a:after { height: 5px; margin-left: -1px; margin-top: -3px; width: 5px; }
#footer .subnav { padding: 0; }
#footer .subnav .nav li a { line-height: 1.6em; }
#employee-email { font-size: .8em; padding-bottom: 4px; }
#header-row { height: 24px; }
#menu .nav { background-color: #fff; border-top: 1px solid #999; box-shadow: -4px 0 8px -7px #aaa; height: auto; margin: 0; padding: 0; position: absolute; right: -240px; top: 76px; transition: right .6s; width: 230px; z-index: 1; }
.ccm-toolbar-visible #menu .nav { top: 124px; }
#menu.showing .nav { right: 0; }
#mobile-menu-button { display: block; }
#menu .nav > li { display: block; margin: 0; }
#menu .nav > li a { border-bottom: 2px solid #e2e3e6; font-size: .8em;height: auto; line-height: 30px; padding: 3px 14px 0; }
#menu .nav > li.nav-path-selected > a:after { display: none; }
#menu .nav > li a i { display: inline-block; font-size: .8em; margin-left: 6px; position: relative; top: -1px; transition: .4s; }
#menu .nav > li a.opened i { transform: rotate(-180deg); top: 1px; }
#menu .nav > li > ul { background-color: #e2e3e6; box-shadow: 0 2px 4px -4px #777; opacity: 1; position: static; width: 100%; }
#menu .nav > li > ul > li a { border-bottom-color: #aaa; padding: 1px 24px; }
.ccm-page p,
.ccm-page li { font-size: .9em; line-height: 1.5em; }
.ccm-page h2 { border-bottom-width: 3px; font-size: 1.3em; }
.ccm-page h3 { font-size: 1.1em; }
.ccm-page h4 { font-size: 1.1em; }
.page-template-home p, .page-template-homenew p { font-size: 1.2em; }
.ccm-page .homepage-header p { font-size: 1.3em; }
.footer-top { padding: 10px 20px 0; }
.footer-top p { font-size: em; padding: 7px 0 0 48px; }
.footer-top p:first-of-type img { top: 6px; }
.footer-top p:last-of-type { margin: 0; padding: 0 6px; }
#imagebanner .columns h1 { font-size: 1.3em; top: 30px; }
#imagebanner .columns p:last-of-type { font-size: .9em; line-height: 1.2em; padding: 38px 120px 74px; }
#homedata .medium-4 { font-size: .75em; height: 212px; }
#homedata .medium-4 img { width: 90px; }
#homedata .medium-4 p:first-of-type { margin: -40px 0 0; }
#homedata .medium-4 p:last-of-type { font-size: 1.1em; }
#ride-graphic p img { width: 900px;}
.homepage-header { font-size: .6em; height: 32px; }
.homepage-header h2 { line-height: 34px; }
.homepage-header p { line-height: 32px; padding: 0 14px; }
.icon-box .columns { height: auto; margin: 0 0 58px; width: 100%; }
.mission-icon-box p:last-of-type { padding: 0 18px 6px; }
.icon-box .row { padding: 0 2% !important; }
.ccm-page > div > div .icon-box .columns { height: auto; margin: 30px 0 18px; padding: 10px 14px; width: 100%; }
.mission-icon-box h3 { height: auto; }
.mission-icon-box h3:after { display: none; }
.ccm-page > div > div > .mission-icon-box:last-of-type .columns:last-of-type { margin-bottom: 48px; }
.timeline { height: 1830px; }
.timeline li { font-size: .75em; line-height: 1.1em; }
.timeline li span { font-size: 1.3em; line-height: 1.1em; padding-bottom: 2px; }
.ccm-page > div > div .board-of-directors .row { padding-bottom: 0; }
.board-of-directors .medium-3 { margin-bottom: 40px; width: 46%; }
.board-of-directors .medium-3:nth-of-type(3) { clear: both; }
.board-of-directors ul li { font-size: 1em; }
.ccm-page > div > div .leadership .row { padding: 45px 8% 10px; }
.leadership .row .columns{ padding-left: 180px !important; }
.leadership .row .columns p:first-of-type { width: 150px; }
.what-we-take-header p { float: none; font-size: .75em; height: auto; width: 100%; }
.what-we-take-header p a { border-right-width: 0px; height: auto; line-height: 1.3em; padding: 9px 14px 8px; }
.what-we-take-header p:last-of-type { border-bottom: 0; height: auto; }
.what-we-take-header p:last-of-type a { padding: 6px; }
/****/
.what-we-take-header p { border-bottom: 1px solid #fff; display: block; float: none; width: 100% !important; }
.landfill-expansion-header p { display: block; width: 100% !important; }
.landfill-expansion-header p a { font-size: .9em; padding: 15px 0 !important; }
.what-we-take-icon-box p img { height: 70px; margin-top: -30px; }
.what-we-take-icon-box h2 { font-size: 1em; }
.what-we-take-icon-box p { font-size: .8em; line-height: 1.2em; }
.new-wwt-icon-box p img { margin-top: -10px; }
.ccm-page > div > div .what-we-take-icon-box .row { padding: 0 7% !important; }
.ccm-page > div > div .what-we-take-icon-box .columns { margin: 0 1% 58px; width: 98%; }
.ccm-page > div > div .new-wwt-icon-box .columns { margin: 0 1% 38px; padding: 0 24px 0 62px; width: 98%; }
.what-we-take-icon-box p .wwt-blue-button { margin: 12px 0 0; }
.ccm-page > div > div .landfill-expansion-icon-box .columns { margin-bottom: 38px; width: 48%; }
.landfill-expansion-icon-box .columns:nth-of-type(3) { clear: both; }
.landfill-expansion-icon-box p img { margin-top: -20px; }
.ccm-page > div > div .employment-details .row { padding: 0; }
.ccm-page > div > div .employment-details .columns { font-size: .9em; margin: 0 1%; padding: 0 4px 20px; width: 31.3333%; }
.employment-details p img { height: 60px; margin: -10px 0 6px; }
.our-partners-page .medium-3 img { height: 70px; }
.facility-locations p,
.facility-locations ul { width: 92%; }
.facility-locations ul { margin: 8px 0 0 28px; width: 80%; }
.our-landfill p { overflow: auto; }
.our-landfill p img { max-width: 800%; width: 1000px; }
.our-landfill ul li a { display: block; margin: 14px; }
.transfer-station-operations li { width: 100%; margin: 8px 0; padding-left: 36px; }
.transfer-station-operations img { width: 40px; margin-left: 0; }
.hazard-bottom-row .medium-3 { padding-right: 34px !important; }
.page-template-homenew p#backgroundbannerimg img{height:400px}
}
@media screen and (max-width: 720px) {
#totallogo {width:180px!important;margin-top:30px}
}
@media screen and (max-width: 640px) {
#imagebanner .columns h1 { font-size: 1.13em; top: 20px; }
#imagebanner .columns p:last-of-type { font-size: .9em; line-height: 1.2em; padding: 38px 100px 54px; }
#homedata .row .row { padding-bottom: 28px !important; }
#homedata .medium-4 { font-size: .8em; height: auto; padding-bottom: 4px !important; }
#homedata .medium-4 p:first-of-type { margin-top: 18px; margin-bottom: 0; }
#homedata .medium-4 img { width: 80px; }
.homepage-header { height: auto; text-align: center; }
.homepage-header h2 { height: auto; }
.homepage-header p { height: auto; line-height: 1.4em; padding: 6px 14px; }
.ccm-page .homepage-header p { text-align: center; }
#footer-top {
min-height: 240px;}
#footer-top .footer-middle p {font-size: 1.4em;}
#footer-top .footer-left, #footer-top .footer-right { text-align:center}
#subbody { padding-bottom: 0; }
.ccm-page h1 { font-size: 1.7em; line-height: 1.2em; padding: 24px 14px; text-align: center; }
.ccm-page > div > div .row { padding: 25px 3% 12px; }
.ccm-page > div > div .gray-row { padding: 0; }
.timeline { height: 1200px; }
.timeline h2 { font-size: 1em;}
.timeline:after { margin-top: 24px;}
.timeline-row .row > div:first-of-type { padding: 25px 5% 12px; }
.timeline li:nth-of-type(12) { top: 85%; }
#footer-top .footer-middle p {padding-left: 0;}
.facility-locations { border: 0; margin: 30px 8px 16px; padding-left: 0; }
.ccm-page > div > div .landfill-expansion-icon-box .columns { margin-bottom: 24px; width: 48%; }
.landfill-expansion-icon-box p img { margin-top: 0px; }
.fullwidthimg { margin: 0 auto 24px; width: 64%; }
.our-partners-page h2 { display: block; margin: 0 auto; padding-bottom: 4px; text-align: center; width: 80%; }
.our-partners-page img { display: block; margin: 0 auto; width: 180px; }
.our-partners-page .medium-3 { font-size: 1em; margin-top: 28px; text-align: center; }
.our-partners-page hr { border-color: #fff; margin: 0; }
.our-partners-page a { font-size: .8em; margin-top: 0; }
.our-partners-page li { list-style-position: inside; }
.layoutnopad .medium-4 p:last-of-type { border-bottom: 1px solid #ddd; padding-bottom: 18px; }
.layoutnopad .medium-4:last-of-type p:last-of-type { border: 0; }
#totallogo {width:180px!important;margin-top:40px;}
.page-template-homenew #footer .subnav {height:90px;}
#footer-top .newfooterlogo {padding-left:0;}
#footer-top .footer-right p.spsalogofooter {padding-right:0;padding-left:0;}
}
@media screen and (max-width: 580px) {
#header-row { height: 48px; }
#header-row .nav { display: inline-block; width: 99%; padding: 4px 10px; text-align: center; }
#header-row:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#header-row .nav li a { padding: 2px 9px; }
#menu .nav { top: 100px; }
.ccm-toolbar-visible #menu .nav { top: 148px; }
img[src*="underconstruction"] { margin: 20px auto 0; width: 90%; }
.footer-top { padding-top: 5px; }
.footer-top p { font-size: .75em; margin-bottom: 6px; padding: 0; text-align: center; width: 100%; }
.footer-top p:first-of-type img,
.footer-top p:last-of-type { display: none; }
#footer .subnav { padding: 4px 12px; }
#footer .subnav .nav { line-height: .5em; }
#footer .subnav .nav li a { padding: 2px 6px; }
#footer .subnav .nav li:nth-of-type(2) { display: inline-block; }
#imagebanner .columns p:last-of-type { bottom: -20px; font-size: .8em; left: -5%; padding: 24px 42px 48px; width: 110%; }
#ride-graphic p img { width: 900px; }
.resp-container { padding-top: 310px; }
.history-top-row img { width: 90%; }
.timeline li { font-size: .7em; line-height: 1.2em; margin: 0 18px; width: 38%;}
.timeline li span { font-size: 1.3em; font-weight: 700; }
.timeline li:before { height: 12px; margin: 0 12px; width: 12px; }
.ccm-page > div > div .landfill-expansion-icon-box .columns { float: none; margin: 0 auto 20px; width: 90%; }
.landfill-bottom-row .medium-7 { overflow: auto; }
.landfill-bottom-row .medium-7 img { max-width: 8000%; width: 570px; }
.regional-landfill-page .medium-7 { border: 1px solid #aaa; overflow: auto; }
.regional-landfill-page .timeline-row .medium-7 { border: 0; }
.regional-landfill-page .medium-7 img { max-width: 800%; width: 700px; }
.ccm-page > div > div .hazardous-waste-page .row { padding: 0 8%; }
.page-template-homenew p#backgroundbannerimg img{height:350px}
#homeethreelogo {
bottom: -83px;
width: 180px;
}
}
@media screen and (max-width: 470px) {
#imagebanner .columns h1 { font-size: 1.1em; line-height: 1.1em; padding: 0 18px !important; top: 24px; }
#imagebanner .columns p:first-of-type img { max-width: 400%; width: 690px; }
.board-of-directors .medium-3 { clear: both; float: none !important; font-size: .8em; height: auto; margin: 0 auto 14px; min-height: 470px; overflow: auto; padding-bottom: 24px; width: 86%; }
.board-of-directors ul li { font-size: .8em; margin: 0 14px 8px 0; }
.ccm-page > div > div .leadership .row { padding: 45px 8% 10px; }
.leadership .row .columns{ padding-left: 0 !important; position: relative; }
.leadership .row .columns p:first-of-type { left: 0; position: static; width: 180px; }
.hazardous-waste-page .medium-3 { margin-bottom: 14px !important; width: 100%; }
.ccm-page > div > div .employment-details .columns { font-size: .9em; margin: 0 1%; min-height: auto; padding: 0 4px 20px; width: 98%; }
#imagebanner .columns p:last-of-type { left: -15%; padding: 28px 80px 40px; width: 130%; }
#functions table th { font-size: .7em; line-height: 1.3em; padding: 4px; }
#functions table tr td { font-size: .8em; line-height: 1.2em; padding: 4px; }
.timeline li:nth-of-type(12) { top: 89%; }
.unpadded-row img[alt*="Learning from the Past"] { max-width: 800%; width: 140%; }
}