/*
Theme Name: 0276 Lawrenceburg Federal Bank
Theme URI: http://csibankanytime.com/
Author: CSI ( Sera Bargas, Bri Grimsley )
Description: Design Pro 3 CSI Banking Theme
Version: 2.5.1
Text Domain: design-pro-3
*/
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
:root {
  --primary-color: #630008;
  --secondary-color: #14537C;
  --text-color: #00070B;
}

body,
html {
  overflow-x: hidden;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: Nunito;
}

h1, h2, h3, h4, h5, h6 {
  font-family: Nunito;
  color: var(--secondary-color);
  font-weight: 700;
}

h1 {
  font-size: 3.125rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.875rem;
}

h4 {
  font-size: 1.75rem;
}

h5 {
  font-size: 1.5rem;
}

h6 {
  font-size: 1.25rem;
}


p,
ul,
dl,
ol {
  color: var(--text-color);
}

.lead {
  font-size: 1.125rem;
  color: var(--text-color);
}

.text-muted {
  color: #5C626D !important;
}

/* 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: var(--primary-color);
  text-decoration: none;
  font-weight: 700;
  font-size: 1.125rem;
}
a:hover, a:focus {
  color: var(--primary-color);
  text-decoration: underline;
}

.csi-btn {
  background: var(--secondary-color);
  color: white;
  font-size: 1rem;
  font-weight: 400;
  font-family: Nunito;
  border: 1px solid var(--secondary-color);
  padding: .5rem 1rem;
  border-radius: 4px;
}

.csi-btn:hover, .csi-btn:focus {
  border-color: var(--primary-color);
  background: var(--primary-color)
}

.csi-btn2 {
  border-color: var(--primary-color);
  background: var(--primary-color)
}

.csi-btn2:hover, .csi-btn2:focus {
  border-color: var(--secondary-color);
  background: var(--secondary-color)
}

.csi-ib .csi-helper-btn {
  background: #C2E1F5;
  border: 1px solid #C2E1F5;
  color: var(--text-color);
}

.csi-ib .csi-helper-btn:hover, .csi-ib .csi-helper-btn:focus {
  background: var(--primary-color);
  color: white;
  border-color: var(--primary-color);
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-container1200 {
  max-width: 1250px;
  margin: auto;
  padding-inline: 1rem;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-banner-14:before {
  background: var(--primary-color);
}
.fdic-wrapper {
  position: absolute;
  top: 50px;
  left: 6rem;
  z-index: 2;
}
.csi-logo {
  max-width: 300px;
}
.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: white;
}
.fdic-wrapper .fdic-notice svg {
  width: auto;
  height: 15.74px;
  margin-right: .75em;
  display: block;
}
.csi-ib {
  background: transparent;
  box-shadow: none;
  z-index: 2;
}
.csi-ib h6 {
  color: white;
}
.carousel-caption h2 {
  font-size: 3.125rem;
}
.carousel-caption p {
  font-size: 1.125rem;
}
.csi-body-5 .csi-bodyBox {
  border-radius: 0;
}
.csi-body-5 {
  margin-block: 5rem 4rem;
}
.csi-body-5 .csi-bodyBox p {
  font-size: 1.125rem;
}
.csi-body-9 .cardSection .card {
  background: var(--secondary-color);
  padding: 5rem 3rem;
  border-radius: 0;
}
.csi-body-9 {
  margin-bottom: 5rem;
}
.cardSection .card .card-text, .cardSection .card h3 {
  color: white;
}
.cardSection .card h3 {
  font-size: 1.5rem;
}
.cardSection .card p {
  font-weight: 400;
}
.card-icon {
  width: 60px;
}
.card-linkName {
  background: var(--primary-color);
  color: white;
  text-decoration: none;
  border: 1px solid var(--primary-color);
  max-width: fit-content;
  padding: .5rem 1rem;
  margin: auto;
  border-radius: 4px;
}
.card-linkName:hover, .card-linkName:focus {
  background: white;
  color: var(--text-color);
}
footer {
  background: var(--primary-color);
  margin-top: 0;
  padding-bottom: 1%;
  padding-top: 2rem;
}
footer a:hover, footer a:focus {
  text-decoration: underline;
  color: white;
}

/* DESIGN ELEMENTS */

.panel-default a span.icon-open-close::before, .panel-default a .panel-title::before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f067";
  padding-right: 5px;
  color: white;
  font-size: 1.5rem;
}
.panel-default a[aria-expanded="true"] span.icon-open-close::before, .panel-default a[aria-expanded="true"] .panel-title::before {
  float: right !important;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f068";
  padding-right: 5px;
}
.inside-panel-group .panel-default a .inside-header-content, .csi-defaultAccordion a {
  background: var(--secondary-color);
  padding: 20px 25px 10px;
  border: none;
  border-radius: 0;
}
.csi-defaultAccordion a:hover, .csi-defaultAccordion a:focus, .inside-panel-group .panel-default a:focus, .inside-header-content, .inside-panel-group .panel-default a:hover .inside-header-content {
  background: var(--primary-color);
  text-decoration: none;
}
.csi-defaultAccordion a[aria-expanded=true] {
  border-radius: 0;
}
.csi-defaultAccordion a:hover h5, .csi-defaultAccordion a:focus h5, .inside-panel-group .panel-default a:hover .inside-header-content h5, .inside-panel-group .panel-default a:focus .inside-header-content h5, .csi-defaultAccordion a:hover .panel-title:before, .csi-defaultAccordion a:focus .panel-title::before, .inside-panel-group .panel-default a:focus, .inside-panel-group .panel-default a:hover {
  color: white;
  text-decoration: none;
}
.panel.panel-default {
  box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
}
.csi-defaultAccordion h5, .inside-header-content h5 {
  color: white;
}
.panel-body {
  padding: 2rem;
}
.csi-defaultAccordion .panel-body {
  border: none;
  padding: 2rem;
}
.csi-productAccordion {
  border-radius: 0;
  border: none;
}
.csi-productAccordion .panel-title {
  font-size: 1.875rem;
}
.csi-productAccordion .panel-body {
  border-top: 1px solid var(--text-color);
  padding-top: 0;
  border-radius: 0;
}
.panel-teaser p {
  font-size: 1.125rem;
}
.tab-pane {
  border: none;
}
.nav-tabs {
    border-color: var(--secondary-color);
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  color: white;
  background-color: var(--secondary-color);
  border-color: var(--secondary-color);
  border-radius: 0;
}
.nav-tabs .nav-link {
  border-radius: 4px 4px 0px 0px;
  padding-inline: 2rem;
}
.cardSection .card {
  background: var(--secondary-color);
  padding: 2rem;
  border-radius: 0;
  margin-bottom: 1rem;
}
.card-body {
  padding: 0;
}
.table thead th {
  border: none;
  color: var(--secondary-color);
  font-size: 1.25rem;
  text-align: center;
}
table tbody tr td:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}
.table td, .table th {
  font-size: 1.125rem;
  padding: 1rem;
}
table tbody tr:nth-child(odd) {
  background :#E9E9E9;;
}
#csiMenuWrapper .primary-menu a, #csiMenuWrapper-secondary .primary-menu a {
  font-size: 1.25rem;
  margin-inline: .5rem;
}
#csiMenuWrapper .menu-modal-inner, #csiMenuWrapper-secondary .menu-modal-inner {
  background: var(--secondary-color);
}
.card-deck {
  margin-inline: 0;
}
#csiMenuWrapper .primary-menu ul a, #csiMenuWrapper-secondary .primary-menu ul a {
  color: #343434 !important;
}
/* .csi-ib {
  display: none;
} */