/*
 Theme Name:   Twenty Sixteen Child DavidK
 Theme URI:    http://davidk.com.au/
 Description:  Twenty Sixteen Child Theme for DavidK Website
 Author:       David Kirkpatrick
 Author URI:   http://davidk.com.au/
 Template:     twentysixteen
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-sixteen-child-davidk
*/

/* Prevent vertical scroll bar from dissapearing on short pages - making content seem offset compared to other pages. */
html {
	overflow-y: scroll;
	}

/* Adjust body text. */
body {
	line-height: 1.6;
}

/* Reduce space below paragraphs. */
p {
	margin-top: 0;
	margin-bottom: 0.75em;
}

/* Reduce margin below lists. */
ul {
	margin-bottom: 1em;
}

/* Add space between bullet points. */
li {
	margin-top: 0.2em;
}

/* Make heading text match body. */
h1, h2, h3, h4, h5, h6 {
	text-rendering: auto;
}

/* Adjust H4 image grid headings. */
.entry-content h4,
.entry-summary h4,
.comment-content h4,
.textwidget h4 {
	font-size: 16px;
	font-size: 1rem;
	text-transform: none;
	letter-spacing: normal;
	font-style: normal;
	font-weight: 500;
}
.pt-cv-title a {
	font-weight: 500;
}

/* Adjust H5 headings and reduce margins around them. */
.entry-content h5 {
	margin-top: 1.2em;
	margin-bottom: 0.375em;
	font-size: 17px;
	font-size: 1.0625rem;
	font-weight: 850;
}

/* Adjust H6 sub-headings. */
.entry-content h6 {
	margin-top: 1em;
	margin-bottom: 0.2em;
	font-size: 16px;
	font-size: 1rem;
	letter-spacing: normal;
	font-style: normal;
	font-weight: 550;
}

/* Adjust margins around images and captions. */
.wp-block-image {
    margin-bottom: 0 !important;
}
.custom-caption, .wp-block-image figcaption {
	/* Created custom-caption class to allow caption placement without necessarily having an image above */
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	color: #c1c1c1 !important; /* Brighten caption text */
	font-size: 0.8rem; /* Shrink caption text */
	line-height: 1.6153846154;
	font-style: italic;
	text-align: left;
}
.alignleft,
.wp-block-image .alignleft {
	margin-top: 0.2em !important;
	margin-right: 1.375em !important;
	margin-bottom: 0.375em !important;
}

/* Reduce margin below images in grids. */
.pt-cv-ifield > *,
.pt-cv-view .pt-cv-content-item > *,
.pt-cv-thumbnail {
	margin-bottom: 0.375em !important;
}

/* Override parent theme shifting bullet points further left than body text. */
.entry-content ul,
.entry-summary ul,
.comment-content ul,
.entry-content ol,
.entry-summary ol,
.comment-content ol {
	margin-left: 1em; /* Was 0 */
}

/* Remove hyperlink underlines. */
.entry-content a {
	box-shadow: none;
}

/* Adjust base entry title properties. */
.entry-title {
	margin-bottom: 0.75em;
	font-family: Merriweather, Georgia, serif;
	font-size: 17px;
	font-size: 1.0625rem;
	font-weight: 850;
}

/* Hide entry title on pages. */
.page .entry-title {
	display: none;
}

/* Hide entry meta on posts. Also requires adjusting margins below. */
.single-post .entry-footer,
.single-post .author-info {
display: none;
}

/* Footer */
.site-info {
	width: 100%;
	padding: 0.5em 0.5em;
	border-top: 1px solid #c1c1c1; /* Match separator line color */
	color: #c1c1c1; /* Text */
	text-align: center;
}

/* Separators */
.wp-block-separator {
	background-color: #c1c1c1; /* Match footer line color */
	margin-bottom: 1em; /* Remove excess space below separator */
}

/* Tables */
.wp-block-table {
	border: none !important; /* Fix div in table double border */
}
.wp-block-table table {
	margin-bottom: 0; /* Prevent double bottom margin caused by table inside figure div */
	table-layout: auto; /* Prevent hard-coded fixed layout where it should be toggled in Wordpress instead */
	border-collapse: collapse; /* Blend table and cell borders */
	border-width: 2px 1px 2px 1px; /* Thicken top and bottom borders */
	border-color: #d1d1d1; /* Match the rest of the table */
}
.wp-block-table table thead th {
	border-bottom-width: 2px; /* Thicken border between heading cells and rest of table */
}

/* Make sure screen sizes are ordered from small to large or CSS will break. */

/* Small Screen Settings */

/* Too much padding above and below header on small screens. */	
.site-header {
	padding: 1em 7.6923%; /* Was 2.625em 7.6923%.*/
}

/* Move text below left-aligned umages on small screens to avoid split text */	
.alignleft,
.wp-block-image .alignleft {
		float: none;
}

/* Medium Screen Settings */
@media screen and (min-width: 30em) {
	/* Too much padding above and below header on medium screens. */	
	.site-header {
		padding: 1em 7.6923%; /* Was 3.9375em 7.6923%. Now set to match small screen.*/
	}
	
	/* Remove gap where post meta used to be. */
	.entry-content {
		margin-left: 7.6923%;
		margin-right: 7.6923%;
	}
	
	/* Allow text next to left-aligned images on medium and large screens. */	
	.alignleft,
	.wp-block-image .alignleft {
		float: left;
	}
}

/* Large Screen Settings */
@media screen and (min-width: 61.5625em) {
	/* Too much padding above and below header on large screens. */	
	.site-header {
		padding: 1em 4.5455%; /* Was 5.25em 4.5455%. Now set to match small screen. */	
	}
	
	/* Too much space above footer on large screens. */	
	.site-main {
		margin-bottom: 6em; /* Was 7.0em */
	}
	
	/* Remove gap where post meta used to be. */
	body.no-sidebar:not(.search-results) article:not(.type-page) .entry-content {
		margin-left: 15%;
		margin-right: 15%;
		width: 70%;
	}

	/* Override logo max width for large screens. Needs functions.php adjustment too. */
	.custom-logo {
		max-width: 500px;
	}
}