/****
 * PreTeXt Stylesheet NICOLA MULBERRY
 ****
*/
:root {
  --documenttitle: #A6192E;
  --bodytitle: #CC0633;
  --bodysubtitle: #CC0633;
  --bodytitlehighlight: #D9DADA;
  --bodysubtitlehighlight: #D9DADA;

  --chaptertoc: #54585A;
  --chaptertoctext: white;
  --chaptertocactive:#A1A4A6;
  --chaptertoctextactive: #CC0633;
  --sectiontoc:#D9DADA;
  --sectiontoctext: black;
  --sectiontocactive: var(--chaptertocactive);
  --sectiontoctextactive: var(--chaptertoctextactive);
  --tocborder: #54585A;

  --highlighttoc: #A1A4A6;
  --highlighttoctext:#CC0633;
  --highlighttocborder: #A1A4A6;

  --assemblageborder: #f75f1e;
/*
  --assemblagebackground: #ffdbcc;
*/
  --assemblagebackground: white;

  --knowlborder: #dfe8e6;
  --knowlbackground: #dfe8e6;

  --exampleborder: #006D5B;
  --examplebackground: #dfe8e6;

  --theoremborder: #800000;
  --theorembackground: #ffedd4;

  --definitionborder:#CC0633;
  --definitionbackground: #ffe0e8;


}

/* make a bit wider to accomodate long equations */
#content {
  max-width: 700px !important;
}

/****/
/* ASSIDES (used for videos) */
/* TO DO: small screen behaviour
/****/

/*.pretext-content .aside-like {
    margin-top: 20px !important;
    margin-left: 800px !important;  
    position: absolute;
    overflow-x: hidden;
    max-width    : 400px;
    max-height   : none;
    overflow-y: visible;
    color: white;  
    background-color: white;
    box-shadow:  none;
    padding: 0 5px;
    border: 3px solid #dcebfa;
}*/

.pretext-content .aside-like {
    margin-top: 20px !important;
    margin-left: 800px !important;  
    position: absolute !important;
    overflow-x: hidden !important;
    max-width    : none !important;
    max-height   : none !important;
    overflow-y: visible !important;
    color: white !important;  
    background-color: white !important;
    box-shadow:  none;
    padding: none !important;
    border: none !important;
}

.pretext-content .aside-like:after {
  background-image : none !important;
}

.pretext-content .aside-like:hover, .pretext-content .aside-like:focus {
    color: inherit;
    padding: none !important;
    border: none !important;
    height: auto;
    max-height: none;
}

@media screen and (max-width: 1099px) {
  .pretext-content aside.aside-like {
    position: absolute;
    float: none;
    z-index: -10;
    overflow-x: hidden;
    max-width: 0%;
}
  .pretext-content li > aside.aside-like:last-child {
    position: absolute;
}
}

/****/
/****/
/* Remove Greg-L */
.pretext-content article.theorem-like::after, .pretext-content article.definition-like::after, .pretext-content article.example-like::after, .pretext-content article.project-like::after, .pretext-content article.objectives::after, .pretext-content article.outcomes::after, .pretext-content article.remark-like::after {
  border-bottom: none !important;
}

/****/
/* ASSEMBLAGES (FOR GUIDELINES/FORMULAS ETC.) */
/****/
.pretext-content .assemblage-like {
  border: solid 3px var(--assemblageborder) !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 1em;
}


.pretext-content .assemblage-like .heading{
    margin-top: -1.5em;
    color:  var(--assemblageborder);
    display: table;
    background-color: white;
    border: none;
    padding: 5px 10px;
}
/****/
/* EXAMPLES */
/****/
.pretext-content .example-like .heading{
    display: table;
    color: var(--exampleborder);
    margin-bottom: 1em;
}

.pretext-content .example-like {
  border: solid 3px  var(--exampleborder) !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 1em;
  background-color: var(--examplebackground);
}


.pretext-content .example-like .MJXc-display {
    background-image: linear-gradient(to right, var(--examplebackground),var(--examplebackground)), linear-gradient(to right,var(--examplebackground), var(--examplebackground)), linear-gradient(to right, rgba(0,0,0,.25), rgba(242,242,254,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(242,242,254,0));
}
/****/
/* DEFINITIONS */
/****/
.pretext-content .definition-like .heading {
  color: var(--definitionborder); 
}

.pretext-content .definition-like {
  border: solid 3px  var(--definitionborder)  !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 1em;
  background-color:var(--definitionbackground) ;
}

.pretext-content .definition-like .MJXc-display {
    background-image: linear-gradient(to right, var(--definitionbackground), var(--definitionbackground)), linear-gradient(to right,var(--definitionbackground), var(--definitionbackground)), linear-gradient(to right, rgba(0,0,0,.25), rgba(242,242,254,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(242,242,254,0));
}
/****/
/* THEOREMS */
/****/
.pretext-content .theorem-like .heading {
  color: var(--theoremborder);
}

.pretext-content .theorem-like {
  border: solid 3px var(--theoremborder) !important;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 1em;
  background-color: var(--theorembackground);
}

.pretext-content .theorem-like .MJXc-display {
    background-image: linear-gradient(to right, var(--theorembackground), var(--theorembackground)), linear-gradient(to right,var(--theorembackground), var(--theorembackground)), linear-gradient(to right, rgba(0,0,0,.25), rgba(242,242,254,0)), linear-gradient(to left, rgba(0,0,0,.25), rgba(242,242,254,0));
}
/****/
/*PARAGRAPHS (used for end of section exercises) */
/****/
.pretext-content .paragraphs .title {
    font-size: 1.25em !important;
}
/****/
/* Remove formatting in knowls TO DO? weird headers?*/
.pretext-content .knowl-content > article.theorem-like,
.pretext-content .knowl-content > article.definition-like,
.pretext-content .knowl-content > article.example-like,
.pretext-content .knowl-content > article.project-like,
.pretext-content .knowl-content > article.objectives,
.pretext-content .knowl-content > article.outcomes,
.pretext-content .knowl-content > article.remark-like {
    padding-left: 0;
    border: none !important;
}