/** https://docs.readthedocs.io/en/stable/guides/adding-custom-css.html **/
/** https://blog.readthedocs.com/custom-css-and-js-in-sphinx/ **/

/* This line is theme specific - it includes the base theme CSS */
/* @import '../alabaster.css';  /* for Alabaster */
@import 'theme.css';
/* for the Read the Docs theme */



/* ... */
.wy-nav-content {
    max-width: 1250px;
        /*max-width: 100%*/
    padding-top: 0.4em;
    padding-left: 2em;
}

/* make side menu wider */
/* marche pas */
/* .wy-nav-side {
    width: 320px !important;
    overflow-y: hidden !important;

}

.wy-menu-vertical {

    width: 320px !important;
    overflow-y: hidden !important;
}


.wy-side-nav-search {
    width: 320px !important;
    overflow-y: hidden !important;
} */

/* .wy-side-scroll {
    width: 320px;
    overflow-y: hidden;
} */



/* border of the search field */
.wy-side-nav-search input[type=text] {
    border-color: #770000;
    border-width: 2.5px;
}


/* menu title */
p.caption {
    margin-top: 4px !important;
    margin-bottom: 0px !important;
}

/* Ici pour controler l'espace entre liens */
a.current,
a.reference {
    padding-top: 0.2em !important;
    padding-bottom: 0.05em !important;
}

/* background color of links that are not the current one */
a:active.internal {
    background-color: #795d5d !important;
}

/* .wy-menu,
.wy-menu-vertical {
    padding-top: 0.01px !important;
    padding-bottom: 0.01px !important;
} */



/* a.wy-menu-vertical header {
    margin-top: 0px !important;
} */

/* color of the logo area */
.wy-side-nav-search {
    background-color: #5f5f5f !important;
}

/* font color */
/* good: b03934 */
.wy-menu-vertical header,
.wy-menu-vertical p.caption {
    color: #b6413d;
}

/* color: #29b933 */
/* a:link {
    COLOR: black;
    TEXT-DECORATION: none;
    font-weight: normal
}

a:visited {
    COLOR: rgb(10, 161, 20);
    TEXT-DECORATION: none;
    font-weight: normal
}

a:active {
    COLOR: black;
    TEXT-DECORATION: none
}

a:hover {
    COLOR: blue;
    TEXT-DECORATION: none;
    font-weight: none
} */


/*
A:link { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:visited { COLOR: black; TEXT-DECORATION: none; font-weight: normal }
A:active { COLOR: black; TEXT-DECORATION: none }
A:hover { COLOR: blue; TEXT-DECORATION: none; font-weight: none } */


p {
    margin-bottom: 12px;
}

/*Header spaces*/
h1 {
    margin-top: 18px !important;
    margin-bottom: 16px !important;
    /* margin-bottom: 0px !important; */
    font-size: 195% !important;
}

h2 {
    margin-top: 18px !important;
    /* margin-top: 4px !important; */
    margin-bottom: 12px !important;
    font-size: 140%;
}

h3 {
    margin-top: 14px !important;
    margin-bottom: 10px !important;
    font-weight: 500;
}

.rst-content .section ul li,
.rst-content .toctree-wrapper ul li,
.rst-content section ul li,
.wy-plain-list-disc li,
article ul li {
    margin-left: 34px;
}

/* table */
table.minimalistBlack {
    border: 3px solid #000000;
    width: 100%;
    text-align: center;
    border-collapse: collapse;
}

table.minimalistBlack colgroup {
    width: 25%;
    /* Adjust this value based on the number of columns */
}

table.minimalistBlack td,
table.minimalistBlack th {
    border: 2px solid #000000;
    padding: 5px 4px;
    width: 25%;
    vertical-align: middle;
}

table.minimalistBlack tbody td {
    font-size: 13px;
}


table.minimalistBlack thead {
    background: #CFCFCF;
    background: -moz-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: -webkit-linear-gradient(top, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    background: linear-gradient(to bottom, #dbdbdb 0%, #d3d3d3 66%, #CFCFCF 100%);
    border-bottom: 3px solid #000000;
}

table.minimalistBlack thead th {
    font-size: 17px;
    font-weight: bold;
    color: #000000;
    text-align: center;
}

table.minimalistBlack tfoot {
    font-size: 14px;
    font-weight: bold;
    color: #000000;
    border-top: 3px solid #000000;
}

table.minimalistBlack tfoot td {
    font-size: 14px;
}

table {
    table-layout: fixed;
  }

/* table th {
    width:20px;
}

table.titlewidth {
    width: 20%;
}

table.edlightwidth {
    width: 10%;;
}

table.edwidth {
    width: 15%;;
} */

.tick {
    font-size: 18px !important;
    font-weight: bold;
    color: #30c004;
    text-align: center;
}

table.noborders {
    border: 0px solid #000000;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

table.rowmargin td{
    padding-bottom: 20px  !important;
}

table.noborders td,
table.noborders th {
    border: 0px solid #000000;
    padding: 5px 4px 10px;
}


table.noborders tbody td {
    font-size: 16px;
}

.logopart {
    /* width: 12%; */
    width: 80px;
    border-collapse: collapse;
    text-align: left;
}


.editiontextparttitle {
    font-size: 19px;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.editiontextpart {
    font-size: 16px;
    padding: 0px;
    margin: 0px;
}

.center-div {
    display: flex;
    margin: auto;
    width: 20%;
    /*border: 3px solid green;*/
    /* padding: 10px; */
}

.main-logo-div {
    display: flex;
    margin: auto;
    width: 50%;
    padding-left: 10px;
    padding-right: 10px;
    /* background-color: powderblue; */
}

.main-logo-blender-div {
    display: flex;
    margin: auto;
    width: 48%;
    padding-left: 10px;
    padding-right: 10px;
    /* background-color: powderblue; */
}

.edition_categ {
    background-color: rgb(209, 173, 173);
}

.edition_feature {
    font-weight: bold;
}

.p_tab {
    padding-top: 10px;
    padding-left: 40px;
}

/* ############################################## */
/* For editions page
/* ############################################## */

.table_editiontitle {
    font-size: 24px;
    /* font-weight: bold; */
    font-weight: 700;
    font-family: Roboto Slab, ff-tisa-web-pro, Georgia, Arial, sans-serif;
    padding: 0px;
    padding-bottom: 10px;
    margin: 0px;
}


.edition_logocolumn {
    width: 68px;
    /* margin-right: 45px; */
}

img.table_editionlight_thumbnail {
    margin-right: 6px;
    width: 48px;
}
img.table_editionessential_thumbnail {
    margin-right: 6px;
    width: 51px;
}
img.table_editionstoryboard_thumbnail {
    margin-right: 6px;
    width: 55px;
}
img.table_editionstudio_thumbnail {
    padding-right: 6px;
    width: 65px;
}

/* ############################################## */
/* For articles
/* ############################################## */

table.article_noborders {
    border: 0px solid #000000;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    margin-left: 2em;
}

.article_thumbnail {
    width: 220px;
    border-collapse: collapse;
    text-align: center;
}

.article_toplink {
    font-size: 16px;
    padding-left: 10px;
    margin: 0px;
    font-weight: bold;
}

.article_textparagr {
    font-size: 16px;
    padding-top: 8px;
    padding-left: 10px;
    margin: 0px;
}

/* ############################################## */
/* For editions differences
/* ############################################## */

.edition_fontbold {
    font-weight: 700;
}

img.editionlight_thumbtable {
    margin-left: 3px;
    width: 35px;
}

img.editionessential_thumbtable {
    margin-left: 3px;
    width: 40px;
}

img.editionstoryboard_thumbtable {
    margin-left: 3px;
    width: 45px;
}

img.editionstudio_thumbtable {
    margin-left: 3px;
    width: 50px;
}


/* ############################################## */
/* For editions small links
/* ############################################## */

.offset-top {
    position: relative;
    /* top: -36px; */
    top: -10px;
    /* right: 0;
    text-align: right; */
    /* Optional styling */
    /* background-color: #f2f2f2;
    padding: 10px;
    border: 1px solid #ddd; */
}

.offset-top-right {
    position: relative;
    /* top: -36px; */
    top: -36px;
    right: 0;
    text-align: right;
    /* Optional styling */
    /* background-color: #f2f2f2;
    padding: 10px;
    border: 1px solid #ddd; */
}

.offset-bottom {
    position: relative;
    top: 36px;
    right: 0;
    text-align: right;
    /* Optional styling */
    /* background-color: #f2f2f2;
    padding: 10px;
    border: 1px solid #ddd; */
}

div.edition_noborders {
    border: 0px solid #000000;
    width: 100%;
    border-collapse: collapse;
    margin-top: 0em;
    margin-bottom: 1em;
    margin-left: 0em;
    /*position: relative; */
    display: flex;
    align-items: flex-end;
}


img.edition_thumbnail {
    margin-left: 3px;
    width: 28px;
}

img.editionlight_thumbnail {
    margin-left: 3px;
    width: 25px;
}

img.editionessential_thumbnail {
    margin-left: 3px;
    width: 27px;
}

img.editionstoryboard_thumbnail {
    margin-left: 3px;
    width: 29px;
}

img.editionstudio_thumbnail {
    margin-left: 3px;
    width: 31px;
}



img.link_thumbnail {
    margin-left: 3px;
    margin-bottom: 3px;
    width: 13px;
}

.tooltip {
    position: relative;
    display: inline-block;
    /* border-bottom: 1px dotted black;
    border-bottom: none; */
}

.tooltip .tooltiptext {
    visibility: hidden;
    width: 230px;
    background-color: rgb(206, 206, 206);
    color: #3d3d3d;
    text-align: center;
    border-radius: 3px;
    padding: 4px 0;
    font-size: 0.8em;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.tooltip:hover .tooltiptext {
    /*visibility: visible; */
    visibility: visible;
}

.quote-box {
    display: flex;            /* Use flexbox for a side-by-side layout */
    border: 6px solid #760501; /* Border thickness and color */
    border-radius: 20px;    /* Corner radius */
    background-color: #8f8f8f; /* Background color */
    padding-left: 60px;          /* Distance from text to border */
    padding-right: 30px;          /* Distance from text to border */
    padding-top: 24px;          /* Distance from text to border */
    padding-bottom: 20px;          /* Distance from text to border */
    width: 90%;             /* Optional: control width */
    margin: 14px auto;      /* Center the box horizontally with margin */
    text-align: center;     /* Center the text inside */
  }
  
.quote-text {
    font-size: 22px;        /* Font size */
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-style: italic;
    color: #f8f8f8;            /* Font color */
    margin: 0;              /* Remove default paragraph margins */
}

.author-text {
    font-size: 16px;        /* Smaller font for the author's name */
    /* font-family: Arial, Helvetica, sans-serif; */
    font-weight: normal;
    font-style: normal;
    /* color: #555; */
    text-align: right;      /* Align to the right */
    margin-top: 10px;       /* Adds a little space above */
}

.quote-image {
    margin-left: 20px;        /* Space between the quote and the image */
  }
  
.quote-image img {
    max-width: 100%;          /* Make sure the image fits within its container */
    height: auto;             /* Keep the aspect ratio */
}

.quote-content {
    flex: 1;                  /* Take up remaining space for the quote */
    text-align: left;         /* Align the quote text to the left */
}

.note-box {
    border: 3px solid #3b3b3b; /* Border thickness and color */
    background-color: #f1f1f1; /* Background color */
    padding-left: 20px;          /* Distance from text to border */
    padding-right: 20px;          /* Distance from text to border */
    padding-top: 20px;          /* Distance from text to border */
    padding-bottom: 6px;          /* Distance from text to border */
    width: 100%;             /* Optional: control width */
    margin: 20px auto;      /* Center the box horizontally with margin */
    /* text-align: center; */
}

.note-text{
    /* font-size: 26px; */
    /* font-family: Arial, Helvetica, sans-serif; */
    margin: 0;              /* Remove default paragraph margins */
}

.note-list{
    margin-bottom: 0px;
  }