/** My custom Theme Learn Tweaks **/
:root {
XXX--INTERNAL-MAIN-font: "Work Sans", "Helvetica", "Tahoma", "Geneva", "Arial", sans-serif;
}

body[data-url="/index.html"]  img.uu-full-logo {
    margin-top: 2em;
}

#R-header-wrapper {
    background-image: url("images/uu-sigill.png");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 140px;
    border-bottom: 4px solid var(--ACCENT-2-color);
}


h1 {
    text-transform: none;
    font-weight: 500;   
}

#R-homelinks {
    background-color: black;
}

img.uu-full-logo {
    width: 0px !important;
    height: 0px !important;
    padding: 190px 200px 0px 0px !important; 
    background: var(--UU-FULL-LOGO);
    background-size: auto;
    margin-bottom: 3em;

}




h1 {color: var(--INTERNAL-MAIN-TEXT-color);}

#R-sidebar .R-sidebarmenu .menu-entry {
    padding-left: 0.5rem;
}



#R-sidebar .collapsible-menu {
    padding-left: 5px;
}



#R-sidebar .collapsible-menu .menu-entryXXX {
    border: 1px solid yellow;
}



#R-sidebar li label i {
    vertical-align: top;
    margin-top: 8px;
}

#R-sidebar li.active.parent label i {
    vertical-align: top;
    margin-top: 6px;
}

#R-sidebar div.menu-entry {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 0.2em;
    margin-left: 0.5rem;
}

#R-sidebar div.menu-page-title {
    flex-grow: 1;
    line-height: 1.5;
}

.menu-post-icons {
    flex-grow: 0;
    flex-shrink: 0;
    width: 60px;
}

.menu-post-icons .points {
    display: inline-block;
    width: 10px;
}

.menu-post-icons .post-icons {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.menu-post-icons  .post-icons i {
    margin: auto auto;
    width: 10px;
    display: inline;
    margin-top: 5px;
}

#R-sidebar div.menu-entry .read-icon-spacer {
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
}


#R-header .course {
    font-weight: bold;
    color: white;
}

#R-header .semester {
    color: white;
}



#R-prefooter {
    margin-top: 2rem;
}
#R-select-language-container {
    display: none;
}


/**** TABLES ****/

td.center,
th.center,
th[align="center"] {
    text-align: center;
}


#R-body-inner table th {
    border-bottom: 4px solid var(--ACCENT-2-color);
    vertical-align: bottom;
}

#R-body-inner table th.colspan {
    border-bottom: none;
    text-align: center;
}

#R-body-inner table th.no-border-b {
    border-bottom: none;
}


XXXtable th, XXXtable td {
    border: 1px solid #e1e4e5;

}

table th {
    background-color: var(--MAIN-BG-color);
    vertical-align: bottom;

}

th.upper-left-empty {
    border-left: 1px solid var(--MAIN-BG-color);
    border-top: 1px solid var(--MAIN-BG-color);
}

table tr.header-no-bottom-border th {
    border-bottom: none !important;
}

tbody  tr:nth-child(even) > td {
    background-color: var(--TABLE-EVEN-ROW-BG-color);
}



table.icon-list tr:nth-child(even)>td {
    background-color: var(--INTERNAL-MAIN-BG-color);
}


table.center td,
table.center th {
    text-align: center;
}

/**** SUB TITLE ****/

h2.subtitle {
    font-size: 1.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;

    color: var(--SUBTITLE-color);
}

div.box,
pre:not(.mermaid) {

    border-radius: 0px;
    color: blue;
}

.copy-to-clipboard-button {
    bbackground-color: var(--INTERNAL-CODE-BLOCK-BG-color);
    background-color: none;
    border-color: var(--INTERNAL-CODE-INLINE-BORDER-color);
    color: var(--INTERNAL-CODE-INLINE-color);
    font-family: var(--INTERNAL-CODE-font);
}

.copy-to-clipboard-button:hover {
    background-color: var(--INTERNAL-CODE-INLINE-color);
    color: var(--INTERNAL-CODE-INLINE-BG-color);
}

code {
    padding: 4px 4px 2px 4px;
}

pre:not(.mermaid) code {
    font-size: 1em;
}

.tt {
    font-family: monospace;
}

/**** DEFINITION LISTS ****/


dt {
    font-weight: bold;
    font-style: normal;
}

dd {
    list-style: none;
}

/**** BOLD STUFF *****/

b,
strong,
label,
th {
    font-weight: 450;
}

b,
strong,
label {
    color: var(--STRONG-color);
}

/****** NOTE *****/

div.note {
    margin-top: 2rem;

}

div.note p:empty+ul {
    margin-top: 1rem;

}

div.note ul+p:empty {
    margin-top: -1rem;

}

div.note {

    background: #E7F2FA;
    padding-bottom: 2px;
    margin-bottom: 2rem;

}

div.note.tip {
    background: #E6F9E6;

}

div.note.warning {
    background-color: rgb(250, 226, 226);

}

div.note.warning p.title {
    background: rgba(217, 83, 79, 0.8);

}


div.note p.title {
    background-color: #6AB0DE;
    color: white;
    padding-left: 15px;
    padding-left: 15px;

    padding-top: 2px;
    padding-bottom: 2px;

}

div.box>.box-content {
    border-radius: 0px;
}

div.note.tip p.title {
    background-color: #f0b37e;

}

div.note p {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 1rem;

}


/***** MARS *****/

ul.mars {
    padding-left: 0px;
    border: 0px solid #272822;
    border-radius: 5px;
    margin-top: 1.5rem;
    border-color: var(--INTERNAL-CODE-BLOCK-BORDER-color);

   
}

ul.mars>li {
    margin-left: 0px;
    padding-left: 34px;
    vertical-align: middle;
    ;
    list-style: none;

}

ul.mars.pause>li {
    background: url('images/mars/icons/Pause22.png') no-repeat left top;

}


ul.mars.play>li {
    background: url('images/mars/icons/Play22.png') no-repeat left top;

}

ul.mars.assemble>li {
    background: url(images/mars/icons/Assemble22.png) no-repeat left top;

}

ul.mars.step-forward>li {
    background: url(images/mars/icons/StepForward22.png) no-repeat left top;

}

ul.mars.step-backward>li {
    background: url(images/mars/icons/StepBack22.png) no-repeat left top;

}

ul.mars.stop>li {
    background: url(images/mars/icons/Stop22.png) no-repeat left top;
}

div.box.default {
    background-color: var(--BOX-DEFAULT-BG-color);
    border-color: var(--BOX-DEFAULT-BORDER-color);
}

body:not(.print) #R-body-inner.narrow h1 {
    border-bottom: none;
}

/***** Only show menu sub items under the active parent ******/

#R-sidebar div.menu-item input:checked+div .fa-caret-right {
    display: none;
}

#R-sidebar div.menu-item input:checked+div .fa-caret-down {
    display: inline-block;
}

#R-sidebar div.menu-item input+div .fa-caret-right {
    display: inline-block;
}

#R-sidebar div.menu-item input+div .fa-caret-down {
    display: none;
}



#R-sidebar ul.collapsible-menu>li input+label>.fa-caret-down {
    display: none;
}

#R-sidebar ul.collapsible-menu>li input+label>.fa-caret-right {
    display: inline-block;
}

#R-sidebar ul.collapsible-menu li input:checked div label .fa-caret-down {
    display: inline-block;
    background-color: white;
}

#R-sidebar ul.collapsible-menu>li (input:checked + label)>.fa-caret-right {
    display: none;
}


#R-sidebar .padding {
   
    padding: 0 1rem;
}


#RR-sidebar ul.morespace>li>*,
#RR-sidebar ul.collapsible-menu li.active>a {
    padding-left: 1.5em;

}



#R-sidebar ul.collapsible-menu>li>label {
    padding-inline-start: 0.5rem;
}

#R-sidebarmenu > li {
    background-color: yellow;
}

/*
#R-sidebar ul.morespace > li > ul.morespace > li > *,
#RR-sidebar ul.collapsible-menu li.active > a {
    padding-left: 1.8em;
    color: red;
}

*/


#RR-sidebar ul.collapsible-menu>li a i {
    padding-left: em;
}

/*
#R-sidebar ul > li.alwaysopen > ul {
    display: none;
}

#R-topics ul li.parent > ul {
    display: block;
}

#R-topics ul > li.active i {
   background-color: yellow;
}


*/

/* Chroma tasm syntax highlighting override for comment # symbol */

span[style="color:#960050;background-color:#1e0010"] {
    background-color: transparent !important;
    color: #91dd42 !important;
}

span[style="color:#a6e22e"] {
    color: white !important;
}

body:not(.print) #R-body-inner.narrow article.chapter p {
    text-align: center;
    padding-bottom: 1em;
    padding-top: 1em;
}

article.chapter h1+img {
    padding-top: 1em;
}

#R-header-wrapper {
    border-bottom: 4px solid var(--LOGO-BOTTOM-LINE-color);
}

article.home h1 {
    margin-bottom: 1em;
}


/***** figure SHORT CODE ******/

figure figcaption {
    ffont-size: 0.8rem;
}

figure figcaption {
    text-align: left;
}


figure figcaption .attribution {
    color: var(--INTERNAL-MAIN-TEXT-color);
    display: inline;
}

figure figcaption .attribution a {
    color: var(--FIGURE-ATTRIBUTION-color);
}


figure figcaption .attribution {
    float: right;
    margin-top: 0rem;
}

figure {
    margin: 0px;
    margin-block-start: 1.5em;
    margin-block-end: 0.8em;
}

#body-inner figure figcaption .attribution a {
    font-weight: 100;
}

/* Make inline code automatically break line */

code.copy-to-clipboard-code {
    white-space: normal;
    max-width: 100%;
    word-break: break-all;
    word-wrap: break-word;
}

/* 

https:
//stackoverflow.com/questions/2182716/is-it-possible-to-set-a-src-attribute-of-an-img-tag-in-css

http: //www.audenaerde.org/csstricks.html#

*/

img.uu-full-logo {
    width: 0px !important;
    height: 0px !important;
    padding: 190px 200px 0px 0px !important; 
    background: var(--UU-FULL-LOGO);
    background-size: auto;
    margin-bottom: 3em;

}


#R-body-inner article h1:first-of-type+p a img,
#R-body-inner article h1:first-of-type+h2+p a img {
    margin-bottom: 3em;
    margin-top: 2em;
}


table.icon-list {
    border: none;
}

table.icon-list td {
    vertical-align: top;
    border: none;
}



table.icon-list tr>td:first-child {
    width: 2em;
    important;
}


#R-body-inner ul {
    padding-left: 2em;
}

@media (max-width: 400px) {
    #R-body-inner ul {
        padding-left: 1.5em;
    }
}

#R-sidebar div.menu-entry {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 0.2em;
}

#R-sidebar div.menu-page-title {
    flex-grow: 1;
    line-height: 1.5;
}

.menu-post-icons {
    flex-grow: 0;
    flex-shrink: 0;
    width: 60px;
}

.menu-post-icons .points {
    display: inline-block;
    width: 10px;
}

.menu-post-icons .post-icons {
    width: 20px;
    display: inline-block;
    text-align: center;
}

.menu-post-icons  .post-icons i {
    margin: auto auto;
    width: 10px;
    display: inline;
    margin-top: 5px;
}

#R-sidebar div.menu-entry .read-icon-spacer {
    flex-grow: 0;
    flex-shrink: 0;
    width: 20px;
}

#R-sidebar ul li  .read-icon {

}

#R-sidebar ul.collapsible-menu > li a i {
    padding-left: 0px;
}

#R-sidebar .submenu-title {
    padding-right: 0.2em;
}

#R-body .tab-nav-button>.tab-nav-text {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 1em;
    padding-right: 1em;
}


#R-body figure > figcaption > h4 {
    padding-top: 1em;
    font-weight: 300;
    color: var(--INTERNAL-MAIN-TEXT-color);
    }

#R-body a.lightbox-link:hover {
    color: transparent;
}




.R-shortcutmenu-footercontrols div.menu-control span {
   width: 0.6rem;
}