/*
Theme Name: 0510 Old Harbour Trust
Theme URI: http://csibankanytime.com/
Author: CSI ( Steve Bargas )
Description: Design Pro 3 CSI Banking Theme
Version: 2.1.0
Text Domain: design-pro-3
*/
:root {
  --green: #1b5b4b;
  --white: #f8f7f3;
  --tan: #e8e4d2;
  --armygreen: #33453b;
  --darkblue: #082c31;
  --darkred: #964324;
  --red: #bc4d23;
  --font1: p22-mackinac-pro, serif;
  --font2: open-sans, sans-serif;
}

/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
#wpadminbar #wp-admin-bar-wp-logo {
  display: none;
}

body,
html {
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: var(--font2);
  color: var(--armygreen);
}

body {
  background: var(--green);
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font1);
  color: var(--green);
}

h1, h2, h3, h4 {
  font-weight: 500;
  line-height: 1.2;
}

p{
  line-height: 1.8;
}

/* 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(--darkred);
  text-decoration: underline;
}
a:hover, a:focus {
  color: var(--green);
  text-decoration: none;
}

.csi-btn {
  background: transparent linear-gradient(180deg, #BC4D23 0%, #A52F02 100%) 0% 0%;
  color: var(--white);
  display: inline-block;
  padding: 0.75rem 2.5rem;
  box-shadow: 0px 22px 22px #D1C8AE;
  border: 1px solid #CC6E4B;
  border-radius: 8px;
  text-decoration: none;
  font-weight: 700;
  transition: all 0.3s ease;
  margin-right: .75rem;
}
.csi-btn:hover, .csi-btn:active, .csi-btn:focus {
  background: transparent linear-gradient(180deg, var(--darkblue) 0%, var(--darkblue) 0%) 0% 0%;
  color: var(--white);
  border-color: var(--darkblue);
  box-shadow: 0px 8px 8px #D1C8AE;
  transition: all 0.3s ease;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-hero {
  top: 0;
  width: 100%;
}

.csi-header {
  margin-top: 20px;
}

.csi-logo img {
  width: 480px;
}

.home .carousel-item {
  min-height: 700px;
  max-height: 1082px;
  height: 100vh;
  position: relative;
}
.carousel-item:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: black;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.65) 12%, rgba(0, 0, 0, 0) 53%);
}

.carousel-item:after {
  content: "";
  position: absolute;
  height: 2338px;
  width: 2338px;
  background: transparent linear-gradient(164deg, #1B5B4B 0%, #003C31 100%) 0% 0%;
  border-radius: 100%;
  top: 50%;
  margin-top: -1169px;
  left: -1500px;
  opacity: 0.87;
}

.carousel-item .csi-btn {
  box-shadow: 0px 22px 22px #102B22;
  margin-top: 1.75rem;
}

.carousel-caption {
  text-align: left;
  height: calc(100% - 250px);
  margin-top: 110px;
  margin-left: 1.5rem;
}

.carousel-caption .col-lg-5 {
  max-width: 650px;
  text-align: left;
}

.carousel-caption h2 {
  font-size: 2.8rem;
  line-height: 1.25;
  font-weight: 500;
}

.carousel-caption > .container-fluid {
  margin-top: -100px;
}

.container-csi {
  max-width: 1640px;
  padding-right: 3.5rem;
  position: relative;
}

.csi-bodyWrapper {
  position: relative;
}

.csi-homePage {
  background: #1b5b4b;
  background: linear-gradient(180deg, rgba(27, 91, 75, 0) 0%, #1b5b4b 5%);
}

.csi-bodyContentContainer {
  max-width: 1840px;
  margin: -5rem auto 0 auto;
  left: 3.5rem;
  padding-right: 3.5rem;
  background: #fff;
  position: relative;
  border-radius: 50px 0 0 30px;
}
.csi-bodyContentContainer:before {
  content: "";
  position: absolute;
  top: 0;
  right: -1000%;
  bottom: 0;
  left: 0;
  background: #fff;
  border-radius: 50px 0 0 30px;
}

.csi-bodyContentContainer:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: url(images/big-wavy1.jpg) bottom center no-repeat;
  background-size: contain;
  border-radius: 0px 0 0 30px;
}

.csi-quickyLinky {
  background: var(--white);
  min-height: 100px;
  width: 100%;
  border-radius: 30px 0 0 0;
  position: relative;
  z-index: 1;
  padding: 3rem 1rem;
}
.csi-quickyLinky:after {
  content: "";
  position: absolute;
  top: 0;
  right: -1000%;
  bottom: 0;
  left: 0;
  background: var(--white);
  z-index: -1;
  border-radius: 30px 0 0 0;
}
.csi-quickyLinky .quickLinkBox {
  margin: 0 2.5rem;
}
.csi-quickyLinky .quickLinkBox .quickyIcon {
  max-width: 60px;
  max-height: 60px;
  margin-right: 1.25rem;
}
.csi-quickyLinky .quickyIfo {
  max-width: 200px;
  font-family: var(--font1);
  color: #082C31;
  font-size: 1.25rem;
  font-weight: 500;
  text-align: left;
}

.csi-quickyLinky .quickLinkBox a{
  text-decoration: none;
}

  .csi-quickyLinky .quickLinkBox a:hover{
    text-decoration: underline;
  }

.csi-bodyContent {
  background: #fff;
  padding: 5rem 0 10rem 0;
  border-radius: 40px 0 0 30px;
}

.csi-sectionOne,
.csi-sectionTwo{
  position: relative;
  z-index: 1;
}

.csi-sectionOne {
  margin-top: 7rem;
}
.csi-sectionOne .csi-pic1,
.csi-sectionOne .csi-pic2 {
  width: 550px;
  height: 500px;
  background: white;
  box-shadow: -40px 40px 66px rgba(83, 68, 6, 0.435);
  border-radius: 8px;
}
.csi-sectionOne .csi-pic1 {
  position: relative;
  margin-left: auto;
  z-index: 5;
}
.csi-sectionOne .csi-pic2 {
  margin-top: -410px;
  margin-left: -250px;
  position: absolute;
}

.csi-sectionOne .col-lg-5{
  padding-right: 6rem;
}

.csi-sectionOne h4,
.csi-sectionTwo h4{
  font-size: 1.3125rem;
  color: #346C30;
}

.csi-sectionOne h2, 
.csi-sectionTwo h2{
  font-size: 3rem !important;
}

.csi-sectionTwo {
  margin-top: 14rem;
}
.csi-sectionTwo .csi-pic3 {
  width: 820px;
  height: 620px;
  background: white;
  box-shadow: -40px 40px 66px rgba(83, 68, 6, 0.435);
  border-radius: 8px;
}

.csi-sectionTwo .col-lg-5{
  padding-left: 6rem;
}

.csi-bottomAd {
  width: 100%;
  min-height: 200px;
  padding: 12rem 0;
  background: var(--green);
  position: relative;
}

  .csi-bottomAd h4{
    font-size: 1.3125rem;
  }
  
  .csi-bottomAd h2{
    font-size: 3rem;
  }

  .csi-bottomAd:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgb(27,91,75);
    background: linear-gradient(180deg, rgba(27,91,75,1) 0%, rgba(27,91,75,0.9122023809523809) 29%);
  }
.csi-bottomAd h1, .csi-bottomAd h2, .csi-bottomAd h3, .csi-bottomAd h4, .csi-bottomAd h5, .csi-bottomAd h6, .csi-bottomAd p, .csi-bottomAd a {
  color: var(--white);
}
.csi-bottomAd .csi-btn {
  box-shadow: 0px 22px 22px #0a352b;
}
.csi-bottomAd .csi-btn:hover, .csi-bottomAd .csi-btn:focus, .csi-bottomAd .csi-btn:active {
  box-shadow: 0px 8px 8px #0a352b;
}

footer *{
  text-align: left !important;
}

footer{
  padding: 3rem !important;
}

footer a:hover{
  color: #fff;
}

  footer svg{
    margin: 20px 0 !important;
  }

.footerLinks {
  background: var(--darkred);
  padding: 9.5rem;
}
.footerLinks h1, .footerLinks h2, .footerLinks h3, .footerLinks h4, .footerLinks h5, .footerLinks h6, .footerLinks p, .footerLinks a {
  color: var(--white);
}
.footerLinks .cardQuickLinks {
  background: var(--white);
  border-radius: 10px;
  padding: 3rem 3rem 1rem 3rem;
  width: 450px;
  max-height: 800px;
  position: absolute;
  z-index: 5;
  right: 0;
  top: 50%;
  transform: translate(0, -50%) rotate(7deg);
  box-shadow: 0 30px 60px rgba(0, 0, 0, 0.27);
}

.footerLinks .cardQuickLinks ul li::marker{
  display: none;
}
  .footerLinks .cardQuickLinks ul li {
    background: url("images/Icon_awesome-check.png") no-repeat left 5px;
   background-size: 20px 18px;
   height: 40px;
   padding-top: 2px;
   padding-bottom: 3.5rem;
   padding-left: 38px;
   margin: 2rem 0;
  }


.footerLinks .cardQuickLinks li {
  margin: 2rem 0;
  border-bottom: 2px solid #cbd0ce;
}

  .footerLinks .cardQuickLinks li:last-child{
    border-bottom: none;
  }
.footerLinks .cardQuickLinks a {
  color: var(--darkblue);
  text-decoration: none;
  font-weight: 400;
}

  .footerLinks .cardQuickLinks a:hover{
    text-decoration: underline;
  }

footer {
  position: relative;
  background: var(--darkblue);
  margin: 0;
}

/*-----------------------------------------------------------------
BAnner 1
------------------------------------------------------------------*/
.csi-header {
  position: absolute;
  width: 100%;
}

.csi-ibContainer {
  position: absolute;
  z-index: 10;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translateY(-50%);
  bottom: initial;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.csi-ib {
  z-index: 5;
}

  .csi-ib h5{
    color: #fff;
    font-size: 1.125rem;
  }
  
  .csi-ib input,
  .csi-ib .csi-btn{
    height: 45px;
    font-size: .875rem;
    border-radius: 8px;
  }
  
    .csi-ib input{
      min-width: 230px;
    }
  
  .csi-ib a:not([href]):not([tabindex]) {
    color: #fff !important;
}
  
  .csi-ib .csi-btn{
    color: #fff !important;
    box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.399);
  }

.carousel-item {
  position: relative;
  min-height: 575px;
  height: 60vh;
}
.carousel-item:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  background: rgba(0, 0, 0, 0.6);
}

.carousel-caption {
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
  bottom: initial;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  left: 4rem;
  right: 4rem;
  padding: 0;
}
.carousel-caption h2, .carousel-caption p {
  color: white;
}
.carousel-caption h2 {
  font-size: 3rem;
  font-weight: 800;
}
.carousel-caption .col-md-4 {
  background: white;
  box-shadow: 0px 0px 33px 1px rgba(0, 0, 0, 0.25);
  padding: 4rem 3rem;
}
.carousel-caption .col-md-8 {
  padding: 4rem;
}

.modkitHeroSlideUp {
  animation-name: modkitHeroSlideUp;
  -webkit-animation-name: modkitHeroSlideUp;
  animation-duration: 1.25s;
  -webkit-animation-duration: 1.25s;
  animation-timing-function: ease;
  -webkit-animation-timing-function: ease;
  visibility: visible !important;
}

@keyframes modkitHeroSlideUp {
  0% {
    transform: translateY(0%);
    opacity: 0;
  }
  100% {
    transform: translateY(-50%);
    opacity: 1;
  }
}
@-webkit-keyframes modkitHeroSlideUp {
  0% {
    -webkit-transform: translateY(0%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(-50%);
    opacity: 1;
  }
}
.box-side {
  position: relative;
}

.box-top, .box-bottom {
  height: 50%;
  background: white;
  padding: 4rem 3rem;
  overflow: scroll;
}

.box-top {
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}

.csi-heroIcons {
  margin-top: -2rem;
  position: relative;
  z-index: 5;
  text-align: center;
  width: 100%;
}
.csi-heroIcons img {
  width: 80px;
}
.csi-heroIcons .csi-boxHome {
  background: #fff;
  border-radius: 8px;
  padding: 2rem 2rem 0.5rem 2rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.25);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.csi-heroIcons .csi-boxHome:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25), 0 0 5px rgba(0, 0, 0, 0.15), 0 0 2px rgba(0, 0, 0, 0.05);
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
}
.csi-heroIcons .card {
  border: none !important;
  border-radius: 8px;
}
.csi-heroIcons a {
  text-decoration: none;
  color: #174688;
}
.csi-heroIcons h4 {
  font-weight: 600;
  color: #174688;
}
.csi-heroIcons i {
  font-size: 3rem;
  color: red;
  margin-bottom: 1rem;
}
.csi-heroIcons p.card-linkName {
  text-decoration: underline;
}
.csi-heroIcons p.card-linkName:hover {
  text-decoration: none;
}

.carousel-indicators {
  background-color: transparent;
  bottom: 18%;
}

/* Media Queries
-------------------------------------------------------------------------------------- */
@media (max-width: 1200px) {
  .card {
    margin-bottom: 2rem !important;
  }
}
@media (max-width: 992px) {
  .csi-header,
.csi-banner-9 > div:not(.csi-nav),
.csi-navContainer,
.csi-heroIcons {
    position: relative;
    display: block !important;
    width: 100%;
    margin: 0;
  }

  .csi-header {
    background: #252525;
  }

  .csi-heroIcons {
    margin-top: 2rem;
  }
  .csi-heroIcons .col-md-6 {
    margin-bottom: 2rem;
    transition: all 0.5s ease;
  }

  .carousel-indicators {
    bottom: 1rem;
  }

  .csi-nav {
    z-index: 100;
    width: 100%;
  }

  .carousel-caption {
    padding: 2rem;
    left: 0rem;
    right: 0rem;
    position: relative;
    text-align: center;
    transform: translateY(0%);
  }

  .carousel-item {
    position: relative;
    min-height: 100px;
    height: auto;
    padding: 2rem 0;
  }
  .carousel-item:before {
    opacity: 0.8;
    background: black;
  }

  .carousel-image {
    min-height: 250px;
    border-radius: 0;
    height: auto;
  }
  .carousel-image:before {
    background: transparent;
    border-radius: 0;
  }

  .modkitHeroSlideUp {
    animation-duration: initial;
    animation-timing-function: initial;
  }

  .card {
    margin-bottom: 2rem !important;
  }
}
#csiMenuWrapper .primary-menu a,
#csiMenuWrapper .primary-menu .icon,
#csiMenuWrapper .primary-menu ul a,
#csiMenuWrapper .toggle-inner .toggle-text,
#csiMenuWrapper .nav-toggle svg {
  color: #fff;
  fill: #fff;
  font-family: var(--font1);
  font-weight: 500;
  font-size: 1.3125rem;
}

#csiMenuWrapper .primary-menu ul {
  /* background: #252525; */
  background: var(--green);
}

/*-----------------------------------------------------------------
Internal Pages
------------------------------------------------------------------*/
.csi-internal {
  width: 100%;
  height: 100%;
  position: relative;
  background: #1b5b4b;
  background: linear-gradient(180deg, rgba(27, 91, 75, 0) 0%, rgba(27, 91, 75, 0.7371323529) 13%, #1b5b4b 33%, #082c31 100%);
}

.csi-internal .csi-articleContent {
  background: #fff;
  padding: 5rem 0 10rem 0;
  border-radius: 40px 0 0 30px;
  position: relative;
  width: calc(100% - 5rem);
  margin-top: -5rem;
  margin-left: 5rem;
  z-index: 10;
}

.csi-productAccordion {
  margin: 1.5rem 0;
}

.csi-internal .csi-containerSize {
  max-width: 1600px;
  padding: 0 4rem;
}


.csi-productAccordion .csi-btn{
  font-size: .85rem;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.csi-panelContent ul li {
  margin-top: .6rem;
  margin-bottom: .6rem;
}

.csi-insidepages ul{
  list-style: none;
}

.csi-insidepages ul li::before {
  content: "\2022";
  color: var(--red);
  font-weight: bold;
  display: inline-block; 
  width: 1em;
  margin-left: -1em;
}

.csi-insidepages ul.nav li::before{
  display: none;
}

.csi-productAccordion .csi-panelContent {
  padding: 0rem 1rem 2rem 1rem !important;
}


.csi-internal .col-md-12 div  > h1,
.csi-internal .col-md-12 div > h2,
.csi-internal .col-md-12 div  > h3,
.csi-internal .col-md-12 div  > h4,
.csi-internal .col-md-12 div  > h5,
.csi-internal .col-md-12 div  > h6{
  margin-top: 3rem;

}


.csi-internal .col-md-12 div > h6{

    font-weight: 900;
    color: var(--red);

}


#csiMenuWrapper .menu-modal-inner {
  background: var(--darkred) !important;
}



.csi-alert *{
  color: #fff
}

.csi-alert{
  background: var(--darkblue) !important;
}


.panel-body a:not(.csi-btn) {
  border: none;
  padding: inherit;
  display: inline-block;
  text-decoration: underline;
}