body {
  overflow-y: auto;
}

div[class*="s4-"],
div[id*="s4-"],
div[class*="ms-"] {
  display: block;
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
}
div[class*="s4-"] .display-none,
div[class*="s4-"] .ms-hide,
div[class*="s4-"] .error-header,
div[id*="s4-"] .display-none,
div[id*="s4-"] .ms-hide,
div[id*="s4-"] .error-header,
div[class*="ms-"] .display-none,
div[class*="ms-"] .ms-hide,
div[class*="ms-"] .error-header {
  display: none;
}

object[id*="application"] {
  display: none;
}

#s4-workspace,
#s4-workspace .responsive {
  width: 100% !important;
  height: auto !important;
}

div[role=main] {
  overflow: hidden;
}

button {
  min-width: auto;
}

/*Home Page Alert*/

@media only screen and (min-width: 1000px){
	.wrap{
		position:relative;
		
	}
	#wp-homepage{
		margin-top:10px;
	}

}

@media only screen and (max-width: 700px){
	.wrap{
		position:relative;

	}
	#wp-homepage{
		margin-top:0;
	}
}

/*Search Bar Section*/
/*.searchBar-Expand {
  margin-bottom: 25px;
  justify-content:center;
  display:none;
  border-top:1px solid #cdd2d4;
}

@media only screen and (min-width: 700px) {
  .searchBar-Expand {
    justify-content:center;
    transition: display .5s ease;
  }
  
  #searchSection.open{
	display:grid;
	}

}

@media only screen and (min-width: 1000px) {
  .searchBar-Expand {
    margin-bottom: 0px;
    text-align:left;
  }
  
  #searchSection.open{
	display:flex;
	}
}

.searchBar-Expand-Section{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

@media only screen and (max-width: 700px) {
  #searchSection.open {
    display:grid;
  }
}
*/

/*Quick Menu*/

.hideQuickMenu{
	display:none !Important;
}

.mobile-menu-btn {
  position: absolute;
  top: 16px;
  right: 55px;
  min-width: 40px;
  height: 40px;
  margin: auto;
  padding: 13px;
  overflow: hidden;
  padding-right:80px !Important;
  padding-top:12px !Important;
  padding-left:10px !Important;
}


@media only screen and (min-width: 320px) {
  .mobile-menu-btn {
    top: 4px;
    padding-right:0 !Important;
  }
}

@media only screen and (max-width: 700px) {
  #pText{
        display: none;
    }
}

@media only screen and (min-width: 1000px) {
  .mobile-menu-btn {
    right:55px !Important;
  }
}

@media only screen and (min-width: 1000px) {
	#homeHeader > div > div.mobile-menu-btn{
		right:11px !Important;
	}
}

@media only screen and (min-width: 700px) {
	.mobile-menu-btn {
	  right: 50px;
	  width:50px;
	  height: 50px;
	  line-height: 24px;
	  padding: 13px;
	  text-align: center;
	  margin-right:20px;
	  min-width:40px !Important;
	  padding-top:18px !Important;
	  padding-right:50px !Important;
	}
}

/*Quick menu content*/

.quick-menu-content {
  margin-bottom: 25px;
  justify-content:center;
  display:none;
  border-top:1px solid #cdd2d4;
}

@media only screen and (min-width: 700px) {
  .quick-menu-content {
    justify-content:center;
    transition: display .5s ease;
  }
  
  #quickMenu.open{
	display:block;
	margin-bottom:0px;
	}

}

@media only screen and (min-width: 320px) {  
  #quickMenu.open{
	display:block;
	margin-bottom:0px;
	padding-bottom:1px;
	}

}

@media only screen and (min-width: 1000px) {
  .quick-menu-content {
    margin-bottom: 0px;
    text-align:left;
  }
  
  #quickMenu.open{
	display:flex;
	}
}

#quickMenu > div > ul > li{
	padding-left:0px;
}

#quickMenu > div > ul > li:before{
	content:" ";
}

.quick-menu-section{
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

@media only screen and (max-width: 700px) {
  #quickMenu.open {
    display:block;
    padding-bottom:1px;
  }
}

/*Burger animation */

@media only screen and (min-width: 320px) {
	.burger,
	.burger:before,
	.burger:after {
	  position: absolute;
	  top: 18px;
	  /*left: 62px;*/
	  width: 21px;
	  height: 2px;
	  background: white;
	  
	  transition: background 0.3s, transform 0.3s, top 0.3s;
	}
}

@media only screen and (min-width: 700px) {
	.burger,
	.burger:before,
	.burger:after {
	  position: absolute;
	  top: 22px;
	  left: 70px;
	  width: 21px;
	  height: 2px;
	  background: white;
	  
	  transition: background 0.3s, transform 0.3s, top 0.3s;
	}
}

@media only screen and (min-width: 1000px) {
	.burger {
	  position: absolute;
	  top: 22px;
	  left: 70px;
	  width: 21px;
	  height: 2px;
	  background: white;
	  
	  transition: background 0.3s, transform 0.3s, top 0.3s;
	}
}

.burger:before {
  top: -6px;
  left: 0;
  content: "";
}

.burger:after {
  top: 6px;
  left: 0;
  content: "";
}

.burger-open .burger {
  background: transparent;
}

.burger-open .burger:before {
  top: 0;
  transform: rotate3d(0, 0, 1, -45deg);
  background:#2ea9d3;
}

.burger-open .burger:after {
  top: 0;
  transform: rotate3d(0, 0, 1, 45deg);
  background:#2ea9d3;

}

/*Animate Quick Button Color*/
.text{
	color:#2ea9d3;
}

.burger-open{
	background:#fff !Important;
	border-style:solid !Important;
	border-color:#2ea9d3 !Important;
	border-bottom-width:1px !Important;
	border-top-width:1px !Important;
	border-left-width:1px !Important;
	border-right-width:1px !Important;	
}

/*Quick Search*/

/*Quick search content*/

@media only screen and (min-width: 700px) {
  .searchBoxToggle {
    justify-content:center;
    transition: display .5s ease;
  }
  
  #toggleSearch.open{
	display:block;
	}

}

@media only screen and (min-width: 1000px) {
  .searchBoxToggle {
    margin-bottom: 0px;
    text-align:left;
  }
  
  #toggleSearch.open{
	display:flex;
	}
}

#toggleSearch > div > ul > li{
	padding-left:0px;
}

#toggleSearch > div > ul > li:before{
	content:" ";
}

/*.quick-search-section{
	padding-top:20px;
	padding-bottom:20px;
	margin-right:10px;
	padding-right:20px;
}*/

@media only screen and (max-width: 700px) {
	.quick-search-section{
		margin-right:0px;
		padding-right:0px;
		padding-bottom:10px;
		padding-top:20px;
	}
}
@media only screen and (max-width: 700px) {
  #toggleSearch.open {
    display:block;
  }
}

@media only screen and (min-width: 700px) {
.search-clear-white{
    margin: 3px 3px 0 0 !Important;
  }
}

@media only screen and (min-width: 700px) {
.search-clear{
    margin: 3px 3px 0 0 !Important;
  }
}


.search-open{
	background:#fff !Important;
	border-style:solid !Important;
	border-color:#2ea9d3 !Important;
	border-bottom-width:1px !Important;
	border-top-width:1px !Important;
	border-left-width:1px !Important;
	border-right-width:1px !Important;
}

/*Quick menu - Home Page - Button*/

#homeHeader > div > div.mobile-menu-btn {
	  right: 12px;
	  top: 20px;
	/*  border-radius: 6px;*/
	  width:0px;
	}


@media only screen and (min-width: 320px) {
#homeHeader > div > div.mobile-menu-btn {
	  right: 12px;
	  top: 20px;
	  width:0px;
	  /*padding-right:20px !Important;*/
	}
}

@media only screen and (min-width: 700px) {
#homeHeader > div > div.mobile-menu-btn {
	  width:auto;
	}
}


/*Quick menu - Home Page - Button without text

@media only screen and (min-width: 120px) {

#homeHeader > div > div.mobile-menu-btn {
	  width:auto;
	}
}*/



/*Quick menu - Home Page - Section*/

#main > #quickMenu.open {
	  margin-bottom:0px !Important;
	}


#main > figure > header.quick-menu-content {
	  background-color: rgba(255, 255, 255, 0.9);
	  top:10px;

	}

/*Popular Tasks*/

@media only screen and (max-width: 700px) {
	.trending{
		padding-top:10px;
	}
}

@media only screen and (min-width: 700px) {
	#browseSections{
		font-size:0;
	}
}

.flex-container-header{
	padding-top: 10px;
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 10px;
    padding-right: 10px;
    border-style: solid;
    border-color: rgba(255,255,255,0.9);
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    padding-bottom:10px;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	background-color:rgba(255,255,255,0.9);
	margin-bottom:0px;
	margin-top:10px;
}

.flex-container-header > h4{
	margin-bottom:0;
}

@media only screen and (min-width: 700px) {
 .flex-container{
		margin-bottom:50px;
	}
}

.flex-container{
	padding: 0 2% 20px;
	display:flex;
	flex-flow:row wrap;
	justify-content:flex-start;
	background-color:rgba(255,255,255,0.9);
    margin-left: -5px;
    margin-right: -5px;
    padding-left: 10px;
    padding-right: 10px;
}

.flex-item {
    font-size: 14px;
    border-radius: 2px;
    padding: 10px 20px;
    margin: 4px;
    background: #2ea9d3;
    flex: 1 0 auto;
    color: #fff;
    /* height: 40px; */
    /* vertical-align: middle; */
}

/* Trending Items - Hover */

.flex-item:hover {
  background-color: #2488aa
}

.flex-item:hover,
.flex-item:visited {
  color: #fff;
  text-decoration: none
}

.flex-item:hover:hover,
.flex-item:visited:hover {
  color: #fff
}

.flex-item.invert {
  background-color: #fff;
  color: #2ea9d3
}

/*External link sprite - flex item */

div.flex-item > i.link-external{
	background-position:-242px -106px;
}


/*Search grey dividers*/

#Refinement > div.search.contextual-search.keywordSearchBox > div.search-form{
	margin-top:10px;
}

/*Keyword Filter Button*/
#keywordbtn{
	margin-right:8px;
}

#clearkeywordbtn{
	margin-right:8px;
}

#txtKeywordFilter
{
    padding: 8px !important;
}

/*Loading Text...*/
.loadingImage{
	color:#e2574c;
	font-weight:400;
}

/*Click links section - visited links*/
#quickSectionLinks ul li a:visited{
	color: #2ea9d3 !Important;
}

#quickSectionLinks ul li a:link{
	color: #2ea9d3 !Important;
}

/*City Connect Menu*/
#actionSubHead{
	padding-top:0;
}
#actionSubHead2{
	padding-top:0;
}
#actionSubHead3{
	padding-top:0;
}

/*Update Theme and Home Page News Description*/
@media only screen and (min-width: 700px){
	.card figure figcaption p.themeNewsText{
		white-space:nowrap;
		text-overflow:ellipsis;
	}
}

/*Feedback enhancements*/
fieldset p .label,fieldset p label {
    margin-bottom: 0 !Important;
}


#feedback-form > fieldset.what-went-wrong > p:nth-child(4) > label:nth-child(2){
	padding-left: 0 !Important;
}

#feedback-form > fieldset.what-went-wrong > p:nth-child(5) > span > label{
	padding-left: 0 !Important;

}

#feedback-form > fieldset p label{
	display:table !Important;
}

#feedback-form > fieldset p {
    width: 100.1%;
}

#feedback-form > fieldset.what-went-wrong p.selectors > label:nth-child(2){
	padding-left:0 !Important;	
}

.has-input-file{
	margin-top: -20px;
}

/*On hover - Card scaling*/
@media only screen and (min-width: 1000px) {
.card figure:hover > div > a > img{
	        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@media only screen and (max-width: 700px){
  #feedback-form > fieldset p.select:before {
        top: 30px !Important;
        height: 45px !Important; 
    }
}

@media only screen and (max-width: 700px){
  #feedback-form > fieldset p.select:after {
        top: -30px !Important;
    }
}


/*Search Bar Modifications*/

.contextual-search #popupsearchterm{
	width: 100% !Important;
}

/*Amendments to landing page*/

/*Find A Venue Landing Page*/

/*#wheelchairField > fieldset > p.bg-font-adjust-bg{
    background-color: #eef1f3;
    height: 50px;
    opacity: 0.95;
    border-radius: 4px;
}*/

#wheelchairField > fieldset p label {
	color: #fff;
	font-weight:600;    
}

#capacityField .accordion .dt{
	margin-left:2px;
	margin-right:2px;
}

#capacityField .accordion .dd{
	margin-left:2px;
	margin-right:2px;
}

#capacityField .clear-filter{
	margin-left:2px;
	margin-right:2px;
}

#accCapacity{
	display:block !Important;
}

#capacityField > aside{
	width:100% !Important;
	padding-left:0 !Important;
	padding-right:0 !Important;
}

#capacityField > aside > div > div > div{
	padding-right:0 !Important;
}

@media only screen and (max-width: 700px){
	#topTabs .btn+.btn {
    	margin-bottom: 10px;
	}
	#topTabs > .btn {
    margin-bottom: 10px;
	}

}

@media only screen and (min-width: 700px){
#topTabs .btn+.btn {
    margin-bottom: 0;
	}
}

@media only screen and (min-width: 700px){
#topTabs > .btn {
    margin-bottom: 0;
	}
}

@media only screen and (min-width: 700px){
#topTabs .btn+.btn {
     margin-left: 10px;
}
}

@media only screen and (max-width: 700px){
	
	#capacityField > a{
	    background: #fff;
	    color: #393d40;
	    text-align: left;
	    font-weight: normal;
	    padding-left: 10px;
	    text-transform: none;
	}
	
}
@media only screen and (max-width: 1000px){

#accCapacity{
	margin-bottom:-70px;
}
#capacityField > aside{
	margin-top:-10px;
}

}

#FacilityCapacity-MultiRefiner{
	overflow:scroll;
	height:236px;
	overflow-x:auto;
}

/*Advanced search filters*/
@media only screen and (min-width: 1000px){
 #advancedFiltersContainer > .aside-content 
	{
	 width:25%;
 }

}

@media only screen and (min-width: 1000px){
 #advancedFiltersContainer{
	margin-left: -10px;
    margin-right: -30px;
  }
}

#acc{
	display:block !Important;
}

@media only screen and (max-width: 1000px){
 .accContainer{
	margin-bottom: -100px;
 }
}

#acc div.dd fieldset{
	overflow:scroll;
	height:270px;
	overflow-x:auto;

}

#advancedClearBtn{
	background:none;
	padding:1px;
}

@media only screen and (min-width: 700px){
#advancedClearBtn > a{
	width:0;
}
}

@media only screen and (min-width: 700px){
	#advancedClearBtn{
		padding:0;
	}
}
@media only screen and (min-width: 700px){	
	#advancedBtn{
		margin-bottom:20px;
		margin-left:-10px;
		padding-top:0;
	}
}

@media only screen and (max-width: 700px){	
	#advancedBtn{
		padding-top:20px;
	}
}


#advancedBtn > input{
	margin-left:10px;
}

/*Advanced Search Section Overrides*/

@media only screen and (min-width: 700px){
	#advancedVS .expandBtn {
    	line-height: 1;
    	padding: 12px 4px 12px 12px;
    	width:auto;
	}
}

#advancedVS .expandBtn {
    color: #2ea9d3;
    background-color: #2e3235;
    margin-bottom: 0;
}

@media only screen and (min-width: 700px){
	.expandBtn {
	    min-width: 150px;
	    width: auto;
	    margin-bottom: 0;
	    padding: 13px 20px;
	}
}

.expandBtn {
    min-width: 40px;
    width: 100%;
    padding: 18px 0;
    background: #2ea9d3;
    text-decoration: none;
    display: inline-block;
    border-radius: 2px;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 20px;
    font-weight: 600;
    cursor: pointer;
}

.expandBtn {
    text-transform: uppercase;
}

.expandBtn, img {
    border: 0;
}

/* Active state for tabs - Find a venue */
#topTabs .active{
	background-color:#2488aa;
}

/*Sprite Positioning for Capacity Field*/
#capacitySprite > i{
	position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 20px;
}

#capacitySprite > i.filter-arrow-down{
	background-position:-204px -167px;
}

#capacitySprite > i.filter-arrow-up{
	background-position:-220px -167px;
}