@charset "UTF-8";
/* CSS Document */


/* Whole Page Stuff */

body {
  color: black;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  line-height: 1.4;
}

div.main_page {
    max-width: 850px;
    background-color: white;
    margin: auto;
    padding: 20px;
    border: 1px solid grey;
}

div.truefitt {
    max-width: 850px;
    background-color: white;
    margin: auto;
    padding: 20px;
    border: 1px solid grey;
}


h1 {
  color: #33334d;
  text-align: center;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h2 {
  color: #33334d;
  text-align: left;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}

h3 {
  text-align: left;
  font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}


/* Page Header and Footer Logo and Pointing Hands */

table.page_head {
  border-collapse: collapse;
  border: 0px;
  width: 100%;
}

 tr.page_head, td.page_head {
  border: 0px;
  padding: 0px;
  
}

img.page_head {
  opacity: 1.0;
}

img:hover.page_head {
  opacity: 0.5;
}

table.page_bottom_txt {
  border-collapse: collapse;
  border: 0px;
  width: 90%; 
  margin-left: 5%; 
  margin-right:5%;
}

 tr.page_bottom_txt, td.page_bottom_txt {
  border: 0px;
  padding: 0px;
  
}

.page_bottom_txt {
  font-family: Arial, Helvetica, sans-serif;
  color: red;
}



/* Grey Page Intro Text */

.page_intro_text {
  font-family: Arial, Helvetica, sans-serif;
  color:#52527a;
}


/* Bits in the body */

.main_body_text {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

.main_body_text_centered {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
  text-align: center;
}


ul {
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
}

/* Subscripts and Superscripts */

sub {
  font-size: 0.7em;
  position: relative;
  top: 0.2em; }

sup {
  font-size: 0.7em;
  position: relative;
  top: -0.2em; }


/* Usual Image CSS */

img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}


/* Table.highlight_text_box */

table.highlight_text_box {
  border-collapse: collapse;
  border: 2px solid red;
  width:80%; 
  margin-left:10%; 
  margin-right:10%;
  background: lightgrey;
}

td.highlight_text_box {
  padding: 15px;
  text-align: left;
}


/* Book Title Page Text */

.title_text {
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 30px;
  line-height: 1.1;
  text-align: center;
  color: darkblue;
}

.author {
  font-family: Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif";
  font-size: 25px;
  line-height: 0.9;
  text-align: center;
  color: darkblue;
}


/* Book Title Page Main Table */

table.list_pages, td.list_pages {  

  padding: 2px;
 }

table.list_pages {
  border-collapse: collapse;
  width: 70%; 
  margin-left: 15%; 
  margin-right: 15%;
}

td.list_pages_lightbluesteel {
  background-color: lightsteelblue;
  padding: 10px;
}




/* LINKS*/
/* unvisited link */
a:link {
  color: darkblue;
  text-decoration: none;
}

/* visited link */
a:visited {
  color: purple;
  text-decoration: none;
}

/* mouse over link */
a:hover {
  color: hotpink;
  text-decoration: underline;
}

/* selected link */
a:active {
  color: blue;
  text-decoration: underline;
}


/* -- Lewis Acid & Lewis Aase text colour --*/

/*    <span class="Lewis_base">Lewis base</span>   */

.Lewis_acid {
    color: red;
}

.Lewis_base {
    color: blue;
}

.radical {
    color: green;
}

.metal {
    color: steelblue;
}

.complex {
    color: #e39a09;
    text-shadow: 1px 1px indigo;
}


/* -- main meta-synthesis menu --*/

ul.main_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: lightsteelblue;
}

li.main_menu {
  float: left;
}

li.main_menu a, .dropbtn_mm{
  display: inline-block;
  color: black;
    font-size: 18px;
  text-align: center;
  padding: 14px 36px;
  text-decoration: none;
}

li.main_menu a:hover, .dropdown_mm:hover .dropbtn_mm {
  background-color: steelblue;
  text-decoration: none;
}

li.dropdown_mm {
  display: inline-block;
}

.dropdown_mm-content {
  display: none;
  position: absolute;
  background-color: lightsteelblue;
  min-width: 200px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown_mm-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown_mm-content a:hover {background-color: #f1f1f1;}

.dropdown_mm:hover .dropdown_mm-content {
  display: block;
}


video {
  max-width: 100%;
  height: auto;
}