/*
Theme Name:         John Doe 2025
Theme URI:          https://johndoe-rpg.com/
Description:        Un thème basé sur BlankSlate et Foundation 6
Author:             Akhad
Author URI:         https://akhad.fr
Template:           lovecraft
Version:            1.0
Tags: 2 columns, White, Grey, Red, Responsive, Clean, Modern, Flat
*/



body{
    font-family: 'Lato', Helvetica, sans-serif;
    background: #e4e6eb;
    background: linear-gradient(201deg, rgba(228, 230, 235, 1) 0%, rgba(217, 217, 217, 1) 50%, rgba(235, 235, 235, 1) 100%);
}
h1, h2, h3, h4, h5, h6 {font-family:'Lato', Helvetica, sans-serif !important;}
.header-wrapper .bg-white {background:transparent;}
.main-menu a {font-family: 'Lato', Helvetica, sans-serif;text-transform:uppercase;}
.main-menu > li + li::before, .post-meta p + p::before {content: "•" !important;}
.main-menu ul a {font-style:normal;}
.archive-navigation p + p::before {content: "•";}
.blog-title {font-family:'Lato', Helvetica, sans-serif !important;}
div.blog-title {font-family:'Lato', Helvetica, sans-serif !important;}
h1.blog-title a::before, div.blog-title a::before{
    background-image: url('./img/logoJDsmall.png');
    background-size: 58px 100px;
    display: inline-block;
    width: 58px;
    height: 100px;
    margin-right:1em;
    vertical-align:middle;
    content:"";
}
h2.post-title {font-family:'Lato', Helvetica, sans-serif !important;}
.post-content{font-family:'Lato', Helvetica, sans-serif;}
.widget + .widget {border:none;padding:0;margin-top:0px;margin-bottom:20px}
.widget h2 {padding-top:40px;margin-top:0px;margin-bottom:0;}
.sidebar .last {padding-top:40px;}
#menu-ailleurs a {text-decoration:none;border-bottom:1px solid #ddd;}
#menu-ailleurs a:hover {border-bottom:1px solid #713600;}
.sidebar .widget-content li {border-bottom:none;}
.widget_nav_menu li::before {content:none;}
.small{color:#999}
figure.avancement img {opacity:0.5;}
h2.avancement {margin-top:30px;}
.catalogue{margin-right:-13%;}
.catalogue .bloc {
    display:inline-block;
    width:30%;
    margin-left:0%;
    margin-right:3%;
    min-height:330px;
    vertical-align:top;
}
hr.wp-block-separator{width:100%;max-width:100%;margin:50px 0;height:1px;border-top:1px solid;}
:root .wp-block-file__button {margin-left:1em;}
#menu-ailleurs a{color:#713600;}
@media (max-width: 1000px) {
    .sidebar {display: block;}
    .sidebarcol {width:45%;}
    #sb1 {float: left;}
    #sb2 {float: right;}
    #sb2 .widget h2 {padding-top:0;}
}
@media (max-width: 780px) {
    figure.avancement {margin-top:60px; margin-bottom:0px;}
    figure.avancement img {width:30%;margin-left:35%;margin-right:35%;}
    h2.avancement {margin-top:0px;}
}
@media (max-width: 600px) {
    h1.blog-title a::before, div.blog-title a::before{
        background-size: 35px 60px;
        width: 35px;
        height: 60px;
        margin-right:0.8em;
    }
}
@media (max-width: 500px) {
    .sidebarcol {width:100%}
    #sb1 {float: none;}
    #sb2 {float: none;}
    #sb2 .widget h2 {padding-top:40px;}
}
@media (max-width: 450px) {
    .blog-title {font-size:1em}
    h1.blog-title a::before, div.blog-title a::before{
        background-size: 29px 50px;
        width: 29px;
        height: 50px;
        margin-right:0.5em;
    }
    figure.alignright, figure.alignleft{max-width: 50%;}
    figure.alignright img, figure.alignleft img{height: auto !important;}
}
.galCatalogue a {
    text-decoration:none;
    display:inline-block;
    width:100%;
}
.galCatalogue.has-nested-images figure.wp-block-image figcaption {
    background: linear-gradient(0deg,#FFFF,#FFF9);
    color:#111111;
    text-shadow:none;
    font-weight:bold;
    padding: 1em 0em;
}
.galCatalogue.has-nested-images figure.wp-block-image figcaption a:hover {color:#713600;}