@import url(../fonts/Cabin/Cabin.css);
@import url(../fonts/Domine/Domine.css);
@import url(../fonts/NoticiaText/NoticiaText.css);
@import url(../fonts/NotoSans/NotoSans.css);
@import url(../fonts/OpenSans/OpenSans.css);
@import url(../fonts/Poppins/Poppins.css);
@import url(../fonts/Roboto/Roboto.css);
/* ------------------------------------------------------------------ */
/* a. Webfonts */
/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* b. Reset
      Adapted from:
      Normalize.css - https://github.com/necolas/normalize.css/
      HTML5 Doctor Reset - html5doctor.com/html-5-reset-stylesheet/
/* ------------------------------------------------------------------ */
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
d del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
.hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
.hgroup,
menu,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
blockquote,
q {
  quotes: & #8220 & #8220;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #DBFF94;
  color: #555;
}
del {
  text-decoration: line-through;
}
abbr[title],
dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* ------------------------------------------------------------------ */
/* c. Default Styles
      Adapted from:
      Skeleton CSS Framework - http://www.getskeleton.com/
      Typeplate Typographic Starter Kit - http://typeplate.com/
/* ------------------------------------------------------------------ */
/*  1. Basic  ------------------------------------------------------- */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
body {
  /*    background: #fff url(../images/bg.png);*/
  background: #ffffff;
  font: normal 16px/30px "Noticia text", Serif;
  color: #6f7277;
  -webkit-font-smoothing: antialiased;
  /* Fix for webkit rendering */
  -webkit-text-size-adjust: 100%;
}
/*  2. Typography
       Vertical rhythm with leading derived from 6
--------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #555;
  font-family: Domine, Serif;
  font-weight: bold;
}
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
}
h1 {
  font-size: 48px;
  line-height: 54px;
  margin-bottom: 12px;
}
h2 {
  font-size: 30px;
  line-height: 42px;
  margin-bottom: 6px;
}
h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}
h4 {
  font-size: 21px;
  line-height: 30px;
  margin-bottom: 6px;
}
h5 {
  font-size: 18px;
  line-height: 30px;
}
h6 {
  font-size: 14px;
  line-height: 30px;
}
p {
  margin: 0 0 24px 0;
}
p img {
  margin: 0;
}
p.lead {
  font-size: 20px;
  line-height: 36px;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
small {
  font-size: 11px;
  line-height: inherit;
}
/*	Blockquotes */
blockquote {
  margin: 30px 0px;
  padding-left: 40px;
  position: relative;
}
blockquote:before {
  content: "\201C";
  opacity: 0.25;
  font-size: 80px;
  line-height: 0px;
  margin: 0;
  font-family: Arial, Sans-Serif;
  position: absolute;
  top: 30px;
  left: 0;
}
blockquote p {
  font-family: Georgia, Serif;
  font-style: italic;
  color: #777;
  padding: 0;
  font-size: 18px;
  line-height: 30px;
}
blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
  font-style: normal;
  line-height: 18px;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
  border: none;
}
/* ---------------------------------------------------------------------
/*  Pull Quotes Markup
/*
    <aside class="pull-quote">
                <blockquote>
                        <p></p>
                </blockquote>
         </aside>
/*
/* --------------------------------------------------------------------- */
.pull-quote {
  position: relative;
  padding: 18px 30px 18px 0px;
}
.pull-quote:before,
.pull-quote:after {
  height: 1em;
  opacity: 0.25;
  position: absolute;
  font-size: 80px;
  font-family: Arial, Sans-Serif;
}
.pull-quote:before {
  content: "\201C";
  top: 33px;
  left: 0;
}
.pull-quote:after {
  content: '\201D';
  bottom: -33px;
  right: 0;
}
.pull-quote blockquote {
  margin: 0;
}
.pull-quote blockquote:before {
  content: none;
}
/* Abbreviations */
abbr {
  font-variant: small-caps;
  font-weight: 700;
  text-transform: lowercase;
  color: gray;
}
abbr:hover {
  cursor: help;
}
/* drop cap */
.drop-cap:first-letter {
  float: left;
  margin: 0;
  padding: 9px 5px 0 0;
  font-size: 84px;
  font-family: Copperplate;
  line-height: 60px;
  text-indent: 0;
  background: transparent;
  color: inherit;
}
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 11px 0 30px;
  height: 0;
}
/*  3. Links  ------------------------------------------------------- */
a,
a:visited {
  text-decoration: none;
  outline: 0;
  color: #1A661A;
  -webkit-transition: color 0.3s ease-in-out;
  -moz-transition: color 0.3s ease-in-out;
  -o-transition: color 0.3s ease-in-out;
  transition: color 0.3s ease-in-out;
}
a:hover,
a:focus {
  color: #225C7B;
}
p a,
p a:visited {
  line-height: inherit;
}
/*  4. List  --------------------------------------------------------- */
ul,
ol {
  margin-bottom: 24px;
  margin-top: 12px;
}
ul {
  list-style: none outside;
}
ol {
  list-style: decimal;
}
ol,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}
ul.square {
  list-style: square outside;
}
ul.circle {
  list-style: circle outside;
}
ul.disc {
  list-style: disc outside;
}
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 6px 0 6px 30px;
}
ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}
li {
  line-height: 18px;
  margin-bottom: 12px;
}
/* ---------------------------------------------------------------------
/*  Stats Tab Markup

    <ul class="stats-tabs">
                <li><a href="#">[value]<b>[name]</b></a></li>
         </ul>

    Extend this object into your markup.
/*
/* --------------------------------------------------------------------- */
.stats-tabs {
  padding: 0;
  margin: 24px 0;
}
.stats-tabs li {
  display: inline-block;
  margin: 0 10px 18px 0;
  padding: 0 10px 0 0;
  border-right: 1px solid #ccc;
}
.stats-tabs li:last-child {
  margin: 0;
  padding: 0;
  border: none;
}
.stats-tabs li a {
  display: inline-block;
  font-size: 24px;
  font-weight: bold;
  border: none;
  color: #444;
}
.stats-tabs li a:hover {
  color: #2F8DBC;
}
.stats-tabs li a b {
  display: block;
  margin: 6px 0 0 0;
  font-size: 13px;
  font-weight: normal;
  color: #737373;
}
@media (max-width: 899px) {
  /* definition list */
  dt,
  dd {
    display: block;
    font-size: 95%;
    color: #6f7277;
  }
  dl {
    margin: 12px 0;
  }
  dt {
    margin: 0;
  }
}
@media (min-width: 900px) {
  /* definition list */
  dl {
    margin: 12px 0;
  }
  dt {
    margin: 0;
    color: #1e83b6;
  }
  dd {
    margin: 0 0 0 20px;
  }
}
/* Lining Definition Style Markup */
.lining dt,
.lining dd {
  display: inline;
  margin: 0;
}
.lining dt + dt:before,
.lining dd + dt:before {
  content: "\A";
  white-space: pre;
}
.lining dd + dd:before {
  content: ", ";
}
.lining dd:before {
  content: ": ";
  margin-left: -0.2em;
}
/* Dictionary Definition Style Markup */
.dictionary-style dt {
  display: inline;
  counter-reset: definitions;
}
.dictionary-style dt + dt:before {
  content: ", ";
  margin-left: -0.2em;
}
.dictionary-style dd {
  display: block;
  counter-increment: definitions;
}
.dictionary-style dd:before {
  content: counter(definitions, decimal) ". ";
}
/*  5. Images  --------------------------------------------------------- */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}
img.pull-right {
  margin: 12px 0px 0px 18px;
}
img.pull-left {
  margin: 12px 18px 0px 0px;
}
/*  6. Buttons  --------------------------------------------------------- */
@media (max-width: 899px) {
  .button,
  .button:visited,
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"] {
    min-width: 80%;
    margin: 4px 10%;
  }
}
.button,
.button:visited,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  height: 42px;
  background: #225C7B;
  border: 1px solid #1C89C4;
  display: inline-block;
  font-family: "Open-sans", Sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  line-height: 42px;
  cursor: pointer;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 18px;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.3) inset;
}
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  background: #1A661A;
  color: #fff;
  border: 1px solid #739900;
}
.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  background: #1A661A;
  color: #fff;
  border: 1px solid #739900;
}
.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}
/* Fix for odd Mozilla border & padding issues */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
button:disabled {
  background: #ccc;
}
/*  7. Forms  --------------------------------------------------------- */
form {
  margin-bottom: 24px;
}
fieldset {
  margin-bottom: 24px;
}
input[type="text"],
input[type="number"],
input[type="password"],
input[type="email"],
textarea,
select {
  display: block;
  padding: 9px 10px;
  margin: 0 0 18px 0;
  outline: none;
  font: 13px Sans-serif;
  line-height: 18px;
  color: #777;
  border-width: 1px;
  border-style: solid;
  border-color: #DDDFDF;
  vertical-align: middle;
  min-width: 250px;
  max-width: 95%;
}
/* select { padding: 0 } */
input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus {
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  color: #444;
  box-shadow: 0 0 3px #9c6;
}
textarea {
  min-height: 60px;
}
label,
legend {
  display: block;
  margin-bottom: 6px;
  font-weight: bold;
  font-size: 15px;
  line-height: 24px;
  min-height: 30px;
}
select {
  width: 220px;
}
input[type="checkbox"],
input[type="radio"] {
  font-size: 15px;
  color: #737373;
  margin-right: 5px;
}
input[type="checkbox"] {
  display: inline;
}
label span,
legend span {
  font-weight: normal;
  font-size: 14px;
  color: #444;
}
/* ------------------------------------------------------------------ */
/* d. Grid
   956px grid | col width = 54px | gutter width = 28px
/* ------------------------------------------------------------------ */
.modal {
  max-width: none;
  --bs-modal-width: none;
}
.show {
  display: block!important;
  visibility: visible;
}
@media (max-width: 899px) {
  #historyTable,
  #pendingPaymentsTable,
  #lettersTable,
  #emailsTable,
  #maskedAccount {
    display: none;
  }
  .accordion-button .row {
    width: 90%;
  }
  .container {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #cecece;
  }
  .hosted-iframe {
    width: 100%;
    height: 600px;
  }
}
@media (min-width: 900px) {
  #historyAccordion,
  #pendingPaymentsAccordion,
  #lettersListGroup,
  #emailsAccordion,
  #maskedAccountMobile {
    display: none;
  }
  .container {
    width: 980px;
    margin: 0 auto;
    margin-bottom: 6px;
    margin-top: 6px;
    padding: 10px;
    border-width: 2px;
    border-style: solid;
    border-color: #cecece;
  }
  .hosted-iframe {
    width: 100%;
    height: 750px;
  }
}
/* container clearing */
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.container {
  *zoom: 1;
}
.containerInline {
  width: 485px;
  height: 350px;
  display: inline-block;
}
.containerInline + .containerInline {
  margin-left: 10px;
}
#info {
  display: table;
  margin: 0 auto;
}
.grid1,
.grid2,
.grid3,
.grid4,
.grid5,
.grid6,
.grid7,
.grid8,
.grid9,
.grid10,
.grid11,
.grid12 {
  margin-left: 28px;
  float: left;
}
.grid1 {
  width: 54px;
}
.grid2 {
  width: 136px;
}
.grid3 {
  width: 218px;
}
.grid4 {
  width: 300px;
}
.grid5 {
  width: 382px;
}
.grid6 {
  width: 464px;
}
.grid7 {
  width: 546px;
}
.grid8 {
  width: 628px;
}
.grid9 {
  width: 710px;
}
.grid10 {
  width: 792px;
}
.grid11 {
  width: 874px;
}
.grid12 {
  width: 956px;
}
.first {
  margin-left: 0;
  clear: left;
}
/* ------------------------------------------------------------------ */
/* e. Others
/* ------------------------------------------------------------------ */
/*  1. Clearing
    (http://nicolasgallagher.com/micro-clearfix-hack/
--------------------------------------------------------------------- */
.cf:before,
.cf:after {
  content: " ";
  display: table;
}
.cf:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
  *zoom: 1;
}
/*  2. Misc -------------------------------------------------------- */
.remove-bottom {
  margin-bottom: 0 !important;
}
.half-bottom {
  margin-bottom: 12px !important;
}
.add-bottom {
  margin-bottom: 24px !important;
}
.no-border {
  border: none;
}
.align-center {
  text-align: center;
}
.align-left {
  text-align: left;
}
.align-right {
  text-align: right;
}
.pull-left {
  float: left;
}
.pull-right {
  float: right;
}
#logout {
  float: right;
  font-size: 85%;
  letter-spacing: normal;
}
#myAccount {
  float: right;
  font-size: 85%;
  letter-spacing: normal;
}
/* payment.html radio button */
.grid-label-pad {
  padding-left: 5px;
}
.payment-button {
  margin-bottom: 0;
}
.h1-font-as-h3 {
  font-size: 24px;
  line-height: 30px;
  margin-bottom: 6px;
}
.h2-font-as-h5 {
  font-size: 18px;
  line-height: 30px;
}
.row-pad {
  margin-right: -15px;
  margin-left: -5px;
}
.row-pad-ach {
  margin-right: -15px;
  margin-left: 0px;
}
.account-row-radio-margin {
  margin-top: 0px;
}
.account-row-label-margin {
  margin-right: 5px;
  margin-bottom: 0px;
  min-height: 0px;
  padding-right: 2px;
}
.dtmf-iframe {
  width: 100%;
  height: 550px;
}
/* BLACK TEXT FOR DATATABLES.. payment portal only */
table.dataTable tbody td {
  color: black;
}
.account-radiogroup-container {
  display: block;
  padding-top: 2px;
  padding-bottom: 2px;
  margin: 0px;
  outline: none;
  border-width: 1px;
  border-style: solid;
  min-width: 250px;
  max-width: 25%;
  max-height: 61px;
  border-color: #cecece;
}
.card-cvv-input {
  width: 250px;
}
.card-cvv-input-cyber {
  width: 250px;
  background: #eaebec;
  padding: 0 9px;
  margin-bottom: 18px;
  height: 36px;
  border-width: 1px;
  border-style: solid;
  border-color: #cecece;
  color: #777;
}
.payment-otherAmount {
  margin-top: 3px;
  margin-left: 5px;
  padding-left: 3px;
  height: 30px;
  width: 60%;
  color: #6f7277;
}
.payment-options-container {
  width: 100%;
}
.inline-container {
  width: 100%;
  margin: 0 auto;
  margin-bottom: 6px;
  margin-top: 6px;
  padding: 10px;
  border-width: 2px;
  border-style: solid;
  border-color: #cecece;
}
.gray-line {
  border: none;
  border-top: 2px solid #ccc;
  margin: 10px 0;
}
.coverage-description-container {
  width: 100%;
}
.secure-payment-container {
  width: 100%;
}
.automatic-recurring-alert-container {
  width: 100%;
  font-size: 12px;
}
.pad-left-right {
  padding-left: 10px;
  padding-right: 10px;
}
.disclaimer {
  font-style: italic;
  font-weight: bold;
  margin: 18px 0px;
}
.form-control {
  width: 250px;
  background: #eaebec;
  padding: 9.5px;
  font: 13px Sans-serif;
  color: #777;
  border: 1px solid #DDDFDF;
  box-sizing: border-box;
}
img.report-history-button {
  width: 20px;
  height: 20px;
}
/* ------------------------------------------------------------------ */
/* a. Structure
/* ------------------------------------------------------------------ */
#content-wrap {
  background: #ffffff url(../images/content-bg.png);
  border-top: 6px solid #2391c9;
  border-bottom: 1px solid #dcdddf;
  margin: 0;
  padding: 0;
  width: 100%;
}
header {
  position: relative;
}
.emailWarning {
  height: 48px;
  width: 96px;
  background-color: #cd0a0a;
  color: #E7ECEE;
}
#title-section {
  margin-bottom: 24px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #D5D5D7;
}
#content {
  margin-top: 54px !important;
  /* 23px padding bottom + 1px bottom border = 24px */
  padding-bottom: 23px;
  border-bottom: 1px solid #e4e3e3;
}
#sidebar {
  color: #8b8b8b;
}
footer {
  position: relative;
}
/* ------------------------------------------------------------------ */
/* b. Common Typography Styles
/* ------------------------------------------------------------------ */
.huge,
#latest-article h2,
#latest-article h2 a,
#title-section h2,
#title-section h2 a {
  font-family: Domine, Serif;
  font-size: 60px;
  line-height: 72px;
  font-weight: bold;
  color: #1e83b6;
  letter-spacing: -1px;
  margin-bottom: 0px;
}
#title-section p,
#latest-article p {
  font-size: 19px;
  margin-right: 82px;
}
/* post-info */
.post-info {
  font-family: "Noticia Text", Serif;
  font-size: 17px !important;
  line-height: 24px !important;
  min-height: 30px;
  font-weight: normal;
  font-style: italic;
  color: #a2a4a5;
  margin-left: 5px;
  vertical-align: center;
}
.post-info span {
  border: none;
  font-family: "Open Sans", Sans-Serif;
  font-size: 15px;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
}
/* comments */
.comments {
  width: 46px;
  height: 48px;
  margin-top: 18px;
  background: url(../images/bubble.png) no-repeat;
  text-align: center;
}
.comments a {
  font-family: Domine, Serif;
  display: inline-block;
  font-size: 18px;
  font-weight: normal;
  line-height: 48px;
  border: none;
  color: #fff;
}
footer {
  font-family: "Open Sans", Sans-Serif;
  font-size: 13px;
  line-height: 24px;
  text-shadow: 1px 1px 0 #ffffff;
}
/* ------------------------------------------------------------------ */
/* c. Header Styles
/* ------------------------------------------------------------------ */
/* Logo ------------------------------------------------------------- */
header .hgroup {
  background: url(logoService);
  background-size: contain;
  background-repeat: no-repeat;
  height: 119px;
  width: 70%;
  max-width: 500px;
  display: block;
  float: left;
}
:root {
  --logo-name: Presbyterian Logo;
}
header h1 {
  margin-top: 100px;
  text-shadow: none;
  color: #555555;
}
/* Primary Navigation ----------------------------------------------- */
header #nav-wrap {
  position: absolute;
  left: 0;
  top: 168px;
  width: 100%;
  border-bottom: 1px solid #e4e3e3;
}
#menu {
  height: 36px;
  width: auto;
  margin: 0;
  padding: 0;
  text-align: left;
}
#menu li {
  position: relative;
  list-style: none;
  height: 36px;
  margin: 0;
  float: left;
}
#menu > li.current {
  border-bottom: 3px solid #3695c6;
}
/* Links */
#menu li a {
  display: block;
  border: none;
  padding: 0 16px;
  margin: 0;
  line-height: 36px;
  text-decoration: none;
  font-family: "Open Sans", Sans-Serif;
  font-weight: bold;
  font-size: 14px;
  color: #AFAFB1;
  text-shadow: 1px 1px 0 #ffffff;
  -webkit-transition: color 0.2s ease-in-out;
  -moz-transition: color 0.2s ease-in-out;
  -o-transition: color 0.2s ease-in-out;
  -ms-transition: color 0.2s ease-in-out;
  transition: color 0.2s ease-in-out;
}
#menu li:hover > a {
  color: #95B200;
}
/* Sub Menu */
#menu ul {
  position: absolute;
  top: 36px;
  left: 0;
  margin: 0;
  padding-bottom: 12px;
  background: #dddddd url(../images/bg.png);
  min-width: 100%;
  -webkit-border-radius: 0 0 3px 3px;
  -moz-border-radius: 0 0 3px 3px;
  border-radius: 0 0 3px 3px;
  opacity: 0;
  /* for transition effects */
  -webkit-transition: opacity .25s ease .1s;
  -moz-transition: opacity .25s ease .1s;
  -o-transition: opacity .25s ease .1s;
  -ms-transition: opacity .25s ease .1s;
  transition: opacity .25s ease .1s;
}
#menu ul li {
  float: none;
  padding: 0;
  display: block;
  /* for transition effects */
  height: 0;
  overflow: hidden;
  -webkit-transition: height .25s ease .1s;
  -moz-transition: height .25s ease .1s;
  -o-transition: height .25s ease .1s;
  -ms-transition: height .25s ease .1s;
  transition: height .25s ease .1s;
}
#menu ul li span {
  display: none;
}
/*On Hover */
#menu li:hover > ul {
  opacity: 1;
}
#menu li:hover > ul li {
  height: 36px;
  overflow: visible;
}
#menu li:hover > ul li:last-child {
  border: none;
}
/* for old IE browsers - workaround for a submenu border protruding problem   */
.ie #menu ul {
  padding-bottom: 0;
}
.ie #menu li:hover > ul {
  padding-bottom: 12px;
}
/* Sub Menu Anchor links */
#menu ul li a {
  padding: 3px 15px;
  margin: 0;
  white-space: nowrap;
  font-size: 13px;
  font-weight: normal;
  color: #919191;
  text-shadow: none;
}
/* ------------------------------------------------------------------ */
/* d. Latest Article
/* ------------------------------------------------------------------ */
#latest-article {
  margin-top: 54px;
  /* 5px padding + 1px bottom border = 6px */
  padding-bottom: 5px;
  border-bottom: 1px solid #e4e3e3;
}
#latest-article .dcontent {
  position: relative;
  margin: 0;
  padding: 0;
}
#latest-article p {
  line-height: 42px;
}
#latest-article .continue a.button {
  float: left;
  color: #fff;
}
/* Post Meta -------------------------------------------------------- */
#latest-article .post-meta {
  position: absolute;
  right: 0;
  top: 12px;
  font-family: Domine, Serif;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-align: center;
}
#latest-article .post-meta .dateinfo {
  font-size: 48px;
  line-height: 48px;
  margin: 0;
  padding: 0;
}
#latest-article .post-meta .dmonth {
  display: block;
  font-size: 18px;
  line-height: 18px;
  text-transform: uppercase;
  margin: -6px 0 0 0;
  padding: 0;
}
#latest-article .post-meta .dyear {
  display: block;
  font-size: 16px;
  line-height: 18px;
  font-weight: normal;
  letter-spacing: 2.5px;
  margin: 0;
  padding: 0;
}
/* ------------------------------------------------------------------ */
/* e. More Articles
/* ------------------------------------------------------------------ */
#more-articles {
  padding: 0;
  margin-top: 48px;
  /* 23px padding bottom + 1px bottom border = 24px */
  padding-bottom: 23px;
  border-bottom: 1px solid #e4e3e3;
}
#more-articles article {
  margin-bottom: 6px;
}
#more-articles .a-left {
  padding-left: 54px;
  text-align: right;
}
#more-articles .a-left h3,
#more-articles .a-left h3 a {
  font-family: Sans-Serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 30px;
  color: #666666;
  margin-bottom: 6px;
}
#more-articles .a-left p {
  font-family: "Open Sans", Sans-Serif;
  font-weight: Normal;
  font-size: 14px;
  line-height: 18px;
  color: #8D8D96;
}
#more-articles .a-right {
  position: relative;
  padding-right: 82px;
}
#more-articles .a-right .comments {
  position: absolute;
  bottom: 36px;
  right: 0;
}
/* ------------------------------------------------------------------ */
/* f. Search Section
/* ------------------------------------------------------------------ */
#search-section {
  margin-top: 42px;
}
#search-section form {
  /* 1px content-wrap bottom border + 23x bottom margin = 24px */
  margin-bottom: 23px;
}
#search-section .a-left {
  padding-left: 54px;
  text-align: right;
}
#search-section .a-left label {
  font-family: Sans-Serif;
  font-weight: bold;
  font-size: 22px;
  line-height: 36px;
  color: #666666;
  margin-bottom: 6px;
}
#search-section .a-right {
  position: relative;
  padding-right: 82px;
}
#search-section .a-right input[type="text"] {
  display: inline-block;
  height: 36px;
  width: 380px;
}
#search-section .a-right button {
  display: inline-block;
  height: 36px;
  width: 70px;
  padding: 0;
  margin-left: 6px;
  line-height: 36px;
  vertical-align: top;
}
/* ------------------------------------------------------------------ */
/* g. Single Blog Post
/* ------------------------------------------------------------------ */
#main .post-thumb {
  margin-bottom: 18px;
  height: 228px;
}
/* tags */
#main .tags {
  font-family: "Open Sans", Sans-Serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  margin-top: 6px;
}
#main .tags span {
  font-family: "Noticia Text", Serif;
  font-size: 15px;
  font-style: italic;
  font-weight: normal;
}
/* post meta */
#main .postmeta {
  background-color: #E7ECEE;
  font-family: "Open Sans", Sans-Serif;
  font-size: 13px;
  font-style: normal;
  color: #a3a3a3;
  margin-bottom: 12px;
  padding: 5px 10px 5px 0px;
  border: 1px solid #d9dee3;
}
#main .postmeta span {
  border-right: 1px solid #D0D6DC;
  padding-left: 10px;
  padding-right: 10px;
}
/* Comments section */
#main #comments {
  margin: 24px 0 12px 0;
}
#main #comments h3 {
  font-family: Domine, Serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #7d7d7d;
}
/* Comments List */
ol.commentlist {
  margin: 18px 0 36px 0;
  padding: 5px 0 0 0;
  background-color: #f4f5f6;
  border-style: solid;
  border-color: #dee1e5;
  border-width: 1px 1px  0px 1px;
}
.commentlist > li {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 24px 0 23px 0;
  border-bottom: 1px solid #dee1e5;
}
.commentlist li .comment-info {
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.commentlist li .comment-info img {
  margin: 6px 15px 12px 30px;
  float: left;
}
.commentlist li .comment-info cite {
  display: block;
  font-style: normal;
  margin-top: 12px;
  color: #D4D8DD;
}
.commentlist li .comment-info .author {
  font-family: "Noticia Text", Serif;
  font-size: 16px;
  font-weight: bold;
  line-height: 24px;
}
.commentlist li .comment-info a.reply {
  font-family: "Noticia Text", Serif;
  font-size: 12px;
  font-weight: normal;
}
.commentlist li .comment-info cite .comment-data {
  font-family: "Open Sans", Sans-Serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 24px;
  color: #999999;
  display: block;
}
.commentlist li .comment-text {
  clear: both;
  margin: 0;
  padding: 6px 20px 6px 30px;
  line-height: 24px;
}
.commentlist li ul.children {
  margin: 0;
  padding: 0;
}
.commentlist li ul.children li {
  margin-left: 5% ;
  /* 29px + 1px = 30px */
  padding-top: 29px;
  border-top: 1px dotted #dee1e5;
}
.commentlist li.thread-alt {
  background: #f8f8fa;
}
/* respond ---------------------------------------------------- */
#main #respond h3 {
  font-family: Domine, Serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 30px;
  color: #7d7d7d;
}
#respond form {
  background-color: #f4f5f6;
  border: 1px solid #dee1e5;
  margin: 24px 0 42px 0;
  /* 41 + 1px border = 42, divisible by 6) */
  padding: 41px 0 41px 54px;
}
#respond form p {
  color: #2a98cc;
}
#respond form label {
  display: block;
  font-size: 15px;
  line-height: 24px;
  min-height: 30px;
  margin: 0 0 6px 0;
  color: #7d7d7d;
}
#respond form label span {
  color: #2a98cc;
}
#respond form input,
#respond form select {
  height: 42px;
}
#respond form textarea {
  margin-bottom: 0;
  margin-bottom: 30px;
  padding-top: 12px;
  height: 360px;
}
#name,
#email,
#message,
#subject,
#website {
  width: 92%;
}
#respond form input.button {
  margin-right: 3px;
  height: 36px;
  line-height: 36px;
}
/* ------------------------------------------------------------------ */
/* h. Archives
/* ------------------------------------------------------------------ */
.navigation .button {
  margin-right: 5px;
}
/* archive list */
.archive {
  margin: 12px 5px 30px 0;
  padding: 5px 0 0 0;
  font-size: 14px;
  border-top: 1px dotted #D5D5D7;
}
.archive li {
  border-bottom: 1px dotted #D5D5D7;
  padding: 5px 0 0 3px;
  margin: 0;
}
.archive li h4 a {
  font-family: "Noticia Text", Serif;
  font-size: 18px;
  font-weight: normal;
  line-height: 24px;
  color: #737373;
}
.archive li h4 a:hover {
  color: #333;
}
.archive li .post-info {
  margin-bottom: 6px;
  margin-left: 0;
}
/* ------------------------------------------------------------------ */
/* i. Sidebar Styles
/* ------------------------------------------------------------------ */
#sidebar.add-margin-top {
  margin-top: 36px;
}
#sidebar h3 {
  font-family: Sans-Serif;
  font-size: 16px;
  line-height: 24px;
  color: #7a7878;
  font-weight: 600;
}
#sidebar p {
  font-size: 15px;
  line-height: 24px;
  margin-top: 6px;
}
/* Link list */
#sidebar .link-list {
  margin: 12px 0 18px 0;
  padding: 0;
  font-size: 15px;
}
#sidebar .link-list li {
  line-height: 24px;
}
#sidebar .link-list li a {
  border: none;
  color: #8d8d8d;
}
#sidebar .link-list li a:hover {
  color: #555;
}
/* popular list */
#sidebar .popular-list {
  margin: 12px 0 18px 0;
  padding: 0;
  font-size: 15px;
}
#sidebar .popular-list a {
  border: none;
  color: #8d8d8d;
  line-height: 24px;
}
#sidebar .popular-list span {
  font-family: Sans-serif;
  font-size: 12px;
  text-transform: uppercase;
  display: block;
  color: #AAA;
  letter-spacing: 1px;
}
#sidebar .popular-list li a:hover {
  color: #555;
}
/* ------------------------------------------------------------------ */
/* j. Footer Styles
/* ------------------------------------------------------------------ */
footer a {
  font-weight: 600;
}
footer .footer-logo {
  /* 40px + 4px + 10px = 54px */
  height: 40px;
  margin-top: 4px;
  margin-bottom: 10px;
}
footer .footer-logo a {
  width: 163px;
  height: 40px;
  border: none;
  margin-top: 0;
  padding: 0;
  position: relative;
  top: -6px;
}
footer h3 {
  font-family: Sans-Serif;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #797979;
  line-height: 24px;
}
/* social links */
footer .social-links {
  margin: 12px 0 18px 0;
  padding: 0;
}
footer .social-links li {
  list-style: none;
  display: inline;
  float: left;
}
footer .social-links li a {
  background-repeat: no-repeat;
  display: block;
  height: 24px;
  width: 24px;
  border: none;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
  margin: 0 15px 0 0;
  padding: 0;
}
.social-links .twitter a {
  background: url(../images/social/twitter.png);
}
.social-links .facebook a {
  background: url(../images/social/facebook.png);
}
.social-links .dribble a {
  background: url(../images/social/dribble.png);
}
.social-links .google a {
  background: url(../images/social/google.png);
}
.social-links .instagram a {
  background: url(../images/social/instagram.png);
}
/* Twitter Feed */
footer #twitter {
  margin: 6px 0 0 0;
  padding: 0;
}
footer #twitter li {
  margin: 6px 0px 12px 0;
  padding-left: 30px;
  font-size: 13px;
  line-height: 24px;
  background: url(../images/quote.png) no-repeat 1px 6px;
}
footer #twitter li span {
  display: block;
  margin-bottom: 6px;
}
footer #twitter li b a {
  font-size: 12px;
  font-weight: normal;
  line-height: 18px;
  color: #8a8a8a;
  border: none;
}
/* Link list */
footer .link-list {
  margin: 12px 0 18px 0;
  padding: 0;
}
footer .link-list li {
  padding-left: 22px;
  background: url(../images/arrow.png) no-repeat 3px 4px;
  line-height: 18px;
}
footer .link-list li a {
  font-size: 13px;
  font-weight: normal;
  border: none;
  color: #8d8d8d;
}
footer .link-list li a:hover {
  color: #555;
}
/* Photostream */
footer ul.photostream {
  list-style: none;
  margin: 18px 0 24px 0;
  padding: 0;
  overflow: hidden;
}
footer ul.photostream li {
  float: left;
  display: inline-block;
  height: 60px;
  weight: 60px;
  margin: 0 12px 12px 0;
  padding: 0;
}
footer ul.photostream li a {
  border: none;
}
/* Footer Bottom */
#footer-bottom {
  font-size: 13px;
  margin-top: 36px;
  /* 5px + 1 px = 6px */
  padding-top: 5px;
  border-top: 1px dotted #D5D5D7;
  color: #999;
}
#footer-bottom a {
  font-weight: normal;
}
/* Go To Top Button */
#go-top {
  position: fixed;
  bottom: 25px;
  right: 25px;
  display: none;
}
#go-top a {
  text-decoration: none;
  border: 0 none;
  display: block;
  width: 50px;
  height: 50px;
  background: url(../images/go-to-top.png) no-repeat 50% 50%;
  background-color: #ADADAD;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  font: 0/0 a;
  text-shadow: none;
  color: transparent;
}
#go-top a:hover {
  background-color: #1E83B6;
}
#remHistoryTableDiv a + a {
  padding-left: 10px;
}
#contactInfo td,
#accountInfo td {
  padding-right: 10px;
}
.inline {
  display: inline;
}
#termsAndConditions {
  -moz-appearance: textfield-multiline;
  -webkit-appearance: textarea;
  border: 1px solid gray;
  font: medium -moz-fixed;
  font: -webkit-small-control;
  height: 400px;
  overflow: auto;
  padding: 2px;
  resize: vertical;
  width: 100%;
  background: #eaebec;
}
.right-modal-button {
  float: right;
  margin-left: 10px;
}
.paymentLabel {
  font-weight: normal;
}
/*payment batch*/
.paymentbatch {
  padding-left: 5px;
  padding-right: 5px;
  margin: 2px;
}
.inputright {
  text-align: right;
  min-height: 42px;
}
body {     background: #E9ECEF;     color: #000;     font-family: 'Cabin', sans-serif, helvetica, arial; }    .container {     background: #fafafa;     border-width: 1px;     box-shadow: 0 0 4px #ccc;     padding: 24px; }     a, a:visited {     color: #00688d; }   button, .button, #kc-login {     font-size: 17.5px;     background-color: #CCCCCC;     border-color: #CCCCCC;     font-weight: 400;     box-shadow: none;     border-radius: 3px; }     button:hover, .button:hover {     background-color: #878787;     border-color: #878787; }       button#cancel, .button#cancel, button#manageAccountsButton, .button#manageAccountsButton {     background-color: #f7f7f7;     color: #000;     border: 1px solid #878787; }      button#cancel:hover, .button#cancel:hover, button#manageAccountsButton:hover, .button#manageAccountsButton:hover {     background-color: #eee; }   h1, h2, h3, h4, h5, h6 {     font: inherit; }  input[type="text"], input[type="password"], input[type="email"], textarea, select {     background-color: #fff;     border: 1px solid #878787;     border-radius: 3px;     color: black;     font: 17.5px 'Cabin', sans-serif, helvetica, arial; }    input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {     border-color: black;     color: black;     box-shadow: unset; }  header {     padding: 24px; }  header .hgroup {     height: 50px;     margin-top: 0px; }  header h1 {     margin-top: 50px; }  header:has(+#kc-content #kc-form-login) {     height: unset; }  header:has(+#kc-content #kc-form-login) .hgroup {     position: inherit }  #williamFooter {     display: flex; }  table.dataTable {     border-collapse: collapse; }  table.dataTable thead th {     background-color: #4f575e;     border-right: 1px solid #6A7178;     border-bottom: none;     color: #fff;     padding: 8px 12px;     font-weight: 400; }       table.dataTable tr {     border-bottom: 1px solid #e8e8e8; }   table.dataTable tr.odd {     background-color: #f8f9fa; }   .inline-container {     background: #fafafa;     border-width: 1px;     margin-top: 16px;     padding: 24px; }   /********************* accountHistory ************************/  #contentBody {     padding: 16px 0px 0px 0px;     background: #E9ECEF;     border: none;     box-shadow: none; }   #contentBody > p:has(+ol), #contentBody > ol {     background: #fafafa;     border: 1px solid #cecece; }     #contentBody > p:has(+ol) {     margin: 16px 0px 0px 0px;     padding: 24px;     border-bottom: none; }  #contentBody > ol {     margin: 0px;     padding: 12px 48px;     border-top: none; }  #contentBody > p > br {     display: none; }  .inline-container:has(table.dataTable) {     background: #E9ECEF;     border: none;     box-shadow: none;     padding: 0px; }   .inline-container:has(table.dataTable) legend {     color: black;     font-size: 24px;     font-weight: 500; }  fieldset {     margin-bottom: 0px; }  fieldset:last-child {     margin-bottom: 24px; }  #statementTypeDiv fieldset:last-child {     margin-bottom: 0px; }  :focus {     outline: 5px auto -webkit-focus-ring-color !important;     outline-offset: -2px;  }  /********************* account.html ************************/  #account #accountContent #accountInfo .account-radiogroup-container {     border: none;     min-height: 100px; }  #account #accountContent #accountInfo .row.row-pad-ach {     display: grid;     grid-template-columns: 20px 200px;     column-gap: 4px; }  #account #accountContent #accountInfo .row.row-pad-ach input {     margin-top: 0px;     margin-bottom: 8px; }  #account .container-fluid .row {     display: flex;     align-items: center;     margin-bottom: 8px;     gap: 4px; }  #account .container-fluid .row div {     padding: 0px;     vertical-align: unset; }  #account .container-fluid .row div label {     margin: 0px;     padding-bottom: 2px; }  #account label {     margin-bottom: 8px;     min-height: unset; }  #account div#address > div:first-child > div {     width: 100%;     display: flex;     flex-direction: row;     flex-wrap: nowrap;     justify-content: flex-start; }   #account div#termsAndConditions {     height: unset; }  /********************* payment.html ************************/  #payment .container .container {     border: none;     box-shadow: none;     padding: 0px;     margin: 0px; }  #termsDiv {     margin: 24px 0px; }  #termsDiv > span {     font-size: 24px; }  #termsDiv #termsAndConditions {     -moz-appearance: unset;     -webkit-appearance: unset;     border: none;     font: inherit;     height: unset;     padding: 0px;     resize: unset; }