/* * Minneapolis Street Design Guide - static copy. * Ported from the ConcreteCMS "msptap" theme (Foundation 5.5.3 + main.css) and its block stylesheets. * Unused rules were removed; block and per-page rules are scoped to the pages that loaded them. * Montserrat: SIL Open Font License 1.1. Icons: Font Awesome 4.7 outlines, SIL OFL 1.1. */ @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 400; src: url('../fonts/montserrat-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-latin-ext.woff2') format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF; } @font-face { font-family: 'Montserrat'; font-style: normal; font-weight: 700; src: url('../fonts/montserrat-latin.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* The CMS served pages in quirks mode, where tables do not inherit these properties. */ table { white-space: normal; line-height: normal; font-weight: normal; font-size: medium; font-style: normal; font-variant: normal; text-align: start; } /* Elements whose tag changed for semantics start from the defaults of the tag they replace. */ :where(th.as-td) { font-weight: normal; text-align: start; } :where(figure.sdg-figure, .rslides figure) { margin: 0; } /* block: application__blocks__search__templates__homepage-search__view.css */ :where(.b-homepage-search) #homepage-search { position: relative; } /* block: concrete__blocks__tags__view.css */ :where(.b-tags) .ccm-block-tags-wrapper .ccm-block-tags-tag { display: inline-block; color: #333; padding: 5px 8px 6px 8px; margin: 3px 6px 3px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background-color: #eee; } :where(.b-tags) .ccm-block-tags-wrapper a:hover .ccm-block-tags-tag { background-color: #ccc; } /* block: packages__ig_spacer__blocks__ig_spacer__view.css */ :where(.b-ig-spacer) .igSpacer { clear:both;display:block;margin:0; padding: 0; width:100%; } /* block: application__blocks__autonav__templates__design_guide_chapters__view.css */ :where(.b-design-guide-chapters) .chapter-nav { list-style-type: none; margin: 0; } :where(.b-design-guide-chapters) .chapter-nav li { background-color: #eeeeee; border-bottom: 1px solid #c4c4c4; color: #fff!important; display: block; font-weight: 700; letter-spacing: 0em; line-height: 1.1em; padding: 10px 20px 10px 40px!important; position: relative; } :where(.b-design-guide-chapters) .chapter-nav li a { color:#0d61a1;font-size:0.9em; } :where(.b-design-guide-chapters) .chapter-nav li a:before { content:'';height:10px; width:10px;background-color:#a2b53a;position:absolute;left:10px;top:13px;display:block; } :where(.b-design-guide-chapters) .chapter-nav li:hover { background-color: #008CBA; } :where(.b-design-guide-chapters) .chapter-nav li:hover a { color: white; } :where(.b-design-guide-chapters) .chapter-nav li.nav-path-selected { background:#0d61a1; } :where(.b-design-guide-chapters) .chapter-nav li.nav-path-selected a { color:white; } :where(.b-design-guide-chapters) .chapter-nav li.nav-path-selected a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } /* block: application__blocks__next_previous__templates__bottom_nav__view.css */ :where(.b-bottom-nav) .ccm-block-next-previous-wrapper a { color:white!important; } :where(.b-bottom-nav) .ccm-block-next-previous-previous-link { float:left; } :where(.b-bottom-nav) .ccm-block-next-previous-next-link { float:right; } :where(.b-bottom-nav) .ccm-block-next-previous-previous-link, :where(.b-bottom-nav) .ccm-block-next-previous-next-link { padding:20px;background:#0e6db7;display:inline; -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; } :where(.b-bottom-nav) .ccm-block-next-previous-previous-link:hover, :where(.b-bottom-nav) .ccm-block-next-previous-next-link:hover { background:#084F87; } :where(.b-bottom-nav) .ccm-block-next-previous-parent-link { display:none; } :where(.b-bottom-nav) .ccm-block-next-previous-previous-link img, :where(.b-bottom-nav) .ccm-block-next-previous-next-link img { height:20px;width:auto; } @media screen and (max-width: 660px) { :where(.b-bottom-nav) .ccm-block-next-previous-previous-link, :where(.b-bottom-nav) .ccm-block-next-previous-next-link { width:100%; } :where(.b-bottom-nav) .ccm-block-next-previous-next-link { text-align:right; } } /* block: application__blocks__autonav__templates__guide_navigation__view.css */ :where(.b-guide-navigation) .guide-nav { list-style-type: none; margin: 0; } :where(.b-guide-navigation) .guide-nav a { background-color: #0e6db7; border-bottom: 1px solid #c4c4c4; color: #fff!important; display: block; font-weight: 700; letter-spacing: .09em; line-height: 1.3em; padding: 26px 16px 26px 80px; position: relative; } :where(.b-guide-navigation) .guide-nav a:hover, :where(.b-guide-navigation) .guide-nav a:focus { background-color: #0d61a1; color: #fff; } :where(.b-guide-navigation) .guide-nav .opened :is(ul:where(:not(.as)), :where(.as-ul)) li a { color:#0d61a1!important; } @media screen and (max-width: 874px) { :where(.b-guide-navigation) .guide-nav a { font-size: .9em; padding: 11px 14px 11px 44px; } } /* block: application__blocks__autonav__templates__type_intro_submenu__view.css */ :where(.b-type-intro-submenu) #type-intro-submenu { list-style-type: none; margin: 0 0 48px; overflow: auto; } :where(.b-type-intro-submenu) #type-intro-submenu li { float: left; width: 100%; } :where(.b-type-intro-submenu) #type-intro-submenu a { background-color: #0e6db7; color: #fff; display: block; font-weight: 700; padding: 22px 30px; } :where(.b-type-intro-submenu) #type-intro-submenu a:hover { background-color: #025b99; } :where(.b-type-intro-submenu) #type-intro-submenu li:nth-of-type(3) a { background-color: #0B60A3; } :where(.b-type-intro-submenu) #type-intro-submenu li:nth-of-type(3) a:hover { background-color: #02508e; } :where(.b-type-intro-submenu) #type-intro-submenu li:nth-of-type(2) a { background-color: #084F87; } :where(.b-type-intro-submenu) #type-intro-submenu li:nth-of-type(2) a:hover { background-color: #014071; } @media screen and (max-width: 1210px) { :where(.b-type-intro-submenu) #type-intro-submenu a { line-height: 1.4em; height: 85px; } } @media screen and (max-width: 800px) { :where(.b-type-intro-submenu) #type-intro-submenu { margin-bottom: 20px; } :where(.b-type-intro-submenu) #type-intro-submenu li { width: 100%; } :where(.b-type-intro-submenu) #type-intro-submenu a { height: auto; margin-bottom: 12px; padding: 8px 12px; } } /* block: application__blocks__page_list__templates__homepage_slider__view.css */ :where(.b-homepage-slider) div.ccm-block-page-list-wrapper { position: relative; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal { background-color: #333; display: table; width: 100%; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal { margin-bottom: 0; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-read-more a:hover { color:white; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail { display: table-cell; vertical-align: top; width: 1px; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text { display: table-cell; padding-left: 20px; vertical-align: top; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text > :is(p:where(:not(.as)), :where(.as-p)) { font-size: .8em; letter-spacing: .15em; margin-bottom: 12px; text-transform: uppercase; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { font-weight: bold; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-read-more { margin-top: 20px; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-read-more a { background-color: #206EAD; color: #fff; display: inline-block; line-height: 1.2em; padding: 6px 14px; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-read-more a:hover { background-color: #125d99; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages { background-color: #666; height: 660px; overflow: hidden; position: relative; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div { background-size: cover; height: 100%; left: -100%; opacity: 0; position: absolute; top: 0; transition: opacity .3s, left 0s ease-in-out .3s; width: 100%; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div.showing { left: 0; opacity: 1; transition: opacity .6s ease-in-out .0s; } :where(.b-homepage-slider) .homeslider-image-info { background-color: #333; background-color: rgba(48,48,48,.76); bottom: 0; color: #fff; left: -100%; position: absolute; width: 100%; } :where(.b-homepage-slider) .homeslider-image-info i { background-color: #769025; display: inline-block; font-size: 1.3em; min-height: 66px; line-height: 68px; padding: 0 24px 0 28px; vertical-align: middle; } :where(.b-homepage-slider) .homeslider-image-info div { display: inline-block; line-height: 1.3em; padding: 12px 400px 12px 12px; vertical-align: middle; width: 92%; } :where(.b-homepage-slider) .homeslider-image-info strong { text-transform: uppercase; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div.showing .homeslider-image-info { left: 0; transition: left 1.1s ease-out .1s; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-page-entry-text { background-color: #769025; bottom: 0; color: #fff; padding: 20px 30px 28px 26px; position: absolute; right: -410px; width: 410px; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div.showing .ccm-block-page-list-page-entry-text { right: 0; transition: right .6s ease-out .6s; } :where(.b-homepage-slider) .slider-select { margin-bottom: 16px; padding-bottom: 18px; position: relative; } :where(.b-homepage-slider) .slider-select label { bottom: 0; color: #fff; font-size: .8em; font-weight: 700; letter-spacing: .1em; position: absolute; text-transform: uppercase; } :where(.b-homepage-slider) .slider-select i { background-color: #769025; border-radius: 4px; padding: 1px 7px 6px; position: absolute; right: 0; } :where(.b-homepage-slider) .ccm-block-page-list-description { min-height: 60px; } :where(.b-homepage-slider) .custom-select { border-bottom: 4px solid #fff; cursor: pointer; margin-bottom: 6px; padding-bottom: 3px; } :where(.b-homepage-slider) .custom-select strong { display: block; } @media screen and (max-width: 1240px) { :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages { height: 540px; } :where(.b-homepage-slider) .homeslider-image-info div { font-size: .9em; padding: 8px 360px 8px 8px; } :where(.b-homepage-slider) .homeslider-image-info strong { line-height: 1.1em; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-page-entry-text { font-size: .9em; padding: 12px 16px 18px 18px; right: -354px; width: 354px; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text > :is(p:where(:not(.as)), :where(.as-p)) { margin-bottom: 6px; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-description { font-size: .95em; line-height: 1.3em; } :where(.b-homepage-slider) .slider-select { margin-bottom: 10px; padding-bottom: 15px; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-read-more { font-size: .9em; margin-top: 15px; } } @media screen and (max-width: 960px) { :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages { height: 420px; } :where(.b-homepage-slider) .homeslider-image-info div { font-size: .75em; padding: 8px 270px 8px 8px; width: 90%; } :where(.b-homepage-slider) .homeslider-image-info i { font-size: 1em; min-height: 44px; line-height: 46px; padding: 0 14px 0 18px; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-page-entry-text { font-size: .8em; padding: 10px 12px 14px; right: -288px; width: 288px; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-description { font-size: .9em; line-height: 1.2em; } :where(.b-homepage-slider) .slider-select i { padding: 1px 6px 4px; } :where(.b-homepage-slider) .slider-select { margin-bottom: 8px; padding-bottom: 12px; } } @media screen and (max-width: 744px) { :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages { height: auto; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div { background-size: 100%; display: none; height: auto; padding-top: 180px; position: static; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div.showing { display: block; } :where(.b-homepage-slider) .homeslider-image-info { position: static; width: 100%; } :where(.b-homepage-slider) .homeslider-image-info div { padding: 8px 18px 8px; width: 100%; } :where(.b-homepage-slider) .homeslider-image-info i { display: none; } :where(.b-homepage-slider) div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail { display: block; } :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-page-entry-text { display: block; padding: 10px 20px 12px 18px; position: static; width: 100%; } :where(.b-homepage-slider) .slider-select { max-width: 360px; } } @media screen and (max-width: 660px) { :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-pages > div { background-size: 260%!important; background-repeat: no-repeat!important; padding-top: 260px!important; background-position: top center; } } @media screen and (max-width: 440px) { :where(.b-homepage-slider) .slider-select { padding-bottom: 8px; } :where(.b-homepage-slider) .slider-select label { font-size: .7em; } :where(.b-homepage-slider) .custom-select strong { line-height: 1.3em; padding-right: 48px; } } /* block: application__blocks__page_list__templates__related_content__view.css */ :where(.b-related-content) div.ccm-block-page-list-wrapper { position: relative; } :where(.b-related-content) div.ccm-block-page-list-page-entry { margin-bottom: 10px; } :where(.b-related-content) .relatedcontentlist { width:20%;text-align:center; float:left; position:relative; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } :where(.b-related-content) #main > .columns { padding-bottom: 54px !important; } :where(.b-related-content) .relatedcontentlist:after { content: ""; display: block; padding-bottom: 100%; } :where(.b-related-content) .ccm-block-page-list-page-entry .relatedcontentlist :is(h4:where(:not(.as)), :where(.as-h4)) { color:white; } :where(.b-related-content) .ccm-block-page-list-page-entry .relatedcontentlist { background-color:#00579B; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(1) .relatedcontentlist { background-color:#00579B; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(2) .relatedcontentlist { background-color:#0761A8; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(3) .relatedcontentlist { background-color:#0A69B2; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(4) .relatedcontentlist { background-color:#0E6DB7; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(5) .relatedcontentlist { background-color:#1F7BC3; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(6) .relatedcontentlist { background-color:#3287CA; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(7) .relatedcontentlist { background-color:#3892D9; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(8) .relatedcontentlist { background-color:#44A2EC; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(9) .relatedcontentlist { background-color:#00579B; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(10) .relatedcontentlist { background-color:#0761A8; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(11) .relatedcontentlist { background-color:#0A69B2; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(12) .relatedcontentlist { background-color:#0E6DB7; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(13) .relatedcontentlist { background-color:#1F7BC3; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(14) .relatedcontentlist { background-color:#3287CA; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(15) .relatedcontentlist { background-color:#3892D9; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(16) .relatedcontentlist { background-color:#44A2EC; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(17) .relatedcontentlist { background-color:#00579B; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(18) .relatedcontentlist { background-color:#0761A8; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(19) .relatedcontentlist { background-color:#0A69B2; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(20) .relatedcontentlist { background-color:#0E6DB7; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(21) .relatedcontentlist { background-color:#1F7BC3; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(22) .relatedcontentlist { background-color:#3287CA; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(23) .relatedcontentlist { background-color:#3892D9; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(24) .relatedcontentlist { background-color:#44A2EC; } :where(.b-related-content) .ccm-block-page-list-page-entry:hover .relatedcontentlist { background-color:#A2B53A; } :where(.b-related-content) .relatedcontentlist :is(h4:where(:not(.as)), :where(.as-h4)) { position:absolute; top: 40%; transform: translateY(-50%); left: 50%; transform: translateX(-50%);font-weight:bold;color:white;font-size:1em; } @media screen and (max-width: 1200px) { :where(.b-related-content) .relatedcontentlist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: .85em; top: 23%; } } @media screen and (max-width: 920px) { :where(.b-related-content) .relatedcontentlist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: .75em; top: 20%; } } @media screen and (max-width: 740px) { :where(.b-related-content) .relatedcontentlist { width: 33.3333%; } } @media screen and (max-width: 500px) { :where(.b-related-content) .relatedcontentlist { width: 50%; } :where(.b-related-content) .relatedcontentlist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: .7em; top: 16%; } } /* block: application__blocks__page_list__templates__street_types_list__view.css */ :where(.b-street-types-list) div.ccm-block-page-list-wrapper { position: relative; } :where(.b-street-types-list) div.ccm-block-page-list-page-entry { margin-bottom: 10px; } :where(.b-street-types-list) .streetypelist { width:33.33%;text-align:center; background-size:cover!important; background-repeat:no-repeat!important; float:left; position:relative; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } :where(.b-street-types-list) .streetypelist:after { content: ""; display: block; padding-bottom: 100%; } :where(.b-street-types-list) .streetypelist:hover:before { opacity:0.2; } :where(.b-street-types-list) .streetypelist::before { content: "";display:block;position:absolute;height:60%;width:60%;background-color:black;top:0;left:0;top: 20%; transform: translateY(-50%); left: 50%; transform: translateX(-50%);border-radius:100%;opacity:0%;-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { font-weight:bold;color:white;font-size:1.8em; height: 100%; margin: 0; padding: 0 8%; position: absolute; text-align: center; width: 100%; } :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)):before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) span { display: inline-block; text-transform: none; vertical-align: middle; } @media screen and (max-width: 1210px) { :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1.4em; line-height: 1.2em; } } @media screen and (max-width: 860px) { :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1.1em; line-height: 1.2em; } } @media screen and (max-width: 680px) { :where(.b-street-types-list) .streetypelist { width: 50%; } :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1em; padding: 0 6px; } } @media screen and (max-width: 450px) { :where(.b-street-types-list) .streetypelist { width: 100%; } :where(.b-street-types-list) .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1em; padding: 0 16px; } } /* block: application__blocks__autonav__templates__print_options__view.css */ :where(.b-print-options) .guide-nav { list-style-type: none; margin: 0; } :where(.b-print-options) .guide-nav a { background-color: #0e6db7; color: #fff; display: block; font-weight: 700; letter-spacing: .09em; line-height: 1.3em; padding: 26px 16px 26px 80px; position: relative; } :where(.b-print-options) .guide-nav a:hover, :where(.b-print-options) .guide-nav a:focus { background-color: #0d61a1; color: #fff; } :where(.b-print-options) .print-options { border-top: 4px solid #c4c4c4; } :where(.b-print-options) .print-options li { border-bottom: 3px solid #c4c4c4; } :where(.b-print-options) .print-options a { background-color: #fff; color: #000; letter-spacing: .02em; padding: 26px 4px; text-transform: uppercase; } :where(.b-print-options) .print-options a:hover, :where(.b-print-options) .print-options a:focus { background-color: #fff; color: #000; } :where(.b-print-options) .sub-page img { width:100%; } :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) { background-color: #f1f1f1; list-style-type: none; margin: 0; padding: 7px 0; } :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) > li { border: 0; } :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) > li a { background-color: #0e6db7; border: 0; color: #fff; display: block; font-size: .9em; min-height: 38px; margin: 10px auto; padding: 10px 188px 10px 12px; position: relative; width: 94%; } :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) > li a:hover, :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) > li a:focus { background-color: #0d61a1; color: #fff; } :where(.b-print-options) #print-option-header { color: #0e6db7; margin-bottom: 18px; text-transform: uppercase; } :where(.b-print-options) #drop-box { background-color: #f1f1f1; margin-bottom: 100px; min-height: 340px; padding: 18px; position: relative; text-align: center; } :where(.b-print-options) #drop-box img { margin-top: 20px; width: 100px; } :where(.b-print-options) #drop-box :is(p:where(:not(.as)), :where(.as-p)) { color: #525252; font-size: .9em; font-weight: 600; line-height: 1.5em; margin: 9px auto; width: 50%; } :where(.b-print-options) #drop-box button { background-color: #0e6db7; font-family: 'Montserrat', sans-serif; font-weight: 700; left: 0; letter-spacing: .05em; position: absolute; text-transform: uppercase; top: 100%; transition: background .2s; width: 100%; } :where(.b-print-options) #drop-box button:hover { background-color: #055da2; } :where(.b-print-options) #drop-box .if-small { display: none; } :where(.b-print-options) #drop-box.has-content img, :where(.b-print-options) #drop-box.has-content :is(p:where(:not(.as)), :where(.as-p)) { display: none; } @media screen and (max-width: 800px) { :where(.b-print-options) #drop-box { padding: 6px; } } @media screen and (max-width: 565px) { :where(.b-print-options) .print-options a { padding: 10px; text-align: center; } :where(.b-print-options) .print-options li > :is(ul:where(:not(.as)), :where(.as-ul)) > li a { font-size: .8em; min-height: 32px; text-align: left; } } @media print { body:where(.b-print-options) * { visibility: hidden; overflow-y: visible!important; } :where(.b-print-options) a:link:after, :where(.b-print-options) a:visited:after { content: "" !important; } } /* block: concrete__css__responsive-slides.css */ :where(.b-responsive-slides) .rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } :where(.b-responsive-slides) .rslides > li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; } :where(.b-responsive-slides) .rslides > li:first-child { position: relative; display: block; float: left; } :where(.b-responsive-slides) .rslides img { display: block; height: auto; float: left; width: 100%; border: 0; } :where(.b-responsive-slides) .rslides_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; z-index: 99; opacity: 0.7; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent none no-repeat left top; margin-top: -45px; } :where(.b-responsive-slides) .rslides_nav.next { left: auto; background-position: right top; right: 0; } /* block: concrete__blocks__image_slider__view.css */ :where(.b-image-slider) .ccm-image-slider { position: relative; } :where(.b-image-slider) .ccm-image-slider-text { position: absolute; width: 45%; left: 0; top: 10%; } :where(.b-image-slider) .ccm-image-slider-title { margin-top:auto; } :where(.b-image-slider) .rslides { margin: 0 auto; } /* theme: application__themes__msptap__css__foundation.css */ html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #222; cursor: auto; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.5; margin: 0; padding: 0; position: relative; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } img { display: inline-block; vertical-align: middle; } select { width: 100%; } .row { margin: 0 auto; max-width: 62.5rem; width: 100%; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row .row { margin: 0 -0.9375rem; max-width: none; width: auto; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .columns { padding-left: 0.9375rem; padding-right: 0.9375rem; width: 100%; float: left; } .columns + .columns:last-child { float: right; } @media only screen { .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .small-12 { width: 100%; } } @media only screen and (min-width: 40.0625em) { .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-12 { width: 100%; } } @media only screen and (min-width: 64.0625em) { .columns { position: relative; padding-left: 0.9375rem; padding-right: 0.9375rem; float: left; } } button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #008CBA; border-color: #007095; color: #FFFFFF; transition: background-color 300ms ease-out; } button:hover, button:focus { background-color: #007095; } button:hover, button:focus { color: #FFFFFF; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 40.0625em) { button { display: inline-block; } } label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: normal; line-height: 1.5; margin-bottom: 0; } ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { color: #666666; } ::-moz-placeholder { color: #666666; } :-ms-input-placeholder { color: #666666; } select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select:focus { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select { margin: 0 0 1rem 0; } .label { display: inline-block; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1; margin-bottom: auto; position: relative; text-align: center; text-decoration: none; white-space: nowrap; padding: 0.25rem 0.5rem 0.25rem; font-size: 0.6875rem; background-color: #008CBA; color: #FFFFFF; } table { background: #FFFFFF; border: solid 1px #DDDDDD; margin-bottom: 1.25rem; table-layout: auto; } table thead { background: #F5F5F5; } table thead tr th:where(:not(.as)) { color: #222222; font-size: 0.875rem; font-weight: bold; padding: 0.5rem 0.625rem 0.625rem; } table tr th:where(:not(.as)), table tr :is(td:where(:not(.as)), :where(.as-td)) { color: #222222; font-size: 0.875rem; padding: 0.5625rem 0.625rem; text-align: left; } table tr:nth-of-type(even) { background: #F9F9F9; } table thead tr th:where(:not(.as)), table tbody tr :is(td:where(:not(.as)), :where(.as-td)), table tr :is(td:where(:not(.as)), :where(.as-td)) { display: table-cell; line-height: 1.125rem; } div, :is(ul:where(:not(.as)), :where(.as-ul)), :is(ol:where(:not(.as)), :where(.as-ol)), li, h1, :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)), :is(h4:where(:not(.as)), :where(.as-h4)), :is(h5:where(:not(.as)), :where(.as-h5)), :is(h6:where(:not(.as)), :where(.as-h6)), :is(p:where(:not(.as)), :where(.as-p)), th:where(:not(.as)), :is(td:where(:not(.as)), :where(.as-td)) { margin: 0; padding: 0; } a { color: #008CBA; line-height: inherit; text-decoration: none; } a:hover, a:focus { color: #0078a0; } a img { border: none; } :is(p:where(:not(.as)), :where(.as-p)) { font-family: inherit; font-size: 1rem; font-weight: normal; line-height: 1.6; margin-bottom: 1.25rem; text-rendering: optimizeLegibility; } h1, :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)), :is(h4:where(:not(.as)), :where(.as-h4)), :is(h5:where(:not(.as)), :where(.as-h5)), :is(h6:where(:not(.as)), :where(.as-h6)) { color: #222222; font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: normal; line-height: 1.4; margin-bottom: 0.5rem; margin-top: 0.2rem; text-rendering: optimizeLegibility; } h1 { font-size: 2.125rem; } :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: 1.6875rem; } :is(h3:where(:not(.as)), :where(.as-h3)) { font-size: 1.375rem; } :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1.125rem; } :is(h5:where(:not(.as)), :where(.as-h5)) { font-size: 1.125rem; } :is(h6:where(:not(.as)), :where(.as-h6)) { font-size: 1rem; } hr { border: solid #DDDDDD; 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: bold; line-height: inherit; } :is(ul:where(:not(.as)), :where(.as-ul)), :is(ol:where(:not(.as)), :where(.as-ol)) { font-family: inherit; font-size: 1rem; line-height: 1.6; list-style-position: outside; margin-bottom: 1.25rem; } :is(ul:where(:not(.as)), :where(.as-ul)) { margin-left: 1.1rem; } :is(ul:where(:not(.as)), :where(.as-ul)) li :is(ul:where(:not(.as)), :where(.as-ul)), :is(ul:where(:not(.as)), :where(.as-ul)) li :is(ol:where(:not(.as)), :where(.as-ol)) { margin-left: 1.25rem; margin-bottom: 0; } :is(ol:where(:not(.as)), :where(.as-ol)) { margin-left: 1.4rem; } :is(ol:where(:not(.as)), :where(.as-ol)) li :is(ul:where(:not(.as)), :where(.as-ul)) { margin-left: 1.25rem; margin-bottom: 0; } @media only screen and (min-width: 40.0625em) { h1, :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)), :is(h4:where(:not(.as)), :where(.as-h4)), :is(h5:where(:not(.as)), :where(.as-h5)), :is(h6:where(:not(.as)), :where(.as-h6)) { line-height: 1.4; } h1 { font-size: 2.75rem; } :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: 2.3125rem; } :is(h3:where(:not(.as)), :where(.as-h3)) { font-size: 1.6875rem; } :is(h4:where(:not(.as)), :where(.as-h4)) { font-size: 1.4375rem; } :is(h5:where(:not(.as)), :where(.as-h5)) { font-size: 1.125rem; } :is(h6:where(:not(.as)), :where(.as-h6)) { font-size: 1rem; } } @media print { * { background: transparent !important; color: #000000 !important; box-shadow: none !important; text-shadow: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } a[href^="#"]:after { content: ""; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.34in } :is(p:where(:not(.as)), :where(.as-p)), :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)) { orphans: 3; widows: 3; } :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)) { page-break-after: avoid; } } /* theme: application__themes__msptap__css__main.css */ body, html, h1, :is(h2:where(:not(.as)), :where(.as-h2)), :is(h3:where(:not(.as)), :where(.as-h3)), :is(h4:where(:not(.as)), :where(.as-h4)), :is(h5:where(:not(.as)), :where(.as-h5)), :is(h6:where(:not(.as)), :where(.as-h6)) { font-family: 'Montserrat', sans-serif; } .ccm-page .accessibilty-hide { background: #fff; border: 2px solid #000; color: #000; font-size: 1.3em; padding: 3px 14px; position: fixed; left: -10000px; top: 0; } .ccm-page .accessibilty-hide:focus { left: 4px; top: 4px; z-index: 1000; } .ccm-page .row { margin: 0; max-width: 100%; } .ccm-page a { transition: background-color .15s, color .15s; } body { background-color: #303030; } .ccm-page a { font-weight: bold;color: #0E6DB7; } .ccm-page a:hover { color:#008CBA; } #menu { height: 100%; position: fixed; width: 58px; z-index: 6; } #menu a { font-weight:normal; } #menu > div { background-color: #f1f1f1; box-shadow: 0 0 17px 0 #555; height: 100%; padding-top: 14px; position: relative; width: 100%; z-index: 3; } #menu a { color: #000; display: block; font-size: .75em; text-align: center; } #menu a.home-link { bottom: 220px; color: #5f6062; font-size: 1.3em; left: -191px; letter-spacing: .1em; position: absolute; transform: rotate(-90deg); width: 440px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav { background-color: #dadada; box-shadow: 0 0 17px 0 #555; height: 100%; left: -560px; list-style-type: none; margin: 0; position: absolute; overflow-y: auto; top: 0; transition: left .8s; width: 480px; z-index: 2; } #menu.showing :is(ul:where(:not(.as)), :where(.as-ul)).nav { left: 100%; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav a { border-top: 2px solid #c4c4c4; color: #10396e; font-size: 1em; font-weight: 700; letter-spacing: .1em; line-height: 1.3em; margin: 0; text-align: left; padding: 22px 46px 22px 36px; text-transform: uppercase; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav > li > a:before { background-color: #10396e; content: ""; display: inline-block; height: 12px; margin-right: 8px; width: 12px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav :is(ul:where(:not(.as)), :where(.as-ul)) { background-color: #d2d2d2; list-style-type: none; margin: 0; width: 100%; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav :is(ul:where(:not(.as)), :where(.as-ul)) a { border-width: 1px; color: #303030; font-size: .9em; padding: 14px 44px 14px 36px; text-transform: none; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav a:hover { background-color: #a5a5a5; } .nav > li > a { position: relative; } .navdown { background-color: #d2d2d2; border-radius: 4px; color: #000; padding: 6px 10px; position: absolute; right: 20px; top: 10px; } .navdown:hover, .navdown:focus { background-color: #aaa; color: #000; } .navdown span { left: -9999px; position: absolute; top: -9999px; } #footer { background-color: #303030; margin-left: 56px; } #footer > div { color: #fff; display: inline-block; vertical-align: middle; width: 31.75%; } #footer-left { width: 30%; } #footer-left img { height: 134px; padding: 18px 36px; width: auto; } #footer-center { text-align: center; } #footer-acc > span { color: #dadada; display: block; font-size: .75em; letter-spacing: .15em; margin-top: 13px; } #footer-acc { width:100%!important;padding:0px 36px 30px 36px; } #footer-right { text-align: right; } #footer-right a { color: #c4c4c4; font-size: 1.5em; margin-left: 40px; } #footer-right a:hover { color: #fff; } #footer hr { border: 1px solid #4e4848 ;margin:10px 36px; } #main { background-color: #fff; margin-left: 56px; overflow: auto; } .columns { padding: 0; } :is(p:where(:not(.as)), :where(.as-p)) { letter-spacing: .015em; } #main > .columns { padding: 40px 10% 26px 4%; } .page-type-map-page #main > .columns, .page-template-home #main > .columns { padding: 0; } .ccm-page :is(h3:where(:not(.as)), :where(.as-h3)) { font-weight: 700; margin: 20px 0; text-transform: uppercase; letter-spacing: 3px; color: #0E6DB7; } .ccm-page :is(h4:where(:not(.as)), :where(.as-h4)) { color: var(--sdg-green-heading); font-weight: 700; } .ccm-page :is(h5:where(:not(.as)), :where(.as-h5)) { font-weight: 700; } #main .columns :is(ul:where(:not(.as)), :where(.as-ul)) li { padding-bottom: 6px; } #main .columns :is(ul:where(:not(.as)), :where(.as-ul)) li :is(ul:where(:not(.as)), :where(.as-ul)) { margin-top: 6px; } #main .columns :is(ul:where(:not(.as)), :where(.as-ul)) li:last-of-type { border: 0; } #main .columns :is(ul:where(:not(.as)), :where(.as-ul)) li li { border: 0; margin-bottom: 4px; padding-bottom: 0; } #home-header { background-color: #206ead; background-image: linear-gradient( #206ead, #165589 ); color: #fff; text-align: center; } #home-header h1 { color: #fff; font-size: 3.4em; font-weight: 700; letter-spacing: .16em; margin: 0; padding: 56px 14px 38px; } #home-header h1 span { display: block; font-size: .5em; } .minusme .fa-plus:before { content:"\f068"!important; } #bottom-menu a { background-color: #206ead; color: #fff; float: left; height: 114px; position: relative; text-align: center; transition: .1s; width: 25%; } #bottom-menu a div { display: inline-block; vertical-align: middle; } #bottom-menu a img { display: block; height: 26px; margin: 0 auto 8px; width: auto; } #bottom-menu a span { display: inline-block; font-size: .9em; font-weight: 700; letter-spacing: .12em; line-height: 1.3em; transition: .2s; text-transform: uppercase; } #bottom-menu a:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } #jump-to-section-select option:first-of-type { display:none; } #bottom-menu a:hover { background-color: #165f9b; } #bottom-menu a:nth-of-type(2) { background-color: #1e68a5; } #bottom-menu a:nth-of-type(2):hover { background-color: #11548b; } #bottom-menu a:nth-of-type(3) { background-color: #185d95; } #bottom-menu a:nth-of-type(3):hover { background-color: #0d4878; } #bottom-menu a:nth-of-type(4) { background-color: #165589; } #bottom-menu a:nth-of-type(4):hover { background-color: #0a3e69; } .small-12 :is(p:where(:not(.as)), :where(.as-p)) img { max-width:100%; } .relatedchapexpand { display:none; } .relatedchapinner { height:auto;max-height:100000px; -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; } #sub-page-title { background-size: 100% 100%; display: table; width: 100%; position: fixed; z-index: 5; } #sub-page-title h1 { color: #fff; display: table-cell; font-size: 2em; letter-spacing: .2em; margin: 0; padding: 40px 56px; padding-left: 0; text-align: right; white-space: nowrap; } .sub-page .columns > :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: 1.6em; font-weight: 700; letter-spacing: .14em; line-height: 1.1em; } .sub-page .medium-6 { padding: 32px 22px 32px 0; } .page-template-design-guide .sub-page .medium-6 { padding-top:0px; } .sub-page .medium-6:last-of-type { padding-right: 0; padding-left: 22px; } .image-caption { font-size:.8em;font-weight:bold;padding-top:6px;display:inline-block; } #popout-wrapper { height: 600px; right: -4500px; overflow: hidden; position: fixed; top: 138px; width: 100%; z-index:3; transition: right 3.6s; } #popout-wrapper.openedwrapper { right: -100px; transition: right .6s; } #popout-drawers { border-bottom: 1px solid #e1e1e1; position: absolute; right: -400px; transition: right .6s; width: 400px; z-index: 1; } #popout-drawers.opened { right: 180px; } #popout-buttons { position: fixed; right: 0px; top: 135px; z-index: 4; } #popout-buttons button { background: #a2b53a; display: block; height: 80px; margin: 0; padding: 0; width: 80px; } #popout-buttons button:nth-of-type(2) { background: #97a838; } .ccm-block-tags-wrapper { display:none; } #popout-buttons button:hover { background: #768816; } #popout-buttons button img { padding: 0; width: 30px; } #popout-buttons button img[src*="close"] { display: none; } #popout-buttons button.active img { display: none; } #popout-buttons button.active img[src*="close"] { display: inline; } #popout-buttons button span { left: -9999px; position: absolute; top: -9999px; } #actual-drawers { background-color: #fff; height: 180px; width: 100%; } #actual-drawers > div { display: none; } #actual-drawers > div.showing { display: block; } #actual-drawers > div :is(h2:where(:not(.as)), :where(.as-h2)) { background-color: #e1e1e1; font-size: 1.1em; font-weight: 700; margin: 0; padding: 8px 12px; text-transform: uppercase; } .next-button { float:right;padding:20px;background:#0e6db7;display:inline; position:relative; -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; } .prev-button { float:left;padding:20px;background:#0e6db7;display:inline; position:relative; -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; } .next-button a, .prev-button a { color:white;position:relative; } .next-button a::after { content:'';height:20px;width:40px;background-image:url('../images/next-arrow-2.png');display:inline-block;background-repeat:no-repeat;margin-left:10px;padding-top:15px;position:relative;top:4px; } .prev-button a::before { content:'';height:20px;width:40px;background-image:url('../images/prev-arrow.png');display:inline-block;background-repeat:no-repeat;margin-left:10px;padding-top:15px;position:relative;top:4px; } .next-button:hover, .prev-button:hover { background:#084F87; } .next-button:hover a, .prev-button:hover a { color:white; } .footnoteslist :is(ol:where(:not(.as)), :where(.as-ol)) { font-size:.8em;line-height:1.2em; } .footnoteslist :is(ol:where(:not(.as)), :where(.as-ol)) li { margin-bottom:7px; } .page-template-street-type #popout-buttons { top: 185px; } .page-template-street-type #popout-wrapper { top: 185px; } .page-template-design-guide-intro .small-12 div.columns { padding:0px 2.5%; } .page-template-design-guide-intro .small-12 div.columns:first-of-type { padding-left:0px; } .page-template-design-guide-intro .small-12 div.columns:last-of-type { padding-right:0px; } .page-header-image { position: relative; } .page-header-image > :is(p:where(:not(.as)), :where(.as-p)) { margin: 0; } .page-header-image > div { background: #000; background: rgba(0,0,0,.75); height: 100%; position: absolute; right: 0; text-align: center; top: 0; width: 50%; } .page-header-image > div:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; } .page-header-image > div > div { display: inline-block; padding: 0 136px 0 6%; vertical-align: middle; width: 94%; } .page-header-image > div img { margin-bottom: 18px; width: 100px; } .page-header-image > div :is(p:where(:not(.as)), :where(.as-p)) { color: #fff; font-size: 1.1em; font-weight: 700; line-height: 1.8em; } .blue-corner-list { padding:20px;display:block;background:#0d61a1;position:relative;color:white; } .blue-corner-list a { color:white;text-decoration:underline; } .blue-corner-list:before { content:'';background:#a2b53a;position:absolute;width:100px;height:5px;top:0px;left:0px; } .gray-box { background: #f2f2f2; border-left: 12px solid #0d61a1; margin-bottom: 32px; padding: 28px 4% 4px !important; } .gray-box :is(ul:where(:not(.as)), :where(.as-ul)) li { border-bottom: 1px dashed #c9c9c9; margin-bottom: 16px; padding-bottom: 16px !important; } .gray-box :is(ul:where(:not(.as)), :where(.as-ul)) li :is(ul:where(:not(.as)), :where(.as-ul)) { margin-top: 18px !important; } .gray-box :is(ul:where(:not(.as)), :where(.as-ul)) li :is(ul:where(:not(.as)), :where(.as-ul)) li:last-of-type { padding-bottom: 0 !important; margin-bottom: 0 !important; } .gray-box :is(ul:where(:not(.as)), :where(.as-ul)) li li { border: 0; } .very-gray-box { background: #525252; color: #fff; } .very-gray-box :is(p:where(:not(.as)), :where(.as-p)) { font-weight: 700; } .very-gray-box a { color: #fff; text-decoration: underline; } #sub-page-title { min-height:137px; } .panel-button, .printbutton { margin: 20px auto; position: relative; width: 90%; } .resources-list-cont { background:#a2b53a; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) { margin:15px; } .resources-list-cont a { color:white; } .resources-list-cont a:hover { color:#0d61a1; } .resources-list-cont :is(h4:where(:not(.as)), :where(.as-h4)) { background:#0d61a1;color:white;margin-bottom:20px;padding:6px 6px 6px 20px; } .resources-list-cont { padding:0px; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) { list-style:none; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li { padding:20px!important;border-bottom:1px dashed #dddddd;line-height:1em; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li:first-of-type { padding-top:0px!important; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li a { font-size:0.9em!important; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li, .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li a { position:relative; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li a:before { content:'';display:block;height:8px;width:10px;background-image:url('../images/right-arrow-blue.png');position:absolute;top:6px;left:-20px; } .resources-list-minimal { padding:0px; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) { list-style:none;margin-left:0; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li { padding:20px!important;border-bottom:1px dashed #dddddd;line-height:1em; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li:first-of-type { padding-top:0px!important; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li a { font-size:0.9em!important; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li, .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li a { position:relative; } .resources-list-minimal :is(ul:where(:not(.as)), :where(.as-ul)) li a:before { content:'';display:block;height:8px;width:10px;background-image:url('../images/right-arrow-green.png');position:absolute;top:6px;left:-20px; } .panel-button a, .printbutton { background-color: #0e6db7; color: #fff!important; display: block; font-size: .9em; letter-spacing: .04em; padding: 10px 14px 10px 50px; font-weight:bold; margin: 0px!important; width: 100%; } .panel-button a:hover, .printbutton:hover { background-color: #035b9f;color:white; } #pdfdrawer .panel-button a:before, #pdfdrawer .printbutton:before { content:url('../images/icon-getpdf.png');height: 24px; left: 12px; position: absolute; top: 8px; } #tagdrawer .ccm-block-tags-tag { background-color: #0e6db7; border-radius: 100px; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1.1em; margin: 16px 0px 0px 16px; padding: 6px 16px 8px;transition: background-color .2s; } #tagdrawer .ccm-block-tags-tag:hover { background-color:#165589; } #popout-buttons, #popout-drawers { -webkit-box-shadow: -7px 7px 7px -3px rgba(0,0,0,0.42); box-shadow: -7px 7px 7px -3px rgba(0,0,0,0.42); } .get-involved-page #sub-page-title h1 { color: #fff; font-weight: 700; letter-spacing: .03em; line-height: 1.1em; padding: 0 0 14px; text-align: left; white-space: normal; } .get-involved-page #sub-page-title { -webkit-box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.42); box-shadow: 0px 7px 7px -3px rgba(0,0,0,0.42); background-color: #206EAD; background-image: linear-gradient(#206EAD, #165589); padding: 18px 3% 18px 1%; } #actual-title { color: #fff; display: inline-block; font-size: 1.1em; padding: 22px 0 0 2%; width: 68%; } #actual-title span { display: inline-block; font-size: .9em; letter-spacing: .1em; text-transform: uppercase; } #subpage-tools { float: right; margin-right: 26px; width: 26%; } #map-link { display: block; height: 36px; margin: 0px 0px 10px 0px; position: relative; width: 100%; } #map-link > div { background-color: #a2b53a; color: #fff; height: 100%; letter-spacing: .06em; line-height: 36px; position: relative; text-align: center; transition: background .2s; width: 60%; } #map-link:hover > div { background-color: #8d9f29; } #map-link > div img { height: 20px; margin-right: 5px; width: auto; } #map-link > div:after { border: 18px solid transparent; border-width: 18px 12px; border-left-color: #a2b53a; content: ""; left: 100%; position: absolute; top: 0; transition: border-color .2s; z-index: 1; } #map-link:hover > div:after { border-left-color: #8d9f29; } #map-link > span { background-color: #fff; color: #000; display: block; font-size: .75em; font-weight: 400; height: 100%; line-height: 1.2em; padding: 4px 0 0 24px; position: absolute; right: 0; top: 0; width: 40%; } #map-link .map-color { border-radius: 100px; display: inline-block; height: 6px; margin-left: 3px; vertical-align: middle; width: 36px; } .getstarted { padding:20px;text-align:center;display:block;background:#F0F0F0;border:10px solid white;min-height:360px; } .getstarted:hover { background:#E8E8E8; } .getstarted:hover img { opacity:0.8; } .getstarted img { margin-bottom:20px; } .getstarted span { font-weight:normal;color:black; } .getstarted :is(p:where(:not(.as)), :where(.as-p)) { font-size:1.5rem!important;font-weight:bold; } .intro-page #actual-title { padding-top: 14px; } .intro-page #subpage-tools { padding-top: 28px; } #subpage-tools label { left: -9999px; position: absolute; } #subpage-tools select, #subpage-tools option { font-weight:bold; } .stbannercontent img { max-height:100px;width:auto; } #map-link.overall-map > div { width: 100%; } #map-link.overall-map > div:after { display: none; } .stbannerimagecontainer { position:relative;height:300px;overflow:hidden; } .stbannerimagecontainer .stbannerimage { position:absolute;top:-30%;left:0;right:0; } .stbannerimagecontainer .stbannerimage img { width:100%; } .streetypelist :is(h4:where(:not(.as)), :where(.as-h4)) { color:white; } .stbannercontent { position:absolute;width:30%;min-width:300px;background:rgba(0,0,0,0.7);height:300px;padding:20px;text-align:center;-webkit-box-shadow: 5px 0px 5px -4px #000000; box-shadow: 5px 0px 5px -4px #000000; } .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { color:white;font-weight:bold; font-size: 1em;padding-top:30px; } .omn-box { background-color: #f0f0f0; margin: 24px 0 42px; padding: 36px 2.5%; } .omn-box > div { background-color: #fff; border: 2px dashed #c4c4c4; margin-bottom: 30px; padding: 28px 2% 10px; position: relative; } .omn-box > div :is(h5:where(:not(.as)), :where(.as-h5)) { color: #707d28; font-weight: 700; letter-spacing: .15em; margin-bottom: 14px; } .omn-box > div span { background-color: #c4c4c4; color: #fff; padding: 3px 8px; position: absolute; right: 0; top: 0; } #modal-networks > div { height: 350px; padding-left: 320px; } #modal-networks > div .sidebar { height: 100%; left: 0; position: absolute; top: 0; } #modal-networks > div .sidebar img { height: 100%; width: auto; } .sub-page .small-12 .medium-4, .sub-page .small-12 .medium-3 { padding:30px; } .figure-title { position:relative;display:block; } .figure-title:before { content:'';position:absolute;top:-13px;width:50px;height:5px;background:#a2b53a; } .figure-title { border-bottom:1px dashed #dddddd;padding-bottom:10px;margin-bottom:10px; } .sub-page .small-12 a:hover img { opacity:0.8; } #actual-title span a { font-weight:normal;color:white; } #actual-title span a:hover { color:#a2b53a; } .sub-page .small-12, .page-header-image { margin-top:137px; } .stbannerimagecontainer { margin-top:137px; } .nomargintop { margin-top:0px!important; } #other-map-link { color:white;text-align:center;display:block; } .page-type-map-page #subpage-tools { padding-top:18px; } :is(ol:where(:not(.as)), :where(.as-ol)).fancylist { margin-top: 10px; list-style: none; counter-reset: my-awesome-counter; } :is(ol:where(:not(.as)), :where(.as-ol)).fancylist li { margin: 0 0 18px 0; counter-increment: my-awesome-counter; position: relative; margin-left: 20px; padding-bottom: 5px; border-bottom: 1px dashed #c9c9c9; } :is(ol:where(:not(.as)), :where(.as-ol)).fancylist li::before { content: counter(my-awesome-counter) ""; font-size: .9em; padding: 2px; color: white; background: #0e6db7; width: 25px; height: 25px; text-align: center; display: inline-block; font-weight: bold; margin-right: 15px; position: absolute; left: -42px; } #figure32d tr :is(td:where(:not(.as)), :where(.as-td)) :is(p:where(:not(.as)), :where(.as-p)) { margin-left:0px;padding:0px;font-size:0.8em;line-height:1em; } #figure32d tr :is(td:where(:not(.as)), :where(.as-td)) { padding:6px;text-align:center; } #figure32d .unbold { font-weight:normal; } #figure32d .litegraycell { background:#cccccc!important; } #figure32d .litegraycell :is(p:where(:not(.as)), :where(.as-p)) { color:black; } #figure32d .darkgraycell { background:#666!important; } #figure32d .darkgraycell :is(p:where(:not(.as)), :where(.as-p)) { color:white; } #figure32d .mediumgraycell { background:#999999!important; } #figure32d .mediumgraycell :is(p:where(:not(.as)), :where(.as-p)) { color:white; } #figure32d tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { text-align:left;background:#0e6db7; } .sub-page .small-12 .basictable :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) a { color:#0e6db7; } .basictable th:where(:not(.as)) { background:#0d61a1!important; } .basictable tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { font-weight:bold; } .basictable tr :is(td:where(:not(.as)), :where(.as-td)) sup { font-weight:bold;padding-left:3px;font-size: .7em; } .basictable tr :is(td:where(:not(.as)), :where(.as-td)) a sup { color:#008CBA; } .basictable tr :is(td:where(:not(.as)), :where(.as-td)) a sup:hover { color:#0d61a1; } #footnoteslist :is(ol:where(:not(.as)), :where(.as-ol)) li { margin-bottom:7px; } .basictable :is(p:where(:not(.as)), :where(.as-p)) { color:black!important;padding: 0px 0px!important;margin-left:10px!important; } .sub-page .small-12 table.typicalchars :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { background:#a2b53a!important; } .sub-page .small-12 table.typicaldesign :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { background:#0e6db7!important; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { font-weight:bold;color:white; } .dottedline { padding:20px;border:3px dashed #c9c9c9;background:#f4f4f4;margin-top:10px; } .dottedline :is(h4:where(:not(.as)), :where(.as-h4)) { font-size:1em;border-bottom:2px solid #c9c9c9;padding-bottom:10px;margin-bottom:18px; } .sub-page .small-12 table { width: 100%; border-collapse: collapse; } .sub-page .small-12 table.gsitable :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { width:70px; } .sub-page .small-12 table :is(p:where(:not(.as)), :where(.as-p)) { margin:0;font-size: 1em; } .sub-page .small-12 table tr:nth-of-type(odd) { background: #eee; } .sub-page .small-12 table th:where(:not(.as)) { background: #333; color: white; font-weight: bold; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)), .sub-page .small-12 table th:where(:not(.as)) { padding: 6px 10px 6px 10px; border: 3px solid white; text-align: left; } .typicaldesign tr :is(td:where(:not(.as)), :where(.as-td)) :is(ul:where(:not(.as)), :where(.as-ul)) li { font-size:.85em; } .typicaldesign tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:has(~ :is(td:where(:not(.as)), :where(.as-td))))):nth-child(n) :is(ol:where(:not(.as)), :where(.as-ol)) li:last-of-type { margin-bottom:0px!important; } span.table-note { border-top:3px solid #9A9A9A;padding-top:5px;margin-top:10px;display:inline-block;font-style:italic;position:relative;margin-bottom:10px; } span.table-note:before { content:'';display:inline-block;width:15px;height:15px;background:#a2b53a;margin-right:10px;position:relative;top:2px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { width:260px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { margin-left:25px; padding:15px 0px;line-height: 1em;position: relative; } .sub-page .small-12 table.typicalchars tr :is(td:where(:not(.as)), :where(.as-td)) { position:relative; } .sub-page .small-12 table.typicalchars :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { margin-left:60px; } .sub-page .small-12 table.typicalchars tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { top: 10px;left: -60px; position: absolute; display: inline-block; width: auto; height: 30px; content:"";max-width:50px;width:100%;background-size:auto 100%;background-position:center;background-repeat:no-repeat; } .sub-page .small-12 table.typicalchars :is(td:where(:not(.as)), :where(.as-td)) :is(ul:where(:not(.as)), :where(.as-ul)) li { font-size:.85em; } .typicaldesign :is(ul:where(:not(.as)), :where(.as-ul)) { margin-bottom:0rem!important; } .sub-page .small-12 table.typicalchars :is(td:where(:not(.as)), :where(.as-td)) :is(ul:where(:not(.as)), :where(.as-ul)) { margin-bottom:0px; } .sub-page .small-12 table.typicalchars tr:nth-of-type(1) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/miles.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(2) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/ruler.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(3) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/effective.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(4) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/raod.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(5) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/govt.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(6) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/route.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(7) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/streetmap.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(8) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/plow.png'); } .sub-page .small-12 table.typicalchars tr:nth-of-type(9) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { background-image:url('../images/history.png'); } .medium-7.nopads { padding-right:2.5%!important; } .nopads { padding-bottom:0px!important; } .nopaddingtop { padding-top:0px!important; } .sub-page .small-12 table.typicaldesign :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { position:relative;vertical-align: top; } .sub-page .small-12 table.typicaldesign tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { text-align:center; display:inline-block;height:30px;width:30px;background:#a2b53a;color:white;padding-top:9px;font-size:1.1em;position:absolute;left:-35px;top:0; margin: auto; top: 0; bottom: 0; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(1) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'A'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(2) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'B'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(3) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'C'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(4) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'D'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(5) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'E'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(6) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'F'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(7) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'G'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(8) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'H'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(9) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'I'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(10) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'J'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(11) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'K'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(12) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'L'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(13) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'M'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(14) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'N'; } .sub-page .small-12 table.typicaldesign tr:nth-of-type(15) :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { content:'O'; } .ccm-image-slider-container { position:relative; } .ccm-image-slider-text { background:rgba(0,0,0,0.5);width:100%;text-align:center;padding-top:6px;top:0; } .ccm-image-slider-text :is(h2:where(:not(.as)), :where(.as-h2)) { font-size:0.9em;color:white;font-weight:bold; } .sub-page .anchor::before { display: block; content: " "; margin-top: -215px; height: 215px; visibility: hidden; pointer-events: none; } #gsifigure :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { background:#a2b53a; } #gsifigure :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { margin-left:0px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li :is(ul:where(:not(.as)), :where(.as-ul)) li { counter-increment:none; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) { list-style: none; counter-reset: my-awesome-counter; margin-bottom:0px; margin-top:10px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) a { color:white;text-decoration:underline; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) a:hover { color:#a2b53a; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li { margin: 0 0 12px 0; counter-increment: my-awesome-counter; position: relative; margin-left:20px; padding-bottom:5px; border-bottom:1px dashed #c9c9c9; font-size: .9em; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li:last-of-type { border-bottom:none; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li::before { content: counter(my-awesome-counter) ""; font-size:.9em;padding:2px; color: white; background:#0e6db7; width:25px; height:25px; text-align:center; display:inline-block; font-weight: bold; margin-right:15px; position:absolute; left:-42px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) :is(ul:where(:not(.as)), :where(.as-ul)) li:before { content:''; width:0px;height:0px; background: white; padding:0px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) :is(ul:where(:not(.as)), :where(.as-ul)) { margin-left:0px!important; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) :is(ul:where(:not(.as)), :where(.as-ul)) li { margin-top:10px;font-size: .85em; } .green-donwload-btn { padding:10px 20px;background-color:#a2b53a;margin-top:15px;display:inline-block; -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;position:relative; } .green-donwload-btn:hover { background:#768816; } .green-donwload-btn a { margin-left:20px; } .green-donwload-btn a, .green-donwload-btn a:hover { color:white; } .green-donwload-btn a:before { content: url('../images/icon-getpdf.png'); height: 14px; left: 12px; position: absolute; top: 10px; } .stbannermaplink a { height:100px;display:block;width:100px; border-radius:100%;margin:0 auto;text-align:center;padding:15px 10px;-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; } .stbannermaplink img { display:block;margin:0 auto;width:25px; } .stbannermaplink a span { color:white;font-size:.9em;line-height:1.1em;padding-top:10px;display:inline-block; } .stbannermaplink a:hover { border:3px solid white;padding:12px 10px; } @media screen and (max-width: 1460px) { #home-header h1 { font-size: 2.8em; } #modal-networks > div :is(p:where(:not(.as)), :where(.as-p)) { font-size:.9em; } .page-header-image > div img { width: 66px; margin-bottom: 0; } .page-header-image > div :is(p:where(:not(.as)), :where(.as-p)) { font-size: 1em; line-height: 1.5em; margin-top: 4px; } #map-link > div { font-size: .9em; width: 55%; } #map-link > span { width: 45%; } #map-link .map-color { width: 26px; } #main.print-page > .columns { padding-right: 5%; } } @media screen and (max-width: 1460px) { .stbannerimagecontainer .stbannerimage { top: -10%; } } @media screen and (max-width: 1230px) { .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { font-size: .9em;padding-top:10px; } .stbannerimagecontainer { height:240px; } #bottom-menu a { font-size: .85em; } #bottom-menu a div { width: 90%; } #bottom-menu a span { width: 70%; } .page-template-street-type #popout-buttons { top: 167px; } .page-template-street-type #popout-wrapper { top: 186px; } .relatedchps { padding-left:1%!important; } #main > .columns { padding: 32px 5% 18px 5%; } #main > .columns :is(p:where(:not(.as)), :where(.as-p)), #main > .columns li { font-size: .9em; } #figure32d :is(p:where(:not(.as)), :where(.as-p)) { font-size: .9em; } #figure32d tr :is(td:where(:not(.as)), :where(.as-td)) :is(p:where(:not(.as)), :where(.as-p)) { font-size: .8em!important; } #figure32d tr :is(td:where(:not(.as)), :where(.as-td)) { padding: 3px; } :is(h3:where(:not(.as)), :where(.as-h3)) { font-size: 1.3em; } .sub-page .small-12, .page-header-image { margin-top: 105px; } .stbannerimagecontainer { margin-top: 133px; } .page-header-image > div img { width: 54px; margin-bottom: 0; } .page-header-image > div :is(p:where(:not(.as)), :where(.as-p)) { font-size: .9em; line-height: 1.5em; margin-top: 1px; } .stbannerimagecontainer .stbannerimage { position: absolute; top: -5%; } .get-involved-page #sub-page-title { padding: 12px 0; } #actual-title { font-size: .9em; } .intro-page #subpage-tools { padding-top: 20px; } #map-link { font-size: .85em; } #map-link > div { letter-spacing: .02em; } #map-link > div img { height: 15px; margin-right: 2px; width: auto; } #map-link > span { padding: 7px 0 0 20px; } #jump-to-section-select { font-size: .8em; } #popout-buttons { top:134px; } #main.print-page > .columns { padding-right: 5%; } .print-page .medium-6 { padding: 0 24px; } #popout-wrapper { top:153px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li { font-size: .8em!important; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { width: 190px; } #subpage-tools { margin-right: 46px; } } @media screen and (max-width: 1100px) { .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { padding-top:0px; } #menu a.home-link { bottom: 180px; font-size: 1.1em; } #footer-left img { height: 84px; padding: 10px 20px; width: auto; } #footer-acc > span { font-size: .6em; line-height: 1.5em; margin-top: 7px;text-align:left; } #footer-right a { font-size: 1.2em; margin-left: 20px; } #home-header h1 { font-size: 1.8em; margin: 0; padding: 34px 20px; } .page-header-image > div div { padding: 0 90px 0 4%; } .page-header-image > div :is(p:where(:not(.as)), :where(.as-p)) { font-size: .85em; line-height: 1.3em; } #bottom-menu a span { font-size: .9em; line-height: 1.1em; } #popout-drawers.opened { right: 160px; } #popout-drawers { width:380px; } #popout-buttons button { height: 60px; width: 60px; } #popout-buttons button img { width: 22px; } #actual-drawers { height: 180px; } #actual-drawers > div :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: .9em !important; padding: 5px 9px; } #actual-drawers > div > div { font-size: .85em; padding: 9px 12px; } #tagdrawer .ccm-block-tags-tag { font-size: .9em; margin: 5px 3px; padding: 5px 10px; } .panel-button { margin: 4px auto; width: 98%; } .panel-button a { font-size: .85em; padding-left: 38px; } .omn-box { padding: 24px 3% 1px; } .omn-box > div { margin-bottom: 20px; padding: 20px 4% 6px; } .omn-box > div :is(h5:where(:not(.as)), :where(.as-h5)) { font-size: 1em; margin-top: 14px; } #modal-networks > div { height: auto; padding-left: 228px; padding-top: 32px; } #modal-networks > div .sidebar img { height: 240px; width: auto; } } @media screen and (max-width: 1070px) { .print-page .medium-6 { width: 100%; } .print-page .medium-6:last-of-type { padding-top: 18px; } .print-page :is(p:where(:not(.as)), :where(.as-p)) span { display: none; } .print-page .if-small { display: inline !important; } } @media screen and (max-width: 940px) { .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { font-size: .9em; } .resources-list-cont :is(ul:where(:not(.as)), :where(.as-ul)) li { padding: 10px!important; } #sub-page-title { min-height: 124px; } .get-involved-page #sub-page-title { padding: 14px 2%; } #actual-title { font-size: .8em; padding: 0 0 0 8px; width: 100%; } #sub-page-title h1 { font-size: 1.9em; } #subpage-tools { float: none; width: 100%; } #subpage-tools > * { display: inline-block; margin: 0 4px; vertical-align: middle; width: 300px; } .intro-page #actual-title { padding-top: 0; } .intro-page #subpage-tools { padding-top: 0; } .page-template-street-type #popout-buttons { top: 167px; } .page-template-street-type #popout-wrapper { top: 166px; } #jump-to-section-select { font-size: .8em; width: 200px; } .sub-page .small-12, .page-header-image { margin-top: 120px; } .stbannerimagecontainer { margin-top: 123px; } .stbannerimagecontainer .stbannerimage { top: 0; } .stbannerimagecontainer .stbannerimage img { width: 135%; max-width:1000%; } .page-header-image > div { height: auto; position: static; width: 100%; } .page-header-image > div > div { padding: 18px 5%; } .page-header-image > div:before { display: none; } .page-header-image > div img { width: 42px; margin-bottom: 8px; } .page-header-image > div :is(p:where(:not(.as)), :where(.as-p)) { font-size: .75em;margin: 0; } #popout-buttons { top: 120px; } #popout-wrapper { top: 169px; } } @media screen and (max-width: 800px) { .panme { width:100%;overflow:hidden;overflow-x:scroll; } #menu { width: 42px; } #main { margin-left: 42px; } #footer { margin-left: 42px; } .stbannerimagecontainer .stbannerimage { top: 0; } .sub-page .medium-6 { margin: 0; padding: 0; width: 100%; } .sub-page .medium-6:last-of-type { padding-left: 0; } #menu a { font-size: .6em; } #menu a.home-link { bottom: 150px; font-size: .9em; left: -198px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav { width: 320px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav a { font-size: .7em; padding: 10px 44px 9px 24px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav > li > a:before { height: 10px; width: 10px; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav :is(ul:where(:not(.as)), :where(.as-ul)) a { font-size: .7em; line-height: 1.2em; padding: 9px 32px 9px 24px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { width: 150px; } .navdown { font-size: .9em; padding: 4px 8px; right: 18px; top: 6px; } #footer > div { width: 49%; } #footer-left img { height: 72px; width: auto; } #footer > #footer-right { margin: 4px 0 14px; text-align: center; width: 100%; } #footer-right a { margin: 0 10px; } #home-header h1 { font-size: 1.5em; letter-spacing: .1em; padding: 24px 14px; } #bottom-menu a { font-size: .75em; height: 80px; } #bottom-menu a img { height: 18px; width: auto; } .sub-page .columns > :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: 1.3em; letter-spacing: .1em; margin-bottom: 8px; } } @media screen and (max-width: 660px) { #sub-page-title { min-height: 144px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { padding-top: 40px; } .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { font-size: .8em; } .navdown { font-size: .9em; padding: 4px 8px; right: 18px; top: 1px; width: 60px; right: 0px; border-radius: 0; height: 98%; background-color: #c7c7c7!important; max-height: 37px; } .navdown:hover { background-color: #aaa!important; } .relatedchps { padding-top:0!important; } .relatedchapexpand { display:block; padding: 10px; background-color: #a2b53a; color: white; font-weight: bold; margin-bottom: 15px;-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; } .relatedchapexpand span:before { content:'Show related chapters'; } .relatedchapexpand:hover { background-color:#768816;cursor:pointer; } .relatedchps { padding-left:8%!important; } .relatedchapinner { max-height:0px;overflow:hidden;padding-top:0px!important;-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; } .relatedchapinner.showme { height:auto;max-height:100000px; } .relatedchapexpand.showme span:before { content:'Hide related chapters'; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav a { font-size: .7em; padding: 16px 32px 15px 16px; letter-spacing:0;position:relative; } #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav :is(ul:where(:not(.as)), :where(.as-ul)) a { padding:12px 32px 12px 24px; } .stbannermaplink a { padding:7px; height: 52px; width: 170px;border-radius:0px; } .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { margin-bottom:8px; } .stbannermaplink a span { font-size: .7em;padding-top: 5px; } span.table-note { display:block; } .stbannerimagecontainer { height:180px; } .stbannercontent img { width:auto;height:15px; } .stbannercontent :is(p:where(:not(.as)), :where(.as-p)) { font-size:.8em; } .page-template-street-type #popout-buttons { top: 192px; } .page-template-street-type #popout-wrapper { top: 191px; } #main > .columns { padding: 28px 5% 18px 5%; } #main > .columns :is(p:where(:not(.as)), :where(.as-p)), #main > .columns li { font-size: .8em; line-height: 1.4em; } .ccm-page :is(h3:where(:not(.as)), :where(.as-h3)) { font-size: 1em; margin: 6px 0 12px;letter-spacing:0px;margin-bottom:8px; } .ccm-page :is(h5:where(:not(.as)), :where(.as-h5)) { font-size: .9em; } .ccm-page :is(p:where(:not(.as)), :where(.as-p)) { letter-spacing: 0; } .relatedchps { padding-top:0px; } #popout-wrapper { top: 154px; } .stbannerimagecontainer { margin-top: 144px; } #footer > div { width: 100%; text-align: center; } #sub-page-title h1 { font-size: 1.4em; } #subpage-tools #map-link { width: 240px; } #subpage-tools #map-link.overall-map { height: 28px; width: 210px; } #map-link.overall-map > div { line-height: 28px; } #jump-to-section-select { display: block; height: auto; margin-top: 8px; padding: 3px 6px; } .omn-box { padding: 18px 4% 2px; } .omn-box > div { padding: 20px 6% 0; } .omn-box > div :is(h5:where(:not(.as)), :where(.as-h5)) { font-size: .9em; line-height: 1.2em; margin-top: 20px; } #modal-networks > div { height: auto; padding-left: 6%; padding-top: 142px; } #modal-networks > div .sidebar img { height: 140px; width: auto; } .stbannerimagecontainer { height:180px; } #popout-buttons { top: 142px; } .sub-page .small-12, .page-header-image { margin-top: 135px; } .stbannercontent { width: 100%; padding-right: 60px; } #jump-to-section-select { width: 240px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li::before { width: 15px; height: 20px; } .sub-page .small-12 table.typicalchars tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { display:none; } .page-template-street-type .sub-page .small-12 table.typicalchars :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { margin-left: 0px;padding: 5px 0px; } .page-template-street-type .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) { width: 100px; } .sub-page .small-12 table :is(td:where(:not(.as)), :where(.as-td)), .sub-page .small-12 table th:where(:not(.as)) { padding: 6px 10px 6px 10px; } .stbannerimagecontainer .stbannerimage img { width: 210%; } .sub-page .small-12 table.typicaldesign :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)) { margin-left: 0px!important; } .sub-page .small-12 table.typicaldesign tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { left:0;top:0;border-radius:0;bottom:auto;padding-top: 13px; } .sub-page .small-12 table.typicaldesign :is(td:where(:not(.as)), :where(.as-td)) { padding: 6px 8px 6px 8px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li { margin: 0px;font-size: .7em!important; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) { margin-bottom:10px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li::before { left: -22px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) { margin-left: 1rem; } .sub-page .small-12 table.typicaldesign tr :is(td:where(:not(.as)), :where(.as-td)):where(:not(:is(td:where(:not(.as)), :where(.as-td)) ~ :is(td:where(:not(.as)), :where(.as-td)))):nth-child(n) :is(p:where(:not(.as)), :where(.as-p)):before { height: 30px; width: 30px;font-size: 1.2em; padding-top: 8px; } table.typicaldesign :is(ol:where(:not(.as)), :where(.as-ol)) li { padding-top: 5px; } } @media screen and (max-width: 565px) { #menu :is(ul:where(:not(.as)), :where(.as-ul)).nav { width: 320px; } #menu a.home-link { bottom: 124px; font-size: .75em; left: -138px; width: 320px; } #footer > div { width: 100%; } #footer-left img { display: block; height: 64px; margin: 2px auto; padding: 8px 0 4px; width: auto; } #footer-acc > span { font-size: .55em; } #footer > #footer-right { margin: 16px 0 14px; } #home-header h1 { font-size: 1.3em; line-height: 1.1em; padding: 24px 8px; } #home-header h1 span { line-height: 1.4em; } .gray-box { border-left-width: 6px; padding: 18px 7% 4px !important; } #bottom-menu a { border: 0; height: 56px; width: 50%; } #bottom-menu a img { display: block; height: 16px; margin-bottom:3px; vertical-align: middle; width: auto; } #bottom-menu a span { display: block; font-size: .65em; letter-spacing: .05em; vertical-align: middle; width: auto; } #sub-page-title h1 { font-size: 1.4em; padding: 14px; text-align: center; width: 100%; } .sub-page .columns > :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: .9em; letter-spacing: .06em; margin-bottom: 14px; text-align: center; } #popout-drawers { right: -220px; width: 280px; } #popout-buttons button { height: 45px; width: 45px; } #popout-buttons button img { width: 18px; } #actual-drawers { height: 135px; } #actual-drawers > div :is(h2:where(:not(.as)), :where(.as-h2)) { font-size: .9em !important; padding: 4px 9px; } #actual-drawers > div > div { font-size: .75em; padding: 9px 12px; } #tagdrawer .ccm-block-tags-tag { font-size: .9em; margin: 1px 0; padding: 5px 10px; } .panel-button a { letter-spacing: .02em; padding-left: 40px; } #pdfdrawer .panel-button a:before, #pdfdrawer .printbutton:before { left: 8px; top: 4px; } .print-page .medium-6 { padding: 0; } #popout-buttons { top: 144px; } #popout-drawers.opened { right: 144px; } } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { html, body, #main, .columns { height: 100%; } } @media print { :is(h3:where(:not(.as)), :where(.as-h3)) { page-break-after: always; } } /* per-page styles from the CMS content (scoped to their page) */ :where(.pg-design-guidance-bikeways) #subpage-tools { display:none; } :where(.pg-design-guidance-bikeways) .design-chap-header { display:none; } :where(.pg-design-guidance-bikeways) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-bikeways) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-bikeways) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-design-guidance-bikeways-neighborhood-greenways) #subpage-tools { display:none; } :where(.pg-design-guidance-boulevards-and-furnishings) .design-chap-header, :where(.pg-design-guidance-boulevards-and-furnishings) #subpage-tools { display:none; } :where(.pg-design-guidance-boulevards-and-furnishings) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-boulevards-and-furnishings) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-boulevards-and-furnishings) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-design-guidance-intersections) .design-chap-header { display:none; } :where(.pg-design-guidance-intersections) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-intersections) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-intersections) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-bicycle-detection-signalized-intersections) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-bicycleboxes) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-bike-lane-retrofit-projects-mixing-zones) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-bike-lanes-t-intersections) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-protected-intersections) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-queue-boxes) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-shared-use-path-crossings) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-bikeway-intersection-design-two-way-bikeway-transitions) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings) .design-chap-header { display:none; } :where(.pg-design-guidance-intersections-pedestrian-crossings-advanced-stop-bars) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-curb-extensions) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-curb-ramps) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-marked-crosswalks) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-pedestrian-and-bicycle-safety-islands) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-raised-pedestrian-and-bicycle-crossings) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-pedestrian-crossings-sidewalk-visibility) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-quick-build-safety-treatments) .design-chap-header { display:none; } :where(.pg-design-guidance-intersections-quick-build-safety-treatments-delineator-curb-extensions) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-quick-build-safety-treatments-delineator-hardened-centerlines) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-intersections-quick-build-safety-treatments-delineator-medians) .chapter-nav li:first-of-type { display:block; } :where(.pg-design-guidance-introduction) .stbannerimagecontainer { display:none; } :where(.pg-design-guidance-introduction) .nomargintop { margin-top:130px!important; } :where(.pg-design-guidance-introduction) #subpage-tools { display:none; } :where(.pg-design-guidance-roadways) .design-chap-header { display:none; } :where(.pg-design-guidance-roadways) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-roadways) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-roadways) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-design-guidance-sidewalks) .design-chap-header { display: none; } :where(.pg-design-guidance-sidewalks) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-sidewalks) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-sidewalks) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-design-guidance-transit-stops) .design-chap-header { display:none; } :where(.pg-design-guidance-transit-stops) .chapter-nav li:first-of-type { background:#0d61a1; } :where(.pg-design-guidance-transit-stops) .chapter-nav li:first-of-type a { color:white; } :where(.pg-design-guidance-transit-stops) .chapter-nav li:first-of-type a:before { content:'';width: 0; height: 0; border: 0 solid transparent; border-bottom-width: 7px; border-top-width: 7px; border-left: 10px solid #a2b53a;background-color:transparent;position:absolute;left:10px;top:12px;display:block; } :where(.pg-introduction) #type-intro-submenu li:nth-of-type(1) { display:none; } :where(.pg-introduction-get-started) #popout-wrapper { display:none; } :where(.pg-related-content) #popout-buttons, :where(.pg-related-content) #subpage-tools { display:none; } :where(.pg-related-content-tag-goals) #popout-buttons, :where(.pg-related-content-tag-goals) #subpage-tools { display:none; } :where(.pg-related-content-tag-parkway) #popout-buttons, :where(.pg-related-content-tag-parkway) #subpage-tools { display:none; } :where(.pg-related-content-tag-policy-guidance) #popout-buttons, :where(.pg-related-content-tag-policy-guidance) #subpage-tools { display:none; } :where(.pg-related-content-tag-standards) #popout-buttons, :where(.pg-related-content-tag-standards) #subpage-tools { display:none; } :where(.pg-related-content-tag-urban) #popout-buttons, :where(.pg-related-content-tag-urban) #subpage-tools { display:none; } :where(.pg-search) #subpage-tools { display:none; } :where(.pg-street-types) .stbannerimagecontainer { display:none; } :where(.pg-street-types) .nomargintop { margin-top:130px!important; } :where(.pg-street-types-street-type-map) .embed-container { height: 80vw; min-height: 32rem; max-height: 56rem; } :where(.pg-street-types-street-type-map) .embed-container arcgis-map { display: block; width: 100%; height: 100%; } /* ================================================================== Static-copy additions: replacements for removed scripts, icon fonts and CMS widgets, plus accessibility fixes. ================================================================== */ .visually-hidden { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; left: auto !important; top: auto !important; } html { scroll-padding-top: 150px; } #main:focus { outline: none; } /* Visible keyboard focus on light and dark backgrounds */ :focus-visible { outline: 3px solid #ffdd00 !important; outline-offset: 0 !important; box-shadow: 0 0 0 6px #000 !important; } .accessibilty-hide:focus-visible { box-shadow: none !important; } @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; transition-delay: 0s !important; scroll-behavior: auto !important; } } /* Inline SVG icons replacing the Font Awesome icon font */ .fa { display: inline-block; font-weight: normal; font-style: normal; font-size: inherit; line-height: 1; } .fa-svg { display: inline-block; height: 1em; vertical-align: -0.142857em; fill: currentColor; overflow: visible; } .fa-svg.flip { transform: scaleX(-1); } /* Empty paragraphs used as spacers keep their height */ .spacer.as-p::before { content: "\a0"; } figure.sdg-figure, .rslides figure { margin: 0; } /* Quirks-mode line boxes: a block whose text sits only inside a smaller inline child had no strut */ .chapter-nav li { line-height: 0; } .chapter-nav li a { line-height: 1.2222em; } #actual-title { line-height: 0; } #actual-title > span { line-height: 1.5; } #main p.qline { line-height: 0; } #main p.qline > span { line-height: 1.6; } @media screen and (max-width: 660px) { #main p.qline > span { line-height: 1.4em; } #main p.qline > .image-caption { line-height: 1.75em; } } /* ---------------- Site menu (one nav for all screen sizes) ---------------- */ #menu-button { display: block; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; color: #000; font: inherit; font-size: .75em; font-weight: normal; line-height: inherit; letter-spacing: normal; text-align: center; text-transform: none; cursor: pointer; transition: none; } #menu-button:hover, #menu-button:focus { background: none; color: #000; } #menu-button .menu-icon { display: block; width: 36px; height: 30px; margin: 0 auto; overflow: visible; fill: #000; } #menu-button .menu-icon rect { transform-box: fill-box; transform-origin: center; transition: transform .5s, width .2s; } #menu.showing #menu-button .menu-icon rect { transition: transform .8s, width .5s; } #menu.showing #menu-button .bar1 { transform: translateY(12px) rotate(405deg); } #menu.showing #menu-button .bar2 { transform: scaleX(0); } #menu.showing #menu-button .bar3 { transform: translateY(-8px) rotate(-405deg); } #menu .home-link { color: #5f6062; } #site-nav { display: block; } .js #menu ul.nav { visibility: hidden; transition: left .8s, visibility 0s .8s; } .js #menu.showing ul.nav { visibility: visible; transition: left .8s; } html:not(.js) #menu:hover ul.nav, html:not(.js) #menu:focus-within ul.nav { left: 100%; } @media screen and (max-width: 800px) { #menu-button { font-size: .6em; } #menu-button .menu-icon { width: 28px; height: 24px; } #menu-button .menu-icon rect { width: 28px; } #menu-button .menu-icon .bar2 { y: 8px; } #menu-button .menu-icon .bar3 { y: 16px; } #menu.showing #menu-button .bar1 { transform: translateY(8px) rotate(405deg); } } #menu ul.nav > li > details > summary { display: block; position: relative; list-style: none; cursor: pointer; border-top: 2px solid #c4c4c4; color: #10396e; font-size: 1em; font-weight: 700; letter-spacing: .1em; line-height: 1.3em; margin: 0; text-align: left; padding: 22px 46px 22px 36px; text-transform: uppercase; transition: background-color .15s, color .15s; } #menu ul.nav > li > details > summary::-webkit-details-marker { display: none; } #menu ul.nav > li > details > summary::before { background-color: #10396e; content: ""; display: inline-block; height: 12px; margin-right: 8px; width: 12px; } #menu ul.nav > li > details > summary:hover { background-color: #a5a5a5; } #menu ul.nav > li > details > summary i { position: absolute; right: 26px; top: 25px; } @media screen and (max-width: 800px) { #menu ul.nav > li > details > summary { font-size: .7em; padding: 10px 44px 9px 24px; } #menu ul.nav > li > details > summary i { top: 11px; } #menu ul.nav > li > details > summary::before { height: 10px; width: 10px; } } @media screen and (max-width: 660px) { #menu ul.nav > li > details > summary { font-size: .7em; padding: 16px 32px 15px 16px; letter-spacing: 0; } } @media screen and (max-width: 565px) { #menu ul.nav > li > details > summary i { top: 17px; } } .nav > li > details > ul > li { position: relative; } .nav > li > details > ul > li > ul a { background-color: #bcbbbb; } .navdown .fa-minus, .navdown[aria-expanded="true"] .fa-plus { display: none; } .navdown[aria-expanded="true"] .fa-minus { display: inline-block; } .js .subnav { display: none; } .js .subnav.is-open { display: block; } html:not(.js) .navdown { display: none; } /* ---------------- Page tools drawers ---------------- */ #popout-buttons button[aria-expanded="true"] img { display: none; } #popout-buttons button[aria-expanded="true"] img[src*="close"] { display: inline; } html:not(.js) #popout-buttons { display: none; } html:not(.js) #popout-wrapper, html:not(.js) #popout-drawers { position: static; right: auto; width: auto; height: auto; overflow: visible; box-shadow: none; } html:not(.js) #popout-wrapper { margin-top: 137px; } html:not(.js) #actual-drawers { height: auto; } html:not(.js) #actual-drawers > div { display: block; } .placeholder { display: block; background: #fff; border: 1px solid #cccccc; } #tagdrawer .placeholder-drawer-search { margin: 20px; height: 50px; } .ccm-block-tags-wrapper { display: none; } /* ---------------- Jump to section ---------------- */ html:not(.js) #jump-to-section-select { display: none; } #jump-to-section-select[hidden] { display: none; } /* ---------------- Related chapters toggle (small screens) ---------------- */ button.relatedchapexpand { width: 100%; margin: 0 0 15px; border: 0; border-radius: 0; font: inherit; font-weight: bold; line-height: inherit; letter-spacing: inherit; text-align: left; color: #fff; } .relatedchapexpand .rc-show::before, .relatedchapexpand .rc-hide::before { content: none; } .relatedchapexpand .rc-hide, .relatedchapexpand[aria-expanded="true"] .rc-show { display: none; } .relatedchapexpand[aria-expanded="true"] .rc-hide { display: inline; } @media screen and (max-width: 660px) { .js .relatedchapinner:not(.showme) { visibility: hidden; } } html:not(.js) .relatedchapexpand { display: none !important; } html:not(.js) .relatedchapinner { max-height: none !important; } /* ---------------- Guide navigation accordions ---------------- */ .guide-nav summary { display: block; position: relative; list-style: none; cursor: pointer; background-color: #0e6db7; border-bottom: 1px solid #c4c4c4; color: #fff; font-weight: 700; letter-spacing: .09em; line-height: 1.3em; padding: 26px 16px 26px 80px; transition: background-color .15s, color .15s; } .guide-nav summary::-webkit-details-marker { display: none; } .guide-nav summary:hover, .guide-nav summary:focus { background-color: #0d61a1; color: #fff; } .guide-nav summary > span { background-color: #a2b53a; height: 22px; left: 30px; margin-top: -11px; position: absolute; top: 50%; width: 22px; } .guide-nav summary > span::before { background-color: #fff; content: ""; height: 1px; left: 5px; position: absolute; top: 50%; width: 13px; } .guide-nav summary > span::after { background-color: #fff; content: ""; height: 13px; left: 50%; position: absolute; top: 5px; transition: transform .6s; width: 1px; } .guide-nav details[open] > summary > span::after { transform: rotate(270deg); } .guide-nav details[open] ul li a { color: #0d61a1 !important; } .guide-nav li > details > ul { background-color: #f1f1f1; list-style-type: none; margin: 0; padding: 7px 0; } .guide-nav > li > details > ul > li { border-bottom: 1px solid #c4c4c4; } .guide-nav > li > details > ul > li:last-of-type { border: 0; } .guide-nav li > details > ul a { background-color: #f1f1f1; border: 0; color: #0e6db7; padding: 11px 16px 11px 34px; } .guide-nav li > details > ul a:hover { background-color: #d6d6d6; color: #0e6db7; } @media screen and (max-width: 874px) { .guide-nav summary { font-size: .9em; padding: 11px 14px 11px 44px; } .guide-nav summary > span { height: 18px; left: 13px; margin-top: -9px; width: 18px; } .guide-nav summary > span::before { left: 3px; width: 12px; } .guide-nav summary > span::after { top: 3px; height: 12px; } .guide-nav li > details > ul { padding: 5px 0; } .guide-nav li > details > ul a { font-size: .85em; padding: 9px 16px 9px 18px; } } /* Print page chapter list */ .print-options summary { background-color: #fff; color: #000; letter-spacing: .02em; padding: 26px 4px; text-transform: uppercase; border-bottom: 0; } .print-options summary:hover, .print-options summary:focus { background-color: #fff; color: #000; } .print-options summary > span { display: none; } .print-options summary div { height: 30px; margin-top: -15px; position: absolute; right: 3px; top: 50%; } .print-options summary div span { background-color: #0e6db7; color: #fff; display: block; font-size: .8em; font-weight: 400; height: 100%; line-height: 30px; margin: 0; padding: 0 10px; text-align: center; transition: background .2s; width: 160px; } .print-options summary div span.if-opened { background-color: #5f6062; display: none; } .print-options details[open] > summary div span { display: none; } .print-options details[open] > summary div span.if-opened { display: block; } .print-options li > details > ul { background-color: #f1f1f1; list-style-type: none; margin: 0; padding: 7px 0; } .print-options li > details > ul > li { border: 0; display: grid; grid-template-columns: 1fr auto; width: 94%; margin: 10px auto; } .print-options li > details > ul > li a { background-color: #0e6db7; border: 0; color: #fff; display: block; font-size: .9em; min-height: 38px; margin: 0; padding: 10px 12px; position: relative; width: auto; } .print-options li > details > ul > li a:hover, .print-options li > details > ul > li a:focus { background-color: #0d61a1; color: #fff; } .print-options details[open] > ul > li > a { color: #fff !important; } .print-options details[open] > ul > li > ul > li > a { color: #646464 !important; } .print-options li > details > ul > li > ul { grid-column: 1 / -1; list-style: none; margin: 0; padding: 0; background-color: #f1f1f1; } .print-options li > details > ul > li > ul > li { display: grid; grid-template-columns: 1fr auto; align-items: center; border-bottom: 1px solid #c5c5c5; margin: 0; padding: 0; } .print-options li > details > ul > li > ul > li:last-child { border-bottom: 0; } .print-options li > details > ul > li > ul > li a { background-color: transparent; border: 0; color: #646464 !important; margin: 0; min-height: 0; padding: 8px 12px; text-transform: none; } .print-options li > details > ul > li > ul > li a:hover, .print-options li > details > ul > li > ul > li a:focus { background-color: #e5e5e5; } .print-options .po-actions { display: flex; } .print-options .po-actions button { margin: 0; padding: 0 12px; border: 0; border-radius: 0; background-color: #707d28; color: #fff; font: inherit; font-size: .8em; font-weight: 400; line-height: 1.2; letter-spacing: 0; text-transform: uppercase; cursor: pointer; } .print-options .po-actions button:hover, .print-options .po-actions button:focus { background-color: #5c6721; color: #fff; } .print-options .po-actions .add-all-button { background-color: #10396e; } .print-options .po-actions .add-all-button:hover, .print-options .po-actions .add-all-button:focus { background-color: #092c5b; } .print-options li > details > ul > li > ul > li > .po-actions { margin: 0 10px; } .print-options li > details > ul > li > ul > li > .po-actions button { height: 20px; line-height: 20px; width: 80px; padding: 0; } .print-options .po-actions button[aria-pressed="true"] { background-color: #5f6062; } #drop-box { background-color: #f1f1f1; margin-bottom: 100px; min-height: 340px; padding: 18px; position: relative; text-align: center; } #drop-box img { margin-top: 20px; width: 100px; } #drop-box > p { color: #525252; font-size: .9em; font-weight: 600; line-height: 1.5em; margin: 9px auto; width: 50%; } #drop-box .if-small { display: none; } #drop-box.has-content img, #drop-box.has-content > p { display: none; } #print-selection { list-style: none; margin: 0; padding: 0; text-align: left; } #print-selection li { position: relative; border-bottom: 1px solid #c5c5c5; padding: 8px 106px 8px 12px; font-size: .9em; font-weight: 700; margin: 0; } #print-selection li:last-child { border: 0; } #print-selection a { color: #464646; } #print-selection button { position: absolute; left: auto; right: 0; top: 0; margin: 8px 10px; padding: 0; width: 80px; height: 20px; line-height: 20px; border: 0; border-radius: 0; background-color: #707d28; color: #fff; font: inherit; font-size: .8em; font-weight: 400; letter-spacing: 0; text-transform: none; cursor: pointer; } .print-options .po-chapter { margin: 0; padding: 4px 3% 0; text-align: right; background-color: #f1f1f1; } .print-options .po-chapter button { margin: 0; padding: 0 12px; height: 30px; border: 0; border-radius: 0; background-color: #10396e; color: #fff; font: inherit; font-size: .8em; font-weight: 400; text-transform: uppercase; cursor: pointer; } .print-options .po-chapter button:hover, .print-options .po-chapter button:focus { background-color: #092c5b; } html:not(.js) .po-chapter { display: none; } #print-selection button:hover, #print-selection button:focus { background-color: #5c6721; } #print-files, #print-now { display: block; width: 100%; margin: 0; padding: 1rem 2rem; border: 0; border-radius: 0; background-color: #0e6db7; color: #fff; font-family: 'Montserrat', sans-serif; font-size: 1rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; cursor: pointer; transition: background .2s; } #print-files { position: absolute; left: 0; top: 100%; } #print-files:hover, #print-files:focus, #print-now:hover, #print-now:focus { background-color: #055da2; } #print-content { border: 1px solid #666; height: 280px; overflow: auto; overflow-x: hidden; padding: 0 12px; text-align: left; } #print-content .columns { float: none; width: auto; margin-top: 0 !important; padding: 0 !important; } #print-content .print-page-title { font-size: 1.6em; font-weight: 700; margin: 24px 0 8px; } #print-content p { line-height: 1.3em; color: #000; } #print-content .ccm-block-next-previous-wrapper, #print-content .relatedchapexpand { display: none; } #print-header { display: none; } html:not(.js) .po-actions, html:not(.js) #print-files { display: none; } @media screen and (max-width: 1070px) { #drop-box > p span { display: none; } #drop-box > p .if-small { display: inline; } } @media screen and (max-width: 565px) { .print-options li > details > ul > li, .print-options li > details > ul > li > ul > li { grid-template-columns: 1fr; } .print-options .po-actions { justify-content: flex-end; } .print-options li > details > ul > li > .po-actions button { padding: 6px 12px; } .print-options li > details > ul > li > ul > li > .po-actions { margin: 0 10px 8px; } } @media print { body:has(#print-content) *:not(:has(#print-content)):not(#print-content):not(#print-content *) { display: none !important; } body:has(#print-content) :has(#print-content) { position: static !important; float: none !important; width: auto !important; height: auto !important; min-height: 0 !important; margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; box-shadow: none !important; } body:has(#print-content) #print-content { position: static; width: 100%; height: auto; overflow: visible; border: 0; padding: 0; } body:has(#print-content) #print-content, body:has(#print-content) #print-content * { visibility: visible; } body:has(#print-content) #print-header { display: block; text-align: right; } } /* ---------------- Home page ---------------- */ /* The CMS pages rendered in quirks mode: lines holding only inline blocks had no text strut */ #bottom-menu a, #bottom-menu a div { line-height: 0; } .placeholder-home-search, .placeholder-search { height: 70px; } @media screen and (max-width: 1100px) { .placeholder-home-search, .placeholder-search { height: 52px; } } @media screen and (max-width: 800px) { .placeholder-home-search, .placeholder-search { height: 56px; } } @media screen and (max-width: 430px) { .placeholder-home-search, .placeholder-search { height: 46px; } } .js #homepage-slider .ccm-block-page-list-pages > div:not(.showing) { visibility: hidden; transition: opacity .3s, left 0s ease-in-out .3s, visibility 0s .3s; } .js .custom-select-static { display: none; } html:not(.js) .custom-select-control { display: none; } .custom-select-control { display: block; width: 100%; height: 1.5em; margin: 0; padding: 0 30px 0 0; border: 0; border-radius: 0; background: transparent; color: #fff; font: inherit; font-weight: 700; line-height: inherit; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; } .custom-select-control:focus { background: transparent; color: #fff; } .custom-select-control option { color: #000; background: #fff; font-weight: normal; } .slider-select .custom-select { position: relative; } .slider-select .custom-select i { top: 0; pointer-events: none; } html:not(.js) #homepage-slider .ccm-block-page-list-pages { height: auto; } html:not(.js) #homepage-slider .ccm-block-page-list-pages > div { position: relative; left: 0; opacity: 1; height: 660px; } html:not(.js) #homepage-slider .homeslider-image-info { left: 0; } html:not(.js) #homepage-slider .ccm-block-page-list-page-entry-text { right: 0; } /* ---------------- GSI image slider ---------------- */ .rslides > li, .rslides > li:first-child { position: relative; display: block; float: left; width: 100%; } .js .rslides > li.rslide-hidden { display: none; } .rslides-controls button { position: absolute; top: 50%; z-index: 3; width: 38px; height: 38px; margin: -19px 0 0; padding: 0; border: 0; border-radius: 0; background: rgba(0, 0, 0, .6); color: #fff; font-size: 18px; line-height: 38px; text-align: center; cursor: pointer; } .rslides-controls button:hover, .rslides-controls button:focus { background: rgba(0, 0, 0, .85); color: #fff; } .rslides-controls .prev { left: 0; } .rslides-controls .next { right: 0; } html:not(.js) .rslides-controls { display: none; } /* ---------------- Tables never force horizontal page scroll ---------------- */ table { max-width: 100%; } /* ---------------- WCAG 2.1 AA contrast: smallest colour change that passes ---------------- #a2b53a behind white text -> #707d28 (4.5:1); green headings #a5b53a -> #8e9c32 (3:1, large text) and #717c28 below 641px where they are normal-size text (4.5:1). */ :root { --sdg-green-heading: #8e9c32; } @media only screen and (max-width: 40em) { :root { --sdg-green-heading: #717c28; } } .dottedline :is(h4:where(:not(.as)), :where(.as-h4)) { color: #6b7525; } .omn-box > div span { background-color: #767676; } .relatedchapexpand, .green-donwload-btn, .resources-list-cont, #map-link > div { background-color: #707d28; } .relatedchapexpand:hover, .green-donwload-btn:hover { background-color: #5c6721; } #map-link > div:after { border-left-color: #707d28; } #map-link:hover > div { background-color: #5c6721; } #map-link:hover > div:after { border-left-color: #5c6721; } #main .small-12 table.typicalchars :is(th.as-td, td:first-child) { background: #707d28 !important; } #main #gsifigure tbody td:first-child { background: #707d28; } #main table.typicaldesign tr :is(th, td):first-child :is(p, .as-p)::before { background: #707d28; } #popout-buttons button { background: #8c9c32; } #popout-buttons button:nth-of-type(2) { background: #84942f; } #popout-buttons button:hover { background: #768816; } :where(.b-homepage-slider) .homeslider-image-info i, :where(.b-homepage-slider) #homepage-slider .ccm-block-page-list-page-entry-text, :where(.b-homepage-slider) .slider-select i { background-color: #687f21; } #figure32d .mediumgraycell { background: #767676 !important; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(8n+5) .relatedcontentlist { background-color: #1f7ac2; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(8n+6) .relatedcontentlist { background-color: #2e7bb8; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(8n+7) .relatedcontentlist { background-color: #247bbf; } :where(.b-related-content) .ccm-block-page-list-page-entry:nth-of-type(8n+8) .relatedcontentlist { background-color: #1479c9; } :where(.b-related-content) .ccm-block-page-list-page-entry:hover .relatedcontentlist { background-color: #707d28; } /* White titles over the tinted street type photos */ .streetypelist h4 span { text-shadow: 0 0 3px rgba(0, 0, 0, .9), 0 1px 2px #000; } /* "View on map" circle: the street type colour becomes a ring, the label sits on the dark banner overlay */ .stbannermaplink a { background-color: transparent; box-shadow: inset 0 0 0 5px var(--st-color, #cccccc); } :where(.b-homepage-search) #homepage-search.placeholder-home-search, :where(.pg-search) #homepage-search.placeholder-search, #tagdrawer .placeholder-drawer-search { height: auto; } .guide-search-form { display: flex; gap: 8px; width: 100%; } .guide-search-form label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; } .guide-search-form input { flex: 1; min-width: 0; padding: 10px; border: 1px solid #777; border-radius: 2px; font: inherit; } .guide-search-form button { padding: 10px 16px; border: 0; background: #0e6db7; color: #fff; font: inherit; cursor: pointer; } .guide-search-form button:hover, .guide-search-form button:focus-visible { background: #165589; } #homepage-search.placeholder-home-search { max-width: 740px; margin: 0 auto; padding: 0 16px 32px; } #homepage-search.placeholder-search { padding: 16px 0; } #tagdrawer .placeholder-drawer-search { border: 0; margin: 16px; } #tagdrawer .guide-search-form button { padding: 8px; } .guide-search-results { padding-left: 1.5em; } .guide-search-results li { margin: 1em 0; } .guide-search-results p { margin: .3em 0; } @media screen and (max-width: 565px) { #popout-wrapper.openedwrapper { right: 0; } #popout-drawers { width: calc(100% - 87px); } #popout-drawers.opened { right: 45px; } }