body, html, h1, h2, h3, h4, h5, h6 { font-family: 'Montserrat', sans-serif; }
.ccm-page .accessibilty-hide { position: absolute; left:-10000px; top:auto; width:1px; height:1px; overflow:hidden; }
.ccm-page .row { margin: 0; max-width: 100%; }
a { transition: background-color .15s, color .15s; }
body { background-color: #303030; }
canvas { -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; }

#menu { height: 100%; position: fixed; width: 58px; z-index: 6; }
#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 #menu-button div span:nth-of-type(1) { top: 12px; transform: rotate(405deg); }
#menu.showing #menu-button div span:nth-of-type(2) { width: 0; }
#menu.showing #menu-button 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 60px; 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 60px; 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; }

#search-button { height: 62px; margin-top: 18px; padding-top: 13px; position: relative; }
#search-button.active { background: #000; }
#search-button div span:nth-of-type(1) { left: 32px; margin: 0; transform: rotate(45deg); top: 18px; transition: .2s; width: 14px; }
#search-button div span:nth-of-type(2) { background: transparent; border: 4px solid #000; border-radius: 50%; height: 24px; left: -4px; top: -9px; width: 24px; }
#search-button div span:nth-of-type(3) { opacity: 0; top: -26px; }
#search-button.active div span:nth-of-type(1) { background: #fff; left: 10px; transform: rotate(45deg); top: 8px; width: 36px; }
#search-button.active div span:nth-of-type(2) { opacity: 0; }
#search-button.active div span:nth-of-type(3) { background: #fff; opacity: 1; transform: rotate(-405deg); }
#search-button span { bottom: 2px; left: 0; position: absolute; text-align: center; width: 100%; }
#search-button.active span { color: #fff; }

#menu > #search-tab { height: 62px; left: -600px; margin: 0; padding: 0; position: absolute; top: 128px; transition: left .5s; width: 580px; z-index: 2; }
#menu > #search-tab.showing { left: 100%; }
#search-tab input[type="text"] { display: inline-block; font-size: 1em; height: 62px; margin: 0; padding-left: 12px; width: 88%; }
#search-tab input[type="submit"] { background: #a5b53a; border: 0; color: #fff; cursor: pointer; float: right; font-size: 1.1em; font-weight: 700; height: 62px; line-height: 62px; text-transform: uppercase; transition: background .3s; width: 12%; }
#search-tab input[type="submit"]:hover { background: #909f2b; }

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


/******************************/
/**    HOMEPAGE SPECIFIC     **/
/******************************/
#home-header { background-image: url("../images/grad2.png"); background-size: 100% 100%; 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 0 36px; padding-top: 36px; }
#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; }
#home-header-image img[src*="path"] { box-shadow: none; top: 0; width: 188px; }
#home-header-image img[src*="path"]:nth-of-type(even) { bottom: 0; top: auto; transform: rotate(180deg);  }
#home-header-image img[src*="path"]:nth-of-type(1) { left: 7%; transition: opacity .4s ease-in-out .05s; }
#home-header-image img[src*="path"]:nth-of-type(2) { left: 21.5%; transition: opacity .4s ease-in-out .3s; }
#home-header-image img[src*="path"]:nth-of-type(3) { left: 36%; transition: opacity .4s ease-in-out .55s; }
#home-header-image img[src*="path"]:nth-of-type(4) { left: 50%; transition: opacity .4s ease-in-out .8s; }
#home-header-image img[src*="path"]:nth-of-type(5) { left: 64%; transition: opacity .4s ease-in-out 1.05s; }
#home-header-image img[src*="path"]:nth-of-type(6) { left: 78.5%; transition: opacity .4s ease-in-out 1.3s; }
#home-header-image img[src*="tap1"] { left: 2%; transition: box-shadow .15s, opacity .25s ease-in-out .0s; }
#home-header-image img[src*="tap2"] { left: 16%; transition: box-shadow .15s, opacity .25s ease-in-out .25s; }
#home-header-image img[src*="tap3"] { left: 31%; transition: box-shadow .15s, opacity .25s ease-in-out .5s; }
#home-header-image img[src*="tap4"] { left: 45%; transition: box-shadow .15s, opacity .25s ease-in-out .75s; }
#home-header-image img[src*="tap5"] { left: 59%; transition: box-shadow .15s, opacity .25s ease-in-out 1s; }
#home-header-image img[src*="tap6"] { left: 73%; transition: box-shadow .15s, opacity .25s ease-in-out 1.25s; }
#home-header-image img[src*="tap7"] { left: 88%; transition: box-shadow .15s, opacity .25s ease-in-out 1.5s; }
#home-header-image 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;}
  #home-header-image a img:hover { box-shadow: 0 0 62px 0px #333;}
#home-header-image.animate img { opacity: 1; }

#search-box { float: none; margin: 0 auto 26px; position: relative; width: 54%; }
#search-box:after { color: #0e6db7; content: "\f002"; font-family: "FontAwesome"; font-size: 1.4em; left: 0; padding: 8px 12px 0; position: absolute; top: 0; }
#search-box input[type="text"] { display: inline-block; font-size: 1.1em; height: 48px; padding-left: 46px; width: 90%; }
#search-box input[type="submit"] { background: #a5b53a; border: 0; color: #fff; cursor: pointer; float: right; font-size: 1.1em; font-weight: 700; height: 48px; line-height: 48px; text-transform: uppercase; transition: background .3s; width: 10%; }
#search-box input[type="submit"]:hover { background: #909f2b; }

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

@keyframes caret {
    0% { top: 0; }
    50% { top: 8px; }
    100% { top: 0; }
}
#rollover-map { position: relative; }
#rollover-map-title { background-color: #a2b93a; color: #fff; left: 0; padding: 4px 42px 9px; position: absolute; text-align: center; top: 0; }
#rollover-map-title h2 { color: #fff; font-size: 1.3em; letter-spacing: .15em; }
#rollover-map-title span { font-size: .8em; font-weight: 700; letter-spacing: .1em; }
#rollover-map-title span.click-on { display: none; }
#rollover-map-title i { animation-name: caret; animation-duration: 2.4s; animation-iteration-count: infinite; display: block; margin-bottom: 7px; position: relative; top: 0; }

@keyframes pulse {
    0% { height: 100%; left: 0; opacity: 1; top: 0; width: 100%; }
    85% { height: 170%; left: -35%; opacity: 0; top: -35%; width: 170%; }
    100% { height: 170%; left: -35%; opacity: 0; top: -35%; width: 170%;  }
}
.rollover-dot { left: 10%; position: absolute; top: 62%; }
.rollover-dot > span { background-color: #A2B53A; border: 4px solid #fff; border-radius: 50%; cursor: pointer; display: block; height: 48px; position: relative; width: 48px; }
.rollover-dot:before { animation-name: pulse; animation-duration: 1.7s; animation-iteration-count: infinite; background-color: rgba(255,255,255,.8); border: 1px solid #fff; border-radius: 50%; content: ""; height: 60px; left: -6px; position: absolute; top: -6px;width: 60px; }
.rollover-dot div { background-color: #A2B53A; color: #fff; height: 200px; left: -9999px; margin-left: 30px; opacity: 0; padding: 10px 20px; position: absolute; top: -101px; transition: left 0s ease-in-out .3s, opacity .3s, top .5s; width: 420px; z-index: 1; }
.rollover-dot:hover div { left: 100%; opacity: 1; top: -71px; transition: left 0s, opacity .65s, top .7s; }
.rollover-dot div:after { border: 20px solid transparent; border-right-color: #A2B53A; content: ""; margin-top: 26px; position: absolute; right: 99%; top: 50%; transition: margin-top .5s; }
.rollover-dot:hover div:after { margin-top: -20px; transition: margin-top .7s; }
.rollover-dot div h3 { color: #fff; font-size: 1.2em; font-weight: 700; letter-spacing: .15em; margin-bottom: 5px; }
.rollover-dot div p { font-size: .9em; line-height: 1.3em; }
.rollover-dot div a { background-color: rgb(137, 160, 7); border: 1px solid #fff; bottom: 16px; color: #fff; font-size: .85em; letter-spacing: .05em; padding: 4px 12px; position: absolute; }
.rollover-dot div a:hover { background-color: #77881b; }

.rollover-dot:nth-of-type(3) { left: 26%; top: 78%; }
.rollover-dot:nth-of-type(3):before { animation-delay: .15s; }
.rollover-dot:nth-of-type(3) > span { background-color: #0e6db7; }
.rollover-dot:nth-of-type(3) div { background-color: #0e6db7; }
.rollover-dot:nth-of-type(3) div:after { border-right-color: #0e6db7; }
.rollover-dot:nth-of-type(3) div a { background-color: #0b3d65; }
.rollover-dot:nth-of-type(3) div a:hover { background-color: #0a253a; }

.rollover-dot:nth-of-type(4) { left: 28%; top: 48%; }
.rollover-dot:nth-of-type(4):before { animation-delay: .3s; }
.rollover-dot:nth-of-type(4) > span { background-color: #eea420; }
.rollover-dot:nth-of-type(4) div { background-color: #eea420; }
.rollover-dot:nth-of-type(4) div:after { border-right-color: #eea420; }
.rollover-dot:nth-of-type(4) div a { background-color: #a96f09; }
.rollover-dot:nth-of-type(4) div a:hover { background-color: #754f0c; }

.rollover-dot:nth-of-type(5) { left: 44%; top: 34.5%; }
.rollover-dot:nth-of-type(5):before { animation-delay: .6s; }
.rollover-dot:nth-of-type(5) > span { background-color: #55447f; }
.rollover-dot:nth-of-type(5) div { background-color: #55447f; }
.rollover-dot:nth-of-type(5) div:after { border-right-color: #55447f; }
.rollover-dot:nth-of-type(5) div a { background-color: #311f5d; }
.rollover-dot:nth-of-type(5) div a:hover { background-color: #170b33; }

.rollover-dot:nth-of-type(6) { left: 60%; top: 14%; }
.rollover-dot:nth-of-type(6):before { animation-delay: .45s; }
.rollover-dot:nth-of-type(6) > span { background-color: #86C3C6; }
.rollover-dot:nth-of-type(6) div { background-color: #86C3C6; left: auto; margin-left: 0; margin-right: 30px; right: 9999px; transition: right 0s ease-in-out .3s, opacity .3s, top .5s; }
.rollover-dot:nth-of-type(6):hover div { right: 100%; transition: right 0s, opacity .65s, top .8s; }
.rollover-dot:nth-of-type(6) div:after { border-right-color: #86C3C6; border-right-color: transparent; border-left-color: #86C3C6; left: 99%; right: auto; }
.rollover-dot:nth-of-type(6) div a { background-color: rgb(82, 166, 171); }
.rollover-dot:nth-of-type(6) div a:hover { background-color: rgb(55, 149, 154); }

.rollover-dot:nth-of-type(7) { left: 74%; top: 35%; }
.rollover-dot:nth-of-type(7):before { animation-delay: .45s; }
.rollover-dot:nth-of-type(7) > span { background-color: #c02b78; }
.rollover-dot:nth-of-type(7) div { background-color: #c02b78; left: auto; margin-left: 0; margin-right: 30px; right: 9999px; transition: right 0s ease-in-out .3s, opacity .3s, top .5s; }
.rollover-dot:nth-of-type(7):hover div { right: 100%; transition: right 0s, opacity .65s, top .8s; }
.rollover-dot:nth-of-type(7) div:after { border-right-color: #c02b78; border-right-color: transparent; border-left-color: #c02b78; left: 99%; right: auto; }
.rollover-dot:nth-of-type(7) div a { background-color: #981157; }
.rollover-dot:nth-of-type(7) div a:hover { background-color: #6f053c; }

.rollover-dot:nth-of-type(8) { left: 69%; top: 62%; }
.rollover-dot:nth-of-type(8):before { animation-delay: .45s; }
.rollover-dot:nth-of-type(8) > span { background-color: #00B2D5; }
.rollover-dot:nth-of-type(8) div { background-color: #00B2D5; left: auto; margin-left: 0; margin-right: 30px; right: 9999px; transition: right 0s ease-in-out .3s, opacity .3s, top .5s; }
.rollover-dot:nth-of-type(8):hover div { right: 100%; transition: right 0s, opacity .65s, top .8s; }
.rollover-dot:nth-of-type(8) div:after { border-right-color: #00B2D5; border-right-color: transparent; border-left-color: #00B2D5; left: 99%; right: auto; }
.rollover-dot:nth-of-type(8) div a { background-color: rgb(26, 159, 186); }
.rollover-dot:nth-of-type(8) div a:hover { background-color: rgb(32, 126, 145); }

#bottom-menu a { background-color: #00b2d5; border-right: 2px solid #21bddb; color: #fff; float: left; height: 114px; position: relative; text-align: center; transition: .1s; width: 25%;  }
#bottom-menu a img { height: 70px; left: 50%; margin-left: -37px; position: absolute; top: 22px; }
#bottom-menu a span { display: inline-block; font-size: 1.2em; font-weight: 700; letter-spacing: .12em; line-height: 1.3em; transition: .2s; vertical-align: middle; width: 44%; }
#bottom-menu a:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }

#bottom-menu a:hover { background-color: #40c7e0; transition: background-color .2s; }
#bottom-menu a:hover span { color: #053bb1f2; transition: color .3s ease-in-out .05s; }
#new-homepage-section {background-image:url('https://msptap-staging.com/application/themes/msptap/images/new-bg.jpg');background-size:cover;}
.new-homepage #home-header h1 { margin: 0; padding-bottom: 28px; }
#draft-plan-released { color: #fff; float: none; max-height:50px;}
#draft-plan-released p { padding: 0; }
#draft-plan-released a { background-color: #c02b78; color: #fff; display: block; font-weight: 700; letter-spacing: .3em; padding: 12px 14px; }
#draft-plan-released a:hover { background-color: #9c0a56; }
#homepinksmall {display:block;font-size:.8em!important;letter-spacing:0;font-weight:normal;}
#new-homepage-section { height: 1000px; position: relative; overflow:hidden;}
#new-slides { height: 100%; overflow: hidden; position: relative; top: 0; }
#new-slides > div { left: 0;top:0; position: relative; transition: all .6s; width: 100%; }
#new-slides > div > div { float: left; padding-top: 40px; text-align: center; width: 100%; opacity:0;position:absolute;}
#new-slides > div > div.showing {opacity:1;}
#new-slides h2 { color: #fff; font-size: 2.8em; font-weight: 700; line-height: 1.2em; letter-spacing: .08em; margin: 0 auto 26px; width: 400px; }
#new-slides p { background-color: rgba(0,0,0,0.7); color: #fff; font-size: 1.6em; font-weight: 700; margin: 0 auto; padding: 20px 4% 30px 4%; width: 74%; border-radius:4px;position: relative;-webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);
    -moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);
    box-shadow: 0px 0px 8px 0px rgba(0,0,0,.8);}
#new-slides > a { bottom: 200px; position: absolute; left: 0; text-align: center; width: 100%; }
.slidetext {opacity:0; display:block;margin-bottom:15px;-webkit-transition: all 1.5s ease-in-out;
    -moz-transition: all 1.5s ease-in-out;
    -o-transition: all 1.5s ease-in-out;
    transition: all 1.5s ease-in-out;}
    .showing .slidetext {opacity:1;}
    .skipme {font-size:.8em;    position: absolute;
        z-index: 99;
        top: 9px;}
    .skipme:hover {cursor:pointer;}
.slideimages {opacity:0; -webkit-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    -o-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;width:80%;display:block;height:65%;overflow:hidden;margin:0 auto;}
    
    .showing .slideimages img {-webkit-transition: all 5s ease-in-out;
        -moz-transition: all 5s ease-in-out;
        -o-transition: all 5s ease-in-out;
        transition: all 5s ease-in-out;}
    .slideimages img {width:100%;}
.showing .slideimages {opacity:1;}
#new-slides p a span {opacity:0;
    -webkit-transition: opacity 1.5s ease-in-out;
    -moz-transition: opacity 1.5s ease-in-out;
    -o-transition: opacity 1.5s ease-in-out;
    transition: opacity 1.5s ease-in-out; 
  
    background-color: #c02b78; color: #fff; font-size: .95em; font-weight: 700; left: 50%; letter-spacing: .08em; padding: 10px 28px; }
    #new-slides .showing p a span {opacity: 1;}
    #new-slides p a {margin-bottom: 30px;
        display: block;}
#new-slides p a:hover > span { background-color: #9c0a56; }
#new-slides > i { background-color: #000; background-color: rgba(0,0,0,.8); color: #fff; cursor: pointer; display: inline-block; font-size: 1.6em; left: 0; padding: 12px 26px; position: absolute; top: 124px; transition: background-color .2s; }
#new-slides > i:last-of-type { left: auto; right: 0; }
#new-slides > i:hover { background-color: rgb(36,36,36,.6); }

.new-homepage #home-header-image { background-image: url("../images/grad2.png"); background-size: 100% 100%; height: 168px; margin: 0; width: 100%;  }
.new-homepage #home-header-image > div { height: 240px; margin: 0 6%; position: relative; top: -120px; }


ol.planhhighlights { text-align: center;
    list-style-position: inside;padding:20px 8%}
 ol.planhhighlights  {
   list-style: none;
   counter-reset: item;
 }
 ol.planhhighlights li {
   counter-increment: item;
   margin-bottom: 35px;
padding-bottom:20px;
font-size:1.3em;border-bottom:lightgrey dashed 2px;
 }
 ol.planhhighlights li span {font-weight:bold}
 ol.planhhighlights li:before {
   margin-right: 10px;
 content: counter(item);
   background: #2A6AA9;
   border-radius: 100%;
   color: white;
font-weight:bold;
   width: 1.6em;
   text-align: center;
   display: inline-block;
 }
/******************************/
/**     SUBPAGE SPECIFIC     **/
/******************************/
#sub-page-title { background-size: 100% 100%; display: table; width: 100%; }
#sub-page-title h1 { color: #fff; display: table-cell; font-size: 2.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 48px; }

.about-page #sub-page-title h1 { color: #10396e; }
.about-page #sub-page-title { background-color: #86c3c6; background-image: url("../images/get_involved_grad.png"); }
.about-page .padded { padding: 28px 4%; }
.about-page p.bigger { font-size: 1.3em; line-height: 1.3em; margin-top: 20px; }
.about-page p.blockquote { background-color: #0e6db7; height: 160px; margin: 24px 0; position: relative; }
.about-page p.blockquote > span { color: #fff; height: 100%; left: 0; position: absolute; top: 0; width: 98%; }
.about-page p.blockquote > span:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.about-page p.blockquote > span span { display: inline-block; font-size: 1.8em; line-height: 1.4me;padding: 0 5%; vertical-align: middle; }
.about-page h3 { color: #10398e; }
.topic-section { padding: 0 4%; }
.topic-section p strong { display: block; }
.topic-links { margin: 26px 0 40px; }
.topic-links a { color: #000; display: inline-block; font-size: .9em; line-height: 1.2em; text-align: center; vertical-align: top; width: 13.5%; }
.topic-links a img { display: block; width: 60%;  margin: 0 auto 14px; }
.topic-button { border: 1px solid #00b2d5; color: #00b2d5; font-size: .9em; letter-spacing: .1em; margin-top: 12px; padding: 10px 12px; }
.topic-button:hover { background-color: rgba(0,178,213,.4); }
#shaping-plan li { border-bottom: 1px solid #c4c4c4; display: block; line-height: 1.5em; margin: 0 0 14px 40px; padding-bottom: 14px; position: relative; }
#shaping-plan li:last-of-type { border: 0; }
#shaping-plan li span { background-color: #a2b53a; border-radius: 50%; color: #fff; height: 26px; left: -44px; line-height: 26px; position: absolute; text-align: center; top: 0; width: 26px; }
.about-page .medium-7 { padding: 0 4% 0 5%; }
.about-page .medium-5 { padding: 0 5% 0 0; }
.goal-links { margin: 20px 0 45px; }
.goal-links a { color: #000; display: inline-block; padding: 8px 0 4px; text-align: center; transition: background-color  .2s; vertical-align: top; width: 16%; }
.goal-links a:hover { background-color: #e4e4e4; }
.goal-links a img { display: block; height: 40px; margin: 0 auto 3px; width: auto; }
.project-schedule { background-color: #e6e6e6; padding: 28px 4%; }
.project-schedule div { background-color: #fff; border-radius: 56px 0 0 56px; height: 112px; margin: 28px 0 42px; padding: 11px 16px 0 132px; position: relative; }
.project-schedule div span { background-color: #86c3c6; border-radius: 50%; color: #fff; font-size: .9em; height: 112px; left: 0; line-height: 112px; position: absolute; text-align: center; top: 0; width: 112px; }
.project-schedule div h3 { color: #86c3c6; font-size: 1.1em; font-weight: 700; }
.project-schedule div p { font-size: .85em; line-height: 1.4em; }
.project-schedule div:after { background-color: #5f6062; content: ""; height: 42px; left: 56px; position: absolute; top: 100%; width: 4px; }
.project-schedule div:nth-of-type(2) span { background-color: #0e6db7; }
.project-schedule div:nth-of-type(2) h3 { color: #0e6db7; }
.project-schedule div:nth-of-type(3) span { background-color: #b61d6c; }
.project-schedule div:nth-of-type(3) h3 { color: #b61d6c; }
.project-schedule div:nth-of-type(4) span { background-color: #eea420; }
.project-schedule div:nth-of-type(4) h3 { color: #eea420; }
.project-schedule div:nth-of-type(5) span { background-color: #a2b53a; }
.project-schedule div:nth-of-type(5) h3 { color: #a2b53a; }
.project-schedule div:nth-of-type(5):after { display: none; }

.draft-plan-published { background-color: #b61d6c; padding: 34px 5%; position: relative; text-align: center; }
.draft-plan-published h3 { color: #fff; font-weight: 700; letter-spacing: .07em; margin: 0; }
.draft-plan-published p { color: #fff; font-size: 1.1em; margin: 0 auto 8px; width: 60%; }
.draft-plan-published p a { background-color: #a2b53a; color: #fff; display: inline-block; font-weight: 700; margin: 6px 8px 0; padding: 8px 18px; }
.draft-plan-published p a:hover { background-color: #7f940c; }
.draft-plan-published p a:nth-of-type(2) { background-color: #00b2d5; }
.draft-plan-published p a:nth-of-type(2):hover { background-color: #018da9; }
.draft-plan-published p a:nth-of-type(3) { background-color: #55447F; }
.draft-plan-published p a:nth-of-type(3):hover { background-color: #47376F; }
.dpp-on-homepage { padding: 0; transition: background-color .2s; }
.dpp-on-homepage:hover { background-color: #8d1d57; }
.dpp-on-homepage h3 { font-size: 1.3em; padding-top: 20px; }
.dpp-on-homepage h3 a { color: #fff; display: block;}
.dpp-on-homepage h3 a i { display: block; margin-bottom: 6px; }
.dpp-on-homepage h3 a span { background-color: #8d1d57; display: block; font-size: .7em; font-weight: 400; margin-top: 16px; padding: 6px 14px 8px; transition: background-color .2s; }
.dpp-on-homepage:hover h3 a span { background-color: #6d0d3f; }
.dpp-on-topics-page { margin-bottom: 90px; }
.dpp-on-topics-page:after { border: 28px solid transparent; border-top-color: #b61d6c; content: ""; left: 50%; margin-left: -24px; position: absolute; top: 100%; }

#body.explore-page { background-color: #86C3C6; padding: 24px 3%; }
.explore-page h1 { font-size: 1.5em; font-weight: 700; letter-spacing: .06em; line-height: 1.2em; margin: 16px 3% 26px 0; text-align: right; }
.explore-page h1 i { color: #008ac0; margin-left: 14px; }
.explore-page p { clear: both; font-size: 1.1em; line-height: 1.4em; padding-top: 14px; }
.explore-header p { font-size: 1.3em; line-height: 1.4em; margin: 0 0 42px; }
.explore-page a { color: #000; }
.goal-top-header { background-color: #439195; height: 34px; }
.goal-top-header p { font-size: .9em; line-height: 34px; margin: 0; padding: 0 14px; }
.goal-top-header a { color: #fff; display: inline-block; }
.goal-top-header a i { margin-right: 6px; transition: margin .4s; }
.goal-top-header a:hover i { margin-right: 14px; }
.goal-top-header p:last-of-type { color: #fff; position: absolute; right: 0; top: 0; }

.explore-thumbnail { float: left; height: 384px; overflow: hidden; width: 100%; }
.explore-thumbnail img { margin-top: -4%; width: 100%; }
.explore-page-header { background-color: #86c3c6; clear: both; }
.explore-page-header h1 { background-color: rgba(25,25,25,.55); border-radius: 50%; color: #fff; font-size: 1.4em; font-weight: 700; height: 268px; left: 46px; letter-spacing: .05em; line-height: 1.2em; padding: 80px 18px; position: relative; text-align: center; top: -176px; width: 268px; }
.explore-page-header h1.on-two-lines { padding-top: 56px; top: -180px; }
.explore-page-header h1 img { display: block; height: 68px; margin: 0 auto 14px; width: auto; }
.explore-page-header p { font-size: 1.5em; font-weight: 700; line-height: 1.4em; margin: -266px 5% 0; min-height: 150px; padding: 14px 0 34px 308px;}
.explore-page-header p span { display: block; margin-bottom: 8px; }
.explore-page-content { background-color: #e7e7e7; }
.explore-page-content h2 { color: #10396e; font-size: 1.4em; font-weight: 700; }
.explore-page-content .columns { padding: 24px 3.5%; }
.explore-page-content .medium-5 > p:first-of-type { font-size: 1.1em; font-style: italic; line-height: 1.7em; margin: 36px 7% 0 1%; }
.goal-alignments { border-top: 4px solid #86C3C6; margin-top: 18px; padding: 18px 4px 0; }
.goal-alignments h2 { color: #000; font-size: 1em; line-height: 1.3em; margin-bottom: 12px; width: 70%; }
.goal-alignments p a { display: block; font-size: .85em; line-height: 1.3em; margin-bottom: 12px; }
.goal-alignments p a:before { background-color: #a2b53a; border-radius: 50%; content: ""; display: inline-block; height: 6px; margin: 0 11px 0 4px; width: 7px; }

.topic-page + #body,
.topic-page + #body > .columns { height: 100%; overflow: hidden; }
.ccm-edit-mode .topic-page + #body,
.ccm-edit-mode .topic-page + #body > .columns { height: auto; overflow: auto; }
.topic-thumbnail { height: 46%; overflow: hidden; }
.ccm-toolbar-visible .topic-thumbnail { margin-top: -48px; }
.topic-thumbnail img { margin-top: -9%; width: 100%; }
.topic-header { background-color: #e7e7e7; height: 54%; }
.topic-header .row { height: 100%; }
.topic-header .medium-5 { position: relative; top: -114px; }
.topic-header .medium-5 > div { height: 100%; overflow-y: scroll; padding: 24px 6%; }
.topic-header .medium-5 h2 { font-size: 1.6em; font-weight: 700; line-height: 1.3em; margin-bottom: 18px; }
.topic-header .medium-5 p { font-size: 1.2em; line-height: 1.4em; }
.topic-header h1 { background-color: rgb(33,189,219,.8); color: #fff; font-size: 2.4em; font-weight: 700; height: 114px; line-height: 1em; margin: 0; padding: 39px 5% 0; }
.topic-header h1.on-two-lines { padding-top: 21px; }
.topic-header h1 span { display: block; font-size: .55em; font-weight: 400; }
.topic-header .medium-7 p { background-color: #00b2d5; float: left; height: 50%; margin: 0; text-align: center; width: 33.33333%; }
.topic-header .medium-7 p:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.topic-header .medium-7 p:nth-of-type(2),
.topic-header .medium-7 p:nth-of-type(4) { background-color: #00a0c0; }
.topic-header .medium-7 p:nth-of-type(3),
.topic-header .medium-7 p:nth-of-type(5) { background-color: #15c2e5; }
.topic-header .medium-7 p img { display: block; height: 36px; margin: 0 auto 12px; width: auto; }
.topic-header .medium-7 .blu-lnk-only p a { color: #fff; display: inline-block; font-size: 1.1em; line-height: 1.4em; padding: 0 15%; position: relative; vertical-align: middle; width: 99%; }
.topic-header .medium-7 .blu-lnk-only p a:before { background-color: transparent; border-radius: 50%; box-shadow: 0 0 0 0 transparent; content: ""; height: 12px; left: 48%; margin: -6px -6px 0 0; position: absolute; top: 44%; width: 12px; transition: box-shadow .2s, background-color .3s; }
.topic-header .medium-7 .blu-lnk-only p a:hover:before { background-color: rgb(10,21,132,.22); box-shadow: 0 0 108px 16px rgb(10, 21, 132); transition: box-shadow .6s, background-color .4s; }
.topic-header .medium-7 .blu-lnk-only p a span,
.topic-header .medium-7 .blu-lnk-only p a img { position: relative; }
.topic-header .medium-7 p.coming-soon { color: #fff; display: inline-block; font-size: 1.3em; height: 100%; line-height: 1.4em; padding: 84px 30%;  width: 100%; }
.topic-header .medium-7 p.coming-soon i { display: block; font-size: 1.8em; margin-bottom: 8px;  }
.topic-header .medium-7 p.coming-soon:after { display: none;  }

.topic-slide { background-color: #fff; height: 100%; position: absolute; top: 100%; transition: top .65s; width: 100%; }
.topic-overflow {height:50.1%;overflow-y:scroll;background: /* Shadow covers */
    linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
    radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(50% 100%, farthest-side, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
    background: /* Shadow covers */
    linear-gradient(white 30%, rgba(255, 255, 255, 0)), linear-gradient(rgba(255, 255, 255, 0), white 70%) 0 100%, /* Shadows */
    radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(0, 0, 0, .2), rgba(0, 0, 0, 0)) 0 100%;
    background-repeat: no-repeat;
    background-color: white;
    background-size: 100% 40px, 100% 40px, 100% 14px, 100% 14px;
    /* Opera doesn't support this in the shorthand */
    background-attachment: local, local, scroll, scroll; width: 100%; }
.ccm-edit-mode .topic-slide { height: auto; position: static; }
.topic-slide.showing { top: 0; transition: top .8s; }
.topic-slide.showing .row { margin-top: -30px; }
.topic-slide ul {padding: 14px 8% 8px;}
.topic-slide ul li {margin-bottom:10px;}
.topic-slide.showing ul.rslides {padding:0!important;}

.topic-slide .medium-4 { height: 100%; overflow-y: hidden; padding-top: 30px; }
.topic-slide .medium-4 h2 { font-size: 1.5em; line-height: 1.2em; padding: 14px 8% 0;     }
.topic-slide .medium-4 .scroll-area { overflow: auto; }
.topic-slide .medium-4 p { font-size: 1.1em; line-height: 1.4em; padding: 14px 8% 8px; }
.topic-slide p.footnotes {font-size:.7em;line-height:2em;margin-bottom:0;padding-bottom:0}
ul.footnotes {font-size:.7em;padding-top:0;}
.draft-plan-page .draft-plan-description > div ol.footnotes {font-size: .7em;
    line-height: 2em;
    margin-bottom: 0;
    padding-bottom: 0;
margin-left:0;line-height:1.1em;}
.draft-plan-page .draft-plan-description > div ol.footnotes li {   margin-bottom: 10px;}
.draft-plan-description .footnotes {font-size: .7em;
    line-height: 2em;
    margin-bottom: 40px;
    padding-bottom: 0;
margin-left:0;line-height:1.1em;}

.draft-plan-description .footnotes li {margin-bottom: 10px;}
.topic-slide form { background-color: #00b2d5; bottom: 0; padding-bottom: 14px; position: absolute; height:44%;overflow-y: scroll;}
.ccm-edit-mode .topic-slide form { position: static; }
.topic-slide .ccm-dashboard-express-form fieldset { border: 0; margin: 0; padding: 0; }
.topic-slide .ccm-dashboard-express-form label.control-label { background-color: #029ab8; color: #fff; font-size: 1.1em; font-weight: 700; line-height: 1.3em; margin-bottom: 11px; padding: 30px 22px; text-transform: uppercase; }
.topic-slide .ccm-dashboard-express-form .checkbox {padding-left:30px;}
.topic-slide .ccm-dashboard-express-form .checkbox label {color:white;}
.topic-slide .ccm-dashboard-express-form .radio { padding: 4px 20px 0; }
.topic-slide .ccm-dashboard-express-form .radio label { color: #fff; font-size: .9em; font-weight: 700; }
.topic-slide .ccm-dashboard-express-form .radio label input { margin-right: 6px; }
.topic-slide form button { background-color: transparent; border: 1px solid #fff; display: block; font-family: "Montserrat"; font-size: .85em; font-weight: 700; letter-spacing: .08em; margin: 8px auto; padding: 8px; text-transform: uppercase; transition: background-color .2s; width: 90%;  }
.topic-slide form button:hover { background-color: rgba(255,255,255,.4); }
.topic-slide form button:after { content: " MY ANSWER"; }
.topic-slide form .thanks { background-color: rgba(0,0,44,.8); color: #fff; font-size: 1.1em; font-weight: 700; height: 140%; left: 0; padding: 24px 40px; position: absolute; text-align: center; top: 0; width: 100%; }
.topic-slide .medium-8 { background-color: #f4f4f4; box-sizing: border-box; color: #fff; height: 100%;overflow-x: hidden;    overflow-y: scroll; }
.topic-slide .medium-8 .padded { padding: 32px 3% 0;  }
.topic-slide .medium-8 h3 { font-size: 1.3em; font-weight: 700; line-height: 1.3em; margin: 0 auto 18px; text-align: center; width: 90%; }
.topic-slide .medium-8 h3.blue { color: #008ac0; }
.topic-slide .medium-8 h3 span { color: #000; display: block; font-size: .55em; font-weight: 400; line-height: 1.3em; }
.topic-slide .medium-8 p { color: #000; font-size: .85em; font-weight: 700; line-height: 1.4em; text-align: center; }
.topic-slide .medium-8 iframe { border: 0; height: 100%; padding-bottom: 92px; width: 100%; }
.ccm-edit-mode .topic-slide .medium-8 iframe { height: 60%; }
.esri-footer { background-color: #303030; bottom: 0; height: 92px; overflow: auto; position: absolute; width: 100%; }
.ccm-edit-mode .esri-footer { position: relative; }
.esri-footer p { height: 60px; margin: 0; }
.esri-footer span { display: inline-block; font-size: .7em; line-height: 1.4em; padding: 16px 16px; width: 60%; }
.esri-footer a { background-color: #008ac0; color: #fff; float: right; font-size: .95em; font-weight: 700; height: 60px; line-height: 60px; padding: 0 24px; }
.topic-slide .medium-8 iframe.surveymonkey { border: 0; height: 98%; margin-top: 2%; padding-bottom: 32px;     width: 150%;
    margin-left: -20%;}

.topic-slide .rating-form .ccm-dashboard-express-form label.control-label { background-color: transparent; color: white; display: inline-block; font-size: .7em; margin-bottom: 3px; padding: 1px 5px 1px 0; text-transform: none; }
.rating-form .form-group { margin-bottom: 6px;  }
.rating-form .form-group div { display: inline-block; vertical-align: middle; }
.topic-slide .rating-form .ccm-dashboard-express-form fieldset { padding-left: 18px; }
.rating-form h3 { background-color: #029ab8; color: #fff; font-size: .9em; font-weight: 700; line-height: 1.2em; padding: 10px 18px; text-transform: uppercase; }
.rating-form .ccm-rating .fa-star, .rating-form .ccm-rating .fa-star-half-o { color: #eee; }

.topic-slide input[type="checkbox"], 
.topic-slide input[type="radio"] { margin-bottom: 0; }
.topic-slide .radio { margin-bottom: 6px; } 
.topic-slide .checkbox { margin-bottom: 12px; }
.topic-slide .checkbox label { line-height: 1.2em; margin-right: 24px; }

.topic-slide .medium-8 .on-topic-page h3 { font-size: 1.2em; font-weight: 700; margin-bottom: 30px; text-align: left; width: 100%;  }
.topic-slide .medium-8 .on-topic-page h3 span { display: inline-block; font-size: 1em; font-weight: 700; }

.added-link { background-color: #b61d6c; bottom: 100%; height: 68px; margin: 0; padding-right: 30%; position: absolute; text-align: center; transition: background-color .15s; width: 100%; }
.added-link a { color: #fff; display: block; font-weight: 700; letter-spacing: .08em; line-height: 68px; }
.added-link a img { width: 30px; margin-right: 20px; }
.added-link span { background-color: #A91964; font-size: .7em; font-weight: 400; height: 100%; letter-spacing: .04em; line-height: 1.5em; padding: 14px 8px 0 48px; position: absolute; right: 0; text-align: left; width: 30%; }
.added-link span i { left: 24px; top: 28px; position: absolute; }
.added-link:hover { background-color: #980a53; }

.slide-top { background-color: #00b2d5; font-size: 1em; height: 32px; padding: 0 16px 0 12px; position: relative; z-index: 1; }
.slide-top a { color: #fff; line-height: 32px; }
.slide-top a i { margin-right: 6px; transition: margin .4s; }
.slide-top a:hover i { margin-right: 14px; }
.slide-top > span { color: #fff; float: right; line-height: 32px; }
.slide-left-top { margin-bottom: 12px;}
.slide-left-top a { color: #00b2d5; display: inline-block; font-size: .85em; padding: 8px 2px 0 8px; transition: color .2s; }
.slide-left-top a:hover { color: #087388; }
.slide-left-top a i { margin: 0 6px; }
.slide-left-top a:last-of-type { float: right; }
.ccm-edit-mode .slide-top,
.ccm-edit-mode .slide-left-top { display: none; }

.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: #10396e; }
.get-involved-page #sub-page-title { background-color: #86c3c6; background-image: url("../images/get_involved_grad.png"); }
.get-involved-page h2 { margin: 40px 0 20px; }
.get-involved-page .medium-7 { background-color: #d1ebec; padding: 38px 3%; }
.get-involved-page .medium-7 p:first-of-type { font-size: 1.1em; }
.get-involved-page .medium-5 { padding: 38px 3%; }
.get-involved-page .medium-5 .social-media span { display: block; font-weight: 700; margin-bottom: 5px;  }
.get-involved-page .medium-5 .social-media a { color: #00b2d5; font-size: 2.5em; margin-right: 14px; }
.get-involved-page .medium-5 .gompls span { display: inline-block; line-height: 1.3em; vertical-align: middle; width: 58%; }
.get-involved-page .medium-5 .gompls span:first-of-type { background-color: #a2b53a; color: #fff; font-size: .9em; font-weight: 700; height: 64px; letter-spacing: .1em;  line-height: 64px; margin-right: 24px; position: relative;  text-align: center; width: 23%; }
.get-involved-page .medium-5 .gompls span:first-of-type:after { border: 8px solid transparent; border-left-color: #a2b53a; content: ""; left: 100%; margin-top: -8px; position: absolute; top: 50%; }
.get-involved-page .plan-to-engagement { padding: 0 6%; text-align: center; }
.get-involved-page .plan-to-engagement strong { color: #0e6db7; display: block; text-transform: uppercase; }
.get-involved-page .plan-to-engagement .medium-4 { background-color: #d1ebec; border: 1px solid #439195; height: 244px; margin: 0 2% 28px; padding: 10px 2%; width: 29.3333%; }
.get-involved-page .plan-to-engagement .medium-4 h3 { font-size: 1em; font-weight: 700; }
.get-involved-page .plan-to-engagement .medium-4 h3 span { display: block; }
.get-involved-page .plan-to-engagement .medium-4 p { font-size: .85em; line-height: 1.3em;  }
.get-involved-page .plan-to-engagement .medium-4 hr { border-color: #c4c4c4; margin: 12px 0; }
.get-involved-page .types-of-engagement { background-color: #e7e7e7; padding: 20px 6%; text-align: center; }
.get-involved-page .types-of-engagement h2 { margin-top: 14px; }
.get-involved-page .types-of-engagement h3 { background-color: #439195; color: #fff; cursor: pointer; font-size: 1.1em; font-weight: 700; letter-spacing: .14em; padding: 8px 18px; text-align: left; transition: background-color .2s; }
.get-involved-page .types-of-engagement h3:before { content: "\f055"; font-family: "FontAwesome"; font-size: 1.6em;  margin-right: 22px; vertical-align: middle;  }
.get-involved-page .types-of-engagement h3:hover { background-color: #2f787b; }
.get-involved-page .types-of-engagement h3.active { background-color: #86c3c6; }
.get-involved-page .types-of-engagement h3.active:before { content: "\f056"; }
.slider div { padding: 22px 2%; text-align: left; }
.get-involved-page .how-should-engagement { background-color: #008AC0; }
.get-involved-page .how-should-engagement .medium-4 p { margin: 0; }
.get-involved-page .medium-8 { color: #fff; padding: 4px 4%; }
.get-involved-page .medium-8 h2 { color: #fff; }
.get-involved-page .medium-8 a { background-color: #a2b53a; color: #fff; display: inline-block; padding: 6px 22px; }
.get-involved-page .medium-8 a:hover { background-color: #869825; }

.event-page .columns { padding: 0 5% 20px; }
#event-left-c {padding-right:2%;}
#event-right-c {padding-left:3%;}
.event-page h2 { margin-bottom: 34px; text-transform: uppercase; }
.event-page h3 { color: #10396e; font-size: 1.2em; font-weight: 700; margin-left: 36px; margin-top: 8px; position: relative; }
.event-page h3 i { color: #b6c35c; font-size: 1.3em; left: -36px; position: absolute; top: 1px; }
.event-page h3:nth-of-type(2) i { font-size: 1.4em; left: -32px; }
.event-page p { line-height: 1.4em; margin-left: 36px; }
.event-page p + p { display: inline-block; margin-top: -1.2em; }
.event-page p:first-of-type { margin-bottom: .1em; }
.event-page p:first-of-type + p:after  { content: " - "; }
.event-more-info p {display:block!important;margin-bottom: 40px!important;}
.event-more-info p:first-of-type + p:after  { content: ""; }

.stay-updated-page #sub-page-title { background-color: #183862; background-image: url("../images/stay_updated_grad.png"); }
.get-updates-where-you-are { background-color: #183862; overflow: auto; padding: 24px 3.5%; }
.get-updates-where-you-are h2 { color: #fff;  }
.get-updates-where-you-are a { background-color: #fff; border: 4px solid #008ac0; color: #008ac0; float: left; font-size: .8em; font-weight: 700; letter-spacing: .14em; margin: 32px 0; margin-right: 2%; padding: 58px 12px; text-align: center; transition: .2s; width: 23.5%; }
.get-updates-where-you-are a:last-of-type { margin-right: 0; }
.get-updates-where-you-are a i { display: block; font-size: 3.8em; margin-bottom: 11px; }
.get-updates-where-you-are a:nth-of-type(2) { border-color: #eea420; color: #eea420; }
.get-updates-where-you-are a:nth-of-type(3) { border-color: #b6c35c; color: #b6c35c; }
.get-updates-where-you-are a:nth-of-type(4) { border-color: #55447f; color: #55447f; }
.get-updates-where-you-are a:hover { background-color: #15aae4; color: #fff; transition: background-color .2s, color .35s ease-in-out .05s; }
.get-updates-where-you-are a:nth-of-type(2):hover { background-color: #ffbb41; }
.get-updates-where-you-are a:nth-of-type(3):hover { background-color: #c2ce6f; }
.get-updates-where-you-are a:nth-of-type(4):hover { background-color: #7867a2; }

.hmmt-header h1 { background-color: #00b2d5; color: #fff; font-size: 1.1em; margin: 0;  text-align: right; padding: 10px 16px 9px; }
.hmmt-header p { float: left; text-align: center; width: 33.3333%; }
.hmmt-header p a { background-color: #04697c; color: #fff; display: block; font-size: .9em; font-weight: 700; padding: 12px 8px; width: 100%; }
.hmmt-header p:nth-of-type(2) a { background-color: #007f98; }
.hmmt-header p:nth-of-type(3) a { background-color: #008aa5; }
.hmmt-header p a:hover { background-color: #183862 !important; }
.hmmt-header p a.active { background-color: #a2b53a !important; }
.hmmt-header h2 { clear: both; color: #0e6db7; font-size: 2.2em; font-weight: 700; padding: 20px 4% 0; }
.hmmt-header h2 span { background-color: #00b2d5; color: #fff; display: inline-block; font-size: .45em; margin-bottom: 4px; padding: 6px 12px; }
.hmmt-section { padding: 38px 4%; }
.hmmt-section h3 { font-size: 1.2em; font-weight: 700; margin-bottom: 30px; padding-left: 20px; }
.hmmt-section h3 span { display: inline-block; line-height: 1.3em; vertical-align: middle; width: 80%; }
.hmmt-section h3:before { background-color: #b61d6c; border-radius: 50%; content: ""; display: inline-block; height: 54px; margin-right: 14px; vertical-align: middle;  width: 54px; }
.hmmt-section h4,
.hmmt-section table caption { color: #5f6062; font-size: 1em; font-weight: 700; margin: 18px 24px 0; text-align: left; }
.hmmt-section table caption { margin-bottom: 24px; }
.hmmt-section p { font-size: .9em; padding-left: 24px; }
.hmmt-section p.normal { font-size: 1.2em; line-height: 1.4em;}
.hmmt-section:nth-of-type(odd) { background-color: #ececea; }
.easel { margin: 30px 0; }
.verb-more { overflow: auto; padding-bottom: 30px; }
.verb-more p { display: inline-block; }
.verb-more h4 { color: #303030; display: inline-block; font-size: 1.2em; margin: 0 2px 0 100px; padding-left: 124px; position: relative; vertical-align: top; width: 30%; }
.verb-more h4 img { left: 0; position: absolute; top: 0; }
.verb-more h4 span { display: block; font-size: 3.6em; letter-spacing: .08em; margin: 6px 0 3px; }
.hmmt-section table { border: 0; border-spacing: 0; width: 100%; }
.hmmt-section table tr { background-color: #ececea; }
.hmmt-section table tr th,
.hmmt-section table tr td { border: 12px solid #ececea; border-width: 0 0 12px 12px; text-align: center; width: 20%; }
.hmmt-section table tr *:nth-of-type(1) { border-left-width: 0; }
.hmmt-section table tr th { border-bottom-color: #c4c4c4; }
.hmmt-section table tr:last-of-type th { border-bottom: 0; }
.hmmt-section table tr td { background-color: #fff; font-size: 2.1em; font-weight: 700; height: 180px; line-height: .8em; }
.hmmt-section table tr td span { display: block; font-size: .5em; margin-bottom: 8px; }
.hmmt-section table tr:first-of-type th { background-color: #095998; border-bottom-color: #ececea; padding: 0; }
.hmmt-section table tr:first-of-type th:nth-of-type(2) { border-left: 0; }
.hmmt-section table th > span { font-size: 1.4em; line-height: 1.1em; }
.hmmt-section table th span span { display: block; font-size: .8em;}
.hmmt-section table tr th img { display: block; height: 54px; margin: 16px auto; width: auto; }
.hmmt-section table tr:nth-of-type(2) th img { height: auto; margin-bottom: -6px; width: 78px; }
.hmmt-section table tr:first-of-type th span { background-color: #0e6db7; color: #fff; font-size: .9em; height: 40px; display: block; padding: 6px 40px 0; }
.hmmt-section table tr:first-of-type th:first-of-type { background-color: transparent;  }
.hmmt-section table tr:first-of-type th:first-of-type span { display: none; }
.hmmt-section iframe { height: 720px; width: 100%; }
.changes div { background-color: #e1f2ff; margin-bottom: 38px; padding-left: 10%; position: relative; }
.changes div h4 { background-color: #0e6db7; color: #fff; height: 100%; left: 0; letter-spacing: .06em; margin: 0; padding-top: 40px; position: absolute; text-align: center; top: 0; width: 10%; }
.changes div h4 span { border-radius: 50%; border: 2px solid #fff; display: block; font-size: 1.8em; height: 40px; line-height: 36px; margin: 4px auto; width: 40px; }
.changes p { display: inline-block; height: 144px; line-height: 1.3em;padding-top: 72px; position: relative; text-align: center; width: 24%; }
.changes p span { background-color: #0e6db7; border-radius: 100%; color: #fff; display: block; font-size: .95em; height: 48px; line-height: 46px; margin: 4px auto; position: relative; width: 48px; }
.changes p img { height: 70px; left: 50%; margin-left: -3px; position: absolute; top: 14px; width: 30px; }
.changes p:nth-of-type(2) img { top: 22px; }
.changes p:nth-of-type(3) img { top: 30px; }
.changes p:nth-of-type(4) img { top: 42px; }
.changes div:last-of-type { background-color: #ebf1cc; }
.changes div:last-of-type h4 { background-color: #a2b53a; }
.changes div:last-of-type h4 span { font-size: 2.9em; line-height: 29px; text-indent: .03em; }
.changes div:last-of-type p { padding-top: 12px; }
.changes div:last-of-type p span { background-color: #a2b53a; }
.changes div:last-of-type p img { top: 78px; }
.changes div:last-of-type p:nth-of-type(2) img { top: 60px; }
.changes div:last-of-type p:nth-of-type(3) img { top: 50px; }
.is-image-slider { margin: 0 5%; width: 90%; }

.verb-more.on-topic-page,
.changes.on-topic-page { background-color: #f4f4f4 !important; }
.verb-more.on-topic-page h3:nth-of-type(2) { margin-top: 38px; }
.verb-more.on-topic-page p img { width: 180px; }
.verb-more.on-topic-page h4 { font-size: .9em; line-height: 1.2em; margin: 0 0 0 60px; padding-left: 80px; width: 26%; }
.verb-more.on-topic-page h4 img { width: 60px; }
.verb-more.on-topic-page h4 span { font-size: 2.8em; margin: 14px 0 18px; }

#rollover-thing { margin-bottom: 10px; overflow: auto; position: relative; }
#rollover-thing > img { display: none; width: 100%;}
#rollover-thing > img.showing { display: block; }
#rollover-thing > div { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
#rollover-thing > div h4 { background-color: #04697D; color: #fff; cursor: pointer; font-size: .9em; height: 72px; left: 0; line-height: 1.2em; margin: 0; padding: 13px 28px; position: absolute; text-align: center; top: 0; transition: background-color .2s; width: 20%; z-index: 1; }
#rollover-thing > div h4 span { display: inline-block; vertical-align: middle; }
#rollover-thing > div h4:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
#rollover-thing > div h4:before { background-color: #00B2D5; content: ""; height: 0; left: 0; position: absolute; top: 100%; transition: height .2s; width: 100%; }
#rollover-thing > div:nth-of-type(2) h4 { background-color: #007F98; left: 20%; }
#rollover-thing > div:nth-of-type(3) h4 { background-color: #008AA5; left: 40%; }
#rollover-thing > div:nth-of-type(4) h4 { background-color: #0094B1; left: 60%; }
#rollover-thing > div:nth-of-type(5) h4 { background-color: #00A8CA; left: 80%; }
#rollover-thing > div h4:hover { background-color: #034350; }
#rollover-thing > div.showing h4:before { height: 12px; }
#rollover-thing > div p { background-color: rgba(0,0,0,.4); bottom: 0; color: #fff; display: none; font-weight: 700; margin: 0; padding: 40px 20px; position: absolute; text-align: center; width: 100%; }
#rollover-thing > div.showing p { display: block; }

.draft-plan-page .small-5 { background-color: #e7e7e7; height: 100%; }
.draft-plan-page .small-7 { height: 100%; }

.draft-plan-bottom-right, .draft-plan-page .draft-plan-return-link {-webkit-box-shadow: 0px -2px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 0px -2px 5px 0px rgba(102,102,102,1);
    box-shadow: 0px -2px 5px 0px rgba(102,102,102,1);}
    .draft-plan-page .draft-plan-title {-webkit-box-shadow: 0px 3px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 0px 3px 5px 0px rgba(102,102,102,1);
    box-shadow: 0px 3px 5px 0px rgba(102,102,102,1);}
    .draft-plan-page .small-5 {-webkit-box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);
    -moz-box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);
    box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);}

.draft-plan-page .top-bar { height: 58px; position: relative; z-index: 1; }
.draft-plan-page .top-bar-left { background-color: #494949; }
.draft-plan-page .top-bar-left > p { background-color: #303030; display: inline-block; font-size: 1.5em; height: 100%; margin: 0; padding: 0 20px 0 24px; vertical-align: middle; }
.draft-plan-page .top-bar-left > p a { color: #fff; display: inline-block; vertical-align: middle; }
.draft-plan-page .top-bar-left > p a:hover { color: #ccc; }
.draft-plan-page .top-bar-left > p:after,
.draft-plan-page .top-bar-left-announcement:before { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.draft-plan-page .top-bar-left-announcement { display: inline-block; height: 100%; vertical-align: middle; }
.draft-plan-page .top-bar-left-announcement img { display: inline-block; height: 28px; margin: 0 14px; vertical-align: middle; }
.draft-plan-page .top-bar-left-announcement p { color: #fff; display: inline-block; font-size: .95em; font-weight: 700; letter-spacing: .07em; line-height: 1.3em; margin: 0; vertical-align: middle; }
.draft-plan-page .top-bar-left-announcement p span { display: block; letter-spacing: .09em; }

.draft-plan-page .top-bar-right { background-color: #B61D6C; color: #fff; text-align: center; }
.draft-plan-page .top-bar-right:after { border: 29px solid transparent; border-left-color: #494949; content: ""; left: 0; position: absolute; top: 0; z-index: 2; }
.draft-plan-page .top-bar-right h3 { color: #fff; font-size: 1em; font-weight: 700; margin: 8px 0 0; }
.draft-plan-page .top-bar-right p { font-size: .8em; }
.draft-plan-page .top-bar-right p img { margin-right: 4px; }

.draft-plan-page .draft-plan-title { background-color: #e7e7e7; position: relative; z-index: 1; }
.draft-plan-page .draft-plan-title h2 { color: #fff; font-size: 3.8em; line-height: 1.1.8em; margin: 0; }
.draft-plan-page .draft-plan-title h2 span { display: block; font-size: .45em; line-height: 1.5em; }
.draft-plan-page .draft-plan-title a { color: #fff; }
.draft-plan-page .draft-plan-title a img { margin-right: 12px; }
.ccm-custom-style-draftplantitle {padding: 22px 5% 12px;} 
.draft-plan-title p:first-of-type {color:white;font-weight:bold; line-height: 1.3em;}
.actioncallout {background-color:#C6F6FF;padding:10px;border-radius:5px;;border-left:6px solid #008AC0;}
.dpcallout {margin-bottom:30px}
.dpcallout .columns {padding:20px;border-right:solid 10px #e7e7e7;}
.dpcallout .columns:last-of-type {border-right:none}
#bikecallout {background-color:#8FA02E;color:white;}
.dpgreenbg {background-color:#A2B53A;}
.seealsostrat{padding: 0 3% 28px;}
#walkingcallout {    background-color: #238CB5;color: white;}
#techcallout {    background-color: #8dc6c9;color: white;}
.draft-plan-page .draft-plan-description { height: 90%; padding-top: 300px; overflow: auto; position: absolute; top: 0; max-width: 100%;}
.draft-plan-page .draft-plan-description > div { font-size: .9em; height: 100%; overflow: auto; padding:0px 6% 32px 6%; }
.ccm-edit-mode .draft-plan-page .draft-plan-description > div { height: auto; }
.draft-plan-page .draft-plan-description div h3 { font-size: 1.2em; font-weight: 700; margin-bottom: 28px;  }
.dpspacer {width:100%;height:20px;clear:both;}
.dppedbluebg  {background-color:#238CB5;}
.draft-plan-page .draft-plan-return-link { bottom: 0; height: 10%; position: absolute; text-align: center; width: 100%; }
.draft-plan-page .draft-plan-return-link p { margin: 0; }
.draft-plan-page .draft-plan-return-link p:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.draft-plan-page .draft-plan-return-link a,
.draft-plan-page .draft-plan-bottom-right a { background-color: #0094b1; color: #fff; display: inline-block; font-size: .85em; font-weight: 700; padding: 9px 12px; }
.draft-plan-description .ccm-image-slider-text {top:0;width:auto}
.draft-plan-description .ccm-image-slider-text h2 {text-transform:none!important;letter-spacing:0px;padding:20px;border-bottom:solid 2px #303030;color:#303030;font-size:1em!important;}
.draft-plan-page .draft-plan-return-link a img,
.draft-plan-page .draft-plan-bottom-right a img { height: 20px; margin-right: 10px; width: auto; }
.draft-plan-page .draft-plan-return-link a:hover { background-color: #00677b; }
.draft-plan-return-link .dpgreenbutton a {background-color:#A2B53A;}
.draft-plan-return-link .dpgreenbutton a:hover {background-color:#8FA02E;}
.draft-plan-return-link .dptransitorangebtn a {background-color:#EEA420;}
.draft-plan-return-link .dptransitorangebtn a:hover {background-color:#DC9414;}
.dptransitorange {background-color:#EEA420}
.draft-plan-page .draft-plan-page-list { height: 78%; overflow: auto;  padding-top: 58px; position: absolute; top: 0; }
.draft-plan-bottom-right .medium-4 {height:100%;overflow:hidden;}
.draft-plan-page-list .intro {font-size: 1.3em;

    border-bottom: 1px gray dashed;
    padding-bottom: 5px;
}
.dpdesignblue {background-color:#0E6DB7;}
.draft-plan-return-link .dpdesignbluebtn a {background-color:#0E6DB7;}
.draft-plan-return-link .dpdesignbluebtn a:hover {background-color:#0B5996;}
.dpsopink {background-color:#B61D6C;}
.draft-plan-return-link .dpsopinkbtn a {background-color:#B61D6C;}
.draft-plan-return-link .dpsopinkbtn a:hover {background-color:#9D1C5F;}
.dptechteal {background-color:#9AD4D7;}
.dpfreightpurple {background-color:#55447F;}
.draft-plan-return-link .dpfreightpurpbtn a {background-color:#55447F;}
.draft-plan-return-link .dpfreightpurpbtn a:hover {background-color:#4B3B72;}
.draft-plan-return-link .dptechtealbtn a {background-color:#9AD4D7;}
.draft-plan-return-link .dptechtealbtn a:hover {background-color:#76AFB1;}
.draft-plan-page .draft-plan-page-list p { margin: 26px 3% 26px; }
.draft-plan-page .draft-plan-bottom-right { background-color: #303030; bottom: 0; color: #fff; height: 22%; padding: 18px 3%; position: absolute; width: 100%; }
.draft-plan-page .draft-plan-bottom-right h3 { color: #fff; font-size: 1.4em; font-weight: 700; margin-bottom: 14px; }
.draft-plan-page .draft-plan-bottom-right p { line-height: 1.35em; }
.draft-plan-page .draft-plan-bottom-right .row .columns:last-of-type { padding-left: 3%; }
.draft-plan-page .draft-plan-bottom-right a { background-color: #b61d6c; padding: 12px 20px; }
.draft-plan-page .draft-plan-bottom-right a:hover { background-color: #8f0a4f; }
.draft-plan-page .draft-plan-bottom-right a img { height: 14px; }

#body.draft-plan-strat-page { background-color: #e7e7e7; height: 100%; min-height: 100%; }
.draft-plan-strat-page .small-5 { height: 100%;}
.draft-plan-strat-page .small-7 { background-color: #fff; height: 100%;  min-height: 100%; }
.page-template-draft-plan-strategy #menu,
.page-template-draft-plan-map-page #menu { z-index: 102; }
.draft-plan-strat-page .top-bar-left { background-color: #21bddb; height: 58px; padding-left: 18px; z-index: 101; }
.draft-plan-strat-page .top-bar-left a { color: #fff; display: inline-block; height: 58px; width: 100%; }
.draft-plan-strat-page .top-bar-left a:after { content: ""; display: inline-block; height: 100%; vertical-align: middle;  }
.draft-plan-strat-page .top-bar-left a:hover { color: #333; }
.draft-plan-strat-page .top-bar-left i { font-size: 1.5em; display: inline-block; margin-right: 12px; position: relative; top: -2px; vertical-align: middle; }
.draft-plan-strat-page .top-bar-left p { display: inline-block; font-size: .85em; letter-spacing: .15em; line-height: 1.4em; margin: 0; text-transform: uppercase; vertical-align: middle; width: 80%; }
.draft-plan-strat-page .top-bar-left:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; }
.draft-plan-strat-page .top-bar-right { background-color: #b61d6c;  height: 58px; text-align: center; transition: background-color .2s; z-index: 1;}
/* .draft-plan-strat-page .top-bar-right:hover { background-color: #880548; } */
.draft-plan-strat-page .top-bar-right h3 {padding-top: 15px; color: #fff; display: inline-block; font-size: 1.1em; font-weight: 700; letter-spacing: .08em; margin: 0; vertical-align: middle; }
.draft-plan-strat-page .top-bar-right img { height: 16px; margin-right: 3px; }
/* .draft-plan-strat-page .top-bar-right:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; } */

.draft-plan-strat-page .ccm-block-express-form { height: 100%; left: 100%; opacity: 0; position: fixed; top: 0; transition: opacity .2s, left 0s ease-in-out .2s; width: 100%; z-index: 10; }
.draft-plan-strat-page .ccm-block-express-form > span { background-color: rgba(0,0,0,.6); cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
.draft-plan-strat-page .ccm-block-express-form > span > span { color: #fff; font-size: 4em; line-height: .6em; padding: 14px 16px; position: absolute; right: 0; top: 0; }
.draft-plan-strat-page .ccm-block-express-form i { border-radius: 3px; color: #000; cursor: move; font-size: 1.3em; padding: 4px; position: absolute; top: 26px; right: 48px; transition: background-color .15s; z-index: 1; }
.draft-plan-strat-page .ccm-block-express-form i.moving { background-color: #797979;  }
.draft-plan-strat-page .ccm-block-express-form span { top: 24px;  }
.draft-plan-strat-page.form-showing .ccm-block-express-form { left: 0; opacity: 1; transition: left 0s, opacity .4s; }
.draft-plan-strat-page .ccm-form { background-color: #fff; box-shadow: 0 8px 16px -4px #333; margin: 70px auto; max-height: 76%; overflow: auto; position: relative; width: 60%; z-index: 1; }
.draft-plan-strat-page .ccm-form h4 { font-weight: 700; margin: 20px 1.25rem; padding-right: 70px; }
img.mfp-img {background:white}
.draft-plan-strat-page .ccm-form fieldset { border: 0; }
.draft-plan-strat-page .ccm-form .form-group:nth-of-type(2) { display: none; }
.draft-plan-strat-page .ccm-form .form-actions button { float: right; font-family: "Montserrat"; margin-right: 1.25rem; margin-bottom: 30px; padding: 9px 26px; }
.draft-plan-strat-page .ccm-form label { display: inline; font-weight: 700; padding-bottom: 14px; }
.draft-plan-strat-page .ccm-form .radio label { font-weight: 400; }
.draft-plan-strat-page .ccm-form .radio:first-of-type { display: block; margin-top: 10px; }
.draft-plan-strat-page .ccm-form .text-muted { color: #f00; display: inline; font-size: .8em; font-style: italic; }

.draft-plan-strat-page .small-7 .ccm-block-express-form { display: none; }
.draft-plan-strat-page .ccm-block-express-form { left: 0; opacity: 1; position: relative; width: 100%; }
.draft-plan-strat-page .ccm-block-express-form > span { background-color: transparent; font-size: 3.3em; height: auto; left: auto; position: absolute; right: 0; width: auto; z-index: 1; }
.draft-plan-strat-page .ccm-form { background-color: transparent; box-shadow: none; margin: 0; max-height: 800%; overflow: auto; width: 100%; }

.page-template-draft-plan-map-page .ccm-block-express-form { display: none; }
.page-template-draft-plan-map-page .ccm-block-express-form { box-shadow: 0 0 18px 0 #333; height: 70%; left: auto; overflow: auto; position: fixed; right: 48px; top: 80px; width: 31%; }
.ccm-panel-ready .page-template-draft-plan-map-page .ccm-block-express-form { top: 134px; }
.page-template-draft-plan-map-page .ccm-block-express-form > span { line-height: .6em; right: 18px; }
.page-template-draft-plan-map-page .ccm-form { background-color: #e7e7e7; }

.draft-plan-strat-page .draft-plan-description { padding: 80px 6% 30px; height: 100%; overflow: auto;position: absolute; top: 0; width: 100%; }
.draft-plan-strat-page .draft-plan-description h2 { font-size: 1.7em; font-weight: 700; margin-bottom: 24px; text-transform: uppercase; }
.draft-plan-strat-page .draft-plan-description h2 span { display: block; font-size: .6em; text-transform: none; }
.draft-plan-strat-list h4.stratdo::after {content:' DO';font-size:.7em;background-color:#303030;padding:3px 6px 3px 3px;margin-left:10px;color:white;border-radius:2px;}
.draft-plan-strat-list h4.stratsupport::after {content:' SUPPORT';font-size:.7em;background-color:#9A9A9A;padding:3px 6px 3px 3px;margin-left:10px;color:white;border-radius:2px;}
.draft-plan-strat-list { padding: 80px 4.5% 48px; height: 100%; overflow: auto; position: absolute; top: 0; }
.draft-plan-strat-list h4 { clear: both; color: #b61d6c; font-size: 1.1em; font-weight: 700; margin-bottom: 3px; padding-top: 48px; }
.draft-plan-strat-list h4:first-of-type { padding-top: 18px; }
.draft-plan-strat-list > p { clear: both; font-weight: 700; font-size: .9em;  }
.draft-plan-strat-list h4 + p { background-color: #b61d6c; color: #fff; font-size: 1em; line-height: 1.4em; padding: 7px 14px; }
.draft-plan-strat-list ul {margin-bottom:0px}
.draft-plan-strat-list p + div,
.draft-plan-strat-list p + div + div { display: table; width: 100%; }
.draft-plan-strat-list div h5 { background-color: #e3e3e3; border: 1px dashed #c4c4c4; display: table-cell; font-size: .9em; font-weight: 700; margin: 0; padding: 6px 12px; width: 20%; }
.draft-plan-strat-list div h5 + p { background-color: #f1f1f1; border: 1px dashed #c4c4c4; display: table-cell; margin: 0; padding: 10px 12px 6px; }
.draft-plan-strat-list div + div { margin-top: -2px; }
.draft-plan-strat-list div + div h5:nth-of-type(2) { width: 15% !important; }
.draft-plan-strat-list div + div h5:nth-of-type(2) + p { width: 30%; }
.draft-plan-strat-list p + div a { color: #525252; display: inline-block; font-size: .75em; font-weight: 700; letter-spacing: .07em; margin: 0 12px 6px 0; }
.draft-plan-strat-list p + div a:hover { color: #000; }
.draft-plan-strat-list p + div a img { height: 26px; margin-right: 4px; }
.draft-plan-strat-list p + div + div a {color: #00b2d5; display: inline-block; font-size: .8em; font-weight: 700; margin: 0 8px 6px 0; padding: 2px 6px; }

.draft-plan-strat-list p span { background-color: #8cad62; border-radius: 4px; color: #fff; font-size: .8em; font-weight: 700; padding: 3px 8px; }
.draft-plan-strat-list p span.medium { background-color: #c88b20; }
.draft-plan-strat-list p span.high { background-color: #820000; }
.draft-plan-strat-list h3 {font-size:1.3em;margin-top:20px;border-bottom:1px gray dashed;padding-bottom:5px}
.draft-plan-strat-list h4 + p a {color:white;text-decoration:underline;}
.draft-plan-strat-list div + .no-actions h5:nth-of-type(1),
.draft-plan-strat-list div + .no-actions h5:nth-of-type(1) + p { display: none; }
.draft-plan-strat-list div + .no-actions h5:nth-of-type(2) { width: 20% !important; }
.draft-plan-strat-list div + .no-actions h5:nth-of-type(2) + p { width: 80%; }

.draft-plan-strat-list p + div + div a.bicycling { border-bottom: 2px solid #a2b53a; color: #a2b53a; }
.draft-plan-strat-list p + div + div a.transit { border-bottom: 2px solid #eea420; color: #eea420; }
.draft-plan-strat-list p + div + div a.walking { border-bottom: 2px solid #238cb5; color: #238cb5; }
.draft-plan-strat-list p + div + div a.freight { border-bottom: 2px solid #55447f; color: #55447f; }
.draft-plan-strat-list p + div + div a.technology { border-bottom: 2px solid #5db0bf; color: #5db0bf; }
.draft-plan-strat-list p + div + div a.design { border-bottom: 2px solid #0e6db7; color: #0e6db7; }
.draft-plan-strat-list p + div + div a.street-operations { border-bottom: 2px solid #b61d6c; color: #b61d6c; }

.draft-plan-strat-list p + div + div a.bicycling:hover { background-color: #a2b53a; color: white; }
.draft-plan-strat-list p + div + div a.transit:hover { background-color: #eea420; color: white; }
.draft-plan-strat-list p + div + div a.walking:hover { background-color: #238cb5; color: white; }
.draft-plan-strat-list p + div + div a.freight:hover { border-bottom: 2px solid #55447f; color: #55447f; }
.draft-plan-strat-list p + div + div a.technology:hover { background-color: #5db0bf; color: white; }
.draft-plan-strat-list p + div + div a.street-operations:hover { background-color: #b61d6c; color: white; }

/* FINAL VERSION Forward */
.resiliency h1 span {display:block;font-size:.5em;}
.resiliency h1 {white-space: normal!important; word-wrap:break-word;display:block!important;letter-spacing:1px!important;font-size:1.9em!important;}
.resiliency #sub-page-title p {width:30%}
/* FINAL VERSION Forward END*
/* FINAL VERSION ACTIONS - see http://go.minneapolismn.gov/draft-plan/transit/strategy-1*/
.draft-plan-strat-list p + div, .draft-plan-strat-list p + div + div + div {
    display: table;
    width: 100%;
}
.draft-plan-strat-list p + div + div + div p span {background-color:transparent;color: black;font-weight:normal;padding:0;font-size: 1em;}
.draft-plan-strat-list p + div + div + div p {font-size: .75em;}
.draft-plan-strat-list div + div + .no-actions h5:nth-of-type(1) {display:table-cell;width:20%;}
.draft-plan-strat-list div + div + .no-actions h5:nth-of-type(1)+ p {display:table-cell;width:30%;}
.draft-plan-strat-list div + div + .no-actions h5:nth-of-type(2) {display:table-cell;width:20%;}
.draft-plan-strat-list div + div + .no-actions h5:nth-of-type(2)+ p {display:table-cell;width:30%;}
.draft-plan-strat-list.dps-mod {position:relative;height:auto;}
/* FINAL VERSION ACTIONS END*/



.page-template-draft-plan-strategy .ccm-block-next-previous-header p {margin-top:0px!important;margin-left:0px!important;}

.draft-plan-strat-page .ccm-block-next-previous-wrapper {
    z-index: 1;
    width: 100%;margin-top:10px;border-bottom: 1px gray dashed;border-top: 1px gray dashed;margin-bottom:15px;    padding-top: 5px;}
.ccm-block-next-previous-next-link a {font-size:.8em}
.draft-plan-strat-page .ccm-block-next-previous-wrapper span {float:left;margin-right:6px!important;font-weight:bold;font-size:.8em}
.ccm-block-next-previous-previous-link a {font-weight:bold;font-size:.8em;margin-right:30px;}
.page-template-draft-plan-strategy span.ccm-block-next-previous-next-link {font-weight:bold;}
.page-template-draft-plan-strategy .ccm-block-next-previous-previous-link a {font-size:1em;}
.page-template-draft-plan-strategy span.ccm-block-next-previous-next-link a {font-size:1em;}
.page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right h3 { font-size: .9em; }
.draft-plan-map iframe { height: 100%; width: 100%; }
.draft-plan-strat-page div.alert-danger,
.draft-plan-strat-page div.alert-success { margin: 0 20px; }
.page-template-draft-plan-map-page div.alert-danger,
.page-template-draft-plan-map-page div.alert-success { margin: 0 50px; }
.draft-plan-strat-page div.alert-danger ul { font-size: .9em; margin-bottom: 0; }

.dosupportinfo {padding:20px;background-color:#D4D2D2;border-radius:4px;margin-bottom:30px;}
.dosupportinfo p,.dosupportinfo  span {font-size:.9em;}
.dosupportinfo p:last-of-type {margin-bottom:0;margin-top:10px}
.dosupportinfo p:first-of-type {margin-bottom:10px;}
.dosupportinfo span {padding:5px 10px;color:white; display: inline-block;font-weight:bold;border-radius:3px; margin: 6px 0; }
.dosupportinfo span:first-of-type {background-color:#303030; margin-right:10px}
.dosupportinfo span:last-of-type {background-color:#9A9A9A;}

.draft-plan-description .ccm-form h4:after,.draft-plan-strat-page .ccm-form h4:after {content:'This may be published publicly'; display: inline-block; font-size:.5em; font-weight:normal;padding:2px 5px;margin-left: 8px;background-color:#F1F1F1;border-radius:3px}
.draft-plan-description .ccm-form .form-group:nth-of-type(3),.draft-plan-strat-page .ccm-form .form-group:nth-of-type(3) {height:0px;overflow:hidden;}
.draft-plan-description .ccm-form .form-group:nth-of-type(1),.draft-plan-strat-page .ccm-form .form-group:nth-of-type(1) {margin-bottom:30px;}
.draft-plan-description .ccm-form .text-muted, .draft-plan-strat-page .ccm-form .text-muted {font-size:.6em;}
.draft-plan-strat-list h3:last-of-type {margin-top:30px;}
.draft-plan-strat-list ul li {font-size:.9em;margin-bottom:10px}
.draft-plan-strat-list ul:last-of-type li a {display:inline-block; padding:2px 7px;background-color:#c6f6ff; color:#00b2d5;margin-right:5px;border-radius:4px; font-weight:bold;}
.draft-plan-strat-list ul:last-of-type li a:hover {    background-color: #5db0bf;
    color: white;}
    .topicdesign .row .columns img:hover {opacity:0.7;}
    .seealsostrat ul {list-style:none;margin-left:0px}
    .draft-plan-description div img {margin-bottom:20px;}
    .draft-plan-description .rslides img {margin-top:70px}
    .seealsostrat ul li {font-size:.9em;margin-bottom:10px}
.seealsostrat ul li a {display:inline-block; padding:2px 7px;background-color:#c6f6ff; color:#00b2d5;margin-right:5px;border-radius:4px; font-weight:bold;}
.seealsostrat ul li a:hover {    background-color: #5db0bf;
    color: white;}
    .seealsostrat ul {list-style:none;margin-left:0px}
    .draft-plan-strat-page .draft-plan-description {-webkit-box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);
        -moz-box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);
        box-shadow: 2px 0px 5px 0px rgba(102,102,102,1);    z-index: 1;}
        .draftplanoverride .rslides img {margin-top:90px}
        .draftplanoverride h2.ccm-image-slider-title {font-size:1em;width:100%;font-weight:bold;}
        .draftplanoverride .ccm-image-slider-text {width:100%}
        .draftplanoverride .ccm-image-slider-text p {height:0px;overflow:hidden;display:block}
    .draft-plan-strat-page .top-bar-left,.draft-plan-strat-page .top-bar-right {box-shadow: 0px 0px 5px 2px rgba(102,102,102,1);}
    .ccm-block-next-previous-header p {float:left;font-size:.8em;margin:15px 3% 10px 3%!important;font-weight:bold}
.ccm-block-next-previous-wrapper {height:30px;background-color:#e7e7e7;}

.fivecols {padding:0 3%;text-align:center;background-color:#f2f2f2;}
.fivecols .medium-1 {width:20%; padding:30px 30px 0px 30px;}
.fivecols .medium-1 span.numbercircle {display:block;margin:0 auto;font-weight:bold;color:white;padding:10px;width:40px;height:40px; border-radius:80px}
.fivecols .medium-1 p:first-of-type {font-weight:bold;margin-bottom:8px;text-transform:uppercase;color:#008AC0}
.fivecols .medium-1 p:nth-of-type(2){font-weight:bold;margin-bottom:8px}
.fivecols .medium-1 p:last-of-type {font-size:.8em;}

#numblue {background-color:#238CB5;}
#numgreen {background-color:#A2B53A;}
#numorange {background-color:#EEA420;}
#numpink {background-color:#9D1C5F;}
#numteal {background-color:#8DC6C9;}

    .ccm-block-next-previous-header p {margin-top:5px!important;margin-bottom:2px!important}
    .draft-plan-strat-page .draft-plan-description::-webkit-scrollbar-thumb, .draft-plan-strat-list::-webkit-scrollbar-thumb, .draft-plan-page .draft-plan-description > div::-webkit-scrollbar-thumb, .draft-plan-page .draft-plan-page-list::-webkit-scrollbar-thumb {
        background: #aeaeae; 
      }
      .page-template-draft-plan #body::-webkit-scrollbar-thumb {
        background: #494949; 
      }
      .draft-plan-strat-page .draft-plan-description::-webkit-scrollbar, .draft-plan-strat-list::-webkit-scrollbar, .draft-plan-page .draft-plan-description > div::-webkit-scrollbar, .draft-plan-page .draft-plan-page-list::-webkit-scrollbar, .page-template-draft-plan #body::-webkit-scrollbar {
        width: 8px;
      }
      .sixitems .medium-2 {margin:0 1%;background-color:#0B5996; width:14.6%;min-height:270px;padding:20px;color:white}
      .sixitems .medium-2 p:first-of-type {font-size:1.8em;}
      .hdrcallout {padding:40px;background-color:#A2B53A;}
.hdrcallout  p {font-size:1.5em;color:white;}
.showboat {border-top:gray 5px solid;padding-top:10px;font-size:1.5em}
.unpadleft .medium-7 {padding-left:0px;}
      #color1 {background-color:#029AB8;}
#color2 {background-color:#A2B53A;}
#color3 {background-color:#55447F;}
#color4 {background-color:#EEA420;}
.colorboxes {min-height:620px;color:white;}
.colorboxes h4 {color:white;font-weight:bold;}
.about-page.draftplanoverride .padded {
    padding:20px 4% 0px 4%;
 }
 .ulspacing ul li {margin-bottom:30px}
 .downtown {background-image: url('/application/files/6415/8022/9704/downtown.jpg');background-size:auto 100%;background-position:0% 100%;background-repeat:no-repeat;}
.downtown h4, .downtown p, .downtown ul{padding-left:30%!important;}
 .sub-page.draftplanoverride .medium-6 {
     padding: 20px 48px;
 }
 .dosupportinfo a {margin-top:10px;display:block;font-size:.8em;font-weight:bold;}
.dosupportinfo a::before {content:'>> '}
.stratact .dosupportinfo a {display:none;}
 .about-page.draftplanoverride  p{margin-bottom:0px;}
 .draftplanoverride .draft-plan-published h3 {color:white;}
 .about-page.draftplanoverride  h3{margin-top:20px;}
 #aboutnav {background-color:#e5e5e5;padding:1%;text-align:center;}
#aboutnav ul {list-style:none;margin-bottom:0px}
#aboutnav li { display:inline;}
#aboutnav a { display:inline-block;
    padding:0px 15px;font-weight:bold;font-size:.9em}
    .coolboxes .row .columns {width:44%;margin:30px 4% 0 4%;border:3px #e5e5e5 dashed;min-height:700px;}
.coolboxes .row .columns:last-of-type {margin:30px 4% 0 0;}
.coolcards .row .columns {width:30%;margin:30px 2% 0 4%;border:3px #e5e5e5 dashed;min-height:770px;}
.coolcards .row .columns:nth-of-type(2),.coolcards .row .columns:nth-of-type(3) {margin:30px 2% 0 0;}
.topicdesign .row .columns {padding:2%;text-align:center;}
.topicdesign .row .columns img {width:130px}
.topicdesign .row .columns a {display:block;width:100%;}
.topicdesign .row .columns a span{display:block;font-size:1.2em;font-weight:bold;margin:10px 0px;}
.topicdesign {background-color:#f5f5f5;margin:30px 0px}
.sub-page.draftplanoverride h1 {color: #a2b53a;}
.sub-page.draftplanoverride h2 {
    font-size: 1.6em;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.1em;
}

.draftplanoverride h3 {
    color: #10398e;
}
.progblue, .progreen {padding:20px 10%;}
.progblue p:last-of-type, .progreen p:last-of-type {font-weight:bold;}
.progblue p:first-of-type, .progreen p:first-of-type {font-weight:bold;text-transform:uppercase;font-size:1.4em;}
.progblue {background-color:#C6F6FF;}
.progblue p {color:#0E6DB7}
.progreen {background-color:#F4F8DD;}
.progreen p {color:#A2B53A;}
.sub-page.progressmon .medium-6 {
    padding: 0;
}
.progbanner h2 {display:block;padding:20px 5%;background-color:#00B2D5;color:white;margin:0;}
.progbanner p {display:block;padding:20px 5%;background-color:#F1F1F1;}
.evenout .progblue, .evenout .progreen {min-height:180px}
.pprogress {background-color:#F1F1F1;padding:20px}
.progressmon #ooh-btn, .page-template-aboutdraft #ooh-btn {background-color:#A2B53A;padding:20px;color:white;font-weight:bold;}
.progressmon #ooh-btn:hover, .page-template-aboutdraft #ooh-btn:hover {background-color:#93A62C;}
.mplsstreets .footnotes li, .progressmon .footnotes li {font-size:.8em;margin-bottom:10px}

#draft-plan-released a:nth-of-type(2) {font-size:.8em; font-weight:normal; letter-spacing:0px;padding:3px;background-color:#b6246f}
#draft-plan-released a {margin:0px}
#draft-plan-released {max-height: 110px;}

#covid-alert {background-color:#303030;padding:20px;text-align:center;color:white;}
#covid-alert a {color:white; font-weight:bold;}

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

    .added-link span { padding: 18px 10px 0 30px; }
    .added-link span i { left: 12px; }
    .draft-plan-description p {font-size:1em;}
    .draft-plan-page-list .ccm-block-page-list-page-entry-text .ccm-block-page-list-description {font-size:.8em;}
    .draft-plan-page .draft-plan-title > div {    min-height: 146px;}
    .draft-plan-page .draft-plan-title {min-height: 146px;}
  
    .draft-plan-page-list .intro {font-size:1em;}
    .draft-plan-strat-page .draft-plan-description h2 span {font-size:.5em}
    .draft-plan-description p, .draft-plan-description ul, .draft-plan-description ol {font-size:.9em;}
    .draft-plan-strat-list h3 {font-size:1em}
    .draft-plan-strat-list h4 + p {font-size:.8em}
    .draft-plan-strat-list div h5 {font-size:.7em;}
    .draft-plan-strat-list p + div + div a {font-size:.7em}
    .draft-plan-description .ccm-image-slider-text h2 {padding: 10px;font-size:.9em!important;}
    .draft-plan-page .draft-plan-bottom-right h3 {font-size:1.1em;}
.draft-plan-page .draft-plan-bottom-right p {font-size:.9em;}
.dpcallout .columns {font-size:.9em;}
.xtrapadding {margin-top:20px;}
.xtraxtrapadding {margin-top:80px;}
}

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

     #bottom-menu a { height: 98px; }
     #bottom-menu a img { height: 60px; margin-left: -33px; top: 19px; }
     #bottom-menu a span { font-size: 1em; width: 52%; }

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

     .get-updates-where-you-are a { font-size: .7em; }

     .verb-more img { height: 180px; width: auto; }
     .verb-more h4 { font-size: .9em; line-height: 1.3em; padding-left: 90px; width: 27%; }
     .verb-more h4 span { font-size: 3em; line-height: 1em; margin: 4px 0 8px; }

     .changes div h4 { font-size: .9em; width: 16%; }
     .changes div { padding-left: 16%; }

     .draft-plan-page .draft-plan-bottom-right { padding: 14px 3%; }
     .draft-plan-page .draft-plan-bottom-right h3 { font-size: .95em; margin-bottom: 8px; }   
     .draft-plan-page .draft-plan-bottom-right p { font-size: .8em; line-height: 1.3em; }
     .draft-plan-page .draft-plan-bottom-right a { padding: 6px 10px; margin-top: -5px; }

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

 @media screen and (max-width: 1290px) {
     .verb-more.on-topic-page p img { height: auto; width: 120px; }
     .verb-more.on-topic-page h4 { font-size: .8em; margin: 0 0 0 50px; padding-left: 60px; width: 26%; }
     .verb-more.on-topic-page h4 img { height: auto; width: 40px; }
     .verb-more.on-topic-page h4 span { font-size: 2.3em; margin: 0 0 8px; }

     .on-topic-page #rollover-thing > div h4 { font-size: .75em; }
     .on-topic-page #rollover-thing > div p { font-size: .8em; line-height: 1.4em; padding: 22px 18px; }
     .downtown {background-position:-20% 100%;}
 }

 @media screen and (max-width: 1230px) {
    #plainest-section {height: 50%;}
    .sixitems .medium-2 {margin:2% 1%;width:31.3%;min-height:200px;}
    .draft-plan-page .small-5,
    .draft-plan-page .small-7 { width: 50%; }
    .draft-plan-page .top-bar { height: 44px; }
    .draft-plan-page .top-bar-left > p { font-size: 1.2em; padding: 0 15px 0 20px; vertical-align: top; }
    .draft-plan-page .top-bar-left-announcement { font-size: .8em; margin-top: -6px; }
    .draft-plan-page .top-bar-left-announcement img { height: 18px; }
    .draft-plan-page .top-bar-right h3 { font-size: .85em; line-height: 1em;}
    .draft-plan-page .top-bar-right:after { border-width: 22px; }
  
    .draft-plan-page .draft-plan-title h2 { font-size: 3em; line-height: .9em; }
    .draft-plan-page .draft-plan-title hr { margin: 8px 0 16px; }
    .draft-plan-page .draft-plan-title a { font-size: .8em; }
    .draft-plan-page .draft-plan-title a img { width: 14px;  }

  
    .draft-plan-page .draft-plan-return-link a { font-size: .75em; line-height: 1.1em;  margin: 0 18px; }
    .draft-plan-page .draft-plan-page-list { padding-top: 34px; }
    .draft-plan-page .draft-plan-page-list p { font-size: .9em; }
    .ccm-custom-style-draftplantitle { padding: 20px 5% 1px; }
    .draft-plan-title p:first-of-type { font-size: .85em; margin-top: 5px; }

    .draft-plan-page .ccm-block-page-list-pages > div { width: 100%; }
    .draft-plan-page .ccm-block-page-list-page-entry-text a span { font-size: 1em; width: 26px; }
    .draft-plan-page .ccm-block-page-list-page-entry-text .ccm-block-page-list-description { font-size: .75em; padding-right: 14px; }
    .draft-plan-page .draft-plan-description {padding-top:226px}
    .xtraxtrapadding {margin-top: 40px;}
    .downtown {background-position:-30% 100%;}
 }
 
 @media screen and (max-width: 1100px) {
     #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.1em; 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 0 20px; padding-top: 20px; }
     #home-header p { font-size: .9em; padding-bottom: 20px;  }
     #home-header-image { height: 150px; }
     #home-header-image img { top: 36px; width: 76px; }
     #home-header-image img[src*="path"] { width: 114px; }
     #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%;}
     .downtown h4, .downtown p, .downtown ul {
        padding-left: 40%!important;
    }

     #draft-plan-released p { padding: 0; }
     .new-homepage #home-header-image  { height: 96px; }
     .new-homepage #home-header-image > div { height: 150px; top: -80px; }    

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

     @keyframes caret {
        0% { top: -1px; }
        50% { top: 5px; }
        100% { top: -1px; }
     }

     #rollover-map-title { font-size: .75em; padding-bottom: 4px; }
     .rollover-dot > span { border-width: 2px; height: 34px; width: 34px; }
     .rollover-dot:hover div { top: -58px; }
     .rollover-dot div h3 { font-size: 1em; }
     .rollover-dot div p { font-size: .7em; line-height: 1.2em; }
     .rollover-dot div a { bottom: 14px; font-size: .7em; padding: 4px 8px; }
     .rollover-dot div { height: 150px; padding: 8px 12px; width: 270px; }

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

     .explore-page p { padding-top: 8px; }
     .explore-header p { font-size: 1.2em; }
     .explore-thumbnail { height: 294px; }
     .explore-page-header h1 { font-size: 1.2em; height: 248px; top: -164px; width: 248px; }
     .explore-page-header h1.on-two-lines { top: -156px; }
     .explore-page-header h1 img { height: 58px; }
     .explore-page-header p { font-size: 1.1em; margin-top: -248px; min-height: 122px; }
     .explore-page-content .medium-5 p { font-size: 1.1em; line-height: 1.9em; }

     .topic-thumbnail { height: 32%; }
     .topic-header { height: 68%; }
     .topic-header h1 { font-size: 1.9em; line-height: .9em; height: 88px; padding-top: 32px; }
     .topic-header h1.on-two-lines { padding-top: 21px;  }
     .topic-header .medium-5 { top: -88px; width: 54%; }
     .topic-header .medium-5 > div { padding: 14px 5%; }
     .topic-header .medium-5 h2 { font-size: 1em; }
     .topic-header .medium-5 p,
     .topic-header .medium-5 ul { font-size: .8em; }
     .topic-header .medium-7 { width: 46%; }
     .topic-header .medium-7 p a { font-size: .6em; line-height: 1.4em; padding: 0 12px; }
     .topic-header .medium-7 p a:hover:before { background-color: rgb(10,21,132,.42); box-shadow: 0 0 48px 8px rgb(10, 21, 132); }
     .topic-header .medium-7 p a img { height: 24px; margin-bottom: 6px; }
     .topic-header .medium-7 p.coming-soon { font-size: 1.1em; padding: 60px 22%; }
     .slide-top { font-size: .75em; }
     .slide-left-top a { font-size: .7em; }
     .topic-slide .medium-4 { font-size: .8em; }
     .topic-slide .medium-4 h2 { font-size: 1.1em; line-height: 1.3em; margin-top: 20px; }
     .topic-slide .medium-4 p { font-size: .8em; }
     .topic-slide form { padding-bottom: 6px; }
     .topic-slide .ccm-dashboard-express-form label.control-label { line-height: 1.1em; margin-bottom: 4px; padding: 5px 12px; }
     .topic-slide .ccm-dashboard-express-form .radio label input { margin-bottom: 7px; }
     .topic-slide form button { font-size: .7em; padding: 5px; }
     .topic-slide .medium-8 p { font-size: .7em; }
     .topic-slide .checkbox label { font-size: .9em; margin: 12px 20px 4px 0; }

     .get-updates-where-you-are a { margin-top: 16px; margin-bottom: 4px; padding: 24px 10px; width: 49%; }
     .get-updates-where-you-are a i { font-size: 2.6em; }
     .get-updates-where-you-are a:nth-of-type(even) { margin-right: 0; }
     .get-involved-header { height: 220px; }
     .get-involved-page h2 { font-size: 1.4em !important; margin: 20px 0 16px; }
     .get-involved-page p { font-size: .9em; line-height: 1.4em; }
     .get-involved-page .medium-7 p:first-of-type { font-size: 1em; }
     .get-involved-page .medium-5 { padding-top: 0; }
     .get-involved-page .medium-5 .gompls span { display: inline-block; font-size: .9em; line-height: 1.3em; margin: 6px 0; vertical-align: middle; width: 100%; }
     .get-involved-page .medium-5 .gompls span:first-of-type { display: block; height: auto; line-height: 1em; padding: 8px 20px; width: auto; }
     .get-involved-page .medium-5 .gompls span:first-of-type:after { display: none; }
     .get-involved-page .plan-to-engagement .medium-4 { font-size: .8em; height: auto; margin: 0 0 14px; padding: 8px 4% 0; width: 100%; }

     .event-page h2 { margin-bottom: 28px; }

     .verb-more img { height: 140px; width: auto; }
     .verb-more h4 { font-size: .75em; line-height: 1.3em; margin: 0 0 0 64px; padding-left: 72px; width: 28%; }
     .verb-more h4 span { font-size: 2.2em; line-height: 1em; margin: 4px 0 8px; }
     .hmmt-section p.normal { font-size: 1em;}

     .on-topic-page #rollover-thing > div h4 { font-size: .65em; padding: 10px; }
     .on-topic-page #rollover-thing > div h4 span { width: 98%; }
     .on-topic-page #rollover-thing > div p { font-size: .8em; line-height: 1.4em; padding: 22px 18px; }

     .draft-plan-strat-page .draft-plan-description p { font-size: .9em; }
     .draft-plan-strat-page h4 + p { font-size: .85em; }
     .draft-plan-strat-list div h5 { font-size: .8em; padding: 4px 8px 14px; }
     .draft-plan-strat-list div p { padding-top: 2px; }
     .draft-plan-strat-list div + div h5:nth-of-type(2) + p { width: 20%; }
     .draft-plan-strat-page,
     .draft-plan-strat-page .small-5,
     .draft-plan-strat-page .small-7 { height: auto; }
     .draft-plan-strat-list,
     .draft-plan-strat-page .draft-plan-description { height: auto; padding-top: 18px; position: static; }
     .draft-plan-strat-list h3 { font-size: 1em; padding-bottom: 14px; }
     .draft-plan-strat-page .ccm-form h4 { font-size: 1.7em; padding-right: 54px; }
     .draft-plan-strat-page .ccm-block-express-form i { font-size: 1.3em; right: 43px; top: 24px; }

     .added-link a { font-size: 1em; }
     .added-link a span { font-size: .75em; padding-top: 13px; padding-right: 18px; }

     .page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right h3 { font-size: .7em; line-height: 1.1em; padding: 14px 20px 0; }
     .page-template-draft-plan-map-page .ccm-block-express-form { font-size: .8em; right: 24px; width: 38%; }
     .draft-plan-strat-page .ccm-form .radio:first-of-type { margin-bottom: 18px; }
    
    .coolcards .row .columns {width:92%;margin: 30px 0px 0px 0px;min-height: 450px;margin: 4%;}
    .coolcards .row .columns:nth-of-type(2), .coolcards .row .columns:nth-of-type(3) {
        margin: 4%;
    }
 }
 @media screen and (max-width: 1020px) {
 .downtown {background-image:none;}
 .downtown h4, .downtown p, .downtown ul {
    padding-left: 4%!important;
}
 }

 @media screen and (max-height: 660px) {
     .draft-plan-page .draft-plan-title { height: 146px; }
     .draft-plan-page .draft-plan-title > div { min-height: 146px; }
     .draft-plan-page .draft-plan-title h2 { font-size: 2.4em; line-height: .9em; margin-bottom: 8px; }
     .draft-plan-page .draft-plan-title hr { margin: 8px 0 16px; }
     .draft-plan-page .draft-plan-description { padding-top: 224px; }
     .draft-plan-page .draft-plan-page-list { height: 64%; }
     .draft-plan-page .draft-plan-bottom-right { height: 36%; }
     .draft-plan-title p:first-of-type { font-size: .85em; margin: 0 0 11px;}
     .draft-plan-title p:last-of-type { margin-bottom: 8px; }
     .draft-plan-title p a { font-size: .85em; }
    
 }

 @media screen and (max-width: 990px) {
     .verb-more.on-topic-page p { margin-right: 10px;}
     .verb-more.on-topic-page p img { height: auto; width: 80px; }
     .verb-more.on-topic-page h4 { font-size: .7em; margin: 0 0 0 30px; padding-left: 30px; width: 26%; }
     .verb-more.on-topic-page h4 img { height: auto; width: 20px; }
     .verb-more.on-topic-page h4 span { font-size: 2.3em; margin: 0 0 8px; }

     .draft-plan-page .top-bar-right p { font-size: .7em; }
     .draft-plan-page .top-bar-right h3 { line-height: 1.2em; margin-top: 6px; }
     .draft-plan-page .top-bar-right:after { display: none; }
     .draft-plan-bottom-right .medium-4 { height: auto; }

     .draft-plan-page .small-5,
     .draft-plan-page .small-7 { height: auto; width: 100%; }
     .draft-plan-page .draft-plan-title { height: auto; padding-bottom: 1px; }
     .draft-plan-page .draft-plan-title h2 { line-height: 1em; }
     .draft-plan-page .draft-plan-description { height: auto; padding: 0; position: static; }
     .draft-plan-page .draft-plan-description div { height: auto; padding-top: 22px; }
     .draft-plan-page .draft-plan-return-link { height: auto; margin-bottom: 24px; position: static; }
     .draft-plan-page .draft-plan-return-link p:after { display: none; }
     .draft-plan-page .draft-plan-page-list { height: auto; padding: 0 3% 18px; position: static; }
     .draft-plan-page .draft-plan-bottom-right { height: auto; position: static; }
     .draft-plan-page .draft-plan-bottom-right h3 { margin-top: 12px; }
     .dpcallout,
     .dpcallout > .row { padding: 0 !important; }
     .draft-plan-bottom-right,
     .draft-plan-page .draft-plan-return-link { box-shadow: none; }
 }

 @media screen and (max-width: 940px) {
    .fivecols {padding:0 1%;}
    .fivecols .medium-1 {width:100%; padding:30px 10px 0px 10px;}
    #plainest-section {height: 35%;}

    .hmmt-header h1 { font-size: 1em; }
    .hmmt-header p a { font-size: .75em; padding: 6px 4px; }
    .hmmt-header h2 { font-size: 1.7em; }
    .hmmt-section h3 { font-size: 1em; }
    .hmmt-section h3:before { height: 40px; width: 40px;  }
    .hmmt-section h4,
    .hmmt-section table caption { font-size: .9em; }
    .hmmt-section p { font-size: .8em; }
    .hmmt-section iframe { height: 490px; }

    .hmmt-section table tr:first-of-type th span { padding: 4px 8px 0;  }

    #rollover-thing > div h4 { font-size: .75em; }
    #rollover-thing > div p { font-size: .8em; line-height: 1.4em; padding: 22px 18px; }

    #search-box { width: 80%; }
  
    #menu > #search-tab { left: -460px; width: 440px; }
    #search-tab input[type="text"] { font-size: .9em; }
 }
 
 @media screen and (max-width: 800px) {
    .topic-slide .medium-8 iframe.surveymonkey {width:100%;margin-left:0;}
     #menu { width: 42px; }
     #body { margin-left: 42px; }
     #footer { margin-left: 42px; }
     #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 24px 9px; }
     #menu ul.nav > li > a:before { height: 10px; width: 10px; }
     #menu ul.nav ul a { font-size: .7em; line-height: 1.2em; padding: 9px 28px; }

     #search-button { height: 54px; }
     #search-button.active div span:nth-of-type(1) { left: 7px; top: 6px; width: 28px; }
     #menu > #search-tab { height: 54px; left: -340px; top: 118px; width: 320px; }
     #search-tab input[type="text"] { font-size: .8em; height: 54px; width: 84%; }
     #search-tab input[type="submit"] { font-size: .9em; height: 54px; line-height: 54px; width: 16%; }
  
     #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; margin: 0 0 14px; padding-top: 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 { height: 68px; }
     #bottom-menu a img { height: 40px; margin-left: -24px; top: 14px; }
     #bottom-menu a span { font-size: .75em; width: 70%; }

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

     .about-page h2 { font-size: 1.4em; line-height: 1.2em; }
     .about-page h3 { font-size: 1.2em; line-height: 1.1em; margin: 12px 0; }
     .about-page .padded { padding: 16px 6%; }
     .about-page p { font-size: .85em; }
     .about-page p.bigger { font-size: 1em;}
     .about-page p.blockquote { height: 156px; overflow: hidden; }
     .about-page p.blockquote img { max-width: 800%; width: 150%; }
     .about-page p.blockquote > span span { font-size: 1em; }
     .topic-section { padding: 16px 6%; }
     .topic-links a { font-size: .75em; margin-bottom: 18px; width: 22%; }
     .topic-links a img { margin-bottom: 6px; width: 44%; }
     #shaping-plan li { font-size: .8em; }
     .goal-links { margin: 8px 0 14px; }
     .goal-links a { font-size: .75em; }
     .goal-links a img { height: 28px; margin: 0 auto 5px;}
     .project-schedule div { border-radius: 0; height: auto; margin-top: 60px; margin-bottom: 0; padding: 48px 16px 18px; }
     .project-schedule div:after { display: none; }
     .project-schedule div span { font-size: .8em; height: 72px; left: 50%; line-height: 72px; margin-left: -40px; top: -40px; width: 72px; }
     .project-schedule h3 { margin-top: 0; }
     .project-schedule div p { margin: 0; }

     .explore-page h1 { font-size: 1.1em; line-height: 1.2em; margin: 6px 4% 10px; }
     .explore-page p { font-size: .8em; }
     .explore-header p { font-size: .8em; margin-bottom: 28px; }
     .explore-thumbnail { height: 180px; }
     .explore-page-header h1 { font-size: .9em; height: 182px; left: 33px; padding: 54px 14px; top: -118px; width: 182px; }
     .explore-page-header h1.on-two-lines { padding-top: 40px; top: -120px;  }
     .explore-page-header h1 img { height: 42px; }
     .explore-page-header p { font-size: .9em; margin: -186px 3.5% 0; min-height: 96px; padding: 10px 0 22px 220px; }
     .explore-page-content { font-size: .85em; }
     .explore-page-content .columns { padding: 20px 5%; }
     .explore-page-content h2 { font-size: 1.3em; margin-bottom: 15px;  }
     .explore-page-content .medium-7 p { font-size: 1em; line-height: 1.3em; }
     .explore-page-content .medium-5 p { font-size: 1em; }
     .goal-top-header { height: 25px; }
     .goal-top-header p { font-size: .7em; line-height: 26px; }
     #plainest-section {height: 30%;}

     .draft-plan-published { padding: 9px 8% 1px; }
     .draft-plan-published p a { font-size: .9em; line-height: 1.3em; margin-bottom: 8px; padding: 4px 9px; }
     .dpp-on-homepage { font-size: .8em; padding: 0; }
     .dpp-on-topics-page { margin-bottom: 60px; padding: 16px 8% 9px; }
     .dpp-on-topics-page h3 { font-size: 1.1em; line-height: 1.2em; }
     .dpp-on-topics-page p { margin-top: 0; width: 100%; }

     .topic-header h1 { font-size: 1.5em; height: 70px; padding-top: 26px; }
     .topic-header h1.on-two-lines { padding-top: 16px; }
     .topic-header .medium-5 { top: -70px; width: 62%; }
     .topic-header .medium-7 { width: 38%; }
     .topic-thumbnail img { margin: 0; }
     .topic-slide .medium-4 { font-size: .85em; }
     .topic-header .medium-7 p { height: 23.3333%; width: 50%; }
     .topic-header .medium-7 p:nth-of-type(2),
     .topic-header .medium-7 p:nth-of-type(3) { background-color: #00a0c0; }
     .topic-header .medium-7 p:nth-of-type(4),
     .topic-header .medium-7 p:nth-of-type(5) { background-color: #15c2e5; }
     .esri-footer span { font-size: .6em; padding: 5px 8px;  width: 60%; }
     .esri-footer a { font-size: .75em; }
     .topic-slide .medium-8 h3 { font-size: 1.1em; line-height: 1em; }
     .topic-slide .medium-8 h3 span { margin-top: 2px; }
     .topic-slide .medium-8 p { font-weight: 400; }
     
     .get-updates-where-you-are a { border-width: 3px; font-size: .65em; letter-spacing: .06em; padding: 10px 6px; }
     .get-updates-where-you-are a i { font-size: 2.2em; margin-bottom: 3px; }
     .get-involved-page .how-should-engagement .medium-4 { display: none; }

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

     .verb-more { padding-bottom: 56px; }
     .verb-more img { height: 100px; width: auto; }
     .verb-more p { display: none; }
     .verb-more h4 { font-size: .65em; line-height: 1.3em; margin: 0 28px; padding-left: 46px; width: 38%; }
     .verb-more h4 span { font-size: 3em; line-height: 1em; margin: 4px 0 8px; }
     .hmmt-section p.normal { font-size: .85em; }
     .hmmt-section table tr th,
     .hmmt-section table tr td { border-width: 0 0 4px 4px; }
     .hmmt-section table tr td { font-size: 1.6em; height: 120px; }
     .hmmt-section table tr th img { height: 30px; margin: 8px auto; }
     .hmmt-section table tr:first-of-type th span { font-size: .65em; height: 38px; padding: 4px 5px 0; }
     .hmmt-section table tr:nth-of-type(2) th img { height: auto; margin-bottom: -4px; width: 46px; }
     .hmmt-section table tr th:first-of-type { font-size: .65em; }

     .changes div { padding: 0; }
     .changes div h4 { height: auto; padding: 5px 0; position: static; width: 100%; }
     .changes div h4 span { display: none; }
     .changes p { height: auto; padding: 8px 0 0; vertical-align: top; width: 48%; }
     .changes p img { display: none; }

     #rollover-thing > div h4 { font-size: .6em; height: 54px; padding: 6px; }
     #rollover-thing > div p { font-size: .7em;}
     .coolboxes .row .columns {width:92%;margin: 4%;}
     .coolboxes .row .columns:last-of-type {
        margin: 4%;
    }
 }

 @media screen and (max-width: 700px) {
     .draft-plan-strat-page .small-5,
     .draft-plan-strat-page .small-7 { width: 100%; }
     .draft-plan-strat-list h4 { padding-top: 40px; }

     .draft-plan-strat-page .ccm-block-express-form > span > span { font-size: 2.5em; padding: 14px 7px; }
     .draft-plan-strat-page .ccm-form { width: 80%; }
     .draft-plan-strat-page .ccm-form label,
     .draft-plan-strat-page .ccm-form input,
     .draft-plan-strat-page .ccm-form select,
     .draft-plan-strat-page .ccm-form textarea { font-size: .75em; }
     .draft-plan-strat-page .ccm-form fieldset { margin: 0; }
     .draft-plan-strat-page .ccm-form .form-actions button { font-size: .8em; }

     .page-template-draft-plan-strategy #menu,
     .page-template-draft-plan-map-page #menu { z-index: 160; }
     .draft-plan-strat-page .ccm-block-express-form { background-color: #ddd; height: 100%; padding-left: 42px; overflow: auto; padding-bottom: 40px; position: fixed; top: 0; width: 100%; z-index: 150; }
     .draft-plan-strat-page .ccm-block-express-form > span { top: -8px; right: 18px; }
     .draft-plan-strat-page .ccm-form { background-color: #ddd; width: 100%; }
     .ccm-panel-ready .draft-plan-strat-page .ccm-block-express-form { top: 44px; }
     .ccm-panel-ready .draft-plan-strat-page .ccm-block-express-form > span { top: -8px; right: 18px; }
     .draft-plan-description .ccm-image-slider-text h2 { font-size: .65em !important; padding: 5px 10px;}
      .page-template-draft-plan-map-page .ccm-block-express-form { font-size: 1em; }
      .draft-plan-strat-page .ccm-block-express-form i { display: none; }

     .page-template-draft-plan-map-page .ccm-block-express-form { left: 0; z-index: 150; }
     .page-template-draft-plan-map-page .ccm-block-express-form > span { top: 18px; right: 18px; }
     .ccm-panel-ready .page-template-draft-plan-map-page .ccm-block-express-form > span { top: 18px; right: 18px; }
     .draft-plan-strat-page .ccm-form h4 { font-size: 1.3em; }
 }

 @media screen and (max-width: 640px) {
     .about-page .medium-7 { padding: 0 8%; }
     .about-page .medium-5 { display: none; }
     .goal-links a { margin-bottom: 26px;  width: 29%; }
#aboutnav {display:none;}
     .explore-page-content .columns { font-size: .9em; padding: 16px 7%; }
     .explore-page-content .medium-5 p { margin: 0; }
     .draft-plan-published p {
        width: 100%;
    }
     .topic-page + #body,
     .topic-page + #body > .columns { height: auto; overflow: auto; }
     .topic-thumbnail { height: 180px; }
     .topic-header,
     .topic-header .row { height: auto; }
     .topic-header h1 { height: 58px; padding-top: 20px; }
     .topic-header h1.on-two-lines { padding-top: 12px; }
     .topic-header .medium-5 { font-size: .9em; height: auto; margin-bottom: -23px; top: -58px; width: 100%; }
     .topic-header .medium-5 > div { height: auto; overflow: auto; padding-bottom: 0; }
     .topic-header .medium-7 { width:100% }
     .street-design-header .medium-7 { display: block; height: 340px; width: 100%; }
     .topic-slide { height: auto; position: static; }
     .topic-slide .medium-4 { height: auto; padding: 0; }
     .topic-slide .medium-4 h2 { font-weight: 700; margin-top: 10px; padding: 3px 5%; }
     .topic-slide:first-of-type .medium-4 h2 { margin-top: 0; }
     .topic-slide .medium-4 .scroll-area { height: auto !important; }
     .topic-slide .medium-4 p { margin-bottom: 12px; padding: 3px 5%;  }
     .topic-slide .medium-8 { height: auto; padding-bottom: 24px;  }
     .topic-slide form { position: relative; }
     .topic-slide form .thanks { font-size: 1.1em; line-height: 1.2em; }
     .topic-slide .medium-8 h3 { font-size: 1.1em; }
     .topic-slide .medium-8 iframe { height: 520px; padding-bottom: 0; }
     .esri-footer { height: 60px; }
     .slide-top,
     .slide-left-top { display: none; }
     #plainest-section {height: 25%;}
     #footer > div {    width: 100%;
        text-align: center;}
        .sixitems .medium-2 {margin:2%;background-color:#0B5996; width:96%;min-height:50px;}

     /* REMOVE WHEN SLIDES COME BACK */
     .topic-slide { display: none; }
     .topic-slide.showing {display:block;top: 130px;position:absolute;}
     .topic-slide.showing .slide-top, .topic-slide.showing .slide-left-top {display:block;}
     .hmmt-header h1 { font-size: .9em; margin: 0; padding: 7px 12px 6px; text-align: center;  }
     .hmmt-header p { margin: 0; width: 100%; }
     .hmmt-header p a { font-size: .6em; padding: 5px; }
     .hmmt-header h2 { font-size: 1.3em; padding: 18px 5% 0; }
     .hmmt-section { padding: 12px 5% 18px; }
     .hmmt-section h3 { font-size: .85em; margin-bottom: 14px; }
     .hmmt-section h3:before { height: 32px; margin-right: 10px; width: 32px; }
     .verb-more { padding-bottom: 46px; }
     .verb-more h3 { margin-bottom: 26px; }
     .verb-more h4 { font-size: .6em; padding-left: 32px; width: 30%; }
     .verb-more h4 span { font-size: 1.8em; margin: 2px 0 5px; }
     .verb-more img { height: 60px; }
     .large-image { overflow-x: auto; }
     .large-image img { max-width: 250%; width: 150%; }


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

     #bikecallout .row div { width: 100%; }
     .dpcallout .columns:first-of-type { border-bottom: 10px solid #e7e7e7; }
     .dpcallout .columns { border-width: 0;}
 }

 @media screen and (max-width: 565px) {
    .topic-slide.showing {display:block;top: 80px;position:absolute;}
     #menu ul.nav { width: 240px; }
     #menu ul.nav a { font-size: .7em; padding: 6px 16px 5px; }
     #menu ul.nav ul a { font-size: .7em; padding: 8px 20px; }
     #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: 1em; line-height: 1.1em; margin: 0 4px 8px; padding-top: 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; }

     #draft-plan-released p { padding: 0; }
     .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; }    

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

     #search-box { width: 90%; }
     #search-box:after { font-size: 1.2em; padding: 4px 8px; }
     #search-box input[type="text"] { font-size: .9em; height: 36px; margin-bottom: 0; padding: 0 54px 0 34px; width: 100%; }
     #search-box input[type="submit"] { font-size: 1em; height: 36px; line-height: 36px; position: absolute; right: 0; width: 44px; }

     #rollover-map { overflow: hidden; }
     #rollover-map img { margin-top: -50px; }
     #rollover-map-title { margin-top: -24px; position: relative; width: 100%; }
     #rollover-map-title h2 { font-size: 1.1em; line-height: 1.1em; margin: 0; }
     #rollover-map-title span.click-on { display: none; }
     .rollover-dot { position: static; }
     .rollover-dot > span { display: none; }
     .rollover-dot:before { display: none; }
     .rollover-dot > div { height: auto; margin: 0; opacity: 1; padding: 4px 14px 8px; position: static; width: 100%; }
     .rollover-dot > div:after { display: none; }
     .rollover-dot > div h3 { font-size: .8em; letter-spacing: .04em; margin-bottom: 3px; }
     .rollover-dot > div p { line-height: 1.2em; margin-bottom: 8px; }
     .rollover-dot > div a { display: inline-block; margin-bottom: 2px; padding: 2px 6px; position: static; }
     .rollover-dot:nth-of-type(2) > span { background-color: #00B2D5; }
     .rollover-dot:nth-of-type(2) div { background-color: #00B2D5; }
     .rollover-dot:nth-of-type(2) div:after { border-right-color: #00B2D5; }
     .rollover-dot:nth-of-type(2) div a { background-color: rgb(26, 159, 186); }
     .rollover-dot:nth-of-type(2) div a:hover { background-color: rgb(32, 126, 145); }
     .rollover-dot:nth-of-type(8) > span { background-color: #A2B53A; }
     .rollover-dot:nth-of-type(8) div { background-color: #A2B53A; }
     .rollover-dot:nth-of-type(8) div:after { border-right-color: #A2B53A; }
     .rollover-dot:nth-of-type(8) div a { background-color: rgb(137, 160, 7); }
     .rollover-dot:nth-of-type(8) div a:hover { background-color: #77881b; }

     #bottom-menu a { border-top: 1px solid #21bddb; height: 36px; width: 50%; }
     #bottom-menu a img { height: 22px; margin-left: -14px; top: 7px; }
     #bottom-menu a span { font-size: .65em; letter-spacing: .05em; width: 96%; }

     #sub-page-title h1 { font-size: .9em; 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; }

     .about-page p.blockquote img { width: 240%; }
     .about-page p.blockquote > span span { font-size: .9em; }
     .topic-links a { width: 30%; }
     .topic-section p:last-of-type { text-align: center; }

     #body.explore-page { padding: 10px 5%;  }
     .explore-page h1 { font-size: 1em; }
     .explore-thumbnail { height: 140px; }
     .explore-thumbnail img { margin-left: -24%; max-width: 130%; width: 130%; }
     .explore-page-header h1 { font-size: .8em; height: 144px; left: 50%; margin-left: -72px; padding-top: 42px; top: -124px; width: 144px; }
     .explore-page-header h1.on-two-lines { padding-top: 28px; }
     .explore-page-header h1 img { height: 34px; margin-bottom: 9px; }
     .explore-page-header p { font-size: .7em; margin: -148px 7% 0; min-height: auto; padding: 26px 0 16px; }
     .explore-page-content h2 { font-size: 1.1em; line-height: 1.3em; }
     .goal-top-header p:last-of-type { display: none; }

     .topic-thumbnail { height: 96px; }
     .topic-thumbnail img { margin-left: -10%; max-width: 120%; width: 120%; }
     .topic-header h1 { font-size: 1.3em; height: auto; padding-top: 8px; padding-bottom: 8px; }
     .topic-header .medium-5 { margin-bottom: 32px; top: 0; }
     .topic-slide .medium-8 .padded { padding: 14px 6%; }
     .esri-footer { height: auto; padding: 4px 0 8px; position: static; text-align: center; }
     .esri-footer p { height: auto; }
     .esri-footer span { width: 100%; }
     .esri-footer a { float: none; display: inline-block; height: auto; line-height: 1em; margin-top: 3px; padding: 6px 14px;  }
     .street-design-header .medium-7 { height: 260px; }

     .get-involved-header { height: 110px; }
     .get-involved-page .medium-7,
     .get-involved-page .medium-5 { padding: 14px 6%; }
     .get-involved-page .medium-7 p:first-of-type { font-size: .95em; }
     .get-involved-page .types-of-engagement h3 { font-size: .95em; line-height: 1.3em; }
     .get-involved-page .types-of-engagement h3:before { font-size: 1.1em; }
     .slider div { font-size: .9em;  padding: 12px 6px; }

     .get-updates-where-you-are { padding: 14px 3%; }
     .get-updates-where-you-are a { border-width: 1px; display: block; float: none; margin: 7px auto !important; padding: 4px; width: 80%; }
     .get-updates-where-you-are a i { margin: 3px 0 1px;  }

     .event-page .columns { padding: 0 7% 20px; }
     .sub-page.event-page .columns > h2 { font-size: 1.3em !important; }
     .event-page h3 { font-size: 1.1em; }
     .event-page { font-size: .9em; }
     .hmmt-section h4 { font-size: .8em; }
     .hmmt-section p { font-size: .7em; line-height: 1.3em; }
     .verb-more h4 { font-size: .6em; padding-left: 32px; width: 30%; }
     .verb-more h4 span { font-size: 1.8em; margin: 2px 0 5px; }
     .hmmt-section table tr td { font-size: 1.1em; }
     .hmmt-section table tr th:first-of-type { font-size: .5em; }
     .hmmt-section iframe { height: 380px; }

     .page-template-draft-plan-map-page .draft-plan-strat-page > div { width: 100%; }
     .page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right { height: auto; }
     .page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right h3 { padding: 12px 18px; }
     .page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right:after { display: none; }
     
     .draft-plan-strat-page div.alert-danger,
     .draft-plan-strat-page div.alert-success { margin: 0 18px; }
     .draft-plan-strat-page div.alert-danger ul,
     .draft-plan-strat-page div.alert-success { font-size: .75em; margin-bottom: 0; }
 }

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

    .hmmt-header h1 { line-height: 1.1em; padding: 7px 18px 5px; }
    .hmmt-header h2 { font-size: 1.1em;line-height: 1.1em; text-align: center; }
    .hmmt-header h2 span { margin-bottom: 6px; padding: 2px 8px; }
    .hmmt-section h3 { font-size: .7em; padding: 0;  text-align: center; }
    .hmmt-section h3 span { width: 90%; }
    .hmmt-section h3:before { display: block; height: 20px; margin: 0 auto 5px; width: 20px; }
    .hmmt-section p.normal { font-size: .75em; margin: 0; }
    .verb-more { padding: 18px 0 0; }
    .verb-more h4 { margin: 0 8% 44px; width: 82%; }
    .hmmt-section table tr td,
    .hmmt-section table tr th { border-width: 0 0 2px 2px; padding: 2px; }
    .hmmt-section table tr th img { height: 20px; }
    .hmmt-section table tr:nth-of-type(2) th img { margin-bottom: -2px; width: 30px; }
    .hmmt-section table tr td { font-size: .9em; height: 100px; }

    #rollover-thing > div h4 { font-size: .5em; height: 24px; width: 100%; }
    #rollover-thing > div:nth-of-type(2) h4 { left: 0; top: 24px; }
    #rollover-thing > div:nth-of-type(3) h4 { left: 0; top: 48px; }
    #rollover-thing > div:nth-of-type(4) h4 { left: 0; top: 72px; }
    #rollover-thing > div:nth-of-type(5) h4 { left: 0; top: 96px; }
    #rollover-thing > div.showing h4:before { left: 0; height: 100%; top: 0; width: 10px; }
    #rollover-thing img { margin-top: 120px; }
    #rollover-thing > div p { font-size: .55em; line-height: 1.2em; padding: 6px 12px; }

    .verb-more.on-topic-page { margin: 0 auto; width: 90%; }
    .verb-more.on-topic-page h4 { width: 30%; }

    .draft-plan-page .top-bar-right { height: auto; padding: 14px 14px 20px;; }
    .draft-plan-page .top-bar-right p { line-height: 1.31em; margin: 4px 0 0; }
    .draft-plan-page .top-bar-left > p { padding: 0 10px 0 14px; }
    .draft-plan-page .top-bar-left-announcement img { display: none; }
    .draft-plan-page .top-bar-left-announcement p { font-size: .7em; padding-left:2px; }
    .draft-plan-page .draft-plan-title h2 { font-size: 2.4em; line-height: 1em; }
    .draft-plan-page .draft-plan-title a img { width: 12px; }
    .draft-plan-title p:first-of-type { font-size: .8em;  }
    .draft-plan-strat-page .draft-plan-description h2 { font-size: 1.2em; }
    .draft-plan-strat-page .draft-plan-description p { font-size: .8em; line-height: 1.4em;  }
    .draft-plan-strat-page .top-bar-right { height: auto; line-height: 1.4em; padding: 20px 24px; }
    .draft-plan-strat-page .top-bar-left a { font-size: .9em; }
    .draft-plan-strat-page .top-bar-right p { line-height: 1.3em; }
    .draft-plan-strat-page .top-bar-right:after { display: none; }
    .draft-plan-strat-list p { font-size: .8em; }
    .draft-plan-strat-list h4 + p { padding: 14px; }
    .draft-plan-strat-list p + div + div { display: block; }
    .draft-plan-strat-list div h5,
    .draft-plan-strat-list div + div h5:nth-of-type(2) { display: block; padding: 6px 14px; width: 100% !important; }
    .draft-plan-strat-list div h5 + p { display: block; width: 100% !important; }
    .draft-plan-strat-list div + .no-actions h5:nth-of-type(2) { width: 100% !important;}
     .page-template-draft-plan-map-page .draft-plan-strat-page .top-bar-right { padding: 8px 18px; }

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