/*
 Theme Name:   Twenty Sixteen Child
 Theme URI:    http://tech.fabsanchez.co.uk/twenty-sixteen-child/
 Description:  Twenty Sixteen Child Theme
 Author:       Fab Sanchez
 Author URI:   http://tech.fabsanchez.co.uk/
 Template:     twentysixteen
 Version:      1.0.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
*/

/* Move the post date, tags, cat to the bottom of the page */
@media screen and (min-width: 61.5625em) {
    body:not(.search-results) article:not(.type-page) .entry-content {
        width: 100%
    }
} 
/* Set entry footer to 100% continuing form above */
body:not(.search-results) article:not(.type-page) .entry-footer {
    float: left;
    margin-top: 0.1538461538em;
    width: 100%;
}
/* then set this one to "inline" to show the "/" as divider between the footer content: */
body:not(.search-results) article:not(.type-page) .entry-footer > span:not(:first-child):before {
	display: inline;
}
/* And finally set this one to "inline-block"  */
.single .byline,
.full-size-link,
body:not(.search-results).group-blog .byline,
body:not(.search-results) .entry-format,
body:not(.search-results) .cat-links,
body:not(.search-results) .tags-links,
body:not(.search-results) article:not(.sticky) .posted-on,
body:not(.search-results) article:not(.type-page) .comments-link,
body:not(.search-results) article:not(.type-page) .entry-footer .edit-link {
	display: inline-block;
	margin-bottom: 0.5384615385em;
}
/* all above from https://wordpress.org/support/topic/entry-footer-placement-in-one-line?replies=3 */

/* Reduces the space above and below the site header (too much space before)*/
.site-header {
    padding-bottom: 0;
    padding-top: 0;
}

.site-title {
	font-family: "Play";
    font-style: normal;
    font-weight: 400;
}

.site-branding .site-title a {
	color: black;
}

.site-branding .site-title a:hover {
	color: #7d4627;
}

h1 {
	font-size: 1.5rem;
	font-family: "gentium book basic";
    font-style: italic;
    font-weight: 400;
	text-transform: none;
	vertical-align: baseline;
}

/* Reduce the spacing between posts in the main page */
.site-main > article {
	margin-bottom: 3em;
	padding-bottom: 3px;
	padding-left: 2px;
	/*border-left: 2px solid black;*/
}

/* tech.fabsanchez.co.uk under the site title */
.site-description {
	font-style: italic;
	padding-left: 5px;
}

.comments-title, .comment-reply-title {
	border-top: none;
}

/* Top menu add border and background to match widgets */
.menu-top-menu-container {
	background-color: #f7e7d8;
	border-radius: 5px;
	border: 2px solid #dd5f32;
	/*border-top: 2px solid #dd5f32;
	border-bottom: 2px solid #dd5f32;*/
}

.menu-top-menu-container a:link, .menu-top-menu-container a:visited  {
    color: black;
}

.menu-top-menu-container a:hover  {
    color: #7d4627;
}

/* to stop menu dividers appearing after the menu item */
.nospan span{
    display: none;
}

/* Hide gravatar on the left of post */
/**
.single .byline {
	display: none;
}
*/

/* Posts */
.entry-title {
	font-size: 2.0rem;
	font-family: "gentium book basic";
    font-style: italic;
    font-weight: 500;
	text-transform: none;
	vertical-align: baseline;
	margin-bottom: 0.2em;
}

.entry-title  .emphasis {
	/*font: 800 64px/64px "open sans";*/
	font-size: 1.75rem;
	font-family: "Open Sans";
    font-style: normal;
    font-weight: 900;
	text-transform: uppercase;
	vertical-align: baseline;
}

.entry-title  {
	/** 
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/01/black-circuit-512.png);
	background-size: 16px 16px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left top;
	*/
	display: block;
	/* padding-left: 25px; */
}

.entry-title a:hover {
	color: #7d4627;
}

/* Entry footer is where the post info (posted date, author, cat, tags, ...) goes */
.entry-footer {
    color: #686868;
    font-family: Merriweather,Georgia,serif;
	font-style: italic;
	margin-left: 10px;
    /**
	font-size: 0.8125rem;
    line-height: 1.61538;
    margin-top: 2.15385em;
	*/
}

/* Inside a post, this is to try and sort the font of the h1, h2 */
.entry-content h1 {
	font-size: 2.0rem;
	font-family: "gentium book basic";
    font-style: italic;
    font-weight: 500;
	text-transform: none;
	vertical-align: baseline;
}

.entry-content h2 {
	font-size: 1.75rem;
	font-family: "gentium book basic";
    font-style: italic;
    font-weight: 600;
	text-transform: none;
	vertical-align: baseline;
}


/* Warning border and icon for warning stuff */
.fms-info, .fms-success, .fms-warning, .fms-error, .fms-validation {
border: 1px solid;
border-radius: 5px;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px 10px;
}
.fms-info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/icon-info.png');
}
.fms-success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/icon-check.png');
}
.fms-warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/icon-warning.png');
}
.fms-error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/icon-error.png');
}
/* Validation is for required inputs not being correct (different to error, apparently) */
.fms-validation {
color: #D63301;
background-color: #FFCCBA;
background-image: url('http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/icon-validation.png');
}
/* remove margins from fms stuff above for lists */
.fms ol, .fms ul {
	margin: 0px;
}


/* hide avatar image on author */
body:not(.search-results) article:not(.type-page) .entry-footer .avatar {
	display: none;
}

/* Add a person image next to the author name */
.byline {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/person-icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 14px;
	margin-left: 12px;
}

/* Add a calendar image next to the entry date */
.posted-on {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/calendar_icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center;
	padding-left: 14px;
	margin-left: 12px;
}

/* Under post title, next to the date, this is the category */
.cat-links {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/archive-icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center; 
	padding-left: 14px;
	margin-left: 12px;
}

/* Under post title, next to the categories, this is the tags */
.tags-links {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/tag-icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center; 
	padding-left: 14px;
	margin-left: 12px;
}

/* Under post title, next to the tags/catergories, this is the comments */
.comments-link {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/chat-icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center; 
	padding-left: 14px;
	margin-left: 12px;
}

/* Under post title, next to the comments, this is the edit post link (logged in only) */
.edit-link {
	background: url(http://tech.fabsanchez.co.uk/wp-content/uploads/2016/02/edit-icon.png);
	background-size: 12px 12px;
    background-repeat: no-repeat;
	background-color: transparent;
	background-position: left center; 
	padding-left: 14px;
	margin-left: 12px;
}


/* Add a rounded cornders and drop shadow to images in the post content */
/*.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {*/
.entry-content img {
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

a.more-link {
	transition: all 0.2s ease-in-out 0s;
	display: block;
	text-align: right;
	float: right;
    background-color: #DD5F32;
    /* margin: 10px 10px 0px;
    font-size: 20px;
    line-height: 1.2; */
    color: #FFF;
    border-radius: 5px;
    padding: 1px 15px 1px 15px;
}

a.more-link:hover {
    background-color: #F76C39;
}


/* Widget Menu (Right hand side) */
.widget {
	/* background-color: #f7e7d8; */
	padding: 0px 0px 5px 0px;
	background-color: #faf6Eb;
	border-top: 4px solid #dd5f32;
	border-bottom: 2px solid #dd5f32;
	/* border-left: 1px solid #dd5f32
    border-right: 1px solid #dd5f32; */
}

.widget_search {
	padding: 0px;
}

.widget .widget-title {
	margin-bottom: 0.3em;
	padding: 2px;
	background-color: #f7e7d8;
	padding-left: 10px;
	border-bottom: 1px solid #dd5f32;	
}

/* Sort out the listing in the widget (Side Menu) */
.widget  ul {
    list-style: none;
}


.widget a:link, .widget a:visited {
    color: #7d4627;
}

.widget a:hover {
    text-decoration: underline;
}

/* Footer */
.site-info {
	color: black;
}

.site-info a:link, .site-info a:visited {
	color: black;
	font-weight: bold;
}

.site-info a:hover {
    color: #7d4627;
	text-decoration: none;
}

.site-footer {
	padding-bottom: 0;
}