/*
Theme Name: Baskerville Child
Description: Baskerville Child Theme
Author: Bert Vertessen
Author URI: https://www.asiohead.com
Template: baskerville
Version: 1.0.0
Tags: blog, three-columns, right-sidebar, custom-colors, custom-header, custom-menu, editor-style, featured-images, footer-widgets, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, portfolio, grid-layout
Text Domain: baskerville


-----------------------------------------------------------------------------------

	0.	CSS Reset & Clearfix
	1.	Document Setup
	2.  Structure
	3.	Header
	4.	Navigation
	5.	Main Content
	6.  Single post
	7.	Post Content
	8.	Comments
	9.	Pagination
	10.	Page & Page Templates
	11.	Sidebar
	12.	Footer
	13. Credits
	14.	Responsive

----------------------------------------------------------------------------------- */

/*
	Theme properties
	
	general theme text and icon colour: #2d78b8

*/


@import 'https://fonts.googleapis.com/css?family=Syncopate:400,700';

/* -------------------------------------------------------------------------------- */
/*	1. Document setup
/* -------------------------------------------------------------------------------- */


body a {
	color: #2d78b8;
	text-decoration: none;
}

body a:hover {
	color: #2d78b8;
	text-decoration: none;
}


/* -------------------------------------------------------------------------------- */
/*	3. Header
/* -------------------------------------------------------------------------------- */

.header { 
	padding: 35px 0; /*default was 70px */
	height: 192px;
}

.header .cover { background: rgba(29,29,29,0.05); }

.blog-title {
	font-family: 'Syncopate', sans-serif;
	/* font-family: 'Verdana', sans-serif; */
	font-size: 3.25em;
	text-align: center;
	font-weight: bold;
	/* text-shadow: 1px 1px 2px rgba(0,0,0,0.25); */
}

/*.blog-title a { color: #efdcac; } */
.blog-title a { 
	color: #dfd8cb; 
	-webkit-text-fill-color: #dfd8cb; /* Will override color (regardless of order) */
	-webkit-text-stroke-width: 2px;
	-webkit-text-stroke-color: black;
}

 .blog-title a:hover { 
	color: #e2d6a6; 
}



.header .logo img {
	
  max-height: 120px;
}


/* Header Icons Social Media */

#header_icons {
	float: left;
	margin-top: 20px;
	padding-left: 15px;	
}

#header_icons img {
	/*height: 56px;
	width: 56px;*/
	margin-left: 4px;
}



/* -------------------------------------------------------------------------------- */
/*	5. Content
/* -------------------------------------------------------------------------------- */

.post-header .post-title a { color: #2B3542; }
.post-header .post-title a:hover { color: #2d78b8; }

.posts .post-meta a:hover { color: #2d78b8; }

/*  Post inner  ----------------------------------------- */

.posts .post-meta a.post-date:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/clock-c.png); }
.posts .post-meta a.post-comments:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/comment-c.png); }
.posts .post-meta a.zilla-likes:hover,
.posts .post-meta a.zilla-likes.active { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/heart-c.png); color: #2d78b8; }

.posts .post-meta a.post-edit-link:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/edit-c.png); }

/* format link */


.post-link {
	padding: 10%;
	background: #2B3542;
	color: #fff;
}

.post-link a { 
	color: #2d78b8; 
	padding-left: 23px;
	background: url(/wp-content/themes/baskerville-child/images/icons/1x/link-c.png) no-repeat left center;
	background-size: 16px auto;
}

.post-link a:hover { 
	color: #2d78b8; 
	text-decoration: underline;
}

.single .post-link p,
.single .post-quote blockquote {
	font-size: 1.75em;
}



/* p57 page index generator */
.p57_page_thumb {
    border-radius: 25px;
    border: 6px solid black;
    width: 380px;
    height: 260px;
}

.p57_page_thumb_holder {
	margin: auto;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	text-align: center;
	width: 400px;
}

.p57_page_thumb_holder h5 {
	text-align: center;
}

.p57_page_thumb_holder p {
	font-size: 0.9rem;
	background: #eaedf2;
	font-style: italic;
	color: black;
}


/* download links */
.downloadbutton {
	display: inline-block;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	float: none;
	z-index: auto;
	width: auto;
	height: auto;
	position: static;
	cursor: pointer;
	opacity: 1;
	margin: 0;
	padding: 2px 8px;
	overflow: hidden;
	border: 1px solid #5f8199;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font: normal 16px/normal Verdana, Geneva, sans-serif;
	color: rgba(178,211,233,0.9);
	-o-text-overflow: clip;
	text-overflow: clip;
	background: #5f8199;
	-webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
	text-shadow: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
	-webkit-transform: none;
	transform: none;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}

.downloadbutton:hover {
	text-decoration: none;
	color: white;
}

/* new album, attention shout */
.newalbumshout {
	transform: rotate(-8deg);
	width: 60%;
	padding: 0px;
	margin: 0px;
}



/* -------------------------------------------------------------------------------- */
/*	6. Single post
/* -------------------------------------------------------------------------------- */

.single .post-meta a { color: #9499A0; }
.single .post-meta a:hover { color: #2d78b8; }

.post-author:before {
	z-index: 100;
	top: 0;
	width: 40px;
	height: 70px;
	background: #2d78b8 url(/wp-content/themes/baskerville-child/images/icons/1x/author-w.png) no-repeat center 29px;
	background-size: 22px auto;
}

.post-author:after {
	top: 50px;
	border: 20px solid transparent;
	border-left-color: #2d78b8;
	border-right-color: #2d78b8;
}

/* post navigation */

a.post-nav-prev:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/prev-c.png); }
a.post-nav-next:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/next-c.png); }
.single a.post-edit-link:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/edit-c.png); }

.author-links a:hover { background-color: #2d78b8; }

/* -------------------------------------------------------------------------------- */
/*	7. Post content
/* -------------------------------------------------------------------------------- */

/* Post media --------------------------------------- */

img.alignleft,
.alignleft img,
img.aligncenter,
.aligncenter img,
img.alignright,
.alignright img {
	box-sizing: border-box;  /* p57 remove border from images */
	padding: 5px;
	border: 0px solid #EEE;
}


/* Forms --------------------------------------- */

.post-content fieldset legend {
	font-family: 'Roboto Slab', sans-serif;
	font-size: 0.9rem;
	line-height: 1;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	padding: 10px 12px;
	background: #2d78b8;
	color: #fff;
}

.post-content input[type="submit"]:hover,
.post-content input[type="reset"]:hover,
.post-content input[type="button"]:hover {
	cursor: pointer;
	background: #2d78b8;
	color: #fff;
}


/* -------------------------------------------------------------------------------- */
/*	8. Comments
/* -------------------------------------------------------------------------------- */

/* comment */

.comment.bypostauthor:after {
	content: "";
	display: block;
	width: 32px;
	height: 32px;
	background: #2d78b8 url(/wp-content/themes/baskerville-child/images/icons/1x/author-w.png) no-repeat center 8px;
	background-size: 14px auto;
	border-radius: 999px;
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -8px;
	margin-left: -8px;
}

.comment-header cite,
.comment-header cite a { color: #2B3542; }
.comment-header cite a:hover { color: #2d78b8; }

/* comment actions */

.comment-actions a:hover { background-color: #2d78b8; color: #fff; z-index: 10; }

/* pingbacks */

.pingbacklist .pingback a:hover { color: #2d78b8; }



/* -------------------------------------------------------------------------------- */
/*	9. Respond
/* -------------------------------------------------------------------------------- */

.form-submit #submit:hover {
	cursor: pointer;
	background: #2d78b8;
}


/* -------------------------------------------------------------------------------- */
/*	10. Page & Page Templates
/* -------------------------------------------------------------------------------- */

/* Contributors template ---------------------------------------------------------- */

.author-info h4 a { color: #2B3542; }
.author-info h4 a:hover { color: #2d78b8; }

.author-info .author-links a { background-color: #2B3542; }
.author-info .author-links a:hover { background-color: #2d78b8; }


/* -------------------------------------------------------------------------------- */
/*	10. Pagination
/* -------------------------------------------------------------------------------- */

/* archive navigation */

.archive-nav a:hover {
	background: #2d78b8;
	color: #fff;
}



/* -------------------------------------------------------------------------------- */
/*	11. Sidebar
/* -------------------------------------------------------------------------------- */


.widget-content ul li:before {
	/* content: "»"; */  /* rempve >> from page list in the left navbar */
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	color: #2d78b8;
	font-size: 18px;
}

/* Widget tag cloud --------------------------------------- */

.tagcloud a:hover { background-color: #2d78b8; color: #fff; text-decoration: none; }

/* Dribbble widget --------------------------------------- */

.dribbble-shot:hover { background-color: #2d78b8; }

/* Flickr widget --------------------------------------- */

.flickr_badge_image a:hover { background-color: #2d78b8; }


/* -------------------------------------------------------------------------------- */
/*	11. Footer
/* -------------------------------------------------------------------------------- */

/* remove footer credits 
.credits-inner.section-inner {
display: none;
} */


/* Widgets --------------------------------------- */


/* Widget search */

.footer .tagcloud a:hover { 
	text-decoration: none; 
	background-color: #2d78b8; 
}

.wrapper .searchform .searchsubmit:hover,
.footer .searchform .searchsubmit:hover {
	cursor: pointer;
	background-image: url(/wp-content/themes/baskerville-child/images/icons/1x/spyglass-c.png);
}


/* -------------------------------------------------------------------------------- */
/*	13. Responsive
/* -------------------------------------------------------------------------------- */

/* 2X images */

.post-link a { background-image: url(/wp-content/themes/baskerville-child/images/icons/2x/link-c.png); }
.searchform .searchsubmit:hover { background-image: url(/wp-content/themes/baskerville-child/images/icons/2x/spyglass-c.png); }



/* -------------------------------------------------------------------------------- */
/*	p57. custom stuff
/* -------------------------------------------------------------------------------- */

/* page nagivation */
.p57-page-navigation {
	text-align: center;
}
.p57-page-navigation  .page-number {
	display: inline-block;
	background-color: #dfdfdf;
	border-style: solid;
	border-width: 1px;
	border-color: #c7c7c6;
	padding: 1px;
	margin: 2px;
	text-align: center;
	width: 25px;
	height: 25px;
	
}

.p57-page-navigation  .page-number-active {
	display: inline-block;
	background-color: #dfdfdf;
	border-style: solid;
	border-width: 3px;
	border-color: #000000;
	padding: 1px;
	margin: 2px;
	text-align: center;
	width: 29px;
	height: 29px;
	
}

.p57-page-navigation a:link {
	color: #8d8d8d;
}

.p57-page-navigation a:visited {
	color: #8d8d8d;
}

.p57-page-navigation a:hover {
	color: #8d8d8d;
}

.p57-page-navigation a:active {
	color: #8d8d8d;
}