/*
Theme Name: Twenty Sixteen Photo Theme
Theme URI: http://blog.sowerby.me
Author: Stuart Sowerby
Author URI: http://blog.sowerby.me
Template: twentysixteen
Description: Child theme for Twenty Sixteen. Twenty Sixteen is a modernized take on an ever-popular WordPress layout — the horizontal masthead with an optional right sidebar that works perfectly for blogs and websites. It has custom color options with beautiful default color schemes, a harmonious fluid grid using a mobile-first approach, and impeccable polish in every detail. Twenty Sixteen will make your WordPress look beautiful everywhere.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, red, white, yellow, dark, light, one-column, two-columns, right-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, flexible-header, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twenty-sixteen-photo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you’ve learned with others.
*/

/* START Background Image Support */
/* Make background fit */
/*
body {
     -webkit-background-size: auto 105%;
     -moz-background-size: auto 105%;
     -o-background-size: auto 105%;
     background-size: auto 105%;
}
*/

/* Make site background semi-transparent */
/*
.site {
background-color: rgba(38, 38, 38, 0.6);
}
*/

/* Centre captions. */
.ccfic,
.wp-caption-text {
    text-align: center;
}

.nivo-prevNav,
.nivo-nextNav,
.nivo-control,
.flex-prev,
.flex-next {
	box-shadow: 0 1px 0 0 transparent!important;
}

.nivo-caption {
	font-size: 0.75em;
}

.gallery-caption {
	display: none;
}

.jp-carousel-slide img {
	display: block;
	width: 150% !important;
	height: 150% !important;
	max-width: 200% !important;
	max-height: 200% !important;
}

/* WP Lightbox settings */
#imageContainer,
#imageDataContainer {
   background-color: #474747;
}
#lightbox a img {
    display: none;
}

/* START set font colours */
/*
body, button, input, select, textarea {
color: #fff;
}

.main-navigation .primary-menu > li a,
.entry-title a,
.site-branding .site-title a,
.gallery-caption,
.social-navigation a,
.post-navigation a,
.comment-metadata a, 
.pingback .comment-edit-link,
.comment-reply-link,
a {
color: #b3ffff;
}

 widget {
border-color: #fff;
}

.menu-toggle {
    color: #fff;
}

.wp-caption .wp-caption-text,
.gallery-caption,
.site-description,
.entry-footer a,
.post-navigation .meta-nav,
.comment-form label {
    color: #d9d9d9;
}

.main-navigation ul ul li {
	background-color : #1a1a1a;
}
*/
/* END set font colours */
/* END Background Image Support */

/* Set font */
a,
h1,
.entry-title,
.site-description,
.menu-toggle {
font-family: 'Oregano', cursive;
}

/* Removes padding from top of page */
#masthead {
padding-top: 0px !important;
padding-bottom: 0px !important;
}

 /* Keep tagline on screen at all times and increase size */
 .site-description {
     display: block;
	 font-size: 1em;
 }

/* START Maximise screen space */
.entry-content, .entry-summary, .entry-footer, .comments-area, .image-navigation, .post-navigation, .page-header, .page-content, .content-bottom-widgets {
		margin-right: 0.5em;
		margin-left: 0.5em;
	}
	
.no-sidebar .entry-content,
.post-thumbnail {
		margin-right: 0;
		margin-left: 0;
	}
	
.entry-title {
	margin-bottom: 0.25em;
}

.site-branding {
		margin-top: 1em;
		margin-bottom: 1em;
	}
	
.site-main,
.content-bottom-widgets .widget-area {
    margin-bottom: 1em;
}
/* END Maximise screen space */
	
/* Hide "Proudly Powered By Wordpress" */
.site-info {
	display: none;
}

/* Content Views align to middle properly */
.pt-cv-wrapper img {
    display: inline!important;
}
.pt-cv-wrapper {
	text-align: center;
}
.pt-cv-wrapper a {
	font-size: 0.8em;	
	text-transform: none;
	box-shadow: 0 1px 0 0 transparent!important;
}

/* display-posts alignment - doesn't work :-( */
.display-posts-listing .ccfic {
	display: none;
}

.display-posts-listing {
	text-align: center;
}
.display-posts-listing img {
	display: inline;
    	margin: 0;
}

/* Stop subscription widget getting too big and hide title */
.jetpack_subscription_widget,
.contact-form {
	max-width: 45em;
	margin: auto;
}
.jetpack_subscription_widget .widgettitle {
	display: none;
}

/* Centre the social icons */
.site-footer .social-navigation {
    margin: auto;
}

.entry-content li {
	list-style-position: inside;
}

@media screen and (max-width: 56.875em) {
	/* Margin offsets for mobile view */
	.entry-content p,
	.site-content h1,
	.site-content h2,
	.site-content h3,
	.site-content h4,
	.display-posts-listing,
	.wp-caption-text,
	.contact-form {
		margin-right: 0.5em;
		margin-left: 0.5em;
	}

	.entry-content ul,
	.entry-content li {
		margin-right: 1.5em;
		margin-left: 1.5em;
	}

	/* Hide metaslider captions on mobile, they just get in way. */
	.metaslider .caption,
	.metaslider .cs-title,
	.metaslider .nivo-caption {
		display: none!important; 
	}
}
	
@media screen and (min-width: 56.875em) {
	/* Set size of lighter bar around edge */
	.site {
		margin: 21px 2%;
	}
	
	/* Overall padding from edge */
	.site-content {
		padding: 0 0.5em;
	}
	
	/* Extra padding for text and other items so they are aligned with the images. */
	.site-content p,
	.site-content h1,
	.site-content h2,
	.site-content h3,
	.site-content h4,
	.entry-content ul,
	.entry-content li,
	.display-posts-listing,
	.pt-cv-wrapper {
		padding: 0 3em;
	}

	.jetpack-portfolio-shortcode {
		padding: 0 3.5em!important;
	}
}

@media screen and (min-width: 61.5625em) {
	/* Makes the content full width (1200px) */
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
		float: none;
		margin-left: 0;
		width: 100% !important;
	}
	
	/* BEGIN Moves the post footer to the bottom */
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer
	{
		float: none;
		margin-top: 1.5em;
		margin-left: 3.5em;
		width: 100%;
	}
	.single .byline, .full-size-link,
	body.no-sidebar.group-blog:not(.search-results) .byline,
	body.no-sidebar:not(.search-results) .entry-format,
	body.no-sidebar:not(.search-results) .cat-links,
	body.no-sidebar:not(.search-results) .tags-links,
	body.no-sidebar:not(.search-results) article:not(.sticky) .posted-on,
	body.no-sidebar:not(.search-results) article:not(.type-page) .comments-link,
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer .edit-link
	{
   		display: inline;
	}
  	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer > span:not(:last-child):after
	{
		display: inline;
	}
	
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-footer .avatar
	{
		display: inline;
		margin: auto 0.3em 1em auto;
		width: 27px;
	}
	/* END Moves the post footer to the bottom */
}

/* Plain Front Page with just background */
/*
.page-id-111 .site {
background-color: rgba(38, 38, 38, 0.0);
}

.page-id-111 .site-footer,
.page-id-111 .widget-area,
.page-id-111 .entry-title {
	display: none;
}
*/

/* Display posts columns support */
/*
.five-sixths,
.four-sixths,
.four-fifths,
.one-fifth,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-fifths,
.three-sixths,
.two-fourths,
.two-fifths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 1.66666666667%;
}
 
.one-half,
.three-sixths,
.two-fourths {
	width: 49.1666666667%;
}
 
.one-third,
.two-sixths {
	width: 32.2222222222%;
}
 
.four-sixths,
.two-thirds {
	width: 66.1111111111%;
}
 
.one-fourth {
	width: 23.75%;
}
 
.three-fourths {
	width: 74.5833333333%;
}
 
.one-fifth {
	width: 18.6666666667%;
}
 
.two-fifths {
	width: 39%;
}
 
.three-fifths {
	width: 59.3333333333%;
}
 
.four-fifths {
	width: 79.6666666667%;
}
 
.one-sixth {
	width: 15.2777777778%;
}
 
.five-sixths {
	width: 83.0555555556%;
}
 
.first {
	clear: both;
	margin-left: 0;
}
*/
