/**
* MASHUP
* ----------------------------------------------
*
*   Date: 2014-02-06
*
* Author: Hillsong Digital Team
*
*  Notes: The Mashup is a way of pulling in content to display in cards.
*         This Include: 
*         - The Bar
*         - Filtering
*         - Search
*         - The Cards
*
*/


/*
//====================================================================
//
//
// MOBILE (Less than 767px )
//
//
//====================================================================
*/


/*
//-------------------------------------------
// CARD ROW
//-------------------------------------------
*/

.mashupcardrow {}
.mashupcardrow .section-row { padding-left: 10px; padding-right: 10px; }
.mashupcardrow .items { width: 310px; margin: 0 auto; }

.mashupcardrow .items-artist-category { width: 100%; margin: 0 auto; }

.mashupcardrow .title { font-size: 12px; line-height: 16px; font-weight: 700; margin-bottom: 12px; }

.mashupcardrow .items .mashup-column { 
	float: left;
	margin-right: 20px;
}

.mashupcardrow.total_cards_5 .items .mashup-column:last-child { display: none; }

.mashupcardrow .items .mashup-column:nth-child(2n+0) { margin-right: 0px; }

.mashupcardrow .mashup-item { margin-bottom: 20px; margin-right: 0px; }



/*
//-------------------------------------------
// CARD WRAP
//-------------------------------------------
*/
.card-wrap {
	width: 100%;
	/*max-width: 330px;*/
	margin: 0 auto;
	padding: 130px 0 0 10px;
	max-width: 320px;
}
.card-wrap .titles { margin-bottom: 10px; }
.card-wrap .title { 
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
	margin-bottom: 6px;
}

.section-row.card-wrap { padding-bottom: 20px; }
/*.card-wrap .mashup-column { 
	float: left;
	margin-right: 10px;
}
.card-wrap .mashup-column:nth-child(2n+0) { margin-right: 0px; }
*/
/*
//-----------------------------
// You May Also Like
//-----------------------------
*/

.mashupcardrow.youmayalsolike {}
.mashupcardrow.youmayalsolike .items .mashup-column:nth-child(3n+0) { display: none; }
.mashupcardrow.youmayalsolike .title { float: left; }
.mashupcardrow.youmayalsolike .more-link { float: right; font-size: 12px; line-height: 16px; }
.mashupcardrow.youmayalsolike .more-link .icon { font-size: 12px; position: relative; top: 1px; }
.mashupcardrow.youmayalsolike .more-link a {color: #464646;}

/*
//-------------------------------------------
// MASHUP
//-------------------------------------------
*/


.mashup-header {
	width: 100%;
	background-color: #fff;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #BBB;
	height: 40px;
	font-size: 13px;
	line-height: 18px;
	font-weight: 700;
	display:block;
	/*
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	*/
	z-index: 9000;
}

.no-touch .mashup-header {
	top: 2500px;
	position: fixed;
	bottom: -1px;
}



.mashup-header a {
	color: #898989;
	padding-top: 9px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	display: inline-block;
}


.mashup-header-wrap {
	width: 100%;
	margin: 0 auto;
}

.mashup-header .header-strip { margin-left: 9px; }



/* Toggle: Open & Close Icon ---------------------- */
.mashup-toggle {
	color: #464646 !important;
	padding-left: 0px !important;
}

.mashup-toggle .icon {
	font-size: 12px;
	margin: 0;
	margin-top: -3px;
	
	display: inline-block;
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	
	
	-webkit-transform:  rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

}

.mashup-toggle.open .icon {
	font-size: 13px;
	margin-right: -1px;
	-webkit-transform:  rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0);
}


.mashup-loading {
	text-align: center;
	margin-top: 100px;
}

/* Main Title ----------------------------------- */
.mashup-title {
	color: #464646 !important;
}

/*
//---------------------------------------
// Mashup Nav Options
//---------------------------------------
*/
.mashup-nav { display: none; }

.mashup-nav a {
	color: #898989;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.mashup-nav a:hover { color: #005481; }
.mashup-nav a.active { color: #2c8eb7; }

.mashup-nav-mobile {
	display: inline-block;
	width: auto;
	font-size: 13px;
	line-height: 15px;
	background-color: #fff;
	border: none;
	min-width: 100px;
	/*margin-right: 40px;*/
	float: right;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

/*
//---------------------------------------
// Mashup Filter Bar
//---------------------------------------
*/

.mashup-filters {
	background-color: #ebebeb;
	border-bottom: 1px solid #BBB;
	display: none;
}

.mashup-filters a {
	color: #898989;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.mashup-filters a:hover { color: #005481; }
.mashup-filters a.active { color: #2c8eb7; }

.mashup-filters-options { display: inline-block; }

.mashup-filters-search {
	float: right;
	color: #898989;
	background-color: #fff;
	margin-top: 3px;
	margin-right: 6px;
	margin-bottom: 3px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom: 4px;
	padding-top: 4px;
	padding-left: 7px;
	padding-right: 7px;
	text-align: right;
	cursor: pointer;
	width: 32px;
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	
	
}
.mashup-filters-search .icon {
	font-size: 18px;
	text-align: right;
	
	display: inline-block;
	
	margin-left: 0px;
	margin-right: 0px;	
	
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}

.mashup-filters-search.open .icon {
	text-align: right;
}

.mashup-filters-search .mashup-filters-search-input {
	display: none;
	outline: none;
	color: #898989;
	border:none;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

.mashup-filters-search .mashup-filters-search-input.open {
	display: inline-block;
	width: 178px;
}

/*
//---------------------------------------
// Mashup Grid
//---------------------------------------
*/
.mashup-grid {
	width: 100%;
	display:block;
	/*
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-ms-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
	*/
	
	z-index: 8999;
	background-color: #D7D7D7;
	overflow: auto;
}

.no-touch .mashup-grid {
	top: 2500px;
	position: fixed;
	bottom: -1px;
}

.mashup-grid-row-wrap {
	overflow: hidden;
	width: 100%;
	max-width: 330px;
	margin: 0 -20px 0 -22px;
	padding: 10px 0 0 22px;
}

.mashup-grid .mashup-grid-row-wrap {
	margin: 0 auto;
	padding: 10px 0 0 10px;
}





.mashup-sticky {
	position: -webkit-sticky !important;
	position: -moz-sticky !important;
	position: -o-sticky !important;
	position: -ms-sticky !important;
	position: sticky !important;
	top: 0px !important;
	z-index: 10001 !important;
}



.mashuptabloader {
	float: left;
	width: 100%;
	text-align:center;
	margin-top:20px;
}




/*
//---------------------------------------
// Mashup Item
//---------------------------------------
*/

.mashup-item {
	max-width: 145px;
	width: 145px;
	overflow: hidden;
	margin: 0 auto;
	background-color: #fff;
	float:left;
	position: relative;
	/*margin-right: 10px; 
	margin-bottom: 20px; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	
	-webkit-transition: all 0.2s ease 0s;	
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;	
	transition: all 0.2s ease 0s;

	-webkit-animation: fadein 1.2s ease-out;
  	-moz-animation: fadein 1.2s ease-out;
  	-ms-animation: fadein 1.2s ease-out; 
  	-o-animation: fadein 1.2s ease-out; 
  	animation: fadein 1.2s ease-out;

	/* NEW SETS */
	margin-right: 10px;
	margin-bottom: 20px;

}


.mashup-item.placeholder {
	height: 237px;
	background-color: #fff;
}

.mashup-item img { width: 100%; max-width: 100%; height: auto; }

.mashup-item:nth-child(2n){ margin-right: 0px; }

.mashup-item .mashup-img img {
	-webkit-border-top-right-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-top-right-radius: 5px;
	-moz-border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	width: 100%;
}

.mashup-item .mashup-by {
	background-color: #f3f3f3;
	padding: 10px; 
	padding-top: 7px;
	padding-left: 9px;
	height: 45px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-bottom-right-radius: 5px;
	-moz-border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

.mashup-item .details { display: inline-block; width: 91px; overflow: hidden; white-space: nowrap; }
.mashup-item .author { font-size: 12px; line-height: 16px; font-weight: 700; }
.mashup-item .author a { color: #464646; }

.mashup-item .time,
.mashup-item .type,
.mashup-item .price,
.mashup-item .location {
	color: #898989;
	font-size: 12px;
	line-height: 16px;
	font-weight: 700;
}

.mashup-item .time img,
.mashup-item .type img,
.mashup-item .price img,
.mashup-item .location img { width: 13px; height: 13px; margin-right: 6px; margin-top: 2px; }

.mashup-item .avatar { display: inline-block; width: 30px; height: 30px; vertical-align: top; }

.mashup-item .mashup-flag {
	color: #cccccc;
	font-size: 11px;
	font-weight: 700;
	text-transform: uppercase;
	background-color: #000;
	opacity: 0.75;
	padding: 0px 6px;
	position: absolute;
	top:5px;
	right: 5px;
	cursor: pointer;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.mashup-item .mashup-by .icon { margin-left: 0px; margin-right: 0px; font-size: 14px; }


/*
//---------------------------------------
// Card: Blogs
//---------------------------------------
*/

.mashup-item.mashup-blog .mashup-img { width: 100%; height: 80px; overflow: hidden; }


.mashup-item.mashup-blog .mashup-text { padding: 10px; padding-top: 7px; height: 110px; overflow: hidden; }
.mashup-item.mashup-blog .mashup-text .mashup-title { font-size: 12px; line-height: 18px; font-weight: 700; color: #464646; }
.mashup-item.mashup-blog .mashup-text .mashup-blurb { font-size: 12px; line-height: 18px; color: #585858; overflow: hidden; height: 55px; }

/*
//---------------------------------------
// Card: Gallery
//---------------------------------------
*/

.mashup-item.mashup-gallery .mashup-img { width: 100%; height: 80px; overflow: hidden; }
.mashup-item.mashup-gallery .mashup-text { padding: 10px; padding-top: 7px; height: 110px; overflow: hidden; }
.mashup-item.mashup-gallery .mashup-text .mashup-title { font-size: 12px; line-height: 18px; font-weight: 700; color: #464646; }
.mashup-item.mashup-gallery .mashup-text .mashup-blurb { font-size: 12px; line-height: 18px; color: #585858; overflow: hidden; height: 55px; }


/*
//---------------------------------------
// Card: Video
//---------------------------------------
*/

.mashup-item.mashup-video {  }

.mashup-item.mashup-video .mashup-img { width: 100%; height: 80px; overflow: hidden; }


.mashup-item.mashup-video .mashup-text { padding: 10px; padding-top: 7px; height: 110px; overflow: hidden; }
.mashup-item.mashup-video .mashup-text .mashup-title { font-size: 12px; line-height: 18px; font-weight: 700; }
.mashup-item.mashup-video .mashup-text .mashup-blurb { font-size: 12px; line-height: 18px; overflow: hidden; height: 55px; color: #585858; }

.mashup-item.mashup-video .mashup-video-divider { height: 0px; position: relative; top: -14px; }


.mashup-item.mashup-video .mashup-video-playbutton {
	max-width: 50px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -25px;
	opacity: 0.75;
	-webkit-transition: all 0.2s ease 0s;	
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;	
	transition: all 0.2s ease 0s;
}
.mashup-item:hover.mashup-video .mashup-video-playbutton { opacity: 1; }
.mashup-item.mashup-video .mashup-video-playbutton img { width: 100%; }

/*
//---------------------------------------
// Card: Podcast
//---------------------------------------
*/


.mashup-artist-category .mashup-img img {
	width: 100%;	
}

.mashup-artist-category:nth-child(2n+1) {
	margin-right: 4.7% !important
}

.mashup-artist-category:nth-last-child(1) {
	margin-bottom: 0px !important;
}

.mashup-artist-category:nth-child(n) {
	position: relative;
	margin: 0px 0px 59px 0px;
	overflow: hidden;
}

.foreground-artist-category:nth-child(n) {
	display: table;
	width: 100%;
    vertical-align: middle;
    text-align: center;    
    position: absolute;
}

.section-row-featuredArtist{
	padding-bottom: 72px !important;
}

/* COMMENT */

.mashup-item.mashup-podcast {  }

.mashup-item.mashup-podcast .mashup-img { width: 100%; height: 80px; overflow: hidden; }


.mashup-item.mashup-podcast .mashup-text { padding: 10px; padding-top: 7px; height: 110px; overflow: hidden; background-color: #000; }
.mashup-item.mashup-podcast .mashup-text .mashup-title { font-size: 12px; line-height: 18px; font-weight: 700; color: #fff !important; }
.mashup-item.mashup-podcast .mashup-text .mashup-blurb { font-size: 12px; line-height: 18px; color: #fff; overflow: hidden; height: 55px; }

.mashup-item.mashup-podcast .mashup-podcast-playbutton {
	max-width: 50px;
	position: absolute;
	top: 15px;
	left: 50%;
	margin-left: -25px;
	opacity: 0.75;
	-webkit-transition: all 0.2s ease 0s;	
	-moz-transition: all 0.2s ease 0s;
	-o-transition: all 0.2s ease 0s;	
	transition: all 0.2s ease 0s;
}
.mashup-item:hover.mashup-podcast .mashup-podcast-playbutton { opacity: 1; }
.mashup-item.mashup-podcast .mashup-podcast-playbutton img { width: 100%; }


/*
//---------------------------------------
// Card: Store Product
//---------------------------------------
*/
.mashup-item.mashup-product { background-color: #f3f3f3; }
.mashup-item.mashup-product .mashup-img { width: 100%; height: 145px; overflow: hidden; }

.mashup-item.mashup-product .mashup-text {
	padding: 10px;
	padding-top: 5px;
	height: 46px;
	overflow: hidden;
	background-color: #f3f3f3;
	 
}

.mashup-item.mashup-product .mashup-text .mashup-text-divider { border-bottom: 1px solid #bfbfbf; padding-bottom: 3px; }

.mashup-item.mashup-product .mashup-text .mashup-title { font-size: 12px; line-height: 18px; font-weight: 700; color: #464646; }
.mashup-item.mashup-product .mashup-text .mashup-artist { font-size: 12px; line-height: 18px; font-weight: 700; color: #808080; }

.mashup-item.mashup-product .mashup-flag { color: #f09e9e; }

.mashup-item.mashup-product .details { width: 100%; }

.mashup-item.mashup-product .mashup-product-type { color: #464646; font-size: 12px; line-height: 18px; padding-bottom: 1px; }

.mashup-item.mashup-product .price .amount { color: #2f81b7; }

/*//-- Desktop: Add To Cart Link  */
.mashup-item.mashup-product .price .add-to-cart { font-weight: 300; display: none; margin-left: 5px; }

.mashup-item.mashup-product .price .add-to-cart .loader {
	width: 15px;
  	height: auto;
  	position: relative;
  	top: -2px;
  	left: 3px;
  	display: none;
}
.mashup-item.mashup-product .price .add-to-cart.loading .loader { display: inline-block; }
.mashup-item.mashup-product .price .add-to-cart .success {
	display: none;
	font-size: 12px;
  	position: relative;
  	top: 0px;
  	left: 3px;
  	color: #AAA;
}
.mashup-item.mashup-product .price .add-to-cart.added .success { display: inline-block; }
.mashup-item.mashup-product .price .added_to_cart.wc-forward { display: none; }


.mashup-item.mashup-product .price .plus-cart { font-weight: 300; margin-left: 5px; }
.mashup-item.mashup-product .price .plus-cart .loader {
	width: 15px;
  	height: auto;
  	position: relative;
  	top: -2px;
  	left: 3px;
  	display: none;
}
.mashup-item.mashup-product .price .plus-cart.loading .loader { display: inline-block; }
.mashup-item.mashup-product .price .plus-cart .success {
	display: none;
	font-size: 12px;
  	position: relative;
  	top: 0px;
  	left: 7px;
  	color: #AAA;
}
.mashup-item.mashup-product .price .plus-cart.added .success { display: inline-block; }
.mashup-item.mashup-product .price .added_to_cart.wc-forward { display: none; }

/*
//--------------------------------------------
//-- CARD Overrides
//--------------------------------------------
*/

.product-card .mashup-img {
  position: relative;
  float: left;
  cursor: pointer;
}
.product-card .mashup-img a:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: none;
  -moz-transition: background .3s linear;
  -webkit-transition: background .3s linear;
  -o-transition: background .3s linear;
  transition: background .3s linear;
}
/*
.product-card-orchestrations .mashup-img a:before { background-color: rgba(255,167,167,0.25); } 
.product-card-instrument-parts .mashup-img a:before { background-color: rgba(167,221,255,0.25); } 
.product-card-lyrics-chords .mashup-img a:before { background-color: rgba(255,255,167,0.25); } 
.product-card-music-book .mashup-img a:before { background-color: rgba(255,206,167,0.25); } 
.product-card-worship-kit .mashup-img a:before { background-color: rgba(255,255,255,0.25); } 
*/
/*
.product-card-orchestrations .mashup-img a:before,
.product-card-instrument-parts .mashup-img a:before,
.product-card-lyrics-chords .mashup-img a:before,
.product-card-music-book .mashup-img a:before,
.product-card-worship-kit .mashup-img a:before { background-color: rgba(255,255,255,0.3); } 

.product-card .mashup-img a:hover:before {
  background: none;
}
*/


/*
//---------------------------------------
// Card: Event
//---------------------------------------
*/
.mashup-item.mashup-event { overflow: visible; }

.mashup-item.mashup-event .mashup-img { width: 100%; height: 145px; overflow: hidden; }

.mashup-item.mashup-event .mashup-text {
	color: #ccc;
	background-color: #000;
	/*padding: 10px;
	padding-top: 14px;*/
	height: 45px;
	overflow: hidden;
	/* New For Title Addition */
	padding: 10px;
	padding-top:3px;
}
.mashup-item.mashup-event .mashup-text .mashup-title { font-size: 12px; color: #fff !important; font-weight: 700; margin-bottom: -2px; }
.mashup-item.mashup-event .mashup-text .mashup-date { font-size: 12px; line-height: 18px;  color: #fff; }

.mashup-item.mashup-event .location img { width: 8px; height: 12px; }

/*.mashup-item.mashup-event .details { width: 100%; }*/

.mashup-item.mashup-event .mashup-rings { position: absolute; top:-7px; z-index: 100; }


/*
//---------------------------------------
// Card: Instagram
//---------------------------------------
*/

.mashup-item.mashup-instagram .mashup-img { width: 100%; height: 145px; overflow: hidden; }
.mashup-item.mashup-instagram .mashup-text { background-color: #fff; padding: 10px; padding-top: 5px; height: 45px; overflow: hidden; }
.mashup-item.mashup-instagram .mashup-text .mashup-caption { font-size: 12px; line-height: 18px; font-weight: 300; color: #464646; }

/*
//---------------------------------------
// Card: Facebook
//---------------------------------------
*/

.mashup-item.mashup-facebook .mashup-img { width: 100%; height: 145px; overflow: hidden; background-color: #000; background-size: cover; background-position: center center; }
.mashup-item.mashup-facebook .mashup-thumbs { background-color: #000; height: 45px; overflow: hidden; }
.mashup-item.mashup-facebook .mashup-thumbs .thumb-img { width: 33.3%; height: 45px; overflow: hidden; float: left; background-size: cover; background-position: center center; }
.mashup-item.mashup-facebook .mashup-thumbs .thumb-img:last-child { width: 33.4%; }
.mashup-item.mashup-facebook .mashup-facebook-title {
	font-size: 12px;
	line-height: 18px;
	font-weight: 700;
	color: #fff;
	margin-top: -45px;
	padding-left: 10px;
	padding-right: 10px;
	height: 45px;
	overflow: hidden;
	-webkit-text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    -moz-text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
    text-shadow: 0px 2px 2px rgba(0,0,0,0.5);
}
.mashup-item.mashup-facebook .mashup-facebook-title a { color: #fff; }


/*
//---------------------------------------
// Card: Twitter
//---------------------------------------
*/


.mashup-item.mashup-tweet .mashup-text { padding: 10px; padding-top: 7px; height: 190px; overflow: hidden; background-color: #2b99c2;  font-size: 13px; line-height: 18px; font-weight: 300; color: #fff; }
.mashup-item.mashup-tweet .mashup-text a { color: #fff; }


/*
//---------------------------------------
// Card: Contributor
//---------------------------------------
*/
.mashup-item.mashup-contributor .mashup-img { width: 100%; height: 190px; overflow: hidden; }
.mashup-item.mashup-contributor .details { width: 100%; }


/*
//====================================================================
//
//
// A BETTER MOBILE MASHUP
//
//
//====================================================================
*/


@media only screen and (min-width: 510px) {
	.card-wrap { max-width: 505px; }
	.mashup-item { margin-right: 20px; }
}
 


/*
//====================================================================
//
//
// TABLET (Bigger than 767px )
//
//
//====================================================================
*/
@media only screen and (min-width: 767px) {
	
	
	/*
	//-------------------------------------------
	// CARD ROW
	//-------------------------------------------
	*/
	.mashupcardrow {}
	.mashupcardrow .section-row { padding-left: 20px; padding-right: 20px; }
	
	/*.mashupcardrow .title { font-size: 18px; line-height: 24px; margin-bottom: 14px; }*/
	/* Gotham */
	.mashupcardrow .title { font-size: 16px; line-height: 22px; margin-bottom: 14px; }
	
	.mashupcardrow .items { width: 750px; }
	.mashupcardrow .items .mashup-column:nth-child(4n+0) { display: none; }
	.mashupcardrow .items .mashup-column:nth-child(3n+0) { margin-right: 0px; }
	.mashupcardrow .items .mashup-column:nth-child(2n+0) { margin-right: 34px; }
	.mashupcardrow .items .mashup-column { 
		margin-bottom: 0px;
		margin-right: 34px;
		
	}

	/*
	//-------------------------------------------
	// CARD WRAP
	//-------------------------------------------
	*/
	.card-wrap {
		width: 724px;
		padding: 170px 0 0 0;
		max-width: 100%;
	}
	.card-wrap .mashup-column:nth-child(3n+0) .mashup-item { margin-right: 0px; }
	.card-wrap .title { 
		font-size: 18px;
		line-height: 24px;
		margin-bottom: 14px;
	}

	.section-row.card-wrap { padding-bottom: 50px; }

	/*
	//-------------------------------------------
	// You May Also Like
	//-------------------------------------------
	*/
	
	.mashupcardrow.youmayalsolike .items { width: 100%; }
	.mashupcardrow.youmayalsolike .items .mashup-column { margin-right: 34px; }
	.mashupcardrow.youmayalsolike .items .mashup-column:last-child { margin-right: 0px; }
	.mashupcardrow.youmayalsolike .items .mashup-column:nth-child(3n+0) { display: block; }
	/*.mashupcardrow.youmayalsolike .section-row { padding-left: 40px; padding-right: 40px; }*/
	
	.mashupcardrow.youmayalsolike .more-link { font-size: 16px; line-height: 22px; }
	.mashupcardrow.youmayalsolike .more-link .icon { font-size: 16px; }
	
	
	
	
	
	/*
	//---------------------------------------
	// Mashup Nav Options
	//---------------------------------------
	*/
	.mashup-nav { display: inline-block; }
	
	.mashup-nav-mobile { display: none; }
	
	.mashup-filters { display: block; }
	
	.mashup-filters-search { margin-right: 0px; }
	/*
	//---------------------------------------
	// Mashup Grid
	//---------------------------------------
	*/
	
	.mashup-grid {
		/*width: 768px;*/
		padding: 0 20px;
	}
	
	.mashup-grid .mashup-grid-row-wrap {
		width: 724px;
		padding: 10px 0 0;
		padding-top: 80px;
		max-width: 100%;
	}
	
	

	
	
	/*
	//---------------------------------------
	// Mashup Item
	//---------------------------------------
	*/
	.mashup-item { max-width: 220px; width: 220px; margin-right: 31px; margin-bottom: 31px; }
	.mashup-item:nth-child(2n){ margin-right: 31px;  }
	.mashup-item:nth-child(3n){ margin-right: 0px;  }
	
	
	.mashup-item .mashup-by { height: 65px; padding-top: 10px; padding-left: 17px; }
	
	.mashup-item .details { width: 143px; }
	.mashup-item .author { font-size: 14px; line-height: 20px; }
	
	.mashup-item .time,
	.mashup-item .type,
	.mashup-item .price,
	.mashup-item .location { color: #898989; font-size: 14px; line-height: 20px; font-weight: 400; }
	.mashup-item .time img,
	.mashup-item .type img,
	.mashup-item .price img,
	.mashup-item .location img { width: 16px; height: 16px; margin-right: 8px; }
	
	.mashup-item .avatar { display: inline-block; width: 45px; height: 45px; vertical-align: top; }
	
	.mashup-item .mashup-flag { font-size: 13px; padding: 0px 10px; top: 8px; right: 8px; }
	
	.mashup-item.placeholder { height: 360px; }
	
	.mashup-item .mashup-by .icon { margin-left: 0px; margin-right: 5px; font-size: 18px; position: relative; top:2px; }


	/*
	//---------------------------------------
	// Card: Blogs
	//---------------------------------------
	*/
	.mashup-item.mashup-blog .mashup-img { height: 115px; }
	
	.mashup-item.mashup-blog .mashup-text { padding: 16px 16px 0; padding-top: 11px; height: 154px;  }
	.mashup-item.mashup-blog .mashup-by {margin-top: 16px;}
	
	/*
	.mashup-item.mashup-blog .mashup-text .mashup-title { font-size: 18px; line-height: 24px; }
	.mashup-item.mashup-blog .mashup-text .mashup-blurb { font-size: 15px; line-height: 20px; height: 80px; overflow: hidden; }
	*/
	
	/* Gotham */
	.mashup-item.mashup-blog .mashup-text .mashup-title { font-size: 16px; line-height: 22px; }
	.mashup-item.mashup-blog .mashup-text .mashup-blurb { font-size: 14px; line-height: 20px; height: 80px; overflow: hidden; }
	
	/*
	//---------------------------------------
	// Card: Gallery
	//---------------------------------------
	*/
	.mashup-item.mashup-gallery .mashup-img { height: 115px; }
	
	.mashup-item.mashup-gallery .mashup-text { padding: 16px 16px 0; padding-top: 11px; height: 154px;  }
	.mashup-item.mashup-gallery .mashup-by {margin-top: 16px;}
	
	/* Gotham */
	.mashup-item.mashup-gallery .mashup-text .mashup-title { font-size: 16px; line-height: 22px; }
	.mashup-item.mashup-gallery .mashup-text .mashup-blurb { font-size: 14px; line-height: 20px; height: 80px; overflow: hidden; }
	

	/*
	//---------------------------------------
	// Card: Video
	//---------------------------------------
	*/
	.mashup-item.mashup-video .mashup-img { height: 125px; }
	
	.mashup-item.mashup-video .mashup-text { padding: 16px; padding-top: 11px; height: 160px;  }
	
	/* Gotham */
	.mashup-item.mashup-video .mashup-text .mashup-title { font-size: 16px; line-height: 22px; }
	.mashup-item.mashup-video .mashup-text .mashup-blurb { font-size: 14px; line-height: 20px; height: 80px; overflow: hidden; color: #585858; }

	.mashup-item.mashup-video .mashup-video-playbutton { max-width: 68px; position: absolute; top: 27px; left: 50%; margin-left: -34px; }
	
	/*
	//---------------------------------------
	// Card: Podcast
	//---------------------------------------
	*/
	.mashup-item.mashup-podcast .mashup-img { height: 115px; }
	
	.mashup-item.mashup-podcast .mashup-text { padding: 16px; padding-top: 11px; height: 170px;  }
	/*
	.mashup-item.mashup-podcast .mashup-text .mashup-title { font-size: 18px; line-height: 24px; }
	.mashup-item.mashup-podcast .mashup-text .mashup-blurb { font-size: 15px; line-height: 20px; height: 80px; overflow: hidden; }
	*/
	/*Gotham*/
	.mashup-item.mashup-podcast .mashup-text .mashup-title { font-size: 16px; line-height: 22px; }
	.mashup-item.mashup-podcast .mashup-text .mashup-blurb { font-size: 14px; line-height: 20px; height: 80px; overflow: hidden; }
	
	.mashup-item.mashup-podcast .mashup-podcast-playbutton { max-width: 68px; position: absolute; top: 27px; left: 50%; margin-left: -34px; }
	
	
	/*
	//---------------------------------------
	// Card: Store Product
	//---------------------------------------
	*/
	
	.mashup-item.mashup-product .mashup-img { width: 100%; height: 220px;  }
	
	.mashup-item.mashup-product .mashup-text { padding: 16px; padding-top: 12px; height: 65px; }
	.mashup-item.mashup-product .mashup-text .mashup-title { font-size: 15px; line-height: 20px; }
	.mashup-item.mashup-product .mashup-text .mashup-artist { font-size: 15px; line-height: 20px; font-weight: 300; }

	.mashup-item.mashup-product .mashup-product-type { font-size: 15px; line-height: 20px; margin-top: 1px; padding-bottom: 0px; }
	.mashup-item.mashup-product .price .amount { font-weight: 700; }
	.mashup-item.mashup-product .price .add-to-cart { display: inline-block; }
	.mashup-item.mashup-product .price .plus-cart {  display: none; }

	.mashup-item.mashup-product .mashup-text .mashup-text-divider { padding-bottom: 11px; }

	/*
	//---------------------------------------
	// Card: Event
	//---------------------------------------
	*/
	
	.mashup-item.mashup-event .mashup-img { width: 100%; height: 220px;  }
	
	.mashup-item.mashup-event .mashup-text {  padding: 16px; /*padding-top: 22px;*/ /* New for Title additon */ padding-top: 11px; height: 65px; }
	.mashup-item.mashup-event .mashup-text .mashup-date { font-size: 15px; line-height: 20px; }
	.mashup-item.mashup-event .location img { width: 11px; height: 16px; }
	
	.mashup-item.mashup-event .mashup-rings {top:-10px; }

	/* New for title addition */

	.mashup-item.mashup-event .mashup-text .mashup-title { font-size: 15px; color: #fff !important; margin-bottom: -2px; }
	
	/*
	//---------------------------------------
	// Card: Instagram
	//---------------------------------------
	*/
	
	.mashup-item.mashup-instagram .mashup-img { width: 100%; height: 220px; }
	.mashup-item.mashup-instagram .mashup-text { padding: 16px; padding-top: 12px; height: 65px; }
	.mashup-item.mashup-instagram .mashup-text .mashup-caption { font-size: 15px; line-height: 20px; }
	
	/*
	//---------------------------------------
	// Card: Facebook
	//---------------------------------------
	*/
	
	.mashup-item.mashup-facebook .mashup-img { width: 100%; height: 220px; }
	.mashup-item.mashup-facebook .mashup-thumbs { height: 65px; }
	.mashup-item.mashup-facebook .mashup-thumbs .thumb-img { height: 65px; }
	.mashup-item.mashup-facebook .mashup-facebook-title { font-size: 15px; line-height: 20px; margin-top: -50px; height: 50px; padding-left: 17px; padding-right: 17px; }
	
	/*
	//---------------------------------------
	// Card: Twitter
	//---------------------------------------
	*/
	
	.mashup-item.mashup-tweet .mashup-text { padding: 16px; padding-top: 12px; height: 285px; font-size: 18px; line-height: 26px; font-weight: 700; color: #fff;  }
	
	/*
	//---------------------------------------
	// Card: Twitter
	//---------------------------------------
	*/
	.mashup-item.mashup-contributor .mashup-img { width: 100%; height: 285px; overflow: hidden; }

	/*
	//---------------------------------------
	// Card: Artist Category
	//---------------------------------------
	*/
	.mashup-artist-category:nth-last-child(2),
	.mashup-artist-category:nth-last-child(1) {
		margin-bottom: 0px !important;
	}
}

/*
//====================================================================
//
//
// DESKTOP (Bigger than 979px )
//
//
//====================================================================
*/
@media only screen and (min-width: 979px) {
	
	/*
	//---------------------------------------
	// CARD ROW 
	//---------------------------------------
	*/
	.mashupcardrow .items { width: 960px; }
	.mashupcardrow .items .mashup-column:nth-child(4n+0) { display: block; }
	.mashupcardrow .items .mashup-column:nth-child(3n+0) { margin-right: 20px; }
	.mashupcardrow .items .mashup-column:nth-child(2n+0) { margin-right: 20px; }
	.mashupcardrow .items .mashup-column {
		margin-right: 20px;
		margin-bottom: 0px;
	}

	/*
	//-------------------------------------------
	// CARD WRAP
	//-------------------------------------------
	*/
	.card-wrap {
		padding: 170px 0 0 10px;
		width: 960px;
	}
	.card-wrap .mashup-column:nth-child(3n+0) .mashup-item { margin-right: 20px; }
	.card-wrap .mashup-column:nth-child(4n+0) .mashup-item { margin-right: 0px; }

	
	/*
	//---------------------------------------
	// You May Also Like
	//---------------------------------------
	*/
	
	.mashupcardrow.youmayalsolike .items .mashup-column { margin-right: 60px; }
	
	
	/*
	//---------------------------------------
	// Mashup 
	//---------------------------------------
	*/
	
	.mashup-header-wrap { width: auto; max-width: 960px; }
	
	
	/*
	//---------------------------------------
	// Mashup Grid
	//---------------------------------------
	*/
	
	.mashup-grid {
		/*width: 980px;*/
		padding: 0 20px;
	}
	
	.mashup-grid .mashup-grid-row-wrap {
		padding: 10px 0 0 10px;
		width: 960px;
		padding-top: 80px;
	}
	
	/*
	//---------------------------------------
	// Mashup Item
	//---------------------------------------
	*/
	.mashup-item { margin-right: 20px; margin-bottom: 20px; }
	.mashup-item:nth-child(2n){ margin-right: 20px;  }
	.mashup-item:nth-child(3n){ margin-right: 20px;  }
	.mashup-item:nth-child(4n){ margin-right: 0px;  }
}

/*
//====================================================================
//
//
// LARGE SCREEN ( Bigger than 1199px )
//
//
//====================================================================
*/
@media only screen and (min-width:1199px){
	
	/*
	//---------------------------------------
	// CARD ROW
	//---------------------------------------
	*/
	
	.mashupcardrow .section-row { padding-left: 10px; padding-right: 10px; }
	.mashupcardrow .items { width: 1190px; }
	.mashupcardrow.total_cards_5 .items .mashup-column:last-child { margin-right: 0px; display: block; }
	.mashupcardrow .items .mashup-column { }

	/*
	//-------------------------------------------
	// CARD WRAP
	//-------------------------------------------
	*/
	.card-wrap {
		width: 1199px;
		padding: 170px 0 0 12px;
	}
	.card-wrap .mashup-column:nth-child(3n+0) .mashup-item { margin-right: 20px; }
	.card-wrap .mashup-column:nth-child(4n+0) .mashup-item { margin-right: 20px; }
	.card-wrap .mashup-column:nth-child(5n+0) .mashup-item { margin-right: 0px; }

	
	/*
	//---------------------------------------
	// Mashup
	//---------------------------------------
	*/
	
	
	.mashup-header-wrap { max-width: 1188px; }
	
	/*
	//---------------------------------------
	// Mashup Grid
	//---------------------------------------
	*/
	
	.mashup-grid {
		/*width: 1199px;*/
		padding-left: 0px;
		padding-right: 0px;
	}
	
	.mashup-grid .mashup-grid-row-wrap {
		width: 1199px;
		padding: 10px 0 0 12px;
		padding-top: 80px;
	}
	
	
	/*
	//---------------------------------------
	// Mashup Item
	//---------------------------------------
	*/
	.mashup-item:nth-child(4n){ margin-right: 20px; }
	.mashup-item:nth-child(5n){ margin-right: 0px; }
}