/*
*   Custom CSS for the CPNV doc site
*   Light theme final version
*   Made by Viktor Stoimenovski, Ricardo de Almeida, Sebastien Duruz, Youness Takache
*   27.08.2021 - by Viktor
*/

/* Change text color on the whole page */
body{
    color: #303030;
}

/* Justify of all the  */
p{
    text-align: justify;
}

/* Remove the max width on the pages, so all the screen has text */
.wy-nav-content{
    max-width: none;
    background-color:  #FCFAFF;
}
/* Change bg of the nav */
.wy-nav-content-wrap{
    background-color: #FCFAFF;
}

/*Change the background color of the title of the nav to the CPNV color*/
.wy-side-nav-search {
    background-color: #00a65a;
}

/*Change the background color of the title of the nav to the CPNV color*/
.wy-nav-top{
    background-color: #00a65a;
}

/* Change bg of the nav */
.wy-nav-side {
    background-color: #efedf1;
}

/* Change bg of the nav */
.highlight {
    background-color: #efedf1;
}

/* Changes the color of the button */
.btn-neutral {
    background-color: #D8DEE9!important;
    color: #262b35!important;
}

/* Remove the shadow on the next page button */
.btn{
    box-shadow: none;
}

/* remove the color change on visited pages in the menu */
.wy-menu-vertical a:visited{
    color:#303030;
}

.wy-menu-vertical a{
    color:#303030;
}

/* text color of the current class */
.current{
    color:#D8DEE9;
}

/* Change of the font size in the table on the main page */
.field-name{
    font-weight: bold!important;
    font-size: 18px!important;
}

/* Change of the home icon in the breadcrumb into the CPNV logo */
.fa-home::before, .icon-home::before {
    content: "";
    background-image: url("cpnv_vert.png");
    width: 55px;
    height: 30px;
    color: #303030;
    letter-spacing: 1px;
    position: relative;
    top: 19px;
}

/* Change of the home icon in the nav into the CPNV logo */
.wy-side-nav-search .icon-home::before {
    content: "";
    background-image: url("cpnv.png");
    width: 59px;
    height: 33px;
    color: white;
    letter-spacing: 1px;
    margin-right: 100px;
}

/* Change of all visited links on the website */
a:visited {
    color: #2980b9;
  }

/* change of visited color in the nav */  
.wy-side-nav-search>a:visited {
    color: white;
  }

.wy-side-nav-search input[type=text] {
    border-radius: 8px;
    border-color: #D8DEE9;
}

/* Change of the tables color */
.row-even{
    color: black;
}

.head{
    color: #D8DEE9;
}

/* Fix of the img deformation */
.rst-content img{
    max-width: 100%!important;
    height: auto!important;
}

/* color of a php element in the code blocks */
.fm{
    color: #05efc5;
}


/* Removes the black square behind images when hovering */
image-reference:hover {
    background-color: none;
}

.reference.internal:hover{
    background: #d8eaff!important;
}

/* Makes the expanding icon more visible */
.toctree-expand{
    color: black!important;
}

.wy-menu-vertical li.current{
    background-color: #dbdbdb;
}

abbr[title] { text-decoration: underline dotted; cursor: help; }

/**/

@media screen and (min-width: 1100px){
    .wy-nav-content {
        margin: 0;
        background: #FCFAFF;
    }   
}

@media screen and (max-width: 1100px){

    /* Nav mobile sur écran plus petit */

    /* Makes the nav a block element */
    .wy-nav-top {
        display: block;
    }

    /* Changes shit of the nav according to the screen size */
    .wy-nav-side.shift {
        width: 50%;
        left: 0;
    }

    /* Position of the nav */
    .wy-nav-content-wrap.shift {
        position: fixed;
        min-width: 100%;
        left: 50%;
        top: 0;
        height: 100%;
        overflow: hidden;
        margin-left: 0;
    }

    /* Makes the nav disappear when the nav button is clicked */
    .wy-nav-side {
        left: -300px;
    }

    /* Removing the margin in the nav */
    .wy-nav-content-wrap {
        margin-left: 0px;
    }

    .wy-menu.wy-menu-vertical, .wy-side-nav-search, .wy-side-scroll {
        width: auto;
    }
    /*---------------------------------*/
    .wy-nav-top a:visited{
        color: white;
    }

    /* enable block modifications to the field list */
    .field-list{
        display: block!important;
    }

    /* Changes the display type of the table to fit on smaller screens */
    .td{
        display: table-column-group;
    }

    /* Fixing of the tables issue when on a small screen */
    html.writer-html5 .rst-content dl.field-list>dt{
        margin-bottom: 10px;
    }

    /* Change the bg color of the main content page */
    .wy-nav-content {
        margin: 0;
        background: #FCFAFF;
    }   

    @media screen and (max-width: 768px){

    .wy-nav-side.shift {
        width: 85%;
        left: 0;
    }

    .wy-nav-content-wrap.shift {
        position: fixed;
        min-width: 100%;
        left: 85%;
        top: 0;
        height: 100%;
        overflow: hidden;
    }

    }
}