/* Theme Layout Styling */

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Header
	1.1 Branding
	1.2 Call to Action
2.0 Widgets
	2.1 Search
		2.1.1 Hub Search
		2.1.2 Nested Archives
	2.2 Plugins/Scripts
	2.3 Twitter
3.0 Content Area
	3.1 Layout
	3.2 The Hub
		3.2.1 Hub Widgets
		3.2.2 Hub Features
	3.3 Single
	3.4 Archive
	3.5 Locations
		3.5.1 Alternate Map
		3.5.2 Detail View
	3.6 About Us
	3.7 How it Works
	3.8 Preview Class
	3.9 Sell by Mail
	3.10 Contact Us
4.0 Asides
5.0 Footer
	5.1 Menus
	5.2 
	5.3 Site Info
6.0 ADA Compliancy
	6.1 Hidden Class
	6.2 ABBR Tags
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Header
--------------------------------------------------------------*/

/* all */
#masthead{
	background: #6bc8c1;	
	padding: 10px 0 0;
	/*helps alleviate any stacking issues with the sliders*/
	position: relative;
	z-index: 100;
}

/* larger than mobile menu sized */
@media screen and (min-width:601px){
	#masthead{
		/*cancells out any issues that could be caused in IE <= 8 */
		position: static;
		z-index: auto;
	}	
}

/*--------------------------------------------------------------
1.1 Branding
--------------------------------------------------------------*/
.site-branding{
	height: 60px;
	background: url(../img/bg-white_diamonds.png) repeat-x left 89%;
	background-size: auto;
	width: 100%;
	float: left;
}

@media screen and (min-width: 601px){
	.site-branding{
		height: 120px;
	}
}

@media screen and (min-width: 321px){
	.site-branding{
		background: url(../img/branding-yellow_buffalo.png) no-repeat right top,url(../img/bg-white_diamonds.png) repeat-x left 89%;	
		background-size: contain, auto;
		width: 72%;
	}
}

@media screen and (min-width: 400px){
	.site-branding{
		width: 77%;
	}
}

@media screen and (min-width: 480px){
	.site-branding{
		width: 80%;
	}
}

.site-title{
	text-indent: -9999px;
/* 	width: 30%; */
	width: 110px;
	display: inline-block;
	margin-left: /* 45px */ 4%;
}

@media screen and (min-width: 601px){
	.site-title{
		width: 210px;
	}
}

.site-title a{
	background: url(../img/bx-logos/bx-header_logo-T1.1P.3.svg) no-repeat;
	background-size: contain;
/* 	width: 100%; */
	height: 60px;
	display: block;
}

@media screen and (min-width: 601px){
	.site-title a{
		background: url(../img/bx-logos/bx-header_logo-6BC8C1.png) no-repeat;
		height: 120px;
		background-size: 211px;
	}
}

.site-description{
/* 	background: url(../img/bg-white_diamonds.png) repeat-x left bottom;	 */
	display: inline-block;
	padding: 0 20px 20px 40px;
	position: absolute;
	font-size: 5em;
	text-align: center;
}

.branding-tag{
	display: none;
}

@media screen and (min-width: 960px){
	.branding-tag{
		display: inline-block;
		position: absolute;
		top:65px;
		margin-left: 1%;
		max-height: 35px;
	}
}

/*--------------------------------------------------------------
1.2 Call to Action
--------------------------------------------------------------*/
.call-to-action{
	width: 18%;
	float: right;
	text-align: center;
	margin-right: 1%;
}

.call-to-action a{
	display: inline-block;
	width: 48%;
	max-width: 105px;
	height: 107px;
	text-indent: -9999em;	
}

@media screen and (max-width: 600px){
	.call-to-action a{
		display: none;	
	}
}

/*
.call-to-action a img{
	width: 100%;
	max-width: 105px;
	margin: 0;
}
*/

.call-to-action a{
	background: url(../img/button-sell.png) no-repeat center center;
	background-size: contain;
}

.call-to-action a.shop{
	background-image: url(../img/button-shop.png);
}

.call-to-action a.gift-cards{
	background-image: url(../img/button-gift_cards.png);
}

.call-to-action a:hover,
.call-to-action a:focus,
.page-id-1911 .call-to-action a.sell, .page-id-2010 .call-to-action a.sell{
	background: url(../img/button-sell-hover.png) no-repeat center center;
	background-size: contain;
}

.call-to-action a.shop:hover,
.call-to-action a.shop:focus{
	background: url(../img/button-shop-hover.png) no-repeat center center;
	background-size: contain;
}

.call-to-action a.gift-cards:hover,
.call-to-action a.gift-cards:focus,
.page-id-13016 .call-to-action a.gift-cards{
	background: url(../img/button-gift_cards-hover.png) no-repeat center center;
	background-size: contain;
}


/*--------------------------------------------------------------
2.0 Widgets
--------------------------------------------------------------*/

/*--------------------------------------------------------------
2.1 Search
--------------------------------------------------------------*/

.search-toggle-container{
	float: left;
	padding: 12px;
	text-align: center;
	cursor: pointer;
}

/* Toggles which search bar to use depending on the screen width */
@media screen and (min-width: 600px){
	.mobile-search {
		display: none;
	}
}
@media screen and (max-width: 601px){
	.mobile-search {
		display: block;
	}
	.mobile-search:focus {
		outline: auto;
	}
}
@media screen and (max-width: 600px){
	.main-search {
		display: none;
	}
}
@media screen and (min-width: 601px){
	.main-search {
		display: block;
	}
}

.search-toggle-container:hover,
.search-toggle-container:focus{
	background: #ffcf01;

}

.search-toggle-container.active{
	background: #92010f;
}

.search-toggle{
	width: 22px;
	height: 34px;
	background: url(../img/icons/search.png) no-repeat center center;
}

.search-toggle-container:hover .search-toggle,
.search-toggle-container:focus .search-toggle {
	background: url(../img/icons/search-hover.png) no-repeat center center;
}

.search-toggle-container.active .search-toggle{
	background: url(../img/icons/close.png) no-repeat center center;
}

@media screen and (max-width: 600px){
	.search-toggle-container{
		position: absolute;
		top: 9px;
		right: 55px
	}
	
	.search-toggle-container:hover,
	.search-toggle-container.active,
	.search-toggle-container:focus{
		background: none;
	}
}

#search-container{
/* 	width: auto; */
	position: absolute;
	top: 170px;
/*
	position: relative;
	top: -10px;
*/
	left: 10px;
	box-shadow: 0 0 10px rgba(0,0,0, .8);

	/*start hidden*/
	display: none;
/* 	display: block; */
}

@media screen and (max-width: 600px){
	#search-container{
		position: relative;
		top: 0;
		left: 0;
	}
}

input[type="search"]{
	box-sizing: border-box;
/* 	width: 100%; */
	border-radius: 3px 0 0 3px;
}

input[type="search"].search-field:focus{
	outline: 0;
}

.search-box-wrapper{
	z-index: 12;
/* 	width: 100%; */
}

.search-box{
	width: 100%;
	padding: 1em;
	background: #3A3A3A;
	border-radius: 3px;
}

@media screen and (max-width: 600px){
	.search-box{
		border-radius: 0;
	}
}

.search-box .search-field{
/* 	max-width: 362px; */
	float: left;
	padding: 1rem 2rem 1rem 4rem;
	font-size: 20px;
	font-size: 2rem;
	background: #FFF;
	border: 0;
}

input[type="submit"].search-submit{
/* 	display: none; */
/* 	max-width: 50px; */
	background: #646362;
	font-size: 20px;
	font-size: 2rem;
	color: #FFF;
	box-shadow: none;
	border: none;
	text-shadow: none;
	font-weight: bold;
	padding: 15px;
	border-radius: 0 3px 3px 0;
}

@media screen and (max-width: 600px){
	.search-box .search-field, input[type="submit"].search-submit{
		float: none;
		width: 100%;
	}

	.search-box .search-field{
			border-radius: 3px 3px 0 0;
	}	

	input[type="submit"].search-submit{
			border-radius: 0 0 3px 3px;
	}

}

/*focus******************************/
/*
input[type=text], textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #DDDDDD;
}

input[type=search]:focus, textarea:focus {
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid rgba(81, 203, 238, 1);
}
*/

/*--------------------------------------------------------------
2.1.1 Hub Search
--------------------------------------------------------------*/
#hub_search form{
	padding: 12px 0;
}

#hub_search input[type="search"]{
	background: url(../img/search-input-bg.png) no-repeat;
	background-size:100% 100%;
	width:90%;
	padding-left: 5px;
	height: 28px;
	border: none;
}

@media screen and (min-width: 480px){
	#hub_search input[type="search"]{
		width:150px;
	}
}

@media screen and (min-width: 640px){
	#hub_search input[type="search"]{
		width:173px;
	}
}

#hub_search input[type="submit"]{
	background: url(../img/icons/search-blue.png) no-repeat center center;
	height: 26px;
	width: 26px;
	padding: 0;
	font-size: 13px;
	text-indent: -999px;
}


/*--------------------------------------------------------------
2.1.2 Nested Widget
--------------------------------------------------------------*/

.blog-list-archive .selected{
	font-weight: bold;
	color: #E87231;
}

/*
.archive-sub-menu{
	display:none;
}
*/

/*--------------------------------------------------------------
2.2 Scripts/Plugins
--------------------------------------------------------------*/
#tiny_sort_jobs{
	width: 95%;
	margin: 40px 2.5%;
}

#filter_buttons{
	width: 100%;
	margin-bottom: 35px;
}

#filter_buttons .btn_hldr{
	width: 44%;
}

#filter_buttons .btn_hldr.city{
	width: 20%;
}

#filter_buttons .btn_hldr.hours, #filter_buttons .action_link{
	width: 12%;
}

/*--------------------------------------------------------------
# legacy job listing styles
--------------------------------------------------------------*/

ul.job_listing_loc_page{
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
}

ul.job_listing_loc_page li{
	border-bottom: 1px dashed #D0D0D0;
	margin: 0;
	padding: 10px 0 25px 0;
	color: #52504f;
	-webkit-backface-visibility: hidden;
}

.job_excerpt_legacy_container{
	width: 70%;
	float: right;
	padding-left: 5%;	
}


.job_excerpt_legacy{
	display: none;
}

/*
.job_excerpt_legacy_container div:first-child{
	display: block;
}	
*/


ul.job_listing_loc_page li .grouping{
float: left;
width: 100%;
}

ul.job_listing_loc_page li .grouping img{
display: none;
}

ul.job_listing_loc_page li em.city{
width: 20%;
overflow: hidden;
text-overflow: ellipsis;
}

ul.job_listing_loc_page li strong, ul.job_listing_loc_page li em{
width: 44%;
display: inline-block;
}

ul.job_listing_loc_page li em.position-type{
width: 12%;
}

ul.job_listing_loc_page li em.action_buttons{
width: 12%;
position: relative;
top: 10px;
text-align: center;
}

ul.job_listing_loc_page li strong{
font-size: 16px;
text-transform: uppercase;
}

ul.job_listing_loc_page li em{
font-style: normal;
}

ul.job_listing_loc_page .action_buttons img{
	width: auto;
	padding: 0;
}

#filter_buttons button{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	color: #92010f;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;
	-webkit-font-smoothing: antialiased;
}

#filter_buttons button.action_link{
	text-align: center;
	display: none;
}

@media screen and (min-width:640px){
	#filter_buttons button.action_link{
		display: inline;
	}
}

#filter_buttons button.desc::after{
	content:url(../img/tiny_sort-down.png);
	margin-left: 5px;
/* 	background:url(../img/tiny_sort-down.png) no-repeat 10% center; */
}

#filter_buttons button.desc.asc::after{
	content:url(../img/tiny_sort-up.png);
/* 	background:url(../img/tiny_sort-up.png) no-repeat 10% center; */
}

.row div.job_excerpt_legacy{
/* 	display: none; */
/* 	display: block; */
	float: none;
	margin-top: 30px;	
}

.job_excerpt_legacy a{
	font-weight: bold;
	color: #6bc8c1;
}

/*+======================JJW=END::3:51 AM Oct 12, 2015::122==+*/


ul.job_listing{
	margin: 15px 0;
	padding: 0;
	list-style-type: none;
	
	width: 30%;
	float: left;
}

.job_excerpt_container{
	width: 70%;
	float: right;
	padding-left: 5%;	
}

.job_excerpt_container .job_excerpt{
	display: none;
}

.job_excerpt_container div:first-child{
	display: block;
}	

ul.job_listing li{
	border-bottom: 1px dashed #D0D0D0;
	margin: 0;
	padding: 10px 0 25px 0;
	color: #52504f;
	-webkit-backface-visibility: hidden;
}

ul.job_listing li .grouping{
float: left;
width: 100%;
}

ul.job_listing li .grouping img{
display: none;
}

ul.job_listing li em.city{
width: 20%;
overflow: hidden;
text-overflow: ellipsis;
}

ul.job_listing li strong, ul.job_listing li em{
width: 44%;
display: inline-block;
}

ul.job_listing li em.position-type{
font-size: 1.2em;
width: 100%;
}

ul.job_listing li em.position-type:hover,
ul.job_listing li em.position-type :focus{
cursor: pointer;
}

ul.job_listing li em.position-type.active{
font-weight: bold;	
}

@media screen and (min-width:1024px){
	ul.job_listing li em.position-type.active{
		background: url(../img/icons/arrow-blue_sketch.png) no-repeat right center;
		background-size: contain;
	}
}

ul.job_listing li em.action_buttons{
width: 12%;
position: relative;
top: 10px;
text-align: center;
}

ul.job_listing li strong{
font-size: 16px;
text-transform: uppercase;
}

ul.job_listing li em{
font-style: normal;
}

ul.job_listing .action_buttons img{
	width: auto;
	padding: 0;
}

#filter_buttons button{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	color: #92010f;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: left;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: none;
	-webkit-font-smoothing: antialiased;
}

#filter_buttons button.action_link{
	text-align: center;
	display: none;
}

@media screen and (min-width:640px){
	#filter_buttons button.action_link{
		display: inline;
	}
}

#filter_buttons button.desc::after{
	content:url(../img/tiny_sort-down.png);
	margin-left: 5px;
/* 	background:url(../img/tiny_sort-down.png) no-repeat 10% center; */
}

#filter_buttons button.desc.asc::after{
	content:url(../img/tiny_sort-up.png);
/* 	background:url(../img/tiny_sort-up.png) no-repeat 10% center; */
}

.row div.job_excerpt{
/* 	display: none; */
/* 	display: block; */
	float: none;
	margin-top: 30px;	
}

.job_excerpt a{
	font-weight: bold;
	color: #6bc8c1;
}

/*--------------------------------------------------------------
2.3 Twitter Feed
--------------------------------------------------------------*/
#tweet_feed iframe{
	width: 100% !important;
	max-height: 400px !important;
}

#tweet_feed .textwidget{
	width: 100% !important;
}

#tweet_feed .widget_text{
	padding: 20px 0;
	position: static;
	width: 100% !important;
}


/*--------------------------------------------------------------
3.0 Content Area
--------------------------------------------------------------*/
.content-area{
	width: 100%;
	padding:3.75%;
	max-width: 1600px;
	margin: 0 auto;
	background: #FFFFFF;
	border-left: solid 1px #CCC;
	border-right: solid 1px #CCC;
}

@media screen and (min-width:1024px){
	.content-area{
		padding: 1%;	
	}	
}

.home .content-area{
	background: none;
	padding: 0;
}

.blog .content-area{
	padding: 1%;
}

#flush.content-area{
	padding: 0;
}

#flush #main.site-main{
	padding: 1%;
	width: 75%;
	float: left;
}

#flush.ternary #main.site-main{
	padding: 0;
	width: 100%;
	float: left;
}

#flush.ternary #main.site-main .row div{
	padding: 1%;
}

/*fix for video player */

#flush.ternary #main.site-main .row div.ls-wp-container, #flush.ternary #main.site-main .row div.ls-wp-container div{
	padding: 0;	
}


#yellow.row{
	background: #FFCF01;
}


@media screen and (min-width:480px){
	.site-content #yellow img.alignleft,.site-content #yellow img.alignright,.site-content #yellow img.aligncenter{
		width: auto;
	}	
}

/*remove padding for location detail pages (children of locations)*/
/*
.parent-pageid-1855 .content-area, .parent-pageid-1863 .content-area{
	padding: 0;
}
*/

.content-area.location-details{
	padding: 0;
}


.entry-content .container{
	background: #FFFFFF;
	border-left: solid 1px #d5d5d5;
	border-right: solid 1px #d5d5d5;
}

.page-template-tpl-fullpage .entry-content{
	margin-top:0;
}

.location-detail .one-half iframe{
	width: 100%;
}

/*--------------------------------------------------------------
3.1 Layout
--------------------------------------------------------------*/
.container::before, .container::after{
	content:"";
	display:table;
}

.container::after{
	clear: both;
}

.container{
	width: 100%;
	max-width: 1600px;
	margin: 0 auto;
}

.slick-slider-wrapper {
	width: 1600px;
	height: 800px;
}

.home .container{
	margin-top: 0;
}

.row::before, .row::after{
	content:"";
	display:table;	
}

.row::after{
	clear: both;
}

.full.row{
	width: 100%;
}

.row div{
float: left;
/*
	display: inline-block;
	white-space: nowrap;
*/
}

.row div img{
	width: 100%;
	padding: 0;
/* 	padding: 5px .4%; */
}

.row div img.ajax-loader{
	width: auto;
}

@media screen and (min-width: 640px){
	.row div img{
		padding: 3.75% 3.75% 0;
	}

}

#first_img, #sec_img, #third_img{
	position: relative;	
}

.home .row div#first_img img{
		padding: 3.75% 3.75% 0;
}

.row div#sec_img img{
/* 	padding: 1.82% 0; */
	padding: 1.92% 0 1.72%;
}

.home .row div#third_img img{
		padding: 3.75% 3.75% 0;
}

#lower_left, #lower_right{
	position: relative;
}

#lower a, #upper a{
	text-decoration: none;
}

#lower.row .one-half img{
	padding: 0 2%;
}

#lower.row #lower_left.one-half img{
	padding: 0 1% 1.2% 2%;
}

#lower.row #lower_right.one-half img{
	padding: 0 2% 0 1%;
}

.one-quarter{
	width: 26%;
}

.three-quarter{
	width: 74%;
}

.one-half{
	width: 48%;
}

.one-third{
	width: 33%
}

.two-third{
	width: 66%;
}

@media screen and (max-width:768px){
	.two-third.bp, .one-third.bp{
		width: 100%;
	}
}

.one-fifth{
	width: 20%;
}

.two-fifth{
	width: 40%;
}

.three-fifth{
	width: 60%;
}

.four-fifth{
	width: 80%;
}

.one-seventh{
	width: 18%;
}

.one-seventh.slight-right{
	width: 15%;
}

.one-seventh.slight-left.slight-right{
	width: 10%;
}

#lower .one-half{
	width: 50%;
}

.slight-left{
	margin-left: 3%;
}

.slight-right{
	margin-right: 3%;
}

.archive-hero .slight-left{
	margin-left: 2.5%
}
	
.archive-hero .slight-right{
	margin-right: 3.5%;
}

.lmrgn-25{
	margin-left: 25px;
}

/*overlay hovers******************************/
/*upper*/
#first_cover, #second_cover, #third_cover{
	position: absolute;
	width: 92.75%;
	background: #000;
	background: rgba(0,0,0, .65);
/* 	display: block; */
	display: none;
	top:3.75%;
	left: 3.75%;
	height: auto; /* may need to come in from js */
	color: #FFF;
	padding: 0 20px;
	overflow: hidden;
}

.static{
	position: absolute;
	width: 100%;
	background: #000;
	background: rgba(0,0,0, .45) url(../img/logos/hh-events.png) no-repeat center center;
	background-size: 40%;
	display: block;
	top:0;
	left:0;
	height: auto; /* may need to come in from js */
	color: #FFF;
/* 	padding: 10% 20px 0; */
	padding: 0;
	overflow: hidden;
}

.static.wanted{
	background: #000;
	background: rgba(0,0,0, .45) url(../img/logos/hh-wanted.png) no-repeat center center;	
	background-size: 45%;
}

@media screen and (min-width: 640px){
	.static.wanted{
		background-size: 35%;
	}	
}

.static.jobs{
	background: #000;
	background: rgba(0,0,0, .45) url(../img/logos/hh-jobs.png) no-repeat center center;	
	background-size: 40%;
}

.row .static img{
	width: 75%;
}

#first_cover img, #third_cover img{
	max-width: 173px;
	margin: 5px auto;
}

#second_cover{
	width: 100%;
	top: 3.75%;
	left: 0;
}

#second_cover img{
	width: 50%;
/* 	max-width: 179px; */
/* 	float: right; */
}

@media screen and (min-width: 1024px){
	#second_cover img{
		float: right;
		max-width: 179px;
	}
}

.minihub_hover_upper{
	text-align: center;
}

.minihub_hover_upper a{
	text-decoration: none;
}

.minihub_hover_upper h3{
	display: none;
	font-size: 3em;
	line-height: 1.2;
}

.minihub_hover_upper p{
	display: none;
	text-align: left;
	padding-right: 25px;
}

@media screen and (min-width: 1024px){
	.minihub_hover_upper h3{
		display: block;
	}
	
}

@media screen and (min-width: 1300px){
	.minihub_hover_upper p{
		line-height: 1.2;
		display: inline-block;
		text-align: center;
		margin: 0;		
	}
}

.minihub_hover_upper .icon{
	position: absolute;
	right: 3.75%;
	bottom: 3.75%;
	width: 12%;
	height: 12%;
	background: url(../img/icons/events.png) no-repeat center center;
	background-size: contain;
}

/*lower*/
#fourth_cover, #fifth_cover{
	position: absolute;
	width: 97%;
	background: #000;
	background: rgba(0,0,0, .65);
/* 	display: block; */
	display: none;
	top:.25%;
	left: 2%;
	height: auto; /* may need to come in from js */
	color: #FFF;
	padding: 0 20px;
	overflow: hidden;
}

#fifth_cover{
	left:1%;
}

#fourth_cover img{
	width: 65%;
/* 	max-width: 333px; */
/* 	float: left; */
	margin: 10px;
}

@media screen and (min-width: 1024px){
	#fourth_cover img{
		max-width: 333px;
/* 		float: left; */
	}
}

#fourth_cover p{
/* 	clear: both; */
/* if needed will pass the icons in overlay */
}

#fifth_cover img{
	width: 50%;
/* 	max-width: 179px; */
/* 	float: right; */
	margin: 10px;
}

@media screen and (min-width: 1024px){
	#fifth_cover img{
	max-width: 179px;
	float: right;
	}
}

/*--------------------------------------------------------------
3.2 The Hub
--------------------------------------------------------------*/
@media screen and (max-width: 639px){
	#upper.hub .one-quarter, #upper.hub .one-half{
		width: 100%;
	}
}

@media screen and (max-width: 479px){
	#hub_feature_image{
		height: 150px !important;	
	}	
}

/*typography*/
article .one-seventh h2{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	font-size: 24px;
	font-size: 2.4rem;
	padding-top: 55%;
	-webkit-font-smoothing: antialiased;
}

.stories h2, .post h2{
	color: #943d00;
}

.events h2{
	color: #345e5b;
}

.wanted h2{
	color: #3b6023;
}

.jobs h2{
	color: #92010f;
}

@media screen and (max-width: 740px){
	#hub_feature.one-third, .hub-hero .two-third{
		width: 100%;
	}
}


#hub_intro{
	width: 67%;
}

.highlight-header{
	font-size: 20px;
	font-size: 2rem;
	color: #92010f;
	padding-top: 2%;
}

@media screen and (min-width: 740px){
	.highlight-header{
		padding-top: 45px;
	}
}

#hub_feature h1.entry-title{
	float: none !important;
}

.hub-hero .two-third img{
	padding: 0;
}

.hub-hero .one-third{
	padding-left: 2%;
}

.hub .entry-content img.featured-image{
	width: 100%;
	padding-bottom: 20px;
}

#hub_feature article img{
	max-width: 100%;
	padding: 0;
}

.hub .entry-content img{
/*
	width: auto;
	max-width: 100%;
*/
/* 	padding: 0; */
	padding: 10px 2%; /*TESTING*/
}

.hub .entry-content img.alignnone{
	max-width: 100%;
}

/*
.hub .entry-content figure.alignnone img{
	max-width: 100%;
}
*/

/*fixes odd reshuffle on rmrh activations*/
.hub .entry-content figure.alignnone{
	width: auto !important;
	max-width: 100% !important;
}

/*
.hub .entry-content img.alignleft,.hub .entry-content img.alignright,.hub .entry-content img.aligncenter{
	width: 100%;
}
*/

/*pad images (save feat.) on single article pages*/
.single .hub .entry-content img{
/* 	padding: 10px 2%; */
}

.single .hub .entry-content img.wp-post-image{
	padding: 0;
}


@media screen and (min-width:480px){
/*
	.hub .entry-content img.alignleft,.hub .entry-content img.alignright,.hub .entry-content img.aligncenter{
		width: auto;
	}	
*/

	.entry-content img.alignleft,.entry-content img.alignright,.entry-content img.aligncenter{
		width: auto;
	}	

	.entry-content figure.alignleft,.entry-content figure.alignright,.entry-content figure.aligncenter{
		width: auto !important;
	}	

}

.hub .entry-content img.featured_image{
	width: 100%;	 
}

#lower.hub .read_more, .rmrh-show-more{
	border-bottom: solid 2px #e6e6e6;
	padding: 0 3% 20px;
}

@media screen and (min-width: 640px){
	#lower.hub .read_more, .rmrh-show-more{
		padding: 0 0 20px 0;
	}	
}

article .read_more a, .rmrh-show-more{
	white-space: nowrap;
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	color: #000;
	text-decoration: none;
	font-size: 18px;
	font-size: 1.8rem;
	-webkit-font-smoothing: antialiased;
	background: url(../img/icons/read_more-story_link.png) no-repeat right center;
	padding: 10px 40px 10px 0;
}

.rmrh-show-more{
	 display: block;
	 width: 100px;
	 margin-left: 3%;
}

.rmrh-show-less{
	display: block;
	height: 50px;
	width: 50px;
	background: url(../img/icons/rmrh-read_less.png) no-repeat left center;
	text-indent: -9999px;
}

@media screen and (min-width:640px){
	.rmrh-show-more{
		 margin-left: 0;
	}
}

article .read_more.events a, .events .rmrh-show-more{
	background: url(../img/icons/read_more-event_link.png) no-repeat right center;	
}

article .read_more.jobs a, .jobs .rmrh-show-more{
	background: url(../img/icons/read_more-jobs_link.png) no-repeat right center;	
}

article .read_more.wanted a, .wanted .rmrh-show-more{
	background: url(../img/icons/read_more-wanted_link.png) no-repeat right center;	
}

/*INFINTIE SCROLL*/
#infinite-blogroll > .post.infinite-item-selector:first-child hr{
	display: none;
}

/*hide any nav_menu_item post types from displaying inline*/
.hub-nav_menu_item-selector{
	display: none;
}

/*--------------------------------------------------------------
3.2.1 Hub Widgets
--------------------------------------------------------------*/
#hub_search{
	float: right;
	width: 100%;
}

@media screen and (min-width: 480px){
	#hub_search{
		width: auto;
	}
	
	.single #hub_search{
		margin-right: 2%;
	}
}

/*social sharing*/
.ssba{
	float: none !important;
	margin: 20px 0 10px;
	border: none !important;
	padding: 0 !important;
}

.ssba div{
	width: 100%;
	float: none;
}

.ssba a{
	margin-left: 8px;
}

.ssba a:first-child{
	margin-left: 0;
}

.ssba_facebook_share::after{
	content: "Share";
	position: absolute;
	margin-top: 46px;
	font-size:9px;
	color:#000;
}

.ssba_twitter_share::after{
	content: "Tweet";
	position: absolute;
	margin-top: 46px;
	font-size:9px;
	color:#000;
}

.ssba_pinterest_share::after{
	content: "Pin";
	position: absolute;
	margin-top: 46px;
	font-size:9px;
	color:#000;
}

.ssba_email_share::after{
	content: "Send";
	position: absolute;
	margin-top: 46px;
	font-size:9px;
	color:#000;
}

.widget_sp_image .widget-title{
	display: none;
}

#tertiary{
	width: 100%;
}

@media screen and (max-width: 1023px){
	#widget_sp_image-4{
		padding-top: 0 !important;
	}
}

.widget_sp_image{
width: 100%;
float: left;
padding: 3%;
padding-top: 0px; /* as tall as the blog roll and archives */	
}

@media screen and (min-width: 480px){
	.widget_sp_image{
		width: 33%;
	}
	
	footer .widget_sp_image{
		width: 100%;
	}

	.default-widget .widget_sp_image{
		width: 50%;
	}	
}

@media screen and (min-width: 1024px){
	.widget_sp_image,.default-widget .widget_sp_image{
		width: 100%;
		float: none;
		padding: 0%;	
	}
}

@media screen and (min-width:769px){
	.about-us .widget_sp_image{
		width: 100%;
	}
}

.widget_recent_entries, .widget_categories, .widget_text, .widget_archive, .widget_nestedarchive_widget{
	padding: 0 0 0 3%;
}

@media screen and (min-width: 480px){
	.widget_recent_entries, .widget_categories, .widget_archive, .widget_text{
		position: absolute;
		width: 65%;
		float: none;
		padding-left: 3%;
	}
	
	.widget_archive, .widget_text{
		width: 30%;
		left: 67%;
	}
}

@media screen and (min-width: 1024px){
	.widget_recent_entries, .widget_categories, .widget_archive, .widget_text{
		position: relative;
		width: 100%;
		padding-left: 0;
		left: 0;	
	}
}


/*--------------------------------------------------------------
3.2.2 Hub Feature Roll
--------------------------------------------------------------*/

/*upper*/
.inside.four-fifth{
	width: 100%;
}

.hub .one-fifth{
	width: 100%;
}

@media screen and (min-width: 1024px){
	.inside.four-fifth{
		width: 80%;
	}
	
	.hub .one-fifth{
		width: 20%;
		padding-left: 1%;
	}
}

nav.navigation.paging-navigation{
	clear: both;
}

/*lower*/
.hub article .one-seventh{
	display: none;
}

.hub article .four-fifth{
	width: 100%;
}

@media screen and (min-width: 640px){
	.hub article .one-seventh{
		display: block;
	}	
	
	.hub article .four-fifth{
		width: 82%;	/* up from 80% to fill area */
	}
}



#upper.hub article h1{
	font-size: 20px;
	font-size: 2.0rem;
}

.blog .row div#first_img img{
	padding-left: 0;
	padding-top: 0;
}

.blog .row div#sec_img img{
	padding-bottom: 0;
	padding-top: 0;	
}
	
.blog .row div#third_img img{
	padding-right: 0;
	padding-top: 0;
}

.hub-feature-preview{
/* 	padding: 20px 3.75%; */
	padding: 10px 0;
}

.hub .entry-title, .hub .entry-content p{
	padding: 0 3%;
	padding: 0;
}

@media screen and (min-width: 640px){
	#first_img .static, #third_img .static{
		width: 96.25%;
	}
	
	#third_img .static{
		left: 3.75%;
	}
	
	#first_img .hub-feature-preview{
		padding: 10px 7.5% 20px 3.75%;
	}
	
	#sec_img .hub-feature-preview{
		padding: 10px 1.875%;
	}
	
	#third_img .hub-feature-preview{
		padding: 10px 3.75% 20px 7.5%;
	}

	.hub .entry-title, .hub .entry-content p{
		padding: 0;	
	}

}

.static img{
	max-width: 173px;
}

.minihub_upper.hub{
/* 	height: 165px; */
}

/*lower*/
@media screen and (min-width: 1024px){
	.hub .inside{
		border-right: solid 1px #E1E1E1;	
	}	
}

.hub .inside img.blogroll.hub{
	padding: 0 0 20px 0;
}

/*meta*/
.hub .meta{
	width: 100%;
	font-family: SohoStd-Light;
/* 	word-break: break-word; */
/* 	word-break: normal; */
	word-break: hyphenate;
}

.meta a{
	text-decoration: none;
}

.hub .meta span.posted-on, .hub .meta span.byline, .hub .meta span.tags-links, .hub .meta span.cats-links{
	margin-top: 10px;
	display: inline-block;
}

.hub .meta span.posted-on a, .hub .meta span.tags-links a, .hub .meta span.cats-links a{
	color: #000000;
}

.meta span a:hover,
.meta span a:focus{
	border-bottom: solid 1px;
}

.meta span.byline{
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;
}

.post .meta span.byline, .post .meta span.byline a{
	color: #943d00;
}

.stories .meta span.byline, .stories .meta span.byline a{
	color: #943d00;
}

.events .meta span.byline, .events .meta span.byline a{
	color: #345e5b;
}

.wanted .meta span.byline, .wanted .meta span.byline a{
	color: #3b6023;
}

.jobs .meta span.byline, .jobs .meta span.byline a{
	color: #92010f;
}

.hub .meta strong{
	font-size: 15px;
	font-size: 1.5rem;
}

/*Mobile Meta******************************/

/*h1 entry applies to both small and large screens*/
.hub-post-selector h1.entry-title{
	float: left;
}

.mobile-meta{
	display: block;
}

.mobile-meta,.mobile-meta .meta{
	float: right !important;
	text-align: right;
}

.mobile-meta .byline{
	display: none !important;
}

.mobile-meta .catalina{
	margin-top: 5px;
}

.mobile-meta .posted-on{
	margin-top: 0 !important;
}

@media screen and (min-width:640px){
	.mobile-meta{
		display: none;
	}	
}

/*--------------------------------------------------------------
3.3 Single
--------------------------------------------------------------*/

.single .entry-title{
	margin-top: 20px;
}

.single article .one-seventh h2{
	padding-top: 100%;	
}

/*--------------------------------------------------------------
3.4 Archive
--------------------------------------------------------------*/
.archive-php.page-header{
	float: left;
	font-size: 3em;
	width: 100%;
}

@media screen and (min-width:480px){
	.archive-php.page-header{
		width: 50%;
	}	
}

.archive-php.page-header .page-title{
	background: url(../img/icons/category_icon-31x31.png) no-repeat left center;
	display: block;
	padding-left: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.tag .archive-php.page-header .page-title{
	background: url(../img/icons/tag_icon-31x31.png) no-repeat left center;
}

.date .archive-php.page-header .page-title{
	background: url(../img/icons/archive_icon_2-31x31.png) no-repeat left center;
}


.row.hub.archive-hero{
	margin-top: 40px;
}

.archive-hero article .four-fifth{
	width: 100%;
}

@media screen and (min-width:640px){
	.archive-hero article .four-fifth{
		width: 82%;
	}
}

@media screen and (min-width:1024px){
	.archive-hero article .four-fifth{
		width: 87%;
	}

	.archive-hero .one-seventh.slight-left.slight-right{
		width: 7%;
	}

}

.archive-hero img.featured-image{
	padding: 0;
}

/*--------------------------------------------------------------
3.5 Locations
--------------------------------------------------------------*/
.loc_only.read_more{
	display: none;
}

#location-features .entry-content .read_more{
	display: none;
}

#location-features .loc_only.read_more{
	display: block;
}


.page-id-1855 .entry-title,.page-id-1867 .entry-title{
	font-family: SohoStd-Light;
	text-transform: uppercase;	
}

#locations_list{
/* 	position: absolute; */
	z-index: 90;	
	max-width: 100%;
}

@media screen and (min-width:768px){
	#locations_list{
		position: absolute;
	}
}

/*location_list*/

#locations_list ul ul{display:none;}

#locations_list .show{
    display:block;
}

#locations_list ul{
    list-style-type: none;
    margin:0;
    padding:0;
}

/*
@media screen and (min-width:1024px){
	#locations_list ul{
		white-space: nowrap;
	}	
}
*/

#locations_list ul:hover {
	cursor: pointer;
}

#locations_list ul li{
	font-family: SohoStd-Light;	
    display: inline;
    font-size: 11px;
    font-size: 1.1rem;
	margin: 2px 0;
}

@media screen and (max-width:479px){	
	/*hide the map on small screens******************************/
	.page-id-1863 div [dir="ltr"]{
		width:1px !important;
		height: 150px !important;
	}

	.interactive_map_finder{
		visibility: collapse;
	}

}

/*
@media screen and (max-width:1023px){
	#locations_list ul ul ul li{
		display: list-item;
	}
	
	#locations_list ul ul ul{
		top: 55px;
		background: #ffcf01;
		width: 95%;
		padding: 5px;
	}
}
*/


/*
@media screen and (min-width:480px){
	/*this originally made the list bigger on >480px screens
	#locations_list ul li{
		font-size: 14px;
		font-size: 1.4rem;

	}
}
*/

/* this is now the default, see above */
#locations_list ul li{
	font-size: 14px;
	font-size: 1.4rem;

}

#locations_list ul ul{
	position: absolute;
    width:100%;
    margin-bottom: 4px;
	padding-left: 20px;
	border-left: solid 1px #999;
	margin-bottom: 10px;
}

#locations_list ul ul li{
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, sans-serif;    
	text-decoration: underline;
	font-size: 12px;
	font-size: 1.2rem;
	margin: 2px 0;
}

/*
@media screen and (max-width:1023px){
	#locations_list ul ul li{
		display: block;
	}	
}
*/

#locations_list span{
	position: relative;
}

 #locations_list span.full:after{
  content: attr(data-state);
  display:none;
 }
 
 /*open and show states******************************/
 #locations_list ul li.open > span{
	 color:red;
	 font-weight: bold;
 }
 
 #locations_list ul.show li.open ul li:hover,
 #locations_list li.active{
	 color: #53aca6;
	 font-weight: bold;
 }
 
/*
@media screen and (min-width:1024px){
 #locations_list ul{
      list-style-type: square;
      padding: 0;
  }
*/
  
 
 #locations_list span.full:after{
    position:absolute;
    top:0;left:0;
    width:100%; height:100%;
    background:#fff;
    display:block;
}

 
 #locations_list ul ul{
    position:relative;
    width:auto;
 }

 #locations_list ul ul ul{
	list-style-type: circle;
	list-style: circle;
	font-size: 10px;
	font-size: 1.0rem;
	padding: 0 10px;
	margin-left: 8px;
	border-left: none;	
 } 
 
  #locations_list ul ul ul li{
	  text-decoration: none;
	  display: list-item;
  }
  
 #locations_list ul li{
        display:block;
 }


/*end locations list*/


#imap_1 .value{
	background: #53aca6;
}

/*
@media screen and (min-width:1024px){
	#imap_1 .value{
		margin-top: 100px;
	}
}
*/

.location-detail{
	background: url(../img/bg-white_diamonds.png) repeat-x 0 3%, url(../img/bg-white_diamonds.png) repeat-x 0 97%;
	padding: 40px 3%;
	z-index: 8888;
}

.location-detail .one-half{
	width: 100%;
	background: none !important;
}

@media screen and (min-width:768px){
	.location-detail .one-half{
		width: 48%;
	}	
}

.location-detail p{
	margin: 5px 0;
}

.location-detail strong,.location-detail address{
	font-family: SohoStd-Light;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
}

.location-detail h1, .location-detail .tel{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	font-size: 60px;
	color: #FFF !important;
	margin: 0;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.location-detail .tel{
	background: url(../img/icons/phone_icon-37x37.png) no-repeat center right;
	display: inline;
	padding-right: 50px;
	margin-bottom: 20px;
}

.location-detail address{
	font-size: 18px;
	font-size: 1.8rem;	
	font-weight: normal;
	margin: 0;
}

.location-detail em{
	font-weight: bold;
	font-style: normal;
	color: #FFF;
}

.location-detail .read_more a{
	display: inline-block;
	margin-top: 20px;
	background: url(../img/icons/read_more-locations_link.png) no-repeat right center;
}

/*--------------------------------------------------------------
3.5.0.1 Layout Modifications
--------------------------------------------------------------*/

.page-id-1863 .entry-content{
	padding-left: 100px;	
}

.page-id-1863 .entry-content p{
	margin-left: -100px;
}

#locations_list{
	position: relative;
	z-index: 99;	
	max-width: 100%;
	float: left;
	margin-left: -100px;
}

@media screen and (max-width:479px){
	.page-id-1863 .value{
		display: none;
	}	
}

/*--------------------------------------------------------------
3.5.1 Alternate Map
--------------------------------------------------------------*/

#imap_1 div div div{
background: url(../img/locations-map-1024_less.png) no-repeat center center;	
background-size: contain;
}

@media screen and (min-width:920px){
	#imap_1 div div div{
		background: url(../img/locations-map.png) no-repeat center center;	
		background-size: auto;
	}	
}

#imap_1 g rect{
	display: none;
}

#imap_1 g g g g path{
	display: none;
}


/*Locations Alternate Functionality Support*/
#imap_1 div div div.google-visualization-tooltip{
	background: #53aca6;
	border: solid 2px #FFF;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	text-align: center;
	width: 260px;
	z-index: 9001;
	cursor: pointer;
}

#imap_1 div div div.google-visualization-tooltip-item-list{
	cursor: crosshair;
}

#imap_1 div div div.google-visualization-tooltip:before{
content: "";
background: url(../img/icons/close_icon-30x30.png) no-repeat top right;
width: 30px;
height: 30px;
display: block;
position: absolute;
right: -15px;
top: -15px;
}

#imap_1 .google-visualization-tooltip-item{
	padding: 0em 2em 0em 2em;
}

.google-visualization-tooltip-item article h1{
	color: #FFF;
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	font-size: 25px;
	font-size: 2.5rem;
	-webkit-font-smoothing: antialiased;
}

.google-visualization-tooltip-item article h2 a{
	color: #000;
	text-transform: uppercase;
	font-size: 14px;
	font-size: 1.4rem;
	background: url(../img/icons/info_icon-15x15.png) no-repeat right center;
	padding-right: 18px;
}

.google-visualization-tooltip-item article ul{
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

.google-visualization-tooltip-item article li{
	margin: 0;
	padding: 0;
	color: #FFF;	
	font-weight: bold;
}

.google-visualization-tooltip-item article::after{
	width: 100%;
	height: 20px;
	padding-top: 20px;
	margin-bottom: 30px;
	font-style: italic;
	font-size: 13px;
	content: 'click location name for more info';
	display: block;
	background: url(../img/hr-white_diamonds.png) no-repeat center top;
}

.google-visualization-tooltip-item hr{
	background: url(../img/hr-white_diamonds.png) no-repeat center top;
	border: 0;
	height: 5px;
	margin: 1.5em 0;
	clear: both;	
}

/*--------------------------------------------------------------
3.5.2 Detail View
--------------------------------------------------------------*/
@media screen and (max-width:1166px){
	#location-detail-header.two-third{
		float: none;
	}
}

#location-detail-header.two-third{
	width: 100%;
}

/*Mod for NYC locations*/
/*
.page-id-2285 #location-detail-header.two-third > div:first-child{
	position: inherit;
	margin-top: 0;	
}

.page-id-2285 .sub-navigation.location-navigation li a{
	font-size: 23px;	
}
*/

/*
@media screen and (min-width:901px) and (max-width:1570px){
	.page-id-2285 #location-detail-header.two-third > div:first-child{
		position: absolute;
		margin-top: -35px;	
	}
	
	.page-id-2285 .sub-navigation.location-navigation li a{
		font-size: 21px;	
	}
}
*/

#location-detail-header.two-third h1{
	font-size: 20px;
	font-size: 2rem;
	padding-left: 1%;
}

@media screen and (min-width:1166px){
	#location-detail-header.two-third{
		width: 95%;
	}	

	#location-detail-header.two-third h1{
		font-size: 25px;
		font-size: 2.5rem;
		padding-left: 0;
	}

}

/*different layout with same markup for the location details view*/
#location-detail-header{
	padding-top: 10px;
	padding-bottom: 10px;
}

.location-detail{
	margin: 1%;
	padding: 0;
	background: #53aca6;
}

.location-detail .one-half{
	width: 100%;
}

@media screen and (min-width:960px){
	.location-detail .one-half{
		width: 50%;
	}	
}

.location-detail .one-half.padded{
	padding: 1%;	
}

#location-detail-header h1.alignleft{
	padding-top: 10px;
	font-family: SohoStd-Light;
	text-transform: uppercase;
	color: #4b4a4b;
}

.location-map-crumb{
	font-family: SohoStd-Light;
	text-transform: uppercase;
	color: #4b4a4b;
	text-align: right;
	padding-right: 2%;
	font-size: 10px;
	font-size: 1rem;
	margin-bottom: 7px;
}

@media screen and (min-width:768px){
	.location-map-crumb{
		font-size: 13px;
		font-size: 1.3rem;
		margin-bottom: 0;
	}
}

.location-map-crumb a{
	margin-left: 30px;
	color: #4b4a4b;
	position: relative;
	top: 15px;	
}


.sub-navigation.locations-navigation li a{
	float: none;
	padding:0 5px;
	margin-left: 2px;
}

@media screen and (min-width:640px){
	.sub-navigation.locations-navigation li a{
		padding: 3px 3px 15px 3px;
	}
}

@media screen and (min-width:1100px){
	.sub-navigation.locations-navigation li a{
		padding: 3px 20px 15px 20px;
	}

}

@media screen and (max-width:900px){
	.sub-navigation.locations-navigation li.menu-item{
		float: none;
		display: inline-block;
		margin: 2px;
		width: 98%
	}
}

.sub-navigation.locations-navigation li.active a{
	background: #FFCF01;
}

/*hide view page on detail page*/
.read_more.location_detail{
	display: none;
}

#location-features{
	padding: 0 1%;
}

/*fix for features on location detail view******************************/

#location-features .row div#first_img img{
	padding-left: 0;
	padding-top: 0;
}

#location-features .row div#sec_img img{
	padding-bottom: 0;
	padding-top: 0;	
}
	
#location-features .row div#third_img img{
	padding-right: 0;
	padding-top: 0;
}

/*--------------------------------------------------------------
3.6 About-Us
--------------------------------------------------------------*/
.page .entry-title{
	color: #92010f;
}

@media screen and (max-width:640px){
	.read_more.bio_accent{
		display: block;
	}
}

article .read_more.bio_accent a{
background: url(../img/icons/read_more-jobs_link.png) no-repeat right center;	
}

.bio_accent::before{
content: url(../img/kblock-mini-38x38.jpg) no-repeat left center;
position: relative;
top: 10px;
margin: 0 10px;	
}

.bio_accent.kb::before{
content: url(../img/kblock-mini-38x38.jpg) no-repeat left center;
}

.bio_accent.sb::before{
content: url(../img/sbook-mini-38x38.jpg) no-repeat left center;
}

.bio_accent.rb::before{
content: url(../img/rblock-mini-38x38.jpg) no-repeat left center;
}

/*--------------------------------------------------------------
3.7 How it Works
--------------------------------------------------------------*/
#hiw_video.padded{
	padding: 10px 0;
}	

@media screen and (min-width:1024px){
	#hiw_video.padded{
		padding: 0 1%;
	}	
}

/*--------------------------------------------------------------
3.8 Preview Class
--------------------------------------------------------------*/

.row.fill.preview{
	margin-bottom: 10px;
}

/*layout breakdown*/
@media screen and (min-width:321px){
	.preview .grid-1_5{
		width: 40%;	
	}
	
	.preview .grid-4_5{
		width: 55%;
		margin-left: 5%		
	}
}


@media screen and (min-width:640px){
	.preview .grid-1_5{
		width: 20%;
	}
	
	.preview .grid-4_5{
		width: 80%;
		margin-left: 0%;
	}
}

.preview .entry-header h1 a{
	color: #000000;
}

.preview .entry-content{
	margin: 1.5em 0;
}

/*
.preview .rmrh-show-more{
	font-family: inherit;
	font-size: inherit;
	background: none;
	color: #CE3B4A;
	border-bottom: none;
	width: auto;
}

.preview .rmrh-show-more::after{
	content: " \00bb";
	font-size: 18px;
	font-size: 1.8rem;
}
*/

@media screen and (max-width:639px){
	.row.preview div img{
		padding: 0;	
	}
}


@media screen and (min-width:1024px){
	.archive-preview{
		margin-left: 12%;
	}	
}

@media screen and (min-width:640px){
	.row.preview div img{
		padding: 3.75% 7.75% 2% 0;
	}	
}

/*Meet The Team Preview*/
@media screen and (min-width:1024px){
	#meet_our_team_preview .row.preview{
		width: 25%;
	}
	
	#meet_our_team_preview .row.preview .grid-1_5{
		width: 100%;
	}	
}

/* override all images in excerpts for home hovers and meet our team previews */
.page-id-1901 .row.fill.preview .entry-content img, .minihub_hover_upper p img{
	display: none;
}

/*--------------------------------------------------------------
3.9 Sell by Mail
--------------------------------------------------------------*/
#yellow h3{
	font-size: 45px;
	font-size: 4.5rem;
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	-webkit-font-smoothing: antialiased;
	clear: right;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
	text-align: center;
	margin-top: 30px;
	text-shadow: 0 3px 5px rgba(255,255,255,7);
}


#yellow hr{
	background: url(../img/rules/ornamental_rule-white-180x14.png) no-repeat center center;
	border: 0;
	height: 15px;
	margin: 1.5em 0;		
}

#yellow hr.extended{
	background: url(../img/rules/ornamental_rule-white-645x15.png) no-repeat center center;
	border: 0;
	height: 15px;
	margin: 1.5em 0;
}

#yellow p{
	text-align: center;
}

#yellow h5{
	width: 100%;
	height: 60px;
	text-indent: -9999px;
	background: url(../img/pack-it.png) no-repeat center center;
}

#yellow h5.send-it{
	background: url(../img/send-it.png) no-repeat center center;
}

#yellow h5.get-paid{
	background: url(../img/get-paid.png) no-repeat center center;
}

#yellow aside .widget-title{
	color: #000000;
	font-size: 25px;
	font-size: 2.5rem;
}

#yellow aside p {
	text-align: left;	
}

div.three-column-centered{
	max-width: 720px;
	margin: 0 auto;
	float: none;
}

/*Request by Mail Form*/
.page-id-2010 .content-area{
	background: #ffcf01;
}

#sbm_req.distressed input[type="text"]{
	width: 100%;
}

#sbm_req.distressed .padded .padded{
	padding-top:0;
	padding-bottom: 0;
}

#sbm_req.distressed input[type='submit']{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	color: #4b4a4b;
	font-size: 30px;
	font-size: 3rem;
	background: url(../img/icons/read_more-large_format.png) no-repeat right center;
	float: right;
	padding: 60px;
	box-shadow: none;
	height: auto;
	width: auto;
	-webkit-font-smoothing: antialiased;
}

#sbm_req.distressed input[type="checkbox"], #sbm_req.distressed input[type="radio"]{
	background: none;
	width: auto;
	height: auto;
}



/*--------------------------------------------------------------
3.10 Contact Us
--------------------------------------------------------------*/
/*wpcf7 form******************************/
.entry-content > .wpcf7{
	width: 100%;
}

.contact_us.distressed{
	width: 100%;
}

.contact_us.distressed .gfield:first-child {
	width: 100%;
}

.contact_us.distressed .full-container.one-half {
	width: 100%;
	padding-right: 32px; /* matches 2x the other paddings to align the zip to be half the row and take up the entire row */
}

.contact_us.distressed .full-container.one-half .ginput_container {
	width: 48%;
}

.contact_us.distressed .gform_fields {
	display: flex;
	flex-wrap: wrap;
}

.contact_us.distressed .ginput_container {
	width: 100%;
}

.contact_us.distressed .gform_body input{
	width: 100% !important; /* used to override other gform specific styles for .medium */
}

.contact_us.distressed input[type="checkbox"],.contact_us.distressed input[type="radio"],.contact_us.distressed input[type="file"]{
	background: none;
	width: 100% !important; /* Overwrite GForm default */
	height: auto;
	text-wrap: normal;
}

.contact_us.distressed select{
	width: 100%;
	height: 28px;
}

.contact_us.distressed select option{
	padding: 3px 0;
}

.contact_us.distressed textarea{
	width: 100%; /* 97 */
	height: 7em;
	background: url(../img/textarea-input-bg.png) no-repeat;
	background-size:100% 100%;
}

.contact_us.distressed input[type='submit']{
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	color: #4b4a4b;
	font-size: 30px;
	font-size: 3rem;
	background: url(../img/icons/read_more-large_format.png) no-repeat right center;
	float: right;
	padding: 60px;
	box-shadow: none;
	height: auto;
	width: auto;
	-webkit-font-smoothing: antialiased;
}

/* Matches Styles for h2 tags for contact form labels */
.contact_us.distressed label.gfield_label {
	font-size:2rem;
	font-weight:normal;
	color:#92010f;
}

@media screen and (max-width:600px){
	.contact_us.distressed .gfield {
		width: 100%;
	}
}

form .row{
	width: 100%;
}

/*--------------------------------------------------------------
4.0 Asides
--------------------------------------------------------------*/
/*apply now button******************************/
.flyout{
	position: fixed;
	right: 0;
	height: 30px;
	bottom: 0;
	width: 50%;
	min-width: 160px;
	z-index: 8888;
	background: #92010f url(../img/icons/apply-now-horiz.png) no-repeat center center;
	border-radius: 5px 0 0 0;
	box-shadow: 0 0 15px rgba(0,0,0,.75);		
}

.apply-now-link:focus > .flyout {
	outline: auto;
}

@media screen and (min-width:480px){
	.flyout{
		height: 40%;
		width: 5%;
		max-width: 75px;
		min-width: 50px;
		background: #92010f url(../img/icons/apply-now.png) no-repeat center center;
	}	
}

/*Ternary Layout (split rows)******************************/
.page-template-tpl-two_row_layout .widget_text{
	position: static;
	width: 100%;
	padding: 1%;
}

.page-template-tpl-two_row_layout .widget.widget_sp_image, .page-template-tpl-two_row_layout .widget.widget_text{
	width: 100%;
	float: none;	 
}	

 .page-template-tpl-two_row_layout .widget.widget_text{
	width: 100%;
	float: none;	 
 }

.page-template-tpl-two_row_layout .ls-video-layer{
/* 	width: 100% !important; */
	
}


/*adjustment so that the background isn't lost*/
.page-template-tpl-two_row_layout #flush.ternary #main.site-main{
	float: none;
}

.page-template-tpl-two_row_layout .entry-content{
	margin: 0;
}

/*PRESS******************************/
.page-id-1915 #flush main#main.site-main{
		width: 100%;
}

#press.widget-area{
	padding: 35px 1%;
	background: #ffcf01;
	width: 100%;
	overflow: hidden;
}

@media screen and (min-width:768px){
	#press.widget-area{
		width: 25%;
	}
	
	.page-id-1915 #flush main#main.site-main{
		width: 75%;
	}
}

#press.widget-area a{
	font-size: 30px;
	font-size: 3.0rem;
	font-family: CatalinaAnacapa-Slab-Bold, sans-serif;
	-webkit-font-smoothing: antialiased;
	clear: right;
	font-weight: 900;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;	
}

#press.widget-area div{
	width: 100%;
	background: url(../img/bg-red_diamonds.png) repeat-x left bottom;
	padding: 0 0 20px 0;
	margin-bottom: 20px;
}

#press.widget-area div::after {
	background: url(../img/bg-red_diamonds.png) repeat-x;
	border: 0;
	width: 100%;
	height: 5px;
	margin: 1.5em 0;
}

#press.widget-area hr {
	background: url(../img/bg-red_diamonds.png) repeat-x;
	border: 0;
	height: 5px;
	margin: 1.5em 0;
}

#press aside.widget_text{
	position: static;
	width: 100%;
}


/*--------------------------------------------------------------
5.0 Footer
--------------------------------------------------------------*/
/*make sure that sidebars never overlap*/
footer#colophon.site-footer{
	position: relative;
	z-index: 99;
}


footer.site-footer{
	background: #6BC8C1;
}

@media screen and (min-width: 1200px){
	footer.site-footer{
		margin-top: -7px;
	}
}

footer .container{
	max-width: 1100px;
}

footer #secondary-menu{
/* 	display: none; */
}

@media screen and (min-width: 1000px){
	footer #secondary-menu{
		display: block;	
	}
}

footer .one-half, footer .one-third, footer .two-third{
	width: 100%;
	text-align: center;
}

footer .one-half.slight-left{
	width: 97%;
}

@media screen and (min-width: 1000px){
	footer .one-third,footer .one-half{
		text-align: left;
	}
}

@media screen and (min-width: 1000px){
	/*special cases .+ .- */
	footer .one-half.plus{
		width: 55%;
		margin-left: 3%;
	}
	
	footer .one-half.minus{
		width: 42%;
		float: right;
	}
	
	footer .one-half.minus .one-quarter{
		margin-right: 10px;
	}
	/* .+.- */

	footer .one-half, footer .one-half.slight-left{
		width: 48%;	
	}
	
	footer .one-third{
		width: 33%;
	}
	
	footer .two-third{
		width: 66%;
	}
}

footer .full.row{
	text-align: center;
}

@media screen and (min-width: 1000px){
	footer .full.row{
		text-align: left;
	}
}

footer .full.row .one-half{
	width: 100%;
}

@media screen and (min-width: 480px){
	footer .full.row .one-half, footer .full.row .one-third{
		width: 50%;
	}	
}

footer .container{
	margin:0 auto;
	padding: 0;
}

/*--------------------------------------------------------------
5.1 Menus
--------------------------------------------------------------*/

footer .menu-footer{
/* 	float: right; */
	margin-top: 10px;
}

footer ul.menu-items{
	list-style-type: none;
	margin: 30px 0 0 0;
	padding: 0;
/* 	font-family: "Helvetica Condensed", "Arial Narrow", Helvetica, sans-serif; */
	text-transform: uppercase;
}

footer ul.menu-items li{
	float: left;
	position: relative;
}

/*mod for inline footer menu on mobile*/
footer .menu-footer ul.menu-items li,footer .menu-footer ul.menu-items li a{
	float: none;
	display: inline-block;
}

footer .menu-footer{
	margin: 10px auto 0;
	display: block;
	float: none;	
	width: 75%;
}

@media screen and (min-width:1000px){
	footer .menu-footer{
		width: 100%;
	}
}

footer ul.menu-items li a{
	font-size: 12.5px;
	font-size: 1.25rem;
	font-weight: 800;
	display: block;
	text-decoration: none;
	color: #000;
	padding: 8px;
}

.menu-footer ul.menu-items li a::after{
	content: "\2022";
	font-size: 20px;
	font-size: 2rem;
	color: #FFF;
	position: absolute;
	top: .15rem;
	padding-left: 7px;
}

.menu-footer ul.menu-items li:last-child a::after{
	content: "";	
}

footer .call-to-action{
/* 	display: none; */
	width: 100%;
	text-align: center;
	margin-right: 1%;
}

footer .call-to-action a{
	display: none;
}

@media screen and (min-width: 1000px){
	footer .call-to-action a{
		display: inline-block;
	}
}

footer .menu-social{
	display: block;
}

footer .menu-social, footer .menu-social ul.menu-items li{
	float: none;	
}
footer .menu-footer li a:focus,
footer .menu-social li a:focus {
	outline: auto;
}

@media screen and (min-width: 1000px){
	footer .menu-social, footer ul.menu-items li{
		float:left;
	}
}

footer .menu-legal{
	
}

footer .menu-legal ul{
	list-style-type: none;
	margin: 10px auto;
	display: inline-block;
}

footer .menu-legal ul li{
	float: left;
	position: relative;	
	padding: 0 2px;
}

footer .menu-legal ul li a{
	background: #3C7B75;
	display: block;
	padding: 3px 6px;
	text-decoration: none;
	text-transform: uppercase;
	color: #FFF;
}

footer .menu-legal ul li a:hover,
footer .menu-legal ul li a:focus{
	background: #51A79F;
	/*background: rgba(0,0,0, .3);*/
}


/*--------------------------------------------------------------
5.2 Forms
--------------------------------------------------------------*/

footer .subscriber, footer .mc4wp-form form{
	margin: 15px 0;
}

/*override for div that gets forced onto the form from wpcf7*/
footer .form.mc4wp-form{
	float: none;
}

footer input.primary{
	width: 60%;
	font-size: 2rem;	
}

footer input.graphic-button{
	width: 13%;
	font-size: 2rem;
	background: url(../img/icons/mail-2.png) no-repeat center center;
	background-size: cover;
	padding: 0;
	line-height: 1.55;
	background-size: cover;
	text-indent: -999px;	
	border: solid 3px #FFF;
}

footer input[type="submit"].original{
	float: left;
	background: transparent url(../img/icons/carats.png) no-repeat right center;
	border:none;
	box-shadow:none;
	text-transform: uppercase;
	font-family: "Helvetica Condensed", "Arial Narrow", Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	font-size: 20px;
	font-size: 2rem;
	padding: 10px 24px 12px 13%;
	display: block;
}


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

	footer input.primary{
		width: 40%;
		font-size: 2rem;	
	}
	
	footer input.graphic-button{
		width: 8%;
		font-size: 2rem;	
	}
	
	footer input[type="submit"].original{
	padding: 10px 24px 12px 10%; 
	}
}


@media screen and (min-width: 1000px){
	footer input[type="submit"].original{
		padding: 10px 24px 12px 0%; 
		margin-right: 2%;
	}
}



/*--------------------------------------------------------------
5.3 Site Info
--------------------------------------------------------------*/

.site-info{
	background:#5d5c5c;
/*
	margin-top: 40px;
	padding-top: 50px;
*/
	font-family: "Helvetica Condensed", "Arial Narrow", Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;

	height: 92px;
	margin-top: 20px;
	
	text-align: center;
	}

@media screen and (min-width: 640px){
		.site-info{
			height: 72px;
			text-align: center;
		}
}

@media screen and (min-width: 768px){
		.site-info{
			height: 52px;
			text-align: center;
		}	
}

.site-info .inner{
	position: relative;
	top: -20px;
	background: url(../img/bg-floral_footer.png) repeat-x left top;	
}

.floral-corner{
	display: none;
	background: url(../img/bg-floral_corner.png) no-repeat left top;
	width: 100px;
	height: 62px;	
	/* float: right; */
	/* margin: 10px 20px 0; */
	position: absolute;
	top: 10px;
	right :1%;
}

.floral-corner.first{
/* 	float: left; */
	left: 1%;
}

@media screen and (min-width: 480px){
		.floral-corner{
			display: block;
			top: 50px;
		}
}

@media screen and (min-width: 640px){
		.floral-corner{
			top: 30px;
		}	
}

@media screen and (min-width: 768px){
		.floral-corner{
			top: 10px;
		}	
}

.site-info .inner .container{
	padding-top: 50px;	
	max-width: 960px;
	width: 70%;
	margin: 0 auto;
}

.site-info span.copyright, .site-info span.credit{
		float: none;
		display: block;
}

@media screen and (min-width: 768px){
	.site-info span.copyright{
		float: left;
	}
	
	.site-info span.credit{
		float: right;
	}
}

.site-info a{
	color: #FFF;
	text-decoration: none;
	font-weight: 100;
}

footer a.large:visited{
	color: #000;
}

/*
@media screen and (min-width: 480px){
		.site-info{
			height: 72px;
			text-align: center;
		}
		
		.floral-corner{
			top: 30px;
		}
		
		.site-info span.copyright{
		float: none;
		display: block;
	}
	
	.site-info span.credit{
		float: none;
		display: block;
	}
}


@media screen and (min-width: 480px){
		.site-info{
			height: 72px;
			text-align: center;
		}
		
		.floral-corner{
			top: 30px;
		}
		
		.site-info span.copyright{
		float: none;
		display: block;
	}
	
	.site-info span.credit{
		float: none;
		display: block;
	}
}
*/

/*--------------------------------------------------------------
6.1 Hidden Class - visually hides form labels while keeping them "visible" to screen readers
--------------------------------------------------------------*/
.ada-hidden > label {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
}

/*--------------------------------------------------------------
6.2 ABBR Tags - removes default abbr styles except for the cursor
--------------------------------------------------------------*/
abbr {
	border-bottom: none;
	text-decoration: none;
}

/*--------------------------------------------------------------
6.2 Slick Slider - Hides the link text for a cleaner page load
--------------------------------------------------------------*/
.slick-slider-wrapper a,
.slick-slider-wrapper a:visited {
	color: transparent;
}