/*
	This file will contain stylings that applies globally to the following layout pages: events, listings, offers
*/
.shared-list p.no-results  { height: 300px; line-height: 300px; text-align: center; }

/* FILTER STYLING */
.shared-filter button.btnmore {height: 52px; line-height: 24px; margin-bottom: 20px; width: 100%; z-index: 1;}

/* PAGER */
.shared-pager {font:700 18px/18px 'Roboto', sans-serif; text-transform: uppercase; text-align: right;}
.shared-pager .arrow {
   display: inline-block;
   width: 40px;
   height: 52px;
   background-image: url(/includes/public/assets/images/pager.png);
   background-repeat: no-repeat;
   padding: 0 2px;
}
.shared-pager .arrow.disabled {cursor: default; opacity: 0.3;}
.shared-pager .prev {background-position: -43px 0;}
.shared-pager .next {background-position: -92px 0;}
.shared-pager .nextlast {background-position: -135px 0;}
.shared-pager span {display: inline-block; position: relative; top:-16px; padding: 0 16px;}

/* sort by */
.divided-list {color: #bcbcbc; font: 700 18px/18px 'Roboto', sans-serif; text-transform: uppercase;}
.divided-list label {color: #bcbcbc; font: 400 18px/18px 'Roboto', sans-serif; display: inline; vertical-align: middle;}
.divided-list .sep {padding: 0 6px; font-size: inherit;}
.divided-list a {color: #000; padding: 0 4px; vertical-align: middle; text-decoration: none;}
.divided-list a:hover {color: #000; text-decoration: underline;}
.divided-list a.selected, 
.divided-list a.selected:hover {color: #045d9b; cursor: default; text-decoration: none;}
 

/* ITEM */
.shared-list .item {position: relative; margin-bottom: 28px; padding-bottom: 0;}
.shared-list .item .info {width: 100%; float: left; color: #212121; font:400 16px/22px 'Roboto', sans-serif;}
.shared-list .item .info .title {padding: 28px 0 20px;}
.shared-list .item .info .title a {font:400 34px/38px 'Merriweather', serif; color: #045d9b;}
.shared-list .item .info .phone {margin-bottom: 4px;}
.shared-list .item .info .adrs {text-transform: uppercase; margin-bottom: 4px;}
.shared-list .item .info .location {text-transform: uppercase; margin-bottom: 16px; color: #bcbcbc;}
.shared-list .item .info .category {text-transform: uppercase; color: #bcbcbc;}
.shared-list .item .info .distance {font-weight: 700; text-transform: uppercase; margin-bottom: 4px;}
.shared-list .item .info .desc {font-family: 'Merriweather', serif; margin-bottom: 20px;}
.shared-list .item .info .meeting-info {font-family: 'Merriweather', serif; margin: 16px 0;}
.shared-list .item .footer a {font-weight: 700; font-size: 14px; text-transform: uppercase; color: #045d9b;}
.shared-list .item .footer span.sep {color: #bcbcbc; padding: 0 20px;}
.shared-list .item .border-block-item {width: 138px; height: 18px; background: #ebebeb; margin: 28px 0 0;}

/* featured */
.shared-list .item.featured, .shared-list.singlecol .item {padding: 0 0.625rem; width: 100%;}
.shared-list .item.featured .image, .shared-list.singlecol .item .image {float: left;}
.shared-list .item.featured .info, .shared-list.singlecol .item .info {padding-left: 630px; margin-left: -600px;}


/*** Tablet ***/
@media only screen and (max-width: 1080px) {
	.shared-list .border-block {margin-bottom: 12px;}
	.shared-list .item img {width: 100%;}
	.shared-list .item.featured {max-width: 620px; margin-left: auto; margin-right: auto; float: none;}
	.shared-list .item.featured .info {padding-left: 0; margin-left: 0; clear: both;}
}
/*** Mobile ***/
@media only screen and (max-width: 640px) {
	.shared-list .border-block {width: auto; margin: 0 -15px 12px;}
	.shared-filter {padding: 0 15px;}	
	.shared-pager {text-align: center;}
	.shared-pager span {padding: 0 8px;}
	.shared-list .item .info .title a {font-size: 26px; line-height: 34px;}
	.shared-list .item {max-width: 310px; margin-left: auto; margin-right: auto; float: none;}
	.shared-list .item.featured {max-width: none; width: auto; margin-left: -16px; margin-right: -16px;}
	.shared-list .item.featured .info {padding: 0 18px;}
} 	
/*** Desktop ***/
@media only screen and (min-width: 1081px) {
	.shared-list .item.featured .info .title {padding-top: 14px;}
}