/* General page setup */
body {
    font-family: Helvetica, sans-serif;  /* font */
    background-color: #f2efe6;          /* cream background colour */
    color: #333;                         /* dark grey text */
    max-width: 900px;                    /* max text width */
    margin: auto;                        /* centre content */
    padding: 20px;
}

.layout {
  display: flex;
  min-height: 100vh;
}


.sidebar {
  width: 200px;          /* thin column */
  padding: 0px;
}

.sidebar h3 {
    margin-top: 70px;
    color: #36b167;
}

.sidebar-image {
    width: 70%;
    margin-top: -25px;
}

.content {
  flex: 1;               /* takes remaining space */
  padding: 20px;
}
  
/* Main title */
h1 {
  color: #36b167;                /* dark orange title */
  /* text-align: center; */
}

/* Sub-headings */
h2 {
  color: #36b167;                /* dark orange title */
  margin-top: 20px;
}

/* Links */
a {
  text-decoration: none;           /* do not underline links */
  color: #1baa54;                  /* dark orange links */
}

a:hover {
  text-decoration: underline;       /* underline link when hovering */
}

a.no-underline {
  text-decoration: none;  /* removes underline normally */
  color: inherit;         /* keeps the link the same color as text */
}

a.no-underline:hover {
  text-decoration: none;  /* prevents underline on hover */
}

/* Lists */
ul {
  list-style-type: disc;          /* round bullet shape */
  padding-left: 20px;
}
ol {
  padding-left: 20px;
}

.bullets-dash {
  list-style: none;
  padding-left: 1.2em;
}

.bullets-dash li::marker {
  content: "-  ";
}

summary {
    list-style: none;
    cursor: default;
}

summary::-webkit-details-marker {
    display: none;
}

summary::before {
    content: "";
}

details[open] summary::before {
    content: "";
}

/* Bullet styles */
.bullets-disc    { list-style-type: disc; }
.bullets-circle  { list-style-type: circle; }
.bullets-square  { list-style-type: square; }
.bullets-none    { list-style-type: none; }

/* Colours: 
#d35400 - rust orange
#e15282 - nice pink 
#e15252 - reddish orange
#dce5f1 - light baby blue
#36b167 - nice green */