/***********************
    GENERAL
************************/

body, html {
   font-family: 'Oswald', sans-serif;
   font-size: 16px;
 }
 .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6  {
   font-family: 'Oswald', sans-serif;
 }
 
 .ccm-page .accessibilty-hide {
   position:absolute;
   left:-10000px;
   top:auto;
   width:1px;
   height:1px;
   overflow:hidden;
 }
 
 .row { max-width: 100%; }
 .dark-blue-banner { background-color: #003b53; }
 .med-blue-banner { background-color: #0d5f80; }
 
 
 /*################ HEADER/SOCIAL MENU #############################*/
 
 #header-container { background-color: #003b53; height: 130px; }
 #header-container > a { display: inline-block; margin-left: 1%; padding: 0 8px; transition: .2s; }
 #header-container > a:hover { background-color: #2d74a6; }
 #header-container > a img { padding: 10px 0; width: 230px; }
 #header-container h1 { display: inline-block; margin-left: 18px; vertical-align: middle; }
 #header-container h1 a { color: #fff; transition: .2s; }
 #header-container h1 a:hover { color: #d4effc; }
 
 #share-button-container {
 position: absolute;
 top: 0px;
 right: 0px;
 z-index: 999;
 }
 #share-button {
 position: absolute;
 top: 26px;
 right: 0px;
 color: rgb(2, 63, 94);
 border-radius: 50%;
 width: 80px;
 height: 80px;
 background-color: rgb(255, 255, 255);
 padding: 10px;
 text-align: center;
 -webkit-transition: background-color 400ms linear;
    -moz-transition: background-color 400ms linear;
      -o-transition: background-color 400ms linear;
     -ms-transition: background-color 400ms linear;
         transition: background-color 400ms linear;
 z-index: 3333;
 }
 #share-button:hover {
 cursor: pointer;
 background-color: rgb(212, 239, 252);
 }
 #share-button span.fa { font-size: 2em; }
 #socials {
 position: absolute;
 right: 30px;
 top: -4px;
 }
 #social-pill {
 background-color: rgb(212, 239, 252);
 overflow: hidden;
 position: absolute;
 top: 35px;
 right: 0px;
 border-radius: 4px 4px 45px 45px;
 width: 80px;
 height: 30px;
 z-index: 2222;
 margin-top: 30px;
 transition: height .55s;
 }
 #social-pill.opened {
   height: 270px;
 }
 #social-pill a:hover i {
 color: white;
 }
 .share-icon, .social-icons {
 color: rgb(28, 64, 94);
 text-align: center;
 width: 100%;
 }
 .social-icons {
 padding: 10px;
 }
 
 a span.screen-reader-text, span.screen-reader-text {
 clip: rect(1px, 1px, 1px, 1px);
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
 }
 
 #share-button .menu-button-text {
 font-size: .8em;
 }
 
 
 
 
 /*################ MENU ################*/
 
 #menu { background-color: #2d74a6; height: 46px; overflow: hidden; }
 #goals-box { background-color: #049fda; color: #fff; display: inline-block; float: left; font-size: 1.2em; height: 100%; line-height: 43px; position: relative; text-align: center; width: 9%; }
 #goals-box a { color: #fff; margin-right: 8px; transition: .25s; }
 #goals-box a span { display: none; }
 #goals-box a:hover { color: #d4effc; }
 #goals-box:after { border: 8px solid transparent; border-left-color: #049fda; content: ""; left: 100%; position: absolute; top: 14px; }
 #menu > ul > li ul { z-index: 1; }
 #menu ul li a { display: block; height: 100%; transition: background-color .1s; width: 100%; }
 
 #menu > ul { display: inline-block; float: left; line-height: 43px; margin: 0; width: 89%; }
 #menu > ul > li { display: inline-block; font-size: 1.1em; text-align: center; width: 20%; }
 #menu > ul > li > a { color: #fff; }
 #menu > ul > li:hover > a  { background-color: #6fbde9; }
 
 #menu > ul > li > ul { background-color: #8dc7ed; box-shadow: 0 3px 7px 0 #555; display: none; list-style-type: none; margin: 0; position: absolute; width: 20%; }
 #menu > ul > li:hover > ul { display: block; }
 #menu > ul > li > ul > li { line-height: 1.2em; position: relative; text-align: left; width: 100%; }
 #menu > ul > li > ul > li > a { color: #003b53; font-size: .9em; padding: 11px 14px; }
 #menu > ul > li > ul > li:hover > a { background-color: #afd6f2; }
 
 #menu > ul > li > ul > li ul { background-color: #afd6f2; box-shadow: 2px 3px 7px 0 #555; display: none; left: 100%; list-style-type: none; margin: 0; position: absolute; top: 0; width: 100%; }
 #menu > ul > li > ul > li:hover ul { display: block; }
 #menu > ul > li > ul > li ul li a { border-bottom: 1px solid #8dc7ed; color: #003b53; font-size: .8em; line-height: 1.2em; padding: 13px 14px; }
 #menu > ul > li > ul > li ul li a:hover { background-color: #8dc7ed; }
 
 #menu > ul > li:nth-of-type(4) > ul,
 #menu > ul > li:nth-of-type(5) > ul { margin-left: -2%; }
 #menu > ul > li:nth-of-type(4) > ul > li ul,
 #menu > ul > li:nth-of-type(5) > ul > li ul { box-shadow: -2px 3px 7px 0 #555; left: auto; right: 100%; }
 
 
 /*################ CONTENT ################*/
 
 .breadcrumb { margin: 0 0 25px; }
 .breadcrumb span { color: #bbb; font-size: 1.1em; margin: 0 11px; vertical-align: middle; }
 .breadcrumb span.bc-title { display: none; }
 .breadcrumb li { color: #023f5e; display: inline-block; font-size: 1.2em; vertical-align: middle; }
 .breadcrumb li a { color: #049fda; transition: .2s; }
 .breadcrumb li a:hover { color: #2d74a6; }
 .breadcrumb li a i { font-size: 1.6em; vertical-align: middle; }
 
 #title-area { background-image: url("http://www.minnesotago.org/performance/application/themes/mndotperf/img/banner-home.jpg"); background-size: cover; overflow: hidden; padding: 50px 32px 72px; position: relative; text-align: center; }
 #title-area > img { left: 0; position: absolute; top: 0; }
 .page-title-container { border: 1px solid #fff; border-top: 0; display: inline-block; margin-top: 25px; padding: 0 65px; position: relative; }
 
 #title-area h2 { color: #fff; display: inline-block; line-height: 1.1em; margin-top: -30px;  }
 #title-area h3 { color: #fff; display: block; padding: 8px 0 20px; text-transform: uppercase; width: auto; }
 
 #line-left, #line-right { background-color: #fff; height: 1px; left: 0; position: absolute; top: 0; width: 30px;  }
 #line-right { left: auto; right: 0; }
 
 #tab-area-header { border-bottom: 5px solid #e5e6e7; clear: both; height: auto; margin-top: 6px; overflow: auto; width: 100%;}
 #tab-area-header > a { border-top: 5px solid #fff; color: #333; display: inline-block; float: left; font-size: 1.2em; padding: 12px 24px; text-align: center; transition: .3s; }
 #tab-area-header > a.selected { border-color: #023f5e; background-color: #e5e6e7; }
 #tab-area-header > a i { display: block; }
 .tab-area > p { margin: 34px auto; width: 95%; }
 .tab-container { padding-bottom: 32px; }
 .tab-container #tab-area-header { margin-top: 20px; }
 .tab-container #tab-area-header > a { padding: 12px 34px; }
 
 .tab-group { display: none; }
 .tab-group.showing { display: block; }
 
 .blue-button { background-color: #023f5e; border-radius: 8px; color: #fff; padding: 10px 16px; transition: .2s; }
 .blue-button:hover { background-color: #2d74a6; color: #d4effc; }
 .lt-blue-box { background-color: #d4effc; margin-bottom: 58px; padding: 50px 40px 20px 30px; height:200px;margin-top:0px;}
 .lt-blue-box h4 { color: #023f5e; font-size: 2.1em; line-height: 1.2em; padding-left: 80px; position: relative; }
 .lt-blue-box.topic-header h4 { padding-left: 0; }
 .lt-blue-box h4 span { background-color: #6fbde9; border-radius: 100%; border: 1px solid #023f5e; color: #d4effc; display: block; font-size: .8em; height: 56px; left: 0; padding: 13px; position: absolute; text-align: center; top: -4px; width: 56px; }
 .lt-blue-box h4 > i { font-size: 1.3em; position: absolute; left: 17px; top: 2px; }
 .lt-blue-box p { font-size: 1.3em; padding: 8px 0; }
 h5 { clear: both; color: #023f5e; font-size: 1.5em; margin-bottom: 13px; }
 
 .why-important, .how-print { background-color: #023f5e; color: white;  padding: 14px 28px; position: absolute;   bottom: -30px; -webkit-transition: all 300ms ease-in-out;-moz-transition: all 300ms ease-in-out;-o-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;font-size: 1.4em;}
 .why-important:hover, .how-print:hover {color:white;background-color:#2d74a6}
 .why-important { margin-right: 240px;  right: 0;  }
 .why-important i, .how-print i { color: white; margin-right: 7px; }
 .how-print {margin-right: 15px;right: 0;}
 .why-important a, .how-print
 .important-screen, .print-screen { background-color: rgba(0,0,0,.6); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 3334; }
 .important-pop-up, .print-pop-up { background-color: #fff; display: none; max-height: 74%; left: 15%; overflow: auto; padding: 18px 40px; position: fixed; top: 106px; width: 70%; z-index: 3335; }
 .ccm-edit-mode .important-pop-up, .ccm-edit-mode .print-pop-up  { display: block; position: static; }
 .important-pop-up span, .print-pop-up span { color: #2d74a6; cursor: pointer; font-size: 2.4em; font-weight: 700; position: absolute; right: 12px; top: 16px; }
 .important-pop-up h4, .print-pop-up h4 { color: #023f5e; font-size: 1.4em; font-weight: 700; line-height: 1.3em; padding-bottom: 4px; padding-right: 40px; }
 .important-pop-up p, .print-pop-up p { font-size: .9em; line-height: 1.4em; margin: 18px 0; }
 .important-pop-up .blue-button { float: right; margin: 3px 0 10px; }
 
 .related-measures { background-color: #d4effc; margin-bottom: 16px; padding-bottom: 1px; }
 .related-measures h4 { background-color: #023f5e; color: #fff; font-size: 1.1em; margin: 0; padding: 5px 12px; }
 .related-measures a { color: #333; display: block; line-height: 1.3em; padding: 6px 0 8px 24px; position: relative; transition: .2s; }
 .related-measures a:hover { color: #2d74a6; }
 .related-measures a i { color: #023f5e; left: 0; position: absolute; top: 10px; }
 .related-measures p, .related-measures ul { font-size: .9em; padding: 12px 20px 0; }
 
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(1) .medium-4 { width: 30%; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) { display: table-row; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 { background-color: #d4effc; border-right: 38px solid #fff; display: table-cell; float: none; padding: 0; width: 34.3333%; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4:last-of-type { border: 0; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 div { height: 100%; }
 
 #sidebar-title { border-bottom: 1px solid #023f5e; margin: 14px 0 0; padding-bottom: 7px;  }
 .sidebar-img, .medium-4 img { margin-top: 0px;margin-bottom:40px; }
 .sidebar-img {height:280px;overflow:hidden;position:relative;}
 .sidebar-img img {position:absolute;top:-10px;}
 .ccm-block-page-attribute-display-title { color: #023f5e; display: block; font-size: 1.4em; line-height: 1.1em; text-transform: uppercase; }
 .ccm-block-page-attribute-display-subtitle { color: #2d74a6; display: block; font-size: .9em; margin-top: 3px; }
 
 #keyword-search { display: inline-block; margin-top: 5px; position: relative; vertical-align: top; width: 20%; }
 #keyword-search > span, #filter-by-goal > span { font-size: .75em; }
 #keyword-search > i { bottom: 25px; color: #2d74a6; cursor: pointer; font-size: 1.3em; position: absolute; right: 10px; }
 .search-filter-by { display: inline-block; margin-left: 5%; width: 22%; }
 .search-filter-by select { background-color: #fff; }
 #smtp-button { float: right; line-height: 1.2em; margin: 30px 14px 26px; }
 #smtp-button a { color: #333; }
 #smtp-button span { border: 3px solid #fff; box-shadow: 0 1px 4px 1px #999; display: inline-block; height: 20px; margin-right: 9px; outline: 1px solid #000; transition: .15s; vertical-align: top; width: 20px;  }
 #smtp-button a.selected span { background-color: #2d74a6;  }
 #search-measure-table { border: 1px solid #333; border-width: 0 1px 1px 0; border-spacing: 0; clear: both; margin-top: 20px; width: 100%; }
 .smt-row { display: table; width: 100%; }
 #search-measure-table .ccm-block-page-list-page-entry.gray-bg { background-color: #ccc; }
 .smt-header { background-color: #023f5e; color: #fff; font-weight: 400; text-align: center; }
 .search-measure-table { border: 1px solid #333; border-width: 1px 0 0 1px; display: table-cell; padding: 9px 10px; }
 #search-measure-table .goal { width: 22%; }
 #search-measure-table .subgoal { width: 22%; }
 #search-measure-table .measure { width: 56%; }
 #search-measure-table .measure a { color: #000; font-size: .9em; }
 .no-results { color: #666; font-size: 1.3em; line-height: 1.8em;padding: 0 10px; }
 span.metadata { display: none; }
 .ccm-pagination-wrapper { clear: both; text-align: center; }
 ul.pagination { display: inline-block; }
 ul.pagination li { margin-bottom: 12px; }
 ul.pagination li span, ul.pagination li a { line-height: 1.6em; padding: 4px 12px !important; }
 
 
 /*################ FOOTER ################*/
 
 .ccm-page {
 position: relative;
 }
 #body-container {
 min-height: 100%;
 margin: 0 auto;
 padding: 28px 3%;
 }
 .footer-push {
 height: 100px;
 }
 #footer-container {
 background-color: rgb(0, 59, 83);
 position: absolute;
 bottom: 0;
 width: 100%;
 height: 60px;
 }
 #footer-container .dark-blue-banner {
 height: 230px;
 padding-top: 30px;
 padding-bottom: 30px;
 }
 #footer-container .med-blue-banner {
 height: 60px;
 padding-top: 10px;
 padding-bottom: 10px;
 }
 #footer-copyright {
 padding-top: 11px;
 color: #fff;
 }
 #translation-widget {
 margin-top: 8px;
 text-align: center;
 }
 .goog-te-gadget-simple .goog-te-menu-value span { color: #333; }
 .goog-te-menu-frame { box-shadow: none !important; }
 #footer-social {
 padding-top: 8px;
 text-align: right;
 }
 #footer-social .fa {
 font-size: 30px;
 letter-spacing: 10px;
 color: rgba(255, 255, 255, 0.5);
 -webkit-transition: all 300ms ease-in-out;
 -moz-transition: all 300ms ease-in-out;
 -o-transition: all 300ms ease-in-out;
 transition: all 300ms ease-in-out
 }
 #footer-social .fa:hover {
 color: rgba(255, 255, 255, 0.8);
 }
 #footer-container a {
 color: rgb(212, 239, 252);
 }
 #footer-container p {
 margin-bottom: .4rem;
 }
 #footer-container a:hover {
 color: rgb(111, 189, 233);
 }
 #footer-mndot-logo img {
 border-radius: 8px;
 max-height: 160px;
 margin-left: 2%;
 margin-top: 15px;
 transition: .2s;
 width: auto;
 }
 #footer-mndot-logo img:hover { background-color: #0d5f80; }
 #footer-mngo-logo img {
 border-radius: 8px;
 float: right;
 max-height: 160px;
 margin-right: 3%;
 transition: .2s;
 width: auto;
 }
 #footer-mngo-logo img:hover { background-color: #0d5f80; }
 
 @media screen and (max-width: 1600px) {
 .sidebar-img img {min-width:120%;right:-8%;}
 
 }
 
 @media screen and (max-width: 1350px) {
 .sidebar-img img {min-width:130%;right:-12%;}
 
 }
 
 @media screen and (max-width: 1250px) {
   #header-container { height: 110px; }
   #header-container > a img { width: 190px; }
   #header-container h1 { font-size: 1.8em; margin-left: 0; }
   #share-button { top: 18px; }
   #social-pill { top: 24px; }
   #menu { font-size: .8em; }
   #goals-box a { margin-right: 4px; }
   #menu ul { font-size: 1em; }
   #tab-area-header > a { font-size: 1em; padding: 16px; }
   .lt-blue-box h4 { font-size: 1.6em; }
   .lt-blue-box p { font-size: 1em; }
   .important-pop-up { left: 6%; width: 88%; }
   .important-pop-up p { font-size: .8em; }
   .sidebar-img img {min-width:140%;right:-15%;}
   #footer-container .medium-8 { width: 60%; }
   #footer-container .medium-2 { width: 20%; }
   #footer-container .small-2 { width: 20%; }
   #footer-copyright { font-size: .9em; padding: 0; }
   #footer-container .med-blue-banner { margin: 0; padding: 10px 0 10px 12px; }
   #footer-copyright span.links { display: block; line-height: 1.3em; margin-top: 2px; vertical-align: top; }
 }
 
 @media screen and (max-width: 1150px) {
 .sidebar-img img {min-width:170%;right:-18%;}
 
 }
 
 @media screen and (max-width: 980px) {
 .medium-4 h5 { font-size: 1.3em; margin-top: 8px;  }
 .medium-4 p, .medium-4 ul { font-size: .8em; line-height: 1.3em; }
 .medium-4 ul li { margin-bottom: 6px; }
 .lt-blue-box h4 { font-size: 1.3em; }
 .sidebar-img img {min-width:200%;right:-28%;}
 }
 
 @media screen and (max-width: 835px) {
   #header-container { height: 90px; text-align: center; }
   #header-container > a img { width: 150px; }
   #header-container h1 { margin-left: 4px; }
   #share-button-container { display: none; }
   #menu ul { font-size: .9em; line-height: 30px; width: 100%; }
   #menu > ul > li ul { display: none !important; }
   #goals-box { display: none; }
   #menu { height: 30px; }
   .tab-area { clear: both; padding-top: 1px; }
   .tab-area > p { font-size: .85em; line-height: 1.3em; }
   #tab-area-header { border: 0; clear: both; height: auto; }
   .tab-container #tab-area-header { height: auto; }
   #tab-area-header > a { background-color: #eee; border: 1px solid #e5e6e7; border-right-color: #999; border-bottom-color: #999; font-size: .85em; height: auto; padding: 4px 22px 4px; }
   .tab-container #tab-area-header > a { padding: 6px 14px; }
   .tab-container .tab-group { border-top: 1px solid #666; clear: both; }
   #title-area { padding: 14px 32px 28px; }
   #title-area h2 { font-size: 1.8em; margin-top: -18px; }
   #title-area h3 { font-size: 1.5em; padding-bottom: 14px; }
   .medium-8 p { font-size: .8em; }
   .why-important { float: right; margin-top: 0px;margin-right: 165px; position: static; bottom: 0;}
   .how-print {bottom:0;}
   .sidebar-img, .medium-4 img {
     margin-top: 0px;}
     .sidebar-img img {min-width:230%;right:-28%;}
   .important-pop-up { left: 3%; padding: 14px 24px; top: 72px; width: 94%; }
   .important-pop-up h4 { font-size: 1.2em; line-height: 1.2em;  }
   .important-pop-up p { font-size: .7em; }
   #keyword-search { width: 100%; }
   .search-filter-by { margin: 0; width: 100%; }
   #smtp-button { float: none; }
   #smtp-button a { float: none; font-size: 1em; display: block; margin: 0 auto;  text-align: center; width: 90%; }
  .search-measure-table { font-size: .75em; line-height: 1.3em; padding: 3px !important; }
   #search-measure-table .goal { width: 33%; }
   #search-measure-table .subgoal { width: 33%; }
   #search-measure-table .measure { width: 33%; }
   .measure-page .row:nth-of-type(2) .medium-4 { border: 0; display: block; margin-bottom: 25px; width: 100%; }
   #footer-container .dark-blue-banner { height: 140px; }
   #footer-container .dark-blue-banner .medium-6 { width: 50%; }
   #footer-mndot-logo img { margin-top: 0; height: 100%;}
   #footer-mngo-logo img { height: 100%; }
   #footer-container .med-blue-banner { height: auto; }
   #footer-copyright { font-size: .8em; }
   #footer-container .med-blue-banner > div { padding: 7px 14px; text-align: center; width: 100% !important; }
   #translation-widget { margin-top: 2px; }
   #footer-social a { display: inline-block; margin: 3px 8px; }
 }
 
 @media screen and (max-width: 640px) {
   .footer-push { height: 30px; }
   #header-container { height: auto; }
   #header-container > a img { width: 120px; }
   #header-container h1 { font-size: 1.3em; margin: 0 0 8px; }
   #menu, #menu ul li a { height: auto; }
   #menu > ul { text-align: center; }
   #menu > ul > li { line-height: 29px; margin: 0 5px; width: auto; }
   #menu > ul > li > a { padding: 0 8px; }
   .page-title-container { padding: 0 30px; }
   .breadcrumb { display: none; }
   #line-left, #line-right { width: 21px !important; }
   #title-area h2 { font-size: 1.4em; }
   #title-area h3 { font-size: 1.2em; line-height: 1em; }
   .measure-page .row:nth-of-type(1) .medium-4 { width: 100%; }
   .tab-container {margin-top:40px;}
   .lt-blue-box { padding: 8px 17px; }
   .lt-blue-box h4 { font-size: 1.3em; padding-left: 0; }
   .lt-blue-box h4 span { display: none; }
   .lt-blue-box h4 > i { left: 10px; }
   .lt-blue-box p { font-size: .8em; padding: 4px 0;}
   .blue-button { display: block; margin: 0 auto; text-align: center; width: 100px; }
   #footer-container .dark-blue-banner { height: 150px; padding: 10px; text-align: center; }
   #footer-container .dark-blue-banner .medium-6 { width: 100%; }
   #footer-mndot-logo img, #footer-mngo-logo img { float: none; height: 50%; }
   .sidebar-img img {min-width:130%;right:-8%;}
   html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(1) .medium-4 { width: 100%; }
   html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) { display: block; }
   html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 { border: 0; display: block; margin: 0 auto; width: 94%; }
   html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 div { height: auto; }
 }
 
 .ccm-page h1, .ccm-page h2, .ccm-page h3, .ccm-page h4, .ccm-page h5, .ccm-page h6  {
    font-family: 'Oswald', sans-serif;
 }
 
 .ccm-page .accessibilty-hide {
    position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;
 }
 
 .row { max-width: 100%; }
 .dark-blue-banner { background-color: #003b53; }
 .med-blue-banner { background-color: #0d5f80; }
 
 
 /*################ HEADER/SOCIAL MENU #############################*/
 
 #header-container { background-color: #003b53; height: 94px; }
 #header-container > a { display: inline-block; margin-left: 1%; padding: 0 8px; transition: .2s; }
 #header-container > a:hover { background-color: #2d74a6; }
 #header-container > a img { padding: 10px 0; width: 150px; }
 #header-container h1 { display: inline-block; font-size: 2.4em; margin-left: 16px; vertical-align: middle; }
 #header-container h1 a { color: #fff; transition: .2s; }
 #header-container h1 a:hover { color: #d4effc; }
 
 #share-button-container {
  position: absolute;
  top: -10px;
  right: 0px;
  z-index: 999;
 }
 .ccm-panel-ready #share-button-container {
  margin-top: 48px;
 }
 
 #share-button {
  position: absolute;
  top: 26px;
  right: 0px;
  color: rgb(2, 63, 94);
  border-radius: 50%;
  width: 70px;
  height: 70px;
  background-color: rgb(255, 255, 255);
  padding: 4px;
  text-align: center;
  -webkit-transition: background-color 400ms linear;
     -moz-transition: background-color 400ms linear;
       -o-transition: background-color 400ms linear;
      -ms-transition: background-color 400ms linear;
          transition: background-color 400ms linear;
  z-index: 3333;
 }
 #share-button:hover {
  cursor: pointer;
  background-color: rgb(212, 239, 252);
 }
 #share-button span.fa { font-size: 2em; }
 #socials {
  position: absolute;
  right: 30px;
  top: -4px;
 }
 #social-pill {
  background-color: rgb(212, 239, 252);
  overflow: hidden;
  position: absolute;
  top: 35px;
  right: 0px;
  border-radius: 4px 4px 105px 105px;
  width: 70px;
  height: 30px;
  z-index: 2222;
  margin-top: 20px;
  transition: height .55s;
 }
 #social-pill.opened {
    height: 270px;
 }
 #social-pill a:hover i {
  color: white;
 }
 .share-icon, .social-icons {
  color: rgb(28, 64, 94);
  text-align: center;
  width: 100%;
 }
 .social-icons {
  padding: 10px;
 }
 
 a span.screen-reader-text, span.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
 }
 
 #share-button .menu-button-text {
  font-size: .75em;
 }
 
 
 
 
 /*################ MENU ################*/
 
 #menu { background-color: #2d74a6; height: 40px; overflow: hidden; }
 .ccm-edit-mode #menu { display: none; }
 #goals-box { background-color: #045e7f; color: #fff; display: inline-block; float: left; font-family: 'Oswald', sans-serif; font-size: 1em; height: 100%; line-height: 39px; position: relative; text-align: center; width: 8%; }
 #goals-box a { color: #fff; margin-right: 8px; transition: .25s; }
 #goals-box a span { display: none; }
 #goals-box a:hover { color: #d4effc; }
 #goals-box:after { border: 8px solid transparent; border-left-color: #045e7f; content: ""; left: 100%; position: absolute; top: 13px; }
 #menu > nav > ul > li ul { z-index: 1; }
 #menu > nav ul li a { display: block; height: 100%; line-height: 38px; transition: background-color .1s; width: 100%; }
 
 #menu > nav > ul { display: inline-block; float: left; line-height: 20px; margin: 0; overflow-x: hidden; width: 92%; }
 #menu > nav > ul > li { display: inline-block; font-size: 1em; height: 40px; text-align: center; width: 16%; }
 #menu > nav > ul > li:nth-of-type(5) { width: 20%; }
 #menu > nav > ul > li > a { color: #fff; font-family: 'Oswald', sans-serif; }
 #menu > nav > ul > li:hover > a  { background-color: #6fbde9; }
 
 #menu > nav > ul > li > ul { background-color: #8dc7ed; box-shadow: 0 3px 7px 0 #555; list-style-type: none; margin: 0; margin-left: -2000%; opacity: 0; position: absolute; transition: 0s ; width: 14.72%; }
 #menu > nav > ul > li:nth-of-type(5) > ul { background-color: #8dc7ed; box-shadow: 0 3px 7px 0 #555; list-style-type: none; margin: 0; margin-left: -2000%; opacity: 0; position: absolute; transition: 0s ; width: 18.4%; }
 #menu:hover > nav > ul:hover > li:hover > ul { margin-left: 0; opacity: 1; transition: margin 0s, opacity .3s; z-index: 2; }
 #menu > nav > ul > li > ul > li { line-height: 1.2em; position: relative; text-align: left; width: 100%; }
 #menu > nav > ul > li > ul > li > a { color: #003b53; font-family: 'Oswald', sans-serif; font-size: .9em; padding: 3px 14px; }
 #menu > nav > ul > li > ul > li:hover > a { background-color: #afd6f2; }
 
 #menu > nav > ul > li > ul > li ul { background-color: #afd6f2; box-shadow: 2px 3px 7px 0 #555; left: 100%; list-style-type: none; margin: 0; margin-top: -7000%; opacity: 0; position: absolute; top: 0; transition: margin 0s ease-in-out .8s, opacity .8s; width: 100%; }
 #menu > nav > ul > li > ul > li:hover ul { margin-top: 0; opacity: 1; transition: margin 0s, opacity .3s; z-index: 3; }
 #menu > nav > ul > li > ul > li ul li a { border-bottom: 1px solid #8dc7ed; color: #003b53; font-family: 'Oswald', sans-serif; font-size: .8em; line-height: 1.2em; padding: 14px 14px; }
 #menu > nav > ul > li > ul > li ul li a:hover { background-color: #8dc7ed; }
 
 #menu > nav > ul > li:nth-of-type(5) > ul > li ul,
 #menu > nav > ul > li:nth-of-type(6) > ul > li ul { box-shadow: -2px 3px 7px 0 #555; left: auto; right: 100%; }
 
 
 /*################ CONTENT ################*/
 
 .breadcrumb { margin: 0 0 25px; }
 .breadcrumb span { color: #666; font-size: 1.1em; margin: 0 11px; vertical-align: middle; }
 .breadcrumb span.bc-title { display: none; }
 .breadcrumb li { color: #023f5e; display: inline-block; font-size: 1.2em; vertical-align: middle; }
 .breadcrumb li button { background-color: transparent; color: #2d74a6; margin: 0; padding: 0; transition: .2s; }
 .breadcrumb li button:hover { color: #2d74a6; }
 .breadcrumb li button i { font-size: 1.6em; vertical-align: middle; }
 
 #title-area { background-image: url("https://www.minnesotago.org/performance/application/themes/mndotperf/img/banner-home.jpg"); background-size: cover; overflow: hidden; padding: 34px 32px 52px; position: relative; text-align: center; }
 #title-area > img { left: 0; position: absolute; top: 0; }
 .page-title-container { border: 1px solid #fff; border-top: 0; display: inline-block; margin-top: 25px; padding: 0 65px; position: relative; }
 
 #title-area h2 { color: #fff; display: inline-block; line-height: 1.1em; margin-top: -30px;  }
 #title-area h3 { color: #fff; display: block; padding: 8px 0 20px; text-transform: uppercase; width: auto; }
 
 #line-left, #line-right { background-color: #fff; height: 1px; left: 0; position: absolute; top: 0; width: 30px;  }
 #line-right { left: auto; right: 0; }
 
 #tab-area-header { border-bottom: 5px solid #e5e6e7; clear: both; font-family: 'Oswald', sans-serif;height: auto; margin-top: 6px; overflow: auto; width: 100%;}
 #tab-area-header > a { border-top: 5px solid #fff; color: #333; display: inline-block; float: left; font-size: 1.2em; padding: 12px 24px; text-align: center; transition: .3s; }
 #tab-area-header > a.selected { border-color: #023f5e; background-color: #e5e6e7; }
 #tab-area-header > a i { display: block; }
 .tab-area > p { margin: 34px auto; width: 95%; }
 .tab-container { padding-bottom: 32px; }
 .tab-container #tab-area-header { margin-top: 20px; }
 .tab-container #tab-area-header > a { padding: 12px 34px; }
 
 .tab-group { display: none; }
 .tab-group.showing { display: block; }
 
 .blue-button { background-color: #023f5e; border-radius: 8px; color: #fff; padding: 10px 16px; transition: .2s; }
 .blue-button:hover { background-color: #000f1a; color: #d4effc; }
 .blue-button:focus { color: #fff; }
 .lt-blue-box { background-color: #d4effc; margin-bottom: 38px; padding: 25px 40px 20px 30px;height:200px; }
 .lt-blue-box h4 { color: #023f5e; font-size: 2.1em; line-height: 1.2em; padding-left: 80px; position: relative; }
 .lt-blue-box.topic-header h4 { padding-left: 0; }
 .lt-blue-box h4 span { background-color: #6fbde9; border-radius: 100%; border: 1px solid #023f5e; color: #d4effc; display: block; font-size: .8em; height: 56px; left: 0; padding: 13px; position: absolute; text-align: center; top: -4px; width: 56px; }
 .lt-blue-box h4 > i { font-size: 1.3em; position: absolute; left: 17px; top: 2px; }
 .lt-blue-box p { font-size: 1.3em; padding: 8px 0; }
 h5 { clear: both; color: #023f5e; font-size: 1.5em; margin-bottom: 13px; }
 
 .important-screen, .print-screen { background-color: rgba(0,0,0,.6); cursor: pointer; display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 3334; }
 .important-pop-up, .print-pop-up { background-color: #fff; display: none; max-height: 74%; left: 15%; overflow: auto; padding: 18px 40px; position: fixed; top: 106px; width: 70%; z-index: 3335; }
 .ccm-edit-mode .important-pop-up,  .ccm-edit-mode .print-pop-up { display: block; position: static; }
 .important-pop-up span, .print-pop-up span { color: #2d74a6; cursor: pointer; font-size: 2.4em; font-weight: 700; position: absolute; right: 12px; top: 16px; }
 .important-pop-up h4, .print-pop-up h4 { color: #023f5e; font-size: 1.4em; font-weight: 700; line-height: 1.3em; padding-bottom: 4px; padding-right: 40px; }
 .important-pop-up p, .print-pop-up p { font-size: .9em; line-height: 1.4em; margin: 18px 0; }
 .important-pop-up .blue-button { float: right; margin: 3px 0 10px; }
 
 .related-measures { background-color: #d4effc; margin-bottom: 16px; padding-bottom: 1px; }
 .related-measures h4 { background-color: #023f5e; color: #fff; font-size: 1.1em; margin: 0; padding: 5px 12px; }
 .related-measures a { color: #333; display: block; line-height: 1.3em; padding: 7px 4px; position: relative; transition: .2s; }
 .related-measures a:hover { color: #2d74a6; }
 .related-measures a i { color: #023f5e; left: 0; position: absolute; top: 10px; }
 .related-measures p, .related-measures ul { font-size: .9em; padding: 12px 20px 0; }
 
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(1) .medium-4 { width: 30%; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) { display: table-row; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 { background-color: #d4effc; border-right: 38px solid #fff; display: table-cell; float: none; padding: 0; width: 34.3333%; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4:last-of-type { border: 0; }
 html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 div { height: 100%; }
 html:not(.ccm-edit-mode) .measure-page p { line-height: 1.5em; }
 
 #sidebar-title { border-bottom: 1px solid #023f5e; margin: 14px 0 0; padding-bottom: 7px;  }
 .sidebar-img, .medium-4 img { margin-top: 0px; }
 .ccm-block-page-attribute-display-title { color: #023f5e; display: block; font-size: 1.4em; line-height: 1.1em; text-transform: uppercase; }
 .ccm-block-page-attribute-display-subtitle { color: #2d74a6; display: block; font-size: .9em; margin-top: 3px; }
 
 #keyword-search { display: inline-block; margin-top: 5px; position: relative; vertical-align: top; width: 20%; }
 #keyword-search > span, #filter-by-goal > span { font-size: .75em; }
 #keyword-search > i { bottom: 25px; color: #2d74a6; cursor: pointer; font-size: 1.3em; position: absolute; right: 10px; }
 .search-filter-by { display: inline-block; margin-left: 5%; width: 22%; }
 .search-filter-by select { background-color: #fff; }
 #smtp-button { float: right; line-height: 1.2em; margin: 30px 14px 26px; }
 #smtp-button a { color: #333; }
 #smtp-button span { border: 3px solid #fff; box-shadow: 0 1px 4px 1px #999; display: inline-block; height: 20px; margin-right: 9px; outline: 1px solid #000; transition: .15s; vertical-align: top; width: 20px;  }
 #smtp-button a.selected span { background-color: #2d74a6;  }
 #search-measure-table { border: 1px solid #333; border-width: 0 1px 1px 0; border-spacing: 0; clear: both; margin-top: 20px; width: 100%; }
 .smt-row { display: table; width: 100%; }
 #search-measure-table .ccm-block-page-list-page-entry.gray-bg { background-color: #ccc; }
 .smt-header { background-color: #023f5e; color: #fff; font-weight: 400; text-align: center; }
 .search-measure-table { border: 1px solid #333; border-width: 1px 0 0 1px; display: table-cell; padding: 9px 10px; }
 #search-measure-table .goal { width: 22%; }
 #search-measure-table .subgoal { width: 22%; }
 #search-measure-table .measure { width: 56%; }
 #search-measure-table .measure a { color: #000; font-size: .9em; }
 .no-results { color: #666; font-size: 1.3em; line-height: 1.8em;padding: 0 10px; }
 span.metadata { display: none; }
 .ccm-pagination-wrapper { clear: both; text-align: center; }
 ul.pagination { display: inline-block; }
 ul.pagination li { margin-bottom: 12px; }
 ul.pagination li span, ul.pagination li a { line-height: 1.6em; padding: 4px 12px !important; }
 
 
 /*################ FOOTER ################*/
 
 .ccm-page {
  position: relative;
 }
 #body-container {
  min-height: 80%;
  margin: 0 auto;
  padding: 28px 3%;
 }
 .footer-push {
  height: 100px;
 }
 #footer-container {
  background-color: rgb(0, 59, 83);
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 60px;
 }
 #footer-container .dark-blue-banner {
  height: 230px;
  padding-top: 30px;
  padding-bottom: 30px;
 }
 #footer-container .med-blue-banner {
  height: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
 }
 #footer-copyright {
  padding-top: 11px;
  color: #fff;
 }
 #translation-widget {
  margin-top: 8px;
  text-align: center;
 }
 .goog-te-gadget-simple .goog-te-menu-value span { color: #333; }
 .goog-te-menu-frame { box-shadow: none !important; }
 #footer-social {
  padding-top: 8px;
  text-align: right;
 }
 #footer-social .fa {
  font-size: 30px;
  letter-spacing: 10px;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 300ms ease-in-out;
  -moz-transition: all 300ms ease-in-out;
  -o-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out
 }
 #footer-social .fa:hover {
  color: rgba(255, 255, 255, 0.8);
 }
 #footer-container a {
  color: rgb(212, 239, 252);
 }
 #footer-container p {
  margin-bottom: .4rem;
 }
 #footer-container a:hover {
  color: rgb(111, 189, 233);
 }
 #footer-mndot-logo img {
  border-radius: 8px;
  max-height: 160px;
  margin-left: 2%;
  margin-top: 15px;
  transition: .2s;
  width: auto;
 }
 #footer-mndot-logo img:hover { background-color: #0d5f80; }
 #footer-mngo-logo img {
  border-radius: 8px;
  float: right;
  max-height: 160px;
  margin-right: 3%;
  transition: .2s;
  width: auto;
 }
 #footer-mngo-logo img:hover { background-color: #0d5f80; }
 
 .scorecard { font-size: 1.4em; text-align: center; }
 .scorecard iframe { display: block; height: 528px; margin: 20px auto 38px; width: 90%; }
 
 a.ccm-block-page-list-rss-feed {
    position: absolute;
    top: 0;
    right: 0;
 }
 
 div.ccm-block-page-list-wrapper {
    position: relative;
 }
 
 
 .measure-sub-list a.ccm-block-page-list-page-entry {
    background-color: #2d74a6;
    border: 1px solid #023f5e;
    float: left;
    height: 140px;
    margin: 0 2% 22px 0;
    padding: 12px 16px 0 62px;
    position: relative;
    transition: background-color .15s;
    vertical-align: top;
    width: 32%;
 }
 
 .measure-sub-list a.ccm-block-page-list-page-entry:hover { background-color: #049fda; }
 
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(3),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(6),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(9),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(12),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(15),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(18),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(21),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(24),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(27),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(30),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(33),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(36),
 .measure-sub-list a.ccm-block-page-list-page-entry:nth-of-type(39) {
    margin-right: 0;
 }
 
 
 .measure-sub-list div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    display: table-cell;
    vertical-align: top;
    width: 1px;
 }
 
 .measure-sub-list div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    width: 120px;
    max-width: none;
 }
 
 
 .measure-sub-list div.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
 }
 
 .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
    font-family: "Oswald",sans-serif;
    font-weight: bold;
 }
 
 .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title {
    color: #fff;
    font-weight: 400;
    font-size: 1.2em;
    line-height: 1.43em;
 }
 
 .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i {
    background-color: #023f5e;
    border-radius: 100%;
    color: #fcb116;
    height: 35px;
    width: 35px;
    text-align: center;
    line-height: 1.8em;
    margin-bottom: 20px;
    position: absolute;
    top: 14px;
    left: 15px;
 }
 
 .measure-sub-list div.ccm-block-page-list-page-entry-read-more {
    margin-top: 20px;
 }
 
 
 
 
 a.ccm-block-page-list-rss-feed {
    position: absolute;
    top: 0;
    right: 0;
 }
 
 div.ccm-block-page-list-wrapper {
    position: relative;
 }
 
 a.ccm-block-page-list-page-entry-horizontal {
    display: table;
 }
 
 div.ccm-block-page-list-page-entry-horizontal,
 div.ccm-block-page-list-page-entry { }
 
 
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail {
    position: absolute; left: -20%; max-width: 800%; top: 0; width: 140%;
 }
 
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img {
    max-width: 3000%; width: 100%;
 }
 
 
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text {
    display: table-cell;
    padding-left: 20px;
    vertical-align: top;
 }
 
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { background-color: #049fdb; background-color: rgba(4,159,219,.8); bottom: 0; color: #fff; height: 54px; left: 0; position: absolute; width: 100%;  }
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title h5 { color: #fff; font-size: 1.4em; padding: 6px 14px; }
 a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { bottom: 0; background-color: #025176; color: #fcb116; font-size: 1.5em; height: 100%; padding-top: 14px; position: absolute; right: 0; text-align: center; width: 49px; }
 
 
 
 div.ccm-block-page-list-page-entry-read-more {
    margin-top: 20px;
 }
 
 .tab-group { display: none; }
 .tab-group.showing { display: block; }
 .tab-group.showing iframe {max-height:800px;}
 .tableauPlaceholder {max-height:830px;}
 .i-box { background-color: #2d74a6; color: #fff; display: block !important; float: left; height: 300px; margin: 0 1% 28px; overflow: hidden; padding: 14px 20px; position: relative; width: 31.33333% !important; }
 .i-box h4 { border-bottom: 2px solid #6fbde9; color: #fff; margin-bottom: 12px; padding-bottom: 10px; }
 .i-box h4 span { display: block; font-size: .9em; line-height: 1.1em;}
 .i-box p { color: #fff; font-family: "Oswald",sans-serif; font-size: .9em; line-height: 1.3em; }
 .i-box .overlay { background-color: #093850; background-color: rgba(9,56,80,.75); height: 100%; left: 0; opacity: 0; padding: 18px 21px; position: absolute; top: -30%; transition: .5s; width: 100%;}
 .i-box .overlay ul { list-style-type: none; margin: 0; }
 .i-box .overlay ul li { margin-bottom: 3px;  }
 
 .i-box:hover .overlay { left: 0; opacity: 1; top: 0; }
 
 
 @media screen and (max-width: 1280px) {
    #header-container { height: 76px;}
    #header-container > a img { padding: 10px 0; width: 120px; }
    #header-container h1 { font-size: 1.8em; margin-left: 0; }
    #share-button { top: 21px; height: 60px; width: 60px; }
    #share-button span.fa { font-size: 1.4em; }
    #social-pill { top: 28px; width: 60px; }
    #social-pill .fa { font-size: 1.6em; }
    #social-pill.opened { height: 190px; }
  
    #menu { font-size: .8em; }
    #goals-box a { margin-right: 4px; }
    #menu > nav > ul > li > ul > li > a { padding: 2px 12px; }
    #menu > nav > ul > li > ul > li ul li a { padding: 10px; }
  
    #menu ul { font-size: 1em; }
    #tab-area-header > a { font-size: 1em; padding: 16px; }
    .lt-blue-box h4 { font-size: 1.6em; }
    .lt-blue-box p { font-size: 1em; }
    .important-pop-up { left: 6%; width: 88%; }
    .important-pop-up p { font-size: .8em; }
    #footer-container .medium-8 { width: 60%; }
    #footer-container .medium-2 { width: 20%; }
    #footer-container .small-2 { width: 20%; }
    #footer-copyright { font-size: .9em; padding: 0; }
    #footer-container .med-blue-banner { margin: 0; padding: 10px 0 10px 12px; }
    #footer-copyright span.links { display: block; line-height: 1.3em; margin-top: 2px; vertical-align: top; }
    .why-important, .how-print {font-size: 1.1em;}
    .why-important {margin-right:210px;}
 }
 
 @media screen and (max-width: 1250px) {
    .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { font-size: 1em; }
 
    .i-box { height: 284px; margin-bottom: 18px; padding: 6px 12px; }
    .i-box h4 { font-size: 1.1em; margin-bottom: 8px; }
    .i-box h4 span { font-size: .75em; }
    .i-box p { font-size: .7em; line-height: 1.2em; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail img { width: 140%; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-thumbnail { left: -30%; width: 160%; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { height: 34px;  }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title h5 { font-size: 1em; padding: 2px 8px 0; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { font-size: 1.1em; padding-top: 9px; width: 38px; }
    .i-box .overlay { padding: 9px 12px; }
    .i-box .overlay ul li { margin-bottom: 0; }
    .i-box p { font-size: .8em; }
 }
 
 @media screen and (max-width: 980px) {
  .medium-4 h5 { font-size: 1.3em; margin-top: 8px;  }
  .medium-4 p, .medium-4 ul { font-size: .8em; line-height: 1.3em; }
  .medium-4 ul li { margin-bottom: 6px; }
  
    #menu > nav > ul { font-size: .9em; line-height: 30px; width: 100%; }
    #menu > nav > ul > li ul { display: none !important; }
    #menu > nav > ul li a { line-height: 25px; }
    #goals-box { display: none; }
    #menu { height: 28px; }
   #menu > nav > ul > li { height: 28px; }
 
  .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { font-size: .9em; line-height: 1.3em; }
  .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { height: 28px; width: 28px; }
 }
 
 @media screen and (max-width: 835px) {
    #header-container { height: 60px; text-align: center; }
    #header-container > a img { padding: 4px 0; width: 110px; }
    #header-container h1 { font-size: 1.6em; margin-left: 4px; }
    #share-button-container { display: none; }
  
    .tab-area { clear: both; padding-top: 1px; }
    .tab-area > p { font-size: .85em; line-height: 1.3em; }
    #tab-area-header { border: 0; clear: both; height: auto; }
    .tab-container #tab-area-header { height: auto; }
    #tab-area-header > a { background-color: #eee; border: 1px solid #e5e6e7; border-right-color: #999; border-bottom-color: #999; font-size: .85em; height: auto; padding: 4px 22px 4px; }
    .tab-container #tab-area-header > a { padding: 6px 14px; }
    .tab-container .tab-group { border-top: 1px solid #666; clear: both; }
    #title-area { padding: 14px 32px 28px; }
    #title-area h2 { font-size: 1.8em; margin-top: -18px; }
    #title-area h3 { font-size: 1.5em; padding-bottom: 14px; }
    .medium-8 p { font-size: .8em; }
    .why-important, .how-print { float: right; margin: -13px 4px; position: static; }
    .important-pop-up, .print-pop-up { left: 3%; padding: 14px 24px; top: 72px; width: 94%; }
    .important-pop-up h4, .print-pop-up h4 { font-size: 1.2em; line-height: 1.2em;  }
    .important-pop-up p, .print-pop-up p { font-size: .7em; }
    #keyword-search { width: 100%; }
    .search-filter-by { margin: 0; width: 100%; }
    #smtp-button { float: none; }
    #smtp-button a { float: none; font-size: 1em; display: block; margin: 0 auto;  text-align: center; width: 90%; }
   .search-measure-table { font-size: .75em; line-height: 1.3em; padding: 3px !important; }
    #search-measure-table .goal { width: 33%; }
    #search-measure-table .subgoal { width: 33%; }
    #search-measure-table .measure { width: 33%; }
    .measure-page .row:nth-of-type(2) .medium-4 { border: 0; display: block; margin-bottom: 25px; width: 100%; }
    #footer-container .dark-blue-banner { height: 140px; }
    #footer-container .dark-blue-banner .medium-6 { width: 50%; }
    #footer-mndot-logo img { margin-top: 0; height: 100%;}
    #footer-mngo-logo img { height: 100%; }
    #footer-container .med-blue-banner { height: auto; }
    #footer-copyright { font-size: .8em; }
    #footer-container .med-blue-banner > div { padding: 7px 14px; text-align: center; width: 100% !important; }
    #translation-widget { margin-top: 2px; }
    #footer-social a { display: inline-block; margin: 3px 8px; }
 
    .tab-area > p { font-size: .9em; line-height: 1.3em; }
    .i-box { width: 48% !important; }
    a.ccm-block-page-list-page-entry-horizontal div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title { bottom: auto; top: 0;  }
    .i-box .overlay { opacity: 1; padding-top: 45px; top: 0; }
    .i-box p { font-size: .7em !important; }
 }
 
 @media screen and (max-width: 785px) {
    #menu, #menu > nav > ul li a { height: auto; }
    #menu > nav > ul { text-align: center; }
    #menu > nav > ul > li { line-height: 29px; margin: 0 5px; width: auto !important; }
    #menu > nav > ul > li > a { padding: 0 8px; }
  
    .scorecard { font-size: 1em; }
    .scorecard iframe { height: 380px; }
    .measure-sub-list a.ccm-block-page-list-page-entry { height: auto; padding: 12px 16px 16px 49px; margin-right: 0; width: 100%; }
    .measure-sub-list div.ccm-block-page-list-page-entry-text div.ccm-block-page-list-title i { left: 10px; top: 9px; }
 }
 
 @media screen and (max-width: 640px) {
    .footer-push { height: 30px; }
    #header-container { height: auto; }
    #header-container > a img { padding: 6px 0; width: 60px; }
    #header-container h1 { font-size: 1.2em; margin: 4px 0; }
    .page-title-container { padding: 0 30px; }
    .breadcrumb { display: none; }
    #line-left, #line-right { width: 21px !important; }
    #title-area h2 { font-size: 1.4em; }
    #title-area h3 { font-size: 1.2em; line-height: 1em; }
    .measure-page .row:nth-of-type(1) .medium-4 { width: 100%; }
    .lt-blue-box { padding: 8px 17px; height:120px;}
    .lt-blue-box h4 { font-size: 1.3em; padding-left: 0; }
    .lt-blue-box h4 span { display: none; }
    .lt-blue-box h4 > i { font-size: 1.1em; padding: 0 5px 5px 0; position: static; }
    .lt-blue-box p { font-size: .8em; padding: 4px 0;}
    .blue-button { display: block; margin: 0 auto; text-align: center; width: 100px; }
    #footer-container .dark-blue-banner { height: 150px; padding: 10px; text-align: center; }
    #footer-container .dark-blue-banner .medium-6 { width: 100%; }
    #footer-mndot-logo img, #footer-mngo-logo img { float: none; height: 50%; }
 
    html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(1) .medium-4 { width: 100%; }
    html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) { display: block; }
    html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 { border: 0; display: block; margin: 0 auto; width: 94%; }
    html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 div { height: auto; }
 }
 
 @media screen and (max-width: 625px) {
    .i-box { width: 98% !important; }
    .sidebar-img {
     height: 200px;}
     .lt-blue-box {height:150px;margin-top: 25px;margin-bottom: 0px;}
     .why-important, .how-print {padding: 8px 18px;margin: 13px 4px;}
     .why-important {float: left;}
     .how-print {float:none;}
 }
 
 @media print {
  #menu,
  #header-container,
  .breadcrumb,
  .goals-search,
  #footer-container,
  #title-area img { display: none; }
  .related-measures { width: 100%; }
  html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(1) .medium-4,
  html:not(.ccm-edit-mode) .measure-page .row:nth-of-type(2) .medium-4 { display: block; width: 100%; }
 }