body.dark-mode {
        background-color: #000 !important;
        color: #ddd !important;
    }

figure{
    margin:0 !important;
    padding:0 !important;
}

.cursor-pointer{
    cursor:pointer;
}

.textOpenSans {
    font-family: 'Open Sans', sans-serif;
}
.textAnton {
    font-family: 'Anton', sans-serif;
}

.bgdark::before {
    content: "";
    position: fixed;
    width: 250%;
    height: 250%;
    top: -50%;
    left: -50%;
    z-index: -1;
    background-image: url('/images/iJohn2021/bgdark.gif');
    background-repeat: repeat;
    transform: rotate(30deg);
}
.sitecontent {
    max-width: 1250px;
    width: 100%;
    margin:auto;
}

.header {
    background-color: white;
    padding: 15px;
    width: 100%;
    margin-bottom:20px;
   
}

.socialbar a{
    color:gray;
}

.footerContainer {
    background-color: #404040;
    color: #dcdcdc;
}
.footerContainer a{
    color:#dcdcdc;
}

.footerContainer hr {
    padding: 0;
    border-color: white;
}

.headerlogo {
    display: block;
    margin: auto;
}
.whitebg{
    background-color:white;
}
.postBlockRepeater img:hover{
    box-shadow:0 0 10px gray;
}

.postBlockRepeater h2, .postBlockRepeater h2 a {
    font-family: 'Anton', sans-serif;
    font-size: 18px;
    margin: 10px 0 10px 0;
    color: black !important;
}
    .postBlockRepeater h2 a:hover{
        opacity:0.6;
        text-decoration:none;
    }

    .postBlockRepeater h3 {
        font-family: 'Open Sans', sans-serif;
        font-size: 14px;
        color: #dcdcdc;
    }

    .postBlockRepeater h3 a.areaPostRepeaterLink {
        color: #dcdcdc !important;
    }

        .postBlockRepeater h3 a.areaPostRepeaterLink:hover {
            color:  #e20513 !important;
        }

.descriptionHomePost {
    height: 170px;
    overflow: hidden;
}
.readMore  {
    margin-top:10px;
    color: #FF0000;
    transition:all 1s;
 }
    .readMore:hover {
        color: gray;
        text-decoration:none;
    }

    .editorblock h1, .editorblock h1 a, .editorblock a h1, .editorblock h1 a:hover, .editorblock a:hover h1,
    .editorblock h2, .editorblock h2 a, .editorblock a h2, .editorblock h2 a:hover, .editorblock a:hover h2,
    .editorblock h3, .editorblock h3 a, .editorblock a h3, .editorblock h3 a:hover, .editorblock a:hover h3,
    .editorblock h4, .editorblock h4 a, .editorblock a h4, .editorblock h4 a:hover, .editorblock a:hover h4,
    .editorblock h5, .editorblock h5 a, .editorblock a h5, .editorblock h5 a:hover, .editorblock a:hover h5,
    .editorblock h6, .editorblock h6 a, .editorblock a h6, .editorblock h6 a:hover, .editorblock a:hover h6 {
        font-family: 'Anton', sans-serif;
        color: black;
        text-decoration: none;
        margin: 10px 0 10px 0 !important;
    }

.editorblock hr{
    margin:3px 0 3px 0 !important;
}

/*MENU CATEGORIE*/
.areaLink {
    color: black;
    text-decoration: none;
    transition: all 1s;
}
    .areaLink:hover {
        color: black;
        opacity: 0.6;
        text-decoration: none;
    }

.categoryLink {
    color: gray;
    text-decoration: none;
    font-size: 16px;
    display: block;
    transition:all 1s;
}
    .categoryLink:hover {
        color: #e20513;
        text-decoration: none;
    }

/*MENU PRINCIPALE*/
.nav-menu .nav-item {
        padding: 10px;
        border-right: solid 1px #dcdcdc;
    }

.nav-menu .nav-item a {
    color: gray;
    text-decoration:none;
    font-size:18px;
    display:inline-block;
    margin-left:25px;
    margin-right:5px;
        
}

.nav-menu .nav-item a:hover{
    color:black;
}

.nav-menu .nav-item {
    background-image: url('/images/iJohn2021/menudot.gif');
    background-repeat: no-repeat;
    background-position: 15px 23px;
}

.nav-menu .nav-item.active {
    background-image: url('/images/iJohn2021/menudot_active.gif');
}

.nav-menu .nav-item:last-child {
    border: none;
}

/*HEADER SEARCH*/

#tbsearch {
    border: none;
    border-radius: unset;
    border-bottom: solid 1px #dcdcdc;
    max-width: 150px;
    transition: all 1s;
    width: 100%;
}

#tbsearch:focus {
    max-width: 100%;
    outline: none !important;
}

#btsearch {
    top: 15px;
    right: 20px;
    cursor: pointer;
    color: gray;
}

.btn-morearticle{
    background-color:#dcdcdc;
    color:gray;
    border:none;
}
    .btn-morearticle:hover, .btn-morearticle:active:focus {
        opacity: 0.5;
        background-color: #dcdcdc;
        color: gray;
        border: none;
    }

.page-item.active .page-link {
    background-color: #E9ECEF !important;
    border-color: #E9ECEF !important;
    color: gray !important;
}

.page-item .page-link{
    color:gray !important;
}
.page-link.disabled:hover{
    background-color:white !important;
}

/*ADD TO ANY STYLE OVERRIDE*/
.a2a_svg{
    background-color:#dcdcdc !important;
}


@media only screen and (max-width: 768px) {
    .no-gutters-custom {
        margin-left:0;
        margin-right:0;
    }

        .no-gutters-custom .col-12 {
            padding-left: 0 !important;
            padding-right: 0 !important;
        }
}
@media only screen and (min-width: 768px) {
    .no-gutters-custom {
        margin-left: -15px;
        margin-right: -15px;
    }
}