/*FONTS*/
 @import url('https://fonts.googleapis.com/css?family=Cormorant+Infant:300,300i,400,400i,500,500i,600,600i,700,700i&subset=latin-ext');
 @import url('https://fonts.googleapis.com/css?family=Montserrat:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');

.content{
	width: 100%;
	max-width: 100%;
	margin: auto;
}

.grid-section{
	background-repeat: no-repeat;
    background-size: 100% 100%;
	padding-top: 30px;
	}
	
.animate-on-load{
	opacity: 0;
}

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

		/* make your own style of the filter */
		.filters-container{
			margin-bottom: 20px;
			background-color:#fcf1e4;
			padding:20px 0;
		}
		.custom-filter{
			font-family: 'Cormorant Infant', serif;
			padding: 0;
			text-align: center;
		}
		.custom-filter li{
			list-style: none;
			display: inline-block;
			margin-left: 18px;
		}
		.custom-filter li a{
			font-size: 18px;
			color: #000;
			text-decoration: none;
			font-weight:600;
			text-transform:uppercase;
		}
		.custom-filter li a:hover{
			color: #333;
		}
		.custom-filter li a.selected{
			color: #999 !important;
		}

		/* Set the style of the thumbnail overlay items */
		.media-box-title{
			color: #fff;
			font-size: 11px;
			margin-bottom: 5px;
			text-transform: uppercase;
		    letter-spacing: 2px;
		    line-height: 28px;
		}
		.media-box-date{
			color: #F2F2F2;
			font-size: 10px;
		}

		/* 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;
		}

		/* thumbnail overlay background */
		.thumbnail-overlay{
    		background-color: rgba(0,0,0, .40);

    		-webkit-transition: background-color 0.2s ease-out;
		       -moz-transition: background-color 0.2s ease-out;
		         -o-transition: background-color 0.2s ease-out;
		            transition: background-color 0.2s ease-out;
		}

		/* thumbnail overlay background (in the first grid change the initial background) */
		#grid .thumbnail-overlay{
    		background-color: rgba(0,0,0, 0);
		}

		/* hover effect on the thumbnail-overlay */
		.thumbnail-overlay:hover{
    		background-color: rgba(255,255,255, .60) !important;
		}
		
		/* hover effect on the image */
		.media-box-image img{
		    -webkit-transition: transform 0.8s ease-in-out;
		       -moz-transition: transform 0.8s ease-in-out;
		         -o-transition: transform 0.8s ease-in-out;
		        -ms-transition: transform 0.8s ease-in-out;
		            transition: transform 0.8s 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.1) translate(-10px);
		       -moz-transform: scale(1.1) translate(-10px);
		         -o-transform: scale(1.1) translate(-10px);
		        -ms-transform: scale(1.1) translate(-10px);
		            transform: scale(1.1) translate(-10px);
		}

@media only screen and (max-width:767px) {
	
		.custom-filter{
			font-family: 'Cormorant Infant', serif;
			padding-top: 60px;
			text-align: center;
		}
		
		.custom-filter li a{
			font-size: 18px;
			line-height:40px;
		}

}