/* 
    CSS DU FICHIER D'UNE REALISATION (achievement/show.php)

    Couleur violet (couleur du theme purple2) = rgb(93, 107, 167)
*/

/* Modification du thème installé */
.__main-wrapper .container{
    /* Taille de la réalisation */
    max-width: 100%;
}
.__main-wrapper{
    background-attachment: fixed;
    background-image: linear-gradient(to bottom, rgba(93, 107, 167) 5%, rgba(255, 255, 0, 0.3)),
    url('../../images/blog/work.jpg');
}
.carousel-control-prev-icon, .carousel-control-next-icon{
    width: 35px;
    height: 35px;
}

/* Flèche gauche du carousel d'images (violet = %235d6ba7) */
.carousel-control-prev-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%335d6ba7' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e");
    /*border: 1px solid black;*/
    box-shadow: 3px 6px 6px  rgba(0, 0, 0, 0.5);
}
/* Flèche droite du carousel d'images (violet = %235d6ba7) */
.carousel-control-next-icon{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%335d6ba7' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e");
    box-shadow: 3px 6px 6px  rgba(0, 0, 0, 0.5);
}

.bg-light{
    width: 85%;
    margin: 0 auto;
}
.img-thumbnail{
    margin-top: 5px;
}
/* Contenu (champ 'content' de la réalisation) */
.__content{
    box-shadow: 3px 6px 6px  rgba(0, 0, 0, 0.5);
    border-radius: 2px;
    margin: auto 3%;
    /*background: linear-gradient(to bottom, rgba(93, 107, 167, 0.9) 1%, rgba(255, 255, 0, 0.8));*/
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0.1%, rgba(255, 187, 0, 0.8));
    /*background: rgba(255, 255, 255, 0.75);*/
    padding: 1%;
    line-height: 18px;
}

/* Classe à ajouter lors de l'écriture du contenu d'une réalisation dans l'éditeur Wysiwyg (ckeditor), dans l'administration */
.__code{
    /*background: red !important;*/
    line-height: 8px !important;
    padding: 1%;
    margin-bottom: 0.4%;
    box-shadow: 3px 6px 6px  rgba(0, 0, 0, 0.5);
    border-radius: 2px;

}