html {
  height: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: 10px;
}

.drc-font-size--110 { font-size: 11px; }
.drc-font-size--120 { font-size: 12px; }
.drc-font-size--130 { font-size: 13px; }
.drc-font-size--140 { font-size: 14px; }
.drc-font-size--150 { font-size: 15px; }
.drc-font-size--160 { font-size: 16px; }

body {
  width: 100%;
  height: 100%;
  text-rendering: optimizeLegibility;
  font-size: 1.7rem;
  font-family: arial, 'Helvetica', sans-serif;
  line-height: 1.5;
  color: #000000;

  /* For Edge/IE. */
  word-wrap: break-word;
  /* Semi-standard. */
  overflow-wrap: break-word;
}

.drc-font-family--serif body {
  font-family: 'Georgia', serif;
}

.drc-font-family--dyslexic body {
  font-family: 'OpenDyslexic', 'Helvetica', sans-serif !important;
}

:focus, a:focus {
  outline: .3rem solid #0096C3;
}

/* Workaround for IE11, shows a focus indicator on the body. */
body:focus {
  outline: 0 none;
}

abbr[title] {
  border-bottom: 1px dotted;
  text-decoration: none;
}

a {
  color: #0058a2;
}

/* To keep the admin toolbar rendering consistent with the Drupal core themes. */
#toolbar-administration { -webkit-font-smoothing: auto; }
.toolbar a { font-weight: normal; }

a:hover {
  /* Force all links to be underlined on hover, even if the underline was
  removed. */
  text-decoration: underline !important;
}

a.is-active,
a.octomodel-nav--active {
  color: inherit;
  text-decoration: none;
}

p, h3, h4, h5, h6 {
  margin: 15px 0;
}

h1 {
  font-size: 4.0rem;
  line-height: 1.2;
}

h2 {
  font-size: 2.5rem;
  line-height: 1.41;
}

h1 a,
h2 a {
  text-decoration: none;
}

h3 {
  color: #000;
  font-size: 1.8rem;
}

h4 {
  /* Makes it not go full width. */
  display: table;
  padding: 2px 4px;
  background-color: #A7EDE8;
  font-size: 1.6rem;
}

h5 {
  color: #000;
  font-size: 1.6rem;
}

h6 {
  font-size: 1.5rem;
}

.node__subtitle {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 15px 0;
}

.octomodel-post--full .node__subtitle {
  font-size: 2.2rem;
}

blockquote p {
font-size: 2.5rem;
line-height: 1.2;
margin-top: 60px;
margin-bottom: 30px;
margin-left: auto;
margin-right: auto;
border-top: 2px solid #000;
border-bottom: 2px solid #000;
padding: 15px;
text-align: center;
}

blockquote {
display: block;
margin-block-start: 0;
margin-block-end: 0;
margin-inline-start: 0;
margin-inline-end: 0;
}

.field--name-body li {
  margin: 7.5px 0;
}

@media (min-width: 768px) {
  h1 {
    font-size: 3.5rem;
    line-height: 1.2;
  }

  h2 {
    font-size: 2.4rem;
    line-height: 1.41;
  }

  .node__subtitle {
    font-size: 2.1rem;
    line-height: 1.1;
  }

  .octomodel-post--full .node__subtitle {
    font-size: 2.1rem;
  }


}

table {
  border: 0 none;
}

th, td {
  border: 1px solid white;
  padding: 5px 15px;
}

th {
  background-color: #0E494E;
  color: white;
}

tr:nth-child(odd) td {
  background-color: #E2E2E2;
}

tr:nth-child(even) td {
  background-color: #D6D6D6;
}

.page-content button,
.page-content input[type=submit],
.page-content input.form-submit {
  margin: 23px 0;
  padding: 10px 23px;
  border: 0 none;
  background-color: #0162af;
  color: white;
  border-radius: 3px;
  font-weight: bold;
  text-align: center;
}

.page-content button:hover,
.page-content input[type=submit]:hover,
.page-content input.form-submit:hover {
  background-color: #01213a;
}

.button-1-color
{
  background-color: #0162af;
  color: white;
}

.button-1-color:hover {
  background-color: #01213a;
  color: white;
}

.page-content label[for] {
  cursor: pointer;
}

.page-content label {
  display: table;
  margin: 0 0 0.1em;
  padding: 0;
  font-weight: bold;
}

.page-content input[type=text],
.page-content input.form-text,
.page-content input[type=email],
.page-content input.form-email {
  padding: .3em .4em .3em .5em;
}

input:-ms-input-placeholder {
  color: #343434;
}
input::-webkit-input-placeholder {
  color: #343434;
}
input::-moz-placeholder {
  color: #343434;
}
input::placeholder {
  color: #343434;
}

input:focus:-ms-input-placeholder {
  color: transparent;
}
input:focus::-webkit-input-placeholder {
  color: transparent;
}
input:focus::-moz-placeholder {
  color: transparent;
}
input:focus::placeholder {
  color: transparent;
}