body, html, h1, h2, h3, h4, h5, 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; }
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }
.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 a div span { background-color: #000; border-radius: 2px; display: block; height: 4px; margin: 0 auto 6px; position: relative; top: 0; transition: top .5s, width .2s, transform .5s; width: 36px; }
#menu.showing a div span { transition: top .3s, width .5s, transform .8s; }
#menu.showing a div span:nth-of-type(1) { top: 12px; transform: rotate(405deg); }
#menu.showing a div span:nth-of-type(2) { width: 0; }
#menu.showing a div span:nth-of-type(3) { top: -8px; transform: rotate(-405deg); }
#menu 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 ul.nav { left: 100%; }
#menu 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 ul.nav > li > a:before { background-color: #10396e; content: ""; display: inline-block; height: 12px; margin-right: 8px; width: 12px; }
#menu ul.nav ul { background-color: #d2d2d2; list-style-type: none; margin: 0; width: 100%; }
#menu ul.nav ul a { border-width: 1px; color: #303030; font-size: .9em; padding: 14px 44px 14px 36px; text-transform: none;  }
#menu ul.nav a:hover { background-color: #a5a5a5; }
.ccm-toolbar-visible #menu { padding-top: 48px; top: 0; }
.ccm-toolbar-visible #menu ul.nav { padding-top: 48px; }

.nav > li > a { position: relative; }
.nav > li > a i { position: absolute; right: 26px; top: 25px; }

.nav > li > ul > li { 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; }

.nav > li > ul > li > ul a { background-color: #bcbbbb; }

#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; }
#footer-center { text-align: center; }
#footer-center div { border-bottom: 1px solid #fff; display: none; padding: 6px; }
#footer-center div img { height: 22px; }
#footer-acc div span { font-size: .9em; letter-spacing: .1em; margin: 0 10px; }
#footer-acc div span:after { border: 4px solid transparent; border-top-color: #fff; content: ""; display: inline-block; margin-left: 8px; }
#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;}

#body { background-color: #fff; margin-left: 56px; overflow: auto; }
.columns { padding: 0; }
#ccm-layouts-edit-mode .columns { padding: 0 .9375rem; }
p { letter-spacing: .015em; }

#body > .columns { padding: 40px 10% 26px 4%; }
.page-type-map-page #body > .columns,
.page-template-home #body > .columns { padding: 0; }

.ccm-page h3 { font-weight: 700; margin: 20px 0; text-transform: uppercase; letter-spacing: 3px;
    color: #0E6DB7;}
.ccm-page h4 { color: #a5b53a; font-weight: 700; }

.ccm-page h5 { font-weight: 700; }

#body .columns ul li { padding-bottom: 6px; }
#body .columns ul li ul { margin-top: 6px; }
#body .columns ul li:last-of-type { border: 0; }
#body .columns ul li li { border: 0; margin-bottom: 4px; padding-bottom: 0; }


/******************************/
/**    HOMEPAGE SPECIFIC     **/
/******************************/
#home-header { background-color: #206ead; background-image: linear-gradient( #206ead, #165589 ); color: #fff; text-align: center; }
#home-header > a { background-color: #a5b53a; color: #fff; display: inline-block; font-size: 1.2em; font-weight: 400; letter-spacing: .3em; padding: 10px 18px; transition: .5s; width: 100%;}
#home-header > a:hover { background-color: #879621; }
#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; }
#home-header p { font-size: 1.2em; letter-spacing: .1em; margin: 0; padding: 44px 30% 38px; }
#home-header p strong { display: block; }
#home-header-image { height: 240px; margin: 0 auto; position: relative; width: 80%; }
#home-header-image img { box-shadow: 0 0 42px -4px #333; border-radius: 50%; opacity: 0; position: absolute; top: 50px; width: 140px; }

#plainest-section { overflow: hidden; position: relative; width: 100%; height:70%;}
#slideshow { left: 0; position: relative; transition: left 1.2s; width: 400%; top:-30%; }
#slideshow img { float: left; max-width: 8000%; width: 25%;}
#plainest-title { height: 100%; position: absolute; width: 100%; }
#plainest-title:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#plainest-title > div { color: #fff; display: inline-block; position: relative;  text-align: center; vertical-align: middle; width: 99%; }
#plainest-title > div div { left: 27%; position: relative; width: 46%; }
#plainest-title > div div:before { background-color: rgba(0,0,0,.48); box-shadow: 0 0 53px 148px rgba(0,0,0,.44); content: ""; height: 1px; left: 15%; position: absolute; top: 56%; width: 70%; }
#plainest-title h2 { color: #fff; font-size: 2.8em; font-weight: 700; letter-spacing: .05em; line-height: 1.2em; margin: 0 auto 16px; position: relative; width: 44%; }
#plainest-title p { font-size: 1.1em; font-weight: 700; line-height: 1.3em; margin-bottom: 40px; position: relative; }
#plainest-title a { background-color: #a2b53a; color: #fff; font-size: .9em; letter-spacing: .05em; padding: 11px 30px; position: relative; }
#plainest-title a:hover { background-color: #889a27; }
.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; }
#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 p img {max-width:100%;}
/******************************/
/**     SUBPAGE SPECIFIC     **/
/******************************/

.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-title p { display: table-cell; padding: 0 2% 0 2.5%; vertical-align: middle; width: 99%; }
#sub-page-title p img { width: 99%; }
.sub-page .columns > 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;}
.ccm-toolbar-visible #popout-wrapper { top: 185px; }
.ccm-toolbar-visible #popout-buttons { top: 185px; }
#popout-buttons button { background: #a2b53a; display: block; height: 80px; margin: 0; padding: 0; width: 80px; }
#popout-buttons button:nth-of-type(2) { background: #97a838; }
#popout-buttons button:nth-of-type(3) { background: #8d9d35; display: none; }
#printdrawer { display: none; }
.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%; } /*height: 240px; */
#actual-drawers > div { display: none; }
#actual-drawers > div.showing { display: block; }
#actual-drawers > div 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('https://sdg.minneapolismn.gov//application/themes/msptap/images/next-arrow.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('https://sdg.minneapolismn.gov/application/themes/msptap/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 ol {font-size:.8em;line-height:1.2em}

.footnoteslist 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 > 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 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 ul li { border-bottom: 1px dashed #c9c9c9; margin-bottom: 16px; padding-bottom: 16px !important; }
.gray-box ul li ul { margin-top: 18px !important; }
.gray-box ul li ul li:last-of-type { padding-bottom: 0 !important; margin-bottom: 0 !important;}
.gray-box ul li li { border: 0; }
.very-gray-box { background: #525252; color: #fff;  }
.very-gray-box p { font-weight: 700; }
.very-gray-box a { color: #fff; text-decoration: underline; }

#body .columns .blue-corner-list ul { list-style-type: none; }
#body .columns .blue-corner-list li { background: #0e6db7; margin-bottom: 24px; padding: 22px 26px; position: relative; }
#sub-page-title {min-height:137px}
.panel-button, .printbutton { margin: 20px auto; position: relative; width: 90%; }
.panel-button img, .printbutton img { height: 24px; left: 12px; position: absolute; top: 8px;display:none  }
.resources-list-cont {background:#a2b53a;}
.resources-list-cont ul {margin:15px;}
.resources-list-cont a {color:white}
.resources-list-cont a:hover{color:#0d61a1}
.resources-list-cont h4 {background:#0d61a1;color:white;margin-bottom:20px;padding:6px 6px 6px 20px;}
.resources-list-cont {padding:0px;}
.resources-list-cont ul {list-style:none;}
.resources-list-cont ul li {padding:20px!important;border-bottom:1px dashed #dddddd;line-height:1em}
.resources-list-cont ul li:first-of-type {padding-top:0px!important;}
.resources-list-cont ul li a {font-size:0.9em!important;}
.resources-list-cont ul li, .resources-list-cont ul li a {position:relative;}
.resources-list-cont ul li a:before {content:'';display:block;height:8px;width:10px;background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/right-arrow-blue.png');position:absolute;top:6px;left:-20px;}


.resources-list-minimal {padding:0px;}
.resources-list-minimal ul {list-style:none;margin-left:0;}
.resources-list-minimal ul li {padding:20px!important;border-bottom:1px dashed #dddddd;line-height:1em}
.resources-list-minimal ul li:first-of-type {padding-top:0px!important;}
.resources-list-minimal ul li a {font-size:0.9em!important;}
.resources-list-minimal ul li, .resources-list-minimal ul li a {position:relative;}
.resources-list-minimal ul li a:before {content:'';display:block;height:8px;width:10px;background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/right-arrow-green.png');position:absolute;top:6px;left:-20px;}



.panel-button a,
.panel-button input, .printbutton, .printbutton input { 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 input, .printbutton input { border: 0; cursor: pointer; font-family: 'Montserrat', sans-serif; padding: 12px 14px 12px 50px; transition: background .2s; width: 100%; }
.panel-button a:hover,
.panel-button input:hover, .printbutton:hover { background-color: #035b9f;color:white }
#pdfdrawer .panel-button a:before, #pdfdrawer .printbutton:before {content:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/icon-getpdf.png');height: 24px; left: 12px; position: absolute; top: 8px; }
#printdrawer .panel-button:first-of-type img {display:inline-block;}
#printdrawer .panel-button:last-of-type a:before, #printdrawer .panel-button:last-of-type .printbutton:before {content:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/printmulti.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-header { height: 300px; overflow: hidden; position: relative; }
.get-involved-header img { margin-top: -20%; width: 100%; }
.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; }
#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 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 h4 {color:white;}
.ccm-edit-mode .stbannerimagecontainer, .ccm-edit-mode .stbannerimage, .ccm-edit-mode .stbannercontent {position:relative;}
.ccm-edit-mode .stbannerimage img {height:200px;width:auto;overflow:hidden}
.ccm-edit-mode .stbannerimagecontainer {height:auto;}
.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 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 h5 { color: #a2b53a; 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 a img {  -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;}
.sub-page .small-12 a:hover img {opacity:0.8;}
.ccm-edit-mode .page-header-image {z-index:3!important;top:0px}
/* .ccm-edit-mode .small-12 {z-index:2!important;} */
#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;}
ol.fancylist {
    margin-top: 10px;
    list-style: none;
    counter-reset: my-awesome-counter;
}

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;
}

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 td p {margin-left:0px;padding:0px;font-size:0.8em;line-height:1em;}
#figure32d tr td {padding:6px;text-align:center}
#figure32d .unbold {font-weight:normal;}
#figure32d .litegraycell {background:#cccccc!important;}
#figure32d .litegraycell p {color:black}
#figure32d .darkgraycell {background:#666!important;}
#figure32d .darkgraycell p {color:white}
#figure32d .mediumgraycell {background:#999999!important;}
#figure32d .mediumgraycell p {color:white}
#figure32d tr td:first-of-type {text-align:left;background:#0e6db7;}
.sub-page .small-12 .basictable td:first-of-type p a {color:#0e6db7;}
.basictable th {background:#0d61a1!important;}
.basictable tr td:first-of-type {font-weight:bold;}
.basictable tr td sup {font-weight:bold;padding-left:3px;font-size: .7em;}
.basictable tr td a sup {color:#008CBA;}
.basictable tr td a sup:hover {color:#0d61a1;}
#footnoteslist ol li {margin-bottom:7px}
.basictable p {color:black!important;padding: 0px 0px!important;margin-left:10px!important;}
.sub-page .small-12 table.typicalchars td:first-of-type {background:#a2b53a!important;}
.sub-page .small-12 table.typicaldesign td:first-of-type {background:#0e6db7!important;}
.sub-page .small-12 table td:first-of-type p {font-weight:bold;color:white;}
.dottedline {padding:20px;border:3px dashed #c9c9c9;background:#f4f4f4;margin-top:10px;}
.dottedline 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 td:first-of-type {width:70px;}
.sub-page .small-12 table p {margin:0;font-size: 1em;}
/* Zebra striping */
.sub-page .small-12 table tr:nth-of-type(odd) { 
  background: #eee; 
}
.sub-page .small-12 table th { 
  background: #333; 
  color: white; 
  font-weight: bold; 
}
.sub-page .small-12 table td, .sub-page .small-12 table th { 
  padding: 6px 10px 6px 10px; 
  border: 3px solid white; 
  text-align: left; 
}
.typicaldesign tr td ul li {font-size:.85em;}
/* .typicaldesign tr td:last-of-type p {    margin-top: 10px;
    margin-bottom: 8px;} */
.typicaldesign tr td:last-of-type 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 td:first-of-type{width:260px;}
 .sub-page .small-12 table td:first-of-type p {margin-left:25px; padding:15px 0px;line-height: 1em;position: relative;}
.sub-page .small-12 table.typicalchars tr td {position:relative}
.sub-page .small-12 table.typicalchars td:first-of-type p {margin-left:60px;}
.sub-page .small-12 table.typicalchars tr td:first-of-type 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 td ul li {font-size:.85em;}
    .typicaldesign ul {margin-bottom:0rem!important;}
.sub-page .small-12 table.typicalchars td ul {margin-bottom:0px;}
.sub-page .small-12 table.typicalchars tr:nth-of-type(1) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/miles.png'); }
.sub-page .small-12 table.typicalchars tr:nth-of-type(2) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/ruler.png'); }
.sub-page .small-12 table.typicalchars tr:nth-of-type(3) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/effective.png'); }
.sub-page .small-12 table.typicalchars tr:nth-of-type(4) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/raod.png');}
.sub-page .small-12 table.typicalchars tr:nth-of-type(5) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/govt.png');}
.sub-page .small-12 table.typicalchars tr:nth-of-type(6) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/route.png');}
.sub-page .small-12 table.typicalchars tr:nth-of-type(7) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/streetmap.png'); }
.sub-page .small-12 table.typicalchars tr:nth-of-type(8) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/images/plow.png'); }
.sub-page .small-12 table.typicalchars tr:nth-of-type(9) td:first-of-type p:before  {background-image:url('https://sdg.minneapolismn.gov/application/themes/msptap/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  td:first-of-type {position:relative;vertical-align: top;}
.sub-page .small-12 table.typicaldesign  tr td:first-of-type 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) td:first-of-type p:before  {content:'A';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(2) td:first-of-type p:before  {content:'B';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(3) td:first-of-type p:before  {content:'C';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(4) td:first-of-type p:before  {content:'D';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(5) td:first-of-type p:before  {content:'E';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(6) td:first-of-type p:before  {content:'F';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(7) td:first-of-type p:before  {content:'G';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(8) td:first-of-type p:before  {content:'H';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(9) td:first-of-type p:before  {content:'I';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(10) td:first-of-type p:before  {content:'J';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(11) td:first-of-type p:before  {content:'K';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(12) td:first-of-type p:before  {content:'L';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(13) td:first-of-type p:before  {content:'M';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(14) td:first-of-type p:before  {content:'N';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(15) td:first-of-type p:before  {content:'O';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(16) td:first-of-type p:before  {content:'P';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(17) td:first-of-type p:before  {content:'Q';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(18) td:first-of-type p:before  {content:'R';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(19) td:first-of-type p:before  {content:'S';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(20) td:first-of-type p:before  {content:'T';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(21) td:first-of-type p:before  {content:'U';}
.sub-page .small-12 table.typicaldesign tr:nth-of-type(22) td:first-of-type p:before  {content:'V';}
.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 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 td:first-of-type {background:#a2b53a}
#gsifigure td:first-of-type p {margin-left:0px}
  table.typicaldesign ol li ul li { 
    counter-increment:none;}
table.typicaldesign ol {
    list-style: none;
    counter-reset: my-awesome-counter;
  margin-bottom:0px;
  margin-top:10px;
  }
  .sub-page .small-12 table td:first-of-type p a {color:white;text-decoration:underline;}
  .sub-page .small-12 table td:first-of-type p a:hover {color:#a2b53a}
  table.typicaldesign 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 ol li:last-of-type {border-bottom:none;}
  table.typicaldesign 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 ol ul li:before {
    content:'';
    width:0px;height:0px;
    background: white;
    padding:0px;
    }
    table.typicaldesign ol ul {margin-left:0px!important;}
    table.typicaldesign ol 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(https://sdg.minneapolismn.gov/application/themes/msptap/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: 1580px) {
    .topic-header .medium-5 h2 { font-size: 1.3em; }
    .topic-header .medium-5 p { font-size: 1em; }
    .topic-header .medium-7 p a { font-size: .8em; }
    .topic-slide .ccm-dashboard-express-form label.control-label { font-size: .9em; padding: 10px 18px; }
    .topic-slide .ccm-dashboard-express-form .radio label { font-size: .85em; }
    .topic-slide .medium-4 h2 { font-size: 1.2em; }
    .topic-slide .medium-4 p { font-size: .9em; line-height: 1.5em; }
    .slide-top { font-size: .9em; }
    .slide-left-top a { font-size: .7em; }
}

@media screen and (max-width: 1460px) {
     #home-header h1 { font-size: 2.8em; }
     #home-header p { font-size: 1.1em; line-height: 1.4em; padding: 44px 20% 38px; }
     #home-header-image { height: 200px; }
     #home-header-image img { top: 46px; width: 104px; }
     #home-header-image img[src*="path"] { width: 150px; }
     #plainest-section {height: 60%;}
     #plainest-title h2 { width: 80%;}
     .downtown {background-position:-12% 100%;}
     #draft-plan-released p { padding: 0; }
     .new-homepage #home-header-image  { height: 118px; }
     .new-homepage #home-header-image > div { height: 196px; }
     #new-homepage-section { height: 550px; }
     #new-slides > div > div { padding-top: 48px; }
     #new-slides h2 { font-size: 2.2em; margin-bottom: 8px; }
     #new-slides p { font-size: .95em; padding: 18px 5%; width: 66%; }
     #new-slides > i { top: 84px; }
     #modal-networks > div p {font-size:.9em}
     .page-header-image > div img { width: 66px; margin-bottom: 0; }
     .page-header-image > div p { font-size: 1em; line-height: 1.5em; margin-top: 4px; }

     #sub-page-title h2 { font-size: 1.7em; }
     .about-page p.blockquote > span span { font-size: 1.3em; line-height: 1.3em; }
     .project-schedule div { padding: 6px 12px 0 124px; }
     .project-schedule div h3 { font-size: .9em; }
     .project-schedule div p { font-size: .75em; }
     .topic-header h1 { font-size: 2em; padding-top: 44px; }
     .topic-header h1.on-two-lines { padding-top: 26px; }
     .esri-footer a { font-size: .8em; padding: 0 12px; }
     .esri-footer span { font-size: .65em; padding: 8px 14px; }

     .added-link { height: 52px; padding-right: 40%;  }
     .added-link a { font-size: .8em; line-height: 52px; }
     .added-link a img { width: 20px; margin-right: 10px; }
     .added-link a span { padding: 14px 35px 0 38px; width: 40%; }
     .added-link a span i { left: 17px; top: 22px; }

     #map-link > div { font-size: .9em; width: 55%; }
     #map-link > span { width: 45%; }
     #map-link .map-color { width: 26px; }
     
     #body.print-page > .columns { padding-right: 5%; }
 }

 @media screen and (max-width: 1460px) {
    .stbannerimagecontainer .stbannerimage {

        top: -10%;
    }
 }

 @media screen and (max-width: 1230px) {
    .stbannercontent 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;}
    #plainest-section {height: 50%;}
    .sixitems .medium-2 {margin:2% 1%;width:31.3%;min-height:200px;}
    .relatedchps {padding-left:1%!important;}
    #body > .columns { padding: 32px 5% 18px 5%; }
    #body > .columns p,
    #body > .columns li { font-size: .9em; }
    #figure32d p{font-size: .9em; }
    #figure32d tr td p{font-size: .8em!important; }
    #figure32d tr td {
        padding: 3px;}
    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 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; }
    #map-link > span { padding: 7px 0 0 20px; }
    #jump-to-section-select { font-size: .8em; }
    .ccm-toolbar-visible #popout-buttons {top:184px;}
    #popout-buttons {top:134px;}
    #body.print-page > .columns { padding-right: 5%; }
    .print-page .medium-6 { padding: 0 24px; }
    #popout-wrapper { top:153px;}
    table.typicaldesign ol li {font-size: .8em!important;}
    .sub-page .small-12 table td:first-of-type {
        width: 190px;
    }
    #subpage-tools {
        margin-right: 46px;
    }
 }
 
 @media screen and (max-width: 1100px) {
    .stbannercontent p { padding-top:0px;}
     #menu a.home-link { bottom: 180px; font-size: 1.1em; }

     #footer-left img { height: 84px; padding: 10px 20px; }
     #footer-center div { margin-top: -8px; padding: 4px; }
     #footer-center div img { height: 18px; }
     #footer-acc div span { font-size: .8em; }
     #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; }

     #sub-page-title h2 { font-size: 1.3em; padding: 30px 30px; padding-left: 0; }
     .goal-links a { font-size: .85em; line-height: 1.2em; width: 15.5%;  }
      
     #home-header > a { font-size: .9em; padding: 12px;  }
     #home-header h1 { font-size: 1.8em; margin: 0; padding: 34px 20px; }
     #home-header p { font-size: .9em; padding-bottom: 20px;  }
     #home-header-image { height: 150px; }
     #home-header-image img { top: 36px; width: 76px; }
     #plainest-title > div div { left: 10%; width: 80%; }
     #plainest-title h2 { font-size: 1.4em; line-height: 1.2em; margin-bottom: 10px;  }
     #plainest-title p { font-size: .95em; margin-bottom: 24px; }
     #plainest-title a { padding: 6px 12px; }
     #plainest-section {height: 45%;}

     .page-header-image > div div { padding: 0 90px 0 4%; }
     .page-header-image > div p { font-size: .85em; line-height: 1.3em; }

     #new-homepage-section { height: 396px; }
     #new-slides > div > div { padding-top: 32px; }
     #new-slides h2 { font-size: 1.5em; margin-bottom: 8px; width: 300px; }
     #new-slides p { font-size: .8em; line-height: 1.4em; padding: 10px 5%; width: 66%; }
     #new-slides a { bottom: 122px; }
     #new-slides a span { font-size: .85em; padding: 8px 18px; }
     #new-slides > i { top: 84px; } 

     #bottom-menu a span { font-size: .9em; line-height: 1.1em; }

     .added-link a { font-size: 1em; }
     .added-link a span { font-size: .75em; padding-top: 13px; padding-right: 18px; }
     #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 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 img { height: 20px; left: 9px; top: 8px; }
     .panel-button a,
     .panel-button input { font-size: .85em; padding-left: 38px; }
     .panel-button input { font-size: 1.05em; }

     .omn-box { padding: 24px 3% 1px; }
     .omn-box > div { margin-bottom: 20px; padding: 20px 4% 6px; }
     .omn-box > div 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; }
}

@media screen and (max-width: 1070px) {
    .print-page .medium-6 { width: 100%; }
    .print-page .medium-6:last-of-type { padding-top: 18px; }
    .print-page p span { display: none; }
    .print-page .if-small { display: inline !important; }
}

 @media screen and (max-width: 940px) {
    .stbannercontent p {
        font-size: .9em;
    }
    .resources-list-cont ul li {
        padding: 10px!important;
    }
    #sub-page-title {
        min-height: 124px;
    }
    .fivecols {padding:0 1%;}
    .fivecols .medium-1 {width:100%; padding:30px 10px 0px 10px;}
    #plainest-section {height: 35%;}

    .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 p { font-size: .75em;margin: 0; }
    #popout-buttons {
        top: 120px;
    }

    .ccm-toolbar-visible #popout-buttons {
        top: 170px;
    }
    #popout-wrapper {top: 169px;}
 }
 
 @media screen and (max-width: 800px) {
    .panme {width:100%;overflow:hidden;overflow-x:scroll}
    .topic-slide .medium-8 iframe.surveymonkey {width:100%;margin-left:0;}
     #menu { width: 42px; }
     #body { 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 a div span { margin: 0 auto 4px; width: 28px; }
     #menu.showing a div span:nth-of-type(1) { top: 8px; }
     #menu ul.nav { width: 320px; }
     #menu ul.nav a { font-size: .7em; padding: 10px 44px 9px 24px; }
     #menu ul.nav a i { top: 11px; }
     #menu ul.nav > li > a:before { height: 10px; width: 10px; }
     #menu ul.nav ul a { font-size: .7em; line-height: 1.2em; padding: 9px 32px 9px 24px; }
     .sub-page .small-12 table td:first-of-type {
        width: 150px;
    }
     .navdown { font-size: .9em; padding: 4px 8px; right: 18px; top: 6px; }

     #footer > div { width: 49%; }
     #footer-left img { height: 72px; }
     #footer-center div { margin-top: -3px; padding: 1px; }
     #footer-center div img { height: 14px; }
     #footer-acc div span { font-size: .7em; margin-left: 2px; }
     #footer > #footer-right { margin: 4px 0 14px; text-align: center; width: 100%; }
     #footer-right a { margin: 0 10px; }
     
     #home-header > a { font-size: .7em; padding: 8px 14px; }
     #home-header > a:hover { padding-top: 16px; }
     #home-header h1 { font-size: 1.5em; letter-spacing: .1em; padding: 24px 14px; }
     #home-header p { font-size: .7em; padding: 24px 10% 16px; }
     #home-header-image { height: 98px; width: 94%; }
     #home-header-image img { top: 23px; width: 52px; }
     #home-header-image img[src*="path"] { width: 80px; }

     #draft-plan-released p { padding: 0; }
     .new-homepage #home-header-image  { height: 85px; }
     .new-homepage #home-header-image > div { height: 98px; top: -40px; }    

     #new-homepage-section { height: 280px; }
     #new-slides > div > div { padding-top: 22px; }
     #new-slides h2 { font-size: 1.5em; margin-bottom: 0; width: 300px; }
     #new-slides p { font-size: .7em; line-height: 1.2em; padding: 10px 5%; width: 66%; }
     #new-slides a { bottom: 64px; }
     #new-slides a span { font-size: .7em; padding: 8px 18px; }
     #new-slides > i { font-size: 1em; paddinG: 8px 14px; top: 64px; } 

     #rollover-map-title { padding-bottom: 2px; }
     #rollover-map-title h2 { margin-top: 0; margin-bottom: 1px; }
     #rollover-map-title span.hover-over { display: none; }
     #rollover-map-title span.click-on { display: block; }
     .rollover-dot > span { height: 26px; width: 26px; }

     #bottom-menu a { font-size: .75em; height: 80px; }
     #bottom-menu a img { height: 18px;  }

     #sub-page-title h2 { font-size: 1.2em; font-weight: 700; padding: 20px 26px; padding-left: 0;  }
     .sub-page .columns > h2 { font-size: 1.3em; letter-spacing: .1em; margin-bottom: 8px; }

     #plainest-section {height: 30%;}

     .sub-page.event-page .columns > h2 { margin-bottom: 24px; }
 }

 @media screen and (max-width: 660px) {
    #sub-page-title {
        min-height: 144px;
    }
    .sub-page .small-12 table td:first-of-type p {padding-top: 40px;}
.stbannercontent 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 ul.nav a { font-size: .7em; padding: 16px 32px 15px 16px; letter-spacing:0;position:relative;}
#menu ul.nav ul a {padding:12px 32px 12px 24px;}
    .stbannermaplink a {padding:7px;    height: 52px;
        width: 170px;border-radius:0px;}
        .stbannercontent 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 p {font-size:.8em}
     .about-page .medium-7 { padding: 0 8%; }
     .about-page .medium-5 { display: none; }
     .goal-links a { margin-bottom: 26px;  width: 29%; }
     #aboutnav { display:none; }
     .page-template-street-type #popout-buttons {top: 192px;}
     .page-template-street-type #popout-wrapper{top: 191px;}
     #body > .columns { padding: 28px 5% 18px 5%; }
     #body > .columns p,
     #body > .columns li { font-size: .8em; line-height: 1.4em; }
     .ccm-page h3 { font-size: 1em; margin: 6px 0 12px;letter-spacing:0px;margin-bottom:8px; }
     .ccm-page h5 { font-size: .9em; }
     .ccm-page p {
        letter-spacing: 0;
    }
    .relatedchps {padding-top:0px;}
     #popout-wrapper {top: 154px;}
     .blue-corner-list li { padding: 18px !important; }
     .blue-corner-list li:after { height: 3px; width: 36%; }
  .stbannerimagecontainer {
        margin-top: 144px;
    }
     #plainest-section {height: 25%;}
     #footer > div {    width: 100%;
        text-align: center;}
        .sixitems .medium-2 {margin:2%;background-color:#0B5996; width:96%;min-height:50px;}

     .large-image { overflow-x: auto; }
     .large-image img { max-width: 250%; width: 150%; }

     .added-link { padding-right: 32%; }
     .added-link a span { width: 32%; }

     #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 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; }
     .stbannerimagecontainer {height:180px;}
     #popout-buttons {
        top: 142px;
    }
    .ccm-toolbar-visible #popout-buttons {
        top: 189px;
    }
    .sub-page .small-12, .page-header-image {
        margin-top: 135px;
    }

    .stbannercontent {
        width: 100%;    padding-right: 60px;
    }
    #jump-to-section-select { width: 240px;}
    table.typicaldesign ol li::before{width: 15px;
        height: 20px;}
    .sub-page .small-12 table.typicalchars tr td:first-of-type p:before {display:none;}
    .page-template-street-type .sub-page .small-12 table.typicalchars td:first-of-type p {margin-left: 0px;padding: 5px 0px;}
    .page-template-street-type .sub-page .small-12 table td:first-of-type {
        width: 100px;
    }
    .sub-page .small-12 table td, .sub-page .small-12 table th {
        padding: 6px 10px 6px 10px;
    }
    .stbannerimagecontainer .stbannerimage img {
        width: 210%;}
.sub-page .small-12 table.typicaldesign td:first-of-type p {margin-left: 0px!important;}
    .sub-page .small-12 table.typicaldesign tr td:first-of-type p:before {left:0;top:0;border-radius:0;bottom:auto;padding-top: 13px;}
    .sub-page .small-12 table.typicaldesign td {padding: 6px 8px 6px 8px;}
    table.typicaldesign ol li{margin: 0px;font-size: .7em!important;}
    table.typicaldesign ol {margin-bottom:10px;}
    table.typicaldesign ol li::before {    left: -22px;}
    table.typicaldesign ol {margin-left: 1rem;}
    .sub-page .small-12 table.typicaldesign tr td:first-of-type p:before {height: 30px;
        width: 30px;font-size: 1.2em;    padding-top: 8px;}
        table.typicaldesign ol li {

            padding-top: 5px;
        }
 }

 @media screen and (max-width: 565px) {
    .topic-slide.showing { display:block; top: 80px; position:absolute;}
     #menu ul.nav { width: 320px; }

     #menu ul.nav a i { top: 17px; }
  
     #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; }
     #footer-acc div span { font-size: .65em; }
     #footer-acc > span { font-size: .55em;  }
     #footer > #footer-right { margin: 16px 0 14px; }

     #home-header > a { font-size: .6em; padding: 6px 12px;}
     #home-header h1 { font-size: 1.3em; line-height: 1.1em; padding: 24px 8px; }
     #home-header h1 span { line-height: 1.4em;}
     #home-header p { font-size: .6em; line-height: 1.3em; padding: 14px 5%; }
     #home-header-image { height: 56px; }
     #home-header-image img { top: 14px; width: 28px; }
     #home-header-image img[src*="path"] { width: 40px; }
     #plainest-title > div { width: 97%; }
     #plainest-title > div div { left: 5%; width: 92%; }
     #plainest-title h2 { font-size: .75em; line-height: 1em; margin-bottom: 5px; }
     #plainest-title p { font-size: .5em; margin-bottom: 10px; }
     #plainest-title a { font-size: .6em; padding: 3px 10px; }

     .new-homepage #home-header h1 { padding: 18px 18px 10px; }
     .new-homepage #home-header-image  { display: none; height: 45px; }
     .new-homepage #home-header-image > div { height: 52px; margin: 0 14%; top: -30px; }    

     .gray-box { border-left-width: 6px; padding: 18px 7% 4px !important; }

     #new-homepage-section { height: 340px; }
     #new-homepage-section .wistia_responsive_padding { width: 360%; }
     #new-slides > div > div { padding-top: 52px; }
     #new-slides h2 { font-size: 1em; margin-bottom: 0; width: 90%; }
     #new-slides p { font-size: .7em; line-height: 1.2em; padding: 10px 5%; width: 86%; }
     #new-slides a { bottom: 0; }
     #new-slides a span { display: block; font-size: .6em; padding: 8px 18px; }
     #new-slides > i { font-size: 1em; paddinG: 8px 14px; top: 0; } 

     #bottom-menu a { border: 0; height: 56px; width: 50%; }
     #bottom-menu a img { display: block; height: 16px; margin-bottom:3px; vertical-align: middle; }
     #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-title p { display: none; }
     .sub-page .columns > h2 { font-size: .9em; letter-spacing: .06em; margin-bottom: 14px; text-align: center; }

     .street-design-header .medium-7 { height: 260px; }

     #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 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 img { height: 16px; left: 7px; top: 9px; }
     .panel-button a,
     .panel-button input { letter-spacing: .02em; padding-left: 40px; }
     #printdrawer .panel-button a { font-size: .7em; }
     .panel-button input { font-size: .95em; }
     #pdfdrawer .panel-button a:before, #pdfdrawer .printbutton:before {
     
        left: 8px;

        top: 4px;
    }
     .print-page .medium-6 { padding: 0; }
     #popout-buttons {
        top: 144px;
    }
    .ccm-toolbar-visible #popout-buttons {
        top: 189px;
    }
    #popout-drawers.opened {
        right: 144px;
    }
 }

 @media screen and (max-width: 480px) {
    #plainest-section {height: 20%;}

   

    .added-link { padding-right: 0; }
    .added-link a { line-height: 44px; }
    .added-link a span { bottom: 0; display: block; height: 15px; left: 0; line-height: 15px; padding: 0; text-align: center; width: 100%; }
    .added-link a span i { position: static; margin-right: 5px; }
 }

 @media screen and (min-height: 710px) {
     .topic-thumbnail img { margin-top: 0; width: 100%; }
 }

 @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
     html, body, .page-template-topic, #body, .columns, .topic-slide .row {height: 100%;}
 }

 @media all {
    .page-break { display: none; }
    }
    
    @media print {
    .page-break { display: block; page-break-before: always; }
    h3 {page-break-after: always;}
 
    }