/* `Containers
----------------------------------------------------------------------------------------------------*/
.header-left {
  grid-area: header_left;
  margin: auto;
}
.header-right {
  grid-area: header_right;
  margin: auto;
}

.container {
  display: grid;
  grid-template-areas: 'header_left'
  'header_right'
  'navigation'
  'slideshow'
  'highlighted'
  'help'
  'breadcrumb'
  'title'
  'tabs'
  'content'
  'sidebar_first'
  'footer_left'
  'footer_right'
  'copyright';
  max-width: 720px;
  margin: auto;
  padding-right: 2em;
  padding-left: 2em;
}

.reportcontainer {
  display: grid;
  grid-template-areas: 'header_left'
  'header_right'
  'navigation'
  'slideshow'
  'highlighted'
  'help'
  'breadcrumb'
  'title'
  'tabs'
  'content'
  'sidebar_first'
  'footer_left'
  'footer_right'
  'copyright';
  max-width: 720px;
  margin: auto;
  padding-right: 2em;
  padding-left: 2em;
}
.grid-container {
  display: grid;
  grid-template-columns: minmax(0, auto);
  margin: auto;
  padding-right: 2em;
  padding-left: 2em;
}
@media all and (min-width: 721px) and (max-width: 960px) {
  .container {
    display: grid;
    grid-template-areas: 'header_left header_right'
    'navigation navigation'
    'slideshow slideshow'
    'highlighted highlighted'
    'help help'
    'breadcrumb breadcrumb'
    'title title'
    'tabs tabs'
    'content content'
    'sidebar_first sidebar_first'
    'footer_left footer_right'
    'copyright copyright';
    min-width: 720px;
    max-width: 960px;
    margin: auto;
    padding-right: 2em;
    padding-left: 2em;
  }
  .reportcontainer {
    display: grid;
    grid-template-areas: 'header_left header_right'
    'navigation navigation'
    'slideshow slideshow'
    'highlighted highlighted'
    'help help'
    'breadcrumb breadcrumb'
    'title title'
    'tabs tabs'
    'content content'
    'sidebar_first sidebar_first'
    'footer_left footer_right'
    'copyright copyright';
    min-width: 720px;
    max-width: 960px;
    margin: auto;
    padding-right: 2em;
    padding-left: 2em;
  }
  .grid-container {
    display: grid;
    grid-template-columns: minmax(0, auto);
    margin: auto;
    padding-right: 2em;
    padding-left: 2em;
  }
}

@media all and (min-width: 961px) {
  .container {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: 'header_left header_left ....  .... header_right'
    'navigation navigation navigation navigation navigation'
    'slideshow slideshow slideshow slideshow slideshow'
    'highlighted highlighted highlighted highlighted highlighted'
    'help help help help help'
    'breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb'
    'title title title title title'
    'tabs tabs tabs tabs tabs'
    'content content content content sidebar_first'
    'footer_left footer_left ....  footer_right footer_right'
    '.... copyright copyright copyright  ....';
    max-width: 1280px;
    margin: auto;
  }
  .reportcontainer {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-template-areas: 'header_left header_left header_left  .... header_right'
    'navigation navigation navigation navigation navigation'
    'slideshow slideshow slideshow slideshow slideshow'
    'highlighted highlighted highlighted highlighted highlighted'
    'help help help help help'
    'breadcrumb breadcrumb breadcrumb breadcrumb breadcrumb'
    'title title title title title'
    'tabs tabs tabs tabs tabs'
    'sidebar_first content content content content'
    'footer_left footer_left ....  footer_right footer_right'
    '.... copyright copyright copyright  ....';
    max-width: 1280px;
    margin: auto;
  }
  .grid-container {
    display: grid;
    grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto);
    margin: auto;
    padding-right: 2em;
    padding-left: 2em;
    padding-right: 2em;
    padding-left: 2em;
  }
  .header-left {
    float: left;
    padding-right: 1em;
  }
  .header-right {
    float: right;
    padding-left: 1em;
  }
}

.grid-item {
  padding: 2em;
  text-align: center;
}

.image img {
  margin: 1em;
  max-width: 100%;
  height: auto;
  width: auto;
}

.align-left img {
  padding-right: 2em;
  padding-bottom: 2em;
}

.align-right img {
  padding-left: 2em;
  padding-bottom: 2em;
}

.align-center img {
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 2em;
}
.navigation {
  grid-area: navigation;
}

.slideshow {
  grid-area: slideshow;
  float: center;
}

.slideshow img {
  max-width: 100%;
  height: auto;
  width: auto;
}

.highlighted {
  grid-area: highlighted;
}

.sidebar-first {
  grid-area: sidebar_first;
  padding: 2em;
}

.help {
  grid-area: help;
}

.breadcrumb {
  grid-area: breadcrumb;
}

.title {
  grid-area: title;
}

.tabs {
  grid-area: tabs;
  padding-bottom: 0px;
}

.content {
  grid-area: content;
}

.footer-left {
  grid-area: footer_left;
  margin: auto;
}

.footer-right {
  grid-area: footer_right;
  margin: auto;
}

.copyright {
  grid-area: copyright;
  margin: auto;
}

#header {
  margin-left: 0;
  margin-right: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
.site-logo img {
  width: 100%;
}

#slideshow {
  clear: both;
  border-bottom: 1px solid #fcfcfc;
}

#content {
  padding-bottom: 2em;
}

#footer {
  padding-top: 2em;
  padding-bottom: 2em;
}

#copyright {
  padding-top: 2em;
  padding-bottom: 2em;
  float: center;
}

.links ul li a,
a.more,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  color: #fefefe;
  padding: 7px 15px;
  text-shadow: 0 1px 1px #003547;
  font-weight: bold;
  border: none;
  font-family: "Lucida Grande","Lucida Sans Unicode",Segoe UI,Helvetica,Arial,sans-serif;
  cursor: pointer;
/* radius */
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
/* shadow */
  -webkit-box-shadow: 0px 1px 2px #939da2;
  -moz-box-shadow: 0px 1px 2px #939da2;
  box-shadow: 0px 1px 2px #939da2;
}

.links ul li a:hover,
a.more:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  text-decoration: none;
}

.addtoany_list {
  float: right;
}

table {
  width: 90%;
}

.troth_officer_table {
  margin: auto;
  text-align: center;
}

.bylaws li {
  padding: 0.25em;
}

.bylaws ol {
  counter-reset: item;
}
.bylaws ol li {
  display: block;
}
.bylaws ol ol li::before {
  content: "Section " counters(item, ".") ": ";
  counter-increment: item;
  font-weight: bold;
}

.bylaws ol li::before {
  content: "Article " counters(item, ".") ". ";
  counter-increment: item;
  font-weight: bold;
}

.bylaws ul {
  counter-reset: item;
  list-style: initial;
}

.bylaws ol ul {
  counter-reset: item;
  list-style: initial;
}
.bylaws ul li {
  display: list-item;
}
.bylaws ol ul li {
  display: list-item;
}
.bylaws ul li::before {
  content: unset;
}
.bylaws ol ul li::before {
  content: unset;
}

.form-text,
.form-email,
.form-textarea,
.form-select {
  color: #000000;
  background-color: #faf9f6;
  width: 100%;
}

td.is-active {
  background-color: unset;
}