/* Container */
.container a,
.container-fluid a {
  color: #18252a;
  border-bottom: 1px dotted #18252a;
}
.container a:hover,
.container-fluid a:hover {
  color: #fff;
  border-bottom: 1px solid #004445;
  text-decoration: none;
  background-color: #004445;
}
/* Paragraphs */
.paragraph--type--bp-accordion .panel .panel-title a {
  border-bottom: none;
}
.paragraph--type--bp-accordion .panel .panel-title a:hover {
  background-color: transparent;
}
.paragraph.card-spacing .no-padding{
  padding: 0 1em;
}
.paragraph.card-spacing .no-padding h5{
  margin: 0;
}
.paragraph.card-spacing .no-padding field--item{
  padding: .5em;
}
.paragraph.combo-card .field--item{
  padding: 1em 0
}
.paragraph .anchor-btn .field--item{
  min-height: 7em;
  display: flex;
}
.paragraph .anchor-btn .field--item p{
  margin: auto;
  font-size: 1.25em;
}
.paragraph .map-embed-1{
  position: relative;
  overflow: hidden;
}
.paragraph.map-embed-1 form{
  display: flex;
  position: absolute;
  top: 2em;
  width: 100%;
  z-index: 2;
}
.paragraph.map-embed-1 form fieldset{
  margin: auto;
}
.paragraph.map-embed-1 form fieldset label{
  display: block;
  color: #fff;
}
.paragraph.map-embed-1 form fieldset input{
  width: 100%;
  padding: .5em;
}
.paragraph.map-embed-1 .map-overlay{
  display: flex;
  position: absolute;
  width: 20em;
  height: 20em;
  padding: 8em;
  border-radius: 50%;
  border: 2000px solid rgba(0,0,0,.43);
  left: 50%;
  top: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 2;
}
.paragraph.map-embed-1 .map-overlay .map-text{
  margin: auto;
  position: relative;
  text-align: center;
  background-color: #9FD5B3;
  border-radius: 1em;
  display: flex;
  padding: 1em;
  top: -2em;
  left: -4.75em;
}
.paragraph.map-embed-1 .map-overlay .map-text a{
  margin: auto;
  display: flex;
  width: 8em;
}
.paragraph.map-embed-1 .map-overlay .map-text a i{
  font-size: 1.5em;
}
.paragraph.data-card .field--item{
  background-color: #f2f2f2;
  text-align: center;
  padding: 2em 1em;
  min-height: 15em;
}
.paragraph.data-card .field--item .fas, .paragraph.data-card .field--item .far{
  color: #cb4d4f;
  font-size: 3em;
}
.paragraph.data-card .field--item h5{
  margin: 0;
}
.paragraph.data-card .field--item .data-num{
  display: flex;
  margin-top: 1em;
}
.paragraph.data-card .field--item .data-num p:first-child{
  font-size: 3em;
  font-weight: bold;
}
/* Excluding Admin Links */
.user-logged-in .contextual a {
  border-bottom: 0;
}
.big-nav a:hover {
border-bottom: 0;
}
.main-container {
  margin-top: 50px;
}

/* Content Global */
.breadcrumb {
  padding: 0;
  background: transparent;
  border: none;
  margin-bottom: 0;
}
.breadcrumb li:first-child {
  margin-left: 10px;
}
.breadcrumb::before {
  content: "Where am I:";
  font-size: 12px;
  font-weight: 900;
}
.breadcrumb li {
  font-size: 12px;
}
.breadcrumb > li + li::before {
  font: bold 12px "Font Awesome\ 5 Free";
  content: "\f105";
}
.section-bg {
  background: rgba(255, 255, 255, 1);
  position: relative;
}
.card {
  background-color: transparent;
}
.hero-inner .field--name-field-image img {
  margin: 0 auto;
  width: inherit;
}
.page-header {
  border: none;
  text-transform: uppercase;
  margin: 0px 0 70px 0;
  padding: 0;
  border-bottom: 5px solid #feb70d;
}
.active-hero .page-header {
  border: none;
}
.region-content .field--name-field-tag-line {
  font-size: 24px;
  font-style: italic;
  border-bottom: 5px solid #feb70d;
  margin-bottom: 10px;
}
.region-content .field--name-description {
  font-size: 18px;
  line-height: 1.8em;
}

.read-more {
  text-align: right;
}
.container .read-more a,
.container-fluid .read-more a,
.node-readmore a {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  border: none;
  padding: 5px 10px;
}
.node-readmore a {
  margin: 10px 10px 10px -10px;
}
.read-more a::after,
.node-readmore a::after {
  font: bold 18px "Font Awesome\ 5 Free";
  content: "\f105";
  position: relative;
  top: 1px;
  left: 2px;
}
.container .read-more a:hover,
.container-fluid .read-more a:hover,
.node-readmore a:hover {
  background-color: #004445;
  color: #9fd5b3;
}
.container .dt-green .read-more a:hover,
.container-fluid .dt-green .read-more a:hover {
  background-color: #feb70d;
  color: #18252a;
}
.block-title {
  text-transform: uppercase;
}
.pager li > a,
.pager li > span {
  border-radius: 50%;
  background-color: #18252a;
  color: #fff;
  border: none !important;
  font-size: 20px;
}
.pager li > a:hover,
.pager li > span:hover {
  background-color: #feb70d;
}

.main-container .view-display-id-page_2 .det-media-img .media-image,
.main-container .view-display-id-page_2 .det-media-img .field--name-field-image {
  display: inline;
  float: left;
  margin: 0 20px 20px 0;
}

.main-container .view-display-id-page_2 .square-image .det-media-img .field--name-field-image {
  margin: 0;
}

.main-container .view-display-id-page_2 .embedded-entity .det-media-img .media-image,
.main-container .view-display-id-page_2 .embedded-entity .det-media-img .field--name-field-image {
  display: block;
  float: none;
  margin: 20px 0;
}
.main-container .view-display-id-page_2 .det-media-img .field--name-field-image img {
  border-radius: 50%;
}
.main-container .view-display-id-page_2 .square-image .det-media-img .field--name-field-image img {
  border-radius: 0%;
}
.main-container .view-display-id-page_2 .embedded-entity .field--name-field-image img {
  border-radius: 0%;
}
.field--name-field-organization-head-name {
  font-size: 48px;
  font-weight: 900;
  margin-bottom: 20px;
}
.region-full-width-content {
  margin: 0 -15px;
}
.embedded-entity.align-left {
  margin: 0 20px 20px 0;
}
.embedded-entity.align-right {
  margin: 0 0 20px 20px;
}

/* Home */
#block-myhomeinfo {
  /* margin-top: -52px; needed if there is button on the left */
}
#block-myhomeinfo #local-services {
  padding: 0;
  margin-top: -22px;
}
#block-myhomeinfo input#geocoder-input {
  border: none;
  width: 90%;
}
#block-myhomeinfo #geocoder .fa-map-marker-alt {
  font: bold 30px "Font Awesome\ 5 Free";
  color: #18252a;
}
#block-myhomeinfo #geocoder ul {
  padding: 0;
  position: relative;
  z-index: 1;
}
#block-myhomeinfo #geocoder ul li {
  padding: .25em .5em;
  list-style-type: none;
  cursor: pointer;
  background: #fff;
  transition: all .2s ease-in-out;
}
#block-myhomeinfo #geocoder ul li:hover {
  transition: all .2s ease-in-out;
  background-color: #feb70d;
}
#block-myhomeinfo #geocoder form {
  height: 7em;
}
#block-myhomeinfo .geo-recomended {
  font-weight: 900;
  margin: 0 10px;
}
#block-myhomeinfo label {
  display: block;
  text-transform: uppercase;
  font-weight: 900;
}
#npo-search p {
  font-size: 24px;
}
#block-myhomeinfo input,
#npo-search input {
  margin-top: -5px;
}
#block-myhomeinfo input#geocoder-input[type="text"],
#npo-search .mapboxgl-ctrl-geocoder input[type="text"] {
  font-family: 'Montserrat', sans-serif, Helvetica, Arial;
  font-size: 24px;
  padding: 0px 30px 8px 0px !important;
  border-bottom: none;
}
#block-myhomeinfo input#geocoder-input::placeholder,
#npo-search .mapboxgl-ctrl-geocoder input::placeholder {
  color: #18252a;
  opacity: 1;
}
#block-myhomeinfo input#geocoder-input:-ms-input-placeholder,
#npo-search .mapboxgl-ctrl-geocoder input:-ms-input-placeholder  {
  color: #18252a;
  /* Internet Explorer 10-11 */
}
#block-myhomeinfo input#geocoder-input::-ms-input-placeholder,
#npo-search .mapboxgl-ctrl-geocoder input::-ms-input-placeholder {
  color: #18252a;
  /* Microsoft Edge */
}
#block-myhomeinfo .mapboxgl-ctrl-geocoder .geocoder-icon-search {
  background-image: none;
}
#local-services #geocoder {
  padding-left: 0;
}
#block-myhomeinfo .mapboxgl-ctrl-geocoder .geocoder-icon-search::before,
#npo-search .mapboxgl-ctrl-geocoder .geocoder-icon-search::before {
  font: bold 30px "Font Awesome\ 5 Free";
  content: "\f3c5";
  color: #18252a;
  position: relative;
  left: 5px;
  top: -15px;
}
#block-myhomeinfo #local-services #geocoder input#geocoder-input,
#npo-search #geocoder .mapboxgl-ctrl-geocoder.mapboxgl-ctrl {
  border-bottom: 1px solid #18252a;
}
#block-myhomeinfo .mapboxgl-ctrl-geocoder,
#npo-search .mapboxgl-ctrl-geocoder {
  max-width: 100%;
}

#block-sparty {
  margin-bottom: 70px;
}
#block-sparty a {
  border: none !important;
}
.sparty-img {
  width: 258px;
  position: relative;
  top: 125px;
  z-index: 1;
  margin-top: -110px;
}
.sparty .btn {
  border: 0;
  width: 100%;
  background: #f2f2f2;
  text-align: left;
  font-size: 24px;
  position: relative;
  padding: 0;
  white-space: normal;
}
.sparty .btn-top h1 {
  font-size: 24px;
}
.sparty h1 span {
  display: none;
}
.sparty .btn-bottom {
  font-weight: 400;
  text-transform: none;
}
.sparty .btn-txt-wrap {
  padding: 10px 25px;
  border-left: 5px solid #feb70d;
  margin: 20px 100px 20px 290px;
}
.sparty .btn i {
  position: absolute;
  top: -20px;
  right: 40px;
  font-size: 120px;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
}
.sparty .btn i::before {
  content: "\f105";
}
.sparty .btn[aria-expanded="true"] i {
  font-size: 50px;
  top: 10px;
}
.sparty .btn[aria-expanded="true"] i::before {
  content: "\f00d";
}
.sparty #collapseBox {
  background: #f2f2f2;
  padding: 20px;
  border-top: 1px solid #b7b7b7;
}
.sparty #collapseBox ul {
  list-style-type: none;
  padding: 0;
}
.sparty #collapseBox ul li {
  padding: 5px 0;
}

.path-frontpage .views-element-container .block-title {
  max-width: 1170px;
  padding: 0 15px;
}
.more-link {
  margin: 90px 10px;
  text-align: center;
}
.path-frontpage .more-link {
  margin: 20px 0 0 0;
  text-align: left;
}
.more-link a {
  border: 8px solid #18252a;
  font-size: 24px;
  padding: 10px 40px;
  color: #18252a;
  display: inline-block;
}
.more-link a:hover {
  background: #9fd5b3;
  border: 8px solid #004445;
  color: #004445;
}
.more-link a::after {
  font: bold 20px "Font Awesome\ 5 Free";
  content: "\f105";
  position: relative;
  top: 1px;
  left: 5px;
}
 .path-frontpage #block-views-block-home-action-buttons-block-2 .more-link a {
  margin-bottom: 90px;
  display: inline-block;
}

.dt-green {
  background: #004445;
  color: #fff;
}
.dt-green a .action-button {
  color: #fff;
  border: 1px solid #fff;
}
.dt-green a {
  color: #fff;
  border-bottom: 1px solid #fff;
}
.dt-green .dynamic-links .inner a:hover {
  color: #9fd5b3;
  border-bottom: 1px solid #9fd5b3;
}
.path-frontpage .action-btns {
  /* width: 75%; */
  float: left;
}
.path-frontpage .dynamic-links {
  width: 22.4%;
  float: right;
  padding-left: 30px;
  overflow-y: auto;
}
.path-frontpage .block:first-child h2.block-title,
.path-frontpage .region-full-width-content h2.block-title,
h2.block-title {
  margin: 80px auto 35px auto;
}

.dynamic-links .inner {
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 30px;
}
.dynamic-links {
  display: block;
  position: relative;
  padding-top: 22.4%;
  margin-bottom: 50px;
  border-top: 5px solid #9fd5b3;
  border-bottom: 5px solid #9fd5b3;
}
.dynamic-links .inner dt {
  font-size: 20px;
  font-weight: 900;
  margin-bottom: 15px;
}
.dynamic-links .inner a {
  font-size: 14px;
}

#block-detroitgovernment {
  background: #9fd5b3;
}
.detroit-government.top-section h2.block-title {
  margin-top: 70px;
}
.detroit-government.channels {
  margin: 60px 0 70px 0;
}
.region-full-width-content .detroit-government.top-section h2.block-title,
.detroit-government.channels {
  float: left;
  width: 50%;
}
.detroit-government.channels {
   display: flex;
 }
.channels-logo img {
  width: 165px;
}
.detroit-government.channel {
  width: 60px;
  height: 60px;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
  border: 3px solid #18252a;
  margin: 0 10px;
  text-align: center;
}
.detroit-government.channel .det-ch {
  font-size: 34px;
  font-weight: 900;
  position: relative;
  top: 3px;
}
.detroit-government.channel .ch-desc {
  display: none;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
  background: #fff;
  border: 3px solid #18252a;
  position: relative;
  top: 0px;
  padding: 0 5px;
  margin: -50%;
}
a.detroit-government.channel:hover {
  border: 3px solid #18252a;
  background: #fff;
  color: #18252a;
}
.detroit-government.channel:hover .ch-desc {
  display: inline-block;
}
.detroit-government.mid-section,
.detroit-government.council-section {
  margin-bottom: 70px;
}
.detroit-government.mayor,
.detroit-government.mayor-events,
.detroit-government.city-clerk,
.detroit-government.city-clerk-news {
  width: 25%;
  float: left;
}
.detroit-government.city-council {
  width: 75%;
  float: left;
}
.detroit-government.city-council-events {
  width: 25%;
  float: left;
  min-height: 30em;
  border-left: 5px solid #004445;
  padding: 10px 10px 10px 25px;
}

.detroit-government.mayor-events .view-content,
.detroit-government.city-council-events .views-field-title,
.detroit-government.city-clerk-news .views-field-title {
  margin-top: 15px;
}
.detroit-government.mayor img,
.detroit-government.city-clerk img,
#views-bootstrap-detroit-government-city-council-block-1 img {
  width: 100px;
  border-radius: 50%;
}
#block-detroitgovernment h4 {
  font-size: 18px;
  text-transform: uppercase;
  padding-top: 20px;
}
#block-detroitgovernment .mayor h4,
#block-detroitgovernment .city-clerk h4 {
  padding-top: 35px;
}
#block-detroitgovernment dt {
  font-size: 20px;
  text-transform: uppercase;
  font-weight: 900;
}
#views-bootstrap-detroit-government-city-council-block-1 .views-field-view-taxonomy-term {
  height: 100px;
  margin-bottom: 70px;
}
#block-detroitgovernment .media-image {
  width: 105px;
  float: left;
}
#block-detroitgovernment .views-field-name .field-content {
  display: none;
}
.detroit-government.mayor-events,
.detroit-government.city-clerk-news {
  min-height: 10em;
  border-left: 5px solid #004445;
  padding: 10px 10px 10px 25px;
}
.detroit-government.mayor-events .form-group .view-id-detroit_government_mayor_events .views-field-view-node {
  margin-bottom: 10px;
}
.detroit-government.mayor-events .form-group .view-id-detroit_government_mayor_events .views-field-view-node a p {
  border-bottom: 1px dotted #18252a;
  display: inline;
}
.detroit-government.mayor-events .form-group .view-id-detroit_government_mayor_events .views-field-view-node a:hover p,
.detroit-government.city-clerk-news a:hover {
  background: #004445;
  color: #ffffff;
}

.detroit-government.mayor a:hover,
.detroit-government.city-clerk a:hover,
.detroit-government.city-council a:hover {
  color: #004445;
}
.detroit-government .det-media-img {
  width: 100px;
  position: absolute;
  left: 0;
}
.detroit-government .views-field-view-taxonomy-term a {
  display: block;
  padding-left: 115px;
  border: none !important;
  position: relative;
}
.detroit-government .views-field-view-taxonomy-term a:hover {
  background: transparent;
}


/* Action Buttons */
a .action-button {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  color: #18252a;
  padding: 10px;
  border: 1px solid #18252a;
  line-height: 1em;
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
#views-bootstrap-action-button-content-block-2 {
  margin-top: 50px;
}
a.action-btn-wrapper {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin: 50px 0;
}
a.action-btn-wrapper, a.action-btn-wrapper:hover {
  text-decoration: none;
  border: none;
}
a:hover .action-button {
  text-decoration: none;
  background-color: #9fd5b3;
  color: #004445;
  padding: 10px;
}
a .action-button p {
  text-transform: none;
  font-size: 14px;
  font-weight: 300;
  padding-top: 10px
}
a .action-button i,
a .action-button span {
  font-size: 60px;
  padding: 30px;
}
a .action-button.councilmember-email-list {
  font-size: 18px;
  color: #18252a;
  padding: 10px;
  border: 5px solid #18252a;
  line-height: 1em;
  position:  inherit;
}
a .action-button.councilmember-email-list br,
a .action-button.councilmember-email-list p,
.field--name-field-city-council-pro-tem,
.field--name-field-city-council-president {
  display: none;
}
.main-container .views-element-container {
  clear: both;
}
.term-id-1346 a.action-btn-wrapper {
  margin: 0;
  padding-top: 0;
}
a.action-btn-wrapper .councilmember-email-list.action-button span {
  font-size: 18px;
  padding: 0;
}


/* Sidebar */
#block-views-block-contacts-block-1 .block-title,
.region-sidebar-fourth h4,
.region-sidebar-fourth h2 {
  border-bottom: 5px solid #feb70d;
  height: 20px;
  padding-left: 10px;
  margin-bottom: 30px;
  font-size: 18px;
  margin-top: auto;
}
.region-sidebar-fourth h4,
.region-sidebar-fourth h2 {
  margin-top: 50px;
}
.region-sidebar-fourth .block h2.block-title {
  font-size: 18px;
  margin-top: 50px;
}
.views-field.views-field-field-hours ul,
 {
  padding-left: 1em;
}
#block-views-block-contacts-block-1 a[href^="mailto:"] {
  overflow-wrap: break-word;
  word-wrap: break-word;
}

.region-sidebar-second {
  font-size: 14px;
}
.region-sidebar-second ul {
  padding-left: 15px;
}
.region-sidebar-second .box {
  min-height: 50px;
}
.region-sidebar-second .box .icon,
.contact-item .box .icon,
.location-item .box .icon {
  border: 1px solid #18252a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  float: left;
  display: table;
}
.region-sidebar-second .box .icon span,
.contact-item .box .icon span,
.location-item .box .icon span {
  font-size: 20px;
  width: 20px;
  height: 20px;
  margin: auto;
  vertical-align: middle;
  display: table-cell;
}
.region-sidebar-second .box .contact-info,
.region-sidebar-second .box .location-info,
.contact-item .box .contact-info,
.location-item .box .location-info {
  margin: 0 0 1em 50px;
}
.region-sidebar-second #main-social-media .social-media-item .icon {
  width: 40px;
  height: 40px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.region-sidebar-second #main-social-media .social-media-item .icon span {
  font-size: 25px;
  position: relative;
  top: 5px;
  left: 8px;
}
.region-sidebar-second #main-social-media .social-media-item {
  margin-bottom: 1em;
}
.region-sidebar-second #main-social-media .social-media-item a {
/*
  margin: 5px 0 1em 0px;
  display: inline-block;
*/
}
.region-sidebar-fourth {
  margin-bottom: 30px;
}
.region-sidebar-fourth .field-content {
  margin: 0 0 5px 10px;
}
#block-councilmembersubmenu nav ul {
  padding-left: 10px;
}
#block-councilmembersubmenu nav ul li {
  list-style-type: none;
  margin-bottom: 5px;
}

/* News and events */
#block-views-block-news-events-block-1 {
  margin: 90px 0;
}
#block-views-block-news-events-block-1 .block-title {
  margin: 0px auto 0px auto;
}
#block-views-block-news-events-block-1 .views-field-field-start time {
  float: left;
  width: 53px;
  height: 53px;
  border: 2px solid #18252a;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;;
  margin-top: 40px;
  padding-top: 2px;
}
#block-views-block-news-events-block-1 .col {
  position: relative;
}
#block-views-block-news-events-block-1 .views-field-type {
  position: absolute;
  top: 95px;
  left: 15px;
  }

#block-views-block-news-events-block-1 .views-field-type .field-content {
  display: inline-block;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  background-color: #004445;
  padding: 0 6px;
}
#block-views-block-news-events-block-1 .views-field-title {
  padding: 14px 0 20px 75px;
  font-weight: 900;
  border-top: 3px solid #18252a;
  margin-top: 20px;
}
#block-views-block-news-events-block-1 .views-field-body {
  padding: 0 0 0 75px;
}
.news-blog.views-row {
  padding: 1em 2em;
}
.news-blog .desc-contacts {
  display: block;
  margin-left: 3.5em;
}
/* Featured latest */
.featured-latest-wrap {
  background: #f2f2f2;
}
.featured .block-title {
  background: url(../../images/icons/checkbox-featured.gif) no-repeat 26px 0px;
}
.latest .block-title {
  background: url(../../images/icons/clock-latest.gif) no-repeat 32px 1px;
}
.latest,
.featured {
  border-left: 5px solid #feb70d;
  padding: 0 20px;
  margin: 90px 0;
}
.featured .block-title,
.latest .block-title {
  padding: 29px 0 25px 0;
  margin: -37px 0 0 0;
}
.featured .views-field,
.latest .views-field {
  margin-bottom: 1em;
}
.tag-type {
  display: inline-block;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  background-color: #004445;
  padding: 0px 7px 0 7px;
}

/* Extras */
.extras .region-extras {}
#block-views-block-contacts-overflow-block-1 {
  margin-top: 90px;
}
#block-views-block-related-links-block-1 {
margin-bottom: 90px;
}
.term-id-296 .extras {
  margin-bottom: 0;
}
#block-views-block-locations-special-block-1 .views-field-title span.field-content {
  font-weight: 900;
}
.term-id-2341 #block-views-block-locations-special-block-1 .views-field-field-address {
  margin-bottom: 1em;
}

/* Highlights */
.view-highlights .field-content {
  margin: 0 0 90px 0;
}
.highlights {
  padding: 0;
}
.path-frontpage .highlights {
  margin: 0;
}
.highlights .read-more {
  text-align: center;
}
.department-notice {
  background: #004445;
  color: #9fd5b3;
  padding: 50px 0;
}
.department-notice .read-more a {
  color: #fff;
}

/* Documents */
#block-views-block-documents-block-1 {
  margin: 0 0 70px 0;
}
.text-primary {
  color: #18252a;
}
.views-field-field-document-file .file > span,
.views-field-field-form-file .file > span {
  border: 0;
  color: #18252a;
}
.views-field-field-document-file .file-icon,
.views-field-field-form-file .file-icon {
  padding: 0 .25em 0 0;
}

/* Forms */
#block-views-block-forms-block-1 {
  margin: 0 0 70px 0;
}

/* Video Playlist */
#block-views-block-video-playlist-block-1 {
  margin: 0 0 70px 0;
}
#playlist-container {
  padding-left: 0;
}
.video-prev-container h5 {
  font-weight: 300 !important;
}

.divider {
  max-width: 1400px;
  height: 3px;
  background: #9fd5b3;
  border-top: 1px solid #18252a;
  margin: 90px auto 0 auto;
}
.divider-img {
    background: url(../../images/icons/icon-shield.png) no-repeat center center;
    margin: -15px auto 50px auto;
    height: 29px;
}

/* Subsections */
.subsections h3 {
  margin-top: 50px;
}
.view-sub-sections .views-field-name {
  font-weight: 900;
}
.view-sub-sections-children .row .col {
  margin-bottom: 15px;
}

/* FAQ */
#block-views-block-faq-block-1 {
  margin-bottom: 50px;
}
.faq .panel-default .panel-heading,
.views-field-field-faq-pair .panel-default .panel-heading {
  background-color: transparent;
}
.faq .panel-title a,
.views-field-field-faq-pair .panel-title a {
  text-decoration: none;
  color: #18252a;
}
.faq .panel-title a::before,
.views-field-field-faq-pair .panel-title a::before {
  font: bold 12px "Font Awesome\ 5 Free";
  content: "\f078";
  margin-right: 5px;
}
.faq .panel-title a:hover,
.views-field-field-faq-pair .panel-title a:hover {
  border-bottom: 0;
}
.faq .panel-collapse,
.views-field-field-faq-pair .panel-collapse {
  padding: 20px 20px 10px 35px;
  border-top: 5px solid #feb70d;
  border-left: 1px solid rgb(0, 0, 0, .125);
  margin-bottom: 10px;
}
.faq .card,
.views-field-field-faq-pair .card {
  border: 0;
  border-radius: 0;
}
.faq .card-header:first-child,
.views-field-field-faq-pair .card-header:first-child {
  border-radius: 0;
}

/* Meetings */
.region-full-width-content .block-views-blockmeetings-block-1 h2.block-title {
  padding: 0;
  margin-bottom: 35px;
}
.region-full-width-content .block-views-blockmeetings-block-1 .row .col {
  margin-bottom: 15px;
}


/* Sidebar elements */
.desc-contacts {
  display: flex;
}
.desc-contacts .description {
  flex: 2;
  padding-right: 3em;
}
.desc-contacts .extra-info {
  flex: 1;
}
.desc-contacts .extra-info .location {
  display: flex;
}

/* Embedded items */
.embedded-entity figcaption {
  display: none;
}
.embedded-entity h2 {
  font-size: 18px;
}

/* Mayor's page */
#block-views-block-mayor-s-administration-block-1 a,
#views-bootstrap-council-members-block-1 a,
#block-views-block-mayor-s-administration-block-1 a:hover,
#views-bootstrap-council-members-block-1 a:hover {
  border: none !important;
}
#block-views-block-mayor-s-administration-block-1 h2,
#views-bootstrap-council-members-block-1 h2 {
  margin-bottom: 40px;
}
.mayors-office-grid,
.council-members-grid {
  text-align: center;
  color: #18252a;
  display: block;
  padding-bottom: 20px;
  margin-bottom: 30px;
  line-height: 1.7em;
}
a.mayors-office-grid:hover,
a.council-members-grid:hover {
  color: #fff;
  background: #18252a;
  text-decoration: none;
}
.mayors-office-grid:hover img,
.council-members-grid:hover img,
.detroit-government.mayor a:hover img,
.detroit-government.city-clerk a:hover img,
#views-bootstrap-detroit-government-city-council-block-1 a:hover img {
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.mayors-office-grid p,
.council-members-grid p {
  font-size: 29px;
  margin: 20px 0 0 0;
}
.mayors-office-grid h4,
.council-members-grid h4 {
  font-size: 24px;
  text-transform: uppercase;
  padding: 0 5px;
  margin: 5px auto;
}
.mayors-office-grid p span {
  font-size: 20px;
  text-transform: uppercase;
  padding: 0 5px;
  font-weight: 900;
  margin-bottom: -15px;
  display: block;
}

/* News and Events */
body.path-news .page-header,
body.path-events .page-header {
  border-bottom: 5px solid #feb70d;
  margin: 0 0 20px 0;
}
body.path-news .desc-contacts {
  display: block;
}
.event-preview-top {
  display: flex;
}
.event-preview-top .date {
  width: 53px;
  height: 53px;
  text-align: center;
  text-transform: uppercase;
  border: 2px solid #18252a;
  font-weight: 900;
  padding-top: 3px;
  line-height: 1.4em;
}
.event-preview-top .tag-time {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.event-preview-top .tag-time .tags {
  width: 100%;
  height: 50%;
  border-bottom: 5px solid #18252a;
  padding: 0 2px;
}
.event-preview-top .tag-time .time {
  padding: 0 4px;
  font-weight: 900;
}
.event-preview-top .tag-time .time::before {
  font: normal 20px "Font Awesome\ 5 Free";
  content: "\f017";
  position: relative;
  top: 2px;
}
#views-bootstrap-events-page-1 h3 ,
.article-title h3 {
  margin-top: 10px;
}
#views-bootstrap-events-page-1 .desc-contacts,
.path-news .desc-contacts {
  margin: 0 0 40px 55px;
}
.path-news .article-link,
.path-events .article-link,
.view-council-events .article-link {
  margin-top: 20px;
}
.path-news .article-link a,
.path-events .article-link a,
.view-council-events .article-link a {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  border: none !important;
  padding: 5px 10px;
  margin-left: -10px;
}
.path-news .article-link a::after,
.path-events .article-link a::after,
.view-council-events .article-link a::after  {
  font: bold 18px "Font Awesome\ 5 Free";
  content: "\f105";
  position: relative;
  top: 1px;
  left: 2px;
}
.path-news .article-link a:hover,
.path-events .article-link a:hover,
.view-council-events .article-link a:hover {
  background: #004445;
}
.view-council-events .desc-contacts,
.event-node .desc-contacts,
.news-node .desc-contacts,
.page-node-type-meetings .desc-contacts {
  margin: 20px 0 40px 55px;
}

/* Council/council member */
.region-full-width-content h2.block-title {
  padding: 0 15px;
  margin: 90px auto 0 auto;
}
.path-frontpage .region-full-width-content h2.block-title {
  padding: 0 15px;
}
.region-full-width-content #block-views-block-web-apps-block-1 h2.block-title {
  padding: 0;
}
#views-bootstrap-council-office-directory-block-1 .row {
  margin-bottom: 20px;
}
#views-bootstrap-council-office-directory-block-1 .row .views-field-title span {
  font-weight: 900;
}

/* Council member */
.join-email-list {
  margin: 40px 0;
}
.join-email-list a {
  border: 5px solid #18252a;
  font-size: 24px;
  font-weight: 900;
  padding: 10px 20px;
  display: table-cell;
}
.join-email-list a:hover {
  text-decoration: none;
  background-color: #9fd5b3;
  color: #004445;
  border: 5px solid #004445;
}
#block-views-block-council-member-bio-block-1 {
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto 90px auto;
}

#block-views-block-council-member-bio-block-1 .main-container {
  margin-bottom: 90px;
}


/* Council event, News */
.page-node-type-event .page-header,
.page-node-type-news .page-header {
  border: none;
}
.event-node .desc-contacts .box .icon {
  border: 1px solid #18252a;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  text-align: center;
  vertical-align: middle;
  float: left;
  display: table;
}
.event-node .desc-contacts .box .icon span {
    font-size: 20px;
    margin-top: 10px;
}
.event-node .desc-contacts .box .location-embeded {
  margin: 0 0 1em 50px;
}
.event-node .event-preview-top .tag-time .tags,
.news-node .event-preview-top .tag-time .tags {
  border-bottom: 5px solid #feb70d;
}
.event-preview-top .tag-time .tags em {
  display: none;
}
.event-banner img {
  margin: 50px auto;
}


/* Forms, Documents page */
.path-forms .view-filters,
.path-documents .view-filters,
#block-views-block-how-do-i-items-block-1 .view-filters {
  margin-bottom: 70px;
}
.path-forms .form-item label,
.path-documents .form-item label,
#block-views-block-how-do-i-items-block-1 .form-item label {
  display: block;
  text-transform: uppercase;
  font-weight: 900;
}
.path-forms .form-item input,
.path-documents .form-item input,
#block-views-block-how-do-i-items-block-1 .form-item input {
  font-size: 16px;
  padding: 21px 12px;
  border: 3px solid #004445;
}
.path-forms .view-filters .form-submit,
.path-documents .view-filters .form-submit,
#block-views-block-how-do-i-items-block-1 .form-submit {
  color: #004445;
  margin-top: 22px;
}
.path-forms .form-submit:hover,
.path-documents .form-submit:hover,
#block-views-block-how-do-i-items-block-1 .form-submit:hover {
  border: 3px solid #18252a;
  color: #18252a;
}
.path-forms #edit-name,
.path-documents #edit-name {
  max-width: 225px;
}
#views-bootstrap-site-forms-page-1 .row > .col,
#views-bootstrap-site-documents-page-1 .row > .col,
#views-bootstrap-how-do-i-page-1 .row > .col {
  margin-bottom: 40px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-radius: 50%;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus, .pagination > .active > span:focus {
  background: #004445;
  border-color: #004445;
}
.pagination > li > a,
.pagination > li > span {
  color: #004445;
  border: 0;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  padding: 6px 0;
}
.pagination .pager__item--first a,
.pagination .pager__item--last a {
  width: 75px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background: #9fd5b3;
  border-color: #9fd5b3;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-radius: 50%;
}
.pager-nav {
  margin: 50px auto;
}

/* Web App section */
.webapp-link {
  display: inline-block;
}
.page-node-type-web-apps .footer-wrapper {
  display: none;
}

/* Boards */
#views-bootstrap-boards-block-1 .row > div .field-content,
#views-bootstrap-commissions-block-1 .row > div .field-content {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 100%;
  margin-bottom: 50px;
}
#views-bootstrap-boards-block-1 .row > div .field-content a,
#views-bootstrap-commissions-block-1 .row > div .field-content a {
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 900;
  color: #18252a;
  padding: 10px;
  border: 1px solid #18252a;
  line-height: 1em;
  position:  absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
#views-bootstrap-boards-block-1 .row > div .field-content a:hover,
#block-views-block-commissions-block-1 .row > div .field-content a:hover {
  text-decoration: none;
  background-color: #9fd5b3;
  color: #004445;
}

/* Departments page */
#views-bootstrap-departments-page-1 .row {
  margin-bottom: 20px;
}

/* Read More buttons */
#views-bootstrap-departments-page-1 span.field-content a,
#views-bootstrap-site-forms-page-1 span.field-content a,
#views-bootstrap-site-documents-page-1 span.field-content a,
#views-bootstrap-forms-block-1 span.field-content a,
.view-id-sub_sections .views-field-view-taxonomy-term span.field-content a,
#documents-block .more-link a,
#more-news-btn,
#more-events-btn {
  font-size: 16px;
  font-weight: 900;
  text-transform: uppercase;
  border: none;
  padding: 5px 10px;
  margin: 10px 0 10px -10px;
  display: inline-block;
  border-bottom: none;
}
#views-bootstrap-departments-page-1 span.field-content a::after,
#views-bootstrap-site-forms-page-1 span.field-content a::after,
#views-bootstrap-site-documents-page-1 span.field-content a::after,
#views-bootstrap-forms-block-1 span.field-content a::after,
.view-id-sub_sections .views-field-view-taxonomy-term span.field-content a::after,
#documents-block .more-link a::after,
#more-news-btn::after,
#more-events-btn::after {
  font: bold 18px "Font Awesome\ 5 Free";
  content: "\f105";
  position: relative;
  top: 1px;
  left: 2px;
}
#more-events-btn {
  margin-bottom: 0;
}

.btn-primary {color: #004445;} /* login button */

/* City Hotlines */
.view-city-hotlines .views-field-name .field-content {
  font-size: 20px;
  font-weight: 900;
  margin: 40px 0 10px 0;
  display: inline-block;
}
.view-city-hotlines .views-field-field-telephone {
  margin-bottom: 1em;
}

/* BSEED Zoning Map */
.zoning-map-img {
  max-width: inherit;
}
.term-id-2631 .col-lg-3 {
  display: none;
}
.term-id-2631 .col-lg-9 {
  width: 100%;
}

/* Emergency Manager */
#archive-display .card {
  border: none;
}
#archive-display .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
#archive-display .card-header h5 {
  margin: 0;
}
#archive-display .card-header .btn {
  border: none;
  color: #18252a;
  text-decoration: none;
}
#archive-display .card-header .btn:hover {
  color: #fff;
  background: #004445;
}
#archive-display .collapse {
  padding: 20px 20px 10px 0px;
  border-top: 5px solid #feb70d;
  border-left: 1px solid rgb(0, 0, 0, .125);
  margin-bottom: 10px;
}

/* Meeting (single) */
.page-node-type-meetings .page-header {
  border: none;
}
.page-node-type-meetings .event-preview-top .tag-time .tags {
  border-bottom: 5px solid #feb70d;
}
.tags a {
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  background: #004445;
  text-transform: uppercase;
  border: none;
  padding: 2px 7px 0 7px;
  position: relative;
  top: -2px;
}
.tags a:hover {
  color: #004445;
  background: #9fd5b3;
  border: none;
}
.page-node-type-meetings .event-preview-top .tag-time .tags {
  padding: 0 5px;
}
.tags .meeting {
font-size: 12px;
font-weight: 900;
}

/* Photo Slider
.slick-arrow {
  width: 60px;
  height: 140px;
}
.slick-arrow::before {
  color: #18252a;
  font: bold 120px "Font Awesome\ 5 Free";
  background: #fff;
}
.slick-prev::before {
  content: "\f104";
}
.slick-next::before {
  content: "\f105";
}
.slick-arrow:hover::before {
    color: #18252a;
} */

/* Web App Pages */
.page-node-type-web-apps header {
  display: block;
}
.page-node-type-web-apps #main-menu {
  margin-top: 0;
}
.page-node-type-web-apps .navbar-btn {
  margin-top: 3px;
  margin-bottom: -47px;
}
.page-node-type-web-apps #block-detroitmi-main-menu .big-menu {
  position: fixed;
  top: 19px;
  right: 9px;
}
.page-node-type-web-apps .logo img {
  display: none;
}
.page-node-type-web-apps .logo {
  background: url(/themes/custom/detroitmi/images/logo-footer.png) no-repeat;
  width: 68px;
  height: 78px;
  display: block;
  margin-bottom: -50px;
  position: relative;
  z-index: 1;
}
.page-node-type-web-apps .main-container {
  width: 100%;
  padding: 0;
  margin-top: 0;
}
.page-node-type-web-apps .main-container .page-header {
  margin: 0;
  font-size: 20px;
  text-transform: none;
  z-index: 1;
  width: 100%;
}
.page-node-type-web-apps .main-container .page-header span {
  padding: 0 78px 13px 78px;
  text-align: left;
  margin: 0 auto;
  display: block;
}
.page-node-type-web-apps .region-breadcrumbs,
.page-node-type-web-apps #center-header {
  display: none;
}
.page-node-type-web-apps .footer-wrapper {
  margin-top: 0;
}
.page-node-type-web-apps  .highlights {
  margin: 0;
}
.web-apps {
  height: 100%;
}


/* Staff */
#block-views-block-contacts-special-block-1 {
  margin-top: 90px;
}
#block-views-block-contacts-special-block-1 h2.block-title {
  margin-top: 0px;
}
#block-views-block-contacts-special-block-1 .icon {
  display: none;
}
#block-views-block-contacts-special-block-1 .contact-item .box .contact-info {
  margin: 1em 0;
  text-align: center;
}
#block-views-block-contacts-special-block-1 .portrait img {
  margin: 0 auto;
  border-radius: 50%;
}

/* Contacts Text, Staff, ODG */
#block-views-block-contacts-text-block-1 .views-field-field-portrait,
#block-views-block-contacts-text-block-1 .views-field-field-portrait .field-content {
  display: inline;
}
#block-views-block-contacts-text-block-1 .views-field-field-portrait .field-content img {
  border-radius: 50%;
}
#block-views-block-contacts-text-block-1 .views-row {
  margin: 50px 0;
}
#block-views-block-contacts-text-block-1 .views-row:nth-child(odd) .views-field-field-portrait {
  float: left;
  padding: 20px 20px 20px 0;
}
#block-views-block-contacts-text-block-1 .views-row:nth-child(even) .views-field-field-portrait {
  float: right;
  padding: 20px 0 20px 20px;
}

/* Council Office Directory */
#block-views-block-council-office-directory-block-1 .views-field-title .field-content {
  font-weight: 900;
}
#block-views-block-council-office-directory-block-1 .col {
  margin-bottom: 1em;
}


/* */
.visitor-feedback-btn a {
  font-weight: 900;
  text-transform: uppercase;
  background: #9fd5b3;
  color: #004445;
  border: none;
  padding: 5px 10px;
}
.visitor-feedback-btn {
  position: fixed;
  bottom: 0;
  right: 0;
}

/* */
.media {
  overflow: visible;
}
.file > span {
  color: #18252a;
}
.block:first-child h2.block-title {
  margin-top: 80px;
}

/* Partners D-ID */
.view-detroit-id-partners {
  text-align: center;
}
.view-detroit-id-partners #edit-field-business-type-target-id a {
  font-weight: 900;
  margin: 10px;
  display: inline-block;
}
.view-detroit-id-partners .views-exposed-form {
  text-align: left;
}
#views-bootstrap-detroit-id-partners-block-1 .img-responsive {
  margin: 0 auto;
}
#views-bootstrap-detroit-id-partners-block-1 .col {
  margin-bottom: 70px;
}

/* Map Styles */
#sidemap{width:100%; height: 120%}
#sidemap .mapboxgl-ctrl-logo, #sidemap .mapboxgl-ctrl-compass{ display: none !important}
#sidemap .mapboxgl-popup{transform: none !important; width:90%; position: relative; margin: 2em auto; }
#sidemap .mapboxgl-popup-tip,
#sidemap .mapboxgl-popup-close-button{display: none !important}
#sidemap .mapboxgl-popup-content{box-shadow: 0 1px 2px rgba(0,0,0,0.50);}
#sidemap .mapboxgl-popup-content h1{font-size:1.5vw !important; text-align: center !important; color: #004445; font-family: 'Montserrat', sans-serif;}

/* Prototype property page */
.property-overview, .grouping-item, .property-page-container{
  display: flex;
}
.side-items{
  width: 18em;
  padding-left: 1em;
  display: inline-block;
}
.property-container, .property-overview .grouping{
  flex: 1;
}
.property-overview .grouping:first-child{
  padding-right: .5em;
}
.property-overview .grouping:last-child{
  padding-left: .5em;
}
.grouping-item{
  padding: .5em 0;
  border-top: 1px solid #9fd5b3;
}
.grouping-item article:not(.item-icon){
  flex: 1;
}
.grouping-item article.item-icon{
  padding: 0 0.5em
}
.grouping-item article:last-child{
  text-align: right;
  font-weight: bold;
}
#design-options-section .grouping{
  padding-left:0;
}
#design-options-section .field--item{
  display: none;
}
#design-options-section .field--type-boolean {
    display: inline-block;
}
#design-options-section .field--label{
  display: inline;
  margin-left: 0.15em;
}
#design-options-section .grouping-item .item-label{
  flex:initial;
}
.page-wrap>.main-container nav.tabs,
.page-wrap>.main-container article[typeof='schema:Person']{
  display: none;
}
.view-property-listing-prototype .views-view-grid .views-row{
  margin-bottom: 1em;
}
.open-house-info{
  display: inline-block;
  vertical-align: middle;
}
.virtual-tour{
  display: inline-block;
  text-align: center;
}
.virtual-tour a{
  max-width: 300px;
  margin:0 auto;
}
.virtual-tour .thumbnail{
  margin-bottom: 5px;
}
.virtual-tour .thumbnail img{
  width: 100%;
}

/*--Open Data Portal--*/

.open-data-tool-description{
  margin-bottom: 1em;
}
.container a.launch-btn{
  background: #004445;
  color: white;
  font-weight: 900;
  padding: 0.5em 2em;
  margin-right: 5px;
}
.container a.launch-btn:hover {
  background: #9fd5b3;
  color: #004445;
  border: none;
}
.open-data-tool{
  margin-bottom: 3.5em;
}
.open-data-tool p{
  width: 75%;
}
.open-data-tool-header{
  height: 60px;
}
.open-data-tool-icon{
  width: 50px;
  height: 50px;
  border: 3px solid #18252a;
  display: inline-block;
}
.open-data-tool-title{
  width: 70%;
  display: inline-block;
  border-bottom: 3px solid #18252a;
  vertical-align: top;
}
.open-data-tool-title a{
  font-weight: 900;
  border-bottom: none;
  margin-left: 5px;
}
.open-data-tag-department{
  display: inline-block;
}
.open-data-tool .open-data-tags,
.open-data-tag-department a{
  display: inline-block;
  font-size: 12px;
  font-weight: 900;
  color: #fff;
  background: #004445;
  text-transform: uppercase;
  border: none;
  padding: 1px 7px 0 7px;
  position: relative;
  height: 20px;
  vertical-align: top;
  margin-right: 5px;
  top: 5px;
}
.open-data-tag-department a:hover{
  color: #004445;
  background: #9fd5b3;
  border: none;
}
.open-data-tool-tags{
  display: inline-block;
  position: relative;
  top: -26px;
  left: 55px;
}
.open-data-tool-tags ul{
  padding: 0px;
}
.open-data-tool-tags ul li{
  display: inline-block;
  list-style-type: none;
  padding: 0px;
}
.open-data-tool-buttons i{
  margin-left:5px;
}
.open-data-tool-buttons a {
  background: #004445;
  color: white;
  font-weight: 900;
  padding: 0.5em 2em;
  margin-right: 5px;
}
.open-data-tool-buttons a:hover {
  background: #9fd5b3;
  color: #004445;
  border: none;
}
.open-data-tool-icon{
  font-size: 24px;
  padding: 10px;
}
.view-open-data-tools .btn{
  background: #004445;
}
.view-open-data-tools .btn-info:hover{
  color: #004445;
  background: #9fd5b3;
  border-color: #9fd5b3;
}
.fas.government:before{
  content: "\f594"
}
.fas.public-safety:before{
  content: "\f1ba"
}
.fas.property-and-parcels:before{
  content: "\f015"
}
.fas.education:before{
  content: "\f19d"
}
.fas.transportation:before{
  content: "\f207"
}
.fas.public-health:before{
  content: "\f47d"
}
.fas.maps:before{
  content: "\f279"
}
.fas.permits:before{
  content: "\f46d"
}

/* Bridging Neighborhoods */
#block-bridgingeligibilitychecker label[for=eligibility-checker] {
  font-size: 40px;
  font-weight: 900;
}
#block-bridgingeligibilitychecker input#eligibility-checker {
  font-size: 16px;
  font-family: "Montserrat";
  padding: 21px 35px;
  border: 3px solid #004445;
}
#block-bridgingeligibilitychecker .mapboxgl-ctrl-geocoder .geocoder-icon-search {
  top: 15px;
  left: 15px;
}
#block-bridgingeligibilitychecker .mapboxgl-ctrl-geocoder .geocoder-pin-right * {
  top: 15px;
  right: 15px;
}
#block-views-block-property-listing-block-1 .view-filters.form-group form .form-item {
  margin: 10px 20px 10px 0;
}
#block-views-block-property-listing-block-1 .view-filters.form-group form .form-item label {
  display: block;
  text-transform: uppercase;
  font-weight: 900;
}
#block-views-block-property-listing-block-1 .select-wrapper select {
  height: 48px;
  border: 3px solid #004445;
}
#block-views-block-property-listing-block-1 .select-wrapper:after {
  color: #004445;
}
#views-bootstrap-property-listing-block-1 article {
  margin-bottom: 30px;
}
#views-bootstrap-property-listing-block-1 article strong a {
  margin-top: 10px;
  display: inline-block;
}

/* Utilities */
.flex-it{
  display: flex;
}
.inner-center-content{
  margin: auto;
}

/************************************/
/********** Mediaqueries ************/
/************************************/

@media (max-width: 1200px) {
  .main-container {
    margin-bottom: 50px;
  }
  .page-header {
    margin: 20px 0 70px 0;
  }
}

@media (max-width: 992px) {
  .sparty-img {
   top: 225px;
  }
  .path-frontpage .more-link {
    text-align: center;
  }
  #block-myhomeinfo {
    margin-top: 60px;
  }
  #block-myhomeinfo #local-services {
    padding: 0;
  }
  #views-bootstrap-action-button-content-block-2 a {
   padding-top: 250px;
  }
  .region-sidebar-second {margin-top: 70px;}

  a.action-btn-wrapper {
    padding-top: inherit;
    margin: 20px 0;
  }
  a .action-button {
    text-align: inherit;
    position: inherit;
    padding: 10px 10px 30px 120px;
  }
  a:hover .action-button {
    padding: 10px 10px 30px 120px;
  }
  a .action-button span,
  a .action-button i {
    position: absolute;
    left: 0;
    top: -10px;
  }

  .path-frontpage .action-btns {
    width: 100%;
    float: none;
  }
  .path-frontpage .dynamic-links {
    width: 344px;
    padding-top: 337px;
    margin-top: -413px;
  }

  .detroit-government.top-section h2,
  .detroit-government.channels {
    float: none;
    width: 100%;
  }
  .detroit-government.city-clerk,
  .detroit-government.city-clerk-news {
    margin-top: 40px;
  }
  .detroit-government.mayor,
  .detroit-government.mayor-events,
  .detroit-government.city-clerk,
  .detroit-government.city-clerk-news {
    width: 50%;
  }
  .detroit-government.city-council,
  .detroit-government.city-council-events {
    width: 100%;
    float: none;
  }

  .full-width {
    padding: 0  15px;
  }
  #playlist-container {
    display: inherit;
  }
  #active-video {
    width: 100%;
  }
  #npo-results .npo-content .info-section {
    width: 47%;
  }
}

@media (max-width: 768px) {
  .sparty-img {
   display: none;
  }
  .sparty .btn-txt-wrap {
    border-left: none;
    border-right: 5px solid #feb70d;
    margin: 20px 120px 20px 20px;
  }
  .path-frontpage .dynamic-links {
    width: 100%;
    float: none;
    padding-left: 0;
    padding-top: 250px;
    margin: 0 auto 50px auto;
  }
  .region-full-width-content .detroit-government.top-section h2.block-title,
  .detroit-government.channels {
    width: 100%;
  }
  .event-node .desc-contacts {
    display: block;
  }
  .event-node .desc-contacts .description,
  .event-node .desc-contacts .extra-info {
    flex: none;
    padding: 0;
  }
  .event-node .desc-contacts .extra-info  {
    margin-top: 40px;
  }
  #block-views-block-featured-block-1,
  #block-views-block-latest-block-1,
  #block-views-block-featured-block-3,
  #block-views-block-latest-block-3 {
   flex: inherit;
   width: 100%;
  }
  #block-views-block-latest-block-1,
  #block-views-block-latest-block-3 {
   margin-top: 50px;
  }

  #block-myhomeinfo #local-services {
    margin-top: 20px;
  }
}

@media (max-width: 576px) {
  .main-container {
    margin-bottom: 50px;
  }

  .detroit-government.mayor,
  .detroit-government.mayor-events,
  .detroit-government.city-clerk,
  .detroit-government.city-clerk-news {
    width: 100%;
  }
  .detroit-government.channels {
    display: block;
  }
  .detroit-government.channels-logo {
     display: block;
     width: 100%;
   }
   a.detroit-government.channel {
     margin: 40px 10px 0 10px;
   }
   a.detroit-government.channel:hover {
     margin: 0 10px;
   }
   .detroit-government.channel .ch-desc {
     z-index: 1;
   }
   #block-views-block-contacts-text-block-1 .views-row:nth-child(odd) .views-field-field-portrait,
   #block-views-block-contacts-text-block-1 .views-row:nth-child(even) .views-field-field-portrait  {
     float: none;
     padding: 20px;
     margin: 0 auto;
   }
   #block-views-block-contacts-text-block-1 .views-field-field-portrait .field-content img {
     margin: 0 auto;
   }
   #block-views-block-contacts-text-block-1 .views-field-field-portrait,
   #block-views-block-contacts-text-block-1 .views-field-field-portrait .field-content {
    display: block;
   }
   #block-views-block-contacts-text-block-1 .views-field-title,
   #block-views-block-contacts-text-block-1 .views-field-field-contact-position {
     text-align: center;
   }
   #block-views-block-contacts-text-block-1 .views-field-field-contact-position {
     margin-bottom: 20px;
   }
}

@media (max-width: 480px) {
  .page-node-type-web-apps #logo {
    margin: 0;
  }
  .page-node-type-web-apps .logo {
    margin: 0 0 -60px 0;
  }

.more-link a {
  display: block;
}
#archive-display .card-header .btn {
  white-space: normal;
  margin: 0 auto;
  display: block;
}
#npo-search {
  display: inherit;
}
#npo-results .npo-content .info-section {
  width: 100%;
}
.sparty .btn i {
  top: auto;
  bottom: 0;
  right: 20px;
  font-size: 50px;
}
.sparty .btn-txt-wrap {
  border-right: none;
  margin: 20px;
}
#block-sparty {
  border-left: 5px solid #feb70d;
}
}

/* Bootstrap breaking points */
@media (min-width: 576px) {
  .path-frontpage .views-element-container .block-title,
  .region-full-width-content h2.block-title,
  #block-views-block-council-member-bio-block-1,
  .page-node-type-web-apps .main-container .page-header span {
    width: 100%;
  }
  #block-myhomeinfo input#geocoder-input {
  /*  width: 335px; */
  }
}

@media (min-width: 768px) {
  .path-frontpage .views-element-container .block-title,
  .region-full-width-content h2.block-title,
  #block-views-block-council-member-bio-block-1,
  .page-node-type-web-apps .main-container .page-header span {
    width: 750px;
  }
}

@media (min-width: 992px) {
  .path-frontpage .views-element-container .block-title,
  .region-full-width-content h2.block-title,
  #block-views-block-council-member-bio-block-1,
  .page-node-type-web-apps .main-container .page-header span {
    width: 970px;
  }
  .featured-latest-wrap > .container {
    display: flex;
  }
  .detroit-opportunities .container {
    position: relative;
    left: -15px;
  }

  #playlist-container .video-playlist {
    height: 422px;
    overflow-y: scroll;
  }
}

@media (min-width: 1200px) {
  .path-frontpage .views-element-container .block-title,
  .region-full-width-content h2.block-title,
  #block-views-block-council-member-bio-block-1,
  .page-node-type-web-apps .main-container .page-header span {
    width: 1170px;
  }
  .text-columns { /* council pages */
    columns: 2 auto;
  }
	.text-columns-2 {
    columns: 2 auto;
  }
	.text-columns-3 {
    columns: 3 auto;
  }
	.text-columns-4 {
    columns: 4 auto;
  }
	.text-columns-5 {
    columns: 5 auto;
  }
	.text-columns-6 {
    columns: 6 auto;
  }
  #playlist-container .video-playlist {
    height: 515px;
    overflow-y: scroll;
  }
  .paragraph.combo-card .field--item{
    display: flex;
    min-height: 22em;
  }
}



@media print {
#center-header,
#main-menu,
.visitor-feedback-btn,
.virtual-tour,
.footer-wrapper,
.region-alert {display: none !important;}
#overview {margin-top: 100px;}

}