/*
Theme Name: Minimum Gallery
Theme URI: http://taboyce.com/
Author: Tony Boyce
Author URI: http://taboyce.com/
Description: Description
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain:
Domain Path: 
Tags:
----------------------------------------------- */
/*! normalize.css v2.1.3 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
	display:block;
}

/**
 * Self clear floats
 */
.clearfix:before,.clearfix:after {
	content:" ";
	display:table;
}

.clearfix:after {
	clear:both;
}

.clearfix {
	*zoom:1;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,canvas,video {
	display:inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display:none;
	height:0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],template {
	display:none;
}

/* ==========================================================================
   Base
   ========================================================================== */
body,h1,h2,h3,p,ul,li {
	padding:0;
	margin:0;
	font-size:100%;
}

html {
	font-size:62.5%;
	-ms-text-size-adjust:100%;
/* 2 */
	-webkit-text-size-adjust:100%;
/* 2 */
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background:transparent;
}

/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
	outline:thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,a:hover {
	outline:0;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
	border:0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
	overflow:hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
	margin:0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border:1px solid silver;
	margin:0 2px;
	padding:.35em .625em .75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border:0;
/* 1 */
	padding:0;
/* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,input,select,textarea {
	font-family:inherit;
/* 1 */
	font-size:100%;
/* 2 */
	margin:0;
/* 3 */
	border-radius:0;
	-webkit-appearance:none;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,input {
	line-height:normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,select {
	text-transform:none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance:none;
/* 2 */
	cursor:pointer;
/* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],html input[disabled] {
	cursor:default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
/* 1 */
	padding:0;
/* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance:none;
/* 1 */
	-moz-box-sizing:content-box;
	-webkit-box-sizing:content-box;
/* 2 */
	box-sizing:content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,input::-moz-focus-inner {
	border:0;
	padding:0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
	overflow:auto;
/* 1 */
	vertical-align:top;
/* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse:collapse;
	border-spacing:0;
	font-size:18px;
	font-size:1.8rem;
	margin:16px auto;
}

td,th {
	padding:4px 16px;
}

/* =Global
----------------------------------------------- */
/* apply a natural box layout model to all elements: http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
*,:before,:after {
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.chromeframe {
	position:absolute;
	top:0;
}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/
a {
	color:#444;
	text-decoration:none;
}

a:hover {
	color:#000;
}

.the-content a {
	font-weight:400;
}

a[href^="http"]:empty::before {
	content:attr(href);
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
	background:#3e78f4;
	color:#fff;
	text-shadow:none;
}

::selection {
	background:#3e78f4;
	color:#fff;
	text-shadow:none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color:#3e78f4;
}

ins {
	background-color:#3e78f4;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#3e78f4;
	color:#000;
	font-style:italic;
	font-weight:700;
}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder {
	color:#a9a9a9;
}

textarea:-moz-placeholder {
	color:#a9a9a9;
}

body,button,input,select,textarea {
	font-family:'Open Sans',Helvetica,Arial,sans-serif;
	font-weight:400;
	font-size:100%;
	color:#444;
}

img {
	max-width:100%;
	height:auto;
	display:block;
}

.wp-caption {
	max-width:100%;
}

.aligncenter,.alignnone,.size-large,.size-portrait {
	margin:12px auto 36px;
	margin:1.2rem auto 3.6em;
}

.alignleft {
	float:left;
	margin:8px 0;
	margin:.8rem 0;
	margin-right:16px;
	margin-right:1.6rem;
}

.alignright {
	float:right;
	margin:8px 0;
	margin:.8rem 0;
	margin-left:16px;
	margin-left:1.6rem;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
	border-bottom:1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,strong {
	font-weight:700;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
	font-style:italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing:content-box;
	box-sizing:content-box;
	height:0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background:#ff0;
	color:#000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,kbd,pre,samp {
	font-family:monospace,serif;
	font-size:1.6rem;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
	white-space:pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
	quotes:"\201C" "\201D" "\2018" "\2019";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size:80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline;
}

sup {
	top:-.5em;
}

sub {
	bottom:-.25em;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/* Headings */
h1,h2,h3,h4,h5,h6 {
	font-weight:400;
	clear:both;
	margin:0;
}

h1 {
	font-size:4rem;
}

h2 {
	font-size:3.6rem;
}

h3 {
	font-size:3.2rem;
}

h4 {
	font-size:2.8rem;
}

h5 {
	font-size:2.4rem;
}

h6 {
	font-size:2rem;
}

.site-title {
	font-size:36px;
	font-size:3.6rem;
	text-align:center;
	font-family:Georgia,Times,serif;
	font-weight:400;
}

.site-description {
	font-size:18px;
	font-size:1.8rem;
	text-align:center;
}

h1.post-title,h2.post-title {
	font-size:24px;
	font-size:2.4rem;
}

p {
	font-size:18px;
	font-size:1.8rem;
	line-height:1.5;
	margin-bottom:12px;
	margin-bottom:1.2rem;
}

.wp-caption-text {
	text-align:center;
	font-size:15px;
	font-size:1.5rem;
	line-height:2;
	color:#666;
	font-style:italic;
	padding-top:8px;
}

/* ==========================================================================
   Layout
   ========================================================================== */
html,body {
	height:100%;
}

body {
	background:#f0f0f0;
	min-height: 100vh;
    display: flex;
    flex-direction: column;
    height: 100vh;
}

/* https://stackoverflow.com/questions/10127618/how-can-i-toggle-a-div-to-reveal-content-with-css */
/* http://jsfiddle.net/davidThomas/Nyq8u/1/ */
.box {
	width: 100%;
	position: absolute;
	top: 0;
	padding: 0 2%;
	z-index: 999;
	background: #fff;
    height: 0;
    overflow: hidden;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -0-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.box .inner {
	max-width: 840px;
	display: block;
	margin: 0 auto;
}

.box:target {
    height: 100%;
    overflow: auto;
    padding: 2%;
    -webkit-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -0-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.info {
	position:absolute;
	left:2.5%;
	top:20px;
	cursor:pointer;
	display:block;
	width:30px;
	height:30px;
	background:url(images/info.png) no-repeat;
	text-indent:-9999px;
}

.close{
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor:pointer;
    font-size: 3.4em;
    border: none;
    background-color: transparent;
}

.container {
	max-width:1040px;
	width:96%;
	background:#fff;
	padding:0 2%;
	margin:0 auto;
	position:relative;
	flex-shrink: 0;
}

.container.main {
	flex: 1 0 auto;
	display: flex;
}

header.container {
	padding-bottom:16px;
	padding-bottom:1.6rem;
	padding-top:12px;
	padding-top:1.2rem;
	margin-top:16px;
	margin-top:1.6rem;
	position:relative;
}

footer.container p {
	font-size: 14px;
	font-size: 1.4rem;
}

.single header.container {
	padding:0;
	height:12px;
	overflow:visible!important;
	z-index:999;
}

.single .site-title a {
	text-indent:-9999px;
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	left:3%;
	top:12px;
	background:url(images/home-icon.png) no-repeat;
}

.single .site-title a:hover {
	opacity:.6;
}

.gallery-caption {
	display:none;
}

.home article {
	width:20%;
	overflow:hidden;
	position:relative;
	float:left;
	margin:0;
}

.home article:hover {
	opacity:.6;
}

.home article img {
	width:100%;
}

.home article.album a:before{
	content: url(images/gallery.png);
	position: absolute;
	z-index: 999;
	right: 12px;
	top: 8px;
}

.home .post-title {
	display:none;
}

.post-title {
	text-align:center;
	font-weight:400;
}

#content {
	width:100%;
	position:relative;
}

.single #content {
	display: flex;
	align-items: center;
	justify-content: center;
}

.single .post-title {
	margin-bottom: 8px;
}



nav.single {
	overflow:hidden;
	width:100%;
	position:absolute;
	top:48vh;
	right:0;
}

nav.single .previous {
	float:left;
	margin-bottom: 0;
}

nav.single .next {
	float:right;
	margin-bottom: 0;
}

nav.single a {
	display: block;
	width: 28px;
	height: 36px;
	padding: 4px;
	background: rgba(255, 255, 255, 0.4);
}

.attachment #content {
	width:100%;
	display: flex;
	flex-flow: column;
}

.attachment article {
	position:relative;
}

.attachment .image-link {
	left:0;
	top:3.1em;
	width:100%;
	overflow:hidden;
	position:absolute;
	top:0;
	right:0;
}

.image-link .nav-next {
	float:right;
}

.image-link .nav-previous {
	float:left;
}

.image-link .nav-next a {
	display:block;
	overflow:hidden;
	border-left:solid 2px #fff;
	border-bottom:solid 2px #fff;
}

.image-link .nav-previous a {
	display:block;
	overflow:hidden;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
}

.image-link a:hover {
	opacity: .4
}

.attachment .caption {
	font-size:1.4em;
	text-align:center;
	font-style:italic;
	margin-top:.5em;
	color:#7c7c7c;
}

.attachment h1 {
	text-align:center;
	font-size:2.4em;
	margin-bottom:.5em;
}

.attachment h1 a:hover{
	opacity: .4
}

.attachment img {
	margin:0 auto;
}

.the-content {
	width:100%;
	overflow:hidden;
	margin:0 auto;
}

.the-content img {
	margin: 0;
}
.portrait .the-content {
	width:72%;
}

.square .the-content {
	width:76%;
}

.the-content ul {
	padding-left:24px;
	margin:12px 0;
}

.the-content li,.the-content dl,.the-content dt {
	font-size:18px;
	font-size:1.8rem;
	margin-bottom:8px;
}

/*
 *
 * Wordpress Gallery
 *
 */
.gallery {
	width:100%;
	float:left;
	margin:24px auto;
	margin:2.4rem auto 0;
}

.gallery-item img {
	display:block;
	margin:0 auto;
}

.gallery-item .gallery-icon {
	margin:0;
}

.gallery-item .gallery-caption {
}

.gallery-columns-3 .gallery-item {
	width:33.333%;
	float:left;
	margin:0 0 28px;
	margin:0 0 2.8rem;
}

.gallery-columns-4 .gallery-item {
	width:25%;
	float:left;
	padding:0 1%;
	margin:0 0 20px;
	margin:0 0 2rem;
}

@media only screen and (max-width: 479px) {
	.gallery-columns-4 .gallery-item {
		width:25%;
		float:left;
		padding:0 1%;
		margin:0 0 10px;
		margin:0 0 1rem;
	}
	}
.gallery-columns-5 .gallery-item {
	width:20%;
	float:left;
	margin:0 0 20px;
	margin:0 0 2rem;
}

/* http://cssicon.space/#/icon/arrow-left */
.arrow-right.icon {
	color:#000;
	float:right;
	position:relative;
	margin-left:2px;
	margin-top:15px;
	width:20px;
	height:2px;
	background-color:currentColor;
}

.arrow-right.icon:before {
	content:'';
	position:absolute;
	right:1px;
	top:-9px;
	width:20px;
	height:20px;
	border-top:solid 2px currentColor;
	border-right:solid 2px currentColor;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.arrow-left.icon {
	color:#000;
	float:left;
	position:relative;
	margin-left:2px;
	margin-top:15px;
	width:20px;
	height:2px;
	background-color:currentColor;
}

.arrow-left.icon:before {
	content:'';
	position:absolute;
	left:1px;
	top:-9px;
	width:20px;
	height:20px;
	border-top:solid 2px currentColor;
	border-right:solid 2px currentColor;
	-webkit-transform:rotate(-135deg);
	transform:rotate(-135deg);
}

footer.container {
	padding: 1rem 0 2.4rem;
	margin-bottom: 2.4rem;
	text-align:center;
	background:#fff;
}

footer.container p {
	margin: 0;
}

/* Simple contact form */
#simple-contact-form form { 
	max-width: 600px; 
	overflow: hidden;
	margin: 0 auto;
	padding: 2%;
	font-size: 16px;
} 
#simple-contact-form fieldset {
	 width: 100%; 
	 overflow: hidden;
	 border: 0; 
	 padding: 0;
} 

#simple-contact-form fieldset label,
.scf-confirm-checkbox {
	display: none;
}

.scf input, .scf textarea { 
	margin: 0; 
	width: 100%;
	color:#444;
	text-indent:2%;
	padding:4px 0;
	margin-top: .1em;
	margin-bottom:1em;
	border:1px #040404 solid;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-appearance:none;
	-moz-appearance:none;
}

.scf-name, .scf-email, .scf-subject, .scf-message {
	padding: 0 1%;
	margin: 0;
	width: 100%;
}

fieldset.scf-response  {
	display: flex;
	width: 100%;
	flex-direction: row;
}

.scf-submit {
	padding: 0 1%;
}

#scf-button, .scf_reset a {
	width: 36%;
	text-align: center;
	color: #040404;
	background-color:transparent;
	border: solid 1px #040404;
	margin-bottom: 24px;
	-webkit-appearance:none;
	-webkit-border-radius:2px;
	border-radius:2px;
	-webkit-box-shadow:none;
	box-shadow:none;
	cursor:pointer;
	display:inline-block;
	font-size:22px;
	font-size:1.8rem;
	letter-spacing: .2em;
	font-weight: 700;
	line-height:1;
	padding: 1em 2em;
	text-shadow:none;
    background-position: center;
	-webkit-transition:background .8s;
	transition:background .8s;
	z-index: 999;
}

#scf-button:hover, .scf_reset a:hover {
   background: #a4a9ac radial-gradient(circle, transparent 1%, #ebebeb 1%) center/15000%;
}

#scf-button:active, .scf_reset a:active {
  background-color: #acacac;
  background-size: 100%;
  transition: background 0s;
}

#scf_success pre { 
	white-space: pre-wrap; 
} 
p.scf_error, p.scf_spam { 
	color: #cc0000; 
} 

p.scf_success { 
	color: #669966;
} 
.scf-confirm-checkbox { 
	margin-top: 15px;
} 
.scf-website3dhhsy3 { 
	display: none; 
}

@media only screen and (max-width: 479px) {
	.scf-submit {
	padding: 0;
	}

#scf-button {
	width: 100%;
	}
}

@media screen and (max-width: 1000px) {
	
}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (max-width: 767px) {
	header.container {
		margin-top:0;
	}

	.container {
		width:100%;
	}

	.home article {
		width:25%;
	}
	.portrait .the-content, .square .the-content {
		width:100%;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
	.site-title {
		font-size:28px;
		font-size:2.8rem;
	}
	
	.home article {
		width:33.333%;
	}
	
	nav.single {
		width:100%;
	}
		
	h1.post-title,h2.post-title {
		font-size:20px;
		font-size:2rem;
		display:block;
		margin:0 auto;
		width:74%;
		white-space:nowrap;
		overflow:hidden;
	}
	
	.info {
		left:2%;
		top:14px;
	}
	
	.image-link .nav-next {
		float:right;
	}
	
	.image-link .nav-previous {
		float:left;
	}
	
	.image-link .nav-next,.image-link .nav-previous {
		width:18%;
	}
}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 320px) {
	
}