/*@blue: #003562;*/
/*@green: #2ea443;*/
/*@grey-text: #919191;*/
/*body * {
    font-family: 'Titillium Web', sans-serif;
    line-height: 1.2;
}     */
.secondary .editorContent * {
  color: #13355f;
}
@media only screen and (min-width: 1600px) {
  /*.container-wrapper {
          max-width: 1600px;
          margin: 0 auto;
          padding-left: 15px;
          padding-right: 15px;
      }
      .inner-wrapper {
          padding: 0 63px;
      }*/
}
.bg-blue {
  background-color: #13355f;
  color: white;
}
.bg-green {
  background-color: #008a19;
  color: white;
}
.bg-white {
  background-color: white;
  color: #13355f;
}
.bg-grey-gradient {
  background: linear-gradient(#f6f7f6, #dbdbdb);
}
.text-green {
  color: #008a19;
}
.btn {
  text-transform: uppercase;
  border-radius: 8px;
  width: 100%;
  color: white !important;
}
.btn a {
  color: white;
  font-weight: 700;
  text-decoration: none;
}
.btn:hover {
  color: #13355f !important;
}
.btn.bg-blue:hover {
  background-color: transparent;
  border: 1px solid #13355f;
  color: #13355f !important;
}
.btn.bg-blue:hover a {
  color: #13355f;
}
.btn.bg-green:hover {
  background-color: transparent;
  border: 1px solid #008a19;
  color: #008a19 !important;
}
.btn.bg-green:hover a {
  color: #008a19;
}
.editorContent .btn,
#news-list .btn,
#news-article .btn,
.contact-form .btn {
  width: max-content;
}
.editorContent img,
#news-list img,
#news-article img,
.contact-form img {
  max-width: 100%;
  height: auto;
}
.editorContent p,
#news-list p,
#news-article p,
.contact-form p,
.editorContent a,
#news-list a,
#news-article a,
.contact-form a,
.editorContent li,
#news-list li,
#news-article li,
.contact-form li {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-size: 18px;
  color: #13355f;
}
.editorContent a {
  text-decoration: underline;
}
.editorContent iframe,
.editorContent video {
  max-width: 100%;
  /*        height: auto;*/

}
.editorContent video {
  height: auto;
}
a.btn {
  text-decoration: none;
}
.error,
.success {
  padding: 16px 0;
  /*    max-width: 500px;*/

  margin: 0 auto;
}
.error .text,
.success .text {
  padding: 8px 16px 8px 54px;
  position: relative;
  color: white;
  border-radius: 32px;
}
.error .text::before,
.success .text::before {
  position: absolute;
  font-family: 'FontAwesome';
  font-weight: 700;
  font-size: 26px;
  left: 20px;
  top: 0;
}
.error .text {
  background-color: #eb2f2faa;
}
.error .text::before {
  content: '\f00d';
}
.success .text {
  background-color: #3c872eaa;
}
.success .text::before {
  content: '\f00c';
}
.title {
  font-size: 1.5em;
}
.page-title {
  font-size: 1.7em;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
  color: #008a19;
}
h2,
h3,
h4,
h5,
h6 {
  color: #13355f;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
h2 {
  font-size: 1.7em;
}
h3 {
  font-size: 1.3em;
}
section:not(#mid-menus) {
  padding-top: 45px;
  padding-bottom: 45px;
}
.secondary section {
  position: relative;
  overflow-x: hidden;
}
.secondary section #star-icon {
  background-image: url('/images/STAR-LARGE.png');
  position: absolute;
  top: -5%;
  bottom: 0;
  right: -4%;
  left: 87%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: center;
  z-index: -1;
  opacity: .05;
  max-height: 400px;
}
/* banner */
@keyframes down {
  0% {
    bottom: calc(100% - 54.4px);
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    bottom: 0;
    opacity: 1;
  }
}
@keyframes right {
  0% {
    left: -100%;
  }
  100% {
    left: 15px;
  }
}
#banner {
  height: 26vw;
  /*        max-width: 1960px;*/

  margin: 0 auto;
  position: relative;
}
#banner #title-wrapper {
  position: absolute;
  width: 100%;
  bottom: 0;
  /*            top: 0;*/

  /*animation-name: down;
            animation-duration: 2s;
            animation-delay: 1s;
            animation-timing-function: cubic-bezier(.33,.51,.56,.93);
            animation-fill-mode: forwards;    */

  background-color: #003562cc;
  height: 60px;
}
#banner #title-wrapper .container {
  position: relative;
  overflow: hidden;
}
#banner #title-wrapper .title {
  color: white;
  /*                margin-top: 8px;*/

  /*                margin-bottom: 8px;*/

  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  animation-name: right;
  animation-duration: 3s;
  animation-timing-function: cubic-bezier(0.215, 0.52, 0.35, 1);
  animation-fill-mode: forwards;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
#banner #title-wrapper .title img {
  width: 18px;
  margin: 0 8px;
}
#banner #title-wrapper .title .main {
  /*                    color: #2ea443;*/

  color: #2ea443;
  /*                    font-size: 0.8em;*/

  /*                    font-weight: 400;*/

}
/*  outage  */
body.outages #map-outages {
  width: 100%;
  height: 450px;
}
body.outages .list-table {
  width: 100%;
  border: 1px solid #D8D8D8;
  border-collapse: collapse;
  margin-bottom: 1rem;
}
body.outages .list-table tr {
  border: 1px solid #D8D8D8;
}
body.outages .list-table tr.selected td {
  background: #f5dcbd;
}
body.outages .list-table tr.highlight td {
  background: #FFFFBB;
}
body.outages .list-table th {
  background-color: #FFFFFF;
  text-align: center;
  padding: 7px;
  padding-top: 4px;
  padding-bottom: 4px;
  border: 1px solid #D8D8D8;
}
body.outages .list-table th.left-align {
  padding-left: 7px;
  text-align: left;
}
body.outages .list-table th a {
  font-weight: bold;
}
body.outages .list-table td {
  border: 1px solid #cfcfcf;
  text-align: center;
  padding: 3px;
}
body.outages .list-table td.left-align {
  padding-left: 7px;
  text-align: left;
}
body.outages .list-table .odd td {
  background: #efefef;
}
body.outages .list-table .even td {
  background: #F4F4F4;
}
body.outages div.legend {
  border: 1px solid #efefef;
  padding: 5px 10px;
}
body.outages div.legend .left {
  float: none;
  display: inline-block;
  width: 150px;
  border: none;
}
body.outages div.legend .left.large {
  width: 300px;
}
body.outages div.legend .left span.color {
  display: inline-block;
  border: 1px solid #dfdfdf;
  height: 1.25em;
  width: 15px;
  vertical-align: middle;
}
body.outages div.legend .left span.color.red {
  background: #F876B2;
}
body.outages div.legend .left span.color.orange {
  background: #F1C290;
}
body.outages div.legend .left span.color.purple {
  background: #6d006d;
}
body.outages .gm-style h3 {
  display: none;
}
body.outages .gm-style table.my-table {
  border: none;
  font-size: 10pt;
}
body.outages .gm-style table.my-table tr td {
  padding: 3px;
}
body.outages .gm-style table.my-table tr td:first-child {
  font-weight: bold;
}
body.outages div.outage-body h2 {
  margin: 1em 0 0.25em;
  font-weight: 400;
}
body.outages div.outage-body h2 button {
  border: 1px solid #cfcfcf;
  background: #dfdfdf;
  line-height: 1.4em;
  font-size: 0.875em;
}
body.outages div.outage-body h2 #button-reset {
  display: none;
  padding: 0;
}
body.outages div.outage-body h2 input[type="text"] {
  margin-left: 20px;
  border: 1px solid #cfcfcf;
  background: #efefef;
  border-right: none;
  padding: 0;
  line-height: 1.4em;
  font-size: 0.875em;
  padding: 1px 10px;
  width: 35%;
}
/* News */
#news-list .news_container {
  border: 1px solid #e0dfe0;
  border-radius: 8px;
  padding: 24px 32px 8px;
  margin-bottom: 1rem;
}
#news-list .news_container:hover {
  border-color: #008a19;
  background-color: #e0dfe0;
}
#news-list .news-title-wrap {
  font-size: 1.5em;
  font-weight: 700;
  color: #13355f;
  text-transform: uppercase;
}
#news-list .news-title-wrap .date {
  font-weight: 400;
}
#news-list .news-title-wrap .details {
  float: right;
  margin-left: 8px;
}
#news-list .news-title-wrap .details a {
  font-size: 1rem;
  font-weight: 400;
  color: #008a19;
}
#news-list .news-title-wrap .details a .fa {
  font-size: inherit;
}
/* News Views */
#news-view .page-title {
  margin-bottom: 0;
}
#news-view .news-date {
  font-size: 1.5em;
  color: #13355f;
  font-weight: 700;
}
#news-view .news-date .btn_back {
  float: right;
}
#news-view .news-date .btn_back a {
  font-size: 1rem;
  color: #008a19;
}
#news-view .news-date .btn_back a .fa {
  font-size: 1rem;
}
/* paginator */
.paginate .info {
  display: none;
}
.paginate .links {
  text-align: center;
  /*            font-size: 1.2em;*/

  font-weight: 700;
}
.paginate .links span {
  padding: 0 8px;
}
.paginate .links a {
  padding: 0 8px;
  color: #008a19;
}
#contact-info .container {
  position: relative;
}
#contact-info .container .map-wrapper {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 280px;
}
#contact-info .container .map-wrapper iframe {
  width: 100%;
  height: 100%;
}
/* Contact Form */
.contact-form label {
  color: #001f59;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 90%;
}
.contact-form input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.contact-form select,
.contact-form textarea {
  border: 1px solid #d7dbe8;
  border-radius: 4px;
  font-size: 1.025rem;
  color: #38414a;
  font-weight: 400;
  padding: 10px 5px;
  background: #ffffff;
  width: 100%;
}
.contact-form .col-12 {
  margin-bottom: 1rem;
}
.label-required {
  font-size: 0.875rem;
  font-family: 'Open Sans', sans-serif;
  color: #d43939;
  font-weight: bold;
}
/*  search  */
#search .search {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
#search .search label {
  margin-bottom: 0;
}
#search .search input:not([type=submit]) {
  margin: 0 16px;
}
#search .search-results {
  list-style-type: none;
  padding-inline-start: 0;
}
#search .search-results li {
  border: 1px solid #e0dfe0;
  border-radius: 8px;
  padding: 24px 32px;
  margin-bottom: 1rem;
  overflow-wrap: break-word;
}
#search .search-results li:hover {
  border-color: #008a19;
  background-color: #e0dfe0;
}
#search .search-results li h2 {
  font-weight: 400;
}
#search .search-results li .description {
  color: #008a19;
}
#search .search-results li a:hover {
  text-decoration: none;
}
#search .links .curLink {
  color: #13355f;
}
#search section {
  min-height: calc(100vh - 551px);
}
@media only screen and (max-width: 1199px) {
  section:not(#banners) {
    padding-top: 46px;
  }
  .title {
    font-size: 1.3em;
  }
  .page-title,
  h2 {
    font-size: 1.3em;
  }
  h3,
  #news-list .news-title-wrap,
  #news-view .news-date {
    font-size: 1.1em;
  }
  .secondary section #star-icon {
    left: 73%;
  }
}
@media only screen and (max-width: 991px) {
  /*.page-title, h2 {
          font-size: 1.3em;
      }
      h3, 
      #news-list .news-title-wrap,
      #news-view .news-date {
          font-size: 1.1em;
      }*/
  section:not(.banner):not(#mid-menus) {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .editorContent p,
  #news-list p,
  #news-article p,
  .contact-form p,
  .editorContent a,
  #news-list a,
  #news-article a,
  .contact-form a,
  .editorContent li,
  #news-list li,
  #news-article li,
  .contact-form li {
    font-size: 16px;
  }
  .secondary section #star-icon {
    /*max-height: 200px;
          top: -1%;
          left: 58%;*/
  
    display: none;
  }
}
@media only screen and (max-width: 575px) {
  #banner #title-wrapper {
    height: inherit;
  }
  #banner #title-wrapper .title img {
    width: 10px;
    margin: 0 3px;
  }
  .title {
    font-size: 0.9em;
  }
  .page-title,
  h2 {
    font-size: 1.1em;
  }
  h3,
  #news-list .news-title-wrap,
  #news-view .news-date {
    font-size: 1em;
  }
  #news-list .news-title-wrap {
    display: flex;
    flex-direction: column;
  }
  #news-list .news-title-wrap span {
    display: block;
  }
  #news-list .news-title-wrap .details {
    text-align: right;
    order: 3;
  }
  #news-list .news-title-wrap .details a {
    font-size: 0.9em;
  }
  .news_container .news-description p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .news_container:hover .news-description p {
    white-space: inherit;
  }
  #contact-info .container .map-wrapper {
    position: unset;
    width: 100%;
    height: 200px;
  }
}
/* members */
/* login */
.login-wrapper {
  width: 300px;
  text-align: center;
  min-height: calc(100vh - 569px);
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-wrapper .center-me {
  text-align: center;
  padding: 24px;
  border: 1px solid #13355f;
  border-radius: 8px;
}
form[name="Members"] {
  display: flex;
  flex-direction: column;
}
form[name="Members"] label {
  font-weight: bold;
}
form[name="Members"] label span {
  font-size: 0.8em;
}
form[name="Members"] input:not([type="submit"]),
form[name="Members"] select {
  border: 1px solid #13355f;
  margin-bottom: 1rem;
  padding: 8px 16px;
  width: 100%;
}
form[name="Members"] select {
  padding: 5px 16px;
}
form[name="Members"] .profile-input {
  display: flex;
  flex-wrap: wrap;
}
form[name="Members"] .profile-input .left,
form[name="Members"] .profile-input .right {
  width: 50%;
}
form[name="Members"] .profile-input .left {
  padding-right: 16px;
}
form[name="Members"] .profile-input .right {
  padding-left: 16px;
}
/* view */
.member-bar {
  display: flex;
  justify-content: space-between;
}
.member-bar input {
  border: 1px solid #d7dbe8;
  border-radius: 4px;
  font-size: 1.025rem;
  color: black;
  font-weight: 400;
  padding: 10px 5px;
  background: #ffffff;
}
.member-bar .btn {
  width: max-content;
}
.member-bar .profile-bar img {
  width: 4em;
}
.member-bar .profile-bar p {
  display: inline-block;
  margin: 0 1rem;
}
.member-bar .search-bar-alt {
  display: none;
}
.search-results {
  display: none;
  padding: 5px;
  margin-bottom: 10px;
  border: 2px solid #dfdfdf;
  border-radius: 4px;
}
.search-results.active {
  display: block;
}
div.search-results div.caption {
  background-color: #13355f;
  text-align: center;
  font-size: 1.4em;
  color: #fff;
  border-radius: 4px;
  position: relative;
  padding: 8px 16px;
}
div.search-results div.caption .fa-times {
  position: absolute;
  right: 16px;
}
.table-head {
  background-color: #13355f;
  color: white;
}
.table-row {
  display: flex;
  justify-content: space-between;
  padding: 8px 16px;
  align-items: center;
  margin: 8px 16px;
  border: 1px solid #13355f;
  border-radius: 8px;
}
.table-row img {
  width: 20px;
  margin-right: 10px;
}
.table-row a {
  color: #13355f;
}
.resource-title {
  font-size: 3em;
  color: #13355F;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1rem;
}
.resources .category h2 {
  display: flex;
  justify-content: space-between;
  border: 1px solid green;
  padding: 8px 16px;
  border-radius: 8px;
}
.resources .category h2 a {
  color: #13355f;
}
.resources .category i {
  color: #008a19;
}
.resources .category .resource-list,
.resources .category .subcategory-list {
  display: none;
}
.resources .category.active .resource-list,
.resources .category.active .subcategory-list {
  display: block;
}
.resources .category.active .resource-list .resource-list,
.resources .category.active .subcategory-list .resource-list {
  display: none;
}
.resources .category.active .resource-list .resource-list.active,
.resources .category.active .subcategory-list .resource-list.active {
  display: block;
}
.resources .category .subcategory-list,
.resources .category .document-year-list {
  display: none;
  margin-left: 36px;
}
.resources .category .subcategory-list > p,
.resources .category .document-year-list > p {
  background-color: #13355f;
  border-radius: 8px;
  color: white;
  margin: 8px 0 8px 20px;
  padding: 8px 16px;
  position: relative;
  display: flex;
  justify-content: space-between;
}
.resources .category .subcategory-list > p .fa,
.resources .category .document-year-list > p .fa,
.resources .category .subcategory-list > p a.expand,
.resources .category .document-year-list > p a.expand {
  color: white;
}
.resources .category .subcategory-list.active,
.resources .category .document-year-list.active {
  display: block;
}
.resources .category .subfolder-arrow {
  position: absolute;
  left: -36px;
  opacity: .25;
}
#calendar {
  margin-top: 20px;
  background-image: url(/images/board_calendar/calendar-background.png);
  background-size: cover;
  overflow: hidden;
}
#calendar .fc .fc-toolbar.fc-header-toolbar {
  padding: 0 4px;
  margin-bottom: 0;
}
#calendar.fc .fc-toolbar.fc-header-toolbar {
  padding: 0 4px;
  margin-bottom: 0;
}
#calendar.fc .fc-toolbar.fc-header-toolbar {
  padding: 0 4px;
  margin-bottom: 0;
}
.fc h2.fc-toolbar-title {
  text-transform: uppercase;
  font-weight: 700;
  font-size: 2.5em;
  margin: 10px;
}
#calendar-legend {
  margin-top: 0.5em;
  padding: 0 5px;
}
#calendar-legend div.category-color {
  width: 70px;
  border-radius: 3px;
}
#calendar-legend > div {
  display: inline-block;
  width: 25%;
  margin-bottom: 5px;
}
#calendar-legend > div > * {
  display: inline-block;
  vertical-align: middle;
  height: 1.5em;
  padding: 0;
  margin: 0;
  font-weight: bold;
}
/* job applications */
.job-form label {
  color: #001f59;
  font-size: 0.875rem;
  text-transform: uppercase;
  font-weight: bold;
  max-width: 90%;
}
.job-form input:not([type=radio]):not([type=checkbox]):not([type=submit]),
.job-form select,
.job-form textarea {
  border: 1px solid #d7dbe8;
  border-radius: 4px;
  font-size: 1.025rem;
  color: #38414a;
  font-weight: 400;
  padding: 10px 5px;
  background: #ffffff;
  width: 100%;
}

.validation-error {
  color: red;
}