/* 
City of Detroit styles
Goran Bankovic

@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,800);
*/


/* Header */
#header5 {border: none;}
.Login .sep {display: none;}
.dnn_logo {float: none; margin: 0 auto 10px auto; width: 140px;}
#dnn_dnnLOGO_imgLogo {max-height: inherit; padding: 0;}

.Head_right {display: none;}
.dnnEditState .Head_right {display: block;}

.Head_Left {float: none;}
.Head_Left nav {width: 575px; margin: 0 auto;}
#dnngo_megamenu > div > ul > li > a > span {font-weight: bold; letter-spacing: .5px; line-height: 40px;}
.pulldownsearch {right: 21%;}

.roll_menu.roll_activated .pulldownsearch {display: block;}

#dnn_dnnSEARCH_ClassicSearch .searchSkinObjectPreview_group {display: none;} /* Removes the source from search suggested results drop down */
.dnnSearchResultContainer .dnnSearchResultItem .dnnSearchResultItem-Others:nth-child(5) {display: none;} /* Removes author and source from search result page */

/* Service Links & Google Translate */
.dt-service-links {text-align: right; font-size: 11px; margin-bottom: -30px; position: relative; z-index: 2;}
#google_translate_element {display: inline-block; position: relative; top: -2px; width: 115px;}
.skiptranslate.goog-te-gadget {width: 90px;}
.skiptranslate.goog-te-gadget .goog-te-gadget-simple {border: none;}
.skiptranslate.goog-te-gadget .goog-te-gadget-simple span a {font-size: 11px; font-family: 'Open Sans', sans-serif; text-decoration: none !important; color: #666 !important;}
.skiptranslate.goog-te-gadget .goog-te-gadget-simple img.goog-te-gadget-icon {display: none;}

.device-hide {display: inline;}

/* Nav */
#dnngo_megamenu > div > ul > li > a:hover > span,
#dnngo_megamenu > div > ul > li.menu_hover > a > span,
#dnngo_megamenu > div > ul > li.current > a > span,
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li > a:hover > span, 
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.menu_hover > a > span, 
.roll_menu.roll_activated #dnngo_megamenu > div > ul > li.current > a > span  {color: #fff;}

#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span:before {/* content: ""; */ font-size: 12px;}
#dnngo_megamenu .dnngo_boxslide .menu_centerbox > div > ul > li > a > span {font-size: 14px;}
.roll_menu.roll_activated .dnn_menu,
.roll_menu.roll_activated .Head_Left {float: none;}

.breadcrumbBox h3 {font-weight: bold;}


.dt-menu-opportunities {text-align: center;}
.dt-menu-opportunities  a {}
.dt-menu-opportunities  a :hover {opacity: .7;}


.dnnForm.dnnFAQs.dnnClear td {width: 100%;}

/* Search */

#search.searchBox {display: block !important; padding: 0; top: 0; right: 0; margin-top: 0; border: none; height: 39px !important;}
.pulldownsearch {right: 0;}
.searchArrow,
.searchbut {display: none;}
.searchBox #dnn_dnnSEARCH_ClassicSearch {background: #fff; height: 40px;}
.parallax-skin .searchBox #dnn_dnnSEARCH_ClassicSearch {height: 39px;}
.searchBox #dnn_dnnSEARCH_cmdSearch {background: url("i/icon-search.png") no-repeat scroll -19px -9px  / 220% auto #09c; font-size: 0;}
#search input.NormalTextBox {font-weight: bold; top: 10px; width: 245px; text-align: center; padding: 0 0 0 35px;}
ul.searchSkinObjectPreview {width: 768px;}
.search, 
a.search:link, 
a.search:active, 
a.search:visited  {width: 40px; height: 40px;}
.roll_menu.roll_activated .pulldownsearch #search.searchBox {margin-top: 5px;}

/* Home Page */
.det-hp-slide-title  {font-size: 36px; line-height: 53px;}
.det-hp-slide-title  a {color: #fff; background: #09c;}
.det-hp-slide-title  a:hover{color: #fff; background: #2e2e2e;}

.dt-home-quick-links {background: rgba(0,0,0,0.65);/* background: rgba(0,0,0,0.65) url(i/triangle-down-white.png) center top no-repeat; */ color: #fff; padding: 50px; width: 290px; height: 400px; margin-bottom: -400px; position: relative; top: 0; z-index: 22; float: right;}
.dt-home-quick-links ul {padding: 0; margin: 40px 0 0 0; list-style: none;}

.dt-home-quick-links a {color: #fff; font-size: 14px; font-weight: bold;}
.dt-home-quick-links a:hover {color: #ffa902; text-decoration: none;}
#dnn_BannerPane {overflow: hidden;}

/* Home Page slide text link */
.dt-link-overlay {width: 100%; padding-bottom: 23.5%; display: block; position: absolute; z-index: 21;}
.dt-link-overlay img {margin-bottom: -100%;}
.dt-hp-slide-text-white {text-align: center; color: #fff; font-size: 30px; font-weight: bold;}
.dt-hp-slide-text-white a {color: #fff;}
@media (min-width: 1600px) {
.dt-link-overlay {padding-bottom: 0; height: 400px;}
}

/* */
.home-page-skin  section#dnn_content {margin: 0;}
.dt-hp-bg {background: url(i/stripegreen2.png); min-height: 157px;}

.dt-home-row1 .btn-group {width: 18%; margin: 0 1%; float: left; font-family: 'Open Sans', sans-serif;}
.dt-home-row1 .btn-group a.dt-hp-opportunities,
.dt-home-row1 .btn-group button  {width: 157px; height: 157px; padding: 10px; position: relative; top: -103px; margin: 0 auto; display: block; text-align: center; border-radius: 50%; font-size: 12px; font-weight: bold; text-transform: uppercase; line-height: 1em; font-family: 'Open Sans', sans-serif; font-weight: 800; color: #fff;}
.dt-home-row1 .btn-group a.dt-hp-opportunities {border: 2px solid #2e2e2e; font-size: 16px; text-transform: uppercase; padding: 27px 0; font-weight: 700; background: #fff url(i/icon-opportunity.png) no-repeat center center; color: #09c;}
.dt-home-row1 .btn-group a.dt-hp-opportunities:hover {text-decoration: none; background: #09c url(i/icon-opportunity-white.png) no-repeat center center; color: #fff; border: 2px solid #fff;}
.dt-home-row1 .btn-group.dt-hp-opp1 {display: none;}
.dt-home-row1 .btn-group .dropdown-menu {position: relative; top: -160px; min-width: 100%; margin-bottom: -100%; border-radius: 0;}
.dt-home-row1 .btn-group button hr {margin: 28px 0 10px 0;}
.hp-residents {background: #4d5258 url(i/icon-residents.png) no-repeat center 5px; border: 2px solid #4d5258;}
.hp-business {background: #7a7a7a url(i/icon-business.png) no-repeat center 5px; border: 2px solid #7a7a7a;}
.hp-auctions {background: #2e2e2e url(i/icon-auctions.png) no-repeat center 5px; border: 2px solid #2e2e2e;}
.hp-search {background: #c3c5ba url(i/icon-search.png) no-repeat center 5px; border: 2px solid #c3c5ba;}

.dt-home-row2 {margin-top: 40px;}
.dt-home-row2 button {width: 100%; margin: 0 auto; float: none;}

.dt-hp-socials {width: 375px; margin: 0 auto; position: relative; top: -22px; z-index: 22;}
.dt-hp-socials a {width: 44px; height: 44px; margin: 0 8px; display: block; font-size: 0; float: left; border-radius: 50%;}
.dt-hp-socials a:hover {opacity: .7;}
.dt-facebook {background: url(i/social/icon-facebook.png) no-repeat;}
.dt-youtube {background: url(i/social/icon-youtube.png) no-repeat;}
.dt-instagram {background: url(i/social/icon-instagram.png) no-repeat;}
.dt-linked-in {background: url(i/social/icon-linked-in.png) no-repeat;}
.dt-channel-10 {background: url(i/social/icon-channel-10.png) no-repeat;}
.dt-channel-22 {background: url(i/social/icon-channel-22.png) no-repeat;}
.dt-calendar {background: url(i/social/icon-calendar.png) no-repeat;}

.dt-hp-announce {padding: 5px 10px 70px 10px; clear: both; text-align: center;}
.dt-hp-announce h2 {margin: 0; text-align: center;}
.dt-hp-announce p {text-align: center;}
.dt-hp-announce h2 a {padding: 0 5px;}
.dt-hp-announce h2 a:hover {color: #fff; background: #09c; text-decoration: none;}

.dt-hp-initiatives {background: #2e2e2e; padding: 40px 80px 0 80px; margin-bottom: -30px;}
.dt-hp-initiatives .dt-hp-inner {border-bottom: 1px solid #fff; padding: 0 0 30px 0;}
.dt-hp-initiatives  h2,
.dt-hp-initiatives  a {display: block; width: 18%; margin: 10px .8%; float: left;} /* 3 items  width: 23%; */
.dt-hp-initiatives  a:hover {opacity: .7;}
.dt-hp-initiatives  a:last-child {margin-right: 0;}
.dt-hp-initiatives  a img {display: block; margin: 0 auto;}
.dt-hp-initiatives  h2 {font-size: 18px; text-transform: uppercase; color: #fff; padding-top: 35px;}

/* Show on mobile only */

.det-mob-only {display: none; text-align: center; margin: -20px 0 20px 0; clear: both;}
.det-mob-only  a:hover {opacity: .7;}

/* Footer */
.copyright_style, 
.FooterPane {float: none; text-align: center; background: #2e2e2e; padding-top: 0; font-size: 11px; font-style: italic;}
.FooterPane .Normal {font-size: 11px; padding: 0 0 30px 0; margin-bottom: -30px;} 
.copyright_style {padding-top: 30px;}
.copyright_style .sep {display: none;}
.Footer_Bottombg {background: #2e2e2e; padding-top: 0;}
.home-page-skin .Footer_Bottombg {background: #09c;}

/* dt Icons */
.dt-icons {}
.dt-ico-gavel {background: url(i/icon-gavel.png) no-repeat center center; width: 32px; height: 32px;}

.DnnModule-529 .social,
.DnnModule-571 .social {font-size: 20px;}

/* Search Page */
.dnnSearchBox_advanced_label,
.dnnSearchResultAdvancedTip {font-size: 11px;}
.dnnSearchResultPanel {margin: 0;}

.dnnSearchResultPanel,
.dnnSearchBoxPanel {background-color: #fff;}


a.glyphicons {text-decoration: none;}

/* How do I icon tables */
.table-responsive.howdoi-table.legend {text-align: center; margin-bottom: 50px;}
.table-responsive.howdoi-table.legend td {border: none;}
.table-responsive.howdoi-table {}
.table-responsive.howdoi-table .glyphicons {font-size: 30px; margin: 0 auto; display: block; text-decoration: none;}
.table-responsive.howdoi-table td {vertical-align: middle;}
.table-responsive.howdoi-table.legend.dt-pay td {width: 16.66%;}

.dt-tbl-h {background-color: #999; color: #fff;}
.dt-tbl-h td:hover {background-color: #fff; color: #999;}

/* How do I, Grants */
.dt-grants-hdi .column-1 {}
.dt-grants-hdi .column-2 {width: 120px;}

#duggan .accordion_4,
#duggan .accordion_4 .panel-heading .panel-title a {border: none;}

/* LightBox PopUp */
button.mfp-close {right: 20%;}

/* FAQs */
.dt-faq-arrow {float: left; padding-top:5px; padding-bottom:5px;}
.dt-faq-item {padding-top:5px; padding-bottom:5px; border-top: 1px solid #ededed;}
.faqsList>span>div>a:hover {text-decoration: none;}
.faqsList>br {display: none;}

/* Admin Page Management Area */
.dnnTreeArea {width: 100%;} 

/* Detroit Opportunities  */
.dt-opps-title {padding: 30px 0; background-color: #0099cc; margin-bottom: 40px;}
.dt-opps-title h1 {font-size: 30px; text-align: center;color: #fff;}
.dt-opportunities h3 a {color: #fff;}
.dt-opportunities ul.list_style1 li a {color: #fff;}

.dt-opportunities .flip_box {height: 300px;}

.dt-opp-list li {list-style: none;}
.dt-opp-list > li.dt-opp-list-level-1 {font-size: 18px; font-weight: bold; margin-top: 20px;}
.dt-opp-list > li.dt-opp-list-level-1 > ul > li {font-size: 16px; font-weight: normal;}
.dt-opp-list .dt-opp-list-level-1 li li {font-size: 14px; font-weight: normal;}
.dt-opp-anch {position: relative; top: -50px; z-index: 0;}

.dt-opp-row-2 {margin-top: 27px;}

.dt-opps-faq .dt-faq-item {background-color: #09c; color: #fff; font-weight: bold; font-size: 18px;}
.dt-opps-faq .dt-faq-arrow {padding: 8px;}
.dt-faq-item-look a {display: block; padding: 5px 32px; background-color: #09c; color: #fff; font-weight: bold; font-size: 18px; border-top: 1px solid #fff;}
.dt-faq-item-look a:hover {text-decoration: none; background: #ccc;}

/* Calendar */
#dnn_ctr577_ModuleContent .ThemeEvents-Grey .EvtHdrMdlCol {text-align: left; width: 100%;}
#dnn_ctr577_ModuleContent .ThemeEvents-Grey .TopIconBar {width: 50px; float: right;}
#dnn_ctr577_ModuleContent .ThemeEvents-Grey .SelCategoryTR {text-align: left; height: inherit; margin-top: 7px;}
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_Input,
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_DropDown {width: 250px !important;}
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_lblCategory {position: relative; top: -14px;}
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_EventCalendar a {color: #000;}
#dnn_ctr577_ModuleContent .ThemeEvents-Grey .EventDayScroll {height: 80%;} /* fix for cell content showing over bottom border */
#dnn_ctr577_ModuleContent .EventDayScroll div {margin-bottom: 5px; border-bottom: 1px solid #ebebeb;}

/* Calendar - Council Sessions */
#dnn_ctr8319_ModuleContent .ThemeEvents-Grey .EvtHdrMdlCol {text-align: left; width: 100%;}
#dnn_ctr8319_ModuleContent .ThemeEvents-Grey .TopIconBar {width: 50px; float: right;}
#dnn_ctr8319_ModuleContent .ThemeEvents-Grey .SelCategoryTR {text-align: left; height: inherit; margin-top: 7px; display: none;} /* hiding category drop down */
#dnn_ctr8319_ModuleContent #dnn_ctr8319_Events_EventMonth_SelectCategory_ddlCategories_Input,
#dnn_ctr8319_ModuleContent #dnn_ctr8319_Events_EventMonth_SelectCategory_ddlCategories_DropDown {width: 250px !important;}
#dnn_ctr8319_ModuleContent #dnn_ctr8319_Events_EventMonth_SelectCategory_lblCategory {position: relative; top: -14px;}
#dnn_ctr8319_ModuleContent .ThemeEvents-Grey .EventTodayDay,
#dnn_ctr8319_ModuleContent #dnn_ctr8319_Events_EventMonth_EventCalendar a {color: #000;}
#dnn_ctr8319_ModuleContent .ThemeEvents-Grey .EventDayScroll {height: 80%;} /* fix for cell content showing over bottom border */

/* Calendar - Board of Zoning Appeal Calendar */
#dnn_ctr9955_ModuleContent .ThemeEvents-Grey .EvtHdrMdlCol {text-align: left; width: 100%;}
#dnn_ctr9955_ModuleContent .ThemeEvents-Grey .TopIconBar {width: 50px; float: right;}
#dnn_ctr9955_ModuleContent .ThemeEvents-Grey .SelCategoryTR {text-align: left; height: inherit; margin-top: 7px; display: none;} /* hiding category drop down */
#dnn_ctr9955_ModuleContent #dnn_ctr9955_Events_EventMonth_SelectCategory_ddlCategories_Input,
#dnn_ctr9955_ModuleContent #dnn_ctr9955_Events_EventMonth_SelectCategory_ddlCategories_DropDown {width: 250px !important;}
#dnn_ctr9955_ModuleContent #dnn_ctr9955_Events_EventMonth_SelectCategory_lblCategory {position: relative; top: -14px;}
#dnn_ctr9955_ModuleContent .ThemeEvents-Grey .EventTodayDay,
#dnn_ctr9955_ModuleContent #dnn_ctr9955_Events_EventMonth_EventCalendar a {color: #000;}
#dnn_ctr9955_ModuleContent .ThemeEvents-Grey .EventDayScroll {height: 80%;} /* fix for cell content showing over bottom border */


/* Dashboard */
.dt-dashboard-sidebar {float: right; width: 200px; margin-left: 40px;}


/* Board of Police Commissioners  */
.dt-bpc .col-sm-6 {height: 140px;}

/* News */
.news_detail .post_author_info {display: none;}
.Category_Default .category_list li a {background: url("/DesktopModules/DNNGo_xBlog/Effects/DashBoard_Category/Themes/Category_Default/images/list_icon.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);}
.Archive_Default .archive_list li {background: url("/DesktopModules/DNNGo_xBlog/Effects/DashBoard_Archive/Themes/Archive_Default/images/calendar_icon.png") no-repeat scroll 0 14px rgba(0, 0, 0, 0);}

.xblog_search .NormalTextBox {width: 100% !important; background-color: #fff; padding: 8px 93px 8px 6px;}
.xblog_search .CommandButton {position: relative; left: -93px; top: 0px; margin-right: -100%; background-color: #fff; background-image: none; padding: 8px 15px; border-radius: 0; color: #09c; font-weight: 700; text-transform: uppercase;}
.xblog_search .CommandButton:hover {/* border: 1px solid #333; */}

.news_rss {padding: 0; margin-top: 5px;}

/* RFP Section */

.DNN_ANN_DesignTable .SubHead {font-weight: bold; font-size: 16px;}

/* Tags (taxonomy) */

.dt-tags {display: none;} /*
.dnnEditState .dt-tags {display: block;}

.dnnEditState .horizontal ul.categories li, 
.dnnEditState .horizontal ul.tags li {display: inline; font-size: 12px;}
.dt-tags p {margin: 20px 20px 0 20px; font-size: 12px;}

 */
 
.horizontal ul.categories li, 
.horizontal ul.tags li {display: inline; font-size: 12px;}
.dt-tags p {margin: 20px 20px 0 20px; font-size: 12px;}

/* Police Tip Form */

#dnn_ctr8486_ModuleContent .form_table {width: 100%;}

/* Mayor's Administration */

body .TeamDetail_info {border: none;}
body body .TeamDetail_info li a, 
body .TeamDetail_info li a:link, 
body .TeamDetail_info li a:active, 
body .TeamDetail_info li a:visited {color: #09c;}
body .TeamDetail_info li a:hover {color: #09c; text-decoration: underline;}
body .TeamDetail_info li a span:hover {background-color: #09c;}

/* Youth Program */

.dt-youth {margin-top: 40px;}
.dt-youth .col-sm-3 {text-align: center; cursor: pointer; padding: 0 10px;}
.dt-youth .col-sm-3 h2 {padding: 80px 0; color: #fff;}
.dt-youth .dty-education {background: #09c url(/Portals/0/Images/Youth%20Programs/education.jpg) center center no-repeat; background-size: cover;}
.dt-youth .dty-sports {background: #09c url(/Portals/0/Images/Youth%20Programs/sports.jpg) center center no-repeat; background-size: cover;}
.dt-youth .dty-arts {background: #09c url(/Portals/0/Images/Youth%20Programs/arts.jpg) center center no-repeat; background-size: cover;}
.dt-youth .dty-day-camps {background: #09c url(/Portals/0/Images/Youth%20Programs/day-camps.jpg) center center no-repeat; background-size: cover;}

body .dt-youth .col-sm-3>div:hover {background-image: none;}

/* Youth Events Calendar */
#dnn_ctr9397_ModuleContent .SelCategoryTR {display: none;}


/* DWSD Section */

.det-4box-rows div {width: 25%; float: left; text-align: center; height: 200px;}
.dt-docs.list_style1 {margin-left: 20px;}


/* Schools */

.det-school-report .glyph-check {color: #8ec63f;}



/* White captions on dark overlay */
.det-caption-overlay {text-align: center; height: 0;}
.det-caption-overlay h1 {background: rgba(0, 0, 0, 0.65); color: #fff; font-size: 1.3vw; padding: 2em; position: relative; top: 6em; display: table; margin: 0 auto;}
.det-caption-overlay strong{display: block;}

/* dnnGo Gallery slider */
.Container-10 .contentmain1 {padding-right: 0;}
#dnn_ctr9962_ContentPane {overflow: hidden;} /* Mayors Slider id
.Theme_21_LinkAndZoom_Default {overflow: hidden;}*/
.Theme_21_LinkAndZoom_Default li {margin: 0; background: transparent; padding-top: 0;}
.Theme_21_LinkAndZoom_Default .carousel_box {padding: 0; border-radius: 0; background: transparent; border: none;}
.Theme_21_LinkAndZoom_Default .carousel_title,
.Theme_21_LinkAndZoom_Default .carousel_cap {text-align: center; padding: 0 10px; border: none;}
.Theme_21_LinkAndZoom_Default .pager a {border-radius: 50%;}
.Theme_21_LinkAndZoom_Default .pager a span {background: transparent;}
.Theme_21_LinkAndZoom_Default .prev,
.Theme_21_LinkAndZoom_Default .next {margin-top: -20px;}


/* Boxes */
.det-box {background: #09c; color: #fff; padding: 20px; margin: 20px 0;}
.det-box a {background: #fff; color: #09c; padding: 0 10px; text-decoration: none;}
.det-box a:hover {background: #8ec63f; color: #fff;}

.det-full-width {max-width: 1170px; margin: 0 auto;}


/* Buttons */

a.dt-btn {display: inline-block; padding: 14px 30px; font-size: 16px; font-weight: bold; border: 2px solid #09c; margin: 20px; background: #09c; color: #fff;}
a.dt-btn:hover {text-decoration: none; background: #fff; color: #09c;}
a.dt-btn.dt-btn-clear {background: none; color: #09c;}
a.dt-btn.dt-btn-clear:hover {background: #09c; color: #fff; border: 2px solid #fff;}
a.dt-btn.dt-btn-light {background: #fff; color: #09c;}
a.dt-btn.dt-btn-light:hover {background: #09c; color: #fff;}

a.dt-btn span.glyph-display {top: 3px;}

a.dt-btn.det-green {border: 2px solid #8ec63f; background: #8ec63f;}
a.dt-btn.det-green:hover {background: #fff; color: #8ec63f;}

/* ::::::::::::::::::::::::::::::::::::::::::::::: Media Queries ::::::::::::::::::::::::::::::::::::::::::::::: */
 
 @media (min-width: 768px) {
 /* Search 
.searchBox #dnn_dnnSEARCH_ClassicSearch {width: 650px;}
.searchBox input.NormalTextBox,
ul.searchSkinObjectPreview,
#search input.NormalTextBox {width: 100%;}
  */
 #search #dnn_dnnSEARCH_ClassicSearch {width: 290px;}

}
 
@media (min-width: 1024px) and (max-width: 1200px) {

/* Header
.roll_menu.roll_activated .pulldownsearch {right: 15%;} */

 /* Search */
 #search #dnn_dnnSEARCH_ClassicSearch {width: 290px;}
 #dnngo_megamenu > div > ul > li > a > span {padding: 0 15px;}
}

@media (min-width: 768px) and (max-width: 1024px) {

/* Search */
#search #dnn_dnnSEARCH_ClassicSearch {width: 200px;}
#search input.NormalTextBox{width: 155px;}

 .skiptranslate.goog-te-gadget .goog-te-gadget-simple span a,
 .dt-service-links {font-size: 10px;}
}

 @media (max-width: 1024px) {

/* Header
.pulldownsearch {right: 18%;} */
/*
iframe.goog-te-menu-frame.skiptranslate {width: 90% !important; height: 300px !important; overflow-x: auto !important;}
iframe.goog-te-menu-frame.skiptranslate .goog-te-menu2 {  border: 1px solid red; height: 300px !important;} */

 
.dt-home-row1 .btn-group.dt-hp-opp1 {display: block; width: 100%; margin-bottom: 20px;}
.dt-home-row1 .btn-group.dt-hp-opp2 {display: none;}
.dt-home-row1 .btn-group {width: 23%;}

.dt-home-quick-links {padding: 0px 27px; width: 200px;}
.dt-home-quick-links a {font-size: 13px}


 }
 
 @media (max-width: 979px) {
 
/* Search
.roll_menu.roll_activated .pulldownsearch {right: 5%;} */
 
.dt-hp-initiatives {padding: 10px 20px 0 20px;}

/* White captions with dark overlay */
.det-caption-overlay {height: inherit; width: 100%;}
.det-caption-overlay h1 {font-size: 20px; padding: 2em; top: 0;}

 }
 
 @media (max-width: 768px) {
.breadcrumbBox .breadcrumbRight {float: left; clear: both;}
 
.breadcrumbBox .breadcrumbRight {display: block;}
.device-hide {display: none;}
.switchOpen {margin-top: 18px; right: 10px;}

.searchBox2 {margin: 35px 15px 25px 15px;}

.dt-service-links,
.phoneHeadTop.clearfix {text-align: center; border: none; margin-bottom: 0;}
.phoneHeadTop.clearfix {padding: 10px 15px;}
.phoneHeadBottom {display: none;}

.navigation_is-visible .navigation_mobile {z-index: 2;}

.dt-home-quick-links {display: none;}

.dt-hp-slide-text-white {left: 65% !important;}

.dt-hp-initiatives  h2 {width: 98%; padding-top: 0;}
.dt-hp-initiatives  a {width: 23%;} /* 3 items width: 31% */
 
.dt-home-row1 .btn-group {width: 48%; margin: 0 1%;}

.dt-home-row1 .btn-group.hp-residents-grp,
.dt-home-row1 .btn-group.hp-business-grp {margin-bottom: 30px;}
.dt-home-row1 .btn-group.hp-auctions-grp,
.dt-home-row1 .btn-group.hp-search-grp {margin-bottom: -50px;}

.iLightBox_Content {max-width: 100%;}
button.mfp-close {right: 0;}

/* Show on mobile only */
.det-mob-only {display: block;}


/* Detroit Opportunities  */
.dt-opp-anch {top: 0;}

.dt-opportunities .col-sm-4 img {margin-bottom: 20px;}
.dt-opp-row-2 {margin-top: 0;}


/* Board of Police Commissioners  */
.dt-bpc .col-sm-6 {clear: both;}


/* White captions with dark overlay */
.det-caption-overlay {text-align: center; height: inherit; width: 100%;}
.det-caption-overlay h1{font-size: 20px; padding: 2em; top: 0;}
.det-caption-overlay strong{display: inline;}


/* Home Page Slides */
.det-sotc {left: 0 !important;}
.det-sotc-stripe {top: auto !important; bottom: -7px;}

 }
 
 @media (max-width: 480px) {
  
.dt-hp-socials {width: 288px;}
.dt-hp-socials a {margin: 0 2px;}

.dt-hp-initiatives  a {width: 48%;} /* 3 items width: 98% */

/* Calendar */
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_Input,
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_DropDown {width: 180px !important;}

/* Dashboard */
.dt-dashboard-sidebar {float: none; margin: 0 auto;}
 
 }
 
 @media (max-width: 330px) {
 .col-sm-12 h1,
 .col-sm-12 h2,
 .col-sm-12 h3,
 .col-sm-12 h4,
 .col-sm-12 h5,
 .col-sm-12 h6 {clear: both;}
 
 .col-sm-12 .img_left,
 .col-sm-12 .img_right {float: none; margin-left: auto; margin-right: auto;}
 
 
.dt-home-row1 .btn-group {width: 98%; float: none; margin-bottom: 20px;}
.dt-home-row1 .btn-group.hp-residents-grp,
.dt-home-row1 .btn-group.hp-business-grp,
.dt-home-row1 .btn-group.hp-auctions-grp {margin-bottom: 20px;}
.dt-home-row1 .btn-group.hp-search-grp {margin-bottom: -50px;}

.phone-hide {display: none;}


  
/* Calendar */
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_Input,
#dnn_ctr577_ModuleContent #dnn_ctr577_Events_EventMonth_SelectCategory_ddlCategories_DropDown {width: 120px !important;}

 

 
 }