﻿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;
}

#MuniAlertBar h3 {
	color:white !important;
}

#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:white;
}

#s4-workspace {
	padding-left:0;
}

#s4-bodyContainer {
	padding-right:0;
	font-family: Avenir Light, sans-serif;
	
}

.parkspagegreenblock .ms-webpart-titleText {
	color:white !important;
}

.parkspagegreenblock .muni_navlinka,
.parkspagegreenblock a:visited,
.parkspagegreenblock a:hover
{
	color:white !important;
}

#contentRow {
	padding-top:0;
}

#anc-footer-space {
	background-color:#ededed;
}



.parksPageTitle {
	padding-top:40px;
}			 

.footer-block {
	padding-left:10px;
	font-size:16px;
}

.footer-item {
	padding:5px;
	float:left;
}

.footer-icon-image {
	width:38px;
}

#parksfooter {
	background-color:#7E8987;
	color:white;
	padding:10px;
	font-size:large;
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
	padding-top:20px;
	padding-bottom:30px;
}

#parkmapicon {
	width:400px;
}


.muni_navlink {
	background: none;
	
}

.MOA_parks_mainpage {
	
	
	
}

.MOA_parks_Breadcrumb {
	background-color:rgb(0, 87, 157);
	color:white;
	padding:2px;
	font-weight:bold;
	font-size:14px;
}

.MOA_parks_Right_Header_Panel {
	position:absolute;
	top:20px;
	right:10px;
}

.MOA_Header_Icons {
	text-align:right;
}

.MOA_Header_Icon {
	float:left;
	margin-left:10px;
	margin-top:60px;
}

#dept-header-space {

}

#parksHeader {
	width:100%;
	background: linear-gradient(to right,  rgb(0, 87, 157), rgb(204, 232, 255), white);	
	border-bottom: 2px solid #AED3F0;
}

#parksHeader #header-icons {
	position: absolute;
	top:50px;
	right:10px;
	text-transform:uppercase;
}

.parksMenuIcon {
	margin-right:5px;
	height:25px;
	margin-top:-5px;
}

#parksMenu {
	padding-left:70px;
	padding-right:0px;
	background-color:#7E8987;
}

#parksHeader #header-icons .nav-link {
	padding: 0 0.4rem;
}

#parksHeader #dept-logo {
	margin-left:40px;
}

/***************** Top navigation bar for department menu ********************/ 
#parks-dept-nav {
	font-family: avenir-lt-w01_35-light1475496, sans-serif;
}

#parks-dept-nav .navbar {
	padding:0px;
}

#parks-dept-nav .navbar .navbar-collapse {
	position: absolute;
	top: 2.7rem;
	left: 0;
	background-color: #7E8987;
	color: white;
	padding-top:10px;
	padding-bottom:10px;
}
 
#parks-dept-nav .dropdown-submenu {
  position: relative;
}



#parks-dept-nav .navbar-toggler {
	border-radius:0px;
	border-bottom:0px;
	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;
}

#parks-dept-nav .navbar-toggler:hover {
	background-color:#8DB580;
	border-color:#8DB580;
	border-bottom:0px;
}

#parks-dept-nav .navbar:hover{
	background-color:#8DB580;
}
 
#parks-dept-nav .navbar-div {
	border-radius:0px;
	border-bottom:0px;
	padding:.25rem .75 rem;
	padding-left:0px;
	width:100%;
	color:black;	
}

#parks-dept-nav .navbar-div:hover {
	background-color:#8DB580;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	
}

#parks-dept-nav .navbar-main-link{
	text-decoration:none;
	color:black;	
	position:absolute;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
	width:100%;
	height:28px;
	font-size:1.25rem;
	line-height:1;
	text-align:center;
    text-decoration:none;
    padding:.25rem .75rem;
}

#parks-dept-nav .navbar-main-link:hover {
	background-color:#B1D5F2;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	

}

#parks-dept-nav .navbar-div:hover {
	background-color:#B1D5F2;
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	
}

#parks-dept-nav .navbar-div {
	border:none;
	border-bottom:0px;
    text-decoration:none;
	color:black;	
	vertical-align:middle;
}



#parks-dept-nav .navbar-link:hover a{
	text-decoration:none;
	color:black;	
}

#parks-dept-nav .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border: none;
  margin-left:10px;
  color:black;
  padding:0px;
}

#parks-dept-nav .parks-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;
}

#parks-dept-nav .parks-subitem .nav-link:hover {
	background-color:#8DB580;
	color:white;
}

#parks-dept-nav .parks-subitem a:visited {
	color:white;
}

#parks-dept-nav .nav-link {
	padding:0px;
}

#parks-dept-nav .parks-subsubitem .nav-link {
	color:white;
	font-weight:normal;
	padding:0px;
	padding-left:3px;
	padding-right:3px;

}

#parks-dept-nav .parks-subsubitem .nav-item:hover {
	background-color:#D1EAFF;
	
}

#parks-dept-nav .subitemarrow {
	color:#CCCCCC;
}

.mainbuttonarrow {
	position:absolute;
	top:8px;
	left:95px;
}

.nav-button-icon {
	margin-top:10px;
}


.MOA_Parks_picture_slider {
	background: rgb(0, 87, 157);
}

.MOA_Parks_picture_section_left {
	float:left;
	width:60%;
	padding-left:20px;
	padding-top:20px;
	padding-bottom:20px;
}

.MOA_Parks_picture_section_right {
	float:left;
	width:30%;
	padding-top:5px;
}

.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 **/

.MOA_Parks_Top_Menu {
	background-color:white;
	width:100%;	
}

.MOA_Parks_Top_Menu_Top_Item {
	float:left;	
	background-color:white;
	padding:0;
	margin:0;
	width:18.75%;
	text-align:center;
	padding:5px;
}

.MOA_Parks_Top_Menu_Top_Item_Icon {
	height:25px;
	margin-top:-5px;
	margin-bottom:-8px;
	margin-right:10px;
}

.MOA_Parks_Top_Menu_Top_Item a {
}

.MOA_Parks_Top_Menu_Top_Item:hover {
	background-color:#B1D5F2;
}

.MOA_Parks_Top_Menu_Top_Item a {
	color:black;
	font-weight:bold;
	text-decoration:none;
}

.MOA_Parks_Top_Menu_Top_Item:hover .MOA_Parks_Top_Menu_Popout {
	display:block;
}

.MOA_Parks_Top_Menu_Popout {
	display:none;
	position:absolute;
	z-index: 1;
	background-color:white;
	text-align:left;
	margin-left:-5px;
	margin-top:5px;
	width:200px;
}

.MOA_Parks_Top_Menu_Item {
	border-bottom:1px solid gray;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
}

.MOA_Parks_Top_Menu_Item:hover {
	background-color:#B1D5F2;
}

.MOA_Parks_Top_Menu_Item a {
	text-decoration:none;
}


.MOA_Parks_Top_Menu_Item:hover .MOA_Parks_Top_Menu_Sub_Popout {
	display:block;
}

.MOA_Parks_Top_Menu_Sub_Popout {
	display:none;
	position:absolute;
	z-index: 1;
	background-color:white;
	text-align:left;
	margin-left:190px;
	margin-top:-20px;
	width:200px;
	border:1px solid gray;
}

.MOA_Parks_Top_Menu_Sub_Item {
	border-bottom:1px solid gray;
	padding:3px;
	padding-left:10px;
	padding-right:10px;
	margin:0;
}

.MOA_Parks_Top_Menu_Sub_Item a {
	text-decoration:none;
}

.MOA_Parks_Top_Menu_Sub_Item:hover {
	background-color:#B1D5F2;
}

.MOA_Parks_Left {
	float:left;
	width:20%;
	min-width:200px;
}

.MOA_Parks_Middle {
	float:left;
	width:80%;
	
}

.MOA_Parks_Center {
	float:right;
	background-color:white;
	padding-left:20px;
	padding-top:20px;
	width:75%;
}

.MOA_Parks_Right {
	position:absolute;
	right:0;
	background-color:#B1D5F2;
	padding:20px;
}

.MOA_Parks_LeftBarButton {
	padding:10px;
	color:white;
	font-size:14px;
	font-weight:bold;
}

.MOA_Parks_LeftBarButton a{
	color:white;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}



.MOA_Parks_LeftBarButton:hover {
	background-color:#B1D5F2;
	color:black;	
}

.MOA_Parks_LeftBarButton:hover a {
	
	color:black;	
}


.lowermenuline {
	height:3px;
	width:100%;
	background-color:rgb(0, 87, 157);
}


#Parks_HomeBannerPic {
	TEXT-ALIGN: left;
    height:350px;
    margin-top:20px;
}

.MOA_Slideshow_Pic {
  /* Main wrapper for all images */
  padding: 0;
  overflow: hidden;
  position: relative;
  height:350px;
  margin-left:50px;
}



#parkstopimgcontainer {
	max-height:500px;
	overflow:hidden; 
	
}

#parkstopimgcontainer > div > div > img {
	width:100%;
	height:auto;
}

#Parks_TemporaryTopImg {
	width:100%;
	height:auto;
}

#parkstopimgcontainer > div > div > div > span > div > span > span > div > span > img {
	width:100%;
	height:auto;
}

.defaultTopImg {
	width:100%;
	height:auto;
}

.footer-block {
	display: inline-block;
	
}

.parkspagegreenblock {
	background-color:#8DB580;
	color:white;
	padding:30px;
	min-height:300px;
	min-width:320px;
}


.parkssearchbar {
	background-color:#7E8987;
	width:100%;
	padding-top:5px;
	padding-bottom:5px;
}

#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:#8DB580;
}

.icon-menu-style {
	padding:0px;
}

#muniSearchButton {
	background-color:#8DB580;
}

#deptSearchButton {
	background-color:#8DB580;
}

#MOA_ParksSearchForm {

}

/* Slideshow styling */
	.slideshow-container {
	  height:500px;
	  position: relative;
	  margin: auto;
	}
	
	#showContainer {
		height:500px;
	}

	.mySlides {
	  display: none;
	  height:500px;
	}

	.prev, .next {
	  cursor: pointer;
	  position: absolute;
	  top: 50%;
	  width: auto;
	  margin-top: -22px;
	  padding: 16px;
	  color: white;
	  font-weight: bold;
	  font-size: 18px;
	  transition: 0.6s ease;
	  border-radius: 0 3px 3px 0;
	  user-select: none;
	}

	.next {
	  right: 0;
	  border-radius: 3px 0 0 3px;
	}

	.prev:hover, .next:hover {
	  background-color: rgba(0,0,0,0.8);
	}

	.text {
	  color: #f2f2f2;
	  font-size: 15px;
	  padding: 8px 12px;
	  position: absolute;
	  bottom: 8px;
	  width: 100%;
	  text-align: center;
	}

	.numbertext {
	  color: #f2f2f2;
	  font-size: 12px;
	  padding: 8px 12px;
	  position: absolute;
	  top: 0;
	}

	.dot {
	  cursor: pointer;
	  height: 15px;
	  width: 15px;
	  margin: 0 2px;
	  background-color: #bbb;
	  border-radius: 50%;
	  display: inline-block;
	  transition: background-color 0.6s ease;
	}
	
	#dotSection {
		position:absolute;
		bottom:20px;
		left:0;
		right:0;
	}
	
	.titleOverlay {
	  position: absolute;
	  bottom: 70px;
	  right:0;
	  background: rgb(0, 0, 0);
	  background: rgba(0, 0, 0, 0.5); /* Black see-through */
	  color: #f1f1f1;
	  width: auto;
	  color: white;
	  font-size: 20px;
	  padding-top:10px;
	  padding-left:20px;
	  padding-right:40px;
	  padding-bottom:10px;
	  text-align: right;
	  text-transform:uppercase;
	}
	
	.titleOverlayER {
	  background: rgba(255, 255, 255, 0.45); /* White see-through */
	  right:auto;
	  
	}


	.active, .dot:hover {
	  background-color: #717171;
	}

	.fade {
	  -webkit-animation-name: fade;
	  -webkit-animation-duration: 4s;
	  -webkit-animation-iteration-count:2;
	  -webkit-animation-direction: alternate;
	  animation-name: fade;
	  animation-duration: 4s;
	  animation-iteration-count:2;
	  animation-direction: alternate;
	}

	@-webkit-keyframes fade {
	  from {opacity: .6}
	  to {opacity: 1}
	}

	@keyframes fade {
	  from {opacity: .6}
	  to {opacity: 1}
	}
	

/********* Main Button Nav ********/
	
	.MainPageBigButtonImage {
		width:250px;
	}
	
	.MainPageBigButtonText {
		text-align:center;
		vertical-align:middle;
		width:250px;
		height:50px;
		font-family: avenir-lt-w01_35-light1475496, sans-serif;
		color:white;
		text-transform:uppercase;
		display:flex;
		align-items:center;
		justify-content:center;
	}
	
	.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:#7E8987;
		display:inline-block;
		padding:2px;
	}

	.MainPageBigButtonButton:hover {
		background-color:#8DB580;
	}
	

	
/******************* I Want To section *************/

	.iwantto-container {
		background-color:#EDEDED;
		height:50px;
		width:100%;
		padding:10px;
	}
	
	.parks-iwantto-label {
		text-align:right;
		text-transform:uppercase;
		font-size:20px;
	}
	
	.park-iwantto-drop {
		background-color:#D8e0c3;
		width:100%;
		border-radius: 0px;
	}

	.parks-iwantto-dropblock {
		background-color:#D8e0c3;
		z-index:1;
		position:relative;
	}

	.parks-iwantto-droparrow {
		  width: 0; 
		  height: 0; 
		  border-left: 10px solid transparent;
		  border-right: 10px solid transparent;
		  border-top: 20px solid white;
	}
	
	#MOA_IWantTo .navbar .navbar-collapse {
	position: absolute;
	top: 1.0rem;
	left: 0;
	background-color: white;
	border: 1px solid #00579d;
}

#MOA_IWantTo .parks-subitem .nav-link {
	padding-left:25px;
	padding-right:3px;
	color:black;
	text-transform:uppercase;
}

#MOA_IWantTo .parks-subitem .nav-link:hover {
	background-color:#D1EAFF;
	color:black;
}

#MOA_IWantTo .dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  border: none;
  margin-left:10px;
  color:black;
  padding:0px;
}

/*************** Parks Events datepicker styles ************************/

#MOA_ParkEventListing, #MOA_ParkCalendarListing, #MOA_FacilityEventListing {
	background-color:transparent;
	min-height:545px;
}

#MOA_ParkEventCalendar .ui-datepicker, #MOA_ParkCalendar .ui-datepicker, #MOA_FacilityEventCalendar .ui-datepicker {
	width:100%;
	position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border:none;
}

#MOA_ParkEventCalendar .ui-datepicker-header, #MOA_ParkCalendar .ui-datepicker-header, #MOA_FacilityEventCalendar .ui-datepicker-header {
	background-color:transparent;
	color:#8DB580;
	border:none;
	border-bottom:2px solid #8DB580;
	font-size:2rem;
	font-weight:bold;
	line-height:normal;
	font-family: Tahoma, Geneva, sans-serif;
}

#MOA_ParkEventCalendar th, #MOA_ParkCalendar th, #MOA_FacilityEventCalendar th {
	font-size:18px;
}

#MOA_ParkEventCalendar .ui-datepicker td, #MOA_ParkCalendar .ui-datepicker td, #MOA_FacilityEventCalendar .ui-datepicker td {
	width:14%;
	vertical-align:middle;
}

#MOA_ParkEventCalendar .ui-datepicker-calendar, #MOA_ParkCalendar .ui-datepicker-calendar, #MOA_FacilityEventCalendar .ui-datepicker-calendar {
	height:80%;
}

#MOA_ParkEventCalendar .ui-state-default, #MOA_ParkCalendar .ui-state-default, #MOA_FacilityEventCalendar .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_ParkEventCalendar .ui-state-active, #MOA_ParkCalendar .ui-state-active, #MOA_FacilityEventCalendar .ui-state-active {
	background-color:#8DB580;
	border-radius:5px;
	color:white;
	text-align:center;
	font-size:18px;
	height:100%;
	width:100%;
	vertical-align:middle;
	display:inline-block;
	padding:30%;
}

#MOA_ParkEventCalendar .ui-state-hover, #MOA_ParkCalendar .ui-state-hover, #MOA_FacilityEventCalendar .ui-state-hover {
	background-color:#C2CFB2;
	border-radius:5px;
}

#MOA_ParkEventCalendar .ui-state-default :hover, #MOA_ParkCalendar .ui-state-default :hover, #MOA_FacilityEventCalendar .ui-state-default :hover {
	border:none;
	background-color:#8DB580;
	text-align:center;
}

#MOA_ParkEventCalendar .ui-datepicker-next, #MOA_ParkCalendar .ui-datepicker-next, #MOA_FacilityEventCalendar .ui-datepicker-next {
	background-image: url('/Departments/parks/PublishingImages/HeaderIcons/CalendarRightArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	width:55px;
	height:55px;
}

#MOA_ParkEventCalendar .ui-datepicker-prev, #MOA_ParkCalendar .ui-datepicker-prev, #MOA_FacilityEventCalendar .ui-datepicker-prev  {
	background-image: url('/Departments/parks/PublishingImages/HeaderIcons/CalendarLeftArrow.png');
	background-repeat:no-repeat;
	background-position:center;
	width:55px;
	height:55px;
}


#MOA_ParkEventCalendar .ui-icon-circle-triangle-w, #MOA_ParkCalendar .ui-icon-circle-triangle-w, #MOA_FacilityEventCalendar .ui-icon-circle-triangle-w {
	background-image: url('/Departments/parks/PublishingImages/HeaderIcons/CalendarLeftArrow.png');
}


#MOA_ParkEventCalendar .ui-icon-circle-triangle-e, #MOA_ParkCalendar .ui-icon-circle-triangle-e, #MOA_FacilityEventCalendar .ui-icon-circle-triangle-e {
	background-image: url('/Departments/parks/PublishingImages/HeaderIcons/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_ParksEventListingHeader {
	padding-bottom:10px;
	border-bottom:2px solid #8DB580;
	padding-top:20px;
	margin-bottom:10px;
}

#MOA_ParkEventListing h2, #MOA_ParkCalendarListing h2 {
	color:#8DB580;
	font-weight:bold;
}

#MOA_ParksEventListLabel {
	float:left;
}

#MOA_ParksEventSeeAll, #MOA_FacilitiesEventSeeAll {
	float:right;
	background-color:#8DB580;
	color:white;
	border-radius:5px;
	padding:5px 10px 5px 10px;
	font-weight:bold;
	font-size:18px;
	cursor:pointer;
}

.MOA_ParksEventItem {
	border-bottom: 1px solid #8DB580;
	margin-bottom:10px;
	width:100%;
}

.MOA_ParksEventHeader {
	font-size:20px;
	font-weight:bold;
	color:#00579D;
	
}

.MOA_ParksEventDateStart {
	font-size:18px;
	font-weight:bold;
	color:#8DB580;	
}

.MOA_ParksCalendarBox {
	min-height:500px;
	
}

/*************** 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 {
	
}

/*************** 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;
}

/* special styles for medium to small screens only to prevent header image wonkiness */
@media (max-width: 870px) {
	#parkstopimgcontainer {
		height:275px;
		width:100%;
		
		overflow:hidden;
	}
	
	#parkstopimgcontainer > div > div > img {
		height:275px;
		width:100%;
		object-fit:cover;
	}
	
	#parkstopimgcontainer > 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;

	}
	
	#Parks_TemporaryTopImg {
		height:275px;
		width:100%;
		object-fit:cover;
	}

}

/* special styles for sm screens only */
@media (max-width: 767.98px) {
	#parks-dept-nav .navbar .navbar-collapse {
		position: relative;
		top: 0;
		border: 0;
		padding: 0 2rem;
		height:auto;
	}
	
	#parks-dept-nav .navbar-toggler {
		text-align:left;
		border:0;
		padding-left:10px;
	}
	
	#parks-dept-nav .navbar-main-link {
		text-align:left;
		border:0;
		position:relative;
		padding: .25rem 0 .25rem 0;
		padding-left:10px;
	}
	

	#MOA_Slideshow_imageContainer {
		TEXT-ALIGN: left;
		WIDTH: 400px;
	    height:225px;
	}

	#MOA_Slideshow_Pic {
	  /* Main wrapper for all images */
	  padding: 0;
	  overflow: hidden;
	  position: relative;
	  height:500px;
	  margin-left:0px;
	}
	
	#parkmapicon {
		width:200px;
	}
	
	#findparklabel {
		margin-top:10px;
	}

	#footerleft {
		text-align:center;
	}
	
	#dept-footer-maplink {
		text-align:center;
	}
	
	.parkspagegreenblock {
		min-height:50px;
	}

	#parksMenu {
		padding-left:0px;
	}
	
	#header-icons {
		margin-right:0px;
	}

}

/****** end small screen only section ******/


/* special styles for sm screens only */
@media (max-width: 450px) {
 	.MOA_ParksCalendarBox {
		min-height:500px;
	
	}
	
	#MOA_ParkEventCalendar .ui-datepicker-header, #MOA_ParkCalendar .ui-datepicker-header, #MOA_FacilityCalendar .ui-datepicker-header {
		font-size:1rem;
		padding-top:20px;
		padding-bottom:10px;
	}
	
	#ParkList, #FacilityList {
		width:300px;
	}

}
