/* Ressponsive Styles for WPOA */
html {
    -webkit-text-size-adjust: none;
}

#header, .headMenu > .cf, #main, #main-content.home, #main-content, #homeSidebar, .fatFoot, .fatFoot .leftCol, .fatFoot .rightCol, .fatFoot.home .innerLeftCol, .fatFoot.home .innerRightCol, #footer{
	width: auto !important;
}
#main-content {
  float:none;
}
#footer {
	padding-left:50px;
	padding-right:50px;
	text-align:center;
	font-size:22px;
	line-height:30px;
}
#footer .right {
	float:none;
	/*display:none;*/
	font-size:13px;
	line-height:16px;
}
.siteBy ul {
	float:none;
	margin: 0 auto;
}
#header .headerWidgets{
	overflow: hidden;
}

.socialList{
	float: right;
}

.widget_search{
	position: relative;
}

#StellarSlider{
	overflow: hidden;
}

#StellarSlider, .bjqs, .bjqs li{
	width: 100% !important;
	height: 282px !important;
}

#StellarSlider img{
	width: 100% !important;
	height: auto !important;
}

.bjqs-controls .bjqs-prev{
	position: relative;
	bottom: 30px;
	left: 26px;
}

.bjqs-controls .bjqs-next{
	position: relative;
	right: 27px;
	bottom: 30px;
}

#main-content.home{
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}

.page-template-page-events-php #main-content, .page-template-page-wild_apricot-php #main-content{
	padding-right: 0;
	float: none;
}

.fatFoot.home .leftCol, .fatFoot.home .rightCol{
	float: none;
	margin-right: 0;
}

.fatFoot .squareAd{
	float: left;
	margin-right: 20px;
}

.memberLinks{
	clear: both;
}

.bannerAd{
	width: auto !important;
}

.fatFoot.home .leftCol{
	margin-bottom: 20px;
}

.fatFoot.home .innerLeftCol, .fatFoot.home .innerRightCol{
	float: none;
	margin-right: 0;
}

.fatFoot.home .innerRightCol{
	padding: 0 20px;
}

#homeSidebar{
	float: none;
	margin: 0 auto;
}

.socialBoxes{
	margin: 0 auto;
	width: 524px;
}

.socialBoxes aside:first-child{
	float: left;
	clear: left;
	margin-right: 20px;
}

.socialBoxes aside:last-child{
	float: left;
	clear: none;
	width: 240px;
}

#sidebar{
	width: 400px;
	margin: 0 auto 20px;
	text-align: center;
	float: none;
}

article iframe{
	max-width: 100%;
}
@media all and (max-width: 862px) and (min-width: 726px) {
  .headMenu > div{
    text-align: center;
  }
  #main-nav {
    float: none;
    margin-bottom: 0;
    max-width: 100%;
  }
  #main-nav ul.menu {
    display: flex;
    justify-content: space-between;
  }
  #main-nav ul.menu li:not(:last-child){
    flex-grow: 1;
  }
}

@media all and (max-width: 1032px) and (min-width: 726px){
  /* add padding to header when background image becomes invisible */
  .headWrap {
    padding: 0 8px;
  }
}
@media all and (max-width: 1005px) and (min-width: 726px){
  #main-nav .menu li a,
  #login-nav .menu li a {
    font-size: 11px;
    padding: 7px 13px;
  }
}
@media all and (max-width: 815px) and (min-width: 726px){
  .tagline-2 {
    font-size: 10px
  }
}
@media all and (max-width: 725px) {
  #logo, #header .headerWidgets{
	float: none;
	margin-bottom: 20px;
	top: 0;
	text-align: center;
}

#logo{
	margin-top: 20px;
  margin-bottom: 0;
}

.logo img {
  width: auto;
}

.tagline {
  font-size: 14px;
}
.tagline-1{
  font-style: normal;
}
.tagline-2 {
  text-align: center;
  margin-bottom: 7px;
  margin-top: 7px;
}

}

@media all and (max-width: 725px) and (min-width: 615px) {
.bannerAd img {
	max-width:430px;
	height:auto;
}
#main-nav{
	width: 100%;
}

#main-nav ul li:hover ul{
	left: 0px !important;
	position: relative !important;
	top: 0px !important;
}

#main-nav .menu li{
	float: none;
}

#main-nav .menu li a{
	padding: 15px;
	text-align: center;
}

#StellarSlider, .bjqs, .bjqs li{
	height: 178px !important;
}

#StellarSlider, .bjqs, .bjqs li{
	height: 178px !important;
}

.bjqs-controls .bjqs-next, .bjqs-controls .bjqs-prev{
	bottom: 20px;
}

.wp-post-img{
	max-width: 500px;
	height: auto;
}

}

@media all and (max-width: 615px) and (min-width: 415px) {
.bannerAd img {
	width: 100%;
	height:auto;
}
#main-nav .menu li a{
	font: 18px/24px 'Merriweather Sans', sans-serif;
}

#main-nav{
	width: 100%;
}

#main-nav .menu li{
	float: none;
	margin-right: 0;
}

#main-nav ul li:hover ul{
	left: 0px !important;
	position: relative !important;
	top: 0px !important;
}

#main-nav .menu li a{
	padding: 15px;
	text-align: center;
}

#StellarSlider, .bjqs, .bjqs li{
	height: 178px !important;
}

.socialBoxes{
	width: auto;
}

.socialBoxes aside{
	float: none !important;
	margin: 0 auto 20px !important;
}

.socialBoxes aside:first-child{
	width: 252px;
}

}

@media all and (max-width: 415px) and (min-width: 320px) {
.bannerAd img {
	max-width:300px;
	height:auto;
}

h3{
	font-size: 23px;
}

#main-content article{
	padding-left: 0 !important;
  padding-right: 0 !important;
  max-width: 100%;
}

.fatFoot .squareAd{
	float: none;
	margin-right: 0;
}

#main-nav .menu li{
	margin-right: 0;
}

#main-nav ul li:hover ul{
	left: 0px !important;
	position: relative !important;
	top: 0px !important;
}

#main-nav .menu li a{
	font: 18px/24px 'Merriweather Sans', sans-serif;
}

#header .widget_search, .socialList, .socialDiv{
	float: none !important;
	position: relative;
	width: 100%;
}

#idPrimaryContentBlock1Content .boxViewOutline .boxBodyOuterContainer .boxBodyContainer .boxBodyInfoOuterContainer, #idPrimaryContentBlock1Content .boxViewOutline .boxBodyOuterContainer .boxBodyContainer .boxBodyContentOuterContainer{
	width: 96% !important;
}

.blog .post {
	padding: 0 20px 20px !important;
}

#sidebar{
	clear: both;
	padding-top: 20px;
	text-align: left;
	border-top: 1px solid #ddd;
}

#header{
	height: auto;
}

#main-content{
	float: none;
}

#header .headerWidgets{
	margin-bottom: 0;
}

#main-nav{
	width: 100%;
}

#main-nav .menu li{
	float: none;
}

#main-nav .menu li a{
	padding: 7px;
	text-align: center;
}

#StellarSlider, .bjqs, .bjqs li{
	height: 118px !important;
}

.socialDiv{
	float: right;
}

.socialBoxes{
	width: auto !important;
}

.socialBoxes aside{
	float: none !important;
	margin: 0 auto 20px !important;
}

.single .wp-post-image{
	max-width: 276px;
	height: auto;
}

.widget_search{
	width: 223px;
	clear: none;
	position: absolute;
	left: 5px;
}

.bannerAd{
	width: auto;
}

.fb_iframe_widget{
	margin: 0 auto;
	width: 252px;
	display: block !important;
}

#sidebar{
	width: 280px;
}

.fatFoot.internal .fatFootWidget{
	width: auto !important;
	float: none;
	margin-right: 0;
	text-align: center;
}

.copyright .textwidget{
	line-height: 18px;
	text-align: center;
	font-size: 14px;
}

article iframe{
	width: 280px !important;
}

#footer{
	padding-left: 20px;
	padding-right: 20px;
}

#header .widget_search{
	display: none;
}

.siteBy ul li:first-child, .siteBy ul li:nth-child(2){
	display: none;
}

#footer .right{
	float: none;
	margin: 0 auto;
	width: auto;
	font-size: 10px;
}

}