/*
Theme Name: Twenty Seventeen child
Theme URI: https://glanceimage.co.uk
Author: Terry Rook
Author URI: https://glanceimage.co.uk
Template: twentyseventeen
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twenty-seventeen-child
Tags: 
*/

@import url("../twentyseventeen/style.css");

/* 16px = 1rem - Multiply pixels by 0.0625 */

/* Footer */
.site-info {
	font-size: 16px;
	font-size: 1rem;
	color: #767676;
	width: 64%;
/*	margin-bottom: 1em;*/
}

.site-footer .wrap {
	padding-bottom: 1em;
	padding-top: 1.5em;
}

.site-info a {
	color: #767676;
}

/* End Footer */

/* Art page */
div#art-wrap {
	text-align: center;
	max-width: 800px;
	margin: 0 auto;
}

div.art-button {
	display: inline-block;
	padding: 0 20px 44px 20px;
}

/* Image hover */
div.art-button a img.art:hover {
	opacity: .8;
}

/* End Art page */

/* Fix for empty para */
p:empty {
	margin: 0;
	padding: 0;
}
/* Home page header */
.custom-logo-link img {
    max-height: 150px !important;
}

/* Contact form 7 */
.panel-content .wrap {
    padding-bottom: 0;
/*    padding-top: 6em;*/
}

/* Page width wrap */
.wrap {
	/* margin-left: auto; */
	/* margin-right: auto; */
	max-width: 100%;
	/* padding-left: 2em; */
	/* padding-right: 2em; */
}
 
@media screen and (min-width: 48em) {
	.wrap {
		/*max-width: 100%;*/
		/* padding-left: 3em; */
		/* padding-right: 3em; */
	}
}
 
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
	/*margin-left: auto;*/
	/*margin-right: auto;*/
	/*max-width: 100%;*/
}

@media screen and (min-width: 30em) {
	.page-one-column .panel-content .wrap
	{
		/*max-width: 100%;*/
	}
}
/* End Page width */

/* Page contents */
.single-post:not(.has-sidebar) #primary, .page.page-one-column:not(.twentyseventeen-front-page) #primary, .archive.page-one-column:not(.has-sidebar) .page-header, .archive.page-one-column:not(.has-sidebar) #primary {
    max-width: 1100px;
}

/* Page content meta data */
.entry-meta {
	display: none;
}
/* Videos */
div.video-title {
	text-align: center;
	margin: 10px 0 5px 0;
}
.video-title h2 {
	margin: 30px 0 0 0;
}
.video {
    position: relative;
    padding-bottom: 56.25%;
	/*padding-top: 35px;*/
    height: 0;
    overflow: hidden;
}
.video iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* End Videos */