/* 
	LAYOUT BASE: SINGLE COLUMN, MOBILE FIRST
	
	- GENERAL SETTINGS
	- EFFECTS & DECORATIONS
	- BASIC ATTRIBUTES
	- STANDARD ELEMENTS
	- SPECIFIC STYLING
	- LAYOUT
	- MEDIA QUERIES (SCALING UP)
*/

/* GENERAL SETTINGS
============================================================= */
/* Box Model Behaviour For Inside Padding And Borders */
*, 
*:before, 
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Make Images Fluid */
img { width: 100%; height: auto; width: auto\9; /* ie8 */ }

/* Unordered Lists Reset */
ul { list-style: none; padding: 0; margin: 0; }

/* Links Reset */
a { text-decoration: none; }

/* Headings Reset */
h1, h2, h3, h4, h5, h6 { margin-top: 0; }

/* EFFECTS & DECORATIONS
============================================================= */
/* Rounded Corners */
.media-boxes-filter>li a,
#knowledge-box ul li,
#contact a {
		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
	            border-radius: 3px;
	
	    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	       -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	         -o-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	        -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.15);
	            box-shadow: 0 1px 2px rgba(0,0,0,0.15);
}

/* BASIC ATTRIBUTES
============================================================= */
/* Font Family */
body { font-family: Helvetica Neue, Helvetica, Arial, sans-serif; }

/* Font Size */
body { font-size: 14px; }

/* STANDARD ELEMENTS
============================================================= */
body { background: url('img/dark_embroidery.png'); }

/* Headings */
h1 {
	background: url('img/logo.png') no-repeat;
	width: 98px;
	height: 98px; 
	text-indent: -9999px;
	margin: 0;
}

h2 { font-size: 1.3em !important; color: #fff; }

/* Paragraphs */
main p { line-height: 1.3; }

/* Buttons */
#contact { text-align: center; margin: 10px auto }

#contact a {
	width: 100%;
	display: block;
	padding: 20px 30px;
	background-color: #e54e53;
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
}
#contact a:hover { background-color: #e83339; }

/* Navigation */
nav { margin: 20px 0; }


/* SPECIFIC STYLING
============================================================= */



/* MEDIA BOXES PLUGIN - OVERRIDE DEFAULT STYLES (mediaBoxes.css)
============================================================= */
.media-box-content { background-color: transparent; }

/* GLOBAL FONT */
.mfp-container, 
.media-box, 
.media-boxes-load-more-button, 
.media-boxes-filter,
.media-boxes-drop-down-menu > li > a, 
.media-boxes-drop-down-header { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; }
	
/* MEDIA BOXES PLUGIN - ADD CUSTOM STYLES
============================================================= */
/* Hide the "No more entries" Button */
.media-boxes-no-more-entries { display: none; }

/* Thumbnail Overlay Items */
.media-box-title {
	color: #fff;
	font-size: 1.4em;
	margin-bottom: 5px;
	text-transform: uppercase;
    line-height: 1.3;
    border-bottom: 2px solid #e54e53;
    padding-bottom: 5px;
    display: inline-block;
}
.media-box-type { color: #F2F2F2; font-size: 1.2em; font-style: italic; font-family: Georgia, Times New Roman, Times, serif; font-weight: bold; line-height: 1.3; margin-top: 5px; }

/* Thumbnail Overlay Background */
#grid .thumbnail-overlay {
	background-color: rgba(0,0,0, .40);

	-webkit-transition: all 0.2s ease-out;
       -moz-transition: all 0.2s ease-out;
         -o-transition: all 0.2s ease-out;
            transition: all 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) !important; }

/* Thumbnail Overlay Hover Effect */
#grid .thumbnail-overlay:hover { background-color: rgba(0,0,0, .60) !important; }

/* Thumbnail Overlay Image Zoom */
.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);
}

/* About Box */
#about-box .media-box-content { font-size: 1.5em; background-color: #fff; color: #777 !important; }

/* Author Box */
#author-box .media-box-content { padding: 0px;/* Override */ }

/* Knowledge Box */
#knowledge-box .media-box-content { font-size: 1.2em; background-color: #222; }

#knowledge-box ul li {
	display: inline-block;
	background-color: #333;
	color: #999;
	padding: 10px;
	margin: 5px 0;
}

/* LAYOUT
============================================================= */
/* Wrapper */
#wrapper { width: 95%; margin: 20px Auto; }

/* MEDIA QUERIES (SCALING UP)
============================================================= */
@media (min-width: 650px) {

	/* Fonts Size */
	main h2 { font-size: 2rem; }
	main h3 { font-size: 1.5rem; }
	
	/* Buttons */
	#contact { margin: 50px auto; }
	#contact a { display: inline-block; width: auto; }	
	
	}
@media (min-width: 1500px) {

	/* Layout */
	#wrapper { max-width: 1500px; }
	
}