/*
Theme Name: 0129 Dongola V2
Theme URI: http://csibankanytime.com/
Author: CSI ( CSI Developer Name )
Description: Design Pro 3 CSI Banking Theme
Version: 2.1.0
Text Domain: design-pro-3
*/
/* TYPOGRAPHY
-------------------------------------------------------------------------------------- */
#wpadminbar #wp-admin-bar-wp-logo {
  display: none;
}

footer{
  background-color: #01205D;
}

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: "Merriweather", serif;
  
}

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

p,
ul,
dl,
ol {
  color: #212529;
}

/* 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;
}

/* GENERAL STYLES
-------------------------------------------------------------------------------------- */
.csi-logo img {
  width: 345px;
  padding: 0px !important;
  /*margin-top: 10px;*/
}

.csi-body-7, .csi-body-2{
  margin: 0 5vw;
}

.carousel-item:before{
  background: linear-gradient(90deg, rgba(1,32,93,.9) 25%, rgba(0,212,255,0.014740930551908282) 75%);
}

.carousel-caption h2, .carousel-caption p{
  color:white;
}

.btn{
  background:#01205D;
  color:white;
  border-radius: 1px;
  border-color: white;
  text-decoration: none;
  border-radius: 5px;
}

.btn:hover, .btn:focus{
  text-decoration: underline;
  background-color: white;
  color:#01205D;

}

.csi-helper-btn{
  background-color: #6C757D;
}

.ib-title{
  color:#01205D;
  font-weight: 600;
  font-size: 20px;
}

#csiMenuWrapper .csi-Menu-inner{
  padding-bottom: 5px !important;
}

footer a:hover, footer a:focus{
  color:white;
}

.csi-btn, button{
  background: #01205D;
  color: white;
  text-decoration: none;
  border-radius: 5px;
  padding-left: 3rem;
  padding-right: 3rem;
  border: 1px solid #0062cc;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  display: inline-block;
  font-weight: 400;
}

.csi-btn:hover, button:hover, .csi-btn:focus, button:focus{
  background: white;
  color: #01205D;
  text-decoration: underline;

}

.carousel-item .csi-btn{
  border: 1px solid white;
}

.carousel-caption h2{
font-size: calc(2.5rem + 1vw); 
font-weight: 900; 
}

.csi-bgCarouselImage, .carousel-item, .carousel-item:before{
  min-height: 780px;
}

.csi-alert{
  background-color: #01205D;
  border-color: #01205D;
  color: white;
}
.panel-group .icon-open-close:before, .panel-group .icon-open-close:after, .inside-panel-group .icon-open-close:before, .inside-panel-group .icon-open-close:after{
  background: white;
}

.panel-heading{
  background: #01205D;
  color: white;
  padding: 20px 25px 10px;
}

.panel-group a, .inside-panel-group a{
  padding:0px;
  display: inline;
}

.tab-content {
  margin-bottom: 10px;
  color: rgb(5, 5, 5);
  border: 5px solid #01205D;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
  background: #01205D;
  color: white;
}
.inside-header-content{
  background: #01205D;
  color:white;
  padding: 14px 10px 10px 10px;
  border-radius: .25rem;
}

.inside-header-content .head{
  margin-left:15px;
}
.panel-group .icon-open-close:before, .panel-group .icon-open-close:after, .inside-panel-group .icon-open-close:before, .inside-panel-group .icon-open-close:after{
  background: white;
}

.panel-heading{
  background: #01205D;
  color: white;
  padding: 20px 25px 10px; 
}

.panel-group a, .inside-panel-group a{
  padding:0px;
  display: inline;
}

.csi-defaultAccordion a{
  border: 0px solid #cecece;
}

.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #01205D;
}

.inside-header-content{
  text-decoration: none;
}

.inside-header-content:hover, .inside-header-content:focus{
  text-decoration: underline;
}

.card a:hover, .card a:focus{
  border: 1px solid #5c5c5c;
}

.inside-panel-group{
  margin-bottom: 25px;
}

.card-body h3{
  color: #01205D;
}