/* PROD */

/*
 * Main Elements
 */
#main-content {
	margin: auto;
	max-width: 1140px;
	margin-top: 12px;
	padding: 0 10px 30px;
}

.center {
	text-align: center;	
}

.bigger {
	font-size: 1.125em;
}

.ward {
	font-size: 1.250em;
	font-weight: bold;
}

.text-address-js {
	position: relative;
}

.media > div {
  	display: none;
}

.ps-label {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.home-secondary-title {
	text-align: center;
	display: none;
	padding-top:  18px;
}

.image-desc-image, .image-desc {
	border: none;
}

.image-desc-image {
	padding: 0;	
}

.image-desc {
	padding: 5px 5px 0;	
}


/*
 * My Neighbourhood Map Styling
 */
.map-info-image {
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	display: none;
}

.map-info-address {
	clear: both
}

.map-infobox {
  	max-width: 408px;
}

.sidr-height-bg {
	position: absolute;
	background-color: rgb(28, 31, 34);
	height: 100%;
	left: -320px !important;
	right: auto;
	top: 0;
	width: 320px;
}

.no-svg .rainbow-trim {
	position: static;
}

.rainbow-trim > img,
.rainbow-trim ~ img {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}

.page-container {
	overflow-x: hidden;
	position: relative;
}

/*
 * Form loading styling
 */
.loading {
  	padding-top: 23px;
}


/*
 * Last Updated Styling
 */
.last-updated {
	font-style: italic;
	color: #666666;
	padding: 17px 0;
}


/*
 * Forms Listing Styling
 */
.forms-listing > .listing-container {
  	width: 100%;
}

.forms-listing h3 {
	background-color: #FFFFFF;
	border-radius: 4px 4px 0 0;
}

.forms-listing .listing-container {
	background-color: #EEF0F1;
	border-radius: 4px;
}

.forms-listing .absolute-bottom {
	width: 90%;	
}

.forms-listing .listing-container div {
	padding: 25px 25px 48px;
    margin-bottom: 0;
    position: relative;
}

div.forms-listing {
	border: none;
}


/*
 * Job Listing Styling
 */
.job-listing {
	border-top: 2px solid #E3E3E3;
}

.job-listing ~ .job-listing {
	border-top: none;
}

div.job-listing a {
  color: #3c3c3c;
  padding-bottom: 14px;
}

.job-listing span {
	font-weight: bold;
}


/*
 * Catalogue Search Styling
 */
.catalogue-search {
	box-sizing: border-box;
	padding: 10px;
}

.catalogue-search input[type=submit] {
	height: 50px;
	margin-right: 0;
	width: 100%;
}

.catalogue-search:after {
	content: "";
	clear: both;
	display: table;
}

.advanced-search-link {
	display: inline-block;
}


/*
 * Featured News Styling
 */
.featured-news-link {
	display: block;
	padding-bottom: 15px;
}

.featured-news-container img {
	display: block;
}

.featured-news-container {
	overflow: hidden;
}

.featured-news-bar {
	position: absolute;
	bottom: 0;
	background-color: #333333;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	color: #FFF;
	border: none;
	padding: 10px 20px;
	box-sizing: border-box;
}

.featured-news-bar h3,
.featured-news-bar .publish-date {
	color: #FEFEFE;
	margin: 0;
}

/*
 * Generic Toggle
 */
.generic-toggle:visited {
  	color: #54585B;
}

.generic-toggle {
	border: 2px solid #E9EAEB;
	position: relative;
	font-size: 1.625em;
	padding: 0.5em;
	line-height: 1.154;
	font-weight: bold;
	cursor: pointer;
	margin: 0.8em 0 0.4em;
	
	color: #54585B;
  	display: block;
  	text-decoration: none;
  	background-color: #FFFFFF;
}

.generic-toggle:after {
	content: "+";
	font-family: RydeIcons;
	position: absolute;
	right: 17px;
	top: 17px;
	font-weight: normal;
	font-size: 0.9em;
	color: #9A9DA0;
}

.generic-toggle-small {
  	font-size: 1em;
  	padding: 12px 14px;
}

.generic-toggle-small:after {
  	font-size: 1.2em;
  	top: 10px;
}

.generic-toggle-container {
	margin-bottom: 27px;
}

.no-js .generic-toggle:after {
	display: none;
	padding: 0;
}

.no-js .generic-toggle {
	border: none;
	padding: 0;
	cursor: initial;
}

.no-js .generic-toggle-container {
	display: block;
}


/*
 * Agenda & Minutes Details Page
 */
.meeting-details p {
	margin-bottom: 8px;
}

.meeting-date-title {
	font-weight: bold;
	display: inline-block;
	padding-bottom: 9px;
}

.agenda-tab-title:visited,
.minutes-tab-title:visited {
	color: #F4F5F6;;
}

.agenda-tab-title,
.minutes-tab-title {
	background-color: #8F9295;
	padding: 18px 25px;
	display: none;
	text-decoration: none;
	color: #F4F5F6;
	font-weight: bold;
	border-radius: 4px 4px 0 0;
}

.minutes-tab-title:hover,
.minutes-tab-title:focus,
.agenda-tab-title:hover,
.agenda-tab-title:focus {
	background-color: #F4F5F6;
	color: #3c3c3c;
}

.active-tab-title,
.active-tab-title:visited {
	background-color: #F4F5F6;
	color: #3c3c3c;
}

.agenda-tab,
.minutes-tab {
	display: none;
	padding: 10px;
	background-color: #F4F5F6;
}

.active-tab {
	display: none;
}


/*
 * Agenda & Minutes Listing Styling
 */
.agenda-filter > div {
  	padding-top: 36px;
}

.agenda-filter .input-keyword .input-element input[type="text"] {
  	height: 40px;
}

.agenda-filter .chosen-container-multi .chosen-choices {
	min-height: 38px !important;
}

.agenda-filter > div:nth-child(3) {
	clear:both;
}

.agenda-container .agenda-filter .input-meeting-type {
	width: 31%;
}

.filter-spacer {
	margin-bottom: 40px;
}

.agenda-container .agenda-filter .input-submit {
	padding-top: 28px;
	margin-top: 27px;
}

div.agenda-filter {
  padding: 0.8% 2% 3.4% 2%;
}


/*
 * What's Happening Styling
 */
.no-js .whats-happening-home .input-submit {
	float: right;
}

.whats-happening-home input[type=text],
div.whats-happening-home input[type=text]:focus {
	border-width: 3px;
}

.whats-happening-home .my-neighbourhood-filter input[type=submit] {
	font-size: 1.3em;
	line-height: 1;
	height: 52px;
}

.whats-happening-home {
	background: #FFFFFF url("map.bg.jpg") no-repeat;
	height: 100%;
	padding: 35px 18px;
}

.whats-happening-home:after {
	content: "";
	display: table;
	clear: both;
}

.whats-happening-home .search-filter {
	background-color: transparent;
	padding: 0;
	float: left;
	width: 82%;
}

.whats-happening-home .input-result-type,
.whats-happening-home .input-label {
	display: none;
}

.whats-happening-home .search-filter .input-keyword {
	width: 83%;
}

.whats-happening-home .search-filter .input-submit {
	width: 13%;
}

.whats-happening-icon,
.whats-happening-icon ~ img {
	display: none;
	float: left;
	padding: 0 50px;
}

.whats-happening-icon-tablet,
.whats-happening-icon-tablet ~ img {
	display: none;
	float: left;
	padding: 0 20px;
}

.whats-happening-home .search-filter .input-submit .btn-primary {
	background-color: #EB6E1E;
	border-color: #EB6E1E;
	height: 3em;
}

.my-neighbourhood-filter input[type=submit] {
	height: 43px;
	width: 100%;
	margin-top: 0;
}

.my-neighbourhood-filter .input-keyword ~ .input-keyword .input-element {
	width: 100%;
	float: none;
}

.waste-services-widget .no-results {
  background-color: transparent;
  padding: 0;
}


/*
 * My Neighbourhood List View Styling
 */
#wardDetail span {
  	font-weight: bold;
}

#wardDetail {
  	padding: 20px 1%;
}

div.no-address {
	background-color: transparent;
	padding: 0;
}

.map-results-list {
	height: 600px;
	overflow-y: auto;
	background-color: #f4f5f6;
}

.map-results-list ul {
	padding-left: 18px;
}

.map-results-list li {
	list-style-type: none;
}

div.map-results-list p {
	margin: 0;
}

.map-results-list a {
	text-decoration: none;
	border-bottom: 2px solid #e7e7e7;
	display: block;
	padding: 15px 0;
}

.map-results-list li:last-child a {
	border: none;
}

.map-results-list h3:hover {
	text-decoration: underline;
}

.map-results-list h3 {
	margin: 0 0 10px;
}

.map-infobox span {
	font-weight: bold;
}

.map-infobox a {
	text-decoration: none;
}

.map-infobox a:hover {
	text-decoration: underline;
}

.map-results-list h3:before {
	content: " ";
	width: 26px;
	height: 34px;
	vertical-align: -22%;
	padding-right: 5px;
	background-repeat: no-repeat;
	display: inline-block;
	background-size: contain;
}

.input-captcha > .input-element a ~ a {
  display: none;
}

.no-js .input-captcha > .input-element > div > div > div > a:nth-child(2) {
	display: none !important;
}

.hidden-tab {
	display: none;
}

.map-buttons {
	display: block;
}

.icon-event > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_event.png");
}

.icon-park_or_facility > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_park_or_facility.png");
}

/*DESK-985*/
.icon-capital_works_and_major_projects > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_capital_works_and_major_projects.png");
}

.icon-capital_works_and_major_projects_-_public_works > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_capital_works_and_major_projects_-_public_works.png");
}
/*End of DESK-985*/

.icon-have_your_say > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_have_your_say.png");
}

.icon-consultation_location > h3:before {
	background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_consultation_location.png");	
}
/* DESK-6966 */
.icon-venue > h3:before {
    background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_venue.png");
}

.icon-library > h3:before {
    background-image: url("/files/sharedassets/public/templateimages/mapicons/map_pin_library.png");
}
/* DESK-6966 - END */
.map-container {
	height: 300px;
    float: none;
    width: 100%;
}

.no-js-element, .span-or, .button-my-location {
	display: none;
}

.no-js .no-js-element {
	display: block;
}

.no-js .js-element {
	display: none !important;
}

.responsive-wrapper-all {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  margin-bottom: 0.6em;
}


/*
 * Auto-complete Suggestion Styling
 */
.autocomplete-suggestions {
	box-sizing: border-box;
	border: 1px solid #E3E4E4;
	box-shadow: -1px 4px 14px -4px;
	display: block;
	background-color: rgb(255, 255, 255);
	cursor: pointer;
	overflow: hidden;
}



.autocomplete-suggestion {
	padding: 0.8em;
}

.autocomplete-suggestion:hover,
.autocomplete-suggestion:focus,
.autocomplete-selected {
  	background-color: #F4F5F6;
}


/*
 * Waste Services Results Styling
 */
.waste-services-results {
	background-color: #f4f5f6;
	padding: 22px 25px;
}

.waste-services-result {
	padding: 19px 1%;
}

.waste-services-result img,
.waste-services-result .service-details {
	float: left;
}

.service-details {
  padding-top: 10px;
  padding-left: 20px;
}

.next-service {
  padding-top: 7px;
}

.next-service span {
	font-size: 1.625em;
	line-height: 1.154;
	font-weight: bold;
	color: #54585b;
}

.ralc-events-news .news-home-container h2 {
	color: #FEFEFE;
}

.striped-bg-solid {
	background: transparent url("striped-bg-solid.png") repeat-y;
}


.listing-container.listing-container-full {
	width:98%;
}

.add-to-calendar .calendar-dates .occurence-type li {
	list-style-type: none;
}

.councillors-widget .councillor-profile-container p {
	margin: 0;
	padding: 0.14em 0;
}

.councillors-widget .councillor-profile-container .address-container {
	padding: 0.8em 0;
}

/*
 * I Want To General Styling
 */
.iwt-container {
	padding-bottom: 12px;
}



/*
 * Home Slider Static Styling
 */
.home-slider-static {
	margin: 20px 0 0 0;
	display: none; /* DESK-3203 */
}

.home-slider-static a {
	
	background-color: rgba(0,0,0,0.7);
	display: block;
	color: #FFF;
	text-decoration: none;
}

.home-slider-static span {
	display: inline-block;
	padding: 6px 15px 11px;
	color: #FFF;
	font-weight: bold;
	font-size: 1em;
}


/*
 * RALC Landing Styling
 */
.instagram-wrapper {
  	padding-bottom: 30px;
}

.ralc-events-news {
	height: 100%;
}

.iwt-ralc .anim-outer-circle > img {
	padding: 0;
	width: 110px;
}

.ralc-events-news .event-date-badge {
	background-color: rgb(0, 125, 195);
}


/*
 * Environment Landing Styling
 */
.enviro-events-news .event-date-badge {
	background-color: #3D9239;
}

.iwt-enviro .anim-outer-circle > img {
	padding: 0;
	width: 110px;
}


/*
 * Design our Ryde Landing Styling
 */
.design-events-news .event-date-badge {
	background-color: #fcb316;
}

.iwt-design .anim-outer-circle > img {
	padding: 0;
	width: 110px;
}


/*
 * No Councillor Footer Styling
 */
div.no-councillor {
  	background-image: none;
}

.no-councillor div.footer-four-square-container {
	width: 100%;
}

.no-councillor .footer-contact-us,
.no-councillor .footer-share-connect,
.no-councillor .footer-visit-libraries {
	width: 100%;
}

.no-councillor .footer-visit-libraries {
	clear: none;
}

.no-councillor .footer-four-square > div {
	padding-top: 27px;
}

.no-councillor .footer-four-square .footer-newsletter {
	width: 100%;
	border-left: none;
}

.no-councillor .footer-four-square  .footer-contact-us {
	border-right: none;
}

.no-councillor .councillor-profile-container {
	display: none;
}


/*
 * Councillor Profile Container Styling
 */
.footer-newsletter input[type=text] {
	padding-left: 14px;
  	box-sizing: border-box;
	color: #3e3e3e;
	width: 100%;
}

#footer-content .btn {
  width: 100%;
  text-align: center;
}

.address-container {
	padding: 0.9em 0;
}

.councillor-profile-container h2 {
	color: #FEFEFE;
}

.councillor-profile-container {
	padding: 1em 15px;
	position: relative;
	background-color: none;
}

.no-js .slider-councillor-footer .slides {
	height: 412px;
	overflow-y: scroll;
}

.councillor-profile-container:nth-child(2n + 3) {
	clear: left;
}

.councillor-profile-container .flex-control-paging {
	display: none;
}

.councillor-profile-container span {
	font-weight: bold;
}

#slider-councillor-footer {
	display: none;
  	color: #393d40;
}

.slider-councillor-footer li img {
	padding-left: 1px;
}

.councillor-profile-container img {
	display: block;
  	margin-bottom: 55px;
  	float: left;
  	padding-right: 1.5em;
}

.flexslider-councillor-footer {
	position: relative;
}

.flexslider-councillor-footer a {
	color: #3a3e41;
}

.councillors-results .footer-link {
	display: inline-block;
	padding-top: 7px;
}

.councillors-widget .councillors-results img {
	float: left;
	margin-bottom: 15px;
}

.councillors-widget .councillor-profile-container div {
	display: inline-block;
}

#slider-councillor-footer .nav-backward {
  	background: #6a6e71 url("footer-left.png") center no-repeat;
	width: 37px;
	height: 37px;
	top: 257px;
	border-radius: 4px;
}

#slider-councillor-footer .nav-forward {
	background: #6a6e71 url("footer-right.png") center no-repeat;
	height: 37px;
	width: 37px;
	top: 257px;
	left: 84px;
	border-radius: 4px;
}

#slider-councillor-footer .flex-pause,
#slider-councillor-footer .flex-play {
	margin: 0;
	top: 10px;
	left: 13px;
}

#slider-councillor-footer .flex-pauseplay {
	top: 221px;
	bottom: initial;
	left: 42px;
	width: 37px;
	height: 37px;
	background-color: #6a6e71;
	border-radius: 4px;
	margin: 0;
}


/*
 * Footer Links Styling
 */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: RydeIcons;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.footer-link {
	white-space: nowrap;
  	overflow: hidden;
  	text-overflow: ellipsis;
  	-o-text-overflow: ellipsis;
	display: block;
	padding-bottom: 0.6em;
}

.footer-link:before {
	text-decoration: underline;
	display: inline-block;
	font-size: 1.9em;
	vertical-align: -28%;
	padding-right: 0.25em;
	color: #c7ccce;
}

a.footer-link:before {
	text-decoration: none;
}

.icon-pinterest:before {
  content: "y";
}
.icon-rssfeed:before {
  content: "z";
}
.icon-twitter:before {
  content: "A";
}
.icon-youtube:before {
  content: "B";
}
.icon-instagram:before {
  content: "C";
}
.icon-facebook:before {
  content: "D";
}

.icon-facebook:hover:before,
.icon-facebook:focus:before {
	color: #106ebe;
}

.icon-twitter:hover:before,
.icon-twitter:focus:before {
  color: #30bae2;
}

.icon-youtube:hover:before,
.icon-youtube:focus:before {
  color: #d82a3a;
}

.icon-instagram:hover:before,
.icon-instagram:focus:before {
  color: #ddcfb2;
}

.icon-pinterest:hover:before,
.icon-pinterest:focus:before {
  color: #d82a3a;
}

.icon-rssfeed:hover:before,
.icon-rssfeed:focus:before {
  color: #eb6e1f;
}



/*
 * Councillor Profile styling
 */
.councillor-info {
	line-height: 1.95;
}

.councillor-container:after {
	display: table;
	content: " ";
	clear: both;
}

.councillor-container .councillor-image {
	padding: 0 20px 15px 0;
}

.councillor-container p.councillor-info {
    line-height: 2.05;
 	padding-top: 0.4em;
  	padding-bottom: 0;
}

#mobile-search {
	display: none;
	padding-bottom: 11px;
}

.no-js #mobile-search {
	display: block;	
}

.no-js #mobile-search-link {
	display: none;	
}

.no-js .galleria {
	height: auto;
}

.galleria {
	height:480px;
	width: auto;
}

#mobile-search-link {
	display: block;
}

#mobile-search > .ps-input {
  	border: none;
  	width: 100%;
  	color: #3c3c3c;
  	box-sizing: border-box;
}

.item-listing.event-listing > a {
	padding: 0 1em 1em 1.5em;
}

.item-listing.event-listing > a h3 {
	margin-top: 0.7em;
}

#mobile-search > .ps-button {
	display: none;
}

.main-content p {
	margin-bottom: 1em;
}

.wide-container {
	max-width:1600px;
	margin: auto;
}


/*
 *	I want to Styling
 */
.want-to-mobile:after {
  display: table;
  content: " ";
  clear: both;
}

a.twitter-btn {
	display: block;
	text-align: center;
}

.twitter-container {
	margin-bottom: 20px;
	display: none;
}

.anim-container {
	height: auto;
}

.mobile-circle {
	width: 60px;
	height: 60px;
	background-color: #EEEFF1;
	border-radius: 50%;
	display: inline-block;
	float: left;
	margin-right: 19px;
}

.want-to-mobile {
	margin-top: 0.5em;
  	margin-bottom: 0.5em;
	text-decoration: none;
	color: #54585B;
	display: block;
	padding-left: 1.5em;
}

.title-inline {
	padding-top: 17px;
}

.want-to-mobile:hover {
	background-color: #EEEFF1;
}

.want-to-mobile span {
	color: #54585B;
	position: static;
	font-size: 1.4em;
}

.anim-outer-circle,
.anim-title {
	display: none;
}

.mobile-circle > img {
	margin: auto;
	display: block;
	padding-top: 15px;
	max-width: 50%;
  	max-height: 35px;
}

.iwt-ralc .mobile-circle > img {
	width: 100%;
	padding-top: 0;
	max-width: 100%;
	max-height: 100%;
}

/*
 * Home Events / News Styling
 */
.news-home-container .btn {
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.home-listing-small .listing-container {
	width: auto;
}

.event-home-item {
	display: none;
}

.home-events-news {
	background: #383d40 url("/files/assets/public/events-background.jpg") top left no-repeat;
	height: 100%;
}

.home-events-news h2,
.home-events-news h3,
.home-events-news p,
.home-events-news span,
.news-home-container h2 {
	color: #FFF;
}

.home-events-news p {
	color: #FFF;
}

.event-home-container {
	padding: 10px 14px 41px;
}

.event-home-container .listing-image {
	position: relative;
}

.event-home-container h2 {
	margin-bottom: 1em;
}

.event-home-item {
	overflow: hidden;
}

.home-listing-small {
	display: block;
}

.home-listing-small > a {
	min-height: initial;
	border-radius: 4px;
	margin-bottom: 1em;
}

.event-home-container .btn {
	margin-right: 0;
}

.event-home-item > a {
  	text-decoration: none;
  	display:block;
}

.event-home-link:hover img,
.event-home-link:focus img {
  	opacity: 1;
}
.event-home-link img {
	transition: all .6s ease;
	opacity: 0.7;
}

.dark-bg {
	background-color: #383D40;
}

.news-home-container {
	min-height: initial;
	background-color: #383D40;
	padding-top: 52px;
	padding-bottom: 64px;
	padding-left: 15px;
	padding-right: 15px;
}

.news-home-container > div > a {
	color: #FFF;
	font-size: 1.063em;
	text-decoration: none;
	font-weight: bold;
}

.news-home-container > div > a:hover,
.news-home-container > div > a:focus {
	text-decoration: underline;
}

span.publish-date-home {
	color: #B3B3B3;
	font-size: 0.875em;
	display: inline-block;
}

.news-home-container > div {
	padding-bottom: 16px;
	padding-top: 19px;
	border-bottom: 1px solid #505557;
}

.listing-home-image > img {
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-height: 200px;
    min-width: 306px;
    position: absolute;
    right: -9999px;
    top: -9999px;
}

.listing-home-image {
	width: 306px;
	height: 200px;
	overflow: hidden;
	position: relative;
	border-top-left-radius: 4px;
}

.listing-home-text {
	background-color: #e3e5e6;
	width: 306px;
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	padding: 1em;
	box-sizing: border-box;
	margin-bottom: 3em;
	color: #595d60;
	font-weight: bold;
}

.event-home-container .btn {
	margin-top:	0;
	display: block;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.event-home-container .btn:before,
.news-home-container .btn:before {
	content: "x";
	font-family: RydeIcons;
	padding-right: 0.5em;
	vertical-align: -21%;
	font-size: 1.7em;
	font-weight: normal;
}


/*
 * Home Page Slider Styling
 */
#home-slider {
	margin-bottom: 0;
	display: block; /* DESK-3203 */
	padding: 0 1%;
	padding-top: 7px;
}

#home-slider-ul {
	border: none;
}

#home-slider-ul > li {
	max-height: 600px;
	height: auto;
}

.slider-bg {
	/*bottom: -80px;*/ /* DESK-3203 */
	text-align: center;
	position: relative; /* DESK-3203 */
}

.slider-bg a p {
	padding: 0;
	box-sizing: border-box;
	line-height: 1.1;
	margin: 0;
	color: #FFFFFF;
	font-family: ProximaNova;
	font-weight: bold;
	font-size: 1.1em;
	width: 100%;
	display: inline-block;
}

.slider-bg .text {
	max-width: 1140px;
	width: 100%;
	text-align: left;
	margin: auto;
}

.slider-bg .text > a {
	background-color: #484D50;
	display: block;
	margin-left: 0;
	height: auto; /* DESK-3203 */
	min-height: 72px; /* DESK-3203 */
	padding: 0.35em 1.3em; /* DESK-3203 */
}

.flexslider {
	overflow: visible;
}

/*.flex-viewport { overflow-y: visible !important; }*/ /* DESK-3203 */

.flexslider .slides img {
	width: 100%;
	min-height: initial;
	min-width: initial;
}

.flex-control-nav {
	width: 100%;
	max-width: 1140px;
	margin: auto;
	position: absolute;
	left: 0;
	bottom: 22px;
	text-align: left;
	display: none;
}



.flex-control-nav li:first-child {
	padding-left: 476px;
}

.flex-pauseplay {
	width: 100%;
	max-width: 1140px;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 13px;
	text-align: center;
	display: none;
}

.flex-play, .flex-pause {
	position: relative;
	bottom: inherit;
	left: inherit;
	margin-left: 625px;
}

.flex-play:focus,
.flex-pause:focus {
  	outline: #5C5B59 dotted thin !important;
}

.flex-control-paging li a.flex-active {
	background-image: url('sliderSprite.png');
	background-repeat: no-repeat;
	background-position: -100px 0;
}

/*.flex-control-paging li a.flex-active:hover,
.flex-control-paging li a.flex-active:focus {
	background-position: 0 0;
}
*/
.flex-control-paging li a:focus {
	outline: 1px dotted rgb(189, 189, 189);
}

/* DESK-3203 */
.customnav .nav-backward,
.customnav .nav-forward {
    display: block;
    background-color: rgba(0,0,0,0.2);
    background-position: center;
    height: 50px;
    width: 45px;
    top: 35%;
}
.customnav .nav-forward { border-radius: 5px 0 0 5px; }
.customnav .nav-backward { border-radius: 0 5px 5px 0; }
/* DESK-3203 end */

/*
 * Did you mean? Styling
 */
.spellsuggestlabel {
	font-size: 1.125em;
	padding-bottom: 0.9em;
  	display: inline-block;
}

/*
 * Featured Sub-Section Styling
 */
.fss-item {
	text-align: left;
	margin-top: 0;
}

.fss-item:focus {
	outline: none;
}

.fss-tooltip {
	display: none;
	width: 0;
	height: 0;
	margin: auto;
	border-bottom: 12px solid transparent;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}

.fss-title {
	display: inline-block;
	background-color: #eef0f1;
	padding: 1em 1.6em;
	border-radius: 4px;
	margin-top: 0.8em;
	font-size: 1.1em;
	color: #7f8487;
	font-weight: bold;
	position: relative;
  	text-align: center;
}

.fss-title > span {
	width: 100%;
	position: absolute;
	margin-left: -1.6em;
	top: -13px;
	display:none;
}

.fss-container .striped-bg {
  padding: 1.8em 0.8em;
}

.fss-item > a  {
    filter: initial;
  	-webkit-filter: initial;
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
    height: 100%;
	display: block;
}


.fss-image {
	display: none;
	margin: auto;
	padding-bottom: 35px;
}


/*
 * Chosen Styling
 */
.chosen-container-multi .chosen-choices li.search-field input[type=text] {
	color: #757575;
	font-family: ProximaNova;
	font-size: 1.131em;
}


/*
 * IWT Styling
 */
.view-more-container {
	text-align: center;
	margin-top: 0;
}

.view-more-services:before {
	font-family: RydeIcons;
	padding-right: 0.4em;
	font-size: 1.4em;
	vertical-align: -19%;
}

#iwt-viewmore:before {
	content: "q";
}

#iwt-viewless:before {
	content: "u";
}


/*
 * Galleria Styling
 */
.galleria {
	height:420px;	
	/*width: 640px*/ /* DESK-4438 */
}

.galleria-landing-page {
	width: 100%;	
}

.galleria-landing-page .galleria-image-nav-left,
.galleria-landing-page .galleria-image-nav-right,
.galleria-landing-page .galleria-counter {
	background-color: rgb(80,80,80);
	background-color: rgba(0,0,0,0.5);
	border-radius: 4px;
}

.galleria-landing-page .galleria-counter {
	padding: 5px;
}

.galleria a.document:before,
.galleria .icon-link,
.galleria .file-info,
.galleria-landing-page .galleria-fullscreen {
	display: none;
}

.no-js .galleria a, .no-js .galleria a:hover, .no-js .galleria a:active, .no-js .galleria a:focus {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0)  ;
	display: inline-block;
	height: 120px;
	outline: medium none;
	width: 120px;
}

/*
 * News Listing Custom Month-Based Styling
 */
.month-header {
	text-align: right;
	margin-bottom: 0.1em;
}

.month-January ~ .month-January,
.month-February ~ .month-February,
.month-March ~ .month-March,
.month-April ~ .month-April,
.month-May ~ .month-May,
.month-June ~ .month-June,
.month-July ~ .month-July,
.month-August ~ .month-August,
.month-September ~ .month-September,
.month-October ~ .month-October,
.month-November ~ .month-November,
.month-December ~ .month-December {
  	display: none;
}

.month-year-pagination {
	margin-top: 1em;
	text-align: center;
}

.event-date-badge.badge-listing {
	right: 0;
	left: initial;
	border-top-left-radius: 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0;
}

.generic-info-window a:hover {
	text-decoration: underline;
}

.generic-info-window a:visited,
.generic-info-window a:active {
 	color: #BFC0C1;
}

.generic-info-window h3 {
	margin-top: 0.5em;
}


/*
 * Predictive Search Styling
 */
#predictiveResults {
	display: none;
	background-color: white;
	border: 2px solid #EEF0F1;
	-webkit-box-shadow: -3px 7px 19px -5px rgba(0,0,0,0.75);
	-moz-box-shadow: -3px 7px 19px -5px rgba(0,0,0,0.75);
	box-shadow: -3px 7px 19px -5px rgba(0,0,0,0.75);
	position: absolute;
	left: -2px;
	z-index: -1;
	width: 99%
}

.result-text {
	color: #0067a2 !important;
	font-weight: bold;
}

.predictiveResults__list {
	padding-left: 0;
	padding-top: 2.7em;
	margin-bottom: 0;
}


.predictiveResults__item {
	list-style-type: none;
	border-bottom: 1px solid #E3E4E4;
	padding-left: 0;
	padding-right: 0;
}


.predictiveResults__head {
	font-size: 1.2em;
	line-height: 1;
	color: #3c3c3c;
	margin: 0;
	padding-bottom: 0.2em;
}

.predictive-search-link-item:hover,
.predictive-search-link-item.itemSelected {
	background-color: #F4F5F6;

}

.predictiveResults__link {
	text-decoration: none;
  	display: block;
  	padding: 1.1em 1em 1.3em 1em;
}

.predictiveResults__link--viewMore,
.predictiveResults__link--viewMore:visited {
	background-color: #EEF0F1;
	text-align: center;
	color: #3c3c3c;
	padding: 0;
	font-weight: bold;
}

.predictiveResults__link--viewMore:hover,
.predictiveResults__link--viewMore:focus,
.predictiveResults__link--viewMore.itemSelected {
	color: #3c3c3c;
	background-color: #E3E4E4;
}

.predictiveResults__item--viewMore {
	padding: 0;
	border-bottom: none;
}

/*
 * Future Sprint Styling - Specify Height inline - it's temporary it's fine.
 */
.future-sprint {
	text-align: center;
	background-color: #CCCCCC;
	color: #FFF;
	margin: 1.5em 0;
	display: table;
	width: 100%;
}

#search-nav input[type=submit] {
	display: none;

}

.future-sprint > span {
  text-shadow: 1px 1px 4px gray;
  width: 100%;
  height: 100%;
  left: 0;
  padding: 0;
  display: table-cell;
  text-align: center;
  margin: 0;
  font-size: 1.4em;
  vertical-align: middle;
  background: repeating-linear-gradient( 135deg, rgba(223, 223, 223, 0.15), rgba(223, 223, 223, 0.15) 10px, rgba(171, 171, 171, 0.15) 10px, rgba(171, 171, 171, 0.15) 20px );
}

.marker-header-link {
	text-decoration: none;
}

.icon-info-toggler {
    display: block;
    height: 23px;
    width: 23px;
}

.map-data {
	display: none
}

.chosen-container-multi .chosen-choices {
	border: 2px solid #B8B8B8;
  	border-radius: 3px;
  	min-height: 50px !important;
  	width: auto !important;
}

.event-filter .chosen-container-multi .chosen-choices {
	min-height: 42px !important;
}

.search-toggle:visited {
	color: #54585B;
}

.search-toggle {
	border: 2px solid #E9EAEB;
	position: relative;
	font-size: 1.625em;
	padding: 13px;
	padding-right: 44px;
	line-height: 1.154;
	display: block;
	color: #54585B;
	font-weight: bold;
	cursor: pointer;
	margin: 0.8em 0 0.4em;
	text-decoration: none;
}

.search-toggle:after {
	content: "+";
	font-family: RydeIcons;
	position: absolute;
	right: 17px;
	top: 17px;
	font-weight: normal;
	font-size: 0.9em;
	color: #9A9DA0;
}

.chose-container.multi {
	width: auto !important;
}

.chosen-container-multi .chosen-choices:focus,
.chosen-container:focus {
	border-color: #EB6E1E;
	box-shadow: 0px 0px 6px 4px #FAE3D3;
	outline: 0;
}

.absolute-bottom {
	position: absolute;
	bottom: 0;
	width: 85%;
}

.item-listing .clear-bottom {
	margin-bottom: 3.5em;
	word-wrap: break-word;

}
.item-listing .clear-nobottom {
	margin-bottom: 1em;
	word-wrap: break-word;
}

/*
 * No-js Pagination Styling
 */
.seamless-pagination-data {
	font-weight: bold;
	color: #505356;
	display: inline-block;
}

.seamless-pagination-controls {
	text-align: center;
}

.seamless-pagination-data .scSearchInputBox {
	font-weight: normal;
}

.seamless-pagination-data .btn_scPagingNonJS_enabled {
	border: none;
  	background-color: #EEF0F1;
  	font-weight: bold;
  	padding: 1em 1.1em 2.2em 1.1em;
  	border-radius: 3px;
  	margin: 0.5em;
}

.seamless-pagination-data .btn_scPagingNonJS_enabled:hover {
  	background-color: #6B6F72;
	color: #FFF;
}

.seamless-pagination-controls .btn_scPagingNonJS_disabled {
	display: none;
}

.seamless-pagination-controls .button-next input {
	background: transparent url('next.svg') no-repeat center;
	border: none;
	color: transparent;
	border-radius: 3px;
	width: 50px;
}

.seamless-pagination-controls .button-previous input {
  background: transparent url('previous.svg') no-repeat center;
  border: none;
  color: transparent;
  border-radius: 3px;
  width: 50px;
}

.seamless-pagination-controls .button-previous input:hover {
	background: #6B6F72 url('previous.hover.svg') no-repeat center;
}

.seamless-pagination-controls .button-next input:hover {
	background: #6B6F72 url('next.hover.svg') no-repeat center;
}


/*
 * Pagination Styling
 */
.seamless-pagination {
	padding: 20px 0 10px;
}

.seamless-pagination-pages .ellipse {
	letter-spacing: -0.08em;
	font-size: 2.1em;
	margin: 0 0.4em;
	vertical-align: -4%;
	font-weight: normal;
	color: rgb(85, 88, 92);

}

.seamless-pagination-pages .current.prev,
.seamless-pagination-pages .current.next {
	background-color: #FFFFFF;
}

.seamless-pagination-pages {
	display: none;
	text-align: center;
}

.seamless-pagination-pages > ul {
	padding: 0;
}

.seamless-pagination-info {
	display: none;
}

.no-js .seamless-pagination-controls {
	display: block;

}

.seamless-pagination-pages li {
	display: inline-block;
}

.seamless-pagination-pages > ul > li > a,
.month-year-pagination a {
	border-style: none;
	background-color: #FFFFFF;
  	border-radius: 3px;
  	margin: 0 1px 0 0;
  	color: rgb(85, 88, 92);
  	font-weight: bold;
  	padding: 0.8em 1.4em;
}

.seamless-pagination-pages a:hover,
.month-year-pagination a:hover {
	background-color: #6B6F72;
	color: #FFFFFF;
}

.seamless-pagination-pages li.active > a:hover {
	color: rgb(85, 88, 92);
}

.seamless-pagination-pages li a,
.month-year-pagination a {
	text-decoration: none;
  	color: inherit;
}

.seamless-pagination-pages li.active span {
	background-color: rgb(239, 240, 241);
	border-color: rgb(239, 240, 241);
	border-radius: 3px;
  	margin: 0 1px 0 0;
  	color: rgb(85, 88, 92);
  	font-weight: bold;
  	padding: 0.8em 1.4em;
  	border-style: none;
}

.seamless-pagination-pages .next:after,
.month-year-pagination .btn-next:after {
	content: ">";
	font-family: RydeIcons;
	vertical-align: sub;
  	padding-left: 0.6em;
  	font-weight: normal;
}

.seamless-pagination-pages .prev:before,
.month-year-pagination .btn-prev:before{
	content: "<";
	font-family: RydeIcons;
	vertical-align: sub;
  	padding-right: 0.6em;
  	font-weight: normal;
}

.seamless-pagination-pages .active span.prev,
.seamless-pagination-pages .active span.next {
	display: none;
}

#main-menu {
	display: block;
	padding-top: 5px;
  	margin-top: -5px;
}

#logo > a {
	display: block;
}

#logo > a:focus {
	background-color: inherit;
}

/*
 * Hack to align a sibling to middle of a div
 * Refer to http://stackoverflow.com/questions/7273338/how-to-vertically-align-an-image-inside-div
 */
.middle-helper {
	vertical-align: middle;
	height: 100%;
	display: inline-block;
}

.div-middle-helper {
	height: 100%;
  	position: absolute;
  	display: inline-block;
  	text-align: right;
  	width: 27%
}

.content-container {
	max-width: 1140px;
	margin: auto;
}

.sitemap li {
	list-style-type: none;
}

.icon-info-toggler {
	background: url("icon-tooltip.png") no-repeat;
}

.help-toggle {
	margin-right: 0.5em;
  	margin-left: 0.5em;
	display: inline-block;
	vertical-align: -34%;
}

.seamless-help-toggle {
	margin-left: -15px;
	padding-right: 5px;
}


/*
 *Comments Styling
 */
 .comments-panel {
 	max-width: 750px;
 }

 .nested-comment {
  	padding-left: 6%;
  	padding-bottom: 1.7em;
}

.nested-comment h3 {
	margin-top: 0.3em;
}

.comment-content_Details--report {
	font-style: italic;
	color: #666666;
}

.comment-heading > h2 {
	font-size: 1.625em;
  	line-height: 1.154;
  	font-weight: bold;
}

.comment-content_Details--report > a:before {
	font-family: RydeIcons;
	content: "!";
	vertical-align: sub;
	padding-right: 0.2em;
	display: inline-block;
	font-style: normal;
	color: #C0C0C0;
}

.comment-content_Details--report > a {
	font-size: 0.85em;
	color: #9B9B9B;
}

.comment-content input[type=submit] {
	margin-top:	0.6em;
}


.comment-content > p:after {
	content: " ";
	display: table;
	clear: both;
}

.comment-content .inlineList {
	padding-left: 0;
}

.comment-content_Details--datetime {
	color: #666666;
}


/*
 * Report to Moderator Styling
 */
.report-note > span {
 	display: block;
	margin: 1em;
	min-height: 20px;
	padding: 19px;
	margin-bottom: 20px;
	background-color: #f5f5f5;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}


/*
 * Item result listing style
 */
.item-listing {
	border-bottom: 2px solid #E3E3E3;
}

.item-listing p {
	margin-bottom: 0.8em;
}

.item-listing .alert {
	margin-bottom: 1em;
}

div.event-listing.small-listing > a {
	padding: 0 1em 0 0;
  	min-height: 68px;
	background-color: #EEF0F1;
}

div.small-listing > a:hover {
	background-color: #E0E3E5;

}

div.small-listing .listing-container {
	width: auto;
	display: block;
	margin-left: 88px;
}

div.small-listing h3 {
	margin-top: 0.2em;
}

div.small-listing .listing-container p {
	margin-bottom: 0.7em;
	margin-top: 0.5em;
	font-weight: bold;
	color: #595D60;
}

.small-listing .event-date-badge {
	position: absolute;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 0px;
}

.small-listing .listing-container {
	display: inline-block;
	margin-left: 0.7em;
}

div.small-listing {
	border: none;
	margin-bottom: 0.5em;
}

.item-listing > a {
	text-decoration: none;
	display: block;
	padding: 0.1em 1em 1em 1.5em;
	position: relative;
	min-height: 240px;
}

.item-listing > a > div {
	float: left;
}

.item-listing > a:hover,
.item-listing > a:focus {
	background-color: #F4F5F6;
}

.listing-span:after {
		content: " / ";
}

.listing-span:last-child:after {
	content: "";
}

.item-listing span {
		color: #3E3E3E;
}

[class$="-title-span"] {
	font-weight: bold;
	margin-right: 10px;
}

[class$="-title-span"]:before {
	color: #B2B3B4;
	font-family: RydeIcons;
	padding-right: 5px;
	vertical-align: sub;
}

.listing-span {
	font-weight: normal;
}

.item-listing > a > p {
	float: left;
	width: 70%;
	line-height: 2.1
}

.item-listing span:before {
	color: #B2B3B4;
	font-family: RydeIcons;
	padding-right: 0.6em;
	vertical-align: sub;
}

/*
 * Park Details Styling
 */
.park-container .banner-image-container > img {
	min-width: 100%;
}


/*
 * Icon Styling for Parks Listing
 */
.park-filter {
  padding-bottom: 1.4%;
}

.parks-info a {
	text-decoration: none;
}

.facilities-title-span:before {
	content: "^";
}

.venues-title-span:before {
	
}

.features-title-span:before {
	content: "?";
}

.location-title-span:before {
	content: "f";
}

.location-title-span {
	padding-right: 0.4em;
}

.categories-title-span:before {
	content: "g";
}

.cell-grouping {
  color: #3c3c3c;
  padding-bottom: 15px;
  padding-top: 5px;
}

.cell-grouping ~ .cell-grouping {
  padding-top: 0;
}

.cell-grouping > div:first-child {
  padding-right: 20px;
  width: 100px;
}

.cell-grouping > div {
  display: table-cell;
}

.item-listing .input-element > input[type=submit] {
	background-color: #6B6F72;
    border-color: #6B6F72;
}

.item-listing .event-date-badge > p > span {
	color: #FFF;
}

.event-date-badge > p > span {
	color: #FFF;
}

.item-listing > a:after {
	content: "";
	display: table;
	clear: both;
}

.comment-content_Details {
	float: right;
	margin-top: 0;
	list-style-type: none;
}

.comment-content_Details--datetime:before {
	content: "\b7";
	font-size: 2em;
	vertical-align: sub;
	padding-left: 0.3em;
}

.comment-content > p {
	border: 2px solid #E6E9EA;
	padding: 1em;
	background-color: #FDFDFD;
	margin-bottom: 0.1em;
}

.comment-content_Details--author_name {
	display: inline-block;
	font-weight: normal;
}

.comment-content > input {
	margin-top: 0;
}

.no-js .view-tab,
.seamless-pagination-count-1,
.no-js .js-element,
span.results-total-0,
ul.searchSort--0 {
	display: none;
}

span.icon-expand:focus {
	outline: 1px dotted black;
}

#sidr span.icon-expand:focus {
	outline: 1px dotted #5c5b59  ;
}

.sidr-container {
	position: absolute;
	top: 0;
	height: auto;
	display: none;
}

.sidr ul li a:focus {
  background-color: transparent;
}



/* ====================================================
  			Ryde RIBBON Styling
 ====================================================*/

.ribbon-large {
	display:inline;
}

/* ==== DEFAULT HEADER RIBBON ==== */
.rainbow .ribbon-large {
	display:none;
}

/* ==== Subsection 1 HEADER RIBBON (PINK)==== */

.subsection-1 .ribbon-first {
	fill: rgb(198, 0, 111);
}

.subsection-1 .ribbon-second {
	fill: rgb(244, 150, 191);
}

.subsection-1 .ribbon-third {
	fill: rgb(235, 68, 152);
}

/* ==== Subsection 2 HEADER RIBBON (PURPLE)==== */

.subsection-2 .ribbon-first {
	fill: rgb(125, 65, 153);
}

.subsection-2 .ribbon-second {
	fill: rgb(184, 151, 198);
}

.subsection-2 .ribbon-third {
	fill: rgb(149, 97, 168);
}

/* ==== Subsection 3 HEADER RIBBON (BLUE)==== */

.subsection-3 .ribbon-first {
	fill: rgb(0, 125, 195);
}

.subsection-3  .ribbon-second {
	fill: rgb(138, 205, 241);
}

.subsection-3 .ribbon-third {
	fill: rgb(19, 181, 234);
}

/* ==== Subsection 4 HEADER RIBBON (GREEN)==== */

.subsection-4 .ribbon-first {
	fill: rgb(73, 169, 66);
}

.subsection-4 .ribbon-second {
	fill: rgb(185, 217, 137);
}

.subsection-4 .ribbon-third {
	fill: rgb(141, 198, 63);
}

/* ==== Subsection 5 HEADER RIBBON (YELLOW)==== */

.subsection-5 .ribbon-first {
	fill: rgb(253, 185, 19);
}

.subsection-5 .ribbon-second {
	fill: rgb(255, 225, 127);
}

.subsection-5 .ribbon-third {
	fill: rgb(255, 210, 0);
}

/* ==== Subsection 6 HEADER RIBBON (ORANGE)==== */

.subsection-6 .ribbon-first {
	fill: rgb(232, 109, 31);
}

.subsection-6 .ribbon-second {
	fill: rgb(253, 191, 124);
}

.subsection-6 .ribbon-third {
	fill: rgb(248, 151, 40);
}

/* ==== Subsection 7 HEADER RIBBON (RED)==== */

.subsection-7 .ribbon-first {
	fill: rgb(227, 27, 35);
}

.subsection-7 .ribbon-second {
	fill: rgb(246, 147, 120);
}

.subsection-7 .ribbon-third {
	fill: rgb(240, 81, 51);
}


/* ====================================================
  			Ryde Subsection Styling
 ====================================================*/

/* ==== Subsection X (DEFAULT) ==== */
ul.side-menu-list a:visited {
  color: #3c3c3c;
}


/*
 * Subsection 1 (PINK)
 */
.subsection-1 .side-menu-header > h3 {
	background-color: #FDF1F6;
  	border-left: 9px solid #CC2B86;
}

.subsection-1 .side-menu-link-level-2:hover,
.subsection-1 .side-menu-link-level-2:focus,
.subsection-1 .side-menu-link-level-3:hover,
.subsection-1 .side-menu-link-level-3:focus {
	color: #CC2B86;
	background-color:transparent;
}

.subsection-1 .landing-page-item:hover,
.subsection-1 .landing-page-item:focus {
	background-color: #FDF1F6;
	border-left-color: #CC2B86;
}

.subsection-1 .landing-page-item.featured:after {
  	color: #CC2B86;
}

/* ==== Subsection 2 (PURPLE) ==== */

.subsection-2 .side-menu-header > h3 {
	background-color: #F3EAF7;
  	border-left: 9px solid #7D4199;
}

.subsection-2 .side-menu-link-level-2:hover,
.subsection-2 .side-menu-link-level-2:focus,
.subsection-2 .side-menu-link-level-3:hover,
.subsection-2 .side-menu-link-level-3:focus {
	color: #7D4199;
	background-color:transparent;
}

.subsection-2 .landing-page-item:hover,
.subsection-2 .landing-page-item:focus {
	background-color: #F3EAF7;
	border-left-color: #7D4199;
}

.subsection-2 .landing-page-item.featured:after {
  	color: #7D4199;
}

/* ==== Subsection 3 (BLUE) ==== */

.subsection-3 .side-menu-header > h3 {
	background-color: #E4F0F6;
  border-left: 9px solid #007DC3;
}

.subsection-3 .side-menu-link-level-2:hover,
.subsection-3 .side-menu-link-level-2:focus,
.subsection-3 .side-menu-link-level-3:hover,
.subsection-3 .side-menu-link-level-3:focus {
	color: #007DC3;
	background-color:transparent;
}

.subsection-3 .landing-page-item:hover, .subsection-3 .landing-page-item:focus {
	background-color: #E4F0F6;
	border-left-color: #007DC3;
}

.subsection-3 .landing-page-item.featured:after {
  	color: #007DC3;
}

/* ==== Subsection 4 (GREEN) ==== */

.subsection-4 .side-menu-header > h3 {
	background-color: #EEF6E2;
	border-left: 9px solid #47AA42;
}

.subsection-4 .side-menu-link-level-2:hover,
.subsection-4 .side-menu-link-level-2:focus,
.subsection-4 .side-menu-link-level-3:hover,
.subsection-4 .side-menu-link-level-3:focus {
	color: #47AA42;
	background-color:transparent;
}

.subsection-4 .landing-page-item:hover,
.subsection-4 .landing-page-item:focus {
	background-color: #EEF6E2;
	border-left-color: #47AA42;
}

.subsection-4 .landing-page-item.featured:after {
	color: #47AA42;
}

/* ==== Subsection 5 (YELLOW) ==== */

.subsection-5 .side-menu-header > h3 {
	background-color: #FFF8DF;
	border-left: 9px solid #FDB814;
}

.subsection-5 .side-menu-link-level-2:hover,
.subsection-5 .side-menu-link-level-2:focus,
.subsection-5 .side-menu-link-level-3:hover,
.subsection-5 .side-menu-link-level-3:focus {
	color: #FDB814;
	background-color:transparent;
}

.subsection-5 .landing-page-item:hover,
.subsection-5 .landing-page-item:focus {
	background-color: #FFF8DF;
	border-left-color: #FDB814;
}

.subsection-5 .landing-page-item.featured:after {
  	color: #FDB814;
}

/* ==== Subsection 6 (ORANGE) ==== */

.subsection-6 .side-menu-header > h3 {
	background-color: #FFF2E9;
  border-left: 9px solid #EB6E1F;
}

.subsection-6 .side-menu-link-level-2:hover,
.subsection-6 .side-menu-link-level-2:focus,
.subsection-6 .side-menu-link-level-3:hover,
.subsection-6 .side-menu-link-level-3:focus {
	color: #EB6E1F;
	background-color:transparent;
}

.subsection-6 .landing-page-item:hover,
.subsection-6 .landing-page-item:focus {
  	background-color: #FFF2E9;
  	border-left-color: #EB6E1F;
}

.subsection-6 .landing-page-item.featured:after {
  	color: #EB6E1F;
}

/* ==== Subsection 7 (RED) ==== */

.subsection-7 .side-menu-header > h3 {
	background-color: #FDECE6;
  	border-left: 9px solid #EE3A42;
}

.subsection-7 .side-menu-link-level-2:hover,
.subsection-7 .side-menu-link-level-2:focus,
.subsection-7 .side-menu-link-level-3:hover,
.subsection-7 .side-menu-link-level-3:focus {
	color: #EE3A42;
	background-color:transparent;
}

.subsection-7 .landing-page-item:hover,
.subsection-7 .landing-page-item:focus {
	background-color: #FDECE6;
	border-left-color: #EE3A42;
}

.subsection-7 .landing-page-item.featured:after {
  	color: #EE3A42;
}

/* ====================================================
  			Ryde Homepage element tweaks
 ====================================================*/
.button a, .button a:visited {
	color: white;
	text-decoration: none;
}

.button:hover {
	color: white;
	text-decoration: none;
}

.fss-item:first-child > .fss-title {
	margin-top: 0;
}

.fss-item:hover > .fss-title,
.fss-item:focus > .fss-title {
	color: #FFFFFF;
}

/* ------ circle 1 ------ */

.fss-item:first-child:hover > .fss-title,
.fss-item:first-child:focus > .fss-title {
	background-color: #007DC3;
}

.fss-item:first-child:hover > .fss-tooltip,
.fss-item:first-child:focus > .fss-tooltip {
	border-bottom-color: #007DC3;
}


/* ------ circle 2 ------ */

.fss-item:first-child + .fss-item:hover > .fss-title,
.fss-item:first-child + .fss-item:focus > .fss-title {
	background-color: #F05033;
}

.fss-item:first-child + .fss-item:hover > .fss-tooltip,
.fss-item:first-child + .fss-item:focus > .fss-tooltip {
	border-bottom-color: #F05033;
}


/* ------ circle 3 ------ */

.fss-item:first-child + .fss-item + .fss-item:hover > .fss-title,
.fss-item:first-child + .fss-item + .fss-item:focus > .fss-title {
	background-color: #3D9239;
}

.fss-item:first-child + .fss-item + .fss-item:hover > .fss-tooltip,
.fss-item:first-child + .fss-item + .fss-item:focus > .fss-tooltip {
	border-bottom-color: #3D9239;
}


/* ------ circle 4 ------ */

.fss-item:first-child + .fss-item + .fss-item + .fss-item:hover > .fss-title,
.fss-item:first-child + .fss-item + .fss-item + .fss-item:focus > .fss-title {
	background-color: #008A97;
}

.fss-item:first-child + .fss-item + .fss-item + .fss-item:hover > .fss-tooltip,
.fss-item:first-child + .fss-item + .fss-item + .fss-item:focus > .fss-tooltip {
	border-bottom-color: #008A97;
}


/* ====================================================
  			Ryde Nextpage Styling
 ====================================================*/
.floatleft {
	float: left;
}
.page-nav-container {
	margin: 10px 0 26px;
}

a.item-navigation.prev-item  {
  width: calc(50% - 40px);
	padding: 10px;
  float: left;
  display: block;
	position: relative;
}

a.item-navigation.next-item  {
  width: calc(50% - 40px);
	padding: 10px;
  float: right;
  display: block;
	position: relative;
}


a.item-navigation.prev-item {
	margin-right: 20px;

}

a.item-navigation.next-item {
	margin-left: 20px;
}

.item-navigation.prev-item span {
	text-align: left;
}

.item-navigation.next-item span {
	text-align: right;
}

.prev-item span.item-navigation-title {
	float: left;
}


.next-item span.item-navigation-title {
	float:right;
}

span.item-navigation-title {
	width: 100%;
  font-size: 1.375em;
	line-height: 30px;
  color: #595D60;
  font-weight: 600;
	top: 0;
	margin-bottom: 74px;
}

span.item-navigation-label {
	width: calc(100% - 20px);
	position: absolute;
	margin: 0 10px;
	padding: 5px 0;
	font-size: 18px;
	font-weight: 600;
	color: #818385;
  	line-height: 40px;
  	bottom: 0;
	left: 0;
	border-top: 4px solid #eef0f1;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: 30px 30px;
}

.next-item span.item-navigation-label:after {
	content: "x";
	font-family: RydeIcons;
	font-weight: 400;
	font-size: 1.3em;
	margin-left: 10px;
	line-height: 40px;
	float: right;
}

.prev-item span.item-navigation-label:before {
	content: "v";
	font-family: RydeIcons;
	font-size: 1.3em;
	font-weight: 400;
	margin-right: 10px;
	line-height: 40px;
	float: left;
}

a.item-navigation.prev-item:hover,
a.item-navigation.prev-item:focus,
a.item-navigation.next-item:hover,
a.item-navigation.next-item:focus {
  background-color: #F4F5F6;
}

a.item-navigation.prev-item:hover span.item-navigation-label,
a.item-navigation.prev-item:focus span.item-navigation-label,
a.item-navigation.next-item:hover span.item-navigation-label,
a.item-navigation.prev-item:focus span.item-navigation-label {
  border-color: #6B6F72;
}

/* ====================================================
  			Ryde Tour Styling
 ====================================================*/

.home-iwt .iwt-container {
	overflow: hidden;
	height: 610px;
}

.no-js .home-iwt .iwt-container {
	height: auto;
}

.powertour-step .single-step, .powertour-step .single-step p {
	font-family: ProximaNova;
	font-size: 16px;
}

#tour-step-6 .btn{
	margin: 1em 1em 0 0;
}

#tour-step-6 .btn:before{
	content:none;
}

.single-step p, .single-step h3{
	color: #54585B!important;
}

.powertour-step .slide-page-count {
	width: 50px;
	float: right;
	margin: 1em 1em 1em 0;
	padding: 0.625em 0 0.625em 0;
	height: auto;
	line-height: 1.42857143;
	text-align: right;
	display: inline-block;
	font-weight: 500;
}

.single-step a.btn-primary, .single-step a.btn-primary:hover {
	background-color: #4f5356;
	border-color: #4f5356;
}

#tour-step-10 p:nth-child(3) {
    padding: 10px;
    background-color: #efefef;
    margin-top: 10px;
}

/* ====================================================
  			Ryde Tooltip Styling
 ====================================================*/
.ryde-tooltip {
  	background-color: #6B6F72;
  	border-color: #6B6F72;
	max-width: 388px;
	padding: 0.6em;
	border-radius: 2px;
}

.qtip-content > .info-text > p {
	color: #FFF;
}

.qtip {
	font-size: 0.875em;
}

/*
 * Side Menu Styling
 */
.side-menu-container {
	margin-top:	29px;
}

.side-menu-header > h3 {
	background-color: #EEF0F1;
	padding: 4%;
	border-left: 9px solid #6B6F72;
	text-decoration: none;
	display: block;
	margin: 0;
}

.side-menu {
	padding-left: 0;
	margin: 0;
}

.side-menu li {
	list-style-type: none;
	position: relative;
}

.side-menu > li {
	  border-bottom: 2px solid #E8EAEB;
}

.side-menu > li > div {
	position: relative;
}

.side-menu .icon-expand {
	font-family: RydeIcons;
	position: absolute;
	color: #9A9DA0;
	font-size: 1em;
	font-weight: 100;
	top: 0;
	right: 3px;
	cursor: pointer;
	padding: 0 0.5em 0 1em;
}

.icon-expand:hover {
	color: #333333;
}

.icon-expand {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: 0;
}

/*
 * Side Menu Revamp
 */
.side-menu-link {
	color: #3c3c3c;
	text-decoration: none;
	display: block;
}

.side-menu-link:hover,
.side-menu-link:focus {
	background-color: rgb(245, 245, 245);
	color: #3c3c3c;
}

.side-menu-link-level-1 {
  	padding: 14px 18px 14px 26px;
  	font-weight: bold;
}

.side-menu-link-level-2 {
	padding: 10px 18px 10px 26px;
}

.side-menu-link-level-1 ~ .icon-expand {
	top: 4px;
  	padding: 9px 12px;
}

.side-menu-link-level-2 ~ .icon-expand {
	top: 4px;
  	padding: 6px 9px;
  	right: 4px;
}

.side-menu-link-level-3 {
   	padding: 3px 10px 3px 55px;
}

.side-menu-list {
	padding-left: 0;
  	margin: 0;
  	line-height: 1.5;
}


/*
 * Sitemap Styling
 */
.sitemap a {
	color: #0067A2;
	text-decoration: none;
}

.sitemap a:hover {
	color: #0067A2;
	text-decoration: underline;
}

.sitemap .nav-level-1,
.sitemap {
	padding-left: 0;
}

.sitemap > li {
	border: 2px solid #E4E6E7;
	padding: 0.4em 1em 1em 1.7em;
	margin: 1.2em 0;
}

.sitemap > li > h2 {
	font-size: 1.5em;
	font-weight: bold;
}

.scroll-to-top-container {
	text-align: center;
}

.no-js #scroll-to-top {
	display: inline-block;
	position: static;
	width: auto;
}

.scroll-text {
	display: none;
}

.no-js .scroll-text {
	display: inline;
}

#scroll-to-top {
	z-index: 9999;
	color: #fff;
	position: fixed;
	bottom: 5px;
	opacity: 1;
	width: 57px;
	height: 57px;
	right: 15px;
	display: none;
}

#scroll-to-top:hover {
	opacity: 1;
}

#scroll-to-top:focus {
	background-color: transparent;
}

.show {
	display: block !important;	/* Only ever used in a Javascript Class Toggle */
}

.hide {
	display: none;
}

.hide-mobile {
	display: none !important;
}

.nav-item-expanded {
	content: "-";
}

.file-info {
	vertical-align: super;
	font-size: 0.6em;
	padding-left: 0.5em;
	display: inline-block;
}

.publish-date {
	color: #757575;
	margin-bottom: 0.9em;
}

.publish-date-decision {
	color: #3c3c3c;

}

.quick-links > .related-info {
	display: none;
}

.location-box > p > span {
	font-weight: bold;
}

.no-js .quick-links > .related-info {
	display: block;
}

.lowercase {
	text-transform: lowercase;
}

.no-js .quick-links > h3 {
	border: none;
}

.publish-date > svg {
	vertical-align: -19%;
	padding-right: 0.2em;
}

#search-nav input[type=text] {
	display: none;
	float: right;
	width: 360px;
	padding-right: 40px;
}

#search-nav {
	float: right;
	margin-top: 42px;
	display: inline-block;
	width: 8%;
	max-width: 38px;
	position: relative;
	margin-right: 3%;
	z-index: 3;
}

#search-nav > a > svg {
	max-height: 31px;
}

.landing-page-item {
	display: block;
	border-left-style: solid;
	border-left-width: 8px;
	border-left-color: #6B6F72;
	background-color: #F4F5F6;
	padding: 0.1em 1em 1.5em 1em;
	margin: 0.6em 0;
	text-decoration: none;
	height: 78%;
}

.landing-page-item.featured {
	position: relative;

}

.landing-page-item.featured:after {
  	content: "*";
  	font-family: RydeIcons;
  	font-size: 2.6em;
  	color: #EB6E1E;
	position: absolute;
	top: -4px;
	right: 10px;
}

p.large {
    font-size: 1.5em;
}

.smaller {
	font-size: 0.875em;
}

.larger {
	font-size: 1.125em;
}

#logo {
	text-align: left;
	float: none;
}

#search-nav input {
	padding-left: 1em;
	font-size: 1.35em;
}

.gmap-info > p > span {
	font-weight: bold;
}

.gmap-info > a {
	text-decoration: none;
}

.hide-map {
	display: none;
}

.nav-menu-svg,
.nav-menu-svg > img {
	max-height: 40px;
}

.nav-menu-svg > img {
	width: 45px;
}

.banner-image-container {
	position: relative;
}

.banner-image-container > img {
	max-width:	100%;
}

#full-container {
	background-color: #FFFFFF;
	padding-top: 1px;
  	margin-top: -1px;
}

.full-width {
	width: 100%;
}

.event-date-badge {
	position: absolute;
	z-index: 1;
  	top: 0;
  	left: 0;
  	background-color: #EB6E1F;
  	width: 77px;
  	height: 58px;
 	text-align: center;
  	padding-top: 5px;
  	padding-bottom: 5px;
 	border-top-left-radius: 4px;
  	border-bottom-right-radius: 4px;
}

.event-date-badge > p {
	text-transform: uppercase;
	 color: #FFF;
	 line-height: 1;
	 font-weight: bold;
	 font-size: 0.7em;
	 letter-spacing: 2px;
	 margin-top: 1px;
}

.event-date-badge > p > span {
	font-size: 2.7em;
}

.banner-full-width {
	max-width: inherit;
}

.left-border-box {
	border-left: 3px solid 	#DADDDE;
	background-color: #F4F5F6;
	padding: 0.1em 2em 1.5em 2em;
	margin: 1.3em 0;
}

.left-border-box-venue {
	border-left: 3px solid 	#DADDDE;
	background-color: #F4F5F6;
	padding: 0.1em 2em 1.5em 2em;
	margin: 0.1em 0;
}

.left-border-box > h2 {
	font-size: 1.625em;
    line-height: 0.866;
}

.left-border-box-venue > h2 {
	font-size: 1.625em;
    line-height: 0.866;
}

.hidden {
	visibility: hidden;
}

.page-image {
	display: block;
	float: none;
	width: auto;
	padding-right: 0.8em;
}

.sub-menu {
	margin-top: 9px;
	background-color: #FFF;
}

.sub-menu h3:first-child {
	padding-top: 13px;
}

.view-tab {
	text-align: right;
	margin-bottom: 1em;
	display: none;
}

.view-tab .selected {
	color: #3c3c3c;
}

.view-tab > a {
	font-weight: bold;
	color: #848484;
	text-decoration: none;
	margin-right: 1.5em;
}

.view-tab > .view-active {
	color: #3c3c3c;
}

body {
	background-color: #262A2D;
}

.text-caption {
	font-style: italic;
	color: #9A9A9A;
	font-size: 0.8em;
  	padding: 0 0.9em 0 0.9em;
}

.page-image > .text-caption {
	margin-top: 0.2em;
}

#list-view:hover,
#map-view:hover {
	color: #3c3c3c;
}

#list-view:before {
	font-family: RydeIcons;
	content: "e";
	padding-right: 0.65em;
	vertical-align: -16%;
}

#map-view:before {
	font-family: RydeIcons;
	content: "c";
	padding-right: 0.65em;
	vertical-align: -16%;
}

.video-player {
	margin: 2em 0 4em 0;
}

.responsive-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-bottom: 0.6em;
}

.responsive-wrapper > #mapView {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.responsive-wrapper > #mapView > .gmap-container {
	height: 100%;
}

.responsive-wrapper > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.related-info > li {
	list-style-type: none;
}

.related-info {
	padding-left: 0;
	line-height: 1.6;
	margin-top: 0;
}

.related-info > li:first-child {
	margin-top: 0.5em;
}

.btn-related-info:before {
	content: 'l';
	font-family: RydeIcons;
	vertical-align: sub;
	padding-right: 0.4em;
	font-size: 1.2em;
	margin-left: -1.5em;
}

a.document:before {
	content: 'd';
	font-family: RydeIcons;
	vertical-align: sub;
	padding-right: 0.2em;
	display: inline-block;
}

.btn-related-info.document:before {
  content: 'd';
  font-family: RydeIcons;
  vertical-align: sub;
}

a.document.ext-pdf:before {
  content: 'p';
}

.document.ext-doc:before,
.document.ext-docx:before {
  content: 'w';
}

.document.ext-xls:before,
.document.ext-xlsx:before {
  content: 's';
}

.document.ext-ppt:before,
.document.ext-pptx:before {
  content: 'o';
}

.document.ext-txt:before,
.document.ext-rtf:before {
  content: 't';
}

.btn-related-info:visited {
	color: #717171;
}

.btn-related-info.document > span {
  color: inherit;
}


/*
 * Header related style
 */
#header {
	margin: auto;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

#skip-to-content-container {
	position: absolute;
}

#skip-to-content-container > a,
#skip-to-content-container > a:visited {
	color: #FFFFFF;
}

#skip-to-content-container > a:focus {
	background-color: #262A2D;
}

#nav {
	float: left;
	text-align: center;
	margin-top: 40px;
	margin-left: 3%;
	width: 10%;
	max-width: 50px;
}

#nav > a:focus {
	background: none;
}

#logo-container {
	float: left;
	margin-top: 37px;
	margin-left: 1%;
	display: inline-block;
	text-align: center;
	width: 70%;
}

#logo {
	float: left;
	margin-left: 14%;
	margin-right: 8%;
	width: 81%;
}

#nav > svg {
	padding-left: 10px;
}

.logo-svg {
	width: 85%;
	max-height: 46px;
	min-height: 36px;
}

.rainbow-trim {
	position: absolute;
	left: 0;
	bottom: 0;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Footer Related Style
 */
.footer-bg {
	background-image: none;
	background-position: center;
	background-repeat: repeat-y;
}

#footer-bottom {
	height: 91px;
	padding-top: 32px;
	background-color: #262a2d;
}

.footer-bottom a {
	color: #C2C3C5;
}

.footer-bottom .content-container {
  padding: 0 10px;
}

#footer-bottom-1 {
	padding-top: 22px;
	background-color: #262a2d;
}

.footer-bottom-1 a {
	color: #C2C3C5;
}

.footer-bottom-1 .content-container {
  padding: 0 10px;
}

#footer-content {
	max-width: 1140px;
	margin: auto;
	padding: 0
}

#footer-content h2 {
	font-size: 1.625em;
  	line-height: 1.154;
}

#footer-bottom,
#footer-bottom p {
	color: #C2C3C5;
}

ul.library-links {
	list-style-type: none;
	padding: 0;
}

.footer-list {
	margin: 0;
	padding: 0 0 13px 0;
	line-height: 1.5;
}

.footer-list li {
	display: inline;
	padding-right: 0.8em;
}

.footer-list li:before {
  content: "/";
  padding-right: 0.6em;
}

.footer-list li:first-child:before {
	content: "";
	display: none;
}

.footer-four-square a,
.footer-four-square h2,
.footer-four-square p {
	color: #fefefe;
}

#footer-content .upper {
	padding-top: 28px;
}

.footer-four-square > div {
	padding: 27px 15px 16px;
	border-bottom: 1px solid #4f5456;
}

#footer-content h2 {
  margin-top: 0.3em;
}

.footer-four-square {
	color: #FFFFFF;
}


/*
 * Generic Text Class Styles
 */
.text-right-toggle {
	text-align: left;
}

.text-center {
		text-align: center;
}

.text-white {
	color: #CBCCCE;
}


/*
 * General input styling *REVIEW*
 */
input {
	height: 2.59em;
}

input[type=radio], input[type=checkbox] {
	height: 1em;
 	margin-top: -1px;
  	margin-right: 1em;
  	vertical-align: middle;
}

/*
 * Alert Styling for Forms
 */
.alert-error {
    width: 100%;
    height: auto;
    padding-top: 10px;
    border-style: solid;
    border-width: 1px;
    border-radius: 4px;
    font-family: inherit;
    font-weight: bold;
    margin-bottom: 10px;
    position: relative;
}

.alert-error ul > li > a {
	text-decoration: none;
}

.alert-error ul > li > a:hover {
	text-decoration: underline;
}

.alert-error ul {
    text-align: left;
    margin: 0 0 1em 0;
}

.alert-error ul:empty {
	background-color: rgb(244, 245, 246);
	position: absolute;
	top: -1px;
	width: 100%;
	box-sizing: border-box;
	height: 15px;
}

#header-content {
	max-width: 1190px;
	margin: auto;
	height: 113px;
}

#header-content:after {
	content: " ";
	display: table;
	clear: both;
}

#footer {
	position: relative;
	color: #FFFFFF;
	margin: auto;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
}

/* DESK-4354 - Added password type selector. */
.form-container textarea, input[type=text], input[type=password] {
	width: 95%;
	border: 2px solid #B8B8B8;
	border-radius: 3px;
	padding-left: 2%;
	padding-right: 2%;
	vertical-align: middle;
	font-family: inherit;
	font-size: 1em;
}

.form-container textarea {
	padding-top: 0.8em;
}


/*
 * Generic Anchor Styling
 */
a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:10;
    display:none;
    padding:14px 20px;
    margin-top:250px;
    margin-left: -250px;
    width:200px;
    line-height:16px;
}

a.tooltip:hover span {
    display:inline;
    position:absolute;
    color:#111;
    border: none;
    background:#7F8487;
}

.callout {
	z-index:20;
	position:absolute;
	top:-11px;
	border:0;
	left:120px
}

a.tooltip span {
    border-radius:4px;

}


/*
 * Search Sort Styling
 */
.searchSort {
	padding-left: 0;
	display: inline-block;
}

.searchSort-container {
	text-align: left;
}

.searchSort > li {
	display: inline-block;
	list-style-type: none;
}

.searchSort_link {
	margin-left: 1em;
	font-weight: bold;
	color: #9FA2A4;
  	text-decoration: none;
}

.searchSort_link:visited {
	color: #9FA2A4;
}

.searchSort_link:hover {
	color: #3c3c3c;
}

.searchSort_link:before {
	font-family: RydeIcons;
  	vertical-align: -10%;
  	padding-right: 0.5em;
}

.searchSort_link--oldest:before {
	content: "m";
}

.searchSort_link--newest:before {
	content: "k";
}

a.searchSort_link--active {
	color: #3c3c3c !important;
	font-weight: bold !important;
}

.searchSort .first a:before {
	content: "n";
}


/*
 * Search Listing Styling
 */
.search-listing > a:hover,
.search-listing > a:focus,
.search-listing > a:visited,
.search-listing > a {
  	color: #3c3c3c;
}

.search-listing .listing-container {
	width: 100%;
}

.results-total {
	margin-top: 1.8em;
  	display: inline-block;
}

.search-listing:first-child {
	border-top: 2px solid #E3E3E3;

}

#predictiveResults .document,
.search-listing .document {
	padding-top: 2em;
}

.search-listing .file-info {
	font-weight: bold;
	vertical-align: 57%;
	font-size: 0.9em;
	color: #54585B;
	padding-left: 0.3em;
}

#predictiveResults .document:before,
.search-listing .document:before {
	position: static;
	padding-right: 0.3em;
	margin-left: 0;
	left: initial;
	font-size: 1.4em;
	display: block;
	color: #9D9D9D;
	float: left;
}

div.search-listing > a {
	min-height: 40px;
}

#predictiveResults .document h3,
.search-listing .document h3 {
		display: inline;
}

#predictiveResults .document h3:hover,
.search-listing .document h3:hover {
		text-decoration: underline;
}

.search-listing .document .listing-container {
		display: inline;
		float: none;
}


/*
 * Homepage Area Search Styling
 */
form.area-search {
	width: 100%;
	margin-top: 5em;
	margin-bottom: 5em;
}


form.area-search input[type=button]  {
	width: 10%;
}

form.area-search input[type=text]  {
	width: 30%;
}

form.area-search select  {
	width: 30%;
}

form.area-search img {
	float: left;
}

form.area-search h1 {
	text-align: left;
	float: right;
	width: 80%;
}


/*
 * Homepage footer section styling
 */
.footer-four-box {
	background-color: #383D40;
	height: 600px;
}

.footer-profile {
	color: #FFFFFF;
	height: 600px;
	background-color: #C7CCCF;
}

.footer-profile h3 {
	color: #FFFFFF;
}

.footer-four-box > div > div {
	height: 300px;
	text-align: left;
}

.footer-four-box > div > div:nth-child(2n+1) {
	border-right: 1px solid #4C5154;
}

.footer-four-box > div > div:nth-child(1n+3) {
	border-top: 1px solid #4C5154;
}


/*
 * Extra Grid Styling *REVIEW - NOT NECESSARY?*
 */
.grid-content {
	padding: 1em;
}

.grid-content h3 {
	color: #FFFFFF;
}

.text-right {
	text-align: right;
}

.text-left {
	text-align: left;
}

/*
 * Event Category Styling
 */
.event-categories {
	margin-bottom: 2em;
	margin-top: 2em;
}

.event-categories > ul {
	padding: 0;
}

.event-categories > ul > li {
	display: inline;
	list-style-type: none;
	padding: 0;
}

.event-categories a {
	border: 1px solid #BFC2C5;
	border-radius: 19px;
	color: #3c3c3c;
	text-decoration: none;
	font-size: 0.9em;
	padding: 0.1em 1.1em;
	margin-bottom: 0.5em;
	display: inline-block;
	margin-right: 0.3em;
}

.event-categories a:hover,
.event-categories a:focus {
	background-color: #EEF0F1;
	border-color: #EEF0F1;
	color: #3c3c3c;
	text-decoration: none;
	outline: none;
}


/*
 * Animation Styles
*/
.anim-title > a {
	position: absolute;
	top: 175px;
	left: 0;
	display: block;
	font-size: 1.4em;
	text-align: center;
	text-decoration: none;
	color: #666666;
	width: 100%;
}

.anim-container {
	position: relative;
}

.anim-outer-circle > img {
	padding: 31px;
	margin: auto;
	display: block;
}

.anim-outer-circle {
    width: 110px;
    height: 110px;
    top: 40px;
    left: 90px;
    background-color: #EEEFF1;
    border-radius: 50%;
    position: absolute;
}

 .anim-inner-circle {
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: 100px;
    left: 100px;
    width: 0;
    height: 0;
    display: table;
  	text-align: center;
  	vertical-align: middle;
}

.anim-inner-circle > a {
    color: #232323;
    display: none;
    font-weight: bold;
	font-size: 1em;
	padding: 6px 10px 0;
    vertical-align: middle;
    text-decoration: none;
}

.anim-inner-circle > a:focus {
	outline: none;	
}


/*
 * Form Styling
 */
input[type="radio"] {
  margin-top: -1px;
  margin-right: 1em;
  vertical-align: middle;
}

.form-container textarea:focus, .form-container input[type=text]:focus {
    border-style: solid;
    border-width: 2px;
    box-shadow: none;
    outline: none;
}

.divider {
    margin-top: 1em;
    width: 100%;
    height: 4px;
    background-color: #EAECEE;
    float: none;
}

.divider-lg {
	height: 11px;
}

/*
 * Generic Label/Element/Container Styling
 */
 .input-container {
	width: 100%;
	margin-bottom: 1.5em;
}

.input-container:after {
  content:" ";
  display:table;
  clear:both;
}

.input-label {
	margin-top: 1.1em;
	font-weight: bold;
}

.input-label:after {
  content:" ";
  display:table;
  clear:both;
}

.input-element,
.input-label {
	float: none;
	width: 100%;
	text-align: left;
}

.input-element:after {
	content:" ";
	display:table;
	clear:both;
}

.input-select > .input-label,
.input-file-upload > .input-label,
.input-radio > .input-label,
.input-check > .input-label {
	margin-top: 0.2em;
}

.input-label > label,
.input-label > span,
.input-captcha > .input-label > p {
	padding-right: 1.5em;
	display: inline-block;
}

.input-captcha > .input-label,
.input-captcha > .input-label > p {
	margin-top: 0;
}

.input-label {
	padding-bottom: 0.18em;
}

.input-captcha > .input-element a {
	padding-bottom: 0.15em;
}

.input-captcha > .input-element a:focus {
	outline: none;	
	text-decoration: none;
}

/*
 * Select Dropbox Styling (aka Combobox)
 */
.input-element > select {
	width: 100%;
}


/*
 * Submit Button Styling
 */
.input-element > input[type=submit] {
	text-align: right;
	display: inline-block;
    box-sizing: border-box;
    height: 43px;
    margin: 16px 16px 16px 0;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    padding: 7px 25px;
    overflow: visible;
    font-weight: bold;
    font-size: 1em;
    color: #FFFFFF;
}

.input-submit > .input-element {
	text-align: left;
}


/*
 * Post Comments Styling
 */
.postComment .input-submit > .input-element {
	text-align: left;
	width: 100%;
}

.postComment .captcha > p > input {
	max-width: 200px;
}

.postComment .input-label {
	padding-bottom: 0.4em;
}

.postComment .input-label > label {
	padding-right: 0;
}

.postComment .input-element > textarea {
	margin-bottom: 1em;
}

.postComment {
	background-color: #F4F5F6;
	padding: 1.5em 1.5em 1em 1.5em;
	max-width: 760px;
	box-sizing: border-box;
}

.postComment .input-element, .postComment .input-label  {
	float: none;
  	width: 100%;
  	text-align: left;
}

.input-element > input[type=submit].btn-secondary {
	background-color: #6B6F72;
    border-color: #6B6F72;
}

.input-element > input[type=submit].btn-secondary:hover,
.input-element > input[type=submit].btn-secondary:focus {
    background-color: #4F5356;
    border-color: #4F5356;
}


/*
 * Texta Area Styling
 */
.input-element > textarea {
	height: 200px;
	resize: none;
}


/*
 * 	Image Captcha Styling
 */
.input-captcha > .input-element img {
	float: left;
	width: 100%;
	padding: 0 0.5em 0.5em 0;
}

.input-captcha > .input-element input {
	display: block;
	clear: both;
	width: 50%;
	max-width: 215px;
}

.input-captcha > .input-element a:visited {
	color: #4591BB;
}


/*
 * Add to Calendar Styling
 */
.add-to-calendar > a {
	font-size: 1.01em;
	width: 100%;
	text-align: center;
	margin-bottom: 0;
}

.add-to-calendar .multi-date-label {
	padding-right: 0.6em;
}

.add-to-calendar > a:before {
	font-family: RydeIcons;
	content: "j";
	font-weight: normal;
	font-size: 1.4em;
	padding-right: 0.8em;
	vertical-align: -17%;
}

.add-to-calendar > div {
	margin-top: 0.4em;
  	border-radius: 4px;
	display: none;
	background-color: #EEF0F1;
}

.add-to-calendar .calendar-dates {
	padding: 1em;
}

.add-to-calendar .multi-date-label {
	font-weight: bold;
}

.add-to-calendar p {
	font-size: 0.938em;
}

.add-to-calendar .calendar-submit input {
	font-size: 1em;
}

.calendar-submit {
	padding-bottom: 0.4em;
  	padding-left: 1em;
}


/*
 * 	Date Picker Styling
 */
.input-date-picker > .input-label {
	margin-top: 0.8em;
}

.input-date-picker > .input-element > div > table > tbody > tr > td > a {
	background-image: url('calendar.png');
	width: 37px;
	height: 38px;
}

.input-date-picker > .input-element > div > table > tbody > tr > td > a,
.input-date-picker > .input-element > div > table > tbody > tr > td > a:focus,
.input-date-picker > .input-element > div > table > tbody > tr > td > a:hover {
	background-position: center;
}

.input-date-picker > .input-element > div > table > tbody > tr > td > span > input {
	border: 2px solid #B8B8B8;
	border-radius: 4px;
	height: 38px;
	width: 100%;
}


/*
 * 	Radiobox and Checkbox Matrix Styling
 */
.input-radio-matrix > .input-element > table > tbody > tr > td:nth-child(1n + 2) > label,
.input-check-matrix > .input-element > table > tbody > tr > td:nth-child(1n + 2) > label {
	position: absolute;
	left: -99999px;
}

.input-radio-matrix > .input-element > table > tbody > tr > th,
.input-check-matrix > .input-element > table > tbody > tr > th {
	font-weight: normal;
}


.input-radio-matrix > .input-element > table > tbody > tr > td:nth-child(1n + 2),
.input-check-matrix > .input-element > table > tbody > tr > td:nth-child(1n + 2) {
	text-align: center;
}


.input-radio-matrix > .input-element > table > tbody > tr > th,
.input-check-matrix > .input-element > table > tbody > tr > th {
	padding: 0.3em;
}


/*
 * Rank Styling
 */
.input-rank > .input-element > table {
	width: 100%;
}

.input-rank > .input-element > table > tbody > tr > td {
	width: 100%;
	padding-bottom: 1.1em;
}

.input-rank > .input-element > table > tbody > tr > td > input {
	width: 50%;
	max-width: 163px;
	margin-right: 0.7em;
}


/*
 * Required / Asterisk Styling
 */
.se-form-required-asterisk, .se-form-required-text {
	padding-left: 0.2em;
	font-weight: normal;
}


.se-form-required-asterisk {
 	position: absolute;
 	left: -99999px;
}



/*
 * Presentation Rule styling
 */
.icon-link.document:before {
	font-family: RydeIcons;
	content: 'a';
	font-size: 1.1em;
	vertical-align: sub;
	color: #32698A;
	padding-right: 0.2em;
}


.icon-link.link:before {
	font-family: RydeIcons;
	content: 'b';
	font-size: 1.1em;
	vertical-align: sub;
	color: #32698A;
	padding-right: 0.2em;
}


/*
 * Search Filter Styling
 */
.search-filter {
	display: none;
	background-color: #F4F5F6;
	padding: 7% 4% 3% 4%;
	margin-bottom: 1.4em;
}

.council-filter {
	display: none;
}

.search-filter:after {
	content: "";
	display:table;
	clear:both;
}

.search-filter .input-label {
	margin-top: 0;
}

.search-filter .input-submit input[type=submit] {
	background-color: #6B6F72;
    border-color: #6B6F72;
    margin-top: 0;
    width: 100%;
  	text-align: center;
}

.search-filter > .input-submit > .input-element > input[type=submit]:hover,
.search-filter > .input-submit > .input-element > input[type=submit]:focus {
	background-color: #4F5356;
    border-color: #4F5356;
}

.search-filter > input {
	width: 100%;
}

.search-filter .input-container {
	width: 100%;
	float: left;
}

.search-filter.park-filter .input-container {
	display: inline-block;
	float: none;
}

.search-filter.event-filter .input-container {
	display: block;
	float: none;
}

.event-filter .input-submit,
.park-filter .input-submit {
	margin-top:	1.7em;
	vertical-align: top;

}

.event-filter > .input-date-picker {
	width: 100%;
}

.event-filter .input-submit {
	margin-top:	1.3em;
}

.event-filter > .input-check {
	width: 100%;
	margin-bottom: 0;
}

.search-filter .input-label {
	width: 100%;
	text-align: left;
}

.search-filter .input-element {
	width: 100%;
}

.event-filter .input-element > input[type="text"] {
	height: 2.2em;
}

.event-filter .input-keyword .input-element input[type="text"] {
	height: 2.6em;
}

.event-filter .input-container {
	margin-bottom: 1.7em;
}

.gmap {
	display: none;
}


/*
 * News Filter (News Listing)
 */
.pagination-archived {
	padding-left: 0;
}

.view-archived-news {
	text-align: right;
	padding: 42px 14px 26px 0;
	float: right;
}

.view-archived-news:after {
	clear: both;
}

.news-filter .input-submit {
	float: left;
	clear: both;
	margin-bottom: 0;
	padding-top: 0.5em;
}

.news-filter div.input-categories {
	float: left;
	padding-right: 0;
  	max-width: 250px;
  	width: 100%;
}

.news-filter .input-keyword {
	width: 55%;
	padding-right: 3%;
}

.search-filter .input-submit {
	float: left;
	padding-right: 0;
	width: 100%;
	padding-top: 0;
}

.search-filter .input-submit input {
	margin: 0;
}

.search-filter .input-submit .input-element {
	float: none;
}


/*
 * Button Styling
 */
/* DESK-4354 - Included login button selector. */
.btn, .loginBtn input[type=submit] {
    display: inline-block;
    box-sizing: border-box;
    height: auto;
    margin: 16px 16px 16px 0;
    border-style: solid;
    border-width: 2px;
    border-radius: 4px;
    padding: 7px 25px;
    overflow: visible;
    font-weight: bold;
    font-size: 1em;
    color: #FFFFFF;
    text-decoration: none;
}

.btn:hover,
.btn:visited,
.btn:active {
	text-decoration: none;
	color: #FFF

}

.btn-default:hover,
.btn-default:visited,
.btn-default:active {
	text-decoration: none;
	color: #4f5356
}

a.btn-tertiary:hover,
a.btn-tertiary:visited,
a.btn-tertiary:active {
	color: #6f7376;
}

.btn-categories {
	padding: 0.625em 1.563em 0.625em 1.563em;
	background-color: #FFF;
	border-style: solid;
	border-width: 2px;
	border-color: #CDCFD1;
	border-radius: 26px;
	color: #303030;
	display: inline-block;
    box-sizing: border-box;
    overflow: visible;
    text-decoration: none;
}

.btn-categories:hover {
	background-color: #EEF0F1;
	border-color: #EEF0F1;
}


.btn-related-info {
	display: inline-block;
    box-sizing: border-box;
    height: auto;
	background-color: #EEF0F1;
	border: 2px solid #EEF0F1 ;
	border-radius: 2px;
	color: #717171;
	font-weight: normal;
	border-width: 2px;
	text-decoration: none;
	padding: 0.4em 1em 0.4em 2.85em;
	font-size: 1.1em;
	margin: 0.7em 0 0 0;
	overflow: visible;
	line-height: 1.4;
}

.btn-secondary {
    background-color: #6B6F72;
    border-color: #6B6F72;
}

.btn-secondary:hover,
.btn-secondary:focus {
    background-color: #4F5356;
    border-color: #4F5356;
}

.btn-default {
    background-color: #EEF0F1;
    border-color: #EFF0F2;
    color: #4f5356;
}

.btn-default:hover {
    background-color: #D9DDDF;
    border-color: #D5D8DC;
}

.btn-tertiary {
	color: #6f7376;
	font-weight: normal;
	border-color: #eef0f1;
	background-color: #eef0f1;
}

.btn-tertiary:hover,
.btn-tertiary:focus {
	background-color: #e3e7e8;
	border-color: #e3e7e8;
}

.btn-lg {
    height: 3em;
    padding: 0.8em 2.625em 0.938em 2.625em;
}

.btn-related-info:hover {
	background-color: #6b6f72;
	border-color: #6b6f72;
	color: #F8F8F8;
}

.quick-links {
	margin-top: 45px;
}

.quick-links > .related-info > li > a {
	width: 100%;
	padding-left: 20px;
}

.quick-links > ul > li > a:before {
	display: none;
}

.quick-links > ul > li > a {
	position: relative;
	padding-right: 2em;
	margin-top: 0.5em;
	font-weight: bold;
}

.quick-links > ul > li > a:after {
	display: block;
	content: 'r';
	font-family: RydeIcons;
	vertical-align: sub;
	text-align: right;
	padding-right: 0.4em;
	font-weight: normal;
	position: absolute;
	right: 7px;
	top: 7px;
}

.quick-links > h3 {
	border: 2px solid #E8EAEB;
  	padding: 0.7em;
 	padding-left: 0.5em;
  	margin-bottom: 0;
  	position: relative;
}

.no-js .quick-links > h3:after {
	display: none;
}

.quick-links > h3:after {
	content: "+";
	font-family: RydeIcons;
	position: absolute;
	right: 14px;
	top: 19px;
	font-weight: normal;
	font-size: 0.9em;
	color: #9A9DA0;
}

.quick-links > h3.toggle:after {
	content: "-";
}

.search-toggle.toggle:after {
	content: "-";
}

.generic-toggle.toggle:after {
	content: "-";
}

.quick-links > .related-info {
	width: 100%;
}

.quick-links > ul > li > a:visited {
	color: #717171;
}

.quick-links > ul > li > a:hover {
	color: #FFF;
}

.contact-box > p > span {
	font-weight: bold;
}

.contact-box > p,
.date-box > p,
.cost-box > p {
	line-height: 1.9em;
}

.venue-box > p {
	line-height: 0.9em;
}

.date-box > h2 > svg {
	padding-right: 0.6em;
	vertical-align: -14%;
}

.facilities-box > h2 > svg,
.features-box > h2 > svg,
.contact-box > h2 > svg,
.cost-box > h2 > svg,
.location-box > h2 > svg {
	vertical-align: -14%;
	padding-right: 0.3em;
}

.cost-box > p {
	margin-bottom: 0;
}

.search-filter .input-categories {
	width: 100%;
	max-width: 330px;
}

.event-filter .input-suburb {
	max-width: 330px;
	width: 100%;
}


/*
 * Breadcrumbs styling
 */
.breadcrumbs {
	padding: 12px;
	margin: auto;
	max-width: 1140px;
}

.breadcrumbs > li {
	display: inline;
	color: #4b4b4b;
}

.breadcrumbs > li:nth-child(1n + 2) > a,
.breadcrumbs > .sub-template-last,
.breadcrumbs > .base-template-last {
	margin: 0 16px;
}

.breadcrumbs > li > a {
	color: #4B4B4B;
}

.breadcrumbs > li > a:hover {
	color: #666666;
}

.breadcrumbs > li:first-child > a {
	padding-right: 1em;
}

.page-image > img {
	width: 100%;
	max-width: 332px;
}



.gmap-container {
 	width: 100%;
 	height: 365px;
}

.gmap-target {
    height: 100%;
    width: 100%;
}

.facilities-box,
.features-box {
	height: auto;
	margin-bottom: 0;
}

.facilities-box > a,
.features-box > a {
	margin-bottom: 0;
}

.facilities-box > ul,
.features-box > ul {
	list-style-type: none;
	padding-left: 1em;
	margin-bottom: 0;
}

.facilities-box > ul > li:before,
.features-box > ul > li:before {
	content: "\2713";
  	padding-right: 0.5em;
  	color: #AAABAC;
}

.listing-container {
	width: 99%;
}

.item-listing > a > .listing-image {
	position: relative;
	width: 326px;
	margin-top: 17px;
	overflow: hidden;
	float: right;
	height: 220px;
	border-radius: 3px;
}

.listing-image {
	display: none;
}

.listing-image img {
	min-width: 326px;
    bottom: -9999px;
    left: -9999px;
    margin: auto;
    min-width: 326px;
    position: absolute;
    right: -9999px;
    top: -9999px;
}

.search-filter .input-keyword {
	width: 100%;
}

.search-filter .input-keyword input {
	width: 100%;
	box-sizing: border-box;
	height: 50px;
	padding-left: 43px;
	background: #FFF url("search-icon-grey.svg") no-repeat left center;
}

.search-filter div.input-suburb {
	width: 100%;
	float: right;
	padding-right: 0;
}

.event-listing .listing-container h3 {
	margin-right: 2.3em;
  	margin-bottom: 1em;
}

.event-filter .input-check {
	margin-top:	0.1em;
	margin-bottom: 0.1em;
}

#twitter-widget-0 {
    width: 100% !important;
    height: 450px !important;
}


/*
 * Synonym Styling
 */
.synonym-results ul ul {
	line-height: 1;
	padding-bottom: 1.3em;
}

.synonym-container {
 	font-size: 1.125em;
 	padding-bottom: 1.5em;
}

.synonym-container h3 {
 	font-size: 1em;
    line-height: 1.5;
    font-weight: normal
}

.synonym-container h3 span,
.synonym-title {
 	font-weight: bold;
}

.synonym-type {
	font-style: italic;
	font-size: 0.8em;
}

.synonym-results ul {
	padding-left: 0;
}

.synonym-results > ul li {
	list-style-type: none;
}

.show-more-synonym,
.show-less-synonym {
	font-size: 0.9em;
	cursor: pointer;
	color: #4591BB;
  	text-decoration: underline;
}

.home-slider-static img {
	max-width: 100%;
}

.synonym-results {
    overflow: hidden;
}

.clearfix {
    clear: both;
}

.iframeNewsletter {
	border: none;
	width: 100%;
	height: 650px;
}

/*
 * Sidr Styling (Main Menu)
 */
.sidr-inner {
    position: relative;
}

.sidr {
    display: none;
    position: absolute;
    top: 0;
    height: 100%;
    z-index: 999999;
    width: 320px;
    background: #1C1F22;
    color: #FFFFFF;
}

#sidr-close-menu {
	display: inline-block;
	margin: 2.2em 1em 0.8em 0.5em;
	padding: 0.5em;	
	height: 20px;
}

#sidr-close-menu:focus {
	background-color: transparent;		
}

.main-menu-expand:hover {
  color: #FDFDFD;
}


.main-menu-expand {
	font-family: RydeIcons;
	position: absolute;
	color: #9A9DA0;
	font-size: 0.706em;
	top: 1px;
	line-height: 3;
	right: 1px;
	cursor: pointer;
	padding: 0 14px;	
	display: none;
}

.nav-has-children > .main-menu-item-container > .main-menu-expand {
  	display: block;
}

.main-menu-expand-level-1 {
	line-height: 3.7;
	padding: 0 18px;
}

.main-menu-expand-level-2 {
	line-height: 3;	
}

.sidr.left {
    left: -320px !important;
    right: auto;
}

.main-menu-nav-item {
    display: block;
    margin: 0;
    line-height: 2.4;
    position: relative;
}

.main-menu-list {
    display: block;
    margin: 0;
    padding: 0;
}

.main-menu-list-level-1 {
    border-bottom: none;
    background-color: #282D30;
}

.main-menu-link {
	color: #FFF !important; /* Overwrite pesky link states */
    padding: 0 15px;
    display: block;
    text-decoration: none;
    line-height: 1.4;
}

.main-menu-nav-item-level-2:last-child {
    border-bottom: none;
}

.main-menu-link-level-2 {
	padding: 8px 32px 8px 30px;
}

.main-menu-link-level-3 {
	font-size: 0.875em;
	padding: 6px 4px 6px 60px;
}

.main-menu-nav-item-level-1 {
	border-bottom: 2px solid #2B2F32;	
}

.main-menu-item-container:hover {
	background-color: #3E4245;	
}

.main-menu-link-level-1 {
	font-weight: bold;	
	font-size: 1.125em;	
  	padding: 10px 35px 10px 15px;
}

/* 
 * Main Menu styling No-JS
 */
.no-js .sidr {
	position: static;
	width: 100%;
	display: block;
}

.no-js .main-menu-expand,
.no-js .main-menu-list,
.no-js #sidr-close-menu,
.no-js #nav {
	display: none	
}

.no-js .main-menu-list-level-0 {
	display: block;
	margin: 0;	
	background-color: rgb(38, 42, 45);
  	list-style-type: none;
}

.no-js .main-menu-link {
	color: #FFF;
}

.no-js .main-menu-nav-item-level-1 {
	line-height: 2		
}

.no-js .nav-has-children > .main-menu-item-container > .main-menu-expand {
	display: none;
}

.no-js .slider-bg {
	position: static;
	margin-top: -84px;
}
/*DESK-1877*/
.announcement{
	margin-left:auto;
	margin-right:auto;
	max-width:1440px;
	float:none;
	padding-top:10px;
	padding-left:0;
	padding-right:0;
}
/*End of DESK-1877*/


.image-desc-container {
	float: none;
	margin: 15px 0;	
}

.image-desc-image img {
	max-width: 100%;
}

/* DESK-4438 */

/*
 * Fancy Box Styling
 */
#fancybox-loading {
    cursor: pointer;
    display: none;
    height: 40px;
    left: 50%;
    margin-left: -20px;
    margin-top: -20px;
    overflow: hidden;
    position: fixed;
    top: 50%;
    width: 40px;
    z-index: 1104;
}
#fancybox-loading div {
    background-image: url("fancybox.png");
    height: 480px;
    left: 0;
    position: absolute;
    top: 0;
    width: 40px;
}
#fancybox-overlay {
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1100;
}
#fancybox-tmp {
    border: 0 none;
    display: none;
    margin: 0;
    overflow: auto;
    padding: 0;
}
#fancybox-wrap {
    box-sizing: content-box;
    display: none;
    left: 0;
    min-height: 240px;
    min-width: 240px;
    outline: medium none;
    padding: 20px;
    position: absolute;
    top: 0;
    z-index: 1101;
}
#fancybox-outer {
    background: white none repeat scroll 0 0 padding-box;
    border-radius: 2px;
    height: 100%;
    position: relative;
    width: 100%;
}
#fancybox-content {
    background-clip: padding-box;
    border: 0 solid white;
    border-radius: 2px;
    box-sizing: content-box;
    height: 0;
    outline: medium none;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 0;
    z-index: 1102;
}
#fancybox-hide-sel-frame {
    background: transparent none repeat scroll 0 0;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1101;
}
#fancybox-close {
    background: white none repeat scroll 0 0;
    border-radius: 0 0 0 2px;
    color: #424242;
    cursor: pointer;
    display: none;
    font-size: 1rem;
    height: 29px;
    line-height: 0;
    padding: 0 0 0 12px;
    position: absolute;
    right: 20px;
    text-decoration: none;
    top: 20px;
    width: 70px;
    z-index: 1103;
}

#fancybox-close .icon-close {
  background: transparent url("fancyboxcross.png") no-repeat center;
  color: #828282;
  font-size: 24px;
  line-height: 0;
  position: relative;
  top: 4px;
  width: 20px;
  height: 20px;
  display: inline-block;
}

#fancybox-close .icon-close:hover {
    color: #686868;
}
#fancybox-error {
    margin: 0;
    padding: 14px;
}
#fancybox-img {
    border: medium none;
    height: 100%;
    line-height: 0;
    margin: 0;
    outline: medium none;
    padding: 0;
    vertical-align: top;
    width: 100%;
}
#fancybox-frame {
    border: medium none;
    display: block;
    height: 100%;
    width: 100%;
}
#fancybox-left, #fancybox-right {
    bottom: 0;
    cursor: pointer;
    display: none;
    height: 100%;
    outline: medium none;
    position: absolute;
    width: 35%;
    z-index: 1102;
}
#fancybox-left {
    background: rgba(0, 0, 0, 0) url("transparent.gif") repeat scroll 0 0;
    left: 0;
}
#fancybox-right {
    background: rgba(0, 0, 0, 0) url("transparent.gif") repeat scroll 0 0;
    right: 25px;
}
#fancybox-left-ico, #fancybox-right-ico {
    cursor: pointer;
    display: block;
    height: 65px;
    margin-top: -57px;
    position: absolute;
    top: 50%;
    width: 65px;
    z-index: 1102;
}

#fancybox-left:hover, #fancybox-right:hover {
    visibility: visible;
}
#fancybox-left span {
	background: transparent url("fancybox-left.png") no-repeat center;
    left: 25px;
    visibility: hidden;
}
#fancybox-left:hover span {
    visibility: visible;
}
#fancybox-right span {
	background: transparent url("fancybox-right.png") no-repeat center;
    left: auto;
    right: 15px;
    visibility: hidden;
}
#fancybox-right:hover span {
    visibility: visible;
}
.fancybox-bg {
    border: 0 none;
    height: 20px;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 20px;
    z-index: 1001;
}
#fancybox-title {
    margin-top: -13px;
    min-width: 200px;
    overflow: hidden;
    z-index: 1102;
}
.fancybox-title-inside {
    position: relative;
}
#tip-title {
    height: 2.5em;
    margin-top: 0;
}
.fancybox-title-inside b {
    font-weight: normal;
}
.fancybox-title-inside i {
    float: right;
    font-size: 0.9rem;
    font-style: normal;
}
.fancybox-title-outside {
    color: white;
    padding-top: 10px;
}
.fancybox-title-over {
    bottom: 0;
    color: white;
    left: 0;
    position: absolute;
    text-align: left;
}
#fancybox-title-over {
    background-image: url("fancy_title_over.png");
    display: block;
    padding: 10px;
}
.fancybox-title-float {
    bottom: -20px;
    height: 32px;
    left: 0;
    position: absolute;
}
#fancybox-title-float-wrap {
    border: medium none;
    border-collapse: collapse;
    width: auto;
}
#fancybox-title-float-wrap td {
    border: medium none;
    white-space: nowrap;
}
#fancybox-title-float-left {
    background: rgba(0, 0, 0, 0) url("fancybox.png") no-repeat scroll -40px -90px;
    padding: 0 0 0 15px;
}
#fancybox-title-float-main {
    background: rgba(0, 0, 0, 0) url("fancybox-x.png") repeat scroll 0 -40px;
    line-height: 29px;
    padding: 0 0 3px;
}
#fancybox-title-float-right {
    background: rgba(0, 0, 0, 0) url("fancybox.png") no-repeat scroll -55px -90px;
    padding: 0 0 0 15px;
}
.fancybox-ie .fancybox-bg {
    background: transparent none repeat scroll 0 0 !important;
}

.photoGallery {
    margin: 0;
    padding-left: 0;
}
.photoGallery_img {
   /* width: 100%;*/
}
@media (min-width: 768px) {
.photoGallery_img {
    width: auto;
}
}
.photoGallery_item {
    list-style: outside none none;
}
.photoGallery_item a {
    display: block;
    width: 100%;
}
@media (min-width: 768px) {
.photoGallery_item a {
    width: auto;
}
}
.photoGallery_item .file-details {
    display: none;
}
.photoGallery .photoGallery_item a {
    padding-left: 0;
    transition: all 0.3s ease-in;
}
.photoGallery .photoGallery_item a:focus,
.photoGallery .photoGallery_item a:hover {
  	opacity: 0.6;
  	outline: 0;
}
.photoGallery .photoGallery_item a::before {
    content: none;
}
.photoGallery_itemName {
    margin: 0.5em 0 2em;
}
.js .photoGallery_item {
    display: block;
    height: 0;
    overflow: hidden;
}
.js .photoGallery_item--active {
    height: auto;
}
.js .photoGallery_itemName {
    display: none;
}
.js .photoGallery_item a {
    text-decoration: none;
    display: inline-block;
}
.js .photoGallery_item a:hover, .js .photoGallery_item a:focus {
    color: #292929;
}
.photoGallery_open {
    color: #424242;
    font-size: 1.2rem;
    font-style: italic;
    text-decoration: none;
}

.photoGallery_open:before {
	content: "h";
	font-family: RydeIcons;
	font-size: 0.8em;
	font-style: normal;
}

.photoGallery_open .icon-fullscreen::before {
    color: #b2b2b2;
    margin-right: 0.25em;
}

.photoGallery .file-info {
    display: none;
}

/* DESK-4438 - END */

/* DESK-6848 */
/* selectors to target images that are appended through WYSIWYG */
span:not([class]) > img:not([class]),
div:not([class]) > img:not([class]),
p:not([class]) > img:not([class]),
a:not([class]) > img:not([class]),
em:not([class]) > img:not([class]){
	max-width: 100%;
}

/* selector to exclude images in tables to prevent them from shrinking */
table:not([class]) img:not([class]) {
	max-width: none;
}
/* End of DESK-6848*/

 @media all and (-ms-high-contrast:none) {
	 .no-js .logo-svg {
	 background: transparent url("icon-library.svg.logo.png") no-repeat center;	
	 background-size: contain;
	}
	
	.no-js .rainbow-trim {
	 background: transparent url("icon-library.svg.rainbow-trim.png") no-repeat center;	
	 background-size: 100%;
	}
	
	.no-js .parks-svg {
	 background: transparent url("icon-library.svg.parks.png") no-repeat center;
	}
	
	.no-js .features-svg {
	  background: transparent url("icon-library.svg.features.png") no-repeat center;
	}
	
	.no-js .location-svg {
	  background: transparent url("icon-library.svg.location.png") no-repeat center;	
	}
	
 }


/* DESK-4354 - START */

/* Error message. */
.error {
	color: #CE3F13;
}

/* Error message. */
.error ul {
	font-weight: bold;
	font-size: medium;
	background-color: #F9E4DF;	
}

/* Error message. */
.error ul li {
	padding: 5px 0px 5px 0px;
}

/* General form size. */
.loginPanel, .forgot-password-black-background, .reset-password-black-background {
	width: 60%;	
}

/* Reset password link in login screen. */
.loginPanel a {
	position: absolute;
	margin-top: 40px;
}

/* Login button container. */
.loginBtn {
	display: block;
	text-align: right;
	padding-top: 25px;
}

/* Buttons. */
.loginBtn input[type="submit"], .reset-password-submit input[type="submit"], .forgot-password-submit input[type="submit"] {
	margin-right: 3px;
	background-color: #EB6E1E;
	border-color: #EB6E1E;
}

/* Buttons. */
.loginBtn input[type="submit"]:hover, .reset-password-submit input[type="submit"]:hover, .forgot-password-submit input[type="submit"]:hover {
	background-color: #CD5306;
	border-color: #CD5306;
}

/* Form original title. */
.forgot-password-form .container-title, .reset-password-form .container-title {
	display: none;
}

/* Form labels. */
.forgot-password-form .span1, .reset-password-form .span1 {
	display: block;
	color: #54585B;
	font-weight: bold;
	font-size: 1.375em;
	font-family: 'ProximaNova';
	line-height: 1.18;
	margin-top: 25px;
	margin-bottom: 0.42em;
}

/* Recover/Reset button container. */
.reset-password-submit, .forgot-password-submit {
	text-align: right;	
}

/* Text before error box. */
.forgot-password-black-background .positioning-box::before {
	display: block;
	padding-bottom: 10px;
	content: "Please enter the email address you use to login and we will send you a new password.";
}

/* Text before error box. */
.reset-password-black-background .positioning-box::before {
	display: block;
	padding-bottom: 10px;
	content: "Please create a new password.";
}

/* List dot before error text. */
.forgot-password-error::before, .reset-password-error::before {
    position: absolute;
    display: inline-block;
    content: "";
    width: 7.5px;
    height: 6.5px;
    border-radius: 10px;
    top: 19px;
    left: 25px;
    background-color: #CE3F13;
}

/* Error box. */
.forgot-password-error, .reset-password-error {
    position: relative;
	color: #CE3F13;
    font-weight: bold;
    font-size: medium;
    /*margin: 0;*/
    padding: 10px 30px 10px 40px;
    background-color: #F9E4DF;
}

.logout-button {
	display: block !important;
	position: absolute;
	color: #FFFFFF;
	font-size: 1.2em;
	top: -35px;
	right: 0;
	margin-top: 0px !important;
}

.logout-button:hover, .logout-button:focus {
	color: #FFFFFF;
}

/* DESK-4354 - END */

/* DESK-10360 - START */

.body-content .wysiwyg-accordion__start,
.body-content .wysiwyg-accordion__end,
.body-content .wysiwyg-tab__start,
.body-content .wysiwyg-tab__end {
    display: none;
}

.wysiwyg-accordion__link {
	display: block;
	position: relative;
	text-decoration: none;
	background-color: #FFF;
	margin: 0.8em 0 0 0;
	padding: 12px 14px;
	border: 2px solid #E9EAEB;
	line-height: 1.154;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

.wysiwyg-accordion__link::after {
    content: "+";
    font-family: RydeIcons;
    position: absolute;
    right: 17px;
    top: 10px;
    font-weight: normal;
    font-size: 1.7em;
    color: #9A9DA0;
}

.wysiwyg-accordion__link.active:after {
  content: "-";
}

.wysiwyg-accordion__heading {
	margin: 0;
	max-width: 96%;
}

.wysiwyg-tab__panel {
	display: none;
}

.wysiwyg-accordion__panel {
	padding: 10px;
	display: none;
	overflow: hidden;
}

.wysiwyg-accordion__panel.active,
.wysiwyg-tab__panel.active {
	display: block;	
}

.wysiwyg-tab-titles {
	margin-top: 25px;
	display: block;
}

.wysiwyg-tab-titles::after {
    clear: both;
    content: " ";
    display: table;
}

.wysiwyg-tab__link {
	display: inline;
	float: left;
	margin-top: 1px;
	margin-right: 5px;
	max-height: 80px;
	max-width: 140px;
	overflow: hidden;
	white-space: normal;
	background-color: #8F9295;
    padding: 10px 15px 10px 15px;
	color: #FFF !important;
	font-weight: bold;
	text-decoration: none;
	border-radius: 4px 4px 0 0;
}

.wysiwyg-tab__link.active,
.wysiwyg-tab__link:hover {
	color: #3c3c3c !important;
	background-color: #fbfcfc;
}

.wysiwyg-tab__panel {
	padding: 10px;
	background-color: #fbfcfc;
}

.wysiwyg-accordion {
	background-color: #EEF0F1;
}

/* DESK-10360 - END */


/* DESK-10603 - START */
.stacktable {
	width: 100%;	
	
}

.st-key {
	width: 34%;
	font-weight: bold;
	text-align: right;
	padding-right: 1%;
}

.st-val {
	width: 64%;
	padding-left: 1%;
}

table.responsive.small-only tbody tr td:last-child {
	padding-right: 20px;	
}

table.responsive.small-only td,
table.responsive.small-only th {
	border-top: none;
}

table.responsive.small-only > tbody > tr:last-child > td {
	border-bottom: none;	
}

table.responsive.small-only {
	border: 1px solid #CDCDCD;	
}

.stacktable.large-only { display: none; }
.stacktable.small-only { display: table; }

@media (min-width: 768px) {
  .stacktable.large-only { display: table; }
  .stacktable.small-only { display: none; }
}
/* DESK-10603 - END */


#myBtn {
  display: none; 
  position: fixed; 
  bottom: 200px; 
  right: 20px; 
  z-index: 99; 
  border: none; 
  outline: none; 
  background-color: #262626;
  color: white; 
  cursor: pointer; 
  padding: 15px; 
  border-radius: 10px;
  font-size: 18px;
}

#myBtn:hover {
  background-color: #0c0c0c; 
}


@media screen and (max-width: 700px) {
    #myBtn {
  bottom: 100px; 
  right: 20px; 
  
}
}