/*
 Theme Name:   Readline Child
Theme URI: http://alx.media/themes/readline/
 Description:  Theme Child
 Author:       S. DEMEAUTIS
 Author URI:   http://example.com
 Template:     readline
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags: blog, one-column, two-columns, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, custom-logo, custom-header, custom-background
 Text Domain:  readline-child
*/
/* 
orange : EE6944
gris foncé : 333333
gris bleu : 07292E
gris bleu 2 : 0F525C
bleu : 338899 */

/*
#be5000 marron orange ocre
bf6b2f
#917259 marron
915e34
1395ba bleu clair canard
Gris vert : rgba(137, 137, 106, 0.5)
Gris clair : EAEAEA
Noir texte : #313131
Lien : 454545
Hover marron
*/

body {
    background: #fdfdfd !important;
}
h1.accueil {
	font-size: 30px;
    margin-top: 20px;
	border-bottom: 1px solid #eee;
}
p{text-align: justify;}
p.site-description, .site-title {text-align:center !important;}

.blog .post, .archive .post, .search .post, .search .type-page {
    position: relative;
    border-bottom: 1px solid #eee;
    margin-bottom: 0;
}
.group { zoom: 1;}

.post-thumbnail {
    width: 100%;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    transition: all 1s ease;
	 position: relative;    
}

/*  post : list loop
/* ------------------------------------ */
/**
* repris de blogside
*/
.blog .post-list, 
.single .post-list, 
.archive .post-list, 
.search .post-list { padding: 0 50px; }
.page.post-list .post-inner { padding-left: 0; }
.page.post-list .post-thumbnail { display: none; }
.post-list .post-inner { padding: 30px 0 20px 230px; float: left; }
.post-list .post-thumbnail { margin-left: -230px; max-width: 200px; margin-bottom: 0; float: left; }
.post-list .post-content { float: left; }
.post-list .entry { font-size: 15px; color: #999; } 
/* ./ * repris de blogside */
.blog .post-list, .single .post-list, .archive .post-list, .search .post-list {
    padding: 0 50px;
}
.post-list .post-inner {
    padding: 30px 0 20px 230px;
    float: left;
}
.post-list .post-thumbnail {
    margin-left: -230px;
    max-width: 200px;
    margin-bottom: 0;
    float: left;
}
.post-list .post-content {
    float: left;
}
.post-title {    
    line-height: 1.3em;
    font-weight: 300;
    margin-bottom: 0;
}

.post-meta {
    text-transform: uppercase;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 13px;
    font-weight: 300;
    color: #aaa;
}
ol, ul {
    list-style: none;
}
.group:before, .group:after {
    content: "";
    display: table;
}
.post-meta li {
    float: left;
    margin-right: 14px;
}

/* fin blog liste */

.page-title h2, h2 {
    color: #bf6b2f;
	font-size: 1.5em;
    font-weight: 300;   
	margin-bottom: 10px; margin-top: 20px;
}

/* thumbnail */
.post-thumbnail::before {
    opacity: 1;
    background: none !important;     
}

.post-hover:hover .post-title a {
    color: #11465E; /* bleu */
}

.post-card:hover .post-inner {
    background: #FFF !important;
}
#nav-header .nav li.current_page_item > a, #nav-header .nav li.current-menu-item > a, #nav-header .nav li.current-menu-ancestor > a, #nav-header .nav li.current-post-parent > a {
    border-top-color: #bf6b2f;
}
.content .container-inner {
    padding-left: 2.0em !important;
    padding-top: 2.0em !important;
}

/* ------------------------------------------------------------------------- *
 *  Mobile (Mid Res) : 719px > 0px (480px & 320px)
/* ------------------------------------------------------------------------- */

@media only screen and (max-width: 719px) {
	.entry,	.blog-content, .post-list, 
	.single .post-list, 
	.archive .post-list,
	.search .post-list { padding-top: 0px;padding-right: 20px;padding-bottom: 0px;padding-left: 20px; }
	.post-list .post-inner { padding-left: 120px; }
	.post-list .post-thumbnail { margin-left: -120px; max-width: 100px; }
	.entry img, .entry img.alignright, .entry img.alignleft {display: block;float: none;margin: 0 auto;margin-top: 0px;margin-bottom: 15px;}
}
/* ------------------------------------------------------------------------- *
 *  Mobile (Low Res) : 479px > 0 (320px)
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 479px) {
	/* blog liste */
	.post-inner { margin-left: 0; display: block;  }
	.post-list .post-inner { padding-left: 0; }
	.post-list .post-thumbnail { margin: 0 auto; float: none; max-width: 160px; margin-bottom: 20px; }
	.entry, .blog-content, .post-list, 
	.single .post-list, 
	.archive .post-list, 
	.search .post-list { padding-top: 0px;padding-right: 15px !important;padding-bottom: 0px;padding-left: 15px !important; }
	.post-list .post-content { width: 100%; text-align: center; }
	.post-list .post-meta li { float: none; }
	.entry img, .entry img.alignright, .entry img.alignleft {display: block;float: none;margin: 0 auto;margin-top: 0px;margin-bottom: 15px;}
}