/*
Theme Name: 0696 Peoples Bank v2
Theme URI: http://csibankanytime.com/
Author: CSI ( CSI Designer Name, Bri Grimsley )
Description: Design Pro 3 CSI Banking Theme
Version: 2.2.5
Text Domain: design-pro-3
*/
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */

:root {
  --primary: #0f5291;
  --secondary: #466c9f;
  --accent: #cad7e8;
  --font-color: #083153;
}

body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Open Sans", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Open Sans", sans-serif;
  color: #203453;
  line-height: 1.5;
}

h1,
h2,
h3,
h4 {
  font-weight: 700;
  line-height: 1.5;
}

p,
ul,
dl,
ol {
  color: #203453;
  font-weight: 600;
  line-height: 1.5;
}
p {
  font-size: 1.5rem;
}
li {
  font-size: 1.25rem;
}

/* BUTTONS AND LINKS
Before Changing any Hover/Focus behavior, ensure the new behavior still complies with
ADA requirements (at least 3.0 contrast change or underline change)
-------------------------------------------------------------------------------------- */
a {
  color: #174688;
  text-decoration: underline;
}
a:hover,
a:focus {
  color: #343434;
  text-decoration: none;
}
.btn-primary {
  color: white;
  border: 1px solid white;
  border-radius: 100px;
  background-color: transparent;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
}
.color-block .btn-primary {
  position: absolute;
  bottom: 2rem;
  /* margin: 1rem; */
}
.csi-btn {
  background: #0d4680;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 2rem;
}
.csi-btn:hover,
.csi-btn:focus {
  background: white;
  border-color: #0d4680;
  color: #0d4680;
}
.questions-link .csi-btn {
  background: transparent;
  font-weight: 800;
  color: #0d4680;
}
.questions-link .csi-btn:hover,
.questions-link .csi-btn:focus {
  text-decoration: underline;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-maxWidth-1440 {
  max-width: 1496px;
}
.standard-section h1 {
  font-size: 3.25rem;
  color: #203453;
  font-weight: 700;
}
section {
  width: 100%;
  max-width: 1496px;
  margin: auto;
}

/* CUSTOM BANNER
-------------------------------------------------------------------------------------- */
.col-lg-8.col-4:has(.csi-nav) {
  padding-right: 0;
}
/* .menu-bar {
  padding: .5rem 0;
} */

/* QUICKLINKS */
.quicklinks-col ul,
.feature-links-col ul {
  display: flex;
  align-items: center;
  height: 100%;
}
.row:has(ul.quicklinks) {
  background-color: var(--primary);
}
ul.quicklinks {
  display: flex;
  justify-content: left;
}
button.search-submit {
  background: transparent;
  border: none;
}
ul.feature-links {
  display: flex;
  justify-content: right;
}
ul.feature-links a:hover, ul.feature-links a:focus, ul.quicklinks a:hover, ul.quicklinks a:focus {
  font-weight: 600;
  text-decoration: underline;

}
.search-form [type="search"] {
  border: none;
  border-radius: 5px;
  height: 2rem;
}
.search-form .fa-search:before {
  content: "\f002";
  color: white;
}
form.search-form.desktop-search {
  margin-right: 1rem;
  display: flex;
}

input.search-field::placeholder {
  font-size: 0.75rem;
  color: var(--primary);
  padding-left: 0.5rem;
  font-weight: 600;
}
ul.quicklinks li,
ul.feature-links li {
  margin: 0 1rem;
  list-style: none;
  font-family: "Barlow", sans-serif;
}
ul.quicklinks li a,
ul.feature-links li a {
  color: white;
  text-decoration: none;
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
}
.feature-links i.fas.fa-phone,
.feature-links i.fas.fa-map-marker-alt {
  font-size: 0.75rem;
  margin-right: 0.5rem;
}

/* HEADER/NAV */
.csi-logo {
  max-width: 275px;
  margin: 0 3rem;
}
.col-lg-8.col-6:has(.csi-nav) {
  display: flex;
  align-items: center;
  justify-content: right;
  padding-right: 0;
}
.account-login {
  height: 80px;
  background: var(--accent);
  text-align: center;
  display: flex;
  align-items: center;
  padding: 0 3.25rem;
  white-space: nowrap;
  text-decoration: none;
  font-weight: 600;
}
.account-login a {
  color: var(--primary);
  font-size: 1.125rem;
  font-weight: 500;
  text-decoration: none;
}
.account-login-btn {
  text-align: center;
  text-decoration: none;
  background: #cad7e8;
  padding: 1.5rem 7rem;
  border-radius: 12px;
  font-weight: 600;
  font-size: 1.25rem;
}

/* BANNER */
.carousel-item.active
  span.carousel-control-prev-icon:not(button.carousel-control-prev-icon) {
  display: none;
}
.carousel-item.active
  span.carousel-control-next-icon:not(button.carousel-control-next-icon) {
  display: none;
}
.csi-banner-custom .carousel-caption {
  right: unset;
}
.csi-banner-custom .carousel-item.active {
  height: 550px;
}
.csi-banner-custom .carousel-control-next-icon:before,
.csi-banner-custom .carousel-control-prev-icon:before {
  color: white !important;
}
.csi-banner-custom .carousel-item:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.4);
}
.csi-banner-custom .carousel-item.no-content:before {
  content: "";
  background: none;
}
.carousel-caption h2 {
  text-shadow: 0px 3px 26px #000000ac;
  font-size: 3.75rem;
  text-align: left;
  max-width: 75%;
  line-height: 1;
  margin-bottom: 2rem;
  color: white;
}
.carousel-caption {
  text-align: left;
  margin-bottom: 2rem;
}
.csi-banner-custom .carousel-control-next,
.csi-banner-custom .carousel-control-prev {
  background: none;
  border: none;
  top: 40%;
  opacity: 1;
  text-decoration: none;
}
.carousel-control-next span.visually-hidden,
.carousel-control-prev span.visually-hidden {
  display: none;
}
.carousel-caption .btn {
  color: white;
  border: 1px solid white;
  border-radius: 100px;
  background-color: #00000065;
  font-weight: 500;
  padding: 0.5rem 1.5rem;
  text-decoration: none;
}
.carousel-caption .btn:hover, .carousel-caption .btn:focus {
  background-color: var(--accent);
  color: var(--font-color);
}
.carousel-indicators li {
  height: 10px;
  width: 10px;
  border: 2px solid var(--accent);
  border-radius: 50%;
  background-color: var(--primary);
  opacity: 1;
}
.carousel-indicators li.active {
  background-color: var(--accent);
  border-color: white;
}

/* HOME PAGE
-------------------------------------------------------------------------------------- */
/* FULL WIDTH SECTION */
.full-width-container {
  height: 700px;
}

/* SECTION 1 COLOR BLOCKS */
.double-boxes,
.single-box,
.image-duo-box {
  max-width: 1496px;
  margin: 2.5rem auto;
}
.double-boxes .color-block {
  height: 100%;
  padding: 5rem 3.75rem;
}
.color-block,
.image-duo {
  border-radius: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.image-duo img {
  width: 100%;
  height: 100%;
}
.color-block img {
  max-height: 184px;
  border-radius: 14px;
  margin-bottom: 2.75rem;
}
.color-block p {
  font-size: 1.25rem;
  padding-top: 2rem;
}
.color-block > * {
  font-weight: normal;
}
.cobalt-blue {
  background-color: var(--secondary);
}
.cobalt-blue > *,
.royal-blue > * {
  color: white;
}
.royal-blue {
  background-color: var(--primary);
  color: white;
}
.sky-blue {
  background-color: var(--accent);
}
.sky-blue > * {
  color: var(--primary);
}
.double-boxes .cobalt-blue img {
  background: white;
  width: 365px;
  height: 162px;
}
.color-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 260px;
}

/* FOOTER
-------------------------------------------------------------------------------------- */
footer {
  background: var(--primary);
  margin-top: 5rem;
}
footer .col-md-4 {
  text-align: left;
}
.page-id-100013 footer {
  margin-top: 0 !important;
}
footer .container {
  max-width: 1496px;
}
footer i {
  color: var(--primary);
  background: white;
  border-radius: 50%;
}
footer strong {
  font-size: 1.25rem;
}
.copyright p {
  text-align: center;
}
footer .footer-socials a {
  text-decoration: none;
}
footer a:hover,
footer a:focus {
  color: var(--accent);
  text-decoration: underline;
}
footer .footer-socials a img:hover, footer .footer-socials a img:focus {
  filter: drop-shadow(5px 5px 5px #083153);
}
footer .footer-socials p {
  font-size: 1.5rem;
  padding-right: 1.5rem;
  font-weight: 400;
}
.social-icons.footer-socials {
  text-align: left;
  margin-bottom: 1rem;
  padding-top: 3rem;
  padding-bottom: 5rem;
}
.social-icons .col-12 {
  display: flex;
  position: relative;
}
.social-icons img {
  padding-right: 0.5rem;
}
footer .footer-socials a:last-child:after {
  content: "";
  width: 75%;
  border-bottom: solid 1px #bfcee3;
  position: absolute;
  right: 0;
  top: 35%;
  z-index: 1;
}
footer h3 {
  font-size: 1.5rem;
  text-align: left;
  color: var(--accent);
}
footer a {
  text-decoration: none;
}


/* INSIDE PAGES QUICKLINKS */
.row.quick-links-row {
  width: 100%;
  background: var(--accent);
  margin: 0;
}
section:has(.quick-links-row) {
  max-width: 100%;
  padding: 0;
}
a.button.quick-links-button {
  color: var(--primary);
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  display: flex;
  justify-content: center;
  font-size: 1.25rem;
  text-align: center;
}
a.button.quick-links-button:hover,
a.button.quick-links-button:focus {
  color: white;
}
.quick-link-div {
  padding: 1rem 0;
}
.quick-link-div:hover,
.quick-link-div:focus {
  background-color: var(--primary);
  color: #fff;
}
.quick-link-div:hover,
.quick-link-div:focus {
  background-color: var(--primary);
  color: #fff;
}
.quick-link-div:hover a,
.quick-link-div:focus a {
  color: white;
}

.page-id-100294 .quick-link-div:nth-child(1),
.page-id-100308 .quick-link-div:nth-child(2),
.page-id-100310 .quick-link-div:nth-child(3),
.page-id-100508 .quick-link-div:nth-child(1),
.page-id-100514 .quick-link-div:nth-child(2),
.page-id-100510 .quick-link-div:nth-child(3),
.page-id-100512 .quick-link-div:nth-child(4) {
  background-color: var(--primary);
}
.page-id-100294 .quick-link-div:nth-child(1) a,
.page-id-100308 .quick-link-div:nth-child(2) a,
.page-id-100310 .quick-link-div:nth-child(3) a,
.page-id-100508 .quick-link-div:nth-child(1) a,
.page-id-100514 .quick-link-div:nth-child(2) a,
.page-id-100510 .quick-link-div:nth-child(3) a,
.page-id-100512 .quick-link-div:nth-child(4) a {
  color: white;
}
/* INSIDE PAGE TITLE */
.page-desc {
  text-align: left;
  padding: 0 2rem;
}
.page-desc p {
  font-size: 1.25rem;
  color: #203453;
  font-weight: 600;
}
.page-title h1 {
  text-transform: uppercase;
  font-size: 3.25rem;
  text-align: left;
  font-weight: 500;
}
.page-title img {
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
}

/* BOX LINKS */
.col-xl-6:has(.box-links) {
  padding-bottom: 2rem;
}
.box-links {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  height: 100%;
}
.box-link-gradient {
  height: 100%;
  width: 100%;
  background: var(--primary);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 24px;
  opacity: 0.85;
}
.box-links-section .col-md-6.col-12 {
  margin: auto;
  padding: 0 1.25rem;
}
a.hidden_button {
  display: inline-block;
  width: 100%;
  text-align: center;
  color: white;
  font-size: 1rem;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}
.title-text .title {
  text-decoration: none;
  color: white;
  font-size: 2rem;
  font-weight: 600;
  text-transform: uppercase;
  text-align: center;
}
.title img {
  max-height: 40px;
}
.title-text {
  padding: 10rem 0;
  width: 100%;
}
.hidden_text {
  display: none;
  padding-left: 2rem;
  padding-right: 1rem;
}
.hidden_text li {
  color: white;
}
.hidden_text p,
.hidden_text p a {
  color: white;
  text-decoration: none;
}
.hidden_text .table-responsive {
  max-width: 95%;
}
.hidden_text table {
  color: white !important;
}
.hidden_text h2 {
  color: white;
}
.hidden_text p a:hover,
.hidden_text p a:focus {
  text-decoration: underline;
  font-weight: 700;
}
a.hidden_button:hover,
a.hidden_button:focus {
  text-decoration: underline;
  font-weight: 700;
}
.title-text p {
  font-size: 1.25rem;
}
.mortgage-box-link .hidden_text {
  display: block;
  text-align: center;
}
.mortgage-box-link .hidden_button {
  display: none;
}
/* .standard-section {
  margin: 0 2rem;
} */
.standard-section:has(.box-links-section) {
  margin: 0;
}
/* ACCORDIONS */
.head {
  padding: 1rem;
}
span.icon-open-close {
  padding: 0 1.5rem;
}
.panel-default .inside-header-content {
  background: #203453;
  border-radius: 24px;
  border: 1px solid #203453;
}
a[aria-expanded="true"] .inside-header-content {
  border-radius: 24px 24px 0 0;
}
.panel-body {
  border-radius: 0 0 24px 24px;
  border: 2px solid #203453;
  padding: 1rem 2.5rem;
}
.panel-default a span.icon-open-close::before,
.panel-default a .panel-heading::before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  padding-right: 5px;
  color: white;
}
.panel-default a[aria-expanded="true"] span.icon-open-close::before,
.panel-default a[aria-expanded="true"] .panel-heading::before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f068";
  padding-right: 5px;
}
.inside-header-content h5 {
  color: white;
  text-transform: uppercase;
  font-weight: 600;
  text-decoration: none;
  font-size: 1.5rem;
  padding: 0 1.5rem;
  text-decoration: none;
}
.panel-default a {
  text-decoration: none;
}

/* TABS */
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  background: #203453;
  border: 1px solid #203453;
  color: white;
}
.tab-content > .active {
  border: 1px solid #203453;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border: 1px solid #4e6c9b;
}

/* LOCATIONS */
.location-card img {
  border-radius: 24px;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.location-text {
  position: absolute;
  bottom: 0;
  background: var(--font-color);
  padding: 0.5rem 1rem;
}
.location-text > * {
  color: white;
  line-height: 1;
  font-weight: 500;
  margin-bottom: 0;
}
.location-card {
  position: relative;
  padding-left: 0;
}
.location-hidden-text {
  opacity: 0;
  pointer-events: none;
  background-color: #083153;
  position: absolute;
  top: 0;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transform: scale(0.5);
  height: 100%;
  width: 100%;
  border-radius: 24px;
}
.location-card:hover .location-hidden-text,
.location-card:focus .location-hidden-text,
.location-card:focus-within .location-hidden-text {
  opacity: 1;
  pointer-events: auto;
  transition: all 1s ease;
  -webkit-transition: all 1s ease;
  transform: scale(1);
  padding: 1rem;
}
.prehover-location {
  width: 100%;
  height: 280px;
  overflow: hidden;
}
.location-hidden-text p {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 1rem;
  line-height: 1.5rem;
}
.location-hidden-text a {
  color: #fff;
}
/* CREDIT UP BANNER */
.credit-up-banner {
  border-radius: 24px;
}
.credit-banner-image {
  border-radius: 24px 0 0 24px;
  height: 430px;
}
.credit-banner-content {
  border-radius: 0 24px 24px 0;
  background: #203453;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 4rem;
}
.credit-banner-content > * {
  color: white;
}
.credit-up-banner .row {
  height: 100%;
}
.credit-up-banner p {
  font-size: 1.25rem;
  padding-top: 1rem;
}

/* CAREERS PAGE */
/* .careers-hr:first-child {
  margin-bottom: 4rem;
} */
.careers-hr hr {
  margin: 4rem 0;
}
/* .careers-positions hr {
  margin: 4rem 0;
} */
.careers-positions small {
  font-size: 65%;
  font-weight: 600;
}
.page-id-100402 .inside-page-title {
  padding-bottom: 0 !important;
}

/* BLOG PAGE */
.csi-post-section .fa-twitter:before,
.csi-post-section  .fa-facebook-f:before {
  content: "\f099";
  color: white;
  background: #0065a1;
  border-radius: 5px;
  padding: 0.25rem;
}
.fa-linkedin:before {
  content: "\f08c";
  color: white;
  background: #0065a1;
  border-radius: 5px;
  padding: 0.25rem;
}
.csi-post-section .fa-twitter:before {
  content: "𝕏";
}
.fa-facebook:before {
  color: white;
  background: #0065a1;
  border-radius: 5px;
  padding: 0.25rem;
}
.post-info {
  text-align: center;
  margin-bottom: 2rem;
}
.post-info p {
  font-size: 1.5rem;
}
.post-info h3 {
  color: #0065a1;
  font-weight: 500;
}
.post-info p,
.post-info a {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 500;
}
.post-info hr {
  width: 180px;
  border-top: 2px solid black;
}
.csi-post-section img {
  max-width: 50%;
  margin: auto;
  display: flex;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
  margin-bottom: 2rem;
}
.post-content .tagline {
  text-align: center;
  width: 100%;
  text-transform: uppercase;
  margin-top: 1rem;
}
.recent-posts-section {
  text-align: center;
  background-color: var(--accent);
  margin: 3rem 0;
}

.post {
  border-radius: 24px;
  background: #cad7e8;
  border: 1px solid #4e6c9b;
  margin-bottom: 1rem;
}
a.post-accordion {
  display: flex;
  align-items: baseline;
  text-decoration: none;
  padding: 2rem 4rem;
}
a.post-accordion p {
  font-size: 1.25rem;
  margin: 0;
  font-weight: 600;
}

/*  ONLINE BANKING */
.page-desc .csi-btn {
  background: #0d4680;
  text-transform: uppercase;
  font-size: 1rem;
  padding: 1rem 2rem;
  margin-top: 1rem;
}
.page-desc .csi-btn:hover,
.page-desc .csi-btn:focus {
  background: white;
  border-color: #0d4680;
  color: #0d4680;
  font-weight: 700;
}

/* NUMBER BLOCKS */
.block {
  background-color: var(--primary);
  height: 415px;
  border-radius: 24px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.block > * {
  text-align: center;
}
.block-number {
  font-size: 8.3rem;
  background-color: white;
  border-radius: 50%;
  color: var(--primary);
  width: 196px;
  height: 196px;
}
.block-text {
  font-size: 1.5rem;
  color: white;
  min-height: 72px;
  margin: 0 4rem;
}
.number-blocks h1 {
  text-transform: uppercase;
  margin-bottom: 2rem;
  font-size: 2rem;
}
/* HIGHLIGHT IMAGE LEFT */
.left-highlight-image .highlight-image .phone {
  max-height: 768px;
  transform: matrix(0.99, -0.14, 0.14, 0.99, 0, 0);
}
.right-highlight-image .highlight-image .phone {
  max-height: 768px;
  transform: matrix(0.99, 0.14, -0.14, 0.99, 0, 0);
}
.left-highlight-image .highlight-image {
  position: absolute;
  bottom: 4rem;
  left: 10rem;
}
.right-highlight-image .highlight-image {
  position: absolute;
  bottom: 18rem;
  right: -10rem;
}
.left-highlight-image,
.right-highlight-image {
  width: 100%;
  background: #0b2542;
  min-height: 578px;
  border-radius: 24px;
  margin: 10rem 0;
  position: relative;
}
.left-highlight-image .highlight-content {
  margin-left: 52%;
  margin-top: 7%;
  margin-bottom: 7%;
}
.right-highlight-image .highlight-content {
  margin-left: 10%;
  margin-top: 10%;
  margin-bottom: 10%;
}
.highlight-content img {
  margin-bottom: 1rem;
}
.highlight-content > * {
  color: white;
  max-width: 95%;
}
.visible-content li, .visible-content a {
  color: white;
}
.highlight-content h2 {
  font-weight: 500;
  margin-bottom: 1rem;
  color: white;
}
.highlight-content .hidden-content {
  display: none;
  max-width: 95%;
}
.hidden-content > *,
.hidden-content li,
.hidden-content a {
  color: white;
}
.visible-content > * {
  color: white;
}
/* .top-image {
  top: -4rem;
} */
/* MOBILE BANKING */
.step-image img {
  max-height: 540px;
  margin-top: 5rem;
}
.mobile-deposit h1 {
  font-size: 2rem;
  margin: 3rem 0;
}
.step-text p {
  font-size: 1.5rem;
  color: white;
  text-align: center;
}
.step-text {
  background-color: var(--primary);
  border-radius: 24px;
  max-width: 472px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 7rem;
  height: 233px;
  position: relative;
}
.step-text:after {
  content: "";
  position: absolute;
  display: inline-block;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 35px solid var(--primary);
  top: 100%;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
}
.step-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-deposit hr {
  border-top: 2px solid rgb(0, 0, 0, 0.1);
}

/* PERSON TO PERSON PAY */
.person-pay img {
  width: 728px;
}
.page-break hr {
  margin: 3rem 0;
}

/* CONTACT PAGE */
.locations-list {
  margin-top: 2rem;
}
.locations-list p {
  font-size: 1.125rem;
  line-height: 2;
}
.locations-list h2 {
  font-weight: 500;
}
.wpcf7 h1 {
  font-size: 2.25rem;
  font-weight: 500;
}
.wpcf7 label {
  font-weight: bold;
  font-size: 1.125rem;
}
.wpcf7 select {
  word-wrap: normal;
  font-weight: bold;
  color: var(--font-color);
}
.wpcf7-submit {
  background-color: var(--primary);
  color: white;
  border: 1px solid var(--primary);
  width: 61%;
}
.wpcf7-submit:hover,
.wpcf7-submit:focus {
  background-color: white;
  color: var(--primary);
  border: 1px solid var(--primary);
}

/* STAFF SECTION */
.staff-section h1 {
  font-size: 2rem;
}
.staff-section hr {
  margin-bottom: 3rem;
  margin-top: 2rem;
}
.staff-info {
  background-color: var(--primary);
  border-radius: 0 0 24px 24px;
  text-align: center;
  padding: 2.25rem 0;
}
.staff-info > * {
  color: white;
  font-size: 1.125rem;
  font-weight: 400;
  margin-bottom: 0;
}
.staff-info a {
  color: white;
  text-decoration: none;
}
.staff-block img.img-fluid {
  width: 100%;
  border-radius: 24px 24px 0 0;
}
.staff-block {
  width: 344px;
  max-width: 344px;
  margin-bottom: 1rem;
}
p.staff-name {
  font-weight: 700;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}
.location-group .row {
  display: flex;
  justify-content: center;
}

/* PLATINUM CLUB PAGE */
.double-boxes {
  width: 100%;
  margin-bottom: 5rem;
}
.double-boxes img {
  border-radius: 24px;
}
.double-boxes-content {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.blue-boxes .left-box ul {
  display: table-cell;
}
.blue-boxes .left-box,
.blue-boxes .right-box {
  background-color: var(--primary);
  border-radius: 24px;
  padding: 3rem 5rem;
  min-height: 100%;
}
.blue-boxes .left-box > *,
.blue-boxes .right-box > * {
  color: white;
}
.blue-boxes .left-box p,
.blue-boxes .right-box p {
  font-size: 1.25rem;
}
.blue-boxes {
  margin-bottom: 5rem;
}

/* FINANCIAL CALCULATORS */
.calc-body {
  margin-top: 3rem;
  max-width: 1172px;
}
.calc-body .nav a {
  border: 1px solid #ccc !important;
  text-decoration: none;
  border-bottom: none !important;
  padding: 0.5rem 0;
}
.calc-body p {
  color: var(--primary);
  font-weight: 700;
  font-size: 1rem;
  line-height: 2;
}
.tab-content > .active {
  border: 1px solid #ccc;
  border-top: none !important;
}
.calc-body .tab-content h1 {
  color: var(--primary);
}
.calc-body h5 {
  font-weight: 800;
}

/* DEBIT CARD PAGE */
.debit-card-section {
  max-width: 1496px;
  width: 100%;
}
.debit-card-section .col-lg-2 {
  flex: 0 0 20%;
  max-width: 20%;
}
.debit-card-section .col-lg-2 img {
  width: 100%;
}
.debit-card-section p {
  font-size: 1.125rem;
}
.debit-link a {
  text-decoration: none;
  font-size: 1.125;
}

/* ALERT */
.csi-alert p {
  font-size: 1.25rem;
}
/* RESOURCE PAGE */
.resource-links {
  max-width: 100%;
  margin: 0 1rem;
}
.resource-links .link {
  background: var(--accent);
  border-radius: 12px;
  padding: 2rem 2rem;
  margin-bottom: 1rem;
  border: 1px solid #4e6c9b;
}
.resource-links .link a {
  color: var(--font-color);
  text-decoration: none;
  font-size: 1.25rem;
  font-weight: 600;
}
.csi-NewCarouselContainer .carousel-inner .carousel-item-right,
.csi-NewCarouselContainer .carousel-inner .carousel-item-left {
  /*transform: translateX(0) !important;*/
}

.csi-NewCarouselContainer span.carousel-control-next-icon,
.csi-NewCarouselContainer span.carousel-control-prev-icon {
  background-color: tomato;
}

.csi-NewCarouselContainer .carousel-control-next {
  right: -10rem;
}

.csi-NewCarouselContainer .carousel-control-prev {
  left: -10rem;
}
.csi-NewCarouselContainer .carousel-inner .carousel-item.active,
.csi-NewCarouselContainer .carousel-inner .carousel-item-next,
.csi-NewCarouselContainer .carousel-inner .carousel-item-prev {
	display: flex !important;
}

/* EXTERNAL LINK NOTICE */
.ui-dialog.ui-widget-content {
  background-color: var(--accent) !important;
}
.ui-dialog.ui-widget-content .ui-dialog-content h2, .ui-dialog.ui-widget-content .ui-dialog-content p {
  color: var(--font-color) !important;
}
.ui-dialog.ui-widget-content button {
  background-color: var(--font-color);
  color: white;
}
[title="Peoples Bank - Sullivan's Grocery"] {
  max-width: 987px !important;
  border:none;
}

.video-block {
  display:flex;
  justify-content: center;
}
.post:has(.search-target) {
  padding: 1rem;
  margin: 1rem;
}
.table-responsive::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: var(--primary);
}
.table-responsive::-webkit-scrollbar {
  width: 1rem;
}
.table-responsive::-webkit-scrollbar-thumb {
  background-color: var(--accent);
}

/* NEW HEADER CHANGES */
.feature-links-col {
  justify-content: right;
}
.ul.quicklinks {
  padding-left: 0;
}
.quicklinks-col {
  display: flex;
  align-items:center;
}
a.fdic-logo img {
  max-width: 500px;
  margin-bottom: 0.5rem;
}

@media (min-width: 992px) {
  ul.feature-links li:last-child {
      margin-right: 0;
  }
}
@media(max-width:568px) {
  a.fdic-logo img {
      max-width: 100% !important;
  }
  .desktop-row {
      display: none !important;
  }
}
@media(max-width:1200px) {
  .feature-links-col {
      padding-top: 0.5rem;
      margin: auto;
  }
  .desktop-row {
      display: flex;
      flex-direction: column-reverse;
  }
  a.fdic-logo img {
    max-width: 500px;
  }
}
p.staff-link {
    min-height: 27px;
}
.fdic-wrapper .fdic-notice{
	display: flex;
    flex-direction: row;
    width: 100%;
    margin: 0;
    overflow: hidden;
    box-sizing: border-box;
    text-align: left;
    font-family: 'Source Sans Pro', Arial, Helvetica, sans-serif;
    font-style: italic;
    font-size: .8rem;
    font-weight: 400;
    color: #fff;
}
.fdic-wrapper .fdic-notice svg{
	min-width: 39px;
    min-height: 15.74px;
	height:15.74px;
    margin-right: -1%;
    display: block;
	margin-top:2px; 
}

.postid-101687 .content-section .col-md-12 img{
    width: 300px;
}

.page-id-100421 .carousel-item{
  transition:all 0.2s ease;
  -webkit-transition: all 0.6s ease;
  backface-visibility: inherit;
 /* margin-right: 0px;*/
}