﻿/* Navigation */
/* ==========================================================================
   Media Queries
	Last updated 4/29/2022
	by: Diana Reida
   ========================================================================== */


/* Search Section - GDOT Search */
#siteIcon {
	height: auto;
	line-height: normal;
}

div.row.align-items-center.justify-content-between {
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

.nb-mobile-nav__search {
	height: 40px;
}


.nb-mobile-header {
	height: 75px;
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	vertical-align: baseline;
	padding-left: 34px;
}

#ctl00_ctl63_csr_SearchLink 
, #ctl00_ctl67_csr_SearchLink{
	order: 1;
	top: 3px;
	background-size: cover;
	z-index: 1;
	background: url('/Style%20Library/gdotcustom/navicons/svg/search.svg') no-repeat;
	width: 26px;
	height: 26px;
	margin-right: 15px;
}

input#ctl00_ctl63_csr_sbox 
, input#ctl00_ctl64_csr_sbox
, input#ctl00_ctl67_csr_sbox {
	color: #0c5594;
	content: "What can we help you find?";
	min-width: 350px;
	min-height: 32px;
	/* nb-search__input */
	border: 0;
	-ms-flex: 1 1 auto;
	flex: 2 1 auto;
	font-size: 14px;
	margin: -5px;
	padding: 7px;
	text-overflow: ellipsis;
	order: 2;
}

#searchImg {
	visibility: hidden;
}

/* Mobile Search */

#ctl00_ctl63_csr_sboxdiv
,#ctl00_ctl64_csr_sboxdiv
,#ctl00_ctl67_csr_sboxdiv  {
	border: 0px;
	display: flex;
	align-items: center;
	flex-direction: row;
}

.nb-search {
	flex-direction: row;
}

/* Move to Page section */

#contentBox {
	min-width: 0px;
}

/* Quick Link color */
a.nb-go-to__submit {
	color: #fff;
	text-decoration: none;
}
/* Contact Us*/
a#gdot-button-contactus {
	color: #fff;
}

	a#gdot-button-contactus:hover:not(:disabled) {
		color: #0C5594;
		text-decoration: none;
	}
/* Real Time Traffic */
a.nb-button.nb-button--no-shadow.nb-button--small.nb-button--secondary {
	background-color: #0C5594;
	text-decoration: none;
	color: #0C5594;
}

	a.nb-button.nb-button--no-shadow.nb-button--small.nb-button--secondary:hover:not(:disabled) {
		color: #0C5594;
		background-color: #fff;
	}

/* Click here for more */
a.nb-alert-banner__link {
	color: #fff;
	text-decoration: none;
}

.gdot-nb-alert-banner-link {
	color: #fff !important;
}



@media (min-width: 576px) {


	div.row.align-items-center.justify-content-between {
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}

	.nb-mobile-nav__search {
		height: 40px;
	}

	.nb-mobile-header {
		height: 75px;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
		padding-left: 34px;
	}

	#ctl00_ctl63_csr_SearchLink
	, #ctl00_ctl67_csr_SearchLink {
		order: 1;
		top: 3px;
		background-size: cover;
		z-index: 1;
		background: url('/Style%20Library/gdotcustom/navicons/svg/search.svg') no-repeat;
		width: 26px;
		height: 26px;
		margin-right: 15px;
	}

/* Mobile Search */
	input#ctl00_ctl63_csr_sbox
  , input#ctl00_ctl67_csr_sbox {
		color: #0c5594;
		content: "What can we help you find?";
		min-width: 350px;
		min-height: 32px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 2 1 auto;
		font-size: 14px;
		margin: -5px;
		padding: 7px;
		text-overflow: ellipsis;
		order: 2;
	}

	#searchImg {
		visibility: hidden;
	}

/* Mobile Search */
	#ctl00_ctl63_csr_sboxdiv
, #ctl00_ctl64_csr_sboxdiv
, #ctl00_ctl67_csr_sboxdiv {
		border: 0px;
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.nb-search {
		flex-direction: row;
	}
}

@media (min-width: 768px) {


	div.row.align-items-center.justify-content-between {
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}

	.nb-mobile-nav__search {
		height: 40px;
	}

	.nb-mobile-header {
		height: 75px;
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
		margin: 0;
		padding: 0;
		border: 0;
		font: inherit;
		vertical-align: baseline;
		padding-left: 34px;
	}

	#ctl00_ctl63_csr_SearchLink
	,#ctl00_ctl67_csr_SearchLink {
		order: 1;
		top: 3px;
		background-size: cover;
		z-index: 1;
		background: url('/Style%20Library/gdotcustom/navicons/svg/search.svg') no-repeat;
		width: 26px;
		height: 26px;
		margin-right: 15px;
	}

/* Mobile Search */
	input#ctl00_ctl63_csr_sbox
	, input#ctl00_ctl64_csr_sbox
	, input#ctl00_ctl67_csr_sbox {
		color: #0c5594;
		content: "What can we help you find?";
		min-width: 320px;
		min-height: 32px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 2 1 auto;
		font-size: 14px;
		margin: -5px;
		padding: 7px;
		text-overflow: ellipsis;
		order: 2;
	}

	#searchImg {
		visibility: hidden;
	}

	#ctl00_ctl63_csr_sboxdiv
, 	#ctl00_ctl64_csr_sboxdiv 
, 	#ctl00_ctl67_csr_sboxdiv{
		border: 0px;
		display: flex;
		align-items: center;
		flex-direction: row;
	}

	.nb-search {
		flex-direction: row;
	}
}

@media (min-width: 992px) {

	.nb-mobile-nav__search {
		height: 40px;
	}

	#DeltaPlaceHolderSearchArea {
		border: 0px;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_SearchLink {
		order: 1;
		top: 3px;
		background-size: cover;
		z-index: 1;
		background: url('/Style%20Library/gdotcustom/navicons/svg/search.svg') no-repeat;
		width: 26px;
		height: 26px;
		margin-right: 15px;
	}

	#SearchBox {
		position: relative;
		border: 0px;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox {
		order: 2;
		width: 300px;
		height: 40px;
		border: 0px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 15px;
		text-overflow: ellipsis;
		/* nb-template-wrapper */
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}

	#searchImg {
		visibility: hidden;
	}

	#searchInputBox {
		/*background: #40982e;  Green */
		min-width: 320px;
		min-height: 32px;
		margin: 0px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 0px;
		text-overflow: ellipsis;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv {
		border: 0px;
		display: flex;
		align-items: center;
		flex-direction: row;
		/* border: 0px !important;
		color: green;*/
	}

	input#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox.ms-textSmall.ms-srch-sb-prompt.ms-helperText[value] {
		/*order:2;*/
		/* background:orange;*/
		color: #0c5594;
		content: "What can we help you find?";
		min-width: 320px;
		min-height: 32px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 7px;
		text-overflow: ellipsis;
	}
}

@media (min-width: 1200px) {
	.nb-desktop-header__search {
	}

	.nb-desktop-header__utility-navigation .nb-go-to {
	}

	.nb-mobile-nav__search {
		/* background:pink; */
		height: 40px;
		border-bottom: 0px;
	}

	#DeltaPlaceHolderSearchArea {
		/*background:lime; */
		border: 0px;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_SearchLink {
		order: 1;
		/*position: relative;
	    right: 340px;*/
		top: 3px;
		background-size: cover;
		z-index: 1;
		background: url('/Style%20Library/gdotcustom/navicons/svg/search.svg') no-repeat;
		width: 26px;
		height: 26px;
		margin-right: 15px;
	}

	#SearchBox {
		/* background: #a7bfd4; light gray */
		/*border-left: 1px solid #9D9FA2;*/
		/*padding: 0 20px;*/
		position: relative;
		/* left: 20px;*/
		border: 0px;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox {
		order: 2;
		width: 300px;
		height: 40px;
		/* border: 1px solid #ffffff;*/
		border: 0px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 15px;
		text-overflow: ellipsis;
		/* nb-template-wrapper */
		box-sizing: border-box;
		-webkit-font-smoothing: antialiased;
		-webkit-text-size-adjust: 100%;
	}

	#searchImg {
		visibility: hidden;
	}


	#searchInputBox {
		/*background: #40982e;  Green */
		min-width: 320px;
		min-height: 32px;
		margin: 0px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 15px;
		text-overflow: ellipsis;
	}

	#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sboxdiv {
		/*border: 1px solid #fff;*/
		border: 0px;
		display: flex;
		align-items: center;
		flex-direction: row;
		/*border: 0px !important;
		color:green;*/
	}

	input#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox.ms-textSmall.ms-srch-sb-prompt.ms-helperText[value] {
		/*order:2;*/
		/* background:orange;*/
		color: #0c5594;
		content: "What can we help you find?";
		min-width: 320px;
		min-height: 32px;
		/* nb-search__input */
		border: 0;
		-ms-flex: 1 1 auto;
		flex: 1 1 auto;
		font-size: 14px;
		margin: -15px;
		padding: 7px;
		text-overflow: ellipsis;
	}

	input#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox.ms-textSmall.ms-srch-sb-prompt.ms-helperText[type=value]:after {
		content: "What can we help you find?";
	}


	#DeltaPlaceHolderSearchArea {
		/*	height:64px; */
	}
}
/* ==========================================================================
    End Media Queries
   ========================================================================== */

.nb-alert-banner .container {
	box-sizing: border-box;
}

.gdot-icon-span-mobile {
	margin-left: 8px;
	margin-right: 8px;
}

/* Missing CSS from file _mobile-nav.scss:122 */
/*.nb-mobile-nav__level--3 > .nb-mobile-nav__item > .nb-icon-link {
	temp removed 9/9/font-size: 18px;
	line-height: 1.1;
	padding: 20px 50px 20px 0;
	position: relative;
	width: 100%;
	
}*/

/* Update right position - disapering */
.nb-mobile-nav__level--3 > .nb-mobile-nav__item > .nb-icon-link > .nb-arrow {
	right: 70px;
}

.gdot-icon-span-mobile {
	/* TODO: need to add for Iphone and validate other screens*/
	box-sizing: border-box;
	-webkit-font-smoothing: antialiased;
	font-family: 'itc-avant-garde-gothic-pro';
	word-wrap: break-word;
	font-size: 100%;
	width: 180px;
}


/* Miscellaneous updates*/

.gdot-content-box {
	margin-left: 0px;
}

.gdot-web-part-zone {
	display: inline-block;
	overflow-x: hidden; /* Hide horizontal scrollbar */
	/* left 10px blank fix */
	padding-left: 0px;
}

#DeltaPlaceHolderMain > div.container-fluid.gdot-custom-page.gdot-web-part-zone > div:nth-child(1) > div > div > div > div {
	display: inline-block;
}

#contentBox {
	margin: 0;
}

#s4-titlerow {
	display: none !important;
}

#gdot-top-section {
	flex-wrap: initial;
}

/* Update color to Vendor provided*/
.nb-large-hero__heading {
	margin-bottom: 0;
	text-shadow: 0 3px 6px rgb(0 0 0 / 70%) !important;
	color: white !important;
}

.nb-large-banner__heading {
	color: white !important;
}

.nb-desktop-header__logo {
	padding: 6px;
}

#gdot-button-contactus:hover:(not(:disabled)) {
	color: white;
}

#gdot-quick-links {
	color: white;
}

#ctl00_PlaceHolderSearchArea_SmallSearchInputBox1_csr_sbox {
	flex: 1 1 auto;
	font-size: 14px;
	padding: 15px;
	text-overflow: ellipsis;
	width: 300px;
	border-color: white;
}

.gdot-search-srch-sb {
	border: 0px !important;
}


input[type=text]:hover {
	border-color: white;
}

.ms-srch-sb-border {
	border-color: 0px solid transparent !important;
}

/* System Buttons - Theme background white */
.input[type=button] {
	font-family: itc-avant-garde-gothic-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
	align-items: center;
	background-color: #053C6A;
	border: 0;
	border-radius: 47px;
	box-shadow: 5px 5px 20px 0 rgb(12 85 148 / 75%);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	font-size: 16px;
	justify-content: center;
	line-height: 1em;
	overflow: hidden;
	padding: 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out;
	z-index: 0;
}

	.input[type=button]:hover {
		color: #053C6A;
	}

/* Title on Header all pages */

/*[class*="__heading"]
{
	
    color: #4B4C4D;
}
*/

.nb-small-hero__heading {
	color: #fff;
}

.nb-facts-banner__heading, .nb-large-hero__heading, .nb-large-banner__heading, .nb-network-hero__heading, .nb-color-card__heading {
	color: #fff;
}

.nb-heading--blue, .nb-article-hero__heading, .nb-congressional-district-story__heading, .nb-district-overview__heading, .nb-featured-news__title, .nb-featured-news-slide__heading, .nb-historical-public-meeting__heading, .nb-news-section__no-results, .nb-projects-table__row-heading, .nb-public-meetings-search__no-results {
	color: #0C5594;
}

/* Remove white login space on www site */
#ctl00_ctl66_ExplicitLogin
{
	display:none !important;
}

#ctl00_ctl67_ExplicitLogin
{
	display:none !important;
}

