h1, h2, h3, h4, h5, body {
	font-family:Avenir Light, sans-serif !important;
}

h1, h2, h3, h4, h5 {
	color:#0A589A !important;
}

h1 {
	font-size: 28pt;
}

h4 {
	color:black;
	font-weight:bold;
	font-size:16px;
}

#imageCover {
	background-image:none;
}

.ms-rteStyle-Emphasis, em  {
	color:#bf1a2f !important;
}

.ms-ref-refinername {
	color:#0A589A !important;
	font-weight:bold;
}

.ms-rteStyle-Normal {
	font-size:16px;
}

.ms-ref-name {
	color:black;
}

#s4-workspace {
	padding-left:0;
}

#s4-bodyContainer {
	padding-right:0;
	font-family: Avenir Light, sans-serif;
	
}

#contentRow {
	padding-top:0;
}

#anc-footer-space {
	background-color:#ededed;
}

.footer-block {
	padding-left:10px;
	font-size:16px;
}

.footer-item {
	padding:5px;
	float:left;
	font-weight:bold;
	font-size:18px;
	
}

.footer-icon-image {
	width:45px;
}

#purchasingfooter {
	background-color:#dcb138;
	color:#2e3259;
	padding:10px;
	font-size:large;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	padding-top:20px;
	padding-bottom:30px;
}

#dept-footer-content {
		text-align:center;
}
	
#dept-footer-maplink {
		text-align:center;
}


.muni_navlink {
	background: none;
	
}

.MOA_Header_Icons {
	text-align:right;
}

.MOA_Header_Icon {
	float:left;
	margin-left:10px;
	margin-top:60px;
}

#dept-header-space {

}

#dept-nav {
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}


#dept-nav #header-icons {
	position: absolute;
	top:50px;
	right:10px;
	text-transform:uppercase;
}

.purchasingMenuIcon {
	margin-right:5px;
	height:25px;
	margin-top:-5px;
}

#purchasingMenu {
	padding-left:70px;
	padding-right:0px;
	background-color:#2e3259;
}

	.titleOverlay {
	  position: absolute;
	  bottom: 70px;
	  right:0;
	  background: rgb(0, 0, 0);
	  background: rgba(255, 255, 255, 0.75); /* White see-through */
	  color: #f1f1f1;
	  width: auto;
	  color: white;
	  font-size: 20px;
	  padding:0px;
	  text-align: right;
	  padding:10px;
	  padding-right:20px;
	  max-width:380px;
	  max-height:200px;
	  overflow:hidden;
	}
	
	.titleOverlay img {
		width:100%;
	}
	
	.titleOverlay h1 {
		color:white;
	}
	
	.titleOverlay h2 {
		color:white;
	}
	
.deptsearchbar {
	background-color:#2e3259;	
	
}

#deptSearchButton {
	background-color:#2594a1;
}


#dept-nav-section {
	
	display:none;
}

#purchasingHeader #header-icons .nav-link {
	padding: 0 0.4rem;
}

/***************** Top navigation bar for department menu ********************/ 
#compact-dept-nav {
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
}

#compact-dept-nav .navbar {
	padding:0px;
}

#compact-dept-nav .navbar .navbar-collapse {
	position: absolute;
	top: 2.7rem;
	left: 0;
	background-color: #2e3259;
	color: white;
	padding-top:10px;
	padding-bottom:10px;
}
 
#compact-dept-nav .dropdown-submenu {
  position: relative;
}



#compact-dept-nav .navbar-toggler {
	border:none;
	padding-left:15px;
	padding-right:15px;
	width:100%;
	height:2.5em;
	color:white; !important;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
	text-align:left;
}

#compact-dept-nav .navbar-toggler:hover {
	background-color:#2594a1;
	border:none;
	border-bottom:0px;
}

#compact-dept-nav .navbar:hover{
	background-color:#2594a1;
}
 
#compact-dept-nav .navbar-div {
	border-radius:0px;
	border-bottom:0px;
	padding-left:15px;
	padding-right:15px;
	padding-top:8px;
	width:100%;
	height:2.5em;
	color:white !important;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
	text-align:left;
}

#compact-dept-nav .navbar-div:hover {
	background-color:#2594a1;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	
}

#compact-dept-nav .navbar-main-link{
	text-decoration:none;
	color:white;	
	width:100%;
	text-align:left;
    text-decoration:none;
}

#compact-dept-nav .navbar-main-link:hover {
	background-color:#2594a1;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:white;	

}

#compact-dept-nav .navbar-link:hover a{
	text-decoration:none;
	color:black;	
}

#compact-dept-nav .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border: none;
  margin-left:10px;
  color:black;
  padding:0px;
}

#compact-dept-nav .compact-subitem .nav-link {
	padding-left:10px;
	padding-right:10px;
	padding-top:3px;
	padding-bottom:3px;
	white-space:nowrap;
	color:white;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	font-size:14px;
}

#compact-dept-nav .compact-subitem .nav-link:hover {
	background-color:#2594a1;
	color:white;
}

#compact-dept-nav .compact-subitem a:visited {
	color:white;
}

#compact-dept-nav .nav-link {
	padding:0px;
}

#compact-dept-nav .compact-subsubitem .nav-link {
	color:white;
	font-weight:normal;
	padding:0px;
	padding-left:3px;
	padding-right:3px;

}

#compact-dept-nav .compact-subsubitem .nav-item:hover {
	background-color:#D1EAFF;
	
}

#compact-dept-nav .subitemarrow {
	color:#CCCCCC;
}

.mainbuttonarrow {
	position:absolute;
	top:8px;
	left:95px;
}

.nav-button-icon {
	margin-top:10px;
}


.MOA_HomeBanner_imageContainer {
	height:350px;
	width:100%;
}

.MOA_Footer_Section {
	width:100%;
	text-align:center;
	background-color:rgb(0, 87, 157);
	color:white;
	clear:both;
	padding-top:20px;
	padding-bottom:20px;
}


/** Menu top section **/

.lowermenuline {
	height:3px;
	width:100%;
	background-color:rgb(0, 87, 157);
}


.MOA_Slideshow_Pic {
  /* Main wrapper for all images */
  padding: 0;
  overflow: hidden;
  position: relative;
  height:350px;
  margin-left:50px;
}

.defaultTopImg {
	width:100%;
	height:auto;
}

.footer-block {
	display: inline-block;
	
}

#dept-nav {
	padding-top:5px;
	padding-bottom:5px;
	float:left;
}

#header-icons {
	width:auto;
	float:right;
	margin-right:100px;
}

.header-icon-container {
	padding-top:8px;
}

.header-icon-item {
	float:left;
}

.header-icon-link {
	padding:0;
}

.header-icon-item :hover {
	background-color:#2594a1 !important;
}

.icon-menu-style {
	padding:0px;
}

/********* Main Button Nav ********/
	
	.MainPageBigButtonImage {
		width:250px;
		border-top-left-radius:15px;
		border-top-right-radius:15px;
	}
	
	.MainPageBigButtonText {
		text-align:center;
		vertical-align:middle;
		width:250px;
		height:50px;
		font-family: avenir-lt-w01_35-light1475496, sans-serif;
		color:white;
		display:flex;
		align-items:center;
		justify-content:center;
		font-weight:bold;
	}
	
	.MainPageBigButtonText:hover {
		
	}
	
	.MainPageBigButtonContainer {
		padding-bottom:15px;
		text-align:center;
		min-width:256px !important;
	}

	
	.MainPageBigButtonContainer a{
		text-decoration:none; !important;
	}
	


	
	.MainPageBigButtonContainer a:hover{
		text-decoration:none; !important;
	}
	
	.MainPageBigButtonButton {
		background-color:#2e3259;
		display:inline-block;
		padding:2px;
		border-radius:15px;
	}

	.MainPageBigButtonButton:hover {
		background-color:#2594a1;
	}
	

	
/*************** Icon tile styles ************************/
.MOA_TileItem {
	margin-bottom:10px;
	box-shadow: 2px 2px 2px 2px #888888;
}

.MOA_TileItem:hover {
	border:3px solid #8DB580;
	 box-shadow: none;
}

.MOA_TileImageContainer {
	
}

.MOA_TileImage {
	
}

/*************** event page calendar styling *****************/
	#MoreEventsButton {
		padding: 10px;
		background-color: #2e3259;
		border-radius: 5px;
		color:white;
		font-weight:bold;
	}
	
	#MoreEventsButton:hover {
		background-color:#2594a1;
		text-decoration:none;
	}
	
	#MoreEventsButton a:hover {
		text-decoration:none;
	}
	
	.MOA_ListMoreEventsLink a:hover {
		text-decoration:none;
	}
	
	a.MOA_ListMoreEventsLink:hover {
		text-decoration:none;
	}
	
	.MOA_ListEventItem {
		border-bottom: 1px solid #2594a1;
		margin-bottom:10px;
		width:100%;
	}

	.MOA_ListEventHeader {
		font-size:20px;
		font-weight:bold;
		color:#2e3259;
	}
	
	.MOA_ListEventHeader a:hover {
		text-decoration:none;
	}

	a.MOA_ListEventHeader:hover {
		text-decoration:none;
	}

	.MOA_ListEventDateStart {
		font-size:18px;
		font-weight:bold;
		color:#2594a1;	
	}
	
	.MOA_ListEventDescription {
	  display: -webkit-box;
	  -webkit-line-clamp: 5;
	  -webkit-box-orient: vertical; 
	  overflow: hidden;
	  margin-bottom:10px;
	}
	
	/*************** Events datepicker styles ************************/

#MOA_PageEventListing {
	background-color:transparent;
	min-height:545px;
}

#MOA_PageEventCalendar .ui-datepicker {
	width:100%;
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border:none;
  background-color:#F8F9FA;
}

#MOA_PageEventCalendar .ui-datepicker-header {
	background-color:transparent;
	color:#2e3259;
	border:none;
	border-bottom:2px solid #2e3259;
	font-size:2rem;
	font-weight:bold;
	line-height:normal;
	font-family: Tahoma, Geneva, sans-serif;
}

#MOA_PageEventCalendar th {
	font-size:18px;
}

#MOA_PageEventCalendar .ui-datepicker td {
	width:14%;
	vertical-align:middle;
}

#MOA_PageEventCalendar .ui-datepicker-calendar {
}

#MOA_PageEventCalendar .ui-state-default {
	border:none;
	background-color:transparent;
	text-align:center;
	font-size:18px;
	height:100%;
	width:100%;
	vertical-align:middle;
	display:inline-block;
	padding:30%;
}

#MOA_PageEventCalendar .ui-state-active {
	background-color:#dcb138;
	border-radius:5px;
	color:white;
	text-align:center;
	font-size:18px;
	height:100%;
	width:100%;
	vertical-align:middle;
	display:inline-block;
	padding:30%;
}

#MOA_PageEventCalendar .ui-state-hover{
	background-color:#2594a1;
	border-radius:5px;
	color:white;
}

#MOA_PageEventCalendar .ui-state-default :hover {
	border:none;
	background-color:#2594a1;
	text-align:center;
}

#MOA_PageEventCalendar .ui-datepicker-next {
	background-image: url('/Departments/purchasing/PublishingImages/icons/CalendarRightArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	width:55px;
	height:55px;
}

#MOA_PageEventCalendar .ui-datepicker-prev {
	background-image: url('/Departments/purchasing/PublishingImages/icons/CalendarLeftArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	width:55px;
	height:55px;
}


#MOA_PageEventCalendar .ui-icon-circle-triangle-w {
	background-image: url('/Departments/purchasing/PublishingImages/icons/CalendarLeftArrow.png');
}


#MOA_PageEventCalendar .ui-icon-circle-triangle-e {
	background-image: url('/Departments/purchasing/PublishingImages/icons/CalendarRightArrow.png');
}

.aspect-ratio-box {
  width: 100%;
  padding-top: 100%; /* 1:1 Aspect Ratio */
  position: relative; /* If you want text inside of it */
}

.aspect-ratio-box-inside {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.MOA_PageEventListingHeader {
	padding-bottom:10px;
	border-bottom:2px solid #2594a1;
	padding-top:20px;
	margin-bottom:10px;
}

#MOA_PageEventListing h2, #MOA_PageCalendarListing h2 {
	color:#2e3259;
	font-weight:bold;
}

#MOA_PageEventListLabel {
	float:left;
}

#MOA_PageEventSeeAll {
	float:right;
	background-color:#2e3259;
	color:white;
	border-radius:5px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

.MOA_PageEventItem {
	border-bottom: 1px solid #2594a1;
	margin-bottom:10px;
	width:100%;
}

.MOA_PageEventHeader {
	font-size:20px;
	font-weight:bold;
	color:#2e3259;
	
}

.MOA_PageEventDateStart {
	font-size:18px;
	font-weight:bold;
	color:#2e3259;	
}

.MOA_PageCalendarBox {
	min-height:500px;
	
}


/*************** handlers for old-style page layouts prior to conversion *******/
#MOA_BreadCrumb {
	display:none;
}


/*************** Temporary overrides to make the muni header work *********/

#breadcrumb_content {
	display:none;
}

.event-title {
	color:black !important;
	background-color:transparent !important;
	
}


/* special styles for medium to small screens only to prevent header image wonkiness */
@media (max-width: 870px) {
	#purchasingtopimgcontainer {
		height:275px;
		width:100%;
		
		overflow:hidden;
	}
	
	#purchasingtopimgcontainer > div > div > img {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	#purchasingtopimgcontainer > div > div > div > span > div > span > span > div > span > img {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	.defaultTopImg {
		height:275px;
		width:100%;
		object-fit:cover;

	}
	
	#Purchasing_TemporaryTopImg {
		height:275px;
		width:100%;
		object-fit:cover;
	}

}

/* special styles for sm screens only */
@media (max-width: 767.98px) {
	
	#purchasingmapicon {
		width:200px;
	}
	
	#footerleft {
		text-align:center;
	}
	
	#dept-footer-content {
		text-align:center;
}
	
	#dept-footer-maplink {
		text-align:center;
	}
	
	.purchasingpagegreenblock {
		min-height:50px;
	}

	#purchasingMenu {
		padding-left:0px;
	}
	
	#header-icons {
		margin-right:0px;
	}
	
	#purchasingMenu .navbar .navbar-collapse {
		position: relative;
		top: 0;
		border: 0;
		padding: 0 2rem;
		height:auto;
	}
	
	#purchasingMenu .navbar-toggler {
		text-align:left;
		border:0;
		padding-left:10px;
	}
	
	#purchasingMenu .navbar-main-link {
		text-align:left;
		border:0;
		position:relative;
		padding: .25rem 0 .25rem 0;
		padding-left:10px;
	}
	
	#compact-dept-nav .navbar-div {
		padding-left:0px;
	}
	
	.titleOverlay {
		bottom:0px;
	

	}

}

/****** end small screen only section ******/


/* special styles for sm screens only */
@media (max-width: 450px) {
	#purchasingMenu  .navbar-div {
		padding-left:0px;
	}

	#compact-dept-nav .navbar-div {
		padding-left:0px;
	}
}