p { font-size: 18px; }
ol { font-size: 18px; }
ul { font-size; 18px; }

h1, h2, h3 { color: #d73a5d; }
h1 { font-size: 36px; }
h2 { font-size: 28px; }
h3 {font-size: 22px; font-weight: 700; }

/* remove top margin of the menu bar */
.container-header nav { margin-top: 0; }

/* remove padding in the header logo */
.container-header .grid-child { padding: 0; }

/* change the color of the hamburger menu */
.container-header .navbar-toggler {   color: #303030;   cursor: pointer;
  border: 1px solid #303030; }
  
/* make menuitem in footer more visible during mouseover */
.mod-list li a:hover { color: yellow; }

/* header block */
.container-header { background-color: #f7aea7; background-image: none; }

/* menu-items in template module position "menu" */
.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a {color: #303030; }
.metismenu.mod-menu .metismenu-item > span, .metismenu.mod-menu .metismenu-item > a:hover {color: #606060; }
.container-header .metismenu > li.level-1.active > a {color: #606060; text-decoration: underline; }

/* give the triangle after the menu-item a darkgrey color */
button.mm-collapsed.mm-toggler.mm-toggler-link { color: #303030; }

/* category description in blog view: the color is 3 grades lighter than the footer */
.category-desc { background-color: #b6ded8; border-radius: 30px; padding: 20px; margin-bottom: 20px; }

/* give the content blocks in blog-view a background color, some padding and a round corner */
.item-content { border-radius: 30px; background-color: #fbdedb; padding: 20px; }

/* give the content blocks single articles a background color, some padding and a round corner */
.com-content-article.item-page { border-radius: 30px; background-color: #fbdedb; padding: 20px; }

/* give the contact-page a background color, some padding and a round corner */
.com-contact.contact { border-radius: 30px; background-color: #fbdedb; padding: 20px; }

/* footer block */
.container-footer { background-color: #6dbdb2; background-image: none; }