/* ## Media Wall ## */

#mediaWall { position:relative; min-height:150px; background-repeat:no-repeat; background-position:50% 50%; }

#mediaWall .width_1,
#mediaWall .width_2, 
#mediaWall .width_3, 
#mediaWall .width_4, 
#mediaWall .width_5, 
#mediaWall .width_6, 
#mediaWall .width_7, 
#mediaWall .width_8, 
#mediaWall .width_9, 
#mediaWall .width_10,
#mediaWall .width_11,
#mediaWall .width_12 { 
	margin:0.781% 0 0.781% 0.781%;
}

#mediaWall .width_1 { width:60px; }
#mediaWall .width_2 { width:140px; }
#mediaWall .width_3 { width:220px; }
#mediaWall .width_4 { width:23.438%; }
#mediaWall .width_5 { width:380px; }
#mediaWall .width_6 { width:460px; }
#mediaWall .width_7 { width:540px; }
#mediaWall .width_8 { width:48.438%; }
#mediaWall .width_9 { width:700px; }
#mediaWall .width_10 { width:780px; }
#mediaWall .width_11 { width:860px; }
#mediaWall .width_12 { width:940px; }

/* 16px baseline (180px - 1200px) */
@media only screen and (min-width: 11.250em) and (max-width: 75em) {	
	#mediaWall .width_1,
	#mediaWall .width_2, 
	#mediaWall .width_3, 
	#mediaWall .width_4, 
	#mediaWall .width_5, 
	#mediaWall .width_6, 
	#mediaWall .width_7, 
	#mediaWall .width_8, 
	#mediaWall .width_9, 
	#mediaWall .width_10,
	#mediaWall .width_11,
	#mediaWall .width_12 { margin:0.877% 0 0.877% 0.877%; }
	
	#mediaWall .width_1 { width:6.579%; }
	#mediaWall .width_2 { width:14.912%; }
	#mediaWall .width_3 { width:23.246% }
	#mediaWall .width_4 { width:31.579% }
	#mediaWall .width_5 { width:39.912% }
	#mediaWall .width_6 { width:48.246% }
	#mediaWall .width_7 { width:56.579% }
	#mediaWall .width_8 { width:64.912% }
	#mediaWall .width_9 { width:73.246% }
	#mediaWall .width_10 { width:81.579% }
	#mediaWall .width_11 { width:89.912% }
	#mediaWall .width_12 { width:98.246%; }
}


#mediaWall .height_1 { min-height:58px; }
#mediaWall .height_2 { min-height:138px; }
#mediaWall .height_3 { min-height:218px; }
#mediaWall .height_4 { min-height:298px; }
#mediaWall .height_5 { min-height:378px; }
#mediaWall .height_6 { min-height:458px; }
#mediaWall .height_7 { min-height:538px; }
#mediaWall .height_8 { min-height:618px; }
#mediaWall .height_9 { min-height:698px; }
#mediaWall .height_10 { min-height:778px; }
#mediaWall .height_11 { min-height:858px; }
#mediaWall .height_12 { min-height:938px; }

/* 16px baseline (0 - 899px) */
@media only screen and (max-width: 56.188em) {
	#mediaWall .width_1,
	#mediaWall .width_2, 
	#mediaWall .width_3, 
	#mediaWall .width_4, 
	#mediaWall .width_5, 
	#mediaWall .width_6, 
	#mediaWall .width_7, 
	#mediaWall .width_8, 
	#mediaWall .width_9, 
	#mediaWall .width_10,
	#mediaWall .width_11,
	#mediaWall .width_12 { margin-top:5px; margin-bottom:5px; }
	
	#mediaWall .height_1,
	#mediaWall .height_2,
	#mediaWall .height_3,
	#mediaWall .height_4,
	#mediaWall .height_5,
	#mediaWall .height_6,
	#mediaWall .height_7,
	#mediaWall .height_8,
	#mediaWall .height_9,
	#mediaWall .height_10,
	#mediaWall .height_11, 
	#mediaWall .height_12 { height:auto; min-height:auto; }
}

.contentBox {
	display:block;
	margin-top:10px; margin-bottom:10px;
	padding:7px;
	overflow:hidden;
	background:#fff;
	-webkit-box-sizing: border-box; 
	   -moz-box-sizing: border-box; 
	        box-sizing: border-box;
}

.contentBox .item { display:block; }

.contentBox .media { position:relative; display:table-cell; vertical-align:top; overflow:hidden; }
.contentBox .media img { display:block; margin:0 auto; }
.contentBox .content { display:table-cell; padding-left:1.667em; font-size:0.750em; color:#787878; line-height:1.250em; vertical-align:top; z-index:2; }
.contentBox .content:first-child { padding-left:0; padding-right:1.667em; }
.contentBox .title { margin-bottom:0.583em; color:#484747; line-height:0.875em; font-size:1.6em; font-weight:normal; text-transform:uppercase; font-family:"din-condensed-web",Trebuchet MS,sans-serif; }
.contentBox .titleAlt { font-size:1.5em; line-height:1.1em; }
.contentBox .title a { display:block; text-decoration:none; color:#484747; }
.contentBox .subTitle { display:block; font-size:0.778em; line-height:1.286em; }
.contentBox a.subTitle:hover { text-decoration:underline; }
.contentBox .postStamp { margin-bottom:1.818em; font-size:0.917em; }
.contentBox .postStamp strong { color:#484747; font-size:1.091em; }
.contentBox .category { color:#c10000; text-decoration:none; }

.formatSocialMedia { padding-top:50px; }
.formatSocialMedia .media { margin-bottom:8px !important; }
.formatSocialMedia .media img { 
	margin:0;
	width:100%;
	height:auto !important;
}

.formatSocialMedia .title { display:inline-block; position:absolute; left:0; top:17px; padding:3px 10px; color:#fff; font-size:1.167em; }
.formatSocialMedia .title a { color:#fff; }
.formatSocialMedia .postStamp { margin-bottom:8px; }
.formatSocialMedia .description { margin-bottom:1em; }
.formatSocialMedia .socialRespond { padding:0; }
.styleTwitter .title { background-color:#037ed0; }
.styleFacebook .title { background-color:#3b5998; }

#mediaWall .width_4 .content { padding:0; }
#mediaWall .width_4 .media { float:none; display:block; margin-bottom:1.667em; }
#mediaWall .width_8 .media { max-width:260px; }

.emptyWall { padding:1em 10px; text-align:left; font-size:1.1em; font-family:"din-condensed-web",Trebuchet MS,sans-serif; text-transform:uppercase; }


/* 16px baseline (180px - 479px) */
@media only screen and (min-width: 11.250em) and (max-width: 29.938em) {

	#mediaWall .width_4, #mediaWall .width_8 { width:98.246%; }
	#mediaWall .width_8 .content { padding:0; }
	#mediaWall .width_8 .media { float:none; display:block; margin-bottom:1.667em; max-width:100%; }
	#mediaWallFilters .formee-lbl { display:block;  width:100%; padding:7px 0; }
	#mediaWallFilters ul li { display:block; }
	#mediaWallFilters ul li label { font-size:0.9em; line-height:1.4em; }
	
}
/* 16px baseline (480px - 767px) */
@media only screen and (min-width: 30em) and (max-width: 47.938em) {

	#mediaWall .width_4, #mediaWall .width_8 { width:48.246%; }
	#mediaWall .width_8 .content { padding:0; }
	#mediaWall .width_8 .media { float:none; display:block; margin-bottom:1.667em; max-width:100%; }
	#mediaWallFilters ul li label { font-size:0.9em; line-height:1.4em; }

}
/* 16px baseline (768 - 931px) */
@media only screen and (min-width: 48em) and (max-width: 56.188em) {

	#mediaWall .width_4, #mediaWall .width_8 { width:31.579%; }
	#mediaWall .width_8 .content { padding:0; }
	#mediaWall .width_4 .media { min-width:10px; }
	#mediaWall .width_8 .media { float:none; display:block; margin-bottom:1.667em; min-width:10px; }

}


.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
	transform: translate(0, 0) scale(1);
	-webkit-transition-property: left, top, opacity;
	   -moz-transition-property: left, top, opacity;
	    -ms-transition-property: left, top, opacity;
		    transition-property: left, top, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}


/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

.lt-ie9 .isotope-hidden { display:none; }