body {
    background-color: #efefef;
    color: #3a3a3a;
}
a, a:visited {
    color:  #eb6f3d;
    text-decoration: none;
}


.stadiaheader{
    width: 100%;
    padding:0px;
    padding-top: 10px;
    padding-bottom: 10px;
    margin:0px;
    margin-top: -10px; 
    background-color: #202124;
}
.site-header{
    display:none;
}
.main-navigation{
    background-color: #202124 !important;
}
.main-navigation li{
    background-color:transparent;
}

.main-navigation .main-nav ul li[class*="current-menu-"] > a {
    color: #ffffff;
    background-color: #2d2e31;
    border-bottom: 5px solid #eb6f3d;
    border-radius: 20px 20px 0 0;
}
.main-navigation .main-nav ul li:hover > a, .main-navigation .main-nav ul li:focus > a, .main-navigation .main-nav ul li.sfHover > a {
    color: #ffffff;
    background-color:transparent;
    border-bottom: 5px solid #eb6f3d;
    /* border-radius: 50px; */
}

#masthead {
    background:url("https://blog.stadiafr.com/wp-content/uploads/2020/08/blobBgTop.png");
      background-repeat: no-repeat;
      background-position: 50% 50%;
    }
    #masthead .custom-html-widget img{
        filter: invert(100%) sepia(1%) saturate(3340%) hue-rotate(153deg) brightness(115%) contrast(101%);
        width:25px; 
        padding:5px
            
    }
    .inside-header{
        padding:25px
    }
    
    
    .widget_recent_entries .post-date{
        display:block;
        font-size:12px;
        padding-bottom:10px;
    }
    .twitter-tweet{
        margin:auto;
    }
    .post-image img, .wp-post-image{
        border-radius:10px;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    }
    
    .widget, .post .inside-article, .type-page .inside-article, .comments-area{
        border-radius:10px;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.1);
            transition: all 0.5s;
    }
    .post > .inside-article:hover{
        transition: all 0.5s;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.3);
    }
    
    .paging-navigation{
        background-color:transparent !important;
    }
    
    h2{
        font-weight:700;
        font-size:1.4em
    }
    
    figcaption{
        text-align:center;
        font-style:italic;
        font-size:0.8em;
    }
    
    .post-image img{
          max-width: 45%;
        height: auto;
        float: left;
        margin: -10px 20px 0 00px;
            
    }
    
    #rpwwt-recent-posts-widget-with-thumbnails-4 img {
        border-radius: 8px;
    }
    
    .category-actu-stadia .inside-article{
        border-right:5px solid white;
    }
    
    .page-header{
        border-radius:10px;
        background-color:black !important;
        color:white !important
            
    }
    
    .category-youtube .inside-article{
        border-right: 5px solid red;
        background-color:#181818;
        color:white;
    }
    
    .category-youtube .entry-meta, .category-youtube .wp-post-image,
    .category-youtube .post-image{
        display:none;
    }
    .category-youtube .entry-summary{
        margin-top:5px
    }
    
    .cat-links a{
        background-color:#e81d06;
        color:white !important;
        padding:4px;
        border-radius:5px;
    }
    
    
    
    .recentcomments{
        padding-bottom: 15px;
    }
    
    
    
    /*night mode */
    body.wp-night-mode-on #masthead {
        background:none;
        background-color:#151515;
    }
    body.wp-night-mode-on .cat-links a {
        background-color:#00e0ba;
        color:black !important;
    }
    
    body.wp-night-mode-on,
    body.wp-night-mode-on .comments-area{
        background-color : #202124;
    }
    body.wp-night-mode-on .category-youtube .inside-article{
        background-color:#181818;
    }
    
    body.wp-night-mode-on a, body.wp-night-mode-on a:visited {
        color: #A9A9AA;
    }
    body.wp-night-mode-on a:hover {
        color: #FF692E;
    }
    body.wp-night-mode-on h2 a{
        color:white;
        font-weight:normal
    }
    
    body.wp-night-mode-on .inside-article {
        background-color : #2D2E31;
    }
    
    body.wp-night-mode-on, 
    body.wp-night-mode-on button, 
    body.wp-night-mode-on input, 
    body.wp-night-mode-on select, 
    body.wp-night-mode-on textarea {
    font-family: 'Roboto',sans-serif;
    
        letter-spacing: 0.00625rem;
        font-weight: 400;
        color:white
    }
    
    body.wp-night-mode-on .widget-title{
        color:white !important
    }
    body.wp-night-mode-on .main-navigation, .main-navigation ul ul,
    body.wp-night-mode-on .sidebar .widget{
        background-color: #151515;
    }
    .wp-night-mode{
        margin:13px
    }
    .wpnm-button.style-2 .wpnm-button-inner-left:before{
            background: #ffffff;
            box-shadow: 0 0 0.625em #55230f;
    }
    .wpnm-button.style-2 .wpnm-button-inner-left:after{
            border: 0.125em solid #fdcb3a;
            background: rgb(173 105 28);
    }
    .imgfondclair, body.wp-night-mode-on .imgfondsombre{
        display:none;
        display:block;
    }
    body.wp-night-mode-on .imgfondclair,  .imgfondsombre{
        display:block;
        display:none;
    }
    
    
    body.wp-night-mode-on p.has-background {
        background-color: #3f3f3f !important;
    }
    
    
    
    
    
    
    
    
    
    
    
     
    
    @media (max-width: 768px){
        .widget, .post .inside-article, .type-page .inside-article{
        border-radius:0px;
    
    }
        .post-image {
        margin: 20px -30px;
    }
        .post-image img {
        max-width: 100%;
            margin: 0px;
            margin-bottom:10px;
            border-radius:0px
                
        }
    .blocks-gallery-grid .blocks-gallery-image, .blocks-gallery-grid .blocks-gallery-item, .wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {
        margin: 0 0 1em 0;
        width: 100%;
        }
    }
    

    div.spoiler-head.collapsed {
        background: url('images/spoiler.png') no-repeat left center;
        padding-left: 120px;
        color:white;
    } 

    div.spoiler-head.expanded {
        background: url('images/spoiler.png') no-repeat left center;
        padding-left: 120px;
        color:white;
    }

    div.spoiler-wrap {
        background-color: #9a0000;
        border:0px;
        clear: both;
        display: block;
        margin: 10px 0;
        padding: 5px;
        border-radius: 5px;
        box-shadow: 0 10px 20px 0 rgba(0,0,0,.2);
    }
    div.spoiler-body {
        background: transparent;
        border-top: 2px dotted #d60000;
        padding: 6px;
        color: white;
    }