/* Add here all your CSS customizations */

/* for the media boxes */

/* full width */
		.full-widthmb{
			width: 100%;
		}
		
		/* Set the style of the thumbnail overlay items */
		.media-box-title{
			color: #fff;
			font-size: 13px;
			margin-bottom: 5px;
			text-transform: uppercase;
		    letter-spacing: 1px;
		    line-height: 28px;
		}
		.media-box-date{
			color: #F2F2F2;
		}

        /* Remove box shadow and border-radius from the media boxes */
		.media-box-container{
			  -webkit-border-radius: 0px;
			  	 -moz-border-radius: 0px;
			  		  border-radius: 0px;

			  -webkit-box-shadow: none;
			  	 -moz-box-shadow: none;
			  	   -o-box-shadow: none;
			      -ms-box-shadow: none;
			  		  box-shadow: none;
		}

		/* hide no more entries button */
		.media-boxes-no-more-entries{
			display: none;
		}

		/* make your own style of the filter */
		.filters-container{
			margin-bottom: 40px;
		}
		.custom-filter{
			padding: 0;
			text-align: center;
		}
		.custom-filter li{
			list-style: none;
			display: inline-block;
			margin: 0 9px;
			font-size: 12px;
		}
		.custom-filter li a{
			color: #999;
			text-decoration: none;
		}
		.custom-filter li a:hover{
			color: #333;
		}
		.custom-filter li a.selected{
			color: #D1474C !important;
		}

		/* The different colors */
		.orange{
			background: rgba(244, 119, 33, .8);
		}
		.light-orange{
			background: rgba(234, 184, 151, .8);
		}
		.happy-blue{
			background: rgba(28, 160, 222, .8);
		}
		.green{
			background: rgba(108, 188, 53, .8);
		}
		.red{
			background: rgba(229, 59, 44, .8);
		}
		.dark-blue{
			 background: rgba(59, 90, 111, .8);
		}
		.turquoise{
			background: rgba(0, 167, 142, .8);
		}
		.blue{
			background: rgba(65, 131, 196, .8);
		}
		.light-gray{
			background: rgba(153, 153, 153, .8);
		}
		.purple{
			background: rgba(141, 108, 171, .8);
		}
		.pink{
			background: rgba(245, 117, 108, .8);
		}
		.palid-green{
			background: rgba(132, 175, 162, .8);
		}
		
				/* hover effect on the image */
		.media-box-image img{
		    -webkit-transition: all 0.6s ease-in-out;
		       -moz-transition: all 0.6s ease-in-out;
		         -o-transition: all 0.6s ease-in-out;
		        -ms-transition: all 0.6s ease-in-out;
		            transition: all 0.6s ease-in-out;

		    -webkit-transform-origin: bottom left;
		       -moz-transform-origin: bottom left;
		         -o-transform-origin: bottom left;
		        -ms-transform-origin: bottom left;
		            transform-origin: bottom left;
		}
		.media-box-image:hover img{
		    -webkit-transform: scale(1.2) translate(-20px);
		       -moz-transform: scale(1.2) translate(-20px);
		         -o-transform: scale(1.2) translate(-20px);
		        -ms-transform: scale(1.2) translate(-20px);
		            transform: scale(1.2) translate(-20px);
		}


html .background-color-pdsection {
	background-color: #F0F8FF;
}