/*
Theme Name: 	Dakota Territory Buffalo Association
Description: 	Custom theme
Version: 		1.0
Author: 		DigiSage
Author URI: 	https://digisage.com
*/

/* ======================= global resets ======================= */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
table 					{ border-collapse:collapse; border-spacing:0 }
fieldset, img 			{ border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
caption, th	 			{ text-align:left }
q:before, q:after 		{ content:''}
a img 					{ border:none } /* Gets rid of IE's blue borders */
input[type="submit"]	{ cursor:pointer; -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ }
input[type="submit"]::-moz-focus-inner { border:0; } /* helps with input and submit sizing */
/* html5 reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
audio,
canvas,
video 					{ display:inline-block; }
audio:not([controls]) 	{ display:none; }
@-ms-viewport			{ width:device-width; }
*,
*:before,
*:after 			{ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
:link img 			{ border:none; }
a 					{ outline:none; }
.clearfix:after 				{ visibility:hidden; display:block; font-size:0; content:" "; clear:both;  height:0; }
* html .clearfix             	{ zoom:1; } /* IE6 */
*:first-child+html .clearfix 	{ zoom:1; } /* IE7 */
/* responsive */
img, object, embed 	{ max-width:100%; height:auto; }
object, embed		{ height:100%; }
img				 	{ -ms-interpolation-mode: bicubic; }

/* ======================= Index ======================= */
/*
	- OVERVIEW:

 	- Architecture / Grid
	- Typography
	- Masthead
	- Navigation
	- Post (general content area)
	- Sidebar
	- Archive
	- Footer
	- Page Templates
	- Theme Helpers
	- Presentational classes generated by WordPress
	- Plugin Styling
	- Theme custom short codes
	- Responsive
*/

/*======================= misc. global ======================= */
html {
	height:100%;
	font-size:62.5%;
}
body {
	margin:0;
	padding:0;
	background:#fff;
	color:#3e4e55;
	font-family:'Lato', sans-serif;
	font-size:1.8rem;
	font-weight:normal;
	text-align:left;
}
.pagewidth {
	width:1200px;
	margin:0 auto;
}
#content-wrap {
	margin:0;
	padding:30px 0;
}
.serif {
	font-family:'Roboto Slab', serif;
}

/*======================= Typography ======================= */
p {
	margin:0 0 15px 0;
	line-height:1.4;
}
/* lists */
ul {
	margin:0 0 15px 0;
	padding:0;
}
ul li {
 	margin:0 0 10px 20px;
 	padding:0;
 	list-style:disc;
 	line-height:1.4;
}
ul li ul li	{
	list-style:circle;
}
ol {
	margin:0 0 15px 0;
	padding:0;
}
ol li {
	text-align:left;
	margin:0 0 0 30px;
	padding:0;
	list-style:decimal;
	line-height:1.4;
}
blockquote {
	margin:20px;
	padding:0px;
	font-size:2.2rem;
}
blockquote p {
	font-style:italic;
	margin:0;
}
small {
	font-size:1.1rem;
}
strong, b {
	font-weight:700;
}
em, i {
	font-style:italic;
}
/* tables */
table {
	border-collapse:collapse;
	border:1px solid #aaa;
	margin:0 0 20px 0;
}
td,th	{
	padding:7px 20px;
	border:1px solid #aaa;
	text-align:center;
}
table tr:nth-child(odd) {
	background:#e7e7e8;
}
table tr:nth-child(even) {
	background:#fff;
}
th {
	background:#333;
	color:#fff;
}
/* headings */
h1,h2,h3,h4,h5,h6 {
	text-align:left;
	font-weight:700;
	color:#3e4e55;
	line-height:1.2;
	text-transform:uppercase;
	font-family:'Roboto Slab', serif;
}
h1 {
	font-size:5.5rem;
	margin:0 0 20px 0;
}
h2 {
	font-size:4.2rem;
	margin:0 0 10px 0;
}
h3 {
	font-size:3.4rem;
	margin:0 0 10px 0;
}
h4 {
	font-size:2.8rem;
	margin:0 0 10px 0;
}
h5 {
	font-size:2.2rem;
	margin:0 0 10px 0;
	text-transform:none;
}
h6 {
	font-size:1.8rem;
	margin:0 0 10px 0;
	text-transform:none;
}

/* default links & buttons */
a {
	color:#f5821f;
	text-decoration:none;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
a:hover {
	color:#d36c14;
	text-decoration:none;
}
#primary .fl-builder-content a.fl-button,
a.button,
button.button {
	display:block;
	margin:0;
	padding:3px 25px 5px 25px;
	float:left;
	width:auto;
	color:#f5821f;
	font-size:1.6rem;
	letter-spacing:1px;
	cursor:pointer;
	text-align:center;
	text-transform:uppercase;
	border:1px solid #f5821f;
	background:none;
	cursor:pointer;
	-moz-border-radius:		7px;
	-webkit-border-radius:	7px;
	border-radius:			7px;
	-khtml-border-radius:	7px;
	-o-transition:		.2s;
	-ms-transition:		.2s;
	-moz-transition:	.2s;
	-webkit-transition:	.2s;
	transition:			.2s;
	font-family:'Lato', sans-serif;
}
#primary .fl-builder-content a.fl-button * {
   font-family:'Lato', sans-serif;
   color:#f5821f;
   font-size:1.6rem;
   line-height: 1.4;
   letter-spacing:1px;
}
a.button svg,
button.button svg {
	position:relative;
	left:5px;
	top:2px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#primary .fl-builder-content a.fl-button:hover,
a.button:hover,
button.button:hover {
	text-decoration:none;
	background:#f5821f;
	color:#fff;
}
#primary .fl-builder-content a.fl-button:hover * {
   text-decoration:none;
   color:#fff;
}
a.button:hover svg polyline,
button.button:hover svg polyline {
	stroke:#fff;
}
a.button.button-left {
	float:left;
	margin-right:20px;
}
a.button.button-right {
	float:right;
	margin-left:20px;
}
a.button.button-center {
	float:none;
	padding-left:0;
	padding-right:0;
	margin-left:auto !important;
	margin-right:auto !important;
}

/* Forms */
.dtba-form-styles label {
	display:block;
	margin:0 0 5px 0;
}
.dtba-form-styles input,
.dtba-form-styles textarea,
.dtba-form-styles select {
	display:block;
	color:#555;
	margin:0 0 15px 0;
	padding:5px;
   border:none;
   outline:none;
	font-family:'Lato', sans-serif;
	box-sizing:			border-box;
	-ms-box-sizing:		border-box;
	-moz-box-sizing:	border-box;
	-webkit-box-sizing:	border-box;
}
.dtba-form-styles input[type="radio"],
.dtba-form-styles input[type="checkbox"] {
	display:inline-block;
	margin:0 0 5px 0;
}
.dtba-form-styles select {
	line-height:28px; /* this is needed to keep height on select elements in safari */
}
/* placeholder font color */
.dtba-form-styles ::-webkit-input-placeholder {
	color:#333;
}
.dtba-form-styles :-moz-placeholder {
	/* Firefox 18- */ color:#333;
}
.dtba-form-styles ::-moz-placeholder {
	/* Firefox 19+ */ color:#333;
}
.dtba-form-styles :-ms-input-placeholder {
	color:#333;
}

.notif-info {
   padding: 10px 20px;
   margin-bottom: 15px;
   background: #d9edf7;
   border-radius: 4px;
   border: 1px solid #bce8f1;
   color: #3a87ad;
   margin: 10px 0 18px;
   text-shadow: 0 1px 0 #fff;
}

.gform_wrapper form input.button,
.gform_wrapper form .ginput_container_fileupload input,
body.page form.dsform .form-button-container input.button   {
      display:block;
      margin: 15px 15px 15px 0;
      padding:3px 25px 5px 25px;
      float:left;
      width:auto;
      color:#f5821f;
      font-size:1.6rem;
      letter-spacing:1px;
      cursor:pointer;
      text-align:center;
      text-transform:uppercase;
      border:1px solid #f5821f;
      background:none;
      cursor:pointer;
      -moz-border-radius:     7px;
      -webkit-border-radius:  7px;
      border-radius:       7px;
      -khtml-border-radius:   7px;
      -o-transition:    .2s;
      -ms-transition:      .2s;
      -moz-transition:  .2s;
      -webkit-transition:  .2s;
      transition:       .2s;
      font-family:"Lato", sans-serif;
}

.gform_wrapper form .gform_fileupload_multifile input.button {
   float: none;
   margin: 10px auto;
}

.gform_wrapper form input.button:hover,
body.page form.dsform .form-button-container input.button:hover {
   text-decoration:none;
   background:#f5821f;
   color:#fff;
}

.gform_wrapper .gfield.gsection {
   padding-top: 40px;
}
.gform_wrapper .gfield.gsection:first-of-type {
   padding-top: 0;
}
.gform_wrapper .gfield.gsection h2.gsection_title {
   font-size: 26px;
}

/* Accessibility */
.skip {
    position:absolute;
    top:-1000px;
    left:-1000px;
    height:1px;
    width:1px;
    text-align:left;
    overflow:hidden;
}
a.skip:active,
a.skip:focus,
a.skip:hover {
    left:0;
    top:0;
    width:auto;
    height:auto;
    overflow:visible;
}
/* Text meant only for screen readers. */
.screen-reader-text {
  	border:0;
  	clip:rect(1px, 1px, 1px, 1px);
  	clip-path:inset(50%);
  	height:1px;
  	margin:-1px;
  	overflow:hidden;
  	padding:0;
  	position:absolute !important;
  	width:1px;
  	word-wrap:normal !important;
}

/* top bar */
#topbar {
	height:50px;
	line-height:50px;
	color:#e3ded2;
	background:#3e4e55;
}
#topbar .user-actions {
	float:right;
}
#topbar .user-actions a {
	color:#f5821f;
	display:block;
	float:left;
	text-transform:uppercase;
	height:50px;
	font-size:1.4rem;
	font-weight:700;
	padding:0 40px;
	background:#0d3547;
	border-left:5px solid #fff;
}
#topbar .user-actions a:hover {
	background:#0c2c3a;
}
#topbar .user-actions a:last-of-type {
	border-right:5px solid #fff;
}

/* ======================= Masthead ====================== */
#masthead {
	position:relative;
	margin:0;
	padding:20px 0;
	z-index:1000;
}
#masthead .pagewidth {
	position:relative;
}
#masthead a#logo {
	display:block;
	float:left;
}

/* search */
#nav-wrap a#search {
	display:block;
	position:absolute;
	z-index:1000;
	width:30px;
	top:55px;
	right:0;
	color:#3e4e55;
}
#nav-wrap a#search.active i.fa-search:before {
	content:'\f00d';
}
#nav-wrap a#search:hover {
	color:#f5821f;
}
#search-panel {
	display:none;
	position:absolute;
	right:0;
	top:100px;
	width:300px;
	padding:20px;
	background:#3e4e55;
}
form.searchform	{
	position:relative;
	margin:0;
	padding:0;
}
form.searchform input.search-text {
	width:225px;
	display:block;
	float:left;
	margin:0;
	padding:7px 10px;
	border:1px solid #fff;
	outline:none;
	background:#fff;
	color:#555;
}
form.searchform input.search-text:focus {
	border:1px solid #f5821f;
}
form.searchform button {
	display:block;
	float:left;
	margin:2px 0 0 10px;
	border:none;
	outline:none;
	background:none;
	font-size:2.2rem;
	color:#fff;
	cursor:pointer;
}

/* SmartMenus CSS */
.sm{box-sizing:border-box;position:relative;z-index:9999;-webkit-tap-highlight-color:rgba(0,0,0,0);}
.sm,.sm ul,.sm li{display:block;list-style:none;margin:0;padding:0;line-height:normal;direction:ltr;text-align:left;}
.sm-rtl,.sm-rtl ul,.sm-rtl li{direction:rtl;text-align:right;}
.sm>li>h1,.sm>li>h2,.sm>li>h3,.sm>li>h4,.sm>li>h5,.sm>li>h6{margin:0;padding:0;}
.sm ul{display:none;}
.sm li,.sm a{position:relative;}
.sm a{display:block;}
.sm a.disabled{cursor:default;}
.sm::after{content:"";display:block;height:0;font:0px/0 serif;clear:both;overflow:hidden;}
.sm *,.sm *::before,.sm *::after{box-sizing:inherit;}

/* custom styling */
ul#nav {
	margin:0 50px 0 0;
	padding:50px 0px 0 0;
	float:right;
}
ul#nav li {
	list-style:none;
	position:relative;
	float:left;
	padding:0;
	margin:0;
}
ul#nav li.mobile-only {
   display: none;
}
ul#nav li > a {
	margin:0;
	padding:10px 20px;
	font-size:1.6rem;
	line-height:1;
	letter-spacing:1px;
	display:block;
	font-weight:700;
	color:#3e4e55;
	text-transform:uppercase;
	text-decoration:none;
	border-bottom:3px solid transparent;
}
ul#nav li > a:hover,
ul#nav li.active > a,
ul#nav > li.current-menu-item > a {
	border-color:#f5821f;
	text-decoration:none;
}
ul#nav li ul {
	display:none;
	background:#ebedee;
	width:180px;
	position:absolute;
	left:0;
	top:100%;
	margin:0;
	padding:0 10px;
	z-index:100;
	border:none;
}
ul#nav li ul li {
	float:none;
	margin:0;
	padding:0;
}
ul#nav li ul li a {
	float:none;
	display:block;
	font-size:1.3rem;
	padding:8px 0px;
	background:none;
	text-align:center;
	text-transform:uppercase;
	border-bottom:1px solid #c8cdcf;
}
ul#nav li ul li a:hover {
	color:#f5821f;
	border-color:#c8cdcf;
}
ul#nav li ul li:last-child a {
	border-bottom:none;
}
ul#nav li ul li ul {
	left:100%;
	top:0;
}
/* dead links */
li.nolink > a {
	cursor:default;
	text-decoration:none;
}
li.nolink > a:hover {
	cursor:default;
	text-decoration:none;
}

/* ======================= Post / Page ====================== */
#page-header {
	padding:80px 0 30px 0;
	background:url(assets/images/page-header-bg.jpg) no-repeat center top;
	background-size:100% auto;
}
#page-header h1 {
	margin:0;
}
#breadcrumbs {
	padding:15px 0 0 0;
	color:#b0bfc5;
	font-size:1.3rem;
	font-weight:700;
	letter-spacing:.5px;
	text-transform:uppercase;
}
#breadcrumbs a {
	color:#b0bfc5;
}
#breadcrumbs a:hover {
	color:#f5821f;
}
#breadcrumbs i {
	color:#f5821f;
	font-style:normal;
	display:inline-block;
	padding:0 8px;
}

#primary {
	padding:20px 0 10px 0;
}
#primary.pagewidth {
   padding:60px 0 50px 0;
}

.post-archive {
	margin:0 0 50px 0;
}
.post-archive h3 {
	font-size:3rem;
}
.post-archive .thumb {
	width:30%;
	float:left;
	padding-right:50px;
}
.post-archive.has-thumb .post-content {
	width:70%;
	float:left;
}
p.date {
	font-size:1.5rem;
	font-style:italic;
}

/* blog post */
.blog-entry {
	padding:60px 0 0 0;
}
body.single #primary.with-sidebar,
body.blog #primary.with-sidebar,
body.archive #primary.with-sidebar {
	width:75%;
	float:left;
	padding:0 60px 0 0;
}
body .full-width #primary {
   width:100%;
   float:none;
   padding:0;
}
h2.entry-title {
	font-size:4rem;
}

/* ======================= sidebar.php ====================== */
#secondary {
	width:25%;
	float:left;
}
#secondary .widget {
	padding:0;
	margin:0 0 25px 0;
	position:relative;
}
#secondary h3.widget-title {
	font-size:2.4rem;
}
#secondary .widget p {
	line-height:1.4;
	font-size:1.6rem;
	margin:0 0 10px 0;
}
#secondary .widget ul {
	margin:10px 0px 20px 0;
	padding:0;
}
#secondary .widget ul li {
	text-align:left;
	margin:5px 0 5px 20px;
	padding:0;
	list-style:disc;
	line-height:1.2;
}
#secondary .widget p.edit {
	position:absolute;
	top:0;
	right:0;
	font-size:1.1rem;
}
/* WP widgets */
.widget_recent_entries {  }
.widget_recent_entries ul {  }
.widget_recent_entries ul li {
	margin:0 0 10px 0;
}
.widget_recent_entries span.post-date {
	display:block;
	font-size:1.3rem;
	font-style:italic;
}
.widget_categories {
	margin:0 0 0 15px;
}

/* ======================= archive.php / search.php ====================== */


/* paging */
.paging {
	margin:0;
}
.paging span,
.paging a {
	display:inline-block;
	padding:0px 5px;
	margin:0 3px 0 0;
}
.paging a.page-numbers {

}
.paging a.page-numbers.prev {

}
.paging a.page-numbers.next {

}
.paging span.page-numbers.current {

}

/* ACF social media */
ul.social-links {
	margin:15px 0 0 0;
	padding:0;
	text-align:center;
}
ul.social-links li {
	margin:0 5px;
	padding:0;
	list-style:none;
	display:inline-block;
}
ul.social-links li a {
	display:block;
	width:24px;
	height:24px;
	line-height:24px;
	background:#fff;
	text-align:center;
	font-size:1.6rem;
	-moz-border-radius:		50%;
	-webkit-border-radius:	50%;
	border-radius:			50%;
	-khtml-border-radius:	50%;
}

/* ======================= footer.php ======================= */
#social {
	background:#3e4e55;
}
#social .pagewidth {
   background-color: #000;
}
#social .vision-stmt {
   width: calc( 100% - 382px);
   height:500px;
   float:left;
   margin-right:0;
   padding:40px 10% 0 10%;
   text-align:center;
   font-size: 30px;
   color:#dcd5c4;
   background:url(assets/images/signup-bg2.jpg) no-repeat center top;
   -webkit-background-size:   cover;
   -moz-background-size:      cover;
   -o-background-size:     cover;
   background-size:        cover;
}
#social .newsletter {
	/* width:41%; with two feeds */
   width: calc( 100% - 382px);
	height:500px;
	float:left;
   /* margin-right:3%; with two feeds */
	margin-right:0;
	/* padding:40px 60px 0 60px; with two feeds */
   padding:40px 25% 0 5%;
	text-align:center;
	color:#dcd5c4;
	background:url(assets/images/signup-bg2.jpg) no-repeat center top;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#social .newsletter h2,
#social .newsletter h3,
#social .newsletter h4,
#social .newsletter p {
	text-align:center;
}
#social .newsletter h4 {
	color:#f5821f;
	text-transform:none;
}
#social .newsletter .mc4wp-form-fields input[type="email"] {
   display:inline-block;
	width:230px;
	height:27px;
	text-align:center;
	color:#d0d08b;
	background:#5e6263;
}
#social .newsletter .mc4wp-form-fields button {
	display:inline-block;
   margin-left: 5px;
	width:120px;
   vertical-align:middle;
	color:#d0d08b;
	padding-top:2px;
	padding-bottom:3px;
	text-transform:uppercase;
	color:#f5821f;
	border:1px solid #f5821f;
	background:none;
	cursor:pointer;
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#social .newsletter .mc4wp-form-fields button svg {
	display:inline-block;
	position:relative;
	top:2px;
	-o-transition:		.3s;
	-ms-transition:		.3s;
	-moz-transition:	.3s;
	-webkit-transition:	.3s;
	transition:			.3s;
}
#social .newsletter .mc4wp-form-fields button:hover {
	color:#fff;
	background:#f5821f;
}
#social .newsletter .mc4wp-form-fields button:hover svg polyline {
	stroke:#fff;
}
#social h4.image-head {
	width:100%;
	height:62px;
	margin:0;
	text-indent:-9999px;
	overflow:hidden;
	backgroound-color: 			#263338;
	background-repeat: 			no-repeat;
	background-position:		center center;
	-webkit-background-size: 	contain;
  	-moz-background-size: 		contain;
  	-o-background-size: 		contain;
  	background-size: 			contain;
}
#social .instagram-feed {
	width:26%;
	margin-right:3%;
	float:left;
}
#social .instagram-feed h4.image-head {
	background-image:url(assets/images/instagram-heading.png);
}
#social .facebook-feed h4.image-head {
	background-image:url(assets/images/facebook-heading.png);
}
#social .facebook-feed {
	width:27%;
	float:left;
}
#social .facebook-wide {
   text-align: center;
   width:322px;
   margin-left:30px;
   margin-right:30px;
   float:left;
}
#social .facebook-feed .fb_iframe_widget {
   display: block;
}

#footer {
	padding:35px 0;
	color:#f3f0e9;
	background:#0d3547;
}
#footer .pagewidth {
	width:900px;
}
#footer .logo-col {
	width:19%;
	height:160px;
	float:left;
	background:url(assets/images/footer-dtba-logo.png) no-repeat center center;
}
#footer .col {
	width:27%;
	float:left;
	margin:40px 0 0 0;
	padding:20px 30px;
	text-align:center;
}
#footer .col-2 {
	border-left:1px solid #d0d08b;
	border-right:1px solid #d0d08b;
}
#footer .col a {
	color:#f3f0e9;
}
#footer .social-links {
	margin:10px 0 0 0;
}
#footer .social-links a {
	display:inline-block;
	margin:0 10px;
	font-size:2.2rem;
	color:#f3f0e9;
}

#copyright {
	padding:15px 0;
	text-align:center;
	font-size:1.4rem;
	color:#606060;
	background:#fff;
}

/* ======================= Page Templates ====================== */

/* home page */
body.home h2 {
	font-size:5.5rem;
}
#home-hero img {
	display:block;
}
#home-hero .inner {
	position:relative;
	width:1300px;
	margin:0 auto;
}
#home-hero .inner .about {
	position:absolute;
	width:440px;
	left:0px;
	top:290px;
}
#home-hero .inner .about p {
	font-size:22px;
	color:#6b6c6d;
	font-family:'Roboto Slab', serif;
}
#home-hero .inner .about p:nth-child(1) {
   margin-bottom: 20px;
   padding-left: 40px;
}
#home-hero .inner .about p:nth-child(2) {
   padding-left: 55px;
   margin-bottom: 0;
}
@media (max-width: 1350px) {
   #home-hero .inner {
      width:100%;
      padding:0 20px;
   }
   #home-hero .inner .about {
      width:440px;
      left:0px;
      top:48%;
   }
}
@media (max-width: 1150px) {
   #home-hero .inner .about {
      width: 40%;
   }
   #home-hero .inner .about p {
      font-size: 19px;
   }
   #home-hero .inner .about p:nth-child(1) {
      padding-right: 30px;
   }
}
@media (max-width: 1050px) {
   #home-content-text {
      padding-top: 80px;
   }
}
/*@media (max-width: 768px) {
   #home-hero .inner .about {
      width: 100%;
   }
   #home-hero .inner .about p:nth-child(1) {
      padding-right: 65%;
   }
   #home-hero .inner .about p:nth-child(2) {
      padding: 20px 50px 0 50px;
      text-align: center;
   }
}*/
@media (max-width: 900px) {
   #home-hero .inner .about {
      position:static;
      width:100%;
      left:0;
      top:0;
      text-align:center;
      padding: 20px 0 0 0;
   }
   #home-hero .inner .about p {
      font-size: 18px;
   }
   #home-hero .inner .about p strong {
      display: block;
      font-size: 22px;
   }
   #home-hero .inner .about p:nth-child(1) {
      padding: 0 0 0 0;
   }
   #home-hero .inner .about p:nth-child(2) {
      padding: 0 0 0 0;
   }
   #home-content-text {
      padding-top: 20px;
   }
}

#home-blog {
	padding:200px 0 60px 0;
	background:url(assets/images/home-blog-bg.jpg) no-repeat center top;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#home-blog .col {
	width:30%;
	float:left;
}
#home-blog .col.col-2 {
	margin:0 5%;
}
#home-blog h2 {
	margin:0 0 -6px 0;
	line-height:1;
	text-align:center;
	color:rgba(13,53,71,0.2);
}
#home-blog .thumb {
	display:block;
	height:325px;
	background-repeat: 			no-repeat;
	background-position:		center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#home-blog .sponsor-ajax .thumb {
   -webkit-background-size:   contain;
   -moz-background-size:      contain;
   -o-background-size:     contain;
   background-size:        contain;
}
#home-blog .post {
	position:relative;
	margin:-30px 0 0 0;
	padding:90px 20px 50px 20px;
	background:rgba(33,39,40,0.7);
}
#home-blog .post h3 {
	font-size:2.8rem;
	text-transform:none;
	margin:0 0 35px 0;
	text-align:center;
}
#home-blog .post p.excerpt {
	text-align:center;
	color:#dcd5c4;
	margin:0 0 30px 0;
}
#home-blog .post p.excerpt a.read-more {
	display:block;
	margin:0 auto;
}
#home-blog .post a.button {
	position:absolute;
	width:250px;
	bottom:20px;
	left:50%;
	margin-left:-125px;
}
#home-blog .col-3 .post a.button {
	width:290px;
	margin-left:-145px;
}
#home-blog .event .post h3 {
	margin-bottom:5px;
}
#home-blog .event .post p.event-date {
	text-align:center;
	color:#f5821f;
}
@media (max-width: 650px) {
   #home-blog {
      padding-top: 80px;
   }
}

#join-event {
	height:463px;
	overflow:hidden;
	background:url(assets/images/buffalo-light.png) no-repeat left top;
}
#join-event .left-50 {
	width:50%;
	float:left;
}
#join-event .left-50 .panel {
	width:600px;
	float:right;
	text-align:center;
	padding:100px 50px 0 0;
}
#join-event .left-50 .panel h2 {
	text-align:center;
	font-size:4.2rem;
}
#join-event .left-50 p {
	margin-bottom:25px;
}
#join-event .right-50 {
	width:50%;
	float:left;
	margin:50px 0 0 0;
	background:url(assets/images/feature-bg.jpg) no-repeat center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#join-event .right-50 .panel {
	width:600px;
	padding:45px 0 45px 65px;
}
#join-event .right-50 .panel h2 {
	color:#dcd5c4;
	text-align:center;
	margin-bottom:15px;
	font-size:4.2rem;
}
#join-event .right-50 .panel h4 {
	color:#f5821f;
	text-align:center;
}
#join-event .right-50 .panel p {
	color:#dcd5c4;
	text-align:center;
	margin-bottom:25px;
}
#join-event .right-50.image img {
	display:block;
	width:100%;
	height:auto;
}

#gallery {
	height:545px;
	background:url(assets/images/gallery-bg-2.jpg) no-repeat center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#gallery p,
#gallery h2,
#gallery h3,
#gallery h4 {
	color:#dcd5c4;
	text-align:right;
}
#gallery .left {
	width:32%;
	min-height:100%;
	float:left;
	padding:160px 30px 0 0;
	background:rgba(55,67,72,0.85);
}
#gallery .left .panel {
   width: 100%;
	max-width:250px;
	float:right;
}
#gallery .right {
	width:68%;
	float:left;
	margin:45px 0 45px 0;
	padding:0 80px;
}
#gallery .right .viewport-wrap {
	max-width:745px;
}
#gallery .right .panel {
	width:80%;
}
.metaslider .flexslider .flex-direction-nav li a {
	width:20px !important;
	height:67px !important;
	opacity:1 !important;
}
.metaslider .flexslider .flex-direction-nav li a.flex-prev {
	left:-50px !important;
	background:url(assets/images/slider-left.png) no-repeat center center;
}
.metaslider .flexslider .flex-direction-nav li a.flex-next {
	right:-50px !important;
	background:url(assets/images/slider-right.png) no-repeat center center;
}

#dtba-post {
	padding:35px 0 60px 0;
	background:url(assets/images/member-post-bg.jpg) no-repeat center center;
	-webkit-background-size: 	cover;
  	-moz-background-size: 		cover;
  	-o-background-size: 		cover;
  	background-size: 			cover;
}
#dtba-post h2.heading-icons {
	text-align:center;
	line-height:73px;
   margin: 0 0 20px 0;
}
#dtba-post h2.heading-icons:before,
#dtba-post h2.heading-icons:after {
	content:'';
	display:inline-block;
	width:113px;
	height:73px;
	position:relative;
	top:11px;
}
#dtba-post h2.heading-icons:before {
	margin-right:25px;
	background:url(assets/images/buffalo-left.png) no-repeat center center;
}
#dtba-post h2.heading-icons:after {
	margin-left:25px;
	background:url(assets/images/buffalo-right.png) no-repeat center center;
}
#dtba-post h2.heading-icons.no-bottom-margin {
   margin-bottom: 0;
}
#dtba-post .view-all {
   text-align: center;
   overflow: hidden;
}
#dtba-post .view-all a.button {
   display: inline-block;
   float: none;
}
.members-post {
	padding: 20px 0 0 0;
	text-align: center;
}
.members-post a.member-post {
	display: inline-block;
	width: 25%;
   padding: 0 15px 30px 15px;
}
.members-post a.member-post img {
   display: block;
   margin: 0 auto;
}
@media(max-width: 1000px) {
   .members-post a.member-post {
      width: calc(100% / 3);
   }
}
@media(max-width: 700px) {
   .members-post a.member-post {
      width: 100%;
   }
}

/* events archive page */
body.post-type-archive-tribe_events #primary {
	float:none;
	width:1200px;
}
body.post-type-archive-tribe_events .type-tribe_events.tribe-event-featured {
   background-color: #0D3547;
}


/* member directory */

table.member-details th { text-align: right; vertical-align: top; }
table.member-details td { text-align: left; background-color: #fff; }
table.member-details td ul { margin-bottom: 0; }
table.member-details td ul li { margin-bottom: 0; }
table.member-list th,
table.member-list td { text-align: left; }

/* classifieds */

.classified-wrapper .classified {
   padding: 25px 25px 10px 25px;
   background-color: #E7E7E8;
}
.classified-wrapper .classified img {
   float: right;
   max-width: 500px;
   height: auto;
   padding: 0 0 15px 25px;
}
.classified-wrapper .classified-contact {
   padding: 15px;
   margin-bottom: 50px;
   background-color: #3E4E55;
   color: #fff;
   font-size: 1.5rem;
   line-height: 2.2rem;
}

/* sponsors page */
.sponsor-row {
   display: flex;
   flex-wrap: wrap;
   margin: 0 0 30px 0;
}
.sponsor-row .sponsor {
   width: 25%;
   padding: 20px 40px 20px 0;
}
.sponsor-row .sponsor a {
   display: block;
}
.sponsor-row .sponsor a img {
   display: block;
   margin: 0 auto;
}
@media(max-width: 1000px) {
   .sponsor-row .sponsor {
      width: calc(100% / 3);
   }
}
@media(max-width: 700px) {
   .sponsor-row .sponsor {
      width: 50%;
   }
}
@media(max-width: 550px) {
   .sponsor-row .sponsor {
      width: 100%;
   }
}

/* ======================= Theme helpers ======================= */
.hidden {
	display:none;
}
br.clear {
	clear:both;
	display:block;
	height:1px;
	margin:-1px 0 0 0
}
.dont-break-out {
	/* this will contain long strings (like URLs) from exiting their container */
  	overflow-wrap: break-word;
  	word-wrap: break-word;
  	-ms-word-break: break-all;
  	/* Instead use this non-standard one: */
  	word-break: break-word;
  	/* Adds a hyphen where the word breaks, if supported (No Blink) */
  	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
/* rounded corners */
.rounded {
	-moz-border-radius:		5px;
	-webkit-border-radius:	5px;
	border-radius:			5px;
	-khtml-border-radius:	5px;
}
/* arrows */
.arrow {
	display:inline-block;
	margin:0 0 0 5px;
	width:0;
	height:0;
}
.arrow.up {
	border-left:	7px solid transparent;
	border-right:	7px solid transparent;
	border-bottom:	8px solid #f5821f;
}
.arrow.down {
	border-left:	7px solid transparent;
	border-right:	7px solid transparent;
	border-top:		8px solid #f5821f;
}
.arrow.right {
	border-top:		7px solid transparent;
	border-bottom:	7px solid transparent;
	border-left:	8px solid #f5821f;
}
.arrow.left {
	border-top:		7px solid transparent;
	border-bottom:	7px solid transparent;
	border-right:	8px solid #f5821f;
}
/* multi-column lists */
ul.col-2 {
	width:100%;
	overflow:hidden;
}
ul.col-2 li	{
	width:40%;
	float:left;
	margin:5px 0 0px 30px;
}
ul.col-3 {
	width:100%;
	overflow:hidden;
}
ul.col-3 li	{
	width:33%;
	float:left;
	margin:5px 0 5px 30px;
}
/* responsive maps */
.mapwrap {
	position:relative;
	padding-bottom: 75%;
	height:0;
	overflow:hidden;
}
.mapwrap iframe {
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}

/* ======================= Presentational classes generated by WordPress ======================= */
.aligncenter {
	display:block;
	margin:0 auto;
}
.alignleft {
	float:left;
}
.alignright {
	float:right;
}
img.alignright {
	margin:0 0 10px 20px;
}
img.alignleft {
	margin:0 20px 10px 0;
}
/* WP captions */
.wp-caption	{
	margin:0 0 20px 0;
}
.wp-caption.alignleft {
	margin-right:20px;
}
.wp-caption.alignright {
	margin-left:20px;
}
p.wp-caption-text {
	margin:5px 0 0 0;
	font-style:italic;
	font-size:14px;
}

/* ======================= Plugin Styling ======================= */

/* DsForm Overrides */
body.page form.dsform div.radio-checkbox-row input { margin: 4px 0 0 0; }
body.page form.dsform fieldset { margin-top: 30px; }
body.page form.dsform fieldset legend { font-size: 2rem; }
body.page form.dsform label { width: 175px; }
body.page form.dsform div.input-container.radio-check-container { width: calc(100% - 185px); }
body.page form.dsform .form-button-container  { margin-left: 185px; } /* Should match label + label right padding */
body.page form.dsform input,
body.page form.dsform select,
body.page form.dsform textarea { font-size: 16px; padding: 2px; color:#555; }



/* ======================= Theme custom short codes ======================= */
/* horizontal rule */
div.hr, hr {
	width:100%;
	height:1px;
	clear:both;
	margin:20px 0;
	background:#ccc;
}
.fpo {
	background:#e6e6e6;
	margin:0 0 10px 0;
}
.fpo span {
	display:inline-block;
	width:100%;
	text-align:center;
	color:#bbb;
	font-size:150%;
}
/* show / hide content */
.sh-title {
	cursor:pointer;
	position:relative;
	padding-right:50px;
}
.sh-title span {
	display:inline-block;
	width:0;
	height:0;
	margin:0 0 0 10px;
	border-left:6px solid transparent;
	border-right:6px solid transparent;
}
.sh-title.inactive span {
	border-top:9px solid #fe0329;
}
.sh-title.active span {
	border-bottom:9px solid #fe0329;
}

/* ======================= Responsive ======================= */
#dimensions {
	position:fixed;
	width:70px;
	top:85px;
	left:0px;
	z-index:10000;
	font-size:10px;
	text-align:center;
	background:rgba(255,255,255,0.7);
	color:#222;
}

/* responsive navigation - requires fontawesome icon set! */
#mobile-menu-bar {
	display:none;
	height:50px;
	overflow:hidden;
	margin:0;
	padding:0;
	background:#0d3547;
	color:#fff;
}
#mobile-menu-bar ul {
	margin:0;
	padding:0;
}
#mobile-menu-bar ul li {
	margin:0;
	padding:0;
	list-style:none;
	display:block;
	float:left;
}
#mobile-menu-bar ul li:last-child {
	float:right;
}
#mobile-menu-bar ul li a {
	display:block;
	color:#fff;
	font-weight:normal;
	width:50px;
	height:50px;
	line-height:50px;
	overflow:hidden;
	font-size:3.0rem;
	white-space:nowrap;
	text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:30px auto;
}
#mobile-menu-bar ul li:last-child a {
	border-left:1px solid rgba(255,255,255,0.1);
	border-right:none;
}
#mobile-menu-bar ul li.search a {
	font-size:2.4rem;
}
#mobile-menu-bar ul li.search a.active .fa-search:before,
#mobile-menu-bar ul li.menu a.active .fa-bars:before {
	content:"\f00d"; /* change the search OR menu icon to &times; - X instead of default icon */
}

/* drop down */
#mobile-menu-dropdown {
	display:none;
	padding:0;
	background:#0d3547;
	border-top:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-dropdown ul {
	margin:0;
	padding:0;
}
#mobile-menu-dropdown ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button {
	width:50px;
	height:50px;
	position:absolute;
	top:0;
	right:0;
	border-left:1px solid rgba(255,255,255,0.1);
	cursor:pointer;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button span {
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:20px;
	left:20px;
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-top:10px solid #fff;
}
#mobile-menu-dropdown ul li.menu-item-has-children span.drop-button.open span {
	border-left:5px solid transparent;
	border-right:5px solid transparent;
	border-bottom:10px solid #fff;
	border-top:none;
}
#mobile-menu-dropdown ul li.menu-item-home {
	display:none;
}
#mobile-menu-dropdown ul li a {
	display:block;
	max-width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
	font-size:1.8rem;
	margin:0;
	padding:0 50px 0 20px;
	color:#fff;
	border-bottom:1px solid rgba(255,255,255,0.1);
}
#mobile-menu-dropdown ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li a {
	padding-left:40px;
	font-weight:400;
}
#mobile-menu-dropdown ul li ul li ul {
	display:none;
}
#mobile-menu-dropdown ul li ul li ul li a {
	padding-left:60px;
}

/* search drop down */
#search-menu-dropdown {
	display:none;
	padding:20px;
	background:#0d3547;
	border-top:1px solid rgba(255,255,255,0.1);
}
#search-menu-dropdown form.searchform	{
	position:relative;
	margin:0;
	padding:0;
}
#search-menu-dropdown form.searchform input.search-text {
	position:relative;
	display:block;
	float:left;
	width:250px;
	height:40px;
	font-size:14px;
	line-height:40px;
	margin:0;
	padding:0 10px;
	border:none;
	outline:none;
	color:#555;
	background:#fff;
}
#search-menu-dropdown form.searchform input.search-text:focus {
	border:none;
	outline:none;
	background:#f9f9f9;
}
#search-menu-dropdown form.searchform input.searchsubmit {
	display:block;
	position:static;
	float:left;
	width:auto;
	height:40px;
	line-height:40px;
	margin:0 0 0 5px;
	padding:0 10px;
	border:none !important;
	outline:none;
	text-indent:0;
	background:#fff;
}
#search-menu-dropdown form.searchform button.submit {
	width:40px;
	height:40px;
	line-height:40px;
	border:none;
	outline:none;
	background:none;
	color:#fff;
	font-size:2.4rem;
	cursor:pointer;
}



@media only screen and (max-width: 1600px) {
	#page-header {
		background-size:auto auto;
	}
}

@media only screen and (max-width: 1350px) {
	#gallery p,
	#gallery h2,
	#gallery h3,
	#gallery h4 {
		text-align:center;
	}
	#gallery .left {
		margin-left:0px;
		padding:30px 20px 30px 20px;
	}
	#gallery .left .panel {
		width:100%;
      max-width: auto;
		float:none;
	}
	#gallery .left a.button.button-right {
		width:215px !important;
		float:none;
		margin:0 auto;
	}
}

@media only screen and (max-width: 1250px) {
	#pagewrap {
		width:100%;
	}
	.pagewidth {
		width:100%;
		padding:0 20px;
	}
	#nav-wrap {
		display:none;
	}
	#mobile-menu-bar {
		display:block;
	}
   ul#nav li.mobile-only {
      display: block;
   }
	#topbar .find {
		width:760px;
		padding-left:0;
	}
	#topbar .user-actions {
		width:295px;
		float:left;
	}
	#topbar .user-actions a {
		padding:0 15px;
	}
	#masthead a#logo {
		width:100px;
		display:block;
		margin:0 auto;
		float:none;
	}

	#page-header {
		margin-top:-60px;
	}
	#page-header h1 {
		text-align:center;
	}
	#breadcrumbs.pagewidth {
		padding:20px 20px 40px 20px;
	}
	#primary {
		padding-top:0;
		padding-right:20px;
		padding-left:20px;
	}

	body.page-home-page #masthead a#logo {
		display:none;
	}
	#home-blog .col {
		width:32%;
	}
	#home-blog .col.col-2 {
		margin:0 2%;
	}
	#home-blog h2 {
		font-size:4rem;
	}
	#join-event {
		height:auto;
	}
	#join-event .right-50 {
		margin-bottom:50px;
	}
	#join-event .left-50 .panel {
		width:100%;
		float:none;
		text-align:center;
		padding:50px 50px 0 20px;
	}
	#join-event .right-50 .panel {
		width:100%;
		padding:45px 45px 45px 45px;
	}
	#gallery {
		height:470px;
	}
	.members-post .col .post {
		width:100%;
		height:auto;
		font-size:4rem;
	}

   #social .pagewidth {
      padding: 0;
   }
	#social .newsletter .mc4wp-form-fields input[type="email"] {
		width:100%;
		float:none;
		margin:0 auto 15px auto;
	}
	#social .newsletter .mc4wp-form-fields button {
		float:none;
		margin:0 auto;
	}

	.members-post {
		text-align:center;
	}
	.members-post a.member-post {
		display:inline-block;
		margin:10px;
		float:none;
	}

	body.post-type-archive-tribe_events #primary {
		width:100%;
	}
}

@media only screen and (max-width: 1100px) {
	#topbar .find {
		width:100%;
	}
	#topbar .user-actions {
		display:none;
	}
}

@media only screen and (max-width: 1000px) {

   h1 {
      font-size:5.0rem;
   }
   h2,
   h2.entry-title,
   #join-event .left-50 .panel h2,
   #join-event .right-50 .panel h2,
   .gform_wrapper .gfield.gsection h2.gsection_title {
      font-size:3.7rem;
   }
   h3 {
      font-size:2.9rem;
   }

	#topbar .find p {
		display:none;
	}
	#gallery {
		height:auto;
		padding-bottom:5px;
	}
	#gallery .left {
		width:100%;
		float:none;
	}
	#gallery .right {
		width:100%;
		float:none;
	}
	#gallery .right .viewport-wrap {
		max-width:100%;
	}
	#dtba-post h2.heading-icons:before,
	#dtba-post h2.heading-icons:after {
		display:none;
	}
}

@media only screen and (max-width: 900px) {
	#home-blog h2 {
		font-size:5.5rem;
		color:rgba(13,53,71,0.5);
	}
	#home-blog .col {
		width:100%;
		max-width:500px;
		float:none;
		margin:0 auto 40px auto !important;
	}
	#home-blog .col.col-2 {
		margin:0 0 40px 0;
	}
	#home-blog .thumb {
		height:500px;
	}

   #social .vision-stmt {
      padding:20px 4% 0 4%;
   }
   #social .newsletter {
      padding:40px 5% 0 5%;
   }

	#footer .pagewidth {
		width:100%;
	}
	#footer .logo-col {
		width:100%;
		float:none;
	}
	#footer .col {
		width:33.3333%;
		padding:20px 20px;
	}

	.page-bottom .col-1 {
		width:35%;
	}
	.page-bottom .col-2 {
		width:65%;
	}

   .classified-wrapper .classified img {
      max-width: 400px;
   }

}

@media only screen and (max-width: 800px) {
   h1 {
      font-size:4.0rem;
   }
   h2,
   h2.entry-title,
   #join-event .left-50 .panel h2,
   #join-event .right-50 .panel h2,
   .gform_wrapper .gfield.gsection h2.gsection_title {
      font-size:3.2rem;
   }
   h3 {
      font-size:2.4rem;
   }
   h4 {
      font-size:2.2rem;
   }
   table.member-list { font-size: 1.3rem;  }
}

@media only screen and (max-width: 767px) {
   body.single #primary.with-sidebar,
   body.blog #primary.with-sidebar,
   body.archive #primary.with-sidebar,
	#primary,
   #secondary {
		width:100%;
		float:none;
      padding:0;
	}
   #primary {
      padding: 0 20px;
   }

	#join-event .left-50 {
		width:100%;
		float:none;
	}
	#join-event .left-50 .panel {
		padding-right:20px;
	}
	#join-event .right-50 {
		width:100%;
		float:none;
		margin:50px 0 50px 0;
	}
	#gallery {
		padding-bottom:0;
	}
	#gallery .right {
		margin:0;
		padding:0;
	}
	#gallery .flex-direction-nav {
		display:none;
	}

	#footer .logo-col {
		height:200px;
	}
	#footer .col {
		width:100%;
		max-width:250px;
		float:none;
		margin:0 auto;
		padding:20px 0px;
	}
	#footer .col-2 {
		border-left:none;
		border-right:none;
		border-top:1px solid #d0d08b;
		border-bottom:1px solid #d0d08b;
	}

	.page-bottom .pagewidth {
		padding:0;
	}
	.page-bottom .col-1 {
		width:100%;
		float:none;
		height:300px;
	}
	.page-bottom .col-2 {
		width:100%;
		float:none;
	}
	.page-bottom .col-2 .inner {
		padding:40px 20px;
	}

	.alignleft {
		float:none;
		margin:0;
	}
	.alignright {
		float:none;
		margin:0;
	}
	.wp-caption	{
		max-width:100%;
	}
	.wp-caption.alignleft {
		margin:15px 0;
	}
	.wp-caption.alignright {
		margin:15px 0;
	}
	img.alignright {
		margin:0 0 15px 0;
	}
	img.alignleft {
		margin:0 0 15px 0;
	}
	/* multi-column lists */
	ul.col-2,
	ul.col-3 {
		width:100%;
		margin:0 0 20px 0;
		padding:0 0 0 30px;
	}
	ul.col-2 li,
	ul.col-3 li	{
		width:100%;
		float:none;
		margin:0;
	}

   #social .vision-stmt {
      font-size: 22px;
      padding: 30px 2% 0 2%;
   }

   .classified-wrapper .classified img {
      max-width: 300px;
   }
}

@media only screen and (max-width: 700px) {
	#dtba-post h2.heading-icons {
		font-size:2.6rem;
		line-height:1.3;
	}
}

@media only screen and (max-width: 600px) {

   h1 {
      font-size:3.0rem;
   }
   h2,
   h2.entry-title,
   #join-event .left-50 .panel h2,
   #join-event .right-50 .panel h2,
   .gform_wrapper .gfield.gsection h2.gsection_title {
      font-size:2.6rem;
   }

   #primary {
      padding-right:10px;
      padding-left:10px;
   }
	#home-blog {
		padding-top:80px;
	}
	#home-blog .thumb {
		height:350px;
	}

   #social .vision-stmt,
   #social .newsletter {
      width: 100%;
      float: none;
      height: auto;
      min-height: 350px;
      padding-bottom: 50px;
   }
   #social .facebook-wide {
      float: none;
      margin-left: auto;
      margin-right: auto;
      padding-top: 25px;
      padding-bottom: 25px;
   }

   table.member-list { font-size: 1.1rem;  }
   table.member-list td,
   table.member-list th { padding: 7px 5px;  }
   table.member-list .col-location { display: none; }

   table.member-details td,
   table.member-details th { padding: 7px 5px;  }

}

@media only screen and (max-width: 550px) {
	#topbar {
		display:none;
	}
	input,
	textarea,
	select {
		max-width:95%;
	}

   .classified-wrapper .classified,
   .classified-wrapper .classified-contact {
      padding: 10px;
   }

   .classified-wrapper .classified img {
      float: none;
      display: block;
      margin: 0 auto;
      padding: 0 0 15px 0;
      max-width: 100%;
   }

}

@media only screen and (max-width: 400px) {
	#home-blog .post a.button {
		content:'Read More';
		position:static;
		width:100% !important;
		margin:0 !important;
	}
	#home-blog .thumb {
		height:300px;
	}
	#home-blog h2 {
		font-size:4.5rem;
	}
}

@media only screen and (max-width: 400px) {
	#home-blog h2 {
		font-size:3.5rem;
	}
}