/*
Theme Name:     Koweb Theme - Le Veilleur
Theme URI:      
Description:    Baskerville child theme.
Author:         Laurent CHEDANNE
Author URI:     https://www.chedanne.pro
Template:       baskerville
Version:        0.1.0
*/

@font-face {
  font-family: 'Manjari-Thin';
    src:  url('fonts/Manjari-Thin.ttf.woff') format('woff'),
    url('fonts/Manjari-Thin.ttf.svg#Manjari-Thin') format('svg'),
    url('fonts/Manjari-Thin.ttf.eot'),
    url('fonts/Manjari-Thin.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

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

h1, h2, h3, h4, h5, h6, p, blockquote, address, big, cite, code, em, font, img, small, strike, sub, sup, li, ol, ul, fieldset, form, label, legend, button, table, caption, tr, th, td {
	line-height:1.1;
}
.koweb {
	font-family: 'Manjari-Thin', sans-serif !important;
}

/* transitions */
.rss {
	 transition: all 0.2s ease-in-out;
}


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

.blog-title {
	font-family: 'Manjari-Thin', sans-serif !important;
	text-transform: uppercase;
}
.blog-title a {
	color: #fbbf1d;
}
.blog-title a:hover {
	color: #fff;
}
.blog-description {
	color: #fff;
	margin: 20px 0 0 0;
	text-align: center;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
}

.search-toggle {
	opacity: 1;
}

.search-toggle.active {  
	background-color: #5db6b3;
	padding: 0 25px;
}

.header-search-block.bg-graphite {
	background-color: #5db6b3;
	color: #fff;
}
.header-search-block ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 0.4; /* Firefox */
  font-style: italic;
}
.header-search-block :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #fff;
  opacity: 0.4;
  font-style: italic;
}
.header-search-block ::-ms-input-placeholder { /* Microsoft Edge */
  color: #fff;
  opacity: 0.4;
  font-style: italic;
}


/* -------------------------------------------------------------------------------- */
/*	4. Navigation
/* -------------------------------------------------------------------------------- */

.main-menu > li > a {
    color: #fff;
}
.navigation.bg-dark {
	background-color: #fbbf1d;
}
.mobile-navigation.bg-graphite {
    background-color: #fff;
}
.navigation .fright {
	margin-left: 1em;
}

a#site-author {
    height: 68px;
    font-size: 90%;
    text-align: left;
    display: block;
    color: #fff;
    text-decoration: none;
    float: right; position: relative;
    padding: 18px 0;
}
a#site-author:hover {
	text-decoration: underline;
}
#site-author span {
    display: inline-block;
    height: 32px; line-height: 32px; margin-left: 0.5em;
}
#site-author span.koweb {
    font-size: 22px;
}

/* rss */

.rss {
	display: block;
	width: 68px;
	height: 68px;
	background: url(images/icons/1x/rss-w.png) no-repeat center;
	background-size: 24px auto;
}

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

.featured-media img { margin-left: auto; margin-right: auto; }
.featured-media p { padding: 10%; }

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


.post fieldset {
	padding: 25px;
	border: 2px solid #eee;
	margin-bottom: 1em;
}

.post 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: #13C4A5;
	color: #fff;
}

.post label {
	font-size: 1rem;
	font-weight: 700;
}

.post textarea { 
	height: 180px; 
	line-height: 140%;
}

/* format link */

.posts .post-link {
	background: inherit;
	color: inherit;	
}
.posts .post-link p {
	font-size: 0.95em;
	margin-bottom: 1em;
	color: #666;
}
.posts .post-link p:last-child {
	margin-bottom: inherit;
}

.post-link a {
	background-color: inherit;
	border: 1px solid #13C4A5;
	border-radius: 3px;
	text-transform: inherit;
	padding: 1em;
	padding-left: 35px;
	background-position: 10px center;
}
.post-link a:hover {
	text-decoration: inherit;
	border-color: #fff; color: #fff;
}
.posts .post-link a:hover {
	border-color: #2B3542; color: #2B3542;
}


/* -------------------------------------------------------------------------------- */
/*	7. Post Content
/* -------------------------------------------------------------------------------- */

.post-excerpt p {
	margin-bottom: 1.1em;
}
.post-excerpt p:last-child {
	margin-bottom: inherit;
}

.button, input[type="submit"], input[type="reset"], input[type="button"] {
    line-height: 1.5;
    white-space: normal;
}

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

.sidebar .widget .alignleft,
.sidebar .widget .alignright {
	margin-bottom: 0.9em;
	max-width: 150px;
}

.sidebar .widget .alignleft {
	float: left;
	margin-right: 1em;
}

.sidebar .widget .alignright {
	float: right;
	margin-left: 1em;
}

.sidebar .widget .aligncenter {
	margin-left: auto;
	margin-right: auto;
}

.sidebar .widget .aligncenter a,
.sidebar .widget .aligncenter img { 
	margin: 0 auto; 
}

/* -------------------------------------------------------------------------------- */
/*	X. Sharrig
/* -------------------------------------------------------------------------------- */
.shariff {
	border-top: 1px dotted;
	margin-top: 1%;
	padding-top: 1%;
}
.shariff .ShariffHeadline {
	text-align: center; font-style: italic; padding: 0.8em;
}
/* -------------------------------------------------------------------------------- */
/*	13. Responsive
/* -------------------------------------------------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

	/* 2X images */

	.rss { background-image: url( images/icons/2x/rss-w.png ); }
}

@media (max-width: 1000px) {
	.nav-toggle .bar {
	    background: #fff;
	}
	.mobile-menu a {
	    color: #262626;
	}
	.mobile-menu a:hover {
	    color: #5db6b3;
	}
	.rss { width: 24px; }
	a#site-author {
		float: left;
	}
	#site-author span {
	    margin-left: 1em;
	}
	#site-author span.koweb { margin-left: 0.5em; }
}

@media (max-width: 600px) {
	.post-excerpt p {
		margin-bottom: 1em;
	}
	.post-excerpt p:last-child {
		margin-bottom: inherit;
	}
	.rss { height: 59px; }
	a#site-author {
	    height: 59px;
	    padding: 4px 0;
	    margin-left: 1em;
	}
	#site-author span {
	    display: block;
	    height: 25px; line-height: 25px; margin-left: 0;
	}
	#site-author span.koweb {
	    font-size: 18px;  margin-left: 0;
	}
}