/***
	City of Madison - City 3 Fluid Template 
	Global Stylesheet - For Bootstrap Version 2.3.0
	 + Updated to agency mega menu
	 + Added start of inverse menu style option
	 + Added 'Add This' component styling
	 + Added General/Map Embed responsive styles
	 - Removed / cleaned up outdated styles used for testing
***/
@import 'pikaday.css'; /* Import Pikaday styles */
@import 'com-vision.css'; /* City of Madison Vision fonts and styles */

/**********************
	General Styles
**********************/
p { margin-bottom: 15px; overflow: hidden; line-height: 1.5; }
.clear { clear: both; height: 1px; }
.clearfix, .clearfix p { margin-bottom: 20px; }
li blockquote { margin: 2px 0 0; }
li.unstyled { list-style: none; }
.helper-text { color: #595959; font-weight: normal; font-style: italic; }
blockquote p { font-size: 1.25em; line-height: 1.5; }

/*** Links ***/
a { color: #336699; text-decoration: underline; }
a:hover, a:focus { color: #003366; text-decoration: none; }
p a:hover, ul li a:hover, p a:focus, ul li a:focus { text-decoration: underline; }
ul.link-list a:hover, ul.link-list a:focus { text-decoration: none; }
/*** Remove text-decoration ***/
a.btn, a.promo-slideshow, a[name], ul.link-list a, ul.text-list a, ul.nav a, .breadcrumbs a, .badge-large a, .list a, .banner-logo a { 
  text-decoration: none; 
}
a.skip-to-content {
  left: 0;
  position: absolute;
  top: -4em;
  padding: 15px;
  display: inline-block;
  transition: .15s ease-in-out;
  background-color: #fff;
  text-decoration: underline;
}
a.skip-to-content:focus {
  top: 0;
  transition: .15s ease-in-out;
}

/*** Sticky Footer ***/
html, body { height: 100%; }
.content { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -432px; }
.footer, .spacer { clear: both; }
.spacer { height: 432px; }

/*** Headings ***/
h1,.h1 { border-bottom: 2px solid #555599; font-size: 1.4em; line-height: normal; margin: 0 0 15px; padding: 0 0 4px; }
h2,.h2 { border-bottom: 2px solid #8888cc; font-size: 1.2em; line-height: normal; margin: 35px 0 15px; padding: 0; }
h2.no-border,.h2.no-border { border: none; margin: 25px 0 5px; }
h3,.h3 { font-size: 1.1em; line-height: normal; margin: 25px 0 5px; }
h4,.h4 { font-size: 1em; line-height: normal; }
h1.no-margin, h2.no-margin, h3.no-margin, h4.no-margin, h5.no-margin, h6.no-margin { margin-bottom: 0; padding-bottom: 2px; }
.well h3.no-margin, .alert h3.no-margin { margin-top:5px; }
.h1 a, .h2 a, .h3 a, div.title-gray a { color: #003366; }
.h1 a:hover, .h2 a:hover, .h3 a:hover, div.title-gray a:hover { color: #336699; }
.strong { font-weight: bold; }
.muted { color: #595959; }

.title-gray { background: #666666; color: #ffffff; overflow: hidden; padding: 5px 15px; }
.title-gray a { color: #fff; }
div.title-gray { background: none; border-bottom: 1px solid #ccc; color: #333; font-size: 1em; font-weight: bold; margin: 35px 0 10px; padding: 0; }
.update { border-top: 1px solid #ccc; color: #595959; display: block; padding-top: 3px; }

.clearfix h1, .clearfix h2, .clearfix h3 { margin-top: 0; overflow: hidden; }
.help-inline, .help-block { color: #b94a48; }

/*** Images ***/
.row img, .row .clearfix p img { float: left; padding: 0 10px 10px 0; }
.row .clearfix img { float: none; }

/*** Non-Bootstrap Tooltips ***/
.city3-tooltip { color: #333; cursor: help; display: inline-block; font-size: 14px; height: 17px; margin-left: 10px; width: 17px; }
.city3-tooltip img { height: 17px; width: 17px; }
.city3-tooltip .info { background: #ccc; border: 4px solid #ebebeb; border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); display: none; margin: -999px; padding: 10px 15px 5px; position: absolute; z-index: 2000; }
.city3-tooltip:hover .info { display: block; }
.city3-tooltip .info .arrow-tooltip { border-bottom: 10px solid #ebebeb; border-left: 10px solid transparent; border-right: 10px solid transparent; height: 0; margin: -20px 0 5px 125px; width: 0; }

.banner-feature .city3-tooltip .info { margin: 8px 5px 0 -146px; width: 140px; }

/*** Icons ***/
.phone.dark { background: url("/city3/images/iconphonedark.png") no-repeat 0 50% transparent; padding-left: 25px; }
li.email, li.email:hover { background: url("/city3/images/email15px.png") no-repeat 6px 50% transparent; }
li.rss, li.rss:hover { background: url("/city3/images/rss15px.png") no-repeat 6px 50% transparent; }
.list li.email a, .list li.rss a { padding-left: 28px !important; }

/*** Social / Connect ***/
ul.connect { list-style: none; margin: 0; }
ul.connect li, ul.connect li:hover { background-repeat: no-repeat; background-position: 0 50%; padding: 2px 0 3px 25px; }
ul.connect li.text { background-image: url("/city3/images/text15px.png"); }
ul.connect li.rss { background-image: url("/city3/images/rss15px.png"); }
ul.connect li.blog { background-image: url("/city3/images/blog15px.png"); }
ul.connect li.comment { background-image: url("/city3/images/comment15px.png"); }
ul.connect li.facebook { background-image: url("/city3/images/facebook15px.png"); }
ul.connect li.instagram-light { background-image: url("/city3/images/instagram-light15px.png"); }
ul.connect li.instagram-dark { background-image: url("/city3/images/instagram-dark15px.png"); }
ul.connect li.twitter { background-image: url("/city3/images/twitter15px.png"); }
ul.connect li.youtube { background-image: url("/city3/images/youtube15px.png"); }
ul.connect li.flickr { background-image: url("/city3/images/flickr15px.png"); }
ul.connect li.podcasts-light { background-image: url("/city3/images/podcasts-light15px.png"); }
ul.connect li.podcasts-dark { background-image: url("/city3/images/podcasts-dark15px.png"); }

/*** Link / Image Rollovers ***/
a.rollover { display: block; overflow: hidden; position: relative; z-index: 10; }
a.rollover img { height: inherit; position: relative; width: inherit; }
a.rollover > span.bubble, a.rollover:hover > span.bubble { display: block; left: 0; opacity: 0.93; position: absolute; }
/* Site specific Rollover styles - can be moved to site specific stylesheet */
a.rollover { background: #fff; height: 100px; width: 200px; }
a.rollover > span.bubble, a.rollover:hover > span.bubble { background: #333; color: #fff; font-size: 14px; height: 75px; line-height: 18px; padding: 15px 0 10px 15px; width: 185px; }

/*** Buttons ***/
.btn { border: 1px solid #ccc; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); margin-bottom: 5px; }
.btn:hover, .btn:focus { filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ededed',GradientType=0 ); background-position: 99% center; }
.btn h3 { margin-top: 5px; }
/*** primary button blue ***/
.btn-primary, .btn-primary:hover { filter: none; }
/* .btn-gray styles added to contact-list heading */
.btn-gray-dark {
  background: #666;
  color: #fff;
  display: block;
  font-size: 1em;
  font-weight: bold;
  line-height: normal;
  margin: 10px 0;
  overflow: hidden;
  padding: 5px 15px;
}
.btn-gray-dark:hover,.btn-gray-dark:focus {
  color: #fff;
  text-decoration: none;
}

/*** Alerts ***/
.alert p { margin-bottom: 0; }
.alert.alert-info, .alert-info, .alert-info h1, .alert-info h2, .alert-info h3, .alert-info h4 { color: #043d5b; }
.alert,.alert-warning, .alert-warning h1, .alert-warning h2, .alert-warning h3, .alert-warning h4 { color: #664D03; }
.alert.alert-error, .alert-error, .alert-danger { color: #8d031e; }
.alert.alert-succss, .alert-success { color: #00431c; }

/**********************
	Nav
**********************/
.navbar, .nav-collapse .nav { margin: 0; }
.navbar a:hover, .navbar a:focus { text-decoration: none; }
.navbar .navbar-inner { 
	background: #575757; /* Old browsers */
	background: -moz-linear-gradient(top, #696969 0%, #5c5c5c 40%, #444444 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#696969), color-stop(40%,#5c5c5c), color-stop(100%,#444444)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #696969 0%,#5c5c5c 40%,#444444 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #696969 0%,#5c5c5c 40%,#444444 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #696969 0%,#5c5c5c 40%,#444444 100%); /* IE10+ */
	background: linear-gradient(to bottom, #696969 0%,#5c5c5c 40%,#444444 100%); /* W3C */ 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#696969', endColorstr='#444444',GradientType=0 ); /* IE6-9 */
	border: none;
	border-radius: 0 0 0 0;
}
.navbar .nav li { padding: 5px 0; }
.navbar .nav li a { color: #444; padding: 11px 16px 12px; overflow: hidden; }

/*** Brand ***/
.navbar .navbar-inner a.brand { margin: 0; padding: 10px 11px 10px 19px; width: 95px; }
.navbar .navbar-inner a.brand img { float: left; height:28px; margin:2px 0 3px 0; width: 28px; }
.navbar .navbar-inner a.brand span { color: #666; display: block; font-size: 12px; font-weight: normal; float: left; height: 20px; line-height: 14px; margin: 3px 0 0 5px; }
.navbar .navbar-inner a.brand span:hover { cursor: pointer; }

/*** Nav List ***/
.navbar .container { max-width: 1170px; }
.navbar a.brand:hover { background: none no-repeat 0 0 #e0e0e0;  color: #222; }
.navbar .nav li.dropdown.open > .dropdown-toggle { background-color: transparent; color: #333; }

.globalnav .nav li:hover, .globalnav .nav .dropdown.open { background-color: #e5e5e5; }
.globalnav .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color: #555; border-top-color: #555; margin-top: 9px !important; }
.globalnav .nav li.dropdown.open > .dropdown-toggle .caret { border-bottom: 4px solid #555; border-top: none; }

/*** Search Field ***/
.navbar-search { height: 30px; margin: 12px 0 0 10px; }
.navbar-search input.image { cursor: pointer; height: 9px; position: relative; right: 25px; width: 16px; }
.navbar-inverse .navbar-search .search-query { color: #ccc; border-color: #2f2f2f; }
.navbar-inverse .search-query, .navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { line-height: 19px; padding: 4px 30px 4px 9px; width: 130px; }
.navbar-inverse .navbar-search .search-query:focus, .navbar-inverse .navbar-search .search-query.focused { margin-top: 2px; }

/*** Borders ***/
.main-collapse.in .nav li, .sub-collapse.in .nav li, .nav-collapse.in .navbar-search { border: 1px solid #333; border-width: 1px 0 0; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.1); }
.nav-collapse.in .navbar-search { border-width: 1px 0; margin-top: 0; }

/*** Drop-down menu ***/
.globalnav .nav > li > .dropdown-menu:after, .globalnav .nav > li > .dropdown-menu:before { border: none; }
.globalnav .nav li a { margin-bottom: 0; }
.globalnav .nav .dropdown .dropdown-menu { border-radius: 0 0 0 0; border-width: 0 0 1px 0; margin: 0; padding: 0; }
.globalnav .nav .dropdown .dropdown-menu.overflow { height: 300px; overflow-y: scroll; width: 225px; }
.globalnav .nav .dropdown .dropdown-menu.overflow li a { white-space: normal; }
.globalnav .nav .dropdown .dropdown-menu li { padding: 0; }
.globalnav .nav .dropdown .dropdown-menu li a { background-color: #eee; margin: 0 0 1px; padding: 10px 15px; }
.globalnav .nav .dropdown .dropdown-menu li a:hover { background: #e5e5e5; }

/*** Inverse ***/
.navbar-inverse.globalnav { border: solid #333; border-width: 1px 0; }
.navbar-inverse .nav li a, .navbar-inverse .navbar-inner a.brand span { color: #ddd; }
.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret { border-bottom-color: #ddd; border-top-color: #ddd; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret { border-bottom-color: #ddd; }
.navbar-inverse .nav li:hover, .navbar-inverse .nav .dropdown.open, .navbar-inverse a.brand:hover { background-color: #333; }
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle { background-color: transparent; color: #fff; }

.navbar-inverse .nav .dropdown .dropdown-menu { background-color: #333; margin-top: 1px; }
.navbar-inverse .nav .dropdown .dropdown-menu li a { background-color: #696969; filter: none; }
.navbar-inverse .nav .dropdown .dropdown-menu.dropdown-menu li > a:hover, 
.navbar-inverse .nav .dropdown .dropdown-menu.dropdown-menu li > a:focus, 
.navbar-inverse .nav .dropdown .dropdown-menu.dropdown-submenu:hover > a { background: none transparent !important; }
.navbar-inverse .nav .dropdown .dropdown-menu li a:hover { background-color: #333; background-image: none; color: #fff; }

.navbar-inverse .nav-collapse .nav > li > a, .navbar-inverse .nav-collapse .dropdown-menu a { color: #ddd; }
.navbar-inverse .nav-collapse .nav > li > a:hover, .navbar-inverse .nav-collapse .dropdown-menu a:hover { background: none transparent !important; color: #fff; }
.navbar-inverse .nav-collapse .nav > li > a:focus { background-color: #333; color: #fff; }

/**********************
	Banner
**********************/
.banner { background: #fff url("/city3/images/banner.jpg") center top no-repeat; color: #eee; margin-bottom: 15px; /*max-height: 200px; min-height: 70px;*/ padding-top: 10px; border-top: 1px solid #666; }
.banner .container { max-width: 1170px; }
.banner .banner-logo { margin: 21px 0 0; }
.banner-feature { font-size: 16px; font-style: italic; margin: 21px 0 0; width: auto; }
.banner-feature .clearfix { margin-bottom: 0; }
.banner-feature a { color: #fff; text-decoration: none; }
.banner-feature .left, .banner-feature .feature, .banner-feature .right { /* display: inline-block; float: left; height: 20px; */ padding: 5px 0; }
.banner-feature .feature { margin:0 15px; }

/**********************
	Sub-Nav
**********************/
.navbar { z-index: 50; }
.navbar.subnav { border-bottom:1px solid #ccc; margin-top: 20px; z-index: 40; }
.subnav .btn-navbar { margin-top: 6px; }
.subnav a.btn-navbar { background: none; background-color: rgba(255,255,255,0.5); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#50ffffff); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#50ffffff,endColorstr=#50ffffff); zoom: 1; }

/*** Navbar button ***/
.navbar .btn-navbar { border: medium none; box-shadow: none; font-size: 16px; font-weight: bold; margin: 10px -10px 10px 5px; }
.navbar .btn-navbar .bars { display: inline-block; }

/*** Global nav navbar button ***/
.globalnav.navbar .btn-navbar { color: #bcd; background: none repeat scroll 0 0 #4d4d4d; }
.globalnav.navbar .btn-navbar .icon-bar { background-color: #bcd; }
.globalnav.navbar .btn-navbar:hover, .globalnav.navbar .btn-navbar:focus, .globalnav.navbar .btn-navbar:active, .globalnav.navbar .btn-navbar.active, .globalnav.navbar .btn-navbar.disabled, .globalnav.navbar .btn-navbar[disabled] { background: none repeat scroll 0 0 #333; color: #cde; filter: none; }

/*** sub-nav ***/
.subnav .nav > li > a, .subnav .nav > li > a:focus, .subnav .nav-collapse .nav li a { border-radius: 0 0 0 0; color: #fff; font-weight: normal; margin: 0; padding: 12px 18px 11px; text-shadow: none; }
.subnav .nav > li:hover a, .subnav .nav li.open, .subnav .nav li.open a,
.subnav .nav > li:hover, .subnav .nav > li > a:hover,
.subnav .nav-collapse .nav li a:hover, .subnav .nav li.open { background: none no-repeat 0 0 #e0e0e0;  color: #222; filter: none; }
.subnav .nav > li > a:focus { background: none; outline-color: #e5e5e5; }

/*** Specific Settings ***/
.subnav .nav li.home { padding: 0; }
.subnav .nav li.home a { padding: 19px 20px; }

/*** Dropdown ***/
.subnav .nav li.dropdown .dropdown-menu li { padding: 0; }
.subnav .nav li.dropdown .dropdown-menu li a { background-color: transparent; display: block; padding: 10px 15px; }
.subnav .nav li.dropdown .dropdown-menu .connect li a { padding: 11px 15px 9px 35px; }
.subnav .nav li.dropdown > .dropdown-toggle .caret, .subnav .nav li.dropdown > .dropdown-toggle:focus .caret { border-bottom-color: #e5e5e5; border-top-color: #e5e5e5; }
.subnav .nav li.dropdown:hover > .dropdown-toggle .caret { border-bottom-color: #333; border-top-color: #333; }
.subnav .nav li.dropdown.open > .dropdown-toggle .caret, .subnav .nav li.dropdown.open > .dropdown-toggle:focus .caret { border-bottom: 4px solid; border-top-width: 0; }

.subnav .dropdown.open { position: static; }
.subnav .nav, .subnav .dropdown-menu { -moz-border-radius: 0 0 6px 6px; -webkit-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; margin-top: 0; max-width: 1170px; width: 100%; }
.subnav .dropdown-menu:after, .subnav .dropdown-menu:before { border: none !important; }

.subnav .dropdown-menu { background-color: #eee; border: solid #ccc; border-width: 0 1px 1px; padding: 15px 0; }
.subnav .dropdown-menu li { list-style: none; }
.subnav .dropdown-menu li a { background-color: transparent; white-space: normal; }
.subnav .dropdown-menu li a:hover { background-color: #fafafa !important; background-image: inherit !important; background-position: 10px 50% !important; }
.subnav .dropdown-menu li ul { margin: 0; clear: both; }
.subnav .dropdown-menu li ul.connect li { background-position: 10px 50%; }
.subnav .dropdown-menu li ul li ul { clear: inherit; }
.subnav .dropdown-menu .span9 { margin: 0; }
.subnav .dropdown-menu .span3 { float: right; margin: 0 15px 0 0; }
.subnav .dropdown-menu .span9 .span3 { float: left; margin: 0 0 0 4%; width: 28%; }
.subnav .dropdown-menu .span9 .span3 a, 
.subnav .dropdown-menu .span9 .span4 a { border-bottom: 1px solid #d0d0d0; font-size: 14px; font-weight: bold; }
.subnav .dropdown-menu .span9 .span3:hover a, 
.subnav .dropdown-menu .span9 .span4:hover a { border-bottom-color: #09f; }
.subnav .dropdown-menu .span9 .span3 ul a, 
.subnav .dropdown-menu .span9 .span4 ul a { border-bottom: none; font-size: 12px; font-weight: normal; }

.subnav .dropdown-menu .span3 .well { background-color: #fff; border: 1px solid #ccc; margin: 0 0 20px; padding: 0; }
.subnav .dropdown-menu .span3 .well .promo { border: none; margin: 0; }
.subnav .dropdown-menu .span3 .well .promo a { background: none !important; color: #336699; display: block; font-weight: bold; padding: 0; }
.subnav .dropdown-menu .span3 .well .promo a:hover { text-decoration: underline; }
.subnav .dropdown-menu .span3 .well .promo a.promo-header { border-bottom: 1px solid #d0d0d0; color: #222; display: block; font-weight: bold; margin: 0 0 10px; padding: 10px 15px; text-decoration: none; }
.subnav .dropdown-menu .span3 .well .promo:hover a.promo-header { border-bottom-color: #0099ff; }
.subnav .dropdown-menu .span3 .well .promo a img { margin: 0 0 10px; max-width: 85%; }
.subnav .dropdown-menu .span3 .well .promo .carousel a img { margin: 0; max-width: 100%; }
.subnav .dropdown-menu .span3 .well .promo .span6 { float: none; width: 100%; }
.subnav .dropdown-menu .span3 .well .promo .span6 img { margin: 0 0 10px; }

.subnav .dropdown-menu .span3 .well.link-list a { border-bottom: 1px solid #d0d0d0; display: block; font-weight: bold; }
.subnav .dropdown-menu .span3 .well.link-list a:hover { background: none !important; text-decoration: none; }
.subnav .dropdown-menu .span3 .well.link-list:hover a { border-bottom-color: #0099ff; }
.subnav .dropdown-menu .span3 .well.link-list ul { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.subnav .dropdown-menu .span3 .well.link-list ul li { border: none; }
.subnav .dropdown-menu .span3 .well.link-list ul li:last-child { -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.subnav .dropdown-menu .span3 .well.link-list ul li a { border: none; font-size: 12px; font-weight: normal; line-height: 17px; }
.subnav .dropdown-menu .span3 .well.link-list ul li a:hover { background-color: #e0e0e0; }

.subnav .dropdown-menu .span3 .well.link-list.blotter ul { -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.subnav .dropdown-menu .span3 .well.link-list.blotter ul li { border-bottom: 1px solid #d0d0d0; padding: 0 15px 10px; }
.subnav .dropdown-menu .span3 .well.link-list.blotter ul li:last-child { border-bottom: none; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; }
.subnav .dropdown-menu .span3 .well.link-list.blotter ul li h5 { margin: 0 0 5px; }
.subnav .dropdown-menu .span3 .well.link-list.blotter ul li a { padding: 10px 0 2px; }
.subnav .dropdown-menu .span3 .well.link-list.blotter ul li span span { color: #555; font-style: normal; }

.subnav .dropdown-menu .span3 .promo.link { border: none; overflow: hidden; padding: 0; }
.subnav .dropdown-menu .span3 .promo.link a { background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #444; padding: 10px 0; text-align: left; }
.subnav .dropdown-menu .span3 .promo.link a:hover { background-color: #e0e0e0 !important; color: #222; }
.subnav .dropdown-menu .span3 .promo.link a span { margin-left: 15px; }
.subnav .dropdown-menu .span3 .promo.link a i { margin-right: 15px; }
.subnav .dropdown-menu .span3 .promo.link.external a { font-size: 14px; font-weight: bold; padding: 10px 15px; }

.subnav .dropdown-menu .span3 .promo.subnav-slideshow { padding: 0; }
.subnav .dropdown-menu .span3 .promo.subnav-slideshow a.helper-text { font-size: .9em; line-height: 1.2em; margin: 10px; text-align: center; }
.subnav .dropdown-menu .span3 .promo.subnav-slideshow .com-facebook { margin: 0 10px; }
.subnav .dropdown-menu .span3 .promo.subnav-slideshow .com-facebook .carousel { margin-bottom: 0; }
.subnav .dropdown-menu .span3 .promo.subnav-slideshow .com-facebook .carousel-inner a { margin: 5px; }

.subnav .sub-collapse.in.collapse .nav { margin-top: 10px; }

/**********************
	Breadcrumbs
**********************/
.breadcrumbs { border-bottom: 2px solid #e0e0e0; line-height: normal; margin: 0 0 30px; padding: 0 0 3px; }
.breadcrumbs .span12 { margin: 0; }
.breadcrumbs a { background: url("/city3/images/breadcrumb.gif") no-repeat right center transparent; display: inline-block; font-size: 0.975em; margin: 0 5px 0 0; padding: 6px 10px 8px 3px; }

/**********************
	Carousel
**********************/
.carousel-inner { border-bottom: 1px solid #ddd; }
.carousel, .carousel-caption { background: #f2f2f2 no-repeat scroll 0 0; }
.carousel-caption { left: 0; /*height: 127px;*/ }
.carousel-caption h3 { color: #003366; font-size: 15px; line-height: 1.5; margin: 0 0 10px; }
.carousel-caption a { color: #003366; }
.carousel-caption p { color: #333; line-height: 1.5; margin: 0 0 10px; }

.carousel-control { border: 0 none; border-radius: 0 0 0 0; bottom: 1px; font-size: 52px; height: 20px; left: 0px; line-height: 14px; overflow: visible; top: auto; transition: height .4s ease; -moz-transition: height .4s ease; -webkit-transition: height .4s ease; -o-transition: height .4s ease; }
.carousel-control:hover { height: 40px; }
.carousel-control:active { height: 35px; }
.carousel-control.right { right: 0; }

/*** Highlights ***/
#highlights .item img { float: none; max-height: 157px; max-width: inherit; padding: 0; width: 210px; }
#highlights .carousel-control.left, #highlights .carousel-caption { left: 210px; }

/*** News Reports ***/
#newsreleases .item .imgspacer { height: 157px; max-height: 157px; max-width: inherit; width: 210px; }

/*** Slideshow ***/
#slideshow .item img { display: block; float: none; line-height: 1; padding: 0; }
#slideshow .carousel-caption { background: none; height: 172px; padding: 15px 15px 15px 25px; width: 50%; }
#slideshow .carousel-caption h3 { font-size: 1.55rem; /*25px;*/ line-height:1.5; }
#slideshow .carousel-caption p { font-size: 1.063rem; /*17px;*/ line-height: 1.5; }
#slideshow .carousel-caption h3 a,
#slideshow .carousel-caption p { color: #fff; }

/*** Modal Slideshow ***/
.modal-slideshow .carousel { margin-bottom: 0; }
.modal-slideshow .modal-body { max-height: 550px; }
.modal-slideshow .carousel-caption { border-top: 1px solid #cacaca; height: inherit; position: relative; }
.row .carousel-inner img { float: none; padding: 0; }

/*** Bio Slideshow ***/
#bios .item img { float: none; max-height: 195px; max-width: inherit; padding: 0; width: 150px; }
#bios .carousel-control.left, #bios .carousel-caption { left: 150px; }
#bios .item .carousel-caption { position: absolute; top: 0; }

/*** Updates based on column size ***/
.span6 #highlights .item .carousel-caption, .span5 #highlights .item .carousel-caption,
.span4 #highlights .item .carousel-caption, .span3 #highlights .item .carousel-caption,
.span2 #highlights .item .carousel-caption, .span1 #highlights .item .carousel-caption,
.span6 #highlights .carousel-control.left, .span5 #highlights .carousel-control.left, 
.span4 #highlights .carousel-control.left, .span3 #highlights .carousel-control.left,
.span2 #highlights .carousel-control.left, .span1 #highlights .carousel-control.left { left: 0; }

.span6 .item .carousel-caption, .span5 .item .carousel-caption,
.span4 .item .carousel-caption, .span3 .item .carousel-caption,
.span2 .item .carousel-caption, .span1 .item .carousel-caption { position: relative; }

.span6 #newsreleases .item .imgspacer, .span5 #newsreleases .item .imgspacer, .span4 #newsreleases .item .imgspacer, .span3 #newsreleases .item .imgspacer, .span2 #newsreleases .item .imgspacer, .span1 #newsreleases .item .imgspacer,
.span6 #highlights .item img, .span5 #highlights .item img, .span4 #highlights .item img, .span3 #highlights .item img, .span2 #highlights .item img, .span1 #highlights .item img { display: none; }

/****************************
Embeds
****************************/
.embed-wrapper {  
  position: relative;
  display: block;
  width: 100%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
  padding: 0 0 56.25% 0;
}

.embed-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}

/**********************
	Forms
**********************/
input[rel] { color: #595959; } /* modified for contrast */
input[rel]:focus { color: #595959; }
#focusedInput { color: #aaa; }
#focusedInput:focus { color: #555; }
.form-horizontal { margin: 18px 0; }
.form-horizontal h1, .form-horizontal h2, .form-horizontal h3 { margin: 0 0 18px; }
.form-horizontal .help-block, .form-horizontal .help-inline, .form-horizontal label small.help-inline { color: #595959; }
.well .form-horizontal .help-block, .well .form-horizontal .help-inline, .well .form-horizontal label small.help-inline { color: #454545; }
.form-horizontal label .help-block, .form-horizontal label .help-inline { color: #B94A48; }
.form-horizontal label span.help-inline, .required-subheading span { font-size: 1.4em; }
.form-horizontal .control-label { text-align: left; margin-right: 15px; width: 160px; }
.form-horizontal .controls { padding-left: 0px; }
.span6 .form-horizontal .control-label, .span5 .form-horizontal .control-label, 
.span4 .form-horizontal .control-label, .span3 .form-horizontal .control-label, 
.span2 .form-horizontal .control-label, .span1 .form-horizontal .control-label { float: none; }
.span6 .form-horizontal .controls, .span5 .form-horizontal .controls, 
.span4 .form-horizontal .controls, .span3 .form-horizontal .controls,
.span2 .form-horizontal .controls, .span1 .form-horizontal .controls { display: block; margin-left: 0; }
.form-horizontal .radio-group .pull-left { margin-top: 5px; }
.form-horizontal .input-twolinelabel { margin-top: 10px; }
.form-horizontal .control-group .control-limit .form-charlimit { display: block; margin-top: 10px; }

.span3 select, .span2 select, .span1 select, .span3 input, .span2 input, .span1 input { max-width: 95%; }

/**********************
	Icon Buttons
**********************/
.button-icons { display: block; margin: 0 0 20px; overflow: hidden; }
.button-icons .span3 { margin-left: 0; width: 210px; }
a.btn.btn-large { float: left; margin: 0 15px 12px 0; padding: 15px; position: relative; }
a.btn.btn-large img { float: left; left: 12px; margin-top: -22.5px; position: absolute; top: 50%; }
a.btn.btn-large h3 { font-size: 18px; font-weight: normal; line-height: 22px; margin-left: 60px; text-align: left; width: 105px; }

/**********************
	Lists
**********************/
p.list-intro { margin-bottom: 5px; }
.clearfix ul, .clearfix ol { margin: 0 0 20px 25px; }
ol li { padding:10px 0; }
ul li { padding:5px 0; }
.list { margin: 0 0 20px; }
.list p { margin: 0; }
.list li { padding: 0; }
.list h2, .list h3, .list h4 { margin: 0; }
.list h3 { font-size: 18px; line-height: 40px; padding: 0 0 0 10px; }
.list h4 { font-size: 15px; padding: 4px 0 2px 10px; }
.list .h5 { font-size: 1em; margin: 10px 0; }
.list .heading {
  border-bottom: 2px solid #ddd;
  font-size: 1.4em;
  line-height: normal;
  margin: 0 0 15px;
  padding: 0 0 4px;
}

/*** UL columns ***/
ul.double, ul.triple { list-style: none; margin: 0 0 10px; overflow: hidden; }
ul.double li, ul.triple li { float: left; margin: 0 5% 0 0; }
ul.double li, .span6 ul.triple li { width: 45%; }
ul.triple li { width: 28.333%; }

.span4 ul.double li, .span4 ul.triple li, .span3 ul.double li, .span3 ul.triple li, 
.span2 ul.double li, .span2 ul.triple li, .span1 ul.double li, .span1 ul.triple li { float: none; width: 100%; }

/*** Text / Link Lists ***/
.text-list, .link-list { list-style: none; margin: 0 0 10px; }
.text-list h2, .link-list h2 { margin-top: 10px; } 
.text-list li, .link-list li { border-bottom: 1px solid #ccc; }
.text-list li { padding: 8px 0; }
.link-list li { padding: 0; }
.text-list li a { display: inline; }
.link-list li a { display: block; padding: 8px 20px 8px 8px; }
.link-list li:hover { background-color: #eee; }
.link-list li.title-gray, .text-list li.title-gray { background: #ddd; color: #333; font-weight: bold; padding: 8px; }
.link-list li.title-gray .helper-text { color: #444; }
.link-list.scroll, .text-list.scroll { background-color: #f3f3f3; border-bottom: 1px solid #999; height: 150px; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/* Content Feeds: News, Blog, Events */
.article-title {
  font-size: 14px;
  font-weight: bold;
  margin: 0 0 10px;
}

/*** Nav Lists ***/
.nav-list > li > a { border-bottom: 1px solid #ccc; font-size: 1.125em; font-weight: bold; padding: 10px; }
.nav-list.double { padding-right: 0; }
.nav-list.double > li > a { margin-left: 0; }

/*** Side Nav ***/
.side-nav { background-color: #f3f3f3; }
.side-nav h3 { border-bottom: 2px solid #666666; font-size: 17px; }
.side-nav h3 a { /* display: block; */ }
.side-nav h3 span { color: #98b2cb; font-size: 34px; position: relative; top: 2px; }
.side-nav li a { font-size: 1em; font-weight: normal; }
.side-nav li a:hover { background-color: #fafafa; }
/* General Side Nav Heading */
.side-nav .heading {
  border-bottom: 2px solid #666666;
  font-size: 17px;
  line-height: 40px;
  margin: auto;
  padding: 0 0 0 10px;
}
.side-nav .heading span { color: #98b2cb; font-size: 34px; position: relative; top: 2px; }

/*** Related Services Nav ***/
.related-services { background-color: #f3efff; }
.related-services h3 { 
	background: -moz-linear-gradient(top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.23) 50%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.05)), color-stop(50%,rgba(0,0,0,0.23)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(0,0,0,0.05) 0%,rgba(0,0,0,0.23) 50%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */	
	border-bottom: 2px solid #553399;	
}
.related-services h3 a { color: #333; display: block; }
.related-services li a { border-bottom-color: #eeddff; }
.related-services li a:hover { background: url("../city3/images/arrowservices.png") no-repeat scroll right center transparent; border-bottom-color: #fff; }

/*** RaP List ***/
.list.rap h3 { 
	background: #a7e6f2; /* Old browsers */
	background: -moz-linear-gradient(top,  #a7e6f2 0%, #95cfda 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7e6f2), color-stop(100%,#95cfda)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #a7e6f2 0%,#95cfda 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #a7e6f2 0%,#95cfda 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #a7e6f2 0%,#95cfda 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #a7e6f2 0%,#95cfda 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a7e6f2', endColorstr='#95cfda',GradientType=0 ); /* IE6-9 */
	border-bottom: 2px solid #8888cc;
}
.list.rap h3 a { color: #444; display: block; }
.list.rap .link-list { background: #f3f3f3; border-bottom: 1px solid #999; height: 150px; margin: 0; overflow-x: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; }

/*** Resource List ***/
.resource-list { background-color: #fffde4; }
.resource-list h3,
.resource-list.list .heading { 
	background: #ffe3bb; /* Old browsers */
	background: -moz-linear-gradient(top, #ffe3bb 0%, #efd5af 50%, #ffe3bb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffe3bb), color-stop(50%,#efd5af), color-stop(100%,#ffe3bb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffe3bb 0%,#efd5af 50%,#ffe3bb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffe3bb 0%,#efd5af 50%,#ffe3bb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffe3bb 0%,#efd5af 50%,#ffe3bb 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffe3bb 0%,#efd5af 50%,#ffe3bb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe3bb', endColorstr='#ffe3bb',GradientType=0 ); /* IE6-9 */
  font-size: 18px;
	border-bottom: 2px solid #e9a866;
	color: #222;
  line-height: 40px;
  padding: 0 0 0 10px;
}
.resource-list h4 { background: #ffe3bb; border-bottom: 2px solid #ee7700; margin: 0; }
.resource-list li a { font-size: 1.1em; font-weight: normal; }

/*** Contact List ***/
.contact-list { background-color:#f6f6f6; border:1px solid #eee; }
.contact-list h3,
.contact-list.list .heading,
.btn-gray {
  border: none;
	background: #f0f0f0; /* Old browsers */
	background: -moz-linear-gradient(top, #f0f0f0 0%, #e3e3e3 50%, #f0f0f0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(50%,#e3e3e3), color-stop(100%,#f0f0f0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#f0f0f0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#f0f0f0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f0f0f0 0%,#e3e3e3 50%,#f0f0f0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #f0f0f0 0%,#e3e3e3 50%,#f0f0f0 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
  display: block;
  font-size: 18px;
  font-weight: bold;
	color: #222;
  line-height: 40px;
  margin: auto;
  padding: 0 0 0 10px;
}
.contact-list h4,
.contact-list .sub-heading { background: #f0f0f0; border-bottom: 2px solid #229988; margin: 0; font-size: 15px; padding: 4px 0 2px 10px; }
.contact-list ul { margin: 0; }
.contact-list li { font-size: 1.1em; font-weight: normal; padding: 8px 10px; border-bottom:0; }

/*** Expand / Collapse List ***/
.expand-list { margin: 8px 0 10px 8px; }
.expand-list li {list-style: none; }
.expand-list li:hover { cursor: pointer; }
.expand-list li li li { list-style:square; margin-left: 10px; }

a.expand-icon, a.expand-icon-collapsed { color: #333; display: block; }
a.expand-icon:hover, a.expand-icon-collapsed:hover { text-decoration: none; }
.expand-icon i, .expand-icon-collapsed i { background-image: url('../img/glyphicons-halflings.png'); background-repeat: no-repeat; display: inline-block; height: 14px; line-height: 14px; margin-top: 1px; vertical-align: text-top; width: 14px; }
.expand-icon i, .expand-icon-collapsed i { background-position: -288px -120px; }
.expand-icon.collapsed i, .expand-icon-collapsed.collapsed i { background-position: -313px -119px; }

/*** Blog Tag List ***/
.list.tags h2 { margin-bottom: 8px; }
.list.tags p { padding: 0 8px; }
.list.tags p a { line-height: 1.10rem; display:inline-block; }

/*** Video List ***/
.list-video {}
.list-video li {
  margin-bottom: 20px;
  padding: 0;
}
.list-video li a {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.list-video li a[href^="http"], 
.list-video li a[href^="//"] {
  background-image: none;
  padding-right: 0;
}
.list-video li img {
  float: none;
  padding: 0;
}
.list-video li .video-image {
  flex: 0 1 auto;
  position: relative;
}
.list-video li .video-time {
  position: absolute;
  right: 5px;
  bottom: 5px;
  padding: 1px 5px;
  border-radius: 4px;
  background-color: rgba(0,0,0,.65);
  color: #ffffff;
  font-size: 14px;
}
.list-video li .video-title {
  flex: 1;
  padding: 15px;
  font-weight: bold;
  color: #222222;
}
/* Responsive properties */
@media (min-width: 768px) and (max-width: 979px),
(max-width: 300px) {
  .list-video li a {
    flex-direction: column;
    align-items: flex-start
  }
  .list-video li .video-title {
    padding-left: 0;
  }
}

/*********************
Start Document Links
*********************/
a[href$=".csv"],  a[href$=".CSV"],
a[href$=".doc"],  a[href$=".DOC"],
a[href$=".docx"], a[href$=".DOCX"],
a[href$=".eps"],  a[href$=".EPS"],
a[href$=".pdf"],  a[href$=".PDF"],
a[href$=".ppt"],  a[href$=".PPT"],
a[href$=".txt"],  a[href$=".TXT"],
a[href$=".xls"],  a[href$=".XLS"],
a[href$=".xlsx"], a[href$=".XLSX"] { padding-right: 4px; }

a[href$=".csv"]:after,  a[href$=".CSV"]:after,
a[href$=".doc"]:after,  a[href$=".DOC"]:after,
a[href$=".docx"]:after, a[href$=".DOCX"]:after,
a[href$=".eps"]:after,  a[href$=".EPS"]:after,
a[href$=".pdf"]:after,  a[href$=".PDF"]:after,
a[href$=".ppt"]:after,  a[href$=".PPT"]:after,
a[href$=".txt"]:after,  a[href$=".TXT"]:after,
a[href$=".xls"]:after,  a[href$=".XLS"]:after,
a[href$=".xlsx"]:after, a[href$=".XLSX"]:after { color: #666666; 
font-style: italic; font-weight: normal; padding-left: 6px; font-size: 0.8em; }

/*
a.btn[href$=".csv"]:after,  a.btn[href$=".CSV"]:after,
a.btn[href$=".doc"]:after,  a.btn[href$=".DOC"]:after,
a.btn[href$=".docx"]:after, a.btn[href$=".DOCX"]:after,
a.btn[href$=".eps"]:after,  a.btn[href$=".EPS"]:after,
a.btn[href$=".pdf"]:after,  a.btn[href$=".PDF"]:after,
a.btn[href$=".ppt"]:after,  a.btn[href$=".PPT"]:after,
a.btn[href$=".txt"]:after,  a.btn[href$=".TXT"]:after,
a.btn[href$=".xls"]:after,  a.btn[href$=".XLS"]:after,
a.btn[href$=".xlsx"]:after, a.btn[href$=".XLSX"]:after { color: #fff; }
*/

a[href$=".csv"]:after,  a[href$=".CSV"]:after  { content: "CSV"; }
a[href$=".doc"]:after,  a[href$=".DOC"]:after  { content: "DOC"; }
a[href$=".docx"]:after, a[href$=".DOCX"]:after { content: "DOCX"; }
a[href$=".eps"]:after,  a[href$=".EPS"]:after  { content: "EPS"; }
a[href$=".pdf"]:after,  a[href$=".PDF"]:after  { content: "PDF"; }
a[href$=".ppt"]:after,  a[href$=".PPT"]:after  { content: "PPT"; }
a[href$=".txt"]:after,  a[href$=".TXT"]:after  { content: "TXT"; }
a[href$=".xls"]:after,  a[href$=".XLS"]:after  { content: "XLS"; }
a[href$=".xlsx"]:after, a[href$=".XLSX"]:after { content: "XLSX"; }

/*** External icons ***/
a[href^="http"], a[href^="//"] { background-image: url("/city3/images/external15px.png"); background-position: right center; background-repeat: no-repeat; padding-right: 20px; }

/* Added to replicate new external data link in Drupal */
a.external {
	position: relative;
}
a.external:after {
	content:'';
	position: relative;
	top: 9px;
	transform: translateY(-50%);
	display: inline-block;
	width: 15px;
	height: 15px;
	padding-left: 10px;
	background-image: url("/city3/images/external15px.png") !important; 
	background-position: right center; 
	background-repeat: no-repeat;		
}

/*** Exclude certain domains from displaying external icons ***/
a[href*="addthis.com"],
a[href*="arcout.com"],
a[href*="cityofmadison.com"],
a[href*="greatermadisonmpo.org"],
a[href*="madisonpubliclibrary.org"], 
a[href*="madisonwater.org"],
a[href*="madison.legistar.com"],
a[href*="mononaterrace.com"],
a[href*="olbrich.org"],
a[href*="publichealthmdc.com"] {
	background-image: none;
	padding-right: 0;
}

/*** Clear After (for Document Links on images) ***/ 
a[href^="http"].external-image, a[href^="//"].external-image, #map_canvas a,
a.clear-after { background-image: none; background-position: none; background-repeat: none; padding-right: inherit; }

a.clear-after:after { color: inherit; font-style: normal; font-weight: normal; padding-left: 0; font-size: inherit; content: ""; }
/*********************
End Document Links
*********************/

/*** List Icons ***/
.list li.rap a, .list li.rap a:hover, .link-list li.rap a, .link-list li.rap a:hover { background: url("/dpced/images/rap.gif") no-repeat 10px center transparent; padding-left: 35px; }
.link-list li.rap a:hover { background-color: #e0e0e0; }
.list li.es a, .list li.es a:hover { background: url("/city3/images/iconespanol.png") no-repeat 10px center transparent; color: #662200; padding-left: 35px; }
.list li.rap a:hover, .list li.es a:hover { background-color: #eee; }
.list li.phone { background: url("/city3/images/iconphone.png") no-repeat 10px center transparent; padding-left: 35px; }

/**********************
	Fluid Tabber
**********************/
.tabber { margin: 0 0 20px; }
.nav-tabs { margin: 0; background-color: #ddd; }
.nav-tabs > li { border: solid #ddd; border-width: 1px 1px 0 0; margin: 0; padding: 0; }
.nav-tabs > li > a { background: #aaa; border: none; border-radius: 0 0 0 0; color: #fff; font-size: 14px; font-weight: bold; margin: 0; }
.nav-tabs > li > a:hover { background: #6aa2c7; }
.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus { background: #faa61a; border: none; color: #fff; }
.tab-content { background: #eee; border: solid #ccc; border-width: 0 1px 1px; max-height: 200px; padding: 20px 15px 10px; overflow: auto; -webkit-overflow-scrolling: touch; }
.tab-content h4 { margin-top: 0; }
.tab-content h4 a { float: left; margin: 0 5% 0 0; width: 45%; }
.tab-content h5 { margin: 0; }
.tab-content ul.link-list, .tab-content ul.text-list { list-style: none; }
.tab-content ul.link-list li a:hover { background-color: #e0e0e0; }
.tab-content ul.link-list li p, .tab-content ul.text-list li p { display: inline; }

/**********************
	Social Media
	Accordion
**********************/
.connect-header { background: #ddd; border-bottom: 1px solid #bbb; overflow: hidden; padding: 10px; }
.connect-header strong { float: left; width: 50%; }
.connect-header .social-icons { float: right; list-style: none; margin: 3px 0 0; }
.social-icons li { float: left; }
.social-icons li img { padding: 0 0 0 10px; }
.connect .accordion-toggle { background: #c2e2ff; display: block; padding: 10px; border-bottom: 1px solid #bbb; }
.connect .accordion-toggle:hover { background: #999; }
.connect-content { background: #f3f3f3; }
.connect-content ul { list-style: none; margin: 0; }
.connect-content ul li { border-bottom: 1px solid #ccc; clear: both; overflow: hidden; }
.connect-content ul li .connect-loc { float: left; padding: 10px; width: 70%; }
.connect-content ul li .connect-link { float: right; padding: 8px 10px 0; }
.connect-content ul li .connect-link a img { padding: 5px; }
.connect-content ul li .connect-link a:hover img { background: #ccc; }
.accordion .collapse { overflow: hidden !important; }

/**********************
	Tables
**********************/
table tr.dark { background-color: #f9f9f9; }
.table.table-striped { border-bottom: 1px solid #ddd; }

/**********************
	non-table for responsive design
**********************/
.non-table .span12 { border-bottom:1px solid #ccc; padding-top:8px; padding-bottom:5px; }

/**********************
	Calendars
**********************/
.calendar { color: #666666; margin: 0 0 20px; }
.calendar thead tr td { background-color: #666666; color: #ffffff; font-size: 15px; text-align: center; }
.calendar thead tr td a { color: #d0d0d0; }
.calendar thead tr td a:hover { color: #fff; }
.calendar tbody tr td { padding: 0; text-align: center; }
.calendar tbody tr td a { display: block; padding: 8px; }
.calendar tr.calendar-weekdays td { background-color: #eee; font-weight: bold; padding: 8px; }
.calendar tr td.no-date { background-color: #f9f9f9; }
.calendar tr td.calendar-date:hover { background-color: #f3f3f3; }
.calendar tr td.today { background-color: #eee; }
.calendar tr td.today a { color: #003366; }

/*** Calendar Event Lists ***/
.event-list-heading, .post-list-heading { border-radius: 2px 2px 2px 2px; font-weight: normal; }
.list.events ul { list-style: none; margin-left: 0; padding-bottom: 5px; }
.list.events ul li { clear: both; margin: 0 0 12px; overflow: hidden; }
.list.events .event-heading { margin-bottom: 10px; }
.list.events .event-title { font-size: 16px; font-weight: bold; line-height: 18px; }
.list.events .event-category { color: #444; font-size: 14px; line-height: 16px; margin-left: 10px; }
.list.events a { background: none; cursor: pointer; }
.list.events .label { background: none; border-radius: 0; color: #666666; float: left; font-size: 14px; margin-right: 20px; text-shadow: none; width: 140px; }
.list.events .info { float: left; line-height: 19px; margin-left: 4px; max-width: 655px; }
.list.events .collapse { border-bottom: 1px solid #d0d0d0; margin-bottom: 5px; }
.list.events .more { padding-left: 3px; }
.span4 .list.events .event-category, .span3 .list.events .event-category,
.span2 .list.events .event-category, .span1 .list.events .event-category,
.span5 .list.events .label, .span4 .list.events .label, .span3 .list.events .label, 
.span2 .list.events .label, .span1 .list.events .label { display: block; float: none; margin-left: 0px; }
.span5 .list.events .info, .span4 .list.events .info,
.span3 .list.events .info, .span2 .list.events .info, 
.span1 .list.events .info { display: block; float: none; margin-left: 4px; }

/*** Events this week ***/
.list.events h5 { border-radius: 0; margin-bottom: 0; }
.list.events .scroll { border: solid #d0d0d0; border-width: 0 0 1px 1px; height: 150px; overflow-y:scroll; }
.list.events .scroll li { margin-bottom: 0; padding: 8px 5px 8px 15px; }
.list.events .scroll li.dark { background-color: #f9f9f9; }

/**********************
	Promos
**********************/
.promo { border: 1px solid #ccc; margin: 0 0 20px; padding: 15px 10px 10px; }
.promo h2 { margin-top: 0; }
.promo h3 { margin-top: 2px; }
.promo p { margin-bottom: 0; }
.promo img { float: none; }
.row img.img-polaroid { padding: 4px; }
.promo iframe { margin-bottom: 5px; }

/**********************
	HTML5 elements
**********************/
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { box-sizing: border-box; max-width: 100%; }
figure.image { padding:1em 1em 0; margin:0 0 1em; background:#fdfdfd; border:1px solid #f0f0f0; display:inline-block;
-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; 
text-align:center; font-weight:bold; font-style:italic; font-size:1.2em; line-height:1.3em; color:#444; }
figure.image img { padding:0; margin:0 auto 1em; float:none; display:block; }
figure.image figcaption { margin-bottom:1em; }
.align-center figure.image { display:block; }
figure.image.pull-left { margin-right:1em; }
figure.image.pull-right { margin-left:1em;}

/**********************
	HTML5 elements and images in ckEditor
**********************/
.pull-left[data-cke-display-name="image"] { padding: 1em 1em 1em 0; }
.pull-right[data-cke-display-name="image"] { padding: 1em 0 1em 1em; }

/**********************
	Blog
**********************/
.blog-post h2 { border: none; color: #444; margin: 0 0 15px; }
.blog-post p.muted { font-size: .85em; color: #595959; }
.blog-post .post, .blog-post .post-section { margin-bottom: 20px; }
.post-section img { float: none; }
.post-meta { color: #555; font-size: .85em; margin: 3px 0 0; }
#blogVideo { display: block; overflow: hidden; }
.blog-post .post-meta, .blog-post .update { padding-left: 5px; }
.blog-post .update { margin-top: 3px; }
.blog-post .update a i { margin-right: 5px; }
/*** for Floating Images ***/
img.pull-left { float:left; padding: 1em 1em 1em 0; }
img.pull-right { float:right; padding: 1em 0 1em 1em; }
.align-center { text-align:center; }
.align-center img { float:none; padding: 0 0 1em 0; margin:0 auto; }

/**********************
	Blog / Blotter Title
**********************/
i.icon-blog { background-image:url(../../../city3/images/iconBlog.png); width:20px; height:20px; background-position: 0 0; }
.well.title { background-color:#ccc; }
.well.title h2 { margin:0; padding:0; border:0; }

/**********************
	Embeds
**********************/
.embed-wrap {
	height: 0; 
	margin-bottom: 20px; 
	position: relative; 
	padding-bottom: 65.25%; /* adjusts height for aspect ratio */ 
	padding-top: 30px; 
	overflow: hidden; 
}

.embed-wrap-16by9 {
	padding-bottom: 56.25%; /* adjusts height for aspect ratio */ 
	padding-top: 0;
}

.embed-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*** Facebook Gallery ***/
ul.thumbnails { margin-left: 0; }
ul.thumbnails > li { margin-left: 20px; }

/*********************
Affix
*********************/
/*.affix-wrapper {*/ /* placeholder in which affix-item sits when not affixed */
/*	height:95px;
	padding-top:20px;
}*/

/*.affix-wrapper .form-actions {*/ /* styles for form action box inside of an affix */
/*	margin-top:0;
	margin-bottom:0;
	background-color: rgba(239, 239, 239, 0.75);
}
.affix-item.affix-bottom, .affix-item.affix-top { position:absolute; width:80%; }*/ /* needed for calculating boundaries dynamically */

/*.affix-item.affix {
    left: 20px;
    right: 20px;
}*/

/**********************
	Footer
**********************/
.footer { background: url("/city3/images/backgroundFooter.jpg") repeat-x scroll center 0 #595959; color: #ddd; display: block; margin-top: 10px; padding: 65px 0 20px; }
.footer .span3 { margin-bottom: 10px; }
.footer h2 { border: none; color: #fff; margin: 0 0 10px; padding: 0; }
.footer a { color: #ccddee; }
.footer a:hover, .footer a:focus { color: #fff; text-decoration: underline; }
.footer ul li { padding: 0; }
.footer .link-list li:hover { background: rgb(59,59,59); background: rgba(59,59,59,0.75); }
.footer .link-list li:hover a { color: #fff; }

/*** Social / Connect ***/
.footer ul.connect li { background-color: transparent; padding: 2px 0 3px 25px; }
.footer ul.copyright { font-size: 12px; margin: 0 0 15px; padding: 0 0 15px; }
.footer ul.copyright li { float: left; list-style: none; padding: 0 20px 10px; }
.footer ul.copyright li:first-child { padding-left: 0; }
/*
.footer ul.copyright { border-top: 1px dotted #ccc; font-size: 12px; margin: 15px 0; padding: 15px 0; }
.footer ul.copyright li { float: left; list-style: none; padding: 0 20px 10px; }
*/

/**********************
	Modals
**********************/
#ext-modal { left: 12%; margin: 0 auto; width: 75%; }
#ext-modal.modal.fade.in { top: 5%; }
#ext-modal .modal-body { height: 600px; max-height: 600px; }
#ext-modal .modal-body iframe { overflow-x: auto; }

/**********************
	Add This Widget
**********************/
.addthis-wrap { margin-top: 7px; }
.addthis_counter.addthis_pill_style { float: left; margin:-2px 5px 0 0; }
.atc_s.addthis_button_compact { margin-right: 0; }
.addthis-wrap .addthis_toolbox a { padding: 0; }
.addthis-wrap .addthis_toolbox a.at300b, .addthis-wrap .addthis_counter { background: none; }
.atc_s.addthis_button_compact { overflow: visible !important; }

/**********************
	General Media 
	Queries Overrides
**********************/
@media (min-width: 1200px) { 
	.globalnav .nav li a { padding: 11px 35px 12px; }
	.subnav .nav > li > a, .subnav .nav > li > a:focus, .subnav .nav-collapse .nav li a { padding: 12px 33px 11px; }
	.subnav .nav-collapse .nav li.home a { padding: 19px 20px; }
}

@media (max-width: 979px) {
	.navbar .container { max-width: 940px; }
	.navbar.subnav .nav li { padding: 5px 0 !important; width: auto !important; }
	.navbar.subnav .nav li.open .dropdown-menu { display: none; }
	ul.triple li { width: 45%; }
	#slideshow .carousel-caption { height: 75%; width: 70%; }
	#slideshow .carousel-caption h3 { font-size: 18px; line-height: 22px; }
	#slideshow .carousel-caption p { font-size: 14px; line-height: 19px; }
	.row img { display: block; float: none; }
	.promo .row-fluid .span6 { float: none; width: 100%; }
}

@media (min-width: 768px) and (max-width: 979px), (max-width: 320px) {
	#bios .carousel-control.left, #bios .carousel-caption { left: 0; }
	#bios .item img { padding: 15px 15px 0; }
	#bios .item .carousel-caption { height: auto; position: relative; }
}

@media (max-width: 767px) {
	body { padding: 0; }	
	.container { padding: 0 20px; }
	.banner { min-height: 95px; }
	.banner-feature { font-size: 14px; float: none; margin: 2px 0 0; }
	.span4 { border-top: 1px solid #e0e0e0; padding-top: 25px; }	
	.footer { max-width: 100%; width: 767px !important; }
	.footer ul.copyright li { float: none; }
	
		/*** Modal ***/
	#ext-modal { height: 96%; left: 0; margin: 2%; width: 96%; }
	#ext-modal.modal.fade.in { top: 0; }
	#ext-modal .modal-body { height: 90%; max-height: 90%; }
	.modal { left: 0; margin: 2%; width: 96%; }
	.modal.fade.in { top: 0; }
	.modal-body { max-height: 100%; padding: 2%; }
	
	/*** Forms ***/
	textarea[class*="span"] { padding: 4px 6px; width: 220px; }
	
	/*** External Components ***/
	.addthis-wrap { float: none; }
}


@media (max-width: 767px) and (min-width: 481px) {
	/*** Non-table ***/
	.non-table .visible-phone { display: inline !important; }
}

@media (max-width: 480px) {
	#highlights .carousel-inner .item a img, #newsreleases .carousel-inner .item .imgspacer { display: none; }
	.carousel-caption h3 { margin: 7px 0; }
	#highlights .carousel-control.left { left: 0; }
	ul.double li, ul.triple li { float: none; width: 100%; }
	.nav-list.double > li > a { margin-left: -15px; }
	#slideshow .carousel-caption { height: 127px; width: 85%; }
	#slideshow .carousel-caption h3 a, #slideshow .carousel-caption p { color: #333; }
	.form-horizontal .input-twolinelabel { margin-top: 0; }
	.expand-list li { padding: .1em 0; }
	/*** HTML5 elements ***/
	figure.image.pull-left, figure.image.pull-right { float:none; margin-left:auto; margin-right:auto; }
	/*** for Floating Images in Blog Posts ***/
	.blog-post img.pull-left, .blog-post img.pull-right { float:none; padding-left:0; padding-right:0; margin-left:auto; margin-right:auto; }
	/*** External Components ***/
	#at15s { left: 2px !important; margin: 5px; }
}

/* City of Madison Design Elements */
.list-steps > ol,
ol.list-steps {
  position: relative;
  counter-reset: list-steps;
  margin: 0 0 2.4em 0;
  list-style: none;
}
.list-steps > ol > li,
ol.list-steps > li {
  position: relative;
  padding: 0 !important;
  margin-bottom: 30px !important;
}
.list-steps > ol > li .content,
ol.list-steps > li .content {
  min-height: auto;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .list-steps > ol > li,
  ol.list-steps > li {
    padding-left: 105px !important;
  }
}
.list-steps > ol > li:before,
ol.list-steps > li:before {
  content: counter(list-steps);
  counter-increment: list-steps;
  position: absolute;
  left: 0;
  display: inline-block;
  height: 80px;
  width: 80px;
  line-height: 72px;
  color: #222;
  text-align: center;
  font-size: 54px; /*5.4rem;*/
  font-weight: 700;
  background-color: #fff;
  border: 3px solid #cccccc;
  border-radius: 100%;
  z-index: 2;
}
@media only screen and (max-device-width: 360px) and (orientation: portrait) {
  .list-steps > ol > li:before,
  ol.list-steps > li:before {
    height: 70px;
    width: 70px;
    line-height: 58px;
    font-size: 40px; /*4rem;*/
  }
}
@media (min-width: 768px) {
  .list-steps > ol > li:after,
  ol.list-steps > li:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: -50px;
    left: 40px; /*4rem;*/
    width: 3px;
    background-color: #cccccc;
    z-index: 1;
  }
}
@media (min-width: 768px) and only screen and (max-device-width: 360px) and (orientation: portrait) {
  .list-steps > ol > li:after,
  ol.list-steps > li:after {
    left: 25px; /*2.5rem;*/
  }
}
.list-steps > ol > li .list-steps-heading,
ol.list-steps > li .list-steps-heading,
.list-steps > ol > li .heading,
ol.list-steps > li .heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-height: 80px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0;
  margin-left: 105px;
  color: #222;
  font-size: 30px; /*3rem;*/
}
@media (min-width: 768px) {
  .list-steps > ol > li .list-steps-heading,
  ol.list-steps > li .list-steps-heading,
  .list-steps > ol > li .heading,
  ol.list-steps > li .heading {
    display: block;
    min-height: 0;
    margin-left: 0;
    padding-top: 0;
  }
}
@media only screen and (max-device-width: 360px) and (orientation: portrait) {
  .list-steps > ol > li .list-steps-heading,
  ol.list-steps > li .list-steps-heading,
  .list-steps > ol > li .heading,
  ol.list-steps > li .heading {
    min-height: 70px;
    margin-left: 85px;
  }
}
.list-steps > ol > li .list-steps-heading h1,
ol.list-steps > li .list-steps-heading h1,
.list-steps > ol > li .heading h1,
ol.list-steps > li .heading h1,
.list-steps > ol > li .list-steps-heading h2,
ol.list-steps > li .list-steps-heading h2,
.list-steps > ol > li .heading h2,
ol.list-steps > li .heading h2,
.list-steps > ol > li .list-steps-heading h3,
ol.list-steps > li .list-steps-heading h3,
.list-steps > ol > li .heading h3,
ol.list-steps > li .heading h3,
.list-steps > ol > li .list-steps-heading h4,
ol.list-steps > li .list-steps-heading h4,
.list-steps > ol > li .heading h4,
ol.list-steps > li .heading h4,
.list-steps > ol > li .list-steps-heading h5,
ol.list-steps > li .list-steps-heading h5,
.list-steps > ol > li .heading h5,
ol.list-steps > li .heading h5,
.list-steps > ol > li .list-steps-heading h6,
ol.list-steps > li .list-steps-heading h6,
.list-steps > ol > li .heading h6,
ol.list-steps > li .heading h6,
.list-steps > ol > li .list-steps-heading .h1,
ol.list-steps > li .list-steps-heading .h1,
.list-steps > ol > li .heading .h1,
ol.list-steps > li .heading .h1,
.list-steps > ol > li .list-steps-heading .h2,
ol.list-steps > li .list-steps-heading .h2,
.list-steps > ol > li .heading .h2,
ol.list-steps > li .heading .h2,
.list-steps > ol > li .list-steps-heading .h3,
ol.list-steps > li .list-steps-heading .h3,
.list-steps > ol > li .heading .h3,
ol.list-steps > li .heading .h3,
.list-steps > ol > li .list-steps-heading .h4,
ol.list-steps > li .list-steps-heading .h4,
.list-steps > ol > li .heading .h4,
ol.list-steps > li .heading .h4,
.list-steps > ol > li .list-steps-heading .h5,
ol.list-steps > li .list-steps-heading .h5,
.list-steps > ol > li .heading .h5,
ol.list-steps > li .heading .h5,
.list-steps > ol > li .list-steps-heading .h6,
ol.list-steps > li .list-steps-heading .h6,
.list-steps > ol > li .heading .h6,
ol.list-steps > li .heading .h6 {
  margin-top: 0;
  font-size: 30px; /*3rem;*/
}
.list-steps > ol > li:last-child,
ol.list-steps > li:last-child {
  position: relative;
}
@media (min-width: 768px) {
  .list-steps > ol > li:last-child:after,
  ol.list-steps > li:last-child:after {
    content: '';
    position: absolute;
    top: -50px;
    bottom: 100%;
    left: 40px; /*4rem;*/
    width: 3px;
    background-color: #cccccc;
  }
}
.list-steps > ol > li p,
ol.list-steps > li p {
  margin-bottom: 10px;
}
.list-steps > ol > li ul,
ol.list-steps > li ul {
  margin: 0 0 1rem 2.4rem;
  list-style: disc;
}
.list-steps > ol > li ol,
ol.list-steps > li ol {
  margin: 0 0 1rem 2.4rem;
}
.list-steps > ol > li ul li,
ol.list-steps > li ul li,
.list-steps > ol > li ol li,
ol.list-steps > li ol li {
  padding: 0 !important;
  margin: 0 0 4px 0 !important;
}
.list-steps > ol > li ul li p:nth-of-type(1),
ol.list-steps > li ul li p:nth-of-type(1),
.list-steps > ol > li ol li p:nth-of-type(1),
ol.list-steps > li ol li p:nth-of-type(1) {
  margin-top: 10px;
}
.list-steps > ol > li:before,
ol.list-steps > li:before {
  color: #222;
  background-color: white;
}
.list-steps > ol > li .list-steps-heading,
ol.list-steps > li .list-steps-heading {
  color: #222;
  border: none;
}
.list-steps.list-steps-purple > ol > li:before,
ol.list-steps.list-steps-purple > li:before {
  color: #84036c;
  background-color: #fff;
}
.list-steps.list-steps-purple > ol > li h1,
ol.list-steps.list-steps-purple > li h1,
.list-steps.list-steps-purple > ol > li h2,
ol.list-steps.list-steps-purple > li h2,
.list-steps.list-steps-purple > ol > li h3,
ol.list-steps.list-steps-purple > li h3,
.list-steps.list-steps-purple > ol > li h4,
ol.list-steps.list-steps-purple > li h4,
.list-steps.list-steps-purple > ol > li h5,
ol.list-steps.list-steps-purple > li h5,
.list-steps.list-steps-purple > ol > li h6,
ol.list-steps.list-steps-purple > li h6 {
  color: #84036c;
}
.list-steps.list-steps-blue > ol > li:before,
ol.list-steps.list-steps-blue > li:before {
  color: #065d8c;
  background-color: #fff;
}
.list-steps.list-steps-blue > ol > li h1,
ol.list-steps.list-steps-blue > li h1,
.list-steps.list-steps-blue > ol > li h2,
ol.list-steps.list-steps-blue > li h2,
.list-steps.list-steps-blue > ol > li h3,
ol.list-steps.list-steps-blue > li h3,
.list-steps.list-steps-blue > ol > li h4,
ol.list-steps.list-steps-blue > li h4,
.list-steps.list-steps-blue > ol > li h5,
ol.list-steps.list-steps-blue > li h5,
.list-steps.list-steps-blue > ol > li h6,
ol.list-steps.list-steps-blue > li h6 {
  color: #065d8c;
}
.list-steps.list-steps-teal > ol > li:before,
ol.list-steps.list-steps-teal > li:before {
  color: #04717b;
  background-color: #fff;
}
.list-steps.list-steps-teal > ol > li h1,
ol.list-steps.list-steps-teal > li h1,
.list-steps.list-steps-teal > ol > li h2,
ol.list-steps.list-steps-teal > li h2,
.list-steps.list-steps-teal > ol > li h3,
ol.list-steps.list-steps-teal > li h3,
.list-steps.list-steps-teal > ol > li h4,
ol.list-steps.list-steps-teal > li h4,
.list-steps.list-steps-teal > ol > li h5,
ol.list-steps.list-steps-teal > li h5,
.list-steps.list-steps-teal > ol > li h6,
ol.list-steps.list-steps-teal > li h6 {
  color: #04717b;
}
.list-steps.list-steps-green > ol > li:before,
ol.list-steps.list-steps-green > li:before {
  color: #006930;
  background-color: #fff;
}
.list-steps.list-steps-green > ol > li h1,
ol.list-steps.list-steps-green > li h1,
.list-steps.list-steps-green > ol > li h2,
ol.list-steps.list-steps-green > li h2,
.list-steps.list-steps-green > ol > li h3,
ol.list-steps.list-steps-green > li h3,
.list-steps.list-steps-green > ol > li h4,
ol.list-steps.list-steps-green > li h4,
.list-steps.list-steps-green > ol > li h5,
ol.list-steps.list-steps-green > li h5,
.list-steps.list-steps-green > ol > li h6,
ol.list-steps.list-steps-green > li h6 {
  color: #006930;
}
.list-steps.list-steps-yellow > ol > li:before,
ol.list-steps.list-steps-yellow > li:before {
  color: #eca120;
  background-color: #fff;
}
.list-steps.list-steps-yellow > ol > li h1,
ol.list-steps.list-steps-yellow > li h1,
.list-steps.list-steps-yellow > ol > li h2,
ol.list-steps.list-steps-yellow > li h2,
.list-steps.list-steps-yellow > ol > li h3,
ol.list-steps.list-steps-yellow > li h3,
.list-steps.list-steps-yellow > ol > li h4,
ol.list-steps.list-steps-yellow > li h4,
.list-steps.list-steps-yellow > ol > li h5,
ol.list-steps.list-steps-yellow > li h5,
.list-steps.list-steps-yellow > ol > li h6,
ol.list-steps.list-steps-yellow > li h6 {
  color: #eca120;
}
.list-steps.list-steps-orange > ol > li:before,
ol.list-steps.list-steps-orange > li:before {
  color: #e36622;
  background-color: #fff;
}
.list-steps.list-steps-orange > ol > li h1,
ol.list-steps.list-steps-orange > li h1,
.list-steps.list-steps-orange > ol > li h2,
ol.list-steps.list-steps-orange > li h2,
.list-steps.list-steps-orange > ol > li h3,
ol.list-steps.list-steps-orange > li h3,
.list-steps.list-steps-orange > ol > li h4,
ol.list-steps.list-steps-orange > li h4,
.list-steps.list-steps-orange > ol > li h5,
ol.list-steps.list-steps-orange > li h5,
.list-steps.list-steps-orange > ol > li h6,
ol.list-steps.list-steps-orange > li h6 {
  color: #e36622;
}
.list-steps.list-steps-red > ol > li:before,
ol.list-steps.list-steps-red > li:before {
  color: #b51f2e;
  background-color: #fff;
}
.list-steps.list-steps-red > ol > li h1,
ol.list-steps.list-steps-red > li h1,
.list-steps.list-steps-red > ol > li h2,
ol.list-steps.list-steps-red > li h2,
.list-steps.list-steps-red > ol > li h3,
ol.list-steps.list-steps-red > li h3,
.list-steps.list-steps-red > ol > li h4,
ol.list-steps.list-steps-red > li h4,
.list-steps.list-steps-red > ol > li h5,
ol.list-steps.list-steps-red > li h5,
.list-steps.list-steps-red > ol > li h6,
ol.list-steps.list-steps-red > li h6 {
  color: #b51f2e;
}
h1 + .list-steps,
h2 + .list-steps,
h3 + .list-steps,
h4 + .list-steps,
h5 + .list-steps,
h6 + .list-steps {
  margin-top: 25px; /*2.5rem;*/
}

/* Stay informed */
ul.stay-informed {
  margin-bottom: 0 !important;
  padding-left: 0 !important;
  list-style: none;
}

.stay-informed li {
  width: auto;
  padding-right: 5px !important;
  padding-left: 5px !important;
}

@media (min-width: 768px) {
  .stay-informed li {
      width:auto;
  }
}

.stay-informed li a {
  display: block;
  color: #595959;
  text-align: center;
  text-decoration: none;
  border-bottom: none;
}

.stay-informed li a .cityicons,.stay-informed li a.external .cityicons {
  position: relative;
  font-size: 30px;
  color: #595959;
}

.stay-informed li a .cityicons.cityicons-social-twitter,.stay-informed li a.external .cityicons.cityicons-social-twitter {
  font-size: 36px;
}

.stay-informed li a .cityicons.cityicons-social-youtube,.stay-informed li a.external .cityicons.cityicons-social-youtube {
  top: 6px;
  font-size: 44px;
}

.stay-informed li a:hover,.stay-informed li a:focus {
  color: #999999;
  border-bottom: none;
}

.stay-informed li a:hover .cityicons,.stay-informed li a:focus .cityicons {
  color: currentColor;
}

.stay-informed li a .social-icon img {
  display: inline-block;
  height: 30px;
}

.stay-informed li a .social-name {
  margin-top: 4px;
  font-size: 10px;
}

.stay-informed li a:hover .social-icon img,.stay-informed li a:focus .social-icon img {
  opacity: 0.8;
}

.stay-informed li a span.cityicons.cityicons-external {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}
.stay-informed li a[href^="http"], 
.stay-informed li a[href^="//"] {
  background-image: none;
}
.stay-informed.stacked li:before,.stay-informed.stacked li:after {
  content: " ";
  display: table;
}

.stay-informed.stacked li:after {
  clear: both;
}

.stay-informed.stacked li:before,.stay-informed.stacked li:after {
  content: " ";
  display: table;
}

.stay-informed.stacked li:after {
  clear: both;
}

.stay-informed.stacked li a {
  height: 40px;
  line-height: 30px;
  text-align: left;
  color: #065d8c;
}

.stay-informed.stacked li a .link {
  border-bottom: 1px solid #065d8c;
}

.stay-informed.stacked li a:hover,.stay-informed.stacked li a:focus {
  color: #043d5b;
}

.stay-informed.stacked li a:hover .link,.stay-informed.stacked li a:focus .link {
  border-bottom: 2px solid #043d5b;
}

.stay-informed.stacked li a .cityicons {
  float: left;
  margin-right: 10px;
  font-size: 30px;
}

.stay-informed.stacked li a .cityicons.cityicons-social-twitter {
  font-size: 30px;
  color: #55acee;
}

.stay-informed.stacked li a .cityicons.cityicons-social-facebook {
  color: #3a5a99;
}

.stay-informed.stacked li a .cityicons.cityicons-social-youtube {
  top: inherit;
  font-size: 30px;
  color: #cd201f;
}

.stay-informed.stacked li a .cityicons.cityicons-social-instagram {
  color: #e12f67;
}

.stay-informed.stacked li a .cityicons.cityicons-social-linkedin {
  color: #0077b5;
}

.stay-informed.stacked li a:hover,.stay-informed.stacked li a:focus {
  text-decoration: none;
}
/* Helper Classes */
.no-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.no-margin-top { margin-top: 0 !important;}
.no-margin-right {  margin-right: 0 !important;}
.no-margin-bottom {
  margin-bottom: 0 !important;
}
.no-margin-left {
  margin-left: 0 !important;
}
.no-padding {
  padding: 0 !important;
}
.no-padding-top {
  padding-top: 0 !important;
}
.no-padding-right {
  padding-right: 0 !important;
}
.no-padding-bottom {
  padding-bottom: 0 !important;
}
.no-padding-left {
  padding-left: 0 !important;
}
.margin-top-50 {
  margin-top: 50px !important;
}
.margin-right-50 {
  margin-right: 50px !important;
}
.margin-bottom-50 {
  margin-bottom: 50px !important;
}
.margin-left-50 {
  margin-left: 50px !important;
}
.margin-top-45 {
  margin-top: 45px !important;
}
.margin-right-45 {
  margin-right: 45px !important;
}
.margin-bottom-45 {
  margin-bottom: 45px !important;
}
.margin-left-45 {
  margin-left: 45px !important;
}
.margin-top-40 {
  margin-top: 40px !important;
}
.margin-right-40 {
  margin-right: 40px !important;
}
.margin-bottom-40 {
  margin-bottom: 40px !important;
}
.margin-left-40 {
  margin-left: 40px !important;
}
.margin-top-35 {
  margin-top: 35px !important;
}
.margin-right-35 {
  margin-right: 35px !important;
}
.margin-bottom-35 {
  margin-bottom: 35px !important;
}
.margin-left-35 {
  margin-left: 35px !important;
}
.margin-top-30 {
  margin-top: 30px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-bottom-30 {
  margin-bottom: 30px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-top-25 {
  margin-top: 25px !important;
}
.margin-right-25 {
  margin-right: 25px !important;
}
.margin-bottom-25 {
  margin-bottom: 25px !important;
}
.margin-left-25 {
  margin-left: 25px !important;
}
.margin-top-20 {
  margin-top: 20px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}
.margin-bottom-20 {
  margin-bottom: 20px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}
.margin-top-15 {
  margin-top: 15px !important;
}
.margin-right-15 {
  margin-right: 15px !important;
}
.margin-bottom-15 {
  margin-bottom: 15px !important;
}
.margin-left-15 {
  margin-left: 15px !important;
}
.margin-top-10 {
  margin-top: 10px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-bottom-10 {
  margin-bottom: 10px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-top-5 {
  margin-top: 5px !important;
}
.margin-right-5 {
  margin-right: 5px !important;
}
.margin-bottom-5 {
  margin-bottom: 5px !important;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.padding-top-50 {
  padding-top: 50px !important;
}
.padding-right-50 {
  padding-right: 50px !important;
}
.padding-bottom-50 {
  padding-bottom: 50px !important;
}
.padding-left-50 {
  padding-left: 50px !important;
}
.padding-top-45 {
  padding-top: 45px !important;
}
.padding-right-45 {
  padding-right: 45px !important;
}
.padding-bottom-45 {
  padding-bottom: 45px !important;
}
.padding-left-45 {
  padding-left: 45px !important;
}
.padding-top-40 {
  padding-top: 40px !important;
}
.padding-right-40 {
  padding-right: 40px !important;
}
.padding-bottom-40 {
  padding-bottom: 40px !important;
}
.padding-left-40 {
  padding-left: 40px !important;
}
.padding-top-35 {
  padding-top: 35px !important;
}
.padding-right-35 {
  padding-right: 35px !important;
}
.padding-bottom-35 {
  padding-bottom: 35px !important;
}
.padding-left-35 {
  padding-left: 35px !important;
}
.padding-top-30 {
  padding-top: 30px !important;
}
.padding-right-30 {
  padding-right: 30px !important;
}
.padding-bottom-30 {
  padding-bottom: 30px !important;
}
.padding-left-30 {
  padding-left: 30px !important;
}
.padding-top-25 {
  padding-top: 25px !important;
}
.padding-right-25 {
  padding-right: 25px !important;
}
.padding-bottom-25 {
  padding-bottom: 25px !important;
}
.padding-left-25 {
  padding-left: 25px !important;
}
.padding-top-20 {
  padding-top: 20px !important;
}
.padding-right-20 {
  padding-right: 20px !important;
}
.padding-bottom-20 {
  padding-bottom: 20px !important;
}
.padding-left-20 {
  padding-left: 20px !important;
}
.padding-top-15 {
  padding-top: 15px !important;
}
.padding-right-15 {
  padding-right: 15px !important;
}
.padding-bottom-15 {
  padding-bottom: 15px !important;
}
.padding-left-15 {
  padding-left: 15px !important;
}
.padding-top-10 {
  padding-top: 10px !important;
}
.padding-right-10 {
  padding-right: 10px !important;
}
.padding-bottom-10 {
  padding-bottom: 10px !important;
}
.padding-left-10 {
  padding-left: 10px !important;
}
.padding-top-5 {
  padding-top: 5px !important;
}
.padding-right-5 {
  padding-right: 5px !important;
}
.padding-bottom-5 {
  padding-bottom: 5px !important;
}
.padding-left-5 {
  padding-left: 5px !important;
}
.no-border {
  border: none !important;
}
.no-border-top {
  border-top: none !important;
}
.no-border-right {
  border-right: none !important;
}
.no-border-bottom {
  border-bottom: none !important;
}
.no-border-left {
  border-left: none !important;
}
.com-footer .lead-lg {
  font-size: 1.714em;
}
/* Com Vision adjustments */
@media (min-width: 768px) and (max-width: 979px) {
  .com-footer-link-list {
    padding-left: 131px;
  }
}
/*Screen Reader Only */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  border: 0;
}