@charset "UTF-8";
/* ............................................
 * * GIRN screen styles
 * *
 * * All your codebase are belong to us. ;)
 * * (c) Copyright 2009, 2022 by John Stephens.
 * *
 * * author    John Stephens
 * * website    https://cyclexo.com/
 * * ............................................ */
/* !Font faces
 * * -------------------------------------------- */
/* !Reset
 * * -------------------------------------------- */
/* !Elements
 * * -------------------------------------------- */
body {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

article, aside, dialog, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

/* !Block elements
 * * -------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: black;
  margin: 0;
}

h1, h2, h3 {
  font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

h1 {
  font-size: 24px;
}

h3 {
  font-weight: normal;
  text-transform: uppercase;
}

p {
  margin: 24px 0;
}

ol {
  list-style: decimal;
  margin: 0 1.5em 1.5em 1.5em;
}

ul {
  list-style: square;
  margin: 0 1.5em 1.5em 1.5em;
}

address {
  font-style: normal;
}

blockquote {
  font-family: monospace;
  font-size: 0.75em;
  margin: 0;
  margin-bottom: 20px;
  padding: 24px;
  color: #212121;
}

/* !Inline elements
 * * -------------------------------------------- */
:focus {
  outline: 1px dotted #212121;
  color: #007878;
}

a:focus, a:hover, a:active {
  text-decoration: none;
}

cite {
  font-style: italic;
  color: #212121;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

ins {
  text-decoration: underline;
}

del {
  text-decoration: line-through;
}

q {
  font-style: italic;
}
q em {
  font-style: normal;
}

/* !Form elements
 * * -------------------------------------------- */
fieldset {
  margin: 24px 0;
}

legend {
  font-variant: small-caps;
  font-weight: bold;
}

label {
  display: block;
  margin-top: 24px;
}

legend + label {
  margin-top: 0;
}

textarea, input[type=text] {
  box-sizing: border-box;
  color: #212121;
  width: 100%;
}

/* !Table elements
 * * -------------------------------------------- */
tr {
  border-bottom: 1px solid;
  margin-bottom: 0.5em;
}

tbody {
  color: #212121;
}
tbody th {
  text-align: right;
}

th, td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

th {
  font-weight: bold;
}

/* !Presentational elements
 * * -------------------------------------------- */
img {
  vertical-align: bottom;
}

/* `Widths
 * * -------------------------------------------- */
.input_tiny {
  width: 50px;
}

.input_small {
  width: 100px;
}

.input_medium {
  width: 150px;
}

.input_large {
  width: 200px;
}

.input_xlarge {
  width: 250px;
}

.input_xxlarge {
  width: 300px;
}

.input_full {
  width: 100%;
}

/* Added via JS to <textarea> and class="input_full".
 * Applies to IE6, IE7. Other browsers don't need it. */
.input_full_wrap {
  display: block;
  padding-right: 8px;
}

/* `UI Consistency
 * * -------------------------------------------- */
::-moz-focus-inner {
  border: 0;
}

input[type=search]::-webkit-search-decoration {
  display: none;
}

input, button, select, textarea {
  margin: 0;
  vertical-align: middle;
}

button, input[type=reset], input[type=submit], input[type=button] {
  -webkit-appearance: none;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  border-radius: 11px;
  background: #ddd url(../images/button.png) repeat-x;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
  background: -moz-linear-gradient(top center, #fff 0%, #ddd 100%);
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  outline: 0;
  overflow: visible;
  padding: 3px 10px 4px;
  text-shadow: #fff 0 1px 1px;
  width: auto;
  /* IE7  */
  *padding-top: 2px;
  *padding-bottom: 0px;
}

button {
  /* IE7  */
  *padding-top: 1px;
  *padding-bottom: 1px;
}

button[disabled], input[type=reset][disabled], input[type=submit][disabled], input[type=button][disabled] {
  color: #888;
}

textarea, select, input[type=date], input[type=datetime], input[type=datetime-local], input[type=email], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
  -webkit-appearance: none;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  outline: 0;
  padding: 2px 3px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  height: 1.8em;
  /* IE7  */
  *padding-top: 2px;
  *padding-bottom: 1px;
  *height: auto;
}

/* Separate rule for Firefox.
 * Cannot stack with WebKit's. */
input.placeholder_text, textarea.placeholder_text {
  color: #888;
}

::-webkit-input-placeholder {
  color: #888;
}

textarea[disabled], select[disabled], input[type=date][disabled], input[type=datetime][disabled], input[type=datetime-local][disabled], input[type=email][disabled], input[type=month][disabled], input[type=number][disabled], input[type=password][disabled], input[type=search][disabled], input[type=tel][disabled], input[type=text][disabled], input[type=time][disabled], input[type=url][disabled], input[type=week][disabled] {
  background-color: #eee;
  color: #888;
}

button:focus, button:active, input:focus, input:active, select:focus, select:active, textarea:focus, textarea:active {
  -moz-box-shadow: #06f 0 0 7px;
  -webkit-box-shadow: #06f 0 0 7px;
  box-shadow: #06f 0 0 7px;
  /* for Opera  */
  z-index: 1;
}

.is_webkit select {
  /* Tweaks for Safari + Chrome.  */
  background-image: url(../images/select_arrow.gif);
  background-repeat: no-repeat;
  background-position: right center;
  padding-right: 20px;
}

textarea, select[multiple] {
  height: auto;
}

select[multiple], .is_webkit select[multiple] {
  background-image: none;
  padding: 0;
}

textarea {
  overflow: auto;
  resize: vertical;
  width: 100%;
}

optgroup {
  color: #000;
  font-style: normal;
  font-weight: normal;
}

/* `IE6
 * * -------------------------------------------- */
/* Everything below this line is for IE6.
 * Delete it if you don't support it! :)
 *
 * Classes are added dynamically via JS,  because IE6 doesn't support attribute
 * selectors: .ie6_button, .ie6_input, etc.
 *
 * Note: These style rules are somewhat
 * duplicated because IE6 bombs out when
 * it sees attribute selectors. Example:
 *
 * .ie6_button
 *  This works in IE6.
 * }
 *
 * .ie6_button,  input[type=submit]
 *  This doesn't work.
 * } */
.ie6_button, * html button {
  background: #ddd url(../images/button.png) repeat-x;
  border: 1px solid;
  border-color: #ddd #bbb #999;
  cursor: pointer;
  color: #333;
  font: bold 12px/1.2 Arial, sans-serif;
  padding: 2px 10px 0px;
  overflow: visible;
  width: auto;
}

* html button {
  padding-top: 1px;
  padding-bottom: 1px;
}

.ie6_input, * html textarea, * html select {
  background: #fff;
  border: 1px solid;
  border-color: #848484 #c1c1c1 #e1e1e1;
  color: #000;
  padding: 2px 3px 1px;
  font-size: 13px;
  font-family: Arial, sans-serif;
  vertical-align: top;
}

* html select {
  margin-top: 1px;
}

.placeholder_text, .ie6_input_disabled, .ie6_button_disabled {
  color: #888;
}

.ie6_input_disabled {
  background: #eee;
}

body {
  margin: 0;
}

button, input[type=reset], input[type=submit], input[type=button] {
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-decoration: none;
}

table {
  border-collapse: collapse;
}

/* !Classes
 * * -------------------------------------------- */
.access-hide {
  display: none;
}

.adr, .adr > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.action-links, .action-links > li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.affordance-action-link {
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-decoration: none;
  display: block;
  margin-bottom: 20px;
  padding: 10px;
}
.affordance-action-link strong {
  font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.edit-link {
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-decoration: none;
  font-size: 0.75em;
  font-weight: bolder;
  padding: 10px;
}

.left {
  float: left;
  margin-right: 10px;
}

.main-content-heading {
  position: relative;
  padding: 20px;
  padding-bottom: 0;
  padding-top: 20px;
  margin: 0 -1rem 0 calc(-1rem - 1px);
}
.main-content-heading:before, .main-content-heading:after {
  content: " ";
  display: table;
}
.main-content-heading:after {
  clear: both;
}
.main-content-heading h1 {
  font-size: 1.75em;
  line-height: 1.25em;
  margin: 0;
  margin-bottom: 5px;
  padding: 0;
}

.pax-honeypot {
  display: none;
}

.right {
  float: right;
  margin-left: 10px;
}

/* !Structure
 * * -------------------------------------------- */
#epigram,
#content,
#epilog {
  margin: auto;
}
@media (max-width: 959.98px) {
  #epigram,
#content,
#epilog {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(3, 18px) 1fr repeat(4, 18px);
    width: 100%;
  }
}
@media (min-width: 960px) {
  #epigram,
#content,
#epilog {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(25, 18px);
    width: 900px;
  }
}

/* !Header + Main Navigation
 * * -------------------------------------------- */
#branding {
  border-bottom: 2px groove;
  height: 188px;
  left: 0;
  position: absolute;
  width: 100%;
}

#epigram {
  padding-top: 18px;
  position: relative;
}
@media (max-width: 959.98px) {
  #epigram header {
    grid-column: 1/-1;
  }
}
@media (min-width: 960px) {
  #epigram header {
    grid-column: 6/span 20;
    grid-row: 2;
  }
}
#epigram #byword,
#epigram .tel {
  font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
  text-transform: uppercase;
}
@media (max-width: 959.98px) {
  #epigram .tel {
    font-size: 2rem;
  }
}
@media (min-width: 960px) {
  #epigram .tel {
    font-size: 3rem;
  }
}

#site-id {
  left: 0;
  position: absolute;
  top: 0;
}
#site-id a {
  display: inline-block;
}
@media (max-width: 959.98px) {
  #site-id a {
    height: 72px;
    width: 72px;
    top: 18px;
  }
}
@media (min-width: 960px) {
  #site-id a {
    height: 175px;
    left: -48px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 306px;
  }
}

#byword {
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
}
@media (max-width: 959.98px) {
  #byword {
    position: absolute;
    left: -9999em;
  }
}

@media (max-width: 959.98px) {
  #utility-nav {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: 4/span 5;
  }
}
@media (min-width: 960px) {
  #utility-nav {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(19, 18px);
    grid-column: 8/span 17;
    grid-row: 1;
  }
}

.lang-list {
  margin: 0;
}
@media (max-width: 959.98px) {
  .lang-list {
    align-items: center;
    display: grid;
    grid-column: span 1;
    grid-row: 1;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 18px;
    justify-items: center;
  }
  .lang-list dt {
    display: none;
  }
  .lang-list dd {
    margin: 0;
  }
}
@media (min-width: 960px) {
  .lang-list {
    display: grid;
    grid-template-columns: repeat(3, auto);
    grid-gap: 9px;
    grid-column: span 7;
    font-size: 0.8em;
    text-align: left;
  }
  .lang-list dt,
.lang-list dd {
    margin: 0;
  }
}

@media (max-width: 959.98px) {
  .icon {
    display: inline-block;
    font-size: 2rem;
    margin-bottom: 0.5rem;
  }
}

.icon-label {
  font-size: 0.75rem;
  text-transform: uppercase;
}

@media (max-width: 959.98px) {
  #site-search-form {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(2, 18px);
    grid-template-rows: repeat(2, 18px);
    grid-column: span 2;
  }
}
@media (min-width: 960px) {
  #site-search-form {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(12, 18px);
    grid-column: span 12;
    font-size: 0.8em;
  }
}
#site-search-form input {
  box-sizing: border-box;
}
@media (max-width: 959.98px) {
  #site-search-form input[type=search],
#site-search-form input[type=text] {
    position: absolute;
    left: -9999em;
  }
}
@media (min-width: 960px) {
  #site-search-form input[type=search],
#site-search-form input[type=text] {
    grid-column: span 7;
  }
}
@media (max-width: 959.98px) {
  #site-search-form button[type=submit] {
    grid-column: span 2;
    grid-row: span 2;
    align-self: center;
    justify-self: center;
    text-align: center;
  }
}
@media (min-width: 960px) {
  #site-search-form button[type=submit] {
    grid-column: span 4;
    padding-left: 1rem;
    padding-right: 1rem;
    text-align: center;
  }
}

@media (max-width: 959.98px) {
  #menu-toggle {
    grid-column: span 2;
    grid-row: span 2;
    align-self: center;
    justify-self: center;
    font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
  }
  #menu-toggle .icon {
    transition: transform 0.32s ease-in-out;
  }
  #menu-toggle.active .icon {
    transform: rotate(0deg);
  }
}
@media (min-width: 960px) {
  #menu-toggle {
    display: none;
  }
}

.js #menu-toggle .icon {
  transform: rotate(-90deg);
}
.js #menu-toggle.active .icon {
  transform: rotate(0deg);
}

@media (max-width: 959.98px) {
  #site-nav {
    grid-column: 1/-1;
  }
}
@media (min-width: 960px) {
  #site-nav {
    grid-column: 6/span 20;
    grid-row: 3;
  }
}

#site-menu-ul {
  margin: 0;
  padding: 0;
}
@media (max-width: 959.98px) {
  #site-menu-ul {
    background-color: rgb(255, 215, 0);
    border: 1rem solid rgb(255, 215, 0);
    grid-column: 1/-1;
    height: auto;
    transform: scaleY(100%);
    transition: all 0.32s ease-in-out;
  }
  #site-menu-ul.hidden {
    height: 0;
    transform: scaleY(0);
  }
}
@media (min-width: 960px) {
  #site-menu-ul {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(20, 18px);
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
#site-menu-ul > li {
  list-style: none;
}
@media (max-width: 959.98px) {
  #site-menu-ul > li {
    display: block;
  }
}
@media (min-width: 960px) {
  #site-menu-ul > li {
    grid-column: span 5;
  }
}
#site-menu-ul > li a {
  border-radius: 10px;
  border-style: solid;
  border-width: 1px;
  display: inline-block;
  outline: 0;
  overflow: visible;
  text-decoration: none;
  display: block;
  text-align: center;
}
@media (max-width: 959.98px) {
  #site-menu-ul > li a {
    padding: 1rem;
  }
}
@media (min-width: 960px) {
  #site-menu-ul > li a {
    font-size: 0.8em;
    font-weight: bold;
    padding-bottom: 10px;
    padding-top: 10px;
  }
}
@media (min-width: 960px) {
  #site-menu-ul > li a.active {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 1.6875em;
  }
}
/* !Category navigation
 * * -------------------------------------------- */
#content #menu-sub-div > h2 {
  margin-bottom: 0;
}

@media (max-width: 959.98px) {
  #menu-sub-nav {
    grid-column: 1/-1;
    grid-row: 3;
  }
}
@media (min-width: 960px) {
  #menu-sub-nav {
    grid-column: span 5;
  }
}

#menu-sub-div > h2 {
  border: 1px solid;
  border-bottom: 0;
  border-right: 0;
  border-top: 0;
  font-size: 1rem;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 16px;
  padding-top: 10px;
}
@media (min-width: 960px) {
  #menu-sub-div > h2 {
    margin-left: -8px;
    margin-right: -18px;
  }
}
#menu-sub-div ul, #menu-sub-div ul > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#menu-sub-div a {
  display: block;
  border-bottom: 1px solid;
  border-top: 1px solid;
  line-height: 1.25em;
  padding-bottom: 6px;
  padding-top: 6px;
  text-decoration: none;
}
@media (max-width: 959.98px) {
  #menu-sub-div a {
    font-size: 1.25rem;
  }
}
@media (min-width: 960px) {
  #menu-sub-div a {
    font-size: 0.75rem;
  }
}
#menu-sub-div .menu-sub {
  border: 1px solid;
  border-right: 0;
  border-top: 0;
  border-bottom-left-radius: 0.625rem;
  padding-bottom: 16px;
  padding-left: 8px;
  padding-right: 16px;
}
@media (max-width: 959.98px) {
  #menu-sub-div .menu-sub {
    border-bottom-right-radius: 0.625rem;
  }
}
@media (min-width: 960px) {
  #menu-sub-div .menu-sub {
    margin-left: -8px;
    margin-right: -18px;
  }
}

.page__article {
  grid-column: 1/-1;
}

@media (max-width: 959.98px) {
  #content {
    grid-template-rows: repeat(3, auto);
  }
}
#content h1, #content h2, #content h3, #content h4, #content h5, #content h6, #content p, #content dl, #content ol, #content ul, #content address, #content table {
  margin-bottom: 20px;
  margin-top: 0;
  position: relative;
}
#content hgroup > h1 {
  margin-bottom: 0;
}
@media (max-width: 959.98px) {
  #content a {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
#content .breadcrumb {
  border-bottom: 1px solid;
  border-top: 1px solid;
  font-size: 14px;
  margin: 0 -1rem 1rem -1rem;
  padding-bottom: 0.5rem;
  padding-top: 0.5rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
#content .breadcrumb > p {
  margin: 0;
}

@media (max-width: 959.98px) {
  #content-main {
    grid-column: 1/-1;
  }
}
@media (min-width: 960px) {
  #content-main {
    grid-column: span 20;
  }
}
#content-main h2 {
  font-size: 1.5em;
  line-height: 1.25em;
}
#content-main h3 {
  font-size: 1.25em;
  line-height: 1.25em;
}
#content-main p, #content-main li {
  line-height: 1.25em;
}
#content-main blockquote {
  border-bottom: 1px dashed;
  border-top: 1px dashed;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
}
#content-main pre {
  white-space: pre;
  white-space: pre-wrap;
  white-space: pre-line;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -hp-pre-wrap;
  word-wrap: break-word;
}
#content-main .main-content-heading + p {
  margin-top: 1rem;
}

#substance {
  padding: 1rem;
  padding-top: 0;
}
#substance dt {
  font-family: "PT Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 10px;
}

#epilog {
  margin: auto;
}
@media (max-width: 959.98px) {
  #epilog {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(3, 18px) 1fr repeat(4, 18px);
    width: 100%;
  }
}
@media (min-width: 960px) {
  #epilog {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(25, 18px);
    width: 900px;
  }
}
#epilog .adr:before, #epilog .adr:after {
  content: " ";
  display: table;
}
#epilog .adr:after {
  clear: both;
}
#epilog .adr > dd {
  font-weight: bolder;
}
@media (max-width: 959.98px) {
  #epilog .adr > dd {
    text-align: center;
  }
}
@media (min-width: 960px) {
  #epilog .adr > dd {
    display: inline-block;
    float: left;
    width: 378px;
    margin-left: 9px;
    margin-right: 9px;
    margin-right: 0;
  }
}
#epilog .adr > dt {
  border-bottom: 1px solid;
  clear: left;
}
@media (max-width: 959.98px) {
  #epilog .adr > dt {
    text-align: center;
  }
}
@media (min-width: 960px) {
  #epilog .adr > dt {
    display: inline-block;
    float: left;
    width: 234px;
    margin-left: 9px;
    margin-right: 9px;
    margin-left: 0;
    text-align: right;
  }
}
#epilog .credits {
  font-size: 0.75em;
  line-height: 1.25em;
}
#epilog .social {
  font-size: 11px;
  list-style: none;
}
#epilog .social, #epilog .social > li {
  margin: 0;
  padding: 0;
}
#epilog .social > li {
  display: inline-block;
  float: left;
  width: 162px;
  margin-left: 9px;
  margin-right: 9px;
}
#epilog .social > li:first-child {
  margin-left: 0;
}
#epilog .social > li:last-child {
  margin-right: 0;
}
#epilog .social a[href*="facebook.com"] {
  display: inline-block;
  min-height: 25px;
  padding-left: 25px;
}

#postscriptus {
  border: 1px solid;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-sizing: border-box;
}
@media (max-width: 959.98px) {
  #postscriptus {
    grid-column: 1/-1;
  }
}
@media (min-width: 960px) {
  #postscriptus {
    grid-column: 6/span 20;
    margin-bottom: 20px;
    padding: 10px 20px;
    position: relative;
  }
  #postscriptus p, #postscriptus ul, #postscriptus ol {
    font-size: 0.8em;
  }
}

/* !Page styles
 * * -------------------------------------------- */
@media (min-width: 960px) {
  .default .main-content-heading {
    margin: 0 0 0 calc(-1rem - 1px);
  }
}
@media (min-width: 960px) {
  .default #substance {
    display: grid;
    grid-gap: 18px;
    grid-template-columns: repeat(20, 18px);
  }
}

#home-primary {
  grid-column: 1/-1;
}
@media (max-width: 959.98px) {
  #home-primary {
    margin-bottom: 1rem;
  }
}

@media (min-width: 960px) {
  #home-site-summary {
    display: inline-block;
    float: left;
    width: 450px;
    margin-left: 9px;
    margin-right: 9px;
  }
}
#home-site-summary p {
  font-size: 1em;
}

#home-secondary {
  padding: 0 1rem;
  padding-bottom: 2rem;
}
@media (min-width: 960px) {
  #home-secondary {
    grid-column: span 12;
  }
}

#home-newsfeed {
  padding: 0 1rem;
}
@media (min-width: 960px) {
  #home-newsfeed {
    grid-column: span 8;
    border-bottom: 1px solid;
    border-left: 1px solid;
    font-size: 0.85em;
    margin-top: -20px;
    padding-left: 10px;
    padding-right: 20px;
    padding-top: 20px;
  }
  #home-newsfeed .entry-title {
    font-size: 1.25em;
  }
}

#donate-action-link {
  font-size: 1.25em;
  line-height: 1em;
  position: relative;
  top: -1rem;
}
@media (min-width: 960px) {
  #donate-action-link {
    margin-right: -2rem;
    margin-top: -2rem;
  }
}
#donate-action-link span {
  font-size: 0.8em;
}

.contact .adr:before, .contact .adr:after {
  content: " ";
  display: table;
}
.contact .adr:after {
  clear: both;
}
.contact .adr > dd {
  font-weight: bolder;
}
@media (max-width: 959.98px) {
  .contact .adr > dd {
    margin-bottom: 1em;
    text-align: center;
  }
}
@media (min-width: 960px) {
  .contact .adr > dd {
    display: inline-block;
    float: left;
    width: 414px;
    margin-left: 9px;
    margin-right: 9px;
    margin-right: 0;
  }
}
.contact .adr > dt {
  border-bottom: 1px solid;
}
@media (max-width: 959.98px) {
  .contact .adr > dt {
    text-align: center;
  }
}
@media (min-width: 960px) {
  .contact .adr > dt {
    display: inline-block;
    float: left;
    width: 234px;
    margin-left: 9px;
    margin-right: 9px;
    margin-left: 0;
    clear: left;
    text-align: right;
  }
}
.contact .form-scaffolding, .contact .form-scaffolding > li {
  list-style: none;
  margin: 0;
  padding: 0;
}
.contact .form-scaffolding > li {
  clear: both;
}
.contact .zemContactForm:before, .contact .zemContactForm:after {
  content: " ";
  display: table;
}
.contact .zemContactForm:after {
  clear: both;
}
.contact .zemContactForm fieldset {
  border: 0;
  padding: 0;
}
.contact .zemContactForm label {
  border-bottom: 0.0625em solid;
  clear: left;
  font-weight: normal;
}
@media (max-width: 959.98px) {
  .contact .zemContactForm label {
    text-align: left;
  }
}
@media (min-width: 960px) {
  .contact .zemContactForm label {
    display: inline-block;
    float: left;
    width: 234px;
    margin-left: 9px;
    margin-right: 9px;
    margin-left: 0;
    text-align: right;
  }
}
.contact .zemEmail,
.contact .zemText,
.contact .zemSelect,
.contact .zemTextarea {
  font-weight: bolder;
}
@media (max-width: 959.98px) {
  .contact .zemEmail,
.contact .zemText,
.contact .zemSelect,
.contact .zemTextarea {
    font-size: 1.25rem;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .contact .zemEmail,
.contact .zemText,
.contact .zemSelect,
.contact .zemTextarea {
    display: inline-block;
    float: left;
    width: 414px;
    margin-left: 9px;
    margin-right: 9px;
    margin-right: 0;
  }
}
.contact .zemSubmit {
  float: none;
  margin: 1rem auto;
}
@media (max-width: 959.98px) {
  .contact .zemSubmit {
    font-size: 1.25rem;
    width: 100%;
  }
}
@media (min-width: 960px) {
  .contact .zemSubmit {
    display: inline-block;
    float: left;
    width: 414px;
    margin-left: 9px;
    margin-right: 9px;
    font-size: 1em;
    margin-left: 126px;
  }
}

#donate-options:before, #donate-options:after {
  content: " ";
  display: table;
}
#donate-options:after {
  clear: both;
}
#donate-options, #donate-options > li {
  margin-left: 0;
  margin-right: 0;
}
#donate-options > li {
  display: inline;
  float: left;
}
#donate-options > li > form {
  margin-right: 0.625em;
}

#member-orgs-by-region th {
  margin-right: 0.625em;
}

#girn-topics-by-branch {
  margin-left: -1rem;
  margin-right: -1rem;
}
@media (max-width: 959.98px) {
  #girn-topics-by-branch thead th {
    display: none;
  }
  #girn-topics-by-branch tr, #girn-topics-by-branch th, #girn-topics-by-branch td, #girn-topics-by-branch a {
    display: block;
    text-align: left;
  }
}
@media (max-width: 959.98px) {
  #girn-topics-by-branch th a, #girn-topics-by-branch td a {
    padding: 0.25rem;
  }
}
@media (max-width: 959.98px) {
  #girn-topics-by-branch td a {
    padding-left: 2em;
  }
  #girn-topics-by-branch td a::before {
    content: "➜ ";
  }
}
#girn-topics-by-branch tr {
  border-bottom: 0;
}
#girn-topics-by-branch th, #girn-topics-by-branch td {
  padding-bottom: 0.625em;
  padding-top: 0.625em;
}
#girn-topics-by-branch th[colspan], #girn-topics-by-branch th[id], #girn-topics-by-branch td {
  border-bottom: 1px solid;
}
#girn-topics-by-branch td {
  text-align: left;
}
#girn-topics-by-branch tbody {
  font-size: 0.75em;
  line-height: 1.38em;
}
#girn-topics-by-branch .edit-link {
  font-size: 0.8em;
  line-height: 1.38em;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
}

.alert {
  border: 1px solid;
  margin-bottom: 20px;
  margin-left: -20px;
  margin-right: -20px;
  margin-top: -10px;
  padding: 20px;
  padding-bottom: 0px;
  padding-top: 10px;
}

.section-reg-citation {
  border: 1px solid;
  padding: 0.625em;
  margin-bottom: 0.625em;
}

.section-reg-excerpt blockquote {
  font-size: 0.75em;
}

.warning {
  padding-top: 10px;
}
.warning:before, .warning:after {
  content: " ";
  display: table;
}
.warning:after {
  clear: both;
}
.warning dt {
  grid-column: span 4;
}
.warning dt:after {
  content: ": ";
}
.warning dd {
  grid-column: span 16;
}

@media (max-width: 959.98px) {
  #search-ui-form {
    font-size: 1.25rem;
  }
}

/* !Theme
 * * -------------------------------------------- */
body {
  background-color: #EEF3AC;
  background-color: #292932;
  background-image: url("images/wallpaper.png");
  color: black;
}

a:link {
  color: #4d2900;
}
a:visited {
  color: #804400;
}
a:focus, a:hover, a:active {
  color: black;
}

abbr[title], dfn[title] {
  border-color: rgba(128, 128, 128, 0.33);
}

button, input[type=reset], input[type=submit], input[type=button] {
  background-color: #FFD700;
  background-image: url("images/affordance-bg-gradient.png");
  background-image: linear-gradient(#FFE540, #FFD700, #ffb000);
  background-position: top;
  background-repeat: repeat-x;
  border-bottom-color: #804400;
  border-left-color: #ffac4d;
  border-right-color: #ffac4d;
  border-top-color: #ffc480;
  cursor: pointer;
  color: black;
  text-shadow: #ffc480 0 1px 1px;
  transition-duration: 0.1s;
}
button:visited, input[type=reset]:visited, input[type=submit]:visited, input[type=button]:visited {
  color: black;
}
button:focus, button:hover, input[type=reset]:focus, input[type=reset]:hover, input[type=submit]:focus, input[type=submit]:hover, input[type=button]:focus, input[type=button]:hover {
  background-color: #231C19;
  background-position: bottom;
  background-image: linear-gradient(#1a0e00, #804400);
  border-bottom-color: #c07827;
  border-left-color: #804400;
  border-right-color: #804400;
  border-top-color: #1a0e00;
  color: #f7f9d9;
  text-shadow: #4d2900 0 1px 1px;
}
button.active, input[type=reset].active, input[type=submit].active, input[type=button].active {
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  background-position: bottom;
  border-color: #231C19;
  box-shadow: none;
  color: #EEF3AC;
}

.affordance-action-link {
  background-color: #FFD700;
  background-image: url("images/affordance-bg-gradient.png");
  background-image: linear-gradient(#FFE540, #FFD700, #ffb000);
  background-position: top;
  background-repeat: repeat-x;
  border-bottom-color: #804400;
  border-left-color: #ffac4d;
  border-right-color: #ffac4d;
  border-top-color: #ffc480;
  cursor: pointer;
  color: black;
  text-shadow: #ffc480 0 1px 1px;
  transition-duration: 0.1s;
}
.affordance-action-link:visited {
  color: black;
}
.affordance-action-link:focus, .affordance-action-link:hover {
  background-color: #231C19;
  background-position: bottom;
  background-image: linear-gradient(#1a0e00, #804400);
  border-bottom-color: #c07827;
  border-left-color: #804400;
  border-right-color: #804400;
  border-top-color: #1a0e00;
  color: #f7f9d9;
  text-shadow: #4d2900 0 1px 1px;
}
.affordance-action-link.active {
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  background-position: bottom;
  border-color: #231C19;
  box-shadow: none;
  color: #EEF3AC;
}

.alert {
  background-color: #FFD700;
  border-bottom-color: #804400;
  border-left-color: #ffac4d;
  border-right-color: #ffac4d;
  border-top-color: #ffc480;
}

.edit-link {
  background-color: #FFD700;
  background-image: url("images/affordance-bg-gradient.png");
  background-image: linear-gradient(#FFE540, #FFD700, #ffb000);
  background-position: top;
  background-repeat: repeat-x;
  border-bottom-color: #804400;
  border-left-color: #ffac4d;
  border-right-color: #ffac4d;
  border-top-color: #ffc480;
  cursor: pointer;
  color: black;
  text-shadow: #ffc480 0 1px 1px;
  transition-duration: 0.1s;
}
.edit-link:visited {
  color: black;
}
.edit-link:focus, .edit-link:hover {
  background-color: #231C19;
  background-position: bottom;
  background-image: linear-gradient(#1a0e00, #804400);
  border-bottom-color: #c07827;
  border-left-color: #804400;
  border-right-color: #804400;
  border-top-color: #1a0e00;
  color: #f7f9d9;
  text-shadow: #4d2900 0 1px 1px;
}
.edit-link.active {
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  background-position: bottom;
  border-color: #231C19;
  box-shadow: none;
  color: #EEF3AC;
}

.main-content-heading {
  text-shadow: #231C19, -2px, 2px, 4px;
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  color: #f7f9d9;
}
.main-content-heading a {
  color: #EEF3AC;
}
.main-content-heading h1, .main-content-heading h2 {
  color: #f7f9d9;
}

#branding {
  background-color: #FFD700;
  border-color: #ffac4d;
}

#epigram {
  color: #231C19;
}

#site-id a {
  background-repeat: no-repeat;
  background-position: bottom left;
  text-indent: -999em;
}
@media (max-width: 959.98px) {
  #site-id a {
    background-image: url("images/apple-touch-icon-114x114-precomposed.png");
    background-size: 72px 72px;
    margin-left: 1rem;
    margin-top: 1rem;
  }
}
@media (min-width: 960px) {
  #site-id a {
    background-image: url("images/girn_site-id.png");
  }
}

#site-menu-ul a {
  background-color: #FFD700;
  background-image: url("images/affordance-bg-gradient.png");
  background-image: linear-gradient(#FFE540, #FFD700, #ffb000);
  background-position: top;
  background-repeat: repeat-x;
  border-bottom-color: #804400;
  border-left-color: #ffac4d;
  border-right-color: #ffac4d;
  border-top-color: #ffc480;
  cursor: pointer;
  color: black;
  text-shadow: #ffc480 0 1px 1px;
  transition-duration: 0.1s;
}
#site-menu-ul a:visited {
  color: black;
}
#site-menu-ul a:focus, #site-menu-ul a:hover {
  background-color: #231C19;
  background-position: bottom;
  background-image: linear-gradient(#1a0e00, #804400);
  border-bottom-color: #c07827;
  border-left-color: #804400;
  border-right-color: #804400;
  border-top-color: #1a0e00;
  color: #f7f9d9;
  text-shadow: #4d2900 0 1px 1px;
}
#site-menu-ul a.active {
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  background-position: bottom;
  border-color: #231C19;
  box-shadow: none;
  color: #EEF3AC;
}
#site-menu-ul a.active {
  box-shadow: #6f5b1e, 1px, 5px, 20px;
  text-shadow: none;
}

#menu-sub-div > h2 {
  background-color: #b58c0a;
  background-image: radial-gradient(#dab205, #B58C0A, #6f5b1e 360px, top left);
  border-color: #da8a05;
}
#menu-sub-div .menu-sub {
  background-color: #b58c0a;
  background-image: radial-gradient(#dab205, #B58C0A, #6f5b1e 360px, top left);
  border-color: #da8a05;
}
#menu-sub-div .menu-sub a {
  background-image: url("images/nav-sub-a-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  border-bottom-color: #6f5b1e;
  border-bottom-color: rgba(111, 91, 30, 0.6);
  border-top-color: #da8a05;
  border-top-color: rgba(255, 136, 0, 0.5);
  color: #000;
}
#menu-sub-div .menu-sub a:visited {
  color: #000;
}

#content .breadcrumb {
  background-color: #221d1b;
  background-image: linear-gradient(#221d1b 70%, #14100e);
  border-bottom-color: #ecd753;
  border-top-color: #14100e;
  color: #e2d05d;
}
#content .breadcrumb a {
  color: #ecf1ae;
}
#content .breadcrumb a:visited {
  color: #dde56d;
}

#content-main {
  background-color: #fcfdef;
}
#content-main blockquote {
  background-image: linear-gradient(right, #f2f4f8 10%, #fff);
  border-color: #91A0C0;
  color: #444;
}

#substance {
  box-shadow: #222, 1px, 15px, 40px;
  border-color: #231C19;
}

#epilog .social a[href*="facebook.com"] {
  background-image: url("images/facebook-20px.png");
  background-repeat: no-repeat;
}

#postscriptus {
  background-color: #231C19;
  background-image: url("images/headline-bg.png");
  border-color: #231C19;
  border-top-color: #14100e;
  color: #B58C0A;
}
#postscriptus h1, #postscriptus h2, #postscriptus h3, #postscriptus h4, #postscriptus h5 {
  color: #B58C0A;
}
#postscriptus .adr dt {
  background-image: url("images/nav-sub-a-bg.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  border-bottom-color: rgba(108, 84, 18, 0.4);
  color: #5a4b13;
}
#postscriptus a {
  color: #EEF3AC;
}
#postscriptus cite {
  color: #5a4b13;
}

/* !Homepage styles
 * * -------------------------------------------- */
@media (min-width: 960px) {
  #home-call-to-action {
    background-image: url("images/site-home-banner.png");
    background-image: url("images/site-home-banner.png"), url("images/headline-bg.png");
    background-position: right bottom;
    background-position: right bottom, bottom;
    background-repeat: no-repeat;
    background-repeat: no-repeat, repeat;
  }
}
#home-call-to-action h1 {
  grid-column: span 12;
}

#home-newsfeed {
  background-color: #f7ec76;
  border-bottom-color: #ffb000;
  border-left-color: #FFD700;
}
#home-newsfeed hr {
  border-top-color: #FFD700;
}

/* !Contact page styles
 * * -------------------------------------------- */
.contact .adr dt, .contact .zemContactForm label {
  border-color: #ffdbb3;
}

/* !Knowledge Base Styles
 * * -------------------------------------------- */
/* !Table
 * * -------------------------------------------- */
#girn-topics-by-branch #header-factsheets {
  background-color: #EEF3AC;
}
#girn-topics-by-branch th {
  border-color: #FFE540;
}
#girn-topics-by-branch th[colspan], #girn-topics-by-branch th[id] {
  border-color: #FFE540;
}
#girn-topics-by-branch th#branch-air-force {
  background-color: #08457E;
  border-color: #052b4e;
  color: #fff;
}
#girn-topics-by-branch th#branch-army {
  background-color: #4B5320;
  border-color: #2a2e12;
  color: #fff;
}
#girn-topics-by-branch th#branch-coast-guard {
  background-color: #f60;
  border-color: #cc5200;
  color: #000;
}
#girn-topics-by-branch th#branch-marines {
  background-color: #CE1620;
  border-color: #a01119;
  color: #fff;
}
#girn-topics-by-branch th#branch-navy {
  background-color: #06c;
  border-color: #004d99;
  color: #fff;
}
#girn-topics-by-branch th#branch-01-department-of-defense {
  background-color: #BDB76B;
  border-color: #a9a34c;
  color: black;
}
#girn-topics-by-branch td[headers*=branch-air-force] {
  background: #8dc4f8;
  border-color: #08457E;
}
#girn-topics-by-branch td[headers*=branch-army] {
  background: #ced89a;
  border-color: #4B5320;
}
#girn-topics-by-branch td[headers*=branch-coast-guard] {
  background: #ffe0cc;
  border-color: #f60;
}
#girn-topics-by-branch td[headers*=branch-marines] {
  background: #fad0d2;
  border-color: #CE1620;
}
#girn-topics-by-branch td[headers*=branch-navy] {
  background: #cce6ff;
  border-color: #06c;
}
#girn-topics-by-branch td[headers*=branch-01-department-of-defense] {
  background: #dcd9b2;
  border-color: #BDB76B;
}
#girn-topics-by-branch td[headers] a {
  color: #000;
}
#girn-topics-by-branch td[headers] a.edit-link {
  color: black;
}
#girn-topics-by-branch td[headers] a.edit-link:visited {
  color: black;
}
#girn-topics-by-branch td[headers] a.edit-link:focus, #girn-topics-by-branch td[headers] a.edit-link:hover {
  color: #f7f9d9;
}
#girn-topics-by-branch tbody th {
  background-color: #f7f9d9;
}

/* !Regulation Commentaries
 * * -------------------------------------------- */
.section-reg-citation {
  background-color: #FFE540;
  border-color: #FFD700;
}

/* !Print
 * * -------------------------------------------- */
@media print {
  * {
    background: transparent !important;
    color: #444 !important;
    text-shadow: none !important;
  }
  a, a:visited {
    color: #444 !important;
    text-decoration: underline;
  }
  a:after {
    content: " (" attr(href) ")";
  }
  .ir a:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr, img {
    page-break-inside: avoid;
  }
  @page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=app.css.map */