/*
 Theme Name:   Baskerville - custom
 Description: Baskerville is a beautiful, responsive and retina-ready masonry theme for hoarders. It's the perfect way to showcase your posts, videos, images and galleries, and share your favorite quotes and links. Features responsive design, retina-ready assets, full-width header image, support for all post formats, custom logo upload, custom widgets (video, Flickr and Dribbble), four page templates (including a contributors template), editor styling, like functionality via the ZillaLikes plugin and translation-ready code. Demo: http://www.andersnoren.se/themes/baskerville/
 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
 Author:       The MAD Virus
 Author URI:   https://the-mad-virus.github.io/
 Template:     baskerville
 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:  baskerville-child
*/


@import url('https://fonts.googleapis.com/css?family=Abril+Fatface');
.post-header .post-title{
	font-family: 'Abril Fatface', cursive;
}

.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
  font-family: Arial, sans-serif;
	margin: 50px 0 5px;
}

.blog-title{
	font-family: 'Abril Fatface', cursive;
	font-size: 3.2em;
}

.featured-media a img, .featured-media img {
    height: auto;
    margin: 0 auto;
    max-width: 100%;
}

.single .post-content {
    padding: 6%;
}

.post-content p, .post-content blockquote, .post-content ul, .post-content ol, .post-content address, .post-content dl, .post-content .wp-caption, .post-content pre {
    line-height: 130%;
    margin-bottom: 0.6em;
}

.post-content div.round-box{
	border-radius: 6px;
	padding: 2% 2.5%;
	display: table-cell;
	width: 50%;
	margin: 0 5px 10px 5px;
}

body{
	font-family: Arial, sans-serif;
}

p.has-drop-cap:not(:focus)::first-letter {
	font-size: 5em;
  color: royalblue;
	font-weight: 700;
}
.post-excerpt h1 {
	color: royalblue;
	text-align: center;
}
.post-content h1 {
	color: royalblue;
}
.post-content h2 {
  font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
}
.post-content h3 {
  font-size: 1em;
	font-weight: 700;
}

.post-content h4 {
  font-size: 1em;
}

.featured-media-text{
	position: relative;
	overflow: hidden;
}
.featured-media-text div{
	position: absolute;
	left: 15px;
	width: calc(100% - 30px);
	padding: 5px;
	z-index: 1;
}
.featured-media-text div > p{
	color: black;
	text-align: center;
	font-family: 'Abril Fatface', cursive;
}
.text-w div > p{
	color: #ffffff;
}


.post-content p.author-block{
	border-style: solid;
	border-color: royalblue;
	border-width: 2px;
	border-radius: 6px;
	padding: 2% 2.5%;
	margin-bottom: 10px;
}

/* --- planete-bleu --- */
.planete-bleu:after{
	content: url(images/planete-bleu.jpg);
	vertical-align: top;
	height:14px;
}

/* --- Justify Text Option --- */
.justify-text {
text-align: justify;
}



/* responsive */

@media ( min-width: 1441px ) {
	.featured-media-text div > p.titre{
		font-size: 200%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 80%;
	}
	.featured-media-text div{
		top: 60px;
	}
}


@media (max-width: 1440px) {
	.featured-media-text div > p.titre{
		font-size: 150%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 60px;
	}
}
@media (max-width: 1300px) {
	.featured-media-text div{
		top: 50px;
	}
}
@media (max-width: 1100px) {
	.featured-media-text div{
		top: 40px;
	}
}

@media (max-width: 1040px) {
	.featured-media-text div > p.titre{
		font-size: 200%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 60px;
	}
}


@media (max-width: 1000px) {
	.featured-media-text div > p.titre{
		font-size: 200%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
}

@media (max-width: 900px) {
	.featured-media-text div > p.titre{
		font-size: 180%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 50px;
	}
	.post-content div.round-box{
		display: table;
		width: 100%;
	}
}

@media (max-width: 800px) {
	.featured-media-text div > p.titre{
		font-size: 150%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 40px;
	}
}


@media (max-width: 700px) {
	.featured-media-text div > p.titre{
		font-size: 130%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
}


@media (max-width: 600px) {
	.featured-media-text div > p.titre{
		font-size: 250%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 100%;
	}
	.featured-media-text div{
		top: 70px;
	}
}

@media (max-width: 500px) {
	.featured-media-text div > p.titre{
		font-size: 210%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 60px;
	}
}


@media (max-width: 400px) {
	.featured-media-text div > p.titre{
		font-size: 150%;
	}
	.featured-media-text div > p.sous-titre{
		font-size: 70%;
	}
	.featured-media-text div{
		top: 40px;
	}
}