/*
Theme Name: Camila Falquez
Author: dellotur
Description: Theme created specially for Camila Falquez's website.
Version: 1.0

*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Media Queries
 *    15.1 - Mobile Large
 *    15.2 - Tablet Small
 *    15.3 - Tablet Large
 *    15.4 - Desktop Small
 *    15.5 - Desktop Medium
 *    15.6 - Desktop Large
 *    15.7 - Desktop X-Large
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine work of
 * Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
 * along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 * and Blueprint http://www.blueprintcss.org/
 */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
em{
	margin: 0;
	padding: 0;}
html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 62.5%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

*,
*:before,
*:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #FDFDFB;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {
	display: block;
}
figure {
	margin: 0;
}
ol,
ul {
	list-style: none;
}

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none;
	quotes: none;
}

a:focus {
	
}

a:hover,
a:active {
	outline: 0;
}

a img {
	border: 0;
}


html,
button,
input,
select,
textarea {
    color: #222;
}
img {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

* {
		-webkit-tap-highlight-color: rgba(0,0,0,0);
 		-webkit-tap-highlight-color: transparent;
}

.rotate {
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

html, body {
	width:100%;
	height:100%;
}


/**
 * 3.0 Typography
 */

body,
button,
input,
select,
textarea {
    font-size: 1rem;
    line-height: 1.4;
	font-family:"akzidence";
}
	
@font-face {
	font-family: "akzidence";
	src: url(webfonts/AkzidenzGrotesk-Regular.otf) format("opentype");
	}
.reg{
	font-family:"akzidence";
	letter-spacing:0.1em;}
	
@font-face {
	font-family: "akzidence-med";
	src: url(webfonts/AkzidenzGrotesk-Medium.otf) format("opentype");
	}
.med{
	font-family: "akzidence-med";
	letter-spacing:0.13em;
	}

@font-face {
	font-family: "akzidence-bold";
	src: url(webfonts/AkzidenzGrotesk-Bold.otf) format("opentype");
	}
.bold{
	font-family: "akzidence-bold";
	letter-spacing:0.1em;
	}

@font-face {
	font-family: "minion";
	src: url(webfonts/MinionPro-It.otf) format("opentype");
	}
footer {
	position:fixed;
	bottom:5px;
	right:10px;
	font-family: "Times New Roman", Times, serif;	
	font-style:italic;
	font-size:11px;
	letter-spacing:normal;
}
/**
* 4.0 Elements
*/
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
  }

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/**
 * 6.1 Links
 */

a {
	text-decoration:none;
	color:inherit;
}

/**
 * 10.0 Header
 */


body.home .site-header {
	display: none;
	color: #FCF3C3;
}

.site-header {
	position:fixed;
	z-index:9;
	width:100%;
	height:70px;
	font-size:14px;
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.site-branding {
	color: #444;
}
body.home .site-branding {
	color: #FCF3C3;
}

.site-title {
	font-family:"akzidence-med";
	z-index:10;
	position:fixed;
	width:80px;
	top:30px;
	left:40px;
	letter-spacing:2px;
	line-height:1.3em;
}

.site-description {
	z-index:9;
	display:none;
	position:fixed;
	top:80px;
	left:40px;
	width:100px;
	line-height:1.2em;
	font-size:11px;
	letter-spacing: normal;
}

.main-menu {
	/*text-align:center;
	position:fixed;
	top:30px;
	left:30px;
	width:100%;
	min-width:600px;*/
	text-align: center;
	position: fixed;
	top: 30px;
	left: 24%;
	width: 76%;
}
	
.main-menu ul.menu {
	/*margin:0 auto;
	width:50%;*/
	margin:0 auto;
	width: 100%;
}

.main-menu ul.menu > li{
	/*margin-right:35%;
	list-style:none;
	float:left;
	position:relative;
	letter-spacing: 0.1em;*/
	width: 33.33%;
	text-align: left;
	list-style: none;
	float: left;
	position: relative;
  	letter-spacing: 0.1em;
}

.main-menu ul.menu li:last-child{
	margin-right:0;
}

.main-menu ul.menu > li > a:hover{
	border-bottom:solid 2px #444;
}

body.home .main-menu ul.menu > li > a:hover {
	border-bottom:solid 2px #fcf3c3;
}

ul.sub-menu {
	position:fixed;
	font-size:40px;
	text-align:center;
	margin:0 -150px;
	top:40%;
	left:50%;
	width:300px;
	letter-spacing:0.1em;
	line-height:1.2em;
}

.hidden {
	visibility: hidden;
}

body.home ul.sub-menu {
	display: none;
	color:#FCF3C3;
}

ul.sub-menu li:not(.current-menu-item){
	visibility: hidden;
}

body:not(.post-type-archive) ul.sub-menu li.current-menu-item {
	visibility: hidden;
}

ul.sub-menu li a {
	display:inline;
	width:auto;
}

ul.sub-menu li a:hover {
	border-bottom: none;
}
ul.sub-menu li {
	padding:0;
	margin:0;
}

/*======= ABOUT ==========*/	


#about {
	display: none;
	position:absolute;
	color:#555;
	font-size:13px;
	text-align:center;
	width:100%;
	height:90%;
	min-height:600px;
	margin-top:30px;
	margin-bottom:30px;
	}
#box{
	text-align:center;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-130px;
	margin-top:-215px;
	margin-bottom: 40px;
	width:260px;
	padding:50px 0 40px;
	}

#contact{
	height:80px;
	position:relative;
	display:block;
	padding:0px 30px 0px;
	}
#contact ul {
	list-style-type:none;
	font-family: "Times New Roman", Times, serif;
}

#contact ul li {
	line-height:1.3em;
	display:block;
}

#contact ul li span {
	font-family:"akzidence";
	margin-right:7px;
	font-size:12px;
}

#contact ul li:last-child {
	margin-top:30px;
	font-family:"akzidence-med";
	letter-spacing:1px;
}
	
#clients {
	margin-top:35px;
	font-size:12px;
	position:relative;
	display:block;
	font-family: "Times New Roman", Times, serif;
	}
	
#clients span{
	margin:10px auto;
	display:block;
	width:7px;
	border-top:solid #444 1px;}
	
#clients ul li {
	list-style:none;
	line-height:1.3em;
	letter-spacing:normal;
	}	
#box a{
	display:inline-block;
	position:relative;
	font-family:"akzidence-med";
	}
#box .social {
	margin-top:25px;
}

#about a{
	border-bottom:solid 2px rgba(0,0,0,0);}
#about a:hover{
	border-bottom:solid 2px #444;}
#contact a, #contact a:hover{
	display:block;
	border-bottom:solid 2px rgba(0,0,0,0);}

/*======= 404 & SEARCH ==========*/

body.error404 #page {
	/*background-color: rgba(255,255,255,0.6);*/
	 background: -webkit-radial-gradient(#fdfdfb, rgba(255,255,255,0.4)); /* Safari 5.1 to 6.0 */
    background: -o-radial-gradient(#fdfdfb, rgba(255,255,255,0.4)); /* For Opera 11.6 to 12.0 */
    background: -moz-radial-gradient(#fdfdfb, rgba(255,255,255,0.4)); /* For Firefox 3.6 to 15 */
    background: radial-gradient(rgba(255,255,255,0.7) 35%, rgba(255,255,255,0.4)); /* Standard syntax (must be last) */
}
}

body.search .searched {
	top:35%;
}

.search-form {
	margin-top: 5px;
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
}

.search-field {
	font-family:"Times New Roman", Times, serif;
	color: #444;
	font-size: 14px;
	width: 150px;
	background: none;
	border: none;
/*	background-color: rgba(0,0,0,0.1);
*/	border-bottom: 1px solid #666;
	margin: 0 10px;
}
.search-field:focus {
	border: none;
	
	border-bottom: 1px solid #666;
	outline: none;
}

.search-submit {
	color: #444;
	font-family:"Times New Roman", Times, serif;
	background: none;
	border: none;
	font-size: 14px;
	outline: none;
	cursor: pointer;
	padding: 0;
	line-height: 1.2em;
	padding-bottom:2px; 
}
.search-submit span {
	font-style: normal;
	margin-left: 2px;
}

.search-submit:hover {
	border-bottom:2px solid #444;
}
span.search-query {
	margin-left: 5px;
	text-transform: capitalize;
	color: #444;
	font-family:"Times New Roman", Times, serif;
	font-style: italic;
}

input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
input:-webkit-autofill {
-webkit-box-shadow:0 0 0 50px #ffffff inset;
}
input {
    -webkit-appearance: none;
    border-radius: 0;
}
/**
 * 12.0 Content
 */

/*======== STILLS ARCHIVE =========*/


.navigation {
	display: none;
}

.post-type-archive-stills_project #infscr-loading {
	position: absolute;
	bottom: -20px;
 	width: 100%;
	height: 20px;
	text-align: center;
	font-size: 12px;
}

.post-type-archive-moving_project #infscr-loading {
	position: fixed;
	left: 50%;
	top:90%;
	width: 100px;
	margin-left: -50px;
	text-align: center;
	font-size:12px;
}

#page {
	height: 100%;
	width: 100%;
}

body.post-type-archive #content {
	opacity: 0;
}

#content {
	position: absolute;
	top: 0;
	height: 100%;
	width:100%;
}
#catfilter {
	font-size: 13px;
	position: relative;
	top: 150px;
	width: 100%;
	text-align: center;
}
#catfilter ul {
	list-style: none;
	/*color: #aaa;*/
}
#catfilter ul li {
	display: inline-block;
	margin: 0 5px;
}
#catfilter ul a {
	padding-bottom: 1px;
}
#catfilter ul a:hover {
	border-bottom: 1px solid #444;

}
#catfilter ul a.selected {
	border-bottom: 1px solid #444;
}


.photography, .searched {
	position:absolute;
	top:185px;
	left:11%;
	width:80%;
}

.searched {
	top:50px;
}
.searched #catfilter {
	top: -40px;
}

	.photography .project, .searched .project {
	    width: 28%;
	    float: left;
	    margin-bottom: 10%;
	}
	.gutter-sizer { width: 8%; }
	.photography .project a img {
		width: 100%;
		height: auto;
	}

.films {
	position: absolute;
  	height: 70%;
  	min-height: 350px;
 	top: 30%;
  	width: 100%;
  	white-space: nowrap;
	}

	.films .project {
	  position: relative;
	  top: 0;
	  display: inline-block;
	  margin-left: 170px;
	  height: 380px;
	  vertical-align: baseline;
	}

	.films .thumbnail {
		 position: relative;
		  margin: 0;
		  display: inline;

	}

	.films .thumbnail img {
		  position: relative;
		  height: 100%;
		  width: auto;
	}

.label{
	position: absolute;
	display: inline;
	left: 0;
	width:5%;
	height:100%;
}

.title {
	font-family: "Times New Roman", Times, serif;
	color:#444;
}

	.films .title {
		display: inline;
		left:-50px;
		text-align:center;
		position:absolute;
		bottom:190px;
		display: block;
	}

	.photography .title, .searched .title {
		display: none;
		position: absolute;
		top: 0;
		height: 100%;
		width: 100%;
		border: 15px solid rgba(0,0,0,0);
		padding: 8px 14px;
		background-color: rgba(255,255,255,0.6);
		background-clip: padding-box;
	}
	
	.photography .project:hover .title, .searched .project:hover .title {
		display: block;
	}


.rot {
	position:relative;
	left:-50%;
	max-height: 400px;
	}

	.rot a {
		height: 400px;
	}


.title span {
	clear: none;
	font-style:italic;
	display: inline;
	font-size: 15px;
}
.title h2 {
	clear: none;
	display: inline;
	font-style:italic;
	font-size:17px;
}

.title h3, .title h4, .title h5 {
	display: inline;
	font-style: normal;
	font-size: 14px;
}
		
	.films .title h3:before {
		content:" — ";
		margin:0 11px 0 13px;
	}
	.photography .title h3:before {
		content:"—";
		margin:0 5px 0 8px;
	}
	.title span:after, .title h4:before {
		content:"—";
		margin:0 13px 0 10px;
	}	
	
/*======== SINGLE POST =========*/

a#back {
	z-index:12;
	position:fixed;
	top:110px;
	left:50%;
	margin-left:-300px;
	font-size: 1.6em;
	font-family: "AkzidenzGrotesk-Medium";
}

#project {
	text-align:center;
	position:fixed;
	top:80px;
	left:50%;
	width:60%;
	margin-left:-30%;
	font-family:"Times New Roman", Times, serif;
}

#project h2 {
	display: block;
	margin-bottom:10px;
}
#project h2:after {
		content:"";
		margin:0;
	}
#project.title h3, #project.title h4, #project.title h5 {
	font-size:13px;
}
#container #buttons {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	letter-spacing:0.1em;
	text-align:center;
	display:inline-block;
	position:absolute;
	bottom:60px;
	width:100px;
	left:50%;
	top: 0px;
	margin-left:-50px;}

#container #buttons .active{
	font-weight:bold
}

#container.videos {
	position: absolute;
	height: calc(100% - 150px);
	width: 100%;
	top: 150px;
	min-height: 450px;
}

#container.videos p {
	text-align: center;
}
iframe {
	position:relative;
	width:712px;
	height:400px;
	margin-top: 100px;
}

#video_desc {

  	font-family: "Times New Roman", Times, serif;
  	font-size: 12px;
  	padding-left: 6px;
  	color: #666;
	position: relative;
	top: 45%;
	text-align: left;
	width:712px;
	margin: 0 auto;
	margin-top: 250px;
}


@media (max-height: 660px), (max-width: 960px) {

	.films .project {
		  margin-left: 150px;
		  height: 300px;
		}

	.films .title {
		bottom:140px;
		}

	iframe {
		height:300px;
		width: 534px;
	}
	#video_desc {
		top: 45%;
		margin-top: 150px;
		width: 534px;
	}
}



/**
 * 12.1 Posts and pages
 */

.hentry {
	background-color: #fff;
	padding-top: 7.6923%;
	position: relative;
}

.hentry.has-post-thumbnail {
	padding-top: 0;
}

.hentry.sticky:not(.has-post-thumbnail) {
	padding-top: -webkit-calc(7.6923% + 24px);
	padding-top: calc(7.6923% + 24px);
}

.hentry + .hentry {
	border-top: 1px solid rgba(51, 51, 51, 0.1);
}

.post-thumbnail {
	border: 0;
	display: block;
	margin-bottom: 2.4em;
}
.post-thumbnail img {
	display: block;
	margin: 0 auto;
}

a.post-thumbnail:hover,
a.post-thumbnail:focus {
	opacity: 0.85;
}

.entry-header {
	padding: 0 7.6923%;
}

.entry-title {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1538;
	margin-bottom: 0.9231em;
}

.entry-content,
.entry-summary {
	padding: 0 7.6923% 7.6923%;
}

.entry-content > :last-child,
.entry-summary > :last-child {
	margin-bottom: 0;
}

.entry-content,
.entry-summary,
.page-content,
.comment-content {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-content h1,
.entry-summary h1,
.page-content h1,
.comment-content h1 {
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1.1538;
	margin-top: 1.8462em;
	margin-bottom: 0.9231em;
}


.entry-content a img,
.entry-summary a img,
.page-content a img,
.comment-content a img {
	display: block;
}

.entry-content .more-link,
.entry-summary .more-link:after {
	white-space: nowrap;
}

.entry-content .more-link:after,
.entry-summary .more-link:after {
	content: "\f429";
	font-size: 16px;
	position: relative;
	top: 5px;
}

.author-info {
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(51, 51, 51, 0.1);
	margin: 0 7.6923%;
	padding: 7.6923% 0;
}

.author-info .avatar {
	float: left;
	height: 36px;
	margin: 0 1.6em 1.6em 0;
	width: 36px;
}

.author-heading {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	letter-spacing: 0.04em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.author-title {
	clear: none;
}

.author-bio {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	overflow: hidden;
	padding-bottom: 1px;
}

.author-description {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.author-description a {
	border-bottom: 1px solid #333;
}

.author-description a:hover,
.author-description a:focus {
	border-bottom: 0;
}

.author-description > :last-child {
	margin-bottom: 0;
}

.author-link {
	white-space: nowrap;
}

.author-link:after {
	content: "\f429";
	position: relative;
	top: 1px;
}

.entry-footer {
	background-color: #f7f7f7;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 3.8461% 7.6923%;
}

.entry-footer a {
	border-bottom: 1px solid transparent;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
}

.entry-footer a:hover {
	border-bottom: 1px solid #333;
}

.entry-footer a:hover,
.entry-footer a:focus {
	color: #333;
}

.sticky-post {
	background-color: #333;
	color: #fff;
	font-weight: 700;
	letter-spacing: 0.04em;
	padding: 0.25em 0.5em;
	position: absolute;
	top: 0;
	text-transform: uppercase;
}

.updated:not(.published) {
	display: none;
}

.sticky .posted-on {
	display: none;
}

.posted-on:before,
.byline:before,
.cat-links:before,
.tags-links:before,
.comments-link:before,
.entry-format:before,
.edit-link:before,
.full-size-link:before {
	margin-right: 2px;
	position: relative;
}

.posted-on,
.byline,
.cat-links,
.tags-links,
.comments-link,
.entry-format,
.full-size-link {
	margin-right: 1em;
}

.format-aside .entry-format:before {
	content: "\f101";
}

.format-image .entry-format:before {
	content: "\f473";
}

.format-gallery .entry-format:before {
	content: "\f103";
}

.format-video .entry-format:before {
	content: "\f104";
}

.format-status .entry-format:before {
	content: "\f105";
}

.format-quote .entry-format:before {
	content: "\f106";
}

.format-link .entry-format:before {
	content: "\f107";
}

.format-chat .entry-format:before {
	content: "\f108";
}

.format-audio .entry-format:before {
	content: "\f109";
}

.posted-on:before {
	content: "\f307";
}

.byline:before {
	content: "\f304";
}

.cat-links:before {
	content: "\f301";
}

.tags-links:before {
	content: "\f302";
}

.comments-link:before {
	content: "\f300";
}

.full-size-link:before {
	content: "\f402";
}

.edit-link:before {
	content: "\f411";
}

.comments-link,
.edit-link {
	white-space: nowrap;
}

.page-header {
	margin-top: 150px;
	text-align: center;
}

.page-title {
	width: 500px;
	/*background-color: #fdfdfb;*/
	padding: 0px 0 20px;
	margin: 0 auto;
	font-size: 1.9rem;
	line-height: 1.3333;
}

.taxonomy-description {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	padding-top: 0.4em;
}

.taxonomy-description a {
	border-bottom: 1px solid #333;
}

.taxonomy-description a:hover,
.taxonomy-description a:focus {
	border-bottom: 0;
}

.taxonomy-description > :last-child {
	margin-bottom: 0;
}

.page-content {
	/*background-color: #fdfdfb;*/
	width: 600px;
	padding: 0 0 30px 0;
	margin: 0 auto;
	font-family:"Times New Roman", Times, serif;
	font-size: 15px;
	text-align: center;
}

.page-content > :last-child {
	margin-bottom: 0;
}

.page-links {
	clear: both;
	margin-bottom: 1.3333em;
}

.page-links a,
.page-links > span {
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51, 51, 51, 0.1);
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	height: 2em;
	line-height: 2;
	margin: 0 0.3333em 0.3333em 0;
	text-align: center;
	width: 2em;
}

.page-links a {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0.3);
	background-color: #333;
	border-color: #333;
	color: #fff;
}

.page-links a:hover,
.page-links a:focus {
	background-color: #707070;
	background-color: rgba(51, 51, 51, 0.7);
	border-color: transparent;
	color: #fff;
}

.page-links > .page-links-title {
	border: 0;
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	height: auto;
	margin: 0;
	padding-right: 0.5em;
	width: auto;
}

.entry-attachment {
	margin-bottom: 1.6em;
}

.type-attachment .entry-title {
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}

.entry-caption {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
	line-height: 1.5;
	padding-top: 0.5em;
	word-wrap: break-word;
}

.entry-caption > :last-child {
	margin-bottom: 0;
}


/**
 * 12.2 Post Formats
 */

.format-aside .entry-title,
.format-image .entry-title,
.format-video .entry-title,
.format-quote .entry-title,
.format-gallery .entry-title,
.format-status .entry-title,
.format-link .entry-title,
.format-audio .entry-title,
.format-chat .entry-title {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3333;
	margin-bottom: 1.3333em;
}

.format-link .entry-title a:after {
	content: "\f442";
	font-size: 24px;
	height: 24px;
	position: relative;
	top: 0;
	width: 24px;
}

.blog .format-status .entry-title,
.archive .format-status .entry-title {
	display: none;
}


/**
 * 13.0 Footer
 */

.site-footer {
	position:fixed;
	bottom:5px;
	right:10px;
}



/**
 * 14.0 Media
 */

.site .avatar {
	border-radius: 50%;
}

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}

audio,
canvas {
	display: inline-block;
}

embed,
iframe,
object,
video {
	margin-bottom: 1.6em;
	max-width: 100%;
	vertical-align: middle;
}

p > embed,
p > iframe,
p > object,
p > video {
	margin-bottom: 0;
}

.wp-audio-shortcode,
.wp-video,
.wp-playlist.wp-audio-playlist {
	font-size: 15px;
	font-size: 1.5rem;
	margin-top: 0;
	margin-bottom: 1.6em;
}

.wp-playlist.wp-playlist {
	padding-bottom: 0;
}

.wp-playlist .wp-playlist-tracks {
	margin-top: 0;
}

.wp-playlist-item .wp-playlist-caption {
	border-bottom: 0;
	padding: 10px 0;
}

.wp-playlist-item .wp-playlist-item-length {
	top: 10px;
}


/**
 * 14.1 Captions
 */

.wp-caption {
	margin-bottom: 1.6em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0;
}

.wp-caption-text {
	color: #707070;
	color: rgba(51, 51, 51, 0.7);
	font-family: "Noto Sans", sans-serif;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5;
	padding: 0.5em 0;
}


/**
 * 14.2 Galleries
 */

.gallery {
	position:absolute;
	height:calc(100% - 130px);	
	min-height:350px;
	top:120px;
	width:100%;
	white-space:nowrap;
}

.gallery-item {
	position:relative;
	top:10%;
	display:inline;
	margin-left:1%;
	height:100%;
	overflow:hidden;
}

.gallery-item:first-child {
	margin-left:24%;
}
.gallery-item:last-child {
	margin-right:24%;
}

.gallery-icon {
	margin: 0;
	height:100%;
	display: inline;
}

.gallery-icon img {
	position:relative;
	height:83%;
	width:auto;
}

/* Pure CSS3 jQuery-Like fadeIn
---------------------------------------------------- */
.gallery-icon img {
	
	/* CSS needed for animation
	---------------------------------------------------- */
	opacity:0;
	-webkit-animation:fadeIn ease-in 1;
	-moz-animation:fadeIn ease-in 1;
	-o-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;
	-webkit-animation-fill-mode:forwards;
	-moz-animation-fill-mode:forwards;
	-o-animation-fill-mode:forwards;
	animation-fill-mode:forwards;
	-webkit-animation-duration:1s;
	-moz-animation-duration:1s;
	-o-animation-duration:1s;
	animation-duration:1s;
}

/* Key Frames
---------------------------------------------------- */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-o-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }


/**
 * 15.0 Media Queries
 */

/*
 * Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media (max-width: 960px) {
	.photography .project, .searched .project {
	    width: 43%;
	    margin-bottom: 15%;
	}
	.gutter-sizer { width: 14%; }

}

@media (max-width: 750px){
	
	.site-description, .site-title, body:not(.post-type-archive-moving_project, .single-stills_project) .site-header, .main-menu {
		position: absolute;
	}

	.main-menu {
		left: 190px;
		width: calc(100% - 190px);
	}

	
}

@media (max-width: 500px){


	.main-menu {
		left: 45%;
		width: 55%;
	}
	.site-title {
		left: 30px;
	}

	.photography .title h3, .photography .title h2, .searched .title h3, .searched .title h2 {
		font-size: 13px
	}

	.photography .title, .searched .title {
		border: 5px solid rgba(0,0,0,0);
		padding: 4px 7px;
	}

	.films {
  	min-height: 100px;
	}

	.films .project {
		  margin-left: 150px;
		  height: 200px;
		}

	.films .title {
		bottom:70px;
		}

	
	body:not(.single) .title h3 {
		display: none;
	}

	body.post-type-archive-moving_project #content,  body.single-stills_project .gallery {
		overflow-x: scroll;
		overflow-y: hidden;
		-webkit-transform: translateZ(0px);
		-webkit-transform: translate3d(0,0,0);
		-webkit-perspective: 1000;
	    -webkit-overflow-scrolling: touch; /*MAKES OVERFLOWN OBJECTS HAVE INERTIA SCROLLING*/
	    -webkit-transform: translateZ(0px); /*HELPS THE ABOVE WORK IN IOS5*/
	}

	#container.videos {
		height: auto;
		min-height: 0;
	}
	iframe {
		height:200px;
		width: auto;
		margin-top:0px;
		top: 20px;
		left:50%;
		transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	}
	#video_desc {
		top: 90px;
		width:300px;
		margin-bottom: 40px;
	}
	.gallery {
		min-height:50px;
	}
}