/* Enter Your Custom CSS Here */

/* This is for the single page blog posts not to have the title in the center of the blog image */
.single h1.headline { 
     display: none;
}

/* This is so the toggle FAQ section looks cleaner - CH */
.toggle-trigger {
    font-size: 1.4em;
  font-family: Arial, Helvetica, sans-serif;
  
}
.toggle-section {
font-size: medium;
font-family: Arial, Helvetica, sans-serif;
}

/* This is so the tables look better */

table {
color: #333;
font-family: Arial, Helvetica, sans-serif;
border-collapse:
collapse; border-spacing: 0;
}

td, th {
border: 1px solid transparent; /* No more visible border */
height: 30px;
transition: all 0.3s; /* Simple transition for hover effect */
}

th {
background: #DFDFDF; /* Darken header a bit */
font-weight: bold;
}

td {
background: #FAFAFA;
text-align: Left;  
}

p {
    padding: 15px 15px 15px 15px;
}

/* Cells in even rows (2,4,6...) are one color */
tr:nth-child(even) td { background: #F1F1F1; }

/* Cells in odd rows (1,3,5...) are another (excludes header cells) */
tr:nth-child(odd) td { background: #FEFEFE; }

tr td:hover { background: #666; color: #FFF; } /* Hover cell effect! */