/* sets colors and thing specific to chestnet.org and differing from the elsevier general skin.
 * may override a few things (likst the background for chest is different).
 */
:root {
    --mbm-teal: #24716b; /* from pauls email */
    --mbm-light-teal: #4FBBB1; /* from website logo https://www.metabolicmind.org/ */
    --mbm-tan: #EBE7E3; /* from website logo https://www.metabolicmind.org/ */
    --mbm-sandy-tan: #FFEEDA; /* from website logo https://www.metabolicmind.org/ */
    --mbm-light-grey: #F7F7F7; /* from website logo https://www.metabolicmind.org/ */
    --mbm-white: #FFFFFF; /* from website logo https://www.metabolicmind.org/ */
    --mbm-black: #000000; /* from website logo https://www.metabolicmind.org/ */
    --mbm-light-blue: #8DA9D7; /* from website logo https://www.metabolicmind.org/ */
    --mbm-very-light-blue: #cdddf7; /* from website logo https://www.metabolicmind.org/ */

    --mbm-button-padding: 10px;
    --mbm-button-radius: 15px;
    --mbm-font-size: 14px;
}

@font-face {
    font-family: 'Inter';
    font-display: swap;
    src:  url('../Inter-VariableFont_opsz,wght.ttf') format('truetype');
}

body
{
    background-color: var(--mbm-very-light-blue); /* secondary */
    font-family: "Inter", sans-serif;
    font-size: var(--mbm-font-size);
}
#container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 100vh;
    background-color: var(--mbm-sandy-tan);
    /*background: linear-gradient(180deg,#fff0db 0%,rgb(251,220,204) 46.846846846846844%,rgb(140,168,215) 100%);*/
}
#content {
    flex-grow: 1;
}
#header
{
    background-color: var(--mbm-white);
    color: var(--mbm-teal);
}

.footer {
    background-color: var(--mbm-tan);
    color: var(--mbm-teal);
    text-align: center;
    padding: 15px;
}
#header .logo {
    margin: 25px;
}
.program_title {
    font-size: calc(var(--mbm-font-size) + 10px);
}
.author_title {
    font-size: calc(var(--mbm-font-size) + 4px);
    text-align: left;
}
.article_title {
    font-size: calc(var(--mbm-font-size) + 8px);
    text-align: left;
}
.footer .logo {
}
.footer .copyright {
}

.buttonify {
    border-radius: var(--mbm-button-radius);
    padding: var(--mbm-button-padding);
}
a.resource_link {
    background-color: var(--mbm-black);
}
.nav_position {
    padding:  calc(var(--mbm-button-padding)  + 4px);
}
/* some style we don't usually change */
.with_figure_content .transcript h2 { /* more specific than the line in program.css TODO refactor program.css into the skins instead of global */
    margin: var(--mbm-button-padding);
}
.with_figure_content .publication_identifier {
    margin: var(--mbm-button-padding);
}
.figure_text {
    margin: var(--mbm-button-padding);
}
.overlay_alternate.slide_link {
    margin: 5px;
}
.hd .hFeaturedBlock {
    letter-spacing: normal;
}

/* FRAGMENTS (Background styles) */
.slide_link, .print_link {
  background-color: var(--mbm-teal);
}
.slide_link.greyed_out {
  background-color: #ACACAC;
  color: black;
}

a.resource_link {
    background-color: var(-mbm-black);
}
.bgFeatured { background: var(--mbm-light-grey); /* tertiary */ }

.hFeaturedBlock {
    background-color: var(--mbm-light-blue);
    color: var(--mbm-black);
}
.activatable .resource_link.active {
    border-color: var(--mbm-light-blue);
    padding:  var(--mbm-button-padding);
}
.activatable .slide_link.active {
    border-color: var(-mbm-black);
    padding:  var(--mbm-button-padding);
}
/*** branding for above transcript text / immediately below the audio player ***/
#transcript_branding_bar {
  background-color: var(--mbm-light-blue); /* "primary" same as header background */
}
/********** title area *************/
.title_area_positioner {
  width: 623px;
  margin-top: 15px;
  margin-left: 325px;
}